/* ---------------------- */
/* GENERAL -------------- */
/* ---------------------- */

.career-section {
    overflow: hidden;
    margin: 0;
    padding: 50px 0;
}

/* ---------------------- */
/* HERO DROPDOWN -------- */
/* ---------------------- */
.careers-hero-dropdown {
    font-family: "Gentona Light", Tahoma, sans-serif;
}

.careers-hero-dropdown.open > button {
    background-color: #286090 !important;
    border-color: #122b40 !important;
    color: #fff !important;
}

    .careers-hero-dropdown ul.dropdown-menu {
        background-color: #286090;
        border: 2px solid #122b40;
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

.careers-hero-dropdown ul li {
    background-color: none;
}

    .careers-hero-dropdown ul li a {
        background-color: #286090;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        padding: 5px 20px;
        transition: all ease .33s;
    }

        .careers-hero-dropdown ul li a:hover {
            background-color: #122b40;
            color: #fff;
            transition: all ease .5s;
        }


/* ---------------------- */
/* FOOTER HERO DROPDOWN -------- */
/* ---------------------- */
.opportunity-hero-dropdown {
    font-family: "Gentona Light", Tahoma, sans-serif;
}

    .opportunity-hero-dropdown.open > button, .opportunity-hero-dropdown.active > button {
        background-color: #64a03c !important;
        border-color: #64a03c !important;
        color: #fff !important;
    }

    .opportunity-hero-dropdown ul.dropdown-menu {
        background-color: #64a03c;
        border: 2px solid #64a03c;
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .opportunity-hero-dropdown ul {
        margin-top: 18px;
        background-color: #64a03c;
    }
    .opportunity-hero-dropdown button:focus, .opportunity-hero-dropdown button:hover:active {
        background-color: #64a03c !important;
        border-color: #64a03c !important;
        outline: 0;
    }

    .opportunity-hero-dropdown ul li {
        background-color: none;
    }

        .opportunity-hero-dropdown ul li a {
            background-color: #64a03c;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
            padding: 5px 20px;
            transition: all ease .33s;
        }

            .opportunity-hero-dropdown ul li a:hover {
                background-color: #64a03c;
                color: #fff;
                transition: all ease .5s;
            }

/* ----------------------------------- */
/* ALL CURRENT OPENINGS CTA BUTTON --- */
/* ----------------------------------- */
a.all-current-openings-cta {
    border: solid 3px #64A03C;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0,0,0,.25), 0 5px 15px rgba(0,0,0,.1);
    font-family: "Gentona Light", Tahoma, sans-serif;
    cursor: pointer;
    margin-top: 56px;
    margin-left: 16px;
    margin-right: 16px;
    transition: all ease-in-out .33s;
    flex-direction: column;
}

a.all-current-openings-cta:hover {
    background-color: #64A03C;
    box-shadow: 0 4px 4px rgba(0,0,0,.25), 0 5px 10px rgba(0,0,0,.1);
    transition: all ease-in-out .33s;
    text-decoration: none;
}

a.all-current-openings-cta:hover .cta-image img {
    opacity: .85;
}

a.all-current-openings-cta:hover .cta-text h4,
a.all-current-openings-cta:hover .cta-text h5 {
    color: white;
}



a.all-current-openings-cta .cta-image img {
    object-fit: cover;
    width: 100%;
    max-height: 125px;
}

a.all-current-openings-cta .cta-text {
   margin: 16px auto;
}

a.all-current-openings-cta h4 {
    color: #64A03C;
    font-family: unset;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 2px 0;
    text-transform: uppercase;
}

a.all-current-openings-cta h5 {
    color: #333;
    font-size: 21px;
    font-weight: 600;
    margin: 2px 0;
}

@media only screen and (min-width: 768px) {
    a.all-current-openings-cta {
        flex-direction: row;
        margin-left: 0;
        margin-right: 0;
        max-height: 125px;
        overflow: hidden;
    }

    a.all-current-openings-cta .cta-image {
        width: 50%;
    }

    a.all-current-openings-cta .cta-text {
        margin: 0 auto;
    }
}


/* ---------------------- */
/* PAGE HEADER ---------- */
/* ---------------------- */
.careers-header {
    background: #dedede;
    background-position: center;
    background-size: cover;
    min-height: calc(100vh - 193px);
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.careers-header__page-title {
    font-size: 60px;
    color: white;
    line-height: 1em;
}

.careers-header__page-title small {
    font-size: 24px;
    color: white;
}

@media only screen and (min-width: 992px) {
    .careers-header__page-title {
        font-size: 80px;
    }

    .careers-header__page-title small{
        font-size: 40px;
    }
}

.colorblock {
    background: rgb(59,139,216);
    background: linear-gradient(180deg, rgba(59,139,216,0.75) 0%, rgba(11,45,114,0.9) 100%);
    height: 100%;
    width: 170%;
    position: absolute;
}

@media only screen and (min-width: 768px) {
    .colorblock {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .colorblock {
        width: 65%;
    }
}

.colorblock--skewed {
    -webkit-transform-origin: 0% 5%;
    -ms-transform-origin: 0% 5%;
    transform-origin: 0% 5%;
    -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
}

.colorblock--lightblue {
    transform-origin: 0% 15%;
    background: rgba(59,139,216,.5);
}

.colorblock--darkblue {
    transform-origin: 0% -5%;
    background: rgba(0,45,114,.5);
}


/* ---------------------- */
/* SCROLL INDICATOR ----- */
/* ---------------------- */

@keyframes buttonDropIn {
    0% { opacity: 0; transform: translateY(-50%); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes arrowBob {
    0% { transform: translateY(-10%); }
    50% { transform: translateY(15%); }
    100% { transform: translateY(-10%); }
}

.scroll-indicator__btn {
    animation-name: buttonDropIn;
    animation-delay: 1.5s;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    border-radius: 20px;
    padding: 6px 15px;
    font-family: 'Gentona Medium';
    color: #ffffff;
    text-transform: uppercase;
    background: transparent;
    border-color: transparent;
    cursor: default;
    pointer-events: none;
}

.scroll-indicator__btn__arrow {
    animation-name: arrowBob;
    animation-delay: 2s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}


/* ---------------------- */
/* ANCHOR NAV ----------- */
/* ---------------------- */

.career-anchor-nav {
    margin-top: 30px;
    font-family: Gentona Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    max-width: 300px;
}

.career-anchor-nav li a {
    color: white;
    opacity: .8;
}

.career-anchor-nav li:hover a,
.career-anchor-nav li a:focus {
    background: none;
    opacity: 1;
}

.career-anchor-nav .glyphicon {
    font-size: .9em;
}


/* ---------------------- */
/* CAREERS SIDE NAV ----- */
/* ---------------------- */

.career-nav__toggle {
    border-color: transparent;
    background: white;
    color: #777777;
    font-family: 'Gentona Bold';
    padding: 8px 15px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}

.career-nav__toggle:hover, .career-nav__toggle:focus {
    background: #efefef !important;
    border-color: transparent !important;
}

.career-nav.affix-top,
.career-nav.affix {
    position: fixed;
    top: 134px;
    left: 0;
    right: 0;
    z-index: 1000;
}

.career-nav.affix-top {
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none;
}

.career-nav.affix {
    opacity: 100;
    transition: opacity .2s;
    pointer-events: all;
}

@media only screen and (min-width: 768px) {
    .career-nav.affix-top,
    .career-nav.affix {
        top: 220px;
    }
}

@media only screen and (min-width: 992px) {
    .career-nav.affix-top,
    .career-nav.affix {
        top: 150px;
    }
}

@media only screen and (min-width: 1200px) {
    .career-nav.affix-top,
    .career-nav.affix {
        top: 140px;
    }
}

.career-nav__dropdown {
    background: #fff;
    float: left;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.18);
    box-shadow: 0 6px 12px rgba(0,0,0,.18);
    overflow: hidden;
}

.career-nav__dropdown .dropdown-backdrop {
    z-index: 0;
}

.career-nav__dropdown-menu {
    background: none;
    font-family: Gentona Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    width: 250px;
    max-height: calc(100vh - 270px);
    overflow-y: auto;
    position: static;
    border: none;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.career-nav__dropdown-menu li {
    border-top: 1px #7e7e7c solid;
    margin-top: 0 !important;
}

.career-nav__dropdown-menu li a {
    color: #000;
    padding: 7px 15px;
}

.career-nav__link-header {
    padding: 7px 15px 5px;
}

.career-nav-nested {
    margin-left: 30px;
}

.career-nav-nested li {
    border: none;
}

.career-nav-nested li a {
    padding: 5px 15px;
}

.career-nav-nested li:last-child {
    border: none;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .career-nav__dropdown-menu li a {
        padding: 10px 15px;
    }
    .career-nav-nested li a {
        padding: 7px 15px;
    }
    .career-nav__link-header {
        padding: 10px 15px 7px;
    }
}


/* ---------------------- */
/* PILL TABS ------------ */
/* ---------------------- */

.career-pill-nav {
    font-family: Gentona Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.career-pill-nav li a {
    color: #4A484C;
}

.career-pill-nav > li.active > a,
.career-pill-nav > li.active > a:focus {
    background-color: #74aa50;
}

.career-pill-nav li.active a:hover {
    background-color: #669a44;
}


/* ---------------------- */
/* FEATURE COMBO -------- */
/* ---------------------- */

.feature-combo {
    position: relative;
    min-height: calc(100vh - 120px);
}

@media only screen and (min-width: 992px) {
    .feature-combo {
        display: flex;
        align-items: center;
    }
}

.feature-combo__img-container {
}

.feature-combo__img-container__img {
    border-radius: 10px;
}

.feature-combo__play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .8;
    transition: opacity .2s;
    cursor: pointer;
}

.feature-combo__play-overlay:hover {
    opacity: 1;
    transition: opacity .2s;
}

.feature-combo--overlap {
    pointer-events: none;
}

@media only screen and (min-width: 992px) {
    .feature-combo--overlap {
        position: absolute;
    }
}

.feature-combo__blurb-container {
    background: white;
    padding: 3em;
    margin-top: 1em;
    box-shadow: 0 8px 30px rgba(0,0,0,0.05);
    pointer-events: all;
}

@media only screen and (min-width: 992px) {
    .feature-combo__blurb-container {
        margin-top: 0;
    }
}


/* ---------------------- */
/* INTERSTITIAL IMAGE --- */
/* ---------------------- */

.interstitial-img {
    background-size: cover;
    background-position: center;
    background-position-y: 120px;
    background-attachment: fixed;
    min-height: 75vh;
    align-items: center;
    position: relative;
}

.interstitial-img__img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.interstitial-img__blurb {
    background: rgba(0,0,0,.75);
    color: white;
    padding: 3rem;
    margin: -2em 0;
}



.careers-blockquote {
    border: 0;
    color: white;
    text-align: left;
    font-family: "Gentona ExtraLight", "Gentona Light", sans-serif;
    font-size: 2em;
    line-height: 1.2em;
    padding: 0;
    padding-left: 20px;
}

@media only screen and (min-width: 992px) {
    .interstitial-img {
        display: flex;
    }

    .interstitial-img__img {
        position: absolute;
    }

    .interstitial-img__blurb {
        margin: 2em 0;
        padding: 4rem;
    }
    .careers-blockquote {
        font-size: 3em;
    }
}

.careers-blockquote .open-quote {
    line-height: 0.6em;
    font-size: 2.5em;
    float: left;
    margin-left: -35px;
}

.careers-blockquote__attribution {
    font-family: "Gentona Light", sans-serif;
    font-size: 26px;
}


/* ---------------------- */
/* CATEGORY CARD -------- */
/* ---------------------- */

.career-category-card {
    min-height: 325px;
    position: relative;
    border: 1px #74aa50 solid;
}

.career-category-card:hover {
    border-color: #333333;
}

.career-category-card__link {
    font-family: "Gentona Medium", Helvetica, sans-serif;
    font-size: 18px;
}

.career-category-card__link a {
    color: #333;
}


/* ---------------------- */
/* HOME ----------------- */
/* ---------------------- */

.award-bubble {
    /*background: rgba(214, 123, 0, .5);*/
    background: rgba(26, 46, 70, .5);
/*    -webkit-box-reflect: below 0px linear-gradient(to top, rgba(26, 46, 70, .5) 0%, rgba(13, 41, 71, 0) 100%);*/
    width: 40vh;
    height: 40vh;
    border-radius: 30vh;
    display: flex;
    align-items: center;
    padding: 25px;
}

.award-bubble h1 {
    font-size: 30px;
}

@media only screen and (min-width: 768px) {
    .award-bubble {
        width: 60vh;
        height: 60vh;
    }
    .award-bubble h1 {
        font-size: 40px;
    }
}


.rollover-square__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rollover-square {
    position: relative;
    display: block;
}

.rollover-square__text {
    font-family: 'Gentona Book';
    font-size: 1.5em;
    color: white;
    background: #005EB8;
    padding: 25px;
}

@media only screen and (min-width: 768px) {
    .rollover-square {
        display: flex;
    }

    .rollover-square__container {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    .rollover-square__text {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 1em;
        padding: 20px;
        opacity: 0;
        transition: opacity 200ms;
    }

    .rollover-square:hover .rollover-square__text {
        opacity:100;
        transition: opacity 200ms;
    }
}

@media only screen and (min-width: 1200px) {
    .rollover-square__text {
        font-size: 1.3em;
        padding: 25px;
    }
}


/* ---------------------- */
/* GET READY TO MEET US - */
/* ---------------------- */

.panel-faq .panel-title {
    font-size: 24px;
    color: #002d72;
}


/* ---------------------- */
/* RECRUITING CALENDAR -- */
/* ---------------------- */

.recruiting-calendar__event-container {
    max-height: 800px;
    overflow-y: auto;
}

.recruiting-event {
    position: relative;
    border: 1px #74aa50 solid;
    max-height: 315px;
    overflow: hidden;
}

.recruiting-event:hover {
    border-color: #333333;
}

.recruiting-event a {
    text-decoration: none;
}

.recruiting-event__date {
    padding: 30px;
}

.recruiting-event__date img {
    width: 45px;
    margin: 5px 20px 0 0;
}

.recruiting-event__event-name {
    min-height: 200px;
    padding: 30px;
}

.recruiting-event__event-name h3 {
    color: #4A484C;
}

.recruiting-calendar__expand-link {
    cursor: pointer;
}


/* ---------------------- */
/* BUTTONS -------------- */
/* ---------------------- */

.btn-career {
    font-family: 'Gentona Book';
    font-size: 18px;
    color: inherit;
    border-radius: 0;
    border: 2px #74aa50 solid;
    background: transparent;
    padding: 8px 15px;
    white-space: normal;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-career:hover {
    background: #74aa50;
    border-color: #74aa50;
    color: white;
}

.btn-career--orange {
    border-color: #FF9E1B;
    color: white;
}

.btn-career--orange:hover {
    border-color: #FF9E1B;
    background-color: #FF9E1B;
    color: #333333;
}

@media only screen and (min-width: 768px) {
    .btn-career {
        display: inline-block;
    }
}

.back-to-top.affix,
.back-to-top.affix-top {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 1000;
}

.back-to-top.affix-top {
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none;
}

.back-to-top.affix {
    opacity: 100;
    transition: opacity .2s;
}

.back-to-top__btn {
    border-radius: 20px;
    padding: 6px 15px;
    font-family: 'Gentona Medium';
    color: #002d72;
    text-transform: uppercase;
    background: rgba(255,255,255,0.6);
    border-color: transparent;
    opacity: .8;
    transition: opacity .2s;
}

.back-to-top__btn:hover,
.back-to-top__btn:focus {
    opacity: 1;
    transition: opacity .2s;
}


/* ---------------------- */
/* UTILITIES ------------ */
/* ---------------------- */

/*Background*/
.bg-white {
    background-color: white !important;
}

.bg-secondary {
    background-color: #efefef !important;
}

.bg-polygons {
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(59,139,216,0.1) 100%);
    background-image: url('/Content/images/Careers/bg_polygons.svg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-y: center;
}

.bg-polygons-right {
    background-position-x: right;
}

.bg-gradient {
    background: linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgba(59,139,216,0.2) 100%);
    background-attachment: fixed;
}

/*Borders*/
.border {
    border: 1px solid #dee2e6 !important;
}

/*Display*/
.d-flex {
    display: flex !important;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.flex-column {
    flex-direction: column !important;
}

/*Stretched Link*/
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

/*Grid*/
@media only screen and (min-width: 1200px) {
    .col-5-grid {
        width: 20%;
    }
}

/*Grid*/
@media only screen and (min-width: 1200px) {
    .col-4-grid {
        width: 25%;
    }
}

/*text color*/
.text-white {
    color: white !important;
}

/*Paddings*/
.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 1rem;
}

.p-4 {
    padding: 1.5rem;
}

.p-5 {
    padding: 3rem;
}

/*Margins*/
.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

/* Shadow */
.shadow {
    box-shadow: 0 8px 30px rgba(0,0,0,0.05);
}