/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.btnhvr {
    color: #1b2024 !important;
    background: transparent;
    border: 2px solid #1b2024;
}

.btnhvr:hover {
    color: #f3f0eb !important;
    background: #9b9086;
     border: 2px solid #9b9086;
}

.btnhvr2 {
    color: #f3f0eb !important;
    background: #1d2919;
     border: 2px solid #1d2919;
}

.btnhvr2:hover {
    color: #f3f0eb !important;
    background: #9b9086;
    border: 2px solid #9b9086;
}

/* ================================
   GRAVITY FORMS ID 2 NEWSLETTER
   ================================ */

#gform_wrapper_2 {
  max-width: 100%;
}

#gform_wrapper_2 .gform_heading,
#gform_wrapper_2 .gfield_label,
#gform_wrapper_2 .gform_required_legend {
  display: none !important;
}

#gform_wrapper_2 form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "email button"
    "consent consent";
  column-gap: 0;
  row-gap: 18px;
  align-items: start;
}

#gform_wrapper_2 .gform_body {
  margin: 0 !important;
  padding: 0 !important;
}

#gform_wrapper_2 .gform_footer {
  grid-area: button;
  margin: 0 !important;
  padding: 0 !important;
}

#gform_wrapper_2 .gform_fields {
  display: contents !important;
}

#gform_wrapper_2 .gfield {
  margin: 0 !important;
  padding: 0 !important;
}

#gform_wrapper_2 .gfield--type-email {
  grid-area: email;
}

#gform_wrapper_2 .gfield--type-consent,
#gform_wrapper_2 .gfield--type-checkbox {
  grid-area: consent;
  margin-top: 2px !important;
}

#gform_wrapper_2 .ginput_container {
  margin: 0 !important;
}

/* Email field */
#gform_wrapper_2 input[type="email"],
#gform_wrapper_2 input[type="text"] {
  width: 100% !important;
  height: 60px !important;
  border: 1px solid #d9d9d9 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  padding: 0 20px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #5f6f7a !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
}

#gform_wrapper_2 input[type="email"]::placeholder,
#gform_wrapper_2 input[type="text"]::placeholder {
  color: #6b7b87 !important;
  opacity: 1 !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
}

/* Submit button */
#gform_wrapper_2 .gform_button,
#gform_wrapper_2 input[type="submit"],
#gform_wrapper_2 button[type="submit"] {
  height: 60px !important;
  min-width: 145px !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 28px !important;
  background: #1B2024 !important;
  color: #fff !important;
  box-shadow: none !important;
  line-height: 60px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

#gform_wrapper_2 .gform_button:hover,
#gform_wrapper_2 input[type="submit"]:hover,
#gform_wrapper_2 button[type="submit"]:hover {
  background: #9B9086 !important;
  color: #fff !important;
}

/* Consent / checkbox row */
#gform_wrapper_2 .ginput_container_consent,
#gform_wrapper_2 .gchoice {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

/* Checkbox box */
#gform_wrapper_2 input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border: 2px solid #8c8c8c !important;
  background: #fff !important;
  border-radius: 0 !important;
  margin: 0 !important;
  position: relative !important;
  top: 2px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

#gform_wrapper_2 input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  top: 3px !important;
  width: 8px !important;
  height: 14px !important;
  border: solid #1B2024 !important;
  border-width: 0 3px 3px 0 !important;
  transform: rotate(45deg) !important;
}

/* Consent text */
#gform_wrapper_2 .gfield_consent_label,
#gform_wrapper_2 .gchoice label,
#gform_wrapper_2 .ginput_container_consent label {
  margin: 0 !important;
  color: #000 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
}

/* Validation */
#gform_wrapper_2 .validation_message,
#gform_wrapper_2 .gfield_validation_message {
  margin-top: 10px !important;
  font-size: 14px !important;
  font-family: "Montserrat", sans-serif !important;
}

/* Remove extra GF spacing */
#gform_wrapper_2 ul.gform_fields,
#gform_wrapper_2 .gform_fields {
  margin: 0 !important;
  padding: 0 !important;
}

#gform_wrapper_2 .gfield_checkbox,
#gform_wrapper_2 .gfield_consent_description {
  margin: 10px 0px !important;
  padding: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
  #gform_wrapper_2 form {
    grid-template-columns: 1fr;
    grid-template-areas:
      "email"
      "button"
      "consent";
    row-gap: 14px;
  }

  #gform_wrapper_2 input[type="email"],
  #gform_wrapper_2 input[type="text"] {
    height: 56px !important;
    border-right: 1px solid #d9d9d9 !important;
    font-size: 17px !important;
  }

  #gform_wrapper_2 .gform_button,
  #gform_wrapper_2 input[type="submit"],
  #gform_wrapper_2 button[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    line-height: 56px !important;
    font-size: 24px !important;
  }

  #gform_wrapper_2 .gfield_consent_label,
  #gform_wrapper_2 .gchoice label,
  #gform_wrapper_2 .ginput_container_consent label {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}

/* =========================================
   GRAVITY FORMS ID 1 — INVISIBLI CONTACT FORM
   ========================================= */

#gform_wrapper_1 {
  max-width: 100%;
  padding: 40px 42px;
  background: #f7f5f2;
  border: 1px solid #e5ded7;
  box-shadow: 0 10px 30px rgba(27, 32, 36, 0.04);
}

/* Hide default title/description if not needed */
#gform_wrapper_1 .gform_title,
#gform_wrapper_1 .gform_description {
  display: none !important;
}

/* Section titles / labels */
#gform_wrapper_1 .gsection {
  margin: 0 0 26px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #ddd3ca !important;
}

