@charset "utf-8";

body{
	font-family: "BuickTextRegular", sans-serif !important; /*BuickFutura Book was the wrong typeface*/
	/*text-overflow: 0px 1px 1px var(--secondary-black);*/
	background-color: var(--primary-white);
	color: var(--secondary-black);
}

.buick_template{
	--primary-brand-color: #333;/*#C9480C;*/
	--primary-black: #333333;
	--primary-white: #FFF;
	--secondary-brand-color: #FE5000;/*#F26522;*/
	--secondary-black: #2B2B2B;
	--secondary-white: #F2F2F2;
	--secondary-white-on-white: #F0F0F0;
	--secondary-light-grey: #F6F5F4; /*#EEEEEE;*/
	--secondary-dark-grey: #666666;
	--secondary-medium-grey: #CBCBCB;
	--anchor-link: #11365F;
}

a,
a:visited, 
a:active{
	color: currentColor;
}

p{
	line-height: 1.4;
}

.header{
	background-color: transparent;
	justify-content: center;
	align-items: center;
}

.header{
	padding: 1.2rem 6rem !important;
	margin-bottom: 0.1rem !important;
}

.header.pc-only .contact-detail-visit-us,
.header.pc-only .visit-us{
	flex-basis: 288px;
}

.header.pc-only .logo-dealer-name{
	flex-basis: auto;
}

.footer{
	padding: 2rem 6rem !important;
	margin-bottom: 0.2rem !important;
}

/*uppercase
h1, .heading1, h2, h3, h4, h5, .cp-header-container{
	text-transform: uppercase;
}


/* coupon text color */
.cp-container{
	color: var(--primary-black);
}


/*PVLP OVERLAY*/
#anim_ymm_add,
.uwm_anim_text .uwm_anim_text_box{
	font-family: "BuickTextRegular", sans-serif !important;
	font-weight: normal!important;
}
.brand_color.overlay_ymm,
.uwm_anim_text_box .brand-fg-color-1{
	color: white!important;
}
/*PVLP OVERLAY*/



/* BuickHeadlineRegular */
.text-signup-info h2,
.download-wallet h3,
.heading1, 
section#tab_conveniences .section-header .heading1
section#serviceManagerVideos .heading1,
#tab_offers h2
{
	font-family: 'BuickHeadlineRegular', sans-serif !important;
	font-weight: normal!important;
	text-transform: none;
}


/* BuickTextMedium */
h2,h3,
.footer-heading > span,
.footer-heading,
.cp-price-container,
.cp-container .cp-header-container,
.visit-us .btn.primary,
li.nav-item a > span,
#wallet-card p.large.user-name, 
#walletModal .wallet-card-modal p.large.user-name,
section#serviceManagerVideos .video-title p.medium,
section#resourceCenterVideos .video-title p.medium,
.top-level-nav-item,
.overview-card span,
.see_details,
.the-bottom {
	/*font-family: 'BuickTextRegular', sans-serif !important;*/
	font-family: "BuickTextMedium", sans-serif !important;
	font-weight: normal!important;
}

#navbarSupportedContent li.nav-item a > span {
	text-transform: capitalize !important;
}

/* BuickTextRegular */
.ss-and-explore-more-videos .content p,
.ss-and-explore-more-videos .row button,
.convenience p,


.footer-dealer-container, 
.footer-hours-container,
.body-disclaimer,
.callus-phoneus a span,
.text-signup-info .paragraph.medium,
.info p.medium, 
.info p.large,
section#serviceManagerVideos .video-description p,
section#resourceCenterVideos .video-description p,
.policy-url-container .policy-url-wrapper a,
.download-wallet p.medium,
.footer-dealer-name
{
	font-family: "BuickTextRegular", sans-serif !important;
	font-weight: normal!important;
}

/* BuickTextRegular */
.contact-detail-visit-us .col a span:nth-of-type(1),
.logo-dealer-name a > span{
	font-family: "BuickTextRegular", sans-serif !important;
}


/* WITHOUT MODAL FONT STYLE  */
#wallet-card .info-holder p.small,
#wallet-card .info-holder a,
#wallet-card .info-holder:first-child .info a{
	font-size: 13px; /* was 0.6875em */
	font-weight: 500;
}

