/* Phones and tablets: logo and a bars button.
   The menu stays closed until the button is tapped. */

@media (max-width: 1199px) {
  .main-menu-two__wrapper-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
  }

  .main-menu-two__left {
    padding-left: 0;
    flex: 1 1 auto;
    min-width: 0;
  }

  .main-menu-two__logo img {
    width: 148px;
    height: auto;
  }

  .main-menu-two__shape-1,
  .main-menu-two__right-top,
  .main-menu-two__main-menu-content-box {
    display: none !important;
  }

  .main-menu-two__right {
    flex: 0 0 auto;
    width: auto;
  }

  .main-menu-two__right-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: transparent;
    padding: 0 !important;
    width: auto;
  }

  .main-menu.main-menu-two .menu-menu-1-container,
  .main-menu.main-menu-two .main-menu__list {
    display: none !important;
  }

  .main-menu-two .mobile-nav__toggler {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    color: #ffffff;
    position: relative;
  }

  .main-menu-two .mobile-nav__toggler i {
    display: none;
  }

  .main-menu-two .mobile-nav__toggler::before {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    background: #ffffff;
    border-radius: 1px;
    box-shadow: 0 -7px 0 #ffffff, 0 7px 0 #ffffff;
  }
}

@media (max-width: 1199px) {
  .mobile-nav__content {
    width: min(86vw, 320px);
    background-color: #283734;
    padding-top: 28px;
  }

  .mobile-nav__close {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-nav__close::before,
  .mobile-nav__close::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    background: #ffffff;
    border-radius: 1px;
  }

  .mobile-nav__close::before {
    transform: rotate(45deg);
  }

  .mobile-nav__close::after {
    transform: rotate(-45deg);
  }

  .mobile-nav__content .logo-box img {
    width: 150px;
    height: auto;
  }

  .mobile-nav__content .main-menu__list {
    display: block !important;
  }

  .mobile-nav__content .main-menu__list > li {
    padding: 0;
    margin: 0;
  }

  .mobile-nav__content .main-menu__list > li + li {
    margin-left: 0;
  }

  .mobile-nav__content .main-menu__list > li > a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    min-height: 48px;
    line-height: 1.3;
  }

  .mobile-nav__content .main-menu__list > li.current-menu-item > a,
  .mobile-nav__content .main-menu__list > li.current_page_item > a,
  .mobile-nav__content .main-menu__list > li > a:hover {
    color: #fbd45a;
  }
}

/* About page uses the light header (.main-header), not the home header. */
@media (max-width: 1199px) {
  .main-header .main-menu__wrapper-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
  }

  .main-header .main-menu__left {
    width: auto;
    margin-right: 0;
    padding: 0;
    flex: 1 1 auto;
    float: none;
  }

  .main-header .main-menu__logo img {
    width: 148px;
    height: auto;
    max-width: 148px;
  }

  .main-header .main-menu__shape-1,
  .main-header .main-menu__right-top,
  .main-header .main-menu__main-menu-content-box,
  .main-header .main-menu__list {
    display: none !important;
  }

  .main-header .main-menu__right {
    width: auto;
    float: none;
    flex: 0 0 auto;
  }

  .main-header .main-menu__right-bottom {
    background: transparent;
    padding: 0 !important;
    width: auto;
    justify-content: flex-end;
  }

  .main-header .mobile-nav__toggler {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .main-header .mobile-nav__toggler i {
    display: none;
  }

  .main-header .mobile-nav__toggler::before {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    background: #283734;
    border-radius: 1px;
    box-shadow: 0 -7px 0 #283734, 0 7px 0 #283734;
  }
}

@media (max-width: 1199px) {
  html,
  body {
    overflow-x: hidden;
  }

  img,
  video,
  iframe {
    max-width: 100%;
  }

  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
  }
}

/* Language switcher: French is the default, English is optional. */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-right: 14px;
  vertical-align: middle;
}

.lang-switch--compact,
.lang-switch--drawer {
  margin-right: 0;
}

.lang-switch--compact {
  display: none;
}

.lang-switch__btn {
  appearance: none;
  border: 1px solid rgba(40, 55, 52, 0.28);
  background: #ffffff;
  color: #283734;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  min-width: 36px;
  min-height: 32px;
  padding: 8px 10px;
  border-radius: 4px;
  cursor: pointer;
}

.lang-switch__btn.is-active {
  background: #00715d;
  border-color: #00715d;
  color: #ffffff;
}

.main-menu-two .lang-switch__btn,
.mobile-nav__content .lang-switch__btn {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  color: #ffffff;
}

