@charset "utf-8";

/******** 2024 STYLE GUIDE REDESIGN ********/
body{
	font-size: 16px;
	overflow-x: hidden !important;
}

a,
a:hover{
	text-decoration: none;
}

/* PAGE WRAPPER STYLE */
.page-wrapper{
	display: flex;
	flex-direction: column;
}

.page-wrapper section{
	position: relative;
    display: flex;
	max-width: 1440px;
    width: 100%;
	margin-right: auto;
    margin-left: auto;
    padding: 0;
}


/*.page-wrapper section.main {
	width: calc(100% - 40px);
	max-width: 1340px;
}*/


.page-wrapper section > div, 
.pc-only{
	display: flex;
}





.section-header{
	width: 100%;
	text-align: center;
    margin: 45px auto 40px auto;
    max-width: 1440px;
	min-height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 14px;
	padding-bottom: 14px;
}

.section-header.first{
	min-height: 110px;
}

.section-header .heading1{
	margin-bottom: 0;
}

.section-header p.year_mod{
	margin: 0;
}

.mobile-only{
	display: none !important;
}

a:hover{
	cursor: pointer;
	opacity: 0.9;
} 

button:hover{
	cursor: pointer;
}

.modal-close{
	display: none;
}

.visit-us{
	align-items: end;
} 

.ss-and-explore-more-videos{
	margin-top: 0.6em;
}

.ss-and-explore-more-videos .content{
	max-width: 900px;
}

#video-holder{
	position: relative;
	margin-left: 15px;
	display: inline-block;
}


/*TODO figure out if we can use CSS Viewport units to do this */
#video_main_container.iframe-layout, #video-holder{
	/*VIDEO WIDTH DESKTOP LARGE*/
	width: 878px;
}

@media only screen and (max-width: 1380px){
	/*VIDEO WIDTH DESKTOP MEDIUM*/
	#video_main_container.iframe-layout, #video-holder{
		width: 780px;
	}

}

@media only screen and (max-width: 1150px){
	/*VIDEO WIDTH DESKTOP SMALLER*/
	#video_main_container.iframe-layout, #video-holder{
		width: 680px;
	}

}

@media only screen and (max-width: 1023px){
	/*VIDEO WIDTH DESKTOP SMALLEST*/
	#video_main_container.iframe-layout, #video-holder{
		width: 580px;
	}

}


.iframe-viewport{
	display: none!important;	
	background-color: white;
}

.iframe-layout .iframe-viewport{
	display: flex!important;
}

/* debug video iframe position
.videos-container-viewport > .align-center{
	background: hotpink;	
}*/

section#tab_offers:not(section.header-nav) {
    padding-bottom: 34px;
}

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

.hero-content{
	width: 100%;
	min-height: 485px;
}

/* ss-iframe... now in modal  */
iframe.schedule-service-frame{
	width: 100%;
	min-height: 670px;
}

div.video-viewport{
	line-height: 0;
	margin: 0!important;/*dont stomp on this in brand sheets*/
	padding: 0!important;/*dont stomp on this in brand sheets*/

	/*EXPERIMENT VERTICAL CENTER WITH BLACK BARS*/
    display: flex;
    flex-direction: column;
    background: #000;
    justify-content: center;

}

div.iframe-viewport{
	margin: 0!important;/*dont stomp on this in brand sheets*/
	padding: 0!important;/*dont stomp on this in brand sheets*/
}

.iframe-viewport{
	position: relative;
}

/* HERO CONTENT */
.hero-content .content-box{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #eee;
	text-align: center;
	padding: 10%;
	line-height: 1.5;
	/*max-width: 878px;/*same as video*/
}

.hero-content .message-group{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	flex-basis: 60%;
}	

.hero-content .message{
	font-size: 1.115em;
}


.hero-content .button-group{
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	margin-top: 12px;
}	

.hero-content hr{
	width: 100%;
	border-color: #000;
}
/* HERO CONTENT */

/* SUGGESTED MAINTENANCE TABLE */
.suggested_maintenance .content-box{
	display: flex;
	background: #eee;
	width: 100%;
	gap: 24px;
	padding: 3rem;
	margin-top: 24px;
	justify-content: space-around;
	flex-direction: row;
	font-size: 1.125em;
}

.suggested_maintenance .content-box>.col{
	padding-left: 30px;
    padding-right: 30px;
    line-height: 2;

}	

.suggested_maintenance .col span{
	font-weight: bold;
}

/**/

section.videos-container-viewport .align-center{
    gap: 1rem;
    line-height: 1;
}

/*
@media only screen and (min-width: 1270px){
	
	#video_main_container.iframe-layout,
	#video-holder{
		width: 921px;
	}
	
	.hero-content,
	iframe.schedule-service-frame{
		min-width: 400px;
	    min-height: 520px;
	}

	section.videos-container-viewport .align-center.iframe-layout {
	    gap: 14px;
	}

	.iframe-layout ul.vertical-section-nav{
		max-width: 91px;
		min-width: 91px;
		width: 100%;
	}

}/**/

#video_frame_bg{
	width: 100%;
	height: auto;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

#video_XYposition{
	clear: both;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	overflow: hidden;
}

#video_XYposition .track_ctrl_context_container{
	z-index: 101;
}

#video_viewport{
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000;
}

#video_viewport.hover .track_ctrl_context_container{
	display: block;
}

#video_viewport.errorMsg{
	background-image: none;
}

#video_viewport.errorMsg div{
	display: none;
}

#video_viewport.errorMsg:before{
	line-height: 0;
	content: 'Sorry, this video has failed to load.';
	color: white;
	border: 20px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	position: relative;
	z-index: 1000;
}

