/**
 * Theme Name: Boycies
 * Author: Tony Boyce
 * Author URI: https://tonyobyce.info/
 * Description: The Nude theme is perfect for minimalists and REST API users. It's different to most themes due to it being purpose built for headless WordPress installations. No posts here.
 * Version: 1.0
 * Tags: translation-ready, custom-background
 * Text Domain: nude
 * License: GNU GPL v3
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 */



@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:300;
	font-display:block;
	src:url('fonts/open-sans-v15-latin-300.eot');
	src:local('Open Sans Light'),local('OpenSans-Light'),
	url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'),
	url('fonts/open-sans-v15-latin-300.woff2') format('woff2'),
	url('fonts/open-sans-v15-latin-300.woff') format('woff'),
	url('fonts/open-sans-v15-latin-300.ttf') format('truetype'),
	url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg');
}

@font-face {
	font-family:'Open Sans';
	font-style:italic;
	font-weight:300;
	font-display:block;
	src:url('fonts/open-sans-v15-latin-300italic.eot');
	src:local('Open Sans Light Italic'),local('OpenSans-LightItalic'),
	url('fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/open-sans-v15-latin-300italic.woff2') format('woff2'),
	url('fonts/open-sans-v15-latin-300italic.woff') format('woff'),
	url('fonts/open-sans-v15-latin-300italic.ttf') format('truetype'),
	url('fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url('fonts/open-sans-v15-latin-regular.eot');
	src:local('Open Sans Regular'),local('OpenSans-Regular'),
	url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
	url('fonts/open-sans-v15-latin-regular.woff') format('woff'),
	url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'),
	url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg');
}

@font-face {
	font-family:'Open Sans';
	font-style:italic;
	font-weight:400;
	font-display:block;
	src:url('fonts/open-sans-v15-latin-italic.eot');
	src:local('Open Sans Italic'),local('OpenSans-Italic'),
	url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'),
	url('fonts/open-sans-v15-latin-italic.woff') format('woff'),
	url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'),
	url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:700;
	font-display:block;
	src:url('fonts/open-sans-v15-latin-700.eot');
	src:local('Open Sans Bold'),local('OpenSans-Bold'),
	url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'),
	url('fonts/open-sans-v15-latin-700.woff2') format('woff2'),
	url('fonts/open-sans-v15-latin-700.woff') format('woff'),
	url('fonts/open-sans-v15-latin-700.ttf') format('truetype'),
	url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg');
}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,em,img,strong,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section {
	padding:0;
	border:0;
	margin:0;
	vertical-align:baseline;
}

html{
	line-height:1.15;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
	}

main, header, footer, aside, section, article, menu, nav {
	display:block;
}

/* apply a natural box layout model to all elements: http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*,:before,:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.chromeframe {
	position:absolute;
	top:0;
}

 /* Remove most spacing between table cells.*/
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* Remove shadow from iOS inputs */
textarea,input[type="text"],input[type="email"],input[type="tel"] {
	-webkit-appearance:none;
	border-radius: 0;
	border: solid #c5c5c5 1px;
	font-size: 20px;
	outline: none;
	width: 100%;

}

input::placeholder {
	font-size: .9em;
	text-indent: 8px;
}


/* Links
-------------------------------------------------------------------------------*/
a {
	color:#444;
	text-decoration:none;
}

a:hover {
	color:#5aaded;
}

.the-content a {
	font-weight:400;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
	background:#5588f7;
	color:#fff;
	text-shadow:none;
}

::selection {
	background:#5588f7;
	color:#fff;
	text-shadow:none;
}

/*	j.mp/webkit-tap-highlight-color  */
a:link {
	-webkit-tap-highlight-color:rgba(150, 150, 150, 0.83);
}

img {
	max-width:100%;
	height:auto;
	display:block;
}

.wp-caption {
	max-width:100%;
}

.aligncenter {
	margin:12px auto 24px;
	margin:1.2rem auto 2.4rem;
}

.alignleft {
	float:left;
	margin:8px 0;
	margin:.8rem 0;
	margin-right:16px;
	margin-right:1.6rem;
}

.alignright {
	float:right;
	margin:8px 0;
	margin:.8rem 0;
	margin-left:16px;
	margin-left:1.6rem;
}


ul {
	list-style:none;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
   
.single-product button, .checkout-button,  #place_order.button, .wc-stripe-checkout-button {
	font-size: 1.6em;
	text-align: center;
	padding: 24px 5%;
	border: none;
	cursor: pointer;
	color: #fff;
	background-color: #03bf03;
	border-radius: 8px;
}

.single-product button:hover, .checkout-button:hover, #place_order.button:hover {
	background-color: #087c08;
	color: #fff;
}

.single-product button.disabled:hover {
	background: #03bf03;
}


.checkout-button {
	display: block;
	float: right;
}

.checkout-button:after {
	content: " \2192";
}

.clear-cart {
	display: inline-block;
	font-size: 1.6em;
	padding: 12px 24px;
	border: none;
	cursor: pointer;
}

#place_order.button {
	width: 50%;
	float: right;
}

#place_order.button:after {
	content: " \2192";
}

.single_variation .amount	 {
	font-size: 1.8em;
}

.variations .value {
	padding: 0;
}

