/*!
Theme Name: jonesandme
Theme URI: http://underscores.me/
Author: James Wilmans
Author URI: http://machinecode.co.za
Description: Custom theme for Jones &  Me
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jones
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

jonesandme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------



*/


@import url("https://use.typekit.net/tgs5hhf.css");

/*
font-family: sloop-script-one, sans-serif;

font-weight: 400;

font-style: normal;

--

Open Sans Bold

font-family: open-sans, sans-serif;

font-weight: 700;

font-style: normal;


Open Sans Bold Italic

font-family: open-sans, sans-serif;

font-weight: 700;

font-style: italic;


Open Sans Italic

font-family: open-sans, sans-serif;

font-weight: 400;

font-style: italic;


Open Sans Regular

font-family: open-sans, sans-serif;

font-weight: 400;

font-style: normal;


font-family: sweet-sans-pro, sans-serif;
*/


:root {
  --heading-font: "sweet-sans-pro" , sans-serif;
  --heading-weight: 800;
  --heading-lrg: 4.375rem;
  --heading-med: 3.438rem;
  --heading-small:2.188rem;
  --body-font: "open-sans", sans-serif;
  --body-weight: 400;
  --body-semi:600;
  --body-norm: 1.5rem;
  --body-costs: 1.625rem;
  --body-foot: 1.375rem;
  --body-newsletter: 1.125rem;
  --fancy-font: "sloop-script-one", sans-serif;
  --fancy-weight: 400;
  --fancy-lrg:7.5rem;
  --fancy-med: 5rem;
  --darkgrey:#363636;
  --darkestgrey:#707070;
  
}

html{
	font-size:16px
}
@media (max-width:1440px){
	html {
		font-size:10px
	}
}
@media (min-width:1920px){
	html {
		font-size:14px
	}
}
/* @media (-webkit-device-pixel-ratio: 1.25) {
	* {
		zoom: 0.8;
	  }
  } */
/*Bootstrap Resets*/
a:hover, a:focus, a:active{
	color:#93632e!important;
}
h1,h2,h3,h4,h5,h6, p{
	margin-bottom:0px!important;
	color:var(--darkgrey);
}
p{
	font-family: var(--body-font)!important;
	line-height:2.063rem;
	font-size:var(--body-norm);
	font-weight:var(--body-weight);
}
h2{
	font-family: var(--heading-font)!important;
	font-weight:var(--heading-weight)!important;
	font-size:var(--heading-lrg)!important;
	color:var(--darkgrey)!important;
}

.homeheaderimg img{
	width:100%;
	max-width:100%;
}
/* Navigation */

.site-header{
	
	height:89px;
}

.site-branding{
	margin-left:  2.03125%; /* 39 / 1920 */
	/* margin-right:4.479166666666667%;  */
	margin-top:-0.5%;	
}
.navbar{
	padding-top:0px!important;
	padding-bottom: 0px!important;
	border-bottom:1px solid var(--darkestgrey);
}
h1#logotext{
font-family: var(--heading-font);
font-weight:var(--heading-weight);
color:var(--darkgrey);
opacity: 0.6;
font-size: 5rem!important;
}
h1#logotext a{
	color: var(--darkgrey)!important;
    opacity: 0.6;
	text-decoration: none;
}

#logotop img{
	width:400px;
	height:auto;
	margin-top:10px;
	padding:0px!important;
}
@media (max-width:1280px){
	#logotop img{
		width:250px;
		margin-bottom:10px;
	}
}
li.nav-item{
	display:flex;
	justify-content:center;
	align-items:center;
	height:89px
}
.navbar-collapse{
	justify-content:flex-end;
}
a.nav-link{
	font-family: var(--body-font);
	font-size:var(--body-norm);
	font-weight:var(--body-semi);
	color: var(--darkestgrey);
	opacity: 0.95;
	text-transform: uppercase;
	margin-right:3.125rem;
	padding-right: 0rem!important;
    padding-left: 0rem!important;
	padding: 0px !important;
}

.wpmenucartli{
	background: #7DAF80 0% 0% no-repeat padding-box;;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 0px 30px;
	height: 89px;
	width:183px
}
.wpmenucartli i{
	margin-right:0.2rem;
	font-size:2.5rem;
}
.wpmenucartli a{
	color:white;
	font-family: var(--body-font);
	font-size:var(--body-norm);
	font-weight:800;
	text-decoration:none;
	display:flex;
	justify-content:center;
	align-items:center
}
/* utilities */

.h2space{
	padding:50px 0px !important;
}
.green-box{
	width: 175px;
height: 51px;
background: #7DAF80 0% 0% no-repeat padding-box;
border-radius: 5px;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
}

.green-box-text{
	font: normal normal bold 14px/19px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
text-decoration:none;
}

