.layout-navbar {
  height: 90px !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: start !important;
  /* Styles for screens smaller than 1024px */
  /* Styles for screens smaller than 768px */
}
.layout-navbar img.logo.hide {
  display: none;
}
.layout-navbar .nav-bar {
  --bs-bg-opacity: .6;
  height: 90px !important;
  -webkit-transition: height 0.5s ease, background-color 1s ease !important;
  transition: height 0.5s ease, background-color 1s ease !important;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.layout-navbar .nav-bar .layout-navbar-button-row .layout-navbar-active-button-arrow {
  width: 32px;
  -webkit-transition: width 0.6s ease, font-size 0.3s ease;
  transition: width 0.6s ease, font-size 0.3s ease;
}
.layout-navbar .nav-bar .layout-navbar-button-row .layout-navbar-hidden-button-row {
  width: 0px;
  max-width: -webkit-min-content !important;
  max-width: -moz-min-content !important;
  max-width: min-content !important;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
}
.layout-navbar .nav-bar .layout-navbar-button-row .layout-navbar-hidden-button-row .layout-navbar-button:hover {
  text-decoration: underline overline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.layout-navbar .nav-bar .layout-navbar-button-row:hover .layout-navbar-hidden-button-row {
  width: 100%;
}
.layout-navbar .nav-bar .layout-navbar-button-row:hover .layout-navbar-active-button-arrow {
  width: 0 !important;
}
.layout-navbar .nav-bar:hover {
  --bs-bg-opacity: .9;
}
.layout-navbar .nav-bar .top-logo {
  -webkit-transition: width 0.5s ease, height 0.5s ease, left 0.5s ease;
  transition: width 0.5s ease, height 0.5s ease, left 0.5s ease;
}
.layout-navbar .nav-bar .top-logo.logo-top-right {
  right: 6px;
  top: 6px;
  width: 78px;
  height: 78px;
}
.layout-navbar .nav-bar .top-logo.logo-center {
  left: calc(50% - 93px);
  top: 6px;
  width: 186px;
  height: 186px;
}
.layout-navbar .nav-bar.not-at-top {
  height: 70px !important;
}
.layout-navbar .nav-bar.not-at-top .top-logo.logo-top-right {
  width: 58px !important;
  height: 58px !important;
}
.layout-navbar .nav-bar.not-at-top .top-logo.logo-center {
  left: calc(50% - 72px) !important;
  width: 144px !important;
  height: 144px !important;
}
@media screen and (max-width: 1023px) {
  .layout-navbar .nav-bar {
    height: 80px;
  }
  .layout-navbar .nav-bar .top-logo.logo-top-right {
    right: 6px;
    top: 6px;
    width: 68px;
    height: 68px;
  }
  .layout-navbar .nav-bar .top-logo.logo-center {
    left: calc(50% - 82px);
    top: 6px;
    width: 164px;
    height: 164px;
  }
  .layout-navbar .nav-bar.not-at-top {
    height: 60px !important;
  }
  .layout-navbar .nav-bar.not-at-top .top-logo.logo-top-right {
    width: 48px !important;
    height: 48px !important;
  }
  .layout-navbar .nav-bar.not-at-top .top-logo.logo-center {
    left: calc(50% - 62px) !important;
    width: 124px !important;
    height: 124px !important;
  }
}
@media screen and (max-width: 767px) {
  .layout-navbar .nav-bar {
    height: 70px;
  }
  .layout-navbar .nav-bar .top-logo.logo-top-right {
    right: 6px;
    top: 6px;
    width: 58px;
    height: 58px;
  }
  .layout-navbar .nav-bar .top-logo.logo-center {
    left: calc(50% - 72px);
    top: 6px;
    width: 144px;
    height: 144px;
  }
  .layout-navbar .nav-bar.not-at-top {
    height: 50px !important;
  }
  .layout-navbar .nav-bar.not-at-top .top-logo.logo-top-right {
    width: 38px !important;
    height: 38px !important;
  }
  .layout-navbar .nav-bar.not-at-top .top-logo.logo-center {
    left: calc(50% - 51px) !important;
    width: 102px !important;
    height: 102px !important;
  }
}