html {
  scroll-padding-top: 3.5rem;
}

@media (min-width: 1230px) {
  html {
    scroll-padding-top: 4.5rem;
  }
}

@media (max-width: 1229px) {
  body {
    padding-top: 3.5rem;
  }
}

.csi-header {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  z-index: 100;
}

.toolbar-vertical .csi-header {
  top: 78px;
}

@media (min-width: 416px) {
  .toolbar-vertical .csi-header {
    top: 39px;
  }
}

@media (min-width: 576px) {
  .toolbar-vertical .csi-header {
    top: 78px;
  }
}

@media (min-width: 805px) {
  .toolbar-fixed .csi-header {
    top: 74px;
  }
}

@media (min-width: 814px) {
  .toolbar-fixed .csi-header {
    top: 74px;
  }
}

@media (min-width: 890px) {
  .toolbar-fixed .csi-header {
    top: 74px;
  }
}

@media (min-width: 1059px) {
  .toolbar-fixed .csi-header {
    top: 39px;
  }
}

@media (min-width: 1145px) {
  .toolbar-fixed .csi-header {
    top: 39px;
  }
}

@media (min-width: 943px) {
  .toolbar-tray-open .csi-header {
    top: 39px;
  }
}

@media (min-width: 976px) {
  .toolbar-tray-open .csi-header {
    top: 74px;
  }
}

@media (min-width: 1046px) {
  .toolbar-tray-open .csi-header {
    top: 74px;
  }
}

.csi-header .csi-mobile-menu-toggle {
  height: 3.5rem;
  margin-left: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.csi-menu-is-active .csi-mobile-menu-toggle--close {
  display: block;
}

.csi-menu-is-active .csi-mobile-menu-toggle--open {
  display: none;
}

body.toolbar-vertical .toolbar-oriented .toolbar-bar {
  position: fixed;
}

.csi-menu-is-active {
  position: relative;
}

@media (max-width: 1229px) {
  .csi-menu-is-active {
    overflow: hidden;
  }
}

@media (max-width: 1229px) {
  .csi-site-logo {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.csi-site-logo img {
  height: 36px;
}

@media (min-width: 1230px) {
  .csi-site-logo img {
    height: 65px;
  }
}

.csi-header__nav {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1229px) {
  .csi-header__nav {
    position: absolute;
    max-height: 0px;
    width: 100%;
    overflow-y: auto;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
}

@media (min-width: 1230px) {
  .csi-header__nav {
    flex-direction: column-reverse;
  }
}

.csi-header__nav {
  transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
}

@media (max-width: 1229px) {
  .csi-menu-is-active .csi-header__nav {
    height: calc(100vh - 3.5rem);
    max-height: calc(100vh - 3.5rem);
  }
}

.csi-header__mobile-bar {
  height: 3.5rem;
}

.csi-menu-is-active .csi-header__mobile-bar {
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

.region-main-nav {
  position: relative;
}

@media (min-width: 1230px) {
  .region-main-nav {
    flex: 1 1 0%;
  }
}

@media (max-width: 1229px) {
  .csi-header__nav-menu--super.is-open {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
}

.csi-header__nav-menu.is-open {
  background: white url("../../assets/svgs/events-bg.svg") no-repeat left 16px;
  background-size: contain;
  height: 100%;
}