.playarrow{
	display: inline-block;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.row{
	width: 100%;
}
.row a{
	width: 100%;
	max-width: 390px;
}

/* LATE ADDITION VERTICAL NAVIGATION */
ul.vertical-section-nav{
	margin: 0!important;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	list-style: none;
	flex-shrink: 0;
	max-width: 100px;
	width: 100%;
	min-width: 100px;
	color: var(--primary-white);
    background: var(--secondary-black);
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;

}

ul.vertical-section-nav li.nav-item{
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: auto;
	
}

ul.vertical-section-nav li.nav-item > a{
	display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}

/* vertical navbar segment border  */
ul.vertical-section-nav li:not(li:nth-of-type(1)){
	border: none;
}

/* THIS IS IMPORTANT */
.header-nav.sticky-top{
	display: none;
}

@media only screen and (max-width: 1260px){
	ul.vertical-section-nav{
		display: none;
	}

	.header-nav.sticky-top{
		display: inline-flex;
	}
}

@media only screen and (min-width: 1260px){
	/* on largest desktop size only.... hide the horizontal nav bar until scrolled down */
	/* javascript will add this class to the body */
	/* note this will change positioning to absolute and centering to transform */
	.scrolled-past-desktop-sticky-nav-distance .header-nav.sticky-top{
		display: inline-block;
	    position: fixed!important;
	    top: 0;
	    margin-top: 0;
	    left: 50%;
    	transform: translateX(-50%);
	}

}

/* LATE ADDITION VERTICAL NAVIGATION */


span.playarrow i{
	font-size: 37px;
	height: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

a.videoBtn{
	width: 122px;
	height: 80px;
}

a.videoBtn.activeVideoButton .new-tray-video-overlay,
a.videoBtn.activeVideoButton span.playarrow i{
	display: none
}

.videos-container{
	width: 100%;
	display: inline-block;
	line-height: 1.2;
}

.videos-content{
	width: 100%;
	margin: 0 auto;
	width: 100%;
}

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



div#video-holder{
	margin: 0 auto;
	display: block;
}

.brand_color.overlay_ymm{
	color: var(--primary-brand-color);
}

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

.ss-button-above-iframe{
    display: none; /* was flex not in figma designed */
    align-items: center;
    justify-content: center;
    background: var(--primary-white);
    color: var(--primary-black);   
	font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 1rem;
	border: 1px solid var(--primary-brand-color);
	box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
}

/* FOOTER STYLE */
.the-bottom{
	background: #999;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 10px 0;
	clear: both;
	max-width: 1000px;
	margin: 0 auto;
}

.plusmn::before{
	content: "\00B1";
	font-size: 1.2em;
	vertical-align: sub;
}

.plus::before{
	content: "\002B";
	font-size: 1.2em;
	vertical-align: baseline;
	padding-left: 2px;
}

.asterisk::before{
	content: "\2217";
	font-size: 1.2em;
	vertical-align: sub;
}

.greater-than::before{
	content: "\003E";
	font-size: 1.2em;
	vertical-align: sub;
}

/* MAP STYLE */
.map-container{
	display: table-cell;
	vertical-align: top;
	width: 50%;
	max-width: 50%;
	padding: 10px;
}

#map_bg{
	position: relative;
}

#map{
	background-color: #333;
	height: auto;
	width: 100%;
	padding-top: 39%;
	overflow: hidden;
	position: relative;
}

#map a{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: block;
}

#map a img{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
}

/******* FOR ALL BRANDS AFFECTS *****/
.font-lg{
	font-size: 18px;
	padding: 5px 0;
}

.font-sm{
	font-size: 16px;
	padding: 5px 0;
}


/******* FOR ALL BRANDS AFFECTS *****/

/** TYPOGRAPHY STYLE **/
h1, .heading1{
	
	font-size: 32px;
	font-weight: 500; /* bugfix for chromium - removing 700 weights */

}


h2{

	font-size: 24px;
	font-weight: 500; /* bugfix for chromium - removing 700 weights */
/
}

h3{
	/*color: #000;*/
	font-size: 24px;
	font-weight: 500;
	/*line-height: 35.2px;*/
	/*text-transform: uppercase;*/
}

h4{
	/*color: #000;*/
	font-size: 24px;
	font-weight: 500; /* bugfix for chromium - removing 700 weights */
	/*line-height: 44px;*/
}

h5{
	/*color: #000;*/
	font-size: 16px;
	font-weight: 500; /* bugfix for chromium - removing 700 weights */
	/*line-height: 44px;*/
	/*text-transform: uppercase;*/
}

p,
.paragraph{
	/*color: #000;*/
	font-size: 16px;
	font-weight: 400;
	/*line-height: 22.4px;*/
}

p.large,
.paragraph.large{
	/*color: #000;*/
	font-size: 20px;
	/*line-height: 28px;*/
}

div.medium, p.medium,
.paragraph.medium{
	/*color: #000;*/
	font-size: 18px;
	font-weight: 400;
	/*line-height: 25.2px;*/
}

p.small,
.paragraph.small{
	/*color: #000;*/
	font-size: 14px;
	/*line-height: 19.6px;*/
}

strong{
	font-weight: inherit;
}


/** CARDS STYLE **/
.card{
	/*filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.08));*/
	filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.08));
}

.card.primary{
	background-color: #FFF;
}

.card.primary .card-heading{
	background: rgba(120, 110, 103, 0.25);
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
}

.card.secondary{
	border-radius: 10px;
	border: 1px solid #EBEBEB;
	background: #FFF;
}

/*.card.tertiary{
	display: flex;
	max-width: 400px;
	padding: 20px;
	border-radius: 0;
	filter: none;
	border: none;
	border-bottom: 5px solid var(--primary-brand-color);
}*/

/** MODAL STYLE **/
.primary-modal{
	max-width: 1112px;
	width: 100%;
}

.primary-modal .modal-header{
	background: #000;
	width: 100%;
	min-height: 72px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 40px;
}

.primary-modal .modal-content{
	background: #FFF;
	width: 100%;
	padding: 32px;
	border-radius: 0;
	border: none;
	overflow-y: auto;
	max-height: calc(100vh - 72px - 72px);
}

.primary-modal .modal-footer{
	background: #000;
	width: 100%;
	min-height: 72px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 68px;
}

