/*
* Theme Name: konkurstaotao
* Text Domain: konkurstaotao
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


:root {
	/*
	https://utopia.fyi/space/calculator?c=320,16,1.2,1920,24,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|5|6,2xl-4xl&g=s,l,xl,12
	*/
	--step--2: clamp(0.6944rem, 0.6413rem + 0.2656vw, 0.96rem);
	--step--1: clamp(0.8333rem, 0.76rem + 0.3667vw, 1.2rem);
	--step-0: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
	--step-1: clamp(1.2rem, 1.065rem + 0.675vw, 1.875rem);
	--step-2: clamp(1.44rem, 1.2593rem + 0.9038vw, 2.3438rem);
	--step-3: clamp(1.728rem, 1.4877rem + 1.2017vw, 2.9297rem);
	--step-4: clamp(2.0736rem, 1.7559rem + 1.5885vw, 3.6621rem);
	--step-5: clamp(2.4883rem, 2.0705rem + 2.0893vw, 4.5776rem);
	--step-6: clamp(2.986rem, 2.4388rem + 2.7361vw, 5.722rem);

	--space-3xs: clamp(0.25rem, 0.225rem + 0.125vw, 0.375rem);
	--space-2xs: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
	--space-xs: clamp(0.75rem, 0.675rem + 0.375vw, 1.125rem);
	--space-s: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
	--space-m: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);
	--space-l: clamp(2rem, 1.8rem + 1vw, 3rem);
	--space-xl: clamp(3rem, 2.7rem + 1.5vw, 4.5rem);
	--space-2xl: clamp(4rem, 3.6rem + 2vw, 6rem);
	--space-3xl: clamp(5rem, 4.5rem + 2.5vw, 7.5rem);
	--space-4xl: clamp(6rem, 5.4rem + 3vw, 9rem);
	
	--space-3xs-2xs: clamp(0.25rem, 0.15rem + 0.5vw, 0.75rem);
	--space-2xs-xs: clamp(0.5rem, 0.375rem + 0.625vw, 1.125rem);
	--space-xs-s: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
	--space-s-m: clamp(1rem, 0.75rem + 1.25vw, 2.25rem);
	--space-m-l: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
	--space-l-xl: clamp(2rem, 1.5rem + 2.5vw, 4.5rem);
	--space-xl-2xl: clamp(3rem, 2.4rem + 3vw, 6rem);
	--space-2xl-3xl: clamp(4rem, 3rem + 5vw, 9rem);

	--space-s-l: clamp(1rem, 0.6rem + 2vw, 3rem);
	--space-l-2xl: clamp(2rem, 1.2rem + 4vw, 6rem);
	--space-xl-3xl: clamp(3rem, 2.1rem + 4.5vw, 7.5rem);
	--space-2xl-4xl: clamp(4rem, 3rem + 5vw, 9rem);

	--space-0-4xl: clamp(0rem, -6rem + 12.5vw, 9rem);

	--main_margin: calc(var(--space-xl-2xl) + var(--space-0-4xl));
	
}


body:not(.wp-admin) {font-family: 'Montserrat', 'Roboto', system-ui; font-weight: 400; /* background-color: #ef2333; */}

main, header, footer {max-width: 1920px; margin-inline: auto; padding-inline: var(--main_border);}
main {display: grid;}

main h2 {margin-bottom: var(--space-xl-2xl); font-size: min(7.8125vw, 9.375rem); line-height: 1; font-weight: 800; text-align: center;}
main h2 {font-size: min(6.25vw, 7.5rem);}
main .prizes h2 {font-size: min(7.8125vw, 9.375rem);}
@media (max-width: 767.98px) {
main h2 {font-size: var(--step-5); line-height: 1.2;}
}


section {padding-inline: var(--main_margin);}
@media (max-width: 767.98px) {
section {padding-inline: var(--space-l-xl);}
}


.hero-container {position: relative; /* background-color: #ef2333; */}
.hero {
	position: relative;
	aspect-ratio: 1920 / 1080;
	/* border-radius: 0 0 var(--space-m-l) var(--space-m-l); */
	/* background: url('img/slider-1920x1080.webp') top center / 100% no-repeat; */
}
@media (max-width: 1199.98px) {
.hero-bg {/* background-color: #c6212e; */}
}
@media (max-width: 767.98px) {
.hero-bg {margin-bottom: calc(var(--space-l) * -1);}
.hero {position: relative; top: calc(var(--space-l) * -1); aspect-ratio: 800 / 1200; /* background: url('img/slider-800x1200.webp') top center / 100% no-repeat; */}
}
@media (max-width: 575.98px) {
.hero {aspect-ratio: 600 / 1200; /* background: url('img/slider-600x1200.webp') top center / 100% no-repeat; */}
}



.logo {
	position: absolute;
	z-index: 2;
	left: var(--space-xl-2xl);
	padding: var(--space-s-l);
	/* border-radius: 0 0 var(--space-m) var(--space-m); */
	/* background-color: #ef2333; */
	box-shadow: 0px 0px var(--space-l) 0px rgba(0, 0, 0, 0.2);
}
.logo img {width: clamp(115px, -20px + 11.25vw, 196px)/* 1200-1920 clamp(140px, 128.8px + 3.5vw, 196px) */; height: auto;}
@media (min-width: 768px) {
.logo {animation-delay: 0.2s;}
.logo-small {top: var(--space-l);}
}
@media (max-width: 767.98px) {
.logo {animation: unset !important; opacity: 1 !important; position: relative; left: 0; width: 100%; padding: var(--space-l); /* border-radius: 0 0 var(--space-l) var(--space-l); */ text-align: center;}
.logo img {width: 140px;}
}



