/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Base
	- CSS Variables
	- Typography
	- Links
	- Forms
# Components
	- Header
	- Content
	- Widgets
	- Sections
	- Icons
	- Site Navigation
	- Comments
	- Media
	- Captions
	- Testimonials
	- Coupon
	- Galleries
	- Accordion Setup
# Plugins
	- Carousel
# Mobile Styles


/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# CSS Variables
--------------------------------------------- */

:root {
  --font-primary: 								"Open Sans", sans-serif;
  --font-secondary: 							var(--font-primary);
  --font-tertiary: 								var(--font-secondary);
  --font-text: 									"Open Sans", sans-serif;
		
  --lightest-grey: 								rgba(245, 248, 250, 1);
  --light-grey: 								rgba(198, 198, 198, 1);
  --medium-grey: 								rgba(182, 177, 178, 1);
  --dark-grey: 									rgba(116, 116, 116, 1);

  --main-red: 									rgba(237, 9, 22, 1);
  --dark-blue: 									rgba(14, 57, 93, 1);
  
  --accent-color: 								var(--black);
  --accent-border: 								1px solid var(--black);
  --accent-background: 							var(--white-high);
  
  --warning: 									rgba(255, 0, 0, 1);  
	
  --anon-icon: 									var(--accent-color);
  --anon-icon-bg: 								var(--accent-background);
		 
  --text-color: 								var(--dark-grey);

  --input-color: 								var(--dark-blue);
  --input-background: 							var(--white);
  --input-border: 								none;
  --input-border-radius: 						var(--global-border-radius);

  --input-color-focus: 							var(--dark-blue);
  --input-border-focus: 						none;
	
  --button-color: 								var(--white);
  --button-background: 							var(--main-red);
  --button-font-weight: 						bold;
  --button-border: 								2px solid var(--main-red);
  --button-border-radius: 						var(--global-border-radius);
  --button-text-transform: 						uppercase;

  --button-color-hover: 						var(--main-red);
  --button-background-hover: 					var(--white);
	
  --button-color-alt: 							var(--white);
  --button-background-alt: 						var(--dark-blue);
  --button-border-alt: 							2px solid var(--dark-blue);

  --button-color-hover-alt: 					var(--dark-blue);
  --button-background-hover-alt: 				var(--white);

  --locked-color: 								var(--white);
  --locked-background: 							var(--dark-blue);
  --locked-border: 								none;
	
  --global-border-radius: 						10px;
  --text-color: 								var(--dark-blue);

/*
  --modal-color: 								var(--locked-color);
  --modal-background: 							var(--locked-background);
  --modal-border: 								var(--locked-border);
  --close-btn-color: 							var(--button-color);
  --close-btn-background: 						var(--button-background);
  --close-btn-border: 							var(--button-border);
  --close-btn-color-hover:						var(--button-color-hover);
  --close-btn-background-hover: 				var(--button-background-hover);
  --close-btn-border-hover: 					var(--button-border-hover);
	
  --font-size-text: 							18px;
  --font-size-big: 	 							132%;
  --font-size-small: 							77%;
  --font-size-icon: 							40px;
  
  --main-trans-speed: 							0.2s;
  --main-trans-easing: 							ease;
  
  --measure-base: 								1.5em;
  --measure-small: 								1.0em;
  --measure-large: 								2.5em;
  --sidebar-width: 								356px;
  
  --google-guaranteed-green: 					rgba(0, 161, 79, 1);  
  --paypal-yellow: 			 					rgba(255, 196, 57, 1);
	
  --google-review-border: 						5px solid var(--light-grey);
  --google-review-bg: 							var(--white);
  --google-star-color: 							rgba(251, 188, 4, 1);
  --google-star-shadow: 						var(--black);
  --google-value-text: 							var(--text-color);
  --google-total-text: 							var(--text-color);		
*/
}

/* Typography
--------------------------------------------- */
@font-face { font-family: 'Saira'; font-display: block; font-weight: 400; font-style: normal; src: url('../battleplantheme-site/fonts/saira-v20-latin-regular.woff2') format('woff2') }
@font-face { font-family: 'Saira'; font-display: block; font-weight: 500; font-style: normal; src: url('../battleplantheme-site/fonts/saira-v20-latin-500.woff2') format('woff2') }

body {
	background: 									var(--lightest-grey);
}

body.home {
	background: 									var(--white);
}

