body {
  padding: 0 !important;
  background-color: white !important;
}

#toggle-nav svg,
#white-toggle-nav svg {
  pointer-events: none;
}

.home-menu.active,
.default-menu.active {
  background-color: var(--primary-blue) !important;
  z-index: 100000 !important;
}

#operator-carousel {
  width: 100vw;
  margin: 0;
  position: relative;
  overflow: hidden;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

#operator-carousel .swiper {
  width: 100%;
  overflow: visible;
  padding: 20px 0 0 0;
}

#operator-carousel .swiper-wrapper {
  align-items: center;
}

#operator-carousel .swiper-slide {
  text-align: center;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  height: auto;
  transform: scale(0.9);
  opacity: 0.7;
  box-shadow: -1px 0px 7px 1px rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: -1px 0px 7px 1px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: -1px 0px 7px 1px rgba(0, 0, 0, 0.19);
}

#operator-carousel .swiper-slide-active {
  transform: scale(1) !important;
  opacity: 1 !important;
  z-index: 2 !important;
}

#operator-carousel .slide-content {
  width: 100%;
  position: relative;
}

#operator-carousel .image-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  transition: all 0.3s ease;
}

#operator-carousel .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* Responsive */
@media (max-width: 768px) {
  #operator-carousel .swiper {
    max-height: 450px;
    height: 100%;
  }
}

.home .load-more-container {
  display: none !important;
}

ul li::marker,
ol li::marker {
  color: #FF8200;
}

.home .filter-container {
  display: none !important;
}

#whats-on-slider-app {
  position: unset;
  overflow: hidden;
}

@media all and (max-width: 768px) {
  #whats-on-slider-app {
    overflow: unset;
  }
}

#whats-on-slider-app .swiper-button-prev {
  right: 110px;
}

#whats-on-slider-app .swiper-button-next {
  right: 150px;
}


#whats-on-slider-app .swiper-button-prev,
#whats-on-slider-app .swiper-button-next {
  background-color: unset;
  box-shadow: none;
  top: 15%;
  left: unset;
}

#whats-on-slider-app .swiper-button-next:after {
  content: url(https://visitaw.tempurl.host/wp-content/uploads/2025/04/Asset-20.svg);
  height: 20px;
  width: 20px;
}

#whats-on-slider-app .swiper-button-prev:after {
  content: url(https://visitaw.tempurl.host/wp-content/uploads/2025/04/Asset-21.svg);
  height: 20px;
  width: 20px;
}


#whats-on-slider-app .slide-info p {
  color: var(--e-global-color-primary);
  padding-left: 10px;
}

#explore-more-app,
#masonry-grid-app {
  overflow: hidden;
}

@media all and (max-width: 768px) {

  #explore-more-app .swiper-button-prev {
    right: 75px;
  }

  #explore-more-app .swiper-button-next {
    right: 40px;
  }


  .page-id-2 #masonry-grid-app .filter-container {
    opacity: 0;
    height: 0;
  }

  .intro-image>div {
    width: 100%;
  }

  .intro-image>div img {
    width: 100% !important;
  }

}




@media all and (max-width: 768px) {
  #whats-on-slider-app {
    position: relative;
  }


  #whats-on-slider-app .swiper-button-prev {
    right: 40px;
    left: unset;
    top: -190px !important;

  }

  #whats-on-slider-app .swiper-button-next {
    right: 75px;
    left: unset;
    top: -190px !important;
  }
}

#main-menu nav>ul>li>a {
  background-size: 50px;
  background-position: right 20px center;
  background-repeat: no-repeat;
}

/* Something weird is making the first li background blue so had to add !important to override it cant view it coz the popup doesnt exist until click and when click the bg issue disappears */
#main-menu nav>ul>li a {
  background-color: white !important;
  color: var(--primary-blue) !important;
}

#main-menu nav>ul>li:hover>a {
  color: white !important;
  background-color: var(--primary-blue) !important;
}

#main-menu nav>ul>li>ul>li:hover>a {
  color: white !important;
  background-color: var(--primary-blue) !important;
}

#main-menu nav>ul>li:hover .sub-arrow svg {
  fill: white;
}

/* see do  */
#main-menu nav>ul>li:first-child>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/04/Asset-7.svg');
}

