.block-page-header {
  width: 100%;
  display: flex;
  background-color: #fcc19a;
  position: relative;
  height: 100vh;
  align-items: flex-end;
}
.block-project-header {
  background-color: var(--project-Color);
}
.header_margin.block-page-header,
.header_contact.block-page-header {
  justify-content: center;
  align-items: center;
}
.header_margin .header_content {
  width: 66.66%;
  position: relative;
  z-index: 2;
  display: flex;
  height: 50vw;
  max-height: 66.66vh;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.header_margin .header_content .img_container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.header_margin .header_content img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.header_margin .header_content .header_text_container {
  width: 90%;
  text-align: center;
}
.header_margin .header_content h1.header_title,
.header_margin .header_content h2.header_title,
.header_contact .header_content h1.header_title,
.header_contact .header_content h2.header_title {
  color: #fff;
}
.header_contact .header_content p {
  color: #fff;
}
.header_contact .header_content b {
  text-transform: uppercase;
  white-space: nowrap;
}
.header_margin .header_content h5.header_subtitle {
  color: #fff;
}
/* .header_contact .header_content h2.header_title{font-size: 5rem;} */
.block-page-header .bg_headline_container {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.header_full .header_content {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_full .header_content > img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.header_full .header_text_bg_container {
  z-index: 2;
  text-align: center;
  width: 100%;
  display: block;
  filter: invert(10%) saturate(150%);
  mix-blend-mode: exclusion;
  filter: invert(4%) saturate(100%);
  mix-blend-mode: screen;
}
.header_full .header_text_bg_container h1.header_title,
.header_full .header_text_bg_container h2.header_title {
  width: 100%;
  z-index: 2;
  background: inherit;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 100vw auto;
  background-position: 50% 30%;
  background-repeat: no-repeat;
  color: transparent;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  margin: 0 auto 5vh;
  font-size: 10vw;
}
.header_full .header_text_bg_container h2.header_title.duplicate {
  position: absolute;
  color: #fcc19a;
  opacity: 0.1;
  mix-blend-mode: color-dodge;
}
.acf-block-preview
  .header_full
  .header_text_bg_container
  h2.header_title.duplicate {
  display: none;
}
#scroll_down {
  position: absolute;
  width: 100%;
  bottom: 3rem;
  z-index: 6;
  text-align: center;
}
#scroll_down a {
  color: #fff;
  text-decoration: none;
}

.header_contact .header_content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
  width: 85%;
  margin: 0 auto;
}
.header_contact h3.success_message {
  color: #fff;
  font-size: 2.5rem;
}
.header_contact .left_header_contact,
.header_contact .right_header_contact {
  flex: 1 0 50%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.left_header_contact {
  height: 100%;
  justify-content: space-around;
}
.right_header_contact {
  height: 80%;
  justify-content: space-between;
}
.header_contact .header_text_container {
  position: absolute;
  top: 8vw;
  right: 13vh;
  width: 55vh;
}
.header_contact h1.header_title {
  margin: 0;
}
.block-page-header .images_container,
.block-project-header .images_container {
  width: 55vh;
  height: 100%;
  margin: auto 0 auto auto;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header_contact .images_container {
  height: auto;
}
.bg_img {
  position: relative;
}
.fg_img {
  position: absolute;
  width: 70%;
  z-index: 1;
}
.header_contact .nf-form-cont,
.header_contact .contact_bottom {
  margin: 0 15%;
}
.header_contact .contact_bottom {
  display: flex;
  align-items: flex-end;
}
.header_contact .address_bottom {
  flex: 1;
}
.header_contact .social_bottom {
  flex: 1;
  text-align: right;
}
.header_contact .social_media {
  margin-bottom: 0.5rem;
  position: relative;
}
.header_contact .nf-form-title {
  display: none;
}
.header_contact .contact_bottom p,
.header_contact .contact_bottom a,
.header_contact .contact_bottom a:hover {
  color: #fff;
  margin-bottom: 0;
}
.header_contact .contact_bottom p span {
  font-family: "Futura";
  text-transform: uppercase;
}

.header_contact .nf-form-content .list-select-wrap .nf-field-element > div,
.header_contact .nf-form-content input:not([type="button"]),
.header_contact .nf-form-content textarea {
  background-color: transparent !important;
  border-bottom: 1px solid #fff !important;
  padding: 0;
  color: #fff !important;
}
.header_contact .nf-form-content label {
  font-size: 1rem;
  font-weight: 300;
}
.header_contact .nf-form-content label {
  color: #fff;
}
.header_contact input::placeholder {
  color: #fff;
}
.header_contact .textarea-container {
  margin: 0 auto;
}
.header_contact .nf-form-content textarea {
  border: 1px solid #fff !important;
  padding: 3px 6px;
  height: 15vh !important;
}
.header_contact .nf-form-content {
  padding: 0;
}
.header_contact .submit-container {
  margin: 0 !important;
}
.header_contact .submit_button {
  text-align: right;
}
.header_contact .submit_button a.ninja_submit {
  //padding: 0.25rem 3rem 0.3rem 0 !important;
}
.header_contact .submit_button a.ninja_submit:hover {
  //background-color: transparent;
}
.header_contact .nf-error-msg,
.ninja-forms-req-symbol {
  display: none;
}

.header_contact .nf-error.field-wrap .nf-field-element:after {
  color: #fff !important;
}

.header_contact .nf-pass.field-wrap .nf-field-element:after {
  color: #fff !important;
}

.acf-block-preview .block-page-header {
  height: 80vh;
  min-height: 600px;
}
.acf-block-preview .header_margin .header_content img {
  max-height: 80%;
}
/* .block-editor-inserter__preview-container
  .acf-block-preview
  .block-page-header {
} */

/*
//---------------------------
//----- Media Query
//---------------------------
*/

/* ----------- 27 inch Screens ----------- */
@media screen and (min-width: 1680px) {
}

/* ----------- 27 inch Screens ----------- */
@media screen and (min-width: 2400px) {
}

/* ----------- 24 inch Screens ----------- */
@media screen and (min-width: 1920px) {
}

/* ----------- 15 inch Screens ----------- */
@media screen and (min-width: 1681px) and (max-width: 1920px) {
}

/* ----------- Retina Screens ----------- */
@media screen and (min-width: 1281px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
}

/* ----------- Non-Retina Screens ----------- */
@media screen and (min-width: 1281px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
}

/* macbook */
@media screen and (max-width: 1500px) {
}
/* iPad Pro 12.9 Landscape */
@media screen and (max-width: 1400px) {
}

/* iPad Pro Landscape */
@media screen and (max-width: 1200px) {
}

/* iPad landscape */
@media screen and (max-width: 1024px) {
}

/* iPad Portrait */
@media screen and (max-width: 820px) {
}
/* iPhone X landscape */
@media screen and (max-width: 812px) and (orientation: landscape) {
}
/* iPhone 6+ portrait */
@media screen and (max-width: 414px) {
  .header_margin .header_content {
    width: 80%;
    height: 100%;
    min-height: 60vh;
  }

  .block-page-header {
    height: initial !important;
    min-height: 100vh !important;
    min-height: -webkit-fill-available;
  }

  .header_contact .header_content {
    flex-direction: column;
  }
  .header_contact.block-page-header {
    height: auto;
    padding-top: 10vh;
  }
  .header_contact .left_header_contact,
  .header_contact .right_header_contact {
    width: 100%;
  }
  .header_contact .header_text_container {
    right: initial;
    width: 100%;
    transform: translateY(50%);
    position: relative;
    top: 0;
  }
  .header_contact .header_content h1.header_title,
  .header_contact .header_content h2.header_title {
    /* font-size: 4rem; */
    margin: 0.5rem auto;
    width: 100%;
    text-align: center;
  }
  .header_full .header_text_bg_container h1.header_title,
  .header_full .header_text_bg_container h2.header_title {
    margin: 0 auto 12vh;
  }
  .header_contact .nf-form-cont,
  .header_contact .contact_bottom {
    margin: 0;
  }
  .header_contact .contact_bottom {
    margin-bottom: 5vh;
    flex-direction: column;
  }
  .header_contact .address_bottom {
    width: 100%;
  }
  .nf-form-content textarea.ninja-forms-field {
    height: 120px;
    -webkit-appearance: none;
  }
  .header_contact .textarea-container {
    margin-bottom: 0;
  }
  .header_contact .social_bottom {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
  }
  .header_contact .social_bottom a {
    display: block;
  }
  .header_contact #scroll_down {
    display: none;
  }
  .block-page-header .images_container,
  .block-project-header .images_container {
    width: 100%;
    margin: 0 auto 2rem;
  }
  .header_contact .images_container {
    width: 100%;
    margin: 0 auto 2rem;
  }
}