/* Reset */

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	-webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

/* Fonts */

@font-face {
	font-family: "Codec Pro";
	src: 
		url(../fonts/Codec-Pro-Ultra.woff2) format('woff2'),
		url(../fonts/Codec-Pro-Ultra.woff) format('woff');
	font-weight: 900;
    font-style: normal;
	font-display: swap;
}

/* @font-face {
	font-family: "Noto Sans", 'san-serif';
	src: 
		url(../fonts/NotoSans-ExtraBlackItalic.woff) format('woff'),
		url(../fonts/NotoSans-ExtraBlackItalic.woff2) format('woff2');
	font-weight: 1000;
    font-style: italic;
} */

/* p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } */

/* Variables */

:root {
	--wrap-width--large: 1800px;
	--wrap-width--standard: 1400px;
	--wrap-width--small: 1120px;
	--wrap-width--tiny: 670px;
	--bl: 16px;
	--col-gap: 24px;
	--col-gap-huge: 64px;
	--col-gap-large: 40px;
	--col-gap-small: 16px;
}

/* Body */

html {
	overflow-x: hidden;

	&.has-modal-open {
		overflow: unset;
		overflow-x: hidden;
	}
}

body.logged-in .guest-content {
	display: none;
}

.entry-content>.wp-block-group:not(.no-animation),
footer>.wp-block-group:not(.no-animation) {
	p,
	li,
	.wp-block-image,
	.wp-block-group.tag,
	.wp-block-accordion,
	.wp-block-button,
	.frm_form_fields {
		opacity: 0;
		-webkit-transition: opacity 0.5s 1s;
		-o-transition: opacity 0.5s 1s;
		transition: opacity 0.5s 1s;

		&:last-child {
			padding-bottom: 0;
		}
	}

	&.show {
		p,
		li,
		.wp-block-image,
		.wp-block-group.tag,
		.wp-block-accordion,
		.wp-block-button,
		.frm_form_fields {
			opacity: 1;
		}

		.wp-block-group.text-animation>* {
			-webkit-transform: translateY(0%);
			-ms-transform: translateY(0%);
			transform: translateY(0%);
		}

		/* .wp-block-image.full-width {
			width: 100%;
			transition: width 0.5s .75s;
		} */
	}
}

.entry-content>.wp-block-group,
footer>.wp-block-group {
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--80);
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);

	>* {
		max-width: 1242px;
	}

	&.full-width>* {
		max-width: unset;
	}

	&.large-width>* {
		max-width: 1230px;
	}

	&.small-width>* {
		max-width: 850px;
	}

	h1 {
		padding-bottom: var(--wp--preset--spacing--40);
		color: var(--wp--preset--color--error);
		font-family: 'Codec Pro';
		font-weight: 900;
		text-transform: uppercase;
	}

	h2,
	h3,
	h4,
	h5,
	h6 {
		padding-bottom: var(--wp--preset--spacing--20);
		color: var(--wp--preset--color--error);
	}

	p {
		padding-bottom: var(--wp--preset--spacing--20);
	}

	li {
		padding-bottom: 6px;
	}

	ul {
		padding-left: 2rem;
		padding-bottom: var(--wp--preset--spacing--20);
	}

	ol {
		padding-left: 1.25rem;
	}

	ul.wp-block-social-links,
	ul.wp-block-navigation__container {
		padding-left: 0;
	}

	p,
	li,
	.wp-block-image,
	.wp-block-group.tag,
	.wp-block-accordion,
	.wp-block-button,
	.frm_form_fields {
		&:last-child {
			padding-bottom: 0;
		}
	}
}

body {
	color: var(--wp--preset--color--error);
}

.entry-content,
header,
footer {
	margin: 0;
	padding: 0;
}

.entry-content {
	blockquote {
		margin: 0;
		@media(max-width: 767px) {
    		padding-left: 3rem;
			&::before {
				width: 30px;
				height: 30px;
        		mask-size: 30px;
			}
		}

		@media(max-width: 599px) {
			padding-left: 0;
			padding-top: 3rem;
		}
	}

	cite {
		font-style: normal;
	}
}

a {
	text-decoration: none;
}

a[href="#"] {
	cursor: auto;
	-webkit-tap-highlight-color: transparent;
}

p.has-heading-5-font-size+h2,
p.has-heading-5-font-size+h3,
p.has-heading-5-font-size+h4,
h5+h2,
h5+h3,
h5+h4 {
	margin-top: 0;
}

.has-heading-1-font-size {
	font-weight: 900;
}

.has-heading-2-font-size,
.has-heading-3-font-size {
	font-weight: 700;
}

.has-heading-4-font-size,
.has-heading-5-font-size,
.has-heading-6-font-size {
	font-weight: 600;
}

.justify-content-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.align-items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

blockquote {
	position: relative;
	padding-left: 76px;

	&::before {
		display: inline-block;
		content: '';
		width: 44px;
		height: 44px;
		-webkit-mask-size: 44px;
		mask-size: 44px;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		background-color: var(--wp--preset--color--accent);
		-webkit-mask-image: url('../../assets/icons/quote.svg');
		mask-image: url('../../assets/icons/quote.svg');
		position: absolute;
		top: 0;
		left: 0;
	}

	hr,
	cite {
		margin-left: -76px;
	}
}

:where(.wp-site-blocks *:focus) {
	outline-width: 1px;
	outline-color: transparent;
}

/* Hidden */

@media (max-width: 781px) {
	.hide-mobile--true {
		display: none !important;
	}
}

@media (min-width: 782px) and (max-width: 991px) {
	.hide-tablet--true {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.hide-desktop--true {
		display: none !important;
	}
}

/* Error Popup */

#wfls-login-modal {
	div {
		border-radius: 15px!important;
		padding: 30px!important;
	}

	p {
		margin-top: 0;
	}

	button {
		border-radius: 40px;
		padding: .75rem 1.25rem;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 700;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
		border: 2px solid var(--wp--preset--color--accent-3);
		-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0);
		box-shadow: 0 6px 6px rgba(0, 0, 0, 0);
		color: var(--wp--preset--color--accent-2) !important;
		background-color: var(--wp--preset--color--light-grey) !important;
		border-color: var(--wp--preset--color--light-grey);
		cursor: pointer;

		&:hover,
		&:active {
			background-color: #E0D8CC !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: #E0D8CC !important;
			-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
			box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
		}

		&:focus {
			background-color: var(--wp--preset--color--accent-2) !important;
			color: var(--wp--preset--color--light-grey) !important;
			border-color: var(--wp--preset--color--light-grey) !important;
		}
	}
}

/* Images */

.wp-block-image.full-width {
	/* width: 0%; */
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 100%;

	img {
		width: 100vw;
		max-width: 100vw;
	}
}

.wp-block-image.image-fill {
	height: 100%;

	img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

.wp-block-gallery {
	gap: 4rem !important;

	.wp-block-image {
		width: auto !important;
		margin: 0 !important;
	}

	img {
		width: auto !important;
		max-width: 300px !important;
		max-height: 150px !important;
		margin: 0 !important;
	}
}

/* Blocks */

@media(max-width: 767px) {
	.wp-block-group.is-layout-grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

		>* {
			width: 100%;
		}
	}
}

.wp-block-group.parallax {
	height: 500px;
	overflow: hidden;

	.wp-block-image {
		position: absolute;
		top: 0%;
		left: 0;
		/* width: 100%; */
		height: 150%;
		-webkit-transition: top .3s, width 0.5s .75s, opacity 0.5s 1s !important;
		-o-transition: top .3s, width 0.5s .75s, opacity 0.5s 1s !important;
		transition: top .3s, width 0.5s .75s, opacity 0.5s 1s !important;

		img {
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			object-fit: cover;
		}
	}
}

.wp-block-group.home-banner {
	min-height: calc(100dvh - 86px);
}

.wp-block-group.banner {
	min-height: 460px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	h1 {
		padding-bottom: 2rem;
	}
}

.wp-block-group.text-animation {
	overflow: hidden;

	>* {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: -webkit-transform 0.5s 0.5s;
		transition: -webkit-transform 0.5s 0.5s;
		-o-transition: transform 0.5s 0.5s;
		transition: transform 0.5s 0.5s;
		transition: transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
	}
}

.wp-block-group.images-section {
	background-color: var(--wp--preset--color--accent);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	ul,
	ol {
		color: #fff;
		-webkit-transition: color .3s .25s, opacity 0.5s .5s;
		-o-transition: color .3s .25s, opacity 0.5s .5s;
		transition: color .3s .25s, opacity 0.5s .5s;
	}

	&.step2 {
		background-color: #fff;

		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		ul,
		ol {
			color: var(--wp--preset--color--accent);
		}
	}

	&.show .pinned {
		.wp-block-group.text-animation>* {
			-webkit-transform: translateY(0%);
			-ms-transform: translateY(0%);
			transform: translateY(0%);
		}
	}

	&.show .hide {
		.wp-block-group.text-animation>* {
			-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			transform: translateY(100%);
		}
	}

	.pinned {
		top: 50%;
		transform: translateY(calc(-50% + 44px));
		position: sticky;
		-webkit-transition: opacity 1s, height 0s;
		-o-transition: opacity 1s, height 0s;
		transition: opacity 1s, height 0s;
		z-index: 2;

		.wp-block-group.text-animation>* {
			-webkit-transition: color .3s .25s, -webkit-transform 0.5s .5s;
			transition: color .3s .25s, -webkit-transform 0.5s .5s;
			-o-transition: color .3s .25s, transform 0.5s .5s;
			transition: color .3s .25s, transform 0.5s .5s;
			transition: color .3s .25s, transform 0.5s .5s, -webkit-transform 0.5s .5s;
		}
	}

	.hide {
		opacity: 0;
		height: 0;
		overflow: hidden;
		-webkit-transition: opacity 1s, height 0s .5s;
		-o-transition: opacity 1s, height 0s .5s;
		transition: opacity 1s, height 0s .5s;
	}
}

.wp-block-group.tag {
	display: inline-block;
	font-weight: 700;
	padding: 4px 12px;
	font-size: 14px;
	text-transform: uppercase;
}

