body.menu-open {
  overflow: hidden;
  /* filter: blur(4px); */
}

.menu-header {
  width: fit-content;
  display: flex;
  justify-content: right;
  position: fixed;
  top: 5rem;
  right: 3rem;
  left: unset;
}

.menu-footer {
  display: none;
  margin-top: auto;
}

.menu-footer p {
  color: var(--background);
}

.menu-header button.menu-close {
  z-index: 999;
}

/* menu */
.main-nav-container {
  display: none;
}
.main-nav-container.toggled-on {
  position: fixed;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  height: 100dvh;
  z-index: 999;
}

.main-nav-container.toggled-on {
  #menu-main-menu li.menu-item > a,
  #menu-main-menu li.menu-item ul a,
  #menu-main-menu .inside-nav-element p {
    color: var(--font-color);
    font-size: 2rem;
    font-weight: 500;
  }
  /* #menu-main-menu li.menu-item ul a {
    font-size: 2rem;
    font-weight: 500;
  } */
  /* .menu-header {
    width: 100%;
    display: flex;
    justify-content: right;
    top: 2rem;
    right: 2rem;
    gap: 2.4rem;
  } */
  .menu-header .button {
    border: 1px solid;
    padding: 0.9rem 1.8rem;
    margin: 0;
    background-color: var(--yellow);
    color: var(--font-color);
  }
  .menu-footer {
    display: block;
  }
  .company_information {
    padding-bottom: 2rem;

  }
  ul.social-menu {
    justify-content: center;
  }
  ul.social-menu li a {
    width: 25px;
    height: 25px;
  }
}

p.hours:not(.second),
.menu-footer .company_information .hours:not(.second) {
  margin:0;
  padding: 0;
}

.menu-footer a {
  color: var(--background);
}

.menu-container:after {
  display: table;
  clear: both;
  content: "";
}

.main-nav-container.toggled-on .inside-main-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  right: 0;
  max-width: 600px;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  overflow: hidden;
  padding-top: 10rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.admin-bar .main-nav-container.toggled-on .inside-main-menu {
  padding-top: 5.5rem;
}

.inside-main-menu {
  background-color: var(--blue);
}

.main-nav-container.toggled-on .menu-scroll-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 2rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.main-nav-container.toggled-on .menu-scroll-content::-webkit-scrollbar {
  display: none;
}

.main-nav-container.toggled-on .menu-container {
  overflow: visible;
}

.main-nav-container.toggled-on #site-header-menu {
  display: block;
}

.main-nav-container.toggled-on #site-navigation {
  height: auto;
  overflow: visible;
}

.site-header-menu {
  display: none;
}

.main-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-navigation ul li {
  margin-right: 40px;
}

.main-navigation ul a,
.main-navigation ul a:visited {
  border-bottom: 1px solid transparent;
  text-decoration: none;
  color: var(--font-color);
}

.main-navigation ul a:hover {
  border-bottom: 1px solid;
  border-radius: 0 !important;
}

.main-navigation ul ul {
  display: none;
  margin-top: 0px;
  margin-left: 25px;
}

.main-navigation ul ul ul {
  display: none;
  margin-left: 25px;
}

.no-js .site-header-menu,
.site-header-menu.toggled-on {
  display: block;
}

.site-header-menu.toggled-on {
  margin-top: 10px;
}

.no-js .main-navigation ul,
.main-navigation ul .sub-menu.toggled-on {
  display: block;
}

button.dropdown-toggle {
  display: inline;
  background-color: transparent;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  content: "";
}

button.dropdown-toggle {
  position: absolute;
  right: 10px;
  /* margin-left: 10px; */
  padding: 2px;
}

.dropdown-toggle:after,
.dropdown-toggle.toggled-on:after {
  font-size: 1.3rem;
}

/* .main-navigation a:focus,
button.dropdown-toggle:focus {
  outline: 1px dotted grey;
  outline-offset: 2px;
} */

.no-js .menu-button {
  display: none;
}

/* Plus symbol to expand sub-menu on mobile */
/* .dropdown-toggle:after {
  content: "\002B";
} */

/* Minus symbol to collapse sub-menu on mobile */
/* .dropdown-toggle.toggled-on:after {
  content: "\2212";
} */

.dropdown-toggle:after,
.dropdown-toggle.toggled-on:after {
  font-weight: bold;
}