.primary-modal .modal-footer .btn{
	cursor: pointer;
	width: auto;
	margin-left: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.modal{
	display: none;
	z-index: 100000;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: visible;
}

.modal-body{
	overflow: hidden;
	padding: 0;
}

.modal-body:before{
	position: fixed;
	display: block;
	content: "";
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 100000;
}

.showModal{
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.showModal .modal-close{
	height: 32px;
	margin-right: 10px;
	cursor: pointer;
	display: block;
}

/** BUTTONS STYLE **/
.btn{
    background-color: transparent;
	font-size: 18px;
	font-weight: 500;
	width: 100%;
	height: 52px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
}

.btn.primary{
	background: transparent;
}

.btn.primary:disabled{
	color: rgba(37, 40, 42, 0.50);
	border: 2px solid rgba(37, 40, 42, 0.50);
	cursor: not-allowed;
}

.btn.secondary{
	color: currentColor;
	background: transparent;
	border: 1px solid;
	border: 2px solid currentColor;
}

.btn.secondary:hover{
	background: currentColor;
	color: #FFF;
}

.btn.secondary:disabled{
	color: rgba(37, 40, 42, 0.50);
	border: 2px solid rgba(37, 40, 42, 0.50);
}

.btn.primary.light{
	color: #FFF;
	border: 2px solid var(--primary-brand-color);
}

.btn.secondary.light{
	color: #FFF;
	border: 2px solid #FFF;
}

.btn.secondary.light:hover{
	color: #000;
	background: #FFF;
}

.btn.focus, 
.btn:focus,
button.focus, 
button:focus,
button:focus-visible{
    outline: 0;
    box-shadow: 0 0 0 0 var(--primary-brand-color) !important;
}

.btn.primary.light.btn-loading, .btn.primary.light.btn-loading:hover, .btn.primary.light.btn-loading:disabled {
	position: relative;
	background: transparent;
	border: 2px solid var(--primary-brand-color);
	color: #fff;
	opacity: 1;
}

.btn-loading::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 2px solid transparent;
	border-top-color: #ffffff;
	border-radius: 50%;
	animation: button-loading-spinner 1s ease infinite;
}

.btn.btn-loading span {
	visibility: hidden;
}

@keyframes button-loading-spinner {
	from {
		transform: rotate(0turn);
	}

	to {
		transform: rotate(1turn);
	}
}

/** FORMS STYLE **/
.select-group{
	display: flex;
	justify-content: space-between;
}

.select-group .form-group{
	border: 1px solid rgba(37, 40, 42, 0.25);
	padding: 16px 24px;
}

.select-group .form-group label{
	margin: 0;
}

.form-group input[type="checkbox"]{
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-group input[type="checkbox"]+label{
	position: relative;
	cursor: pointer;
	font-size: 24px;
	font-weight: 500;
	/*text-transform: uppercase;*/
}

.form-group input[type="checkbox"]+label:before{
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #0079bf;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	width: 18px;
	height: 18px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 20px;
	border-radius: 3px;
	border: 1px solid rgba(120, 110, 103, 0.50);
	background: rgba(120, 110, 103, 0.25);
}

.form-group input[type="checkbox"]:checked+label:after{
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 3px;
	width: 20px;
	height: 15px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="15" viewBox="0 0 21 15" fill="none"><path d="M7.49387 15L0.5 7.88981L2.24847 6.11227L7.49387 11.4449L18.7515 0L20.5 1.77755L7.49387 15Z" fill="%2325282A"/></svg>');
}

/** FORM INPUTS STYLE **/
label{
	margin-bottom: 24px;
}

input[type="text"]{
	border: 1px solid rgba(37, 40, 42, 0.50);
	height: 52px;
	width: 100%;
	padding: 0 22px;
	line-height: 52px;
	background-color: #fff;
	outline: none;
	border-radius: 0;
	color: #25282A;
	font-size: 18px;
	font-weight: 500;
}

input[type="text"]:placeholder{
	color: rgba(37, 40, 42, 0.50);
	font-size: 18px;
	font-weight: 500;

}

.form-group.error input[type="text"]{
	border: 1px solid #cc0000;
}

.error-msg{
	margin-top: 8px;
	display: none;
}

.error-msg p.small{
	color: #cc0000;
}

.form-group.error .error-msg{
	display: block;
}


/** ICONS STYLE */
i.icon{
	mask-size: 100% 100%;
}

i.icon.offers{
	width: 51px;
	height: 32px;
	background-color: currentColor;
	-webkit-mask-image: url('../../../files/icons/offers.svg');
	-webkit-mask-repeat: no-repeat;
	mask-image: url('../../../files/icons/offers.svg');
	mask-repeat: no-repeat;
}

i.icon.conveniences{
	width: 50px;
	height: 32px;
	background-color: currentColor;
	-webkit-mask-image: url('../../../files/icons/conveniences.svg');
	-webkit-mask-repeat: no-repeat;
	mask-image: url('../../../files/icons/conveniences.svg');
	mask-repeat: repeat;
}

i.icon.videos{
	width: 25px;
	height: 32px;
	background-color: currentColor;
	-webkit-mask-image: url('../../../files/icons/videos.svg');
	-webkit-mask-repeat: no-repeat;
	mask-image: url('../../../files/icons/videos.svg');
	mask-repeat: no-repeat;
	mask-position: bottom;
}

i.icon.contact{
	width: 33px;
	height: 32px;
	background-color: currentColor;
	-webkit-mask-image: url('../../../files/icons/contact.svg');
	-webkit-mask-repeat: no-repeat;
	mask-image: url('../../../files/icons/contact.svg');
	mask-repeat: no-repeat;
}



i.icon.ccpa{
	display: inline-block!important;
	width: 2em;
    height: 1em;
    margin-right: 4px;
	background-image: url('../../../files/icons/privacyoptions.svg');
	background-repeat: no-repeat;
	background-position: center;
}


/** VIDEOS STYLE */
#serviceManagerVideos,
#resourceCenterVideos{
	padding: 20px 0;
	display: flex;
	flex-direction: column;
}

#serviceManagerVideos .heading1 {
	padding-bottom: 1.8rem;
	text-align: center;
}


#resourceCenterVideos .heading1 {
	padding-bottom: .2rem;
	padding-top: .2rem;
	text-align: center;
}

section#resourceCenterVideos .section-header {
	margin-top: 0px;
}

.service-manager-videos-holder{
	/*max-width: 1248px;*/
	max-width: 1440px;
	position: relative;
	margin: auto;
}

.service-manager-videos-holder .card{
	max-width: 400px;
	padding: 3px;
	margin: 0 auto;
}

.service-manager-videos-holder .card p{
	line-height: 1.2;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;

}

.service-manager-videos-holder .card .video-img{
	position: relative;
	margin-bottom: 22px;
}

