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

/*
font-family: "adobe-handwriting-ernie", serif;
font-weight: 400;
font-style: normal;

font-family: mrs-eaves, serif;
*/

/* Keyframes */

/* WordPress Overrides */

/* WooCommerce Overrides */

.woocommerce-variation {

	padding: 1rem 0 1.5rem 0;

}

.wc-block-cart__submit-button,
.wc-block-components-button,
.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)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {

	--bs-btn-color: #000;
	--bs-btn-bg: #fff;
	--bs-btn-border-color: #fff;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #bbb;
	--bs-btn-hover-border-color: #bbb;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #fff;
	--bs-btn-active-border-color: #fff;
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #888;
	--bs-btn-disabled-border-color: #888;
	--bs-btn-border-radius: var(--bs-border-radius);

	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	background-color: var(--bs-btn-bg);
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

	&:hover {

		color: var(--bs-btn-hover-color);
		background-color: var(--bs-btn-hover-bg);
		border: var(--bs-btn-border-width) solid var(--bs-btn-hover-border-color);

	}

}

.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label,
.wc-blocks-components-select .wc-blocks-components-select__label {

	color: rgba(222, 226, 230, .65);

}

.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span {

	color: #000;

}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url],
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {

	background-color: #212529;
	border-color: #495057;
	color: #fff;

}

/* Bootstrap Overrides */

:root {

	--bs-body-bg: #000;
	--bs-body-color: #FFF;
	--bs-link-color: #FFF;
	--bs-link-color-rgb: 255,255,255;
	--bs-link-hover-color: #9e9e9e;
	--bs-link-hover-color-rgb: 158,158,158;
	--bs-font-sans-serif: mrs-eaves, serif;

	font-optical-sizing: auto;

}

[data-bs-theme=dark] {

	--bs-body-color: #FFF;
	--bs-link-color: #FFF;
	--bs-link-color-rgb: 255,255,255;
	--bs-link-hover-color: #9e9e9e;
	--bs-link-hover-color-rgb: 158,158,158;

}

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

	font-family: "adobe-handwriting-ernie", serif;
	font-weight: 400;
	font-style: normal;

}

.btn-primary {

	--bs-btn-color: #000;
	--bs-btn-bg: #fff;
	--bs-btn-border-color: #fff;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #bbb;
	--bs-btn-hover-border-color: #bbb;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #fff;
	--bs-btn-active-border-color: #fff;
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #888;
	--bs-btn-disabled-border-color: #888;

}

/* Bootstrap Extensions */

.ff-alt {

	font-family: "adobe-handwriting-ernie", serif;
	font-weight: 400;
	font-style: normal;

}

.ff-sc {

	font-family: mrs-eaves-roman-petite-caps, serif;

}

.links-text-decoration-none {

	a:not(.btn) {

		text-decoration: none;

	}

}

/* Custom Styles */

a {

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

}

a.teaser {

	.overlay {

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

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

			opacity: 0;

		}

	}

	&:hover {

		.overlay {

			opacity: 1;

		}

	}

}

.desktop-menu {

	.sub-menu {

		padding: 0.5rem 0;
		list-style: none;
		text-align: center;
		opacity: 0;
		pointer-events: none;
		transition-property: opacity;
		transition-duration: 0.2s;

		a {

			display: block;
			color: black;
			padding: 0.25rem 1.5rem;

			&:hover {

				color: var(--bs-link-hover-color);

			}

		}

	}

	li {

		position: relative;

	}

	> li {

		> .sub-menu {

			position: absolute;
			top: 100%;
			left: 50%;
			transform: translate(-50%, 0);
			max-width: 200px;
			background-color: white;
			border-radius: var(--bs-border-radius);

		}

		&:hover {

			> .sub-menu {

				opacity: 1;
				pointer-events: all;

			}

		}

	}

}

.mobile-menu {

	a {

		display: block;
		padding: 0.25rem 1.5rem;

	}

	.sub-menu {

		list-style: none;

	}

}

.sddoeowisowsjojsojo {

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

}

.awaken {

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

  &.fade {

    transform: none;
    transition-duration: 0.5s;

  }

  &.in-viewport {

    opacity: 1;
    transform: translateY(0);

  }

}

.wysiwyg-content {

  iframe {

		max-width: 100%;

		&[src*="youtube-nocookie.com"],
		&[src*="youtube.com"] {

			width: 100vw;
			height: auto;
			aspect-ratio: 1.777;

		}

  }

  .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;

	}

	.wp-caption,
	img {

		height: auto;

	}

	.wp-caption-text {

		font-size: 0.8rem;

	}

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

		margin-bottom: 1rem;

	}

}

section {

	&.full_screen_image_audio_player {

		.progress-bar, .track {

			&:hover {

				cursor: pointer;

			}

		}

	}

}