.main-menu-two .lang-switch__btn.is-active,
.mobile-nav__content .lang-switch__btn.is-active {
  background: #fbd45a;
  border-color: #fbd45a;
  color: #283734;
}

/* Home desktop bar is white, so both language buttons need dark text. */
.main-menu-two .lang-switch--bar .lang-switch__btn {
  background: #ffffff;
  border-color: #283734;
  color: #283734;
}

.main-menu-two .lang-switch--bar .lang-switch__btn.is-active {
  background: #fbd45a;
  border-color: #fbd45a;
  color: #283734;
}

.mobile-nav__content .lang-switch--drawer {
  margin: 16px 0 4px 20px;
}

@media (max-width: 1199px) {
  .main-menu__main-menu-box,
  .main-menu-two__main-menu-box {
    display: flex;
    align-items: center;
  }

  .lang-switch--compact {
    display: inline-flex;
    margin-left: 8px;
  }
}

/* The theme icon font does not load, so those classes drew empty squares.
   These masks follow the icon name: phone, mail, pin, search, person, and so on. */
.icon-phone-call:before,
.icon-message:before,
.icon-location:before,
.icon-magnifying-glass:before,
.icon-avatar:before,
.icon-shopping-cart:before,
.icon-right-arrow:before,
.icon-left-arrow:before,
.icon-up-arrow:before,
.icon-target:before,
.icon-solidarity-1:before,
.icon-charity:before,
.icon-generous:before,
.icon-fundraiser:before,
.fab.fa-facebook-f:before {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--site-icon) center / contain no-repeat;
  mask: var(--site-icon) center / contain no-repeat;
  vertical-align: -0.125em;
}

.icon-phone-call:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.3 1l-2.2 2.2z'/%3E%3C/svg%3E");
}

.icon-message:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5L4 8V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}

.icon-location:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5c-1.4 0-2.5-1.1-2.5-2.5S10.6 6.5 12 6.5s2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}

.icon-magnifying-glass:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.5 14h-.8l-.3-.3A6.5 6.5 0 1 0 9.5 16a6.5 6.5 0 0 0 4.2-1.6l.3.3v.8l5 5 1.5-1.5-5-5zM9.5 14A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E");
}

.icon-avatar:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-2.7 0-8 1.3-8 4v2h16v-2c0-2.7-5.3-4-8-4z'/%3E%3C/svg%3E");
}

.icon-shopping-cart:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 18a2 2 0 1 0 2 2 2 2 0 0 0-2-2zM1 2v2h2l3.6 7.6-1.4 2.4A2 2 0 0 0 7 17h12v-2H7.4l.9-1.6h7.5a2 2 0 0 0 1.7-1l3.6-6.5A1 1 0 0 0 20.2 4H5.2l-.9-2zm16 16a2 2 0 1 0 2 2 2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}

.icon-right-arrow:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4l-1.4 1.4L16.2 11H4v2h12.2l-5.6 5.6L12 20l8-8z'/%3E%3C/svg%3E");
}

.icon-left-arrow:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 11H7.8l5.6-5.6L12 4l-8 8 8 8 1.4-1.4L7.8 13H20z'/%3E%3C/svg%3E");
}

.icon-up-arrow:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 12l1.4 1.4L11 7.8V20h2V7.8l5.6 5.6L20 12l-8-8z'/%3E%3C/svg%3E");
}

.icon-target:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8zm0-14a6 6 0 1 0 6 6 6 6 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}

.icon-solidarity-1:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 12a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm6 0a3 3 0 1 0-3-3 3 3 0 0 0 3 3zM9 14c-2.3 0-7 1.2-7 3.5V20h14v-2.5C16 15.2 11.3 14 9 14zm6 0h-.3c1.2.8 2 2 2 3.5V20h6v-2.5c0-2.3-4.7-3.5-7.7-3.5z'/%3E%3C/svg%3E");
}

.icon-charity:before,
.icon-generous:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21.3l-1.4-1.3C5.4 15.4 2 12.3 2 8.5 2 5.4 4.4 3 7.5 3c1.7 0 3.4.8 4.5 2.1A6 6 0 0 1 16.5 3C19.6 3 22 5.4 22 8.5c0 3.8-3.4 6.9-8.6 11.5z'/%3E%3C/svg%3E");
}

.icon-fundraiser:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9v6h4l5 5V4L7 9H3zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z'/%3E%3C/svg%3E");
}

.fab.fa-facebook-f:before {
  --site-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.1 8.5h-2V7c0-.5.3-.6.6-.6H15V4.1L12.7 4c-2.2 0-2.7 1.6-2.7 2.7v1.8H8.2V11h1.8v8h2.9v-8h2z'/%3E%3C/svg%3E");
}