.service-manager-videos-holder .card .video-img img{
	width: 100%;
	/* change this to background image with cover */
	/*max-height: 200px;/**/
}

.service-manager-videos-holder .card .video-img .play-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="99" height="98" viewBox="0 0 99 98" fill="none"><path d="M37.6484 71L71.6484 49L37.6484 27V71ZM49.6484 98C42.8701 98 36.6101 96.5741 30.6484 94C24.6868 91.4259 19.0584 88.4067 14.6484 84C10.2384 79.59 7.2193 73.9617 4.64844 68C2.07757 62.0383 0.651704 55.7783 0.648438 49C0.648438 42.2217 2.0743 35.9617 4.64844 30C7.22257 24.0383 10.2417 18.41 14.6484 14C19.0584 9.59 24.6868 6.57087 30.6484 4C36.6101 1.42913 42.8701 0.00326667 49.6484 0C56.4268 0 62.6868 1.42587 68.6484 4C74.6101 6.57413 80.2384 9.59327 84.6484 14C89.0584 18.41 92.0743 24.0383 94.6484 30C97.2226 35.9617 98.6517 42.2217 98.6484 49C98.6484 55.7783 97.2226 62.0383 94.6484 68C92.0743 73.9617 89.0552 79.59 84.6484 84C80.2384 88.41 74.6101 91.4259 68.6484 94C62.6868 96.5741 56.4268 98.0033 49.6484 98ZM49.6484 88C60.5918 88 70.0534 84.595 77.6484 77C85.2434 69.405 88.6484 59.9433 88.6484 49C88.6484 38.0567 85.2434 28.595 77.6484 21C70.0534 13.405 60.5918 10 49.6484 10C38.7051 10 29.2434 13.405 21.6484 21C14.0534 28.595 10.6484 38.0567 10.6484 49C10.6484 59.9433 14.0534 69.405 21.6484 77C29.2434 84.595 38.7051 88 49.6484 88Z" fill="white" fill-opacity="0.6"/></svg>');
	background-size: contain;
}

.service-manager-videos-holder .card .video-img .video-runtime{
	position: absolute;
	bottom: 7px;
	right: 7px;
	border-radius: 5px;
	background: rgba(37, 40, 42, 0.70);
	padding: 4px 8px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
}

.service-manager-videos-holder .card .video-title p{
	margin-bottom: 22px; /* was 32px */ 
	font-weight: 500; /* bugfix for chromium - removing 700 weights */
}

.service-manager-videos-holder .card .video-description{
	margin-bottom: 22px;
}

.videoBtn{
	cursor: pointer;
}

.video-holder .modal-close{
	display: none;
}

.modal.video-modal .modal-close{
	display: block;
	position: absolute;
	top: -16px;
	right: -15px;
	z-index: 100;
	height: 40px;
	width: 40px;
	background-color: var(--primary-brand-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}


/*When the video modal is open*/
.video-modal.showModal{
	position: fixed !important;
	max-width: 90%;
}
/*When the video modal is open*/



/** WALLET CARD */
#wallet-card{
	display: flex;
	justify-content: space-evenly;
	position: relative;
	overflow: visible;
	padding: 1em; /* was 2rem */
	gap: 2rem;
	margin: auto
}

#wallet-card .user-card{
	display: flex;
	flex-direction: column;
	flex-basis:50%;
	max-width: 603px;
	/*min-width: 500px;*/
}

.user-name{
	display: inline-block;
}

.user-name{
	text-transform: uppercase;
	border-bottom: 2px solid var(--primary-brand-color);
	margin-top: 41px;
	margin-left: 41px;
	margin-bottom: 40px;
	padding-bottom: 5px;
}

.user-info{
	display: flex;
	padding: 0px 41px;
	padding-bottom: 41px;
	max-width: 638px;
}

.user-info .info-holder {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.user-info .info-holder:first-child{
	flex-basis: 43%; /* was 50% */
	flex-shrink: 0;
	border-right: 1px solid rgba(120, 110, 103, 0.25);
}
.user-info .info-holder:last-child{
	padding-left: 20px;
	flex-shrink: 1;
	min-width: 0;
}

.info-holder p a:nth-of-type(2){
	display: block;	
}

.info-holder p a{
	color: var(--primary-brand-color);
	text-transform: lowercase;
}

.user-info h3{
	color: #25282A;
	font-size: 18px;
	font-weight: 500; /* bugfix for chromium - removing 700 weights */
	margin: 0;
	padding: 0;
}

.user-info p{
	margin: 0;
	padding: 0;
	color: #25282A;
	/* font-size: 0.72em; */
	font-weight: 500;
}

.info a.dealer-link{
	display: block;
	overflow-wrap: break-word;
	text-decoration: underline;
}

.info a.dealer-link{
	color: var(--primary-brand-color);
}


a.dealer-link svg{
	margin-right: 5px;
	vertical-align: middle;
}

a.dealer-link svg path{
	color: var(--primary-brand-color);
}

.info{
	margin-bottom: 10px;
	padding: 0 0.4rem;
}

.info:last-child{
	margin-bottom: 0;
}

.download-wallet{
	width: 474px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.download-wallet h3{
	color: #25282A;
	font-size: 24px;
	font-weight: 500; /* bugfix for chromium - removing 700 weights */
	margin-bottom: 32px;
}

.download-wallet button{
	margin-top: 32px;
}

.wallet-card-modal {
	min-width: 379px;
	max-width: 379px;
	margin-right: 40px;
	font-size: 1em;
}

.wallet-card-modal .user-info .info-holder:first-child{
	padding-right: 10px;
}

#walletModal .modal-content, #redeemOfferModal .modal-content{
	display: flex;
	flex-direction: row;

}




#wallet-card .brand-logo, .wallet-card-modal .brand-logo{
	margin-top: auto;
}


/*PAIN POINT WALLET CARD LOGO*/
#wallet-card .brand-logo img{
	object-fit: contain;
	margin-top: 10px;
	width: auto;
    max-width: 200px; 
}
.wallet-card-modal .brand-logo img{
	object-fit: contain;
	margin-top: 10px;
	width: auto;
    max-width: 150px; 
}
/*PAIN POINT WALLET CARD LOGO*/



/** WALLET CARD IN MODAL */
.wallet-card-form{
	flex-grow: 1;
}
.wallet-card-modal .user-info{
	padding: 20px;
	padding-top: 0;
}

