/* Uniform images */
.wp-block-gallery img,
.gallery img,
.elementor-image img {
  width: 100%;
  height: 250px; /* check this */
  object-fit: cover; /* crop not stretch*/
}

@media (max-width: 1024px) {

  /* Menu container */
  .ast-mobile-popup-content,
  .ast-builder-menu-mobile,
  .ast-builder-menu-mobile .main-navigation,
  .ast-header-break-point .ast-builder-menu-1 .main-navigation ul {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 20px !important;
  }

  /* Menu list */
  .ast-header-break-point .ast-builder-menu-1 .main-navigation ul {
    padding-left: 0 !important;
  }

  /* Menu item links */
  .ast-header-break-point .ast-builder-menu-1 .menu-item a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    height: auto !important;
    line-height: 1.3 !important;
    padding: 10px 12px 10px 16px !important;
    margin-left: 0 !important;
  }

}

@media (max-width: 1024px) {

  /* Menu item links - FORCE WHITE */
  .ast-header-break-point .ast-builder-menu-1 .menu-link,
  .ast-header-break-point .ast-builder-menu-1 .menu-item > .menu-link,
  .ast-header-break-point .ast-builder-menu-1 .sub-menu .menu-link {
    color: #ffffff !important;
  }

  /* Hover + active states */
  .ast-header-break-point .ast-builder-menu-1 .menu-link:hover,
  .ast-header-break-point .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
  .ast-header-break-point .ast-builder-menu-1 .menu-link:focus {
    color: #ffffff !important;
  }

  /* Dropdown arrows / toggles */
  .ast-header-break-point .ast-builder-menu-1 .ast-menu-toggle,
  .ast-header-break-point .ast-builder-menu-1 .ast-icon {
    color: #ffffff !important;
  }

}

/* ONLY target header primary menu */
.ast-header-break-point .ast-builder-menu-1 .menu-item a {
  display: flex !important;
  align-items: center !important;
  padding: 10px 12px !important;
  min-height: 44px !important;
}

/* =========================
   btnBookNow - NAV BAR / Add wrap
   ========================= */
.ast-header-custom-item .ast-custom-button,
.ast-custom-button-link .ast-custom-button,
a.ast-custom-button,
.ast-custom-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  font-size: clamp(12px, 1.1vw, 15px) !important;
  padding: 12px 20px !important;
  vertical-align: middle !important;
  max-width: 100% !important;
}

@media (max-width: 1366px) {
  .ast-header-custom-item .ast-custom-button,
  .ast-custom-button-link .ast-custom-button,
  a.ast-custom-button,
  .ast-custom-button {
    font-size: clamp(12px, 1.3vw, 15px) !important;
    padding: 12px 18px !important;
  }
}

@media (max-width: 1280px) {
  .ast-header-custom-item .ast-custom-button,
  .ast-custom-button-link .ast-custom-button,
  a.ast-custom-button,
  .ast-custom-button {
    font-size: clamp(12px, 1.5vw, 14px) !important;
    padding: 11px 16px !important;
  }
}
/* Uniform images */
.wp-block-gallery img,
.gallery img,
.elementor-image img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

@media (max-width: 1024px) {
  /* Menu container */
  .ast-mobile-popup-content,
  .ast-builder-menu-mobile,
  .ast-builder-menu-mobile .main-navigation,
  .ast-header-break-point .ast-builder-menu-1 .main-navigation ul {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 20px !important;
  }
  /* Menu list */
  .ast-header-break-point .ast-builder-menu-1 .main-navigation ul {
    padding-left: 0 !important;
  }
  /* Menu item links */
  .ast-header-break-point .ast-builder-menu-1 .menu-item a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    height: auto !important;
    line-height: 1.3 !important;
    padding: 10px 12px 10px 16px !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 1024px) {
  /* Menu item links - FORCE WHITE */
  .ast-header-break-point .ast-builder-menu-1 .menu-link,
  .ast-header-break-point .ast-builder-menu-1 .menu-item > .menu-link,
  .ast-header-break-point .ast-builder-menu-1 .sub-menu .menu-link {
    color: #ffffff !important;
  }
  /* Hover + active states */
  .ast-header-break-point .ast-builder-menu-1 .menu-link:hover,
  .ast-header-break-point .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
  .ast-header-break-point .ast-builder-menu-1 .menu-link:focus {
    color: #ffffff !important;
  }
  /* Dropdown arrows / toggles */
  .ast-header-break-point .ast-builder-menu-1 .ast-menu-toggle,
  .ast-header-break-point .ast-builder-menu-1 .ast-icon {
    color: #ffffff !important;
  }
}

/* ONLY target header primary menu */
.ast-header-break-point .ast-builder-menu-1 .menu-item a {
  display: flex !important;
  align-items: center !important;
  padding: 10px 12px !important;
  min-height: 44px !important;
}

/* =========================
   btnBookNow - NAV BAR
   ========================= */
.ast-header-custom-item .ast-custom-button,
.ast-custom-button-link .ast-custom-button,
a.ast-custom-button,
.ast-custom-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  font-size: clamp(12px, 1.1vw, 15px) !important;
  padding: 12px 20px !important;
  vertical-align: middle !important;
  max-width: 100% !important;
}

@media (max-width: 1366px) {
  .ast-header-custom-item .ast-custom-button,
  .ast-custom-button-link .ast-custom-button,
  a.ast-custom-button,
  .ast-custom-button {
    font-size: clamp(12px, 1.3vw, 15px) !important;
    padding: 12px 18px !important;
  }
}

@media (max-width: 1280px) {
  .ast-header-custom-item .ast-custom-button,
  .ast-custom-button-link .ast-custom-button,
  a.ast-custom-button,
  .ast-custom-button {
    font-size: clamp(12px, 1.5vw, 14px) !important;
    padding: 11px 16px !important;
  }
}

/* =========================
   OTW BOOKING FORM
   ========================= */

/* Make first option unselectable on crew/boat dropdowns */
.otw-booking-form .wp-block-jetpack-field-select select option:first-child {
  display: none;
}

/* Hide redundant floating label on dropdowns */
.otw-booking-form .wp-block-jetpack-field-select label.animated-label__label {
  display: none !important;
}

/* Textarea - compact */
.otw-booking-form textarea.grunion-field {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  resize: vertical !important;
}