/* Screen readers */
.screen-readers {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-break: normal !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
}


  .menu-container {width: 100%;}
  .site-header-menu {
    display: block;
    /* margin-left: 10px; */
  }
  .main-navigation ul {
    position: relative;
    float: none;
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  .main-navigation ul li {
    position: relative;
    /* float: left; */
    margin: 0;
    padding: 5px 10px;
  }
  .no-js .main-navigation ul ul,
  .main-navigation ul ul {
    margin-left: 0;
    padding: 0;
    padding-bottom: 0;
    padding-top: 10px;
    /* background-color: var(--background);
    border: 1px solid var(--background); */
    z-index: 999;
  }
  .no-js .main-navigation ul ul li,
  .main-navigation ul ul li {
    float: none;
    width: fit-content;
    padding: 0;
  }
  .main-navigation ul .has-sub-menu > li {
    padding-right: 40px;
  }
  ul.sub-menu .dropdown-toggle {
    position: absolute;
    right: 10px;
    top: 4px;
  }

  /* Arrow down */
  .main-navigation ul .dropdown-toggle:after {
    font-family: "Font Awesome 5 Free";
    /* content: "\f078"; */
    content: none;
  }

  /* Arrow right */
  .main-navigation ul ul .dropdown-toggle:after {
    font-family: "Font Awesome 5 Free";
    /* content: "\f054"; */
    content: none;
  }

  /* Arrow up */
  .main-navigation ul .dropdown-toggle.toggled-on:after {
    font-family: "Font Awesome 5 Free";
    content: "\f077";
  }

  /* Arrow left */
  .main-navigation ul ul .dropdown-toggle.toggled-on:after {
    font-family: "Font Awesome 5 Free";
    content: "\f053";
  }

  .main-navigation ul .dropdown-toggle:after,
  .main-navigation ul ul .dropdown-toggle:after,
  .main-navigation ul .dropdown-toggle.toggled-on:after,
  .main-navigation ul ul .dropdown-toggle.toggled-on:after {
    font-weight: bold;
  }

  button.dropdown-toggle {
    position: inherit;
    right: auto;
  }
  /* .main-navigation ul li:hover > ul {
    display: block;
  } */


@media(max-width: 992px){
  .menu-container {
    padding-left: 0;
    text-align: center;
  }
  .dropdown-toggle:after, .dropdown-toggle.toggled-on:after {
    font-size: 2rem;
  }
  .main-navigation ul ul, .main-navigation ul li {
    margin-right:0;
    margin-left: 0;
  }
  .main-navigation ul ul li {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .main-nav-container {
    position: relative;
  }
  .main-navigation ul a,
  .main-navigation ul a:visited,
  li.menu-item > a,
  .inside-nav-element p {
    color: var(--background) !important;
  }
}

.menu-container button {
  margin-bottom: 0;
  line-height: unset;
  font-size: inherit;
}

.menu-column ul li a,
button.dropdown-toggle,
.inside-nav-element p {
  font-size: 1.6rem;
  line-height: normal;
  display: flex;
  height: auto;
  width: unset;
  padding: unset;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  white-space: pre-wrap;
  border-radius: unset;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  background-color: transparent;
  color: var(--white);
  font-weight: normal;
}

.inside-nav-element {
  position: relative;
  /* margin-bottom: 1rem; */
}
.inside-nav-element p {
  margin:0;
  color: var(--font-color);
}
li.menu-item-has-children ul.sub-menu {
  padding-left: 2rem;
  display: none;
}
li.menu-item-has-children ul.sub-menu.active {
  display: block;
}
button.dropdown-toggle {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
button.dropdown-toggle::after {
  position:absolute;
  top:0;
}
.inside-nav-element > p::after {
  content: '\f078';
  font-family: var(--font-icons);
  font-weight: 900;
  padding-left: 1rem;
  line-height: 0.85;
  font-size: 1.2rem;
}
.inside-nav-element > p.active::after {
  content: '\f077';
}

li.menu-item > a,
.inside-nav-element p {
  font-size: 1.6rem;
  line-height: normal;
  white-space: nowrap;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
}

.dark-theme .top-bar-container li.menu-item > a {
  color: var(--font-color) !important;
}

.top-bar-container li.menu-item > a {
  color: var(--slate) !important;
  font-size: 1.4rem;
  font-weight: 600;
}
.top-bar-container li.menu-item.bold > a {
  font-weight: bold;
}
.menu-footer-menu-container li.menu-item > a {
  font-size: 1.2rem !important;
  font-weight: bold !important;
}

.copyright p {
  font-size: 1.4rem;
}

.menu-footer-menu-container li.menu-item > a,
.copyright p {
  color: var(--slate) !important;
}

.dark-theme .menu-footer-menu-container li.menu-item > a,
.copyright p {
  color: var(--font-color) !important;
}


/* .sub-menu li.menu-item > a {
  font-size: 2.2rem;
} */

/* #menu-social-navigation .menu li::before {
  color: var(--background);
} */

#footer_menu.main-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--background);
}

#footer_menu.main-menu .menus {
  box-shadow: unset;
}

ul#menu-main-menu-1 {
  list-style: none;
}

