/*
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=Poppins:wght@300;400;500;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100..900;1,100..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: "Poppins", sans-serif;}
h1, h2, h3, h4, h5		{font-family: "Grandstander", cursive;}
.clear		{clear: both;}
a		{text-decoration: none; color: inherit;}
html		{overflow-y: scroll; background-color: #fff; 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;}
.relative		{position: relative;}

.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 .headTop			{background: #1f3745; padding: 20px 0;}
#header .headTop .shiftnav-toggle	{display: none;}
#header .headTop .menuWrap   {width: 100%; display: flex; gap: 20px; align-items: center;}
#header .headTop .menu > li  {position: relative; display: inline-block; vertical-align: top;}
#header .headTop .menu > li + li     {margin-left: 20px;}
/*#header .headTop .menu > li + li:before		{content: "\2022"; position: absolute; top: 50%; transform: translatey(-50%); left: -5px; color: #e55c2d; font-size: 26px;}*/
#header .headTop .menu > li > a      {text-transform: uppercase; color: #fff; font-weight: 500;}
#header .headTop .menu > li > ul     {position: absolute; display: none; top: 100%; left: -15px; z-index: 999; background: #1f3745; padding: 10px 0;}
#header .headTop .menu > li > ul > li    {padding: 8px 0;}
#header .headTop .menu > li > ul > li > a    {display: block; padding: 0 15px; white-space: nowrap; color: #fff;}
#header .headTop .menu > li.active > a       {font-weight: 800; color: #e55c2d;}
#header .headTop .menu li:hover > a        {color: #e55c2d;}
#header .headTop .menu > li:hover > ul       {display: block;}
#header .headTop .menu > li.menu-item-has-children > a:after	{content: "\f0d7"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-left: 7px;}
#header .headTop .social		{gap: 8px;}
#header .headTop .social i		{font-size: 32px;}
#header .headTop .social a		{color: #e55c2d;}
#header .headBottom > div		{width: 50%;}
#header .headBottom .left		{background: url(images/logo-bg.jpg) no-repeat center; background-size: cover; padding: 50px 0; display: flex; justify-content: flex-end;}
#header .headBottom .left .inner	{width: 650px; padding-right: 70px;}
#tagline			{background: #e55c2d; color: #fff; position: relative; padding: 25px 0;}
body.home #tagline:before		{content: ""; position: absolute; top: -30px; left: 50%; transform: translatex(-50%); border-top: 0 solid transparent; border-bottom: 30px solid #e55c2d; border-left: 30px solid transparent; border-right: 30px solid transparent;}
#tagline h2			{font-size: 36px;}

