/*
 Theme Name:   Vintage
 Theme URI:    http://www.thevintagebyledmac.com/
 Description:  Child theme to TwentyTwentyFour
 Author:       JK Computing 
 Author URI:   http://main.expertcms.net
 Template:     twentytwentyfour
*/

/*font family*/
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 200;
  src: url(/media/fonts/Gotham-Light.otf);
}
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 400;
  src: url(/media/fonts/Gotham-Book.otf);
}
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 800;
  src: url(/media/fonts/Gotham-Bold.otf);
}
@font-face {
  font-family: 'Academy Engraved';
  font-style: normal;
  src: url('/media/fonts/Academy Engraved LET Fonts.ttf');
}

:root {
	--form-text: #ffffff; /*#0c1416*/
	--vintage-color: #641633;
	--form-bg: transparent;
}

* {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	font-family:Gotham;
}
img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Gotham;
	font-weight:800;
}
h3 {
	font-size: 1.3rem;
}
h2.register-now {
	font-family:'Academy Engraved';
	font-weight:400;
	font-size:3rem;
	padding:1rem 2.5rem;
}
h3.teaser-message {
	font-weight:400;
	line-height:1.5;
}
body {
	background-color:var(--vintage-color);
}	
header {
	background-color:var(--vintage-color);
	padding-top:4vw;
	padding-bottom:5vw;
}

a:-webkit-any-link {
	color: -webkit-link;
	cursor: pointer;
	text-decoration:none;
}

p {
	font-family: Gotham, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 4.0625vw;
	line-height: 6.875vw;
	letter-spacing: 0.09375vw;
}
.small {
	font-family: Gotham, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 3.125vw;
	line-height: 5.625vw;
	letter-spacing: normal;
}
.navy {
	color: rgb(0, 38, 58);
}
.footer-top p {
	margin: 1.875vw 0px 6.875vw;
}
.header-bg {
	background:var(--vintage-color); 
	min-height:250px;
	display:flex;
	flex-direction:row;
	align-content:center;
}
.wp-block-cover.is-position-top-left {
	align-items: flex-start;
	justify-content: center;
}
p.disclaimer {font-size:0.6em; line-height:1.5em;}
@media (min-width: 576px) {
	p {
		line-height: 3.38542vw;
		font-size: 1.82292vw;
		letter-spacing: 0.0390625vw;
	}
	.footer-top p {
		margin: 0.520833vw 0px 3.125vw;
	}
	.small {
		font-size: 1.69271vw;
		line-height: 2.60417vw;
		letter-spacing: 0.0390625vw;
	}
	.header-bg {
		/*min-height:min(450px,50vw);*/
	}
}
@media (min-width: 992px) {
	p {
		line-height: 1.80556vw;
		font-size: 0.972222vw;
		letter-spacing: 0.0208333vw;
	}
	.footer-top p {
		max-width: 67.0139vw;
		margin: 0.277778vw 0px 1.66667vw;
	}
	.small {
		font-size: 0.902778vw;
		line-height: 1.38889vw;
		letter-spacing: 0.0208333vw;
	}
	.header-bg {
		/*min-height:min(600px,50vw);*/
	}
}
.wp-block-site-logo {
	width:30vw;
	min-width:300px;
	max-width:min(400px,100vw);
}
header h2.wp-block-heading {padding-bottom:0}
/*.wp-block-group {padding-bottom:0 !important}*/

.footer {
	width: 100%;
	padding-top: 0; /*12.5vw;*/
	background-color: rgb(252, 251, 248);
}
.footer .logo {padding-top:20px;}
@media (min-width: 576px) {
	.footer {
		padding-bottom: 0px;
		/*padding-top: 7.8125vw;*/
	}
}
.footer-contact {
	background:var(--vintage-color);
	color:white;
}
.footer-contact a, .footer-contact h3 {
	color:white;
}
.footer-contact div {
	flex-basis: 100%;
	padding-bottom:3vw;
	align-items:flex-start;
}
.footer h3 {
	font-family:Gotham, sans-serif;
	text-transform:uppercase;
}
.footer-contact h3 {
	font-weight:400;
	letter-spacing:2px;
}
.footer p {
	font-family:Gotham, sans-serif;
	padding:1em 0;
}
.footer-top, .footer-contact {
	display: flex;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	padding: 5vw 4.6875vw 10vw;
}
.footer-contact h3 {margin-top:30px;}
.footer-contact img {
	width:80%;
	min-width:300px;
}

@media (min-width: 576px) {
	.footer-top, .footer-contact {
		padding: 40px 7.8125vw;
	}
	.footer-top {padding-bottom:0px;}
	.footer-contact div {
		flex-basis: 45%;
		padding-bottom:2vw;
	}
	.footer-contact img {
		width:50%;
	}
}
@media (min-width: 992px) {
	.footer-top, .footer-contact {
		flex-direction: row;
		-webkit-box-pack: justify;
		justify-content: space-between;
		align-items: flex-start;
		text-align: left;
		padding: 2.08333vw 4.16667vw;
	}
	.footer-contact {padding-top:2vw;padding-bottom:5vw;justify-content:left;	align-items:center;column-gap:5%;}
	.footer-contact div {
		flex-basis: auto;
		padding:2.5vw 0;
	}
	.footer-contact img {
		width:80%;
	}
}

