/* ========================================
   COMMON STYLES - Shared across all pages
   ======================================== */

/* Font Face Declarations */
@font-face {
	font-family: "Carter One";
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/carterone/v17/q5uCsoe5IOB2-pXv9UcNExN8gQ.ttf)
		format("truetype");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
	src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf)
		format("truetype");
}

@font-face {
	font-family: "Poiret One";
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/poiretone/v16/UqyVK80NJXN4zfRgbdfbo55cUg.ttf)
		format("truetype");
}

/* Common Container Styles */
.wt-container-4261357 {
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}

.wt-container-4285511 {
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.wt-container-4281611 {
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.wt-container-4261359 {
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/* Shared Menu Styles - Works for all menu configurations */
[id^="menu-block-configuration-"] ul.root {
	text-align: center;
}

[id^="menu-block-configuration-"] ul li {
	display: flow-root;
}

[id^="menu-block-configuration-"] ul li a:hover {
	text-decoration: none;
}

[id^="menu-block-configuration-"] ul li .page-name {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

[id^="menu-block-configuration-"] ul.root li .page-name .page-indicator-svg {
	width: 16px;
	height: 16px;
	vertical-align: sub;
	display: none;
	transform: rotate(0deg);
	transition: transform 0.5s ease;
}

[id^="menu-block-configuration-"] ul.branch li .page-name .page-indicator-svg {
	transform: rotate(-90deg);
}

[id^="menu-block-configuration-"]
	ul.root
	li
	.page-name:hover
	.page-indicator-svg {
	transform: rotate(-180deg);
	transition: transform 0.5s ease;
}

[id^="menu-block-configuration-"]
	ul.branch
	li
	.page-name:hover
	.page-indicator-svg {
	transform: rotate(-270deg);
}

[id^="menu-block-configuration-"] li > ul.sub-branch {
	margin-left: 100%;
}

[id^="menu-block-configuration-"] ul.sub-branch a,
[id^="menu-block-configuration-"] ul.branch a {
	white-space: nowrap;
}

@media (min-width: 992px) {
	[id^="menu-block-configuration-"] ul.root li .page-name .page-indicator-svg {
		display: block;
	}

	[id^="menu-block-configuration-"] ul.root {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
}

[id^="menu-block-configuration-"] ul.root li.active:not(.item-picture) {
	text-decoration: underline;
	font-weight: none;
	font-style: normal;
	font-size: inherit;
}

[id^="menu-block-configuration-"]
	ul.root
	li.active:not(.item-picture)
	> a.page-name {
	text-decoration: underline;
	font-weight: none;
	font-style: normal;
}

/* Mobile Menu Styles */
@media (max-width: 991px) {
	[id^="menu-block-configuration-"] ul.root > li,
	[id^="menu-block-configuration-"] > ul:not(.root) > li {
		box-shadow: none !important;
		padding-top: inherit;
		padding-bottom: inherit;
	}

	[id^="menu-block-configuration-"]
		> input[type="checkbox"]:not(:checked)
		+ ul
		> li:last-child {
		border-bottom: unset;
	}

	[id^="menu-block-configuration-"] ul.root > li:not(.show-divider),
	[id^="menu-block-configuration-"]
		ul.root
		ul:not(.root)
		> li:not(.show-divider) {
		border: none;
	}

	[id^="menu-block-configuration-"] ul.root ul > li.active {
		text-decoration: underline;
		font-weight: none;
		font-style: normal;
		font-size: inherit;
	}

	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		> label:not(.default-menu-icon) {
		left: 3px;
	}

	[id^="menu-block-configuration-"] ul.root > li label.default-menu-icon::after,
	[id^="menu-block-configuration-"]
		ul:not(.root)
		li
		label.default-menu-icon::after,
	[id^="menu-block-configuration-"]
		ul.root
		> li
		label:not(.default-menu-icon)
		span.icon,
	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		> label:not(.default-menu-icon)
		span.icon,
	[id^="menu-block-configuration-"] a .open-menu-label,
	[id^="menu-block-configuration-"] a .close-menu-label {
		position: absolute;
		right: 0;
		margin-top: -3px;
		margin-right: 9px;
		cursor: pointer;
	}

	[id^="menu-block-configuration-"] a .close-menu-label {
		transform: scale(0);
	}

	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		> label.default-menu-icon::after,
	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		> label:not(.default-menu-icon)
		span.icon,
	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		> label
		> a
		.open-menu-label,
	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		> label
		> a
		.close-menu-label {
		top: 0;
	}

	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		> label
		> a
		.open-menu-label,
	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		> label
		> a
		.close-menu-label {
		margin-top: 22px;
		margin-right: 7px;
		font-size: 7px;
		transition: transform 0.3s ease-in;
	}

	[id^="menu-block-configuration-"] ul.root li label.default-menu-icon::after,
	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		> label.default-menu-icon::after {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 21px;
		content: "\2630";
		cursor: pointer;
		transform: rotate(0) scaleX(1.5) translate(0, -2px);
		transition: transform 0.3s ease-out;
	}

	[id^="menu-block-configuration-"] ul.root li label.default-menu-icon::after {
		margin-top: 4px;
	}

	[id^="menu-block-configuration-"]
		input[type="checkbox"]
		+ ul:not(.root)
		> li
		> label.default-menu-icon::after {
		margin-right: 8px;
	}

	[id^="menu-block-configuration-"]
		input[type="checkbox"]:not(:checked)
		+ ul:not(.root)
		> li
		> label.default-menu-icon
		> a {
		margin-bottom: -10px;
	}

	[id^="menu-block-configuration-"]
		ul.root
		li
		> input[type="checkbox"]:not(:checked)
		+ label.default-menu-icon::after,
	[id^="menu-block-configuration-"]
		input[type="checkbox"]:not(:checked)
		+ ul:not(.root)
		> li
		> label.default-menu-icon::after {
		opacity: 1;
		transform: rotate(0) scaleX(1.5) translate(0, -2px);
		transition: transform 0.3s ease-out;
	}

	[id^="menu-block-configuration-"]
		ul.root
		li
		> input[type="checkbox"]:checked
		+ label.default-menu-icon::after {
		transform: rotate(90deg) scaleX(1.5) translate(0, -4px);
		transition: transform 0.3s ease-out;
	}

	[id^="menu-block-configuration-"]
		input[type="checkbox"]:checked
		+ ul:not(.root)
		> li
		> label.default-menu-icon::after {
		transform: rotate(90deg) scaleX(1.5) translate(0, -3px);
		transition: transform 0.3s ease-out;
	}

	[id^="menu-block-configuration-"]
		> input[type="checkbox"]:not(:checked)
		+ ul
		> li
		> label:not(.default-menu-icon)
		span.icon-open-menu,
	[id^="menu-block-configuration-"]
		ul
		> li
		> input[type="checkbox"]:not(:checked)
		+ label:not(.default-menu-icon)
		span.icon-open-menu {
		opacity: 1;
	}

	[id^="menu-block-configuration-"]
		input[type="checkbox"]:not(:checked)
		+ ul
		> li
		> label
		span.icon-close-menu,
	[id^="menu-block-configuration-"]
		ul
		> li
		> input[type="checkbox"]:not(:checked)
		+ label
		span.icon-close-menu {
		opacity: 0;
		transform: rotate(0) translateY(0);
		transition: transform 0.3s ease-out, opacity 0.3s ease-out;
	}

	[id^="menu-block-configuration-"]
		ul.root
		li
		label:not(.default-menu-icon)
		span.icon,
	[id^="menu-block-configuration-"]
		> ul:not(.root)
		> li
		label:not(.default-menu-icon)
		span.icon {
		margin-top: 2px;
		cursor: pointer;
		transform: rotate(0) translateY(0);
		transition: transform 0.3s ease-out, opacity 0.3s ease-out;
	}

	[id^="menu-block-configuration-"]
		ul.root
		li
		label:not(.default-menu-icon)
		span.icon {
		margin-top: 0;
	}

	[id^="menu-block-configuration-"]
		input[type="checkbox"]:not(:checked)
		+ ul:not(.root)
		> li
		> label:not(.default-menu-icon)
		.open-menu-label {
		transform: scaleY(1);
		padding-top: 4px;
	}

	[id^="menu-block-configuration-"]
		input[type="checkbox"]:not(:checked)
		+ ul:not(.root)
		> li
		> label:not(.default-menu-icon)
		.close-menu-label {
		transform: scaleY(0);
		padding-top: 4px;
	}

	[id^="menu-block-configuration-"]
		input[type="checkbox"]:not(:checked)
		+ ul:not(.root)
		> li
		> label:not(.default-menu-icon)
		> a {
		margin-bottom: 10px;
	}

	[id^="menu-block-configuration-"]
		> input[type="checkbox"]:checked
		+ ul
		> li
		> label
		span.icon-open-menu {
		opacity: 0;
	}

	[id^="menu-block-configuration-"]
		> input[type="checkbox"]:checked
		+ ul
		> li
		> label:not(.default-menu-icon)
		span.icon {
		transform: rotate(90deg) translateY(-4px);
		transition: transform 0.3s ease-out, opacity 0.3s ease-out;
	}

	[id^="menu-block-configuration-"]
		ul
		li
		> input[type="checkbox"]:checked
		+ label:not(.default-menu-icon)
		span.icon {
		transform: rotate(90deg) translateX(0px) translateY(-4px);
		transition: transform 0.3s ease-out, opacity 0.3s ease-out;
	}

	[id^="menu-block-configuration-"]
		input[type="checkbox"]:checked
		+ ul:not(.root)
		> li
		> label:not(.default-menu-icon)
		> a {
		margin-bottom: 5px;
	}

	[id^="menu-block-configuration-"]
		input[type="checkbox"]:checked
		+ ul:not(.root)
		> li
		> label
		.open-menu-label {
		transform: scaleY(0);
		transition: transform 0.3s ease-out;
	}

	[id^="menu-block-configuration-"] li > ul.sub-branch {
		margin-left: 0;
	}

	[id^="menu-block-configuration-"] ul.root {
		text-align: left;
		padding-top: inherit;
	}

	[id^="menu-block-configuration-"] ul.menu-picture li.item-picture,
	[id^="menu-block-configuration-"] ul.root li .page-indicator {
		display: none;
	}

	[id^="menu-block-configuration-"] .icon {
		display: block;
		width: 20px;
		height: 20px;
		color: inherit;
		pointer-events: all;
		box-sizing: border-box;
	}

	[id^="menu-block-configuration-"] .menu-mobile {
		content: "";
		clear: both;
		display: table;
	}
}