.value select {
	-webkit-appearance: none;
   width: 180px;
   font-size: 1.4em;
   line-height: 1;
   border: 1px solid #444;
   border-radius: 0;
   padding-left: 8px;
   height: 34px;
   margin-right: 16px;
   background: transparent;
/*    https://coderwall.com/p/w7npmq/fully-custom-select-box-simple-css-only */
   background-image: url(data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==);
   background-repeat: no-repeat;
   background-position: 96.7% center;
}
   
.reset_variations {
	font-size: 1.4em;
	display: inline-block;
	color: #444;
	text-decoration: underline;
}

.variations label {
	display: none;
}

.ghost-button {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}
.ghost-button:hover,
.ghost-button:active {
  background-color: #fff;
  color: #000;
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}


/* ==========================================================================
   Typography
   ========================================================================== */
body,h1,h2,h3,p,ul,li,button,input,select,textarea {
	padding:0;
	margin:0;
	font-family:'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-size:100%;
	font-weight:400;
}

html {
	font-size:62.5%;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	clear:both;
}

.site-title {
	font-size: 48px;
	font-size: 4.8em;
	font-variant: small-caps;
	font-weight: 400;
	text-align: center;
}

.site-title a {
	color: #444;
}

.site-description {
	color: #444;
	font-size:1.4px;
	font-size:1.4em;
	text-align: center;
	margin-bottom: 0;
	display: none;
}

.archive .page-title{
	font-size: 20px;
	font-size: 2em;
	text-align: center;
	padding-top: 12px;
}

.post-title {
	font-size:24px;
	font-size:2.4em;
}

.post h1 {
	font-size: 18px;
	font-size: 1.8em;
	font-weight: 700;	
}

.post h2 {
	font-size: 18px;
	font-size: 1.8em;
	font-weight: 700;	
}

.post h3 {
	font-size: 16px;
	font-size: 1.6em;
	font-weight: 700;
}

p {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.4;
	margin-bottom:16px;
	margin-bottom:1.6rem;
	color:#5c5c5c;
}

.woocommerce-terms-and-conditions p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height:20px;
	line-height:2rem;
}

.wp-caption-text {
	text-align:center;
	font-size:15px;
	font-size:1.5rem;
	line-height: 16px;
	line-height:1;
	color:#666;
	font-style:italic;
}

/* ==========================================================================
   MENU
   ========================================================================== */
   
.slicknav_menu {
	display:none;
}

header.common .main-inner nav{
	display: flex;
	justify-content: center;
	text-align: center;

}

nav a {
	font-size:16px;
	font-size: 1.6em;
	font-weight:400;
	letter-spacing:.8px;
	color:#444;
	display: block;
	padding:8px 12px;
	padding:.8rem 1.2rem;
	text-decoration:none;
	line-height: 1.3;
	white-space: nowrap;
}

nav a:hover {
	color: #333;
}

nav ul {
	list-style:none;
	display:block;
	margin:0 auto;
	z-index:999;
}

nav ul > li {
	display:inline-block;
	float:left;
	position:relative;
	height:34px;
}

nav > li {
	line-height:1.2;
}

nav ul > li > a:hover {
/* 	background:#07f54a; */
	border-bottom: solid 1px rgba(0, 0, 0, 0.8)
}

nav ul li ul {
	opacity:0;
	height:0;
	overflow:hidden;
	position:absolute;
	top:100%;
	width:176px;
	background:#000;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:opacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}

nav ul li ul li ul {
	opacity:0;
	height:0;
	overflow:hidden;
	position:absolute;
	top:0;
	left:100%;
	width:176px;
/* 	background:#07f54a; */
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:opacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}

nav ul li ul > li {
	width:100%;
}

nav li:hover > ul {
	opacity:1;
	display:block;
	overflow:visible;
	height:auto;
}

nav .current-menu-item, nav .current-menu-ancestor.menu-item-has-children {
/* 	background: #07f54a; */
text-decoration: underline;
}

nav .menu-item-has-children:hover {
/* 	background:#98d7ff; */
}

/* ==========================================================================
   LAYOUT
   ========================================================================== */
html, body {
	height:100%;
	width: 100%;
}

main {
	width: 100%;
	min-height: 100vh;
    display: flex;
    flex-direction: column;
	background-color: #fff;
}

main.contact {
	min-height: inherit;
	padding-bottom: 0;
}

main header.common {
	min-width: 100%;
	padding-top: 12px;
	float: left;
	margin-bottom: 3em;
}

main header.common .main-inner {
	max-width:1040px;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin:0 auto;
	padding: 0 16px;
}

img.logo {
	float: left;
	margin-bottom: 8px;
}

section.shop-front, section.archive-product,
section.single-product, section.global {
	max-width: 1040px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 16px;
}


footer {
	width: 100%;
	margin-top: auto;
	text-align:center;
}

.footer {
	max-width:1024px;
	overflow:hidden;
	margin:0 auto;
	height: 80px;
	font-size: 1.4em;
	color: #444;
	display: table-cell;
	vertical-align: middle;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	text-decoration: underline;
}

footer.contact {
	margin-top: 0;
	position: relative;
	background: transparent;
}

.footer-contact {
	width: 100%;
	font-size: 1.4em;
	color: #000;
	text-align:center;
	padding: 12px 0;
	position: absolute;
	bottom: 0;
}

/* ==========================================================================
   HEADER SHOPPING CART
   ========================================================================== */

.ff-cart {
	position: absolute;
	top:8px;
	right:84px;
	font-size: 11px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}

a.ff-cart-icon {
	display: block;
	width: 30px;
	height: 25px;
}

.ff-cart .cart-contents{
	position: absolute;
	top: -4px;
	right: 3px;
    background-color: #2ecc71;
    border-radius: 10px;
    color: #fff;
    padding: 3px 6px;
}

.ff-cart .cart-contents .amount{
	position: absolute;
	top: -4px;
	right: -66px;
    color: #444;
    font-size: 14px;
}

.ff-cart .cart-contents .amount:before {
	content: '£';
	padding: 2px;
}

.ff-cart .cart-contents .amount span {
	display: none;
}

.ff-cart span {
	position: absolute;
	top: -4px;
	right: 2px;
    color: #444;
    font-weight: bold;
    padding: 3px 6px;
    line-height: 1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    vertical-align: top;
}

.ff-cart .cart-contents:hover {
	background-color: #2fa1f2;
}

/* ==========================================================================
   HOMEPAGE
   ========================================================================== */
/*
.home main {
	background-color: #eeede9;
}

.home header {
	max-width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.home .blog-title {
	font-size: 48px;
	font-size: 4.8em;
	letter-spacing: 16px;
	font-variant: small-caps;
	font-weight: 300;
	z-index: 99;
}

.home .description {
	font-size: 16px;
	font-size: 1.6em;
	font-weight: 300;
	letter-spacing: 12px;
}

.home a.enter {
	font-size: 16px;
	font-family: 1.6em;
	font-weight: 300;
	text-decoration: underline;
}

.home footer {
	overflow: hidden;
	margin-top: -80px;
}
*/

/* ==========================================================================
   SHOP FRONT
   ========================================================================== */

section.shop-front, section.archive-product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 24px;
}

