/*==========================================================
    * TABLE OF CONTENTS
    * 01. Global Styling
    * 02. Gloabal Elements
    * 03. Gloabal Classes
        * 03.a Text
        * 03.b Color
        * 03.c Buttons
        * 03.d Sections and blocks
        * 03.e Accordions
    * 04. Header and Nav Bar
        * 04.a Mobile Menu
    * 05. Homepage
    * 06. Interior Pages
    * 07. Site Locator
    * 08. Become a Cardholder
    * 09. 
    * 10. 404
    * 11. Footer
    * 00. Mobile
==========================================================*/




/*==========================================================
    * 01. Global Styling
==========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;900&display=swap');


:root{
    --primary-link-color: #0153A0;
    --primary-link-color-hover: #000000;

    


    --header-background-color: white;
    --header-link-color: #707070;
    --header-link-color-hover: #707070;
    --header-menu-link-color: #555555;
    --header-social-link-background-color: #f8f9fa;
    --header-social-link-color-hover: #007bff;
    --header-social-link-background-color-hover: #007bff;
    --header-social-link-color-hover: #007bff;


    --blue: #0153A0;
    --lightblue: #7ca1c3;
    --lightgray: #EDEDED;
    --gray: #7C7C7C;
    --darkgray: #555555;
    --black: #333333;
    --site-locator-gray-title: #ededed;
    --site-locator-gray-odd: #e5e5e5;
    --site-locator-gray-even: #f8f8f8;

    --button-background-color: #CBCBCB;
    --button-color: #9A9A9A;
    --active-button-background-color: #EDEDED;
    --active-button-color: #555555;

    --footer-background-color: #f8f9fa;
    --footer-color: #212529;
    --footer-link-color: #212529;
    --footer-link-color-hover: #212529;
    --footer-social-link-color: #007bff;
    --footer-social-link-background-color: #212529;
    --footer-social-link-background-color-hover: #212529;
    --footer-social-link-color-hover: #212529;

    --weight-black: 900;
    --weight-semi-bold: 600;
    --weight-bold: 700;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-light: 300;
    
    --border-radius: 0;
    --section-margin: 16pt;
    --section-padding: 32pt;

    --header-height: 78px;

    
}

body {
  background: #FFF;
  font-family: 'Montserrat', sans-serif;
}





/*==========================================================
    * 02. Gloabal Elements
==========================================================*/
h1, .h1{
    color: var(--darkgray);
    font-family: 'Montserrat', sans-serif;
    font-size: 4.1em;
    font-weight: var(--weight-black);
    line-height: 68px;
    text-transform: uppercase;
}
h2, .h2{
    color: var(--darkgray);
    font-family: 'Montserrat', sans-serif;
    font-size: 2.5em;
    font-weight: var(--weight-black);
    text-transform: uppercase;
}
h3, .h3{
    color: var(--darkgray);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
    font-weight: var(--weight-black);
}
h4, .h4{
    color: var(--darkgray);
    font-family: 'Montserrat', sans-serif;
    font-size: 13pt;
    font-weight: var(--weight-black);

}

a, a:visited{
    color: var(--primary-link-color);
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}
a:hover{
    color: var(--primary-link-color-hover);
    text-decoration: none;
}

p, li{
    color: var(--darkgray);
    font-family: 'Montserrat', sans-serif;
    font-size: 13pt;
    font-weight: var(--weight-regular);
    line-height: 16pt;
}

table{
    color: var(--darkgray);
    font-family: 'Montserrat', sans-serif;
    font-size: 13pt;
}

blockquote p {
    font-size: 13pt;
    line-height: 16pt;
}

blockquote cite{
    font-size: 11pt;
    line-height: 14pt;
}

blockquote cite strong{
    font-style: normal;
}

strong{ font-weight: var(--weight-black); }

ul{
    padding-left: 14px;
}

video{
    height: 100%;
    width: 100%;
}

img{
    width: 100%;
}

form .row{
    margin-bottom: 10px;
}
form .row input,
form .row select{
    border: 1px solid var(--light-gray);
    padding: 10px;
    width: 100%;
}
form .row input[type=checkbox], form .row input[type=radio]{
    width: auto;
}
form .form-input-bottom-margin{
    margin-bottom: 16px;
}


@media (max-width: 767px){
    h1, .h1{
        font-size: 3.5em;
        line-height: 66px;
    }
    h2, .h2{
        font-size: 1.75em;
        line-height: 33px;
    }
}

@media (max-width: 600px){
    h1, .h1{
        font-size: 2em;
        line-height: 33px;
    }
    /*h2, .h2{
        font-size: 1em;
        line-height: 17px;
    }*/
}

