/*
Theme Name: Taylor and Bosworth
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/


/*
black : #314245;
darker grey: #BEC4BE;
light grey : #F0F2F0;
green: #5F7660;

*/


* { box-sizing: border-box; }

.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }

.m-container-1920 { max-width:1920px;width:100%;margin:0 auto; }
.m-container-1600 { max-width:1600px;width:100%;margin:0 auto; }
.m-container-1400 { max-width:1400px;width:100%;margin:0 auto; }
.m-container-1200 { max-width:1200px;width:100%;margin:0 auto; }
.m-container-768  { max-width:768px; width:100%;margin:0 auto; }

.m-section-15, .m-section { padding-top:15px;padding-bottom:15px; }
.m-inner-section-15, .m-inner-section { padding-left:15px;padding-right:15px; }

.m-section-30 { padding-top:30px;padding-bottom:30px; }
.m-inner-section-30 { padding-left:30px;padding-right:30px; }

.text-left   { text-align:left; }
.text-right  { text-align:right; }
.text-center { text-align:center; }

.m-grid  { display:flex;flex-wrap: wrap;margin-bottom:0; }
.m-grid-gap-5 > div  { padding:2px 2px 3px 3px;  }
.m-grid-gap-10 > div { padding:5px; }
.m-grid-gap-15 > div { padding:7px 7px 8px 8px; }
.m-grid-gap-20 > div { padding:10px; }
.m-grid-gap-25 > div { padding:12px 12px 13px 14px; }
.m-grid-gap-30 > div { padding:15px; }

.m-xl-1  { width:8.33333333333%; }
.m-xl-2  { width:16.6666666667%; }
.m-xl-3  { width:25%; }
.m-xl-4  { width:33.3333333333%; }
.m-xl-5  { width:41.6666666667%; }
.m-xl-6  { width:50%; }
.m-xl-7  { width:58.3333333333%; }
.m-xl-8  { width:66.6666666667%; }
.m-xl-9  { width:75%; }
.m-xl-10 { width:83.3333333333%; }
.m-xl-11 { width:91.6666666667%; }
.m-xl-12 { width:100%; }


@media screen and (max-width:1200px)
{
	.m-xl-1,.m-xl-2,.m-xl-3,.m-xl-4,.m-xl-5,.m-xl-6,.m-xl-7,.m-xl-8,.m-xl-9,.m-xl-10,.m-xl-11,.m-xl-12{ width:100%; }
	.m-lg-1  { width:8.33333333333%; }
	.m-lg-2  { width:16.6666666667%; }
	.m-lg-3  { width:25%; }
	.m-lg-4  { width:33.3333333333%; }
	.m-lg-5  { width:41.6666666667%; }
	.m-lg-6  { width:50%; }
	.m-lg-7  { width:58.3333333333%; }
	.m-lg-8  { width:66.6666666667%; }
	.m-lg-9  { width:75%; }
	.m-lg-10 { width:83.3333333333%; }
	.m-lg-11 { width:91.6666666667%; }
	.m-lg-12 { width:100%; }
}

@media screen (max-width:990px)
{
	.m-lg-1,.m-lg-2,.m-lg-3,.m-lg-4,.m-lg-5,.m-lg-6,.m-lg-7,.m-lg-8,.m-lg-9,.m-lg-10,.m-lg-11,.m-lg-12{ width:100%; }
	.m-md-1  { width:8.33333333333%; }
	.m-md-2  { width:16.6666666667%; }
	.m-md-3  { width:25%; }
	.m-md-4  { width:33.3333333333%; }
	.m-md-5  { width:41.6666666667%; }
	.m-md-6  { width:50%; }
	.m-md-7  { width:58.3333333333%; }
	.m-md-8  { width:66.6666666667%; }
	.m-md-9  { width:75%; }
	.m-md-10 { width:83.3333333333%; }
	.m-md-11 { width:91.6666666667%; }
	.m-md-12 { width:100%; }
}

/*@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and (max-width:560px), all and (max-width:560px) and (-ms-high-contrast: none), (-ms-high-contrast: active)*/
@media screen and (max-width:768px)
{
	.m-md-1,.m-md-2,.m-md-3,.m-md-4,.m-md-5,.m-md-6,.m-md-7,.m-md-8,.m-md-9,.m-md-10,.m-md-11,.m-md-12{ width:100%; }
	.m-sm-1  { width:8.33333333333%; }
	.m-sm-2  { width:16.6666666667%; }
	.m-sm-3  { width:25%; }
	.m-sm-4  { width:33.3333333333%; }
	.m-sm-5  { width:41.6666666667%; }
	.m-sm-6  { width:50%; }
	.m-sm-7  { width:58.3333333333%; }
	.m-sm-8  { width:66.6666666667%; }
	.m-sm-9  { width:75%; }
	.m-sm-10 { width:83.3333333333%; }
	.m-sm-11 { width:91.6666666667%; }
	.m-sm-12 { width:100%; }
}

@media screen and (max-width:560px)
{
	.m-sm-1,.m-sm-2,.m-sm-3,.m-sm-4,.m-sm-5,.m-sm-6,.m-sm-7,.m-sm-8,.m-sm-9,.m-sm-10,.m-sm-11,.m-sm-12{ width:100%; }
	.m-xs-1  { width:8.33333333333%; }
	.m-xs-2  { width:16.6666666667%; }
	.m-xs-3  { width:25%; }
	.m-xs-4  { width:33.3333333333%; }
	.m-xs-5  { width:41.6666666667%; }
	.m-xs-6  { width:50%; }
	.m-xs-7  { width:58.3333333333%; }
	.m-xs-8  { width:66.6666666667%; }
	.m-xs-9  { width:75%; }
	.m-xs-10 { width:83.3333333333%; }
	.m-xs-11 { width:91.6666666667%; }
	.m-xs-12 { width:100%; }
}