article.ff {
	display: flex;
    flex-flow: column; 
/*     max-height: 360px; */
}

article.ff img:hover {
	opacity: .8;
}

.ff img {
	margin: 0 auto;
}

.ff h2 {
	font-weight: 600;
	font-size: 1.6em;
	text-align: center;
	margin: 12px 0;
}

article.ff p {
	font-size: 16px;
	font-size: 1.6em;
	line-height: 1.4;
	margin-bottom: 0;
}

article.ff p:last-child {
	margin-bottom: 12px;
}

article.ff a.button{ 
	padding: 1em 2em;
	display: block;
	width: 100%;
	margin: auto auto 0;
	font-size: 1.8em;
	text-align: center;
	border: solid 1px #444;
	border-radius: 12px;
	transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}

.ff .button:hover {
	background: #444;
	color: #fff;
    transition: background-color 0.3s ease-in,
                color 0.3s ease-in;
}

/* https://stackoverflow.com/questions/28417056/how-to-target-only-ie-any-version-within-a-stylesheet */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10 and upwards CSS styles go here */

    .shop-front, .archive-product {
		max-width: 1080px;
		width: 100%;
		margin: 0 auto;
		padding: 1% 1% 2%;
	}

    .ff {
	    display: inline-block;
		width:23%;
		margin-right: 2.66%;
		margin-bottom: 42px;
		float: left;
/* 		border: solid 1px #444; */
	}
	.ff:nth-child(4n+4) {
	    margin-right: 0;
    }
    
    .ff .button {
	    width: 60%;
	    margin: 0 auto;
    }
    .ff-cart-page .ff {
	    height:inherit;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
/* 	For IE10 only */
	.selector { property:value\9; } 
	}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
	/* 	Old Safari styles */

    .shop-front, .archive-product {
		max-width: 1080px;
		width: 100%;
		margin: 0 auto;
		padding: 1% 1% 2%;
	}

    .ff {
	    width:23%;
		margin-right: 2.66%;
		margin-bottom: 42px;
		float: left;
		height: 420px;
	}
	.ff:nth-child(4n+4) {
	    margin-right: 0;
    }
    .ff-cart-page .ff {
	    height:inherit;
    }
    }
}

@media only screen and (max-width: 520px) {
	section.shop-front, section.archive-product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
	}
	article.ff a.button{ 
	width: 80%;
	}
}

@media only screen and (max-width: 375px) {
	section.shop-front, section.archive-product {
    display: inherit;
	}
	article.ff {
		width: 80%;
		margin: 0 auto 4em;
	}
	article.ff a.button{ 
	width: 100%;
	}
}

/* ==========================================================================
   Page Navigation
   ========================================================================== */
.wp-pagenavi {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 1.6em;
	padding: 16px 1%;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	background: #a1f9b1;
	border-radius: 50%;
	padding: 3px 10px;
	margin: 0 4px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #fff;
	background: #a1f9b1;
}

.wp-pagenavi span.current {
	font-weight: bold;
	background: green;
}


tr.cart-subtotal, .cart_totals h2, .actions button.button,
th.product-quantity, td.product-quantity, strong.product-quantity,
.description_tab, .product_meta, .summary .quantity,
.related, .onsale, .upsells, .actions input.button, #order_review_heading, 
/* .shop-front .product .price, .archive-product .product .price, */ .a3dg-navbar-control,
.a3dg-preloads img {
	display: none;
}

