/*   
Theme Name: Beaufurn
Author: Reuben Rink
Author URI: https://www.reubenrink.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 #d3e1d4;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}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}input[type=radio]{vertical-align:text-bottom}


/*Styles*/

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

a{ color: #748980;}
a:hover, a:focus{ color: #9fbfb1;}
.button, button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .woocommerce-button, .woocommerce .woocommerce-form-login__submit, .woocommerce .woocommerce-form-register__submit, .woocommerce .add_to_cart_button, .woocommerce .single_add_to_cart_button, .woocommerce div.product form.cart .single_add_to_cart_button{ -webkit-appearance: none; display: inline-block; font-size: 14px; line-height: 14px; font-weight: 600; padding: 15px 30px; border-radius: 1000px; color: #fff; background-color: #748980; text-decoration: none; border: none;}
.button:hover, button:hover, .button:focus, button:focus, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce .woocommerce-button:hover, .woocommerce .woocommerce-form-login__submit:hover, .woocommerce .woocommerce-form-register__submit:hover, .woocommerce .add_to_cart_button:hover, .woocommerce .single_add_to_cart_button:hover, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce #respond input#submit:focus, .woocommerce .woocommerce-button:focus, .woocommerce .woocommerce-form-login__submit:focus, .woocommerce .woocommerce-form-register__submit:focus, .woocommerce .add_to_cart_button:focus, .woocommerce .single_add_to_cart_button:focus, .woocommerce div.product form.cart .single_add_to_cart_button:hover{ background-color: #d2d2ae; color: #2c3331;}
#place_order, .wc-forward, .wc-block-components-button, .wc-block-components-checkout-place-order-button{ background-color: #748980 !important; color: #fff !important; border-radius: 1000px !important; border: none !important;}
#place_order:hover, .wc-forward:hover, .wc-block-components-button:hover, .wc-block-components-checkout-place-order-button:hover{ background-color: #d2d2ae !important; color: #2c3331 !important;}

.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
a, img, .button, button{ transition: all .15s ease 0s;}

/* Keyboard focus — visible outline for keyboard/AT users, invisible for mouse clicks.
   Added on top of the existing outline:0 reset; does not remove any existing rule. */
a:focus-visible, button:focus-visible, .button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible{ outline: 2px solid #748980; outline-offset: 2px;}

h1, h2, h3, h4, h5, h6{ line-height: normal; font-weight: 600;}
h1{ font-size: 48px;}
h2{ font-size: 36px;}
h3{ font-size: 30px;}
h4{ font-size: 24px;}
h5{ font-size: 21px;}
h6{ font-size: 18px;}
.more{ font-size: 18px; font-weight: 600; display: inline-block; margin-top: 15px; text-decoration: none; color: #d197a9; display: flex; align-items: center;}
.more:hover{ color: #2c3331;}
.more:after{ content: "\27F6"; margin: -3px 0 0 5px; transition: all .3s ease 0s;}
.more:hover:after{ margin: -3px 0 0 8px; transition: all .3s ease 0s;}

.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: #2c3331; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.header .container{ position: relative; justify-content: space-between; align-items: center; height: 100px;}
.header .logo{ max-width: 200px; position: absolute; top: 20px; left: 0; right: 0; margin: auto;}
.header .nav{ font-size: 16px; line-height: 16px; font-weight: 500;}
.header .nav a{ color: #fff; display: flex; align-items: center;}
.header .nav li:menu-item-has-children a:after{ content: "\f107"; font-family: "Font Awesome", FontAwesome, "Font Awesome 6 Free"; color: #748980; font-size: 8px; margin-left: 6px;}
.header .nav li:hover > a{ color: #748980;}
.header .utility{ display: flex; align-items: center; justify-content: space-between;}
.header .mobile-utility{ display: none;}
.header .utility img{ max-width: 30px; margin: 7px 20px 0 0;}
.header .search-form{ padding: 10px 0; margin-right: 20px;}
.header .search-form i{ font-size: 21px; float: left; color: #fff;}
.header .search-form .search-input{ position: absolute; opacity: 0; visibility: hidden; transition: all .3s ease-in-out 0s; padding: 14px; border: 1px solid #e4e4e4; font-size: 14px; right: 0; top: 22px; width: 0; z-index: 99; -webkit-appearance: none;}
.header .search-form:hover .search-input,.header .search-form .search-input:focus{ top: 22px; opacity: 1; visibility: visible; transition: all .3s ease-in-out 0s; width: 300px; right: 0;}
.header .search-form .search-input:focus{ outline-width: 0;}

/* AJAX Search Lite - header */
.header .asl_w_container{ padding: 10px 0; margin-right: 20px;}
.header #ajaxsearchlite1,
.header #ajaxsearchlite1 .probox{ background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; padding: 0 !important; margin: 0 !important; height: auto !important; overflow: visible !important;}
.header #ajaxsearchlite1 .probox{ display: flex !important; align-items: center; flex-direction: row-reverse;}
.header #ajaxsearchlite1 button.promagnifier{ background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; cursor: pointer; line-height: 1; flex-shrink: 0; -webkit-appearance: none; appearance: none; display: flex; align-items: center; justify-content: center;}
.header #ajaxsearchlite1 button.promagnifier:focus{ outline: none !important; box-shadow: none !important; border: none !important;}
.header #ajaxsearchlite1 button.promagnifier::before,
.header #ajaxsearchlite1 button.promagnifier::after{ display: none !important; border: none !important;}
.header #ajaxsearchlite1 button.promagnifier span.innericon{ border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; display: flex !important; align-items: center; justify-content: center;}
.header #ajaxsearchlite1 button.promagnifier span.innericon svg{ fill: #fff !important; width: 21px !important; height: 21px !important; border: none !important; display: block;}
.header .utility .button{ white-space: nowrap;}
.header .cart-icon-link{ position: relative; display: flex; align-items: center; color: #fff; font-size: 21px; text-decoration: none; line-height: 1;}
.header .utility .cart-icon-link{ margin-right: 20px;}
.header .mobile-utility .cart-icon-link{ margin-right: 15px;}
.header .cart-count{ position: absolute; top: -8px; right: -10px; background-color: #f1cc6c; color: #2c3331; font-size: 10px; font-weight: 700; line-height: 1; min-width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0 2px;}
.header #ajaxsearchlite1 .promagnifier .innericon svg{ fill: #fff !important; width: 21px !important; height: 21px !important;}
.header #ajaxsearchlite1 .proinput{ max-width: 0 !important; width: 0 !important; min-width: 0 !important; overflow: hidden !important; transition: max-width .3s ease-in-out 0s, width .3s ease-in-out 0s; margin: 0 !important; padding: 0 !important;}
.header #ajaxsearchlite1 .proinput form{ min-width: 0 !important;}
.header #ajaxsearchlite1 .proinput input.orig{ opacity: 0; padding: 14px !important; border: 1px solid #e4e4e4 !important; font-size: 14px; width: 300px !important; height: 50px !important; min-width: 0 !important; box-shadow: none !important; background: #fff !important; -webkit-appearance: none; outline: none !important; box-sizing: border-box; display: block; transition: opacity .3s ease-in-out;}
.header .asl_w_container:hover #ajaxsearchlite1 .proinput,
.header .asl_w_container:focus-within #ajaxsearchlite1 .proinput,
.header #ajaxsearchlite1 .proinput:has(input.orig:not(:placeholder-shown)){ max-width: 300px !important; width: 300px !important;}
.header .asl_w_container:hover #ajaxsearchlite1 .proinput input.orig,
.header .asl_w_container:focus-within #ajaxsearchlite1 .proinput input.orig,
.header #ajaxsearchlite1 .proinput input.orig:not(:placeholder-shown){ opacity: 1;}
.header #ajaxsearchlite1 .proinput input.orig:focus{ outline-width: 0 !important;}
.header #ajaxsearchlite1 .proinput input.autocomplete{ display: none !important;}
.header #ajaxsearchlite1 .proclose{ display: none !important;}
.header #ajaxsearchlite1 .proloading{ display: none !important;}
.header #ajaxsearchlite1 .prosettings{ display: none !important;}
.header .asl_data_container{ display: none !important;}
div.asl_r .results .item .asl_content{ display: flex; align-items: center;}

.page-wrap{ margin-top: 100px;}
.woocommerce-cart .page-wrap, .woocommerce-checkout .page-wrap{ margin-top: 200px;}
body.woocommerce-cart:not(.logged-in) .shop_table.cart th.product-price,
body.woocommerce-cart:not(.logged-in) .shop_table.cart td.product-price,
body.woocommerce-cart:not(.logged-in) .shop_table.cart th.product-subtotal,
body.woocommerce-cart:not(.logged-in) .shop_table.cart td.product-subtotal{ display: none;}
body.woocommerce-checkout:not(.logged-in) .wc-block-components-order-summary,
body.woocommerce-checkout:not(.logged-in) .wc-block-checkout__sidebar,
body.woocommerce-checkout:not(.logged-in) .wc-block-checkout__order-summary-drawer{ display: none !important;}
body.woocommerce-checkout:not(.logged-in) .wc-block-components-sidebar-layout .wc-block-components-main{ width: 100%; max-width: 100%;}
body.woocommerce-cart:not(.logged-in) .wc-block-cart-items__header-price,
body.woocommerce-cart:not(.logged-in) .wc-block-cart-item__prices{ display: none;}
.content{ color: #636a74; 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;}
.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: #2c3331; color: #fff; padding: 120px 0 40px; font-size: 16px; line-height: 22px; font-weight: 300; position: relative;}
.footer .container{ justify-content: space-between; align-items: flex-start;}
.footer .footer-right{ display: flex;}
.footer .footer-heading{ font-weight: 500;}
.footer a{ color: #f1cc6c; text-decoration: none;}
.footer a:hover{ color: #fff;}
.footer .hours{ margin: 20px 0;}
.footer .footer-menu .menu{ display: flex; justify-content: space-between; border-bottom: 1px solid #748980; font-size: 18px; font-weight: 600; padding-bottom: 30px; margin-bottom: 30px;}
.footer .footer-nav-container{ width: calc(100% - 300px);}
.footer .footer-nav{ display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; font-size: 14px; line-height: 30px;}
.footer .footer-nav li{ display: block; float: none;}
.footer .footer-nav a, .footer .footer-menu a{ color: #fff;}
.footer .footer-nav a:hover, .footer .footer-menu a:hover{ color: #f1cc6c;}
.footer .social{ display: flex; align-items: center; font-size: 30px; justify-content: center; margin-bottom: 20px;}
.footer .social li{ margin-left: 20px;}
.footer .credit-container .wrapper{ border-top: 1px solid #748980; padding-top: 30px; text-align: center; font-size: 14px; margin-top: 40px;}
.footer .credit{ display: flex; justify-content: center; align-items: center;}
.footer .credit ul li{ display: flex; align-items: center;}
.footer .credit ul li:before{ content: "|"; margin: 0 8px;}
.footer .credit ul li a{ color: #fff;}
.footer .credit ul li a:hover{ color: #f1cc6c;}
.footer .logo{ max-width: 150px; position: absolute; left: 0; right: 0; margin: auto; top: -75px;}

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


/* Common Sections */

.hero{ background-color: #d3e1d4; color: #2c3331; display: flex; align-items: center; font-size: 24px; line-height: 36px; font-weight: 500; background-size: cover; background-position: center center;}
.hero:after{ content: ""; padding-bottom: 40%; display: block;}
.hero .hero-content{ background: rgba(255,255,255,.7); box-sizing: border-box; width: 65%; padding: 30px;}
.hero h1{ font-size: 42px; line-height: 52px; font-weight: 600; color: #2c3331;}
.hero h1 span{ color: #636a74;}
.hero p{ width: 75%; margin: 0;}
.hero ul{ list-style: none; margin: 40px 0 0;}
.hero ul li{ display: inline-block; margin-right: 20px;}

.callouts .single-callout{ margin-bottom: 40px;}
.callouts .single-callout:nth-last-of-type(1){ margin-bottom: 0;}
.callouts .single-callout .container{ justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.callouts .single-callout:nth-of-type(even) .container{ flex-direction: row;}
.callouts .single-callout .callout-content, .callouts .single-callout .callout-visual{ width: 48%;}
.callouts .single-callout .callout-visual{ background-size: cover; background-position: center center;}
.callouts .single-callout .callout-visual:after{ content: ""; padding-bottom: 100%; display: block;}
.single-product .callouts .single-callout .callout-visual:after{ padding-bottom: 0;}
.callouts .single-callout .callout-content{ font-size: 18px; line-height: 32px;}
.callouts .single-callout h2{ font-size: 48px; line-height: 52px; font-weight: 600; color: #748980;}
.callouts .single-callout h2:after{ content: "."; color: #2c3331;}
.callouts .single-callout p:nth-last-of-type(1){ position: relative;}
.callouts .single-callout p:nth-last-of-type(1):after{ content: ""; display: block; width: 3px; height: 100px; background-color: #748980; position: absolute; bottom: 10px; left: -15px;}
.callouts .single-callout:nth-of-type(even) p:nth-last-of-type(1):after{ content: ""; display: block; width: 3px; height: 100px; background-color: #748980; position: absolute; bottom: 10px; left: auto; right: -15px;}

.cta-container{ text-align: center; background-color: #748980; padding: 80px 0; color: #fff;}
.cta-container h2{ font-size: 42px; line-height: 46px; color: #2c3331;}
.cta-container h2 span{ color: #fff;}
.cta-container h2:after{ content: "."; color: #fff;}
.cta-container p{ max-width: 550px; margin: 30px auto 45px;}
.cta-container ul{ list-style: none; margin: 0;}
.cta-container ul li{ display: inline-block; margin-right: 20px;}
.cta-container .button{ background-color: #d2d2ae; color: #2c3331;}
.cta-container .button:hover{ background-color: #2c3331; color: #fff;}

.columns-container .columns-intro, .gallery-container .gallery-intro{ max-width: 55%; font-size: 18px; line-height: 26px; margin-bottom: 40px;}
.columns-container h2, .gallery-container h2{ font-size: 30px; color: #748980;}
.columns-container h2:after, .gallery-container h2:after{ content: "."; color: #2c3331;}
.columns-container .columns-intro p, .gallery-container .gallery-intro p{ margin-top: 0;}
.columns-container .columns-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; font-size: 16px; line-height: 24px;}
.columns-container h3{ font-size: 24px; font-weight: 700; margin-top: 15px; color: #2c3331;}
.columns-container h3 a{ color: #2c3331; font-size: 24px; font-weight: 700;}
.columns-container h3 a:hover, .columns-container h3 a:after{ color: #d197a9;}
.columns-container .columns-grid p{ margin-top: 0;}
.columns-container .column-visual{ background-color: #d3e1d4; background-size: cover; background-position: center center; position: relative;}
.columns-container .column-visual:after{ content: ""; display: block; padding-bottom: 56.25%;}
.columns-container .column-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.basic-container .wrapper{ max-width: 960px; font-size: 16px; line-height: 26px;}
.basic-container .basic-headline{ font-size: 36px; margin-top: 0;}
.basic-container h1, .basic-container h2, .basic-container h3, .basic-container h4, .basic-container h5, .basic-container h6{ margin-top: 25px; color: #748980;}

.gallery .carousel{ height: 600px; overflow: hidden;}
.carousel .slick-list, .carousel .slick-track, .carousel .slick-slide{ height: 100%;}
.carousel .slick-slide > div{ height: 100%;}
.carousel .single-image{ height: 100%; display: flex; align-items: center; justify-content: center;}
.gallery .carousel .single-image img{ max-height: 600px; max-width: 100%; width: auto; height: 100%; object-fit: contain; display: block;}
.gallery .carousel .slick-list{ overflow: hidden;}
.carousel .slick-slide{ opacity: .5; transition: opacity 0.3s ease;}
.carousel .slick-slide.slick-current{ opacity: 1;}
.gallery .thumbnails{ margin-top: 20px;}
.gallery .thumbnails .slick-list{ margin: 0 -10px;}
.gallery .thumbnails .slick-track{ display: flex; align-items: center;}
.gallery .thumbnails .slick-slide{ margin: 0 10px; opacity: .5; transition: opacity 0.3s ease;}
.gallery .thumbnails .slick-slide.slick-current{ opacity: 1;}
.gallery .thumbnails .single-thumb{ background-size: cover; background-position: center center; cursor: pointer;}
.gallery .thumbnails .single-thumb:after{ content: ""; padding-bottom: 56.25%; display: block;}
.gallery .carousel .slick-arrow{ height: 100%; width: 150px; background: rgba(255,255,255,0); border-radius: 0;}
.gallery .carousel:hover .slick-arrow{ background: rgba(255,255,255,.5);}
.gallery .carousel .slick-next{ right: 0; height: 100%;}
.gallery .carousel .slick-prev{ left: 0; z-index: 2;}
.gallery .carousel .slick-next:before{ content: "\27F6"; font-size: 45px; opacity: 1;}
.gallery .carousel .slick-prev:before{ content: "\27F5"; font-size: 45px; opacity: 1;}

.resources-container{ background-color: #e6e7e8; text-align: center; padding: 70px 0 110px;}
.resources-container h2{ color: #748980; font-size: 36px; font-weight: 600;}
.resources-container h2:after{ content: "."; color: #2c3331;}
.resources-container .resources-icons{ display: flex; justify-content: center; align-items: flex-start; gap: 100px; margin-top: 40px; flex-wrap: wrap;}
.resources-container .resources-icons a{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; gap: 14px;}
.resources-container .resources-icons .icon-wrap{ width: 100px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;}
.resources-container .resources-icons .icon-wrap img{ display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.resources-container .resources-icons .icon-label{ display: block; font-size: 16px; text-transform: uppercase; color: #646a73; letter-spacing: 0.04em;}


/* Homepage */

.home .industries{ padding: 40px 0 80px; position: relative;}
.home .industries .container{ justify-content: flex-end;}
.home .industries h2{ position: absolute; top: 210px; left: -190px; font-size: 70px; line-height: 70px; font-weight: 600; color: #748980; text-transform: uppercase; transform: rotate(90deg); letter-spacing: .025em;}
.home .industries .industry-grid{ display: grid; grid-template-columns: repeat(3,1fr); width: calc(100% - 50px); gap: 40px;}
.home .industries .industry-grid .single-industry{ position: relative; background-size: cover; background-position: center center;}
.home .industries .industry-grid .single-industry img{ position: absolute; bottom: 0; left: 0; right: 0;}
.home .industries .industry-grid .single-industry:nth-of-type(1){ background-color: #9fbfb1;}
.home .industries .industry-grid .single-industry:nth-of-type(2){ background-color: #d197a9;}
.home .industries .industry-grid .single-industry:nth-of-type(3){ background-color: #748980;}
.home .industries .industry-grid .single-industry:before{ content: ""; display: block; position: absolute; top: 20px; left: -20px; width: 100%; height: 100%; z-index: -1;}
.home .industries .industry-grid .single-industry:nth-of-type(1):before{ background-color: #d3e1d4;}
.home .industries .industry-grid .single-industry:nth-of-type(2):before{ background-color: #eed9c8;}
.home .industries .industry-grid .single-industry:nth-of-type(3):before{ background-color: #d2d2ae;}
.home .industries .industry-grid .single-industry:after{ content: ""; padding-bottom: 100%; display: block;}
.home .industries .industry-grid .single-industry h3{ position: absolute; top: 10px; right: 10px; text-transform: uppercase; font-weight: 600; font-size: 42px; line-height: 42px;}
.home .industries .industry-grid .single-industry:nth-of-type(1) h3{ color: #d3e1d4;}
.home .industries .industry-grid .single-industry:nth-of-type(2) h3{ color: #eed9c8;}
.home .industries .industry-grid .single-industry:nth-of-type(3) h3{ color: #d2d2ae;}

.home .cta-container{ margin: 60px 0;}
.home .columns-container{ margin-bottom: 80px;}

.home .secondary{ margin-bottom: 180px;}
.home .callouts.secondary .single-callout .container{ flex-direction: row;}
.home .callouts.secondary .single-callout:nth-of-type(even) .container{ flex-direction: row-reverse;}
.home .callouts.secondary .single-callout:nth-of-type(odd) p:nth-last-of-type(1):after{ content: ""; display: block; width: 3px; height: 100px; background-color: #748980; position: absolute; bottom: 10px; left: auto; right: -15px;}
.home .callouts.secondary .single-callout:nth-of-type(even) p:nth-last-of-type(1):after{ content: ""; display: block; width: 3px; height: 100px; background-color: #748980; position: absolute; bottom: 10px; left: -15px;}


/* Flexible Content */

.flex{ margin-bottom: 150px;}
.flex .page-section{ margin-top: 80px;}
.flex .gallery-container .gallery-grid{ columns: 3; gap: 20px;}
.flex .gallery-container .gallery-grid .single-image{ margin-bottom: 10px; display: inline-block;}

.flex .team-container .team-grid{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 30px; row-gap: 45px; margin-top: 45px;}
.flex .team-container .team-grid .team-headshot{ background-size: cover; background-position: center center; aspect-ratio: 1/1.25; margin-bottom: 20px;}
.flex .team-container .team-grid h3{ font-size: 24px;}
.flex .team-container .team-grid h4{ font-size: 14px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 15px;}
.flex .team-container .team-grid .email, .flex .team-container .team-grid .phone{ margin: 0; font-weight: 400;}
.flex .team-container .team-grid .close-bio{ font-size: 14px; font-weight: 600; display: inline-block; margin-top: 15px; text-decoration: none; color: #d197a9; display: flex; align-items: center;}
.flex .team-container .team-grid blockquote{ font-style: italic; font-weight: 400;}
.flex .team-container .team-grid blockquote p{ margin-top: 5px;}
.flex .team-container .team-grid blockquote p:before{ content: "“";}
.flex .team-container .team-grid blockquote p:after{ content: "”";}

.no-flex{ padding: 60px 0 180px;}


/* Single Industry */

.single-industry .industry-hero{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: stretch; margin-bottom: 80px;}
.single-industry .hero-content, .single-industry .hero-visual{ width: 50%; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.single-industry .hero-content{ flex-direction: column; align-items: flex-start; background-color: #d197a9; color: #fff; font-size: 18px; line-height: 32px; padding: 0 5%;}
.single-industry .hero-content h1{ font-size: 48px; line-height: 48px; color: #eed9c8;}
.single-industry .hero-content h1:after{ content: ".";}
.single-industry .hero-content p:nth-of-type(1){ margin-top: 10px;}
.single-industry .hero-content p:nth-last-of-type(1){ position: relative;}
.single-industry .hero-content p:nth-last-of-type(1):after{ content: ""; display: block; width: 3px; height: 100px; background-color: #eed9c8; position: absolute; bottom: 10px; left: -15px;}
.single-industry .hero-visual{ padding: 0 2.5%;}
.single-industry .hero-visual:after{ content: ""; padding-bottom: 100%;}

.single-industry .cta-container{ margin: 90px 0 60px; background-color: #d197a9; color: #2c3331;}
.single-industry .cta-container h2 span{ color: #eed9c8;}
.single-industry .cta-container h2:after{ color: #eed9c8;}
.single-industry .cta-container .button{ background-color: #eed9c8;}

.single-industry .callouts{ margin: 80px 0 180px;}
.single-industry .callouts .single-callout .container{ flex-direction: row;}
.single-industry .callouts .single-callout:nth-of-type(even) .container{ flex-direction: row-reverse;}
.single-industry .single-callout:nth-of-type(odd) p:nth-last-of-type(1):after{ content: ""; display: block; width: 3px; height: 100px; background-color: #748980; position: absolute; bottom: 10px; left: auto; right: -15px;}
.single-industry .single-callout:nth-of-type(even) p:nth-last-of-type(1):after{ content: ""; display: block; width: 3px; height: 100px; background-color: #748980; position: absolute; bottom: 10px; left: -15px;}
.single-industry .callouts h2{ color: #d197a9;}


/* Single Collection */

.single-collection .collection-hero{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: stretch; margin-bottom: 80px;}
.single-collection .hero-content, .single-collection .hero-visual{ width: 50%; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.single-collection .hero-content{ flex-direction: column; align-items: flex-start; background-color: #d3e1d4; color: #2c3331; font-size: 18px; line-height: 32px; padding: 0 5%;}
.single-collection .hero-content h1{ font-size: 48px; line-height: 48px; color: #748980;}
.single-collection .hero-content h1:after{ content: "."; color: #2c3331;}
.single-collection .hero-content h2{ font-size: 24px; line-height: 24px; color: #2c3331; font-weight: 300;}
.single-collection .hero-content p:nth-of-type(1){ margin-top: 20px;}
.single-collection .hero-content p:nth-last-of-type(1){ position: relative;}
.single-collection .hero-content p:nth-last-of-type(1):after{ content: ""; display: block; width: 3px; height: 100px; background-color: #748980; position: absolute; bottom: 10px; left: -15px;}
.single-collection .hero-visual{ padding: 0 2.5%;}
.single-collection .hero-visual:after{ content: ""; padding-bottom: 100%;}

.single-collection .collage h2{ color: #748980;}
.single-collection .collage h2:after{ content: "."; color: #2c3331;}
.single-collection .collage .container{ justify-content: space-between;}
.single-collection .collage .collage-images{ width: 33.333%;}
.single-collection .collage .collage-images div{ background-size: cover; background-position: center center;}
.single-collection .collage .collage-1{ height: calc(66.667%); margin-bottom: 15px;}
.single-collection .collage .collage-2{ height: 33.333%;}
.single-collection .collage .collage-video{ width: calc(66.667% - 20px); position: relative; padding-bottom: 56.25%; height: 0;}
.single-collection .collage .collage-video iframe, .single-collection .collage .collage-video embed, .single-collection .collage .collage-video object{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; z-index: 1;}
.single-collection .collage .collage-video .collage-fallback{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; z-index: 1;}
.single-collection .collage .collage-video:after{ content: ""; position: absolute; top: 15px; right: -15px; background-color: #748980; width: 100%; height: 100%;}

.single-collection .feature{ background-color: #d3e1d4; padding: 60px 0; margin: 80px 0;}
.single-collection .feature .feature-visual, .single-collection .feature .feature-content{ width: 46%;}
.single-collection .feature .container{ justify-content: space-between;}
.single-collection .feature .feature-visual{ background-size: cover; background-position: center center;}
.single-collection .feature .feature-content{ font-size: 18px; line-height: 40px; padding: 45px 0 60px;}
.single-collection .feature .wrapper{ overflow: hidden;}
.single-collection .feature h2{ margin-bottom: 40px; color: #748980; background-color: #d3e1d4; padding-right: 35px; position: relative; z-index: 1; display: inline-block;}
.single-collection .feature h2 span{ color: #2c3331;}
.single-collection .feature h2::after{ content: ""; position: absolute; top: 50%; left: calc(100% + 20px); height: 3px; width: 200vw; background-color: #748980; transform: translateY(-50%); z-index: 0;}
.single-collection .feature .more{ color: #748980;}
.single-collection .feature .more:hover{ color: #2c3331;}

.single-collection .products{ margin: 90px 0 100px; text-align: center;}
.single-collection .products h2{ text-align: left;}
.single-collection .products h2:after{ content: "."; color: #2c3331;}
.single-collection .products .product-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; text-align: left;}
.single-collection .products .product-visual{ position: relative; margin-bottom: 15px;}
.single-collection .products .product-visual:after{ content: ""; padding-bottom: 100%; display: block;}
.single-collection .products .product-visual img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.single-collection .products .product-grid a{ text-decoration: none; color: #2c3331;}
.single-collection .products h3{ font-size: 18px; line-height: 20px; font-weight: 600;}
.single-collection .products h4{ font-size: 16px; line-height: 20px; font-weight: 300;}
.single-collection .products a .base-price{ font-size: 14px; line-height: 26px; color: #636a74; margin-top: 0;}
.single-collection .products .load-more-wrap{ margin-top: 50px;}
.single-collection .products .load-more{ border: 2px solid #748980; padding: 15px 30px; background: none; color: #2c3331; border-radius: 1000px;}
.single-collection .products .load-more:hover, .single-collection .products .load-more:focus{ background-color: #2c3331; color: #fff; border: 2px solid #2c3331;}
.single-collection .products .load-more.is-loading{ opacity: .5; cursor: default;}
.single-collection .products .load-more-status{ font-size: 14px; line-height: 26px; color: #636a74; margin-top: 12px;}

.single-collection .resources-container{ padding-bottom: 180px;}



/* Single Product */

.single-product .product-intro{ margin-top: 60px; padding-top: 60px;}
.single-product .product-intro .container{ justify-content: space-between;}
.single-product .product-intro .product-container{ width: 75%;}
.single-product .product-intro .product-price{ width: 20%;}
.single-product .product-intro .product-container{ display: flex;}
.single-product .product-intro h1, .single-product .other-collections h2, .single-product .woo h2.customize{ font-size: 36px; line-height: 36px; color: #748980; font-weight: 600;}
.single-product .product-intro h1:after, .single-product .other-collections h2:after, .single-product .woo h2.customize:after{ content: "."; color: #2c3331;}
.single-product .product-intro h2{ font-size: 18px; font-weight: 300;}
.single-product .product-intro .buttons{ display: flex; margin-left: 60px;}
.single-product .product-intro .buttons li{ margin-right: 20px;}
.single-product .product-intro .product-price{ text-align: right; font-weight: 600; font-size: 18px; line-height: 26px;}
.single-product .product-intro .product-price strong{ display: block; font-size: 14px; line-height: 14px; font-weight: 300;}
.single-product .gallery{ margin: 40px 0 80px;}
.single-product .woo{ margin: 80px 0;}
.single-product .woo .container{ justify-content: space-between; align-items: center;}
.single-product .woo h2.customize{ margin-bottom: 15px;}
.single-product .woo form.cart .single_add_to_cart_button{ background-color: #f1cc6c !important; padding: 15px 30px !important; font-weight: 700 !important; color: #2c3331 !important;}
.single-product .woo form.cart .single_add_to_cart_button:hover{ color: #fff !important; background-color: #2c3331 !important;}
.single-product .woo form.cart .quantity .qty{ padding: 6px 10px !important; margin-right: 15px;}
.single-product .other-collections{ margin-top: 100px;}
.single-product .footer{ margin-top: 180px;}
.single-product .related-collection{ margin-top: 80px; text-align: center;}
.single-product .related-collection .product-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; text-align: left; margin-bottom: 50px;}
.single-product .related-collection .product-visual{ position: relative; margin-bottom: 15px;}
.single-product .related-collection .product-visual:after{ content: ""; padding-bottom: 100%; display: block;}
.single-product .related-collection .product-visual img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.single-product .related-collection .product-grid a{ text-decoration: none; color: #2c3331;}
.single-product .related-collection h3{ font-size: 18px; line-height: 20px; font-weight: 600;}
.single-product .related-collection h4{ font-size: 16px; line-height: 20px; font-weight: 300;}
.single-product .related-collection a .base-price{ font-size: 14px; line-height: 26px; color: #636a74;}
.single-product .columns-container a{ text-decoration: none;}
.single-product .columns-container .more:after, .single-product .columns-container .more:hover{ color: #d197a9;}

.single-product .details{ display: flex; justify-content: space-between; margin-top: 80px; font-size: 16px; line-height: 26px;}
.single-product .details .details-content, .single-product .details .details-visual{ width: 50%; box-sizing: border-box;}
.single-product .details .details-visual{ background-size: cover; background-position: center center;}
.single-product .details .details-content{ padding: 100px 5%; background-color: #e6e7e8; display: flex; justify-content: space-between;}
.single-product .details .specs, .single-product .details .features{ width: 48%;}
.single-product .details h3{ font-size: 21px; color: #748980;}
.single-product .details h3:after{ content: "."; color: #2c3331;}
.single-product .details .specs ul{ margin-top: 10px;}
.single-product .details .specs ul strong{ font-weight: 600; text-transform: uppercase; letter-spacing: .1em;}
.single-product .details .features ul{ list-style: disc; margin: 10px 0 0 15px;}

.single-product .variations th.label, .slc-fabric-grade label, .slc_fabric_post label{ text-align: left; font-size: 16px; text-transform: uppercase; font-weight: 600; letter-spacing: .1em; font-weight: 700;}
.single-product .variations tr{ display: flex; flex-direction: column;}
.single-product .variations tr td{ padding-bottom: 20px;}
.single-product .variations select, #slc_fabric_grade, #slc_fabric_post{ background: none; border: none; border: 2px solid #dce1df; border-radius: 100px; padding: 14px 15px 12px; font-size: 14px; line-height: 18px;}


/* Product Archive Pages */

.archive-products .section-head{ margin: 60px 0 40px; padding-top: 30px;}
.archive-products .section-head .container{ align-items: center;}
.archive-products .result-count{ font-size: 12px; font-weight: 300; color: #636a74; margin-left: 40px;}
.archive-products .filters .container{ justify-content: space-between; align-items: flex-start;}
.archive-products .filters .product-filters, .archive-products .filters .product-sort{ display: flex;}
.archive-products .filters .facetwp-facet{ margin: 0;}
.archive-products .filters .product-filters{ margin-bottom: 40px;}
.archive-products .filters .product-filters .filter, .archive-products .filters .product-sort .filter{ margin-right: 20px;}
.archive-products .filters .fs-wrap{ width: 185px;}
.archive-products .filters .fs-wrap .fs-label-wrap{ border: none; background-color: #d3e1d4; font-size: 14px; color: #2c3331; font-weight: 600; padding: 10px 15px; border-radius: 1000px;}
.archive-products .filters .fs-wrap .fs-arrow{ right: 15px;}
.archive-products .filters .fs-wrap.multiple .fs-option{ font-size: 14px; padding: 14px 10px 10px 30px;}
.archive-products .filters .product-sort select{ border: none; background: none; font-size: 14px; font-weight: 600;}
.archive-products .filters .product-sort .sort{ border: 2px solid #748980; border-radius: 1000px; padding: 10px 15px; height: 46px; box-sizing: border-box;}
.archive-products .archive-description{ max-width: 66.667%; font-size: 18px; line-height: 28px; font-weight: 300;}
.archive-products .product-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;}
.archive-products .product-visual{ position: relative; margin-bottom: 15px;}
.archive-products .product-visual:after{ content: ""; padding-bottom: 100%; display: block;}
.archive-products .product-visual img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.archive-products .product-grid a{ text-decoration: none; color: #2c3331;}
.archive-products h2{ font-size: 18px; line-height: 20px; font-weight: 600;}
.archive-products h3{ font-size: 16px; line-height: 20px; font-weight: 300;}
.archive-products .base-price{ font-size: 14px; line-height: 26px; color: #636a74;}
.archive-products .facetwp-facet-product_paging{ text-align: center; margin-top: 60px;}
.archive-products .facetwp-facet-product_paging button{ border: 2px solid #748980; padding: 15px 30px; background: none; color: #2c3331;}
.archive-products .facetwp-facet-product_paging button:hover{ background-color: #2c3331; color: #fff; border: 2px solid #2c3331;}
.archive-products{ margin-bottom: 180px;}


/* Single Post */

.single-post .content{ padding: 60px 0 100px;}
.single-post .content .wrapper{ max-width: 960px;}
.single-post .content h1{ font-size: 48px; line-height: 52px;}
.single-post table{ width: 100%; border-collapse: collapse; margin: 25px 0 45px;}
.single-post table th, .single-post table td{ padding: 12px 15px; border: 1px solid #ddd; text-align: left;}
.single-post table th{ background-color: #f4f4f4; font-weight: bold;}
.single-post table tr:nth-child(even){ background-color: #f9f9f9;}
.single-post .content h2, .single-post .content h3, .single-post .content h4, .single-post .content h5, .single-post .content h6{ margin-top: 25px;}


/* My Account */
.woocommerce-account .woocommerce{ padding: 60px 0 100px; max-width: 1200px; margin: 0 auto; padding-left: 5%; padding-right: 5%;}
.login-register-wrap{ display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start;}
.login-col h2{ font-size: 24px; margin-bottom: 20px;}
.woocommerce-form-login .woocommerce-form__label{ display: block; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #2c3331; margin-bottom: 6px;}
.woocommerce-form-login .woocommerce-Input{ width: 100%; box-sizing: border-box; border: 1px solid #ddd; padding: 14px 16px; font-size: 14px; border-radius: 4px; -webkit-appearance: none; appearance: none; color: #2c3331;}
.woocommerce-form-login .woocommerce-Input:focus{ outline: none; border-color: #748980;}
.woocommerce-form-login .form-row{ margin-bottom: 20px;}
.woocommerce-form-login .woocommerce-form-login__rememberme{ display: flex; align-items: center; gap: 8px; font-size: 13px; color: #636a74; margin-bottom: 20px;}
.woocommerce-form-login .woocommerce-form-login__rememberme input{ width: auto; margin: 0;}
.woocommerce-LostPassword{ margin-top: 15px; font-size: 13px;}
.woocommerce-LostPassword a{ color: #748980;}
.gf-registration-form h2{ font-size: 24px; margin-bottom: 20px;}

/* WooComerce Styles */

.woocommerce-MyAccount-navigation ul{ list-style: none; float: none; margin: 15px 0 0;}
.woocommerce-MyAccount-navigation ul li{ display: block; float: none;}
#gform_2{ border: 1px solid #cfc8d8; padding: 20px; margin: 2em 0; text-align: left; border-radius: 5px;}


/* Downloads */
.downloads-section{ padding: 60px 0 100px;}
.downloads-content h1{ margin-bottom: 40px;}
.downloads-table{ width: 100%; border-collapse: collapse;}
.downloads-table th{ text-align: left; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #748980; padding: 12px 20px; border-bottom: 2px solid #e4e4e4;}
.downloads-table td{ padding: 16px 20px; border-bottom: 1px solid #e4e4e4; vertical-align: middle; color: #636a74;}
.downloads-table td:first-child{ font-weight: 600; color: #2c3331;}
.downloads-table tr:last-child td{ border-bottom: none;}
.downloads-table .button{ font-size: 12px; padding: 10px 20px;}
.downloads-empty{ color: #636a74; margin-top: 20px;}

.contact-content{ padding: 60px 0 180px;}
.contact-content .container{ justify-content: space-between;}
.contact-content .contact-form, .contact-content .contact-details{ width: 46%;}
.contact-content .contact-details h3{ font-size: 21px; margin-top: 20px;}
.contact-content .contact-details h3:nth-of-type(1){ margin-top: 70px;}
.contact-content .contact-details p{ margin-top: 5px;}
.contact-content .gform_body input, .contact-content .gform_body textarea{ border: none; background: none; border: 1px solid #ddd; padding: 20px !important;}


/* Blog */

.blog .posts{ padding: 60px 0 200px;}
.blog .columns-container .columns-grid{ row-gap: 40px;}
.blog .columns-container h2{ font-size: 18px; line-height: 22px; margin: 15px 0 10px; font-weight: 600;}
.blog .columns-container h2 a{ text-decoration: none; color: #d197a9;}
.blog .columns-container h2 a:hover{ color: #2c3331;}
.blog .columns-container h2:after, .blog .columns-container h2 .more:after{ content: "";}
.blog .columns-container h2 .more:hover:after{ margin: 0;}
.blog .facetwp-pager{ margin-top: 60px; text-align: center;}


/* Sales Reps & Fabrics */

.reps, .fabrics{ padding: 60px 0 200px;}
.reps .wrapper, .fabrics .wrapper{ max-width: 960px;}
.rep-table, .fabric-table{ width: 100%; margin-top: 30px;}
.rep-table-head, .rep-row, .fabric-table-head, .fabric-row{ display: grid;}
.rep-table-head, .rep-row{ grid-template-columns: 1fr 2fr 2fr;}
.fabric-table-head, .fabric-row{ grid-template-columns: 2fr 1fr 1fr;}
.rep-table-head .rep-col, .fabric-table-head .fabric-col{ padding: 15px 8px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ddd;}
.rep-row .rep-col, .fabric-row .fabric-col{ padding: 15px 8px; border-bottom: 1px solid #ddd;}

.reps .facetwp-facet { margin-top: 30px !important; }
.reps .facetwp-input-wrap { width: 100%; }
.reps .facetwp-facet input.facetwp-search { padding: 10px 30px 10px 10px; width: 100%; box-sizing: border-box; }
.reps .facetwp-icon { right: 10px; }
.fabrics .facetwp-facets { display: flex; gap: 15px; margin-top: 30px; }
.fabrics .facetwp-facet { flex: 1; margin-top: 0 !important; }
.fabrics .facetwp-input-wrap { width: 100%; }
.fabrics .facetwp-facet input.facetwp-search { padding: 10px 30px 10px 10px; width: 100%; box-sizing: border-box; }
.fabrics .facetwp-icon { right: 10px; }
.fabrics .facetwp-facet select { width: 100%; padding: 10px; box-sizing: border-box; }

.e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{ justify-content: space-between;}

.assigned-rep{ margin-top: 30px; padding-top: 20px; border-top: 1px solid #ddd;}
.assigned-rep h2, .assigned-rep h3{ font-size: 18px; margin: 0 0 8px;}
.assigned-rep p{ margin: 0; font-size: 14px; color: #2a2a2a;}
.assigned-rep-item + .assigned-rep-item{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;}
.assigned-rep .assigned-rep-name{ font-size: 16px;}
.assigned-rep-contacts{ list-style: none !important; margin: 10px 0 0 !important; padding: 0;}
.assigned-rep-contacts li{ margin-bottom: 10px; font-size: 14px; line-height: 1.5;}
.assigned-rep-contacts li:last-child{ margin-bottom: 0;}
.assigned-rep-contacts .contact-name{ display: block; font-weight: bold;}
.assigned-rep-contacts a{ display: block;}

.bf-rep-preview{ margin: 20px 0; padding-top: 20px; border-top: 1px solid #ddd;}
.bf-rep-preview.assigned-rep{ margin-top: 20px;}
.bf-fabrics-hidden { display: none !important; }


/* Media queries */

@media (max-width: 960px) {
	.downloads-table thead{ display: none;}
	.downloads-table tr{ display: block; border-bottom: 1px solid #e4e4e4; padding: 16px 0;}
	.downloads-table tr:last-child{ border-bottom: none;}
	.downloads-table td{ display: block; border-bottom: none; padding: 4px 0;}
	.downloads-table td:first-child{ font-size: 16px; margin-bottom: 10px;}
	.downloads-table .button{ width: auto; display: inline-block;}
	.button, button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .woocommerce-button, .woocommerce .woocommerce-form-login__submit, .woocommerce .woocommerce-form-register__submit, .woocommerce .add_to_cart_button, .woocommerce .single_add_to_cart_button, .woocommerce div.product form.cart .single_add_to_cart_button{ display: block; width: 100%; text-align: center; box-sizing: border-box;}
	.header .nav ul, .footer .footer-menu, .footer .footer-nav{ display: none;}
	.header .utility .button{ display: none;}
	.header .mobile-utility{ display: flex; align-items: center; justify-content: center; padding: 6px 5%; border-top: 1px solid rgba(255,255,255,.1);}
	.page-wrap{ margin-top: 160px;}
	.hero .hero-content{ width: 100%; margin: 45px 0; text-align: center; font-size: 21px; line-height: 31px;}
	.hero .hero-content h1{ font-size: 36px; line-height: 36px; margin-bottom: 15px;}
	.hero p{ width: 100%;}
	.hero ul li{ display: block; width: 100%; margin: 0 0 20px;}
	.hero ul li .button{ display: block; width: 100%; box-sizing: border-box;}
	.home .industries .container{ flex-direction: column; align-items: flex-end; justify-content: center;}
	.home .industries h2{ transform: none; top: 0; left: 0; position: relative; text-align: center; font-size: 42px; width: 100%;}
	.home .industries .industry-grid{ grid-template-columns: repeat(1,1fr); width: calc(100% - 15px);}
	.callouts .single-callout .container{ flex-direction: column !important;}
	.callouts .single-callout .callout-content, .callouts .single-callout .callout-visual{ width: 100%;}
	.callouts .single-callout .callout-visual{ margin-bottom: 40px;}
	.callouts .single-callout .callout-content h2{ font-size: 36px; line-height: 40px;}
	.cta-container ul li{ width: 100%; margin-bottom: 20px;}
	.cta-container ul li .button{ display: block; width: 100%; box-sizing: border-box;}
	.columns-container .columns-intro, .gallery-container .gallery-intro{ max-width: 100%;}
	.columns-container .columns-grid{ grid-template-columns: repeat(1,1fr);}
	.footer .container{ flex-direction: column; align-items: center; text-align: center;}
	.footer .social{ margin-top: 30px;}
	.footer .social li{ margin: 0 10px;}
	.footer .credit ul, .footer .credit ul li{ display: block; float: none;}
	.footer .credit ul li::before{ display: none; margin: 0;}
	.single-collection .collection-hero, .single-industry .industry-hero{ flex-direction: column;}
	.single-collection .hero-content, .single-collection .hero-visual, .single-industry .hero-content, .single-industry .hero-visual{ width: 100%;}
	.single-collection .hero-visual::after, .single-industry .hero-visual:after{ padding-bottom: 56.25%;}
	.single-collection .hero-content, .single-industry .hero-content{ padding: 60px 5%;}
	.single-collection .collage .container, .single-collection .feature .container{ flex-direction: column;}
	.single-collection .collage .collage-images{ width: 100%; display: flex; justify-content: space-between;}
	.single-collection .collage .collage-images div{ width: calc(50% - 10px);}
	.single-collection .collage .collage-images div:after{ content: ""; padding-bottom: 100%; display: block;}
	.single-collection .collage .collage-video, .single-collection .feature .feature-visual, .single-collection .feature .feature-content{ width: 100%;}
	.single-collection .feature .feature-visual:after{ content: ""; padding-bottom: 100%; display: block;}
	.single-collection .products .product-grid{ grid-template-columns: repeat(2,1fr);}
	.single-callout:nth-of-type(2n) p:nth-last-of-type(1)::after, .single-callout:nth-of-type(2n+1) p:nth-last-of-type(1)::after { left: -15px !important; right: auto !important;}
	.archive-products .product-grid{ grid-template-columns: repeat(3,1fr); margin-top: 40px;}
	.archive-products .filters .container{ flex-direction: column;}
	.archive-products .archive-description{ max-width: 100%;}
	.archive-products .filters .product-filters, .archive-products .filters .product-sort{ width: 100%; margin: 0 0 20px;}
	.single-product .woo .container, .single-product .product-intro .product-container{ flex-direction: column;}
	.single-product .product-intro .buttons{ margin: 30px 0 0;}
	.single-product .related-collection .product-grid{ grid-template-columns: repeat(2,1fr);}
	.flex .team-container .team-grid{ grid-template-columns: repeat(3,1fr);}
	.login-register-wrap{ grid-template-columns: repeat(1,1fr);}
	.contact-content .container{ flex-direction: column;}
	.contact-content .contact-form, .contact-content .contact-details{ width: 100%;}
	.contact-content .contact-form{ margin-bottom: 60px;}
	.rep-table-head, .fabric-table-head{ display: none;}
    .rep-row, .fabric-row{ grid-template-columns: 1fr; padding: 15px 8px; border-bottom: 1px solid #ddd;}
    .rep-row .rep-col, .fabric-row .fabric-col{ padding: 4px 0; border-bottom: none;}
	.fabrics .facetwp-facets { flex-direction: column; }
}

@media (max-width: 600px) {
	.header .container{ height: 70px;}
	.header .logo{ max-width: 150px; top: 50%; transform: translateY(-50%);}
	.page-wrap{ margin-top: 130px;}
	.flex .gallery-container .gallery-grid{ columns: 2;}
	.archive-products .product-grid, .single-product .related-collection .product-grid{ grid-template-columns: repeat(2,1fr);}
	.archive-products .section-head .container{ flex-direction: column-reverse; align-items: flex-start;}
	.archive-products .result-count{ margin: 0 0 15px;}
	.archive-products .product-grid{ grid-template-columns: repeat(1,1fr);}
	.flex .team-container .team-grid{ grid-template-columns: repeat(2,1fr);}
}