:root {
  --black: #000000;
  --white: #fff;
  --green: #025f33;
  --pink: #025f33;
  --grey: #ececec;
}

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,200&display=swap");

/* **********************************
      Navigation Menu
********************************** */

img.black-logo {
  width: 160px;
}

.mst-flex {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

#mega-menu-wrap-primary #mega-menu-primary {
  padding: 25px 0px 0px 0px !important;
}

.the-primary-menu {
  display: flex;
  align-items: baseline;
}

.donate-btn a {
  background-color: var(--pink);
  color: var(--white);
  padding: 15px 50px 15px 25px;
  font-size: 1.2em;
  border-radius: 5px;
  position: relative;
  display: inline-block;
}

.donate-btn a::after {
  content: "\e801";
  position: absolute;
  font-family: nicons;
  top: 12px;
  right: 23px;
}
.the-secondary-menu {
  display: flex;
  justify-content: end;
  align-items: center;
}
.secondary-wrapper {
  border-bottom: 2px solid var(--grey);
}

@media (max-width: 767px) {
  .the-secondary-menu {
    flex-direction: row-reverse;
  }
}

/* Mega Menu */

/* li.mega-menu-megamenu > ul.mega-sub-menu {
  width: 84vw !important;
  left: -587px !important;
  top: 96px !important;
} */

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  z-index: 999;
  border-radius: 0;
  background: var(--white);
  border: 0;
  padding: 15px 10px 80px 10px;
  position: absolute !important;
  width: 87.2% !important;
  max-width: none;
  left: 0;
  margin-left: 6% !important;
  top: 160px !important;
}

#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary,
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column,
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
  position: unset;
}

.mega-menu-item h4 {
  font-size: 2.5em !important;
  color: var(--green) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  padding: 10px 0 !important;
}

.mega-sub-menu li a {
  text-transform: capitalize !important;
  font-weight: 400 !important;
  font-size: 1.4em !important;
}

.mega-indicator {
  display: none !important;
}

.mega-menu-column.mega-menu-columns-4-of-12 {
  border-right: 2px solid var(--grey) !important;
  min-height: 250px !important;
}

.mega-menu-column.mega-menu-columns-4-of-12:last-child {
  border-right: none !important;
}

.mobile-menu {
  display: none;
  margin: 20px 0;
}

.mobile-menu .mega-sub-menu li a {
  font-size: 1em !important;
}
@media (max-width: 992px) {
  .mobile-menu {
    display: block;
    margin: 20px 0;
  }

  .desktop-menu {
    display: none;
  }
}

.mobile-menu .mega-indicator {
  display: block !important;
}

#mega-menu-wrap-mobile
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner,
#mega-menu-wrap-mobile
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner::before,
#mega-menu-wrap-mobile
  .mega-menu-toggle
  .mega-toggle-block-0
  .mega-toggle-animated-inner::after {
  width: 46px !important;
  background-color: var(--green) !important;
}

@media screen and (max-width: 991px) and (min-width: 767px) {
  .search-trigger {
    top: -1.5em !important;
    right: -99px !important;
  }

  .fa.fa-bars {
    position: absolute;
    right: -123px !important;
  }

  input[type="search"].search-field {
    top: -0.8em !important;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  #menu-primary-menu li {
    margin-right: 2px;
  }

  .menu-primary-menu-container {
    top: -25px;
  }

  .the-search {
    top: -98px !important;
    right: -138px !important;
  }

  input[type="search"].search-field {
    top: -3.1em !important;
  }
}

@media only screen and (min-width: 1201px) {
  .the-search {
    top: 0;
    right: -210px;
    position: relative;
  }
}

.search-trigger {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  white-space: nowrap;
  color: var(--black);
  z-index: 10;
  top: -26px !important;
  background: transparent;
  right: 0px;
  margin-bottom: -51px;
}

.search-trigger::before,
.search-trigger::after {
  content: "";
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
}

.search-trigger::before {
  top: 23px;
  left: 23px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 3px solid transparent;
  font-family: outrisk-icons;
  content: "\E801";
  color: var(--black);
  text-indent: 31px;
  font-size: 2em;
}

.search-trigger::after {
  height: 15px;
  width: 3px;
  /*    background: var(--black);*/
  bottom: 20px;
  right: 159px;
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.search-trigger span {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.search-trigger span::before,
.search-trigger span::after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 26px;
  top: 50%;
  margin-top: -2px;
  left: 45%;
  margin-left: -11px;
  background: var(--black);
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}

.search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.search-trigger.search-is-visible::before,
.search-trigger.search-is-visible::after {
  opacity: 0;
}

.search-trigger.search-is-visible span::before,
.search-trigger.search-is-visible span::after {
  opacity: 1;
}

.search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

a.search-trigger.search-is-visible {
  color: transparent;
}

input[type="search"].search-field {
  padding: 20px;
  margin: 49px 0px;
  border: 1px solid var(--black);
  position: absolute;
  top: -50px;
  border-radius: 0 0 0px 0px;
  width: 100%;
  z-index: 9;
}

.search form {
  height: 100%;
  width: 100%;
}

.search {
  position: absolute;
  height: 70px;
  width: 100%;
  /* top: 39px; */
  /* left: 0; */
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.search.search-results {
  position: absolute;
  height: 70px;
  width: 100%;
  top: 0px;
  /* left: 0; */
  z-index: 3;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.search form {
  height: 100%;
  width: 100%;
  display: inline;
}

.search input {
  border-radius: 0;
  border: none;
  background: var(--white);
  height: 113%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  top: 25px;
  color: var(--black);
}

.search input {
  border-radius: 0;
  border: none;
  background: var(--white);
  height: 113%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  top: 25px;
  color: var(--black);
}

.search input::-webkit-input-placeholder,
.search input::-moz-placeholder,
.search input:-moz-placeholder,
.search input:-ms-input-placeholder {
  color: #c9cbc4;
}

.search input:focus {
  outline: none;
}

.search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.the-search {
  display: inline-block;
  float: right;
}

.srch li {
  list-style: none;
}

.search-trigger i.icon-search_icon {
  position: absolute;
  top: 15px;
  font-size: 20px;
  left: 20px;
}

.the-results {
  margin: 30px 0;
  border-bottom: 1px solid var(--green);
}

@media (max-width: 450px) {
  .donate-btn {
    display: none;
  }
  .heateor_sss_sharing_ul {
    display: none;
  }
}