@font-face {
  font-family: 'Gotham Book';
  src: url("../fonts/gothambook/HomepageBaukasten-Book.woff2") format("woff2"),
       url("../fonts/gothambook/HomepageBaukasten-Book.woff") format("woff"),
       url('../fonts/gothambook/HomepageBaukasten-Book.ttf')  format('truetype'),
       url('../fonts/gothambook/HomepageBaukasten-Book.eot')  format('embedded-opentype'); 
}
@font-face {
	font-family: 'Gotham Bold';
	src: url("../fonts/gothambook/HomepageBaukasten-Bold.woff2") format("woff2"),
	   url("../fonts/gothambook/HomepageBaukasten-Bold.woff") format("woff"),
	   url('../fonts/gothambook/HomepageBaukasten-Bold.ttf')  format('truetype'),
	   url('../fonts/gothambook/HomepageBaukasten-Bold.eot')  format('embedded-opentype');
	font-weight: 700;
}
@font-face {
    font-family: 'gothammedium';
    src: url('../fonts/gothambook/gothammedium_1-webfont.woff2') format('woff2'),
         url('../fonts/gothambook/gothammedium_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothambold';
    src: url('../fonts/gothambook/gotham_bold-webfont.woff2') format('woff2'),
         url('../fonts/gothambook/gotham_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --tt-main-bg-color: #fff7ed;
    --tt-main-color: #b12c0d;
}
body.tt-transition .ptr-overlay { background-color: #fff7ed; }
.ph-image-cover-3 .ph-image-inner::before { opacity: 0; }

/*loading*/

.donut {
  width: 2rem;
  height: 2rem;
  margin: 3rem;
  border-radius: 50%;
  border: 0.3rem solid rgba(0, 0, 0, 0.3);
  border-top-color: #fff;
  animation: 1.5s spin infinite linear;
  margin: 0 auto;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*end loading*/

body { font-family: 'gothammedium', 'Montserrat', sans-serif; color: #655349; }
h2, h5 { font-family: 'gothambold', 'Montserrat', sans-serif; font-weight: normal; } 
.tt-heading-title, #tt-footer a { color: #655349; }
p { font-family: 'gothammedium', 'Montserrat', sans-serif; }
p a.no-underline { border:none; }
p a:hover, p a:focus { opacity: 1; }
p.big { font-size: 25px; }
p.medium { font-size: 23px; }
.tt-form-text, #tt-footer .tt-copyright, #tt-footer .tt-copyright a { color: #655349; }
.small, small { font-size: 100%; }

.thankyou { padding: 0 30px; }

.logo { width: 800px; margin-top: 40px; margin-bottom: 40px; }
.entry-logo { width: 750px; margin-top: 20px; margin-bottom: 60px; }
.button { width: auto; height: 20px;  }
.button {  pointer-events: initial; cursor: pointer;  }
.button{ width: 100%; background-color: #655349; color: #fff; padding: 10px 50px; border-radius: 20px; border: none; }
a.button:hover, a.button:focus { color: #fff; }

/*.age-video {
	height: 100vh;
	overflow: hidden;
}
.age-video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}*/
p.prizes {
    font-size: 35px;
    text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.3);
    font-family: 'gothambold', 'Montserrat', sans-serif;
}
p.age {
    font-size: 25px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    font-family: 'gothammedium', 'Montserrat', sans-serif;
    margin-bottom: 40px;
    font-style: italic;
}
.age-footer {
	position: absolute;
	bottom: 2%;
	left: 0%;
	z-index: 9;
	width: 100%;
}
.age-footer-inner {
	/*display: flex;
	align-items: center;*/
	/*height: 50px;*/
	text-decoration: none;
	/*transform: rotate(-90deg);
	transform-origin: center left;*/
	width: 1030px;
	margin: 0 auto;
	text-align: center;
}
.age-footer p, #tt-footer p { margin-bottom: 10px; }
.age-footer p, #tt-footer, #tt-footer a { font-size: 12px; }

.message p { font-size: 17px; }

.thanks-footer { 
	position: absolute;
	bottom: 2%;
	left: 0%;
	z-index: 9;
	width: 100%;
}
.thanks-footer-inner {
	/*display: flex;
	align-items: center;*/
	/*height: 50px;*/
	text-decoration: none;
	/*transform: rotate(-90deg);
	transform-origin: center left;*/
	padding: 0 40px;
	margin: 0 auto;
	text-align: center;
}
.thanks-footer p { font-size: 12px; }

.entry-banner { display: flex; height: 80vh; }
.column {
	flex: 1;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.column-inner {
	text-align: center;
	/*padding: 30px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);*/
}
.column-left .column-inner { padding: 0 80px; }
.column-right .column-inner { padding: 120px; }

body:not(.tt-boxed) .tt-footer-inner, .tt-footer-inner:not(.tt-wrap) {
    padding-left: 0%;
    padding-right: 0%;
}

.home-wine-left { position: absolute; left: 10%; top: 10%; width: auto; height: 80%; }
.home-wine-right { position: absolute; right: 10%; top: 10%; width: auto; height: 80%; }

#wine-left { width: 500px; height: auto; position: absolute; left: -650px; top: 160px; }
#wine-right { width: 500px; height: auto; position: absolute; right: -600px; top: 260px; }

label { text-transform: uppercase; font-size: 16px; }
select option {
    background-color: #fff;
    color: #655349;
}
::-webkit-input-placeholder {
	color: #655349 !important;
	opacity: 0.5;
}
:-moz-placeholder {
	color: #655349 !important;
	opacity: 0.5;
}
::-moz-placeholder {
	color: #655349 !important;
	opacity: 0.5;
}
:-ms-input-placeholder {
	color: #655349 !important;
	opacity: 0.5;
}
.tt-form-filled .tt-form-control { background-color: #fff; color: #655349; }
.invalid-tooltip { display: none; }
label.error { color: red; position: absolute; bottom: -32px; font-size: 13px; background-color: #fff; padding: 1px 3px; border-radius: 20px; }
input.submitt { width: auto; height: 30px;  }
input.submit {  pointer-events: initial; cursor: pointer; font-size: 16px; }
input.submit { width: 50%; background-color: #655349; color: #fff; padding: 15px 0; border-radius: 20px; border: none; font-family: 'gothammedium', 'Montserrat', sans-serif; }
#agree-error { bottom: -35px; left: 40px; background-color: #fff; padding: 0 3px; border-radius: 20px; }
input.hidden { display: none; }
label.checkboxes { font-size: 16px; }
input[type="checkbox"] {
    /* Add if not using autoprefixer */
     -webkit-appearance: none;
    /* Remove most all native input styles */
     appearance: none;
    /* For iOS < 15 */
     background-color: #fff;
    /* Not removed via appearance */
     margin: 0;
     font: inherit;
     color: #655349;
     width: 1.15em;
     height: 1.15em;
     border: 0.15em solid #fff;
     border-radius: 0.15em;
     transform: translateY(-0.075em);
     display: grid;
     place-content: center;
}
input[type="checkbox"]::before {
     content: "";
     width: 0.65em;
     height: 0.65em;
     clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
     transform: scale(0);
     transform-origin: bottom left;
     transition: 120ms transform ease-in-out;
     box-shadow: inset 1em 1em #655349;
    /* Windows High Contrast Mode */
     background-color: CanvasText;
}
input[type="checkbox"]:checked::before {
     transform: scale(1);
}
input[type="checkbox"]:disabled {
     --form-control-color: var(--form-control-disabled);
     color: var(--form-control-disabled);
     cursor: not-allowed;
}

/*#page-header.ph-full { align-items: center; }*/
/*#page-header.ph-full .page-header-inner {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
}*/

.captcha-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.captcha-image {
    border: 1px solid #fff;
    border-radius: 4px;
}

.captcha-input {
    width: 140px !important;
    height: 40px;
    text-transform: uppercase;
    color: #303030;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    font-size: 15px;
    padding: 5px 15px;
    border-radius: 4px;
}
.captcha-input:focus {outline: 0; }

.refresh-captcha {
    background: #655349;
    color: white;
    border: none;
    padding: 5px 15px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 17px;
}


@media (max-width: 2000px) {
	.logo { width: 600px;  }
	.entry-logo { width: 550px; margin-top: 0; }
	.column-right .column-inner { padding: 80px; }
	h2 { font-size: 30px; }
	p.prizes { font-size: 30px; }
	p.age { font-size: 20px; }
	.button { font-size: 17px; }
	/*.home-left h2 { font-size: 35px; }
	.home-left.thankyou-page { align-items: initial; padding-top: 100px; }*/
	.age-footer p, #tt-footer, #tt-footer a { font-size: 12px; }

	.home-wine-left { left: 5%; }
	.home-wine-right { right: 5%; }

	#wine-left { width: 450px; height: auto; position: absolute; left: -550px; top: 160px; }
	#wine-right { width: 450px; height: auto; position: absolute; right: -520px; top: 260px; }
}

@media (max-width: 1680px) {
	.logo { width: 550px; }
	.entry-logo { width: 550px; margin-top: 0; margin-bottom: 30px; }
	.column-right .column-inner { padding: 30px; }
	h2 { font-size: 27px; }

	#enter { padding: 50px 0; }
	p.prizes { font-size: 27px; }
	p.age { font-size: 19px; }
	p.big { font-size: 22px; }
	.button { font-size: 16px; }
	#page-header.ph-full .page-header-inner {
	    padding-top: 100px !important;
	    padding-bottom: 10% !important;
	}
	/*.home-left h2 { font-size: 30px; }
	.home-left.thankyou-page { align-items: initial; padding-top: 80px; }*/

	.home-wine-left { height: 72%; left: 3%; }
	.home-wine-right { height: 72%; right: 3%; }

	#wine-left { width: 400px; height: auto; position: absolute; left: -470px; top: 160px; }
	#wine-right { width: 400px; height: auto; position: absolute; right: -430px; top: 260px; }
}

@media (max-width: 1550px) {
	/*.home-left.thankyou-page { align-items: initial; padding-top: 50px; }
	.home-left.thankyou-page p.big { font-size: 23px; }*/

	.logo { width: 500px; margin-top: 20px; margin-bottom: 20px; }
	.entry-logo { width: 475px; margin-top: 0; margin-bottom: 30px; }
	.column-left .column-inner { padding: 0 50px; }

	.age-footer p, #tt-footer, #tt-footer a { font-size: 10px; }

	.home-wine-left { left: 3%; top: 5%; height: 68%; }
	.home-wine-right { right: 3%; top: 5%; height: 68%; }
	#wine-left { width: 330px; left: -350px; }
	#wine-right { width: 330px; right: -350px; }

	.age-footer p, #tt-footer, #tt-footer a { font-size: 11px; }
}

/*@media (min-width: 1500px) {
	footer.footer-fixed { display: none !important; }
}*/

/*@media (max-width: 1550px) {
	.logo { width: 450px; margin-top: 20px; margin-bottom: 20px; }
	.age-footer p, #tt-footer, #tt-footer a { font-size: 10px; }
}*/

@media (max-width: 1500px) {
	.logo { width: 400px; margin-top: 20px; margin-bottom: 20px; }
	.column-left .column-inner { padding: 0 20px; }
	.column-left h2 { margin-bottom: 0px; }
	p.big { font-size: 20px; }
}

@media (max-width: 1400px) {
	.logo { width: 375px; margin-top: 0; margin-bottom: 20px; }
	.entry-logo { width: 400px; }
	/*.column-left .column-inner { padding: 0 20px; }*/
	.column-left h2 { font-size: 24px; }

	p.prizes { font-size: 24px; }
	p.age { font-size: 15px; }
	.button { font-size: 15px; }
	#page-header.ph-full .page-header-inner {
	    padding-top: 40px !important;
	    padding-bottom: 10% !important;
	}
	body.tt-boxed .page-header-inner.tt-wrap {
	    padding-left: 5%;
	    padding-right: 5%;
	}
	.age-footer p, #tt-footer, #tt-footer a { font-size: 10px; }
	
	/*.mobile-show { display: inline-block !important; }
	.mobile-hide { display: none; }*/
	/*.home-left h2 { font-size: 25px; }
	.home-left .logo { margin-bottom: 50px; }*/
	#wine-left { width: 280px; left: -300px; }
	#wine-right { width: 300px; right: -300px; }
	/*.home-left.thankyou-page p.big { font-size: 23px; }
	.home-left p.medium { font-size: 20px; }*/
}

@media (min-width: 1025px) {
	#page-header.ph-full { align-items:initial; }
    #page-header.ph-full .page-header-inner {
        padding-top: 3% !important;
        padding-bottom: 10% !important;
    }
    /*footer.footer-fixed { display: none !important; }*/
}

@media (max-width: 1100px) {
	.entry-logo { width: 360px; }
	.column-left .column-inner { padding: 0; }
	.column-right .column-inner { padding: 10px; }
	.column-left h2 { font-size: 22px; }

	#enter { padding: 40px 0; }

	.thankyou { padding: 0 60px; }
	p.big { font-size: 18px; }

    #tt-footer { padding: 30px 0; }
    #page-header.ph-full { min-height: 100vh; }
    .tt-col-md-10 { max-width: 100% !important; }
    .age-footer p, #tt-footer, #tt-footer a { font-size: 10px; }
    /*.footer-col { display: flex; flex: 1; }
    .tt-footer-inner { flex-direction: row; }*/
    #wine-left, #wine-right { display: none; }
}

@media (max-width: 800px) {
	.logo { width: 80%; }
	.entry-banner { flex-direction: column; height: auto; }
	.column { width: 100%;  }
	.column-left a { display: none; }
	.column-right { display: none !important; }

	/*.home-left h2 { font-size: 23px; }
	.home-left .button { padding: 10px 30px; font-size: 16px; }*/

	.mobile-show { display: inline-block !important; }
	.mobile-hide { display: none !important; }

	p.prizes { font-size: 23px; line-height: 1.4; }
	p.age { font-size: 17px; }

	#page-header.ph-full { min-height: 100vh; }
	label { font-size: 15px; }
	.thankyou { padding: 0; }
}

@media (max-width: 540px) {
    body:not(.ph-center-on).ph-image-on #page-header .page-header-inner {
        padding-top: 40px;
        padding-bottom: 40vw;
    }

}