/*
Theme Name: Fixure
Theme URI: https://fixure.io/
Description: Custom child theme for Fixure.
Author: Fixure
Template: twentytwentyfive
Version: 1.0.0
Text Domain: fixure
*/

/* ==========================================
   FIXURE - GRAVITY FORMS
   OTHER / PLEASE SPECIFY FIELDS

   Checkbox fields: 160, 161, 162, 163
   Text fields:     229, 230, 231, 232
   ========================================== */

/* Text field appearance */
.gform_wrapper .other-specify-field {
    min-width: 0;
    margin: 6px 0 12px;
}

.gform_wrapper .other-specify-field input[type="text"] {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Keep labels readable */
.gform_wrapper .other-specify-field .gfield_label {
    font-size: 14px;
    margin-bottom: 6px;
}

/* Desktop: four columns */
@media (min-width: 768px) {

    /* Each checkbox occupies three of 12 columns */
    .gform_wrapper [id^="field_"][id$="_160"],
    .gform_wrapper [id^="field_"][id$="_161"],
    .gform_wrapper [id^="field_"][id$="_162"],
    .gform_wrapper [id^="field_"][id$="_163"] {
        grid-column: span 3;
    }

    /* Corresponding text fields occupy three columns */
    .gform_wrapper [id^="field_"][id$="_229"],
    .gform_wrapper [id^="field_"][id$="_230"],
    .gform_wrapper [id^="field_"][id$="_231"],
    .gform_wrapper [id^="field_"][id$="_232"] {
        grid-column: span 3;
        min-width: 0;
    }
}

/* Mobile: stack fields */
@media (max-width: 767px) {

    .gform_wrapper [id^="field_"][id$="_160"],
    .gform_wrapper [id^="field_"][id$="_161"],
    .gform_wrapper [id^="field_"][id$="_162"],
    .gform_wrapper [id^="field_"][id$="_163"],
    .gform_wrapper [id^="field_"][id$="_229"],
    .gform_wrapper [id^="field_"][id$="_230"],
    .gform_wrapper [id^="field_"][id$="_231"],
    .gform_wrapper [id^="field_"][id$="_232"] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .gform_wrapper .other-specify-field {
        margin-top: 4px;
        padding-left: 24px;
    }
}