/*
Theme Name: PlusGroup 2023
Description: PlusGroup Custom theme
Author: Squidart
Author URI: http://squidart.co.za
Version: 1.4.8

License URI: ###

/*------------------------------------*\
	DEVMODE

	Z-index Items
	10 - Mobile Menu Open Elements
	20 - Persistent Menu Elements
	
	* {
		outline: 1px solid red;
		outline-offset: -1px;
	}
\*------------------------------------*/
	

/*------------------------------------*\
	VARIABLES
\*------------------------------------*/
:root {
	--max-width: 1540px; /* Base page width 1500 + 30x2 for margins */
	--page-margin: 4.5rem; 

	--min-header-height: 250px; /* Desktop */
	--min-footer-height: 150px; /* Desktop */

	--primary-color: #00429e;
	--primary-hover: #cfe314;
	--body-color: #f5f6f2;
	--light-font-color: #ffffff;
	--select-color: #2b6dcc;
	--accent-color-green: #cfe314;
	--accent-color-red: #F17D6E;
	--accent-color-aqua: #00A9A4;
	--accent-color-dark-2: #032258;
	--accent-color-grey: #EBEBEB;

	font-size: 20px;
}

/*------------------------------------*\
	MAIN
\*------------------------------------*/
.sa-drive .sqa-submit-wrap input[type="submit"] {
    background-color: var(--accent-color-green);
    color: var(--accent-color-dark-2);
}
.renewtech .sqa-submit-wrap input[type="submit"] {
    background-color: var(--accent-color-red);
    color: var(--accent-color-dark-2);
}
.accent-color-red {
	color: var(--accent-color-red) !important;
}
.accent-color-green {
	color: var(--accent-color-green) !important;
	}
body {
	background-color: var(--body-color);
	overscroll-behavior: none;
	overflow-x: hidden;
	margin: 0;
	font-size: 16px;
	color: var(--light-font-color);
	font-family: 'Red Hat Display', Arial, sans-serif;	
}
.items-like-p {
	margin-bottom: 10px;
}
.carfind, .carfind footer {
	color: var(--light-font-color);
	background-color: var(--accent-color-dark-2);
	background-repeat: repeat;
	background-image: url(../images/carfind/icons/bg-pattern.svg);
}

.carfind footer a {
	text-decoration: underline;
}

/*------------------------------------*\
	PAGE STRUCTURE
\*------------------------------------*/
/* Header */

/* Content */
.content { min-height: calc(100vh - (var(--min-header-height) + var(--min-footer-height))); }

/* Footer */
footer { min-height: var(--min-footer-height); }

