@import url("https://use.typekit.net/wyb7icz.css");

#yalea{ background-color: #e03e52; }

#yalea .coming-soon-big{ margin-bottom: 7vh}

#yalea .logo-container{ min-height: 40vh; }
#yalea .coming-soon-big h2{ font-family: "semplicitapro",sans-serif; font-size: 72px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; letter-spacing: 0.5px}

#yalea #mc_embed_signup input{ border-radius: 0px }

#yalea #mc_embed_signup input[type="email"]{
	font-family: "semplicitapro",sans-serif;
	font-size: 13px;
	background-color: transparent;
	border: 1px solid #E0C4AF;
	width: 100%;
	padding: 20px 20px;
	color: #E0C4AF;
}

#yalea #mc_embed_signup input[type="submit"], #yalea input[type="button"]{
	font-family: "semplicitapro",sans-serif;
	font-size: 13px;
	padding: 20px 50px;
	font-weight: 600;
	letter-spacing: 2px;
	background-color: #E0C4AF;
	border: 1px solid #E0C4AF;
	color: #e03e52;
	text-transform: uppercase;
	width: 100%;
	max-width: 1046px;
}

#yalea input[type="button"]{
	background-color: #e03e52;
	border: 1px solid #E0C4AF;
	color: #E0C4AF;	
}

#yalea #mc_embed_signup .select-wrapper {
  position: relative;
}

#yalea #mc_embed_signup .select-wrapper::after {
  content: url('../images/dropdown.png');
  font-size: 1rem;
  top: 25px;
    right: 20px;
  position: absolute;
}

#yalea #mc_embed_signup select{
	-webkit-appearance: none;
	appearance: none;
	font-family: "semplicitapro",sans-serif;
	border: 1px solid #E0C4AF;
	background-color: transparent;
	color: #E0C4AF;
	padding: 19px 20px;
	font-size: 13px;
	width: 100%;
}

#yalea #mc_embed_signup{ max-width: 1046px; margin: 0 auto; }
#yalea #mc_embed_signup input[type="email"]::placeholder{ color: #E0C4AF; opacity: 1; }

#yalea #mc_embed_signup .terms-and-conditions{ font-family: "semplicitapro",sans-serif; font-size: 10px; color: #E0C4AF; }
#yalea #mc_embed_signup .terms-and-conditions input{ margin-top: 12px !important; vertical-align: middle; color: #E0C4AF; }
#yalea #mc_embed_signup .terms-and-conditions label{ margin-left: 10px; margin-top: 10px !important; vertical-align: middle; color: #E0C4AF; }

@media all and (max-width: 768px) {
	#yalea .logo-container{ min-height: 30vh; max-height: 30vh; text-align: center }
	#yalea .logo-container img{ width: 50%; margin: 0 auto;}
	#yalea .coming-soon-big{ text-align: center }	
	#yalea .coming-soon-big img{ width: 80%; margin: 0 auto; }
	#yalea .nice-to-see-you{ font-family: "semplicitapro",sans-serif; font-size: 12px; text-transform: uppercase; color: #E0C4AF;}
    #yalea .col {flex-basis: auto;}
    #yalea #mc_embed_signup input[type="submit"], #yalea input[type="button"] {font-size: 1.3vw;}
    #yalea #mc_embed_signup input[type="email"] {margin-bottom: 15px;}
}

@media all and (max-width: 420px) {
    #yalea #mc_embed_signup input[type="submit"], #yalea input[type="button"] {font-size: 8px; letter-spacing: 0;}
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.95em;
	cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 1.25em; height: 1.25em;
	border: 1px solid #E0C4AF;
	background: transparent;
	border-radius: 0px;
	box-shadow: none;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: '\2713\0020';
	position: absolute;
	top: .15em; left: .15em;
	font-size: 1.3em;
	line-height: 0.8;
	color: #E0C4AF;
	transition: all .2s;
	font-family: "semplicitapro",sans-serif;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #E0C4AF;
	background-color: transparent;
}
[type="checkbox"]:disabled:checked + label:after {
	color: #E0C4AF;
}
[type="checkbox"]:disabled + label {
	color: #E0C4AF;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
	border: 1px solid #E0C4AF;
}

/* hover style just for information */
label:hover:before {
	border: 1px solid #E0C4AF!important;
}