.wp-block-accordion-item {
	background-color: var(--wp--preset--color--accent);
	border-radius: 10px;
	margin-bottom: 1.5rem;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding: 0;

	&.is-open {
		background-color: var(--wp--preset--color--accent-3);

		.wp-block-accordion-heading {
			color: var(--wp--preset--color--accent) !important;
		}

		.wp-block-accordion-heading__toggle-icon {
			background-color: var(--wp--preset--color--accent);
			color: white;
		}

		.wp-block-accordion-panel {
			color: var(--wp--preset--color--accent);
		}
	}

	.wp-block-accordion-heading {
		color: white !important;
		padding-bottom: 0 !important;
		text-transform: unset;
		font-weight: 700;

		button {
			padding: 1rem 1.5rem;
			gap: 1rem;
		}
	}

	.wp-block-accordion-heading__toggle-icon {
		background-color: white;
		color: var(--wp--preset--color--accent);
		border-radius: 100%;
		font-weight: normal;
		font-size: 32px;
	}

	.wp-block-accordion-panel {
		color: white;
		padding: 2rem;
		padding-top: 1rem;
		@media (min-width: 992px) {
			padding: 3.5rem;
			padding-top: 2rem;
		}

		>*:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
		}
	}
}

.ambassador-accordions .wp-block-accordion-item {
	.wp-block-accordion-heading__toggle-title em {
		display: block;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
	}
}

.ambassador-tile .wp-block-accordion-item {
	background-color: transparent;
	.wp-block-accordion-heading {
		background-color: transparent;
		button {
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			padding: 0;
			gap: 0;
		}

		.wp-block-accordion-heading__toggle-title{
			display: none;
		}
	}

	.wp-block-accordion-panel{
		padding: 1rem 1.5rem 2rem;
	}
}

.wp-block-button,
.wp-block-buttons {
	.wp-block-button__link {
		border-radius: 40px;
		padding: .75rem 1.25rem;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 700;
		color: white !important;
		background-color: var(--wp--preset--color--accent) !important;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
		border: 2px solid var(--wp--preset--color--accent);
		-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0);
		box-shadow: 0 6px 6px rgba(0, 0, 0, 0);

		&:hover,
		&:active {
			background-color: #E0D8CC !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: #E0D8CC !important;
			-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
			box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
		}

		&:focus {
			background-color: var(--wp--preset--color--accent-3) !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: var(--wp--preset--color--accent) !important;
		}

		&::after {
			content: "\2192";
			font-size: 18px;
			margin-top: -6px;
			line-height: 1;
			-webkit-padding-start: .5rem;
			padding-inline-start: .5rem;
			vertical-align: middle;
			text-decoration: none;
			display: inline-block;
		}
	}

	&.yellow .wp-block-button__link {
		color: var(--wp--preset--color--accent) !important;
		background-color: var(--wp--preset--color--accent-3) !important;
		border-color: var(--wp--preset--color--accent-3);

		&:hover,
		&:active {
			background-color: #E0D8CC !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: #E0D8CC !important;
		}

		&:focus {
			background-color: var(--wp--preset--color--accent) !important;
			color: var(--wp--preset--color--accent-3) !important;
			border-color: var(--wp--preset--color--accent-3) !important;
		}
	}

	&.blue .wp-block-button__link {
		color: var(--wp--preset--color--accent-2) !important;
		background-color: var(--wp--preset--color--light-grey) !important;
		border-color: var(--wp--preset--color--light-grey);

		&:hover,
		&:active {
			background-color: #E0D8CC !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: #E0D8CC !important;
		}

		&:focus {
			background-color: var(--wp--preset--color--accent-2) !important;
			color: var(--wp--preset--color--light-grey) !important;
			border-color: var(--wp--preset--color--light-grey) !important;
		}
	}

	&.pink .wp-block-button__link {
		color: var(--wp--preset--color--accent) !important;
		background-color: var(--wp--preset--color--mid-grey) !important;
		border-color: var(--wp--preset--color--mid-grey);

		&:hover,
		&:active {
			background-color: #E0D8CC !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: #E0D8CC !important;
		}

		&:focus {
			background-color: var(--wp--preset--color--accent) !important;
			color: var(--wp--preset--color--mid-grey) !important;
			border-color: var(--wp--preset--color--mid-grey) !important;
		}
	}

	&.orange .wp-block-button__link {
		color: #fff !important;
		background-color: var(--wp--preset--color--body) !important;
		border-color: var(--wp--preset--color--body);

		&:hover,
		&:active {
			background-color: #E0D8CC !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: #E0D8CC !important;
		}

		&:focus {
			background-color: #fff !important;
			color: var(--wp--preset--color--body) !important;
			border-color: var(--wp--preset--color--body) !important;
		}
	}

	&.outline a {
		background-color: transparent !important;
		color: var(--wp--preset--color--accent) !important;

		&:focus {
			background-color: var(--wp--preset--color--accent) !important;
			color: #fff !important;
			border-color: var(--wp--preset--color--accent) !important;
		}
	}

	&.outline.white a {
		background-color: transparent !important;
		color: white !important;
		border-color: white;

		&:hover,
		&:focus {
			background-color: #E0D8CC !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: #E0D8CC!important;
		}
	}

	&.outline.yellow a {
		background-color: transparent !important;
		color: var(--wp--preset--color--accent-3) !important;

		&:focus {
			background-color: var(--wp--preset--color--accent-3) !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: var(--wp--preset--color--accent-3) !important;
		}
	}

	&.outline.blue a {
		background-color: transparent !important;
		color: var(--wp--preset--color--light-grey) !important;

		&:focus {
			background-color: var(--wp--preset--color--light-grey) !important;
			color: var(--wp--preset--color--accent-2) !important;
			border-color: var(--wp--preset--color--light-grey) !important;
		}
	}

	&.outline.pink a {
		background-color: transparent !important;
		color: var(--wp--preset--color--mid-grey) !important;

		&:focus {
			background-color: var(--wp--preset--color--mid-grey) !important;
			color: var(--wp--preset--color--accent) !important;
			border-color: var(--wp--preset--color--mid-grey) !important;
		}
	}

	&.outline.orange a {
		background-color: transparent !important;
		color: var(--wp--preset--color--body) !important;

		&:focus {
			background-color: var(--wp--preset--color--body) !important;
			color: #fff !important;
			border-color: var(--wp--preset--color--body) !important;
		}
	}
}

.is-style-arrow-link .wp-block-navigation-item__label:after {
	content: "\2192";
	font-size: 18px;
	margin-top: -4px;
	line-height: 1;
	-webkit-padding-start: .5rem;
	padding-inline-start: .5rem;

	@media(max-width: 1099px) {
		content: none;
	}
}

/* Timer */

.qldday-timer {
	text-align: center;
	margin-top: -20px;

	.timer {
		font-size: clamp(1.875rem, -0.2557rem + 11.3636vw, 9.6875rem);
		font-weight: 900;
		line-height: 1.25;
		padding-bottom: 30px;
	}

	.timer-val {
		position: relative;
	}

	.timer-val::after {
		content: attr(title);
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		font-size: 14px;
		white-space: nowrap;
		font-weight: 400;
		@media(min-width: 768px) {
    		font-size: 1.1rem;
		}
	}

	p {
		border-top: 2px solid currentColor;
		font-size: var(--wp--preset--font-size--heading-2);
		font-weight: 900;
		line-height: 1.25;
		margin: 0;
		margin-top: 30px;
		padding-top: 1rem;
	}
}

.wp-block-group.has-accent-2-background-color .qldday-timer {
	color: white;
}

.wp-block-group.has-body-background-color {
    .qldday-timer {
        color: var(--wp--preset--color--accent-4);
    }
}

/* Preloader */

.preloader {
	background-color: #501a23;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 1;
	-webkit-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	will-change: transform;
	overflow: hidden;
	pointer-events: none;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);

	.wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 0 var(--wp--style--root--padding-left);
		max-width: 1240px;
	}
}

.preloader-inner {
	height: 100vh;
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr auto 1fr;
	grid-template-rows: 1fr auto 1fr;
	/* padding: 70rem 0; */
	grid-template-areas: ".""p1""p2";
	overflow: hidden;
	-ms-grid-columns: auto;
	grid-template-columns: auto;
}

.preloader-title {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: p1;
	white-space: nowrap;
	text-align: center;
	overflow: hidden;
	width: 100%;
	/* font-size: clamp(1.5rem, -0.1364rem + 8.7273vw, 7.5rem); */
	font-size: clamp(3.125rem, 0.5682rem + 13.6364vw, 12.5rem);
	height: calc(1em + 20px);
	line-height: 1;
	font-weight: 700;
	width: 100%;
	text-transform: uppercase;
	font-family: 'Codec Pro';
}

.preloader-title .swiper {
	height: calc(100% + 20px);
	opacity: 0;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	overflow: hidden;

	&.show {
		opacity: 1;
	}
}

.preloader-title-gold {
	color: var(--wp--preset--color--accent-3);
}

.preloader-title-white {
	color: #FFF;
}

.preloader-perc {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: p2;
	text-align: center;
	margin-top: auto;
	font-family: sans-serif;
	color: #fff;
	font-size: 14px;
	padding: 1rem;
}

.preloader-perc::after {
	content: "%";
}

.preloader-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	will-change: transform;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.preloader-bar-blue {
	background-color: rgba(80, 26, 35, 1);
}

.preloader-bar-white {
	background-color: var(--c0);
	visibility: hidden;
}

