@import "partials/header.css";
@import "partials/footer.css";
@import "partials/breadcrumbs.css";

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Regular.ttf"),
    url("../fonts/Lato-Black.ttf"),
    url("../fonts/Lato-BlackItalic.ttf"),
    url("../fonts/Lato-Bold.ttf"),
    url("../fonts/Lato-BoldItalic.ttf"),
    url("../fonts/Lato-Italic.ttf"),
    url("../fonts/Lato-Light.ttf"),
    url("../fonts/Lato-LightItalic.ttf"),
    url("../fonts/Lato-Thin.ttf"),
    url("../fonts/Lato-ThinItalic.ttf");
}

@font-face {
    font-family: "DM Sans";
    src: url("../fonts/DMSans-Regular.ttf"),
    url("../fonts/DMSans-Bold.ttf"),
    url("../fonts/DMSans-BoldItalic.ttf"),
    url("../fonts/DMSans-Italic.ttf"),
    url("../fonts/DMSans-Medium.ttf"),
    url("../fonts/DMSans-MediumItalic.ttf");
}

/*CSS Variables*/
:root {
    --primary-orange: #F36612;
    --primary-orange-lighter: #FF802C ;
    --primary-orange-darker: #DA4D00 ;

    --primary-dark-gray-trans: #2632387f;
    --primary-dark-gray: #263238;
    --primary-dark-gray-lighter: #404C52;
    --primary-dark-gray-darker: #0D191F;

    --primary-bckgrnd: #F1F1F1;

    --secondary-text-gray: #607D8B;

    --primary-font: "Lato", sans-serif;
    --secondary-font: "DM Sans", sans-serif;

    --border-radius-std: 5px;

}

body {
    font-family: "Lato", sans-serif;
}

.no-scroll{
    overflow: hidden;
}

.helper-icon {
    max-width: 2.8125rem;
    margin-bottom: 1.25rem;
}

.secondary-font {
    font-family: "DM Sans", sans-serif !important;
}

.select-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.select-box--disabled {
    cursor: default;
}

.select-box__options-list {
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 100%;
    border-top: 0.125rem solid var(--primary-orange);
}

.select-box__options-list--open {
    -webkit-transition: max-height 0.3s ease-in;
    -o-transition: max-height 0.3s ease-in;
    transition: max-height 0.3s ease-in;
    max-height: 15rem;
    opacity: 1;
    overflow-y: auto;
    z-index: 10;
    border-radius: 0 0 var(--border-radius-std) var(--border-radius-std);
}

.select-box__label {
    width: 100%;
}

.select-box__label, .select-box__selected-option-text {
    cursor: pointer;
    padding:0.75rem 1.5rem;
    line-height: 1.2;
}

.select-box:not(.select-box--active) .select-box__label {
    pointer-events: none;
    cursor: default;
}

.select-box__selected-option-text {
    width: 100%;
    padding-right: 2.8125rem;
    border-radius: var(--border-radius-std);
    background-color: white;
}

.select-box__option {
    background-color: white;
}

.select-box__option--active {
    cursor: default;
    pointer-events: none;
    -webkit-filter: brightness(95%);
    filter: brightness(95%);
}

.select-box__option:hover, .select-box__option:focus {
    background-color: var(--primary-orange);
    color: white;
}


.select-box__menu-icon {
    color: var(--primary-orange);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    top:0.75rem;
    right: 1rem;
    position: absolute;
    cursor: pointer;
    z-index: 2;
}

