/*
Theme Name: 
Theme URI: 
Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net
Author: Adrian Jones
Version: 1.0
License: 
License URI: 
Tags: 
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

*		{margin: 0; border: 0; padding: 0; outline: 0; box-sizing: border-box;}
p, a, h1, h2, h3, h4, h5, small, li, textarea, input, label, td, tr, .gform_confirmation_message, div {font-family: 'Montserrat', sans-serif;}
.clear		{clear: both;}
a		{text-decoration: none;}
html		{overflow-y: scroll; background-color: #fff;}
/*ul		{list-style-type: none;}*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img         {max-width: 100%; max-height: 100%;}

.max-wrap		{max-width: 1900px; margin: 0 auto; position: relative;}
.wrapper        {width: 1200px; margin: 0 auto; position: relative;}
.wrapper:after  {content: ""; display: block; clear: both;}

.section        {padding: 80px 0;}
.centered       {text-align: center;}

#header.home	{height: 100vh;}
#header.inner	{height: 200px; position: relative;}
#header.inner:before	{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
#header > div		{height: 100%;}
#header .logo   {position: absolute; top: 30px; left: 30px;}
#header .menu       {position: absolute; top: 100px; right: 30px; white-space: nowrap;}
#header .menu > li  {position: relative; display: inline-block; vertical-align: top;}
#header .menu > li + li     {margin-left: 30px; padding-left: 30px; border-left: 2px solid #fff;}
#header .menu > li > a      {color: #fff; text-transform: uppercase; letter-spacing: 4px; font-weight: 700;}
#header .menu > li > ul     {position: absolute; display: none; top: 100%; left: 30px; right: 0; z-index: 999; background: rgba(255,255,255,0.7);}
#header .menu > li > ul > li    {padding: 8px 0; text-align: center;}
#header .menu > li > ul > li > a    {display: block; padding: 0 15px; white-space: nowrap; color: #000; font-weight: bold;}
#header .menu > li.active > a       {color: #ffffff;}
#header .menu > li:hover > a        {color: #E0E0E0;}
#header .menu > li:hover > ul       {display: block;}
#header .menu > li.menu-item-has-children > a:after	{content: "\f0d7"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-left: 7px;}
#header .contacts	{position: absolute; top: 30px; right: 30px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px;}
#header .contacts p	{color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 2px;}
#header .contacts a	{color: #fff;}
#header .contacts ul li	{display: inline-block; vertical-align: middle; margin-left: 15px;}
#header .contacts ul li i	{font-size: 36px;}

#header.home .overlay		{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 70%; text-align: center;}
#header.home .overlay h1	{color: #fff; text-transform: uppercase; letter-spacing: 4px; font-size: 56px; text-shadow: 2px 2px #474A4B;} /* drop shadow */
#header.home .overlay a		{display: inline-block; background: #fff; color: #474A4B; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; padding: 25px 60px; margin-top: 50px; border-radius: 10px;}
#header.home .overlay a:hover		{background: #fff; color: #595959;}