.social {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 75vw;
	margin: 0px auto;
}

/* logo */
.logo-image {
	display: block;
	width: 53.125vw;
	margin-bottom: 12.5vw;
}
.footer-top .logo img {
	width: 60.3125vw;
	height: 28.125vw;
}
.disclaimer-container {
	padding: 6.25vw 3.125vw 27.5vw;
	background-color: white;
}
.social img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.social a, .social div {
	height: 6.25vw;
	width: 6.25vw;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}
/* We Chat */
.we-chat {
	transition: all 0.4s ease 0s;
	margin:auto;
	overflow:hidden;
}
.we-chat > div {
	position: relative;
	background-color: white;
	width: 93.75vw;
	height: 35.3125vw;
}
.we-chat .banner {
	height: 100%;
	width: auto;
	max-width: 100%;
}
.we-chat .close {
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	width: 6.25vw;
	height: 6.25vw;
}
@media (min-width: 576px) {
	.footer-top .logo img {
		height: 15.625vw;
		width: 33.5938vw;
	}
	.logo-image {
		margin-bottom: 7.8125vw;
		width: 22.1354vw;
	}
	.disclaimer-container {
		padding: 3.90625vw 7.8125vw 12.8906vw;
	}
	.social {
		width: 31.25vw;
	}
	.social a, .social div {
		height: 2.60417vw;
		width: 2.60417vw;
	}
	.we-chat > div {
			width: 65.1042vw;
			height: 24.4792vw;
	}
	.we-chat .close {
		width: 4.16667vw;
		height: 4.16667vw;
	}
}
@media (min-width: 992px) {
	.footer-top .logo img {
		height: 8.33333vw;
		width: 17.9167vw;
	}
	.logo-image {
		margin-bottom: 0vw;
		width: 11.8056vw;
	}
	.disclaimer-container {
		padding: 1.25vw 4.16667vw;
		text-align: left;
	}
	.social {
		margin: 0px;
		width: 16.6667vw;
	}
	.social a, .social div {
		height: 1.38889vw;
		width: 1.38889vw;
		transition: all 0.4s ease 0s;
		cursor: pointer;
	}
	.we-chat > div {
			width: 34.7222vw;
			height: 13.0556vw;
	}
	.we-chat .close {
		width: 2.22222vw;
		height: 2.22222vw;
	}
}

.show-on-mobile {display:none;}


/* Registration Form */

.formgrid {
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	/*float: left;*/
	width: 96%;	
	overflow: hidden;
	/* background: #fff;
	padding: 50px; */
	display:flex;
	flex-flow:wrap;
	max-width:1000px;
	margin:0px auto 0px;
	padding:max(30px,2%);
	background:var(--form-bg);
}

.row-holder {
	width: 100%;
	/*float: left;*/
	clear: both;
	padding-top:0.25vw;
}

#errorContainer {	
	font-size: 11px;
	color: #000 !important;
	width: 100%;
	/*float: left;*/
	display: none;
	font-weight: bold;
	margin-top: 10px;
}

/* both cols */

.leftcol,
.rightcol {
	/*float: left;*/
	width: 50%;
	position: relative;
	padding:0px 10px;
}

.leftcol p,
.rightcol p {
	/* width: 300px;
	float: left; 
	margin-top: 0px;
	margin-bottom: 12px;
	padding-top: 8px; */
	/* using just placeholders so tightening this up */
	margin-bottom: 0px;
	padding-top: 0px;
	line-height:1.4;
}

.leftcol li,
.rightcol li {
	padding: 0 20px 0 20px;
	display: inline;
}

/* left col */

.leftcol .chkBx p {
	width: 20px;
	/* float: left;
	margin-top: 0px;
	margin-bottom: 12px;
	padding-top: 8px;*/
}
	
/* right col */

.rightcol .radio-holder {
	width: 50px;
	/*float: left;
	height: 15px; */
}

.rightcol .radio-holder p {
	margin-top: 0px;
	margin-left: 25px;
	padding-top: 2px;
	width: auto;
}

@media (max-width: 576px) {
	.leftcol,
	.rightcol {
		/*float: left;*/
		width: 100%;
		position: relative;
	}
}
/* crucial to style placeholders in forms ******************************/

.main_color input::-moz-placeholder { /* firefox newer */
	color: var(--form-text) !important;
}

.main_color input::-webkit-placeholder { /* Chrome/Opera/Safari */
	color: var(--form-text) !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--form-text) !important;
}
	
::-moz-placeholder { /* Firefox 19+ */
	color: var(--form-text) !important;
}
	
:-ms-input-placeholder { /* IE 10+ */
	color: var(--form-text) !important;
}
	