.header {position: absolute; z-index: 3; top: var(--space-l-2xl); right: var(--space-xl-2xl);}

.navbar {position: absolute; z-index: 500; top: calc(var(--space-l-2xl) * -1); right: calc(var(--space-xl-2xl) * -1); padding: 0;}


.navbar-collapse {padding: 0 var(--space-xl-2xl); /* border-radius: 0 0 var(--space-l) var(--space-l); */ /* background-color: #ef2333; */ box-shadow: 0px 0px var(--space-l) 0px rgba(0, 0, 0, 0.2);}
@media (max-width: 767.98px) {
.navbar-collapse {width: 100vw; padding: 0 var(--space-l-xl);}
}


.navbar-logo {padding-top: var(--space-l); text-align: center;}
.navbar-logo img {width: clamp(140px, 128.8px + 3.5vw, 196px); height: auto; /* animation-delay: 1s; */}
@media (max-width: 767.98px) {
.navbar-logo img {width: 140px;}
}


.navbar-collapse .navbar-nav {
	gap: var(--space-l);
	padding-block: calc(var(--space-2xl-4xl) + var(--space-xl-2xl)) var(--space-2xl-4xl);
}
.navbar-collapse .navbar-nav .nav-link {padding: 0; font-size: var(--step-1); line-height: 1; font-weight: 700; text-transform: uppercase; /* color: #ebd380; */}
.navbar-collapse .navbar-nav .nav-link:is(:hover, :active, :focus) {/* color: #fff; */}
@media (max-width: 767.98px) {
.navbar-collapse .navbar-nav {gap: calc(var(--space-l) + 4px);align-items: center; padding-block: var(--space-2xl);}
.navbar-collapse .navbar-nav .nav-link {font-size: var(--step-3);}
}
@media (max-width: 440.98px) {
.navbar-collapse .navbar-nav {align-items: start;}
}


