/* NEW 2B  */

.convenience h3 {
    font-family: "ChevySans Bold", sans-serif !important;
}

.rewards-title,.dashboard-title{
    text-transform: none;
}
.nav-item .nav-link{
    font-family: "ChevySans Bold", sans-serif !important;
}

.uppercase{
    text-transform: none!important;
}

.section-header{

    background-color: var(--primary-black);
    color: var(--primary-white);

}


#metisIframe{
    background-color: white;
}


.chevrolet_template .top-level-container button.owl-prev:after,
.chevrolet_template .owl-carousel .owl-nav button.owl-prev:after{

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='61' viewBox='0 0 24 61' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.916262 33.7955C0.32958 32.9363 0 31.7712 0 30.5563C0 29.3414 0.32958 28.1763 0.916262 27.3171L18.6196 1.39872C18.9083 0.961129 19.2536 0.612089 19.6354 0.371969C20.0172 0.13185 20.4278 0.00545936 20.8434 0.000172986C21.2589 -0.00511339 21.671 0.110811 22.0556 0.34118C22.4402 0.571549 22.7896 0.911751 23.0834 1.34193C23.3772 1.77212 23.6096 2.28366 23.767 2.84673C23.9243 3.4098 24.0035 4.01311 23.9999 4.62146C23.9963 5.2298 23.9099 5.831 23.7459 6.38998C23.5819 6.94896 23.3435 7.45452 23.0446 7.87717L7.55383 30.5563L23.0446 53.2354C23.6147 54.0995 23.9301 55.2569 23.923 56.4582C23.9158 57.6595 23.5867 58.8086 23.0065 59.6581C22.4263 60.5075 21.6414 60.9894 20.8208 60.9998C20.0003 61.0103 19.2098 60.5485 18.6196 59.7139L0.916262 33.7955Z' fill='%23FFFFFF'/%3E%3C/svg%3E");

}

.chevrolet_template .top-level-container button.owl-next:after,
.chevrolet_template .owl-carousel .owl-nav button.owl-next:after{

    background-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='61' viewBox='0 0 24 61' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.0837 33.7955C23.6704 32.9363 24 31.7712 24 30.5563C24 29.3414 23.6704 28.1763 23.0837 27.3171L5.38043 1.39872C5.09175 0.961129 4.74643 0.612089 4.36463 0.371969C3.98282 0.13185 3.57217 0.00545936 3.15665 0.000172986C2.74112 -0.00511339 2.32904 0.110811 1.94444 0.34118C1.55984 0.571549 1.21043 0.911751 0.916595 1.34193C0.622763 1.77212 0.390392 2.28366 0.23304 2.84673C0.0756893 3.4098 -0.00349236 4.01311 0.000118256 4.62146C0.00372887 5.2298 0.0900593 5.831 0.25407 6.38998C0.418083 6.94896 0.656488 7.45452 0.955383 7.87717L16.4462 30.5563L0.955383 53.2354C0.385328 54.0995 0.0698986 55.2569 0.0770302 56.4582C0.0841599 57.6595 0.413279 58.8086 0.993504 59.6581C1.57373 60.5075 2.35864 60.9894 3.17917 60.9998C3.9997 61.0103 4.79021 60.5485 5.38043 59.7139L23.0837 33.7955Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    
}


.section-header p.year_mod{
    margin-top: 10px;
}

.hero-content .content-box .btn.secondary,
.hero-content .content-box .btn.secondary:hover{
    color: white!important;
    border-color: transparent!important;
    background-color: transparent!important;
    border: none!important;
    text-transform: capitalize;
    font-family: "ChevySans Bold", sans-serif !important;
}




.hero-content .btn.secondary:after{
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.375 0V2.75H0.5V4.125H7.375V6.875L11.5 3.39625L7.375 0Z" fill="%23FFFFFF"/></svg>');
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    /*box-shadow: 1px 1px 1px red, -1px -1px 1px red;*/
    margin-bottom: 0;
    margin-left: 5px;
    vertical-align: text-bottom;
    text-transform: capitalize;
}





#tab_offers .cp-button .btn.secondary,
#tab_offers .cp-button .btn.secondary:hover{
    color: var(--primary-brand-color)!important;
    border-color: transparent!important;
    background-color: transparent!important;
    border: none!important;
    text-transform: capitalize;
}







.overview-card.status-card .cp-button,
.overview-card.status-card .cp-button .btn.primary,
.overview-card.status-card .cp-button .btn.primary:hover
{
    justify-content: left;
    text-align: left;
    color: var(--primary-brand-color)!important;
    border-color: transparent!important;
    background-color: transparent!important;
    border: none!important;
    padding-left: 10px;
    text-transform: capitalize;
}

