/*
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: "itc-avant-garde-gothic-pro", sans-serif; font-style: normal; font-weight: 500;}
h1, h2, h3, h4, h5		{font-family: "itc-avant-garde-gothic-pro", sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase;}.clear		{clear: both;}
a		{text-decoration: none; color: inherit;}
html		{overflow-y: scroll; background-color: #fff; scroll-behavior: smooth;}
body		{height: 100vh; display: flex; flex-direction: column; justify-content: space-between;}
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;}

.headWrap		{padding-top: 60px;}
#header			{flex-direction: column; align-items: center;}
#header img		{max-width: 35%;}
#header p		{margin-top: 30px; color: #fff; font-size: 22px; font-weight: 300;}
#header a		{display: inline-block; color: #fff; background: #8d00c2; padding: 12px 50px; border-radius: 4px; margin-top: 30px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; font-size: 14px;}
#header a:hover	{background: #fff; color: #8d00c2;}
#footer			{padding-bottom: 60px;}
#footer p		{color: #fff; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 2px;}
#footer p span			{display: block;}
#footer p span + span	{font-weight: 300;}

@media all and (min-width : 768px) {
	body {
		align-items: center;
	}
	.headWrap {
		width: 600px;
		display: flex;
		justify-content: flex-end;
	}
	#header img {
		max-width: 100%;
		height: 230px;
	}
	#header p {
		font-size: 24px;
	}
	#header a {
		font-size: 18px;
	}
	#footer p {
		font-size: 18px;
		letter-spacing: 3px;
	}
	#footer p span {
		display: inline-block;
	}
}