/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/scss/acf-blocks/block-contact.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.block-contact__wrapper {
  gap: 80px;
}
@media (min-width: 992px) {
  .block-contact__wrapper {
    gap: 120px;
  }
}
@media (min-width: 1220px) {
  .block-contact__address {
    white-space: nowrap;
  }
}
.block-contact {
  /* thank you message (shown after successful CF7 submit) */
}
.block-contact.is-sent .block-contact__touch-title {
  display: none;
}
.block-contact__thankyou {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 40px;
  text-align: center;
  color: #001430;
}
@media (max-width: 991.98px) {
  .block-contact__thankyou {
    padding: 24px;
  }
}
.block-contact__thankyou[hidden] {
  display: none;
}
.block-contact__thankyou-icon {
  color: #C9A96E;
}
.block-contact__thankyou-title {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 0;
}
.block-contact__thankyou-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100px;
  height: 1px;
  transform: translateX(-50%);
  background-color: #C9A96E;
}
.block-contact .contact-form-grid {
  max-width: 742px;
  width: 100%;
}
.block-contact .form-row {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .block-contact .form-row {
    margin-bottom: 32px;
  }
}
.block-contact .form-row.two-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media (max-width: 767px) {
  .block-contact .form-row.two-cols {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.block-contact .form-col {
  width: 100%;
  position: relative;
}
.block-contact .form-input,
.block-contact .form-textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #001430;
  background: transparent;
  padding: 0 0 14px;
  font-size: 18px;
  color: #001430;
  outline: none;
  height: 45px;
  transition: border-color 0.3s ease;
  border-radius: 0;
  box-shadow: none;
}
.block-contact .form-input::-moz-placeholder, .block-contact .form-textarea::-moz-placeholder {
  color: #001430;
  opacity: 1;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.block-contact .form-input::placeholder,
.block-contact .form-textarea::placeholder {
  color: #001430;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.block-contact .form-input:focus,
.block-contact .form-textarea:focus {
  border-bottom-color: #C9A96E;
}
.block-contact .form-textarea {
  height: 45px;
  resize: none;
}
.block-contact {
  /* select */
}
.block-contact select.form-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  padding-right: 32px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 14px;
  /* blue arrow default */
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%278%27 viewBox=%270 0 14 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L7 7L13 1%27 stroke=%27%231d2b4d%27 stroke-width=%271.5%27/%3E%3C/svg%3E");
}
.block-contact select.form-input:focus {
  /* gold arrow active */
  background-image: url("data:image/svg+xml,%3Csvg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1 1L7 7L13 1\" stroke=\"%23C8A96B\" stroke-width=\"1.5\"/%3E%3C/svg%3E");
}
.block-contact {
  /* active state via wrapper (when field has value) */
}
.block-contact .is-active .form-input,
.block-contact .is-active .form-textarea {
  border-bottom-color: #C9A96E;
}
.block-contact .is-active select.form-input {
  background-image: url("data:image/svg+xml,%3Csvg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1 1L7 7L13 1\" stroke=\"%23C8A96B\" stroke-width=\"1.5\"/%3E%3C/svg%3E");
}
.block-contact {
  /* CF7 error state */
}
.block-contact .wpcf7-not-valid {
  border-bottom-color: #C9A96E !important;
}
.block-contact .wpcf7-not-valid-tip {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.3;
  color: #E24B3B;
}
.block-contact {
  /* remove ugly CF7 styles */
}
.block-contact .wpcf7 form .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 0;
  border: 0;
  font-size: 14px;
}
.block-contact .wpcf7-spinner {
  display: none;
}
.block-contact .form-submit {
  margin-top: 32px;
}
.block-contact .custom-select {
  position: relative;
  width: 100%;
}
.block-contact .custom-select__selected {
  width: 100%;
  border-bottom: 1px solid #001430;
  background: transparent;
  padding: 0 32px 14px 0;
  font-size: 18px;
  color: #001430;
  cursor: pointer;
  height: 45px;
  display: flex;
  align-items: flex-end;
  transition: border-color 0.3s ease;
}
.block-contact {
  /* arrow */
}
.block-contact .custom-select__selected::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
  height: 8px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  /* синя стрілка */
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%278%27 viewBox=%270 0 14 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L7 7L13 1%27 stroke=%27%231d2b4d%27 stroke-width=%271.5%27/%3E%3C/svg%3E");
}
.block-contact {
  /* active (як у твоїх input) */
}
.block-contact .custom-select.is-open .custom-select__selected,
.block-contact .custom-select.is-active .custom-select__selected {
  border-bottom-color: #C9A96E;
}
.block-contact {
  /* золота стрілка */
}
.block-contact .custom-select.is-open .custom-select__selected::after,
.block-contact .custom-select.is-active .custom-select__selected::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%278%27 viewBox=%270 0 14 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L7 7L13 1%27 stroke=%27%23C8A96B%27 stroke-width=%271.5%27/%3E%3C/svg%3E");
}
.block-contact {
  /* dropdown */
}
.block-contact .custom-select__dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  background: #FFFFFF;
  display: none;
  z-index: 10;
}
.block-contact .custom-select__dropdown.is-open {
  display: block;
}
.block-contact .custom-select__option {
  padding: 3px 16px;
  font-size: 16px;
  cursor: pointer;
  color: #001430;
}
.block-contact .custom-select__option.is-selected {
  background-color: #E9DDC5;
}
.block-contact .custom-select__option:hover {
  background: #E9DDC5;
}

/*# sourceMappingURL=block-contact.css.map*/