.gold-box{
	width: fit-content;
	padding: 5px 10px;
height: 51px;
background: transparent linear-gradient(180deg, #8D5C26 0%, #AA7C49 14%, #D9A277 34%, #DDB480 55%, #AA7C49 77%, #8D5C26 100%) 0% 0% no-repeat padding-box;
border-radius: 5px;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
}

.gold-box-text{
	font: normal normal bold 14px/20px Sweet Sans Pro;
letter-spacing: 0.28px;
color: #FFFFFF;
opacity: 1;
}
.gold-box-text a{
	font: normal normal bold 17px Sweet Sans Pro;
letter-spacing: 0.28px;
color: #FFFFFF;
opacity: 1;
text-decoration:none;
}

.gold-box-text a:hover{
	color:white!important
}


.prodcallout-one{
	background-image:url('/wp-content/uploads/2021/12/loginbg-1.png');
	background-size:58%;
	background-position:center right;
	background-repeat:no-repeat;
  }
.toplevel{
	display:flex;
	flex-direction:row;
}

.toplevelleft{
	flex-basis:50%;
}
.toplevelleft img{
	max-width:100%
}
.toplevelright{
	flex-basis:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.bottomlevel{
	display:flex;
	flex-direction:row;
}
.bottomlevelright{
	flex-basis:50%
}
.bottomlevelright img{
	max-width:100%;
	}
.bottomlevelleft{
	flex-basis:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.tlrinfo{
	padding:5.625rem 0rem 0rem 5.625rem;
}

.blrinfo{
	padding:0rem 5.625rem 0rem 7.813rem;
}
/* .prodcallout-two .blrinfo{
	padding:  0rem 0rem 0rem 35%;
} */
.blrinfo h2, .tlrinfo h2{
	line-height:4.5rem;
}
.blrinfo p{
	margin-top:1.938rem;
	margin-bottom:4.313rem!important;
	width:65%
}
.tlrinfo p{
	margin-top:1.938rem;
	margin-bottom:4.313rem!important;
	width:80%
}
.tlrinfo .gold-box-text{
	margin-top:0px!important;
	margin-bottom:0px!important;
	width:100%;
	text-align:center;
}
.blrinfo .gold-box-text{
	margin-top:0px!important;
	margin-bottom:0px!important;
	width:100%;
	text-align:center;
}

.prodcallout-two{
	background-image:url('/wp-content/uploads/2021/12/Mask-Group-2-1-scaled.jpg');
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
  }
/* Home  page */

.splashpic{
	background-image:url('/wp-content/uploads/2021/12/Mask-Group-2.jpg');
	background-size: cover; /* revert was 100%; */
	background-repeat:no-repeat;
	background-position:top center;
	display:flex;
	justify-content:flex-end;
	align-content:center;
	height:100%
}
.splashpic img{
  width:20%;
  height:20%;
 
  image-rendering: -webkit-optimize-contrast;
}

.splashcontent{
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-top:4%;
    margin-right:5%;
	margin-bottom:7%;
  text-align:center!important;
}
.splashcontent h1{
	color:white;
	font-family:var(--fancy-font);
	font-size:11rem;
	
	
	margin-top:8%!important;
	line-height:3rem
}
.splashcontent h2{
	color:white!important;
    font-size:3.5rem!important;
    margin-top:20px;
}
.splashcontent p{
	margin-top:8px;
	color:white;
	font-size:2rem
}

p.logintoview{
	font-weight:600;
	min-width:100%;
	width:40rem;
	text-align:center;
	max-width:100%;
}
p.logintoview a{ 
	color:var(--darkgrey)
}

@media (max-width:1440px){
	.splashpic img{
		width:16%;
		height:auto;
	}
	.splashcontent h1{
		margin-top:6%!important;
	}
}

.wave {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #7daf80;
	height: 30px;
	position: relative;
	
  }
  .wave::before, .wave::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: repeat-x;
  }
  .wave::before {
	height: 10px;
	background-size: 20px 20px;
	background-image: radial-gradient(circle at 10px -5px, transparent 12px, #f4eee7 13px);
  }
  .wave::after {
	height: 15px;
	background-size: 40px 20px;
	background-image: radial-gradient(circle at 10px 15px, #f4eee7 12px, transparent 13px);
  }

  .hometopcontainer{
	padding: 1rem 2.5rem; /* 59 / 1920 */
	background:#f4eee7;
}

.hometopcontainer h4{
	text-align:center;
	font-family:var(--heading-font);
	font-size:2rem!important;
	font-weight:bold;
	margin-bottom:2rem!important
}

.featuredproductitems{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin-bottom:4.75rem;
}

.featuredproductitems > *{
	flex-basis:100%;
}
.fpitem{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.fpitem img{
	max-width:90%;
}

.fptitle{
	margin-top:5%;
	font-size:1.625rem!important;
	font-weight:bold!important;
}
.fpprice{
	margin-top:0%;
	font-size:1.625rem!important;
	font-weight:bold!important;
	margin-bottom:4%!important;
}


.hometopcontainer .green-box-text{
	text-transform:uppercase
}

.hometopcontainer .green-box-text a{
	color: white;
	font-size: 17px;
    font-family: var(--body-font)!important;
    font-weight: bold!important;
    text-decoration: none;
}

.green-box-text a:hover{
	color:white!important
}

.reviewblock{
	display:flex;
	flex-direction:row;
	padding: 11.25rem 2.5rem!important;
}
.reviewtitle{
	flex-basis:40%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.reviewtitle h3{
	font-family:var(--body-font)!important;
	font-weight:bold;
	font-size:2.5rem
}
.reviewitem{
	
	justify-content:center;
	align-items:center;
}
.rtext{
	margin-top:20px;
	width:95%;
	font-family:var(--body-font);
	font-size:var(--body-norm);
}
.rname{
	margin-top:20px;
	font-weight:bold;
	font-family:var(--body-font);
	font-size:var(--body-norm);
}
.rstars{

}
.rstars img{
	margin-top:20px;
	width:29px;
	height:29px;
	margin-right:5px;
}

.gramblock{
	display:flex;
	flex-wrap:wrap;
}
.gramblock .gbpic{
	flex-basis:16.65%;
	
}
.gbpic img{
	max-width:100%;
	object-fit:cover;
}
.grammer picture img{
    width:100%!important
}
/* Single Product Page */
/* product */

.prodwrapper{
	background-size:22%;
	background-position:right 70%;
	background-repeat:no-repeat;
	background:url('/wp-content/uploads/2021/12/Mask-Group-3.png') right 60%/22% no-repeat,linear-gradient(180deg,#ffffff 45%, #f4eee7 45%);
}
@media (max-width:1440px){
	.prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-3.png') right 60%/22% no-repeat,linear-gradient(180deg,#ffffff 50%, #f4eee7 45%);
}
}

.singlelayout{
	display:flex;
	flex-direction:row;
	padding:0rem 4.25rem;
	margin-bottom: 4.438rem;
}
.titlesummary{
	flex-basis:40%
}
.singprimage{
	flex-basis:40%;
	display:flex;
	justify-content:center
}

.singprimage img{
	
	width:417px!important;
	height:auto!important
}

.pricebox{
	flex-basis:20%
}

.ptopbox{
	box-shadow: 0px 3px 6px #00000029;
border: 1px solid rgba(112, 112, 112, 0.6);
 padding:3.063rem 2.188rem;
 background:white;
}

.pricebox .price{
	font-size: 4.375rem!important;
line-height: 5rem!important;
font-weight: bold;
margin-bottom:2.313rem!important
}


@media (max-width:1280px) {
	.pricebox .price {font-size:3rem!important}
}

/* ex vat */
.ex-vat-price  {
	font-size:2.5rem!important;
}
.pricebox form.cart{
	display:flex;
		flex-direction:column
	}
	
	.pricebox form.cart input{
	width:49px;
	height:100%;
	margin-right:24px;
	font-size:2rem;
		font-weight:bold;
		color:var(--darkgrey);
	}

.pricebox button{
width: 155px;
height: 51px;
background: #7DAF80 0% 0% no-repeat padding-box;
border-radius: 5px;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
border:0px;
border-radius:0px;
font-family:var(--body-font)!important;
font-weight:bold;
color:white;
text-transform:uppercase;
width:439px;
font-size:1.5rem;
margin-top:30px;
}
@media (max-width:1440px){
	.pricebox button{
		width:300px
	}
}
.palertbox{
	display:flex;
	margin-top:4.375rem;
	justify-content:flex-start;
	align-items:center
}
.palertbox p{
	font-weight:bold;
}
.palertbox img{
	margin-right:1.75rem;
	width:90px;
	height:90px;
}
p.rockitorder{
	font-size:2.5rem;
	font-weight:bold;
	margin-bottom:20px!important;
	text-align:center;
}

.rockitorder + .pricebox a{
	text-decoration:none!important
}

.rockpic{
	margin-top:35px
}
.rockpic img{
	padding:0px!important;
	display:block;
	margin:0px auto!important;
		width:100px;
	height:auto;

}
p.ckname{
	font-family:var(--fancy-font)!important;
	font-size:7rem!important;
	margin-top:3.5rem;
	margin-bottom:3.5rem!important
}


.cocktailtype{
	display:flex;
    flex-direction:row;
    padding:3.063rem 4.25rem 1rem 4.25rem;
    background-position:left bottom;
    background-size:22%;
    background-repeat:no-repeat;
	/* background-color:#f4eee7; */
	background-image:url('/wp-content/uploads/2021/12/Mask-Group-2-1.png');
}
/* Spiced apple rum */
.postid-100 .cocktailtype{
	display:flex;
    flex-direction:row;
    padding:3.063rem 4.25rem 1rem 4.25rem;
    background-position:left bottom;
    background-size:22%;
    background-repeat:no-repeat;
	/* background-color:#f4eee7; */
	background-image:url('/wp-content/uploads/2021/12/Mask-Group-5.png');
	
}
.postid-100 .prodwrapper{
	background-size:22%;
	background-position:right 70%;
	background-repeat:no-repeat;
	background:url('/wp-content/uploads/2021/12/Mask-Group-4.png') right 60%/22% no-repeat,linear-gradient(180deg,#ffffff 45%, #f4eee7 45%);
}

.page-template-cocktails .green-box-text a{
	text-decoration:none;
	color:white!important;
}

@media (max-width:1440px){
	.postid-100 .prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-4.png') right 60%/22% no-repeat,linear-gradient(180deg,#ffffff 50%, #f4eee7 45%);
}
}
/* Spiced mocha rum */
.postid-108 .cocktailtype{
	display:flex;
    flex-direction:row;
    padding:3.063rem 4.25rem 1rem 4.25rem;
    background-position:left bottom;
    background-size:18%;
    background-repeat:no-repeat;
	/* background-color:#f4eee7; */
	background-image:url('/wp-content/uploads/2021/12/Mask-Group-7.png');
	
}
.postid-108 .prodwrapper{
	background-size:22%;
	background-position:right 70%;
	background-repeat:no-repeat;
	background:url('/wp-content/uploads/2021/12/Mask-Group-8.png') right 75%/19% no-repeat,linear-gradient(180deg,#ffffff 43%, #f4eee7 35%);
}
@media (max-width:1440px){
	.postid-108 .prodwrapper{
	
		background:url('/wp-content/uploads/2021/12/Mask-Group-8.png') right 75%/19% no-repeat,linear-gradient(180deg,#ffffff 50%, #f4eee7 35%);
}
}
/* orange cherry brandy */
.postid-113 .cocktailtype{
	display:flex;
    flex-direction:row;
    padding:3.063rem 4.25rem 1rem 4.25rem;
    background-position:left bottom;
	background-size:13%;
    background-repeat:no-repeat;
	/* background-color:#f4eee7; */
	background-image:url('/wp-content/uploads/2021/12/Mask-Group-10.png');
	
}
.postid-113 .prodwrapper{
	background-size:22%;
	background-position:right 70%;
	background-repeat:no-repeat;
	background:url('/wp-content/uploads/2021/12/Mask-Group-11.png') right 65%/19% no-repeat,linear-gradient(180deg,#ffffff 43%, #f4eee7 35%);
}
@media (max-width:1440px){
	.postid-113 .prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-11.png') right 65%/19% no-repeat,linear-gradient(180deg,#ffffff 50%, #f4eee7 35%);
}
}
.ctype{
	flex-basis:45%;
}

.ctype h2{
	margin-top:6rem
}
.cpic{
	flex-basis:55%;
	margin-top:6.625rem;
}
.cpic p{
	margin-top:2.438rem;
	margin-bottom:10.875rem!important
}
.cpic img{
	max-width:100%;
	min-width:100%;
}
h1.product_title{
	font-size:4.375rem!important;
	line-height:5rem!important;
	font-weight:bold;
	}

	.crafted{
		margin-top:1.2rem
	}
	.specifiations{
		margin-top:2.5rem;
	}
	.descriptor{
		margin-top:2.5rem;
		margin-bottom:2.5rem;
	}
    
	.descriptor p{
    	margin-bottom:1rem!important
    }

	nav.woocommerce-breadcrumb{
		display:none;
	}

	.arewholesaler{
		background: #f4EEE7;
        height:91px;
        display:flex;
        justify-content:center;
        align-items:center;
		margin-bottom: 3.938rem;
	}
	.arewholesaler h5{
		font-family: var(--heading-font);
		font-weight: bold!important;	
		font-size: 2rem!important;
	}

	.arewholesaler a{
		color:var(--darkgrey)
	}

	.woocommerce-message{
		width:fit-content;;
		margin:20px auto;
		color:white;
		font-family:var(--body-font);
		text-align:center;
		font-weight:bold;
		background-color:#7DAF80!important;
		padding:10px;
		font-size:var(--body-norm);
	}
	.woocommerce-message a{
		color:white;
		margin-right:10px;
		font-size:var(--body-norm)!important;
	}
/* Shop Page */
.shop-products{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-direction:row;
	flex-wrap:wrap;
	margin:4rem auto 2rem auto;
}
.spitem{
	flex-basis:45%; /* revert down from 50 */
	display:flex;
	margin-bottom:75px
}
.sp-pic img{
	max-width:90%;
	display:block;
	margin:0 auto
}
.sp-pic{
	flex-basis:40%;
}
.spitem-details{
	flex-basis:60%
}
.spitem-details h6{
	font-family:var(--heading-font)!important;
	font-weight:bold!important;
	font-size:2.5rem;
	height:7rem;
}

.spitem-details h6 a{
	font-family:var(--heading-font)!important;
	font-weight:bold!important;
	font-size:2.5rem!important;
	height:7rem!important;
	text-decoration:none;
	color:var(--darkgrey)
}


.reviews-shop{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin: 38px 0px
}
.rs-stars{
	margin-right:20px
}
.rs-stars img{
	max-width:29px;
	margin-right:5px
}
.spitembuy{
	display:flex;
	justify-content:flex-start;
	align-items:center
}
/* .spitembuy p{
	font-family:var(--heading-font)!important;
	font-weight:bold;
	font-size:2rem;
} */
.spitembuy p{
	font-family:var(--heading-font)!important;
	font-weight:bold;
	font-size:3rem;
	margin-bottom:25px!important
}
/* temp */
.page-template-jones-shop .spitembuy{
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	gap:10px;
}

.page-template-jones-shop .spitembuy a{
	text-transform: uppercase;
}
.page-template-jones-shop .spitembuy .sml-green-button{
	margin-left:0px;
	margin-top:0px;
	width:150px
}
.incex p:nth-of-type(2){
	font-size:1.5rem;
	margin-top:0.2rem
}
@media(max-width:1280px){
	/* temp */
	.page-template-jones-shop .spitembuy{
		justify-content:center;
		align-items:center
	}
	/* .spitembuy p{
		font-size:3rem
	} */
	.spitembuy p{
		font-size:3.5rem;
		text-align:center!important;
		width:100%!important
	}
	.incex p:nth-of-type(2){
	margin-top:2rem;
		font-size:2.5rem
		
}
}

.sml-green-button{
	height: 51px;
background: #7DAF80 0% 0% no-repeat padding-box;
width:fit-content;
padding:10px;
border-radius:5px;
margin-left:40px;
display:flex;
	justify-content:center;
	align-items:center
}
.sml-green-button a{
	color:white;
	font-size:17px;
	font-family:var(--body-font)!important;
	font-weight:bold!important;
	text-decoration: none;
}

.sml-green-button a:hover{
	color:white!important;
}


.sml-green-button.loggedout{
	margin-left:0px
}
/* Account Page */
.page-id-10 .entry-footer, .page-id-10 aside{
	display:none
}

.regastrade{
	background: #7DAF80;
    color: white;
    border: 0;
    font-weight: bold;
    border-radius: 10px;
    height: 60px;
    width: fit-content;
    font-size: 1.5rem;
    margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.regastrade a{
	color:white!important;
	text-decoration: none;
	padding:0px 20px!important;
	font-weight:700!important
}
.tradetexter{
	margin-top:20px
}
.woocommerce-MyAccount-navigation ul{
	list-style-type:none;
	display:flex;
	justify-content:space-between;
	margin-top:2rem;
	background-color:#7DAF80;
	padding:10px 20px;
	border-radius: 5px 5px 0px 0px
}

.woocommerce-MyAccount-navigation ul li a{
	text-transform:uppercase;
	font-family:var(--heading-font);
	font-weight:bold;
	color:white;
	text-decoration:none;
	font-size:1.5rem
}
.page-id-10 article{
	padding: 4rem 3.688rem;
}

form.woocommerce-EditAccountForm input{
	margin-bottom:20px
}
form.woocommerce-EditAccountForm button{
   background-color:#7DAF80;
	padding:10px 20px;
	border-radius: 5px ;
	border:0px;
	color:white;
	text-transform:uppercase;
	
}

.page-id-10 .woocommerce{
	
	
}
.page-id-10 .woocommerce-form-login .form-row, .page-id-10 .woocommerce-form-register .form-row{
	display:flex;
	flex-direction:column;
	margin-bottom:20px!important
}
.page-id-10 .woocommerce-form-login .form-row input, .page-id-10 .woocommerce-form-register .form-row input{
	border:1.5px solid #7DAF80;
	border-radius:4px;
	margin-top:10px;
	font-family: var(--body-font)!important;
    line-height: 2.063rem;
    font-size: var(--body-norm);
    font-weight: var(--body-weight);
}
.page-id-10 .woocommerce-form-login p, .page-id-10 .woocommerce-form-register  p{
	font-family: var(--body-font)!important;
    line-height: 2.063rem;
    font-size: var(--body-norm);
    font-weight: var(--body-weight);
}

.page-id-10 .woocommerce-form-login input[type="password"]{
	width:100%
}

.page-id-10 .woocommerce-form-login label, .page-id-10 .woocommerce-form-register  label{
	font-weight:bold!important;
	color:var(--darkgrey)
}

.woocommerce-form-register  a:last-of-type{
	
	text-decoration:none;
	color:#7daf80;
	font-family: var(--body-font)!important;
    line-height: 2.063rem;
    font-size: var(--body-norm);
    font-weight: var(--body-weight);
}
.woocommerce-privacy-policy-text a:last-of-type{
	
	font-family: var(--body-font)!important;
    line-height: 2.063rem;
    font-size: var(--body-norm)!important;
    font-weight: var(--body-weight);
}
.woocommerce-form-login  a:last-of-type{
	color:#7daf80;
	text-decoration:none;
	font-family: var(--body-font)!important;
    line-height: 2.063rem;
    font-size: var(--body-norm)!important;
    font-weight: var(--body-weight);
}
.page-id-10 .woocommerce-MyAccount-content{
	padding:2rem;

}
.page-id-10 .entry-title{
	display:none;
}
.u-columns.col2-set{
	display:flex;
	justify-content:center;

}
.u-column1.col-1, .u-column2.col-2{
	
	flex-basis:40%;
	padding:2rem;
	margin:2rem 2rem 2rem 1rem ;
	
}
.u-column1.col-1 h2, .u-column2.col-2 h2{
	color:var(--darkgrey);
	text-transform:uppercase;
	font-size:2rem!important;
	margin-bottom:20px!important
}
.u-column1.col-1 form, .u-column2.col-2 form{
	border:solid 2px #7daf80;
	background:white;
	border-radius:10px;
	padding:2rem;
	height:90%;
}

@media (max-width:1200px){
	.u-columns{
		flex-direction:column;
		padding:0rem;
		justify-content:center!important
	}
	.u-column1.col-1, .u-column2.col-2{
	width:95%;
	flex-basis:100%;
	padding:0rem;
	/* margin:1rem 0rem; */
}
.page-id-10 article{
	padding:1rem
}
}
.page-id-10 .woocommerce-MyAccount-content a{
	color:#93632e!important
	
}
.page-id-10 .woocommerce-form-login button, .page-id-10 .woocommerce-form-register button{
	background:#7DAF80;
	color:white;
	border:0;
	font-weight:bold;
	border-radius:10px;
	height:60px;
	width:120px;
	font-size:1.5rem;
	margin-top:20px;
}
/* Cart */
.page-id-8 main, .page-id-9 main{
	background-image:url('/wp-content/uploads/2021/12/cocktail-top-bg.png');
	background-position:top right;
	background-size:38%;
	background-repeat:no-repeat;

}
.page-id-8 .woocommerce-message{
	display: none;
}
.page-id-8 .entry-footer, .page-id-8 aside, .page-id-9 aside{
	display:none
}
.page-id-9 .entry-footer{
	display:none
}
.page-id-8 article{
	padding: 4rem 3.688rem;
}

.page-id-9 article{
	padding: 4rem 3.688rem;
}

.page-id-8 .woocommerce{
	display:flex!important;
	flex-wrap:wrap;
	justify-content: space-between;
}
.page-id-8 .woocommerce-notices-wrapper{
	
	flex-basis:100%
}

.page-id-8 .woocommerce-cart-form{
	margin-top:1.6rem;
	flex-basis:45%;
	font-family:var(--body-font)!important;
	font-weight:bold;
	background:#f4eee7;
	box-shadow: 0px 3px 6px #00000029;
	font-size:var(--body-norm);
}

.page-id-8 .woocommerce-cart-form table{
	width:100%
}

.page-id-8 td.product-remove a{
	font-size:2rem;
	text-decoration:none;
	color:var(--darkgrey)!important;
	margin-left:10px
}
.page-id-8 td{
	padding:10px 20px 10px 0px
}
.page-id-8 td a{
	color:var(--darkgrey)!important;
	text-decoration:none
}

.page-id-8 .coupon{
	display:block;
	margin:0px 10px!important;
	text-align:left;
	width:100%
}
.page-id-8 .coupon input{
	width:100%!important;
	max-width:56.1%
}
.page-id-8 td.actions button{
	background:#7DAF80;
	color:white;
	border:0;
	font-weight:bold;
	padding:2px 10px;
	border-radius:5px;
}

.page-id-8 button[name="update_cart"]{
	display:block;
	margin:20px auto 0px!important
}
.page-id-8 td.actions .coupon + button{
	margin-top:1rem;
	width:90%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-left:10px
}


@media (max-width:1280px){
	.page-id-8 .coupon{
		display:block;
		margin:0px 0px!important;
		text-align:center;
		width:100%
	}
	.page-id-8 .coupon input{
		width:100%!important;
		max-width:100%
	}
		.page-id-8 .coupon label{
			margin-bottom:10px
		}
	
		.page-id-8 .coupon input{
			margin-bottom:20px;
			
		}
		.page-id-8 .coupon button{
			width:100%
			
		}
		
	}

.woocommerce-page .entry-title{
	font-size:2rem;
	font-weight:bold;
	color:#93632E;
}

.cart-empty.woocommerce-info, .return-to-shop{
	width:fit-content;
		margin:20px auto;
		color:white;
		font-family:var(--body-font);
		text-align:center;
		font-weight:bold;
		background-color:#7DAF80!important;
		padding:10px;
		font-size:var(--body-norm);
}
.cart-empty.woocommerce-info, .return-to-shop a{
	color:white;
	text-decoration:none
}


.page-id-8 .cart-collaterals{
	flex-basis:45%;
	background:#f4eee7;
	margin-top:1.6rem;
	box-shadow: 0px 3px 6px #00000029;
	font-size:var(--body-norm)
}
.page-id-8 .cart-collaterals h2{
	background:transparent;
	outline:2px solid #7daf80;
	color:black!important;
	font-family:var(--body-font)!important;
	font-size:1.5rem!important;
	padding:13px 5px;

}
.page-id-8 .cart-collaterals table.shop_table th{
	padding:10px 5px
}
/* .page-id-8 .cart-collaterals .wc-proceed-to-checkout{
	background:#7DAF80;
	color:white;
	width:98%;
	padding:5px;
	text-align:center;
	margin:0 auto;
} */
.page-id-8 .cart-collaterals .wc-proceed-to-checkout a.checkout-button {
	text-decoration:none;
	color:white!important;
	border:0;
	font-weight:bold;
	padding:2px 10px;
	background:#7daf80;
	display:block;
	margin:20px auto;
	text-align:center;
	width:fit-content;
	border-radius:5px;
	
}

.page-id-8 #wc-stripe-payment-request-button{
	width:40%!important;
	border-radius:5px;
	margin:0 auto
}
.page-id-8 thead{
	background:transparent;
	color:black;
	outline: 2px solid #7daf80;
    

}

/* .page-id-8 td.product-thumbnail img{
	max-width:70%
} */

.page-id-8 td.product-thumbnail img{
	width:100px;
	height:auto
}

.page-id-8 th{
	padding:10px 0px;
}
/* Checkout */
.page-id-9 .woocommerce-info{
    margin:20px	0px;
    padding:10px;
    color:white;
}
.page-id-9 .woocommerce-info a{
	color:white;
	text-decoration:none;

}

form.checkout #customer_details{
	display:flex;
	background:#f4eee7;
	padding:10px;
	box-shadow: 0px 3px 6px #00000029;
}

h3#order_review_heading{
	margin:2rem 0rem!important
}
#order_review{
	background:#f4eee7;
	padding:10px;
	box-shadow: 0px 3px 6px #00000029;
}

#customer_details .col-1{
	flex-basis:50%;
}
#customer_details .col-2{
	flex-basis:50%;
}

.col2-set .form-row-first, .col2-set .form-row-last {
    width: 100%!important;
}
.page-id-9 .woocommerce-billing-fields label{
	min-width:35%
}
.page-id-9 .woocommerce-billing-fields p{
	margin-bottom:1rem!important
}

.page-id-9 #billing_country_field{
	display:flex
}

.page-id-9 #billing_address_2{
	margin-left:35%
}

.page-id-9 .woocommerce-additional-fields__field-wrapper label{
	display:block;
}
.page-id-9 .woocommerce-additional-fields__field-wrapper textarea{
	display:block;
	width:98%;
	height:150px;
}

.woocommerce-privacy-policy-text p{
	font-size:1rem;
}
.woocommerce-checkout-review-order-table td{
	padding: 10px 15px 10px 0px
}

#payment button{
	background:#7DAF80;
	color:white;
	font-weight:bold!important;
	width:100%;
	padding:5px 5px 5px 5px!important;
	text-align:center;
	display:block;
	border:0px!important;

	margin:0 auto;
}