/* ==========================================================================
   SINGLE PRODUCT PAGE
   ========================================================================== */
.in-stock {
/* 	display: none; */
}

.out-of-stock {
	font-weight: 700;
/* 	display: none; */
}

.single-product h1 {
	font-size: 2.4em;
	margin-bottom: 16px;
}
   
section.single-product {
	max-width:1080px;
	width: 100%;
	padding: 0 2%;
	margin: 0 auto;
}

.single-product .product {
	width: 100%;
}

.summary/* , .wc-tabs-wrapper */ { 
	width: 44%;
	float: right;
	margin-bottom: 24px;
}

.summary div p {
	font-size: 1.6em;
	line-height: 1.4;
	margin-bottom: 6px;
}

.summary .price .amount {
	display: inline-block;
	padding: 4% 5%;
	background-color: #000;
	color: #fff;
	margin-top: 16px;
}

/*
.product-type-variable .summary p.price .amount {
	display: inline-block;
	padding: 0;
	background-color: transparent;
	color: #444;
	margin-top: 16px;
}
*/

.summary p.price {
	margin: 16px 0;
}

.summary del .amount {
	text-decoration: line-through;  
}

.variations_form .single_add_to_cart_button {
	margin-top: 16px;
}

/* You may also consider */
.boycies-product-list img:hover {
	opacity: .8;
}

.single-product .product {
	width: 100%;
	float: left;
	margin-bottom: 2em;
}

.single-product .price {
	margin-bottom: 0;
}

.boycies-product-list {
	width: 100%;
	display: flex;
	justify-content: center;
}

.boycies-product-list li {
	padding: 8px;
	text-align: center;
}

h3.product-list {
	text-align: center;
	font-size: 2em;
	color: #444;
	padding: 8px;
	border-top: solid 1px #ddd;
}

.ff-carousel {
	float: left;
	width: 100%;
	margin-top: 16px;
	border-top: solid 1px #ccc;
}

/* Magnifier gallery */
.single-product .images{
	width: 50%;
	float: left;
}

.single-product .images .thumbnails {
	width: 100%;
	overflow: hidden;
}

.wpb-woo-zoom img {
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-top: 8px;
}

.wpb-woo-zoom.last img {
	margin-right: 0;
}

/*  dynamic gallery */
.single-product .images.gallery_container {
	width: 50%;
	float: left;
}

.single-product .a3dg-image-wrapper {
	position: relative;
    overflow: hidden;
    z-index: 8;
}

.single-product .a3dg-image {
	width: 100%;
    text-align: center;
	position: absolute;
	overflow: hidden;
	left: 0;
	z-index: 9;
	display: block;
}

.a3dg-image img {
	margin:0;
	padding:0;
	cursor: pointer;
	visibility: visible;
}


.a3dg-thumb-list {
	overflow: hidden;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px;
}

.a3dg-thumb-list li {
	display: inline-block;
	width: auto;
	padding: 0;
}

.a3dg-thumb-list li a {
	display: inline-block;
	padding: 0;
}

.a3dg-thumb-list li a img {
	width: 100%;
}

.a3dg-preloads img, .fancybox-toolbar {
	display: none;
}

 @media screen and (max-width: 520px){
	 .summary {
		 width: 100%;
	 }
.single-product .images.gallery_container {
	 width: 100%;	 
	 }
}

/* ==========================================================================
   REPLACE RADIO BUTTONS http://www.hongkiat.com/blog/css3-checkbox-radio/ 
   ========================================================================== */
input#payment_method_stripe.input-radio,
input#payment_method_paypal.input-radio,
input#payment_method_cod.input-radio,
#shipping_method li input[type=radio] {
  display: none;
}

.payment_method_stripe label,
.payment_method_cod label,
.payment_method_paypal label,
#shipping_method li label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  font-size: 16px;
}

.payment_method_stripe label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background-color: #fff;
  border: solid 1px #525252;
}

.payment_method_paypal label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background-color: #fff;
  border: solid 1px #525252;
}

.payment_method_cod label:before,
#shipping_method li label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #fff;
  border: solid 1px #525252;
}

.payment_method_stripe input[type=radio]:checked + label:before,
.payment_method_cod input[type=radio]:checked + label:before,
.payment_method_paypal input[type=radio]:checked + label:before,
#shipping_method li input[type=radio]:checked + label:before {
  content: "\2713";
  font-size: 16px;
  color: #444;
  text-align: center;
  line-height: 15px;
}

/* ==========================================================================
   CART PAGE
   ========================================================================== */
.woocommerce-shipping-destination {
	display: none;
}
.woocommerce-cart-form {
	width: 100%;
	margin: 0 auto;
}

form.checkout {
/* 	position: relative; */
	overflow: hidden;
}
 
#order_review {
	 width: 46%;
	 float: right;
}
 
.woocommerce-error {
	 width: 40%;
	 font-size: 1.6em;
	 color: red;
}
   
section.global .shop_table {
	 width: 100%;
	 margin: 0 auto 32px;
	 font-size: 1.6em;
	 text-align: left;
}
 	
.woocommerce-cart-form {
	border-bottom: solid 1px #dedede;
}

