/*
	Theme Name: v215 Child
	Template:v215
	Author:The 215 Guys
	Author URI: https://www.the215guys.com
	Version: 1
*/

:root {
	--blue: #012354;
	--lightblue: #71BDFF;
}

.jawn_notification {background: linear-gradient(180deg,rgba(0, 78, 146, 1) 0%, rgba(1, 35, 84, 1) 100%); font-size: 15px; line-height: 25px;}
#header .header-bottom .menu-holder {grid-column: 1 / 3;justify-self: center;}
#header {box-shadow: 0 4px 4px rgb(0, 0, 0, .10);}
#header .header-bottom .header-icon-1 {position: absolute;right: 0;}
#header .header-bottom .header-icon-2 {position: absolute;right: 40px;}
#header .header-icon-1 a, #header .header-icon-2 a {font-size: 18px;color: #777;}
#header .header-bottom .container {position: relative;}
#header .header-search a {pointer-events: none; line-height: 0;}
#header .header-search form {pointer-events: auto;}
#header .header-search input {border-radius: 30px;border: 1px solid #777;padding: 5px 12px;text-indent: 20px;font-family: inherit;}
#header .header-search form {position: relative;}
#header .header-search button {position: absolute;left: 5px;top: 7px;background: none;border: none;font-size: 16px;color: #777; cursor: pointer;}
#header .header-bottom .header-search {position: absolute;right: 80px;line-height: 100px;}
#header .header-bottom .header-icon-1 a:hover, #header .header-icon-2 a:hover {color: var(--blue);}
#header.scrolled .header-bottom .header-search {line-height: 80px;}

.title-area {padding-top: 30px; padding-bottom: 30px;}