.homeIntro .fl-module-content .fl-rich-text > * + *		{margin-top: 20px;}
.homeIntro:after	{content: ""; position: absolute; bottom: -30px; left: 50%; transform: translatex(-50%); border-bottom: 0 solid transparent; border-top: 30px solid #fff; border-left: 30px solid transparent; border-right: 30px solid transparent; z-index: 99999;}

.homeMap			{background: url(images/map-bg.jpg) no-repeat center; background-size: cover;}
.homeMap:after	{content: ""; position: absolute; bottom: -30px; left: 50%; transform: translatex(-50%); border-bottom: 0 solid transparent; border-top: 30px solid #1f3745; border-left: 30px solid transparent; border-right: 30px solid transparent; z-index: 99999;}
.homeMap .flex > div	{width: 50%;}
.homeMap .left				{align-items: flex-end;}
.homeMap .left .leftText	{color: #fff; text-align: right;}
.homeMap .left .leftText span	{font-family: "Grandstander", cursive; font-size: 22px; font-weight: bold;}
.homeMap .left .leftText a		{font-size: 14px; text-transform: uppercase; position: relative; padding-right: 15px;}
.homeMap .left .leftText a:after	{content: " >"; color: #e55c2d; position: absolute; right: 0; top: 50%; transform: translatey(-50%); font-size: 20px;}

.homeTraining		{background: url(images/training-bg.jpg) no-repeat center; background-size: cover;}
.homeTraining .flex > div	{width: 50%;}
.homeTraining .flex .right	{display: flex; justify-content: flex-end;}
.homeTraining .flex .right img	{max-width: 70%;}

.homeContent			{color: #fff; line-height: 160%;}
.homeContent h2		{font-size: 40px;}
.homeContent h3		{color: #9ecae4; font-size: 24px;}
.homeContent .hsButton	{display: inline-block; margin-top: 30px; background: #396884; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 15px 40px; border-radius: 30px;}
.homeContent .hsButton:hover		{background: #fff; color: #396884;}
.homeContent > * + *	{margin-top: 20px;}

.innerPage .content h1		{color: #0b79bc; margin-bottom: 30px; margin-top: 30px; font-size: 40px; text-align: center;}
.innerPage .content h2		{color: #134767; margin-bottom: 25px; font-size: 30px;}
.innerPage .content h3		{color: #e55c2d; margin-bottom: 20px; font-size: 24px;}
.innerPage .content h4		{color: #e55c2d; margin-bottom: 15px;}
.innerPage .content h5		{color: #e55c2d; margin-bottom: 15px;}
.content p          {line-height: 160%; color: #292c2e; margin-bottom: 15px;}
.content a          {font-weight: bold; color: #e55c2d;}
.content ul         {margin: 0 0 20px 30px;}
.content ul li      {color: #292c2e; padding: 8px 0; list-style-type: disc;}
.content ol         {margin: 0 0 20px 30px;}
.content ol li      {color: #292c2e; 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;}

.innerpage .gform_wrapper .gform_body input,
.innerpage .gform_wrapper .gform_body textarea	{border: 1px solid #3c423c;}
.innerpage .gform_wrapper .gform_body label		{font-weight: 800; color: #3c423c;}
.innerPage .gform_wrapper .gform_footer input[type="submit"]	{display: inline-block; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; background: #0B79BC!important; border: 3px solid #308c88; padding: 8px 40px; border-radius: 30px; cursor: pointer; text-align: center;}
.innerPage .gform_wrapper .gform_footer input[type="submit"]:hover		{background: #E55C2D!important; color: #fff;}

#footer				{background: #292c2e; color: #fff;}
#footer a			{color: #fff;}
#footer img			{max-height: 200px;}
#footer p.email		{margin-top: 25px; font-weight: 500;}
#footer .social		{margin-top: 25px; gap: 8px;}
#footer .social a		{color: #e55c2d;}
#footer .social i		{font-size: 32px;}
#footer .accred		{margin-top: 35px;}
#footer .copy		{margin-top: 35px; font-weight: 300; line-height: 180%;}
#footer .copy span	{display: inline-block; padding: 0 10px 0 14px; position: relative;}
#footer .copy span + span:before	{content: "|"; position: absolute; left: 0;}


@media all and (max-width : 1300px) {
	.wrapper {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.yPadding {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#header .headBottom .left .inner {
		width: auto;
		padding: 0 15px;
	}
}

@media all and (max-width : 992px) {
	#header .headTop .shiftnav-toggle {
		display: block;
	}
	.homeMap .flex > div {
		width: 100%;
	}
	.homeMap .left {
		display: none;
	}
	.homeTraining > div {
		flex-wrap: wrap;
	}
	.homeTraining .flex > div {
		width: 100%;
	}
	.homeTraining .flex .right {
		justify-content: center;
		margin-top: 40px;
	}
}

@media all and (max-width : 768px) {
	.headBottom.flex {
		flex-wrap: wrap;
	}
	#header .headBottom .left {
		width: 100%;
		justify-content: center;
	}
	#header .headBottom .left img {
		max-height: 140px;
	}
	#tagline h2 {
		font-size: 24px;
	}
}

@media all and (max-width : 586px) {

}