/* Prevent body scroll when modal is open */
body.modal-open {
  overflow: hidden; }

/* HubSpot Modal Base Styles */
#hubspot-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  /* Full width */
  height: 100vh;
  /* Full height */
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.25);
  padding: 20px;
  z-index: 9999; }

/* Modal content becomes a centered box with two columns on desktop */
.modal-content {
  background: #fff;
  width: 100%;
  max-width: 920px;
  padding: 0 !important;
  position: relative;
  /* <-- Important for absolute positioning of the close btn */
  margin: auto;
  max-height: calc(100vh - 60px); }

/* Close Button positioned relative to .modal-content */
#hs-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  /* Moves the center to the top-right corner */
  width: 40px;
  height: 40px;
  background: #000;
  /* Black background */
  border: 2px solid #fff;
  /* White border for contrast */
  border-radius: 50%;
  cursor: pointer;
  z-index: 10000; }

#hs-modal-close::before,
#hs-modal-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background-color: #fff;
  transform: translate(-50%, -50%); }

#hs-modal-close::before {
  transform: translate(-50%, -50%) rotate(45deg); }

#hs-modal-close::after {
  transform: translate(-50%, -50%) rotate(-45deg); }

/* Modal Columns and other modal styles remain unchanged */
.modal-columns {
  display: flex;
  flex-direction: row;
  height: 100%; }

.modal-left,
.modal-right {
  width: 50%; }

.modal-left img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.modal-left video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

.modal-right {
  background: #fff;
  padding: 55px;
  display: flex;
  flex-direction: column; }
  .modal-right h3 {
    font-size: 30px;
    font-family: 'commuters-sans';
    font-weight: 700; }

/* Modal header styling */
.modal-header {
  text-align: left;
  margin-bottom: 15px; }
  .modal-header p {
    line-height: 1.3;
    font-family: 'commuters-sans';
    margin: 20px 0 0;
    font-size: 14px;
    color: #5b5b5b; }

/* Legal consent text styles */
.legal-consent-container .hs-richtext,
.legal-consent-container label:not(.hs-error-msg) {
  font-family: helvetica, sans-serif;
  color: #666666;
  font-size: 12px;
  line-height: 1.3; }

/* HUBSPOT form container (if additional styling is needed) */
.hubspot-form-container {
  /* Additional styling here */ }

/* MOBILE NAVIGATION & Button */
.NavMobile {
  display: none; }

@media screen and (max-width: 980px) {
  .NavMobile {
    display: block !important;
    z-index: 90;
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #AF8065;
    border-radius: 0;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase; }
    .NavMobile a {
      font-family: "commuters-sans", sans-serif !important;
      font-weight: 600; }

  #enq-now {
    display: none; } }
/* Desktop Enquiry Now Button */
#enq-now {
  position: fixed;
  z-index: 10;
  right: 0;
  top: 50%;
  width: 210px;
  height: 55px;
  background: #AF8065;
  transform: translate(50%, -50%) rotate(-90deg);
  transform-origin: bottom center;
  color: #fff;
  text-transform: uppercase;
  font-family: "commuters-sans", sans-serif !important;
  font-size: 16px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.5s; }

#enq-now:hover {
  background-color: #111;
  color: #fff;
  cursor: pointer; }

#enq-now span {
  display: inline-block;
  text-decoration: none; }

.hubspot-form-container .legal-consent-container {
  display: none; }