.woocommerce-cart-form .product-thumbnail {
	 padding: 12px 2% 12px 0;
	 width: 12%;
}
 
.woocommerce-cart-form .product-name {
	 width: 40%;
}

.woocommerce-cart-form .product-price {
	 width: 20%;
	 text-align: right;
}

.woocommerce-cart-form .product-subtotal {
	 width: 20%;
	 text-align: right;
}

.cart_totals .order-total th {
	text-align: right;
	}
	
.cart_totals .order-total td {
	width: 20%;
	text-align: right;
	}

.cart_totals #shipping_method {
	text-align: right;
}

.cart_totals tr.order-total {
	border-top: solid 1px #dedede;
	padding-top: 8px;
	height: 36px;
}
	
a.remove {
	 font-size: 2em;
	 font-weight: 300;
}

.wc-proceed-to-checkout {
	width: 100%;
	overflow: hidden;
} 

.ff-cart-page {
	width: 100%;
	background-color: #dedede;
	overflow: hidden;
	margin-top: 36px;
} 

.ff-cart-page .archive-product {
	display: inherit;
	padding: 2%;
}

.ff-cart-page .archive-product .ff {
		float: left;
	width: 23%;
	margin-right: 2.666%;
}

.ff-cart-page .archive-product .ff:nth-child(4n+4) {
	margin-right: 0;
}


.ff-cart-page p, .ff-cart-page .button, .ff-cart-page h2 {
	display: none;
}

 
/* ==========================================================================
   CHECKOUT PAGE
   ========================================================================== */

.woocommerce-checkout-review-order-table th.product-name {
	width: 70%;
}

.woocommerce-checkout-review-order-table thead tr,
.woocommerce-checkout-review-order-table tr.cart_item {
	height: 32px;
	vertical-align: top;
}

.woocommerce-checkout-review-order-table tr.shipping,
.woocommerce-checkout-review-order-table tr.order-total {
	border-top: solid 1px #dedede;
}
 
.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td {	
	 padding-top: 12px;
	 text-align: right;
}

.woocommerce-checkout-review-order-table tr.shipping {
	text-align: right;
}

.woocommerce-checkout-review-order-table td.product-total {
	text-align: right;
}

.cart_totals #shipping_method li,
.woocommerce-checkout-review-order-table #shipping_method li {
	padding: 12px 0;
}


.woocommerce-checkout-review-order .methods {
	 width: 100%;
	 overflow: hidden;
	 padding-bottom: 36px;
	 border-bottom: solid 1px #dedede;
	 margin-bottom: 24px;
 }

.woocommerce-checkout-review-order .methods .payment_method_paypal {
	width: 48%;
	float: left;
}

.woocommerce-checkout-review-order .methods .payment_method_stripe {
	width: 48%;
	float: right;
}

.woocommerce-checkout-review-order .methods .payment_method_stripe .payment_box {
	width: 100%;
}

.woocommerce-checkout-review-order .methods .payment_method_stripe .payment_box fieldset{
	padding: 0;
	border: none;
}

.woocommerce-checkout-review-order .methods .payment_method_stripe .payment_box fieldset label{
	padding: 0;
}

.woocommerce-checkout-review-order .methods .payment_method_stripe .payment_box fieldset label:before{
	content: '';
	display: 	none;
}

.stripe-source-errors ul{
	width: 100%;
}

.woocommerce-checkout-review-order .methods .payment_method_cod {
	width: 100%;
	float: left;
	margin-top: 48px;
}

.woocommerce-checkout-review-order .methods .payment_method_cod .payment_box{
	margin-top: 16px;
}

/* .woocommerce-checkout-review-order .methods .payment_method_stripe .payment_box, */
/* .woocommerce-checkout-review-order .methods .payment_method_paypal .payment_box, */
.woocommerce-checkout-review-order .methods .payment_method_cod .payment_box {
	width: 100%;
	padding: 8px 2% 0;
	border: solid 1px #444;
}

.woocommerce-checkout-review-order .methods .payment_method_paypal .payment_box p,
.woocommerce-checkout-review-order .methods .payment_method_stripe .payment_box p,
.woocommerce-checkout-review-order .methods .payment_method_cod .payment_box p {
	font-style: italic;
	font-size: 1.6em;
	line-height: 1.4;	
}

.payment_method_stripe label, .payment_method_paypal label, .payment_method_cod label {
	font-weight: 700;
	font-size: 1.6em;	
}

.payment_method_cod label:after {
/* 	https://icons8.com/icon/set/money/windows */
	width: 32px;
	height: 32px;
	content: url(images/coins-50.png);
	position: absolute;
}

.payment_method_paypal .about_paypal,
.payment_box.payment_method_paypal p,
#stripe-payment-data p {
	display: none;
}
 

#customer_details {
	 width: 48%;
	 float: left;
	 padding: 2% 2% 4%;
	 background: #e7e7e7;
}

#customer_details input, .input-text {
	 background: #fff;
	border:1px solid #bbbbbb;
}

#customer_details .form-row label {
	 float: left;
	 clear: right;
	 font-size: .8em;
 }

#customer_details .checkout .input-text {
	 width: 58%;
	 float: right;
	 text-align: left;
 }
 