:-moz-placeholder { /* Firefox 18- */
	color: var(--form-text) !important;
}

/* form basics **********************************************************/

/* using title font for labels */

#spark label {
	font-family: Gotham, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0px;
	text-transform: none;
	text-decoration: none;
	color: white !important;
	display:inline-block;
	padding-top:20px;
	padding-bottom:20px;
}

input, textarea, select {
   background: var(--form-bg) !important;
   padding: 40px 6px 12px;
   font-size: 14px;
   line-height: 14px;
   letter-spacing: 0px;
   color: var(--form-text) !important;
   width: 100%;
   float:left;
   margin: 0.25vw 0 1vw;
   text-transform: none;    
	 border:none;
   border-bottom: 1px solid ;
	 border-color:var(--form-text) !important;
}

input:focus, textarea:focus, select:focus {
	background: var(--vintage-color);
	outline: none;
	border: 1px solid var(--form-text);
	/*color:black;*/
}
option {
	background:var(--vintage-color);
	color:var(--form-text);
}
#spark input[type="text"] {
  border: none;
	color: var(--form-text);
  border-bottom: 1px solid;
	border-color:	var(--form-text) !important;
}

/* use image for pulldown arrow *************************/

#spark select {
    /* border: none;
	color: #53565A !important;
    border-bottom: 1px solid #53565A !important;
	background: #fff url("/images/formArrow.png") no-repeat center right !important; */
}

/* wrap each select in a div for the fontello icon arrow */

.select-container {
	position: relative;
}

/* use fontello icon for pulldown arrow *******************/

.select-container::before {
	z-index:9999!important;
	font-family: 'entypo-fontello';
	content:'\e877'!important;
	color: #000;
	padding: 12px 8px;
	position: absolute; 
	right: 0; 
	top: 0;
	background: var(--form-bg) !important;    
	text-align: center;
	line-height: 12px; /* adjust vertical positioning */
	width: 30px;
	height: 100%;      
	pointer-events: none;
}

/* required text */

.requiredFields {
	color: var(--form-text) !important;
	font-size:14px;
	display:inline-block;
	float:right;
	padding-right:10px;
}
.confirm-interest {display:none;}

/* submit button */

#spark input[type="submit"] {
	font-family: 'Gotham', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;	
	text-transform: uppercase;
	text-decoration: none;
	color: #fff !important;
	border: 1px solid #fff !important;
	border-radius: 0px;
	padding: 10px 15px 10px 15px;
	margin: 10px 0px 0px 0px;
	/* background-color: rgba(0,57,97,1) !important; */	
	background-color: var(--form-text) !important;		
}

#spark input[type='submit']:hover {
	background-color: #000 !important;
	/* color: #fff !important; */
}

select {
	/* width:370px; */
	/* width: 100% !important; */
	background: #fff url("../images/arrow.png") no-repeat center right;
	background-size: 1px 1px;
	-webkit-background-size: 26px 32px;
	color: var(--form-text) !important;
	float: left;
	font-size: 14px;
  padding: 39px 6px 11.5px;
}

#spark .alternate_color input[type='text'] {
	color: var(--form-text) !important;	
}

#spark .main_color input[type='text'],
#spark .main_color select,
#spark .main_color textarea { 
	border-color: var(--form-text);
	background-color: #fff;
	color: var(--form-text) !important;
}
input[type=checkbox], input[type=radio] { 
  border:none;
}
input[type=checkbox] {
	width:14px;
	height:14px;
	margin: 5px 10px 0 0;
}
input[type=radio] {
  width:20px;
	margin-top:0;
	margin-bottom:5px;
}
.radio-holder {
	float:left;
	/*margin-top:5px;*/
}
.radio-holder p {
	color: var(--form-text);
	font-size:14px;
}
input[type=radio]:checked {
    /*background: url("../images/radio.png") no-repeat center center;*/
    -webkit-background-size: 21px 21px; /* shrink high resolution background */
}
input[type=checkbox]:checked {
   /*background: url("../images/check.png") no-repeat center center;*/
   -webkit-background-size: 21px 21px; /* shrink high resolution background */
}
.main_color input[type='submit'] {
	border-color: #53565A;
	background-color: #53565A !important;
	color: #fff !important;
	padding: 12px 22px;
}
hr.sep {margin:10px 10px}
p.regBu, p.confirm-interest {padding-top:10px}
.regBu a {font-size:14px;font-family:Gotham;}

/* for custom checkbox title */

.chkTitle {
	font-weight: bold;
	font-size: 12px;
}

#spark select[multiple],
#spark .avia_ajax_form .select[multiple] {
	height: auto;
	min-height: 160px;
}

h3.thankyou-title, h5.thankyou-message {
	display:none;
}
h5.thankyou-message, h3.thankyou-title {
	font-weight:400;
}
h5.thankyou-message {padding:0}
h3.thankyou-title {padding-bottom:0;font-family:'Academy Engraved';font-size:3rem;}