.preloader-scene-1 .preloader-title-1 .mask-appear-inner {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.preloader-scene-2 .preloader-title-1 .mask-appear-inner {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.preloader-scene-2 .preloader-title-2 .mask-appear-inner {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.preloader-scene-3 .preloader-title-2 .mask-appear-inner {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition-delay: .5s !important;
	-o-transition-delay: .5s !important;
	transition-delay: .5s !important;
}

.preloader-scene-3 .preloader-bar-blue {
	-webkit-transition: -webkit-transform .75s;
	transition: -webkit-transform .75s;
	-o-transition: transform .75s;
	transition: transform .75s;
	transition: transform .75s, -webkit-transform .75s;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.preloader-scene-4 .preloader-bar-white {
	-webkit-transition: -webkit-transform .75s;
	transition: -webkit-transform .75s;
	-o-transition: transform .75s;
	transition: transform .75s;
	transition: transform .75s, -webkit-transform .75s;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.loading {
	pointer-events: none;
	overflow: hidden;

	.preloader {
		-webkit-transition-duration: 0s;
		-o-transition-duration: 0s;
		transition-duration: 0s;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		visibility: visible;
	}

	.container {
		visibility: hidden;
	}
}

/* Forms */

body.besticecream #frm_checkbox_12-0,
body.bestflorist #frm_checkbox_12-1,
body.besthairdresser #frm_checkbox_12-2,
body.bestcafe #frm_checkbox_12-3,
body.bestbeach #frm_checkbox_12-4,
body.bestcamping #frm_checkbox_12-5,
body.bestbakery #frm_checkbox_12-6,
body.bestbutcher #frm_checkbox_12-7,
body.bestpub #frm_checkbox_12-8,
body.bestpizza #frm_checkbox_12-9,
body.bestbahnmi #frm_checkbox_12-10,
body.besttourism #frm_checkbox_12-11,
body.bestgym #frm_checkbox_12-12,
body.bestfishandchips #frm_checkbox_12-13,
body.bestburger #frm_checkbox_12-14 {
	opacity: 1;

	.frm_image_option_container.frm_label_with_image::after {
		opacity: .7;
	}

	.frm_image_option_container.frm_label_with_image::before {
		z-index: 3;
	}

	.frm_image_option_container img {
		border-color: transparent !important;
	}
}

.wp-block-group.some-votes,
.wp-block-group.all-votes {
	display: none;
}

body.besticecream,
body.bestflorist,
body.besthairdresser,
body.bestcafe,
body.bestbeach,
body.bestcamping,
body.bestbakery,
body.bestbutcher,
body.bestpub,
body.bestpizza,
body.bestbahnmi,
body.besttourism,
body.bestgym,
body.bestfishandchips,
body.bestburger {
	.wp-block-group.some-votes {
		display: block;
	}
}

body.besticecream.bestflorist.besthairdresser.bestcafe.bestbeach.bestcamping.bestbakery.bestbutcher.bestpub.bestpizza.bestbahnmi.besttourism.bestgym.bestfishandchips.bestburger {
	.wp-block-group.some-votes,
	#frm_field_10_container {
		display: none;
	}

	.wp-block-group.all-votes {
		display: block;
	}
}

#frm_form_2_container {
	max-width: 1230px !important;

	.frm_image_options input[type="radio"]:not([disabled])+.frm_image_option_container,
	.frm_image_options input[type="checkbox"]:not([disabled])+.frm_image_option_container,
	input[type="radio"]:checked+.frm_image_option_container,
	input[type="checkbox"]:checked+.frm_image_option_container {
		border: none !important;
		border-radius: 0 !important;
	}

	#frm_error_field_gtqw-0 {
		text-align: center;
		font-size: 20px;
		margin-top: 20px;
	}

	input[type="radio"]:disabled+.frm_image_option_container,
	input[type="checkbox"]:disabled+.frm_image_option_container {
		border: none !important;
		cursor: default;
		border-radius: 0 !important;
	}

	input[type="radio"]:checked:not([disabled])+.frm_image_option_container img,
	input[type="checkbox"]:checked:not([disabled])+.frm_image_option_container img {
		border-color: #E0D8CC;
	}

	.frm_image_option_container.frm_label_with_image {
		text-transform: uppercase;

		img {
			position: relative;
			border: 5px solid transparent;
			border-radius: 100%;
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			overflow: hidden;
			aspect-ratio: 1 / 1;
			height: auto;
		}

		&::before {
			content: '';
			position: absolute;
			background-size: cover;
			background-image: url(../images/tick.svg);
			top: 10%;
			left: 10%;
			width: 80%;
			aspect-ratio: 1/1;
			z-index: -1;
		}

		&::after {
			content: '';
			position: absolute;
			top: 3px;
			left: 3px;
			width: calc(100% - 6px);
			aspect-ratio: 1/1;
			border-radius: 100%;
			background-color: var(--wp--preset--color--accent-2);
			opacity: 0;
			z-index: 2;
		}

		&:hover img {
			border-color: #E0D8CC;
		}
	}

	input[disabled] + .frm_image_option_container.frm_label_with_image:hover img {
		border-color: transparent;
	}

	input[type="text"] {
		max-width: 600px;
		margin: 0 auto;
		display: block;
	}

	input[type="checkbox"] {
		display: none !important;
	}

	.frm_checkbox label {
		width: 100%;
	}

	.frm_form_field img {
		margin: 0 auto;
	}

	#frm_field_12_container .frm_opt_container {
		margin: 0;
		width: 100%;
		gap: 1.5rem;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		>* {
			-ms-flex-preferred-size: calc(33.33% - 1rem) !important;
			flex-basis: calc(33.33% - 1rem) !important;
			width: calc(33.33% - 1rem) !important;
			margin: 0;

			@media(min-width: 768px) {
				-ms-flex-preferred-size: calc(20% - 2rem) !important;
				flex-basis: calc(20% - 2rem) !important;
				width: calc(20% - 2rem) !important;
			}

			@media(min-width: 1200px) {
				-ms-flex-preferred-size: calc(12.5% - 1.38rem) !important;
				flex-basis: calc(12.5% - 1.38rem) !important;
				width: calc(12.5% - 1.38rem) !important;
			}
		}
	}

	.frm_text_label_for_image_inner {
		font-size: 16px;
		color: #fff;
	}

	.frm_submit {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.frm_form_fields {
	input {
		background: none !important;
		border-bottom-width: 2px !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	input::-webkit-input-placeholder {
		color: var(--wp--preset--color--accent);
	}

	input::-moz-placeholder {
		color: var(--wp--preset--color--accent);
	}

	input:-ms-input-placeholder {
		color: var(--wp--preset--color--accent);
	}

	input::-ms-input-placeholder {
		color: var(--wp--preset--color--accent);
	}

	input::placeholder {
		color: var(--wp--preset--color--accent);
	}
}

.wp-block-group.has-accent-background-color,
.wp-block-columns.has-accent-background-color {
	.frm_form_fields {
		input {
			border-color: #fff;
			color: #fff !important;
		}

		input::-webkit-input-placeholder {
			color: #fff;
		}

		input::-moz-placeholder {
			color: #fff;
		}

		input:-ms-input-placeholder {
			color: #fff;
		}

		input::-ms-input-placeholder {
			color: #fff;
		}

		input::placeholder {
			color: #fff;
		}
	}
}

.frm_button_submit {
	text-transform: uppercase;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-size: 16px;

	&::after {
		content: "\2192";
		font-size: 18px;
		margin-top: -6px;
		line-height: 1;
		-webkit-padding-start: .5rem;
		padding-inline-start: .5rem;
		vertical-align: middle;
		text-decoration: none;
		display: inline-block;
	}
}

/* Footer Logos */

.footer-logos {
	@media(max-width: 992px) {
        gap: 3rem;
	}

	@media(max-width: 699px) {
    	flex-wrap: wrap;
    	justify-content: center;
		>* {
			flex-basis: calc(33.33% - 32.33px);
			img {
				max-height: 100px;
				width: auto;
			}
		}
	}

	@media(max-width: 499px) {
		>* {
			flex-basis: calc(50% - 16px);
		}
	}
}

/* Logo Video */

html.has-modal-open .logo-animation {
	z-index: 998;
}

.logo-animation {
	position: fixed;
	top: calc(50% + 44px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 94vw;
	z-index: 1000;
	z-index: 10;
	max-width: 1000px;

	h2 {
		margin-bottom: -30px;
		line-height: .7;
		font-size: 130px;
		font-family: 'Codec Pro';
		color: white!important;
		text-transform: uppercase;
	}

	.pre-text {
		margin-bottom: -7px;
	}

	@media(min-width: 500px) {
		.pre-text {
			margin-bottom: -15px;
		}
	}

	@media(min-width: 992px) {
		.pre-text {
			margin-bottom: -25px;
		}
	}
}

.logo-animation,
.header-logo-wrap {
	a {
		position: relative;
	}

	.wp-block-video {
		position: relative;
		z-index: 2;
	}

	.placeholder-image {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		mask: url('../images/mask3.svg');
		-webkit-mask: url('../images/mask3.svg');
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		aspect-ratio: 3 / 1.13;
		overflow: hidden;
	}

	.placeholder-image img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.wp-block-video {
		mask: url('../images/mask3.svg');
		-webkit-mask: url('../images/mask3.svg');
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		margin-bottom: 0;
		aspect-ratio: 3 / 1.13;
		overflow: hidden;

		video {
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			object-fit: cover;
		}
	}
}

/* Timeline */

.timeline {
	padding-left: 2rem;

	&::before {
		content: '';
		position: absolute;
		top: -30px;
		left: -1px;
		width: 2px;
		height: calc(100% + 30px);
		background-color: var(--wp--preset--color--accent-3);
	}

	h2 {
		position: absolute;
		top: -50px;
		left: 0;
		color: #fff !important;

		&::before {
			content: '';
			position: absolute;
			left: -39px;
			top: 15px;
			width: 15px;
			height: 15px;
			border-radius: 100%;
			background-color: var(--wp--preset--color--accent-2);
			border: 4px solid #fff;
		}
	}

	>.wp-block-group {
		margin-top: 80px;
	}
}

@media (min-width: 1200px) {
	.timeline {
		padding-left: 0;

		&::before {
			left: calc(50%);
		}

		>.wp-block-group {
			width: calc(50% - 2rem);
			margin-left: auto !important;
			margin-right: 0 !important;

			&:nth-child(odd) {
				margin-left: 0 !important;
				margin-right: auto !important;

				h2 {
					right: 0;
					left: unset;

					&::before {
						left: unset;
						right: -40px;
					}
				}
			}
		}
	}
}

/* Leaderboard */

.custom-leaderboard,
.leaderboard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1.5rem;

	.leaderboard-single {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		gap: 1rem;
		border-radius: 20px;
		overflow: hidden;
		padding: 2rem;
		/* padding-bottom: 3rem; */
		color: var(--wp--preset--color--accent-2);

		>* {
			margin-left: 0 !important;
			margin-right: 0 !important;
		}

		h3 {
			color: var(--wp--preset--color--accent-2);
			padding: 0;
			text-align: center;
			text-transform: uppercase;
		}

		.leaderboard-category {
			padding: 0;
			color: var(--wp--preset--color--accent);
			text-transform: uppercase;
		}

		p {
			text-transform: uppercase;
			text-align: center;
			padding-bottom: 0;
		}

		&.beach,
		&.gym {
			background-color: var(--wp--preset--color--error);
			color: #E0D8CC;

			h3 {
				color: #E0D8CC;
			}

			li::before {
				background-color: #E0D8CC;
			}
		}

		&.florist,
		&.bahnmi {
			background-color: var(--wp--preset--color--mid-grey);
		}

		&.icecream,
		&.butcher {
			background-color: var(--wp--preset--color--light-grey);
		}

		&.pizza,
		&.camping {
			background-color: var(--wp--preset--color--accent-3);
		}

		&.pub,
		&.burger {
			background-color: var(--wp--preset--color--body);
			color: #111;
			h3 {
				color: #111;
			}

			li::before {
				background-color: #111;
			}
		}

		&.tourism,
		&.fishandchips,
		&.bakery {
			background-color: #E2D8CB;
		}

		&.coffee,
		&.cafe,
		&.hairdresser {
			background-color: var(--wp--preset--color--accent-2);
			color: #E0D8CC;

			h3 {
				color: #E0D8CC;
			}

			li::before {
				background-color: #E0D8CC;
			}
		}
	}

	.leaderboard-image,
	svg {
		height: 100px;
		width: 100px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	@media (min-width: 768px) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		.leaderboard-single {
			width: calc(50% - .75rem);
		}
	}

	@media (min-width: 992px) {
		.leaderboard-single {
			width: calc(33.33% - 1rem);
		}
	}
}

div.custom-leaderboard {
	margin: 0 auto;
	svg {
		margin-bottom: .5rem;
	}

	h3 {
		margin: 0;
        padding-bottom: var(--wp--preset--spacing--20);
		/* font-family: 'Codec Pro'; */
	}

	ul.custom-leaderboard__votes {
		padding: 0;
		list-style: none;
		margin-top: 0;
		margin-bottom: 0;
		margin-top: .25rem;
		width: 100%;
	}

	li {
		display: flex;
		flex-direction: column;
		gap: .75rem;
		line-height: 1.2;
		/* align-items: center; */
		justify-content: center;
		text-align: center;
		/* font-weight: bold; */

		strong {
			display: block;
		}

		span:nth-of-type(2) {
			flex-grow: 1;
		}

		&:first-of-type {
			/* font-weight: bold; */
		}

		&:not(:first-of-type) {
			position: relative;
            padding-top: 1rem;
            margin-top: .75rem;
			&::before {
                position: absolute;
                top: 0;
                left: 0;
				content: '';
				opacity: .25;
				height: 1px;
				width: 100%;
				background-color: var(--wp--preset--color--accent-2);
			}
		}

		@media(min-width: 768px) {
			justify-content: start;
			flex-direction: row;
			text-align: left;
		}
	}

	.custom-leaderboard__counter {
        font-size: 22px;
		font-weight: bold;
		flex-shrink: 0;
		/* font-family: 'Codec Pro'; */
		sup {
			font-size: 12px;
		}

		@media(min-width: 768px) {
			width: 30px;
		}
	}

	.custom-leaderboard__vote-count {
		font-size: 14px;
		flex-shrink: 0;
		span {
			@media(max-width: 767px) {
				display: none;
			}
		}
	}
}

/* Previous Winners */
.previous-winners {
	.wp-block-image {
		width: 80px;
		flex-shrink: 0;
	}
}

@media (max-width: 599px) {
	.previous-winners--single>.wp-block-group {
		flex-direction: column;

		>.wp-block-group {
			width: 100%;
		}
	}
}

/* ATB Page Login Form */
#loginform-0 input,
#loginform-0 input::placeholder{
	color: #fff;
}


#votenow #loginform-0 a.forgot-password {
	color: var(--wp--preset--color--accent-3);
}

h2.qday-login-form a {
	text-decoration: underline !important;
}

h2.qday-login-form a:hover {
	text-decoration: none !important;
}

#loginform-0 input[type="text"],
#loginform-0 input[type="email"],
#loginform-0 input[type="password"]{
	border: 1px solid #FBB62A;
	border-radius: 5px;
}