#tab_offers .cp-button .btn.secondary:after,
.overview-card.status-card .cp-button .btn.primary:after{
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.375 0V2.75H0.5V4.125H7.375V6.875L11.5 3.39625L7.375 0Z" fill="%230077D9"/></svg>');
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    /*box-shadow: 1px 1px 1px hotpink, -1px -1px 1px hotpink;*/
    margin-bottom: 0;
    margin-left: 5px;
    vertical-align: text-bottom;
    text-transform: capitalize;
}


    .service-manager-videos-holder .card{
        color: var(--primary-black);
    }



  #my_brand_app h2 span{
    text-transform: capitalize;

  }  
/* NEW 2B  */
















.chevrolet_template{
    --primary-white: #FFFFFF;
    --primary-brand-color: #0077D9;
    --primary-black : #262626; /*#383838; /* hmm out of gas  */
    --primary-button: var(--primary-brand-color);
    --primary-button-hover: #0090FF;
    --secondary-button: #808080;
    --secondary-button-hover: #B3B3B3;
    --secondary-white: #FFF;
    --secondary-black: #6E6E6E;
    --anchor-link: #11365F;
    --modal-border-color: #393839;

}


/*#383838*/

body{
    background-color: black;
    color: white;
}

p,
.paragraph,
p.medium{
    color: currentColor;
}

h1,
.heading1,
h2,
h3,
h4,
h5{
    color: currentColor;
    /*text-transform: capitalize;*/
}
.header.pc-only{
    background: var(--secondary-white);
}

.logo-dealer-name a img{
    max-width: 251px;
    max-height: 75px;
}

/*.website-icon,
a.dealer-link svg path{
    fill: var(--primary-black);
    color: var(--primary-black) !important;
}

.website-icon:hover,
a.dealer-link svg path:hover{
    fill: var(--primary-brand-color);
    color: var(--primary-brand-color) !important;
}
*/
.visit-us .btn.primary{
    height: 52px;
    font-family: "ChevySans Bold", sans-serif !important;
}

.download-wallet{color: white;}

section.videos-container-viewport .align-center:not(
    section.videos-container-viewport .align-center.iframe-layout
){
    gap: 2rem;
}

/* DO NOT DISPLAY FOR EV */
.ss-and-explore-more-videos .row a:nth-of-type(2){
     display: none;
}
/* DO NOT DISPLAY FOR EV */

.ss-and-explore-more-videos .heading h2,
.ss-and-explore-more-videos .content p{
    color: var(--primary-black);
}

/**** MODAL STYLE ****/
.primary-modal .modal-header,
.primary-modal .modal-footer{
    background-color: var(--modal-border-color);
}

.modal-header .modal-close svg path{
    fill: var(--primary-white);
}

.modal-content .wallet-form,
.modal-content p,
.modal-content h3{
    color : var(--primary-black);
}


/** PRIMARY BUTTON **/
.btn.primary, 
.ss-and-explore-more-videos .row a:nth-of-type(1) button,
.cp-button a.btn.primary{
    background-color: var(--primary-button);
    color: var(--secondary-white) !important;
    border: 1px solid var(--primary-button);
    text-transform: capitalize;
    font-family: "ChevySans Bold", sans-serif !important;

}
.btn.primary:hover, 
.ss-and-explore-more-videos .row a:nth-of-type(1) button:hover,
.cp-button a.btn.primary:hover{
    background-color: var(--primary-button-hover) !important;
    color: var(--secondary-white) !important;
    border-color: var(--primary-button-hover) !important;
    text-transform: capitalize;
    font-family: "ChevySans Bold", sans-serif !important;

}

/** SECONDARY BUTTON  **/
.ss-and-explore-more-videos .row a:nth-of-type(2) button,
.btn.secondary{
    background-color: var(--secondary-button);
    color: var(--secondary-white);
    border: 1px solid var(--secondary-button) !important;
    font-family: "ChevySans Bold", sans-serif !important;

}
.ss-and-explore-more-videos .row a:nth-of-type(2) button:hover,
.btn.secondary:hover{
    background-color: var(--secondary-button-hover) !important;
    color: var(--secondary-white);
    border: 1px solid var(--secondary-button-hover) !important;
    font-family: "ChevySans Bold", sans-serif !important;
}

section#tab_conveniences .section-header,
section#resourceCenterVideos .section-header{
    background-color: var(--primary-black);
}

section#tab_conveniences .section-header .heading1,
section#resourceCenterVideos .section-header .heading1{
    color: var(--secondary-white);
    margin: 0;
}