h1,
h1 mark,
h2,
h2 mark,
h3,
h3 mark,
h4,
h4 mark,
h5,
h5 mark,
h6,
h6 mark {
	font-family: 									var(--font-primary);
	font-weight: 									bold;
	line-height: 									1.3;
	color:											var(--dark-blue);
	text-transform:									capitalize;
	text-align:										center; 
	margin:											0;
}

h3.widget-title {
	color: 											var(--white);
}

h2.div, h3.div {
	margin-top: 									1.25em;
	padding-top: 									0.75em; 
	border-top: 									1px solid var(--black-low);
}

h6 {
	text-align: 									left;
	margin-bottom: 									var(--measure-small);
}


/* Links
--------------------------------------------- */
a {
	color: 											inherit;
	background-color: 								transparent;
	cursor:											pointer;
	font-weight: 									bold;
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
}

.site-footer-2 a {
	text-decoration: 								none;
}

a:visited {
	color: 											inherit;
}

a:hover,
a:active,
a.tab-focus {
	background-color: 								var(--black-lowest);
	font-weight: 									bold;
	color: 											inherit;
}

/* Forms
--------------------------------------------- */
label {
	color:											var(--text-color);
}

#secondary label {
	color:											var(--white);
}

::placeholder { 
	color:											var(--black-med);
}

span.wpcf7-spinner::before {
    color: 											var(--white-high);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Header
--------------------------------------------- */
.top-strip {
	margin:											0;
	padding-top:									8px;
	padding-bottom:									8px;
	background:										var(--lightest-grey);
	z-index:										3000;
}

.top-strip .col-inner {
	gap: 											10px 0;
}

.top-strip .social-box {
	 grid-column: 									span 7;
}

.top-strip a:not(.icon-btn) {
	color: 											var(--main-red) !important;
	font-size: 										16px !important;
	background: 									transparent !important;
	padding: 										10px 14px !important;
}

.top-strip a.icon-btn {
	font-size: 										36px !important;
	padding: 										9px 4px 7px !important;
}

.top-strip a.style-alt {
	color: 											var(--dark-blue) !important;
}

.top-strip a:not(.icon-btn):hover {
	color: 											var(--white) !important;
	background: 									var(--main-red) !important;
}

.top-strip a.style-alt:hover {
	color: 											var(--white) !important;
	background: 									var(--dark-blue) !important;
}

.top-strip .block-button.span-4 .icon-svg {
  	transform: 										scale(1.5) translateY(0);
}
.logo-strip {
	margin:											0;
	padding-top:									1.2em;
	padding-bottom:									1.2em;
	background:										var(--white);
	z-index:										1000;
}

.tag-line,
.phone-number {
	font-family: 									var(--font-primary);
	font-size:										180%;
	font-weight: 									bold;
	color: 											var(--dark-blue);
}

.tag-line {
	font-size:										120%;
	margin-bottom: 									-25px;
	color: 											var(--dark-grey);
}

.menu-strip {
	margin:											0;
	padding-top:									0;
	padding-bottom:									0;
	background:										var(--dark-blue);
	z-index:										2000;
}

.menu-strip .col {
	align-self: 									center;
}

.logo {
	/*opacity: 										0;*/
}

.logo-strip .truck {
	z-index: 										5000;
}



/*
.currently-open-banner.reveal-open {
  	transform: 										translate(15px, -10px) rotate(10deg);
}

.currently-open-banner.horz.reveal-open {
 	transform: 										translate(-260px, 30px) rotate(0);
}

.currently-open-banner.horz::before {
    left: 											10px;
}
*/

/* Content
--------------------------------------------- */
#wrapper-top {
	margin-top: 									-5px;
}

.quote-box {
	margin: 										0 auto 30px;
	padding: 										0 0 30px;
	border-bottom: 									4x solid var(--dark-blue);
}

#home-page-teasers {
	z-index: 										5000;
	margin-bottom: 									-7.5em;
	background: 									transparent;
}

#home-page-teasers .flex {
	background: 									var(--dark-blue);
	border-radius: 									var(--global-border-radius);
	padding-bottom: 								3em;
}

#home-page-teasers h2,
#home-page-teasers h3 {
	color: 											var(--white);
	padding: 										20px;
	font-size: 										var(--font-size-h3);
}

#home-page-teasers h3 {
	font-size: 										var(--font-size-h4);
	padding: 										0;
	margin-bottom: 									-15px;
}

