/**
 * Theme Name: Triad Custom
 * Template:   hevor
 * Version:      1.1.0
  */
body {
  --button-color: var(--wp--preset--color--tertiary);
  --button-hover: #f28500;
}

/* header stuffs */

.fixed-header {
  width: 100vw;
  height: 96px;
  position: fixed;
  top: 0;
  z-index: 8000;
  pointer-events: all !important;
}

.logo-container {
  z-index: 25000;
  top: 0;
  position: fixed;
  width: 241px;
  padding: 1rem;
}

.logo-container img {
  height: 64px;
  width: 241px;
}

@media (max-width: 768px) {
  .logo-container {
    padding: 0rem;
  }
  .fixed-header {
    height: 64px;
  }
}

.hint {
  position: fixed;
  bottom: 1rem;
  left: calc(50vw - 0.5em);
  z-index: 5000;
  font-size: 2rem;
}

.home-page-lead {
  width: 100%;
  height: auto;
  min-height: 1px; /* forces layout calculation */
  display: flex;
}

@media (max-width: 768px) {
  .home-page-lead {
    min-height: 25svh;
  }
}

.hero-page-lead {
  min-height: 50svh;
  max-height: 50svh;
  align-items: flex-end;
}

.hero-page-lead img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home-page-lead img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.wp-block-cover__background {
  background-color: var(--wp--preset--color--contrast) !important;
}

.hero-page-lead.contain-img img {
  object-fit: contain !important;
}

.full-width {
  width: 100dvw;
  height: 100dvh;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
}

.full-width-img img {
  width: 100%;
  height: auto;
}

.logo-container {
  pointer-events: all;
}

.post-password-form,
.contact-form,
.mc4wp-form {
  width: 100%;
  max-width: 1280px !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.mc4wp-form .wp-block-jetpack-input-wrap {
  padding-bottom: 8px;
}

@media (max-width: 768px) {
  .post-password-form,
  .mc4wp-form {
    max-width: 80vw !important;
  }
}

/* Style parent only if it contains a specific child */
.entry-content:has(.post-password-form) form {
  background-color: var(--wp--preset--color--primary);
  padding-left: 5rem;
  padding-right: 5rem;
  padding-bottom: 5rem;
}

.post-password-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
}

.post-password-form input[type='password'] {
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 12px;
  border: 1px solid #8c8f94;
  border-radius: 0;
  box-sizing: border-box;
  font: inherit;
  padding: 16px;
  width: 100%;
}
.post-password-form input[type='submit'] {
  width: 100%;
}

.post-password-form input[type='submit'],
.wp-block-button__link,
.wp-block-button a,
.wp-block-button__link input,
.wp-block-button__link a,
.wp-block-jetpack-contact-form-container .pushbutton-wide,
.custom-video-controls button,
.rl-button.rl-load-more,
body
  .ti-widget[data-layout-id='13'][data-set-id='dark-background'][data-pid='a4233fc518eb7051a846101a2f4']
  .ti-header-write-btn-container
  a.ti-header-write-btn {
  border-radius: 10rem !important;
  background-color: var(--wp--preset--color--tertiary) !important;
  align-content: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  display: inline-block !important;
  height: 100% !important;
  text-align: center !important;
  word-break: break-word !important;
  padding: calc(0.667em + 2px) calc(1.333em + 2px) !important;
  color: var(--wp--preset--color--base) !important;
  font-weight: 400 !important;
  font-family: var(--wp--preset--font-family--commissioner) !important;
  font-size: clamp(
    0.875rem,
    0.875rem + ((1vw - 0.2rem) * 0.406),
    1.2rem
  ) !important;
  border-color: var(--wp--preset--color--base) !important;
  border-style: none !important;
  transition: filter 0.5s, transform 0.5s !important;
}

.custom-video-controls button {
  width: auto;
}

.raffle #maxNum,
.wp-block-button__link:hover,
.wp-block-button a:hover,
.wp-block-button__link a:hover,
.wp-block-button__link input,
.wp-block-jetpack-contact-form-container .pushbutton-wide:hover,
.show-links-container img:hover,
.gallery-container a img:hover,
.rl-gallery-item:hover img,
.rl-button.rl-load-more:hover,
.custom-video-controls button:hover,
body
  .ti-widget[data-layout-id='13'][data-set-id='dark-background'][data-pid='a4233fc518eb7051a846101a2f4']
  .ti-header-write-btn-container
  a.ti-header-write-btn:hover {
  transform: scale3d(1.05, 1.05, 1.05) !important;
  filter: brightness(1.1) !important;
  opacity: 0.9 !important;
}

body
  .ti-widget[data-layout-id='13'][data-set-id='dark-background'][data-pid='a4233fc518eb7051a846101a2f4']
  .ti-header-write-btn-container
  a.ti-header-write-btn:hover {
  background-color: var(--wp--preset--color--tertiary) !important;
  color: var(--wp--preset--color--base) !important;
}

