@import '../../lib/bootstrap-5.3.8/css/bootstrap.min.css';

/*
font-family: reenie-beanie, sans-serif;
font-weight: 500;
font-style: normal;

font-family: psfournier-std-grand, sans-serif;
font-weight: 400;
font-style: normal;
*/

/* Keyframes */

/* WooCommerce Overrides */

.show-password-input {

	display: none;

}

.woocommerce-notices-wrapper {

	display: flex;
	flex-direction: column;
	gap: 1rem;

}

.woocommerce-message,
.woocommerce-error {

	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 0;
	--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
	--bs-alert-border-radius: var(--bs-border-radius);

	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
	list-style: none;

}

.woocommerce-message {

	--bs-alert-color: var(--bs-success-text-emphasis);
	--bs-alert-bg: var(--bs-success-bg-subtle);
	--bs-alert-border-color: var(--bs-success-border-subtle);
	--bs-alert-link-color: var(--bs-success-text-emphasis);

}

.woocommerce-error {

	--bs-alert-color: var(--bs-warning-text-emphasis);
	--bs-alert-bg: var(--bs-warning-bg-subtle);
	--bs-alert-border-color: var(--bs-warning-border-subtle);
	--bs-alert-link-color: var(--bs-warning-text-emphasis);

}

form.cart {

	.single_variation_wrap {

		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		align-items: end;

		.woocommerce-variation {

			margin-bottom: 0.2rem;

			.price {

				font-size: 1.5rem;

			}

		}

		.woocommerce-variation-add-to-cart {

			display: flex;
			flex-wrap: wrap;
			gap: 1rem;
			align-items: end;
			width: 100%;

			.voucher-fields-wrapper-variation {

				width: 100%;

			}

		}

	}

	input[name=quantity] {

		width: 127px;

	}

}

.wc-bookings-booking-form {

	border: none;
	padding: 0;

	.wc-bookings-date-picker {

		padding-left: 0;
		padding-right: 0;

		&::after {

			margin-left: 0;
			margin-right: 0;

		}

	}

	.wc-bookings-booking-cost {

		margin: 0;
		background-color: var(--bs-light-bg-subtle);
		border: var(--bs-alert-border);

	}

}

.wc-block-components-button {

	background-color: var(--yh-taupe);
	color: white;
	text-decoration: none;
	transition-property: all;
	transition-duration: 0.2s;
	border: 1px solid var(--yh-taupe);

	&:hover {

		background-color: var(--yh-chocolate);
		border: 1px solid var(--yh-chocolate);

	}

}

.yh2025-variation-radios {

	display: block;
	font-size: 0;
	margin-bottom: 1.5rem;

	input[type=radio] {

		display: none;

	}

	label {

		display: inline-block;
		margin-bottom: -1px;

	}

}

/* jQuery UI Overrides */

.ui-widget {

	font-family: inherit;

}

/* Bootstrap Overrides */

:root {

	--yh-chocolate: #705252;
	--yh-taupe: #8C7063;
	--yh-taupe-rgb: 140,112,99;
	--yh-terracotta: #C3866F;
	--yh-ivory: #F7F5F2;
	--yh-vanilla: #EEEBE5;
	--yh-gold: #D58000;
	--yh-teal: #1580AA;
	--yh-purple: #9A229E;
	--yh-green: #7B925E;
	--yh-maroon: #7E1F2D;

	--bs-font-sans-serif: proxima-nova, sans-serif;
	--bs-link-color-rgb: 0, 0, 0;
	--bs-link-hover-color-rgb: var(--yh-taupe-rgb);
	--bs-border-radius: 0;
	--bs-border-radius-sm: 0;
	--bs-border-radius-lg: 0;
	--bs-border-radius-xl: 0;
	--bs-border-radius-xxl: 0;

	// Stripe

	--colorBackground: rgb(255,255,255);

}

[data-bs-theme=dark] {

	--bs-link-color-rgb: 255, 255, 255;
	--bs-link-hover-color-rgb: 255, 255, 255;

}

body {

	background-color: var(--yh-terracotta);

}

.accordion {

	--bs-accordion-active-color: var(--yh-chocolate);
	--bs-accordion-active-bg: var(--yh-ivory);

}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {

	font-family: psfournier-std-grand, sans-serif;
	font-weight: 300;
	text-rendering: geometricPrecision;

}