@supports (display: grid){
	.m-grid {
		display:grid;
		grid-template-columns:repeat(12, 1fr);
	}

	.m-grid-gap-5 { grid-gap:5px; }
	.m-grid-gap-10 { grid-gap:10px; }
	.m-grid-gap-15 { grid-gap:15px; }
	.m-grid-gap-20 { grid-gap:20px; }
	.m-grid-gap-25 { grid-gap:25px; }
	.m-grid-gap-30 { grid-gap:30px; }

	.m-grid-gap-5 > div,
	.m-grid-gap-10 > div,
	.m-grid-gap-15 > div,
	.m-grid-gap-20 > div,
	.m-grid-gap-25 > div,
	.m-grid-gap-30 > div { padding:0; }

	.m-xl-1,.m-xl-2,.m-xl-3,.m-xl-4,.m-xl-5,.m-xl-6,.m-xl-7,.m-xl-8,.m-xl-9,.m-xl-10,.m-xl-11,.m-xl-12,
	.m-lg-1,.m-lg-2,.m-lg-3,.m-lg-4,.m-lg-5,.m-lg-6,.m-lg-7,.m-lg-8,.m-lg-9,.m-lg-10,.m-lg-11,.m-lg-12,
	.m-md-1,.m-md-2,.m-md-3,.m-md-4,.m-md-5,.m-md-6,.m-md-7,.m-md-8,.m-md-9,.m-md-10,.m-md-11,.m-md-12,
	.m-sm-1,.m-sm-2,.m-sm-3,.m-sm-4,.m-sm-5,.m-sm-6,.m-sm-7,.m-sm-8,.m-sm-9,.m-sm-10,.m-sm-11,.m-sm-12{ width:auto; }

	.m-xl-0  { display:none; }
	.m-xl-1  { grid-column-end: span 1;  }
	.m-xl-2  { grid-column-end: span 2;  }
	.m-xl-3  { grid-column-end: span 3;  }
	.m-xl-4  { grid-column-end: span 4;  }
	.m-xl-5  { grid-column-end: span 5;  }
	.m-xl-6  { grid-column-end: span 6;  }
	.m-xl-7  { grid-column-end: span 7;  }
	.m-xl-8  { grid-column-end: span 8;  }
	.m-xl-9  { grid-column-end: span 9;  }
	.m-xl-10 { grid-column-end: span 10; }
	.m-xl-11 { grid-column-end: span 11; }
	.m-xl-12 { grid-column-end: span 12; }


	@media(max-width:1200px){
		.m-xl-1,.m-xl-2,.m-xl-3,.m-xl-4,.m-xl-5,.m-xl-6,.m-xl-7,.m-xl-8,.m-xl-9,.m-xl-10,.m-xl-11,.m-xl-12 { grid-column-end: span 12;  }

		.m-lg-0  { display:none; }
		.m-lg-1  { grid-column-end: span 1;  }
		.m-lg-2  { grid-column-end: span 2;  }
		.m-lg-3  { grid-column-end: span 3;  }
		.m-lg-4  { grid-column-end: span 4;  }
		.m-lg-5  { grid-column-end: span 5;  }
		.m-lg-6  { grid-column-end: span 6;  }
		.m-lg-7  { grid-column-end: span 7;  }
		.m-lg-8  { grid-column-end: span 8;  }
		.m-lg-9  { grid-column-end: span 9;  }
		.m-lg-10 { grid-column-end: span 10; }
		.m-lg-11 { grid-column-end: span 11; }
		.m-lg-12 { grid-column-end: span 12; }
	}

	@media(max-width:990px){
		.m-lg-1,.m-lg-2,.m-lg-3,.m-lg-4,.m-lg-5,.m-lg-6,.m-lg-7,.m-lg-8,.m-lg-9,.m-lg-10,.m-lg-11,.m-lg-12 { grid-column-end: span 12;  }

		.m-md-0  { display:none; }
		.m-md-1  { grid-column-end: span 1;  }
		.m-md-2  { grid-column-end: span 2;  }
		.m-md-3  { grid-column-end: span 3;  }
		.m-md-4  { grid-column-end: span 4;  }
		.m-md-5  { grid-column-end: span 5;  }
		.m-md-6  { grid-column-end: span 6;  }
		.m-md-7  { grid-column-end: span 7;  }
		.m-md-8  { grid-column-end: span 8;  }
		.m-md-9  { grid-column-end: span 9;  }
		.m-md-10 { grid-column-end: span 10; }
		.m-md-11 { grid-column-end: span 11; }
		.m-md-12 { grid-column-end: span 12; }
	}


	@media(max-width:768px){
		.m-md-1,.m-md-2,.m-md-3,.m-md-4,.m-md-5,.m-md-6,.m-md-7,.m-md-8,.m-md-9,.m-md-10,.m-md-11,.m-md-12 { grid-column-end: span 12;  }

		.m-sm-0  { display:none; }
		.m-sm-1  { grid-column-end: span 1;  }
		.m-sm-2  { grid-column-end: span 2;  }
		.m-sm-3  { grid-column-end: span 3;  }
		.m-sm-4  { grid-column-end: span 4;  }
		.m-sm-5  { grid-column-end: span 5;  }
		.m-sm-6  { grid-column-end: span 6;  }
		.m-sm-7  { grid-column-end: span 7;  }
		.m-sm-8  { grid-column-end: span 8;  }
		.m-sm-9  { grid-column-end: span 9;  }
		.m-sm-10 { grid-column-end: span 10; }
		.m-sm-11 { grid-column-end: span 11; }
		.m-sm-12 { grid-column-end: span 12; }
	}
	
	@media(max-width:560px){
		.m-sm-1,.m-sm-2,.m-sm-3,.m-sm-4,.m-sm-5,.m-sm-6,.m-sm-7,.m-sm-8,.m-sm-9,.m-sm-10,.m-sm-11,.m-sm-12 { grid-column-end: span 12;  }

		.m-xs-0  { display:none; }
		.m-xs-1  { grid-column-end: span 1;  }
		.m-xs-2  { grid-column-end: span 2;  }
		.m-xs-3  { grid-column-end: span 3;  }
		.m-xs-4  { grid-column-end: span 4;  }
		.m-xs-5  { grid-column-end: span 5;  }
		.m-xs-6  { grid-column-end: span 6;  }
		.m-xs-7  { grid-column-end: span 7;  }
		.m-xs-8  { grid-column-end: span 8;  }
		.m-xs-9  { grid-column-end: span 9;  }
		.m-xs-10 { grid-column-end: span 10; }
		.m-xs-11 { grid-column-end: span 11; }
		.m-xs-12 { grid-column-end: span 12; }
	}
}






