/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

body,
button,
input,
select,
textarea {
  font-family: "Montserrat", sans-serif;
}

body {
  /* background-color: #fff7ed !important; */
}

.wrapper a {
  color: #fac085;
}

.wrapper a:hover {
  color: #f5a95d;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
}

.bg-refresh-primary {
  background-color: #f1d2b3 !important;
}

.bg-refresh-primary-muted {
  background-color: #ffecd9 !important;
}

.card-highlight {
  background-color: #f1d2b3;
  height: 10px;
  width: 100%;
}

.btn-primary {
  padding: 1rem 2.5rem !important;
  font-weight: 600 !important;
  background-color: #f1d2b3 !important;
  border-color: #f1d2b3 !important;
  color: #2c2c2c !important;
  text-transform: uppercase !important;
  min-width: 200px;
}

.btn-primary:hover {
  background-color: #fac085 !important;
  border-color: #fac085 !important;
  color: #1d1d1d !important;
}

span.nav-next a, span.nav-previous a {
  padding: 1rem 2.5rem !important;
  font-weight: 600 !important;
  background-color: #f1d2b3 !important;
  border-color: #f1d2b3 !important;
  color: #2c2c2c !important;
  text-transform: uppercase !important;
  min-width: 200px;
}

span.nav-next a:hover, span.nav-previous a:hover {
  background-color: #fac085 !important;
  border-color: #fac085 !important;
  color: #1d1d1d !important;
}

li.page_item a {
  color: white !important;
  text-decoration: none !important;
}

li.page_item a:hover {
  color: #fac085 !important;
  text-decoration: underline !important;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.5rem !important;
  }

  h2 {
    font-size: 3rem !important;
  }

  h3 {
    font-size: 2rem !important;
  }
}

#nf-form-3-cont nf-fields-wrap {
  display: flex;
}

#nf-form-3-cont input#nf-field-9 {
  height: 58px;
  width: 200px;
  border-radius: 0.5rem 0 0 0.5rem;
}