.wallet-card-modal p.user-name {
	font-size: 0.88em;
	margin: 20px;
}

.wallet-card-modal p span {
	display: inline-block;
}

.hide {
	display: none;
}

/** OFFERS STYLE */
#modalCoupon{
	width: 337px;
	min-width: 337px;
	margin-right: 80px;
}

#modalCoupon .card-content{
	padding: 16px 16px 40px 16px;
}

#modalCoupon .cp-buttons-row, #modalCoupon .see_details{
	display: none;
} 

#modalCoupon.card.primary{
	background: none;
	box-shadow: none;
	border: none;
	filter: none;
}

#modalCoupon.card.primary .cp-container{
	filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.08));
	/* box-shadow: none; */
}

/** SIGNUP FOR TEXT MESSAGES */
#textSignupModal .modal-content{
 	padding: 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
}


#textSignupModal .modal-content {
	min-height: 300px;
}

#textSignupModal .modal-content-loading:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 2px solid transparent;
	border-top-color: var(--primary-brand-color);
	border-radius: 50%;
	animation: button-loading-spinner 1s ease infinite;
}

#textSignupModal .modal-content iframe {
	width: calc(100% - 48px);
}

#text-signup{
	flex-direction: column;
}

#metis-tab-container{
	display: flex;
	justify-content: space-around;
	/*padding: 4rem 2rem;*/
}
/** SIGNUP FOR TEXT MESSAGES */


.my-portal-container {
    width: 100%;
}

.text-signup-info h2{
	margin-bottom: 30px;
}

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

.text-signup-info ul{
	padding-left: 30px;
	margin-bottom: 32px;
}

.text-signup-info ul li{
	border-bottom: none !important;
}

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

.text-signup-image .desktop{
	display: block;
}

/* .text-signup-image img.desktop{
	mask-image: url('data:image/svg+xml,<svg width="485" height="325" viewBox="0 0 485 325" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.00034 176.44C2.15034 180.84 1.23034 186.84 0.830343 193.99C0.390343 201.99 -0.119657 212.6 2.99034 225.38C4.67034 232.26 8.14034 242.84 15.9103 254.29C15.9103 254.29 25.5103 269.41 38.5803 281.37C55.3503 296.7 98.1303 310.22 107.68 312.6C116.63 314.83 135.53 319.11 169.84 321.64C200.15 323.87 238.85 326.48 288.59 318.58C312.82 314.73 340.02 310.21 372.22 295.26C392.07 286.04 406.75 276.14 415.4 269.81C426.35 261.78 439.86 251.75 453.53 234.78C459.64 227.2 467.48 217.32 473.93 202.41C483.05 181.29 483.76 163.04 484.13 150.53C484.49 138.4 484.85 120.01 477.04 98.2098C471.46 82.6498 464.08 71.9698 458.86 64.5098C454.12 57.7398 445.04 44.9798 429.6 32.5898C425.35 29.1798 408.99 16.4698 383.93 8.19976C339.52 -6.44024 299.98 3.50976 284.51 7.61976C266.98 12.2698 251.91 19.0298 234.51 26.8198C220.38 33.1598 208.94 39.0898 194.16 46.7698C161.32 63.8298 165.26 63.4898 151.15 69.8298C129.17 79.7098 124.2 78.4798 93.4603 91.5798C80.5003 97.1098 74.1403 100.1 67.5603 103.57C37.8803 119.19 22.9003 141.5 18.7203 147.45C14.1403 153.97 8.18034 163.63 3.01034 176.42L3.00034 176.44Z" fill="white" stroke="black" stroke-miterlimit="10"/></svg>');
	mask-size: contain;
	mask-repeat: no-repeat;
} */

#download-mobile-app .mobile-app-info p.medium{
    margin-bottom: 2rem;
}

#download-mobile-app .mobile-app-info h5{
    line-height: 1.8;
}

#download-mobile-app .mobile-app-info h2,
#text-signup #metis-tab-container .text-signup-info h5{
    line-height: 1.8;
}


/* STICKY NAV BAR STYLE */
.header-nav.sticky-top{
	justify-content: center;
	margin-bottom: 2rem !important;
	margin-top: 40px;
}

.anchor-navbar{
    width: 100%;
    padding-left: 25px;
    padding-right: 7px;
    align-items: baseline;
	height: auto;
	padding: 0.8rem 3.6rem 0.8rem 3.6rem;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .2);
}

.anchor-navbar nav, .anchor-navbar .navbar-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
	padding: 0;
}

.nav-item .nav-link{
    display: flex;
    flex-direction: column;
    font-size: 1em; /*16px;*/
	gap: 0.9em;
	padding: 0px;
    align-items: center;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
}


.nav-img{
	max-width: 2.9rem;
	height: auto;
}

.anchor-navbar li.nav-item{
	position: relative;
	min-width: 10.5rem;
    flex-basis: 20.5rem;
}

.anchor-navbar li.nav-tab-active:after{
    content: '';
    position: absolute;
    height: 2px;
    width: 75%;
    bottom: -0.8rem;
    transform: translateX(-50%);
    left: 50%;
}



.sticky-top{
	position: sticky !important;
	top: 0;
	transition: opacity .25s;
}

/* CONVENIENCE */
section#tab_conveniences .section-header{
	display: flex;
	align-items: center;
	height: 72px;
	margin-bottom: 0;
	margin-top: 0;
}

section#tab_conveniences .section-header .heading1{
	text-align: center;
	padding: 0.8rem 0;
	margin-bottom: 0;
}

/*.convenience-wrapper{
	width: 100%; 
	flex-direction: column;	
}

.convenience-grid{
	padding: 4rem 2rem;
}

.convenience-grid .convenience{
	padding: 0.8rem 4rem;
}*/

.footer-contents{
	margin-top: 40px;
}

.footer-dealer-info{
	gap: 1rem;
}

