/* menu */

.main-header-menu {
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 1399px) { /* lg breakpoint */
    .main-header-menu {
        padding-left: 3.5rem; /* lg:px-14 */
        padding-right: 3.5rem; /* lg:px-14 */
    }
}
@media (max-width: 1023px) {
    .main-header-menu {
      padding-left: 1.5rem; /* lg:px-14 */
      padding-right: 1.5rem; /* lg:px-14 */
    }
  }

/* .menu-trigger {
    cursor: pointer;
} */

.menu-trigger:hover i {
    transform: translateY(0.125rem); /* 2px */
    transition: transform 0.3s;
}

.dropdown-active .menu-trigger:hover i {
    transform: translateY(-0.125rem); /* -2px */
}

.dropdown-content a {
    display: block;
}

/*Hamburger hover animation*/
.hamburger:hover:not(.active) svg rect.top-line {
    transform: translateY(-0.0625rem); /* -1px */
    transition: transform 0.3s;
}

.hamburger:hover:not(.active) svg rect.bottom-line {
    transform: translateY(0.0625rem); /* 1px */
    transition: transform 0.3s;
}

/* Active state to make an X */
.hamburger.active .top-line {
    transform: translateY(-0.25rem) translateX(0.8125rem) rotate(45deg); /* -4px, 13px */
    transition: transform 0.3s;
}

.hamburger.active .bottom-line {
    transform: translateY(0.8125rem) translateX(-0.5625rem) rotate(-45deg); /* 13px, -9px */
    transition: transform 0.3s;
}

#block-byu-headerblock #header-column-3,
#block-byu-headerblock #header-column-3 .contact-us {
  height: 100%;
}

.nav-mobile-open .header-menu a.menu-trigger,
.nav-mobile-open .header-link a {
  margin-bottom: 1.3rem !important;
  display: block;
  font-size: 1.2rem;
}

.nav-mobile-open nav.header-menu ul.menu.dropdown-active {
  position: relative;
  border: 0;
  box-shadow: none;
  margin-bottom: 1rem;
  width: auto;
}


.main-header-menu.nav-mobile-open .layout__region.layout__region--second {
    width: calc(100% - 40px);
}
.main-header-menu.nav-mobile-open .layout__region.layout__region--second .content-button {
    display: block;
    width: 100%;
}
.main-header-menu.nav-mobile-open .layout__region.layout__region--second .content-button a {
    width: 100%;
}
.main-header-menu .layout__region.layout__region--second .content-button {
    display: none;
}

/* end menu */


@media only screen and (max-width: 960px) {
    .nav-mobile-open .layout__region.layout__region--second {
      display: flex !important;
      flex-direction: column !important;
    }

    .nav-mobile-open .layout__region.layout__region--second .content-button {
        order: 999;
    }
  }