ul#menu-main-menu-1 ul, ul#menu-main-menu-1 li {
  margin:0;
  padding:0;
  list-style: none;
}

@media(min-width: 768px) {
  body.menu-open {
    overflow: auto;
  }
  .main-nav-container {
    display: block;
    position: static;
    width: auto;
    height: auto;
    max-width: none;
    z-index: auto;
    background-color: transparent;
  }
  .main-nav-container .inside-main-menu {
    position: static;
    height: auto;
    max-width: none;
    overflow: visible;
    padding: 0;
  }
  ul#menu-main-menu-1 {
    display: flex;
    gap: 2rem;
  }
  ul#menu-main-menu-1 li.menu-item > a, ul#menu-main-menu-1 .inside-nav-element p {
    font-size: 2rem;
    color: var(--blue) !important;
  }
  ul#menu-main-menu-1 .inside-nav-element > p::after {display: none;}
  ul#menu-main-menu-1 ul.sub-menu {display: block;margin-top:1rem;}
  ul#menu-main-menu-1 .menu-column ul li a, ul#menu-main-menu-1 button.dropdown-toggle, ul#menu-main-menu-1 .inside-nav-element p {
    color: var(--blue) !important;
  }
  .home ul#menu-main-menu-1 li.menu-item > a,
  .home ul#menu-main-menu-1 .inside-nav-element p,
  .home ul#menu-main-menu-1 .menu-column ul li a,
  .home ul#menu-main-menu-1 button.dropdown-toggle,
  .has-hero-block ul#menu-main-menu-1 li.menu-item > a,
  .has-hero-block ul#menu-main-menu-1 .inside-nav-element p,
  .has-hero-block ul#menu-main-menu-1 .menu-column ul li a,
  .has-hero-block ul#menu-main-menu-1 button.dropdown-toggle,
  .page-template-default.has-hero-block ul#menu-main-menu-1 li.menu-item > a,
  .page-template-default.has-hero-block ul#menu-main-menu-1 .inside-nav-element p,
  .page-template-default.has-hero-block ul#menu-main-menu-1 .menu-column ul li a,
  .page-template-default.has-hero-block ul#menu-main-menu-1 button.dropdown-toggle,
  .post-template-default.has-hero-block ul#menu-main-menu-1 li.menu-item > a,
  .post-template-default.has-hero-block ul#menu-main-menu-1 .inside-nav-element p,
  .post-template-default.has-hero-block ul#menu-main-menu-1 .menu-column ul li a,
  .post-template-default.has-hero-block ul#menu-main-menu-1 button.dropdown-toggle {
    color: var(--background) !important;
  }
  ul#menu-main-menu-1 ul.sub-menu a {
    font-size: 1.4rem !important;
    color: var(--black) !important;
  }
  footer button.dropdown-toggle {
    display: none;
  }

  .inside-nav-element p {
    padding-top: 2px;
  }
}

@media (min-width: 768px) {
  .menu-button,
  .menu-header,
  .menu-close {
    display: none;
  }
  .main-nav-container {
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 100%;
    align-items: baseline;
    gap: 3rem;
  }
  .main-nav-container .inside-main-menu {
    width: 100%;
  }
  .main-navigation ul {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
  }
  .main-navigation ul#menu-main-menu {
    align-items: center !important;
  }
  li.menu-item-has-children ul.sub-menu.active {
    display: flex;
    flex-direction: column;
    position: absolute;
    padding: 1rem 1.5rem;
    flex-direction: column;
    gap: 0.5rem;
    top: 3.2rem;
    left: 0;
    background-color: var(--blue);
    max-width: max-content;
  }
  li.menu-item-has-children:last-child ul.sub-menu.active {
    left: auto;
    right: 0;
  }
}