/** MY REWARD LOYALTY DISCLAIMER STYLES **/
.body-disclaimer {
	display: flex;
	flex-direction: column;
	font-size: 16px !important;
	color: inherit !important;
	line-height: 1.5;
	text-align: justify;
}
.body-disclaimer div > a {
	font-weight: bolder !important;
	color: inherit !important;
	text-decoration: underline;
}
.body-disclaimer div:last-child {
	padding-top: 20px;
	padding-bottom: 20px;
}
.body-disclaimer div:last-child > span {
	font-weight: bolder;
}
.body-disclaimer div > sup {
	display: inline-block;
	font-size: larger;
 	vertical-align: middle;
	padding-right: 5px;
	top: 0px;
}
/** MY REWARD LOYALTY DISCLAIMER STYLES **/

/** SOCIAL MEDIA LINKS STYLES **/
.footer-social-media-container{
	display: flex;
	flex-direction: column;
}
.footer-social-media-container .footer-heading{
	padding-top: 60px;	
}
.footer-social-media{
	display: flex;
    align-items: center;
	gap: 16px;
	padding-top: 5px;
    width: auto;
}
.footer-social-media > a{
	/* hard specificity for anchor tag */
	color: currentColor !important;
}
.footer-social-media .footer-social-media-link > svg:hover{
	cursor: pointer;
}
/**************** FOR MOBILE *************************/
@media only screen and (max-width: 1224px){

	.primary-modal {
		max-width: 95%;
		height: 100%;
	}


	#wallet-card .download-wallet{
		margin-left: 24px;
		max-width: 315px;
	}

	.wallet-card-modal{
		margin-right: 45px;
	}

	.text-signup-image img.desktop,
	.download-wallet .btn.primary{
		max-width: calc(100% - 16px) !important;
	}

	.wallet-card-modal {
		font-size: 0.8em;
	}
}




/*When do videos change orientation */
@media only screen and (max-width: 900px) {

	/*VIDEO WIDTH MOBILE / VERTICAL STACK */
	#video_main_container.iframe-layout, #video-holder{
		width: 100%;
	}

	/* VIDEO SECTION SWITCH TO VERTICAL DISPLAY */
	section.videos-container-viewport,
	section.videos-container-viewport .align-center
	{
		flex-direction: column;
		align-items: center;
	}

}




@media only screen and (max-width: 940px) {
	.select-group .form-group {
		padding: 8px 8px;
	}

	.form-group input[type="checkbox"]+label {
		font-size: 16px;
	}

	.form-group input[type="checkbox"]:checked+label:after {
		top: 4px;
	}
}



/* METIS IFRAME VERTICAL */
@media only screen and (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	#metisInfoContainer {
	    flex-direction: column-reverse;
	    align-items: center;
	    margin: auto;
        padding: 0;
	}
}

/* APP SECTION VERTICAL */
@media only screen and (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .mobile-app-holder {
        flex-direction: column;
        position: relative;
        margin: auto;
        padding: 0;
    }
}


/* WALLET CARD */
@media only screen and (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	
	#wallet-card .btn.primary.mobile-only {
		display: none !important;
	}

	#wallet-card .btn.primary.pc-only {
		display: block !important;
	}

	#wallet-card .user-name {
		margin-top: 20px;
		margin-bottom: 0px;
	}

	.wallet-card-modal, #modalCoupon{
		display: none;
	}

	#walletModal .modal-content, #redeemOfferModal .modal-content{
		padding: 32px 20px;
	}


	#textSignupModal .modal-content iframe{
		width: calc(100% - 16px);
	}


	.user-info .info-holder:nth-of-type(2) p.small a:last-of-type{
		display: block;
	}



	.primary-modal .modal-content{
		max-height: calc(100vh - 72px - 72px);
		min-height: 300px;
	}

	.primary-modal.header-only .modal-content{
		max-height: calc(100vh - 72px - 72px);
		min-height: 300px;
	}

	.primary-modal .modal-footer {
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.primary-modal .modal-footer .btn {
		margin: 8px;

	}

	#video-holder.video-modal {
		display: block;
	}

}

/* WALLET CARD STYLE */
@media only screen and (max-width: 600px){
	#wallet-card {
		width: auto;
		align-items: center;
		gap: 1rem;
		flex-direction: column-reverse;
	}

	#wallet-card .user-name{
		margin-bottom: 20px;
	}


	#wallet-card .user-card,
	#wallet-card .download-wallet{
		width: auto;
		margin: 0 auto;
		min-width: 100%;
		max-width: 100%;
	}

	#wallet-card .btn.primary.mobile-only {
		display: block !important;
	}

	#wallet-card .btn.primary.pc-only {
		display: none !important;
	}

	#wallet-card .btn.primary, .text-signup-info .btn.primar, #wallet-card .user-card, #wallet-card .download-wallet {
		max-width: 425px;
		min-width: auto;
		width: 100%;
	}
}