/*==========================================================
    * 03. Gloabal Classes
==========================================================*/

    /*----------------------------------------------------------
        * 03.a Text
    ----------------------------------------------------------*/
    .b1{
        font-size: 10px;
        font-weight: var(--weight-semi-bold);
    }
    .b2{
        font-size: 10px;
        font-weight: var(--weight-light);
    }
    .b3{
        font-size: 8px;
        font-weight: var(--weight-semi-bold);
    }
    .b4{
        font-size: 8px;
        font-weight: var(--weight-light);
    }

    .font-weight-black{
        font-weight: var(--weight-black);
    }

    .font-weight-bold{
        font-weight: var(--weight-bold);
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    .spin-icon {
        animation: spin 2s linear infinite;
        display: inline-block; /* Required for transforms to work on inline elements */
    }

    /*----------------------------------------------------------
        * 03.b Color
    ----------------------------------------------------------*/
    .text-light{
        color: white !important;
    }


    /*----------------------------------------------------------
        * 03.c Buttons
    ----------------------------------------------------------*/



    /*----------------------------------------------------------
        * 03.d Sections and blocks
    ----------------------------------------------------------*/
    .col-12.full-height{
        display: flex;
        flex-direction: column;
    }
    .col-12.full-height article.article {
        flex: 1;
    }
    .col-12.full-height article.article section{
        justify-content: center;
    }
    article.article{
        background-color: var(--lightgray);
        border-radius: var(--border-radius);
        display: flex;
        flex-direction: column; 
        margin-bottom: var(--section-margin);
    }
    article.article.background-image {
        background-size: cover;
        background-position: center;
    }
    article.article.full-height{
        min-height: calc(100% - 16pt);
    }
    article.article > section,
    article.article section.section{
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: var(--section-padding);
    }
    article.article.text-bottom > section,
    article.article.text-bottom section.section{
        justify-content: flex-end;
    }
    article.article.space-between > section,
    article.article.space-between section.section{
        justify-content: space-between;
    }
    article.article .article-header{
        display: flex;
    }
    article.article .article-header .btn:first-child{
        border-top-left-radius: var(--border-radius);
    }
    article.article .article-header.full-width .btn:last-child{
        border-top-right-radius: var(--border-radius);
    }
    article.article .article-footer{
        display: flex;
    }
    article.article .article-header .btn,
    article.article .article-footer .btn{
        background-color: var(--button-background-color);
        border-radius: 0;
        color: var(--button-color);
        display: flex;
        flex-direction: column;
        font-size: 1.2em;
        justify-content: center;
        min-width: unset;
        white-space: unset;

    }
    article.article .article-header .btn.active,
    article.article .article-footer .btn.active{
        background-color: var(--active-button-background-color);
        color: var(--active-button-color);
    }
 

    article.article .article-header .btn span,
    article.article .article-footer .btn span{
        display: block;
        font-size: .9em;
        font-weight: var(--weight-medium);
    }

    article.article .article-footer .btn:first-child{
        border-bottom-left-radius: var(--border-radius);
    }

    article.article .article-header.full-width .btn,
    article.article .article-footer.full-width .btn{
        flex: 1;
    }
    article.article .article-footer.full-width .btn{
        padding-left: 12px;
        padding-right: 12px;
    }
    article.article .article-footer.full-width .btn:last-child{
        border-bottom-right-radius: var(--border-radius);
    }

    @media (max-width: 767px){
        article.article .article-footer .btn{
            flex: 1;
            font-size: 1em;
            padding-left: 12px;
            padding-right: 12px;
        }
        article.article .article-footer .btn:last-child{
            border-bottom-right-radius: var(--border-radius);
        }
    }


    .btn{
        color: var(--darkgray) !important;
        font-size: 26pt;
        font-weight: var(--weight-black) !important;
        padding: 0.75rem var(--section-padding);
    }

    .btn-blue.btn-solid{
        background-color: var(--blue) !important;
        color: white !important;
    }
    .btn-blue.btn-outline{
        background-color: unset !important;
        border: 2px solid var(--blue);
        color: var(--blue) !important;
    }
    .btn-lightblue.btn-solid{
        background-color: var(--lightblue) !important;
        color: white !important;
    }
    .btn-lightblue.btn-outline{
        background-color: unset !important;
        border: 2px solid var(--lightblue);
        color: var(--lightblue) !important;
    }
    .btn-gray.btn-solid{
        background-color: var(--gray) !important;
        color: white !important;
    }

    .btn-gray.btn-outline{
        
    }


    .icon-list{
        align-items: start;
        display: grid;
        grid-template-columns: 72px auto;
        justify-items: center;
    }
    .icon-list span.icon:before {
        color: var(--black);
        font-size: 3.1rem;
    }

    .icon-list span.icon.icon-PP_Map_Icon:before{

    }



    .column-lists{
        column-count: attr(data-column-count type(<number>), 3);
    }


    @media (max-width: 767px){
        .column-lists{
            column-count: 1;
        }
    }





    /*----------------------------------------------------------
        * 03.e Accordions
    ----------------------------------------------------------*/
    .accordion{
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    .row.accordion{
        margin-right: -15px !important;
        margin-left: -15px !important;
    }
    .accordion .accordable-panel{
        width: 100%;
    }
    .accordion .accordable-panel {
        border-radius: 0;
        color: #b9b9b9;
        margin-bottom: 16px;
        width: 100%;
    }
    .accordion .accordable-panel .accordable-heading{
        background-clip: padding-box;
        background-color: #fff;
        background-image: url(../images/icons/CFN_Icon_Arrow.svg);
        background-position: right -3px top -3px;
        background-repeat: no-repeat;
        background-size: 50px;
        display: block;
        font-size: .813rem;
        font-weight: 700;
        height: 44px;
        line-height: 1.5;
        padding: 10px;
        position: relative;
    }





.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.flex-0{
    flex: 0 !important;
}
.flex-1{
    flex: 1 !important;
}




@media (min-width: 1200px) {
    .container {
        max-width: 1600px;
    }
}


@media (max-width: 1600px) {
    .container {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
        max-width: unset;
    }
}


@media (min-width: 1392px) {
    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

/*==========================================================
    * 04. Header and Nav Bar
==========================================================*/
header.header{
    background-color: var(--header-background-color);
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
}
header.header nav.navbar{
    padding: 0;
}
header.header nav.navbar a.navbar-brand img{
    height: 90px; 
    padding: 8px 0;
    width: 100%; 
}
header.header nav.navbar .navbar-collapse ul{
    list-style-type: none;
    margin-bottom: 0;
    justify-content: space-between;
}
header.header nav.navbar .navbar-collapse ul li{
    display: inline-block;
    position: relative;
}
header.header nav.navbar .navbar-collapse ul li a,
header.header nav.navbar .navbar-collapse ul li a:visited{
    color: var(--header-link-color);
    display: inline-block;
    font-size: 12pt;
    font-weight: var(--weight-black);
    line-height: 20px;
    margin-left: 30px;
    padding: 29px 10px;
    text-transform: uppercase;
}
header.header nav.navbar .navbar-collapse ul li a:hover{
    color: var(--header-link-color-hover);
    text-decoration: none;
}
header.header nav.navbar .navbar-collapse ul li span.separator{
    color: var(--header-menu-link-color);
}
header.header nav.navbar .navbar-collapse ul li:last-child span.separator {
    display: none;
}
header.header nav.navbar .navbar-collapse ul li ul.sub-menu{
    background-color: var(--blue);
    display: none;
    left: 0;
    padding-right: 170px;
    position: fixed;
    text-align: right;
    width: 100%;
}
header.header nav.navbar .navbar-collapse ul li ul.sub-menu li a{
    opacity: .75;
    padding: 10px 10px;
}
header.header nav.navbar .navbar-collapse ul li:hover ul.sub-menu{
    display: block;
}
header.header nav.navbar .navbar-collapse ul li ul.sub-menu li a:hover {
    opacity: 1;
}
header.header nav.navbar .navbar-collapse ul.social-links{
    list-style: none;
}
header.header nav.navbar .navbar-collapse ul.social-links li{
    display: inline-block;
}
header.header nav.navbar .navbar-collapse ul.social-links li a{
    padding: 5px 10px;
}
header.header nav.navbar .navbar-collapse ul.social-links li a .icon{
    background-color: var(--header-social-link-background-color);
    border-radius: 50px;
    color: var(--header-social-link-color-hover);
    display: inline-block;
    padding: 6px 0;
    text-align: center;
    width: 27px;
}
header.header nav.navbar .navbar-collapse ul.social-links li a:hover .icon{
    background-color: var(--header-social-link-background-color-hover);
    color: var(--header-social-link-color-hover);
}


@media (max-width: 1140px){
    header.header nav.navbar .navbar-collapse ul li a,
    header.header nav.navbar .navbar-collapse ul li a:visited {
        font-size: 12pt;
    }
}

@media (max-width: 1085px){
    header.header nav.navbar .navbar-collapse ul li a,
    header.header nav.navbar .navbar-collapse ul li a:visited {
        font-size: 11pt;
    }
}

@media (max-width: 1030px){
    header.header nav.navbar .navbar-collapse ul li a,
    header.header nav.navbar .navbar-collapse ul li a:visited {
        font-size: 10pt;
    }
}


    /*----------------------------------------------------------
        * 04.a Mobile Menu
    ----------------------------------------------------------*/
    @media (max-width: 991px) {
        header.header nav.navbar .navbar-collapse.show{
            align-items: start;
            background-color: var(--header-background-color);
            height: calc( 100vh - 73px);
            left: 0;
            position: fixed;
            top: 72px;
            width: 100%;
        }
        header.header nav.navbar .navbar-collapse.show ul.navbar-nav{
            margin-left: unset !important;
            padding: 15px 30px;
        }
        header.header nav.navbar .navbar-collapse.show ul.navbar-nav li{
            border-bottom: 1px solid white;
        }
        header.header nav.navbar .navbar-collapse.show ul.navbar-nav li:last-child{
            border-bottom: 0px solid white;
        }
        header.header nav.navbar .navbar-collapse.show ul.navbar-nav li a{
            font-size: 20px;
            padding: 20px 0;
        }
        header.header nav.navbar .navbar-collapse.show ul.navbar-nav li span.separator{
            display: none;
        }
        header.header nav.navbar .navbar-collapse.show ul.social-links{
            display: block;
            text-align: center;
        }
        header.header nav.navbar .navbar-collapse.show ul.social-links li{
            border-bottom: none;
        }
        header.header nav.navbar .navbar-collapse.show ul.social-links li a .icon{
            margin: 0 10px;
            width: 32px;
        }

        header.header nav.navbar .navbar-collapse.show form{
            display: block;
            padding: 0 30px;
            text-align: center;
        }
        header.header nav.navbar .navbar-collapse.show form .search-submit{
            display: inline-block;
        }

        body:not(.page-template-template-home) header.header nav.navbar .navbar-collapse.show{
            height: calc( 100vh - 93px);
            top: 93px;
        }
    }

    /* MOBILE HEADER BTN */
    .mobile-menu-btn {
        background-color: transparent;
        border: 0;
        display: inline-block;
        height: 50px;
        right: 9px;
        margin: 0;
        margin-top: 1px;
        min-width: inherit;
        position: absolute;
        top: 11px;
        width: 50px;
        z-index: 2;
    }
    @media only screen and (min-width: 992px) {
        .mobile-menu-btn {
            display: none;
        }
    }
    .mobile-menu-btn span {
        left: 13px;
        top: 24px;
    }
    .mobile-menu-btn span::before, .mobile-menu-btn span::after {
        content: '';
        transform: rotate(0);
    }
    .mobile-menu-btn span::before {
        top: -8px;
    }
    .mobile-menu-btn span::after {
        bottom: -8px;
    }
    .mobile-menu-btn span,
    .mobile-menu-btn span::before,
    .mobile-menu-btn span::after {
        background-color: var(--header-menu-link-color);
        display: block;
        height: 1px;
        transition: all .3s ease-in-out;
        position: absolute;
        width: 22px;
    }
    .mobile-menu-btn:hover, .mobile-menu-btn:focus, .mobile-menu-btn:active, .mobile-menu-btn:not(.collapsed) {
        background-color: transparent;
        border: 0;
        outline: none;
    }
    .mobile-menu-btn:not(.collapsed) span {
        background-color: transparent;
    }
    .mobile-menu-btn:not(.collapsed) span::before, .mobile-menu-btn:not(.collapsed) span::after {
        background-color: var(--header-menu-link-color);
        top: 0;
    }
    .mobile-menu-btn:not(.collapsed) span::before {
        transform: rotate(45deg);
    }
    .mobile-menu-btn:not(.collapsed) span::after {
        transform: rotate(-45deg);
    }

    


/*==========================================================
    * 05. All Pages
==========================================================*/
main{
    background-position: center;
    background-size: cover;
    padding: 20px 0;
}

.main-image{
    background-color: var(--light-blue);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

main .main-section{
    background-color: white;
    border-radius: 15px;
    margin-bottom: 110px;
    padding: 30px 58px;
}
main .main-section.light-gray{
    background-color:  var(--light-gray);
}

main .main-section .article-header{
    display: flex;
    align-items: center;
}

main .main-section .article-header h1{
    color:  var(--black);
    display: inline-block;
    -ms-flex: 1; /* IE 10 */
    flex: 1;
}
main .main-section .article-header ul{
    display: inline-block;
}
main .main-section .article-header ul li{
    display: inline-block;
    list-style-type: none;
    margin-bottom: 0;
}



/*==========================================================
    * 05. Homepage
==========================================================*/

main .main-section main.template-home{
    padding-right: 0;
}

main.template-home .card-info-section{
    margin-top: var(--header-height);
    margin-bottom: var(--header-height);
}

main.template-home .card-info-section .card-info-top{
    color:  white;
}

main.template-home .card-info-section .card-image{
    display: inherit;
    margin: 0 auto;
    width: 60%;
}

main.template-home .card-info-section .card-header{
    background-color: transparent;
    border-bottom-width:  0px;
    color:  white;
    font-size: 65px;
    line-height: 60px;
    padding: 0;
}
main.template-home .card-info-section .card-info-right {
    padding-right: 110px;
}
main.template-home .card-info-section .card-info-right p{
    color:  white;
    font-weight: var(--weight-semi-bold);
}

main.template-home .card-info-section .card-button{}

main.template-home .slider-container{
    padding-left: 0;
    padding-right: 0;
}

main.template-home .slider-container h2{
    color: var(--dark-gray);
    font-size: 25px;
}

main.template-home .slider-container .slider-image{
    height: calc(100% - 37px);
    position: relative;
}
main.template-home .slider-container .slider-image .img{
    background-position: center;
    background-size: cover;
    height: 100%;
    min-height: 200px;
    width: 100%;
}
main.template-home .slider-container .slider-btn{
    bottom: 25px;
    left: 25px;
    position: absolute;
}
main.template-home .site-locator-container{
    padding-left: 0;
}

main.template-home .site-locator-container h2{
    color: var(--dark-gray);
    font-size: 25px;
}

main.template-home .site-locator-container .site-locator-form{
    background-image: var(--gray-gradient);
    height: calc(100% - 37px);
    margin-right: -58px;
    padding-left: 40px;
    padding-right: 43px;
}

main.template-home .site-locator-container .site-locator-form .form-inputs{
    padding-top: 20px;
}
main.template-home .site-locator-container .site-locator-form .form-inputs input,
main.template-home .site-locator-container .site-locator-form .form-inputs select{
    background-color: var(--light-gray);
}
main.template-home .site-locator-container .site-locator-form .site_locator_container{

}
main.template-home .site-locator-container .site-locator-form .site_locator_container img{
    border-radius: 15px;
    display: block;
    margin: 0 auto;
    max-width: 133px;
}

#scroller-container.chains{
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

#scroller-container.chains .scroller-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#scroller-container.chains:before {
    background-image: linear-gradient(90deg,#fff,hsla(0,0%,100%,0));
    left: 0;
}
#scroller-container.chains:after {
    background-image: linear-gradient(270deg,#fff,hsla(0,0%,100%,0));
    right: 0;
}
#scroller-container.chains:after, #scroller-container.chains:before {
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 230px;
    z-index: 5;
}

#scroller-container .js-marquee {
    align-items: center;
    display: flex;
    height: 60px;
}

#scroller-container img {
    display: inline-block;
    max-height: 50px;
    margin: 0 40px;
    vertical-align: middle;
    width: auto;
    
}

@media (max-width: 991px){
    main.template-home .card-info-section .card-header{
        font-size: 45px;
        line-height: 40px;
    }
    main.template-home .card-info-section .card-info-right{
        padding: 0;
    }
    main.template-home .slider-container{
        margin-bottom: 30px;
    }
}

@media (max-width: 767px){
    main.template-home .card-info-section .card-image{
        margin-bottom: 35px;
    }
    main.template-home .site-locator-container{
        padding-right: 0;
    }
    main.template-home .site-locator-container .site-locator-form{
        margin-right: 0;
    }
    main.template-home .site-locator-container .site-locator-form .btn {
        margin-bottom: 15px;
    }
}




/*==========================================================
    * 06. Interior Pages
==========================================================*/
main.interior{
    min-height: calc(100vh - 100px - 556px);
    padding-top: 0;
}






/*==========================================================
    * 07. Site Locator
==========================================================*/
main.template-site-locator{

}

main.template-site-locator h1{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

main.template-site-locator .section-site-locator .locator-wrap .locator-container form .locate-button{
    background-color: var(--blue);
    border: 0;
    height: 1.85rem;
    min-width: inherit;
    padding: 0;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 1.85rem;
    z-index: 1;
}
main.template-site-locator .section-site-locator .locator-wrap .locator-container form .locate-button:before {
    color: #fff;
    content: "\e901";
    display: block;
    font-family: icomoon!important;
    font-size: 1.7rem;
    font-weight: 400;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

main.template-site-locator .section-site-locator .locator-wrap .locator-container form .button-download {
    border: unset;
    height: 44px;
    padding: 0;
}
main.template-site-locator .section-site-locator .locator-wrap .locator-container form .print-listings-container .print-list-field{
    display: flex;
}
main.template-site-locator .section-site-locator .locator-wrap .locator-container form .print-listings-container .print-list-field .select {
    flex: 1;
}
main.template-site-locator .section-site-locator .locator-wrap .locator-container form .print-listings-container .print-list-field .button-download .svg svg {
    width: 44px;
}


main.template-site-locator .section-site-locator .locator-wrap .locator-container form .loading-gif{
    display: none;
    margin: 0 auto;
    width: 15px;
}




/*
main.template-site-locator .section-site-locator .locator-wrap .location-tab-container .route-locator-extra-search-parameters {
    display: none;
}



main.template-site-locator .section-site-locator .locator-wrap .locator-container form .accordable-expander {
    padding-top: 15px;
}

main.template-site-locator .section-site-locator .locator-wrap .locator-container form .accordable-expander input[type=checkbox] + label {
    color: #575757;
}



main.template-site-locator .section-site-locator .locator-wrap .locator-container form .select {
    position: relative;
}
main.template-site-locator .section-site-locator .locator-wrap .locator-container form .select:before{
    background-color: #dde1e3;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 45px;
    top: 0;
    width: 1px;
}

main.template-site-locator .section-site-locator .locator-wrap .locator-container form .select:after {
    color: #efad63;
    content: "\e902";
    display: block;
    font-family: icomoon!important;
    font-size: .75rem;
    font-weight: 400;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 55%;
    transform: rotate(1turn) translateY(-45%);
    transition: color .3s ease;
}

main.template-site-locator .section-site-locator .locator-wrap .locator-container form .select select {
    color: #b9b9b9;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
    border-radius: 0;
    border: 1px solid #fff;
    padding: 0.45rem 0.6rem 0.35rem 0.85rem;
}
main.template-site-locator .section-site-locator .locator-wrap .locator-container form .select select:focus-visible {
    outline: none;
}

    
    
    


main.template-site-locator .section-site-locator .locator-wrap .locator-container form .print-listings-container .button-download {
    background-color: #616161;
    border-width: 0;
    color: #fff;
    cursor: pointer;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    letter-spacing: -.025rem;
    line-height: 1.2;
    margin-top: 1rem;
    outline: none;
    padding: 0.75rem 1.5rem;
    position: relative;
    width: 100%;
}

main.template-site-locator .section-site-locator .locator-wrap .locator-container form .print-listings-container .button-download:before {
    background-color: #dde1e3;
    bottom: -1px;
    content: "";
    display: block;
    position: absolute;
    right: 45px;
    top: -1px;
    width: 1px;
}


main.template-site-locator .section-site-locator .locator-wrap .locator-container form .lower-buttons{}




*/
/*main map*/
main.template-site-locator .section-site-locator #map-container{
    display: none;
    border-radius: var(--border-radius);
    border: 2px solid #ededed;
    background-color: #ededed;
}


main.template-site-locator .section-site-locator #map-container #daMap{
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    height: 347px;
    width: 100%;
}
main.template-site-locator .section-site-locator #map-container #print-locations{
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background-color: #ededed;
    display: flex;
    justify-content: center;
}

