@import "../common-scss/global.css";
#header .nav-logo {
  width: 130px;
  height: 50px;
  margin-bottom: 0px;
}
#header .text {
  font-size: 12px;
}
#header .navbar-brand {
  font-size: 12px;
}
#header .pad {
  padding: 8px;
}
#header small {
  font-size: 90%;
}
#header .height {
  width: 22px;
  height: 20px;
}

#navbar .navbar-toggler:focus {
  text-decoration: none;
  box-shadow: unset;
}
#navbar .nav-link {
  transition: unset;
}
#navbar #navbar-tabs #navbar-text .nav-item:hover {
  box-shadow: 0 -4px 0 0 #336E80 inset;
  --bs-nav-underline-border-width: 0rem;
}
#navbar .nav-item > a {
  color: #334456;
}
#navbar .nav-item > a.active {
  font-weight: 700 !important;
  color: #336E80;
}
#navbar .nav-item:not(:last-child) {
  border-bottom: 1px solid var(--bs-border-color);
}
#navbar #navbar-tabs {
  border-top: 1px solid var(--bs-border-color);
}
#navbar .nav-underline .nav-link.active,
#navbar .nav-underline .show > .nav-link {
  border-bottom: none;
}
#navbar #navbar-text > li > a {
  font-size: 100%;
  font-weight: 500;
}
#navbar .navbar-toggler .bi.bi-x {
  width: 30px;
  height: 30px;
  font-size: 40px;
  align-items: center;
  justify-content: center;
}
#navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
  display: none;
}
#navbar .navbar-toggler[aria-expanded=true] .bi.bi-x {
  display: flex;
}
#navbar .navbar-toggler[aria-expanded=true] + .current-page-name {
  opacity: 0;
  visibility: hidden;
}
#navbar .navbar-toggler[aria-expanded=false] .navbar-toggler-icon {
  display: flex;
}
#navbar .navbar-toggler[aria-expanded=false] .bi.bi-x {
  display: none;
}

@media (max-width: 576px) {
  #navbar .nav-item {
    padding-left: 20px;
  }
}
@media (min-width: 375px) {
  #header .nav-logo {
    width: 130px;
    height: 50px;
  }
  #header .text {
    font-size: 14px;
  }
  #header .height {
    width: 28px;
    height: 26px;
  }
  #header .pad {
    padding: 8px;
  }
}
@media (min-width: 576px) {
  #header .nav-logo {
    width: 152px;
    height: 60px;
  }
}
@media (min-width: 768px) {
  #header .pad {
    padding-left: 12px;
  }
  #header .current-page {
    padding-left: 6px;
  }
}
@media (min-width: 991px) {
  #header .pad {
    padding: 8px;
  }
  #header .nav-logo {
    width: 162px;
    height: 65px;
  }
  #header .text {
    font-size: 14px;
  }
  #header .height {
    width: 28px;
    height: 26px;
  }
}
@media (min-width: 1200px) {
  #header .pad {
    padding: 0px 0px 0px 9px;
  }
  #header .current-page {
    padding: 0px;
  }
  #header .nav-logo {
    width: 200px;
    height: 78px;
    margin-bottom: -1px;
    margin-top: -1px;
  }
  #navbar .nav-item:not(:last-child) {
    border-bottom: none;
  }
  #navbar .nav-item:has(a.active) {
    box-shadow: 0 -4px 0 0 #336E80 inset;
  }
  #navbar #navbar-tabs {
    border-top: 0;
  }
  .desktop {
    display: block;
  }
  .mobile {
    display: none;
  }
}
@media (min-width: 1440px) {
  #header .nav-logo {
    width: 240px;
    height: 93px;
    margin-bottom: -2px;
  }
  #header .text {
    font-size: 16px;
  }
  #header .height {
    width: 28px;
    height: 26px;
  }
}
@media (min-width: 1560px) {
  #header .nav-logo {
    width: 270px;
    height: 105px;
  }
}
@media (min-width: 1680px) {
  #header .nav-logo {
    width: 300px;
    height: 117px;
  }
}
@media (min-width: 1920px) {
  #header .nav-logo {
    width: 330px;
    height: 130px;
  }
  #header .height {
    width: 34px;
    height: 32px;
  }
  #header .text {
    font-size: 22px;
  }
}
@media (min-width: 2560px) {
  #header .nav-logo {
    width: 400px;
    height: 156px;
  }
  #header .height {
    width: 38px;
    height: 36px;
  }
  #header .text {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1200px) {
  #header {
    margin-bottom: 38px;
  }
  #navbar .nav-item {
    border-left: 5px solid transparent;
  }
  .active-border {
    border-left: 5px solid #336E80 !important;
  }
  .mobile-header {
    position: absolute;
    top: 68px;
    left: 0px;
    right: 0px;
    z-index: 2;
    background-color: white;
  }
  .mobile {
    display: block;
  }
  .desktop {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .mobile-header {
    position: absolute;
    top: 68px !important;
    left: 0px;
    right: 0px;
    z-index: 2;
    background-color: white;
  }
  .mobile-padding {
    padding-top: 20px !important;
  }
  .mobile-height-20 {
    margin-top: 20px !important;
  }
}
.select-height {
  height: 32px !important;
}

@media only screen and (max-width: 990px) {
  .mobile-header {
    position: absolute;
    top: 78px;
    left: 0px;
    right: 0px;
    z-index: 2;
    background-color: white;
  }
}
@media screen and (min-width: 990px) and (max-width: 1199px) {
  #header {
    margin-bottom: 38px;
  }
  #navbar .nav-item {
    border-left: 5px solid transparent;
  }
  .active-border {
    border-left: 5px solid #336E80 !important;
  }
  .mobile-header {
    position: absolute;
    top: 83px;
    left: 0px;
    right: 0px;
    z-index: 2;
    background-color: white;
  }
}
#footer a {
  text-decoration: none !important;
  border: none;
}

#gallery #photos a img {
  width: 250px;
  padding-bottom: 15px;
  padding-top: 15px;
  height: 200px;
}
#gallery #photos .justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#gallery #photos .list-unstyled {
  padding-left: 0;
  list-style: none;
}

@media (min-width: 320px) {
  #gallery #photos .justified-gallery {
    text-align: center;
  }
}
@media (min-width: 1400px) {
  #gallery #photos .justified-gallery {
    text-align: left;
  }
}/*# sourceMappingURL=gallery.css.map */