/*!
	Theme Name: Skeleton Theme Child
	Theme URI: http://cmsmart.net
	Author: DJDezignz
	Author URI: http://djdezignz.com
	Description: This is a child theme of skeleton theme to be used for development of custom themes
	Version: 1.0.0
	Template: skeleton-theme-store
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: skeleton-theme-store
	Tags: responsive, custom-menu, custom-header, post-formats
*/
:root {
	--orange: #d39f5d;
}
/* ============================== */
/* ::::::::: Misc Styles :::::::: */
/* ============================== */
.heading {
	text-transform: uppercase;
}
.pattern-background {

}
.btn {
	--corner: 16px;
    clip-path: polygon(
            var(--corner)              0%,
            calc(100% - var(--corner)) 0%,
            100% 0,
            100% calc(100% - var(--corner)),
            calc(100% - var(--corner)) 100%,
            var(--corner)              100%,
            0% 100%,
            0% var(--corner)
    );
	font-family: "Chakra Petch", sans-serif;
	font-weight: 600 !important;
}
.btn.btn-ter {
	position: relative;
	border-radius: 0;
	span {
		position: relative;
		z-index: 1;
	}
}
.btn-ter:after {
	content: "" !important;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000 !important;
	--corner: 16px;
	clip-path: polygon(
		var(--corner)              0%,
		calc(100% - var(--corner)) 0%,
		100% 0,
		100% calc(100% - var(--corner)),
		calc(100% - var(--corner)) 100%,
		var(--corner)              100%,
		0% 100%,
		0% var(--corner)
	);
}
.btn.btn-ter:hover:after {
	background-color: #d39f5d !important;
}
.orange {
	color: var(--orange);
}
.list {
	font-family: "Chakra Petch", sans-serif;
	padding: 0;
	margin-top: 1.5em;
	li {
		text-transform: uppercase;
		margin-bottom: 1em;
		&::marker {
			content: "";
		}
		&::before {
			content: "";
			display: inline-block;
			margin-right: 1em;
			background-color: var(--orange);
			padding: 0.3em;
				--corner: 2px;
		    clip-path: polygon(
				var(--corner)              0%,
				calc(100% - var(--corner)) 0%,
				100% 0,
				100% calc(100% - var(--corner)),
				calc(100% - var(--corner)) 100%,
				var(--corner)              100%,
				0% 100%,
				0% var(--corner)
			);
		}
	}
}
.margin--0 {
	margin: 0 !important;
}
.no-padding-margin {
	.inner_cont, .vc_column-inner:has(img), .wpb_single_image {
		margin: 0 !important;
		padding: 0 !important;
		@media (min-width: 1300px) {
			margin: auto !important;
		}
	}
	.wpb_wrapper {
		height: 100%;
		.wpb_single_image, .vc_single_image-wrapper, img {
			height: 100%;
		}
	}
}
.common-spacing {
	padding: 3em 0 3em 1.5em !important;
	p {
		line-height: 1.5;
		width: 80%;
	}
	@media (max-width: 768px) {
		padding: 1.5em 0 !important;
		p {
			width: auto;
		}
	}
}
.font-lg {
	font-size: 3.5em !important;
}
.py-lg {
	padding-top: 3em !important;
	padding-bottom: 1.5em !important;
}
.breadcrumb_last {
	color: var(--orange);
	font-family: "Chakra Petch", sans-serif;
	text-transform: uppercase;
}
.custom_gallery .dj-gallery-thumbnail:hover {
	cursor: pointer;
}
.custom_gallery .dj-gallery-thumbnail:hover:before {
	content: none;
}
.custom_gallery .dj-gallery-thumbnail:before {
	content: "";
	position: absolute;
	inset: 13.5px 0 0 0;
	z-index: 1;
	display: inline-block;
	width: 100%;
	height: calc(100% - 13.5px);
	background-color: rgba(21, 21, 21, 0.6);
}
.custom_gallery .dj-gallery-thumbnail img, .custom_gallery .dj-gallery-thumbnail img:hover {
	border-top: 3.5px solid var(--orange);
}
.inner_cont {
	@media (max-width: 768px) {
		padding-right: 10px !important;
		padding-left: 10px !important;
		text-align: center !important;
	}
}
.line-height-one-and-a-half {
	line-height: 1.5;
}
.dj_container {
	overflow: initial;
}
/* ================================ */
/* ::::::::: Header Styles :::::::: */
/* ================================ */
.row:has(nav) {
	position: sticky;
	top: 0;
	z-index: 999;
}
nav .inner_cont {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
nav *:after {
	content: none !important;
}
nav.navbar-st .navbar-left .btn-ter {
	display: none;
}
.nav>li>a {
	text-transform: uppercase;
}
nav.navbar-st .nav>li.current-menu-item>a {
	text-decoration:  underline;
	text-underline-offset: 1em;
}
.navbar-right.cont > *, .navbar-right.cont .navbar-coll > * {
	@media (max-width: 830px)
	{
		float: none !important;
	}
}
/* ======================================= */
/* ::::::::: Custom Header Styles :::::::: */
/* ======================================= */

/* ==================================== */
/* ::::::::: Breadcrumb Styles :::::::: */
/* ==================================== */

/* ============================== */
/* ::::::::: Body Styles :::::::: */
/* ============================== */
/* Home */
.home nav {
	background-color: transparent;
}
.hero {
	.inner_cont {
		position: absolute;
		top: 0;
		left: 0;
		@media (max-width: 830px) {
			& {
				position: initial;
			}
		}
	}
	.wpb_content_element {
		margin-bottom: 0;
	}
	h2 {
		font-size: 3.1em !important;
		line-height: 1 !important;
		font-weight: bold !important;
		font-family: "Chakra Petch", sans-serif !important;
		text-transform: uppercase !important;
		@media (max-width: 767px) {
			& {
				font-size: 1.8em !important;
			}
		}
	}
	p {
		font-family: Mulish, sans-serif !important;
		margin:  1em auto !important;
		font-size: 1em !important;
		width: 50%  !important;
	}
	a {
		font-family: "Chakra Petch", sans-serif !important;
		font-weight: bold !important;
		padding: 0 !important;
	}
}
.banner {
	padding: 3em 0;
	margin-top: clamp(15em, -68.9em + 161.9vw, 32em) !important;
	@media (max-width: 830px) {
		& {
			margin-top: 0 !important;
		}
	}
}
.tinting-made-easy {
	padding: 5em 0;
	h2, .number {
		font-weight: 800;
		color: #000000;
	}
	.number {
		margin-right: 0.3em;
	}
	h3 {
		font-size: 1.3em;
		margin-top: 1em !important;
		margin-bottom: 0.8em;
	}
	.tinting-made-easy-border{
		padding-bottom: 3em;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		@media (max-width: 768px) {
			border: none;
		}
	}
	.tinting-made-easy-column {
		.wpb_content_element {
			margin: 0 !important;
		}
	}
}
.thmb.col_3 .dj-gallery-thumbnail-box, .grid.col_3 .dj-gallery-thumbnail-box {
	@media (max-width: 768px) {
		width: 100%;
	}
}
.ti-widget.ti-goog .ti-review-item>div.ti-inner {
	background-color: #000000 !important;
}
.ti-prev, .ti-next {
	--corner: 6px;
    clip-path: polygon(
            var(--corner)              0%,
            calc(100% - var(--corner)) 0%,
            100% 0,
            100% calc(100% - var(--corner)),
            calc(100% - var(--corner)) 100%,
            var(--corner)              100%,
            0% 100%,
            0% var(--corner)
    );
	font-family: "Chakra Petch", sans-serif;
	font-weight: 600 !important;
	background-color: var(--orange) !important;
	border-radius: 0 !important;
	&:before {
		border-color: #FFF !important;
	}
	&:hover:before {
		border-color: #FFF !important;
	}
}
.ti-widget.ti-goog .ti-controls div.ti-prev:hover, .ti-widget.ti-goog .ti-controls div.ti-next:hover, 
.ti-widget.ti-goog .ti-controls div.ti-prev:focus, .ti-widget.ti-goog .ti-controls div.ti-next:focus {
	background-color: var(--orange) !important;
}
.ti-widget.ti-goog .ti-controls div.ti-prev:hover:before, .ti-widget.ti-goog .ti-controls div.ti-next:hover:before, .ti-widget.ti-goog .ti-controls div.ti-prev:focus:before, .ti-widget.ti-goog .ti-controls div.ti-next:focus:before {
	border-color: #FFF !important;
}
#wpforms-form-224 {
}
div.wpforms-container-full .wpforms-form .wpforms-title {
	text-transform: uppercase;
	font-size: 2.5em;
	margin-bottom: 1em;
	font-family: "Chakra Petch", sans-serif;
}
.wpforms-container .wpforms-form .wpforms-field-label {
	text-transform: uppercase;
	font-family: "Chakra Petch", sans-serif;
	text-align: left !important;
}
input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password], input[type=search], select, textarea, .select2-container--default .select2-selection--single, div.wpforms-container .wpforms-form .wpforms-field-container input[type=date], div.wpforms-container .wpforms-form .wpforms-field-container input[type=datetime], div.wpforms-container .wpforms-form .wpforms-field-container input[type=datetime-local], div.wpforms-container .wpforms-form .wpforms-field-container input[type=email], div.wpforms-container .wpforms-form .wpforms-field-container input[type=month], div.wpforms-container .wpforms-form .wpforms-field-container input[type=number], div.wpforms-container .wpforms-form .wpforms-field-container input[type=password], div.wpforms-container .wpforms-form .wpforms-field-container input[type=range], div.wpforms-container .wpforms-form .wpforms-field-container input[type=search], div.wpforms-container .wpforms-form .wpforms-field-container input[type=tel], div.wpforms-container .wpforms-form .wpforms-field-container input[type=text], div.wpforms-container .wpforms-form .wpforms-field-container input[type=time], div.wpforms-container .wpforms-form .wpforms-field-container input[type=url], div.wpforms-container .wpforms-form .wpforms-field-container input[type=week], div.wpforms-container .wpforms-form .wpforms-field-container select, div.wpforms-container .wpforms-form .wpforms-field-container textarea {
	border: none !important;
	border-bottom: 1.5px solid #333333 !important;
}
::placeholder {
	color: #FFF !important;
}
div.wpforms-container .wpforms-form .wpforms-submit-container button[type=submit] {
	text-transform: uppercase;
	font-family: "Chakra Petch", sans-serif;
}
/*FAQ*/
.faq-accordion {
	padding: 3.5em 0 3em;
.vc_tta-panel {
	margin-bottom: 1.5em;}
.vc_active.vc_tta-panel {
	border-top: 3px solid #d39f5d;
}
.vc_tta-panel-heading {
	padding: 1em 0 !important;
}
.vc_tta-panel-title {
	font-size: 1em;
	text-transform: uppercase;
}
.vc_tta-panel-heading, .vc_tta-panel-body, .vc_tta-panel-title a {
	background: #000000 !important;
	color: #FFFFFF !important;
	border: none !important;
}
.vc_tta-controls-icon {
	width: 1.6em !important;
	height: 1.6em !important;
	background-color: #d39f5d !important;
	--corner: 6px;
	clip-path: polygon(
		var(--corner)              0%,
		calc(100% - var(--corner)) 0%,
		100% 0,
		100% calc(100% - var(--corner)),
		calc(100% - var(--corner)) 100%,
		var(--corner)              100%,
		0% 100%,
		0% var(--corner)
	);
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.vc_active .vc_tta-controls-icon:before {
	inset: 0 !important;
}
.vc_tta-controls-icon:before {
	z-index: 1;
	border-color: #FFFFFF !important;
	width: 0.6em;
	height: 0.6em;
	inset: 0 !important;
	position: relative !important;
	
}
.vc_tta-controls-icon:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0.5px;
	left: 0.5px;
	width: 1.525em;
	height: 1.525em;
	background-color: #000000  !important;
	--corner: 6px;
	clip-path: polygon(
		var(--corner)              0%,
		calc(100% - var(--corner)) 0%,
		100% 0,
		100% calc(100% - var(--corner)),
		calc(100% - var(--corner)) 100%,
		var(--corner)              100%,
		0% 100%,
		0% var(--corner)
	);
}
.vc_active .vc_tta-controls-icon:after {
		background-color: #d39f5d !important;
}
}
/*Contact*/
.address .vc_column-inner, .hours .vc_column-inner {
	background-color: #000000;
	padding: 2.5em 0 2.5em 2.5em !important;
	line-height: 1.5;
	.wpb_text_column {
		margin-bottom: 0;
	}
}
.car-positioning {
	position: absolute !important;
	right: 6%;
	@media (max-width: 768px) {
		position: relative !important;
	}
}
.window-tinting-leamington {
	padding: 0 8em;
	line-height: 1.5;
	@media (max-width: 768px) {
		padding: 0;
	}
}
/* ============================== */
/* ::::::::: Shop Styles :::::::: */
/* ============================== */