main.template-site-locator .section-site-locator #map-container #print-locations .markers > div {
    display: inline-block;
    padding: 0 0.5rem 0 2.3rem;
}

main.template-site-locator .section-site-locator #map-container #print-locations .markers .in-network-marker {
    background-image: url(../images/PP-drop-pin-gold-lg.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 24px;
    margin: 0 auto;
    width: 24px;
}

main.template-site-locator .section-site-locator #map-container #print-locations .markers .fuelman-marker {
    background-image: url(../images/PP-drop-pin-red-lg.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 24px;
    margin: 0 auto;
    width: 24px;
}

main.template-site-locator .section-site-locator #map-container #print-locations .locator-button{
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    padding: 0.7rem 0.5rem 0.7rem 2.3rem;
}

/*
main.template-site-locator .section-site-locator #map-container #search-results-map{
    height: 347px;
    overflow: hidden;
    width: 100%;
}
*/









/*results*/



main.template-site-locator .section-site-locator #search-results-container #search-results-title{
    background-color: var(--site-locator-gray-title);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    color: var(--darkgray);
    display: none;
    font-size: 38pt;
    font-weight: 700;
    line-height: 38pt;
    margin-top: 20px;
    padding: 1.1rem 2.2rem;
}

main.template-site-locator .section-site-locator #search-results-container #search-results #locator-map{
    height: 50vh;
}
main.template-site-locator .section-site-locator #search-results-container #search-results .map-buttons{
    background-color: #dde1e3;
    /*display: flex; */
    display: none;
    justify-content: center;
    margin: 0 0 3rem 0;
}
main.template-site-locator .section-site-locator #search-results-container #search-results .map-buttons ul{
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
main.template-site-locator .section-site-locator #search-results-container #search-results .map-buttons ul li{
    display: inline-block;
    padding: 0.7rem 0.5rem 0.7rem 2.3rem;
}