.btn-primary {

	--bs-btn-bg: var(--yh-taupe);
	--bs-btn-border-color: var(--yh-taupe);
	--bs-btn-hover-bg: var(--yh-chocolate);
	--bs-btn-hover-border-color: var(--yh-chocolate);
	--bs-btn-active-bg: var(--yh-terracotta);
	--bs-btn-active-border-color: var(--yh-terracotta);
	--bs-btn-disabled-bg: var(--bs-gray-700);
	--bs-btn-disabled-border-color: var(--bs-gray-700);

}

.btn-outline-primary {

	--bs-btn-color: var(--yh-taupe);
	--bs-btn-border-color: var(--yh-taupe);
	--bs-btn-hover-bg: var(--yh-chocolate);
	--bs-btn-hover-border-color: var(--yh-chocolate);
	--bs-btn-active-bg: var(--yh-chocolate);
	--bs-btn-active-border-color: var(--yh-chocolate);
	--bs-btn-disabled-color: var(--bs-gray-700);
	--bs-btn-disabled-border-color: var(--bs-gray-700);

}

.badge {

	--bs-badge-font-weight: 400;

}

/* Bootstrap Extensions */

.border-terracotta {

	--bs-border-color: var(--yh-terracotta);

}

.bg-taupe {

	background-color: var(--yh-taupe);

}

.bg-ivory {

	background-color: var(--yh-ivory);

}

.bg-vanilla {

	background-color: var(--yh-vanilla);

}

.bg-chocolate {

	background-color: var(--yh-chocolate);

}

.bg-terracotta {

	background-color: var(--yh-terracotta);

}

.bg-gold {

	background-color: var(--yh-gold);

}

.bg-green {

	background-color: var(--yh-green);

}

.bg-purple {

	background-color: var(--yh-purple);

}

.bg-teal {

	background-color: var(--yh-teal);

}

.bg-maroon {

	background-color: var(--yh-maroon);

}

.bg-vines-light {

	@media screen and (min-width: 992px) {

		background-image: url(../images/vines-bg.png);
		background-size: cover;

	}

}

.bg-paper {

	background-image: url(../images/paper-bg.jpg);
	background-color: var(--yh-ivory);
	background-size: 100%;

}

.links-light {

	a:not(.btn) {

		color: var(--bs-light);

	}

}

.links-text-decoration-none {

	a:not(.btn) {

		text-decoration: none;

	}

}

.small-caps {

	text-transform: uppercase;
	letter-spacing: 0.1rem;
	font-size: 0.7rem;

}

.text-chocolate {

	color: var(--yh-chocolate);

}

.text-taupe {

	color: var(--yh-taupe);

}

.ff-sans {

	font-family: proxima-nova, sans-serif;

}

.ff-script {

	font-family: reenie-beanie, sans-serif;
	line-height: 1;

}

.mw-672 {

	max-width: 672px;

}

.mw-xxl-590 {

	@media screen and (min-width: 1400px) {

		max-width: 590px;

	}

}

/* Custom Styles */

a {

	transition-duration: 0.2s;
	transition-property: color;

}

.somwsjnnoaooja {

  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;

}

.offcanvas-menu {

	list-style: none;
	padding: 0;
	margin: 0;
	font-family: var(--bs-font-sans-serif);

	.sub-menu {

		list-style: none;
		padding-left: 1rem;

	}

	a {

		display: block;
		padding: 0.5rem 0;
		color: white;
		text-decoration: none;
		border-top: 1px solid rgba(255,255,255,0.3);
		overflow: hidden;
		transition-property: all;
		transition-duration: 0.2s;
		position: relative;

	}

}

.desktop-menu {

	padding: 0;
  margin: 0;
  list-style: none;
  column-gap: 2rem;
	display: none;

	@media screen and (min-width: 1400px) {

		display: flex;

	}

  a {

    text-decoration: none;

  }

  > li {

   	position: relative;

   	a:not(.btn) {

     	padding: 1.5rem 0;

   	}

		&.menu-item-has-advanced-submenu {

			position: static;

		}

   	> .sub-menu {

     	&::before {

				content: "";
				display: inline-block;
				width: 1rem;
				height: 1rem;
				background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.19629 0L10.3924 5.25H0.000136852L5.19629 0Z' fill='%23705252'/></svg>") no-repeat center/contain;
				position: absolute;
				top: -0.65rem;
				right: 50%;
				transform: translate(50%,0);

     	}

			position: absolute;
			top: calc(100% + 1.25rem);
			right: 50%;
			width: 250px;
			background-color: var(--yh-chocolate);
			padding: 0;
			text-align: center;
			transform: translate(50%,5rem);
			transition-duration: 0.2s;
			transition-property: all;
			opacity: 0;
			pointer-events: none;
			list-style: none;

			&.advanced {

				&::before {

					display: none;

				}

				top: 100%;
				left: 0;
				width: 100%;
				border-radius: 0;
				transform: translate(0, 10rem);

				a {

					color: var(--bs-dark);
					padding-left: 0;
					padding-right: 0;

					&:hover {

						color: black;
						background-color: transparent;

					}

				}

			}

			a {

				color: var(--bs-light);
				display: block;
				padding: 0.25rem;

				&:hover {

					background-color: var(--bs-dark);

				}

			}

			.sub-menu {

				display: none;

			}

   	}

   	&:hover {

     	> .sub-menu {

				transform: translate(50%,0);
				opacity: 1;
				pointer-events: all;

				&.advanced {

					transform: translate(0,0rem);

				}

     	}

   	}

 	}

}

