/*
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: "greycliff-cf", sans-serif; font-style: normal; font-weight: 400;}
h1, h2, h3, h4, h5		{font-family: "greycliff-cf", sans-serif; font-style: normal; font-weight: 600;}
.clear		{clear: both;}
a		{text-decoration: none; color: inherit;}
html		{overflow-y: scroll; 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;}

body			{background: url(images/site-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; min-height: 100vh;}

.wrapper        {width: 900px; 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;}

.logo			{text-align: center;}
.logo img		{height: 140px;}
.homeContent	{margin: 120px 0 100px;}
.homeContent h2	{color: #ffff00; font-size: 48px;}
.homeContent p	{color: #fff; font-size: 18px; line-height: 160%; margin-top: 30px;}

.gform_wrapper,
.gform_confirmation_wrapper		{border: 2px solid #ffff00; border-radius: 20px; padding: 40px 80px;}
.gform_wrapper .gform_heading	{text-align: center;}
.gform_wrapper .gform_heading h2	{color: #ffff00; font-size: 48px;}
.gform_wrapper .gform_heading p		{color: #fff; font-size: 18px; line-height: 160%; margin-top: 30px;}
.gform_confirmation_wrapper .gform_confirmation_message		{color: #fff; font-size: 18px; line-height: 160%;}
.gform_wrapper form		{margin-top: 40px; position: relative;}
.gform_wrapper .gform_body .gform_fields > div		{display: flex; align-items: flex-end;}
.gform_wrapper .gform_body .gform_fields div.gfield label	{width: 120px; color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 0;}
.gform_wrapper .gform_body .gform_fields div.gfield label span	{display: none;}
.gform_wrapper .gform_body .gform_fields div.gfield > div		{width: calc(100% - 120px);}
.gform_wrapper .gform_body .gform_fields div.gfield > div input	{background: transparent; border-bottom: 2px solid #ffff00; color: #fff; border-radius: 0;}
.gform_wrapper .gform_body .gform_fields fieldset.gfield		{padding-left: 120px; display: flex; flex-direction: column; width: 450px; margin-top: 20px;}
.gform_wrapper .gform_body .gform_fields fieldset.gfield .gfield_description	{order: 1; border: none; color: #fff; padding: 0;}
.gform_wrapper .gform_body .gform_fields fieldset.gfield .ginput_container	{order: 2; margin-top: 20px; color: #fff; font-size: 13px;}
.gform_wrapper .gform_body .gform_fields fieldset.gfield .ginput_container label	{padding-left: 5px; vertical-align: top;}
.gform_wrapper .gform_body .gform_fields fieldset.gfield .ginput_container input[type="checkbox"]	{-webkit-appearance: none; height: 20px; width: 20px; border: 1px solid #ffff00; position: relative;}
.gform_wrapper .gform_body .gform_fields fieldset.gfield .ginput_container input[type="checkbox"]:checked	{background-color: #ffff00;}
.gform_wrapper .gform_body .gform_fields fieldset.gfield .ginput_container input[type="checkbox"]:checked::after	{content: "✓"; position: absolute; top: -2px; left: 3px; font-size: 16px; color: black;}
body.wp-theme-Padel .gform_wrapper .gform_footer		{padding: 0; margin: 30px 0 0; justify-content: flex-end;}
body.wp-theme-Padel .gform_wrapper .gform_footer .button	{margin: 0; background: #ffff00; color: #000; border: 2px solid #ffff00; border-radius: 30px; font-size: 30px; padding: 5px 45px 10px; cursor: pointer; font-weight: 600;}
body.wp-theme-Padel .gform_wrapper .gform_footer .button:hover	{background: transparent; color: #ffff00;}

body.wp-theme-Padel .gform_wrapper .gform_validation_errors		{border: 1px solid #ffff00; padding: 15px; background: transparent;}
body.wp-theme-Padel .gform_wrapper .gform_validation_errors h2	{color: #fff; font-weight: 600; text-align: center;}
.gform_wrapper .gform_body .gform_fields .gfield_error		{flex-wrap: wrap;}
.gform_wrapper .gform_body .gform_fields .gfield_error input[aria-invalid=true]	{border-width: 0 0 2px 0;}
.gform_wrapper .gform_body .gform_fields .gfield_error .gfield_validation_message	{width: 100%; margin-top: 10px; border: 1px solid #ffff00; color: #fff; font-weight: 600; background: transparent;}

.socials		{margin-top: 75px;}
.socials h2		{color: #ffff00; font-size: 48px;}
.socials ul		{margin-top: 40px;}
.socials ul li	{display: inline-block; margin: 0 20px;}
.socials ul li a	{color: #ffff00;}
.socials ul li i	{font-size: 52px;}
p.copy			{color: #fff; margin-top: 100px; font-size: 14px; text-align: center;}

@media all and (max-width : 900px) {
	.wrapper {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.gform_wrapper {
		padding: 40px;
	}
	.gform_wrapper .gform_body .gform_fields fieldset.gfield {
		width: 100%;
	}
	body.wp-theme-Padel .gform_wrapper .gform_footer {
		text-align: center;
		margin-top: 30px;
	}
	body.wp-theme-Padel .gform_wrapper .gform_footer .button {
		position: static;
		display: inline-block;
	}
}

@media all and (max-width : 600px) {
	body {
		background-attachment: scroll;
	}
	.homeContent {
		margin: 80px 0 60px;
	}
	.gform_wrapper .gform_heading h2 {
		font-size: 30px;
	}
	.gform_wrapper .gform_body .gform_fields fieldset.gfield {
		padding-left: 0;
	}
	.socials {
		margin-top: 50px;
	}
	.socials h2 {
		font-size: 42px;
	}
	p.copy {
		margin-top: 50px;
	}
}