/* WALLET CARD STYLE */
@media only screen and (max-width: 480px){

	#wallet-card .user-card,
	#wallet-card .download-wallet{
		max-width: 339px;
	}

	#wallet-card .user-card .user-name{
		margin: 16px;
		font-size: 16px;
	}

	#wallet-card .user-card .info-holder:first-child{
		/* min-width: 80px !important; */
		max-width: 50%;
	}

	#wallet-card .user-card .info-holder:last-child{
		min-width: 110px !important;
		max-width: fit-content;
	}


	/* PAIN POINT MOBILE WALLET CARD */
	#wallet-card .brand-logo img{
		padding: 0 !important;
		object-fit: contain;
		width: auto;
    	max-width: 200px; 
	}

	.wallet-card-modal .brand-logo img{
		padding: 0 !important;
		object-fit: contain;
		width: auto;
    	max-width: 150px; 
	}
	/* PAIN POINT MOBILE WALLET CARD */


	#wallet-card .info-holder p.small, #wallet-card .info-holder a {
		font-size: 8px;
	}

	#wallet-card p.large.user-name, #walletModal .wallet-card-modal p.large.user-name {
		font-size: 13px;
	}

	#wallet-card .user-info .info-holder .info p:nth-of-type(odd), #wallet-card .info p strong:nth-of-type(odd) {
		font-size: 10px;
	}


 	#metis-tab-container{
 		flex-direction: column-reverse;
 	}

 	.text-signup-info{
		margin-right: 0;
 	}

 	.text-signup-image{
 		max-width: 100%;
 		width: 100%;
 	}

	.form-group input[type="checkbox"]+label{
		font-size: 16px;
	}

	.select-group .form-group{
		padding: 7px;
	}

	.form-group input[type="checkbox"]:checked+label:after{
		top: 3px;
	}

	#schedule_service_Modal .modal-content{
		padding: 0;
		margin: 0;
	}


}

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

	/******* FOR ALL BRANDS AFFECTS *****/
	.font-lg{
		font-size: 16px !important;
	}

	.font-sm{
		font-size: 12px !important;
	}

	#video_main_container.iframe-layout{
		margin-right: 0px
	}

	#video-holder{
		margin: 0 auto !important;
	}

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

	#video_main_container{
		height: auto;
	}

	#video-holder{
		width: 100%;
	}

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

	.pc-only,
	.text-signup-image .desktop{
		display: none !important;
	}

	.mobile-only{
		display: flex !important;
	}

	#video_pop_up{
		width: 100%;
	}

	.videos-thumbnails{
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100% !important;
		margin: 0 auto;
		position: relative;
		display: block;
	}
	
	iframe.schedule-service-frame{
		min-height: 500px;
	}
 
	iframe.schedule-service-frame{
		position: relative;
		display: inline-block;
		width: 100%;
	}

	.footer-container{
		width: auto;
		margin: 41px 13px 0 13px;
	}

	.footer-dealer-info{
		display: block;
	}

	.footer-service-container{
		display: block;
		width: 100%;
	}

	.footer-contact-container{
		display: block;
		width: 100%;
		margin: 10px auto;
		padding: 0;
	}
	.footer-cell-row{
		margin: 44px 0 44px 0;
	}

	.policy-url-container .policy-url-wrapper a{
		text-decoration: none !important; /* FOR MOBILE VIEW AS PER THE FIGMA GUIDE NO UNDERLINE */
	}

	.footer-contents{
		margin-top: 0;
	}

}

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

	/** Padding for all section's except header and loyalty section **/
	/* -- @TODO refactor  -- */
/*	.page-wrapper section:not(section.header-nav,section.loyalty-header){
		padding: 1rem 0rem !important;
	}*/

/*	.page-wrapper section:not(
		section.header-nav,
		section.videos-container-viewport,
		section.footer,
		section.loyalty-header,
		section#tab_conveniences,
		section#text-signup,
		section#download_mobile_app_section
	){
		padding: 1rem 0.5rem !important;
	}*/