.page-id-9 #payment button{
	background:#7DAF80;
	color:white;
	font-weight:bold!important;
	width:100%;
	padding:5px 5px 5px 5px!important;
	text-align:center;
	display:block;
	border:0px!important;
    font-size:var(--body-norm);
	margin:0 auto;
}

table.woocommerce-checkout-review-order-table, .woocommerce-privacy-policy-text p, button.woocommerce_checkout_place_order, .wc_payment_methods{
	font-size:var(--body-norm)!important;
	margin-bottom:20px
}

/* hide page from logged inuser */
/* .logged-in #menu-item-63{
	display:none
} */
/* Cocktail Page */
.pagetop{
	padding: 0px 3.688rem; /* 59 / 1920 */
	margin-bottom:35px;
}
.cocktailflair{
	background-image:url('/wp-content/uploads/2021/12/cocktail-top-bg.png');
	background-position:top right;
	background-size:38%;
	background-repeat:no-repeat;

}

.recipe{
	padding: 3.938rem 3.688rem;
	display:flex;
	justify-content:flex-start;
	align-items:center;

}
.recipe:nth-child(even){
	background-color: #f4EEE7;
}
.recipe img{
	width: 413px;
	height:275px;
	margin-right:4rem;
	}
.recinfo{
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	height:275px;
	padding:10px 0px 0px 0px;
	width: 60%; /* revert was unset before */
}	
p.rectitle{
	font-family:var(--fancy-font)!important;
	font-size:var(--fancy-med);
}
p.semibold{
	font-weight:var(--body-semi)
}	

