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

:root {
	--width-full: clamp(15px, 6vw, 60px);
	--width-xl: max(clamp(15px, 6vw, 60px), calc(50% - 800px));
	--width-l: max(clamp(15px, 6vw, 60px), calc(50% - 625px));
	--width-m: max(clamp(15px, 6vw, 60px), calc(50% - 500px));
	--width-s: max(clamp(15px, 6vw, 60px), calc(50% - 400px));

	--padding-xl: clamp(20px, 8vw, 150px);
	--padding-l: clamp(20px, 6vw, 100px);
	--padding-m: clamp(20px, 4vw, 50px);
	--padding-s: clamp(20px, 3vw, 30px);

	--gap-xl: clamp(20px, 5vw, 100px);
	--gap-l: clamp(20px, 2.5vw, 40px);
	--gap-m: clamp(20px, 2vw, 20px);
	--gap-s: clamp(20px, 2vw, 10px);

	--dark-grey: #383838;
	--light-grey: #9F9F9F;
	--gold: #A3752F;
	--neutral: #F9F4EB;
	--navy: #04233B;
	--dark-blue: #005597;
	--light-blue: #0090D2;
}

body, textarea, input, select {
	font-family: "Jost", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.cinzel {
	font-family: "Cinzel", serif;
}

.jost {
	font-family: "Jost", sans-serif;
}

.hero {
	font-size: clamp(45px, 5vw, 64px);
	line-height: clamp(45px, 5vw, 65px);
	font-family: "Cinzel", serif;
}

.hero.jost {
	font-size: clamp(60px, 6vw, 80px);
	line-height: clamp(45px, 5vw, 65px);
	font-family: "Jost", sans-serif;
}

h1, h2, .title-large {
	font-size: clamp(30px, 4vw, 40px);
	line-height: normal;
}

h3, .title-medium {
	font-size: clamp(28px, 4vw, 38px);
	line-height: clamp(30px, 4vw, 40px);
}

h3.jost, .title-medium.jost, .title-medium > .jost {
	font-size: clamp(40px, 4vw, 52px);
	line-height: clamp(30px, 4vw, 40px);
}

h4, .title-small {
	font-size: clamp(18px, 2vw, 24px);
	line-height: clamp(19px, 2vw, 25px);
	letter-spacing: 2.4px;
}

h5 {
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 2px;
	font-weight: 400;
}

h6 {
	font-size: 22px;
	line-height: 25px;
}

.pre_heading {
	font-family: "Jost", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 4.2px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.pre_heading + * {
	margin-top: 0;
}

.minus-margin {
	margin-bottom: 0;
}

.minus-margin + * {
	margin-top: 5px;
}

.light-text {
	font-weight: 300;
}

.regular-text {
	font-weight: 400;
}

.semi-bold-text {
	font-weight: 600;
}

.underline {
	text-decoration: underline;
}


a {
	color: #A3752F;
	transition: all .3s ease-in-out;
}

a:hover {
	transition: all .3s ease-in-out;
}

.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
}

.aligncenter {
	margin: auto;
	text-align: center;
	display: block;
}

img {
	max-width: 100%;
	height: auto;
}

div.wp-caption {
	max-width: 100%;
	display: inline-block;
}

p.wp-caption-text {
	background-color: #f7f7f7;
	color: #808080;
	padding: 16px 25px;
	font-size: 18px;
	font-style: italic;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn,
.allied_filter li form button,
.button, input[type = 'submit'],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt{
	padding: 10px 15px;
	text-decoration: none;
	color: var(--dark-grey);
	border-bottom: 1px solid var(--gold);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	margin-right: 10px;
	box-sizing: border-box;
	font-family: "Jost", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 4px;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	gap: 20px;
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	transition: all .3s ease-in-out;
	border-radius: 0;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
	border-radius: 100px;
	background: var(--neutral);
	border: none;
	color: var(--dark-grey);
	padding: 20px 40px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
	background: var(--gold);
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover {
	background: transparent;
	color: var(--dark-grey);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt::after {
	content: none;
}

.button:last-child, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:last-child, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:last-child, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:last-child, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:last-child, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:last-child, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:last-child, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:last-child, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:last-child {
	margin-right: 0;
}


.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:after, .xoo-wsc-container .xoo-wsc-btn:after,
.button::after, input[type = 'submit']::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' fill='none'%3E%3Cpath stroke='%23A3752F' stroke-linecap='round' stroke-linejoin='round' d='M13.69 5.5H1m8.185 5L14 5.5 9.185.5'/%3E%3C/svg%3E");
	content: '';
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	width: 15px;
	height: 11px;
	transition: all .3s ease-in-out;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover:after, .xoo-wsc-container .xoo-wsc-btn:hover:after,
.button:hover::after, input[type = 'submit']:hover::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover::after {
	transform: translateX(5px);
	transition: all .3s ease-in-out;
}

.button:hover, input[type = 'submit']:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
	background: none;
}

.button.white {
	color: white;
}

.button.outline, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.outline, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.outline, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.outline, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.outline, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.outline, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.outline, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.outline, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.outline {
	border-radius: 100px;
	border: 1px solid var(--light-grey);
	padding: 20px 40px;
	box-sizing: border-box;
	transition: all .3s ease-in-out;
}

.button.outline::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.outline::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.outline::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.outline::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.outline::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.outline::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.outline::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.outline::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.outline::after {
	content: none;
}

.button.outline:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.outline:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.outline:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.outline:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.outline:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.outline:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.outline:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.outline:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.outline:hover {
	background: var(--gold);
	color: white;
	transition: all .3s ease-in-out;
}

.mce-content-body a.button[data-mce-selected] {
	padding: 8px 20px;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
}


button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=search] {
	-webkit-appearance: none;
}

.woocommerce-checkout #payment {
	background-color: var(--neutral);
}
.woocommerce-checkout #payment div.payment_box {
	background: #fff;
}
.woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid #fff;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}
.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error {
	margin-top: var(--padding-l);
	margin-left: var(--width-xl);
	margin-right: var(--width-xl);
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-info {
	border-top-color: var(--gold);
}
.woocommerce-info::before,
.woocommerce-message::before {
	color: var(--gold);
}

/* bullet points */

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

ul.check_ul > li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}

ul.check_ul > li:last-child {
	margin-bottom: 0;
}

ul.check_ul > li::before {
	content: '';
	margin-right: 15px;
	min-width: 20px;
	min-height: 20px;
	background: center / 16px 12px no-repeat url("data:image/svg+xml,%3Csvg width='16' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.43 12.23-5.2-5.2a.8.8 0 0 1 0-1.13l1.14-1.13a.8.8 0 0 1 1.13 0L6 8.27l7.5-7.5a.8.8 0 0 1 1.13 0l1.14 1.13a.8.8 0 0 1 0 1.13l-9.2 9.2a.8.8 0 0 1-1.14 0Z' fill='%23FF0000'/%3E%3C/svg%3E");
}

.mce-content-body span[style="color: #ffffff;"] {
	color: #eee!important;
}

@media (max-width: 768px) {
	.button, input[type = 'submit'] {
		min-width: 100%;
		box-sizing: border-box;
		text-align: center;
		justify-content: center;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.button:last-child, input[type = 'submit']:last-child {
		margin-bottom: 0;
	}
}