#wallet-card .info p strong:nth-of-type(odd){
	font-size: 15px;
	font-family: "BuickTextMedium",sans-serif;
	/*text-transform: uppercase;*/
	line-height: 2;
}


/* WITH MODAL FONT STYLE */
#walletModal .info-holder p.small,
#walletModal .info-holder a,
#walletModal .info-holder:first-child .info a{
	font-size: 8px; /* was 0.6875em */
	font-weight: 500;
}

#walletModal .info p strong:nth-of-type(odd){
	font-size: 11px;
	text-transform: uppercase;
	font-family: "BuickTextMedium",sans-serif;
	line-height: 2;
}

#tab_offers h2{
	font-size: 32px;
}

.hero-content .content-box{
	background: var(--secondary-light-grey);
}

/* font size 16px as per the figma design shared */
.contact-detail span,
.contact-detail a,
.visit-website-url-icon a span,
.logo-dealer-name a:nth-of-type(2) span{
	font-size: 16px;
}

/* font size for buttons as per the figma design shared */
.btn,
.ss-and-explore-more-videos .row a:nth-of-type(1) button,
.ss-and-explore-more-videos .row a:nth-of-type(2) button,
.visit-us .btn{
	/*font-family: 'BuickTextRegular', sans-serif !important; /* Rendering on this typeface is off */
	font-family: 'BuickTextMedium', sans-serif !important;
	font-size: 16px;
	font-weight: 350;
}

.ss-and-explore-more-videos .content p,
.convenience p,
.video-description p,
.text-signup-info p.medium,
.download-wallet p.medium,
#wallet-card p.large.user-name, 
#walletModal .wallet-card-modal p.large.user-name
{
	font-size: 18px;
}

/* font size 22px as per the figma design shared */
.medium,
.convenience h3,
.download-wallet h3,
.text-signup-info h2,
#tab_videos .video-title p.medium,
#resource_center_tab_videos .video-title p.medium{ 
	font-size: 22px;
}

.contact-detail-visit-us .col a span:nth-of-type(1){
	font-weight: 800;
}

.contact-detail{
	font-weight: 400;
}

.contact-detail-visit-us .col a span{
    color: var(--primary-black);
    text-decoration: none;
}

.logo-dealer-name a:nth-of-type(2) span{
	color: var(--secondary-black);
}

.logo-dealer-name,
.col{
	flex-direction: column;
}

.logo-dealer-name a img{
	width: 100%;
	max-width: 340px;
	max-height: 51px;
}

.contact-detail-visit-us{
	align-items: center;
	gap: 1rem;
	margin-right: auto;
}
.contact-detail-visit-us a:not(.contact-detail a, a:nth-of-type(1)){
	color: var(--primary-black);
	font-weight: normal;
	text-decoration: underline;
}
.contact-detail{
	display: flex;
	gap: .4rem;
	align-items: center;
	color: var(--primary-black);
}

.visit-us{
	flex-direction: column;
	margin-left: auto;
}

.visit-us .btn.primary{
	height: 42px;
    width: 137px;
	color: var(--primary-brand-color);
	border: 1px solid var(--primary-brand-color);
}

.btn.primary:hover{
	color: var(--primary-white) !important;
	background: var(--primary-brand-color);
}

.visit-website-url-icon{
	display: flex;
	align-items: center;
	gap: 0.2rem;
}

.visit-website-url-icon a > span:nth-of-type(2){
	font-weight: 400;
	color: var(--primary-black);
	text-decoration: underline;
	text-transform: capitalize;
}

.website-icon{
	display: inline-block;
	width: 2rem;
    height: 1.6rem;
	color: var(--primary-brand-color) !important;
	vertical-align: middle;
	background-color: currentColor;
	mask-repeat: no-repeat;
	-webkit-mask-image: url('../../../files/images/buick-web-url.svg');
	mask-image: url('../../../files/images/buick-web-url.svg');
}

/* NAV BAR STYLE */
.nav-item .nav-link{
	text-transform: none;
}


ul.vertical-section-nav,
.anchor-navbar{
	color: var(--primary-black);
	background: var(--secondary-light-grey);
}