.makewith{
	margin-left:auto;
	text-align:center;
	width:10%; /* revert was unset before */
}

@media (max-width:1200px){
	.makewith, .recinfo{
		width:100%;
		text-align:center;
	}
}
.recinfo a, .makewith a{
	color:#93632e!important;
	text-decoration:none;
}
.ordernow{
	display:flex;
	justify-content:center;
	padding:72px 0px;
}
.orderbox{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
p.ordertext{
	font-weight:var(--body-semi)!important;
	font-size:2.25rem!important;
	text-align:center;
	margin-bottom:30px!important;
	line-height:3.063rem;
} 

.cocktailflairb{
	background-image:url('/wp-content/uploads/2021/12/Mask-Group-1.png');
	background-position:bottom left;
	background-size:38%;
	background-repeat:no-repeat;

}

/* Contact Page */
.contactflex{
	padding: 0px 3.688rem;
	display:flex;
	justify-content:flex-start;

}

.contactinfo{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	flex-basis:55%;
}
.contbox{
	margin-bottom:3rem;
}
.contactfields{
	flex-basis:45%;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}
.contactfields .wpcf7{
	width:90%
}
.contactfields p{
	margin-bottom:20px!important;
	width:100%
}
.contactfields p span input{
	width:100%;
    height:55px;

}
.contactfields p span textarea{
	width:100%

}
.contactfields p span input::placeholder, .contactfields p span textarea::placeholder{
	font-family:var(--body-font);
	padding:10px 10px;
	color:#363636;
	font-size:var(--body-norm)!important;
}

.wpcf7-submit{
	width: 155px;
height: 51px;
background: #7DAF80 0% 0% no-repeat padding-box;
border-radius: 0px;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
font: normal normal bold 14px/19px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
text-transform:uppercase;
border:none;
box-shadow:none;
}

/* About page */

.paraspace{
	margin-top:4.375rem;
}
.aboutimage img{
	max-width:100%;
	padding:7.5rem 10rem;
}

.sourcegrid{
	padding: 0px 3.688rem;
}

.sourcegrid p{
	font-weight:700;
	font-size:2.188rem!important;
}

.sourceitems{
	margin-top:4.125rem;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.ingredient{
	flex-basis:45%;
	display:flex;
    margin-bottom:3.125rem;
	

}
.ingredient:nth-child(odd){
	margin-right:5%
}
.ingredient img{
	width:253px;
	height:253px;
	margin-right:3.844rem;
}
.ingredient p{
	font-size:var(--body-norm)!important;
	font-weight:var(--body-weight)!important;
}
.ingredient p span{
	font-weight:700;
}

.importance{
	margin-top:5.5rem;
	padding: 0px 3.688rem;
}
.impotitle{
	font-weight:700;
	font-size:2.188rem!important;
	margin-bottom:4.125rem!important;
}
.importantitem p span{
	font-weight:700;
}
.importantitem{
	margin-bottom: 3rem;
}

/* Text heavy */
.pagecontainer{
	padding: 4rem 2.5rem; /* 59 / 1920 */
}
.page-template-text-heavy h3{
	font-family:var(--heading-font);
	font-weight:bold!important;
	font-size:3.438rem!important;
	margin-bottom:3rem!important;
}
.page-template-text-heavy .pagecontainer p{
	font-family:var(--heading-font)!important;
	font-size:1.563rem!important;
	margin-bottom:2rem!important
}
.pagecontainer ul li{
	font-family:var(--heading-font)!important;
	font-size:1.563rem!important;
	
}

/*trade customer */
.page-template-tradecustomer h3{
	font-family:var(--heading-font);
	font-weight:bold!important;
	font-size:3.438rem!important;
	margin-bottom:3rem!important;
}
.page-template-tradecustomer .tradefields h2{
	font-family:var(--heading-font);
	font-weight:bold!important;
	font-size:2rem!important;
	margin-bottom:2rem!important;
	margin-top:2rem!important;
	color:#93632e!important;
}
.page-template-tradecustomer .pagecontainer p:first-of-type{
	font-weight:700!important
}
.page-template-tradecustomer .pagecontainer p{
	font-family:var(--heading-font)!important;
	font-size:1.563rem!important;
	margin-bottom:2rem!important
}

.tradefields{
	padding: 4rem 7rem 0rem 2.5rem; /* 59 / 1920 */
	background:#f4eee7;
	display:flex;
	
}

.logged-in .tradefields{
	padding:2rem
}

.tradefields label{
	min-width:30%;
	font-family:var(--heading-font)!important;
	font-size:1.563rem!important;
}
.tradefields input{
	margin-bottom:15px;
	width:50%;
	font-family:var(--heading-font)!important;
	font-size:1.563rem!important;
}
.tradefields input[type="checkbox"]{
	transform:scale(1.5)
}
#wwp_wholesaler_copy_billing_address{
	width:1%;
	margin-top:1%;
	
}

#control-9966205{
	margin-bottom:30px!important
}
.whoplace{
	margin-bottom:30px!important
}	
label[for="wwp_wholesaler_copy_billing_address"]{
	margin-bottom:30px
}