main.template-site-locator .section-site-locator #search-results-container #search-results .results-heading{
    background-color: var(--site-locator-gray-odd);
    font-size: 38px;
    font-weight: var(--weight-black);
    padding: 20px;
}

main.template-site-locator .section-site-locator #search-results-container #search-results .result.result-odd{
    background-color: var(--site-locator-gray-odd);
}
main.template-site-locator .section-site-locator #search-results-container #search-results .result.result-even{
    background-color: var(--site-locator-gray-even);
}
main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-container {
    display: grid;
    grid-template-columns: auto 33%;
    padding: 2.6rem 2rem;
}


main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-details{
    display: none;
    padding: 2.6rem 2rem;
    padding-top: 0;
}

main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-details.open{
    display: block;
}

main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-container .result-info{
    display: grid;
    column-gap: 30px;
    grid-template-columns: 100px auto 170px;
}

main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-container .result-info .image-container{
    width: 100px;
}

main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-container .result-info .result-distance{
    align-items: center;
    border-left: 1px solid;
    border-right: 1px solid;
    display: flex;
    margin-right: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
main.template-site-locator .section-site-locator #search-results-container #search-results .result .show-details{
    background-color: transparent;
    border-width: 0;
    border: 0;
    color: var(--blue);
    display: block;
    font-size: .875rem;
    min-width: inherit;
    padding: 12px 24px 12px 0;
    position: relative;
}
main.template-site-locator .section-site-locator #search-results-container #search-results .result .show-details:focus{
    outline: none;
}
main.template-site-locator .section-site-locator #search-results-container #search-results .result .show-details:before {
    color: var(--blue);
    content: "\e902";
    display: block;
    font-family: icomoon!important;
    font-size: .65rem;
    font-weight: 400;
    position: absolute;
    right: 1px;
    top: 14px;
    transform: rotate(1turn);
    transition: all .3s ease;
}
main.template-site-locator .section-site-locator #search-results-container #search-results .result .show-details.open:before {
    transform: rotate(.5turn);
}
main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-details .row-wrap{
    border-top: 1px solid black;
    column-count: 2;
    margin-left: 130px;
    padding-top: 40px;
}

