/*----------------------------------------*/
/*  07. Newsletter
/*----------------------------------------*/
.newsletter-title {
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  font-size: 48px;
}

@media (max-width: 991.98px) {
  .newsletter-title {
    font-size: 30px;
  }
}

.newsletter-sub-title {
  text-transform: uppercase;
  font-size: 36px;
}

@media (max-width: 991.98px) {
  .newsletter-sub-title {
    font-size: 25px;
  }
}

.newsletter-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.newsletter-form.wide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.newsletter-form.wide .input-field {
  width: 100%;
  height: 45px;
}

.newsletter-form.wide .button-wrap .btn {
  width: 100%;
}

.newsletter-form.wide .button-wrap .btn:before {
  width: calc(100% + 15px);
}

@media (max-width: 575.98px) {
  .newsletter-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.newsletter-form .input-field {
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
  padding-left: 15px;
  padding-right: 15px;
  width: 315px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  margin-right: 2px;
}

.newsletter-form .input-field:placeholder-shown {
  color: #a2a1a1;
}

@media (max-width: 991.98px) {
  .newsletter-form .input-field {
    width: 100%;
    height: 45px;
  }
}

.newsletter-form .btn-custom-size {
  width: 135px;
  height: 45px;
  border-radius: 3px;
}

@media (max-width: 575.98px) {
  .newsletter-form .btn-custom-size {
    margin-top: 15px;
    width: 100%;
    height: 45px;
  }
  .newsletter-form .btn-custom-size:before {
    width: calc(100% + 30px);
  }
}

/* ---Mailchimp--- */
.mailchimp-success {
  color: green;
}

.mailchimp-error {
  color: red;
}