/*--------------------------------------------------------------
>>> 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: 								Helvetica, Arial, Verdana, sans-serif; 
  --font-secondary: 							var(--font-primary);
  --font-tertiary: 								var(--font-secondary);
  --font-text: 									"Open Sans", sans-serif;
	
/*  
  --white: 										rgba(255, 255, 255, 1);
  --lightest-grey: 								rgba(225, 225, 225, 1);
  --light-grey: 								rgba(200, 200, 200, 1);
  --medium-grey: 								rgba(130, 130, 130, 1);
  --dark-grey: 									rgba(60, 60, 60, 1);
  --darkest-grey: 								rgba(30, 30, 30, 1);
  --black: 										rgba(0, 0, 0, 1);

  --white-lowest: 								rgba(255, 255, 255, 0.1);
  --white-low: 									rgba(255, 255, 255, 0.25);
  --white-med: 									rgba(255, 255, 255, 0.5);
  --white-high: 								rgba(255, 255, 255, 0.75);  
  --white-highest: 								rgba(255, 255, 255, 0.9);
  
  --black-lowest: 								rgba(0, 0, 0, 0.1);  
  --black-low: 									rgba(0, 0, 0, 0.25);
  --black-med: 									rgba(0, 0, 0, 0.5);
  --black-high: 								rgba(0, 0, 0, 0.75);
  --black-highest: 								rgba(0, 0, 0, 0.9);
*/
  
  --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);
	
  --font-size-h2: 								calc(var(--font-size-h1) - 12rem);

	
/* 

  --font-base-5: 								6.25%;
  --font-base-4: 								calc(var(--font-base-5) * 0.80);
  --font-base-3: 								calc(var(--font-base-4) * 1.00);
  --font-base-2: 								calc(var(--font-base-3) * 0.95);
  --font-base-1: 								calc(var(--font-base-2) * 0.95);
  
  --font-size-h1: 								48rem;
  --font-size-h2: 								calc(var(--font-size-h1) - 6rem);
  --font-size-h3: 								calc(var(--font-size-h2) - 6rem);
  --font-size-h4: 								calc(var(--font-size-h3) - 6rem);
  --font-size-h5: 								calc(var(--font-size-h4) - 6rem);
  --font-size-h6: 								calc(var(--font-size-h5) - 3rem);
  --font-size-title: 							32px;  
*/
    
  --input-color: 								var(--medium-grey);
  --input-background: 							var(--white-highest);
  --input-padding: 								3px 7px;
  --input-font-size: 							85%;
  --input-font-weight: 							normal;
  --input-border: 								none;
  --input-border-top:							var(--input-border);
  --input-border-right:							var(--input-border);
  --input-border-bottom:						var(--input-border);
  --input-border-left:							var(--input-border);
  --input-outline: 								none;
  --input-box-shadow: 							none;
  --input-border-radius: 						0;
  --input-text-shadow: 							none;
  --input-filter: 								none; 
  --input-backdrop-filter:						none;
  --input-transform: 							none;	
  
  --input-color-focus: 							var(--input-color);
  --input-background-focus: 					var(--input-background);
  --input-font-size-focus: 						var(--input-font-size);
  --input-font-weight-focus:					var(--input-font-weight);
  --input-border-focus: 						var(--input-border);
  --input-border-top-focus:						var(--input-border-focus);
  --input-border-right-focus:					var(--input-border-focus);
  --input-border-bottom-focus:					var(--input-border-focus);
  --input-border-left-focus:					var(--input-border-focus);
  --input-outline-focus: 						var(--input-outline);
  --input-box-shadow-focus: 					var(--input-box-shadow);
  --input-border-radius-focus: 					var(--input-border-radius);
  --input-text-shadow-focus: 					var(--input-text-shadow);
  --input-filter-focus: 						var(--input-filter);
  --input-backdrop-filter-focus:				none;
  --input-transform-focus: 						var(--input-transform);
  