#customer_details .form-row {
	  float: left;
	  width: 100%;
	  margin-bottom: 12px;
  }

#customer_details .form-row .input-text {
	width: 100%;
	clear: right;
	font-size: .9em;
	padding: 4px;
}

#billing_first_name_field.form-row {
	float: left;
	width: 48%;
	margin-right: 4%;
}

#billing_first_name.input-text {
	width: 100%;
	float: left;
	clear: left;
	margin-right: 5%;
}

#billing_last_name_field.form-row {
	float: left;
	width: 48%;
}
#billing_last_name.input-text {
	width: 100%;
	float: left;
}


h3.custom-heading {
	float: left;
	width: 100%;
	font-size: 1.8em;
	font-variant: small-caps;
	font-weight: normal;
	margin-bottom: 16px;
}

#billing_email_field {
	margin-bottom: 0;
}
#billing_email_field:after {
content: 'shipping information';
font-size: 1em;
font-variant: small-caps;
margin-top: 12px;
float: left;
}

#billing_phone_field {
	position: relative;
}

#billing_phone_field:after {
content: 'for local deliveries only';
font-size: 14px;
font-style: italic;
position: absolute;
right: 12px;
}

#billing_country_field strong {
	font-weight: 400;
	font-size: .8em;
	float: left;
}

ul.order_details,
.woocommerce-order ul {
	float: left;
	width: 48%;
	font-size: 1.6em;
	margin-bottom: 12px;
}

ul.order_details li,
.woocommerce-order li {
	margin-bottom: 8px;
}

.woocommerce-order p.woocommerce-notice {
	width: 100%;
	float: left;
	font-weight: 700;
	text-align: center;
}

.woocommerce-order .order-info {
	width: 50%;
	float: right;
}

.woocommerce-order h2 {
	font-size: 2em;
}

.woocommerce-order-details {
	float: left;
	width: 48%;
	padding: 0;
	clear: left;
}

.woocommerce-order thead th {
	text-align: left;
	padding-right: 16px;
}

.woocommerce-order h3 {
	margin-bottom: 12px;
}

.woocommerce-order address {
	font-size: 1.8em;
	font-style: normal;
	}
	
table.customer_details th {
	float: left;
}

.wc-terms-and-conditions label span{
	 padding-left: 4px;
}

.wc-terms-and-conditions label span.required{
	 padding-left: 0;
}


.woocommerce-terms-and-conditions {
	 overflow-y: scroll;
	 border: solid 1px #b6b6b6;
	 padding: 8px;
	 margin-bottom: 4px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.woocommerce-privacy-policy-link,
.woocommerce-terms-and-conditions-link {
	text-decoration: underline;
}

.woocommerce-privacy-policy-text p {
	font-size: 14px;
	font-style: italic;
}

.shipping th {
	visibility: hidden;
}

/* https://icons8.com/preloaders/en/letters_numbers_words */
.processing .blockOverlay {
    background-image:url('images/loading-2.gif') !important;
    background-position: center 30% !important;
    background-repeat: no-repeat !important;
}

 @media screen and (max-width: 520px){
	#order_review, #customer_details {
		 width: 100%;
		 margin-bottom: 16px;
	}
	}


/* ==========================================================================
   ERRORS/MESSAGES   
========================================================================== */
.single-product .woocommerce-message, .single-product .woocommerce-error {
	float: right;
	width: 100%;
	font-size: 1.6em;
	padding: 12px;
	margin-bottom: 8px;
}

.single-product .woocommerce-message {
	color: green;	
}

.single-product .woocommerce-error {
	color: red;	
}


.single-product .woocommerce-message a, .single-product .woocommerce-error a {
	float: right;
	margin-left: 12px;
	font-weight: 700;
	color: #444;
}

.single-product .woocommerce-message a, .single-product .woocommerce-error a {
	text-decoration: underline;
}

.woocommerce-cart .woocommerce-info {
	font-size: 1.6em;
}

.woocommerce-error li {
	margin-bottom: 4px;
}

.woocommerce-error li strong {
	font-weight: 400;
}

.cart-empty,
.return-to-shop {
	display: inline-block;
	font-size: 1.6em;
}

.wc-backward {
	color: #444;
	text-decoration: underline;
	margin-left: 4px;
}

.wc-backward:after {
	content: '?';
}

.woocommerce .woocommerce-message {
	display: inline-block;
}

.woocommerce .woocommerce-message:nth-child(2) {
	margin-left: 12px;
}

.woocommerce-cart .woocommerce-message {
	font-size: 1.6em;
	margin-bottom: 12px;
}

.woocommerce-cart a.restore-item, .woocommerce-cart .continue-button {
	color: #444;	
	text-decoration: underline;
}

.woocommerce-message a.restore-item:hover, .woocommerce-message .continue-button:hover, .woocommerce-message .wc-backward:hover,.woocommerce-message a.button.wc-forward:hover, .woocommerce-error a.button.wc-forward:hover {
	color: #5aaded;
}

