:root {
	/* MARK :: Root :: Font */
	--f-family-base-: "Amarante", var(--f-family-serif), var(--f-family-fall-);
	--f-family-alt--: "Lora", var(--f-family-sans-), var(--f-family-fall-);
	--f-family-ext--: "Special Elite", var(--f-family-sans-), var(--f-family-fall-);

	/* MARK :: Root :: Typography */
	--type-base-h1-----fonts: 400 var(--ff-size-36-68) / 120% var(--f-family-base-);
	--type-base-h1-----space: 0.2em;
	--type-base-h2-----fonts: 400 var(--ff-size-31-52) / 120% var(--f-family-base-);
	--type-base-h2-----space: 0.1em;
	--type-base-h3-----fonts: 400 var(--ff-size-24-32) / 120% var(--f-family-base-);
	--type-base-h3-----space: 0.05em;
	--type-base-body---fonts: 400 var(--ff-size-16-18) / 160% var(--f-family-alt--);
	--type-base-body---space: 0em;
	--type-base-tagA---fonts: 400 var(--ff-size-16-18) / 160% var(--f-family-ext--);
	--type-base-tagA---space: 0.5em;
	--type-generic-btn-fonts: 400 var(--ff-size-16-18) / 120% var(--f-family-base-);
	--type-generic-btn-space: 0.1em;

	/* MARK :: Brand Colors */
	--color-royal----: #181c12; /* Grave */
	--color-grape----: #252a1c; /* Moss */
	--color-plum-----: #5b5f4a; /* Sage */
	--color-parchment: #c5a981; /* Stain */
	--color-sand-----: #f6efdc; /* Paper */
}

html:not([class*="et-fb-preview"]) {
	@media (min-width: 981px) {
		& .et-db #et-boc .et-l {
			& .et_pb_row {
				max-width: 1080px;
			}
		}
	}
}

*:has(> .grecaptcha-badge) {
	display: none !important;
}

html body.et-db {
	color: var(--color-plum-----);
}

html body.et-db #et-boc .et_builder_outer_content .et-l[class*="et-l--"] .et_builder_inner_content {
	& a {
		padding: 0;

		&.image-hover {
			display: grid;
			grid-template-areas: "box";
			padding: 0;

			& img {
				grid-area: box;
				border-radius: 6px;
				transition: opacity 250ms ease-in-out;

				&.link {
					opacity: 1;
				}

				&.hover {
					opacity: 0;
				}
			}

			&:hover img.link {
				opacity: 0;
			}

			&:hover img.hover {
				opacity: 1;
			}
		}
	}

	& h1,
	& .h1,
	& h2,
	& .h2,
	& h3,
	& .h3,
	& .wwm-link,
	& .wwm-button {
		text-transform: uppercase;
	}

	& .tag {
		text-transform: lowercase;
	}

	& .columns-2 {
		--column-gap: var(--size-30-60);

		display: flex;
		flex-wrap: wrap;
		gap: var(--column-gap);

		& > .column {
			flex: 1 1 calc(50% - var(--column-gap));
		}

		@media (max-width: 980px) {
			& > .column {
				flex-basis: 100%;
			}
		}
	}

	& .wwm-frames {
		--frame-size-x: clamp(50px, 5.7895px + 13.8158vw, 155px);
		--frame-size-y: auto;

		inset: 0;
		display: block;
		position: absolute;
		pointer-events: none;
		color: inherit;

		& i {
			display: block;
			position: absolute;
			inset: auto;

			& svg {
				width: var(--frame-size-x);
				height: var(--frame-size-y);
				max-width: 100%;
				max-height: 100%;
			}
		}

		& .anchor-block-start {
			inset-block-start: 0;
		}

		& .anchor-block-end {
			inset-block-end: 0;
		}

		& .anchor-inline-start {
			inset-inline-start: 0;
		}

		& .anchor-inline-end {
			inset-inline-end: 0;
		}

		& .keep-x.keep-y {
			scale: 1 1;
		}

		& .flip-x.keep-y {
			scale: -1 1;
		}

		& .keep-x.flip-y {
			scale: 1 -1;
		}

		& .flip-x.flip-y {
			scale: -1 -1;
		}
	}

	& .wwm-button {
		font-weight: 400;
		padding: 12px 20px;
		border-width: 1px;
		border-radius: 5px;

		&[variant] {
			&[variant~="navbar"] {
				border-width: 1px;
			}

			&[variant~="link-ares"] {
				color: var(--color-royal----);
				border-color: var(--color-trans----);
				background-color: var(--color-white----);
			}

			&[variant~="hover-ares"],
			&[variant~="hover-ares-ghost"] {
				&:focus-visible,
				&:focus-within,
				&:hover {
					color: var(--color-royal----);
					border-color: var(--color-trans----);
					background-color: var(--color-parchment);
				}
			}

			&[variant~="link-ares-ghost"] {
				color: var(--color-white----);
				border-color: var(--color-white----);
				background-color: var(--color-trans----);
			}

			&[variant~="link-boreas"] {
				color: var(--color-sand-----);
				border-color: var(--color-trans----);
				background-color: var(--color-plum-----);
			}

			&[variant~="hover-boreas"],
			&[variant~="hover-boreas-ghost"] {
				&:focus-visible,
				&:focus-within,
				&:hover {
					color: var(--color-parchment);
					border-color: var(--color-trans----);
					background-color: var(--color-grape----);
				}
			}

			&[variant~="link-boreas-ghost"] {
				color: var(--color-plum-----);
				border-color: var(--color-plum-----);
				background-color: var(--color-trans----);
			}
		}
	}

	& [has-plugin="WPForms"] {
		& .wpforms-container {
			text-align: left;

			& form {
				& .wpforms-field-container {
					& .wpforms-field {
						color: var(--color-parchment);

						& a {
							display: inline;
						}
					}

					& footer {
						display: grid;
						gap: var(--size-15-30);

						& .wpforms-field-gdpr-checkbox {
							order: 2;
							text-align: center;
						}

						& .wpforms-field-submit-container {
							&:has(.wwm-button[variant~="fullwidth"]) {
								width: 100%;
							}

							&,
							& > button.wwm-button {
								margin-inline: auto;
								max-width: unset;
							}
						}
					}
				}
			}
		}
	}
}

html body.et-db #et-boc .et_builder_outer_content .et-l--header {
	--current-back-color: var(--color-royal----);

	@media (max-width: 980px) {
		& {
			--current-back-color: var(--color-royal----);
		}
	}
}