#hubspot-modal .custom-hubspot-form {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  /* Two-column layout */ }
  #hubspot-modal .custom-hubspot-form .hs-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 10px 0 14px; }
    #hubspot-modal .custom-hubspot-form .hs-form fieldset.form-columns-2 {
      display: flex;
      flex-wrap: no-wrap;
      gap: 10px;
      row-gap: 24px; }
      #hubspot-modal .custom-hubspot-form .hs-form fieldset.form-columns-2 .hs-form-field {
        flex: 0 0 48%;
        box-sizing: border-box; }
  #hubspot-modal .custom-hubspot-form .hs-form-field {
    margin-bottom: 20px; }
  #hubspot-modal .custom-hubspot-form input:focus,
  #hubspot-modal .custom-hubspot-form select:focus,
  #hubspot-modal .custom-hubspot-form textarea:focus {
    outline: none;
    border-bottom-color: #b1845b; }
  #hubspot-modal .custom-hubspot-form .hs-button {
    background: #b1845b;
    border: none !important;
    border-radius: 0 !important;
    color: #fff;
    padding: .6rem;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    margin-top: 0;
    transition: all 0.3s ease;
    font-family: 'commuters-sans'; }
    #hubspot-modal .custom-hubspot-form .hs-button:hover {
      background-color: #111;
      color: white; }

body #hubspot-modal .custom-hubspot-form input[type=text]:not(.elementor-field):not(.searchform-s) {
  margin-bottom: .5rem; }
body #hubspot-modal .custom-hubspot-form .hs-custom-style > div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), body #hubspot-modal .custom-hubspot-form .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
  padding: 0.4rem 1rem;
  min-height: unset;
  border: none;
  border-bottom: none;
  font-size: 14px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #f5f5f5;
  margin-bottom: .15rem; }
@media (max-width: 768px) {
  body #hubspot-modal .custom-hubspot-form .hs-form fieldset.form-columns-2 .hs-form-field {
    flex: 0 0 100%; } }
body #hubspot-modal .custom-hubspot-form input,
body #hubspot-modal .custom-hubspot-form select,
body #hubspot-modal .custom-hubspot-form textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #c2996b;
  background: transparent;
  padding: 8px 0;
  font-size: 14px;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  padding: 0.4rem 1rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #f5f5f5;
  font-family: 'commuters-sans';
  margin-bottom: 0.25rem; }
body #hubspot-modal .custom-hubspot-form .hs-form-field {
  margin-bottom: 10px; }
body #hubspot-modal .custom-hubspot-form fieldset {
  max-width: 100% !important; }
body #hubspot-modal .custom-hubspot-form textarea {
  width: 100% !important; }
body #hubspot-modal .custom-hubspot-form ul.no-list.hs-error-msgs.inputs-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: 14px;
  color: #d93025; }
body #hubspot-modal .custom-hubspot-form .grecaptcha-badge {
  width: unset !important;
  box-shadow: none !important; }
body #hubspot-modal .custom-hubspot-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 0;
  background: transparent;
  padding-right: 3rem;
  /* Increased right padding for the arrow */
  background-image: url("https://castlegroup.com.au/wp-content/uploads/2025/04/arrow-1.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px 12px;
  /* Ensure full 14px height and width */
  /* Optional: ensure the element doesn't clip the background */
  overflow: visible;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #f5f5f5; }
body #hubspot-modal .custom-hubspot-form .hs-error-msgs li {
  line-height: 1.2; }
body #hubspot-modal .custom-hubspot-form .hs-form-a00f1f67-1490-44a7-a571-142da5377383_935956ea-1acf-4718-8b71-f21a67929a8c fieldset.form-columns-1 .input {
  margin-right: 8px; }

body #hubspot-modal .custom-hubspot-form .hs-form-field input[type=text],
body #hubspot-modal .custom-hubspot-form .hs-form-field input[type=email],
body #hubspot-modal .custom-hubspot-form .hs-form-field input[type=phone],
body #hubspot-modal .custom-hubspot-form .hs-form-field input[type=number],
body #hubspot-modal .custom-hubspot-form .hs-form-field input[type=tel],
body #hubspot-modal .custom-hubspot-form .hs-form-field input[type=date],
body #hubspot-modal .custom-hubspot-form .hs-form-field select,
body #hubspot-modal .custom-hubspot-form .hs-form-field textarea {
  border: 0; }
body #hubspot-modal .custom-hubspot-form form .hs-richtext {
  font-size: 12px;
  margin-bottom: 10px; }