ul.vertical-section-nav li.nav-tab-active:after,
.anchor-navbar li.nav-tab-active:after{
	background: var(--secondary-brand-color);
}

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

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



/* CONVENIENCE */
section#tab_conveniences .section-header{
	background: var(--secondary-light-grey);
}

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

.convenience h3{
	margin-bottom: 1.4rem;
}

.convenience p{
	font-weight: 400;
}

/** SERVICE MANAGER VIDEOS **/

section#serviceManagerVideos .heading1,
section#serviceManagerVideos .card .video-title p,
section#serviceManagerVideos .card .video-description p{
	color: var(--primary-black);
}

section#serviceManagerVideos .video-title p.medium{
	font-weight: 600;
}

section#serviceManagerVideos .video-description p{
	font-weight: 400;
}

section#tab_conveniences .section-header .heading1,
section#serviceManagerVideos .heading1{
	font-size: 32px;
	font-weight: 500;
}

/** RESOURCE CENTER VIDEOS **/
section#resourceCenterVideos{
	background: var(--secondary-white-on-white);
}

section#resourceCenterVideos .heading1,
section#resourceCenterVideos .card .video-title p,
section#resourceCenterVideos .card .video-description p{
	color: var(--primary-black);
}

section#resourceCenterVideos .video-title p.medium{
	font-weight: 500;
}

section#resourceCenterVideos .video-description p{
	font-weight: 400;
}

section#tab_conveniences .section-header .heading1,
section#resourceCenterVideos .heading1{
	font-size: 32px;
	font-weight: 500;
}

/** SIGNUP FOR TEXT MESSAGES */
section#text-signup{
	background: var(--primary-white);
	color: var(--primary-black);
}

.text-signup-info .medium,
.text-signup-info .paragraph.medium,
#tab_offers h2{
	color: var(--primary-black);
}

.text-signup-info h2{
	font-weight: 500;
	color: var(--primary-black);
	line-height: 1.6;
}

.text-signup-info p{
	font-weight: 400;
}

#metis-tab-container .text-signup-info{
	padding: 2rem;
}

#metis-tab-container .text-signup-image{
	padding: 1rem 2rem;
}

.text-signup-image img.desktop{
	width: auto;
	height: auto;
	max-height: 296px;
	max-width: 626px;
}

.text-signup-info .btn.primary{
	max-width: 390px;
	height: 52px;
	text-transform: uppercase;
}

/* DOWNLOAD WALLET STYLE */
#wallet-card p.large.user-name,
#walletModal p.large.user-name,
#wallet-card .user-info .info-holder .info p:nth-of-type(odd),
#walletModal .user-info .info-holder .info p:nth-of-type(odd),
#wallet-card .download-wallet p,
#wallet-card .download-wallet h3
{
	color: var(--primary-black);
}

.download-wallet h3{
	font-weight: 500;
}

.download-wallet .btn.primary{
	max-width: 390px;
	width: 100%;
	height: 52px;
}

.info-holder .info p:nth-child(2n) {
	margin-bottom: 0.62em;
}

#wallet-card p.large.user-name, 
#walletModal .wallet-card-modal p.large.user-name{
    /*padding-bottom: 10px;*/
    /*border-bottom: 3px solid var(--secondary-brand-color);*/
    border: none;
	font-weight: 500;
	/*font-family: 'BuickHeadlineRegular', sans-serif !important;*/
}


#wallet-card p.large.user-name:after, 
#walletModal .wallet-card-modal p.large.user-name:after{
 content: '';
 display: block;
 background-color: var(--secondary-brand-color);
 margin-top: 15px;
 height: 4px;
 width: 51px;
}



#wallet-card p.large.user-name,
.user-info .info-holder p.small strong{
	text-transform: none;
}

#wallet-card .user-info .info-holder a,
#walletModal .wallet-card-modal .user-info .info-holder a{
	color: var(--anchor-link);
}

.ss-and-explore-more-videos .content,
.videos-container{
	flex-direction: column;
}

.ss-and-explore-more-videos{
	flex-direction: column;
    align-items: center;
    gap: 0.8rem;
    /* margin: 2rem auto; */
	padding: 2rem 0 !important;
}