/* HERO CONTENT */
.hero-content .content-box{
    color: var(--primary-white);
    background-color: var(--primary-black);
}
.hero-content hr{
    border-top: 2px solid rgba(225, 225, 225, 0.2);
}
/* HERO CONTENT */

/*SUGGESTED MAINTENANCE*/
.suggested_maintenance .content-box{
    color: var(--primary-white);
    background-color: var(--primary-black);
}
.suggested_maintenance .content-box span{
    /*text-transform: uppercase;*/
    font-weight: normal;
}
/*SUGGESTED MAINTENANCE*/

/* NAV BAR STYLE */
ul.vertical-section-nav, 
.anchor-navbar{
    color: var(--primary-white);
    background-color: var(--primary-black);
}

ul.vertical-section-nav li:not(li:nth-of-type(1)){
    border-top: 1px solid var(--primary-white);
}

.anchor-navbar li:not(li:nth-of-type(1)) > a.nav-link{
    border-left: 1px solid var(--primary-white);
}

#wallet-card{
    flex-direction: row-reverse;
}

/* FOOTER STYLE */
.policy-url-container .policy-url-wrapper a{
    text-decoration: underline !important;
}

.hr-divider{
    margin: 1rem auto;
}

.the-bottom{
    background: var(--primary-black);
    color: var(--secondary-white);
}

/*** TEXT SIGNUP CHANGE ***/
section#download_mobile_app_section, #metis-tab-container{
    /*background-color: var(--primary-black);*/
    background-color: white;
}
section#download_mobile_app_section{
    padding: 0 !important;
}

#metis-tab-container .text-signup-info{
    max-width: 40%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#metisIframe.show-metis-iframe:after{
    display: none;
}


#metis-tab-container h5{
    color: var(--secondary-white);
}

.text-signup-image img.desktop,
.text-signup-image img.mobile{
    display: none;
}

#metis-tab-container .text-signup-image{
    padding: 0;
    margin-left: auto;
}

.text-signup-image,
.mobile-app-img-holder{
    width: 50%;
    min-width: 50%;
    max-width: 50%;
}

.metis-img-mask,
.mobile-app-img{
    position: relative;
    aspect-ratio: 1/1;
}

.text-signup-image .metis-ev,
.mobile-app-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

section#download_mobile_app_section{
    padding-top: 0px !important;
    flex-direction: column;
    width: 100%;
}

#metis-tab-container,
#download-mobile-app{
    align-items: center;
    padding: 0;
    max-width: 100%;
}

.mobile-app-holder{
    display: flex;
    padding: 0;
}

.download-app-buttons{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.mobile-app-info{
    padding: 2rem;
    max-width: 40%; /* was 497px */
    margin: 0 auto;
    position: relative;
}

.mobile-app-info h5, .mobile-app-info h2, .mobile-app-info p, .text-signup-info h2, .text-signup-info p.medium, .text-signup-info ul.paragraph.medium{
    color: var(--secondary-white);
}

.mobile-app-info p a{
    color: var(--primary-brand-color);
    text-decoration: underline;
}
.mobile-app-info h2 span:first-child,
.mobile-app-info p a span:first-child{
    display: inline-block;
    /*text-transform: capitalize;*/
}
.mobile-app-info p a span:first-child{
    text-decoration: underline;
}

/*** COUPONS ****/
.cp-container{
    background-color: var(--secondary-white);
}

.cp-container .cp-text-small,
.cp-container .cp-price-container,
.cp-container .cp-disclaimer-pad,
.cp-container .see_details{
    color: var(--primary-black);
}

.cp-header{
    background-color: var(--primary-black);
}

.cp-header-container{
    color: var(--secondary-white);
}

.cp-button a.btn.primary{
    color: var(--primary-black);
}

.form-group input[type="checkbox"]+label{
    color: var(--primary-black);
}


@media only screen and (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px){

    /* On Chevy mobile background is black */
    .hero-content .content-box{
        background-color: #000;
    }
    .hero-content hr{
        border-top: 2px solid #FFF;
    }

    .col.mobile-only a:nth-of-type(2) button{
        display: none;
    }
    #metis-tab-container,
    #download-mobile-app{
        width: 100%;
    }

    #download-mobile-app {
        gap: 20px;
    }

    .mobile-only.mobile-phone-visit-section{
        background-color: var(--secondary-white);
    }

    .col.mobile-only a:nth-of-type(2) button{
        border-color: var(--secondary-white);
    }

    .mobile-app-holder {
        flex-direction: row;
    }

    .mobile-app-holder .text-signup-image,
    .mobile-app-holder .mobile-app-img{
        width: 100%;
    }
    .text-signup-image {
        margin-bottom: 0;
    }

    .mobile-app-info{
        width: 100%;
    }

    .download-app-buttons svg{
        height: 40px;
        width: auto;
    }

    .logo-dealer-name a img{
        max-width: 119px;
    }

    .hr-divider {
        margin: 1rem auto;
    }

    .text-signup-info h5,
    #download-mobile-app .mobile-app-info h5{
        font-size: 12px;
        font-weight: 500;
    }

    .text-signup-info h2,
    #download-mobile-app .mobile-app-info h2{
        font-size: 16px;
        font-weight: 700;
    }

    .text-signup-info p.medium,
    #download-mobile-app .mobile-app-info p.medium{
        font-size: 16px;
        font-weight: 400;
    }

}