.position-bottom-left {
    margin: 25px auto 0 auto !important;
    padding: 0 var(--page-margin);
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
/* Fonts - Pilat Extended  */
@font-face {
	font-family: 'Pilat Extended Demi';
	src: url("../fonts/PilatExtended/PilatExtended-DemiBold.eot");
	src: url("../fonts/PilatExtended/PilatExtended-DemiBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PilatExtended/PilatExtended-DemiBold.woff2") format("woff2"),
		url("../fonts/PilatExtended/PilatExtended-DemiBold.woff") format("woff"),
		url("../fonts/PilatExtended/PilatExtended-DemiBold.ttf") format("truetype"),
		url("../fonts/PilatExtended/PilatExtended-DemiBold.svg#PilatExtended-DemiBold") format("svg");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
} @font-face {
	font-family: 'Pilat Extended';
	src: url("../fonts/PilatExtended/PilatExtended-Bold.eot");
	src: url("../fonts/PilatExtended/PilatExtended-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PilatExtended/PilatExtended-Bold.woff2") format("woff2"),
		url("../fonts/PilatExtended/PilatExtended-Bold.woff") format("woff"),
		url("../fonts/PilatExtended/PilatExtended-Bold.ttf") format("truetype"),
		url("../fonts/PilatExtended/PilatExtended-Bold.svg#PilatExtended-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
} @font-face {
	font-family: 'Pilat Regular';
	src: url("../fonts/PilatExtended/PilatExtended-Regular.eot");
	src: url("../fonts/PilatExtended/PilatExtended-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PilatExtended/PilatExtended-Regular.woff2") format("woff2"),
		url("../fonts/PilatExtended/PilatExtended-Regular.woff") format("woff"),
		url("../fonts/PilatExtended/PilatExtended-Regular.ttf") format("truetype"),
		url("../fonts/PilatExtended/PilatExtended-Regular.svg#PilatExtended-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Fonts - Red Hat Display  */
@font-face {
	font-family: 'Red Hat Display';
	src: url("../fonts/RedHatDisplay/RedHatDisplay-Bold.eot");
	src: url("../fonts/RedHatDisplay/RedHatDisplay-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Bold.ttf") format("truetype"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Bold.svg#RedHatDisplay-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
} @font-face {
	font-family: 'Red Hat Display';
	src: url("../fonts/RedHatDisplay/RedHatDisplay-Regular.eot");
	src: url("../fonts/RedHatDisplay/RedHatDisplay-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Regular.ttf") format("truetype"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Regular.svg#RedHatDisplay-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
} @font-face {
	font-family: 'Red Hat Display Medium';
	src: url("../fonts/RedHatDisplay/RedHatDisplay-Medium.eot");
	src: url("../fonts/RedHatDisplay/RedHatDisplay-Medium.eot?#iefix") format("embedded-opentype"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Medium.ttf") format("truetype"),
		url("../fonts/RedHatDisplay/RedHatDisplay-Medium.svg#RedHatDisplay-Medium") format("svg");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
} @font-face {
	font-family: 'Red Hat Display';
	src: url("../fonts/RedHatDisplay/RedHatDisplay-MediumItalic.eot");
	src: url("../fonts/RedHatDisplay/RedHatDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2"),
		url("../fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff") format("woff"),
		url("../fonts/RedHatDisplay/RedHatDisplay-MediumItalic.ttf") format("truetype"),
		url("../fonts/RedHatDisplay/RedHatDisplay-MediumItalic.svg#RedHatDisplay-MediumItalic") format("svg");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

/* Text */
h1 {
	font-size: 3rem;
	line-height: 1em;
	font-family: 'Pilat Extended';
	font-weight: bold;
}
h2 {
	font-size: 2rem;
	font-family: 'Pilat Extended Demi';
}
.heading-h2-bold {
	font-size: 2rem;
	font-family: 'Red Hat Display';
	font-weight: bold;
	margin: 0;
	line-height: 1.2em;
}
.heading-h3-bold {
	font-size: 1.2rem;
	font-family: 'Pilat Extended Demi';
}
.heading-h3 {
	font-size: 1.2rem;
	font-family: 'Pilat Regular';
	opacity: 50%;
}
h3 {
	font-size: 1rem;
	font-family: 'Pilat Extended Demi';
	margin: 1rem 0;
}
h4 {
	font-size: 0.9rem;
	font-family: 'Red Hat Display';
	font-weight: bold;
	margin-top: 0;
}
.items-include-p {
	font-size: 1rem;
}
p {
	font-size: 1.1rem;
	margin-top: 10px;
}
.para {
	font-size: 0.65rem;
}
a {
	all: unset;
}
	a:hover {
		/* color: var(--primary-hover); */
		cursor: pointer;
	}
	a:hover, a:active, a:focus {
		outline:0;
	}
hr {
	background-color: var(--accent-color-dark-2);
	border: none;
	height: 0.1rem;
	width: 100%;
	margin: 0;
}
strong {
	/* font-family: 'Pilat Extended'; */
	font-weight: bold;
}
.bullet-list {
	font-size: 0.65rem;
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 1rem;
}

/* special typography */
.txt-primary { color: var(--light-font-color); }

.margin-none { margin: 0; }
.margin-top, .covered-desc p { margin-top: 0; }
.covered-desc h4 { margin-bottom: 0.3rem; }
.margin-bottom { margin-bottom: 0; }

.center-text { text-align: center; }
.right-text { text-align: right; }

.disclaimer p {	font-size: 10px; font-family: "Red Hat Display Medium"; }
.notice { font-size: 12px; }
.disclaimer p strong{ font-size: 10px; font-family: "Red Hat Display"; font-weight: bold;}

.bold { font-weight: bold; }

/* .intro p { font-family: 'Pilat Extended Demi';} */
.address { font-family: 'Red Hat Display'; font-weight: bold;}

/* Bold Current Nav Item */
.home .home-nav a,
.about .about-nav a,
.legal .legal-nav a,
.contact .contact-nav a,
.sa-drive .sa-drive-nav a,
.renewtech .renewtech-nav a {
 font-weight: bold;
}

.padding-left-right-10 { padding-left: 10px; padding-right: 10px; }
.padding-left-10 { padding-left: 10px; }
.padding-right-10 { padding-right: 10px; }
.padding-left-20 { padding-left: 20px; }
.margin-top-10 { margin-top: 10px; } 

/*------------------------------------*\
	ICONOGRAPHY
\*------------------------------------*/
.nav-logo {
	height: 1.25rem;
	width: 3.95rem;
}
/* footer/contact icons */
.savm-ico-mail, .savm-ico-tel{
	height: 1rem;
	width: 0.75rem;
	margin: 0rem 0.55rem 0rem 0rem;
}
footer .nav-logo {
	margin-bottom: 1.5rem;
}
/* about icons */
.brand-container {
	row-gap: 1.0rem;
	column-gap: 1.5rem;
}
.brand-ico {
	display: flex;
	flex-wrap: wrap;
	align-self: center;
	height: 2.5rem;
}
.supplier-ico {
	width: 8rem;
	margin: 1.5rem 0;
}
.covered-desc {
	width: calc(100% - 7.25rem);
}
.covered-ico-box {
	width: 7.25rem;
}
.covered-ico {
	margin-bottom: 2.25rem;
	height: 6.25rem;
	width: 6.25rem;
}

/*------------------------------------*\
	STYLED SECTIONS
\*------------------------------------*/
.section-hero {
	background-color: var(--primary-color);
	color: var(--light-font-color);

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	.section-hero h1 {
		color: #cfe314;
	}
	.section-hero hr {
		background-color: var(--light-font-color);
	}
	.section-hero li {
		text-align: right;
		padding-top: 0.75rem;
	}

	.section-white .flex-pillar {
		padding: 2rem var(--page-margin);
	}
	.blue-inner {
		border-radius: 0.8rem;
		background-color: var(--primary-color);
		padding: 0rem 1.5rem 2.25rem;
		color: var(--light-font-color);
		margin-bottom: 2rem;
	}
	.blue-inner p {margin-top: 0;}
	.dark-inner {
		border-radius: 0.8rem;
		background-color: var(--accent-color-dark);
		padding: 1.5rem;
		color: var(--light-font-color);
	}

.section-grey {
	background-color: var(--accent-color-grey);
	color: var(--accent-color-dark-2);
}
	.section-grey .flex-pillar {
		padding: 2rem var(--page-margin);
	}

.section-blue {
	background-color: var(--primary-color);
	color: var(--light-font-color);
}
.section-dark {
	background-color: var(--accent-color-dark-2);
}
	.section-dark h2 {
		color: var(--accent-color-red);
	}

.section-green {
	background-color: var(--accent-color-green);
	color: var(--primary-color);
}
	.section-green .flex-pillar, .section-green .pillar {
		padding: 3.25rem var(--page-margin);
	}

.section-map, #map  {
		width: 100%;
		height: 550px;
}

footer {
	color: var(--accent-color-dark-2);
	background-color: var(--accent-color-grey);
}
.carfind-legal .footer {
	background-color: transparent !important;
}
.carfind footer hr {
		height: 1px;
		background-color: var(--light-font-color);
	}
	footer .main-footer{
		padding: 4rem var(--page-margin) 3.75rem;
	}
		.main-footer p, .main-footer a {
			font-size: 0.9rem;
			font-family: 'Red Hat Display';
			font-weight: bold;
		}
		.main-footer li a {
			font-size: 0.70rem;
			font-family: 'Red Hat Display Medium';

			display: block;
			margin: 0.55rem 0;
		}
		.main-footer {
			gap: 1rem;
		}
		.main-footer .col-lg-3 {
			flex: calc(100%);
		}
	footer .sub-footer{
		padding: 1.25rem var(--page-margin) 1rem;
	}
		footer .sub-footer p {
			font-size: 0.70rem;
			margin: 0;
		}
	.sub-terms p {
		font-size: 0.70rem;
		margin: 0;
	}


/*------------------------------------*\
	PAGE SPECIFIC
\*------------------------------------*/
/* mobile hero images */
.home .section-hero {
	background-image: url(../images/hero/home-m.webp);
	min-height: 595px;
}
	.home .section-hero p { font-size: 1.25rem;}
	.home h1 { margin:1rem 0 0; }
	.home h2 { font-size: 1rem; }
	.home .section-green {
		color: var(--accent-color-dark-2);
	}
	.home .section-green a {
		font-family: "Pilat Extended Demi";
		font-size: 1.15rem;
		text-decoration: underline;
	}
	.home .section-green a:after {
		content: url(../images/icons/arrow-blue.svg);
		width: 0.6rem;
		margin: 0.25rem 0 0 0.3rem;
		display: inline-block;
	}
.about .section-hero {
	background-image: url(../images/hero/about-m.webp);
	height: 672px;
}
.about .section-green {
	background-image: url(../images/hero/supplier-m.webp);
	min-height: 324px;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.contact .section-hero {
	background-image: url(../images/hero/contact-m.webp?v=1.1);
	min-height: 439px;
}
	/* .contact .hero-content {
		gap: 1rem;
	} */
	.contact-box {
		border-radius: 0.45rem;
		/* background-color: var(--accent-color-dark-2); */
		padding: 20px 0px;
	}
	.contact-box p {
		margin: 1.25rem;
		font-size: 0.85rem;
		color: var(--accent-color-green);
	}
.product .section-hero p {
	font-family: "Pilat Extended";
}
	.hero-pretext {
		font-size: 1.2rem;
		margin: 0.8rem 0 0 0;
	}
	.hero-subtext {
		font-size: 1.35rem;
		margin: 0.4rem 0;
	}
	/* Disclaimer */
	.disclaimer-title {
		font-size: 1.25rem;
	}
	.disclaimer-content {
		display: flex;
		flex-direction: row;
	}
	.disclaimer {
		padding-left: 0.5rem;
	}

.renewtech .section-hero {
	background-image: url(../images/carfind/savm-rt-hero-shape-mobile.svg);
	min-height: 130px;
	background-position: left;
	background-color: transparent !important;
} 
	.renewtech .section-hero h1, .renewtech .hero-subtext {
		color: var(--accent-color-dark-2)
	}
.sa-drive .section-hero {
	background-image: url(../images/carfind/savm-sp-hero-shape-mobile.svg);
	min-height: 130px;
	background-position: left;
	background-color: transparent !important;
} 
	.sa-drive .section-hero h1, .sa-drive .hero-subtext {
		color: var(--light-font-color)
	}
	.sa-drive .txt-primary {
		color: var(--light-font-color)
	}
	.sa-drive .blue-inner {
		background-color: var(--accent-color-dark-2);
	}
.legal .section-hero {
	min-height: 215px;
}

/* Home Page Info section */
.tile-box {
	gap:1rem;
	padding-bottom: 1rem;
}
.info-tile {
	border-radius: 0.8rem;
	padding: 1.25rem 0.9rem;
	width: calc(100%);
}
	.tile-1 {
		background-color: var(--accent-color-green);
	}
	.tile-2 {
		background-color: var(--accent-color-dark-2);
	}
	.tile-3 {
		background-color: var(--accent-color-aqua);
	}
	.tile-4 {
		background-color: var(--primary-color);
	}

/* RenewTech Accordian (Accordion Breaks JS) */
.carfind .content-sidebar {
	width: calc( 450px + var(--page-margin) + 3rem );
	top: -320px;
    position: relative;
}
.carfind .content-left {
	width: calc( 100% - ( 550px + var(--page-margin) + 3rem ) );
}

/* .content-left {
	width: calc( 100% - ( 300px + var(--page-margin) + 3rem ) );
} */
.content-left .pillar {
	margin-right: 0;
}
.content-holder {
	margin: auto;
	max-width: var(--max-width);
}

/* .content-sidebar {
	width: calc( 300px + var(--page-margin) + 3rem );
} */

.accordian-section {
	border-bottom: 0.15rem solid #032258;
}
	.accordian-section-content {
		padding: 1rem 1.5rem;
		display: none;
		background: var(--accent-color-aqua);
		color: #fff;
	}
	.arrow-down h3::before,
	.arrow-up h3::before {
		content:url(../images/icons/accordion-icons/closed.svg);
		width: 0.7rem;
		margin: 0 0.75rem 0 0.25rem;
		display: block;
    	float: left;
	}
	.arrow-up h3::before{
		transform: rotate(90deg);
	}

	.carfind-legal .hero-content {
		padding: 0 var(--page-margin) 1.5rem var(--page-margin);
	}
	.carfind-legal .hero-nav {
		padding: 1.5rem var(--page-margin) 0 var(--page-margin);
	}
/*------------------------------------*\
	MISC
\*------------------------------------*/
/* selected content*/ 
::selection {
	background: var(--select-color);
	color: var(--light-font-color);
	text-shadow:none;
}
::-webkit-selection {
	background: var(--select-color);
	color: var(--light-font-color);
	text-shadow:none;
}
::-moz-selection {
	background: var(--select-color);
	color: var(--light-font-color);
	text-shadow:none;
}

/* input fields */
input:focus {
	outline:0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	outline:0;
}

/* buttons */
.blue-btn {
	display: inline-block;

	padding: 1.15rem 2.25rem;
	border-radius: 0.2rem;
	
	font-family: 'Red Hat Display';
	font-size: 1.15rem;
	font-weight: bold;

	color: var(--accent-color-green);
	background-color: var(--accent-color-dark-2);
}
.green-btn {
	display: inline-block;

	padding: 0.65rem 0rem;
	border-radius: 0.2rem;
	max-width: 9.5rem;
	width: 100%;
	
	font-family: 'Red Hat Display';
	font-size: 0.9rem;
	text-align: center;
	font-weight: bold;

	color: var(--primary-color);
	background-color: var(--accent-color-green);
}
.fancy-btn {
	display: inline-block;

	width: 18rem;
	border-radius: 0.8rem;
	padding: 1rem 2.25rem 0.9rem;
	
	font-family: 'Pilat Extended Demi';
	font-size: 1.15rem;
	text-align: left;

	color: var(--accent-color-green);
	background-color: var(--accent-color-dark-2);
}
	.fancy-btn::after {
		content:url(../images/icons/arrow-green.svg);
		width: 0.6rem;
		margin: 0.25rem auto 0 0;
		float:right;
	}

/*------------------------------------*\
	STOP EDITING HERE
 *------------------------------------*
	IMAGES
\*------------------------------------*/
img {
	max-width:100%;
	vertical-align:bottom;
}


/*------------------------------------*\
	GLOBAL
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	font-smooth: always;
	/* @Calvin */
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/
.pillar, .flex-pillar {
	padding: 1.5rem var(--page-margin);
	max-width: var(--max-width);
	margin: auto;
}
.flex, .flex-pillar {
	display: flex;
	flex-wrap: wrap;
}
.flex-align-center {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.flex-center { justify-content: center; }
.sub-pillar { padding: 1.5rem var(--page-margin) 1.5rem 0rem; }


@media only screen and (max-width: 1023px) {
	/* RenewTech Accordian (Accordion Breaks JS) */
	.carfind .content-sidebar {
		width: calc( 100% - var(--page-margin) );
		top: 0;
		margin: auto;
	}
	.carfind .content-left {
		width: calc( 100% - var(--page-margin) );
	}
}

@media only screen and (max-width: 786px) {
	#mobile-nav {
		text-align: right;
	}
}

/* Medium and Large Only*/
@media only screen and (min-width: 787px) {
	.home .section-hero { background-image: url(../images/hero/home.webp); min-height: 795px; }
		.home h1 { margin:9.5rem 0 0; }
		.home h2 { font-size: 1.5rem; }
	.about .section-hero { background-image: url(../images/hero/about.webp); min-height: 795px; }
	.about .section-green { background-image: url(../images/hero/supplier.webp); min-height: 429px; }
	.contact .section-hero { background-image: url(../images/hero/contact.webp?v=1.1); min-height: 595px; }
	.renewtech .section-hero { background-image: url(../images/hero/renewtech.webp); min-height: 547px; background-position: center; }
	.sa-drive .section-hero { background-image: url(../images/carfind/savm-sp-hero-shape.svg); min-height: 440px; background-position: center; }
	.renewtech .section-hero { background-image: url(../images/carfind/savm-rt-hero-shape.svg); min-height: 440px; background-position: center; }

	.items-include-p {
		font-size: 1rem;
	}

	p, .bullet-list { font-size: 1.1rem; }

	.brand-container { column-gap: 2.5rem; }
	.brand-ico { height: 3.5rem; }

	.supplier-ico { width: 15rem; margin: 0 0 1.5rem;}

	.info-tile {
		height: 10rem;
		border-radius: 0.8rem;
		position: relative;
		padding: 0;
	}
	.info-tile img {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 2rem;
	}

	.tile-1 { width: calc(25% - 0.5rem); }
	.tile-2 { width: calc(75% - 0.5rem); }
	.tile-3 { width: calc(43% - 0.5rem); }
	.tile-4 { width: calc(57% - 0.5rem); }

	.section-white .flex-pillar { padding: 5rem var(--page-margin); }
	.section-grey .flex-pillar { padding: 5rem var(--page-margin); }

	.nav-logo {
		height: 2.4rem;
		width: 7.6rem;
		/* height: 3rem;
		width: 9.5rem; */
		/* max-height: 2.25rem; */
	}

	/* Mobile Menu */
	#close, #open, #hr-top { display: none; }

	/* Footer Menu */
	.main-footer .col-lg-3 {
		flex: calc(25% - 1rem);
	}

	.blue-inner { margin-bottom: 5rem; }

	#nav-items {
		display: block !important;
	}
	#nav-items ul{
		max-width: 540px;
		margin-left: auto;
	}

	/* RenewTech Sidebar */
	.sub-pillar { padding: 1.5rem var(--page-margin) 1.5rem 0rem; }
}

/* Custom <br> Breakpoint */
@media only screen and (max-width:1450px) {
	.desktop-break {
		display: none;
	}
}
/* Medium Breakpoint and Down */
@media only screen and (max-width:1280px) {
	/* RenewTech Disclaimer, Content Reverse */
	.disclaimer-content {
		display: flex;
		flex-direction: column-reverse;
	}
	.disclaimer {
		padding-left: 0rem;
	}
	.renewtech h2 {
		font-size: 1.6rem;
	}
}
/* Page Margin Adjustment */
@media only screen and (max-width: 1100px) {
	:root {
		--page-margin: 2.5rem;
	}
}
@media only screen and (max-width: 900px) and (min-width: 787px) {
	.covered-desc {
		width: 100%;
	}
}

@media only screen and (max-width: 425px) {
	.mobile-img-width img {
		width: 50px;
	}
	.carfind-background {
		max-width: 85px;
	}
	.position-bottom-left {
		margin: 0 !important;
	}
	#mobile-nav {
		padding: 0.5rem var(--page-margin);
	}
	.heading-h2-bold {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	.heading-h3-bold {
		font-size: 0.8rem;
	}
	.heading-h3 {
		font-size: 0.5rem;
		font-family: 'Pilat Regular';
		opacity: 75%;
	}
	.para {
		font-size: 0.5rem;
	}
	p {
		font-size: 0.9rem;
		line-height: 1rem;
	}
	.items-include-p {
		font-size: 0.8rem;
	}
	.items-like-p {
		font-size: 0.8rem;
		margin-bottom: 5px;
	}
	.padding-right-10 ,.padding-left-right-10 , .padding-left-10 {
		padding: 0;
	}
	.includes-items-like li {
		font-size: 0.7rem;
	}
	.margin-top-10 {
		margin-top: 5px;
	}
	.pillar, .flex-pillar {
		padding-bottom: 0px;
		padding-top: 15px;
	}
	.dark-inner {
		padding: 0.5rem 1rem !important;
	}
	.accent-color-green {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.dark-inner h3 {
		font-size: 0.8rem;
	}

}

@media only screen and (min-width: 426px) and (max-width: 787px) {
	.carfind-background {
		max-width: 175px;
	}
	.heading-h2-bold {
		font-size: 1.5rem;
	}
	.heading-h3-bold {
		font-size: 1.2rem;
	}
}

/* Small Breakpoint and Down */
@media only screen and (max-width: 786px) {
	/*------------------------------------*\
		VARIABLES
	\*------------------------------------*/
	:root {
		--page-margin: 1.5rem;
		--min-header-height: 215px; /* Mobile */
		--min-footer-height: 690px; /* Mobile */
	}

	/*------------------------------------*\
		TYPOGRAPHY
	\*------------------------------------*/
	h1 { font-size: 1.4rem; }
	h2 { font-size: 1.25rem; }
	.product .hero-pretext {
		font-size: 0.75rem;
	}
	.product h1 {
		font-size:1.45rem;
	}
	.product .hero-subtext {
		font-size: 0.9rem;
	}
	.accordian-section-title-handle h3 {
		padding: 0rem var(--page-margin);
	}
	.arrow-down h3::before,.arrow-up h3::before {
		width: 0.45rem;
		margin: 0 0.7rem 0 0;
	}

	/*------------------------------------*\
		Page Structure - Mobile Menu
	\*------------------------------------*/
	#close, #nav-items, #hr-top {
		display: none;
	}
	#close {
		position: fixed;
		top: 30px;
		right: 30px;
		height: 1rem;
	}
	#open {
		position: absolute;
		top: 30px;
		right: 30px;
		height: 1rem;
	}
	#hr-top {
		position: fixed;
		top: 86px;
		right: 0;
	}
	#close, hr, .nav-logo {
		z-index: 20;
	}
	#nav-items {
		padding-top: 90px;
		position: fixed;
		top: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		z-index: 10;
		background-color: var(--primary-color);
	}
	#mobile-nav li {
		font-size: 1rem;
		margin-top: 1.75rem;
		text-align: left;
		margin-left: var(--page-margin);
		font-family: 'Pilat Extended Demi';
		font-weight: bold;
	}
	#mobile-nav a:hover {
		color: var(--accent-color-green);
		text-decoration: underline;
	}
	/*------------------------------------*\
		MISC
	\*------------------------------------*/
	.fancy-btn {
		width: 100%;
		font-size: 0.65rem;
		padding: 1rem;
	}
	.home .section-green a, .home .section-hero p {
		font-size: 0.8rem;
	}
	.fancy-btn::after, .home .section-green a:after {
		width: 0.45rem;
		margin: 0.1rem 0 0 0.2rem;
	}
	.carfind .content-sidebar {
		top: 0 !important;
	}

	.content-left { width: 100% !important; }
	.content-sidebar { width: 100%; }

	.section-green .flex-pillar, .section-green .pillar {
		padding: 1.5rem var(--page-margin);
	}

	.accordian-section-content { padding: 1.25rem var(--page-margin); }
	.section-accordian .pillar { padding: 0rem 0rem 1.5rem 0rem; }
	.sub-pillar { padding: 0; }

	.dark-inner {
		padding: 1.5rem var(--page-margin);
		border-radius: 0rem;
	}
	.covered-desc {
		width: calc(100% - 6.25rem);
	}
	.covered-ico-box {
		width: 6.25rem;
	}
	.covered-ico {
		height: 5.25rem;
		width: 5.25rem;
		padding-right: 1rem;
	}
}
@media only screen and (max-width: 360px) {
	.covered-desc h4 {margin: 0;}
	.covered-desc {
		width: 100%;
	}
	.covered-ico {
		height: 5.25rem;
		width: 5.25rem;
		padding-right: 0rem;
		margin-bottom: 0.5rem;
	}
}