.ss-and-explore-more-videos .content p{
	color: var(--primary-black);
	margin-bottom: 0.1rem;
	font-weight: 500;
}

.ss-and-explore-more-videos .heading{
	margin: 0.4rem;
	text-transform: uppercase;
}

.ss-and-explore-more-videos .content{
    text-align: center;
	padding-bottom: 2rem;
}

.ss-and-explore-more-videos .heading h2{
	color: var(--primary-black);
	text-align: center;
	font-weight: 500;
	font-size: 44px;
}

.row{
	gap: 2rem;
	justify-content: center;
}

.hero-content .button-group a,
.hero-content .button-group button
{
	width: 100%;
	max-width: 390px;
}


.ss-and-explore-more-videos .row a:nth-of-type(1) button,
.btn.primary{
	border-radius: 12px;
	width: 100%;
    max-width: 390px;
    background: var(--secondary-light-grey);
    border: 1px solid var(--primary-brand-color);
    color: var(--primary-brand-color);
	height: 52px;
	text-transform: none;
}

.ss-and-explore-more-videos .row a:nth-of-type(2) button,
.btn.secondary{
	border-radius: 12px;
	width: 100%;
    max-width: 390px;
    border: 1px solid var(--primary-black);
   	background: var(--primary-brand-color);
	color: var(--primary-white);
	height: 52px;
	text-transform: none;
}

#coupon_auth_form .btn.primary{
	 color: var(--primary-brand-color)!important;
}
#coupon_auth_form .btn.primary:hover{
	 color:  var(--primary-white)!important;
}

.ss-and-explore-more-videos .row a:nth-of-type(1) button:hover,
.visit-us .btn.primary:hover,
.btn.primary:hover{
	background: var(--primary-brand-color);
	border: 2px solid var(--primary-brand-color);
	color: var(--primary-white);
	text-decoration: none;
}

.ss-and-explore-more-videos .row a:nth-of-type(2) button:hover,
.btn.secondary:hover{
	background: var(--primary-white);
	color: var(--primary-black) !important;
	text-decoration: none;
}

.video-viewport{
	padding: 0.5rem 0;
	width: 100%;
}

.iframe-viewport{
	display: inline-block;
	width: 100%;
	padding: 0.5rem 0;
}

.align-center{
	margin: 0 auto;
}

.videos-container-viewport{
	justify-content: center;
}	

.align-center.iframe-layout{
	margin: 0px;
	gap: 1rem;
}

.iframe-and-ss-container{
	position: relative;
}

#video-holder{
	margin-left: 0px;
}



.track_ctrl_nextbtn:after, 
.track_ctrl_prevbtn:after{
	background-repeat: no-repeat;
}

/** ICONS */
i.icon.offers{
	width: 35px;
	height: 33px;
	background-color: currentColor;
	-webkit-mask-image: url('../../../files/icons/buick/offers.svg');
	mask-image: url('../../../files/icons/buick/offers.svg');
	position: relative;
	top: 1px;
}


/**** MODAL STYLE ****/
.primary-modal .modal-header,
.primary-modal .modal-footer{
    background-color: var(--secondary-light-grey);
}
.primary-modal .modal-footer .btn.primary.light{
	color: var(--primary-brand-color);
}
.primary-modal .modal-footer .btn.secondary.light{
	color: var(--primary-white);
	border: 2px solid var(--primary-black);
}
.primary-modal .modal-footer .btn.secondary.light:hover{
	background: var(--primary-black);
	color: var(--primary-white) !important;
	opacity: 0.6;
}
.modal-header .modal-close svg path{
	fill: var(--primary-black);
}
/********** HOVER STYLE **********/
a:not([href]):not([tabindex]):hover,
.logo-nav a:nth-of-type(1):hover,
.logo-dealer-name a:nth-of-type(2) span:hover,
.contact-detail a:hover,
.visit-website-url-icon a > span:nth-of-type(2):hover,
.footer-service-row a:hover,
.footer-service-visit-us a span:hover,
.policy-url-container .policy-url-wrapper a:hover,
a.nav-link:hover,