main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-details .row-wrap .row{
    break-inside: avoid;
    display: block;
    margin: 0;
}

main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-details .row-wrap .row .item-left{
    font-weight: var(--weight-black);
}
main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-details .row-wrap .row .item-right{}





main.template-site-locator form .route-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    position: relative;
}

main.template-site-locator form .route-row .letter{
    align-items: center;
    background-color: var(--blue);
    color: #dee1e3;
    display: flex;
    font-size: 1.063rem;
    font-weight: 700;
    height: 46px;
    justify-content: center;
    text-transform: uppercase;
    width: 46px;
}

main.template-site-locator form .route-row .inline-wrap{
    width: calc(100% - 46px);
}


main.template-site-locator form .route-row .route-location-remove {
    background-color: transparent;
    border: 0;
    bottom: 0;
    margin: 0;
    min-width: inherit;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 5;
}

main.template-site-locator form .route-row .route-location-remove:after, 
main.template-site-locator form .route-row .route-location-remove:before {
    background-color: #b9b9b9;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 14px;
}
main.template-site-locator form .route-row .route-location-remove:before {
    transform: translateY(-50%) rotate(-45deg);
}
main.template-site-locator form .route-row .route-location-remove:after {
    transform: translateY(-50%) rotate(45deg);
}
/*
main.template-site-locator .section-site-locator #search-results-container #search-results-title{
    background-color: #616161;
    color: #fff;
    display: none;
    font-size: 21px;
    font-weight: 700;
    padding: 1.1rem 2.2rem;
    text-align: center;
}






main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-container .result-info .result-distance{}

main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-container .result-map img{
    height: auto;
}
main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-details{
    display: none;
}







main.template-site-locator form #nowloading{
    display: none;
    width: auto;
}


.result-logo-holder{
    display: none;
}



@media (max-width: 767px) {
    main.template-site-locator .section-site-locator #search-results-container #search-results .result .result-container .result-map{
        display: none;
    }
}
*/