#loginform-0 input[type="submit"]{
	border:0;
	background: var(--wp--preset--color--light-grey) !important;
	color: var(--wp--preset--color--accent-2) !important;
	font-size: 16px;
	text-transform: uppercase;
	transition: all .3s;
    border: 2px solid var(--wp--preset--color--light-grey);
	&:hover {
		color: var(--wp--preset--color--accent) !important;
		background: #E0D8CC !important;
		border-color: #E0D8CC !important;
	}

	&:focus {
		background: var(--wp--preset--color--accent) !important;
		color: var(--wp--preset--color--light-grey) !important;
		border-color: var(--wp--preset--color--light-grey) !important;
	}
}

/* Voting Form */

#frm_form_2_container input[type="text"] {
	text-align: center;
}

#frm_field_44_container p a {
	color: #fff;
	text-decoration: underline;
}

#frm_field_44_container p a:hover {
	text-decoration: none;
}

.frm_forms .frm_error_style,
.frm_forms .frm_error {
	text-align: center !important;
}

#form_all-the-best .frm_error,
#form_all-the-best .frm_error_style {
	background: var(--wp--preset--color--dark-grey) !important;
	color: #fff;
	padding: var(--wp--preset--spacing--20) !important;
	font-size: var(--form-desc-size) !important;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
}

#frm_checkbox_106-13-0,
.frm_opt_container .frm_checkbox {
	text-align: center;
}

.frm_forms .frm_opt_container {
	display: flex;
	justify-content: center;
}

.frm_forms .frm_opt_container .frm_checkbox label {
	display: flex;
	/* align-items: center; */
	text-align: left;
    gap: .5rem;
	input {
		margin-top: 3px;
		border-color: var(--wp--preset--color--accent-3);
	}

	p {
		margin: 0;
	}

	a {
		color: #fff;
		/* margin: 0 5px; */
		text-decoration: underline;
		&:hover {
			text-decoration: none;
		}
	}
}

/* Manual Address */
#frm_field_13_container,
#frm_field_129_container,
#frm_field_116_container,
#frm_field_140_container,
#frm_field_122_container,
#frm_field_114_container,
#frm_field_118_container,
#frm_field_138_container,
#frm_field_110_container,
#frm_field_136_container,
#frm_field_112_container,
#frm_field_127_container,
#frm_field_124_container,
#frm_field_58_container,
#frm_field_135_container,
#frm_field_120_container,
#frm_field_106_container {
	margin-bottom: 0;

	label {
		font-weight: normal;
	}

	.frm_opt_container {
		background-color: var(--wp--preset--color--accent);
		margin-top: -14px;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		border-radius: 5px;
		padding: 15px;
	}

	.frm_checkbox {
		margin: 0;
	}
}

#frm_field_121_container,
#frm_field_130_container,
#frm_field_117_container,
#frm_field_141_container,
#frm_field_123_container,
#frm_field_115_container,
#frm_field_119_container,
#frm_field_139_container,
#frm_field_111_container,
#frm_field_137_container,
#frm_field_113_container,
#frm_field_107_container,
#frm_field_128_container,
#frm_field_126_container,
#frm_field_132_container {
    background-color: var(--wp--preset--color--accent);
    margin-top: -8px !important;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 20px;
    border-radius: 5px;
    padding: 15px;
    padding-top: 10px;
	margin-bottom: 0;
	.custom-placeholders {
		@media(min-width: 600px) {
			display: flex;
			align-items: center;
			gap: 1rem;
			max-width: 600px;
			margin: 0 auto;
			>* {
				width: 50%;
			}

			input[type="text"] {
				margin-top: 0!important;
				&::placeholder {
					color: white;
				}
			}
		}
	}
}

/* T&Cs and Opt In */
#frm_field_209_container,
#frm_field_240_container {
	max-width: 500px;
	margin: 0 auto;
	label,
	p {
		font-size: 14px;
		font-weight: normal;
	}

	input {
		margin-top: 1px;
    	border-bottom-width: 1px !important;
	}
}

#frm_field_209_container {
	margin-top: 20px;
}

#frm_field_240_container {
	margin-bottom: 20px;
}

#frm_field_13_container input#field_besticecreammanualentry-0,
#frm_field_129_container input#field_bestbahnmimanualentry-0,
#frm_field_116_container input#field_bestbeachmanualentry-0,
#frm_field_140_container input#field_bestburgermanualentry-0,
#frm_field_122_container input#field_bestbutchermanualentry-0,
#frm_field_114_container input#field_bestcoffeemanualentry-0,
#frm_field_118_container input#field_bestcampingmanualentry-0,
#frm_field_138_container input#field_bestfishmanualentry-0,
#frm_field_110_container input#field_bestfloristmanualentry-0,
#frm_field_136_container input#field_bestgymmanualentry-0,
#frm_field_112_container input#field_bestbarbermanualentry-0,
#frm_field_127_container input#field_bestpizzeriamanualentry-0,
#frm_field_124_container input#field_bestpubmanualentry-0,
#frm_field_58_container input#field_bestbakerymanualentry-0,
#frm_field_135_container input#field_besttourismmanualentry-0,
#frm_field_209_container input#field_termsofuse-0,
#frm_field_240_container input#field_drawtowin2-0 {
	display: block !important;
}

#frm_field_209_container input#field_termsofuse-0,
#frm_field_240_container input#field_drawtowin2-0{
	border: 1px solid #fff;
}