#control-8939350{
	margin-bottom:30px!important
}
.tradefields .woocommerce-form-row{
	display:flex;
}
.tradefields #control-1529014{
	margin-bottom:2rem!important;
}

.formbuilder-checkbox{
	display:flex;
	width:250px;
	justify-content:center;
	align-items:center
}
.formbuilder-checkbox input{
	margin-bottom:0px!important
}

.logged-in .tradeform{
	display:none;

}
.logged-in .tradeinfo{
	width:100%;
	margin-bottom:2rem
}
.logged-in .tradeinfo .assistbox{
	width:100%
}

@media (max-width:1200px){
	.tradefields{
		flex-direction:column;
		padding: 2rem 2rem 2rem 2rem;
	}
	.formbuilder-checkbox{
		width:200px;
		flex-direction:row;
	}
	label[for="checkbox-group-1639387212951"], label[for="checkbox-group-1639387258402"] {
		width:280px;
		margin-bottom:10px
	}
	.assistbox{
	width:100%!important;
	height:35.125rem;
	
}

.crequest{
	width:100%;
	margin-bottom: 20px;
}
.logged-in .assistbox{
	width:100%!important
}
	.logged-in .tradefields{
		padding:2rem
	}
	
	.logged-in .crequest{
		width:100%
	}
#container-wrap > div > div > p:nth-child(6),#container-wrap > div > div > p:nth-child(7) {
	display:flex;
	flex-direction:column;
	justify-content:flex-start!important
}
#container-wrap > div > div > p:nth-child(7) {
	margin:30px 0px
}
}
input#register{
	margin-top:30px;
	margin-bottom:30px;
}