.body-disclaimer a:hover,
#wallet-card .user-info .info-holder a:hover, 
#walletModal .wallet-card-modal .user-info .info-holder a:hover{
	color: var(--secondary-dark-grey);
}


.nav-item.nav-tab-active{
	color: black;
}

/* FOOTER STYLE */
.footer{
	background: var(--primary-white);
	flex-direction: column;
	margin-bottom: 0 !important;
}

.footer-contents{
	flex-direction: column;
	gap: 1rem;
	padding: 0;
	color: var(--primary-black) !important;
}

.footer-service-row{
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.footer-dealer-container,
.footer-hours-container .hours-text,
.footer-service-visit-us div > span,
.policy-url-container .policy-url-wrapper a,
.body-disclaimer,
.the-bottom,
.footer-service-row a{
	font-size: 16px;
}

.footer-heading > span,
.footer-heading{
	font-size: 22px; /* font size 22px as per the figma design shared */
	font-weight: 600;
}

.footer-heading > span:last-child {
	text-transform: lowercase;
}



.body-disclaimer{
	font-size: 14px;
	color: var(--secondary-black);
}

.policy-url-container{
	display: flex;
	gap: 4rem;
	padding: 1rem 0;
	justify-content: space-between;
}

.policy-url-block{
	display: flex;
	flex-direction: row;
	gap: 1em;
}

.footer-heading{
	margin-bottom: 0.5rem;
}

.footer-service-row a{
	font-weight: normal;
	text-decoration: underline;
	color: var(--primary-black);
}

.footer-service-visit-us a span{
	color: var(--primary-black);
	text-decoration: underline;
	font-weight: 400;
}

.policy-url-container .policy-url-wrapper a{
	color: var(--primary-black);
	text-decoration: underline;	
	text-transform: capitalize;
	font-weight: 400;
}

.the-bottom{
	align-items: center;
	justify-content: center;
    background: white;
	color: var(--primary-black);
	height: 77px; /* as per the figma design style guide */
}

.footer-dealer-info{
	display: flex;
	justify-content: space-between;
}

.footer-service-visit-us div a{
	display: flex;
	align-items: center;
	gap: 0.5rem
}

.footer-dealer-container,
.footer-hours-container{
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
	font-weight: 400;
}

.hr-divider{
    background: var(--secondary-dark-grey);
    height: 0.01rem;
    width: 99%;
    margin: 1rem 0rem;
}

@media only screen and (max-width: 1224px){

	.header,
	.footer{
		/* padding: 1.6rem 2rem !important; */
		padding: 1rem !important;
	}
	
	li.nav-item{
		width: 14rem;
	}

	.anchor-navbar li.nav-tab-active:after{
		width: 10rem;
	}

	/*	
	.align-center.iframe-layout{
		flex-direction: column;
	}*/

	.footer-dealer-container > div a{
		font-size: 16px;
	}

}

@media (min-width: 600px) and (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.navbar-expand-md .navbar-collapse{
		display: none !important;
		flex-basis: auto !important;
	}

	.anchor-navbar nav, .anchor-navbar .navbar-nav{
		flex-direction: column !important;
	}
}

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

	.header.mobile-only{
		position: sticky;
		top: 0;
		opacity: 1;
		transition: opacity .25s;
		order: -1;
		z-index: 1001;
		background: var(--primary-white);
		box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
	}

	.logo-nav{
		display: flex;
		height: auto;
		justify-content: space-between;
		z-index: 4;
	}
	
	.logo-nav a:nth-of-type(1){
		flex-basis: 100px;
	}
	
	.logo-nav a span{
		font-weight: 500;
		text-transform: uppercase;
	}
	
	/* NAV BAR STYLE */
	.navbar,
	.nav-link{
		padding: 0px;
	}

	.navbar-toggler{
		color: var(--primary-black);
	}

	.navbar-toggler{
		color: var(--primary-black);
	}

	.navbar-toggler:not(.navbar-toggler.collapsed){
		background: var(--secondary-black);
		color: var(--secondary-white);
	}




	.anchor-navbar .navbar-nav,
	.nav-item .nav-link{
		background: var(--secondary-light-grey);
		color: var(--secondary-black);
	}

	li.nav-item:not(li:last-child){
		border-bottom: 1px solid var(--secondary-white);
	}

	.callus-phoneus{
		display: flex;
		width: 100%;
		background: var(--primary-white);
		justify-content: space-evenly;
		align-items: center;
		height: 50px;
		letter-spacing: 2px;
	}

	.svgicon{
		display: inline-block;
		padding: 0;
		margin: 0;
		background-color: currentColor;
	}

	.phone_icon{
		vertical-align: middle;
		color: var(--primary-brand-color);
		width: 3em;
		height: 3em;
		-webkit-mask: url('../../../files/images/phone_icon_b.svg') no-repeat center;
		mask: url('../../../files/images/phone_icon_b.svg') no-repeat center;
	}

	.map_pin_icon{
		vertical-align: middle;
		color: var(--primary-brand-color);
		width: 3em;
		height: 3em;
		-webkit-mask: url('../../../files/images/map_pin_icon_b.svg') no-repeat center;
		mask: url('../../../files/images/map_pin_icon_b.svg') no-repeat center;
	}

	.header-visit-us{
		background: transparent;
	}

	.callus-phoneus a{
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}

	.callus-phoneus a span{
		color: var(--primary-black);
		text-transform: uppercase;
		font-weight: 700;
	}

	.ss-and-explore-more-videos .content{
		padding: 0.2rem;
	}

	#video-holder{
		width: 100%;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: normal;
		row-gap: 10px;
	}

	#video-holder .iframe-layout{
		width: 100%;
		height: auto;
	}

	.ss-and-explore-more-videos{
		margin: 0 auto;
	}
	
	.ss-and-explore-more-videos,
	.video-viewport,
	.iframe-viewport{
		padding: 0rem !important;
	}

	.align-center{
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.align-center.iframe-layout{
		/*flex-direction: column;*/
		align-items: center;
		padding: 1rem 0.1rem;
	}

	.col.mobile-only{
		display: flex !important;
		align-items: center;
		flex-direction: column;
		flex-basis: 100%;
		gap: 1rem;
		padding: 1rem;
	}

	.col.mobile-only a{
		width: 100%;
		text-align: center;
	}

	.col.mobile-only a:nth-of-type(1) button,
	.btn.primary{
		width: 100%;
		max-width: 340px;
		height: 52px;
		border: 1px solid var(--primary-brand-color);
	}
	
	.col.mobile-only a:nth-of-type(2) button,
	.btn.secondary{
		width: 100%;
		max-width: 340px;
		height: 52px;
		border: 1px solid var(--secondary-black);
	}

	.col.mobile-only a:nth-of-type(1) button:hover,
	.btn.primary:hover{
		background: var(--primary-brand-color);
		color: var(--primary-white);
	}
	
	.col.mobile-only a:nth-of-type(2) button:hover,
	.btn.secondary:hover{
		background: var(--primary-black);
		color: var(--primary-white) !important;
	}

	/** SIGNUP FOR TEXT MESSAGES */
	.text-signup-info .btn.primary{
		width: 100%;
	}

	
	/* DOWNLOAD WALLET STYLE 
	   SIGNUP FOR TEXT MESSAGES */
	#wallet-card .btn.primary,
	.text-signup-info .btn.primary{
		width: 100%;
		max-width: 338px;
		height: 52px;
	}

	#wallet-card .download-wallet h3{
		margin-bottom: 20px;
	}
	
	#wallet-card .brand-logo img, 
	.wallet-card-modal .brand-logo img{
	    object-fit: contain;
		width: 100%;
	    max-width: 200px;
		padding: 0.2rem;
	}


	.logo-dealer-name a > span,
	.callus-phoneus a span,
	.body-disclaimer,
	.the-bottom{ /* font size 10px as per the figma design shared */
		font-size: 10px !important;
	}

	section#serviceManagerVideos .card .video-title p,
	section#resourceCenterVideos .card .video-title p,
	.footer-heading > span, .footer-heading,
	.convenience h3{
		font-size: 18px;
	}

	/* font size 16px as per the figma design shared */
	.callus-phoneus a span,
	.body-disclaimer,
	.footer-dealer-container > div a, 
	.footer-hours-container .hours-text, 
	.footer-service-visit-us div > span,
	.policy-url-container .policy-url-wrapper a,
	.ss-and-explore-more-videos .content,
	.ss-and-explore-more-videos .content p,
	.navbar-toggler,
	.convenience p,
	.video-description p,
	.text-signup-info h2,
	.text-signup-info p.medium,
	.text-signup-info .paragraph.medium,
	.download-wallet h3,
	.download-wallet p.medium
	{
		font-size: 16px;
	}

	.ss-and-explore-more-videos .content p{
		font-weight: 400;
	}

	/* CONVENIENCE */
	section#tab_conveniences .section-header .heading1,
	section#serviceManagerVideos .heading1,
	section#resourceCenterVideos .heading1,
	#tab_offers h2{
		font-size: 23px;
	}

	.ss-and-explore-more-videos .heading h2{
		font-size: 23px;
		font-weight: 500;
	}

	/* DOWNLOAD WALLET STYLE */
	/* WITHOUT MODAL FONT STYLE  */
	#wallet-card .info-holder p.small,
	#wallet-card .info-holder a,
	#wallet-card .info-holder:first-child .info a{
		font-size: 8px !important;
		font-weight: 500;
	}

	#wallet-card .info p strong:nth-of-type(odd){
		font-size: 11px;
		font-family: "BuickTextMedium",sans-serif;
		/*text-transform: uppercase;*/
	}

	#wallet-card .user-card .user-info{
		padding: 20px 10px;
	}
	
}

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


	.footer-dealer-info{
		flex-direction: column;
	}

	.footer-contents,
	.policy-url-container{
		flex-direction: column;
		padding: 0;
		gap: 1rem;
	}

	.policy-url-block{
		flex-direction: column;
	}

	.footer-heading > span,
	.footer-heading{
		font-size: 18px;
	}

	.policy-url-container .policy-url-wrapper a{
		font-size: 13px !important;
	}
	
	.policy-url-wrapper{
		margin-right: 0 !important;
	}
	.footer-service-container,
	.footer-contact-container,
	.body-disclaimer,
	.policy-url-container{
		padding: 1rem;
	}

	.map-container{
		display: block;
		width: 100%;
		max-width: none;
		height: 100%;
		padding: 0px;
	}

	.footer-dealer-info{
		padding-bottom: 0px;
	}

	.hr-divider{
		background: var(--secondary-light-grey);
		height: 0.01rem;
		width: 94%;
		margin: 0 auto;
	}
}