#form_all-the-best .frm_top_container{
    display: flex;
	flex-direction: column;
	align-items: center;
}

#frm_field_35_container,
#frm_field_60_container,
#frm_field_76_container,
#frm_field_52_container,
#frm_field_88_container,
#frm_field_64_container,
#frm_field_48_container,
#frm_field_56_container,
#frm_field_92_container,
#frm_field_84_container,
#frm_field_41_container,
#frm_field_28_container,
#frm_field_72_container,
#frm_field_68_container,
#frm_field_80_container {
	position: relative;
	input {
		font-weight: bold;
		&::placeholder {
			color: white;
		}
	}
}

#form_all-the-best .frm_top_container button {
	border: 1px solid var(--wp--preset--color--light-grey);
	color: #25AEE1;
	background: var(--wp--preset--color--error);
	margin-top: 10px;
	border-radius: 5px;
    margin-left: 10px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 10px);
    right: max(12px, calc((100vw - 600px) / 2 + -12px));
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    z-index: 1000;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-height: 1000px;
    padding: 0;
    padding-bottom: 3px;
    font-size: 14px;
    border-width: 2px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

	@media (min-width: 1280px) {
    	right: calc((1230px - 600px) / 2 + 12px);
	}
}

#form_all-the-best .frm_top_container button:hover{
	cursor: pointer;
	background: #E0D8CC;
	border-color: #E0D8CC;
	color: #501A23;
}

#form_all-the-best .frm_button_submit.frm_final_submit{
	margin-top: 20px;
}


/* Leaderboard All The Best Page */

.hidden,
.count,
table.google-visualization-table-table thead,
table.google-visualization-table-table tr td:last-child {
	display: none;
}

table.google-visualization-table-table,
table.google-visualization-table-table tr,
table.google-visualization-table-table tr td {
	background: none !important;
	border: 0;
}

table.google-visualization-table-table tr {
	font-size: 1.1rem;
	font-family: var(--wp--preset--font-family--noto-sans);
	line-height: 1.3rem;
}

table.google-visualization-table-table tr td span {
	display: none;
}

table.google-visualization-table-table tr td span.gv-part-1,
table.google-visualization-table-table tr td span.gv-part-3 {
	display: block;
}

table.google-visualization-table-table tr td {
    vertical-align: top;
	padding-top: 10px;
}

table.google-visualization-table-table tr:first-child {
	font-weight: 600;
	font-size: 1.2rem !important;
}

.d-none {
	display: none !important;
}

input#field_voteremail1 {
	display: none;
}

h2.with-link a {
	color: #fff !important;
	text-decoration: underline;
}

h2.with-link a:hover {
	text-decoration: none;
}

input#field_voteremail {
	display: none;
}

.custom .wp-block-post-content-is-layout-constrained .with_frm_style .frm_message {
	background: var(--wp--preset--color--dark-grey) !important;
	color: #fff !important;
	padding: var(--wp--preset--spacing--20) !important;
	font-size: var(--form-desc-size) !important;
	border-radius: 10px;
	margin-top: 20px;
	border: 0;
	text-align: center;
}

.page-id-27 .frm_message,
.page-id-875 .frm_message,
.page-id-25 .frm_message{
	text-align: center;
    background: var(--wp--preset--color--error);
    margin: 0;
    color: #fff;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	border-radius: 5px;
	padding: 30px;
	h2 {
		margin: 0;
		color: var(--wp--preset--color--accent-3);
	}

	iframe {
		border: none;
	}
	
	p {
		padding-bottom: 0;
	}

	.wp-block-buttons {
		margin-top: 30px;
	}
}

.page-id-875 .frm_message,
.page-id-25 .frm_message{
	background: none;
}


/* Breadcrumbs */

.yoast-breadcrumbs {
	>span {
		display: flex;
		align-items: center;
		gap: var(--bl);

		>span:first-of-type {
			display: flex;
			align-items: center;
			gap: 6px;

			&::before {
				content: url('../../icons/home.svg');
				display: inline-block;
			}
		}
	}

	a {
		text-decoration: none;
		color: var(--wp--preset--color--base);
	}
}

/* Breadcrumbs */

.popup {
	margin: 0;
	padding: 0;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	max-height: 0 !important;
	height: 100% !important;
	max-width: none !important;
	width: 0 !important;
	z-index: 1001 !important;
	background-color: rgba(18, 41, 48, .75);
	transition: opacity .2s, width 0s .3s, height 0s .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	overflow: hidden;
}

.popup.show {
	width: 100% !important;
	max-height: 100dvh !important;
	opacity: 1;
	overflow: auto;
	transition: height 0s, width 0s, opacity .5s;
	padding: var(--col-gap);

	@media (min-width: 992px) {
		padding: calc(var(--col-gap)*2);
	}
}

.popup h2 {
	margin-top: 0;
}

@media (min-width: 782px) {
	.popup .forminator-row {
		display: flex;
		gap: 14px;
	}

	.popup .forminator-col {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	.popup .forminator-col-md-6 {
		width: 50%;
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}

.popup__container {
	width: 100%;
	position: relative;
	background-color: var(--wp--preset--color--base);
	padding: calc(var(--col-gap)*2);
	padding-top: calc(var(--col-gap)* 2.5);
	margin-top: auto;
	margin-bottom: auto;
	border-radius: 20px;
	max-width: 900px;
}

.popup__close,
.popup__arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(var(--bl)*.75);
	right: calc(var(--bl)*.75);
	cursor: pointer;
	border-radius: 100%;
	background-color: var(--wp--preset--color--contrast);
	transition: all .3s;
	width: 40px;
	height: 40px;

	svg {
		fill: var(--wp--preset--color--base);
	}

	&:hover {
		background-color: var(--wp--preset--color--accent-2);

		svg {
			fill: var(--wp--preset--color--contrast);
		}
	}

	@media (min-width: 1200px) {
		padding: 8px;
	}
}

.popup__arrow {
	padding: 10px;
}

.popup__arrow--prev {
	rotate: 180deg;
	right: calc(var(--bl)*1.75 + 80px);
	padding-left: 12px;
	padding-right: 8px;
}

.popup__arrow--next {
	right: calc(var(--bl)*1.25 + 40px);
}

/* Forminator */

.forminator-edit-module {
	display: none;
}

body form .forminator-button:hover {
	box-shadow: none !important;
}

.forminator-guttenberg {
	margin-top: 0;
}

.forminator-field {
	display: flex;
	flex-direction: column;

	textarea,
	input,
	select {
		width: 100%;
		padding: 12px;
		background-color: var(--wp--preset--color--light-grey);
		border: none;
		/*    	border-bottom: 1px solid var(--wp--preset--color--body);*/
		color: var(--wp--preset--color--body);

		&::placeholder {
			color: var(--wp--preset--color--light-grey);
		}
	}

	label {
		margin-bottom: 4px;
		font-size: 14px;
		color: var(--wp--preset--color--body);
	}
}

.wp-block-group.has-light-grey-background-color .forminator-field {

	textarea,
	input,
	select {
		background-color: #eee;
	}
}

.forminator-row-last {
	/*	margin-top: 24px;*/
	margin-bottom: 0 !important;

	.forminator-field {
		/*		margin-top: 0;*/
		align-items: flex-start;
	}
}

.forminator-field-name>.forminator-row {
	gap: 0;
}

.entry-content ul.forminator-uploaded-files {
	list-style: none;
	padding: 0;

	li:not(:last-child) {
		margin-bottom: var(--bl);
	}

	.forminator-uploaded-file--content {
		display: flex;
		align-items: center;
		gap: var(--bl);
	}

	.forminator-uploaded-file--image {
		display: none;
	}

	.forminator-uploaded-file--text {
		display: flex;
		flex-direction: column;
		gap: 0;

		p {
			margin: 0;
			font-size: 15px;
		}
	}

	button.forminator-uploaded-file--delete {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		background-color: var(--wp--preset--color--accent);
		padding: 10px;
		border-radius: 4px;

		.forminator-icon-close {
			display: flex;

			&::before {
				color: white;
			}
		}
	}
}

.forminator-error {
	display: none;
}

.forminator-required {
	color: #E04562;
}

.forminator-success,
.forminator-response-message,
.forminator-error-message {
	padding: 6px;
	margin: 0;
	margin-top: 2px;
	font-size: 12px;
	line-height: 1;
	background-color: #F9E4E8;
	color: #E04562;
}

.forminator-response-message {
	margin: 0;
	padding: 12px 16px;
	margin-bottom: 12px;
	background-color: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--base);

	ul {
		padding: 0;
		list-style: none;
		margin: 0;
	}

	p {
		margin: 0;
		padding: 0;
	}
}

.forminator-success {
	background-color: #d6fbdc;
	color: green;
	margin: 0;
	padding: 12px;
	margin-bottom: 12px;
}

.forminator-field-captcha {
	margin-top: var(--col-gap);
}

/* Hover Labels */

/*.forminator-row,
.forminator-col {
	margin-bottom: 0!important;
}

.forminator-col:has(> .forminator-has_error.forminator-field) {
	margin-bottom: 26px!important;
}

@media(max-width: 781px) {
	.forminator-col:has(> .forminator-has_error.forminator-field) {
		margin-bottom: 48px!important;
	}
}

.forminator-field {
	position: relative;
	margin-top: 28px;
}

.forminator-field .forminator-label {
	line-height: 1;
	position: absolute;
	margin: 0;
	bottom: calc(50% - 9px);
	left: 16px;
	transition: all .3s;
	font-size: 16px;
	cursor: text;
}

.forminator-field-textarea .forminator-label {
	bottom: calc(100% - 29px);
}

.forminator-error-message {
	position: absolute;
	bottom: -26px;
	left: 0;
}

.forminator-field-upload .forminator-label,
.forminator-field-select .forminator-label,
.forminator-is_active.forminator-field .forminator-label,
.forminator-is_filled.forminator-field .forminator-label {
	left: 4px;
	bottom: calc(100% + 4px);
	font-size: 14px;
}

.forminator-field {
	input,
	textarea {
		&::placeholder {
			opacity: 0;
		}
	}
}*/