/* @media screen and (max-width: 1024px){.header-front .blog-info{width:70%}section.single-product{padding:0 2%}}@media only screen and (min-width: 480px) and (max-width: 768px){header > section{width:38%}header > nav ul li a{padding:4px}.intro{padding:0 10%}section.featured-products article{width:46%;margin-right:7.8%;margin-bottom:48px}section.featured-products article:nth-child(2n+2){margin-right:0}section.intro article.post{width:76%}.shop-front,.archive-product{grid-template-columns:repeat(auto-fit, minmax(30%, 1fr));grid-gap:1.5em}.boycies-product-list{flex-wrap:wrap}#place_order.button{width:100%}@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media { .ff { height:360px}.ff-cart-page .ff{height:inherit}}@media only screen and (min-width: 320px) and (max-width: 760px){section.featured-products{padding-top:24px;height:inherit;display:inherit}section.intro{height:inherit;display:inherit;padding:24px 0}}@media only screen and (max-width: 520px){.menu-main-container,.home nav{display:none}.slicknav_menu{display:block}.header-front{height:95vh}main header.common{margin-bottom:0}.blog-info .blog-title{letter-spacing:7px;font-weight:700;font-size:2.4em}section.featured-products article{width:100%;margin:0 auto 16px}.featured-products article:nth-child(2n+3){margin-right:0}.ff-cart-page .archive-product .ff{width:49%;margin-right:2%;margin-bottom:6px}.ff-cart-page .archive-product .ff:nth-child(2n+2){margin-right:0}section.single-product{margin-top:8px}.single-product .images{width:100%}.summary,.wc-tabs-wrapper{width:100%}.value{width:100%;text-align:center}.value .reset_variations{display:block;margin:2px auto 6px}.value select{display:inherit;margin-right:0;margin:0 auto}.summary p.price,.single_variation{text-align:center}.summary .price .amount{display:block;text-align:center;width:60%;margin:24px auto 16px}.summary .button{display:inherit;width:60%;margin:0 auto 16px}.woocommerce-cart-form{padding:12px}.cart_totals .order-total{width:40%}}@media only screen and (max-width: 479px){.header-front .blog-info{width:92%;padding:30px 0}section.intro article.post{width:92%}header > section{width:100%}.shop-front,.archive-product{grid-template-columns:repeat(auto-fit, minmax(44%, 1fr));grid-gap:1.5em}.boycies-product-list{flex-wrap:wrap}#customer_details{width:100%;margin-bottom:24px}#order_review{width:100%;position:inherit}.checkout-button,#place_order.button{width:100%}}@media only screen and (max-width: 375px){.shop-front,.archive-product{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr));grid-gap:1.5em}.blog-info .blog-title{font-size:2em}.summary .amount{margin-bottom:12px;margin-top:32px}}.slicknav_btn{position:relative;display:block;vertical-align:middle;width:100%;height:40px;line-height:1.125em;cursor:pointer}.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:.188em}.slicknav_menu{*zoom:1}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;margin:8px}.slicknav_menu .slicknav_icon{float:left;margin-top:12px}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25)}.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{content:" ";display:table;clear:both}.slicknav_nav{clear:both}.slicknav_nav ul{display:block}.slicknav_nav li{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row{display:block}.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_brand{float:left}.slicknav_menu{font-size:18px;box-sizing:border-box;background:#000}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{background-color:#030303}.slicknav_nav{color:#fff;margin:0;padding:0;font-size:1em;list-style:none;overflow:hidden}.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_nav > ul > li{margin:0}.slicknav_nav a{padding:10px 0;text-decoration:none;text-align:center;letter-spacing:4px;color:#fff}.slicknav_menu .current-menu-item a{background:#252525}.slicknav_nav ul > li > a:hover{background:#454545}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a{padding:0;margin:0}.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px} */

/*-----------------------------------------------------------------------------------*/
/* Contact Form
/*-----------------------------------------------------------------------------------*/




form.wpcf7-form {
	max-width: 520px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}

.wpcf7 label {
	position: relative;
	display:inline-block;
	width:100%;
	font-size:16px;
	font-size:1.6em;
	line-height: .2;
	margin: 4px auto;
	margin: .4em auto;
	padding: 0 0 0 8px;
	top: 28px; /* moving label down */
	z-index: 1;
	transition: all 0.5s ease-in-out; /* adding animation */
}

.filled label {
	top: 0;
	font-size: 1em;
}