/* ============================== */
/* ::::::::: Post Styles :::::::: */
/* ============================== */

/* ================================= */
/* ::::::::: Related Styles :::::::: */
/* ================================= */

/* ================================== */
/* ::::::::: Comments Styles :::::::: */
/* ================================== */

/* ==================================== */
/* ::::::::: Pagination Styles :::::::: */
/* ==================================== */

/* ==================================== */
/* ::::::::: Login Form Styles :::::::: */
/* ==================================== */

/* ================================ */
/* ::::::::: Footer Styles :::::::: */
/* ================================ */
.footer .inner_cont {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	@media (max-width: 768px) {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}
.footer .inner_cont .navbar-left {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.footer .inner_cont .navbar-center {
	display: flex;
	flex-direction: column;
	text-align: left;
	h2 {
		font-size: 1.3em;
		margin: 0;
	}
	ul {
		display: flex;
		flex-direction: column;
		font-family: "Chakra Petch", sans-serif;
		padding: 0;
		margin-top: 1.5em;
		li {
			text-transform: uppercase;
			margin-bottom: 1em;
		&::marker {
			content: "";
		}
		&::before {
			content: "";
			display: inline-block;
			background-color: var(--orange);
			padding: 0.3em;
				--corner: 2px;
		    clip-path: polygon(
				var(--corner)              0%,
				calc(100% - var(--corner)) 0%,
				100% 0,
				100% calc(100% - var(--corner)),
				calc(100% - var(--corner)) 100%,
				var(--corner)              100%,
				0% 100%,
				0% var(--corner)
			);
		}
	}
	}
	a {
		display: inline;
	}
	@media (max-width: 768px) {
		text-align: center;
	}
}
.areas-served {
	text-align: left;
	h2 {
		font-size: 1.3em;
		margin: 0;
	}
	.areas-served__list {
		display: flex;
		gap: 3em;
		text-align: left;
		flex-wrap: wrap;
	}
	@media (max-width: 768px) {
		text-align: center;
	}
}
/* =============================== */
/* ::::::::: Media Styles :::::::: */
/* =============================== */