/* Header */

body.logged-in.admin-bar {
	header.wp-block-template-part {
		top: 46px;

		@media(min-width: 782px) {
			top: 32px;
		}

		.wp-block-navigation__responsive-container.is-menu-open {
			top: 124px;

			@media(min-width: 782px) {
				top: 110px;
			}
		}
	}

	header.wp-block-template-part {
		.wp-block-navigation__responsive-container-content {
			.wp-block-navigation__container {
				.has-child .wp-block-navigation__submenu-container {
					@media (min-width: 992px) {
						top: 86px;
					}
				}
			}
		}
	}
}

.wp-site-blocks {
	padding-top: 86px;
}

html&.has-modal-open {
	overflow-y: hidden;
}

header.wp-block-template-part {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;

	.wp-block-buttons {
		margin-left: 8px;
		gap: 8px;
	}

	.wp-block-button.outline a::after {
		content: none;
	}

	.wp-block-button__link {
		font-size: 12px;
		padding: .75rem 1rem;

		&::after {
			@media(max-width: 1099px) {
				content: none;
			}
		}
	}
}

.header-logo-wrap {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

header.wp-block-template-part {
	&:has(.is-position-sticky) {
		.header-block {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 999;
		}

		.header-spacer {
			padding: 0;
		}
	}

	.wp-block-site-logo {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;

		img {
			height: 48px;
			width: auto;
		}

		@media (min-width: 1200px) {
			padding-left: 0;
		}
	}

	.wp-block-social-links {
		gap: 0;

		li.wp-social-link {
			border-radius: 0;
			border-right: 1px solid white;
			padding-right: calc(var(--bl)*.75);
			margin-right: calc(var(--bl)*.75);
		}

		.wp-social-link svg {
			padding: 3px;
			width: 2rem;
			height: 2rem;
		}

		@media (max-width: 767px) {
			>* {
				display: none !important;
			}
		}
	}

	.header-contact-buttons .wp-block-contact__detail {
		padding-top: 4px;
		/*
		@media(max-width: 1299px) {
			.wp-block-contact__info {
				display: none;
			}
		}*/
	}

	@media (max-width: 549px) {
		.header-button-login a {
			font-size: 0;
		}

		.header-button-login a::after {
			display: none;
		}

		.header-button-login a::before {
			content: "Vote";
			font-size: 12px;
		}
	}

	@media (min-width: 1300px) {
		.header-button-vote a {
			font-size: 0;

			&::after {
            	vertical-align: bottom;
            	height: 20px;
			}
		}

		.header-button-vote a::before {
			content: "Vote for All The Best";
			font-size: 12px;
		}
	}

	@media (max-width: 991px) {
		.header-button-vote {
			display: none;
		}
	}

	/* Menu */

	nav ul {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.wp-block-navigation-item {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		a {
			text-align: center;
			background-color: transparent;
			text-decoration: none;
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;

			&:hover {
				outline: none;
				color: var(--wp--preset--color--accent);
			}
		}

		&.button {
			@media(max-width: 991px) {
				display: none;
			}

			a {
				border-radius: 50px;
				padding: .75rem 1rem;
				font-weight: bold;
				color: var(--wp--preset--color--base);
				background-color: var(--wp--preset--color--error);
				border: 2px solid var(--wp--preset--color--error);
				font-size: 12px;
				text-transform: uppercase;

				&:hover,
				&:active {
					background-color: #E0D8CC !important;
					color: var(--wp--preset--color--accent) !important;
					border-color: #E0D8CC !important;
				}

				&:focus {
					background-color: var(--wp--preset--color--accent-3) !important;
					color: var(--wp--preset--color--accent) !important;
					border-color: var(--wp--preset--color--accent) !important;
				}
			}

			&.blue a {
				background-color: var(--wp--preset--color--light-grey) !important;
				border-color: var(--wp--preset--color--light-grey);
				color: var(--wp--preset--color--accent-2);

				&:hover,
				&:active {
					background-color: #E0D8CC !important;
					color: var(--wp--preset--color--accent) !important;
					border-color: #E0D8CC !important;
				}

				&:focus {
					background-color: var(--wp--preset--color--accent-2) !important;
					color: var(--wp--preset--color--light-grey) !important;
					border-color: var(--wp--preset--color--light-grey) !important;
				}
			}

			&.yellow a {
				background-color: var(--wp--preset--color--accent-3) !important;
				border-color: var(--wp--preset--color--accent-3);
				color: var(--wp--preset--color--accent);

				&:hover,
				&:active {
					background-color: #E0D8CC !important;
					color: var(--wp--preset--color--accent) !important;
					border-color: #E0D8CC !important;
				}

				&:focus {
					background-color: var(--wp--preset--color--accent) !important;
					color: var(--wp--preset--color--accent-3) !important;
					border-color: var(--wp--preset--color--accent-3) !important;
				}
			}

			&.orange a {
				background-color: var(--wp--preset--color--body) !important;
				border-color: var(--wp--preset--color--body);
				color: #fff;

				&:hover,
				&:active {
					background-color: #E0D8CC !important;
					color: #fff !important;
					border-color: #E0D8CC !important;
				}

				&:focus {
					background-color: #fff !important;
					color: var(--wp--preset--color--body) !important;
					border-color: var(--wp--preset--color--body) !important;
				}
			}
		}
	}

	/* Submenu */

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {}

	.wp-block-navigation__submenu-container {

		li.current-menu-item,
		li.current-menu-item>a {
			color: var(--wp--preset--color--accent-3);
		}

		a {
			&:hover {}
		}
	}

	/* Submenu Arrow */

	.wp-block-navigation__submenu-icon {
		width: 40px;
		height: 40px;
		padding: 0 10px;
		margin: 0;

		/* -webkit-transform: rotate(180deg)!important;
		    -ms-transform: rotate(180deg)!important;
		        transform: rotate(180deg)!important; */
		svg {
			height: 100%;
			width: 100%;
			transition: all .3s;
		}

		@media(min-width: 992px) {
			width: 18px;
			padding: 0 3px;
			padding-right: 0;
			height: auto;
		}
	}

	/* Mobile Menu Activate */

	@media (min-width: 992px) {
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
			display: none !important;
		}

		.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
			display: block !important;
			width: 100%;
			position: relative;
			z-index: auto;
			background-color: inherit;
		}

		.wp-block-navigation-item:has(.wp-block-social-links) {
			display: none;
		}
	}

	@media (min-width: 600px) {
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}

		.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
			display: none;
			justify-items: flex-end;
		}
	}

	/* Mobile Menu */

	nav {
		-ms-flex-negative: 0;
		flex-shrink: 0;

		.wp-block-contact {
			-ms-flex-item-align: start;
			align-self: flex-start;
			margin-top: var(--bl);
			gap: calc(var(--bl)*.5);
		}
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		top: 86px;
		/* max-width: 300px; */
		width: 100%;
		left: 0;
		right: unset;
		bottom: unset;
		overflow: visible;
		-webkit-animation: overlay-menu__slide-in-animation .1s ease-out;
		animation: overlay-menu__slide-in-animation .1s ease-out;
		/* justify-content: center;*/
		background-color: var(--wp--preset--color--accent) !important;
		-webkit-box-shadow: -4px 4px 8px 0px rgba(0, 0, 0, 0.05);
		box-shadow: -4px 4px 8px 0px rgba(0, 0, 0, 0.05);
		padding: 0;
		z-index: 1001;

		/*@media(min-width: 782px) {
			max-width: 100%;
    }*/

		.wp-block-navigation__responsive-container-content {
			height: calc(100dvh - 86px);
			padding: var(--col-gap-large);
		}

		.wp-block-navigation__container {
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}

		.wp-block-navigation-item {
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;

			a.wp-block-navigation-item__content {
				padding: calc(var(--bl)*.5) 0 !important;
				font-size: 28px;

				.wp-block-navigation-item.button & {
					padding: .75rem 1.25rem !important;
					margin: calc(var(--bl)*.5) 0;
					font-size: 18px;
				}
			}
		}

		.wp-block-social-links {
			margin-top: var(--col-gap-large);

			.wp-social-link a:hover {
				background-color: transparent;
				color: var(--wp--preset--color--accent);
			}
		}

		.wp-block-navigation__responsive-dialog {
			margin-top: 0;
		}
	}

	.wp-block-navigation__responsive-container-content {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
		gap: 0;
		overflow: auto !important;

		.wp-block-navigation__container {
			width: 100%;
			-webkit-box-align: stretch !important;
			-ms-flex-align: stretch !important;
			align-items: stretch !important;
			overflow: auto;
			gap: 1rem;
			overflow: hidden;

			@media(min-width: 992px) {
				gap: .5rem;
			}

			@media(min-width: 1200px) {
				gap: 1.25rem;
			}

			a {
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
			}

			.has-child .wp-block-navigation__submenu-container {
				padding: 0 !important;

				a {
					color: var(--wp--preset--color--accent-2);

					&:hover,
					&:focus {
						color: var(--wp--preset--color--accent-3) !important;
					}
				}

				li.current-menu-item a {
					color: var(--wp--preset--color--accent-3)!important;
				}

				@media(min-width: 992px) {
					position: fixed;
					left: unset;
					width: 250px !important;
					height: auto;
					max-height: none;
					top: 54px;
					border: none;
					border-top: 33px solid transparent;
					background-color: transparent;
					margin-left: 80px;

					a {
						background-color: #641023;
						color: white !important;
						font-size: 14px !important;
						padding: calc(var(--bl) * .75) var(--bl) !important;
						justify-content: start;
						text-align: left;
					}
				}
			}
		}

		.wp-block-navigation__container {
			-ms-flex-negative: 0;
			flex-shrink: 0;
		}

		.wp-block-navigation-item {
			-webkit-box-flex: 0;
			-ms-flex-positive: 0;
			flex-grow: 0;
			background-color: transparent;
			/*    		align-items: center!important;*/

			&:first-of-type a {
				padding-top: 0 !important;
			}

			&.show-mobile {
				@media(min-width: 768px) {
					display: none;
				}
			}

			&.has-child {
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-ms-flex-direction: row;
				flex-direction: row;

				a {
					/* width: 100%; */
					max-width: calc(100% - 40px);
					padding-right: 0 !important;

					@media(min-width: 992px) {
						max-width: calc(100% - 18px);
					}
				}

				.wp-block-navigation-item__label {
					-webkit-transition: all .3s;
					-o-transition: all .3s;
					transition: all .3s;
				}

				>ul {
					width: 100% !important;
					max-height: 1000px;
					overflow: hidden;

					&.inactive {
						max-height: 0;
						@media(max-width: 991px) {
							overflow: hidden;
						}
					}

					a {
						-webkit-box-pack: center;
						-ms-flex-pack: center;
						justify-content: center;
						width: 100%;
						padding: calc(var(--bl)*.75) 0 !important;
						color: white !important;
						font-size: 22px !important;
						border: none;

						&:hover .wp-block-navigation-item__label {
							color: var(--wp--preset--color--accent-3) !important;
						}
					}
				}
			}

			.wp-block-navigation__submenu-icon {
				display: block;
				position: relative;
				-webkit-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
				/* -webkit-transform: rotate(180deg) !important;
    			    -ms-transform: rotate(180deg) !important;
    			        transform: rotate(180deg) !important; */
				padding-top: 0;
				padding-bottom: 0;

				svg path {
					stroke: var(--wp--preset--color--base);
				}

				&.inactive {
					/* -webkit-transform: rotate(0deg) !important;
    				    -ms-transform: rotate(0deg) !important;
    				        transform: rotate(0deg) !important; */
				}
			}

			&.button {
				a {
					background-color: var(--wp--preset--color--error) !important;
					color: var(--wp--preset--color--base);
					font-weight: bold;
					border-radius: 50px;
					padding: .75rem 1.25rem;
					font-size: 20px;
					border: 2px solid var(--wp--preset--color--error);

					&:hover,
					&:focus {
						background-color: #E0D8CC !important;
						border-color: #E0D8CC !important;
						color: var(--wp--preset--color--error);

						/* .wp-block-navigation-item__label::after {
							background-color: var(--wp--preset--color--base);
						} */
					}
				}

				&.yellow a {
					background-color: var(--wp--preset--color--accent-3) !important;
					border-color: var(--wp--preset--color--accent-3);
					color: var(--wp--preset--color--accent);

					&:hover,
					&:focus {
						background-color: #E0D8CC !important;
						border-color: #E0D8CC !important;
						color: var(--wp--preset--color--error) !important;
					}
				}

				&.blue a {
					background-color: var(--wp--preset--color--light-grey) !important;
					border-color: var(--wp--preset--color--light-grey);
					color: var(--wp--preset--color--accent-2);

					&:hover,
					&:focus {
						background-color: #E0D8CC !important;
						border-color: #E0D8CC !important;
						color: var(--wp--preset--color--error) !important;
					}
				}
			}
		}

		li.wp-block-navigation-item.current-menu-item:not(.button) {
			a.wp-block-navigation-item__content {
				color: var(--wp--preset--color--accent-3);
			}

			svg path {
				stroke: var(--wp--preset--color--accent-3);
			}
		}

		a.wp-block-navigation-item__content {
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;

			&:hover {
				color: var(--wp--preset--color--accent-3);
			}
		}

		a.wp-block-navigation-item__content[href="#"] {
			cursor: default;
			&:hover {
				color: white;
			}
		}

		.wp-block-navigation__responsive-dialog {
			position: unset;
			margin: 0 !important;
		}

		.wp-block-navigation-submenu {
			max-height: 1000px;
			-ms-flex-negative: 0;
			flex-shrink: 0;
			-webkit-transition: all .5s !important;
			-o-transition: all .5s !important;
			transition: all .5s !important;
			/* overflow: hidden; */
			/*&.inactive {
				max-height: 0;
			}*/
		}
	}

	/* Menu Toggle */

	.wp-block-navigation__responsive-container-close,
	.wp-block-navigation__responsive-container-open {
		background-color: var(--wp--preset--color--accent-3);
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		border-radius: 100%;
		top: -67px;
		left: 16px;
		right: unset;

		svg {
			width: 48px;
			height: 48px;
			border-radius: 100%;
			padding: 6px;
			background-color: transparent;

			path {
				fill: var(--wp--preset--color--accent);
			}
		}

		&:hover {
			background-color: #E0D8CC;
		}
	}

	.wp-block-navigation__responsive-container-close {
		svg {
			width: 50px;
			height: 50px;
		}
	}
}