/*
  --input-color-alt:							var(--input-color);
  --input-background-alt: 						var(--input-background);
  --input-padding-alt: 							var(--input-padding);
  --input-font-size-alt:						var(--input-font-size);
  --input-font-weight-alt:						var(--input-font-weight);
  --input-border-alt: 							var(--input-border);
  --input-border-top-alt:						var(--input-border-alt);
  --input-border-right-alt:						var(--input-border-alt);
  --input-border-bottom-alt:					var(--input-border-alt);
  --input-border-left-alt:						var(--input-border-alt);
  --input-outline-alt: 							var(--input-outline);
  --input-box-shadow-alt: 						var(--input-box-shadow);
  --input-border-radius-alt: 					var(--input-border-radius);
  --input-text-shadow-alt: 						var(--input-text-shadow);
  --input-filter-alt: 							var(--input-filter);
  --input-backdrop-filter-alt:					var(--input-backdrop-filter);
  --input-transform-alt: 						var(--input-transform);
  
  --input-color-focus-alt: 						var(--input-color-alt);
  --input-background-focus-alt: 				var(--input-background-alt);
  --input-font-size-focus-alt: 					var(--input-font-size-alt);
  --input-font-weight-focus-alt: 				var(--input-font-weight-alt);
  --input-border-focus-alt: 					var(--input-border-alt);
  --input-border-top-focus-alt:					var(--input-border-focus-alt);
  --input-border-right-focus-alt:				var(--input-border-focus-alt);
  --input-border-bottom-focus-alt:				var(--input-border-focus-alt);
  --input-border-left-focus-alt:				var(--input-border-focus-alt);
  --input-outline-focus-alt: 					var(--input-outline-alt);
  --input-box-shadow-focus-alt: 				var(--input-box-shadow-alt);
  --input-border-radius-focus-alt: 				var(--input-border-radius-alt);
  --input-text-shadow-focus-alt: 				var(--input-text-shadow-alt);
  --input-filter-focus-alt: 					var(--input-filter-alt);
  --input-backdrop-filter-focus-alt:			var(--input-backdrop-filter-alt);
  --input-transform-focus-alt:					var(--input-transform-alt);
*/
	
  --button-color: 								var(--darkest-grey);
  --button-background: 							var(--light-grey);
  --button-font-family: 						var(--font-secondary);
  --button-font-weight: 						normal;
  --button-font-size: 							1.2em;
  --button-border: 								none;
  --button-border-top:							var(--button-border);
  --button-border-right:						var(--button-border); /* don't change */
  --button-border-bottom:						var(--button-border);
  --button-border-left:							var(--button-border);
  --button-padding: 							0.3em 1em;
  --button-box-shadow: 							none;
  --button-border-radius: 						3px;
  --button-transform: 							none;
  --button-text-shadow: 						none;
  --button-outline: 							none;
  --button-filter: 								none;
  --button-text-transform: 						capitalize;
  --button-font-variant: 						none;
  --button-letter-spacing: 						0;
  --button-transition: 						    all var(--main-trans-speed) var(--main-trans-easing);
  
  --button-color-hover: 						var(--white);
  --button-background-hover: 					var(--medium-grey);
  --button-font-family-hover: 					var(--button-font-family);
  --button-font-weight-hover: 					var(--button-font-weight);
  --button-font-size-hover: 					var(--button-font-size);
  --button-border-hover: 						var(--button-border);
  --button-border-top-hover:					var(--button-border-hover); /* don't change */
  --button-border-right-hover:					var(--button-border-hover);
  --button-border-bottom-hover:					var(--button-border-hover);
  --button-border-left-hover:					var(--button-border-hover);
  --button-padding-hover: 						var(--button-padding);
  --button-box-shadow-hover: 					var(--button-box-shadow);
  --button-border-radius-hover: 				var(--button-border-radius);
  --button-transform-hover: 					var(--button-transform);
  --button-text-shadow-hover: 					var(--button-text-shadow);
  --button-outline-hover: 						var(--button-outline);
  --button-filter-hover: 						var(--button-filter);
  --button-text-transform-hover: 				var(--button-text-transform);
  --button-font-variant-hover: 					var(--button-font-variant);
  --button-letter-spacing-hover: 				var(--button-letter-spacing);
  --button-transition-hover: 					var(--button-transition);
 
