/* ------ START BOOKING FORM STYLES ------ */

/* Top container section */
.gform-1-flex-container {
  display: flex;
  flex-direction: column; /* Stack items below each other */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  border-radius: 0.5rem;
  border-radius: 0.5rem;
  background: #FFF;
}
/* Top Image styles */
@media only screen and (max-width: 600px) {
     .gform-1-flex-item--img {
      width: 120px;
      margin:auto;
      padding:5%;
    }
}
@media only screen and (min-width: 600px) {
     .gform-1-flex-item--img {
      width: 100%;
    }
}
/* Top line styles */
.gform-1-flex-item--line {
  width: 100%;
  background-color: #E9A842;
  height: 2px;
  margin: 5%;
}

/* Section 2 */

/* Progress bar title */
#gform_wrapper_1 .gf_progressbar {
    margin-bottom: 5% !important;
}

/* Progress bar color */
#gform_wrapper_1.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: #1D4A57;
    color: #fff;
}

/* Section 3 */

/* Previouse Button*/
#gform_wrapper_1.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {
    -webkit-appearance: none !important;
    border: solid;
    border-width: 0.5px;
}
/* Previouse Button Hover*/
#gform_wrapper_1.gform_wrapper.gravity-theme .gform_previous_button.button:hover, .gform_wrapper.gravity-theme .gform_save_link.button:hover {
    border: solid;
    border-width: 0.5px;
    border-color: #E9A842;
    color: #313E40;
}

/* Section 4 */

/* Input Header styles */
#gform_wrapper_1.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 8px;
    padding: 0;
    line-height: 135%;
}

/* input placholder size - type text */
#gform_wrapper_1.gform_wrapper.gravity-theme input[type=text], #gform_wrapper_1.gform_wrapper.gravity-theme input[type=email] {
    font-size: 0.7rem;
}

/* Section 5 */

/* check box container stlyes */
#input_1_29.gfield_checkbox {
    display: flex;
}
/* check box container padding stlyes */
.gchoice_1_29_1, .gchoice_1_29_1 {
    margin-right: 2%;
}

/* check box text styles */
#gform_wrapper_1.gform_wrapper.gravity-theme .gfield_checkbox label, #gform_wrapper_1.gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 0.7rem;
    font-weight: 500;
    color: #666;
}

/* Section 6 */

/* Gform 1 ending html text styles */
.gform-1-flex-item--text {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 135%;
}
/* Gform 1 ending html link styles */
.gform-1-flex-item--text--link {
    color: #2F6979;
}
/* Gform 1 ending html link hover styles */
.gform-1-flex-item--text--link:hover {
    color: #E9A842;
}

/* Section 7 */

/* Gform1 Confirmation Message container stlyes */
.gform-1--confirmation--container {
    display: flex;
    flex-direction: column; /* Stack items below each other */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}
/* Gform1 Confirmation Message container sub stlyes */
.gform-1--confirmation--container--sub {
    display: flex;
    flex-direction: center; /* Stack items below each other */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}
/* Gform1 Confirmation heading text stlyes */
.gform-1-conformation--heading {
    font-size: 1.6rem;
    font-weight: 500;
    color: black;
    text-align:center;
    margin: 0%;
}
/* Gform1 Confirmation text stlyes */
.gform-1-conformation--text {
    font-size: 0.9rem;
    font-weight: 400;
    color: black;
    text-align:center;
}
/* Gform1 Confirmation Message button stlyes */
.gform-1--confirmation--btn {
    font-size: 0.9rem;
    color: white;
    background-color: #252D35;
    padding: 5px 20px;
    border: solid;
    border-width: 1px;
    border-color: #252D35;
    font-weight: 500;
    margin:5%;
}
/* Gform1 Confirmation Message button hover stlyes */
.gform-1--confirmation--btn:hover {
    border-color: #E9A842;
    background: rgba(233, 168, 66, 0.00);
    color: #252D35;
}
/* Gform1 Confirmation Message button2 stlyes */
.gform-1--confirmation--btn2 {
    font-size: 0.9rem;
    padding: 5px 20px;
    border: solid;
    border-width: 1px;
    border-color: #252D35;
    background: rgba(233, 168, 66, 0.00);
    color: #252D35;
    font-weight: 500;
    margin:5%;
}
/* Gform1 Confirmation Message button2 hover stlyes */
.gform-1--confirmation--btn2:hover{
    border-color: #E9A842;
}


/* --- Section 7 */

/* makes error input font global font raleway */
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
}

/* makes the error input padding smaller */
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction  {
    padding: 1% !important;
}


/* ------ End NEW FORM STYLES ------ */


/* ------ Start Base Styles ------ */

.gform_title { 
    display: none;
}

.gform_required_legend {
    display: none;
}