#gform_wrapper_1 .gsection_title {
  margin: 0 !important;
  color: #1B2024 !important;
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 42px !important;
  line-height: 1 !important;
  letter-spacing: 0.5px !important;
  font-weight: 400 !important;
}

/* Field spacing */
#gform_wrapper_1 .gfield {
  margin-bottom: 24px !important;
}

/* Main labels */
#gform_wrapper_1 .gfield_label {
  display: block !important;
  margin-bottom: 10px !important;
  color: #1B2024 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Sub labels for name/address parts */
#gform_wrapper_1 .ginput_complex label,
#gform_wrapper_1 .ginput_full label,
#gform_wrapper_1 .ginput_left label,
#gform_wrapper_1 .ginput_right label {
  margin: 8px 0 0 !important;
  color: #6f675f !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Required text */
#gform_wrapper_1 .gfield_required,
#gform_wrapper_1 .gfield_required_text {
  color: #9B9086 !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

/* Inputs */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 input[type="url"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 input[type="password"],
#gform_wrapper_1 select,
#gform_wrapper_1 textarea {
  width: 100% !important;
  background: #fff !important;
  border: 1px solid #d8d0c7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #1B2024 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

/* Single line fields */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 input[type="url"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 input[type="password"],
#gform_wrapper_1 select {
  min-height: 54px !important;
  padding: 0 16px !important;
}

/* Textarea */
#gform_wrapper_1 textarea {
  min-height: 220px !important;
  padding: 16px !important;
  resize: vertical !important;
}

/* Placeholder */
#gform_wrapper_1 input::placeholder,
#gform_wrapper_1 textarea::placeholder {
  color: #8b837b !important;
  opacity: 1 !important;
  font-family: "Montserrat", sans-serif !important;
}

/* Focus state */
#gform_wrapper_1 input:focus,
#gform_wrapper_1 select:focus,
#gform_wrapper_1 textarea:focus {
  outline: none !important;
  border-color: #9B9086 !important;
  box-shadow: 0 0 0 3px rgba(155, 144, 134, 0.12) !important;
  background: #fff !important;
}

/* Select appearance */
#gform_wrapper_1 select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #1B2024 50%),
    linear-gradient(135deg, #1B2024 50%, transparent 50%) !important;
  background-position:
    calc(100% - 22px) calc(50% - 3px),
    calc(100% - 16px) calc(50% - 3px) !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
  padding-right: 42px !important;
}

/* Checkboxes / radios */
#gform_wrapper_1 input[type="checkbox"],
#gform_wrapper_1 input[type="radio"] {
  accent-color: #1B2024;
}

#gform_wrapper_1 .gchoice label {
  color: #1B2024 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

/* Name and address complex fields spacing */
#gform_wrapper_1 .ginput_complex {
  row-gap: 14px !important;
}

/* Validation */
#gform_wrapper_1 .validation_error,
#gform_wrapper_1 .gform_validation_errors {
  background: #fff8f6 !important;
  border: 1px solid #e8c9bf !important;
  box-shadow: none !important;
  color: #7a3f2c !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  padding: 14px 16px !important;
  margin-bottom: 24px !important;
}

#gform_wrapper_1 .gfield_validation_message,
#gform_wrapper_1 .validation_message {
  color: #a3482f !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  padding-top: 8px !important;
  border: none !important;
  background: transparent !important;
}

/* Error fields */
#gform_wrapper_1 .gfield_error input,
#gform_wrapper_1 .gfield_error textarea,
#gform_wrapper_1 .gfield_error select {
  border-color: #c1785c !important;
}

/* Submit area */
#gform_wrapper_1 .gform_footer {
  margin-top: 10px !important;
  padding: 0 !important;
}

/* Submit button */
#gform_wrapper_1 .gform_button,
#gform_wrapper_1 input[type="submit"],
#gform_wrapper_1 button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  height: 56px !important;
  padding: 0 28px !important;
  border: 1px solid #9B9086 !important;
  border-radius: 0 !important;
  background: #1B2024 !important;
  color: #fff !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

#gform_wrapper_1 .gform_button:hover,
#gform_wrapper_1 input[type="submit"]:hover,
#gform_wrapper_1 button[type="submit"]:hover {
  background: #9B9086 !important;
  border-color: #9B9086 !important;
  color: #fff !important;
}

/* Optional: make horizontal lines softer */
#gform_wrapper_1 hr,
#gform_wrapper_1 .gdivider {
  border-color: #ddd3ca !important;
}

/* Mobile */
@media (max-width: 767px) {
  #gform_wrapper_1 {
    padding: 24px 18px;
  }

  #gform_wrapper_1 .gsection_title {
    font-size: 34px !important;
  }

  #gform_wrapper_1 .gfield_label {
    font-size: 14px !important;
  }

  #gform_wrapper_1 input[type="text"],
  #gform_wrapper_1 input[type="email"],
  #gform_wrapper_1 input[type="tel"],
  #gform_wrapper_1 input[type="url"],
  #gform_wrapper_1 input[type="number"],
  #gform_wrapper_1 input[type="password"],
  #gform_wrapper_1 select {
    min-height: 50px !important;
    font-size: 15px !important;
  }

  #gform_wrapper_1 textarea {
    min-height: 180px !important;
    font-size: 15px !important;
  }

  #gform_wrapper_1 .gform_button,
  #gform_wrapper_1 input[type="submit"],
  #gform_wrapper_1 button[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    font-size: 26px !important;
  }
}


/*Change Order in Subfooter on mobile - PMM */

@media (max-width: 767px) {
  .ftsection {
    display: flex;
    flex-direction: column;
  }

  .ftsection .clm2 {
    order: 1;
  }

  .ftsection .clm1 {
    order: 2;
  }

  .ftsection .clm3 {
    order: 3;
  }
}