label[for="checkbox-group-1639387212951"]{
	margin-bottom:30px
}
.page-template-tradecustomer .rendered-form input{
	width:50%;
}
.tradeform h2.wholesaler-registration{
	margin-top:0rem!important
}
.woocommerce-form-row a{
	color:var(--darkgrey)
}
.assistbox{
	width:46.375rem;
	height:35.125rem;
	background:white;
	border:1px solid #707070;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.assistbox h2{
	padding-bottom:3.125rem!important;
}
.assistbox p{
	margin-bottom:2.063rem!important;
}

.tradeinfo{
	display: flex;
	flex-direction: column;
}

.spacetrade{
	margin:4.875rem 0rem;
	text-align: center;
}

.crequest{
	background:white;
	border:1px solid #707070;
	display:flex;
	justify-content:center
}

.crequest h2 a{
	text-decoration:none;
	color:#93632e!important;
}
/* Thanks */

.page-template-thanks h3{
	font-family:var(--heading-font);
	font-weight:bold!important;
	font-size:3.438rem!important;
	margin-bottom:3rem!important;
}
.page-template-thanks .pagecontainer p{
	font-family:var(--heading-font)!important;
	font-size:1.563rem!important;
	margin-bottom:2rem!important
}
a.greenme{
	text-decoration:none;
	color:#7DAF80
}

.page-template-thanks footer{
	margin-top:50px
}
/* Footer */

/* footer{
	background-color: var(--darkgrey);
	height:332px;
}

.fholster{
	padding:2.25rem;
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	justify-content:space-between;
}

.flogo{
	flex-basis:20%;
	display:flex;
	justify-content:center;
	align-items:center
}

.flogo img{
	margin-top:5%;
	width:200px;
	height:200px;
	 image-rendering: -webkit-optimize-contrast;
}

.flinks{
	display:flex;
	flex-direction:column;
	flex-basis:16%;
	justify-content:flex-start;
	padding-top:2rem
}

.flinks a{
	color:white;
	text-decoration:none;
	font-family:var(--body-font);
	font-size:var(--body-foot);
	font-weight:var(--body-semi);
	line-height:1.875rem;
}

.fnews{
	padding-top:2rem;
	
}
.fnews p{
	color:white!important;
	text-decoration:none;
	font-family:var(--body-font)!important;
	font-size:var(--body-foot)!important;
	font-weight:var(--body-semi)!important;
	line-height:1.875rem!important;
}
.fnews input{
	width:100%;
	margin:20px 0px;
}

p.subnews{
	font-size:1.125rem!important;
	color:white!important;
} */
/* Footer */

footer{
	background-color: var(--darkgrey);
	height:320px;
}

.fholster{
	width:90%;
	padding:2.25rem;
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	justify-content:space-between;
	margin:0 auto
}

.flogo{
	flex-basis:20%;
	display:flex;
	justify-content:center;
	align-items:center
}

.flogo img{
	
	width:200px;
	height:200px;
	 image-rendering: -webkit-optimize-contrast;
}

.flinks{
	display:flex;
	flex-direction:column;

	justify-content:flex-start;
	padding-top:2rem
}

.flinks a{
	color:white;
	text-decoration:none;
	font-family:var(--body-font);
	font-size:var(--body-foot);
	font-weight:var(--body-semi);
	line-height:1.875rem;
}

.fnews{
	padding-top:2rem;
	
}
.fnews p{
	color:white!important;
	text-decoration:none;
	font-family:var(--body-font)!important;
	font-size:var(--body-foot)!important;
	font-weight:var(--body-semi)!important;
	line-height:1.875rem!important;
}
.fnews input{
	width:100%;
	margin:20px 0px;
}

p.subnews{
	font-size:var(--body-foot)!important;
	color:white!important;
}


/* Mobile phones */

@media (max-width:767px){
	html{
		font-size:14px;
	}
	h1#logotext{
		font-size: 3.5rem !important;
	}
	.navbar-toggler-icon {
	background:#363636;
	opacity:0.6
}
.navbar{
	background:white;
}
a.nav-link{
	margin-right:0px
}
.wpmenucartli{
	height:40px;
	width:100%;
}
footer{
	height:100%
}
.fholster{
	flex-direction:column;
}
}


