.footer-action .icon img {
  height: 105px;
  margin-bottom: 20px;
}

.MainNavigation {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 10px 0;
}
.MainNavigation .LogoLink:hover {
  background-color: transparent !important;
}
.MainNavigation .logo {
  width: 125px;
}
.MainNavigation .BurgerMenu button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  font-size: 35px;
  color: #FFF;
}
.MainNavigation nav ul {
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.MainNavigation nav ul li {
  white-space: nowrap;
  padding-bottom: 0;
}
.MainNavigation nav ul li::before {
  content: "" !important;
  padding: 0 !important;
}
.MainNavigation nav ul li.menu-item-has-children {
  margin: 0 40px 0 20px;
}
@media only screen and (max-width: 1350px) {
  .MainNavigation nav ul li.menu-item-has-children {
    margin: 0 34px 0 12px;
  }
}
@media only screen and (max-width: 1050px) {
  .MainNavigation nav ul li.menu-item-has-children {
    margin: 0 22px 0 8px;
  }
}
.MainNavigation nav ul li {
  list-style-type: none;
  margin: 0 20px;
}
@media only screen and (max-width: 1350px) {
  .MainNavigation nav ul li {
    margin: 0 12px;
  }
}
@media only screen and (max-width: 1050px) {
  .MainNavigation nav ul li {
    margin: 0 8px;
  }
}
.MainNavigation nav ul li a {
  color: #FFF;
  background-color: transparent !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
}
.MainNavigation nav ul li a:after {
  content: "";
  display: block;
  margin: -2px auto;
  height: 2px;
  width: 0%;
  transition: width 300ms ease;
  background-color: #49ACC3;
}
.MainNavigation nav ul li a {
  text-decoration: none !important;
  font-size: 18px;
}
.MainNavigation nav ul li a:hover {
  text-decoration: none !important;
}
.MainNavigation nav ul li a:hover:after {
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .MainNavigation nav ul li a {
    font-size: 16px;
  }
}

.MobileNavigation {
  z-index: 9999;
  background-color: #060726;
}
.MobileNavigation .offcanvas-header {
  padding: 22px 0;
}
.MobileNavigation .CloseButton button {
  transition: 300ms;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  font-size: 35px;
  color: #FFF;
  padding: 9px 20px;
}
.MobileNavigation .CloseButton button:hover {
  opacity: 0.7;
}
.MobileNavigation ul {
  padding: 0;
}
.MobileNavigation ul li {
  padding: 0;
  list-style-type: none;
  text-align: center;
  padding-bottom: 0px;
  display: block;
}
.MobileNavigation ul li::before {
  content: "" !important;
  padding: 0 !important;
}
.MobileNavigation ul li a {
  color: #FFF;
  text-transform: uppercase !important;
  font-weight: bold !important;
  transition: 300ms;
  text-decoration: none !important;
  display: block;
  padding: 7.5px 50px;
}
.MobileNavigation ul li a:hover, .MobileNavigation ul li a:focus-visible {
  text-decoration: none !important;
  background-color: #141A1F;
  color: #FFF;
}

.cs-rust .MobileNavigation {
  background-color: #B14F02;
}

.cs-camp-blue .MobileNavigation {
  background-color: #49acc3;
}

.offcanvas-backdrop {
  z-index: 9998;
}

.menu-item-has-children {
  position: relative;
}
.menu-item-has-children .desktop-menu-link {
  position: relative;
}
.menu-item-has-children .desktop-menu-link::after {
  font-family: "Font Awesome 5 Free"; /* Ensure you are using the correct Font Awesome version */
  content: "\f078"; /* Unicode for fa-caret-down */
  font-weight: 900; /* Necessary for solid icons */
  margin-right: 5px; /* Optional: Adjust spacing */
  position: absolute;
  right: -10px;
  top: 2px;
  width: 0 !important;
}
@media only screen and (max-width: 1050px) {
  .menu-item-has-children .desktop-menu-link::after {
    margin-right: 10px;
  }
}
.menu-item-has-children .desktop-sub-menu {
  background-color: #49ACC3;
  position: absolute;
  right: -20px;
  top: 25px;
  display: flex;
  flex-direction: column;
  width: 200px;
  transition: 300ms;
  opacity: 0;
  transform: translateY(20px); /* Start position below */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Transition properties */
  /*
  &::after{
      content: " ";
      display: block;
      height: 0;
      position: absolute;
      z-index: 100;
      width: 0;
      left: 30px;
      margin-left: -15px;
      border-bottom: 10px solid $Dark;
      top: -10px;
      border-bottom-color: $Dark;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      left: 85%;
  }
      */
}
.menu-item-has-children .desktop-sub-menu li {
  margin: 0;
  text-align: center;
  width: 100%;
  /*
  &:first-child{
      a{
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
      }
  }
  &:last-child{
      a{
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
      }
  }
  */
}
.menu-item-has-children .desktop-sub-menu li a {
  padding: 10px;
  width: 100%;
  display: block;
  color: #060726 !important;
}
.menu-item-has-children .desktop-sub-menu li a:after {
  display: none !important;
}
.menu-item-has-children .desktop-sub-menu li a:hover {
  background-color: #060726 !important;
  color: #49ACC3 !important;
}
.menu-item-has-children .show {
  opacity: 1;
  transform: translateY(0); /* End position at original */
}
.menu-item-has-children .sub-menu-item {
  white-space: pre-wrap;
}

.mobile-main-menu-item {
  /*
  &.menu-item-has-children{
      .mobile-menu-link{
          position: relative;
          &::after {
              font-family: "Font Awesome 6 Free"; 
              content: "\f077"; 
              font-weight: 900; 
              margin-left: 5px; 
              transition: 300ms;
              display: inline-block;
          }
      }
  }
  */
}
.mobile-main-menu-item .mobile-sub-menu {
  display: none;
  border: 2px solid #FFF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: 300ms;
  overflow: hidden;
}
.mobile-main-menu-item .mobile-sub-menu li {
  padding: 0 !important;
}
.mobile-main-menu-item .mobile-sub-menu li a {
  display: block;
  padding: 7.5px 0;
}
.mobile-main-menu-item .mobile-menu-open-sub-menu {
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 7.5px !important;
  text-align: center;
}
.mobile-main-menu-item .mobile-menu-open-sub-menu .fa-angle-down::before {
  transition: 300ms;
  display: inline-block;
}
.mobile-main-menu-item .show {
  display: block !important;
}
.mobile-main-menu-item.active .mobile-menu-link {
  background-color: #FFF !important;
  color: #060726 !important;
}
.mobile-main-menu-item.active .mobile-menu-link::after {
  transform: rotate(180deg);
}
.mobile-main-menu-item.active .mobile-menu-open-sub-menu .fa-angle-down::before {
  transform: rotate(180deg);
  display: inline-block;
}

/*# sourceMappingURL=main.css.map */