@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');

/* Background */
#sb-main-container {
  background-image: url('https://i.imgur.com/CTLrAUt.gif') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Font and colors */
*,
body,
html,
#content,
#events h3,
#events p.duration,
#events div.duration,
#events p.description,
#events div.description,
#events .selectedEvent,
#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3,
#eventForm #save_button,
div.ui-widget-content,
div.ui-widget-header,
#timeline-container table.timeline,
.timeline td.not_worked_time,
.timeline td.free_time,
.timeline td.selected_time,
.timeline td.reserved_time,
div#loading,
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label,
.section-pd,
#sb-main-container,
#sb-main-container * {
  font-family: 'Forum', serif !important;
  color: white !important;
}

/* Instagram icon filter */
a[href*="instagram"] img,
a[href*="instagram"] svg,
a[href*="instagram"] {
  filter: invert(100%) brightness(90%) contrast(100%) !important;
}

a[href*="instagram"]:hover img,
a[href*="instagram"]:hover svg,
a[href*="instagram"]:hover {
  filter: invert(80%) brightness(115%) contrast(120%) !important;
}

/* Hide footer social */
.footer-links .social {
  display: none !important;
}

/* LOGO CONTAINER */
.logo-container {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-top: 25px;
  margin-left: 0px;
}

/* Uncharted Logo - 100px, pushed slightly down and left */
.logo.uncharted-logo {
  height: 100px !important;
  width: auto !important;
  transition: all 0.3s ease-in-out;
  display: block;
  margin-left: -10px;
  margin-top: 10px;
}

/* Sea-Doo Logo - 100px height, moved another 25px right */
.logo.seadoo-logo {
  height: 100px !important;
  width: auto !important;
  transition: all 0.3s ease-in-out;
  display: block;
  margin-left: 10px;  /* moved right */
  margin-top: 10px;
  object-fit: contain;
}

/* Lamplighter Resort Logo - 100px height, aligned with others */
.logo.lamplighter-logo {
  height: 100px !important;
  width: auto !important;
  transition: all 0.3s ease-in-out;
  display: block;
  margin-left: 0;
  margin-top: 10px;
  object-fit: contain;
}

/* Glow hover effect */
.logo:hover {
  filter: brightness(1.15) drop-shadow(0 0 6px rgba(255, 255, 255, 0.5));
  transform: scale(1.05);
}

/* Responsive tweaks */
@media only screen and (max-width: 768px) {
  #sb-main-container {
    background-size: contain !important;
    background-position: center 115px !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }

  .section-pd {
    padding-left: 15px;
    padding-right: 15px;
  }
}