/* larger tabs */
@media (min-width:768px) and (max-width:1279px){
	#logotop img{
		width:150px
	}
		.site-header{
			height:auto
		}
		.navbar-nav{
			height:auto
		}
		.navbar-nav li a{
			font-size:1rem
		}
		#wpmenucartli{
			width:100px;
			height:auto
		}
	.toplevelleft img, .bottomlevelright img, .bottomlevelleft img, .toplevelleft img{
		width: 400px;
	  height: 600px;
	  object-fit: cover;
	}
	.recipe{
		flex-wrap:wrap;
	}
	.recipe img{
		flex-basis:20%;
		width:40%;
		height:auto;
	}
	.recinfo{flex-basis:50%}
	.makeinfo{
		flex-basis:100%
	}

	.spitem{
		flex-basis:100%
	}
	.singlelayout{
		flex-direction:column;
		background:white;
		padding: 2rem 4rem
	}
	footer{
		height:100%
	}
	.fholster{
		flex-direction:column;
		justify-content:center;
		align-items:center
	}
	.flinks{
		justify-content:center;
		align-items:center;
		
	}
	.flinks a{
		font-size:2rem;
		margin-bottom:2rem
	}
	footer input{
		height:50px
	}
	}
	
	/*end larger tabs */

/* tablets */

@media (min-width:768px) and (max-width:1280px){
	html{
		font-size:7px;
	}
   .titlesummary{
   	flex-basis:40%;
   }
   .singprimage{
   	flex-basis:30%;
   }
   .pricebox{
   	flex-basis:20%;
   }
   .singprimage img {
    width: 117px!important;
    height: auto!important;
}
.pricebox button {
    width: 100px;
}
.palertbox img {
    margin-right: 1.75rem;
    width: 40px;
    height: 40px;
}


.prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-3.png') right 60%/22% no-repeat,linear-gradient(180deg,#ffffff 42%, #f4eee7 42%);
}
.postid-108 .prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-8.png') right 75%/19% no-repeat,linear-gradient(180deg,#ffffff 40%, #f4eee7 40%);
}
.postid-113 .prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-11.png') right 65%/19% no-repeat,linear-gradient(180deg,#ffffff 43%, #f4eee7 43%);
}

.postid-100 .prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-4.png') right 60%/22% no-repeat,linear-gradient(180deg,#ffffff 40%, #f4eee7 40%);
}
.rs-stars img{
	max-width:15px
}
.sml-green-button{
	display:flex;
	justify-content:center;
	align-items:center;
margin-left:0px
}
.sml-green-button a{
	
	font-size:14px;

}
.flogo img{
	width:150px;
	height:auto;
	 image-rendering: -webkit-optimize-contrast;
}
footer .gold-box{
	width:180px
}
.prodcallout-two .blrinfo{
	padding:  0rem 0rem 0rem 12%;
}
}

/* Mobile phones */
@media (max-width:700px){
	html{
		font-size:12px;
	}
	.site-header{
		height:fit-content
	}
	.splashpic img{
		width:90px;
		margin-bottom:5.5%
	}
	.featuredproductitems{
		flex-direction:column
	}
	
	.fpitem{
		margin-bottom:5rem
	}
	
	.toplevel{
		flex-direction:column;
	}
	.bottomlevel{
		flex-direction:column;
	}
	.bottomlevelleft{
		order:2
	}
	.bottomlevelright{
		order:1
	}
	.blrinfo, .tlrinfo, .prodcallout-two .blrinfo{
		padding:10px
	}
	.toplevel .gold-box, .bottomlevel .gold-box{
		margin-bottom:4rem
	}
	.blrinfo p{
		width:100%
	}
	.tlrinfo p{
		width:100%
	}
	.reviewblock{
		flex-direction:column
	}
	.flinks, .fnews{
		text-align:center
	}
	.fnews .gold-box, .prodcallout-two .gold-box, .prodcallout-one .gold-box{
		width:90%;
		margin:0 auto 30px auto;
	}
	.importantgrid{
		margin-bottom:60px;
	}
	.sourcegrid{
		flex-direction:column;
	}
	.ingredient{
		flex-direction:column;
		flex-basis:100%;
	}
	.h2space {
		padding: 50px 0px 20px 0px!important;
	}
	.ingredient img{
		width:100%;
		height:auto;
		margin-right:0px;
		margin-bottom:2rem
	}
	.shop-products{
		flex-direction:column;
		justify-content:center;
	}
	.spitem{
		flex-direction:column;
		padding:2rem;
		justify-content:center;
		margin-bottom:20px;
	}
	.spitembuy{
		flex-direction:column;
	}
	.spitembuy .sml-green-button{
		margin-top:4rem;
		width:100%;
		margin-left:0px;
	}
	.reviews-shop{
		justify-content:center;
	}
	.spitem-details{
		flex-basis:100%;
		text-align:center;
	}

	h4.hometopcontainer{
		word-spacing: 8px;
	}
	.aboutimage img{
	
		padding:5rem 1.25rem;
	}
	.page-id-10 .col-1{
		margin:0 auto!important
	}
	p.fptitle{
		
			font-family: var(--heading-font)!important;
			font-weight: bold!important;
			font-size: 2.5rem!important;
			/* height: 7rem!important; */
			text-decoration: none;
			color: var(--darkgrey);
			line-height:3rem
	}

	p.ordertext{
	
		font-size:2rem!important;
		
	} 

	p.fpprice{
		font-family: var(--heading-font)!important;
		font-weight: bold!important;
		font-size: 3.125rem!important;
	}

	.blrinfo h2, .tlrinfo h2{
		margin-top:35px;
		margin-bottom:45px!important;
		font-size:3rem!important;
		line-height:3rem;
	}

	.arewholesaler h5{
	
		font-size: 1.25rem!important;
	}
    .blrinfo h2 br, .tlrinfo h2 br{
		display: none!important;
	}
	h1.product_title {
		font-size: 2.375rem!important;
		line-height:2.8rem!important;
	}
	.recipe{
		flex-direction:column;
		padding:20px 2rem; /*amended from zero top */
	}
	p.rectitle{
		font-size:4rem;
		margin:20px 0px!important;
	}
	.recipe img{
		margin-right:0px;
		padding:1rem;
	}

	.recinfo p.semibold{
		margin-top:20px!important;
	}
	.makewith{
		
		margin-right:auto;
		margin-left:0px
	}
	.makewith p.semibold{
		margin-top:40px!important;
		margin-bottom:4rem!important
	}
	.makewith p.semibold br{
		display:none
	}

	.contactflex{
		flex-direction:column
	}
	.contactfields{
		flex-basis:100%;
		width:100%;
		justify-content:center
	}
	.contactfields input{
		width:100%;
	}

	.singlelayout{
		flex-direction:column;
		background:white;
		padding: 0px 20px 20px 20px
		
	}
	.titlesummary{
		order:2;
			flex-basis:100%;
	}
	.singprimage{
		order:1;
			flex-basis:100%
	}
	.singprimage img {
    width: 50%!important;
    height: auto!important;
    display:block;
    margin:0 auto
}
	.pricebox{
		order:3;
		flex-basis:100%;
    margin-top:30px
	}

	.pricebox form.cart{
		flex-direction:column;
		width:100%
	}

	
	
	.pricebox form.cart input{
		width:98%;
		height:40px;
				
	}
	.pricebox button{
		width:98%;
		margin-top: 20px;
		font-size:1.5rem;
	}
	p.logintoview{
		font-size:1.35rem
	}
	p.ckname{
	
		font-size:4rem!important;
		
	}
	.cpic img{
		
		margin-bottom:4.625rem
	}
	.ctype h2{
		padding-top:80px
	}
	.cocktailtype{
		flex-direction:column;
	}
	.prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-3.png') right 60%/22% no-repeat,linear-gradient(180deg,#ffffff 58%, #f4eee7 52%);
}