/*	
  --button-color-alt: 							var(--button-color);
  --button-background-alt: 						var(--button-background);
  --button-font-family-alt: 					var(--button-font-family);
  --button-font-weight-alt: 					var(--button-font-weight);
  --button-font-size-alt: 						var(--button-font-size);
  --button-border-alt: 							var(--button-border);
  --button-border-top-alt:						var(--button-border-alt);
  --button-border-right-alt:					var(--button-border-alt);
  --button-border-bottom-alt:					var(--button-border-alt);
  --button-border-left-alt:						var(--button-border-alt);
  --button-padding-alt: 						var(--button-padding);
  --button-box-shadow-alt: 						var(--button-box-shadow);
  --button-border-radius-alt: 					var(--button-border-radius);
  --button-transform-alt: 						var(--button-transform);
  --button-text-shadow-alt: 					var(--button-text-shadow);
  --button-outline-alt: 						var(--button-outline);
  --button-filter-alt: 							var(--button-filter);
  --button-text-transform-alt: 					var(--button-text-transform);
  --button-font-variant-alt: 					var(--button-font-variant);
  --button-letter-spacing-alt: 					var(--button-letter-spacing);
  --button-transition-alt: 						var(--button-transition);
  
  --button-color-hover-alt: 					var(--button-color-alt);
  --button-background-hover-alt: 				var(--button-background-alt);
  --button-font-family-hover-alt: 				var(--button-font-family-alt);
  --button-font-weight-hover-alt: 				var(--button-font-weight-alt);
  --button-font-size-hover-alt: 				var(--button-font-size-alt);
  --button-border-hover-alt: 					var(--button-border-alt);
  --button-border-top-hover-alt:				var(--button-border-hover-alt); 
  --button-border-right-hover-alt:				var(--button-border-hover-alt);
  --button-border-bottom-hover-alt:				var(--button-border-hover-alt);
  --button-border-left-hover-alt:				var(--button-border-hover-alt);
  --button-padding-hover-alt: 					var(--button-padding-alt);
  --button-box-shadow-hover-alt: 				var(--button-box-shadow-alt);
  --button-border-radius-hover-alt: 			var(--button-border-radius-alt);
  --button-transform-hover-alt: 				var(--button-transform-alt);
  --button-text-shadow-hover-alt: 				var(--button-text-shadow-alt);
  --button-outline-hover-alt: 					var(--button-outline-alt);
  --button-filter-hover-alt: 					var(--button-filter-alt);
  --button-text-transform-hover-alt: 			var(--button-text-transform-alt);
  --button-font-variant-hover-alt: 				var(--button-font-variant-alt);
  --button-letter-spacing-hover-alt: 			var(--button-letter-spacing-alt);
  --button-transition-hover-alt: 				var(--button-transition-alt);
*/	

  --break-out-width: 							100%;
  --break-out-max-width: 						960px;
  --break-out-background: 						var(--black-lowest);
  --break-out-border-top:						2px solid var(--black);
  --break-out-border-bottom:						2px solid var(--black);
  --break-out-border-right:						none; 
  --break-out-border-left:						none;
  --break-out-padding: 							1.5em 2.5em;
  --break-out-margin: 							2.5em auto;
  --break-out-box-shadow: 						none;
  --break-out-border-radius: 					0;
  --break-out-outline: 							none;
  --break-out-filter: 							none;
  --break-out-transition: 						all var(--main-trans-speed) var(--main-trans-easing);
  
  --locked-color: 								var(--white);
  --locked-background: 							var(--black-high);
  --locked-border: 								none;

/*
  --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: 									transparent;
}

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

h1 + h2 {
	font-size: 										var(--font-size-h4);
	border-top: 									1px solid var(--light-grey);
	padding-top: 									18px;
	margin-top: 									12px;
}

h3 {
	text-align: 									left;
}

/* Links
--------------------------------------------- */
a {
	color: 											var(--medium-grey);
	background-color: 								transparent;
	cursor:											pointer;
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
}

a:visited {
	color: 											var(--text-color);
}

a:hover,
a:active,
a.tab-focus {
	color: 											var(--medium-grey);
}

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

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

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

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

/* Header
--------------------------------------------- */
.top-strip,
.divider-strip {
	margin:											0;
	padding-top:									8px;
	padding-bottom:									8px;
	background:										transparent;
	z-index:										3000;
}

.tag-line,
.address,
.phone-number {
	font-family: 									var(--font-primary);
	font-size:										140%;
}

.logo-strip {
	margin:											0;
	padding-top:									0;
	padding-bottom:									0;
	background:										transparent;
	z-index:										1000;
}

.menu-strip {
	margin:											0;
	padding-top:									0;
	padding-bottom:									0;
	background:										linear-gradient(-45deg, var(--medium-grey) 0%, var(--light-grey) 50%, var(--medium-grey) 100%);
	z-index:										2000;
}