/* ------ Start Steps section ------ */

.gf_step_label {
    display: none !important;
}

.gform_wrapper.gravity-theme .gf_page_steps{
    text-align: center;
}

.gform_wrapper.gravity-theme .gf_step {
    margin: 10px;
}

.gform_wrapper.gravity-theme .gf_page_steps {
    border-bottom: none;
}

.gform_wrapper.gravity-theme .gf_step_label, .gform_wrapper.gravity-theme .gf_step_number {
    display: inherit;
}

/* Start Steps line before */

.gf_step_active::before {
  content: ' ';
  display: flex;
  width: 100px;
  height: 2px;
  background-color: #E7DFCB;
  margin-right: 20px;
  display: inline-flex;
}

/* End Steps line before */

/* Start Steps line after */

.gf_step_pending::after {
  content: ' ';
  display: flex;
  width: 100px;
  height: 2px;
  background-color: #E7DFCB;
  margin-left: 20px;
  display: inline-flex;
}

/* End Steps line after */

/* Start Step active */

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background-color: #E9A842;
    color: white;
    border: 0px;
    font-size: 15px;
    line-height: 26px;
    width: 30px;
    height: 30px;
}

/* End Step active */

/* Start Step default */

.gform_wrapper.gravity-theme .gf_step_number {
    background-color: #252D35;
    color: white;
    border: 0px;
    font-size: 15px;
    line-height: 26px;
    width: 30px;
    height: 30px;
    
}

/* end Step default */

/* ------ End Steps section ------ */

/* ------ Start Text Styles ------ */

@media only screen and (max-width: 500px) {
     .gfield_label.gform-field-label {
        color: black !important;
        font-family: var(--e-global-typography-text-font-family), Sans-serif;
        font-weight: 300;
        font-size: 50px !important;
    }
}

.gfield_label.gform-field-label {
        color: black !important;
        font-family: var(--e-global-typography-text-font-family), Sans-serif;
        font-weight: 300 !important;
        font-size: 15px !important;
        

}

.gform_wrapper.gravity-theme textarea {
    font-size: 12px;
}

.gfield_label.gform-field-label {
    padding-bottom: 10px;
}

.gform_wrapper.gravity-theme input[type=text], input[type=email], input[type=tel] {
  font-size: 12px;

}

.gform_wrapper.gravity-theme .gfield textarea.large {
  font-size: 12px;
}


/* ------ End Text Styles ------ */


/* ------ Start Button styles ------ */

.gform_next_button {
     background-color: #313E40 !important;
     font-family: "Gotham", Sans-serif;
     font-weight: 300 !important;
     font-size: 12px !important;   
}

.gform_next_button:hover {
     background-color: #1D4A57 !important;
}

.gform_wrapper.gravity-theme .gform_footer button+input, .gform_wrapper.gravity-theme .gform_footer input+button, .gform_wrapper.gravity-theme .gform_footer input+input, .gform_wrapper.gravity-theme .gform_page_footer button+input, .gform_wrapper.gravity-theme .gform_page_footer input+button, .gform_wrapper.gravity-theme .gform_page_footer input+input {
    background-color: #313E40 !important;
     font-family: "Gotham", Sans-serif;
     font-weight: 300 !important;
     font-size: 12px !important;
}

.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {
    font-family: "Gotham", Sans-serif;
    font-weight: 300 !important;
    font-size: 12px !important;
}


.confirmation-container {
    background-color: white;
    padding: 100px !important;
    text-align: center;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
    border: none;
    border-radius: 20px;
}


.confirmation-container h2 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: 200 !important;
    padding-top: 30px;
    font-size: 18px;
    padding-left: 80px;
    padding-right: 80px;
    line-height: 1.6;
}

.confirmation-logo {
    width: 180px !important;
}

.button {
  background-color: #313E40;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  text-decoration: none !important;
}


/* ------ End Base Styles ------ */

/* ------ Start Error Base Styles ------ */

.gform_wrapper.gravity-theme .gform_validation_errors {
  display: none !important;
}

.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    clear: both;
    font-family: inherit;
    letter-spacing: normal;
    line-height: inherit;
    padding: 2%;
    width: 100%;
    font-size: 11px !important;
}

/* ------ Repair form styles ------ */


#gform_wrapper_1 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}


#gform_wrapper_1 .gform_heading {
    display: none;

}

 #gform_wrapper_1 .gform_required_legend {
    display: none;
}

#gform_wrapper_1.gform_wrapper.gravity-theme .gf_step_label {
    display: none;
}

/* Start Steps section */

#gform_wrapper_1 .gform_wrapper.gravity-theme .gf_step_label, .gform_wrapper.gravity-theme .gf_step_number {
    display: inherit;
}