:root{
    --black:#202120;
    --dark-grey:#202120;
    --cream:#fbf4eb;
    --green:#486071;
    --grey-light:#f7f7f7;
}


/* ===== GENERAL ===== */

html, body { width:100%;/*height:100%;*/margin:0;padding:0;overflow-x:hidden;font-family: "starling", sans-serif;color:var(--black);font-weight:300; }
.m-container-768 { max-width:800px; }
/*html { height:100%; }*/
/*body { min-height:100%; }*/


img { display:block; }

.m-grid { margin-bottom:0px; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }

p { line-height:1.8em;font-size:1.125rem; }

h1,h2,h3,h4,h5,h6 { font-family: montserrat, sans-serif;color:var(--green);text-transform:uppercase; }
h2 { font-size:1.7rem;letter-spacing:0.1rem; }

a { color:var(--black); }
a:hover { color:var(--green); }

.button { font-family:"montserrat", sans-serif;font-weight:600;text-decoration: none;background:transparent;color:var(--black);border:1px solid #fff;display:inline-block;text-transform: uppercase;padding:8px 18px;font-size:0.9em;letter-spacing:0.05em;margin-top:15px;transition: all 0.3s ease-in-out; }
.button:hover { background:var(--green); }
#cookie-notice .button { border:1px solid #fff;color:#fff;border-radius:0; }


.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }

.transition { -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }


.text-dark { color:var(--black); }
.text-white { color:#ffffff; }

.bg-grey { background:var(--cream); }
.bg-grey-light { background:var(--grey-light); }
.bg-lightgreen { background:var(--cream); }
.bg-midgreen { background:var(--dark-grey); }
.bg-green { background:var(--green); }
.bg-white { background:#fff; }


.bg-lightgreen .button { background:var(--green);color:#ffffff;border:none; }
.bg-lightgreen .button:hover { background:var(--dark-grey); }

hr { opacity:0.4; }


.hideme, .hidemeparent p, .hidemeparent img, .hidemeparent h1, .hidemeparent h2, .hidemeparent h3, .hidemeparent h4, .hidemeparent h5, .hidemeparent h6 { opacity:0; }

/* ===== NAV MENU ===== */
nav { position:absolute;width:100%;z-index:9999;position:fixed; }
#navmenu { opacity:0;pointer-events:none;transition:all 0.5s ease-in-out; }
#navmenu .menu { list-style: none;padding:0;margin:0;display:flex;justify-content:space-evenly;flex-wrap:wrap;width:100%; }
#navmenu .menu a { text-decoration: none;color:var(--black);font-size:0.9em; }
#navmenu .menu li { display:table-cell;text-align:center;padding:20px 10px;position:relative;text-transform: uppercase;letter-spacing: 0.05em }
#navmenu .menu > li > a { letter-spacing: 0.1em; }
#navmenu .menu > li a {opacity:1; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
#navmenu .menu > li a:hover { opacity:0.4; }
#navmenu .sub-menu { position:absolute;display:none;z-index:1;background:var(--dark-grey);width:100%;top:100%;left:0;list-style: none;padding:10px 0;margin:0px 0 0; }
#navmenu .menu > li:hover .sub-menu { display:inline-block; }
#navmenu .sub-menu li { display:inline-block;width:100%;text-transform: none;padding:0;letter-spacing: 0em;text-align:center; }
#navmenu .sub-menu li a { color:#fff;display:inline-block;width:100%;padding:3px 10px; }
/*.menu-nav-menu-container { padding:30px 0 30px; }*/
.nav-top { background:transparent;text-align:center;padding:5px 0px;height:85px; }
.nav-top.big { height:120px; }
.nav-bottom { background:#e8e8e8; }


.nav-bottom  { opacity:0; }
:is(nav:hover,nav.visible) .nav-bottom { opacity:1; }
:is(nav:hover,nav.visible) #navmenu { opacity:1;pointer-events:all; }


.search-box { position:absolute;top:-80px;right:30px;width:100%;max-width:200px;transition:all 0.4s ease-in-out; }
.search-box:focus-within { max-width:300px; }
#ajaxsearchlite1 .probox, div.asl_w .probox, div.asl_w { background:transparent; }
nav.visible .search-box { top:-60px; }
#ajaxsearchlite1 .probox .proinput input::placeholder , div.asl_w .probox .proinput input::placeholder  { color:#fff !important; }
:is(.search-box:focus-within, nav:hover, nav.visible, nav.open) #ajaxsearchlite1 .probox .proinput input::placeholder,
:is(.search-box:focus-within, nav:hover, nav.visible, nav.open) div.asl_w .probox .proinput input::placeholder  { color:#000 !important; }
#ajaxsearchlite1 .probox .proinput input , div.asl_w .probox .proinput input { color:#fff !important; }
:is(nav:hover, nav.visible, nav.open) #ajaxsearchlite1 .probox .proinput input,
:is(nav:hover, nav.visible, nav.open) div.asl_w .probox .proinput input { color:#000 !important; }
div.asl_w .probox .promagnifier, div.asl_m .probox .promagnifier .innericon, div.asl_m .probox .prosettings .innericon, div.asl_m .probox .proclose .innericon { border:none;box-shadow:none; }
div.asl_w .probox .promagnifier .innericon svg { fill:#fff; }
:is(.search-box:focus-within, nav:hover, nav.visible, nav.open)  div.asl_w .probox .promagnifier .innericon svg  { fill:#000; }


.mobile-toggle { width:30px;height:30px;display:inline-block;position:absolute;top:30px;left:15px;}
.toggle-bar { width:100%;height:2px;margin-bottom:6px;background:#fff;-webkit-transition: background 0.5s ease-in-out;-moz-transition: background 0.5s ease-in-out;-o-transition: background 0.5s ease-in-out;transition: background 0.5s ease-in-out; }
/*.toggle-bar:last-child { height:2px; }*/
.mobile-toggle.active .toggle-bar { background:#666; }

.mobile-toggle.active .toggle-bar:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.mobile-toggle.active .toggle-bar:nth-child(2) { opacity:0; }
.mobile-toggle.active .toggle-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg); }


#logo { display:inline-block;position:absolute;top:0;left:calc(50% - 60px);width:120px;height:72px; }
#logo.big { /*width:170px;height:110px;left:calc(50% - 84px);*/transform:scale(1.3) translateY(15px); }
#logo.big svg * { fill:var(--cream); }
#logo svg * { fill:var(--dark-grey);transition:fill 0.3s ease-in-out; }

.logins { display:inline-block;position:absolute;top:30px;right:15px; }
.logins a { color:#fff;text-decoration: none;font-size:0.9em;margin-left:15px; }


nav.forced .nav-top, nav.visible .nav-top, nav.open .nav-top, nav:hover .nav-top { background:#fff; }
nav.forced #logo svg *, nav.visible #logo svg *, nav.open #logo svg *, nav:hover #logo svg * { fill:var(--dark-grey); }
nav.forced .toggle-bar, nav.visible .toggle-bar, nav.open .toggle-bar, nav:hover .toggle-bar { background:var(--black); }
nav.forced .logins a, nav.visible .logins a, nav.open .logins a, nav:hover .logins a { color:var(--black); }

nav:hover, nav.open, nav.visible { box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
nav .sub-menu { box-shadow:0px 5px 5px rgba(0,0,0,0.1); }

.loginclose { font-family: sans-serif;display:inline-block;padding:0 15px;text-decoration: none;opacity:1;position:relative;top:1px;transform: scale(1,0.8);font-size:1.2em; }
.loginclose:hover { opacity:0.4; }

#footer { background:var(--green);padding:40px 30px; }
#footer .menu { list-style: none;padding:0;margin:0 0 30px;display:inline-table;table-layout: fixed;width:100%; }
#footer .menu li { display:table-cell;width:auto;padding:3px 0;text-align:center; }
#footer .menu li a { display:inline-block; }
#footer a { text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
#footer a:hover { opacity:0.4;color:#fff; }
.footer-columns { font-size:0.9em; }
.footer-columns > div { width:100%;display:inline-block;vertical-align:top; }
.footer-columns ul { list-style: none;padding:0; }
.footer-columns a,
.footer-columns span { color:#fff;text-decoration: none; }
.footer-columns span { margin:1em 0;display:inline-block; }
.footer-columns .menu > li > a { text-transform: uppercase;letter-spacing:0.08em;display:table-cell; }
.footer-columns .sub-menu { margin-top:15px; }

.social { width:16px;height:16px;display:inline-block;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.social:hover { opacity:0.4; }
.social.instagram { background:url("/wp-content/themes/bac_arch/img/insta@2x.png") no-repeat;background-size:16px 16px;margin:0 5px; }
.social.facebook { background:url("/wp-content/themes/bac_arch/img/fb@2x.png") no-repeat;background-size:16px 16px;margin:0 5px; }

/* ===== MODULES ===== */
.module { display:block; }

.module.spacer { height:200px;width:100%;display:block; }

/* Banner */
.banner { height:100vh;display:block;background:var(--black);min-height:620px;max-height:1500px;position:relative; }
.banner.product-banner { height:450px; }
.banner img { width:100%;height:100%;object-fit: cover;opacity:0;position:absolute; }
.banner-cover { background:#000;position:absolute;top:0;left:0;width:100%;height:100%; }
.banner h1 { font-size:4rem;text-transform:uppercase;letter-spacing:0.3rem; }
.scroll-arrow { position:absolute;bottom:30px;margin:0 auto;display:inline-block;left:calc(50% - 40px);width:80px;height:50px;background:url("/wp-content/themes/bac_arch/img/arrow-down@2x.png") no-repeat center;background-size:contain; }
.banner-content { padding:30px; }

.banner img.banner-logo { width:100%;max-width:600px;height:auto;display:inline-block;object-fit:unset;opacity:1;position:static; }
 
/* Full width image */
.full_width_image { height:100vh;max-height:1000px;position:relative; }
.full_width_image img { width:100%;height:100%;position:absolute;object-fit:cover; }
.full_width_image h2 { font-size:4rem;letter-spacing:0.2rem; }
.full_width_image .button { color:#fff; }

/* Column Text */
.column_text { padding:40px 30px; }

/* Two Column Text/Image */
/*.two_column_text_image { padding:60px 0; }*/
.two_column_text_image img { width:100%;height:100%;object-fit: cover; }
.two_column_text_image .column-text { padding:60px 45px;height:100%;text-wrap:pretty; }

/* Slider */
.slider { padding:40px 0 30px; }
.slide-image, .slide-text { width:50%;display:inline-block; }
.slide-image img { width:100%; }
.slide-text { padding:15px 30px;vertical-align: top; }
.slide-nav { text-decoration:none;color:var(--black);display:inline-block;border-bottom:1px solid var(--cream);padding:0px 0px 3px;margin:0 20px 10px;font-size:0.9em; }
.slide-nav.active, .slide-nav:hover { border-bottom:1px solid var(--black); }
.slider-nav { text-align: center;text-transform:uppercase;margin-bottom:30px;letter-spacing: 0.03em }
.slick-slider { margin-bottom:0; }
.slick-dots { margin:15px 0px 0px;position:static; }
.slick-dots li button:before { content:""; }
.slick-dots li button { background:var(--green);width:5px;height:5px;transform: rotate(45deg);opacity:0.3;padding:4px; }
.slick-dots li:hover button, .slick-dots .slick-active button { opacity:1; }


/* Register Home */
.register_two_column { padding:60px 0px 0px; }
.register_two_column .spacer { display:block;width:100%;padding-top:120px; }
.register-columns > div { width:50%;display:inline-block;vertical-align: top; }
.register-columns img { width:100%; }
.register-text { padding:30px 15%; }


/* Video */
.plyr__control--overlaid { background:rgba(96, 118, 97,0.6); }
.plyr--full-ui input[type=range] { color:var(--green); }
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background:var(--green); }


/* Log in/Register */
.col-left, .col-right { width:50%;display: inline-block;vertical-align: top;padding:30px; }
.loginbg { position:absolute;width:50%;left:50%;top:0;height:100%; }

/* Collections */
.module.collections { padding:60px 15px; }
.paged_collection { padding:30px 0px; }
.breadcrumbs { line-height:150%;background:var(--dark-grey);color:#fff;padding:15px 15px;text-transform:uppercase;font-size:0.8em;letter-spacing: 0.08em }
.breadcrumbs a { color:#fff;text-decoration: none; }
.breadcrumbs a:hover { opacity:0.3; }
.collection-link-holder { width:25%;display:inline-block;padding:5px 8px; }
.collection-link { display:inline-block;position:relative;width:100%; }
.collection-link img { width:100%; }
.category-overlay { background:rgba(0,0,0,0.5);position:absolute;width:100%;height:100%;top:0;left:0;text-align: center; }
.families-parent .category-overlay { background:rgba(0,0,0,0); }
.category-overlay span { color:#fff;text-decoration: none;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size:1.2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.category-overlay span.lower-overlay { top:auto;bottom:0; }
.collection-link:hover .category-overlay { background:rgba(0,0,0,0.8); }
.pagination { padding:10px 30px;width:100%;text-align:center;margin:30px auto 0;display:block; }
.pagination .page-numbers { padding:0 5px;text-decoration:none; }
.pagination a.page-numbers:hover { text-decoration:underline; }
span.page-numbers { opacity:0.3; }

/*.product-listing { margin-bottom:60px; }*/
.product-image, .product-details { width:50%;display:inline-block;vertical-align: top; }
.product-image { padding-right:60px; }
.product-detail { border-bottom:1px solid var(--dark-grey);padding:15px;display:flex;flex-wrap:wrap;gap:15px; }
.product-detail:first-child { border-top:1px solid var(--dark-grey); }
.detail-type, .detail-value p { font-size:1rem;vertical-align: top;line-height:150%; }
.detail-value p { margin-top:0; }
.detail-type { flex:0 1 200px;display:inline-block;text-transform: uppercase;letter-spacing: 0.08em; }
.detail-value { flex:1 1 calc(100% - 230px);display:inline-block; }
.placeholder { opacity:0.4; }

.product-detail.price { border-bottom:none; }
span.price { position:relative;top:12px;font-weight:bold;font-size:1.2em;color:var(--green); }
.order-form .button { margin-top:0;margin-left:15px; }
.order-form input { height:35px;text-align:center; }
.order-form input[type="number"], .order-table input[type="number"] { width:100px;border:none;background:none;font-size:1em;padding-left:12px; }
.quantity { position:relative;top:0px;height:36px;display:inline-block;border:1px solid var(--dark-grey); }
.order-table .plus, .order-table .minus, .quantity .plus, .quantity .minus { text-decoration: none;z-index:1;position:absolute;top:1px;width:35px;height:33px;background:var(--cream);display:block;color:var(--black);font-size:1.6em;text-align:center;padding-top:3px; }
.order-table .minus, .quantity .minus { content:"-";left:0; }
.order-table .plus, .quantity .plus { content:"+";right:0; }

.collections-parent.families-parent { row-gap:15px; }
.families-parent .collection-parent-link { padding-bottom:30px;position:relative; }
.families-parent .collection-parent-link::after { display:block;transition:all 0.3s ease-in-out;pointer-events:none;content:"";background:var(--dark-grey);opacity:0;width:100%;height:100%;top:0;left:0;position:absolute; }
/*.families-parent .collection-parent-link:hover::after {opacity:0.4;}*/
.families-parent .collection-parent-link img { transition:all 0.3s ease-in-out; }
.families-parent .collection-parent-link:hover img { opacity:0.6; }
.families-parent .collection-parent-link:hover span.product-name { text-decoration:underline; }
span.product-name { position:absolute;bottom:0;left:0;width:100%;display:block;padding:10px;color:#000;text-align:center; }



/*.product-link-holder { padding:10px 10px 5px 10px; }*/
.product-link { display:inline-block; }
/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { @media {

    .product-link { display:grid; }
}}
.link-cover { background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;display:inline-table;vertical-align:middle;width:100%;height:100%;color:#fff;text-align:center;font-size:1.2em;opacity:0; }
.link-cover > div { display:table-cell;vertical-align: middle;height:100%; }
.product-link:hover .link-cover { opacity:1; }

/* Single Prodcut */
.single_product { padding:60px 15px; }
.finish-thumbnail { width:50px;height:40px;display:inline-block;vertical-align: middle;padding-right:10px;  }
.finish-thumbnail img { width:100%; }
.finish-name { display:table-cell;font-size:0.75em;vertical-align: middle;border-collapse: collapse; }
.finish-list-item { width:100%;display:inline-table;padding:10px 0px;border-bottom:1px solid var(--dark-grey); }
/*.finish-list-item:first-child { border-top:1px solid var(--dark-grey); }*/
.finish-add { display:table-cell;text-align: right;vertical-align: middle; }
.loading { display:none;background:url("/wp-content/themes/bac_arch/img/loading.gif") no-repeat;background-size:25px auto;width:25px;height:25px;position:absolute;top:6px;left:50%;transform: translateX(-50%); }
.thickness { padding-right:15px; }
.thickness input[type='number'] { width:50px;text-align:right;border:1px solid var(--dark-grey);margin:0 5px 0 10px; }
.button.disabled { pointer-events: none;opacity:0.3; }
.add-to-order-row { padding:10px 0; }
/*.add-to-order-heading { margin-bottom:15px; }*/
.add-to-order-form { margin-top:-10px; }
.order-form .button { margin-left:0; }
.product-image { position:relative; }
.coming-soon { position:absolute;bottom:0;left:0;width:100%;display:inline-block;background:var(--dark-grey);padding:10px 15px;text-align:center;color:#ffffff;text-transform: uppercase;font-size:0.8em; }
.product-image .coming-soon { width:calc(100% - 60px);font-size:1em; }
.mm { text-transform: lowercase; }

/* Order */
.order-holder { padding:100px; }
.order-table { width:100%;border-collapse: collapse;  }
.order-table tr { border-bottom:1px solid var(--dark-grey); }
.order-table tr:last-child { border:none; }
.order-table th { text-transform: uppercase;letter-spacing: 0.02em;font-weight:300; }
.order-table th, .order-table td { text-align: right;padding:5px; }
.order-table td { padding:3px 5px; }
.order-table th:first-child, .order-table td:first-child { text-align: left; }
.order-total-label { text-transform: uppercase;letter-spacing: 0.02em }
.order-table input[type="number"] { text-align:right;width:80px;border:1px solid var(--dark-grey);padding:5px 0; }
.update-order { font-size:0.8em;display:inline-table;margin-top:5px;border:none;text-decoration: underline; }
.confirm-form { width:100%;text-align: right; }
.confirm-form input { display:inline-block; }
.order-thumbnail { display:inline-block;width:50px;height:auto;vertical-align:middle;margin-right:10px; }
.order-form .button { position:relative;top:-2px;height:36px; }
.status { display:none;width:100%;margin-top:10px; }
.table-finish-row {  }
.table-finish-row td:first-child { padding-left:30px;font-size:0.7em; }
#status { padding:0 0 15px;position:relative;top:-3px;display:none; }
#update-status { margin-bottom:15px;display:inline-block;width:100%; }

/* Finishes */
.finish-slider { padding:30px 15px; }
.finish-slide-text { padding:30px; }
.finish-slider img { width:100%;height:100%;object-fit:cover; }
.select { width:280px;position:relative;border:1px solid var(--dark-grey);display:inline-block;text-transform: uppercase;font-size:0.8em;letter-spacing: 0.02em;margin-left:15px;background:url("/wp-content/themes/bac_arch/img/select-arrow.png") no-repeat;background-size:8px auto;background-position:calc(100% - 9px) center; }
.selected { padding:10px 30px 8px 15px; }
.select-menu { display:none;position:absolute;top:100%;left:-1px;width:calc(100% + 2px);z-index:1;background:var(--cream);border:1px solid var(--dark-grey); }
.finish-select > span { text-transform: uppercase;letter-spacing: 0.02em;font-size:0.8em; }
.option { display:inline-block;width:100%;padding:5px 15px; }
.option:hover { background:var(--dark-grey);color:#fff;cursor: pointer;cursor:hand; }


/* Form */
.add-to-order-form select { height:36px;-webkit-appearance: none;padding:5px 25px 5px 15px;border-radius:0px;width:auto;position:relative;border:1px solid var(--dark-grey);display:inline-block;text-transform: uppercase;font-size:0.8em;letter-spacing: 0.02em;background:url("/wp-content/themes/bac_arch/img/select-arrow.png") no-repeat;background-size:8px auto;background-position:calc(100% - 9px) center; }

/* Gallery */
.module.gallery { padding:50px 15px 30px; }
.grid-sizer, .grid-item { width: 25%;padding:10px 10px 5px; }
.grid-item img { width:100%; }
.lightbox .lb-image { border:60px solid #fff; }
.lb-nav a.lb-next { background-size:25px auto;background-position:97% center; }
.lb-nav a.lb-prev { background-size:25px auto;background-position:4% center; }
.lb-data .lb-close { background-size:30px 30px; }


/* LoginRegister */
.col-right { position:relative;z-index:1; }
.wpcf7-form { position:relative;z-index:1;width:100%;max-width:400px; }
.wpcf7-form label, #loginform label { text-transform: uppercase;color:var(--black);letter-spacing: 0.03em;font-size:0.8em; }
.wpcf7-form input, #loginform input { height:35px;background:transparent;border:1px solid var(--dark-grey);width:100%;padding:0 10px; }
.wpcf7-form input[type="submit"], #loginform input[type="submit"] { width:auto; }
div.wpcf7-response-output { border:none; }

#loginbox { text-align:right;padding:0 15px 15px;background:#e8e8e8;display:none; }
#loginform { width:100%;max-width:500px;display:inline-block;}
#loginform .login-username, #loginform .login-password { width:calc(48% - 38px);display:inline-block;margin:0; }
#loginform .login-submit { width:76px;display:inline-block;margin:0; }
#wp-submit { position:relative;top:-1px; }
#loginform label { display:none; }

.archive-grid { display:flex;column-gap:30px;display:block;justify-content:flex-start; }
/*.archive-grid > a { display:inline-block;flex:0 1 20%; }*/
.archive-filter { display:flex;gap:15px;justify-content:flex-start;flex-wrap:wrap; }
.archive-filter > a { flex:0 1 calc(20% - 15px);min-width:250px; }
.product-grid { flex:0 1 auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:15px; }
.product-grid.line { padding-top:30px;margin-top:30px;border-top:1px solid var(--green); }
.product-link-holder { flex:0 1 300px; }
.archive-filter a  { text-decoration:none;text-transform:uppercase;display:block;}
.archive-filter a:hover { opacity:0.6; }

.collections-module { padding:clamp(30px,10vw,60px) 15px; }

.collections-parent { display:flex;flex-wrap:wrap;justify-content:center;gap:15px; }
.collection-parent-link { display:block;position:relative;flex:0 1 24%;min-width:180px; }
.collection-parent-link img { width:100%;height:100%;object-fit:cover; }

.collection-parent-slider-link { display:block;position:relative;flex:0 1 33.333%;min-width:180px; }
.collection-parent-slider-link .category-overlay { text-transform:uppercase; }
.collection-parent-slider-link img { width:100%;height:100%;object-fit:cover; }

.collections-children { display:flex;flex-wrap:wrap;gap:15px;justify-content:space-evenly;padding:30px 5px;}
.collections-children  .collection-parent-link { flex:0 1 calc(25% - 15px); }

/*.collections-parent:hover .category-overlay,
.collections-parent.active .category-overlay  { background:rgba(0,0,0,0.75); }*/
.collections-parent:hover .category-overlay span {opacity:0.8; }
.collections-parent:hover .collection-parent-link:hover .category-overlay,
.collections-parent .col-parent-toggle.active .category-overlay { background:rgba(0,0,0,0.25); }
.collections-parent:hover .collection-parent-link:hover .category-overlay span { opacity:1; }


.collections-children .collection-parent-link:hover .category-overlay { background:rgba(0,0,0,0.6); }

.family-link { text-transform:capitalize; }
.family-link:hover { opacity:0.5; }

.finish-grid { display:flex;flex-wrap:wrap;gap:1rem;justify-content:center; }
.finish-grid > div { flex:0 1 48%;max-width:330px;min-width:200px;position:relative; }
.finish-grid img { width:100%;height:100%;object-fit:cover; }
.finish-text { opacity:0;color:#fff;font-size:1rem;text-transform:uppercase;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,0.75); }
.finish-grid > div:hover .finish-text { opacity:1; }

.subcatslide > div, .maincatslide > div, .subsubcatslide > div{ display:flex;flex-wrap:wrap;background:var(--grey-light); padding:15px 0;gap:15px;justify-content:center; }
 .category-overlay { background:rgba(0,0,0,0); }
 a:hover .category-overlay { background:rgba(0,0,0,0.5); }
 .category-overlay span { font-size:1rem;background:rgba(0,0,0,0.6);padding:15px;width:100%;text-align:center;top:auto;bottom:0;transform:none;left:0; }
/*.collections-slider .category-overlay:hover span { width:100%; }*/
.subsubcatslide > div > a,
.subcatslide > div > a    { flex:0 0 45%;max-width:350px; }
.maincatslide > div > a   { flex:0 0 30% }

.collections-slider { background:var(--black); }
.collections-slider a:hover .category-overlay { background:rgba(0,0,0,0.65); }
.subcatslide > div.slide-title , .slide-title { display:block;padding:10px 30px;background:var(--black) !important;color:#fff; }
.slide-title h4 { color:#fff; }
.slide-footer { padding:30px 15px;background:var(--grey-light);width:100%;flex:1 0 100%; }
.slide-footer .button { margin-top:0px;border:1px solid var(--green); }
.slide-footer .button:hover { color:#fff; }
/*.placeholder { opacity:1; }*/

@media(max-width:1100px){
    #childcats .category-overlay span { font-size:1rem; }
}

@media(max-width:960px){
/*	.banner h1 { font-size:2.2em; }*/
	.finish-list-item, .finish-name { display:inline-block; }
	.finish-add { width:100%;display:block; }
	.product-image { width:40%; }
	.product-details { width:60%; }
    .archive-grid { flex-wrap:wrap; }
/*    .archive-filter { flex:0 0 100%;border:1px solid var(--green);padding:0 15px 0px;margin-bottom:30px;position:relative; }*/
/*    .archive-filter::after { content:"";display:block;position:absolute;top:20px;right:20px;width:16px;height:16px;border-top:1px solid var(--green);border-right:1px solid var(--green);transform:rotate(135deg); }*/
/*    .archive-filter.open::after { transform:rotate(-45deg) }*/
    .filter-terms { display:none; }
/*
    .archive-filter .collection-parent-link img { display:none; }
    .archive-filter .category-overlay { position:static;background:none; }
    .archive-filter .category-overlay span { position:static;color:var(--dark-grey); }*/
    .archive-filter { gap:5px;justify-content:space-evenly; }
    .archive-filter > a { min-width:100px;flex:1 1 30%;max-width:250px; }
    .archive-filter > a .category-overlay span { font-size:0.8rem;width:100%;padding:0 5px; }
}

@media(max-width:860px){
    #logo { left:calc(20% - 60px); }
}


/* Tablet Size */
@media(max-width:768px){
	/* Move this to it's own query if it needs to break down earlier */
		.mobile-toggle { display:inline-block;top:25px; }
		#navmenu { display:none; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
	/* ---------------------- */

	.banner h1 { font-size:1.8rem;position:relative;top:20px; }

	h2 { font-size:1.5rem; }
    .full_width_image h2 { font-size:1.8rem; }

    #logo { width:100px;height:auto;top:5px;left:70px; }
    #logo.big { transform:none; }
    .nav-top { height:80px !important; }
    .search-box { top:-55px; }
    .search-box::before { content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--black);opacity:0;pointer-events:none;transition:opacity 0.4s ease-in-out; }
    .search-box:focus-within { max-width:calc(100% - 60px); }
    .search-box:focus-within::before { opacity:0.95; }
    .search-box:focus-within input, .search-box:focus-within input::placeholder,
    :is(nav:hover, nav.visible, nav.open) #ajaxsearchlite1 .probox .proinput input, :is(nav:hover, nav.visible, nav.open) div.asl_w .probox .proinput input { color:#fff !important; }
    :is(.search-box:focus-within) #ajaxsearchlite1 .probox .proinput input::placeholder,
:is(.search-box:focus-within) div.asl_w .probox .proinput input::placeholder { color:#fff !important; }

/*    .search-box { position:static; }*/
	.slide-image { width:40%; }
	.slide-text  { width:60%;padding-top:0; }
	.slide-text p { margin-top:0; }

	.register_two_column { padding:30px 0; }
	.register-text { padding:30px 5%; }
	
	#footer .menu  { display:inline-block; } 
	#footer .menu li { width:30%;display:inline-block; }

	.detail-type { width:40%; }
	.detail-value { width:60%; }

	.grid-sizer, .grid-item { width: 33.33333%;padding:5px 5px 5px; }
	.lightbox .lb-image { border:30px solid #fff; }
	
	.finish-add { text-align:left; }

		.product-image { width:100%;margin:0 auto 30px;text-align:center; }
		.product-image img { max-width:500px;display:inline-block;margin:0 auto; }
		.product-details { width:100%; }

		.two_column_text_image .column-text, .two_column_text_image .column-image { width:100%; }
		.two_column_text_image { padding:0; }

		.collection-link-holder { width:33%; }

        .full_width_image  { max-height:600px; }
         .product-link-holder { flex:0 1 200px; }



         .collection-parent-link { flex:0 0 100%;height:160px; }
         .collections-children .collection-parent-link { flex:1 1 calc(35% - 15px); }
        #childcats .category-overlay span { font-size:0.9rem; }

        .maincatslide > div > a { flex:1 0 100%;max-height:220px; }

}

/* Mobile Size */
@media(max-width:560px){

	
	.register_two_column { padding:0; }
	.register-columns > div { width:100%;display:flex;flex-direction: column-reverse; }
	.register-columns .spacer { display:none; }

	.slide-image, .slide-text { width:100%;display:inline-block; }
	.slide-text  { padding-top:15px; }

	.banner { height:320px; }
/*	.banner h1 { font-size:1.8em; }*/

	.product-image, .product-details { width:100%; }
	.product-image { padding:0;margin-bottom: 15px; }

	.grid-sizer, .grid-item { width: 50%;padding:5px 5px 5px; }

	.lightbox .lb-image { border:10px solid #fff; }

	.order-form .button { top:0px;margin-left:0;margin-top:2px; }

	#footer .menu  { display:inline-block; }
	#footer .menu li { width:100%;display:inline-block;vertical-align:text-top; }

	.finish-slide-text { padding:30px 0; }

	.collection-link-holder { width:50%; }
	
	.logins a { display:block;padding:5px 0; }
	.logins { top:10px;text-align:right; }

	.mob-row-1 { grid-row:1; } 
	#navmenu { padding:10px 0; }

	.category-overlay span.lower-overlay { top:50%;bottom:auto;transform: translate(-50%, -50%); }
    :is(.collections-slider,.collections-parent) .category-overlay span { font-size:0.9rem; }


}