/*	.page-wrapper section#text-signup,
	.page-wrapper section#download_mobile_app_section{
		padding: 0 !important;
	}
*/
/*	.page-wrapper section#download_mobile_app_section{
		margin-bottom: 1rem;
	}*/

	i.icon.bars{
		display: inline-block;
		width: 33px;
		height: 32px;
		background-color: currentColor;
		-webkit-mask-image: url('../../../files/icons/icon_bar.svg');
		mask-image: url('../../../files/icons/icon_bar.svg');
	}

	.header-nav.sticky-top{
		margin-top: 0px;
		margin-bottom: 0px !important;
	}

	.navbar-toggler.collapsed .currentSectionTitle{
		display: none;
	}

	.currentSectionTitle{
		text-transform: uppercase;
		color: currentColor;
	}
	
	.ss-button-above-iframe{
		display: none;
	}

	/* MOBILE HEADER */
	.header.mobile-only{
		justify-content: normal;
	}
	
	.header.mobile-only .logo-dealer-name{
		width: calc(100% - 3.4rem);
	}
	
	.logo-nav{
		align-items: center;
		justify-content: normal !important;
		gap: 1rem;
	}

	.logo-nav a:nth-of-type(1){
		line-height: initial;
		margin: 0 2px;
	}

	.logo-nav a:nth-of-type(2){
		padding-top: 5px;
		margin: auto;
		position: relative;
		right: 30px;
	}

	.logo-dealer-name a img{
		vertical-align: text-top;
	}

	.ss-and-explore-more-videos .content{
		text-align: left !important;

	}
	/* CONVENIENCE */
	section#tab_conveniences .section-header{
		height: 100%;
		max-height: 120px;
	}
	.convenience-grid{
		padding: 1rem 0;
		gap: 1rem;
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.convenience-grid .convenience{
		padding: 0.2rem 1rem;
	}

	section#tab_conveniences .section-header,
	section#tab_offers .section-header{
		margin-top: 1rem;
		margin-bottom: 2rem;
	}
	
	/** SERVICE MANAGER VIDEOS **/
	#serviceManagerVideos .heading1,
	#resourceCenterVideos .heading1 {
		padding-bottom: 0px;
	}
	
	/** SIGNUP FOR TEXT MESSAGES **/
	.text-signup-image .mobile{
		display: block;
		width: 100%;
	}

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

	#metis-tab-container .text-signup-image,
	#wallet-card .download-wallet,
	#wallet-card .user-card{
		padding: 0rem !important;
	}

	.text-signup-image{
		margin-bottom: 24px;
	}
	
	#metis-tab-container .text-signup-info,
	#download-mobile-app .mobile-app-info{
		max-width: fit-content !important;
		padding: 20px 10px !important;
	}

	#wallet-card{
		margin: 10px auto;
	}

	.user-info .info-holder{
		gap: 0.1rem;
	}

	#wallet-card .user-card .info-holder:first-child .info p.medium,
	#wallet-card .user-card .info-holder:first-child .info p.large{
		line-height: 13.2px;
	}
	
	.user-name{
		margin-left: 16px;
	}

	.mobile-app-info{
		padding: 0 !important;
	}

	.section-sub-header{
		padding-left: 30px !important;	
		padding-right: 30px !important;
	}

	.download-app-buttons{
		gap: 20px !important;
	}
	
	.primary-modal .modal-header{
		padding: 0;
	}
}



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

	.logo-dealer-name a img {
		max-width: 220px;
		max-height: 70px;
	}

	.header-nav{
		position: fixed;
		top: 0;
		opacity: 1;
		transition: opacity .25s;
		order: -1;
	}

	.header-nav.sticky-top{
		position: fixed !important;
	}

	.anchor-navbar{
		background: transparent !important;
		height: auto;
		padding: 0rem;
	}

	.anchor-navbar li.nav-item{
		min-width: 0px;
    	flex-basis: 0px;
	}

	.navbar-toggler{
		display: flex;
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.navbar, .nav-link{
		padding: 0px;
	}

	.nav-link{
		cursor: pointer;
	}

	.navbar-expand-md .navbar-toggler{
		display: flex;
	}

	.navbar-collapse.collapse.show{
		display: flex !important;
		flex-direction: column;
	}

	.navbar-expand-md .navbar-collapse{
		width: 100%;
	}

	.navbar-toggler{
		display: flex;
	}

	.navbar-toggler{
		font-size: 1.6rem;
		padding: 1rem 0.5rem;
	}

	.navbar-toggler.collapsed{
		background: transparent;
	}

	.navbar-toggler:not(.navbar-toggler.collapsed){
		border-radius: 0px;
		transition: background .3s;
	}

	.anchor-navbar .navbar-collapse.show:after, 
	.anchor-navbar .navbar-collapse.collapsing:after{
		display: block;
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		pointer-events: none;
		z-index: -1;
		background: var(--secondary-black);
		color: var(--primary-white);
		transition: background 0.3s;
		opacity: 0.8;
	}

	li:not(li:nth-of-type(1)) > a.nav-link{
		border-left: none !important;
	}
	
	.nav-img, .icon:not(i.icon.bars){
		display: none;
	}

	.anchor-navbar{
		box-shadow: none;
	}

	.anchor-navbar nav, .anchor-navbar .navbar-nav{
		display: flex;
		justify-content: space-between;
		align-items: end;
	}

	.anchor-navbar li.nav-tab-active:after{
		background: none !important;
	}

	a.nav-link{
		padding: 0.5rem;
	}

	.anchor-navbar .navbar-nav,
	.nav-item .nav-link{
		align-items: normal;
		transition: background 0.3s;
	}

	li.nav-item{
		padding: 1rem 0.5rem;
		width: 100% !important;
	}
	
	li.nav-item .nav-link span{
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.suggested_maintenance .col{
		flex-basis: unset;
	}
	.suggested_maintenance .content-box{
		flex-direction: column;
	}

}





/********************************************************************/
/* Offer Type Authentication Info */
/* Personalized vs Default offers Blurb and icons */

.section-sub-header{
	margin: 0 auto;
	max-width: 1213px ;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.auth-prompt-section{
	display: flex;
    flex-direction: row;
    margin-top: 20px;
    margin-bottom: 20px;
    gap: 30px;
    padding-left: 30px;
    padding-right: 30px;
    justify-content: space-between;
}

.auth-prompt-section > div{
	flex-grow: 0;
	width: 50%;
}

.auth-prompt-row{
	gap: 20px;
	display: flex;
	flex-direction: column;
}

.auth-prompt-row > div{
	gap: 20px;
	display: flex;
	flex-direction: row;
}

.auth-icon.general{
	flex-shrink: 0;
	flex-grow: 0;
    display: block;
    height: 50px;
    width: 40px;
    background-color: currentColor;
    -webkit-mask: url('../../../files/images/general-icon.svg') no-repeat center;
    mask: url('../../../files/images/general-icon.svg') no-repeat center;
}
.auth-icon.personalize{
	flex-shrink: 0;
	flex-grow: 0;
	display: block;
	height: 50px;
	width: 40px;
	background-color: currentColor;
	-webkit-mask: url('../../../files/images/personalize-icon.svg') no-repeat center;
	mask: url('../../../files/images/personalize-icon.svg') no-repeat center;
}


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

	.auth-prompt-section{
		flex-direction: column;
	}
	
	.auth-prompt-section > div{
		flex-grow: 0;
		width: auto;
	}	

}


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


/*********Handle Display of Scheduler Widget Buttons**********/
/* When we do not have a iframe scheduler modal */
.opens-ss-widget
{
	display: none;
}

/* When we have a iframe scheduler modal */
.has_iframe_scheduler
.opens-ss-widget
{
	display: block;
}

.has_iframe_scheduler
.opens-ss-link{
	display: none;
}



/* at low DPI eg OS Zoom 150%, iframe scheduler does not work, hide callout for it */
@media only screen and (min-resolution: 120dpi) and (min-device-width: 1024px) {

    html {
         zoom: .75;
    }

	.has_iframe_scheduler
	.opens-ss-widget
	{
		display: none; 
	}

	.has_iframe_scheduler
	.opens-ss-link{
		display: block;
		align-content: center;
	}
	
	/* THESE NEED TO MATCH THE ABOVE BREAKPOINTS */
	@media only screen and (max-width: 1380px){
		/*VIDEO WIDTH DESKTOP MEDIUM*/
		/*FIX FOR LOW DPI */
		/* note: https://www.jeffersonscher.com/res/resolution.php*/
		#video_main_container.iframe-layout, #video-holder{
			width: 878px;
		}
	}

	@media only screen and (max-width: 1150px){
		/*VIDEO WIDTH DESKTOP SMALLER*/
		/*FIX FOR LOW DPI */
		/* note: https://www.jeffersonscher.com/res/resolution.php*/
		#video_main_container.iframe-layout, #video-holder{
			width: 800px;
		}

	}

	@media only screen and (max-width: 1023px){
		/*VIDEO WIDTH DESKTOP SMALLER*/
		/*FIX FOR LOW DPI */
		/* note: https://www.jeffersonscher.com/res/resolution.php*/
		#video_main_container.iframe-layout, #video-holder{
			width: 680px;
		}

	}


	#textSignupModal .modal-content iframe{
		min-height: calc(100vh - 48px) !important;
	}
	#textSignupModal .modal-content{
		min-height: calc(100vh - 48px) !important;
	}


}
/*******************/






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

    .section-header .heading1{
        font-size: 29px; 
        line-height: 1.1;
    }

    .section-header p.year_mod{
        
        font-size: 16px;
        line-height: 1.1;
        padding-top: 10px;
    }

}







.footer{
	margin-top: 40px;
}


.hidden-make{
	display: none;
}

.convenience{
	margin: auto;
	max-width: 350px;
	padding-left: 5px;
}







/**
 * bottom of the page map marker
 */
.map-marker-label {
    z-index: 1;
    position: absolute;
    top: 20%;
    width: 100%;
    color: #b31412;
    font-size: 12px;
    right:auto;
    display: flex;
    justify-content: center;
}

@media (max-width: 900px) {
    .map-marker-label{
        font-size: 10px;
        top:29%;
        right:auto;
        display: flex;
        justify-content: center;

    }
}