/* Social Media Icons */

.menu-social-menu-container .menu > li {padding: 0;}

ul#menu-social-1, ul.social-media {
  display: inline-flex;
  margin-bottom: 5px;
}

ul.social-media {
	margin: 0;
	padding: 0;
}

ul.social-media li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li.linkedin, .menu li.facebook, .menu li.instagram, .menu li.twitter, .menu li.google, .menu li.youtube, .menu li.rss, .menu li.phone, .menu li.email, .menu li.tiktok,
.social-media li.linkedin, .social-media li.facebook, .social-media li.instagram, .social-media li.twitter, .social-media li.google, .social-media li.youtube, .social-media li.rss, .social-media li.tiktok {
  position: relative;
  width: 20px;
  height: 20px;
}

.menu li.linkedin:hover, .menu li.facebook:hover, .menu li.instagram:hover, .menu li.twitter:hover, .menu li.google:hover, .menu li.youtube:hover, .menu li.rss:hover, .menu li.phone:hover, .menu li.email:hover, .menu li.tiktok:hover,
.menu li.linkedin:hover a, .menu li.facebook:hover a, .menu li.instagram:hover a, .menu li.twitter:hover a, .menu li.google:hover a, .menu li.youtube:hover a, .menu li.rss:hover a, .menu li.phone:hover a, .menu li.email:hover a, .menu li.tiktok:hover a,
.social-media li.linkedin:hover, .social-media li.facebook:hover, .social-media li.instagram:hover, .social-media li.twitter:hover, .social-media li.google:hover, .social-media li.youtube:hover, .social-media li.rss:hover, .social-media li.tiktok:hover,
.social-media li.linkedin:hover a, .social-media li.facebook:hover a, .social-media li.instagram:hover a, .social-media li.twitter:hover a, .social-media li.google:hover a, .social-media li.youtube:hover a, .social-media li.rss:hover a, .social-media li.tiktok:hover a {
  background-color: transparent !important;
}

.menu li.linkedin a, .menu li.facebook a, .menu li.instagram a, .menu li.twitter a, .menu li.google a, .menu li.youtube a, .menu li.rss a, .menu li.phone a, .menu li.email a, .menu li.tiktok a,
.social-media li.linkedin a, .social-media li.facebook a, .social-media li.instagram a, .social-media li.twitter a, .social-media li.google a, .social-media li.youtube a, .social-media li.rss a, .social-media li.tiktok a {
  font-size: 0;
  padding: 0;
  margin: 0;
  width: 25px;
  height: 25px;
  position: absolute;
  display: block;
  background-color: transparent;
}

ul.social-media li a {
	margin-left: 10px !important;
}

.menu li.linkedin::before,
.social-media li.linkedin::before {
  font-family: "Font Awesome 5 Brands";
  content: '\f08c';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 1;
}
.menu li.facebook::before,
.social-media li.facebook::before {
  font-family: "Font Awesome 5 Brands";
  content: '\f09a';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 1;
}
.menu li.instagram::before,
.social-media li.instagram::before {
  font-family: "Font Awesome 5 Brands";
  content: '\f16d';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 1;
}
.menu li.twitter::before,
.social-media li.twitter::before {
  font-family: "Font Awesome 5 Brands";
  content: '\e61b';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 1;
}
.menu li.google::before,
.social-media li.google::before {
  font-family: "Font Awesome 5 Brands";
  content: '\f0d4';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 1;
}
.menu li.youtube::before,
.social-media li.youtube::before {
  font-family: "Font Awesome 5 Brands";
  content: '\f167';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 1;
}
.menu li.tiktok::before,
.social-media li.tiktok::before {
  font-family: "Font Awesome 5 Brands";
  content: '\e07b';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 1;
    font-weight:900;
}
.menu li.rss::before,
.social-media li.rss::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f09e';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 1;
}
.menu li.phone::before,
.social-media li.phone::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f095';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 15px;
    line-height: 1;
    transform: rotate(90deg);
}
.menu li.email::before,
.social-media li.email::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f0e0';
  position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 1;
}