#main-menu nav>ul>li:first-child:hover>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/see-white.svg');
}

/* stay */
#main-menu nav>ul>li:nth-child(2)>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/04/Asset-6.svg');
}

#main-menu nav>ul>li:nth-child(2):hover>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/stay-white.svg');
}

/* eat drink */
#main-menu nav>ul>li:nth-child(3)>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/04/Asset-5.svg');
}

#main-menu nav>ul>li:nth-child(3):hover>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/eat-white.svg');
}

/* inspo */
#main-menu nav>ul>li:nth-child(4)>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/inspo.svg');
  background-size: 40px;
}

#main-menu nav>ul>li:nth-child(4):hover>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/inspo-white.svg');
}

/* whats on */
#main-menu nav>ul>li:nth-child(5)>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/whatson.svg');
}

#main-menu nav>ul>li:nth-child(5):hover>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/whatson-white.svg');
}

/* plan */
#main-menu nav>ul>li:nth-child(6)>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/plan.svg');
}

#main-menu nav>ul>li:nth-child(6):hover>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/plan-white.svg');
}

/* bc */
#main-menu nav>ul>li:nth-child(7)>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/bc.svg');
}

#main-menu nav>ul>li:nth-child(7):hover>a {
  background-image: url('https://visitaw.tempurl.host/wp-content/uploads/2025/07/bc-white.svg');
}

#main-menu nav {
  margin-top: 0;
}

.single-post h2 a,
.single-post h3 a {
  color: var(--primary-blue);
}

.single-post p {
  margin-bottom: 1rem;
}

.single-post h2,
.single-post h3 {
  margin: 1.5rem 0;
  display: block;
}

.single-post .elementor-widget-theme-post-content img {
  width: 100%;
}

#post-feed-app .filter-container {
  margin-bottom: 20px;
}

#operator-heart {
  cursor: pointer;
}

#operator-heart .heart-inner {
  fill: white;
}

#operator-heart.active path {
  fill: #002855;
}

.colored-icons .elementor-icon.active {
  background-color: #fff !important;
}

.colored-icons .elementor-icon.active svg path {
  fill: #002855;
}

/* .elementor-popup-modal {
    justify-content: flex-end !important;
    align-items: flex-start !important;
}

.elementor-popup-modal .dialog-widget-content {
    margin-left: auto !important;
    margin-right: 0 !important;
} */

.product-images-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.product-images-container {
  height: 50vh;
  overflow: hidden;
}

.product-images-container img {
  height: auto;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

@media all and (max-width: 768px) {
  .product-images-container {
    height: 200px;
  }

  .product-images-container img {
    height: 100%;
  }
}

#gform_submit_button_1 {
  background-color: var(--primary-blue);
}

.single-event-calendar .event-calendar-container {
  display: flex;
  max-width: 400px;
  margin: 20px 0;
  position: relative;
  font-family: 'Montserrat', sans-serif;
}

.single-event-calendar .calendar-wrapper {
  flex: 0 0 auto;
  z-index: 2;
  width: 100%;
}

.single-event-calendar .event-times-wrapper {
  display: none;
}

.single-event-calendar .event-times-wrapper.active {
  display: block;
  min-height: auto;
}

.single-event-calendar .event-times-close {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 1.2em;
  cursor: pointer;
  z-index: 4;
  border: 0;
}

.single-event-calendar .event-times {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 40px 20px 20px 20px;
  background: #ffffff;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}

.single-event-calendar .event-times h3 {
  margin: 0 0 20px 0;
  font-size: 1.2em;
  color: var(--e-global-color-primary);
  border-bottom: 1px solid lightgray;
  padding-bottom: 10px;
}

.single-event-calendar .event-times ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.single-event-calendar .event-times li {
  padding: 12px 0;
  border-bottom: 1px solid #e1e8ed;
  color: var(--e-global-color-primary);
  font-size: 0.95em;
  display: flex;
  align-items: center;
}

.single-event-calendar .event-times li:last-child {
  border-bottom: none;
}

.single-event-calendar .event-times li:before {
  color: var(--e-global-color-primary);
  margin-right: 10px;
  font-size: 1.2em;
}

.single-event-calendar .flatpickr-day {
  margin-bottom: 3px;
  max-width: 100px;
  height: unset;
  line-height: unset;
  padding: 15px;
}

@media all and (max-width: 1024px) {
  .single-event-calendar .flatpickr-day {
    padding: 8px;
  }
}

@media all and (max-width: 768px) {
  .single-event-calendar .flatpickr-day {
    padding: 12px;
  }
}

.single-event-calendar .flatpickr-day.flatpickr-disabled {
  color: #ddd !important;
  cursor: not-allowed;
}

.single-event-calendar .flatpickr-day.selected {
  background: var(--e-global-color-primary) !important;
  color: #fff !important;
  border-color: var(--e-global-color-primary) !important;
}

.single-event-calendar .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay).hasEvent {
  background-color: var(--e-global-color-primary) !important;
  color: #fff !important;
  border-color: var(--e-global-color-primary) !important;
  font-weight: bold;
  position: relative;
}