#home-page-teasers p {
	color: 											white;
	margin-bottom: 									-15px;
}

#home-page-teasers .col-inner {
	position: 										relative;
	overflow: 										hidden;
}

#home-page-teasers .block-image {
	position: 										absolute;
	z-index: 										100;
}

#home-page-teasers .col:not(.testimonials) .block-text {
	z-index: 										250;
	margin-top: 									220px;
	padding: 										10px 20px 30px;
	transform: 										translateY(0);
	backdrop-filter: 								blur(0);
	background: 									transparent;
	transition: 									all 0.6s ease;
}

#home-page-teasers .col:not(.testimonials) .block-button {
	z-index: 										500;
	margin: 										-10px 0 30px;
	transform: 										translateY(0);
	transition: 									all 0.6s ease;
}

#home-page-teasers .col:not(.testimonials):hover .block-button {
	transform: 										translateY(-40px);
	transition: 									all 0.7s ease 0.1s;
}

#home-page-teasers .col:not(.testimonials):hover .block-text {
	transform: 										translateY(-40px);
	backdrop-filter: 								blur(7px);
	transition: 									all 0.6s ease;
	background: 									var(--black-low);
}

#home-page-teasers .col:not(.testimonials) img {
	transform-origin: 								50% 0%;
	transform: 										scale(1.3);
	filter: 										brightness(0.4) contrast(1);
	transition: 									all 0.8s ease;
}

#home-page-teasers .col:not(.testimonials):hover img {
	transform: 										scale(1.1);
	filter: 										brightness(1) contrast(1.1);
}

#home-page-teasers .col.testimonials {
	padding: 										0 15%;
}

#accolades {
	z-index: 										3000;
	padding-top: 									8em;
	height: 										calc(100% - 70px);
  	overflow: 										visible;
  	margin-bottom: 									-100px;
}

#accolades .stuff {
	text-align: 									center;
	background: 									var(--main-red);
	color: 											var(--white);
	border-radius: 									var(--global-border-radius);
	padding: 										15px;
}

#accolades .stuff .num {
	font-family: 									var(--font-primary);
	font-size: 										80px;
	font-weight: 									bold;
	margin: 										-18px auto -50px;
}

#accolades .stuff .label {
	font-family: 									var(--font-primary);
	font-size: 										var(--font-size-h4);
	font-weight: 									bold;
}

#get-to-know-us {
	z-index: 										2000;
}

.video-container {
	width: 											800px;
	margin: 										0 auto; 
}

.video-container .block-video {
	border-radius: 									var(--global-border-radius);
}

#why-choose-us {
	padding-bottom: 								150px;
}

#areas-we-cover {
	z-index: 										6000;
	overflow: 										visible;
	padding-top: 									0;
}

#areas-we-cover img {
	border-radius: 									var(--global-border-radius);
	margin-top: 									-75px;
}

#areas-we-cover ul {
  	width: 											80%;
  	margin: 										0 17%;
	font-size: 										24px;
	font-weight: 									bold;
}

#meet-the-team {
	background: 									var(--white);
	padding: 										3em 0;
}

#meet-the-team .col:not(.span-all) {
	background: 									var(--light-grey);
	max-width: 										500px;
	border-radius: 									var(--global-border-radius);
}

#meet-the-team .col img {
	border-radius: 									var(--global-border-radius) var(--global-border-radius) 0 0;
}

#meet-the-team .name,
#meet-the-team .title,
#meet-the-team .info {
	padding: 										0px 30px;
}

#meet-the-team .name {
	font-size: 										var(--font-size-h3);
	font-weight: 									bold;
	margin-top: 									25px;
}

#meet-the-team .title {
	font-size: 										var(--font-size-h6);
	text-transform: 								uppercase;
	margin-bottom: 									15px;
}

#meet-the-team .info {
	margin-bottom: 									25px;
}

.section-parallax.divider .text-center {
	padding: 										25px 75px;
}

.section-parallax.divider h2 {
	font-size: 										calc(var(--font-size-h1) * 1.5);
	color: 											var(--white);
}

.section-parallax.divider p {
	font-size: 										var(--font-size-h5);
	color: 											var(--white);
}

#main-content {
	margin-top: 									0;
	margin-bottom: 									0;
}

#main-content #primary {
	padding-top: 									3em;
	padding-bottom: 								3em;
}
	