@media only screen and (max-width: 600px) {
    #wallet-card {
        flex-direction: column-reverse;
    }

    #wallet-card .btn.primary, .text-signup-info .btn.primary {
        max-width: 425px;
    }
}

/* MOBILE BREAKPOINT */
@media only screen and (max-width: 480px){
    #wallet-card{
        flex-direction: column-reverse;
    }

    #download-mobile-app {
        flex-direction: column;
    }

    .text-signup-image, .mobile-app-img-holder {
        width: 100%;
        max-width: 100%;
        margin-bottom: 40px;
    }
    .metis-img-mask, .mobile-app-img {
        aspect-ratio: auto;
        width: 100%;
    }

    .metis-img-mask img, .mobile-app-img img, .text-signup-image .metis-ev {
        height: auto;
        width: 100%;
        position: relative;
    }
    

    #metis-tab-container, #download-mobile-app {
        padding-bottom: 40px;
    }

    #download-mobile-app .mobile-app-info {
        padding: 0 20px !important;
    } 

}








/***************************************************************************/
#onetrust-banner-sdk{

}
/* Onetrust Styling for Chevrolet */
#onetrust-pc-sdk #accept-recommended-btn-handler,
#onetrust-pc-sdk .ot-btn-container button,
#onetrust-button-group button {
  border-radius: 0px!important;
}

#onetrust-banner-sdk #onetrust-button-group{
    
}

/* ot headers */
#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-policy-title{
    color: #212529!important;
}

#onetrust-consent-sdk #onetrust-pc-sdk h4{
    color: #212529!important;
}

#onetrust-consent-sdk #onetrust-policy-text{
    padding-bottom: 10px!important;
}

/* hide logo at top of modal */
#onetrust-pc-sdk .ot-pc-header .ot-pc-logo{
    display: none!important;
}

/* color of toggle background */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob{
    background-color: var(--primary-brand-color)!important;
}
/* color of toggle background */
#onetrust-pc-sdk .ot-vs-list .ot-always-active, 
#onetrust-pc-sdk .ot-cat-grp .ot-always-active{
    color: var(--primary-brand-color)!important;
}



/* Cookie Setting Button */
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{
    border: 2px solid!important;
    background-color: var(--primary-white)!important;
    border-color: var(--primary-white)!important;
    color: var(--primary-brand-color)!important;
    padding: 12px 10px!important;
    text-decoration: none!important;
    position: relative;
    padding-right: 2em!important;
}



/* Accept / Reject Button */
/* Accept Button in Modal */
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn{
    border: 2px solid!important;
    background-color: var(--primary-brand-color)!important;
    color: var(--primary-white)!important;
    border-color: var(--primary-brand-color)!important;
    padding: 12px 10px!important;
    text-decoration: none!important;
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a,
#onetrust-consent-sdk #onetrust-banner-sdk a[href],
#onetrust-consent-sdk #onetrust-banner-sdk a[href] font,
#onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn{
    color: #212529!important;
}



#onetrust-banner-sdk #onetrust-reject-all-handler:after,
#onetrust-consent-sdk #onetrust-pc-btn-handler:after,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link:after{
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.375 0V2.75H0.5V4.125H7.375V6.875L11.5 3.39625L7.375 0Z" fill="%230077D9"/></svg>');
    display: block;
    width: 1em;
    height: 1em;
    right: 0;
    transform: translate(-0.2em, -50%);
    top: 50%;
}


@media only screen and (max-width: 480px){
    #onetrust-banner-sdk #onetrust-reject-all-handler,
    #onetrust-consent-sdk #onetrust-pc-btn-handler,
    #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{
        width: auto!important;
        margin: 0 auto!important;
        display: block;
    }
}

/***************************************************************************/