.navbar-toggler {position: absolute; z-index: 1000; top: var(--space-l-2xl); right: calc(var(--space-xl-2xl) - 6px); display: flex; flex-direction: column; gap: 8px; padding: 6px; border: 0;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler:focus-visible {outline: 2px solid #fff;}
.navbar-toggler .icon-bar {display: block; width: 37px; height: 4px; border-radius: 0px; /* background-color: #ebd380; */ transition: all 0.2s;}
.navbar-toggler .icon-bar:nth-child(1) {transform: rotate(-45deg); transform-origin: 100% -50%;}
.navbar-toggler .icon-bar:nth-child(2) {opacity: 0;}
.navbar-toggler .icon-bar:nth-child(3) {transform: rotate(45deg); transform-origin: 100% 150%;}
.navbar-toggler.collapsed .icon-bar {width: 36px; /* background-color: #fff; */}
.navbar-toggler.collapsed .icon-bar:nth-child(1) {transform: rotate(0);}
.navbar-toggler.collapsed .icon-bar:nth-child(2) {opacity: 1;}
.navbar-toggler.collapsed .icon-bar:nth-child(3) {transform: rotate(0);}
@media (max-width: 767.98px) {
.navbar-toggler {top: calc(var(--space-l) - 6px); right: calc(var(--space-l) - 6px);}
.navbar-toggler-logo-small {top: calc(var(--space-l) - 2px)}
}


.timer {font-size: var(--step-0); /* color: #fff; */}
.timer strong {font-size: var(--step-1); font-weight: 800;}
@media (min-width: 1200px) {
.timer {animation-delay: 0.4s;}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.timer {font-size: var(--step-1);}
.timer strong {font-size: var(--step-2);}
}
@media (max-width: 1199.98px) {
.timer-container {height: var(--space-2xl); /* border-radius: 0 0 var(--space-m-l) var(--space-m-l); */ /* background-color: #c6212e; */}
.timer {/* color: #eacf7e; */}
}



.social-media {gap: var(--space-m-l); margin: 0 min(18vw, 345px) 0 min(12vw, 230px); padding: 0; list-style: none; /* color: #fff; */}
.social-media a {/* color: #fff; */ transition: all 0.3s;}
.social-media a:is(:hover, :active, :focus) {color: #ef2333;}
.social-media a svg {width: 2rem;}
.social-media li:first-child {animation-delay: 0.6s;}
.social-media li:nth-child(2) {animation-delay: 0.7s;}
.social-media li:nth-child(3) {animation-delay: 0.8s;}
.social-media li:nth-child(4) {animation-delay: 0.9s;}
@media (max-width: 1599.98px) {
.social-media {margin: 0 12vw 0 8vw;}
}
@media (max-width: 1199.98px) {
.social-media {justify-content: space-between; max-width: 320px; margin: 0 auto var(--space-2xl) auto;}
.social-media a {color: #ebd380;}
.social-media a:is(:hover, :active, :focus) {color: #fff;}
}



/* prizes */

.prizes-bg {/* background-color: #bb9d4a; */}

.prizes {padding-block: var(--space-xl-2xl) var(--space-2xl-4xl); /* border-radius: 0 0 var(--space-m-l) var(--space-m-l); */ /* background-color: #ef2333; */ background-size: 100%; background-repeat: repeat-y; background-position: top center;}
@media (max-width: 991.98px) {
.prizes {background-size: 200%;}
}

.prizes h2 {/* color: #fff; */}
.prizes h3 {margin-bottom: var(--space-s-m); font-size: var(--step-3); text-transform: uppercase; font-weight: 700; /* color: #ebd380; */}
.prizes h3 span {/* white-space: nowrap; */}
.main-prize h3 {margin-bottom: var(--space-l-2xl);}

.prizes-grid {display: grid; gap: var(--space-m-l); margin-inline: calc(var(--space-0-4xl) * -1);}

.prize {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-m-l);}

.prizes-grid .prize:nth-child(even) .prize-desc {order: 2;}
.prizes-grid .prize:nth-child(odd) .prize-desc {order: 1;}

.main-prize .prize-img {margin-bottom: var(--space-l-2xl); padding-inline: var(--space-0-4xl);}

.prize-name {font-size: var(--step-5); line-height: 1.2; font-weight: 900; /* color: #fff; */}

@media (min-width: 768px) {
.main-prize .prize-name {margin-bottom: var(--space-xl-2xl); font-size: var(--step-6);}
}
@media (min-width: 992px) {
.prizes-grid > div:nth-child(odd) .prize-desc {text-align: right;}
.prizes-grid .prize:nth-child(even) .prize-img {order: 1;}
.prize > div {display: flex; flex-direction: column; justify-content: center;}
.main-prize .prize-img img {max-height: min(50vw, 60rem);}
}
@media (max-width: 1199.98px) {
.prizes h3 {font-size: var(--step-2);}
.prize-name {font-size: var(--step-4);}
}
@media (max-width: 991.98px) {
.prizes h3 {margin-bottom: 0;}
.main-prize h3 {margin-bottom: var(--space-l-2xl);}
.prizes-grid {gap: var(--space-xl);}
.prize {grid-template-columns: 1fr; gap: var(--space-l); max-width: 36rem; margin: 0 auto; text-align: center;}
.main-prize {text-align: center;}
.main-prize .prize-img {max-width: 36rem;}
.prize-desc {display: contents;}
.prizes-grid .prize .prize-img {order: 2;}
}
@media (max-width: 767.98px) {

.prize {max-width: 30rem;}
.main-prize .prize-name {font-size: var(--step-4);}
}


/* rules */

.rules-bg {position: relative; isolation: isolate; /* background-image: linear-gradient(to bottom, #ef2333 50%, #d3b155 50%); */}

.rules {
	--rules_number_width: calc(var(--space-3xl) /* var(--space-4xl) */ + var(--space-s));
	padding-block: var(--space-xl-2xl) var(--space-2xl-4xl);
	/* border-radius: 0 0 var(--space-m-l) var(--space-m-l); */
	/* background-color: #bb9d4a; */
	/* background-image: url('img/bg-noodles-1.svg'); */
	background-size: 100%; background-repeat: repeat-y; background-position: top center;
}
@media (max-width: 991.98px) {
.rules {background-size: 200%;}
}

.rules h2 {/* color: #3f090e; */}

.rules-grid {
	--rules_grid_col_width: calc(var(--rules_number_width) + var(--space-l));
	display: grid;
	grid-template-columns: var(--rules_grid_col_width) auto var(--rules_grid_col_width);
	row-gap: var(--space-m-l);
}

.rule {display: grid; grid-template-columns: var(--rules_grid_col_width) auto;}

.rule-number {display: flex; align-items: center; justify-content: center; width: var(--rules_number_width); aspect-ratio: 1; font-size: var(--step-5) /* var(--step-6) */; line-height: 1; font-weight: 900; /* color: #c6212e; */ border-radius: 50%; /* background-color: #3f090e; */}

.rule-desc {display: flex; align-items: center; font-size: var(--step-1) /* var(--step-2) */; line-height: 1.3; font-weight: 500; /* color: #3f090e; */}
/* .rule-desc a {text-decoration: none; color: #c6212e; transition: all 0.3s;}
.rule-desc a:is(:hover, :active, :focus) {color: #fff;} */

@media (min-width: 768px) {
.rule:nth-child(odd) {grid-column: 1 / 3;}
.rule:nth-child(even) {grid-column: 2 / 4;}
}
@media (max-width: 1199.98px) {
.rules-grid {grid-template-columns: var(--rules_grid_col_width) auto calc(var(--rules_grid_col_width) / 2);}
}
@media (max-width: 767.98px) {
.rules {--rules_number_width: var(--space-4xl);}
.rules-grid {grid-template-columns: 1fr; row-gap: var(--space-xl)}
.rule {grid-template-columns: 1fr; gap: var(--space-l); text-align: center;}
.rule-number {place-self: center; font-size: var(--step-6);}
.rule-desc {font-size: var(--step-2);}
}


/* form */

.form-bg {/* background-color: #e4c265; */}

.form {padding-block: var(--space-xl-2xl) var(--space-2xl-4xl); /* background-color: #d3b155; *//*  border-radius: 0 0 var(--space-m-l) var(--space-m-l); */ background-size: 100%; background-repeat: repeat-y; background-position: top center;}
@media (max-width: 991.98px) {
.form {background-size: 200%;}
}

.form h2 {margin-bottom: var(--space-m); /* color: #3f090e; */}
.form .form-subtitle {margin-bottom: var(--space-xl-2xl); font-size: var(--step-0)/* var(--step-1) */; line-height: 1; text-align: center; font-weight: 700; /* color: #92131c; */}

.form .form-info {margin-bottom: 0; font-size: var(--step-1); line-height: 1; text-align: center; font-weight: 700;}

.form .row {margin: 0 calc(var(--space-s) * -1);}

.form .row > * {padding-inline: var(--space-s);}

/* .form .wpcf7-list-item {margin: 0;}
.form .wpcf7-form-control-wrap {display: inline-block; width: 100%; margin-bottom: var(--space-m);}
.form .wpcf7-form-control-wrap:has(.wpcf7-acceptance) {margin-bottom: 0;}
.form .wpcf7-not-valid-tip {display: inline-block; margin: var(--space-2xs) var(--space-2xs) 0 0; font-weight: 600; color: #ef2333 !important;}
.form .wpcf7 form .wpcf7-response-output {margin: 0; padding: 0; font-size: var(--step-1); line-height: 1.25; font-weight: 700; border: 0 !important; color: #ef2333 !important;} */

/* 
.form label:not(.label-checkbox) {display: block; margin-bottom: var(--space-2xs); font-size: var(--step-1); font-weight: 700; color: #92131c;}
.form input[type=text] {display: block; width: 100%; margin-bottom: var(--space-m); padding: 0 1.25em; font-size: var(--step-1); line-height: 2.75; font-weight: 800; border: none; border-radius: 2.75em; color: #ebd380; caret-color: #ebd380; background-color: #3f090e;}
.form input[type=text]:focus, .contact input[type=text]:active {outline: 2px solid #92131c;}
.form input[type=text]::placeholder {opacity: 0.5; color: #ebd380;}
.form input[type=text]::-moz-placeholder {opacity: 0.5; color: #ebd380;}
 */
.form label {display: block; margin-bottom: var(--space-2xs); font-size: var(--step-1); font-weight: 700; color: /* #92131c */;}
.form input[type=text], .form input[type=email], .form input[type=tel] {display: block; width: 100%; margin-bottom: var(--space-2xs); padding: 0 1.25em; font-size: var(--step-1); line-height: 2.75; font-weight: 800 !important; border: none !important; border-radius: 2.75em; /* color: #ebd380; caret-color: #ebd380; background-color: #3f090e; */}
.form textarea {display: block; width: 100%; height: 5.5em !important; margin-bottom: var(--space-2xs); padding: 0.5em 1.25em; font-size: var(--step-1); line-height: 1.5 !important; font-weight: 800 !important; border: none !important; border-radius: var(--space-m-l); /* color: #ebd380; caret-color: #ebd380; background-color: #3f090e; */}
.form input[type=text].wpforms-masked-input {letter-spacing: 0.5em;}
.form input[type=text]:focus, .form input[type=text]:active, .form input[type=email]:focus, .form input[type=email]:active, .form input[type=tel]:focus, .form input[type=tel]:active, .form textarea:focus, .form textarea:active {/* outline: 2px solid #92131c; */}
.form input[type=text]::placeholder, .form input[type=email]::placeholder, .form input[type=tel]::placeholder, .form textarea::placeholder {opacity: 0.5; /* color: #ebd380; */}
.form input[type=text]::-moz-placeholder, .form input[type=email]::-moz-placeholder, .form input[type=tel]::-moz-placeholder, .form textarea::-moz-placeholder {opacity: 0.5; color: #ebd380;}

.form .wpforms-field-checkbox {margin-bottom: var(--space-s-m);}
.form .wpforms-field-checkbox ul {list-style: none; padding: 0;}
.form .wpforms-field-checkbox label {--checkbox_size: calc(var(--space-s) * 1.25); position: relative; display: inline-block; margin: 0; padding-left: var(--space-l); font-size: var(--step--1); line-height: 1.2; font-weight: 500; /* color: #3f090e; */}
/* 
.form .wpforms-layout-column-100 .wpforms-field-checkbox label {margin-bottom: var(--space-s-m);}
 */
.form input[type=checkbox] {position: relative; cursor: pointer; visibility: hidden; opacity: 0; width: 0 !important; height: 0 !important; margin: 0 !important;}
.form input[type=checkbox] + label:before {content: ""; display: block; position: absolute; left: 0px; top: -0.2em /* 0 */; content: ''; height: var(--checkbox_size); width: var(--checkbox_size); /* background-color: #3f090e; */ border: none; border-radius: calc(var(--checkbox_size) / 4);}
.form input[type=checkbox] + label:after {content: ""; display: block; position: absolute; left: calc(var(--checkbox_size) * 0.27); top: calc(var(--checkbox_size) * 0.1 - 0.2em); visibility: hidden; width: calc(var(--checkbox_size) * 0.42); height: calc(var(--checkbox_size) * 0.65); /* border: solid #ebd380; */ /* border-width: 0 calc(var(--checkbox_size) * 0.2) calc(var(--checkbox_size) * 0.2) 0; */ background-color: transparent; transform: rotate(45deg);}
.form input[type=checkbox]:checked + label:after {visibility: visible;}
.form .wpforms-field-checkbox label a {cursor: pointer; /* color: #92131c; */ text-decoration: underline; text-underline-offset: 0.125em; text-decoration-thickness: 1px;}
.form .wpforms-field-checkbox label a:is(:hover, :active, :focus) {/* color: #ef2333; */}

.form button.select-all-btn {
	display: inline-block; padding: 0; vertical-align: middle; cursor: pointer;
	padding: 0.25em 1em;
	font-size: var(--step-0); text-align: center; font-weight: 600;
	-webkit-user-select: none; -moz-user-select: none; user-select: none;
	border: none; border-radius: 10rem; transition: all 0.3s;
}

.wpforms-field.custom-file {margin-block: var(--space-s);}
.wpforms-field.custom-file label {position: relative; cursor: pointer; display: inline-block; margin-right: clamp(0.5rem, 1vw, 1.25rem); padding-right: calc(var(--space-l) * 1.2 + clamp(0.5rem, 1vw, 1.25rem));}
.wpforms-field.custom-file label:after {
	content: ''; position: absolute; right: 0; top: calc(var(--space-l) * -0.1);
	width: calc(var(--space-l) * 1.2); height: calc(var(--space-l) * 1.2);
	/* background-image: url('img/add-photo.svg'); */
	/* background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='23.844px' height='22.5px' viewBox='8.656 0.25 23.844 22.5' enable-background='new 8.656 0.25 23.844 22.5' xml:space='preserve'%3E%3Cpolygon fill='%233f090e' points='28.5,13 28.5,9 26.5,9 26.5,13 22.5,13 22.5,15 26.5,15 26.5,19 28.5,19 28.5,15 32.5,15 32.5,13 '/%3E%3Cpolygon fill='%233f090e' points='10.656,0.25 9.719,0.25 8.656,0.25 8.656,22.75 9.719,22.75 10.656,22.75 28.406,22.75 28.406,20.75 10.656,20.75 10.656,10.564 13.547,13.455 19.447,7.554 23.116,11.223 24.53,9.809 19.447,4.726 13.547,10.626 10.656,7.736 10.656,2.25 26.406,2.25 26.406,7 28.406,7 28.406,2.25 28.406,0.563 28.406,0.25 '/%3E%3C/svg%3E"); */
	background-repeat: no-repeat; background-size: 100%;
}
.wpforms-field.custom-file.paragon label:after {/* background-image: url('img/add-receipt.svg'); */}
.wpforms-field.custom-file > input {position: absolute; z-index: -1; width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden;}
.wpforms-field.custom-file .formFileChosen {font-size: var(--step-1); font-weight: 700;/*  color: #3f090e; */ transition: color 0.3s;}
.wpforms-field.custom-file label:hover .formFileChosen {/* color: #92131c; */}


.form button.wpforms-submit {width: 100%; padding: 0; font-size: var(--step-1); line-height: 2.75; font-weight: 900; text-transform: uppercase; text-align: center; /* background-color: #92131c; border: 2px solid #92131c; */ border-radius: 2.75em; /* color: #ebd380; */ box-shadow: none;}
.form button.wpforms-submit:active {color: #c6212e; border: 2px solid #3f090e; background-color: #3f090e;}

.form p {margin-bottom: var(--space-m-l); font-size: var(--step--1); line-height: 1.2; font-weight: 500; color: #3f090e;}
.form p a {color: #92131c; text-underline-offset: 0.125em; text-decoration-thickness: 1px;}
.form p a:is(:hover, :active, :focus) {color: #ef2333;}

.grecaptcha-badge {display: none !important;}

.wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field {margin-bottom: var(--space-m); padding: 0 !important;}
.wpforms-container .wpforms-field.wpforms-field-content {margin-bottom: 0;}
.wpforms-container .wpforms-field.wpforms-field-layout:has(+ .wpforms-field:not(.wpforms-field-layout)) {margin-bottom: 0;}

.wpforms-container .wpforms-required-label,
.wp-core-ui div.wpforms-container .wpforms-required-label {display: none;}

.wp-forms-container legend {margin-bottom: 0;}

.wpforms-container .wpforms-form em.wpforms-error,
.wpforms-container .wpforms-form .wpforms-field-sublabel,
.wpforms-error-container p {margin-top: var(--space-2xs); font-size: var(--step-1); line-height: 1.2; font-weight: 600; /* color: #ff0000; */}

.wpforms-confirmation-container p {font-size: var(--step-1); line-height: 1.2; font-weight: 600; text-align: center; /* color: #92131c; */}

.wpforms-container .wpforms-field-limit-text,
.wp-core-ui div.wpforms-container .wpforms-field-limit-text {margin-top: var(--space-xs) !important; font-size: var(--step--2) !important; font-weight: 500;}

.wpforms-container .wpforms-form .wpforms-field-file-upload.custom-file .wpforms-error {display: inline-block; margin-right: clamp(0.5rem, 1vw, 1.25rem);}

.wpforms-container .wpforms-form .wpforms-recaptcha-container .wpforms-error {margin: 0 0 var(--space-xs) 0;}

.wpforms-container .wpforms-field input.wpforms-error,
.wpforms-container .wpforms-field input.user-invalid,
.wpforms-container .wpforms-field textarea.wpforms-error,
.wpforms-container .wpforms-field textarea.user-invalid,
.wpforms-container .wpforms-field select.wpforms-error,
.wpforms-container .wpforms-field select.user-invalid {border: none !important;}

.wpforms-submit-container {text-align: center;}
.wpforms-submit-spinner {width: var(--space-l); height: var(--space-l); margin: var(--space-m) 0 0 0 !important;}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row,
div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-row {margin-right: calc(var(--space-s) * -1) !important; margin-left: calc(var(--space-s) * -1) !important;}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column,
div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column {padding: 0 var(--space-s) !important;}

@media (max-width: 767.98px) {
.form h2 {margin-bottom: var(--space-s);}
.form .form-subtitle {font-size: var(--step-0);}

.form label {font-size: var(--step-0); line-height: 1;}
.form input[type=text], .form input[type=email], .form input[type=tel] {margin-block: var(--space-s) 0; font-size: var(--step-0); line-height: 2.5; border-radius: 2.5em;}

.form textarea {height: 7em !important; font-size: var(--step-0); border-radius: var(--space-s);}

.wpforms-field.custom-file label:after {top: calc(var(--space-l) * -0.3);}

.wpforms-field.custom-file .formFileChosen {font-size: var(--step-0);}

.form button.wpforms-submit {font-size: var(--step-0); line-height: 2.25;}

.wpforms-container .wpforms-form em.wpforms-error,
.wpforms-container .wpforms-form .wpforms-field-sublabel {font-size: var(--step-0);}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row,
div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-row {flex-direction: column; margin-left: 0 !important; margin-right: 0 !important;}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column,
div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column {width: 100% !important; padding: 0 !important;}

div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) {overflow: visible !important;}



}



/* regulations */

.regs-bg {/* background-color: #272020; */}

.regs {padding-block: var(--space-xl-2xl) var(--space-2xl-4xl); /* background-color: #e4c265; */ /* border-radius: 0 0 var(--space-m-l) var(--space-m-l); */ background-size: 100%; background-repeat: repeat-y; background-position: top center;}
@media (max-width: 991.98px) {
.regs {background-size: 200%;}
}

.regs h2 {/* color: #3f090e; */}
.regs h3 {margin-bottom: var(--space-m-l); font-size: var(--step-3) /* var(--step-4) */; line-height: 1.25; font-weight: 900; /* color: #92131c; */}

.regs h3 + a {display: inline-block; margin-inline: auto; padding: 0 4em; font-size: var(--step-0)/* var(--step-1) */; line-height: 2.75; font-weight: 900; text-transform: uppercase; text-align: center; text-decoration: none; /* background-color: #3f090e; border: 2px solid #3f090e; */ border-radius: 2.75em; /* color: #c6212e; */ box-shadow: none; transition: all 0.4s;}
.regs h3 + a:is(:hover, :active, :focus) {outline: 0; /* color: #ebd380; border: 2px solid #92131c; background-color: #92131c; */}


.regs p {margin-bottom: var(--space-m-l); font-size: var(--step-1)/* var(--step-2) */; line-height: 1.25; font-weight: 500; /* color: #3f090e; */}
.regs p:has(+ div > h3) {margin-bottom: var(--space-xl-3xl);}
.regs p strong {font-weight: 900;}

@media (max-width: 767.98px) {
.regs h3 {font-size: var(--step-3);}
.regs h3 + a {font-size: var(--step-0); line-height: 2.25;}
.regs p {font-size: var(--step-1);}
}

/* winners */

.winners-bg {/* position: relative; isolation: isolate; background-color: #ee0606; */}

/*.winners-inner-bg {position: absolute; z-index: -1; inset: 0; background-color: #272020; border-radius: 0 0 var(--space-m-l) var(--space-m-l);}
.winners-inner-bg svg {width: 100%; height: 100%; object-fit: cover;}
.winners-inner-bg svg path {fill: #401c1c;}*/

.winners {
	padding-block: var(--space-xl-2xl) var(--space-2xl-4xl);
	/* border-radius: 0 0 var(--space-m-l) var(--space-m-l); */
	/* background-color: #272020;
	background-image: url('img/bg-noodles-2.svg'); */
	background-size: 100%; background-repeat: repeat-y; background-position: top center;
}
@media (max-width: 991.98px) {
.winners {background-size: 200%;}
}

.winners h2 {/* color: #ef2333; */}

.winners h3 {margin-bottom: var(--space-s); font-size: var(--step-2)/* var(--step-3) */; line-height: 1.25; font-weight: 900; text-align: center; /* color: #ef2333; */}

.winners ul {margin-bottom: var(--space-xl-2xl); padding: 0; list-style: none; font-size: var(--step-1)/* var(--step-2) */; text-align: center; font-weight: 500; /* color: #c6212e; */}
.winners ul li {padding-block: 6px; line-height: 1.25;}
.winners ul li:last-child {padding-bottom: 0;}
.winners ul li strong {font-weight: 900;}
.winners ul li .winner {font-weight: 900; /* color: #fff; */}

.winners > :last-child {margin-bottom: 0;}

@media (max-width: 767.98px) {
.winners h3 {font-size: var(--step-3);}
.winners ul {font-size: var(--step-1);}
.winners ul li {padding-block: 12px;}
.winners ul li .winner {display: block;}
}

/* new sections */

.new-section-bg {/* background-color: #272020; */}

.new-section {padding-block: var(--space-xl-2xl) var(--space-2xl-4xl); /* background-color: #e4c265; */ /* border-radius: 0 0 var(--space-m-l) var(--space-m-l); */ background-size: 100%; background-repeat: repeat-y; background-position: top center;}
@media (max-width: 991.98px) {
.new-section {background-size: 200%;}
}

.new-section h2 {/* color: #3f090e; */}

.new-section h3 {margin-bottom: 0.5em; font-size: var(--step-5);}

.new-section p {margin-bottom: var(--space-m-l); font-size: var(--step-1) /* var(--step-2) */; line-height: 1.25; font-weight: 500; /* color: #3f090e; */}
.new-section p strong {font-weight: 900;}

.new-section ul {margin-bottom: var(--space-m-l); font-size: var(--step-1) /* var(--step-2) */; line-height: 1.25; font-weight: 500;}

.new-section img {max-width: 100%; height: auto; border: none !important;}
.new-section img.aligncenter {display: block; margin-inline: auto;}
.new-section img.alignleft {display: block; margin-right: auto;}
.new-section img.alignright {display: block; margin-left: auto;}

.new-section table {}
.new-section td {}

@media (max-width: 767.98px) {
.new-section p, .new-section ul {font-size: var(--step-2);}
.new-section tr {display: block;}
.new-section td, .new-section th {display: block; width: 100% !important;}
}


.new-section .gallery {display: grid; gap: var(--space-s); margin-bottom: var(--space-m-l) !important;}

.new-section .gallery-columns-2 {grid-template-columns: repeat(2, 1fr);}
.new-section .gallery-columns-3 {grid-template-columns: repeat(3, 1fr);}
.new-section .gallery-columns-4, .new-section .gallery-columns-5, .new-section .gallery-columns-6, .new-section .gallery-columns-7, .new-section .gallery-columns-8, .new-section .gallery-columns-9 {grid-template-columns: repeat(4, 1fr);}
@media (max-width: 991.98px) {
.new-section .gallery-columns-3, .new-section .gallery-columns-4, .new-section .gallery-columns-5, .new-section .gallery-columns-6, .new-section .gallery-columns-7, .new-section .gallery-columns-8, .new-section .gallery-columns-9 {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 575.98px) {
.new-section .gallery-columns-2, .new-section .gallery-columns-3, .new-section .gallery-columns-4, .new-section .gallery-columns-5, .new-section .gallery-columns-6, .new-section .gallery-columns-7, .new-section .gallery-columns-8, .new-section .gallery-columns-9 {grid-template-columns: 1fr;}
}

.new-section .gallery .gallery-item {
	display: grid;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.new-section .gallery br {display: none;}
.new-section .gallery .gallery-caption {display: none;}



/* footer */

.bottom-container {/* background-color: #ef2333; */}
body:not(.wp-admin) .bottom {align-items: center; padding: var(--space-xl-2xl) var(--space-xl-2xl) var(--space-2xl) var(--space-xl-2xl);}

@media (min-width: 768px) {
.bottom-copyright > div {display: contents;}
}
/* 
@media (min-width: 1600px) {
.bottom-center {display: flex; flex-direction: column; flex-grow: 1; align-items: center; gap: var(--space-m-l);}
.newmanstudio {width: 216px; margin-left: auto; text-align: right;}
}
 */

/* @media (max-width: 1599.98px) { */
body:not(.wp-admin) .bottom {justify-content: space-between;}
.bottom-center {display: contents;}
.bottom-menu {order: 1; display: flex; justify-content: center; align-items: center; width: 100%; padding-bottom: var(--space-m-l);}
.bottom-logo {order: 2;}
.bottom-copyright {order: 3;}
.newmanstudio {order: 4;}
/* } */
@media (max-width: 991.98px) {
body:not(.wp-admin) .bottom {flex-direction: column; gap: var(--space-xl-2xl);}
}

@media (max-width: 767.98px) {
body:not(.wp-admin) .bottom {font-size: var(--step--1);}
.bottom-menu {padding-bottom: 0;}
}




.bottom-logo {width: 216px;}
.bottom-logo img {width: 100%;}
@media (max-width: 991.98px) {
.bottom-logo {text-align: center;}
}


.bottom-copyright {font-size: var(--step--1); font-weight: 700; /* color: #fff; */}
.bottom-copyright a {cursor: pointer; text-decoration: none; border-radius: 0.1em; /* color: #fff; */ }
.bottom-copyright a:is(:hover, :active, :focus) {outline: none; /* color: #272020 !important; */}
.bottom-copyright a:focus-visible {/* outline: 0.15em solid #272020; */ outline-offset: 0.4em;}
.bottom-copyright span.d-none {margin-inline: var(--space-2xs);}
@media (min-width: 992px) {
.bottom-copyright {margin-left: 0/* var(--space-xl-2xl) */;}
}
@media (max-width: 767.98px) {
.bottom-copyright {text-align: center;}
}

.bottom-menu ul {justify-content: center; gap: var(--space-s-m); margin: 0; padding: 0; list-style: none; font-size: var(--step-0); text-transform: uppercase; font-weight: 700;}
.bottom-menu a {text-decoration: none; border-radius: 0.1em; /* color: #ebd380; */}
.bottom-menu a:is(:hover, :active, :focus) {outline: none; /* color: #272020; */}
.bottom-menu a:focus-visible {/* outline: 0.15em solid #272020; */ outline-offset: 0.4em;}
@media (max-width: 767.98px) {
.bottom-menu ul {font-size: var(--step-1);}
}
@media (max-width: 575.98px) {
.bottom-menu ul {flex-direction: column; text-align: center;}
}
@media (max-width: 479.98px) {
.bottom-links ul {gap: var(--space-3xs);}
}

.newmanstudio {display: inline-block;}
.newmanstudio a {font-weight: 400; text-decoration: none; border-radius: 0.1em; /* color: #fff; */ transition: all 0.4s;}
.newmanstudio a:is(:hover, :focus, :active) {outline: none; /* color: #272020; */}
.newmanstudio a:focus-visible {/* outline: 0.15em solid #272020;  */outline-offset: 1em;}
.newmanstudio a svg {width: var(--space-m); height: auto; margin-left: var(--space-2xs);}
.newmanstudio a svg path {/* fill: #fff; */ transition: fill 0.4s;}
.newmanstudio a:is(:hover, :focus, :active) svg path {/* fill: #272020; */}
@media (max-width: 767.98px) {
.newmanstudio {animation: unset !important; opacity: 1 !important;}
}



/* cookies */

#cookies-info {
	z-index: 1000;
	position: fixed; bottom: var(--space-m); left: 50%; transform: translateX(-50%);
	display: grid;
	width: calc(min(100vw, 1920px) - (var(--main_margin) * 2));
	margin: 0;
	padding: var(--space-xl-2xl) var(--space-xl-2xl) var(--space-l) var(--space-xl-2xl);
	border-radius: var(--space-s-m);
	/* background-color: #b70f1a; */
	/* background-image: url('img/cookies-bg.svg'); background-repeat: no-repeat; background-size: cover; background-position: center center; */
}
#cookies-info .content-container {font-size: var(--step--1); /* color: #fff; */}
#cookies-info .content-container p {margin-bottom: var(--space-m);}
#cookies-info .content-container a {cursor: pointer; display: text-decoration: none; font-weight: 700; text-underline-offset: 0.15em; text-decoration-style: dashed; border-radius: 0.1em; /* color: #fff; */}
#cookies-info .content-container a:is(:hover, :active) {text-decoration: underline; /* color: #272020; */}
#cookies-info .content-container a:focus-visible {/* outline: 0.1em solid var(--content-active-link-color); */ outline-offset: 0.2em; /* color: #272020; */}

#cookies-info a#cookie-info-accept {display: inline-block; margin-left: auto; padding: 0 4em; font-size: var(--step-1); line-height: 2.5; font-weight: 900; text-transform: uppercase; text-align: center; text-decoration: none; /* background-color: #3f090e; border: 2px solid #3f090e; */ border-radius: 2.75em; /* color: #c6212e; */ box-shadow: none; transition: all 0.4s;}
#cookies-info a#cookie-info-accept:is(:hover, :active, :focus) {outline: 0; margin-left: auto; /* color: #ebd380; border: 2px solid #92131c; background-color: #92131c; */}

@media (max-width: 767.98px) {
#cookies-info {width: 90vw; padding: var(--space-l);}
#cookies-info a#cookie-info-accept {margin-inline: auto; padding: 0 2.5em;}
}


/* modale */

.modal-dialog {
	--bs-modal-width: calc(min(100vw, 1920px) - (var(--main_margin) * 2));
	--bs-modal-border-radius: var(--space-s-m);
	/* --bs-modal-bg: #e4c265;
	--bs-modal-header-border-color: #3f090e/ */
}

.modal-header {height: var(--space-2xl); padding: 0 var(--space-l);}
.modal-title {font-size: var(--step-0); font-weight: 800; /* color: #3f090e; */}
.modal-header .btn-close {/* --bs-btn-close-color: #3f090e; */ opacity: 1; transform: rotate(0deg); transition: all 0.3s;}
.modal-header .btn-close:is(:hover, :active) {transform: rotate(180deg);}
.modal-header .btn-close:focus {outline: none; box-shadow: none;}
.modal-header .btn-close:focus-visible {/* outline: 0.1em solid #3f090e; */}

.modal-body {
	padding: var(--space-xl-2xl) var(--space-xl-2xl) 0 var(--space-xl-2xl);
	font-size: var(--step-0);
	/* color: #3f090e; */
}

.modal-body > * {margin-bottom: var(--space-s);}

.modal-body h2 {font-size: var(--step-2); font-weight: 700; /* color: #3f090e; */}
.modal-body h3 {font-size: var(--step-1); font-weight: 700; /* color: #3f090e; */}
.modal-body h4 {font-size: var(--step-0); font-weight: 700; /* color: #3f090e; */}

.modal-body ol {padding-left: 1.5em;}
.modal-body ul {padding-left: 1.5em; list-style: circle;}
.modal-body li {margin-bottom: var(--space-s);}
.modal-body li > ol, .modal-body li ul {margin-top: var(--space-s);}
.modal-body li > ol {list-style-type: lower-latin;}

.modal-body a {word-wrap: break-word; text-decoration: none; text-underline-offset: 0.15em; text-decoration-style: dashed; border-radius: 0.1em; /* color: #ef2333; */}
.modal-body a:is(:hover, :active) {text-decoration: underline; /* color: #272020; */}
.modal-body a:focus-visible {/* outline: 0.1em solid var(--content-active-link-color);  */outline-offset: 0.2em; color: #272020;}

.modal-body strong, .modal-body b {font-weight: 700;}



.modal-table-wrapper, .modal-table-wrapper tbody {width: 100%;}
.modal-body table {width: calc(100% + var(--space-2xs-xs) * 2); margin-inline: calc(var(--space-2xs-xs) * -1); border-collapse: collapse;}
.modal-body td {padding: var(--space-2xs-xs);}
.modal-body tr:first-of-type td {white-space: nowrap; font-weight: 500;}

.modal-body > *:last-child {margin-bottom: 0;}

@media (max-width: 767.98px) {
.modal-body {padding: var(--space-l) var(--space-l) 0 var(--space-l);}
.modal-table-wrapper {overflow-x: auto;}
}

.modal-footer {justify-content: center; padding: var(--space-l); border-top: none;}

 
/* animations */


 
.fade-in, .fade-in-start, .fade-in-scale {opacity: 0;}


@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeInScale {
  from {opacity: 0; transform: scale(0.5);}
  to {opacity: 1; transform: scale(1);}
}

.fadeInAnimation {animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: both;}
.fadeInScaleAnimation {animation-name: fadeInScale; animation-duration: 0.5s; animation-fill-mode: both; animation-timing-function: ease-out;}




/* prefers-reduce-motion */

@media (prefers-reduced-motion) {
* {animation: unset !important; transition: none !important;}
.fade-in, .fade-in-start, .fade-in-scale {opacity: 1;}
}



/* admin dashboard changes */

#menu-posts {display: none;}