@media (max-width: 992px) {
	header.wp-block-template-part {
		.wp-block-navigation__responsive-container-content {
			.wp-block-navigation__container {
				align-items: center !important;
			}
		}
	}
}

body.scrolled {}

@-webkit-keyframes overlay-menu__slide-in-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2rem);
		transform: translateX(2rem);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes overlay-menu__slide-in-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2rem);
		transform: translateX(2rem);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/* Awards Web Form + ATB Form */

#form_yux7f,
#form_qday-art-comp {
    border: 2px solid #FBB62A;
    padding: 24px;
    border-radius: 15px;
	@media(min-width: 768px) {
    	padding: 48px;
	}
}

body .with_frm_style .frm_submit.frm_flex {
	gap: 10px;
}

#form_yux7f label,
#form_yux7f .frm_primary_label,
#form_qday-art-comp label,
#form_qday-art-comp .frm_primary_label
{
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

#form_all-the-best input[type="text"],
#form_yux7f input[type="text"],
#form_yux7f input[type="tel"],
#form_yux7f input[type="url"],
#form_yux7f input[type="email"],
#form_qday-art-comp input[type="text"],
#form_qday-art-comp input[type="tel"],
#form_qday-art-comp input[type="url"],
#form_qday-art-comp input[type="number"],
#form_qday-art-comp input[type="email"]

{
	border: 1px solid #FBB62A;
	border-radius: 5px;
	color: #fff;
}

#form_yux7f input[type="radio"],
#form_qday-art-comp input[type="radio"]{
	border: 1px solid #FBB62A;
	color: #fff;
}

#frm_field_169_container .frm_error,
#frm_field_171_container .frm_error,
#form_qday-art-comp .frm_error
 {
	color: #FBB62A !important;
}

#form_qday-art-comp h2,
#form_qday-art-comp p,
#form_yux7f h2,
#form_yux7f p,
#frm_field_171_container h2,
#frm_field_171_container p,
#frm_field_208_container{
	color: #fff;
}

#frm_field_171_container p,
#frm_field_249_container p {
	margin-top: -40px;
}

#frm_field_201_container .frm_opt_container,
#frm_field_204_container .frm_opt_container,
#frm_field_206_container .frm_opt_container,
#frm_field_232_container .frm_opt_container,
#frm_field_234_container .frm_opt_container,
#frm_field_239_container .frm_opt_container,
#frm_field_248_container .frm_opt_container
{
	justify-content: left;
}

#form_yux7f .frm_description,
#form_qday-art-comp  .frm_description{
	color: #fff;
	margin-top: 15px;
}

#form_yux7f p a,
#form_qday-art-comp p a{
	color: #FBB62A;
	text-decoration: underline;
}

#form_yux7f p a:hover,
#form_qday-art-comp p a:hover{
	text-decoration: none;
}

#form_yux7f input:checked+.frm_switch .frm_slider,
#form_qday-art-comp input:checked+.frm_switch .frm_slider{
	background-color: #FBB62A;
}

#frm_field_207_container>div {
	margin-left: -15px;
}

#frm_field_203_container ul,
#frm_field_231_container ul{
	color: #fff;
}

#form_yux7f textarea,
#form_qday-art-comp textarea{
	border: 1px solid #FBB62A;
	background: none;
	color: #fff;
	border-radius: 5px;
}

#form_yux7f .frm_required,
#form_qday-art-comp .frm_required{
	color: #FBB62A;
	    font-size: 22px;
}
#form_yux7f .frm_error,
#form_qday-art-comp .frm_error{
    font-size: 15px;
    text-align: left !important;;
    padding-top: 10px;
	color: #FBB62A;
}

#form_yux7f .frm_error_style,
#form_qday-art-comp .frm_error_style {
	background: none;
	border: 0;
	color: #FBB62A;
}


#form_yux7f .frm_pro_max_limit_desc,
#form_qday-art-comp .frm_pro_max_limit_desc{
	color: #fff;
	padding-top: 10px;
}

#form_yux7f .frm_pro_max_limit_desc.frm_limit_error,
#form_qday-art-comp .frm_pro_max_limit_desc.frm_limit_error{
	color: #FBB62A;
}


button.frm_prev_page {
    text-transform: uppercase;
}
button.frm_prev_page:before{
        content: "\2190";
        font-size: 18px;
        margin-top: -6px;
        line-height: 1;
        -webkit-padding-start: .5rem;
        padding-inline-start: 0rem;
		padding-right: 0.5rem;
        vertical-align: middle;
        text-decoration: none;
        display: inline-block;
}

.frm_repeat_buttons a{
	background: var(--wp--preset--color--error) !important;
	border:0 !important;
	color: #fff !important;
	border-radius: 5px !important;
	font-size: 12px !important;
	font-weight: normal !important;
	
}

.frm_repeat_buttons a:hover{
	background: #E0D8CC !important;
	color: var(--wp--preset--color--accent) !important;
}

#form_all-the-best .ph_suburb{
	margin-top: 15px !important;
}

#frm_field_181_container ul, 
#frm_field_181_container ul li,
#frm_field_251_container ul, 
#frm_field_251_container ul li{
	color: #fff;
}

#frm_field_248_container label{
	font-weight: normal;
	margin-right: 5px;
}

/* Dashboard */

