@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap");

@layer utilities {
    .scroll-snap-none {
      scroll-snap-type: none;
    }
    .scroll-snap-x {
      scroll-snap-type: x;
    }
    .scroll-snap-y {
      scroll-snap-type: y;
    }
  }
@import "../node_modules/flowbite/src/themes/default.css";

/* Base styles for the links */
a {
  color: inherit; /* Inherit the color from the surrounding text */
  text-decoration: none; /* Remove underline */
}

/* Hover effect for links */
a:hover {
  color: #5081c1; /* Blue color on hover */
  text-decoration: underline; /* Optional: Add underline on hover */
}

/* Optional: Add transition effect for smooth color change */
a {
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

/* Apply styles to make the links "disabled" */
.disabled-link {
  pointer-events: none;  /* Disables clicking */
  opacity: 0.6;  /* Makes the button appear disabled */
  cursor: not-allowed;  /* Changes the cursor to show it’s disabled */
}

/* Optional: Apply hover styles to disabled links */
.disabled-link:hover {
  background-color: #2563eb;  /* Retain original background-color */
  color: white;  /* Ensure text color stays white */
}
section {
  padding-top: 120px;
  scroll-margin-top: 120px; /* match your header height */
}


  #masthead {
    position: relative;
    height: 100vh;
    padding: 0 0;
    /*
    #background: rgb(34,34,66);
    #background: linear-gradient(180deg, rgba(34,34,66,1) 0%, rgba(44,46,115,1) 50%, rgba(34,34,66,1) 100%);
    */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(75%, rgba(0, 0, 0, 0.2)), to(#000)), url("/assets/img/bg-masthead.jpg");
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 85%, #000 100%), url("/assets/img/bg-masthead.jpg");
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 85%, #000 100%), url("/assets/img/bg-masthead.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    scroll-margin-top: 96px; /* match your header height */
  }
    #coc {
    position: relative;
    padding: 0 0;
    background: rgb(34,34,66);
    background: linear-gradient(180deg, rgba(34,34,66,1) 0%, rgba(44,46,115,1) 50%, rgba(34,34,66,1) 100%);
    background-position: center;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: cover;
    scroll-margin-top: 96px; /* match your header height */
  }
  #main {
  background-color: black;
  }
  #about {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(75%, rgba(0, 0, 0, 0.5)), to(#000)), url("/assets/img/con_floor.jpg");
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 25%, #000 100%), url("/assets/img/con_floor.jpg");
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 25%, #000 100%), url("/assets/img/con_floor.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  padding-top: 5em; 
  min-height: 100vh;
  scroll-margin-top: 96px !important;
  }
  #registration {
  background-color: #212529;
  padding-top: 5em; 
  scroll-margin-top: 96px; /* match your header height */
  }
  #lodging {
  background-color: #212529;
  padding-top: 5em; 
  scroll-margin-top: 96px; /* match your header height */
  }
  #promote {
  background-color: #212529;
  padding-top: 5em; 
  scroll-margin-top: 96px; /* match your header height */
  }
  #contact {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(75%, rgba(0, 0, 0, 0.5)), to(#000)), url("/assets/img/bg-footer.jpg");
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 25%, #000 100%), url("/assets/img/bg-footer.jpg");
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 25%, #000 100%), url("/assets/img/bg-footer.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  padding-top: 5em; 
  min-height: 100vh;
  scroll-margin-top: 96px; /* match your header height */
  }
  nav .container ul li {
  border-radius:5px;
  }
  nav .container ul li a {
  text-decoration: none;
  padding: 10px 20px;
  color: white;
  }
  nav .container ul li.active {
  transition: 0.3s;
  }
  nav .container ul li.active a {
  color: #5081c1;
  }
  nav .container ul li.hover {
    transition: 0.3s;
  }
.nav-link:hover,
.nav-link:focus {
  color: #5081c1;
}
  nav .container ul li.hover {
  color: #5081c1;
}