#gform_wrapper_1 .gf_step_active::before {
  content: ' ';
  display: flex;
  width: 100px;
  height: 2px;
  background-color: #E7DFCB;
  margin-right: 20px;
  display: inline-flex;

}

#gform_wrapper_1 .gf_step_pending::after {
  content: ' ';
  display: flex;
  width: 100px;
  height: 2px;
  background-color: #E7DFCB;
  margin-left: 20px;
  display: inline-flex;
}

#gform_wrapper_1.gform_wrapper.gravity-theme .gf_page_steps{
    text-align: center;
    
}

#gform_wrapper_1.gform_wrapper.gravity-theme .gf_step {
    margin: 10px;
    
    
}

.gform_wrapper.gravity-theme .gf_page_steps {
    border-bottom: none !important;
}

#gform_wrapper_1.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background-color: #E9A842;
    color: white;
    border: 0px;
    font-size: 15px;
    line-height: 26px;
    width: 30px;
    height: 30px;
}


#gform_wrapper_1.gform_wrapper.gravity-theme .gf_step_number {
    background-color: #252D35;
    color: white;
    border: 0px;
    font-size: 15px;
    line-height: 26px;
    width: 30px;
    height: 30px;
    
}

#gform_wrapper_1.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:after {
    display: none;
}


#gform_wrapper_1.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
    display: none;
}

/* End Steps section */

/* Start Repair form text style */

#field_1_5 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: 300 !important;
    font-size: 13px !important;
    padding-bottom: 20px;
}

#field_1_14 .gfield_label.gform-field-label {
    display: none;
}

#field_1_14 .gform-field-label--type-sub {
    display: none;
}


#field_1_15 .gfield_label.gform-field-label {
    display: none;
}

#field_1_16 .gfield_label.gform-field-label {
    display: none;
}

/* End Repair form text style */

/* Start Cables form text style */

#field_2_5 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: 300 !important;
    font-size: 13px !important;
    padding-bottom: 20px;
}

/* ------ START CONTACT FORM STYLES ------ */


/* bookings contact form */
.elementor-69 .elementor-element.elementor-element-9cf07a9 .jet-form-builder__label {
    text-align: left;
    display: none;
}

/* Gform 2 contact form */

#gform_wrapper_2 {
    
}

/* Input Text size */
#gform_wrapper_2.gform_wrapper.gravity-theme input[type=text], #gform_wrapper_2.gform_wrapper.gravity-theme input, #gform_wrapper_2.gform_wrapper.gravity-theme input[type=tel], #gform_wrapper_2.gform_wrapper.gravity-theme .gfield textarea  {
    font-size: 1rem;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    color:white;
}

/* Input Color */
#gform_wrapper_2 input[type=text], #gform_wrapper_2 input[type=email], #gform_wrapper_2 input[type=tel], #gform_wrapper_2 textarea  {
    background: rgba(217, 217, 217, 0.00);
}
/* Input Placeholder Color */
#gform_wrapper_2.gform_wrapper ::placeholder,
#gform_wrapper_2.gform_wrapper ::-webkit-input-placeholder,
#gform_wrapper_2.gform_wrapper input[placeholder] {
  color: white;
}

#gform_wrapper_2 input.button {
    color: white;
    background-color: #232D36;
}
#gform_wrapper_2 input.button:hover {
    color: white;
    background-color: #0E6B7B;
}

#gform_wrapper_2.gform_wrapper .gfield_error [aria-invalid=true] {
        border: 1px solid white;
}

/* ----------------
 * START SUSBCRIBE FORM 
 * ---------------- */

#gform_wrapper_4.gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: 0px;
}
#gform_wrapper_4.gform_wrapper.gravity-theme .gfield_label {
    display: contents;
}
#gform_wrapper_4.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, #gform_wrapper_4.gform_wrapper.gravity-theme .ginput_complex label {
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
}
#gform_wrapper_4.gform_wrapper.gravity-theme .gfield-choice-input+label {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 0.8rem;
}
.woocommerce-js input.button {
    color: white;
    background-color: #004C5A;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 1rem;
}
.woocommerce-js input.button:hover {
    color: white;
    background-color: #0E6B7B;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}
.sub-image {
    width: 150px;
}
.sub-txt--h{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: bold;
    text-align: center;
}
.sub-txt--p {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-align: center;
    padding-bottom: 5%;
}
.sub-container {
    display: flex;
    justify-content: center; /* Align items horizontally at the center */
    align-items: center; /* Align items vertically at the center */
    flex-direction: column;
}
.sub-container > * {
    margin-bottom: 0px !important; /* Adjust the value as needed for the desired vertical gap */
}
.sub-btn {
    padding: 2% 3%;
    background-color: #004C5A;
    color: white;
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}
.sub-btn:hover {
    background-color: #0E6B7B;
    color: white;
}