@media (max-width: 1199.98px) {
  footer.footer-main .copy-rights .icons {
    display: flex;
    justify-content: center !important;
  }

  footer.footer-main .pre-footer .row>div {
    width: 100% !important;
  }

  .footer-menu-content .container .row .col-lg-3 h2,
  .footer-menu-content .container .row .col-lg-3 .h2 {
    padding-left: 10px;
    background-color: $secondary-color;
    color: $black !important;
  }

  .footer-menu-content .container .row .col-lg-3 .footer-menu ul li a {
    color: $white !important;
  }

  .footer-main .pre-footer {
    padding: 0 !important;
  }

  .footer-menu-content div.frame-type-html:has(.social-links.social-footer.social-gtm) {
    width: 50%;
  }

  .content-main .hero-main .hero-cont .content-header-container .header-title h1,
  .content-main .hero-main .hero-cont .content-header-container .header-title .h1 {
    font-size: 2rem !important;
  }

  .content-main .frame-type-form_formframework form {
    width: 100% !important;
  }
}

footer.footer-main {
  background-color: $secondary-color;
  -webkit-box-shadow: 0px -4px 10px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px -4px 10px rgba(50, 50, 50, 0.75);
  box-shadow: 0px -4px 10px rgba(50, 50, 50, 0.1);

  p {
    font-size: 1.125rem !important;
    color: $white !important;
    font-weight: 300;
  }

  h2 {
    color: $secondary-color;
    filter: brightness(1.1);
    font-family: $font-family-primary;
    font-size: $base-font-size * 1.5 !important;
    font-weight: 700;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: transparent;
    text-transform: uppercase;

    @include media-breakpoint-up(md) {
      color: $primary-color;
      filter: brightness(1.1);
    }

    @include media-breakpoint-down(md) {}
  }

  .copy-rights {
    background-color: $blue-dark;

    .row {
      display: flex;
      align-items: center;
    }

    .icons {
      display: flex;
      justify-content: left !important;

      &:first-child {
        padding-left: calc(var(--bs-gutter-x) * 1.5);
      }

      @include media-breakpoint-down(lg) {
        margin-bottom: 10px;
      }

      img {
        height: 80px;
        margin: 0 8px;

        @include media-breakpoint-down(lg) {
          height: 60px;
        }

        @include media-breakpoint-down(md) {
          height: 50px;
        }
      }
    }

    p {
      font-size: 1rem !important;
      font-weight: 300 !important;

      a {
        font-size: 1rem !important;
        font-weight: 300 !important;

        &:hover {
          color: $secondary-color;
        }
      }
    }
  }

  // end of cright
  .footer-menu {
    ul li a {
      font-weight: 400;
      white-space: normal;
      color: $white;
      filter: brightness(1.1);
      font-size: 1.125rem;

      &:hover {
        color: $primary-color;
        filter: brightness(1.1);
      }

      &:active {
        text-decoration: none;
      }
    }

    @include media-breakpoint-down(md) {
      background: $secondary-color;
    }
  }

  .pre-footer {
    &>.container:has(.row:nth-last-child(2)) {
      background-color: $secondary-color;
    }

    .row {
      justify-content: space-between;

      @media only screen and (min-width: 768px) and (max-width: 1199.95px) and (orientation: landscape) {

        // width: 100%!important;
        &>.col-sm-12 {
          width: 100% !important;

          .fourcol-25-25-25-25 {
            .col-6 {
              width: 40% !important;
            }
          }
        }
      }
    }
  }

  .pre-footer .row>div {
    padding: 0 40px 40px 40px;
    padding: 0px 15px 40px;

    // width: 15%;
    @include media-breakpoint-down(xl) {
      padding: 0 30px 40px 30px;
    }

    @include media-breakpoint-down(md) {
      padding: 0 0 10px 0;
    }

    @include media-breakpoint-only(md) {
      width: 50%;
    }
  }
}

.footer-menu-content .col-lg-3 {
  width: 17%;

  &:first-child {
    padding-top: 1.125rem !important;
  }

  ul {
    li {
      margin-bottom: 5px;

      a {
        line-height: 125%;
      }
    }
  }
}

.footer-menu-content .social-links {
  padding-top: 30px;

  ul {
    a {
      &:hover {
        color: $secondary-color;
      }
    }
  }
}

.footer-menu-content .social-links ul a.fab::before {
  height: 50px;
  width: 50px;
  display: inline-block;
  font-size: 36px;
}

.footer-text-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  padding-right: calc(var(--bs-gutter-x) * 1.5);

  @media only screen and (min-width: 768px) and (orientation: landscape) {
    align-items: flex-end !important;
    text-align: right;
  }
}

// moved b08122025
footer {
  .opening-hours-table {
    width: 95%;
    color: $black;
    font-size: 18px;

    tr {
      td {
        padding-left: 0px;

        &.weekday {
          font-weight: 700;
        }

        &.opening-time {
          padding-left: 10px;
          font-size: 18px;
          font-weight: 300;

          .closed {
            color: $red-dark;
          }

          span {
            padding-left: 10px;
            display: block;
            line-height: 20px;
          }
        }
      }
    }

    tr:nth-child(odd) {
      background: transparent;
    }

    tr:nth-child(even) {
      background: transparent;
    }
  }

  .pre-footer>.container .row:nth-last-child(2) .container ul {
    list-style-type: none;
    padding: 0 !important;
    margin: 0;

    li {
      padding-left: 0;

      a {
        text-decoration: none;

        @media only screen and (min-width: 768px) and (orientation: landscape) {
          color: $black !important;
        }
      }

      &:before {
        display: none;
      }

      &:last-child {
        a {
          text-decoration: none;

          @media only screen and (min-width: 768px) and (orientation: landscape) {
            color: $black !important;
          }

          &:hover {
            text-decoration: none;
            color: $red-dark !important;
          }
        }
      }
    }
  }
}

@mixin media-breakpoint-up($breakpoint-xxxl) {
  .container-main {
    .container:first-child {
      // background-color: $blue-dark;
      max-width: 1550px !important;
      width: 100% !important;
    }
  }
}

footer.footer-main .pre-footer>.container {
  .row:nth-last-child(2) {
    background-color: $white;
  }
}

.footer-main {
  .pre-footer {
    background-color: $secondary-color;
    padding: 0;

    .container:first-child {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0;
      margin-right: 0;

      .row {
        .container.footer-container {
          max-width: 1550px !important;
          width: 100% !important;
          margin: 0 auto;
          padding-bottom: 0;
          padding-top: 26px;

          h2 {
            color: $black;
            font-family: $font-family-primary;
            font-size: $base-font-size * 1.5 !important;
            font-weight: 700;
            -webkit-text-stroke-width: 0px;
            -webkit-text-stroke-color: transparent;
            text-transform: uppercase;
            margin-bottom: 5px !important;
          }

          p {
            color: $black !important;
          }

          .py-4 {
            padding-bottom: 0 !important;
          }

          .btn {
            @include button-base; // Include the base styles

            background-color: $red-dark;
            color: $white;

            &:hover {
              background-color: $secondary-color; // Use SCSS function to darken color on hover
            }
          }
        }

        +.row {
          background-color: $secondary-color !important;

          .footer-menu-content {
            padding-top: 80px;

            h2 {
              margin-bottom: 5px;
            }

            .container {
              background-color: $secondary-color !important;
              max-width: 1550px !important;
              width: 100% !important;
              margin: 0 auto;
            }
          }
        }
      }
    }
  }
}