.navbar-light .navbar-nav .nav-link
{
    color:#000000 !important;
    font-weight: 500;
    padding: 3px 25px 3px 35px;
    font-size: 1.0rem;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover
{
    color:#ffffff !important;  
    font-weight: 500;
    /*padding: 3px 25px 3px 35px;*/
    background-color: #2060ad;
    font-size: 1.0rem;
}

.dropdown-menu.show {
  display: block;
  border-style: solid;
  border-width: 1px;
  opacity: 1.0;
  border-color: #2060ad;
  filter: drop-shadow(#666666 3px 3px 3px);
}

.dropdown-menu {
  background-color: #cfbc9a;
}

.dropdown-item:focus, .dropdown-item:hover {
  background-color: #2060ad !important;
  color:#ffffff;
  padding: .25rem 1.5rem;
}

.navbar-custom {
  height: 35px !important;
  background-color: transparent!important;
}

.navbar-brand {
  color:#000000 !important;
  font-weight: 500;
  padding: 5px !important;
  margin: 0 !important;
}

.navbar-brand:hover {
  color:#ffffff !important;
  font-weight: 500;
  margin: 0 !important;
  background-color: #2060ad;
}

.navbar {
  padding: 0 205px 0 206px !important;
  display: flex !important; /* Use flexbox for layout */
  align-items: center !important; /* Align items vertically */
}

.nav-item dropdown 
{
  color: #000000 !important;
  /*padding: 0 35px 0 35px;*/
}

.navbar-nav
{
  margin-left: auto;
}

.myLeftPadding {
  padding-left:100px;
}


@media only screen and (min-device-width: 390px) and (max-device-width: 844px) and (orientation: portrait) {
  /* Your custom styles for mobile devices */

  .myLeftPadding {
    padding-left:0px;
  }
  .navbar-nav 
  {
    /*background-color: #cfbc9a;*/
    display: block;
    /*width: 60%;*/
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 500;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    border-radius: 7px;
    margin: -165px 0 0 175px;
    
  }

  .navbar-toggler {
    background-color:#ffffff; 
    border-color: #2060ad !important;;
    border-width: 1px !important;;
    color:#000000 !important;
    margin: -355px 0 0 100px;
  }

  .navbar-light .navbar-nav .nav-link 
  {
    color: #000000 !important;
    font-weight: 500;
    /*padding-left: 15px !important;*/
    padding: 1px 7px 0 7px;
    display: block;
    
  }
}




@media only screen and (min-device-width: 390px) and (max-device-width: 844px) and (orientation: landscape) {
  /* Your styles here */

.navbar-light .navbar-nav .nav-link
  {
      color:#000000 !important;
      font-weight: 500;
      /*padding: 3px 25px 3px 35px;*/
      font-size: 1.0rem;
  }

  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover
  {
      color:#ffffff !important;  
      font-weight: 500;
      /*padding: 3px 25px 3px 35px;*/
      background-color: #2060ad;
      font-size: 1.0rem;
  }

  .dropdown-menu.show {
    display: block;
    border-style: solid;
    border-width: 1px;
    opacity: 1.0;
    border-color: #2060ad;
    filter: drop-shadow(#666666 3px 3px 3px);
  }

  .dropdown-menu {
    background-color: #cfbc9a;
  }

  .dropdown-item:focus, .dropdown-item:hover {
    background-color: #2060ad !important;
    color:#ffffff;
    padding: .25rem 1.5rem;
  }

  .navbar-custom {
    height: 35px !important;
    background-color: transparent!important;
  }

  .navbar-brand {
    color:#000000 !important;
    font-weight: 500;
    padding: 5px !important;
    margin: 0 !important;
  }

  .navbar-brand:hover {
    color:#ffffff !important;
    font-weight: 500;
    margin: 0 !important;
    background-color: #2060ad;
  }

  .navbar {
    /*padding: 0 205px 0 206px !important;*/
    display: flex !important; /* Use flexbox for layout */
    align-items: center !important; /* Align items vertically */
  }

  .nav-item dropdown 
  {
    color: #000000 !important;
    /*padding: 0 35px 0 35px;*/
  }

  .navbar-nav
  {
    margin-left:auto;
    flex-direction: row;
    
  }

  .myLeftPadding {
    padding-left:0;
    padding-right:0;
    margin-left: -20px;
    width: 80% !important;
  }

  .navbar-toggler {
    background-color:#ffffff; 
    border-color: #2060ad !important;;
    border-width: 1px !important;;
    color:#000000 !important;
    margin: 0 0 0 0;
  }

  .navbar-light .navbar-nav .nav-link 
  {
    color: #000000 !important;
    font-weight: 500;
    /*padding-left: 15px !important;*/
    padding: 1px 15px 0 15px;
    display: block;
    
  }

}


.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover
{
    color:#ffffff !important;  
    font-weight: 500;
    /*padding: 3px 13px 3px 33px;
    background-color: #2060ad;*/
    font-size: 1.0rem;
    margin: 0 0 0 0px;
}


.navbar 
{
  padding: 0 205px 0 20px !important;
  display: flex !important;
  align-items: center !important;
}

a:hover {
  font-weight: 500 !important;
  padding: 0 5px 0 5px;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 500;
  color: #000000;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

div {
  font-family: "Inter", sans-serif;
  padding-block: .4rem;
}
div nav.hidden {
  align-items: center;
  justify-content: space-between;
}
div nav.hidden ul {
  display: flex;
  column-gap: 1rem;
  font-size: 1.2rem;
}
div nav.hidden ul li {
  position: relative;
}
div nav.hidden ul li ul {
  padding-block: 0.5rem;
  padding-inline: 1rem;
  font-size: 0.95rem;
  position: absolute;
  top: 1.9rem;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.31);
  width: 100px;
  display: none;
}
div nav.hidden ul li ul.active {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
div nav.hidden h1 {
  font-size: 2.5rem;
}
div nav.mobile ul[role=menubar] {
  position: absolute;
  top: 4rem;
  left: 2rem;
  right: 0;
  display: none;
}
div nav.mobile ul[role=menubar] li {
  margin-block: 1rem;
  font-size: 1.2rem;
}
div nav.mobile ul[role=menubar] li ul li {
  margin-inline-start: 1.5rem;
  font-size: 1rem;
}
div nav.mobile ul[role=menubar].active {
  display: block;
}

/* ========================================================== */
/* ============== SMALL TABLET - PORTRAIT VIEW ============== */
/* ========================================================== */
@media screen and (max-width: 623px) and (min-width: 481px) {
/* Your custom styles for mobile devices */
  .myLeftPadding {
    padding-left:0px;
  }
  .navbar-nav 
  {
    /*background-color: #cfbc9a;*/
    display: block;
    /*width: 60%;*/
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 500;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    border-radius: 7px;
    margin: -190px 0 0 315px;
    
  }

  .navbar-toggler {
    background-color:#ffffff; 
    border-color: #2060ad !important;;
    border-width: 1px !important;;
    color:#000000 !important;
    margin: 0 0 0 0;
  }

  .navbar-light .navbar-nav .nav-link 
  {
    color: #000000 !important;
    font-weight: 500;
    /*padding-left: 15px !important;*/
    padding: 1px 7px 0 7px;
    display: block;
    
  }
}

/* ========================================================== */
/* ============= SMALL TABLET - LANDSCAPE VIEW ============== */
/* ========================================================== */
@media screen and (max-width: 800px) and (min-width: 769px) {
  .myLeftPadding {
    padding-left:0px;
  }
  .navbar-nav 
  {
    /*background-color: #cfbc9a;*/
    display: flex;
    /*width: 60%;*/
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 500;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    border-radius: 7px;
    margin: 0 0 0 0;
    
  }

  .navbar-toggler {
    background-color:#ffffff; 
    border-color: #2060ad !important;;
    border-width: 1px !important;;
    color:#000000 !important;
    margin: 0 0 0 0;
  }

  .navbar-light .navbar-nav .nav-link 
  {
    color: #000000 !important;
    font-weight: 500;
    /*padding-left: 15px !important;*/
    padding: 1px 7px 0 7px;
    display: block;
    
  }
}

/* ========================================================== */
/* ============== LARGE TABLET - PORTRAIT VIEW ============== */
/* ========================================================== */
@media screen and (max-width: 768px) and (min-width: 624px) {
	/* Your custom styles for mobile devices */

 .dropdown-menu.show {
  display: block;
  border-style: solid;
  border-width: 1px;
  opacity: 1.0;
  border-color: #2060ad;
  filter: drop-shadow(#666666 3px 3px 3px);
}
  .navbar-nav 
  {
    /*background-color: #cfbc9a;*/
    display: flex;
    /*width: 60%;*/
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 500;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    border-radius: 7px;
    /*margin: -170px 0 0 500px;*/
    margin: 0 0 0 0;
    flex-direction: row;
  }

  .navbar-toggler {
    background-color:#ffffff; 
    border-color: #2060ad !important;;
    border-width: 1px !important;;
    color:#000000 !important;
    margin: 0 0 0 0;
  }

  .navbar-light .navbar-nav .nav-link 
  {
    color: #000000 !important;
    font-weight: 500;
    /*padding-left: 15px !important;*/
    padding: 1px 7px 0 7px;
    display: block;
    
  }

}

/* ========================================================== */
/* ======= LARGE TABLET LANDSCAPE/DESKTOP/LAPTOP VIEW ======= */
/* ========================================================== */
@media screen and (max-width: 1170px) and (min-width: 801px) {
	
}

/* ========================================================== */
/* ============== iPhone Pro Max - PORTRAIT VIEW ============== */
/* ========================================================== */
@media only screen and (min-device-width: 430px) and (max-device-width: 932px) and (orientation: portrait) {
	/* Your custom styles for mobile devices */

  .navbar-nav 
  {
    /*background-color: #cfbc9a;*/
    display: block;
    /*width: 60%;*/
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 500;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    border-radius: 7px;
    margin: -165px 55px 0 195px;
    
  }

  .navbar-toggler {
    background-color:#ffffff; 
    border-color: #2060ad !important;;
    border-width: 1px !important;;
    color:#000000 !important;
    margin: -355px 0 0 200px;
  }

  .navbar-light .navbar-nav .nav-link 
  {
    color: #000000 !important;
    font-weight: 500;
    /*padding-left: 15px !important;*/
    padding: 1px 7px 0 7px;
    display: block;
    
  }
}

/* ========================================================== */
/* =========== iPhone Pro Max - LANDSCAPE VIEW ============== */
/* ========================================================== */
@media only screen and (min-device-width: 430px) and (max-device-width: 932px) and (orientation: landscape) {
    /* Your styles here */
  .myLeftPadding {
      padding-left:35px !important;
   }

  .navbar-light .navbar-nav .nav-link
    {
        color:#000000 !important;
        font-weight: 500;
        /*padding: 3px 25px 3px 35px;*/
        font-size: 1.0rem;
    }
  
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover
    {
        color:#ffffff !important;  
        font-weight: 500;
        /*padding: 3px 25px 3px 35px;*/
        background-color: #2060ad;
        font-size: 1.0rem;
    }
  
    .dropdown-menu.show {
      display: block;
      border-style: solid;
      border-width: 1px;
      opacity: 1.0;
      border-color: #2060ad;
      filter: drop-shadow(#666666 3px 3px 3px);
    }
  
    .dropdown-menu {
      background-color: #cfbc9a;
    }
  
    .dropdown-item:focus, .dropdown-item:hover {
      background-color: #2060ad !important;
      color:#ffffff;
      padding: .25rem 1.5rem;
    }
  
    .navbar-custom {
      height: 35px !important;
      background-color: transparent!important;
    }
  
    .navbar-brand {
      color:#000000 !important;
      font-weight: 500;
      padding: 5px !important;
      margin: 0 !important;
    }
  
    .navbar-brand:hover {
      color:#ffffff !important;
      font-weight: 500;
      margin: 0 !important;
      background-color: #2060ad;
    }
  
    .navbar {
      /*padding: 0 205px 0 206px !important;*/
      display: flex !important; /* Use flexbox for layout */
      align-items: center !important; /* Align items vertically */
    }
  
    .nav-item dropdown 
    {
      color: #000000 !important;
      /*padding: 0 35px 0 35px;*/
    }
  
    .navbar-nav
    {
      margin-left:auto;
      flex-direction: row;
      
    }
  
    .myLeftPadding {
      padding-left:0;
      padding-right:0;
      margin-left: -20px;
      width: 80% !important;
    }
  
    .navbar-toggler {
      background-color:#ffffff; 
      border-color: #2060ad !important;;
      border-width: 1px !important;;
      color:#000000 !important;
      margin: 0 0 0 0;
    }
  
    .navbar-light .navbar-nav .nav-link 
    {
      color: #000000 !important;
      font-weight: 500;
      /*padding-left: 15px !important;*/
      padding: 1px 15px 0 15px;
      display: block;
      
    }
  }

  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    /* your css rules for ipad portrait */
    .dropdown-menu.show {
      display: block;
      border-style: solid;
      border-width: 1px;
      opacity: 1.0;
      border-color: #2060ad;
      filter: drop-shadow(#666666 3px 3px 3px);
    }
      .navbar-nav 
      {
        /*background-color: #cfbc9a;*/
        display: flex;
        /*width: 60%;*/
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 500;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        border: 0;
        border-radius: 7px;
        /*margin: -170px 0 0 500px;*/
        margin: -140px 0 0 0;
        flex-direction: row;
      }
    
      .navbar-toggler {
        background-color:#ffffff; 
        border-color: #2060ad !important;;
        border-width: 1px !important;;
        color:#000000 !important;
        margin: 0 0 0 0;
      }
    
      .navbar-light .navbar-nav .nav-link 
      {
        color: #000000 !important;
        font-weight: 500;
        /*padding-left: 15px !important;*/
        padding: 1px 7px 0 7px;
        display: block;
        
      }
  }
  
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  /* your css rules for ipad landscape */
  .dropdown-menu.show {
    display: block;
    border-style: solid;
    border-width: 1px;
    opacity: 1.0;
    border-color: #2060ad;
    filter: drop-shadow(#666666 3px 3px 3px);
  }
    .navbar-nav 
    {
      /*background-color: #cfbc9a;*/
      display: flex;
      /*width: 60%;*/
      padding: .25rem 1.5rem;
      clear: both;
      font-weight: 500;
      color: #212529;
      text-align: inherit;
      white-space: nowrap;
      border: 0;
      border-radius: 7px;
      /*margin: -170px 0 0 500px;*/
      margin: 0 0 0 0;
      flex-direction: row;
    }
  
    .navbar-toggler {
      background-color:#ffffff; 
      border-color: #2060ad !important;;
      border-width: 1px !important;;
      color:#000000 !important;
      margin: 0 0 0 0;
    }
  
    .navbar-light .navbar-nav .nav-link 
    {
      color: #000000 !important;
      font-weight: 500;
      /*padding-left: 15px !important;*/
      padding: 1px 7px 0 7px;
      display: block;
      
    }
  }

  @media only screen and (min-width: 768px) and (orientation: portrait) { 
    /* your css rules for ipad mini portrait */
    .myLeftPadding {
      padding-left:0px;
    }
    .navbar-nav 
    {
      /*background-color: #cfbc9a;*/
      display: flex;
      /*width: 60%;*/
      padding: .25rem 1.5rem;
      clear: both;
      font-weight: 500;
      color: #212529;
      text-align: inherit;
      white-space: nowrap;
      border: 0;
      border-radius: 7px;
      margin: 0 0 0 -25px !important;
      flex-direction: row;
    }
  
    .navbar-toggler {
      background-color:#ffffff; 
      border-color: #2060ad !important;;
      border-width: 1px !important;;
      color:#000000 !important;
      margin: 0 0 0 0 !important;
    }
  
    .navbar-light .navbar-nav .nav-link 
    {
      color: #000000 !important;
      font-weight: 500;
      /*padding-left: 15px !important;*/
      padding: 1px 7px 0 7px;
      display: block;
      /* change made May 31 2026 */
      margin: 0 0 0 0 !important;
    }
  }

  @media only screen and (min-width: 1024px) and (orientation: landscape) { 
    /* your css rules for ipad mini landscape */
    .myLeftPadding {
      padding-left:0px;
    }
    .navbar-nav 
    {
      /*background-color: #cfbc9a;*/
      display: flex;
      /*width: 60%;*/
      padding: .25rem 1.5rem;
      clear: both;
      font-weight: 500;
      color: #212529;
      text-align: inherit;
      white-space: nowrap;
      border: 0;
      border-radius: 7px;
      margin: 0 -50px 0 0;
      flex-direction: row;
    }
  
    .navbar-toggler {
      background-color:#ffffff; 
      border-color: #2060ad !important;;
      border-width: 1px !important;;
      color:#000000 !important;
      margin: 0 0 0 0;
    }
  /*padding-left: 15px !important;*/
   /* .navbar-light .navbar-nav .nav-link 
    {
      
      color: #000000 !important;
      font-weight: 500;
      padding: 1px 7px 0 7px;
      display: block;
      
    }*/
  }

  .tourLink a {
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 1.00em importat !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
  }
  
  .tourLink a:link {
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 1.00em importat !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
  }
  
  .tourLink a:hover {
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 1.00em importat !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: underline !important;
    padding: 0 0 0 0 !important;
  }
  
  .tourLink:visited {
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 1.00em importat !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: underline !important;
  }