.postid-108 .cocktailtype{
	
    flex-direction:column;
   
	
}
/* .postid-108 .prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-8.png') right 75%/19% no-repeat,linear-gradient(180deg,#ffffff 54%, #f4eee7 35%);
} */
.postid-108 .prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-8.png') right 58%/22% no-repeat,linear-gradient(180deg,#ffffff 56%, #f4eee7 52%);
}

.postid-113 .cocktailtype{
	
    flex-direction:column;
   
	
}
.postid-113 .prodwrapper{

	background:url('/wp-content/uploads/2021/12/Mask-Group-11.png') right 59%/22% no-repeat,linear-gradient(180deg,#ffffff 58%, #f4eee7 52%);
}
.postid-100 .cocktailtype{
	
    flex-direction:column;
    
	
}
/* .postid-100 .prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-4.png') right 60%/22% no-repeat,linear-gradient(180deg,#ffffff 51.5%, #f4eee7 45%);
} */
.postid-100 .prodwrapper{
	
	background:url('/wp-content/uploads/2021/12/Mask-Group-4.png') right 56%/22% no-repeat,linear-gradient(180deg,#ffffff 56%, #f4eee7 52%);
}

.page-id-8 .woocommerce{
	flex-direction: column;
}
	.page-id-8 .woocommerce-cart-form{
		flex-basis: 100%;
		width: 100%!important;
	}
	.page-id-8 table{
		width:100%
	}
	.page-id-8 table img{
		display: block;
		margin:0 auto
	}
	.page-id-8 .product-remove{
		text-align: center
	}
	.page-id-8 td.actions .coupon + button{
		width: 100%;
		margin: 10px auto 0px 10px
	}
	form.checkout #customer_details{
		flex-direction: column
	}
#customer_details .col-1 {
    flex-basis: 100%;
	width:100%
}
	#customer_details .col-2 {
    flex-basis: 100%;
		width:100%
}
	#customer_details input{
		width:100%
	}
	#customer_details label{
		margin:10px 0px
	}
	.page-id-9 #billing_address_2 {
    margin-left: 0%;
}

.fnews input{
	height:30px
}


.woocommerce-MyAccount-navigation ul{
	display:flex;
	flex-direction:column;
	text-align:center;
	font-size:2.5rem;
}

.woocommerce-cart-form{
	padding:2rem;
}
.navbar-toggler {
	 
    padding: 1rem 1rem!important;
    font-size: 2rem!important;
    line-height: 1;
    background-color: none!important;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
}
.navbar-dark .navbar-toggler-icon{
	filter:invert(100%);
	background:none;
	opacity:1
  
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none!important;
    box-shadow: none!important;
    border:none!important;
}
a.nav-link{
    margin-bottom:1.5rem;
    font-size:2rem
}

.tradefields input{
	
	margin-bottom:15px;
	width:100%;

}
.tradefields .woocommerce-form-row{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.tradefields label{

	margin-bottom:15px
}
.page-template-tradecustomer .rendered-form input{
	width:100%;
}

.page-template-tradecustomer .rendered-form input[type="checkbox"]{
	width:10%;

}
.formbuilder-checkbox{
	display:flex;
	justify-content:center;
	align-items:center
	
}
.formbuilder-checkbox label{
	margin-bottom:0px
}
	} /* final query */



/* newsletter overrides */
footer #mlb2-5606564.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-5606564.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody{
	padding:20px 0px 0px 0px!important;
}
footer .ml-form-embedSubmit button.primary{
	    width: 100px!important;
	max-width:180px;
	    padding: 5px 10px!important;
	    height: 40px!important;
	    background: transparent linear-gradient(180deg, #8D5C26 0%, #AA7C49 14%, #D9A277 34%, #DDB480 55%, #AA7C49 77%, #8D5C26 100%) 0% 0% no-repeat padding-box!important;
	    border-radius: 5px!important;
	    opacity: 1!important;
	    display: flex!important;
	    justify-content: center!important;
	    align-items: center!important;
		font-family:var(--body-norm)!important;
		text-transform:uppercase!important;
	}


	#mlb2-5606564.ml-form-embedContainer .ml-form-align-center {
		text-align: left!important;
	}


	/* stripe updates */

	.product-template-default #wc-stripe-payment-request-button-separator{
		display: none;
	}

	.woocommerce-error{
		list-style-type:none;
		margin: 20px auto;
		
		text-align:center;
		width: fit-content;
		margin: 20px auto;
		color: white;
		font-family: var(--body-font);
		text-align: center;
		font-weight: bold;
		background-color: #7DAF80!important;
		padding: 10px;
		font-size: var(--body-norm);
	}




	.shop_table td{
		padding:20px 20px!important
	}
	
	.shop_table td input{
		max-width:50px
	}

	table.shop_table_responsive tr th{
		text-align:center!important
	}


	#order_review_heading{
		font-size: 2rem!important;
		color:#93632E!important;
		font-weight:bold!important;	
		margin-bottom:2rem!important;
	}


	.woocommerce-billing-fields h3{
		font-weight:bold!important;
		margin:2rem 0rem!important;
	}

	#ship-to-different-address{
		font-weight:bold!important;
		margin:2rem 0rem!important;
	}



	.woocommerce-shipping-fields p{
		margin-bottom:1rem!important
	}
	
	.woocommerce-shipping-fields label{
		min-width:35%;
	}

	
	#shipping_address_2_field input{
		margin-left:35%
	}

	.payment_methods{
		list-style-type:none!important;
		padding:0px;
		font-weight:bold;
	}



	@media (min-width:1280px){
		#order_review{
			display:flex;
			justify-content:center
		}
		
		#order_review *{
			flex-basis:50%
		}
	
	}
	
	.page-id-9 .product-name{
		padding:0px!important
	}
	
	.page-id-9 .shop_table td{
		padding:0px 0px!important
	}
	
	.page-id-9 .shop_table li{
		list-style-type:none;
		padding:0px!important;
		margin:0px!important
	}
	
	.page-id-9 .shop_table ul{
		list-style-type:none;
		padding:0px!important;
		margin:0px!important
	}

	.woocommerce-privacy-policy-text{
		margin:0rem 0rem 2rem 0rem;
	}



	h2.woocommerce-order-details__title,.woocommerce-order-received h2, .woocommerce-order-received h3, .woocommerce-order-received h1{
	    font-size: 2rem!important;
	    font-weight: bold!important;
	    color: #93632E!important;
	    margin:2rem 0rem!important;
}


.woocommerce-order-received table,.woocommerce-order-received address,.woocommerce-order-received a, .woocommerce-order-received li, .woocommerce-order-received p{
font-family: var(--body-font)!important;
line-height: 2.063rem!important;
font-size: var(--body-norm)!important;
font-weight: var(--body-weight)!important;
text-decoration:none;
}



.woocommerce-order-received .col-1{
width:100%;
}

.woocommerce-order-received table .product-quantity{
	padding-right:1rem!important;
}

label[for="text-1671104083965"],
.challenge{
	margin-top:30px;
	font-weight:bold;
	color:red;
}