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

/* Keyframes */

/* WordPress Overrides */

/* Google Maps Overrides */

/* Bootstrap Overrides */

:root {

	--bs-link-color: #009DC0;
	--bs-link-color-rgb: 0,157,192;
	--bs-link-hover-color: #000000;
	--bs-link-hover-color-rgb: 0,0,0;
	--bs-font-sans-serif: 'proxima-nova', sans-serif;

	--ab-light-blue: #009DC0;

	font-optical-sizing: auto;

}

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

	font-family: "futura-pt", sans-serif;
	font-weight: 500;

}

.btn {

	text-transform: uppercase;
	letter-spacing: 0.07rem;

}

.btn-primary {

	--bs-btn-color: #fff;
	--bs-btn-bg: #dc3545;
	--bs-btn-border-color: #dc3545;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #bb2d3b;
	--bs-btn-hover-border-color: #b02a37;
	--bs-btn-focus-shadow-rgb: 225, 83, 97;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b02a37;
	--bs-btn-active-border-color: #a52834;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #dc3545;
	--bs-btn-disabled-border-color: #dc3545;

}

.accordion {

	--bs-accordion-active-bg: transparent;
	--bs-accordion-body-padding-x: 0;

}

.accordion-button {

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

}

/* Bootstrap Extensions */

.links-text-decoration-none {

	a:not(.btn) {

		text-decoration: none;

	}

}

.links-muted {

	a:not(.btn) {

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

		&:hover {

			color: black;

		}

	}

}

[data-bs-theme="dark"] .links-muted a:hover {

	color: white;

}

.bg-light-blue {

	background-color: var(--ab-light-blue);

}

/* Custom Styles */

a {

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

}

.desktop-menu,
.footer-menu {

	a {

		letter-spacing: 0.07rem;

	}

	li.button > a {

		--bs-btn-color: #fff;
		--bs-btn-bg: #dc3545;
		--bs-btn-border-color: #dc3545;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg: #bb2d3b;
		--bs-btn-hover-border-color: #b02a37;
		--bs-btn-focus-shadow-rgb: 225, 83, 97;
		--bs-btn-active-color: #fff;
		--bs-btn-active-bg: #b02a37;
		--bs-btn-active-border-color: #a52834;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #fff;
		--bs-btn-disabled-bg: #dc3545;
		--bs-btn-disabled-border-color: #dc3545;

		--bs-btn-padding-y: 0.25rem;
		--bs-btn-padding-x: 0.5rem;
		--bs-btn-font-size: 0.875rem;
		--bs-btn-border-radius: var(--bs-border-radius-sm);

		display: inline-block;
		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 {

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

		}

	}

	.sub-menu {

		display: none;

	}

}

.mobile-menu {

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

	a {

		display: block;
		padding: 0.375rem 1.5rem;
		color: white;
		text-decoration: none;

	}

	.sub-menu {

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

	}

	> li {

		&:nth-child(3n-2) {

			border-left: 4px solid var(--yct-teal);

		}

		&:nth-child(3n-1) {

			border-left: 4px solid var(--yct-ruby);

		}

		&:nth-child(3n) {

			border-left: 4px solid var(--yct-ochre);

		}

	}

}

.sowodiosonbcvegusgu {

  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;

	}

	ul, ol {

		li {

			margin-bottom: 1rem;

		}

	}

	.gallery {

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

			width: 912px;

		}

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

			width: 1092px;

		}

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

			width: 1272px;

		}

		img {

			height: 100%;

		}

	}

}

section {

	&.banner_image_and_text {

		position: relative;

		.overlay {

			background-color: var(--bs-dark);
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;

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

				position: absolute;
				background-color: transparent;

			}

		}

	}

}