.wp-block-group.custom-dashboard {
	&:last-child {
		margin-bottom: 5rem;;
	}
	
    max-width: 1242px;
    margin-left: auto !important;
    margin-right: auto !important;
	
    padding-top: var(--wp--preset--spacing--80);
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
	padding-bottom: 0;

	select {
		padding: 10px; 
		padding-right: 30px;
		width: calc(33.33% - 13.33px); 
		margin-bottom: 20px;
        border-radius: 10px;
        border-color: #ccc;
		&:nth-of-type(2) {
			margin-left: 20px;
			margin-right: 20px;
		}
		
		-webkit-appearance: none;
		-moz-appearance: none;
		background: transparent;
		background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
		background-repeat: no-repeat;
        background-position-x: 99%;
        background-position-y: 10px;
		@media(max-width: 768px) {
			width: 100%;
			&:nth-of-type(2) {
				margin-left: 0px;
				margin-right: 0px;
			}
		}
	}

	.table-header {
		background-color: #501a23;
		color: white;
		font-weight: bold;
		text-transform: uppercase;
		padding: 4px 10px 0;
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 1rem;
		/* border-radius: 10px; */
	}

	ul.custom-dashboard__categories {
		list-style: none;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 1rem;
		margin-bottom: 3rem;

		li {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			gap: 1rem;
			font-weight: bold;
			text-transform: uppercase;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			/* border: 1px solid #ddd; */
			border-radius: 15px;
			padding: .75rem .75rem!important;
			width: calc(20% - .8rem);
			line-height: 1;
			/* font-size: 14px; */

			&[data-category="bestbakery"] { background-color: #E2D8CB; }
			&[data-category="bestbahnmi"] { background-color: #f2a4bd; }
			&[data-category="bestbeach"] { background-color: var(--wp--preset--color--error); color: #E0D8CC; }
			&[data-category="bestburger"] { background-color: #eb5424; color: #112138; }
			&[data-category="bestbutcher"] { background-color: #25aee1; }
			&[data-category="bestcafe"] { background-color: var(--wp--preset--color--error); color: #E0D8CC; }
			&[data-category="bestcamping"] { background-color: #fbb62a; }
			&[data-category="bestfishandchips"] { background-color: #E2D8CB; }
			&[data-category="bestflorist"] { background-color: #f2a4bd; }
			&[data-category="bestgym"] { background-color: var(--wp--preset--color--error); color: #E0D8CC; }
			&[data-category="besthairdresser"] { background-color: #112138; color: #E0D8CC; }
			&[data-category="besticecream"] { background-color: #25aee1; }
			&[data-category="bestpizza"] { background-color: #fbb62a; }
			&[data-category="bestpub"] { background-color: #eb5424; color: #112138; }
			&[data-category="besttourism"] { background-color: #E2D8CB; }
		}

		@media(max-width: 992px) {
			li {
				width: calc(33.33% - .67rem);
			}
		}

		@media(max-width: 768px) {
			li {
				width: 100%;
			}
		}

		svg {
			width: 60px;
			height: 60px;
			-ms-flex-negative: 0;
			    flex-shrink: 0;
		}

		span {
			font-weight: normal;
			display: block;
			margin-top: 6px;
		}
	}

	ul.custom-dashboard__votes {
		list-style: none;
		padding: 0;
		max-height: 717px;
		overflow: scroll;
		border: 1px solid #ddd;
		li {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex; 
			gap: 1rem; 
			-webkit-box-pack: justify; 
			    -ms-flex-pack: justify; 
			        justify-content: space-between; 
			border-bottom: 1px solid #ddd; 
            padding: 5px 10px!important;
			font-size: 15px;
		}
	}
}

#doughnutChart {
	width: 700px!important;
	height: auto;
	aspect-ratio: 1/1;
	margin: 0 auto;
}

/* Registration Form */

.guest-content #frm_form_7_container {
    margin-top: -10px;

	.frm_message {
		background-color: transparent;
	}

	.frm_fields_container {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	#frm_field_237_container,
	#frm_field_238_container,
	#frm_field_146_container,
	#frm_field_147_container {
		width: 100%;
		margin-bottom: 0;
	}

	#frm_field_243_container {
		margin-bottom: 0;
		p {
			margin: 0;
			padding-bottom: 0;
		}

		.label-description {
			font-size: 13px;
		}
	}

	#field_gkd83_label {
		display: none;
	}

	#frm_field_244_container {
		margin-bottom: 0;
        flex-direction: column;
        display: flex;
		.frm_error {
			margin-left: 0;
		}
	}

	.frm_opt_container {
		margin-left: 0;
	}

	.frm_checkbox {
		margin-bottom: 0;
		label {
			font-size: 14px;
		}
		
		input[type="checkbox"] {
			margin-top: 0;
		}
	}

	#frm_field_151_container {
		width: 100%;
		margin-bottom: 0;
        margin-top: -15px;
		button {
			margin-top: 0;
			&::after {
				content: none;
			}
			
			/* color: var(--wp--preset--color--accent) !important;
			background-color: var(--wp--preset--color--accent-3) !important;
			border-color: var(--wp--preset--color--accent-3);

			&:hover,
			&:active {
				background-color: #E0D8CC !important;
				color: var(--wp--preset--color--accent) !important;
				border-color: #E0D8CC !important;
			}

			&:focus {
				background-color: var(--wp--preset--color--accent) !important;
				color: var(--wp--preset--color--accent-3) !important;
				border-color:  var(--wp--preset--color--accent) !important;
			} */
		}
	}

	@media(min-width: 550px) {
		#frm_field_237_container,
		#frm_field_238_container,
		#frm_field_146_container,
		#frm_field_147_container {
			width: calc(50% - 5px);
		}
	}

	/* Yellow BG */

	label,
	.frm_checkbox label,
	p strong,
	.label-description,
	.frm_description {
		color: var(--wp--preset--color--accent-2);
	}

	input {
		border-color: var(--wp--preset--color--accent-2);
		color: var(--wp--preset--color--accent-2);
		&[type="checkbox"]:checked {
			background-color: var(--wp--preset--color--accent)!important;
		}
	}

	.frm_message {
		h2,
		p {
			color: var(--wp--preset--color--accent);
		}

		.wp-block-button__link {
			color: var(--wp--preset--color--base)!important;
			background-color: var(--wp--preset--color--accent)!important;
			border: 2px solid var(--wp--preset--color--accent)!important;
			&:hover {
				background-color: #E0D8CC!important;
				color: var(--wp--preset--color--accent)!important;
				border-color: #E0D8CC!important;
			}

			&:focus {
				background-color: var(--wp--preset--color--base)!important;
				color: var(--wp--preset--color--accent)!important;
				border-color: var(--wp--preset--color--accent)!important;
			}
		}
	}
}

#form_user-registration .frm_opt_container{
	justify-content: flex-start;
}

#form_user-registration input[type="text"],
#form_user-registration input[type="email"],
#form_user-registration input[type="password"]{
	border: 1px solid;
	border-radius: 5px;
}

#form_user-registration input[type="radio"],
#form_user-registration input[type="checkbox"]{
	border: 1px solid var(--wp--preset--color--error) !important;
}

#frm_desc_field_1abwj{
	margin-top: 5px;
}

.page-id-378 .entry-content .with_frm_style .frm_message {
    text-align: center;
    color: #4f1821;
}

#form_user-registration p,
#form_user-registration .frm_radio label,
#form_user-registration .frm_checkbox label{
	color: #344054;
	font-weight: normal;
}

#form_user-registration .frm_radio{
	margin-right: 10px;
}

#form_user-registration p strong{
	color:var(--wp--preset--color--error);
}
#form_user-registration p a{
	text-decoration: underline;
}

#form_user-registration p a:hover{
	text-decoration: none;
}

#form_user-registration p.label-description{
	margin-top: -5px;
	margin-bottom: -10px;
	
}

#frm_field_241_container .frm_opt_container,
#frm_field_244_container .frm_opt_container,
#frm_field_241_container .frm_error,
#frm_field_244_container .frm_error
{
	margin-left: -10px;
}

#form_user-registration .frm_button_submit.frm_final_submit{
	margin-top: 10px;
}

#form_user-registration .frm_error_style
{
	background: #AF2E2E;
	border: 0;
	color: #fff;
	border-radius: 5px;
}


#form_user-registration .frm_error{
	text-align: left !important;
	margin-top: 5px;
	color: var(--wp--preset--color--error);
}


/* Voter Votes */

#voter-votes {
	padding: 20px;
	border: 2px solid var(--wp--preset--color--accent-3);
	background-color: white;
	border-radius: 20px;
	text-align: center;

	h2 {
		display: flex;
		flex-wrap: wrap;
		gap: .75rem;
		align-items: center;
		justify-content: center;
		margin: 0;
	}

	img {
		display: inline-block;
		/* margin: 0 auto;
		text-align: center; */
		width: 200px;
		margin-top: 30px;
	}

	ul {
		list-style: none;
		padding: 0;
	}

	li {
		margin: 10px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		line-height: 1;
		gap: 1rem;
		svg {
			width: 40px;
			height: 40px;
		}

		@media(min-width: 768px) {
			flex-direction: row;
			gap: 4px;
			svg {
				margin-right: .5rem;
			}
			
			strong {
				flex-shrink: 0;
				&::after {
					content: ' —';
					font-weight: normal;
				}
			}
		}
	}
}

.voter-votes-wrap {
	button {
		display: block;
		cursor: pointer;
		margin: 30px auto 0;
        border-radius: 40px;
        padding: .75rem 1.25rem;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--wp--preset--color--accent) !important;
        background-color: var(--wp--preset--color--light-grey) !important;
        border-color: var(--wp--preset--color--light-grey);
        border: 2px solid var(--wp--preset--color--light-grey);
		transition: all .3s;
        &::after {
            content: "\2192";
            font-size: 18px;
            margin-top: -6px;
            line-height: 1;
            -webkit-padding-start: .5rem;
            padding-inline-start: .5rem;
            vertical-align: middle;
            text-decoration: none;
            display: inline-block;
        }

		&:hover {
            background-color: #E0D8CC !important;
            color: var(--wp--preset--color--accent) !important;
            border-color: #E0D8CC !important;
            box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
		}

		&:focus {
            background-color: var(--wp--preset--color--accent) !important;
            color: var(--wp--preset--color--light-grey) !important;
            border-color: var(--wp--preset--color--light-grey) !important;
		}
	}
}