.sidebar-box #secondary {
	background: 									var(--dark-blue);
	border-radius: 									0 0 var(--global-border-radius) var(--global-border-radius);
}

div[class*="restrict-"] {
	margin-top: 									var(--measure-small);
	margin-bottom: 									var(--measure-base);
}

#wrapper-top .message {
	position: 										absolute;
	width: 											1248px;
	margin-left: 									calc((100vw - 1248px) / 2);
	top: 											50%;
  	transform: 										translateY(-50%);
	font-family: 									var(--font-text);
	padding: 										3em;
	background: 									var(--black-low);
	backdrop-filter: 								blur(5px);
	border-radius: 									var(--global-border-radius);
}

#wrapper-top .message h1 {
	font-weight: 									bold;
	font-size: 										60px;
	color: 											var(--white);
}

#wrapper-top .message h5 {
	font-weight: 									bold;
	font-size: 										36px;
	color: 											var(--white);
}

#wrapper-top .message p {
	font-size: 										24px;
	color: 											var(--white);
	text-align: 									center;
}

#why-choose-gps li strong,
#why-choose-gps ul.bullet-check li::before {
	font-size: 										135%;
}

ul.bullet-image li::before {
  background-image: url('../../uploads/bullet-check-img.webp');
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin: 0 10px 0 -40px;
  transform: translateY(20%);
}

.page-message {
	background: 									var(--light-grey);
	border-radius: 									var(--global-border-radius);
	padding: 										20px;
}

.page-message h3,
.page-message h4,
.page-message p {
	color: 											var(--dark-blue) !important;
}

div.stand-out {
	background: 									var(--black-lowest);
	padding: 										1.5em;
	border-radius: 									var(--global-border-radius);
	margin-top: 									3em;
}


/* Widgets
--------------------------------------------- */
/* Credit Card Logos */
.widget-credit-cards #credit-cards img {	
}

/* Sections
--------------------------------------------- */
.section[class*="style-"] {
}

/* Style 1 */
.section.style-1 {
	background: 									var(--light-grey);
}

/* Style 2 */
.section.style-2,
.section.site-footer-2 {
	background: 									var(--lightest-grey);
}

/* Style 3 */
.section.style-3,
.section.site-footer-1 {
	background: 									var(--white);
}

/* Style 4 */
.section.style-4 {
	background: 									var(--dark-blue);
}

.section.style-4 h2,
.section.style-4 h3,
.section.style-4 h4,
.section.style-4 p,
.section.style-4 ul {
	color: 											var(--white);
}

.section.site-footer-1,
.section.site-footer-2 {
	padding: 										2em 0;
}

.section.site-footer-1 .social-box {
	margin-top: 									-1.5em;
}


/* Footer
--------------------------------------------- */
#colophon {
	background: 									var(--dark-blue);
}

.site-info {
	color: 											var(--lightest-grey);
}

.site-info .site-info-right a {
	color: 											var(--lightest-grey);
}

.site-info .site-info-right a:hover,
.site-info .site-info-right a:active,
.site-info .site-info-right a.tab-focus {
	color: 											var(--white);
}

/* Icons & Social Media
--------------------------------------------- */
.icon-box {
	transform: 										scale(2);
	margin-bottom: 									15px;
}

.icon-box .icon {
	color: 											var(--white);
	background: 									var(--dark-blue);
	border: 										none;
}

a.icon-btn {
	color:											var(--main-red);
	transform:										scale(0.9);
}

a.icon-btn:hover,
a.icon-btn:active,
a.icon-btn.tab-focus {
	color:											var(--main-red);
	transform:										scale(1);

}

a.icon-btn .icon-bg {
	background:										transparent;
	transform:										scale(0);
}

a.icon-btn:hover .icon-bg,
a.icon-btn:active .icon-bg,
a.icon-btn.tab-focus .icon-bg {
	background:										transparent;
	transform:										scale(0);
}


/* Site Navigation
--------------------------------------------- */
/* Main Menu */
.main-navigation ul {
	margin: 										0;
	padding-left: 									2%;
	padding-right: 									2%;
	font-family:									var(--font-secondary);
	font-size:										24px;
	text-transform:									uppercase;
	font-weight:									bold;	
}

.main-navigation a {
	background: 									transparent;
	border:											none;
	padding:										14px 0;
	text-decoration: 								none;
	color:											var(--white);
	line-height:									1;
	transform: 										scale(1);
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
}