.section-header p.year_mod{
	font-family: 'BuickTextMedium',sans-serif;
	font-size: 18px;

}

/* NEW 2B  */

.hidden-make{
    display: inline-block;
}

.top-level-contents .owl-item{
	padding-bottom: 30px;
}

.hero-content hr{
	/*border-color: var(--secondary-brand-color);*/
	border: none !important;
	width: 0;
}

.top-level-nav-item span{
	display: inline-block;
	position: relative;
	pointer-events: none;
	text-transform: capitalize;
}

.buick_template .current-top-level-nav-pane .top-level-nav-item{
	box-shadow: none!important;
	border-bottom-color: transparent!important;
}

/*2025 - Buick Accent Color Bars must be same width as text changing positioning to pseudoelement*/
.hero-content h2{
 position: relative;
 display: inline-block;
}

.hero-content h2:after{
    content: "";
    width: 100%;
    height: 2px;
    bottom: -1.5em;
    left: 0;
    display: none;
    position: absolute;
    box-shadow:  0 1px 0 var(--secondary-brand-color);
    border-bottom-color: var(--secondary-brand-color);
}

/*2025 - Buick Accent Color Bars must be same width as text changing positioning to pseudoelement*/
.buick_template .current-top-level-nav-pane .top-level-nav-item span:after{
    content: "";
    width: 100%;
    height: 2px;
    bottom: -20px;
    left: 0;
    display: inline-block;
    position: absolute;
    box-shadow: 0 -2px 0 var(--secondary-brand-color) inset, 0 2px 0 var(--secondary-brand-color);
    border-bottom-color: var(--secondary-brand-color);
}


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

