#mainnav .sub-menu li a:hover {
  color: #b8a888;
}

/* scale */

.scale {
  transition: all 0.3s ease-in-out;
}

.scale:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 767px) {
  .scale:hover {
    transform: none;
    /* No scaling on smaller screens */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    /* Keep shadow effect */
  }
}

.wp-block-button a {
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  /* Smooth transition */
}

.wp-block-button a:hover {
  background-color: rgba(184, 168, 136, 0.75) !important;
  /* Background color with 50% opacity on hover */
  color: #ffffff !important;
  /* Text color remains white on hover */
  transform: scale(1.05);
  /* Slightly increase size */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  /* Custom shadow */
  border-color: rgba(184, 168, 136, 0.75) !important;
  /* Border color with 50% opacity on hover */
}

.scaleicon {
  transition: all 0.3s ease-in-out;
}

.scaleicon:hover {
  transform: scale(1.05);
}

.linked a {
  text-decoration: none !important;
  /* Remove underline from elements with class 'linked' */
}

.wpformscontactform:hover {
  background-color: rgba(184, 168, 136, 0.75);
  /* Background color with 50% opacity on hover */
  color: #ffffff !important;
  /* Text color remains white on hover */
  transform: scale(1.05);
  /* Slightly increase size */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  /* Custom shadow */
  border-color: rgba(184, 168, 136, 0.75) !important;
  /* Border color with 50% opacity on hover */
}

/* Apply Libre Baskerville font to specific WPForms fields */

.wpforms .name-field input,
.wpforms .email-field input,
.wpforms .message-field textarea {
  font-family: 'Libre Baskerville', serif !important;
}

/* Apply Libre Baskerville font to the submit button */

.wpformscontactform {
  font-family: 'Libre Baskerville', serif !important;
}

.scalediving {
  transition: all 0.3s ease-in-out;
}

.scalediving:hover {
  transform: scale(2);
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 767px) {
  .scale:hover {
    transform: none;
    /* No scaling on smaller screens */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    /* Keep shadow effect */
  }
}

.current-menu-item {
    position: relative;
}

.current-menu-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px; /* Height of the border */
    background-color: white; /* Color of the border */
    position: absolute;
    bottom: -14px; /* Move the border 8px beneath the text */
    left: 0; /* Align to the left */
}

.current-menu-item {
    position: relative;
}

.current-menu-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px; /* Height of the border */
    background-color: white; /* Color of the border */
    position: absolute;
    bottom: -8px; /* Move the border 8px beneath the text */
    left: 0; /* Align to the left */
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Shadow for the border */

}

/* Hide the desktop menu on mobile */
@media (max-width: 768px) {
    .Navigation .menu-desktop { /* Replace with the actual class for the desktop menu */
        display: none;
    }
    .Navigation .menu-mobile { /* Replace with the actual class for the mobile menu */
        display: block;
    }
}

/* Show the desktop menu on larger screens */
@media (min-width: 769px) {
    .Navigation .menu-desktop { /* Replace with the actual class for the desktop menu */
        display: block;
    }
    .Navigation .menu-mobile { /* Replace with the actual class for the mobile menu */
        display: none;
    }
}
/* Style for active submenu item (current page) */
ul.sub-menu li.current-menu-item > a {
    position: relative; /* Make sure pseudo-element works */
}

/* Border under the active submenu item */
ul.sub-menu li.current-menu-item > a::after {
    content: '';
    display: block;
    width: 100%; /* Border width should cover full width of the link */
    height: 1px; /* Border height */
    background-color: white; /* Border color */
    position: absolute;
    bottom: -8px; /* Distance of the border below the text */
    left: 0; /* Align the border to the left */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Shadow for the border */
}

/* Hover effect for submenu items */
ul.sub-menu > li > a:hover {
    border-bottom: 2px solid red; /* Red border on hover */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Shadow on hover */
}

/* Change text color for active submenu item */
ul.sub-menu li.current-menu-item > a > .avia-menu-text {
    color: red; /* Text color for active submenu item */
}


/* Default dots: white */
.slick-dots button:before {
  color: white !important;
  opacity: 0.75 !important; /* Slightly faded for non-active dots */
  transition: color 0.3s ease, opacity 0.3s ease; /* Smooth transition */
}

/* Active dot: #B6A888 */
.slick-dots .slick-active button:before {
  color: #B6A888 !important;
  opacity: 1 !important; /* Fully visible */
}

/* Hovered dot: #B6A888 */
.slick-dots button:hover:before {
  color: #B6A888 !important;
  opacity: 1 !important; /* Fully visible on hover */
}

/* Make the arrows white */
.slick-next:before,
.slick-prev:before {
  color: white !important;
}

.weatherforeheight {
    height: 650px !important;
}

.windforecast {
    width: 849px !important;
    height: 837px !important;
}

/* Gtranslate menu fix */

/* Fix Gutenberg Navigation breaking after GTranslate 
.wp-block-navigation ul {
    display: flex !important;
    flex-wrap: nowrap;
}*/

.wp-block-navigation li {
    display: inline-flex !important;
    align-items: center;
}

.wp-block-navigation__container {
    flex-direction: row !important;
}

/* 1. Force the mobile overlay container into a vertical flex column */
.wp-block-navigation-overlay .wp-block-navigation__container,
.wp-block-navigation-overlay-content .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    padding: 2rem 1.5rem !important;
}

/* 2. Flatten all submenus to stack vertically instead of absolute popover boxes */
.wp-block-navigation-overlay .wp-block-navigation-submenu,
.wp-block-navigation-overlay .wp-block-navigation__submenu-container,
.wp-block-navigation-overlay .wp-block-navigation__submenu-container.is-open {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0.5rem 0 0.5rem 1.25rem !important; /* Indents sub-items naturally */
    margin: 0 !important;
}

/* 3. Force each menu item to occupy its own line */
.wp-block-navigation-overlay .wp-block-navigation-item {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0.75rem !important;
    text-align: left !important;
}

/* 4. Stop sub-navigation links from overlapping nearby parent text */
.wp-block-navigation-overlay .wp-block-navigation-item__content {
    display: inline-block !important;
    width: 100% !important;
    white-space: normal !important;
}