.gallery-header img,
.show-links-container img {
  max-height: 50svh;
  width: auto;
}

.gallery-container figure {
  margin: 1rem !important;
}

@media (max-width: 768px) {
  .gallery-container figure {
    margin: 0.25rem !important;
  }
}

@media (min-width: 1200px) {
  .gallery-header img,
  .show-links-container img {
    max-height: 33svh;
    width: auto;
  }
}

.wp-block-button__link:hover,
.wp-block-button a:hover,
.wp-block-button__link a:hover,
.wp-block-button__link input,
.wp-block-jetpack-contact-form-container .pushbutton-wide:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.show-links-container > .wp-block-group {
  overflow: hidden;
}

.show-links-container img,
.gallery-container img,
.rl-gallery-item img {
  transition: filter 0.5s, transform 0.5s;
}

@media (min-width: 769px) {
  .show-links-container img {
    padding: 1rem;
  }
}

.entry-content {
  padding-top: 96px !important;
}

.entry-content > .wp-block-group .wp-block-image.size-full {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .entry-content {
    padding-top: 64px !important;
  }

  .hero-page-lead,
  .entry-content > .wp-block-group,
  .entry-content > .wp-block-group > .wp-block-group {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    padding-right: 0;
  }

  .wp-block-media-text > .wp-block-media-text__content {
    padding: 0 !important;
  }
}

@media (min-width: 769px) {
  .entry-content > .wp-block-group {
    width: 90vw;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }
  .additional-sponsors.wp-block-group-is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.uagb-ifb-desc {
  padding: 0 !important;
}

.colored-children {
  padding-top: 0 !important;
}

.colored-children > div:nth-child(3n + 1) {
  background-color: var(--wp--preset--color--primary); /* First color */
}

.colored-children > div:nth-child(3n + 2) {
  background-color: var(--wp--preset--color--secondary); /* Second color */
}

.colored-children > div:nth-child(3n) {
  background-color: var(--wp--preset--color--custom-color-1); /* Third color */
}

.colored-children > .wp-block-media-text {
  padding: 1rem;
}
.colored-children > .wp-block-media-text figure {
  padding: 1rem;
}

.menu-item:hover,
.menu-item a:hover {
  background-color: var(--wp--preset--color--tertiary) !important;
}

.menu-item-has-children:has(.show-sub-menu) {
  background-color: var(--wp--preset--color--primary) !important;
}

.show-sub-menu li {
  background-color: var(--wp--preset--color--secondary) !important;
}

.mob-cancel-button path {
  fill: var(--wp--preset--color--tertiary);
}

.mobmenu-right-bt:hover {
  background-color: var(--wp--preset--color--primary);
}

.wp-block-jetpack-contact-form-container {
  display: flex;
  justify-content: center;
}

.sponsors img {
  width: 100% !important;
  transition-behavior: normal !important;
  transition-delay: 0s !important;
  transition-duration: 0.35s !important;
  transition-property: transform !important;
  transition-timing-function: ease-in-out !important;
  transform: scale(1) !important;
}

.sponsors img:hover {
  transform: scale(1.05) !important;
}

.gated-content iframe {
  pointer-events: none; /* disables interaction */
  filter: grayscale(90%) blur(5px); /* optional visual cue */
}

.gated-content.show iframe {
  pointer-events: all;
  filter: none;
}

.gated-content.show .uagb-ifb-title-prefix {
  display: none;
}

.gated-content .watermark-text {
  font-size: 2rem;
  font-weight: bold;
}

.custom-video-controls {
  margin-top: 10px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.custom-video-controls i {
  font-size: 20px;
  pointer-events: none;
}

#donate-container.donate-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 769px) {
  #donate-container.donate-container {
    margin-left: 77px !important;
  }
}

.wp-block-embed-jotform iframe {
  width: 100%;
}

.high-res-hero-page-lead {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  color: white;
}

/* Optional: add a semi-transparent overlay */
.high-res-hero-page-lead::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4); /* dark overlay */
  z-index: 1;
}

.no-dim.high-res-hero-page-lead::before {
  background-color: rgba(0, 0, 0, 0); /* dark overlay */
}

/* Ensure content stays above the overlay */
.high-res-hero-page-lead > * {
  position: relative;
  z-index: 2;
}

figure.wp-block-video {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100%;
}

body
  :where(
    .contact-form input[type='text'],
    .contact-form input[type='email'],
    .contact-form input[type='tel'],
    .contact-form input[type='url'],
    .contact-form input[type='number'],
    .contact-form input[type='time'],
    .contact-form textarea,
    .contact-form
      .wp-block-jetpack-input-wrap
      .jetpack-field__input-phone-wrapper
  ) {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
}

.hidden-stuff {
  display: none !important;
}

.ti-profile-img {
  display: none;
}