/*   
Theme Name: Giorik Parts
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 1.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

body{}
body, select, input, textarea{ font-family: "Montserrat", Helvetica, Arial, sans-serif;}

a{ color: #FF2C10;}
a:hover, a:focus{ color: #000;}
.button, button{ -webkit-appearance: none; display: inline-block; border: none; background-color: #000; color: #fff; font-size: 16px; line-height: 16px; padding: 15px 25px; text-decoration: none;}
.button:hover, button:hover, .button:focus, button:focus{ background-color: #FF2C10; color: #fff;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

h1, h2, h3, h4, h5, h6{ line-height: normal; font-weight: 500;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

.page-wrap{}
.wrapper, .container{ width: 90%; max-width: 1400px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header{ background-color: #000; font-size: 18px; padding: 10px 0; color: #fff;}
.header .container{ justify-content: space-between; max-width: 100%; align-items: center;}
.header .logo{ max-width: 250px;}
.header .header-right{ display: flex; justify-content: space-between; align-items: center;}
.header .quote{ font-size: 30px;}
.header .quote a{ color: #fff;}
.header .quote a:hover{ color: #FF2C10;}
.header .nav .menu{ display: flex; align-items: center;}
.header .nav li{ margin-right: 40px;}
.header .nav li i{ margin-right: 5px;}
.header .nav a{ color: #fff;}
.header .nav li:hover > a{ color: #FF2C10;}
.header .nav li.menu-item-has-children a:after{ content: "\f0d7"; font-family: "Font Awesome", FontAwesome, "Font Awesome 6 Free"; font-size: 8px; margin: 0 0 0 7px; float: right;}
.header .nav li.menu-item-has-children li a:after{ content: "";}
.header .nav .sub-menu{ background-color: #000; left: auto; right: -10px; text-align: right; padding: 10px; font-size: 14px; z-index: 999;}
.header .nav .sub-menu li{ margin: 0;}
.header .nav .sub-menu li a{ padding: 5px;}
.header .nav .nav-button a{ background-color: #FF2C10; padding: 3px 15px; font-weight: 500;}
.header .nav .nav-button a:hover{ background-color: #fff !important; color: #000 !important;}

.content{ font-weight: 300;}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.content.default .wrapper{ max-width: 960px; padding: 60px 0 100px;}
.content.default h1{ font-size: 42px; margin-bottom: 15px; text-align: center;}
.content.default .gform_body input, .content.default .gform_body textarea{ border: 1px solid #000;}
.meta{}

.sidebar{}

.navigation{ padding: 0; text-align: center;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ color: #fff; text-decoration: none;}
.navigation li{ display: inline;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ background-color: #666; cursor: pointer;}
.navigation li a:hover, .navigation li.active a{ background-color: #333;}

.search-form{}
.search-input{}
.search-submit{}

.footer{ background-color: #000; text-align: center; padding: 40px 0 100px; color: #fff; font-size: 14px; line-height: 18px;}
.footer img{ max-width: 150px; margin-bottom: 20px;}
.footer a{ color: #fff; text-decoration: none;}
.footer a:hover{ color: #FF2C10;}
.footer ul, .footer .address{ margin-bottom: 20px;}
.footer li{ display: inline-block; margin: 0 5px;}
.footer li:after{ content: ""; border-right: 1px solid #444; padding-right: 10px;}
.footer li:nth-last-of-type(1):after{ border: none; padding: 0;}
.footer .credit{ font-size: 12px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #222;}

.video-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/* Homepage */

