/*
Theme Name: Moving in the Shadows
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: 
*/


:root{
	--red:#ab0f09;
	--yellow:#f2a745;
	--white:#f4f0df;
	--green:#71c638;
	--blue:#01aaab;
}

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

* { float:none !important; }

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family:"superclarendon", serif;background:#000; }
body { padding-top:59px; }

img { display:block; }

.m-grid { margin:0; }

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

p { line-height:1.4rem; }
p.error { display:inline-block;border:2px solid var(--red);padding:15px 20px; }

a { color:var(--yellow); }
a:hover { color:var(--white); }

a.button, input[type="submit"], button[type="submit"] { font-family:"superclarendon", serif;border:none;clip-path:polygon(0% 0%, 99% 0%, 100% 100%, 2% 100%);font-size:1.2rem;position:relative;transform:rotate(-2deg);background:var(--red);text-transform:uppercase;text-decoration:none;color:var(--white) !important;display:inline-block;padding:15px 20px 15px 20px !important; }
a.button.arrow { padding:15px 60px 15px 20px !important; }
a.button.arrow::after { content:"";width:30px;height:30px;display:block;position:absolute;top:50%;right:15px;transform:translateY(-50%);background:url("/wp-content/themes/arch_shadows/img/arrow.svg") no-repeat center;background-size:contain; }
a.button.large { font-size:1.4rem; }
a.button:hover, input[type="submit"]:hover, button[type="submit"]:hover { background:var(--yellow); }
a.button.val-button { margin:0px 5px 15px 0px; }
a.button.val-button.active { background:#000; }

a.button .featured { display:block;font-size:0.9rem;text-align:center;color:var(--yellow);margin-bottom:5px; }
a.button:hover .featured { color:var(--red); }

.who-grid a.button { transform:scale(0.75) rotate(-2deg) translate(-20%, -20%); }

.bg-yellow { background:var(--yellow);color:var(--red); }
.bg-yellow h2 { color:#000; }
.bg-yellow a.button { color:var(--white); }
.bg-yellow a.button:hover { background:#000; }
.bg-yellow a { color:var(--red); }
.bg-yellow a:hover { color:var(--white); }

.bg-red { background:var(--red);color:var(--white); }
.bg-red a.button { background:var(--yellow) !important; }
.bg-red a.button:hover { background:#000 !important; }

.bg-black { color:#fff; }

.bg-blue { background:var(--blue);color:var(--white); }
.bg-blue a { color:var(--white); }
.bg-blue a:hover { color:var(--yellow); }

.bg-green { background:#000;color:#ffff; }
.bg-green :is(h1,h2,h3,h4,h5,h6) { color:var(--green); }

.bg-white { background:var(--white); }
.bg-white a { color:var(--red); }


.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; }

.text-yellow { color:var(--yellow); }
.text-red { color:var(--red); }
.text-black { color:#000; }
.text-white { color:var(--white); }


/* ===== NAV MENU ===== */
nav { position:fixed;top:0;left:0;width:100%;z-index:999;background:#000;text-align:right;padding:10px 15px; }
#navmenu .menu { list-style: none;padding:0;margin:0;width:100%;z-index:100;position:relative; }
#navmenu .menu li { text-align:center;padding:10px;position:relative;display:inline-block; }
#navmenu .menu li a { text-decoration:none; }

.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:var(--yellow); }
.mobile-toggle.active .toggle-bar { background:var(--red); }

footer { background:#000;padding:60px 30px 90px;text-align:center; }
#footermenu .menu { list-style: none;padding:0;margin:0; }
footer a img { width:auto;height:60px;display:inline-block; }


/* ===== MODULES ===== */
.module { display:block;padding:30px 15px 50px; }

nav.woocommerce-MyAccount-navigation { position:static;background:transparent; }
nav.woocommerce-MyAccount-navigation ul { list-style:none; }
nav.woocommerce-MyAccount-navigation ul li { display:inline-block; }

/* Header */
.header { background:var(--red);width:100%;height:auto;position:relative;padding:60px 30px 120px; }
.header .header-background { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right bottom;mix-blend-mode:multiply; }
.header .header-background-video { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right bottom; }
.logo { width:100%;max-width:600px;margin-bottom:30px; }
.bars { width:100%;max-width:300px;position:absolute;top:0;right:0; }
.intro { width:100%;max-width:850px;margin-bottom:30px;color:var(--white); }
.featuring { color:var(--red);text-transform:uppercase;list-style:none;padding:0;margin:0;font-size:1.2rem;margin-bottom:30px; }
.home-logo { position:absolute;width:80px;height:40px;top:-1px;left:0px;display:block;z-index:1000; }
.home-logo img { width:100%;height:100%;object-fit:contain; }

/* Banner */
.banner-overlay { background:rgba(0,0,0,0.4); }

/* Quote */
.module.quote { background:#000;padding:60px 30px; }
.quote-block { transform:rotate(2deg);position:relative;color:var(--white);display:block;width:100%;max-width:800px;margin:0 auto;font-size:1.8rem; }
.quote-background { clip-path:polygon(0% 0%, 99% 0%, 100% 100%, 2% 100%);background:var(--red);padding:15px 30px; }
.quote-block.left { transform:rotate(-2deg); }
.quote-block::before { z-index:1;transform:rotate(-10deg);content:"";display:block;position:absolute;top:-20px;left:-20px;width:60px;height:60px;background:url("/wp-content/themes/arch_shadows/img/quote-bars.svg") no-repeat center;background-size:contain; }
.quote-block::after { transform:rotate(10deg) scaleX(-1);content:"";display:block;position:absolute;bottom:-20px;right:-20px;width:60px;height:60px;background:url("/wp-content/themes/arch_shadows/img/quote-bars.svg") no-repeat center;background-size:contain; }
.quote-name { position:relative;color:var(--yellow);display:block;width:100%;max-width:600px;margin:0 auto;padding:30px 0px 0px;font-size:1.1rem; }

.image { width:100%;margin-top:75px;max-width:300px; }
.inline-image { display:inline-block; }
.image.flip { transform:scaleX(-1); }

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


.wc_ppp_paywall { columns:2; }
ul.products { padding:0;list-style:none; }
ul.products li::marker { display:none; }
.woocommerce-LoopProduct-link { display:inline-block; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:100%;float:none; }
.woocommerce-product-gallery { width:48%;display:inline-block; }
.summary { display:inline-block;vertical-align:top; }

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button { background-color:var(--red); }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]:hover { background-color:#000; }

.watch-banner { background:var(--red);width:100%;padding:70px 30px;margin-bottom:60px; }
.watch-background { position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;height:100% !important;object-fit:cover;text-align:center; }
.thank-logo { width:100%;max-width:300px !important;z-index:1;margin:0 auto 30px;position:relative; }

.products.columns-4 { margin:0 -30px !important; }
.products.columns-4 > li { width:49% !important;display:inline-block !important;margin:0 !important;vertical-align:text-top;padding:0 30px !important; }
.wc_ppp_paywall .products.columns-4 > li { width:100% !important; }
.woocommerce-loop-product__link { display:block; }
.woocommerce-ordering, .woocommerce-result-count { display:none; }
.woocommerce ul.products.columns-4 li.product a img { width:100%;max-width:400px; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color:#000; }
.product_meta { display:none; }

.enter-price { padding:30px 0px;display:none; }
.enter-price label { display:block;margin-bottom:5px; }
.popfwc-currency-symbol, .alg_open_price, input[name="quantity"] { font-size:1.25rem; }
.alg_open_price { margin-left:10px; }
button[name="add-to-cart"] { margin-top:30px !important; }
.qty-label { margin-bottom:10px; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size:1.25rem; }

.woocommerce-error, .woocommerce-info, .woocommerce-message { background:transparent;border:2px solid var(--red); }
.woocommerce-info::before, .woocommerce-message::before { display:none; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { margin:0 0 0 auto; }
.wc-proceed-to-checkout { text-align:right; }
.woocommerce ul.products li.product .button { margin-top:0; }
.enter-price > label { display:none; }

.form-row { padding:10px 0px; }
form input { padding:5px 10px; }

.who-grid { margin-top:45px;margin-bottom:45px;grid-row-gap:60px; }
.who-grid img { width:100%; }
.who-grid .role { margin-top:-10px;display:block; }

.ppc-button-wrapper { margin-top:60px; }

.privacy { font-size:0.8rem;color:#fff;margin-top:45px;display:inline-block; }
.branda-cn-column .button { font-size:0.9rem;}

.virtual .woocommerce-product-gallery { width:100% !important; }
.woopaywall-not-purchasable .price { display:none; }


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
	background:var(--red);
}

.woocommerce-Price-amount.amount { font-size:1.5rem;margin-bottom:30px; }
.woocommerce-variation-add-to-cart { display:inline-block;margin-top:30px; }
table.variations { margin-bottom:15px;text-align:left;font-size:1.125rem; }
table.variations select { font-size:1.125rem;padding:10px 15px;position:relative;border:none;border-right:15px solid #fff; }
/*table.variations select::after { content:""; width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 10px 0 10px 17.3px;
   border-color: transparent transparent transparent var(--red);
   transform: rotate(0deg);
   position: absolute;top:calc(50% - 10px);right:15px;display:block;

    }*/



@media(max-width:1200px){
	.logo { max-width:480px; }
	.bars { max-width:200px }
}

@media(min-width:769px){
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { padding:30px;width:64%; }

.woocommerce div.product div.images { width:35%; }

}

/* 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;position:relative;top:10px;right:10px; }
		#navmenu { display:none; }
		#navmenu .menu { padding-top:20px; }
		#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; }
	/* ---------------------- */
	.bars { top:auto;bottom:-120px;max-width:150px; }
	.sm-top { grid-row:1; }
	.products.columns-4 > li { width:100% !important;padding:0 30px 60px !important; }
	.wc_ppp_paywall { columns:1; }
	/*nav { position:static; }
	body { padding-top:0px; }*/
}

/* Mobile Size */
@media(max-width:560px){
	.logo { max-width:480px;max-width:90%; }
/*	#navmenu .menu li { padding:10px 5px; }*/

	h1 { font-size:1.5rem; }
	h2 { font-size:1.3rem; }
	.quote-block { font-size:1.2rem; }
	.who-grid { grid-row-gap:45px; }
	footer a img { height:55px; }
}