.menu-clip .menu-strip {
	overflow: 										hidden;
	clip-path: 										polygon(0% 0%, 100% 0%, 100% calc(100% + 80vh), 0% calc(100% + 80vh));
}	

.fixed-strip {
    position: 										fixed !important;
    top: 											0;
    left: 											0;
    width: 											100% !important;
    z-index: 										10000;
    pointer-events: 								none;
}

.stuck {
	position:										fixed !important;
	width: 											100%; 
	top:											0;
	z-index:										99999 !important;
}

div[class*="-faux"] {
	position:										relative;
	display:										block;
	width:											100%;
	text-align: 									center;
}

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

/*
.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: 									-3px;
}

.home #wrapper-content {
	display: 										none;
}

#the-main-content {
	margin-top: 									-5px;
	padding-top: 									0;
}

#the-main-content h1 {
	font-family: 									var(--font-primary);
	font-weight: 									bold;
	width: 											100vw;
	left: 											0;
	position: 										absolute;
	color: 											var(--black);
	background:										linear-gradient(-45deg, var(--medium-grey) 0%, var(--light-grey) 50%, var(--medium-grey) 100%);
	padding: 										15px;
}

#the-main-content .h1-headline {
	height: 										80px;
}

.option-box {
	border: 										1px solid var(--medium-grey);
}

.option-box .block-button {
	margin: 										-30px 0 15px;
}


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

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

}

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

.section.style-1 h3 {
}

/* Style 2 */
.section.style-2 {
}

.section.style-2 .col-inner {

} 

/* Footer
--------------------------------------------- */
#colophon {

}

.site-info {

}

.site-info .site-info-right a {
}

.site-info .site-info-right a:hover,
.site-info .site-info-right a:active,
.site-info .site-info-right a.tab-focus {
}

/* Icons & Social Media
--------------------------------------------- */
.icon-box .icon {
	color: 											var(--black);
	background: 									var(--main-blue);
}

a.icon-btn {
	color:											var(--black);
	transform:										rotate(360deg);
}

a.icon-btn:hover,
a.icon-btn:active,
a.icon-btn.tab-focus {
	color:											var(--black);
	transform:										rotate(0deg);
}

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:									capitalize;
	font-weight:									normal;	
}

.main-navigation a {
	background: 									transparent;
	border:											none;
	padding:										8px 0;
	text-decoration: 								none;
	color:											var(--black);
	line-height:									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;
	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) /* retrieve menu text from javascript */;
	font-family:									var(--font-secondary);
	color: 											var(--white);
	background: 									var(--medium-grey);
	border-top: 									3px solid var(--darkest-grey);
	border-bottom: 									3px solid var(--darkest-grey);
	transform:										scale(0,1);
 	transform-origin: 								50% 50%;
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
	pointer-events:									none;
	opacity: 										0;
	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(1,1);
	opacity: 										1;
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
}

/* Sub-Menu */
.main-navigation ul.sub-menu {
	transform: 										scale(1) translateY(0);
	transition:										all var(--main-trans-speed) var(--main-trans-easing);
}	

#desktop-navigation ul.sub-menu {
	background:										var(--light-grey);
	border:											none;
}	

#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:										4px 20px;
}

/* Mobile Menu */
#mobile-menu-bar-faux {
	display:										block;
	position:										relative;
	height:											42px;
	background: 									transparent;	    
}

#mobile-menu-bar {
	background: 								    linear-gradient(0deg, var(--dark-grey) 0%, var(--black) 100%);	 
	border-bottom: 									1px solid var(--black);
	box-shadow: 									0 4px 6px var(--black-med);
}

#mobile-menu-bar .mm-bar-btn {
	padding:										0 7px;
	background: 									var(--black-low);
	border-radius: 									5px;
	border: 										1px solid var(--black-low);
}

#mobile-menu-bar .mm-bar-btn .mm-bar-empty {
	background: 									transparent;
	border: 										1px solid transparent;
}

#mobile-menu-bar a {
	font-family: 									var(--font-text);
	font-size:										var(--font-size-text); 
	text-decoration:								none;
}

#mobile-menu-bar a,
#mobile-menu-bar .mm-bar-btn.scroll-to-top-btn .icon,
#mobile-menu-bar .mm-bar-btn.call-btn .icon,
#mobile-menu-bar .email-btn .icon,
#mobile-menu-bar .email2-btn .icon {
	color:											var(--white-high);
}