.select-box__menu-icon--flip {
    color: var(--primary-orange);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.orange-cta,
.orange-cta:hover,
.orange-cta:focus{
    background-color: var(--primary-orange);
    border-color: var(--primary-orange);
    color: #FFF;
    border-radius: var(--border-radius-std);
}

.orange-cta--outline,
.orange-cta--outline:hover,
.orange-cta--outline:focus{
    background-color: transparent;
    color: var(--primary-orange);
}

.content-section__info-text {
    max-width: 21.875rem;
    color: var(--secondary-text-gray)
}

.content-section__info-text--lg {
    max-width: 28.125rem;
}

.content-section__info-text--xl {
    max-width: 43.75rem;
}

.content-section__title {
    font-size: 2rem;
}

.content-section__subtitle {
    font-size: 1.25rem;
}

.content-section__form-item:not(:last-of-type) {
    margin-bottom: 1rem;
}

.content-section__form-item--submit {
    margin-top: 2rem;
}

.content-section__button {
    margin-top: auto;
}

.simple-link{
    font-size: 1rem;
}

.simple-link,
.simple-link:hover,
.simple-link:focus {
    color: var(--primary-orange);
    text-decoration: none;
}

.simple-link--hover-on{
    color: #FFFFFF;
}

.simple-link--hover-on:hover,
.simple-link--hover-on:focus {
    color: var(--primary-orange);
    text-decoration: underline;

}


.ad-container__ad {
    width: 45.5rem;
    height: 5.625rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--primary-bckgrnd);
}

.image-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1.25rem;
}

.image-gallery__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.image-gallery__caption {
    font-size: 0.8125rem;
    width: 100%;
    word-break: break-word;
}

.content-section__chevron-link {
    color: var(--bs-body-color);
    text-decoration: none;
}

.content-section__chevron-link i {
    visibility: hidden;
    margin-left: 0.625rem;
}

.content-section__chevron-link:hover,
.content-section__chevron-link:focus {
    color: var(--primary-orange);
}

.content-section__chevron-link:hover i,
.content-section__chevron-link:focus i {
    visibility: visible;
}

.image-gallery__asset {
    max-width: 100%;
    margin-bottom: 0.625rem;
}
.partner.image-gallery__asset {
    object-fit: fill;
    width: 309px;
    height: 174px;
}

.image-gallery__item--sm-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
}

.carousel__item {
    max-width: 100%;
}

.carousel__item-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slick-dots li{
    width: 0.625rem;
}

.slick-dots li.slick-active{
    width: 3.75rem;
}

.slick-dots li button:before{
    color: var(--primary-orange);
    width: 0.625rem;
    font-size: 0.625rem;
}

.slick-dots li.slick-active button:before {
    content: " ";
    background-color: var(--primary-orange);
    border-radius: var(--border-radius-std);
    height: 0.625rem;
    width: 3.75rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-section--filter{
    background-color: #FFF;
}

.video-thumbnail{
    position: relative;
}

.video-thumbnail__play-icon{
    position: absolute;
    left: 0.625rem;
    bottom: 0;
    max-width: 2.625rem;
}

body *::-webkit-scrollbar {
    width: 0.5rem;
}

body *::-webkit-scrollbar-track {
    background-color: var(--primary-bckgrnd);
    border-radius: var(--border-radius-std);
}

body *::-webkit-scrollbar-thumb {
    background-color: var(--primary-dark-gray);
    border-radius: var(--border-radius-std);
}

body *::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-dark-gray-lighter) ;
}

@media screen and (min-width: 769px) {
    .content-section__subtitle {
        font-size: 2rem;
    }

    .content-section__title {
        font-size: 2.5rem;
    }

    .content-section__form-item:not(:last-of-type) {
        margin-bottom: 1.25rem;
    }

    .content-section__form-item--submit {
        margin-left: 0;
    }

    .image-gallery {
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        row-gap: 3.125rem;
    }

    .image-gallery__caption {
        font-size: 1.5rem;
    }

    .simple-link {
        font-size: 1.625rem;
    }

    .simple-link--mobile-only{
        display: none;
    }

    .image-gallery__item--lg-3 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    }

    .image-gallery__item--lg-4 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    }

    .video-thumbnail__play-icon{
        left: 1.25rem;
        bottom: 1.25rem;
        max-width: 3.25rem;
    }
}


/*Skip to... menu*/
.a11y-nav {
    position: absolute;
    top: -20em;
    width: 100%;
    z-index: 300;
}

.ally-nav a {
    background-color: rgba(255, 255, 255, 0.9);
    font-weight: bold;
    left: 0;
    padding:0.75rem;
    position: absolute;
    right: 0;
    text-align: center;
}

.ally-nav a:hover,
.ally-nav a:focus {
    -webkit-box-shadow: 3px 3px 5px #f4f4f4;
    box-shadow: 3px 3px 5px #f4f4f4;
    text-decoration: none;
    top: 20em;
}