body {
    font-family: Arial, sans-serif;
}
.carousel-caption a {
    text-decoration: underline;
}
.freeform.text-block-widget p {
    padding-bottom: 10px;
}
.header {
    font-size: 21px !important;
}
.header-logo {
    transition: fill 0.5s ease;
    float: left;
    margin: 0;
    img {
        height: 50px;
        @media (max-width:$medium){
          height:35px;
        }
    }
}

.fa.fa-search.search-icon {
    font-size: 1.333em;
    color: #575a5d;
    font-weight: 300;
    &:hover {
        font-size: 1.333em;
        color: #9a9c9e;
        font-weight: 500;
    }
}

.nav_menu li.search {
    padding: 0 20px;
}

@media (max-width: 767px) {
    html.mm-opened .header-widget {
        position: fixed;
        z-index: 100000000000000;
        background-color: #fff;
        width: 100%;
    }
}

#mobile-search {
    .search-input-nav-mobile {
        border: none;
        padding-left: 20px;
        color: #999;
        font-size: 20px;
    }
    &.in:after {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 15px solid #f0efed;
        top: 56px;
        right: 46px;
        background-image: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: 10000000;
    }
}


ul.header-links {
    padding-left: 0px;
    margin: 20px 0;
    font-family:  'PT Sans', Arial, sans-serif;
    li {
        list-style: none;
        list-style-type: none;
        list-style-position: inside;
        font-size: 14px;
        padding-left: 20px;
        display: inline-block;
        float: right;
        margin-bottom: 10px;
        a {
            transition: color 0.5s ease;
            color: #575a5d;
            display: inline-block;
            text-decoration: none;
            font-weight: 500;
            font-family: 'PT Sans', Arial, sans-serif;
            button {
            }
            &:hover {
                color: #2D2F30;
                display: inline-block;
                text-decoration: none;
                font-family: 'PT Sans', Arial, sans-serif;
                text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.6);
            }
        }
        &.login_button {
          margin-bottom:0;
          a {
            button {
              transition: background-color 0.5s ease;
              background: #8fd400;
              color: #000000;
              padding: 5px 10px;
              font-size: 12px;
              border: 1px solid;
              font-weight: 300;
              letter-spacing: 2px;
              border-radius: 0px;
              min-height: 25px;
              margin-top: -10px;
              border:0;
            }
          }
        }
    }
}


input.text-field-full {
  width: 100%;
}
input.text-field-three-fourth {
  background-color: #ffffff;
  padding: 15px 20px;
  font-size: 1em;
  font-weight: 500;
  color: #999999 !important;
  float: left;
  border: none;
  text-align: left;
  width: 75%;
  margin-bottom: 20px;
  border: 1px solid #f0efed;
}
@media (max-width: 767px) {
  input.text-field-three-fourth {
    width: 65%;
  }
}
.navbar-toggle.fa-search {
  position: relative;
  float: right;
  top: 20px;
  margin-top: 0px;
  margin-right: 15px;
  margin-bottom: 0px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 1.5em;
  padding: 2px 10px 0px 10px;
  cursor: pointer;
}
button.primary-button.search {
  font-size: 0.875em;
  width: 24%;
}
@media (max-width: 767px) {
  button.primary-button.search {
    width: 35%;
  }
}
.navbar-form .form-group {
  margin-bottom: 0;
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  background: #f0efed;
  margin: 0 -20px;
}

/* Small devices (mobile, 767px and up) */
@media (max-width: 767px) {
    .header-logo {
        margin: 20px 0;
        float: left;
        img {
            height: 30px;
            z-index: 10000000000;
            position: relative;
        }
    }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .header-logo {
        float: left;
        .header-logo img {
            height: 30px;
        }
    }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .header-logo {
        float: left;
        img {
            height: 50px;
        }
    }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .header-logo {
        float: left;
        img {
            height: 65px;
        }
    }
}