body .custom-hubspot-form .hs-form-field {
  margin-bottom: 5px; }

body .custom-hubspot-form .hs-custom-style > div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), body .custom-hubspot-form .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
  padding: 7px 15px; }

.input {
  margin-right: 0 !important; }


/*# sourceMappingURL=popup.css.map */




/* NEW EDITS  */




body #hubspot-modal .custom-hubspot-form select {
  padding-right: 1em;
}
  #hubspot-modal .custom-hubspot-form .hs-form {
    padding-bottom: 0;
  }

  .modal-right {
    padding: 2.25em;
}
@media (max-width: 500px) {

.modal-right {
    padding: 2.5em 1.25em 2em;
}
.modal-right h3 {
    font-size: 1.5rem;
}
#hs-modal-close {
/*    width: 35px;
    height: 35px;*/
    top: 2em;
    right: 2em;
/*    background-color: transparent;*/
}

.modal-content {
    height: 100vh;
    overflow-y: auto;
/*    max-height:unset;*/
}


#hubspot-modal {
    padding: 10px;
    z-index: 99999999;

}

body #hubspot-modal .custom-hubspot-form .hs-form-field {
    margin-bottom: 5px;
}

#hs-modal-close::before, #hs-modal-close::after {
/*    background-color: #000000;*/
/*    width: 40px;*/

}

#hubspot-modal .custom-hubspot-form .hs-button {
/*    padding: .5rem;*/
          font-size: 14px !important;
}



#trp-floater-ls.trp-bottom-right {
    display: none;
}

body #hubspot-modal .custom-hubspot-form .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), 
body #hubspot-modal .custom-hubspot-form .hs-form-field select, 
body #hubspot-modal .custom-hubspot-form .hs-form-field textarea {
/*    border-bottom: 2px solid #ccc!important;
    background-color: transparent;*/

border-top-left-radius:0;
border-top-right-radius: 0;
color:  #8b8d94!important;
}


.modal-header p {
    margin: 15px 0 0;
}

#hubspot-modal .custom-hubspot-form .hs-form {
    padding: 0;
}

body #hubspot-modal .custom-hubspot-form form .hs-richtext {
    margin-bottom: 5px;
}

}

body #hubspot-modal .custom-hubspot-form .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file])::placeholder {
  color: #888;
  opacity: 1; /* important: some browsers default placeholder opacity to lower */
}

/* Vendor prefixes for better support */
body #hubspot-modal .custom-hubspot-form .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file])::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

body #hubspot-modal .custom-hubspot-form .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file])::-moz-placeholder {
  color: #888;
  opacity: 1;
}

body #hubspot-modal .custom-hubspot-form .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]):-ms-input-placeholder {
  color: #888;
  opacity: 1;
}

body #hubspot-modal .custom-hubspot-form .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]):-moz-placeholder {
  color: #888;
  opacity: 1;
}


/*.modal-content {
    max-width: 810px;
}*/

@media screen and (max-width: 980px) {
  #enq-now {
    display: none !important;
  }
}


@media screen and (max-width: 980px) {
    .NavMobile a {
        color: #fff;
        text-decoration: none;
    }
}


@media screen and (max-width: 768px) {

    .modal-columns {
    flex-direction: column;
    height: 100%;
    }

    .modal-right,
    .modal-left {
    width: 100%;
    }

      .modal-left {
   display: none !important;
    }

    #hubspot-modal .custom-hubspot-form .hs-form fieldset.form-columns-2 {
    flex-direction: column;
    width: 100%;
    row-gap: 0;
    }

    body #hubspot-modal .custom-hubspot-form .hs-form fieldset.form-columns-2 .hs-form-field {
          width: 100%;
    }


}

@media screen and (max-width: 500px) {
body #hubspot-modal .custom-hubspot-form input, 
body #hubspot-modal .custom-hubspot-form select, 
body #hubspot-modal .custom-hubspot-form textarea {

    font-size: 13px ! Important;
        padding-right: 0;
}
}