.footer-menu {

 padding: 0;
 margin: 0;
 list-style: none;

 a {

   color: white;
   text-decoration: none;

 }

 .sub-menu {

   padding-left: 1rem;
   list-style: none;

   .sub-menu {

     display: none;

   }

 }

}

#mobile-menu {

	padding: 0.75rem 0;
	margin: 0;
	list-style: none;
	position: relative;
	overflow: hidden;

	> li {

		border-top: 1px solid #c3cad8;
		padding: 1rem 0;

		> a {

			display: flex;

		}

		> .sub-menu {

			padding: 0;
			list-style: none;
			background-color: white;

			a {

				margin: 0;
				padding-left: 1.5rem;

			}

			> li {

				> .sub-menu {

					padding: 0;
					list-style: none;

					.sub-menu {

						display: none;

					}

				}

			}

		}

		&.cta {

			padding: 0 1.5rem;

		}

	}

	&.mega-menu {

		>li {

			>.sub-menu {

				padding-top: 0.75rem;
				position: absolute;
				top: 0;
				left: 100%;
				width: 100%;
				transition-property: left;
				transition-duration: 0.2s;

				&.active {

					left: 0;

				}

				> .sub-menu-back {

					border-top: 1px solid #c3cad8;
					padding: 1rem 0;
					margin: 0;

				}

				> ul {

					li {

						border-top: 1px solid #c3cad8;
						padding: 1rem 0;
						margin: 0;

						a {

							display: block;
							padding: 0;

						}

					}

				}

				&.advanced {

					> ul {

						border-top: 1px solid #c3cad8;
						padding: 1rem 0;

						li {

							border: none;
							padding: 0;
							margin: 0;

						}

					}

					a.btn {

						padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);

					}

				}

			}

		}

	}

}

.awaken {

  opacity: 0;
  transform: translateY(5rem);
  transition-property: all;
  transition-duration: 1s;

  &.fade {

    transform: none;
    transition-duration: 0.5s;

  }

  &.in-viewport {

    opacity: 1;
    transform: translateY(0);

  }

}

.wysiwyg-content {

	.wp-caption {

		max-width: 100%;

	}

  img {

    max-width: 100%;
    height: auto;
		box-shadow: var(--scdt-yellow) 10px 10px;
		border-radius: var(--bs-border-radius-xl);

  }

  iframe {

    max-width: 100%;

  }

  .alignleft,
  .alignright {

    max-width: 100%;
		margin-bottom: 1.5rem;
    display: block;

    @media screen and (min-width: 576px) {

      display: inline;
      max-width: calc(50% - 1.5rem);

    }

  }

  .alignleft {

    @media screen and (min-width: 576px) {

      float: left;
      margin: 0 1.5rem 1.5rem 0;

    }

  }

  .alignright {

    @media screen and (min-width: 576px) {

      float: right;
      margin: 0 0 1.5rem 1.5rem;

    }

  }

  .aligncenter {

    margin: auto;
    display: block;

  }

	.alignnone {

		display: block;
		margin-bottom: 1.5rem;

	}

	.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {

		margin-bottom: 1rem;

	}

}

a.image-link {

	.overlay {

		height: auto;
		top: auto;
		bottom: 0;
		padding: 8rem 2rem 1rem 2rem;
		color: white;
		background: linear-gradient(0deg,rgba(58, 31, 21, 1) 0%, rgba(58, 31, 21, 0) 75%);
		transition-duration: 0.2s;
		transition-property: padding, background;

	}

	&:hover {

		.overlay {

			padding: 8rem 2rem 2rem 2rem;
			background: linear-gradient(0deg,rgba(58, 31, 21, 1) 0%, rgba(58, 31, 21, 0) 95%);

		}

	}

}