/*
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;500;700;900&display=swap');

*		{margin: 0; border: 0; padding: 0; outline: 0; box-sizing: border-box;}
p, a, small, li, textarea, input, label, td, tr, .gform_confirmation_message, div, .uabb-adv-accordion-content p {font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5		{font-family: 'Montserrat', sans-serif;}
.clear		{clear: both;}
a		{text-decoration: none; color: inherit;}
html		{overflow-y: scroll; background-color: #F7FAFC; scroll-behavior: smooth;}
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%; height: auto;}

.wrapper        {width: 1300px; margin: 0 auto; position: relative;}
.wrapper:after  {content: ""; display: block; clear: both;}

.yPadding        {padding-top: 80px; padding-bottom: 80px;}
.centered       {text-align: center;}

.flex			{display: flex;}
.align-center	{align-items: center;}
.align-bottom	{align-items: flex-end;}
.justify-between	{justify-content: space-between;}
.justify-center		{justify-content: center;}

#header         {padding: 20px 0; background: #E7C4CF;}
#header .flex	{align-items: center; justify-content: space-between;}
#header .logo   {display: block; max-height: 150px;}
#header .menu       {}
#header .menu > li  {position: relative; display: inline-block; vertical-align: middle;}
#header .menu > li + li     {margin-left: 30px;}
#header .menu > li > a      {}
#header .menu > li i      	{font-size: 28px;}
#header .menu > li > ul     {position: absolute; display: none; top: 100%; left: -15px; z-index: 999;}
#header .menu > li > ul > li    {padding: 8px 0;}
#header .menu > li > ul > li > a    {display: block; padding: 0 15px; white-space: nowrap;}
#header .menu > li.active > a       {font-weight: 700;}
#header .menu > li:hover a        {}
#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 .shiftnav-toggle		{display: none;}

.homeBanner			{}
.homeBanner:before	{content: ""; display: block; padding-top: 25%;}

.homeBoxes			{background: #D4B483;}
.homeBoxes .flex	{align-items: center; justify-content: space-between;}
.homeBoxes .flex > div	{width: 45%;}
.homeBoxes .flex .boxInner			{position: relative;}
.homeBoxes .flex .boxInner:before	{content: ""; display: block; padding-top: 50%;}
.homeBoxes .flex .boxInner h3		{position: absolute; left: 50%; transform: translatex(-50%); bottom: 40px; color: #fff; background: rgba(0,0,0,0.6); padding: 12px; border-radius: 4px;}

.homeBlog h2		{text-align: center; text-transform: uppercase; color: #D4B483;}
.homeBlog .flex		{align-items: center; justify-content: space-between; margin-top: 50px; text-align: left;}
.homeBlog .flex > div	{width: 45%;}
.homeBlog .flex .blogInner			{position: relative;}
.homeBlog .flex .blogInner:before	{content: ""; display: block; padding-top: 50%;}
.homeBlog .flex h3		{margin-top: 20px;}
.blogBtn		{display: inline-block; margin-top: 50px!important; border: 2px solid #D4B483; border-radius: 4px; color: #D4B483; padding: 14px 40px; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;}
.blogBtn:hover		{background: #D4B483; color: #fff;}

.contentInner		{padding: 0 200px;}

.content > * + *	{margin-top: 20px;}
.content h1         {color: #D4B483;}
.content h2         {color: #D4B483;}
.content h3         {color: #D4B483;}
.content h4         {color: #282324;}
.content h5         {color: #282324;}
.content p          {line-height: 160%;}
.content a          {font-weight: bold; color: #D4B483;}
.content ul         {margin-left: 30px;}
.content ul li      {padding: 8px 0; list-style-type: disc;}
.content ol         {margin-left: 30px;}
.content ol li      {padding: 8px 0; list-style-type: decimal;}
.content .wp-caption		{padding: 10px 10px 20px; background: #E7C4CF;}
.content .wp-caption p		{margin-top: 10px; font-size: 14px; font-style: italic; text-align: center;}

.contactPage .gform_wrapper		{text-align: left; margin-top: 50px;}
.contactPage .gform_wrapper .gform_body input,
.contactPage .gform_wrapper .gform_body textarea	{border: 1px solid #D4B483;}
.contactPage .gform_wrapper .gform_body label		{font-weight: 700; color: #000;}
.contactPage .gform_wrapper .gform_footer input[type="submit"]	{display: inline-block; border: 2px solid #D4B483; border-radius: 4px; color: #D4B483; padding: 14px 40px; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; background: transparent;}
.contactPage .gform_wrapper .gform_footer input[type="submit"]:hover		{background: #D4B483; color: #fff;}

#footer				{background: #E7C4CF; color: #fff; font-weight: 300; letter-spacing: 1px; font-size: 14px;}
#footer a			{color: #fff;}
#footer img			{max-height: 100px;}

@media all and (max-width : 1300px) {
	.wrapper,
	.innerpage.generic .fl-builder-content {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media all and (max-width : 992px) {
	#header .menu > li + li {
		margin-left: 17px;
	}
	.contentInner {
		padding: 0;
	}
}

@media all and (max-width : 768px) {
	.innerpage.generic {
		padding-bottom: 40px;
	}
	.innerpage.generic .fl-builder-content > div + div,
	.innerpage.generic .fl-builder-content .fl-col-group > div + div,
	.innerpage.generic .fl-builder-content .fl-col-group .fl-col-content > div + div {
		margin-top: 20px;
	}
	#header .shiftnav-toggle {
		display: inline-block;
	}
	.homeBanner:before {
		padding-top: 35%;
	}
	.homeBoxes .flex,
	.homeBlog .flex {
		flex-direction: column;
		gap: 50px;
	}
	.homeBoxes .flex > div,
	.homeBlog .flex > div {
		width: 80%;
	}
}

@media all and (max-width : 586px) {
	.yPadding {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.homeBoxes .flex > div,
	.homeBlog .flex > div {
		width: 100%;
	}
}