/*
	Theme Name: V1 Child
	Template:V1
*/

#header-menu a[href="#"] {cursor:default;}
.sub-menu {top:calc(50% + 25px);text-align:center;background-color:#363636!important;border-radius:40px;}
.sub-menu:before {content:'';position:absolute;top:-10px;width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #363636 transparent;transform:translateX(-10px);}

.topbar a i {color:white;padding-right: 10px;transition:500ms;}
.topbar a  {color:white;transition:500ms;}
.textwidget.custom-html-widget a:nth-child(1) i {padding-bottom:10px;}
.topbar a:hover p {color:#4e4f51;}
.topbar a p {font-size:22px;line-height:32px;}
.topbar a:hover i {color:#4e4f51;}


@media only screen and (min-width:1024px) {
	#header.scrolled .menu .sub-menu a {color:#fff;}
	#header.scrolled .menu .sub-menu a:hover {color:#f8a23e;}
}

.title-area:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.25);}
.title-area .container {position:relative;}

.cta h2 {color:#fff;}

#footer .col-1 .widget_text {margin-top:30px;}
#footer .col-1 ul + ul {margin-top:15px;}
#footer .col-1 .small {font-size:12px;line-height:20px;margin:0 auto;max-width:375px;}
#footer ul li i { font-size: 35px; color: darkgray; margin-bottom: 10px;}

.product-cats {display:grid;grid-template-columns:repeat(6,1fr);grid-gap:30px;text-align:center;}
.product-cat-image {border-radius:40px;overflow:hidden;margin-bottom:15px;position:relative;}
.product-cat-image:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f8a23e;opacity:0;transition:opacity 500ms;}
.product-cat:hover .product-cat-image:before {opacity:0.8;}
.product-cat h4 {color:#4e4f51;transition:color 500ms;}
.product-cat:hover h4 {color:#f8a23e;}

.products {display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;text-align:center;}
.product-image {border-radius:40px;overflow:hidden;margin-bottom:15px;position:relative;padding-bottom: 100%;background-position: center;background-size: cover;}
.product-image:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f8a23e;opacity:0;transition:opacity 500ms;}
.product:hover .product-image:before {opacity:0.8;}
.product p {color:#4e4f51;font-weight:700;transition:color 500ms;}
.product:hover p {color:#f8a23e;}

#new-used {text-align:center;margin-bottom:30px;}
#new-used h4 {margin-bottom:10px;}
#new-used > span {font-weight:bold;}

.filter span {margin:0 10px;font-weight:700;cursor:pointer;transition:color 500ms;}
.filter span.active {color:#f8a23e;}
/*
.switch {position:relative;display:inline-block;width:50px;height:30px;margin:0 10px;}
.switch input {opacity:0;width:0;height:0;}
.slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4e4f51;-webkit-transition:.4s;transition:.4s;}
.slider:before {position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
input:checked + .slider:before {-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
.slider.round {border-radius:15px;}
.slider.round:before {border-radius:50%;}
.toggle.on span:first-child,
.toggle.off span:last-child {color:#f8a23e;}
*/

body.single-product #header .menu > li > a {color:#4e4f51;}
body.single-product #header .menu li a:hover {color:#f8a23e;}
body.single-product #content {background-color:#f3f3f3;}
.product-page {padding-top:130px;}
.product-top {padding-top:50px;display:grid;grid-template-columns:50% 50%;align-items:center;grid-gap:50px;}
.product-top h3 {color:#4e4f51;font-size:30px;line-height:40px;margin-bottom:70px;}
.product-top .jawn_button {margin-top:30px;}
.product-slider {padding:0 30px;}
.product-slider .slick-prev {position:absolute;top:calc(50% - 15px);left:0;}
.product-slider .slick-next {position:absolute;top:calc(50% - 15px);right:0;}
.product-lower {padding:80px 0;}
.product-lower h4 {color:#f8a23e;}
.product-features {margin-top:20px;padding:35px;background-color:#fff;}
.product-features hr {border:none;border-top:1px solid #ccc;margin-top:1em;margin-bottom:1em;}
.product-features p:not(:last-child),
.product-features ul:not(:last-child) {margin-bottom:1em;}
.product-features table {border-top:1px solid #ccc;margin-top:0.5em;padding-top:0.5em;}
.product-features table td {width:50%;}
.product-slider .slick-dots li {margin-right:0;}
.product-slider .slick-dots li button {height:16px;width:16px;}
.product-slider .slick-dots li button:before {background-color:#d9d9d9;}
.product-slider .slick-dots li.slick-active button:before {background-color:#f8a23e;}

@media only screen and (max-width:1300px) {
	#header.scrolled .logo-holder img {padding: 20px 0 !important;}
	 header .menu > li > a {line-height: 40px !important; padding-right:0 !important;}
	.menu-holder {padding-top: 30px;}
}

@media only screen and (max-width:1023px) {
	header .menu a, header .menu .sub-menu li a {color: black; text-align:center;}
	
	.products {grid-template-columns:repeat(3,1fr);}
	
	#footer .footer-4-cols {flex-direction: column; justify-content: center; align-items: center !important; margin:0;}
	#footer .footer-col:not(:first-child) {padding-top: 15px;}
	#footer .footer-4-cols .footer-col {width:100%; margin-bottom:15px;}
	
	.product-top {display:flex;flex-direction:column-reverse;flex-wrap:wrap;}
	.product-top-right {width:100%;}
	.product-top h3 {margin-bottom:30px;}
}

@media only screen and (max-width:767px) {
	.jawn_button {font-size:16px;}
	
	h1 {font-size:45px; line-height:55px;}
	h2 {font-size:40px; line-height:45px;}
	h3 {font-size:30px; line-height:40px;}
	
	.title-area {padding-top:90px!important;height:275px!important;}
	.title-area h1 {font-size:40px;line-height:45px;}
	
	#mobile-header .logo-holder {height:90px;}
	#header:not(.scrolled) .logo-holder img {padding: 20px 0 !important;}
	
	.footer-top-inner {padding: 80px 0 !important;}
	
	.products {grid-template-columns:repeat(2,1fr);}
	.product p {font-size:15px;line-height:20px;}
	
	.product-page {padding-top:90px;}
	.product-top {grid-gap:30px;}
	.product-top h3 {font-size:25px;line-height:30px;}
	.product-lower {padding-top:50px;}
	.product-features {padding:25px;}
	.product-features table tr {display:block;margin-bottom:8px;}
	.product-features table td {display:block;width:100%;}
	.product-features table td:first-child {font-weight:700;}
}