.overview-card.status-card .cp-button a.btn.primary:after{
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.27277 0.75L0.686523 2.33625L5.83902 7.5L0.686523 12.6637L2.27277 14.25L9.02277 7.5L2.27277 0.75Z" fill="%23FE5000"/></svg>');
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    margin-left: 10px;
}

.section-header{
    background-color: var(--secondary-light-grey);
}
.section-header .heading1{
	font-weight: 400;
	margin: 0;
}

/*.year_mod{
	
}
.section-header.first .heading1{
	
}*/

.section-header.first .heading1:after{
	content: '';
	border-top: 1px solid var(--secondary-brand-color);
	display: block;
	max-width: 270px;
	margin: 0 auto;
	width: 100%;
    margin-top: 10px;
    padding-bottom: 14px;
}






div.suggested-service-card{
 background-color: var(--secondary-light-grey);
}

div.suggested-service-card,
div.suggested-service-card .cp-text-small{
    color: var(--primary-brand-color);
}

.cp-text-small li::marker, div.medium li::marker {
	color: var(--secondary-brand-color);
}



.btn,
.btn.primary,
.btn.secondary,
.see_details,
.nav-item .nav-link,
.heading1,h1,h2,h3,
.top-level-nav-item,
.cp-header-container,
.video-title p,
.footer-heading,
form label
{
	text-transform: none;
}