input[type="text"],input[type="email"],textarea {
	background-color: transparent;
	border:1px solid #040404;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	position: relative;
	display:inline-block;
	width:100%;
	padding:.5em;
	font-size:18px;
	font-size:1.8em;
	z-index: 10;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,input[type="email"]:focus,textarea:focus {
	color:#040404;
/* 	background-color:#fff; */
}

input[type="submit"] {
	width: 36%;
	color: #040404;
	background-color:transparent;
	border: solid 1px #040404;
	margin-top: 24px;
	margin-bottom: 8px;
	-webkit-appearance:none;
	-webkit-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:none;
	box-shadow:none;
	cursor:pointer;
	display:inline-block;
	font-size:22px;
	font-size:2.2em;
	letter-spacing: .2em;
	font-weight: 400;
	line-height:1;
	padding: 10px 20x;
	padding: 1em 2em;
	text-shadow:none;
    background-position: center;
	-webkit-transition:background .8s;
	transition:background .8s;
	z-index: 999;
}

input[type="submit"]:hover {
   background: #a4a9ac radial-gradient(circle, transparent 1%, #ebebeb 1%) center/15000%;
}

input[type="submit"]:active {
  background-color: #acacac;
  background-size: 100%;
  transition: background 0s;
}

.wpcf7 .ajax-loader {
 	visibility:hidden;
	display:inline-block;
	background:url(images/loading.gif) no-repeat;
	width:64px;
	height:64px;
	border:none;
	padding:0;
	margin-left:auto;
	margin-top: -54px;
	vertical-align:middle;
}

.wpcf7 .ajax-loader.is-active {
	visibility:visible;
}

/* Validation alerts styling */
.wpcf7-display-none {
	padding:0!important;
	margin:0!important;
}

.invalid .wpcf7-validation-errors {
	display:none!important;
}

.wpcf7-form div.wpcf7-response-output {
	color:#d01717;
	margin:12px 0 0;
	padding:5px;
}

.wpcf7-form div.wpcf7-mail-sent-ok {
	border:1px #34b320 solid;
	background-color:#fff;
	color: #34b320;
	text-align: center;
	font-size: 18px;
	padding: 18px!important;
	margin-top: 12px;
}

span.wpcf7-form-control-wrap {
	float:left;
	width:100%;
	position:relative;
}

.wpcf7-not-valid-tip {
	text-align:right;
	color:#d01717;
	font-size:1em;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	padding:8px 12px;
}

.first .wpcf7-not-valid-tip {
	width:96%;
	left:0;
}

.message .wpcf7-not-valid-tip {
	border:none;
}

.screen-reader-response {
	display:none;
}

@media screen and (max-width: 1024px) {
.wpcf7 {
	width: 84%;
	margin: 0 auto;
	}
}

@media screen and (max-width: 520px) {
	header p {
	letter-spacing: 8px;
	}
.wpcf7 {
	width: 96%;
	}
input[type="submit"] {
	width: 50%;
	}
	
/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 */
 	.nav-menu {
	 	display: none;
 	}
 	
 	.slicknav_menu {
	 	display: block;
 	}

	.slicknav_btn {
		position:relative;
		display:block;
		vertical-align:middle;
		width:100%;
		height:40px;
		line-height:1.125em;
		cursor:pointer;
	}
	
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
		margin-top:.188em;
	}
	
	.slicknav_menu {
		*zoom:1;
	}
	
	.slicknav_menu .slicknav_menutxt {
		display:block;
		line-height:1.188em;
		float:left;
		margin:8px;
	}
	
	.slicknav_menu .slicknav_icon {
		float:left;
		margin-top:12px;
	}
	
	.slicknav_menu .slicknav_no-text {
		margin:0;
	}
	
	.slicknav_menu .slicknav_icon-bar {
		display:block;
		width:1.125em;
		height:.125em;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
		-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);
		-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);
		box-shadow:0 1px 0 rgba(0,0,0,0.25);
	}
	
	.slicknav_menu:before {
		content:" ";
		display:table;
	}
	
	.slicknav_menu:after {
		content:" ";
		display:table;
		clear:both;
	}
	
	.slicknav_nav {
		clear:both;
	}
	
	.slicknav_nav ul {
		display:block;
	}
	
	.slicknav_nav li {
		display:block;
	}
	
	.slicknav_nav .slicknav_arrow {
		font-size:.8em;
		margin:0 0 0 .4em;
	}
	
	.slicknav_nav .slicknav_item {
		cursor:pointer;
	}
	
	.slicknav_nav .slicknav_item a {
		display:inline;
	}
	
	.slicknav_nav .slicknav_row {
		display:block;
	}
	
	.slicknav_nav a {
		display:block;
	}
	
	.slicknav_nav .slicknav_parent-link a {
		display:inline;
	}
	
	.slicknav_brand {
		float:left;
	}
	
	.slicknav_menu {
		font-size:18px;
		box-sizing:border-box;
		background:#000;
	}
	
	.slicknav_menu .slicknav_menutxt {
		color:#fff;
		font-weight:700;
		text-shadow:0 1px 3px #000;
	}
	
	.slicknav_menu .slicknav_icon-bar {
		background-color:#fff;
	}
	
	.slicknav_btn {
		background-color:#030303;
	}
	
	.slicknav_nav {
		color:#fff;
		margin:0;
		padding:0;
		font-size:1em;
		list-style:none;
		overflow:hidden;
	}
	
	.slicknav_nav ul {
		list-style:none;
		overflow:hidden;
		padding:0;
	}
	
	.slicknav_nav > ul > li {
		margin:0;
	}
	
	.slicknav_nav a {
		padding:10px 0;
		text-decoration:none;
		text-align:center;
		letter-spacing:4px;
		color:#fff;
	}
	
	.slicknav_menu .current-menu-item a {
		background:#252525;
	}
	
	.slicknav_nav ul > li > a:hover {
		background:#454545;
	}
	
	.slicknav_nav .slicknav_txtnode {
		margin-left:15px;
	}
	
	.slicknav_nav .slicknav_item a {
		padding:0;
		margin:0;
	}
	
	.slicknav_nav .slicknav_parent-link a {
		padding:0;
		margin:0;
	}
	
	.slicknav_brand {
		color:#fff;
		font-size:18px;
		line-height:30px;
		padding:7px 12px;
		height:44px;
	}
}