.section-site-locator .search-results .map-route-results .site-group {
  float: left;
  overflow: hidden;
  width: 33%;
}
@media only screen and (max-width: 1024px) {
  .section-site-locator .search-results .map-route-results .site-group {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .section-site-locator .search-results .map-route-results .site-group {
    width: 100%;
  }
}

.section-site-locator .search-results .map-route-results .site {
  background-color: #eef0f1;
  margin: 10px;
  min-height: 114px !important;
  position: relative;
}

.section-site-locator .search-results .map-route-results .site p {
  font-size: .813rem;
  font-weight: 700;
  line-height: 1.46;
  margin: 0;
  padding: 1.2rem 1.4rem;
}

.section-site-locator .search-results .map-route-results .site .expander {
  background-color: #57c2e9;
  display: block;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
}

.section-site-locator .search-results .map-route-results .site .expander::before, .section-site-locator .search-results .map-route-results .site .expander::after {
  background-color: #ffffff;
  content: '';
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 10px;
}

.section-site-locator .search-results .map-route-results .site .expander::before {
  transform: translate(-50%, -50%);
}

.section-site-locator .search-results .map-route-results .site .expander::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.section-site-locator .search-results .map-route-results .site.current p {
  color: #00529e;
}

.section-site-locator .search-results .map-route-results .site.current .expander::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.section-site-locator .search-results .map-route-results .site-viewer {
  background-color: #eef0f1;
  clear: both;
  display: none;
  margin: 15px 10px 20px 10px;
  position: relative;
  top: 10px;
}

.section-site-locator .search-results .map-route-results .site-viewer.open::before {
  border-style: solid;
  border-bottom: 15px solid #eef0f1;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 0;
  content: ' ';
  position: absolute;
  top: -15px;
}

.section-site-locator .search-results .map-route-results .site-viewer:nth-child(3n + 6)::before {
  left: 83%;
}

.section-site-locator .search-results .map-route-results .site-viewer:nth-child(3n + 4)::before {
  left: 50%;
}

.section-site-locator .search-results .map-route-results .site-viewer:nth-child(3n + 2)::before {
  left: 16%;
}
@media only screen and (max-width: 1024px) {

  .section-site-locator .search-results .map-route-results .site-viewer:nth-child(4n + 4)::before {
    left: 75%;
  }

  .section-site-locator .search-results .map-route-results .site-viewer:nth-child(4n + 2)::before {
    left: 25%;
  }
}
@media only screen and (max-width: 767px) {

  .section-site-locator .search-results .map-route-results .site-viewer:nth-child(1n)::before {
    left: 50%;
  }
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row-wrap {
  padding: 1rem;
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row {
  border-bottom: 1px solid #dedede;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {

  .section-site-locator .search-results .map-route-results .viewer-wrap .row {
    display: block;
  }
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row .add-to-route {
  margin: 0;
  position: relative;
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row .add-to-route:before {
  background-image: url("../images/icons/CFN_Icons_AddRoute.svg");
  content: ' ';
  background-size: 40px;
  left: 0;
  top: 0;
  height: 44px;
  width: 70px;
  position: absolute;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row .add-to-route:hover::before {
  background: url(../images/icons/CFN_Icons_AddRoute_Grey.svg);
  background-position: center;
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row .col {
  width: 100%;
  padding-left: 16px;
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row .col .label {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .section-site-locator .search-results .map-route-results .viewer-wrap .row .col .label {
    margin-bottom: 5px;
    margin-top: 10px;
  }
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row .item-left {
  padding-left: 1rem;
  width: 130px;
  font-weight: bold;
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row .item-left.actions {
  vertical-align: middle;
  line-height: 44px;
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row .item-right {
  width: calc(100% - 130px);
}
@media only screen and (max-width: 767px) {
  .section-site-locator .search-results .map-route-results .viewer-wrap .row .item-right {
    margin-top: 10px;
    padding-left: 16px;
    width: 100%;
  }
}

.section-site-locator .search-results .map-route-results .viewer-wrap .row:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.section-site-locator .search-results .map-route-results .destination-heading {
  background-color: #454647;
  color: #ffffff;
  font-size: 1.313rem;
  font-weight: 700;
  margin-top: 3rem;
  padding: 1.2rem 2.2rem;
}

.section-site-locator .search-results .map-route-results .route-step {
  border-bottom: 1px solid #878b8d;
  display: inline-block;
  font-size: 1.063rem;
  clear: both;
  width: 100%;
}

.section-site-locator .search-results .map-route-results .route-step > p {
  padding: 1.65rem 2.2rem;
}

.section-site-locator .search-results .map-route-results .route-step .bold {
  font-weight: 700;
}


@media(max-width: 1200px){
    main.template-site-locator .section-site-locator{
        flex-direction: column-reverse;
    }
}


/*==========================================================
    * 08. Become a Cardholder
==========================================================*/


main.template-cardholder .more-saving-section .main-description{}
main.template-cardholder .more-saving-section .card-image{
    max-width: 337px;
}
main.template-cardholder .more-saving-section .small-list h3{
    margin-left: 14px;
}
main.template-cardholder .more-saving-section .small-list ul{}


.icon-PP_Download_Icon:before {
  content: "\e900";
  color: #f0f0f0;
}
.icon-PP_Target_Icon:before {
  content: "\e901";
  color: #e7863f;
}
.icon-PP_Arrow_Icon:before {
  content: "\e902";
  color: #e7863f;
}
.icon-PP_Icon_Locator:before {
  content: "\e903";
  color: #e7863f;
}
.icon-PP_Icon_FranchiseOps:before {
  content: "\e904";
  color: #e7863f;
}
.icon-PP_Icon_Cardholder:before {
  content: "\e905";
  color: #e7863f;
}
.icon-PP_Icon_Franchisees:before {
  content: "\e906";
  color: #e7863f;
}
.icon-PP_Refresh:before {
  content: "\e907";
  color: #878b8d;
}
.icon-PP_PDF:before {
  content: "\e908";
  color: #878b8d;
}
.icon-PP_XLS:before {
  content: "\e909";
  color: #878b8d;
}
.icon-PP_Print:before {
  content: "\e90a";
  color: #878b8d;
}
.icon-PP_Email:before {
  content: "\e90b";
  color: #878b8d;
}
.icon-PP_Icon_DHX:before {
  content: "\e90c";
  color: #b9b9b9;
}
.icon-PP_Icon_LinkedIn:before {
  content: "\e90d";
  color: #b9b9b9;
}
.icon-PP_Controls_Icon:before {
  content: "\e90e";
  color: #e7863f;
}
.icon-PP_Export_Icon:before {
  content: "\e90f";
  color: #e7863f;
}
.icon-PP_Local_Icon:before {
  content: "\e910";
  color: #e7863f;
}
.icon-PP_Maintenance_Icon:before {
  content: "\e911";
  color: #e7863f;
}
.icon-PP_Reports_Icon:before {
  content: "\e912";
  color: #e7863f;
}
.icon-PP_Unauthorized_Icon:before {
  content: "\e913";
  color: #e7863f;
}


/*==========================================================
    * 09. Meet our members
==========================================================*/
.section-members .section-inner {
  padding-top: 2.25rem; }

.section-members .title-bar {
  background-color: #dde1e3;
  color: var(--blue);
  font-size: 1.313rem;
  margin-bottom: 2.6rem;
  padding: .7rem 2rem; }

@media only screen and (min-width: 768px) and (max-width: 950px) {
  .section-members .cell.medium-8 {
    margin: 0;
    width: 100%; } }

.state-container {
  padding-bottom: 2rem; }
  .state-container .state-title {
    border-bottom: 1px solid #b9b9b9;
    color: var(--blue);
    padding: 0 2rem .65rem;
    text-transform: capitalize; }
  .state-container .state-section {
    font-weight: 300; }

.company-names-container {
  break-inside: avoid;
  display: grid;
  grid-template-columns: 100%;
  padding: 1.4rem 1rem 0; }
  @media only screen and (min-width: 535px) and (max-width: 767px) {
    .company-names-container {
      grid-template-columns: 50% 50%; } }
  @media only screen and (min-width: 768px) {
    .company-names-container {
      grid-template-columns: 33.3% 33.3% 33.3%; } }

.company-container {
  break-inside: avoid;
  padding: .4rem 1rem;
  }
  @media only screen and (min-width: 535px) {
    .company-container {
      display: inline-block;
      } }
  .company-container .company-name {
    font-size: 15px;
          font-weight: 700;
    text-transform: none; }
  .company-container .company-note {
    font-weight: 300; }
  .company-container .company-phone {
    font-size: 15px; }
  .company-container .company-link {
    color: #616161;
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
    padding-top: .1rem;
    padding-bottom: 1rem;
    text-decoration: underline;
    word-break: break-word;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */ }
    .company-container .company-link:hover, .company-container .company-link:focus {
      color: var(--blue); }
  .company-container p {
    margin: 0; }



/*==========================================================
    * 10. Driver Alerts
==========================================================*/
.template-driver-alerts  .update {
    padding: 2rem 2rem 2.85rem 2rem;
}

.template-driver-alerts  .update:nth-child(odd) {
  background-color: var(--site-locator-gray-odd);
}

/* Targets elements at positions 2, 4, 6, 8, etc. */
.template-driver-alerts  .update:nth-child(even) {
    background-color: var(--site-locator-gray-even);
}



/*==========================================================
    * 10. 404
==========================================================*/
main.interior-404 .main-content{
    text-align: center;
}
main.interior-404 .main-content h1 {
    font-size: 70px;
}


/*==========================================================
    * 11. Footer
==========================================================*/
footer#footer{
    background-color: var(--blue);  
    padding-top: 100px;
    padding-bottom: 50px;
}

footer#footer img{
 max-width: 150px;   
}

footer#footer p{
    color: white;
}


footer#footer .contact-us-section{
    max-width: 300px;
    margin-bottom: 48px;
}
footer#footer .contact-us-section p{
    color: white;
    margin-bottom: 16px;
}


footer#footer h2{
    color: white;
    font-size: 23px;
    margin-bottom: 21px;
}

footer#footer .footer-section.name{
    color: white;
    font-weight: var(--weight-bold);
    margin-bottom: 16px;
}

footer#footer .footer-header-section{

}

footer#footer .footer-header-section p{
    margin-top: 16px;
    margin-bottom: 0;
}

footer#footer .footer-section{
    margin-bottom: 3px;
}

footer#footer .footer-section p{
    margin-bottom: 0;
}
footer#footer .footer-section{
    margin-bottom: 3px;
}