.products-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.product-item a {border: 1px solid #EFEFEF;background: white;display: flex;justify-content: center;flex-wrap: wrap;padding: 30px 30px 0 30px;height: 100%;}
.products-grid img {max-height: 450px;transition: .5s;}
.products-grid h3 {font-size: 24px;line-height: 32px;color: #303030;font-weight: 400;padding: 20px 0;display: block;}
.products-grid .product-item-button {align-self: flex-end;font-size: 24px;line-height: 32px;font-weight: 500;background: var(--blue);color: white;display: block;width: calc(100% + 60px);margin-left: -30px; margin-right: -30px; padding: 10px; transition: .5s;}
.products-grid a:hover .product-item-button {background: var(--lightblue);}
.products-grid a:hover img {opacity: .8;}

.single-product .title-area {display: none;}
.single-product h1.product_title {font-size: 45px;line-height: 55px; color: var(--blue);text-transform: unset;}
.single-product .woocommerce-product-gallery__image img {aspect-ratio: 1/1; width: 100%; object-fit: contain; max-height: 500px;}
.single-product .summary .price span {font-size: 30px;line-height: 40px;font-weight: 600;color: var(--blue);}
.single-product .quantity .qty {height: 51px;font-size: 15px;border: 1px solid #bbb;border-radius: 5px; font-family: inherit;}
.single-product .button {background: var(--blue) !important;color: white !important;border-radius: 0 !important;padding: 0 25px !important;border: 2px solid var(--blue) !important;font-family: inherit;font-weight: 500 !important;font-size: 16px !important;line-height: 48px !important;}
.single-product .summary .product_meta {display: none;}
.single-product .variations select {height: 40px; border: 1px solid #bbb; border-radius: 5px; font-family: inherit;padding-left: 10px;}
.single-product .variations .label {text-align: left;}
.single-product .custom-text-add-to-cart {margin-bottom: 15px;}
.single-product .custom-text-add-to-cart p {margin-bottom: 8px !important;}
.single-product .variations tr > *:not(:last-child) {margin-bottom: 15px;display: block;}
.single-product .woocommerce-tabs > ul > li > a {font-size: 24px;line-height: 34px;color: var(--blue) !important;font-weight: 600 !important;}
.single-product .related.products h2 {font-size: 30px;line-height: 40px;margin-bottom: 20px;}
.single-product .woocommerce-loop-product__title {font-size: 24px !important;line-height: 32px !important;text-transform: unset;}
.single-product .single_variation p[role="alert"] {display: none;}
.single-product .related.products .button {margin-top: 00 !important;}.
.single-product section.products {float: left !important;}
.single-product .related .products {text-align: center;}
.single-product .related .price, .single-product .related .price strong {font-size: 20px !important;color: var(--blue) !important;font-weight: 600 !important;line-height: 28px;margin-top: -8px;}
.single-product .related.products img {transition: .5s;aspect-ratio: 1 / 1;object-fit: contain;width: 100%;}
.single-product .related.products ul.products {display: grid;grid-template-columns: repeat(4, 1fr);gap:20px;}
.single-product .related.products ul.products:before, .single-product .related.products ul.products:after {display: none;}
.single-product .related.products ul.products li {padding-left: 15px; padding-right: 15px; padding-top: 15px; border: 1px solid #EFEFEF; width: 100%;margin: 0;display: grid;}
.single-product .related.products ul.products li > .button {height: 50px;align-self: flex-end;width: calc(100% + 30px);margin-left: -15px;margin-right: -15px;}
.single-product .related.products ul.products li > * {width: 100%;}
.single-product .related.products li:hover .button {background: var(--lightblue) !important;border-color: var(--lightblue) !important;}
.single-product .related.products li:hover img {opacity: .8;}

/* .woocommerce-message a.button.wc-forward {margin-top: 10px;background: var(--blue);color: white;border-radius: 0;padding: 12px 24px;border: 2px solid var(--blue);text-transform: uppercase;font-size: 16px;line-height: 26px;margin-right: calc(100% - 155px);margin-left: 0;display: inline-block;float: none;} */
.woocommerce-cart a.checkout-button.button.alt.wc-forward {font-weight: 500; background: var(--blue);border-radius: 0;font-size: 18px;}
.woocommerce-cart h2 {font-size: 40px;line-height: 50px;margin-bottom: 10px;}
.woocommerce-cart #coupon_code {width: 150px !important;line-height: 30px;font-size: 16px;}
.woocommerce-cart .button[name="apply_coupon"], .woocommerce-cart .button[name="update_cart"] {background: var(--blue);color: white;border-radius: 0;font-weight: 500;font-size: 16px;font-family: inherit;padding: 12px 24px;border: 2px solid var(--blue);}
.woocommerce-cart .button[name="apply_coupon"]:hover, .woocommerce-cart .button[name="update_cart"]:hover {background: transparent; color: var(--blue);}
.woocommerce-cart .button[name="update_cart"][disabled] {font-weight: 500;color: white !important;border: 2px solid var(--blue);padding: 12px 24px !important;}
.woocommerce-cart .button[name="update_cart"][disabled]:hover {background: transparent !important; color: var(--blue) !important;}
.woocommerce-checkout button.fc-step__next-step.button,
.woocommerce-checkout button.fc-place-order-button[name="woocommerce_checkout_place_order"] {background: var(--blue);color: white;border-radius: 0;font-size: 18px;font-family: inherit;padding: 12px 24px;border: 2px solid var(--blue);font-weight: 500;}
.woocommerce-checkout button.fc-place-order-button[name="woocommerce_checkout_place_order"]:hover {background: transparent !important; color: var(--blue) !important;}
.woocommerce-checkout .fc-place-order {padding-top: 0;}
.woocommerce-checkout button#place_order {font-weight: 500;background: var(--blue);color: white;border-radius: 0;font-size: 18px;font-family: inherit;padding: 12px 24px;border: 2px solid var(--blue); margin-top: 20px;}
.woocommerce-checkout .woocommerce-error li {margin-left: 30px !important;}

.search.container {padding: 70px 0 100px 0;text-align:center;}

#footer .col-1 .widget_media_image a {background: white;border-radius: 100%;aspect-ratio: 1 / 1;object-fit: none;border: 10px solid white;width: 100%;max-width: 280px !important;padding: 20px;display: grid;align-items: center;}
#footer .widget_title {margin-bottom: 25px;}
#footer .col-1 {width: auto;}
#footer .col-2 {width: auto;}
#footer .col-3 {display: flex;gap: 30px;flex-wrap: wrap;width: 100%;max-width: 500px;justify-content: space-between;}
#footer .col-3 > * {width: auto;}
#footer .footer-top-inner > * {justify-content: space-between;}
#footer .footer-contact a {display: block;}
#footer .footer-contact a:not(:last-child) {margin-bottom: 10px;}
#footer .footer-contact i {margin-right: 10px;}

@media (max-width: 1400px) {
	#header .container {max-width: 1400px; padding: 0 30px;}
	#header .container {max-width: calc(100% - 20px);padding: 0 30px;margin: unset;}
}

@media (max-width: 1100px) {
	#header .header-search input {max-width: 150px;}
}

@media (max-width: 1023px) {
	#mobile-header {background: white;}
	#mobile-header #header-menu .header-search {display: none !important;}
	.header-search {position: absolute; top: 50%;right: 170px; transform: translateY(-50%);}
	#header .header-icon-2 {position: absolute;top: 50%;right: 135px;transform: translateY(-50%);}
	#header .header-icon-2 i {font-size: 22px;}
	#header .header-icon-1 {position: absolute;top: 50%;right: 100px;transform: translateY(-50%);}
	#header .header-icon-1 i {font-size: 22px;}
	#header #header-menu .header-icon-2 {display: none;}
	#header #header-menu .header-icon-1 {display: none;}
	
	.products-grid .product-item-button {font-size: 20px;line-height: 30px;}
	.products-grid h3 {font-size: 20px;line-height: 28px;}
	.product-item a {padding: 20px 20px 0 20px;}
	.products-grid .product-item-button {margin-left: -20px;margin-right: -20px;}
	
	.single-product .related.products h2 {font-size: 22px !important;line-height: 28px !important;}
	.single-product .related.products ul.products {grid-template-columns: repeat(2, 1fr);}
	.single-product .woocommerce-message .button {float: unset; margin-top: 7px;}
	
	.woocommerce-cart .woocommerce-wrapper, .woocommerce-checkout .woocommerce-wrapper {padding-top: 0;}
	
	#footer .col-2 {width: 100%;max-width: 200px;}
	#footer .col-3 {width: 33%;}
	#footer .col-3 .jawn_button {white-space: normal;line-height: 15px;padding: 10px 6px;text-align: center;font-size: 12px;}
	#footer .col-3 {width: 100%;max-width: 260px;}
}

@media (max-width: 767px) {
	.title-area {padding-bottom: 0 !important;}
	.title-area h1 {font-size: 50px; line-height: 60px;}
	
	.woocommerce-cart .button[name="apply_coupon"] {width: 100% !important; margin-top: 10px;}
	
	#mobile-header {padding-bottom: 50px;}
	#header .hamburger {top: 35px;}
	#header .header-icon-1 {bottom: 3px;top: unset;right: 35px;}
	#header .header-icon-2 {bottom: 3px;top: unset;right: 80px;}
	#header .header-search {bottom: 0;top: unset;left: 28px; max-width: 225px;width: 100%;}
	#header .header-search input {width: 100%;max-width: unset;}
	#header .logo-holder {height: 80px;}
	
	.products-grid {grid-template-columns: 1fr;}
	
	.single-product h1.product_title {font-size: 35px;line-height: 45px;}
	.single-product .related.products ul.products {grid-template-columns: 1fr;}
	.single-product .woocommerce-message .button {float: unset;margin-top: 7px;display: block;text-align: center;}
		
	#footer .col-2 {width: 100%;max-width: unset;}
	#footer .col-3 {width: 100%; max-width: unset;}
	#footer .col-3 .jawn_button {white-space: normal;line-height: 20px;padding: 12px 15px;text-align: center;font-size: 15px;}
}