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


*		{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: "ff-dax-pro", sans-serif; font-weight: 400; font-style: normal;}
h1, h2, h3, h4, h5		{font-family: "ff-dax-pro", sans-serif; font-weight: 700; font-style: normal;}
.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;}

.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;}

.landing .form .gform_wrapper ::-webkit-input-placeholder { color:rgb(255,255,255); }
.landing .form .gform_wrapper :-moz-placeholder { opacity: 1; color:rgb(255,255,255); } /* Firefox 18- */
.landing .form .gform_wrapper ::-moz-placeholder { opacity: 1; color:rgb(255,255,255); } /* firefox 19+ */
.landing .form .gform_wrapper :-ms-input-placeholder { color:rgb(255,255,255); } /* ie */
.landing .form .gform_wrapper input:-moz-placeholder { color:rgb(255,255,255); }

.landing		{height: 100vh; background: url(images/Strathmore-bg.jpg) no-repeat center; background-size: cover;}
.landing > div	{height: 100%;}
.landing .inner	{height: 100%; display: flex; align-items: center; padding-left: 150px;}
.landing .content,
.landing .form	{width: 32%; text-align: center; color: #fff;}
.landing .content img	{display: block; margin: 0 auto 50px; max-width: 85%;}
.landing .content a		{display: inline-block; background: #b3c1db; border-radius: 4px; color: #005596; padding: 12px 30px; margin-top: 50px; font-weight: 700; cursor: pointer;}
.landing .content a:hover	{background: #fff;}
.landing .form img	{display: block; margin: 0 auto 50px; max-width: 70%}
.landing .form .gform_wrapper	{text-align: left;}
.landing .form .gform_wrapper .gform_fields	{row-gap: 10px;}
.landing .form .gform_wrapper .gform_fields input,
.landing .form .gform_wrapper .gform_fields textarea	{background: transparent; border: 1px solid #fff; color: #fff;}
.landing .form .gform_wrapper .gform_footer		{justify-content: flex-end;}
.landing .form .gform_wrapper .gform_footer .button		{display: inline-block!important; background: #b3c1db!important; border-radius: 4px!important; color: #005596!important; padding: 12px 30px!important; font-weight: 700!important; cursor: pointer!important;}
.landing .form .gform_wrapper .gform_footer .button:hover		{background: #fff!important;}
.landing .form .gform_wrapper .gform_validation_errors,
.landing .form .gform_wrapper .gform_validation_errors h2 span	{border-color: #fff; outline: none;}
.landing .form .gform_wrapper .gform_validation_errors h2,
.landing .form .gform_wrapper .gform_validation_errors h2 span	{color: #fff;}
.landing .form .gform_wrapper .gform_fields .gfield_error input,
.landing .form .gform_wrapper .gform_fields .gfield_error textarea	{border-color: red;}
.landing .form .gform_wrapper .gform_fields .gfield_validation_message	{display: none;}
.landing .form .gform_confirmation_wrapper .gform_confirmation_message h2	{font-size: 36px;}
.landing .copy	{position: absolute; right: 0; bottom: 40px; font-size: 14px; color: #fff;}

@media all and (max-width : 1300px) {
	.wrapper {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.landing .copy {
		right: 30px;
	}
}

@media all and (max-width : 992px) {
	.landing		{
		background: #005596 url(images/strathmore-mob-bg.jpg) no-repeat; 
		background-size: auto 100%;
	}
	.landing .inner {
		padding-left: 0;
		justify-content: center;
	}
	.landing .content,
	.landing .form {
		width: 400px;
	}
}

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

}

@media all and (max-width : 586px) {
	.landing {
		background-size: cover;
		background-position: center;
	}
	.landing .content,
	.landing .form {
		width: 90%;
	}
}