<commit_before>// Styles written by __gulp_init_author_name__ @ __gulp_init_author_company__

/* ------------------------------------------------------------------------ *\
 * Ninja Forms
\* ------------------------------------------------------------------------ */

/* stylelint-disable selector-class-pattern */

// honeypot field fix

.nf-form-hp {
    & {
        left: -999em;
        position: absolute;
        top: -999em;
    }
}

// date field fix

.nf-field-container {
    .pikaday__container {
        display: block;
    }
}

// list field fix

.nf-field-container {
    .list-checkbox,
    .list-radio {
        font-size: remify(16, 16);
        list-style: none;
        margin: 0;
        padding: 0;
    }
}

// label alignment

.nf-field-container {
    // combined

    &.label-above .field-wrap,
    &.label-right .field-wrap,
    &.label-below .field-wrap,
    &.label-left .field-wrap {
        align-items: flex-start;
        display: flex;
    }

    &.label-right .field-wrap .nf-field-label,
    &.label-left .field-wrap .nf-field-label {
        flex: none;
    }

    &.label-above .field-wrap .nf-field-element,
    &.label-below .field-wrap .nf-field-element {
        width: 100%;
    }

    &.label-right .field-wrap .nf-field-element,
    &.label-left .field-wrap .nf-field-element {
        flex: 1 1 auto;
    }

    &.label-right .checkbox-wrap .nf-field-element,
    &.label-left .checkbox-wrap .nf-field-element {
        flex: none;
    }

    // above

    &.label-above .field-wrap {
        flex-direction: column;
    }

    // below

    &.label-below .field-wrap {
        flex-direction: column;
    }

    &.label-below .field-wrap .nf-field-label {
        order: 2;
    }

    &.label-below .field-wrap .nf-field-element {
        order: 1;
    }

    // right

    &.label-right .field-wrap .nf-field-label {
        order: 2;
    }

    &.label-right .field-wrap .nf-field-element {
        order: 1;
    }

    // hidden

    &.label-hidden .field-wrap .nf-field-label {
        left: -999em;
        position: absolute;
        top: -999em;
    }
}

// reCAPTCHA layering fix

.grecaptcha-badge {
    & {
        z-index: 999;
    }
}

// column edge alignment fix

.nf-row {
    & {
        margin: 0 -5px;
    }
}

/* ------------------------------------------------------------------------ *\
 * Opinionated Tweaks
\* ------------------------------------------------------------------------ */

.nf-form-cont {
    .is-offline & {
        position: relative;
    }

    .is-offline &::before {
        align-items: center;
        background: transparentize(color("background"), 0.25);
        content: "Sorry, it looks like you\'re offline. Please reconnect to the internet to use this form.";
        display: flex;
        font-family: $body-font;
        font-size: remify(20, 16);
        height: 100%;
        justify-content: center;
        left: 0;
        padding: remify($content-padding, 20);
        position: absolute;
        text-align: center;
        top: 0;<commit_msg>Fix NF row CSS<commit_after>// Styles written by __gulp_init_author_name__ @ __gulp_init_author_company__

/* ------------------------------------------------------------------------ *\
 * Ninja Forms
\* ------------------------------------------------------------------------ */

/* stylelint-disable selector-class-pattern */

// honeypot field fix

.nf-form-hp {
    & {
        left: -999em;
        position: absolute;
        top: -999em;
    }
}

// date field fix

.nf-field-container {
    .pikaday__container {
        display: block;
    }
}

// list field fix

.nf-field-container {
    .list-checkbox,
    .list-radio {
        font-size: remify(16, 16);
        list-style: none;
        margin: 0;
        padding: 0;
    }
}

// label alignment

.nf-field-container {
    // combined

    &.label-above .field-wrap,
    &.label-right .field-wrap,
    &.label-below .field-wrap,
    &.label-left .field-wrap {
        align-items: flex-start;
        display: flex;
    }

    &.label-right .field-wrap .nf-field-label,
    &.label-left .field-wrap .nf-field-label {
        flex: none;
    }

    &.label-above .field-wrap .nf-field-element,
    &.label-below .field-wrap .nf-field-element {
        width: 100%;
    }

    &.label-right .field-wrap .nf-field-element,
    &.label-left .field-wrap .nf-field-element {
        flex: 1 1 auto;
    }

    &.label-right .checkbox-wrap .nf-field-element,
    &.label-left .checkbox-wrap .nf-field-element {
        flex: none;
    }

    // above

    &.label-above .field-wrap {
        flex-direction: column;
    }

    // below

    &.label-below .field-wrap {
        flex-direction: column;
    }

    &.label-below .field-wrap .nf-field-label {
        order: 2;
    }

    &.label-below .field-wrap .nf-field-element {
        order: 1;
    }

    // right

    &.label-right .field-wrap .nf-field-label {
        order: 2;
    }

    &.label-right .field-wrap .nf-field-element {
        order: 1;
    }

    // hidden

    &.label-hidden .field-wrap .nf-field-label {
        left: -999em;
        position: absolute;
        top: -999em;
    }
}

// reCAPTCHA layering fix

.grecaptcha-badge {
    & {
        z-index: 999;
    }
}

// column edge alignment fix

.nf-row {
    .nf-has-columns & {
        margin: 0 -5px;
    }
}

/* ------------------------------------------------------------------------ *\
 * Opinionated Tweaks
\* ------------------------------------------------------------------------ */

.nf-form-cont {
    .is-offline & {
        position: relative;
    }

    .is-offline &::before {
        align-items: center;
        background: transparentize(color("background"), 0.25);
        content: "Sorry, it looks like you\'re offline. Please reconnect to the internet to use this form.";
        display: flex;
        font-family: $body-font;
        font-size: remify(20, 16);
        height: 100%;
        justify-content: center;
        left: 0;
        padding: remify($content-padding, 20);
        position: absolute;
        text-align: center;
        top: 0;
{'fraction_non_alphanumeric': 0.2272206772452151, 'fraction_numerical': 0.01504989366922951, 'mean_word_length': 1.3141559424678273, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6739491', 'n_tokens_mistral': 2057, 'n_tokens_neox': 1910, 'n_words': 399}