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

/* 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;

	a {

		color: var(--bs-alert-color);

	}

}

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

		.woocommerce-variation {

			margin-bottom: 1.5rem;

			.price {

				font-size: 1.5rem;

			}

		}

	}

	input[name=quantity] {

		width: 127px;

	}

}

.wc-block-components-button {

	background-color: white;
	color: black;
	text-decoration: none;
	transition-property: all;
	transition-duration: 0.2s;
	border: 1px solid white;
	border-radius: var(--bs-border-radius);
	font-family: "Mozilla Headline", sans-serif;
	font-variation-settings: "wdth" 125;
	font-weight: 400;

	&:hover {

		background-color: black;
		border: 1px solid white;
		color: white;

	}

}

.wc-block-components-form .wc-block-components-text-input {

	color: black;

}

.ppcp-messages {

	margin: 1rem 0;

}

.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-blocks-components-select .wc-blocks-components-select__select {

	background-color: black !important;
	color: white !important;

}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {

	color: white !important;

}

/* jQuery UI Overrides */

.ui-widget {

	font-family: inherit;

}

/* Bootstrap Overrides */

:root {

	--bs-body-bg: #000;
	--bs-body-color: #FFF;
	--bs-body-color-rgb: 255,255,255;
	--bs-link-color-rgb: 255,255,255;
	--bs-link-hover-color-rgb: 169,169,169;
	--bs-font-sans-serif: "Mozilla Text", sans-serif;
	--bs-emphasis-color: #FFF;

	font-optical-sizing: auto;

}

[data-bs-theme=light] {

	--bs-link-color-rgb: 0,0,0;
	--bs-link-hover-color-rgb: 169,169,169;

}

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

	font-family: "Mozilla Headline", sans-serif;
	font-variation-settings: "wdth" 125;
	font-weight: 400;
	margin-bottom: 1rem;

}

.form-control {

	--bs-body-bg: black;
	--bs-body-color: white;

	&::placeholder {

		color: #999;

	}

}

.form-floating>textarea:focus~label::after,
.form-floating>textarea:not(:placeholder-shown)~label::after {

	background-color: transparent;

}

/* Bootstrap Extensions */

.links-text-decoration-none {

	a:not(.btn) {

		text-decoration: none;

	}

}

.bg-very-dark {

	background-color: #0F0F0F;

}

.btn-black {

	--bs-btn-bg: black;
	--bs-btn-hover-bg: white;
	--bs-btn-color: white;
	--bs-btn-hover-color: black;

}

/* Custom Styles */

a {

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

}

.soenbdgiakk {

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

}

.mobile-menu {

	a {

		display: block;
		padding: 0.5rem 0.25rem;
		border-top: 1px solid #EEE;

	}

}

.desktop-menu {

	font-family: "Mozilla Headline", sans-serif;
	font-variation-settings: "wdth" 125;

	li.button {

		a {

			--bs-btn-padding-x: 0.75rem;
			--bs-btn-padding-y: 0.375rem;
			--bs-btn-border-width: var(--bs-border-width);
			--bs-btn-border-color: transparent;
			--bs-btn-border-radius: var(--bs-border-radius);

			display: inline-block;
			padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
			border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
			border-radius: var(--bs-btn-border-radius);
			background-color: white;
			color: black;
			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 {

				background-color: black;
				color: white;
				border: var(--bs-btn-border-width) solid white;

			}

		}

	}

}

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

	}

}