#mobile-menu-bar .mm-bar-btn.activate-btn div {
	background-color: 								var(--white-high);
}

#mobile-navigation {
	top:											42px;
	padding-top:									var(--measure-small);
	padding-bottom:									var(--measure-small);
	background: 								    linear-gradient(0deg, var(--dark-grey) 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);
}



/* Scroll Down Button (for full screen headers) */
.scroll-down a {

}

.scroll-down a:hover {
}

@keyframes scroll-down-constant {
	0% { transform: 								translate(0, 0)}
	50% { transform: 								translate(0, 12px)} 
	100% { transform: 								translate(0, 0)}
}

@keyframes scroll-down-double-bounce {
	0% { transform: 								translate(0, 0) }
	10% { transform: 								translate(0, 20px) } 
	20% { transform: 								translate(0, 0) }
	30% { transform: 								translate(0, 20px) } 
	40% { transform: 								translate(0, 0) }
	100% { transform: 								translate(0, 0) }
}

@keyframes scroll-down-aggressive-bounce {
	0% { transform: 								translate(0, 0) }
	10% { transform: 								translate(0, 15px) } 
	22% { transform: 								translate(0, -10px) }
	28% { transform: 								translate(0, 25px) } 
	35% { transform: 								translate(0, 0) }
	100% { transform: 								translate(0, 0) }
}

/* Posts and Pages
--------------------------------------------- */
.archive-meta {
}

.single-meta {
}

/* Comments */
#comments {

}

ul.comment-list > .comment {
}

/* Media
--------------------------------------------- */
#primary img:not(.img-widget), 
#wrapper-top img, 
#wrapper-bottom img, 
iframe,
svg.anonymous-icon {
}

img.logo-slider-img,
img.img-products,
img.products-img {
}	

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));
}

/* Captions
--------------------------------------------- */
.wp-caption .wp-caption-text {
}

/* Testimonials
--------------------------------------------- */
.testimonials-quote p,
.testimonials-quote p:first-of-type .icon,
.testimonials-credentials,
.testimonials-rating {
}

/* Coupon
--------------------------------------------- */
.coupon	{
	background:										url('../../uploads/site-icon.png') 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 {
}

/* Office Hours
--------------------------------------------- */
.office-hours {

}

.office-hours > div:not(:last-of-type) {

}

.office-hours > div.today {

}

/* Galleries
--------------------------------------------- */


/* Accordion Setup
--------------------------------------------- */
.block-accordion h2 { 

}

.block-accordion.active h2, 
.block-accordion:hover h2, 
.block-accordion h2.tab-focus { 
}

.block-accordion .accordion-content {
}

.block-accordion .accordion-icon::before {
}

.accordion-box .block-accordion.active h2, 
.accordion-box .block-accordion:hover h2, 
.accordion-box .block-accordion h2.tab-focus { 
}

.accordion-box .block-accordion .accordion-content {
}


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

/* Carousel
--------------------------------------------- */
.carousel.slide .carousel-indicators li {
	background:									var(--white-med);
	border: 									1px solid var(--black-highest);
}

.carousel.slide .carousel-indicators .active, 
.carousel.slide .carousel-indicators li:hover, 
.carousel.slide .carousel-indicators li.tab-focus {
	background:									var(--white);
	border: 									1px solid var(--black);
}

.carousel.slide .carousel-indicators li:hover {
	background:									var(--main-red);
	border: 									1px solid var(--black);
}

.carousel.slide .carousel-dot {
	margin-bottom: 								0;
}


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

/* Desktops */
@media only screen and (min-width: 1025px) { 
}

/* 4: Large Tablets (landscape) */
@media (max-width: 1280px) {
	html::before {
		background-image: 								url('../../uploads/site-background.webp');
	}

}

/* 3: Small Tablets (landscape) */
@media (max-width: 1024px) {
	html::before {
		background-image: 								url('../../uploads/site-background-tablet.webp');
	}
}

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

/* 1: Phones (portrait) */
@media (max-width: 576px) {
	html::before {
		background-image: 								url('../../uploads/site-background-phone.webp');
	}
	
	/* Galleries */ 
	.gallery-column-2,
	.gallery-column-3,
	.gallery-column-4,
	.gallery-column-5,
	.gallery-column-6,
	.gallery-column-7,
	.gallery-column-8 {
		grid-template-columns: 							1fr;
	}
}