.main-navigation ul.main-menu li:hover > a, 
.main-navigation ul.main-menu li.active > a, 
.main-navigation ul.main-menu li > a.tab-focus {    
	color: 											var(--white);
	background: 									none;
	border:											none;
	transform: 										scale(1.1);
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
}

/* Menu Button BG */
#desktop-navigation ul.main-menu > li::before, 
#desktop-navigation ul.main-menu > li::after { 
	content:										attr(data-content);
	font-family:									var(--font-secondary);
	color: 											var(--white);
	font-size:						 				36px;
	line-height: 									1.28;
	background: 									var(--dark-blue);
	transform:										scale(0,0) translateY(0px);
 	transform-origin: 								50% 50%;
	border: 										3px solid var(--white);
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
	pointer-events:									none;
	border-radius: 									var(--global-border-radius);
	z-index:										1000;
}

#desktop-navigation ul.main-menu > li:hover::before, 
#desktop-navigation ul.main-menu > li.active::before,
#desktop-navigation ul.main-menu > li.tab-focus::before,
#desktop-navigation ul.main-menu > li:hover::after, 
#desktop-navigation ul.main-menu > li.active::after,
#desktop-navigation ul.main-menu > li.tab-focus::after { 
	transform:										scale(0.72,0.72) translateY(0);
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
}

/* Sub-Menu */
.main-navigation ul.sub-menu {
	transform: 										scale(1, 0) translateY(-20px);
	transform-origin: 								0% 0%;
	padding: 										0 18px 9px;
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
}	

#desktop-navigation ul.sub-menu {
	background:										var(--dark-blue);
	border:											2px solid var(--dark-blue);
	border-radius: 									0 0 var(--global-border-radius) var(--global-border-radius);
}	

#desktop-navigation li:hover ul.sub-menu,
.main-navigation ul.sub-menu.active,
#desktop-navigation li.menu-item-has-children[aria-expanded="true"] ul.sub-menu {
	transform: 										scale(1) translateY(0);
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
}	

.main-navigation ul.sub-menu li a {
	padding:										6px 20px;
}

/* Mobile Menu */
#mobile-menu-bar {
	background: 								    var(--dark-blue);	 
	border-bottom: 									none;
	box-shadow: 									none;
}

#mobile-navigation {
	top:											42px;
	padding-top:									var(--measure-small);
	padding-bottom:									var(--measure-small);
	background: 								    linear-gradient(180deg, var(--dark-blue) 0%, var(--black) 100%);
}

#mobile-navigation ul {
	padding-left: 									0;
	padding-right: 									0;
}

#mobile-navigation ul.sub-menu {
	font-size: 										90%; 
}

#mobile-navigation #mobile-menu > li:first-of-type {
	border-top:										1px solid var(--black-med);
}

#mobile-navigation #mobile-menu > li:last-of-type {
	border-bottom:									1px solid var(--white-med);
}

#mobile-navigation li a {
	color:											var(--white-high);
	background: 									transparent;
	border: 										none;
	border-top: 									1px solid var(--white-low);
	border-bottom: 									1px solid var(--black-med);
	border-radius: 									0;
	margin: 										0;
	padding:										8px 25px;
	font-size:										90%;
	transition: 									all 0.1s var(--main-trans-easing);
}

.top-flex #mobile-navigation li a {
	border-left: 									1px solid var(--white-low);
	border-right: 									1px solid var(--black-med);
}

#mobile-navigation ul.main-menu li:hover > a, 
#mobile-navigation ul.main-menu li.active > a {    
	color:											var(--white);
	background: 									var(--white-med);
	border-top: 									1px solid var(--black-med);
	border-bottom: 									1px solid var(--white-low);
	transform: 										rotate(0) translate(0,0) scale(1);
	transition: 									all 0.1s var(--main-trans-easing);
}

.top-flex #mobile-navigation ul.main-menu li:hover > a, 
.top-flex #mobile-navigation ul.main-menu li.active > a {
	border-right: 									1px solid ar(--white-low);
	border-left: 									1px solid var(--black-med);
}

.side-slide #mobile-navigation, 
.side-push #mobile-navigation,
.top-drop #mobile-navigation {
	border-left: 									1px solid var(--black);
	box-shadow: 									-4px 0 5px var(--black-med);
}

