/* Pop-up Form Styling */



.pop-up-form {

  background: rgba(0, 0, 0, 0.70);



  width: 100%;



  height: 100%;



  max-width: 100vw;



  z-index: 10000;



  top: 0;



  left: 0;



  position: fixed !important;



  display: none;

}



.pop-up-form h3 {

  white-space: nowrap;

  margin: 0;

}



.pop-up-form .gform_wrapper .top_label .gfield:not(.hidden_label) .gfield_label {

  display: flex !important;

}



.pop-up-form .gform_wrapper .top_label .hidden_label .gfield_label {

  display: none;

}



.pop-up-form .gfield {

  text-align: left;

}



.pop-up-form .form-content:has(.gfield--width-half) {

  min-width: 700px;

}



.bt-content-wrap:has(.pop-up-form.active) {

  position: relative;

  z-index: 10003;

}



.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),

.pop-up-form .gform_wrapper form {

  text-align: left !important;

}



.pop-up-form .gform_wrapper .gfield_validation_message.gfield_description, 

.pop-up-form .gform_wrapper.gravity-theme .instruction,

.pop-up-form .gform_title {

  padding: 0;

  border: none;

}



.pop-up-form input[type="submit"]:not(.um input) {

  width: auto !important;

  margin-top: 10px;

}



.pop-up-form input:not(input[type="submit"], 

input[type="checkbox"]) {

  margin: 0px auto 20px auto;

}



.pop-up-form .disclaimer {

  color: #c9252c;

}



.pop-up-form .gform_title {

  display: none;

}



.pop-up-form .gform_wrapper.gravity-theme .gform_footer, 

.pop-up-form .gform_wrapper.gravity-theme .gform_page_footer{

  padding-bottom: 0;

}





.pop-up-form p,

.pop-up-form form {

  margin: 0;

}



.pop-up-form .popup-content:has(.api-error),

.pop-up-form .form-content:has(.api-error) {

  min-width: 510px;

}



.pop-up-form .popup-content::-webkit-scrollbar,

.pop-up-form .form-content::-webkit-scrollbar {

  width: 12px;

}



.pop-up-form .popup-content::-webkit-scrollbar-track,

.pop-up-form .form-content::-webkit-scrollbar-track {

  background: #f0f0f0;

  border-radius: 20px;

}



.pop-up-form .popup-content::-webkit-scrollbar-thumb,

.pop-up-form .form-content::-webkit-scrollbar-thumb {

  background: #d3d3d3;

  border-radius: 20px;

}



/* Firefox */

.pop-up-form .popup-content,

.pop-up-form .form-content {

  scrollbar-width: thin;

  scrollbar-color: #d3d3d3 #f0f0f0;

}



/* Applying border-radius to Firefox scrollbar */

.pop-up-form .popup-content,

.pop-up-form .form-content {

  --scrollbar-background: #d3d3d3;

  --scrollbar-thumb: #f0f0f0;

  overflow-y: scroll;

}



.pop-up-form .popup-content::-webkit-scrollbar

.pop-up-form .form-content::-webkit-scrollbar {

  width: 14px;

}



.pop-up-form .popup-content::-webkit-scrollbar-track,

.pop-up-form .form-content::-webkit-scrollbar-track {

  background: var(--scrollbar-thumb);

  border-radius: 20px;

}



.pop-up-form .popup-content::-webkit-scrollbar-thumb,

.pop-up-form .form-content::-webkit-scrollbar-thumb {

  background: var(--scrollbar-background);

  border-radius: 20px;

}



.pop-up-form .popup-content,

.pop-up-form .form-content {

  scrollbar-width: thin;

  scrollbar-color: var(--scrollbar-background) var(--scrollbar-thumb);

}



.pop-up-form .popup-content,

.pop-up-form .form-content {



  overflow-y: auto;

  max-height: 100vh;





  width: auto;





  height: auto;





  padding: 50px 30px 30px;





  position: absolute;





  left: 50%;





  top: 50%;





  transform: translate(-50%, -50%);





  background-color: white; 





  max-width: 650px;

  min-width: 250px;



}



.pop-up-form .form-content:has(form) {

  min-width: 380px;

}



.pop-up-form form {

  margin-top: 10px;

}



.pop-up-form .close {



  position: relative;

  top: -10px;

  right: 0;

  cursor: pointer;

  float: right;

  font-size: 24px;



}





.pop-up-form .wpcf7 form .wpcf7-response-output {

  margin: 50px 0 0;

}



.pop-up-form .gform_wrapper.gravity-theme .ginput_container_date input,

.site-content .pop-up-form input[type="date"],

.pop-up-form .wpcf7-form-control-wrap:has(input[type="date"]) {

  width: 100%;

  vertical-align: middle;

}



.pop-up-form div:has(input[type="date"]) label {

  vertical-align: middle;

}



.site-content .pop-up-form input[type="date"] {

  margin: 0;

}









/* Tablet */

@media screen and (max-width: 1000px) and (min-width: 580px) {

  .pop-up-form .gform_body {

    max-width: 100% !important;

  }



  .pop-up-form h3 {

    white-space: normal;

  }

}



/* Mobile Styling */

@media screen and (max-width: 580px) {



  .pop-up-form .popup-content:has(.gfield--width-half),

  .pop-up-form .popup-content:has(.api-error),

  .pop-up-form .popup-content,

  .pop-up-form .form-content:has(.gfield--width-half),

  .pop-up-form .form-content:has(.api-error),

  .pop-up-form .form-content {

    width: 100%;

    min-width: unset;

  }



  .pop-up-form .gform_body {

    max-width: 100% !important;

  }



  .pop-up-form .popup-content:has(.api-error),

  .pop-up-form .form-content:has(.api-error) {

    padding: 20px;

  }



  .pop-up-form .api-error {

    font-size: 15px;

  }



  .pop-up-form h3 {

    white-space: normal;

  }

 

}





