/*%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%
University of New Mexico Job Search
SITE MATCH 2018 - GOOGLE JOBS
%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%*/

body {
    overflow-x: hidden;
}

/* NAV BAR */

/* NAVBAR BRAND */

.red-bg {
    width: 100%;
    height: auto;
    background-color: #ba0c2f;
}

.navbar-brand-img {
    max-width: 200px;
    margin-left: 6rem;
}

/* BANNER NAV */

.navbar {
    padding: 0;
}

.header {
    position: relative;
}

.sidebar-header {
    color: black;
    font-size: 60%;
    text-align: center;
}

.bg-cover-img {
    background-image: url(https://dokumfe7mps0i.cloudfront.net/oms/8456/image/2025/4/IPT6W_pres-search2tktt3y/pres-search2tktt3y.jpg);
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: 50% 40px;
    top: 0;
    z-index: -1;
    border-bottom: 3px solid lightgray;
}

.bg-teal {
    background-color: rgba(0, 137, 149, 0.85);
    vertical-align: middle;
    float: right;
    max-width: 440px;
    padding: 4rem;
    margin: auto;
    left: 0;
    right: 0;
}

.bg-teal:hover {
    background-color: rgb(0, 137, 149);
}

.column-style {
    vertical-align: middle;
    margin-top: 5.5rem;
}

/* RED BG COLUMN 2 */

.column-style2 {
    margin-top: 2rem;
    vertical-align: middle;
}

.column-nav-link {
    color: white;
}

.column-nav-link:hover {
    color: white;
    text-decoration: none;
}

.h2-style {
    font-family: "Vitesse A", "Vitesse B", Cambria, Rockwell, "Times New Roman", serif;
    font-weight: 700;
    color: #ba0c2f;
    font-size: 275%
}

.bg-trsp-red {
    background-color: rgba(186, 12, 47, 0.8);
    vertical-align: middle;
    padding: 0.25rem;
    max-width: 440px;
}

.column-nav-item {
    border-bottom: 2px dotted whitesmoke;
    width: 400px;
    text-align: left;
    padding: 0.5rem;
    margin-right: 1rem;
}

.column-nav-item-bottom {
    width: 400px;
    text-align: left;
    padding: 0.5rem;
    margin-right: 1rem;
}

.column-nav-item:hover {
    background-color: rgba(167, 168, 170, 0.5);
    text-decoration: underline;
}

.column-nav-item-bottom:hover {
    background-color: rgba(167, 168, 170, 0.5);
    text-decoration: underline;
}

.h5-style {
    color: #ba0c2f;
    font-family: "Vitesse A", "Vitesse B", Cambria, Rockwell, "Times New Roman", serif;
    font-weight: 700;
    font-size: 150%;
}

.strong {
    font-weight: bold;
}

/* BODY CONTENT */

/* CAREER BLOCKS */

.career-block-link {
    color: white;
    font-family: "Vitesse A", "Vitesse B", Cambria, Rockwell, "Times New Roman", serif;
    font-weight: 700;
    font-size: 175%;
}

.career-block-link:hover {
    color: white;
}

.career-block1:hover {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    filter: grayscale(0);
}

.career-block1 {
    background-image: url(https://dokumfe7mps0i.cloudfront.net/oms/8456/image/2025/4/0GC5L_1J7AcKU/1J7AcKU.jpg);
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    border: 10px solid #FFFFFF;
    filter: grayscale(0.7);
}

.career-block2:hover {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    filter: grayscale(0);
}

.career-block2 {
    background-image: url(https://dokumfe7mps0i.cloudfront.net/oms/8456/image/2025/4/XZ450_2vPeDN0/2vPeDN0.jpg);
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    border: 10px solid #FFFFFF;
    filter: grayscale(0.7);
}

.career-block3:hover {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    filter: grayscale(0);
}

.career-block3 {
    background-image: url(https://dokumfe7mps0i.cloudfront.net/oms/8456/image/2025/4/OBAP2_3tMhGKL/3tMhGKL.jpg);
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    border: 10px solid #FFFFFF;
    filter: grayscale(0.7);
}

.career-block4:hover {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    filter: grayscale(0);
}

.career-block4 {
    background-image: url(https://dokumfe7mps0i.cloudfront.net/oms/8456/image/2025/4/HPWWX_4Yg13Ap/4Yg13Ap.jpg);
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    border: 10px solid #FFFFFF;
    filter: grayscale(0.7);
}

/* WHY WORK AT UNM AND UNEXPECTED ON PURPOSE */

.h3-style {
    color: #ba0c2f;
    font-family: "Vitesse A", "Vitesse B", Cambria, Rockwell, "Times New Roman", serif;
    font-weight: 700;
    font-size: 200%;
}

.body-style {
    color: black;
    font-size: 85%;
}

.body-content-link {
    color: #ba0c2f;
    font-weight: bold;
}

/* FOOTER STYLE */

.footer-style {
    border-top: 3px solid lightgray;
    background-color: #ba0c2f;
    width: 100%;
}

.h4-style {
    color: white;
    font-weight: 900;
    font-size: 200%;
    font-family: "Vitesse A", "Vitesse B", Cambria, Rockwell, "Times New Roman", serif;
}

.footer-content-style {
    font-size: 85%;
    color: white;
}

.footer-style-links {
    font-weight: bold;
    color: white;
}

.footer-style-links:hover {
    color: white;
}

hr {
    border-top: 1px white solid;
    margin-right: 4rem;
    margin-left: 4rem;
}

.fine-print {
    color: white;
    font-size: 65%;
    line-height: 1.5;
}

.fa {
    color: white;
    font-size: 150%;
}

.footer-nav-link-social {
    padding: 0.25rem;
}

.footer-nav-link {
    color: white;
    font-size: 65%;
    padding-right: 1rem;
}

.red-building-bg {
    background: #ba0c2f url(https://dokumfe7mps0i.cloudfront.net/oms/8456/image/2025/4/H6IUK_mesa-mountain-reduhP52p/mesa-mountain-reduhP52p.png) bottom right no-repeat;
}

/* MEDIA QS */

@media (min-width: 767px) {
    .career-block1 {
        width: 25%;
        height: 300px;
    }
    .career-block2 {
        width: 25%;
        height: 300px;
    }
    .career-block3 {
        width: 25%;
        height: 300px;
    }
    .career-block4 {
        width: 25%;
        height: 300px;
    }
}

@media (max-width: 992px) {
    .col-lg-6.column-style,
    .col-lg-6.column-style2 {
        margin-top: 1rem;
        padding: 0;
    }
    .bg-teal {
        height: auto;
        max-width: 100%;
        margin: 0;
        float: none;
    }
    .column-nav-item {
        width: 700px;
    }
    .column-nav-item-bottom {
        width: 700px;
    }
    .bg-trsp-red {
        height: auto;
        max-width: 100%;
        margin: 0;
        float: none;
    }
    .column-style2 .h2-style {
        display: none;
    }
    .footer-style .p-4 {
        padding: 0 !important;
    }
}

@media (max-width: 770px) {
    .col-lg-6.column-style,
    .col-lg-6.column-style2 {
        margin-top: 0;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .column-nav-item {
        width: auto;
        padding: 20px 0.5rem
    }
    .column-nav-item-bottom {
        width: auto;
        padding: 20px 0.5rem
    }
}

@media (max-width: 375px) {
    .navbar-brand-img {
        margin-left: 0 !important;
    }
    .footer-brand-img {
        max-width: 200px;
    }
}

/* NAV BAR TOGGLE EDITS */

.navbar-toggler {
    background-color: white;
    color: white;
    height: 60px;
    width: 100vw;
}

button:focus {
    outline: none;
}

.fa.fa-bars {
    background: none;
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 45px;
    padding: 5px 15px 0px 15px;
    color: #999;
    border: 0;
    font-size: 1.4em;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 10000000000000;
}

/* JOBS LIST STYLING */



#footerpowered {
    background-color: #ba0c2f;
}


#footerpowered .PoweredBy {
    color: white;
    font-size: 80%;
    text-align: center;
}

#footerpowered .PoweredBy a {
    font-weight: 600;
    color: white;
}


h3.job-title {
    display: none;
}

.cs-atscs-jobdet-rtpane h2 {
    font-family: "Vitesse A", "Vitesse B", Cambria, Rockwell, "Times New Roman", serif;
    border-bottom: 1px solid #ba0c2f;
    font-weight: 900;
}


/* mobile job pagination */


/* Version 2 */

/* COLORS */
/* FONT-FAMILY */
/* FONT SIZES */
/* MARGIN/PADDING SIZES */
/* TRANSITION */
/* BREAKPOINTS */
/* FONT MIXIN */
/* MEDIA QUERIES */
