/*
 Theme Name:   spaciousmind-2017
 Theme URI:    https://spaciousmind.com
 Description:  Child theme of Divi by Elegant Themes
 Author:       Dave Mosso for Spacious Mind Creative Solutions
 Author URI:   https://spaciousmind.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ------------------------------ ADDITIONAL CSS HERE ------------------------------*/
#spacious2018-hero {
 height: 70vh;
 display:flex;
 flex-direction: column;
 justify-content: flex-end;
}
#spacious2018-hero-text {
 height: 60vh;
 display: flex;
 flex-direction: column;
 justify-content: center;
 width: 100%;
 text-align:center;
}
#spacious2018-hero-uvp {
 height: auto;
 padding: 36px 48px;
 background: red;
 width: 80%;
 max-width: 980px;
 margin: 0 auto;
 position: relative;
 float: left;
 top: 120px;
 z-index: 10000;
 min-height: 220px;
 text-align:  center;
}
#spacious2018-about {
 padding-top: 140px;
 background: lightgray;
 min-height: 80vh;
}
#spacious2018-projects {
 background: lightblue;
 min-height: 80vh;
}
#spacious2018-services {
 background: lightgreen;
 min-height: 50vh;
}
#spacious2018-contact {
 background: lightsteelblue;
 min-height: 50vh;
}
.home-2020 {
 font-family: 'gotham-rnd-med', sans-serif;
}
.home-2020 .et_pb_toggle {
 background: none;
 border: 0;
}
.home-2020 .et_pb_toggle h5.et_pb_toggle_title {
 border: 3px solid #a31313;
 background: white;
  text-transform: uppercase;
 text-align: center;
 margin: 0 150px;
 padding: 12px !important;
}

.home-2020 .et_pb_toggle h5.et_pb_toggle_title:hover { background: #a31313; color: white !important; }

.home-2020 .et_pb_toggle h5::before {
 display: none;
}
.home-2020 .et_pb_toggle_content {
 padding-top: 48px;
}
.home-2020 .nf-form-fields-required {
 display: none;
}
.home-2020 input {
 min-height: 42px;
 padding: 6px;
 font-size: 1.25em;
 border-width: 0 0 1px 0;
 text-align: center;
 background: #f7f7f7;
}
.home-2020 textarea {
 border-width: 0 0 1px 0;
 padding: 12px;
 font-size: 1.25em;
 background: #f7f7f7;
}
.home-2020 #nf-field-96-wrap .nf-field-element {
 display: flex;
}
.home-2020 input[type="button"] {
 background: #FDBA50;
 border: 0;
 padding: 6px 24px;
 margin: 0 auto;
 transition: all ease-in-out .3s;
 color: #a31313
}
.home-2020 input[type="button"]:hover {
 background: red;
 color: white;
 border: 0;
 padding: 6px 24px;
 cursor: pointer;
}
.home-2020 .nf-error input.ninja-forms-field {
 border-width: 0 0 1px 0;
}
.home-2020 .nf-error textarea.ninja-forms-field {
 border-width: 0 0 1px 1px;
}
.home-2020 .nf-after-field .nf-error-msg {
 text-align: center;
 font-size: .8em;
 padding: 0;
 margin: 0;
}
.home-2020 .nf-response-msg {
 display: flex !important;
 align-items: center;
 justify-content: center;
}
.home-2020 .nf-response-msg p {
 text-align: center;
 color: green;
 border: 1px solid green;
 padding: 12px 48px;
 max-width: 100%;
}
.home-2020 .nf-response-msg p::before {
 content: '\f058';
 font-family: 'FontAwesome';
 margin: 6px 0 12px;
 font-size: 2em;
 display: block;
}
.home-2020 .nf-error-msg {
 text-align: center;
}
.home-2020 a.popup-site-link {
 border: 2px solid #FDBA50;
 padding: 6px 12px;
 margin: 12px 6px 0;
 display: inline-block;

}
.home-2020 a.popup-site-link:hover {
 border: 2px solid #FDBA50;
 background: #FDBA50;
 color: white;
}
.home-2020 .pum-content {
 border: 16px solid #FDBA50;
}
.home-2020 .pum-theme-3470 .pum-content + .pum-close,
.home-2020 .pum-theme-content-only .pum-content + .pum-close {
 right: 20px;
 top: 20px;
}


/* MEDIA QUERIES ========================================= */
@media all and (max-width: 768px) {
 .home-2020 .et_pb_toggle h5.et_pb_toggle_title {
  margin: 0 auto;
  padding: 12px !important;
 }
 .home-2020 .nf-form-cont .one-half {
  width: 100% !important;
  margin-left: 0 !important;
 }
 .home-2020 input[type="button"] {
  width: 100% !important;
 }
}