.intro				{background: #d0d0d0;}
.intro h2			{text-transform: uppercase; color: #fff; letter-spacing: 4px; font-size: 34px; margin-bottom: 30px;}
.intro h2 > span	{font-weight: 300; color: #474A4B; font-size: 46px;}
.intro h2 > span > span	{color: #595959; font-weight: 700; font-size: 46px;}
.intro p			{color: #595959; line-height: 180%; letter-spacing: 2px;}

.testimonials		{background: url(images/review-bg.jpg) no-repeat center; background-size: cover; padding-bottom: 40px;}
.testimonials h2			{text-transform: uppercase; color: #fff; letter-spacing: 4px; font-size: 34px; margin-bottom: 30px;}
.testimonials h2 > span		{font-weight: 300; color: #535353; font-size: 46px;}
.testimonials h2 > span > span	{color: #595959; font-weight: 700; font-size: 46px;}
.testimonials .slides li p		{color: #595959; line-height: 180%; letter-spacing: 2px;}
.testimonials .slides li p.client		{color: #535353; font-weight: 700; text-transform: uppercase; padding-top: 25px;}

#footer				{background: #030303;}
#footer > div > img			{display: inline-block; max-height: 180px; margin-bottom: 40px;}
#footer p			{font-size: 14px; color: #fff; padding-bottom: 20px; letter-spacing: 2px; text-transform: uppercase;}
#footer p span		{font-weight: 700; color: #4a9299;}
#footer p a			{color: #fff;}
#footer ul			{margin-bottom: 25px;}
#footer ul li		{display: inline-block; vertical-align: middle;}
#footer ul li + li	{margin-left: 15px;}
#footer ul li a		{color: #fff;}
#footer ul li a:hover	{color: #4a9299;}
#footer ul li i		{font-size: 54px;}

.content h1         {color: #474A4B; margin-bottom: 30px; text-align: center; text-transform: uppercase;}
.content h2         {color: #474A4B; margin-bottom: 15px; margin-top: 25px; text-transform: uppercase;}
.content h3         {color: #595959; margin-bottom: 20px;}
.content h4         {color: #595959; margin-bottom: 15px;}
.content p          {line-height: 170%;}
.content p + p		{margin-top: 15px;}
.content a          {font-weight: 600;}
.content ul         {margin: 0 0 20px 30px;}
.content ul:not(.order_details):not(.wc_payment_methods):not(.wc-saved-payment-methods) li      {padding: 8px 0; list-style-type: disc;}
.content ol         {margin: 0 0 20px 30px;}
.content ol li      {padding: 8px 0; list-style-type: decimal;}
.content .fl-pricing-table li   {list-style-type: none;}
#more_posts			{display: block; max-width: 250px; background: #000; color: #fff; border-radius: 2px; text-align: center; font-size: 17px; font-weight: 600; cursor: pointer; text-transform: uppercase; padding: 12px 0; margin: 60px auto 0; border-radius: 5px; -webkit-border-radius: 5px;}

.gform_wrapper label, .gfield_required, .gform_confirmation_message		{color: #1572b8;}
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select	{border: 1px solid #1572b8;}
.gform_footer .button				{background: #1572b8; color: #fff; padding: 8px 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.gform_wrapper div.validation_error, .gform_wrapper .ginput_container + .gfield_description.validation_message {display: none;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {margin: 0!important; padding: 0!important;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border: 0!important; background-color: transparent!important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {padding-left: 0!important;}

.single-product.woocommerce #content div.product div.summary,
.single-product.woocommerce div.product div.summary,
.single-product.woocommerce-page #content div.product div.summary,
.single-product.woocommerce-page div.product div.summary		{float: right!important}
.single-product .product:after	{content: ""; display: block; clear: both;}
.single-product .summary,
.single-product .summary p.price		{font-family: 'Poppins', sans-serif; color: #7a7a7a!important; font-weight: 600!important;}
.single-product .summary h1		{font-size: 32px; text-align: left;}
.single-product .summary p		{line-height: 160%; letter-spacing: 1px; margin-bottom: 20px; font-weight: 400;}
.single-product .summary .woocommerce-product-details__short-description ul li	{line-height: 160%; letter-spacing: 1px; font-weight: 400;}
.single-product .summary .woocommerce-product-details__short-description a		{font-weight: 400; color: #A99972;}
.single-product .cart			{display: flex;}
.single-product .cart .quantity		{margin-right: 15px!important;}
.single-product .cart input[type="number"]	{border: 1px solid #666; text-align: center; width: 80px; height: 100%; padding: 10px 0 10px 10px; appearance: textfield;}
.single-product .cart .button	{background: #000!important; color: #fff!important; border: 1px solid #000; border-radius: 0!important;}
.single-product .cart .button:hover		{background: #fff!important; color: #000!important;}
.single-product .content h3		{margin: 30px 0 20px;}
.single-product .content h4		{margin: 30px 0 20px;}

.innerpage.content .checkout input,
.innerpage.content .checkout textarea		{background: transparent; border: 1px solid #000; border-radius: 3px; padding: 8px; font-size: 16px;}

@media all and (max-width : 1300px) {
	#header .menu	{top: 190px;}
}

@media all and (max-width : 1200px) {
	.wrapper,
	.innerpage {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.innerpage {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media all and (max-width : 1100px) {
	#header .menu > li + li {
		margin-left: 20px;
		padding-left: 20px;
	}
	#header.home .overlay {
		width: 82%;
	}
}

@media all and (max-width : 999px) {
	#header.home {
		height: 75vh;
	}
	#header.home .overlay {
		transform: translatex(-50%);
		top: 45%;
	}
	#header.home .overlay h1 {
		font-size: 46px;
	}
	.shiftnav-main-toggle-content-after {
		display: none;
	}
}

@media all and (max-width : 768px) {
	#header .contacts {
		display: none;
	}
	#header .contacts p,
	#header .contacts a {
		color: #535353;
	}
	#header.home,
	#header.inner {
		height: auto;
		text-align: center;
		padding: 70px 0;
	}
	#header .logo {
		position: static;
		display: inline-block;
		margin-bottom: 50px;
	}
	#header.inner .logo {
		margin: 0;
	}
	#header.home .overlay {
		position: static;
		transform: none;
		width: auto;
	}
	#header.home .overlay h1 {
		font-size: 38px;
	}
	.shiftnav-main-toggle-content-after {
		display: block;
	}
	.shiftnav-main-toggle-content-after p {
		line-height: 52px;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 1px;
	}
}

@media all and (max-width : 600px) {
	#header.home .overlay h1 br {
		display: none;
	}
	.intro h2,
	.intro h2 > span,
	.intro h2 > span > span,
	.testimonials h2,
	.testimonials h2 > span,
	.testimonials h2 > span > span {
		font-size: 28px;
	}
}

@media all and (max-width : 500px) {
	#header.home .overlay {
		padding: 0 20px;
	}
}