.top-slide #mobile-navigation, 
.top-push #mobile-navigation {
	border-bottom: 									1px solid var(--black);
	box-shadow: 									0 4px 5px var(--black-med);
	transition: 									all 0.6s linear;
}

/* Posts & Comment Navigation */
span.page-numbers.current {
}

span.page-numbers.dots {
}

.navigation.single .nav-links a i, 
.navigation.single .nav-links a .post-title {
}

.navigation.single .nav-links a:hover i, 
.navigation.single .nav-links a:hover .post-title,
.navigation.single .nav-links a.tab-focus i, 
.navigation.single .nav-links a.tab-focus .post-title {
}

.navigation.single .nav-links a .meta-nav, 
.navigation.single .nav-links a:hover .meta-nav, 
.navigation.single .nav-links a.tab-focus .meta-nav {
}



/* Scroll To Top Button
--------------------------------------------- */
body.screen-desktop a.icon-btn.scroll-top {
  	top: 										8%;
  	background: 								var(--black-low);
  	color: 										var(--white-high);
  	border: 									none;
  	border-radius: 								0;
}

body.screen-desktop a.icon-btn.scroll-top:hover {
	border-left: 								2px solid var(--black-lowest); 
	border-right: 								2px solid var(--black-lowest); 
	background: 								var(--main-red);
	box-shadow:									inset 0 20px 30px -10px var(--dark-red);
}

/* Media
--------------------------------------------- */
#primary img:not(.img-widget), 
#wrapper-top img, 
#why-choose-gps img,
#wrapper-bottom img, 
iframe,
svg.anonymous-icon {
	border-radius: 									var(--global-border-radius);
}

#secondary img.img-testimonials {
	border-radius: 									var(--global-border-radius);
	margin-top: 									10px;
	margin-bottom: 									10px;
}	

img.img-404 {
	filter: 										sepia(0) contrast(1) hue-rotate(0deg) drop-shadow(-1px -1px 0 var(--black-low)) drop-shadow(1px 1px 0 var(--white-low));
}

figure.wp-block-image {
  	margin-top: 									var(--measure-small);
  	margin-bottom: 									var(--measure-base);
}

figure.wp-block-image figcaption {
	font-size: 										80%;
  	margin-top: 									calc(var(--measure-small) * 0.7);
  	margin-bottom: 									var(--measure-base);
}

/* Testimonials
--------------------------------------------- */
.testimonials-quote p,
.testimonials-credentials {
	color: 											var(--dark-blue);
}

.testimonials-quote p:first-of-type .icon {
	color: 											var(--main-red);
}

#secondary .testimonials-quote p,
#secondary .testimonials-quote p:first-of-type .icon,
#secondary .testimonials-credentials,
.section.style-3 .testimonials-credentials {
	color: 											var(--white);
}

#secondary .widget .testimonials-quote p {
	text-align: 									right;
}

/* Coupon
--------------------------------------------- */
.coupon	{
	background:										url('../../uploads/site-icon.webp') no-repeat 50% 50%;
	border:											3px dashed var(--black);
	outline: 										3px solid var(--white);
}

.coupon .coupon-inner {
    background: 									transparent;
}

.coupon h2.action,
.coupon h2.discount,
.coupon h2.service,	
.coupon p.disclaimer {
}

/* Accordion Setup
--------------------------------------------- */
.stand-out .block-accordion {
	margin-top: 								0.75em;
	margin-bottom: 								0.75em;
}

.stand-out .block-accordion .accordion-box {
  	padding: 									0.1em var(--measure-small) 0 calc(var(--measure-small) + 12px);
}

.stand-out .block-accordion .accordion-content {
  	border-bottom: 									none;
}


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Mobile Styles
--------------------------------------------------------------*/

/* 4: Large Tablets (landscape) */
@media (max-width: 1280px) {
}

/* 3: Small Tablets (landscape) */
@media (max-width: 1024px) {
	.top-strip .flex {
		gap: 											0;
	}
	
	.top-strip .social-box {
	  	grid-column: 									span 12;
	}
}

/* 2: Phones (landscape) + Tablets (portrait) */
@media (max-width: 860px) {
}

/* 1: Phones (portrait) */
@media (max-width: 576px) {
	.top-strip .grid-custom {
		grid-template-columns: 							1fr !important;
	}
	
	.top-strip a.icon-btn {
  		margin: 										0;
	}
	
	.logo-strip .truck {
	  	max-width: 										85%;
	  	margin:											0 auto;
	}
}