/* .menu-social-menu-container .menu li {
	margin-right: 10px !important;
} */

#menu-social-menu-1 {
  display: flex;
  gap: 2rem;
  /* margin: 2rem 0; */
}
#menu-social-menu-1 li {
  list-style: none;
  margin:0;
}
.menu-social-menu-container .menu li:last-child {
	margin-right: 0 !important;
}
.menu-social-menu-container .menu li:hover a {
	background-color: transparent !important;
}

.social-menu .menu li a {background-color: transparent;}

footer {
  .menu li::before {
    color: var(--slate);
  }
}
@media (min-width: 768px) {
  .mobile-button-container.mobile {
    display: none;
  }
}
/* ========== MOBILE ========== */
@media (max-width: 768px) {

  .main-nav-container.toggled-on .inside-main-menu {
    margin-top: 0;
    padding-top: 0rem;
  }
  .menu-open {
    .menu-header {
      position: relative;
      top: unset;
      left: unset;
      right: unset;
      display: flex;
      width: 100%;
      justify-content: space-between;
    }
  }

  .menu-container {
    margin: 0;
    padding: 0 2rem;
  }

  #menu-main-menu > li {
    border-bottom: 0.5px solid var(--slate);
    padding: 1.5rem 0;
  }

  #menu-main-menu > li li {
    padding: 1.5rem 0 0;
  }

  .mobile-logo {
    background-size: contain;
    display: flex;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 64px;
    width: 250px;
    margin-top: 1rem;
  }

  .inside-main-menu {
    background-color: var(--background);
  }

  .main-nav-container.toggled-on {
    & #menu-main-menu li.menu-item > a, & #menu-main-menu .inside-nav-element p {
      color: var(--font-color);
    }
  }

  .main-nav-container.toggled-on {
    & #menu-main-menu li.menu-item > a, & #menu-main-menu .inside-nav-element p {
      color: var(--font-color);
    }
  }

  button.menu-close {
    color: var(--font-color);
    margin: 0;
  }

  .main-nav-container.toggled-on {
    .inside-nav-element > p::after {
      font-size: 1.8rem;
      padding-left: 3rem;
    }
    .menu-footer {
      margin-top: 2rem;
    }
  }

  ul.main-menu, .main-navigation ul ul, .main-navigation ul li {
    margin: 0;
    padding: 0;
  }

  li.menu-item > a,
  .inside-nav-element p {
    text-transform: none;
  }

  #mobile-ctas ul, #mobile-ctas li {
    margin:0;
    padding:0;
    list-style: none;
  }
  #mobile-ctas ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  #mobile-ctas li {
    padding: 1rem 2rem;
    border: 1px solid;
  }
  #mobile-ctas li a {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  #mobile-ctas li.desktop {
    display: none;
  }
}

/* ========== THEME TOGGLE BUTTON ========== */
header {
  position: relative;
}

.c-nav__theme-toggle {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: var(--font-color);
  transition: color 0.3s ease;
  z-index: 100;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
  min-height: 25px;
}

.c-nav__theme-toggle:hover {
  color: var(--link-color);
}

.c-nav__theme-toggle i {
  transition: opacity 0.3s ease;
}

/* ========== DARK THEME MENU STYLES ========== */
body.theme-dark {
  /* Menu background */
  .inside-main-menu {
    background-color: #1a1f2e;
  }

  /* Menu link colors */
  .main-navigation ul a,
  .main-navigation ul a:visited,
  li.menu-item > a,
  .inside-nav-element p {
    color: #e8ecf1 !important;
  }

  /* Menu link hover state */
  .main-navigation ul a:hover {
    color: #ff6b74 !important;
    border-bottom: 1px solid #ff6b74;
  }

  /* Dropdown toggle button */
  button.dropdown-toggle {
    color: #e8ecf1;
  }

  /* Menu header button */
  .menu-header .button {
    background-color: #ff6b74;
    color: #1a1f2e;
    border-color: #ff6b74;
  }

  .menu-header .button:hover {
    background-color: #ff5a63;
    border-color: #ff5a63;
  }

  /* Menu footer text */
  .menu-footer p,
  .menu-footer a {
    color: #e8ecf1;
  }

  /* Close menu overlay */
  .main-nav-container.toggled-on {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
}