/* Load the Fonts here */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: Halis Rounded;
  font-weight: 300;
  line-height: 1.1;
  color: inherit;
}

@font-face {
  font-family: 'Halis Rounded';
  src: url('../fonts/hailsrounded/halisrounded_regular_macroman/HalisR-Regular-webfont.woff2')
    format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Halis Rounded';
  src: url('../fonts/hailsrounded/halisrounded_extralight_macroman/HalisR-ExtraLight-webfont.woff2')
    format('woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Halis Rounded';
  src: url('../fonts/hailsrounded/halisrounded_light_macroman/HalisR-Light-webfont.woff2')
    format('woff2');
  font-weight: 300;
  font-style: normal;
}

/* Customizing top page menu on each page */
/* ------------------------------------------*/

.header__menu_list {
  margin-left: 150px;
}

.header__left_box.sl {
  margin-top: -5px;
}

.header__menu_item {
  margin: 0 10px 0 0
}

.header__menu_item a {
  font-family: Halis Rounded;
  font-weight: 300;
  color: white;
  text-transform: capitalize;
  margin-right: 10px;
  font-size: 15px;
}

.header__menu_item:last-child {
  margin-right: 25px;
}

.header__menu_link:hover {
  color: white;
}

.header__menu_link:before {
  background-color: white;
}

/* button for login */
.button.login-button {
  background-color: #6a9b16;
  color: white;
  border-radius: 3px;
  font-family: Halis Rounded;
  min-width: 60px;
}

.header__logo_box {
  width: 180px;
}

.header__item--mobile {
  color: white;
}
@media (min-width: 999px) {
  .header__item--mobile {
    display: none;
  }
}
@media (max-width: 999px) {
  .header__item--mobile {
    display: inline-block;
  }
}
/* our menu bar is very wide, need to switch to mobile bersion at smaller width than default*/
@media (max-width: 1000px) {
  .header__item--desktop {
    display: none;
  }
}

/* Feature-10 Section */

.features--10 {
  padding-top: 100px;
  background: url(../img/sl_images/bg/features_background.png) no-repeat top
    center fixed;
  background-size: cover;
  background-color: #699a15;
  /* adding bg color because the image was curved originally */
}

.features--10 .features__item_title {
  color: #ffffff;
  font-family: Halis Rounded, Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 32px;
  padding: 0 12px;
}

.features--10 .features__item--10 {
  height: 313px;
  /*width: 300px;*/
  border-radius: 6px;
  background-color: #8fb450;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.features--10 .features__item_center {
  margin-top: -10px;
  height: 313px;
  /*width: 300px;*/
  border-radius: 6px;
  background-color: #8fb450;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.feature_image {
  /*  border-radius: 0;
  -webkit-border-radius: 0;*/
  height: 60px;
  width: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .feature_image {
    display: inline-block;
  }
}

.col-md-6.col-lg-3.about__feature_item--06 {
}
@media (max-width: 767px) {
  .col-md-6.col-lg-3.about__feature_item--06 {
    text-align: center;
  }
}

.about__title_box--06 {
}
@media (max-width: 767px) {
  .about__title_box--06 {
    text-align: center;
  }
}

.learn_more {
  height: 41px;
  width: 156px;
  border-radius: 3px;
  background-color: #689914;
  padding-top: 10px;
  color: #ffffff;
  font-family: Halis Rounded, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 19px;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.features__row {
}
@media (min-width: 992px) {
  .features__row {
    justify-content: center;
    display: flex;
  }
  .features--10 .features__item--10 {
    margin-right: 24px;
    margin-left: 24px;
    width: 300px;
  }
}

a:focus,
a:hover {
  text-decoration: none;
}

/* End of Feature-10 Section */

footer {
  padding-top: 30px;
}

/* start of footer changes */

.footer__description--02.sl {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 14px;
}

.sl-social-icon {
  height: 24px;
  width: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.sl-g-plus {
  background-image: url(../img/sl_icons/icon-gl.svg);
}

.sl-tw {
  background-image: url(../img/sl_icons/icon-tw.svg);
}

.sl-fb {
  background-image: url(../img/sl_icons/icon-fb.svg);
}

.footer__nav.footer__nav--02.second-row {
  top: 40px;
}

.wf-montserrat-n7-active .footer__nav__link--02 {
  font-family: Halis Rounded;
  font-weight: 300;
  text-transform: capitalize;
  font-size: 16px;
}

.wf-montserrat-n7-active .header__menu_link {
  font-family: Halis Rounded;
  font-weight: 300;
  text-transform: none;
  font-size: 16px;
}

.footer__nav--02 {
  margin-right: 50px;
  top: -20px;
}

@media (min-width: 993px) {
  .footer__main_box--02 {
    height: 124px;
  }
}

/* end of footer changes */
/* mobile menu -- none of these work - had to change in main.css */
.menu.state-opened {
  background-color: white;
}

.header__menu_link a {
  font-family: Halis Rounded;
  font-weight: 300;
  color: white;
  text-transform: none;
  margin-right: 10px;
  font-size: 15px;
}

.js-menu .menu__item a.header__menu_link:hover {
  color: #709e1e;
}

.wf-montserrat-n7-active .header__menu_link {
  font-family: Halis Rounded;
  text-transform: none;
  font-size: 16px;
  line-height: 0px;
}

.menu__closer.js-close-menu {
  color: black;
}

.wf-montserrat-n4-active .features__item_text {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 16px;
}

/* mobile font sizes*/
@media (max-width: 500px) {
  .wf-montserrat-n7-active .features__title--03 {
    font-size: 30px;
  }
}

/* Modifications for custom dropdown */

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
}

.dropdown-content a {
  float: none;
  color: #6a9b16;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  margin-right: 0px;
}

.dropdown-content a:hover {
  background-color: #E4EFCE;
}

.dropdown-trigger:hover .dropdown-content {
  display: block;
}

.dropdown-trigger {
  color: #ffffff;
  font-size: 16px;
  font-family: "Halis Rounded";
  font-weight:300;
  cursor: pointer;
}


.footer__nav .dropdown-trigger {
    color: #242526;
}

.footer__nav .dropdown-content {
  top: -50px;
}

.footer__nav .dropdown-content a {
  float: none;
  color: #6a9b16;
  padding: 0px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  margin-right: 0px;
  line-height: 48px;
}

.footer__privacy-pledge-container {
  margin-bottom: 30px;
  margin-top: -20px;
}

.footer__privacy-pledge {
  display: block;
  height: 42px;
}