.home .hero{ background-size: cover; background-position: center center; position: relative; display: flex; align-items: center; justify-content: center; height: 600px;}
.home .hero:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
.home .hero .wrapper{ position: relative; z-index: 1; max-width: 960px;}
.home .hero h1{ color: #fff; font-size: 48px; line-height: 54px; text-align: center;}

.home .services{ display: grid; grid-template-columns: repeat(3,1fr);}
.home .services .single-service{ padding: 45px 7.5%; display: flex; align-items: center; position: relative;}
.home .services .single-service h2{ font-size: 24px; line-height: 28px; font-weight: 400;}
.home .services .single-service{ color: #fff; text-decoration: none;}
.home .services .single-service:nth-of-type(1){ background-color: #000;}
.home .services .single-service:nth-of-type(2){ background-color: #FF2C10;}
.home .services .single-service:nth-of-type(3){ background-color: #444;}
.home .services .service-icon{ height: 70px; width: 70px; margin-right: 20px;}
.home .services a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.home .fwimg{ background-position: center center; background-size: cover;}
.home .fwimg:after{ content: ""; padding-bottom: 35%; display: block;}

.home .intro{ display: flex; flex-direction: row-reverse;}
.home .intro .intro-content, .home .intro .intro-visual{ width: 50%; box-sizing: border-box;}
.home .intro .intro-content{ padding: 100px 60px; font-size: 16px; line-height: 30px; background-color: #FF2C10;}
.home .intro .intro-content h2{ font-size: 36px; line-height: 40px; color: #fff;}
.home .intro .intro-content p:nth-last-of-type(1){ margin-bottom: 20px;}
.home .intro .intro-content a{ color: #000; font-weight: bold; text-decoration: none; font-size: 18px;}
.home .intro .intro-content a:hover{ color: #fff;}
.home .intro .intro-visual{ background-size: cover; background-position: center center;}

.cta{ background-color: #DA595C; padding: 80px 0; color: #000;}
.cta .container{ justify-content: space-between; max-width: 900px; align-items: center;}
.cta .cta-intro{ padding-right: 10%; width: 50%; box-sizing: border-box; font-size: 18px; line-height: 28px;}
.cta .cta-intro h2{ font-size: 60px; color: #fff; margin-top: -150px; color: #fff;}
.cta .cta-form{ width: 50%; box-sizing: border-box;}
.gform_body input, .gform_body textarea{ padding: 20px !important; background: none; border: none; background-color: #fff;}
.gform_footer .button{ width: 100%; display: block; border: none; padding: 20px; box-sizing: border-box; background-color: #000; color: #fff; text-transform: uppercase;}
.gform_footer .button:hover{ background-color: #FF2C10;}


/* About */

.about .intro{ padding: 150px 0; font-size: 16px; line-height: 30px;}
.about .intro .wrapper, .services .intro .wrapper{ max-width: 700px;}
.about .intro .headline{ display: flex; align-items: center;}
.about .intro h1, .services .intro h1{ font-size: 60px;}
.about .intro img{ width: 200px; margin: 0 20px;}
.about .intro .headline:after{ content: "?"; font-size: 60px; line-height: 60px; font-weight: 500; display: block;}

.about .commitment{ position: relative; padding: 150px 0; font-size: 16px; line-height: 30px; color: #fff;}
.about .commitment:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
.about .commitment .wrapper{ max-width: 700px; position: relative; z-index: 1;}
.about .commitment h2{ font-size: 36px;}


/* Services */

.services .intro{ padding: 80px 0; background-size: cover; background-position: center center; position: relative; font-size: 16px; line-height: 30px;}
.services .intro:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.9);}
.services .intro .wrapper{ position: relative; z-index: 9;}

.services .services-grid{ background-color: #444; padding: 80px 0;}
.services .services-grid .grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 40px;}
.services .services-grid .single-service{ display: flex; align-items: stretch; justify-content: space-between;}
.services .services-grid .service-visual{ width: 40%; background-size: cover; background-position: center center;}
.services .services-grid .service-visual:after{ content: ""; padding-bottom: 100%; display: block;}
.services .services-grid .service-content{ width: 60%; box-sizing: border-box; padding: 40px; background-color: #DA595C; color: #fff; font-size: 14px; line-height: 21px;}
.services .services-grid .service-content h2{ font-size: 21px; color: #000;}
.services .services-grid .service-content .button{ margin-top: 30px; background-color: #000; color: #fff; font-size: 13px; line-height: 13px; text-transform: uppercase; padding: 15px 20px; text-decoration: none;}
.services .services-grid .service-content .button:hover{ background-color: #fff; color: #000;}


/* Support */

.support{ padding: 60px 0 100px;}
.support h1{ font-size: 42px; text-align: center;}
.support .wrapper, .woocommerce .content.default .wrapper{ max-width: 1400px;}

.support ul{ max-width: 800px; margin: 30px auto 0;}
.support ul li a{ padding: 8px; display: block; text-decoration: none; color: #000;}
.support ul li:nth-of-type(odd) a{ background-color: #f4f4f4;}
.support ul li a:hover{ color: #fff; background-color: #FF2C10;}

.facetwp-facet-document_categories{ text-align: center; margin-top: 25px;}
.facetwp-facet-document_categories .facetwp-radio{ display: inline; margin: 0 5px; background: none !important; padding: 0; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: .05em;}
.facetwp-facet-document_categories .facetwp-radio.checked{ color: #FF2C10;}
.facetwp-facet-document_categories .facetwp-counter{ display: none;}



/* Documents */

.login .logged-out{ text-align: center;}
.login .logged-out p{ margin-top: 10px;}
.login .logged-out .button{ margin-top: 30px;}


/* Quote */

.quote-fields input{ padding: 15px !important; height: auto !important;}


/* Login */

.login-form{ margin: 60px auto 100px; max-width: 500px; border: 1px solid #ccc; border-radius: 8px; padding: 45px; box-sizing: border-box;}
.login-form h1.form-headline{ margin-bottom: 30px; font-size: 24px;}
.login-form label{ display: block; text-transform: uppercase; font-size: 14px; text-align: left; margin-bottom: 5px;}
.login-form .input-container{ width: 100%; margin-bottom: 20px;}
.login-form .input{ border: none; background: none; border: 1px solid #ccc; padding: 15px; display: block; width: 100%; box-sizing: border-box;}
.login-form .lost-pw{ font-size: 14px;}


/* WooCommerce */

.woocommerce .site-main{ width: 90%; max-width: 1400px; margin: 60px auto 100px;}
.woocommerce .site-main:after{ content: ""; clear: both; display: table;}
.woocommerce .page-title{ text-align: center; font-size: 48px; margin-bottom: 15px;}
.facetwp-facet-product_search .facetwp-input-wrap, .facetwp-facet-product_search input.facetwp-search{ width: 100%; margin: 0 auto; max-width: 600px; display: block; box-sizing: border-box;}
.facetwp-facet-product_search input.facetwp-search{ padding: 15px;}
.facetwp-facet-product_search .facetwp-icon{ right: 15px;}
.woocommerce .products .product{ display: flex; justify-content: space-between; align-items: center; max-width: 900px; margin: 0 auto 30px !important; float: none !important; border: 1px solid #e8e6e6; padding: 30px !important; box-sizing: border-box;}
.woocommerce .products .product a{ color: #000;}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{ float: none; text-align: center; font-size: 14px; margin-bottom: 30px;}
.product-content-wrapper{ display: flex; align-items: center; justify-content: space-between;}
.product-content-wrapper img{ margin: 0 30px 0 0 !important; width: 150px !important;}
.product-content-wrapper h2{ font-size: 21px !important;}
.woocommerce .site-main a.button, .woocommerce .site-main button.button, .woocommerce .site-main input.button, .woocommerce #respond input#submit, .woocommerce #payment #place_order, .woocommerce input[type="submit"], .woocommerce .button, .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product .button, .woocommerce div.product .single_add_to_cart_button, .woocommerce-cart .actions .button, .woocommerce-cart .cart_totals .checkout-button, .woocommerce-checkout .button{ background-color: #FF2C10 !important; padding: 10px 15px !important; font-weight: 500 !important; border-radius: 0 !important; font-size: 16px !important; line-height: 16px !important; color: #fff !important; text-decoration: none !important; text-align: center !important; border: none !important; cursor: pointer !important;}
.woocommerce .site-main a.button:hover, .woocommerce .site-main button.button:hover, .woocommerce .site-main input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #payment #place_order:hover, .woocommerce input[type="submit"]:hover, .woocommerce .button:hover, .woocommerce ul.products li.product a.button:hover, .woocommerce ul.products li.product .button:hover, .woocommerce div.product .single_add_to_cart_button:hover, .woocommerce-cart .actions .button:hover, .woocommerce-cart .cart_totals .checkout-button:hover, .woocommerce-checkout .button:hover{ background-color: #000 !important; color: #fff !important;}
.facetwp-facet-product_pager{ text-align: center;}
.facetwp-facet-product_pager button{ background-color: #000; padding: 10px 15px; font-weight: 500; border-radius: 0; font-size: 16px;line-height: 16px; color: #fff !important; text-decoration: none; text-align: center; border: none; cursor: pointer; font-family: "Montserrat", Helvetica, Arial, sans-serif;}
.facetwp-facet-product_pager button:hover{ background-color: #FF2C10;}
.single-product h1{ font-size: 36px;}
.single-product .product-description{ font-size: 21px; margin-bottom: 15px;}
.single-product .price{ margin-bottom: 30px;}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .widget_price_filter .price_slider_amount .price_label, .woocommerce-cart .cart_item .product-subtotal .amount, .woocommerce-cart .cart_totals .order-total .amount, .woocommerce-checkout-review-order-table .order-total .amount{ color: #FF2C10;}
.adf-main-qoute-page .addify-quote-form.template_one .af-quote-field-table{ max-width: 100% !important;}
.woocommerce .quantity .qty{ padding: 6px 0;}
.single-product .woocommerce-product-short-description{ margin-bottom: 20px; font-size: 21px;}
.single-product .product-description{ clear: both; padding-top: 30px; font-size: 14px; line-height: 21px;}
.single-product .product-description .model-heading{ font-weight: 600; text-transform: uppercase;}

.woocommerce-MyAccount-navigation{ list-style: none; margin: 0;}
.woocommerce-MyAccount-navigation li{ display: block; float: none; border-bottom: 1px solid #ccc;}
.woocommerce-EditAccountForm input{ padding: 10px !important;}

.loop-stock-qty{ font-weight: 500; margin-top: 10px; color: #FF2C10; font-size: 14px;}


/* Shop Hero */

.shop-hero{ background-size: cover; background-position: center center; position: relative; display: flex; align-items: center; justify-content: center; height: 450px;}
.shop-hero:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
.shop-hero .wrapper{ position: relative; z-index: 1; max-width: 960px; text-align: center;}
.shop-hero h1{ color: #fff; font-size: 48px; line-height: 54px;}
.shop-hero .subheadline{ color: #fff; font-size: 21px; line-height: 32px; margin-top: 20px; font-weight: 300;}


/* Shop Features */

.shop-features{ display: grid; grid-template-columns: repeat(2,1fr);}
.shop-features .single-feature{ padding: 45px 7.5%; display: flex; align-items: flex-start; color: #fff; background-color: #000; box-sizing: border-box;}
.shop-features .single-feature:nth-of-type(4n+2){ background-color: #FF2C10;}
.shop-features .single-feature:nth-of-type(4n+3){ background-color: #DA595C;}
.shop-features .single-feature:nth-of-type(4n+4){ background-color: #444;}
.shop-features .feature-icon{ width: 70px; min-width: 70px; margin-right: 20px;}
.shop-features .feature-icon img{ width: 100%; display: block;}
.shop-features .feature-content{ font-size: 15px; line-height: 26px; font-weight: 300;}
.shop-features .feature-content h2{ font-size: 24px; line-height: 28px; font-weight: 400;}
.shop-features .feature-content p{ margin-top: 10px;}
.shop-features .feature-content a{ color: #fff; text-decoration: underline;}
.shop-features .feature-content a:hover, .shop-features .feature-content a:focus{ color: #000;}


/* Media queries */

@media (max-width: 960px) {
	.header .container{ justify-content: space-between;}
	.header .nav{ display: none;}
	.home .services{ display: block;}
	.home .services .single-service, .cta .container{ flex-direction: column;}
	.home .services .service-icon{ margin: 0 0 20px 0;}
	.home .intro{ flex-direction: column-reverse;}
	.home .intro .intro-content, .home .intro .intro-visual, .cta .cta-intro, .cta .cta-form{ width: 100%;}
	.home .intro .intro-visual:after{ content: ""; padding-bottom: 56.25%; display: block;}
	.cta .cta-intro h2{ margin-top: 0;}
	.cta .cta-intro{ margin-bottom: 30px;}
	.services .services-grid .grid{ grid-template-columns: repeat(1,1fr);}
	.shop-features{ grid-template-columns: repeat(1,1fr);}
}

@media (max-width: 800px) {
	.home .hero h1, .cta .cta-intro h2, .shop-hero h1{ font-size: 36px; line-height: 42px;}
	.shop-hero{ height: auto; padding: 80px 0;}
	.shop-hero .subheadline{ font-size: 18px; line-height: 28px;}
	.shop-features .single-feature{ padding: 40px 7.5%;}
	.about .intro h1, .services .intro h1, .about .intro .headline::after{ font-size: 42px;}
	.about .intro img{ width: 130px; margin: 8px 10px 0;}
	.about .intro, .about .commitment{ padding: 60px 0;}
	.woocommerce .products .product, .product-content-wrapper{ flex-direction: column; text-align: center;}
	.product-content-wrapper img{ margin: 0 0 15px !important;}
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{ width: 100%; max-width: 400px;}
	.facetwp-facet-document_categories .facetwp-radio{ display: block; margin: 0 0 5px;}