footer#footer nav.footer-nav{
    display: flex;
    flex-direction: column;
}
footer#footer nav.footer-nav ul.menu{
    flex: 1;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
}
footer#footer nav.footer-nav ul.menu li{
    display: block;
}
footer#footer nav.footer-nav ul.menu li a,
footer#footer nav.footer-nav ul.menu li a:visited,
footer#footer nav.footer-nav ul.menu #ot-sdk-btn.ot-sdk-show-settings {
    border-width: 0;
    color: white;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 2px 5px;
    text-decoration: underline;
}
footer#footer nav.footer-nav ul.menu li a:hover,
footer#footer nav.footer-nav ul.menu #ot-sdk-btn.ot-sdk-show-settings:hover,
footer#footer nav.footer-nav ul.menu li.current_page_item a{
    background-color: unset;
    color: white;
}


footer#footer ul#menu-footer-secondary{
    margin-top: 30px;
}
footer#footer ul#menu-footer-secondary li a{
    font-weight: var(--weight-bold);
}

footer#footer .footer-section-additional{
    font-size: 13px;
}
footer#footer .footer-section-additional p{
    margin-bottom: 16px;
}

@media (max-width: 991px) {
    footer#footer h2 {
        margin-top: 31px;
        margin-bottom: 5px;
    }
}


@media (max-width: 767px) {
    footer#footer nav.footer-nav{
        display: block;
    }
    footer#footer nav.footer-nav ul#menu-footer-menu{
        text-align: left;
    }
}





/*==========================================================
    * 00. Mobile
==========================================================*/

#scroller-container {
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
  display: flex;
}

#scroller {
  display: flex;
  gap: 20px;
  /* Adjust the time (20s) to change the speed */
  animation: scrollMarquee 20s linear infinite; 
  white-space: nowrap;
}

#scroller img {
  width: 200px;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
}