.single-event-calendar .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay).hasEvent:hover {
  background-color: var(--e-global-color-primary) !important;
}

.single-event-calendar .flatpickr-day.today:not(.selected) {
  border-color: var(--e-global-color-primary) !important;
}

.single-event-calendar .flatpickr-day.today.hasEvent {
  border-color: #fff !important;
}

.single-event-calendar .flatpickr-day.today:hover,
.single-event-calendar .flatpickr-day.today:focus {
  background-color: var(--e-global-color-primary);
  color: white;
}

.single-event-calendar .flatpickr-calendar.inline {
  background: #ffffff;
  width: 100%;
}

.single-event-calendar .dayContainer,
.single-event-calendar .flatpickr-days {
  width: 100%;
  max-width: 400px;
  min-width: unset;
}

@media all and (max-width: 768px) {
  .single-event-calendar .event-calendar-container {
    flex-direction: column;
  }

  .single-event-calendar .flatpickr-calendar.inline {
    background: #ffffff;
  }

  .single-event-calendar .calendar-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }

  .single-event-calendar .event-times-wrapper {
    min-height: 200px;
  }

  .single-event-calendar .event-times {
    position: relative;
    transform: translateY(20px);
  }

  .single-event-calendar .event-times.active {
    transform: translateY(0);
  }
}

.arrow svg {
  height: 15px;
  width: 15px;
}

.facilities-details details {
  display: flex;
  flex-flow: column;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-primary);
  padding: 0 20px;
}

.facilities-details details[open] {
  padding-bottom: 20px;
}

.facilities-details details[open] svg {
  transform: rotate(90deg);
}

.facilities-details summary {
  cursor: pointer;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  transform: translateX(0px);
  transition: all 0.3s ease;
}

.facilities-details summary:hover svg {
  transform: translateX(5px);
}

.facilities-details details[open] summary:hover svg {
  transform: rotate(90deg);
}

.facilities-details summary p {
  text-transform: capitalize;
  font-size: var(--e-global-typography-text-font-size);
  margin: 0;
}

.facilities-details summary svg {
  height: 15px;
  transition: all 0.3s ease;
}


.facilities-details details .content {
  max-height: 0vh;
  height: 100%;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.facilities-details details[open] .content {
  max-height: 100vh;
}

.venue-get-directions:hover {
  background-color: var(--e-global-color-primary);
  color: white !important;
}

.venue-capacity {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
  border-radius: 4px;
}

.venue-capacity .responsive {
  min-width: 865px;
  /* Adjust based on your content needs */
}

.flatpickr-current-month .numInputWrapper {
  transform: translate(60px, -25px);
}

.video-carousel iframe {
  min-height: 350px;
  height: 100%;
  margin-bottom: 30px;
  position: relative;
  display: block;
}

@media all and (max-width: 768px) {
  .video-carousel iframe {
    min-height: 250px;
  }
}

@media all and (min-width: 1440px) {
  .video-carousel iframe {
    min-height: 485px;
  }
}

.video-carousel .slick-dots {
  bottom: 0;
  z-index: 100;
}



.video-carousel .slick-dots button:hover,
.video-carousel .slick-dots button:focus {
  background-color: transparent !important;
}

.video-carousel .slick-prev,
.video-carousel .slick-next {
  z-index: 10;
}

.video-carousel .slick-prev {
  left: 10px;
}

.video-carousel .slick-next {
  right: 10px;
}

.flatpickr-day:not(.hasEvent) {
  pointer-events: none;
}