.contact-detail span,
.visit-website-url-icon a > span:nth-of-type(2),
.uppercase{
	text-transform: none;
}






.footer, .the-bottom{
	background: #F6F5F4;
}
.footer-social-media .footer-social-media-link > svg:hover{
	color: var(--primary-brand-color);
}

/*NEED TO REVISIT*/
@media only screen and (max-width: 800px),
only screen and (min-device-width: 800px) and (max-device-width: 1023px){


	.logo-nav a:nth-of-type(1){
		flex-basis: unset;
		padding-left: 8px;
	}
	.logo-nav a:nth-of-type(2){
		margin: 0;
		right: unset;
	}

	.logo-nav{
		color: var(--primary-black);
		flex-direction: column-reverse;
		gap: 2px;
		align-items: flex-start;
		text-align: left;
	}

}

/* NEW 2B  */




/* Consolidate casing on buttons */
.btn.primary,.btn.secondary,
.overview-card.suggested-service-card .btn.primary,
.overview-card.suggested-service-card .btn.secondary
{
	text-transform: uppercase;
}

.overview-card .btn.primary,
.overview-card .btn.secondary{
	text-transform: capitalize;
}


/* BUICK COUPON TWEAKS */
.cp-header-container{
	font-size :	18px;
}

.cp-price-container{
	font-size :	26px;
}


.cp-body{
	margin-top: 20px;
	margin-bottom: 20px;
}


.nav-item .nav-link{
	letter-spacing: unset!important;
}
ul.vertical-section-nav li.nav-item > a{
	letter-spacing: unset;
	text-transform: none;
}



/* BUICK SERVICE MANAGER VIDEO CARDS TWEAKS */
.service-manager-videos-holder .card p{
	line-height: 1.4;
}


.service-manager-videos-holder .card{
	border: none;
}








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

}

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

/* 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-black)!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-black)!important;
}

/* Accept Button */
#onetrust-consent-sdk #onetrust-accept-btn-handler{
	border: 1px solid!important;
    color: var(--primary-black)!important;
    background-color: var(--secondary-light-grey)!important;
    border-color: var(--primary-black)!important;
    text-transform: uppercase!important;
    padding: 12px 10px!important;
    text-decoration: none!important;
}

/* Reject Button */
/* Cookie Setting Button */
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link,
#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler{
	border: 1px solid!important;
    background-color: var(--primary-black)!important;
    border-color: var(--primary-black)!important;
    color: var(--primary-white)!important;
    text-transform: uppercase!important;
    padding: 12px 10px!important;
    text-decoration: none!important;
}


/* Accept Button in Modal */
#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: 1px solid!important;
    background-color: var(--secondary-light-grey)!important;
    border-color: var(--primary-black)!important;
    color: var(--primary-black)!important;
    text-transform: uppercase!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;
}
/***************************************************************************/