/* responsive overrides for mobile */
.collapse:not(.show) {
  display: inherit;
}

@media screen and (max-width: 1024px) {

  /* general */
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .flexslider,
  .flex-viewport,
  .slides {
    touch-action: pan-y;
  }

  .two-col-block {
    flex-wrap: wrap;
    padding: 50px 0;

    .left,
    .right {
      flex: auto;
    }

    .title {
      text-align: center;
    }

    .text {
      margin-bottom: 20px;
      margin-top: 20px;
      text-align: center;
    }
  }

  .one-col-block {
    background-attachment: initial;

    .title {
      line-height: 67px;
      font-size: 53px;
      text-align: center;
    }

    .text {
      margin: 0 10px;
    }
  }

  .photo {
    text-align: center;
  }

  /* links */
  .link {
    flex-wrap: wrap;

    .link-item {
      flex: 1 1 275px;
      display: flex;
      justify-content: center;
      margin: 10px 0;
      align-items: center;
    }

    .link-item a {
      padding: 15px 12px;
      text-align: center;
      width: 100%;
      max-width: 275px;
    }
  }

  .title {
    a {
      &::after {
        display: none;
      }
    }
  }

  .view-row {
    &:hover .photo img {
      transform: none;
    }
  }

  /* header */
  .header {
    .region {
      padding: 7px;
      gap: 0;
      justify-content: center;
      position: relative;
      flex-direction: row;
    }

    .logo {
      order: 1;
      flex: 1;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .main-menu {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;

      ul.level-0 > li.level-1 a.level-1,
      ul.level-0 > li.level-1 span.level-1 {
        padding-left: 5px;

        &::after {
          display: none;
        }
      }
    }

    .contact-menu {
      order: 2;
      flex: 1;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;

      .icon-fb {
        display: none;
      }

      ul {
        gap: 0;
      }

      ul li a.contact-us {
        padding: 10px 10px;
      }
    }

    .community-portal-menu {
      .nav {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        width: 100%;
      }

      .nav a.nav-link {
        &:hover {
          color: inherit;
        }
      }

      .nav > .nav-item > .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      }
    }
  }

  /* burger menu */
  .mega-menu {
    display: block;
    position: relative;
  }

  .mega-menu .tbm-button[aria-expanded="true"] {
    background-color: var(--bg-primary-color);
    width: 100%;
    margin: 0;
    animation: linear;
    animation-name: run;
    animation-duration: 0.25s;
    transform: none;
    transition: none;
    padding: 7px 5px;
  }

  .mega-menu .tbm.tbm--mobile .tbm-collapse {
    background: var(--bg-primary-color);
    padding-top: 0;
    animation: linear;
    animation-name: run;
    animation-duration: 0.25s;
    margin-top: 61px;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    min-height: 100vh;
  }

  @keyframes run {
    0% {
      left: -100%;
    }

    100% {
      left: 0;
    }
  }

  .mega-menu .tbm-button {
    background-color: transparent;
    border: none;
    color: #fff;
    position: absolute;
    padding: 10px;
    top: 0;
    left: 0;
    z-index: 10;
    border-radius: 0;
    transition: color 0.3s ease-in-out;
    margin: 0;
    padding: 5px;
  }

  .mega-menu .tbm-submenu-toggle {
    display: none !important;
  }

  .mega-menu .tbm.tbm--mobile .tbm-nav {
    background: none transparent;
    margin: 0 7px;
  }

  .mega-menu .tbm-item .tbm-link {
    font-family: "BebasNeue-Regular";
    font-size: 21px;
    padding: 20px 0 15px;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
  }

  .mega-menu .tbm.tbm--mobile .level-0 > .tbm-item.level-1 {
    margin: 0 15px;
    width: 100%;
  }

  .mega-menu .tbm-item .tbm-link.level-1:hover,
  .mega-menu .tbm-item .tbm-link.level-1:focus {
    background-color: transparent;
  }

  .mega-menu .tbm-item:first-child .tbm-link {
    border-top: none;
  }

  .mega-menu .tbm-item.level-1 {
    border-right: none;
  }

  .mega-menu .tbm.tbm--mobile .tbm-item {
    border-top: none;
  }

  .mega-menu .tbm-item.level-1.tbm-item--has-dropdown {
    display: flex;
    flex-direction: column;
  }

  .mega-menu .tbm.tbm--mobile .tbm-submenu {
    box-shadow: none;
    border-top: none;
  }

  .mega-menu .tbm.tbm--mobile .always-show .tbm-submenu.tbm-item-child {
    align-self: stretch;
    flex: 1;
    justify-content: flex-end;
    display: flex !important;
    flex-direction: column;
    background-color: transparent;
    border: none;
  }

  .tbm.tbm--mobile .tbm-block {
    padding: 0;
  }

  .tbm-row nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .tbm-row .socials {
    margin: 20px 0;
  }

  .tbm-row .socials .nav a {
    margin: 0;
    padding: 0 10px 0 0;
  }

  .tbm-row .secondary .nav {
    display: flex;
    flex-direction: row;
    margin: 10px 0;
  }

  .tbm-row .secondary .nav li a {
    font-family: "BebasNeue-Regular";
    color: #f0ece1;
    font-size: 23px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 10px 10px 10px;
    line-height: 25px;
    display: inline-block;
    background-color: #303030;
    margin: 0 20px 0 0;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    min-width: 110px;
    text-align: center;
  }

  .tbm-row .logo {
    margin: 25px 0 40px;
  }

  /* slider */
  .slider {
    .wrapper {
      margin: 0 20px;
    }

    .slide-text {
      line-height: 77px;
      font-size: 66px;
    }
  }

  /* map */
  .map-iframe {
    .map {
      iframe {
        height: 400px;
      }
    }
  }

  .map-block {
    .map-address-wrapper {
      position: relative;
      margin: 0;
      background-color: var(--color-orange);
      padding: 40px;
      display: flex;
      flex-direction: column;
      gap: 25px;
      width: 100%;
      max-width: initial;
      z-index: 1;
    }
  }

  /* views */
  .view-services,
  .view-quick-links {
    .view-row {
      margin: 20px 10px;
    }
  }

  .view-quick-links {
    .view-content {
      gap: 0;
    }
  }

  /* stats */
  .stats {
    .stats-item {
      flex: 1;
      width: 100%;
      min-width: 275px;
    }
  }

  /* footer */
  footer {
    .footer-community-portal {
      .nav-item {
        min-width: 320px;
      }
    }

    .region-sub-footer {
      padding: 50px 0;
      margin: 0 auto;
      flex-wrap: wrap;
      flex-direction: column;
    }
  }

  .city-of-walker {
    .navbar-nav {
      margin-bottom: 20px;
    }

    .navbar-nav > .nav-item > .nav-link {
      text-transform: uppercase;
      font-weight: 600;
      padding: 5px;
    }
  }

  /* interior */
  .block-primary {
    .paragraph {
      .left,
      .right {
        margin-bottom: 45px;
      }
    }
  }

  .block-secondary {
    margin: 50px 0;
  }

  .grid > .field__item > .paragraph {
    & > .field {
      & > .field__item {
        min-height: auto;
      }
    }
  }
  .grid > .field__item > .paragraph {
    & > .field {
      & .grid-text, & .grid-title {
        margin: 20px;
      }
    }
  }
}