/*------------------------------------*\
	COLUMNS
\*------------------------------------*/
/* 12 Column Structure Large */
.col-lg-0 {flex-grow: 1}
.col-lg-1 {flex:8.333333333333333%;}
.col-lg-2 {flex:16.66666666666667%;}
.col-lg-3 {flex:25%;}
.col-lg-4 {flex:33.33333333333333%;}
.col-lg-5 {flex:41.66666666666667%;}
.col-lg-6 {flex:50%;}
.col-lg-7 {flex:58.33333333333333%;}
.col-lg-8 {flex:66.66666666666667%;}
.col-lg-9 {flex:75%;}
.col-lg-10 {flex:83.33333333333333%;}
.col-lg-11 {flex:91.66666666666667%;}
.col-lg-12 {flex:100%;}

body .lg-hide {display:none !important;}
body .lg-show {display:block !important;}
	

/* 12 Column Structure Medium */
@media only screen and (max-width:1280px) {
	.col-md-1 {flex:8.333333333333333%;}
	.col-md-2 {flex:16.66666666666667%;}
	.col-md-3 {flex:25%;}
	.col-md-4 {flex:33.33333333333333%;}
	.col-md-5 {flex:41.66666666666667%;}
	.col-md-6 {flex:50%;}
	.col-md-7 {flex:58.33333333333333%;}
	.col-md-8 {flex:66.66666666666667%;}
	.col-md-9 {flex:75%;}
	.col-md-10 {flex:83.33333333333333%;}
	.col-md-11 {flex:91.66666666666667%;}
	.col-md-12 {flex:100%;}
	
	body .md-hide {display:none !important;}
	body .md-show {display:block !important;}
}

/* 12 Column Structure Small */
@media only screen and (max-width: 786px) {
	.col-sm-1 {flex:8.333333333333333%;}
	.col-sm-2 {flex:16.66666666666667%;}
	.col-sm-3 {flex:25%;}
	.col-sm-4 {flex:33.33333333333333%;}
	.col-sm-5 {flex:41.66666666666667%;}
	.col-sm-6 {flex:50%;}
	.col-sm-7 {flex:58.33333333333333%;}
	.col-sm-8 {flex:66.66666666666667%;}
	.col-sm-9 {flex:75%;}
	.col-sm-10 {flex:83.33333333333333%;}
	.col-sm-11 {flex:91.66666666666667%;}
	.col-sm-12 {flex:100%;}
		
	body .sm-hide {display:none !important;}
	body .sm-show {display:block !important;}
}

/* Retina Display Accommodation */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	  only screen and (min-resolution:144dpi) {
}