/* ==========================================================================
   Startworks custom overrides
   Loaded after responsive.css so these rules win.
   ========================================================================== */

/* === Honeypot ============================================================
   Pushed off-screen rather than display:none, because a good number of bots
   skip fields that are explicitly hidden. Humans never see or tab into it.
   ========================================================================== */
.sw-hp {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* === CTA message field =================================================== */
.bringer-masked-cta .bringer-cta-form-content {
    flex: 1 1 auto;
    min-width: 0;
}
.bringer-masked-cta .bringer-cta-form-button {
    flex: 0 0 auto;
}
.bringer-masked-cta textarea {
    background: var(--bringer-s-border);
    color: var(--bringer-s-heading);
    font-family: var(--bringer-t-content-ff);
    font-weight: var(--bringer-t-content-fw);
    font-size: var(--bringer-t-content-fs);
    line-height: var(--bringer-t-input-lh);
    letter-spacing: var(--bringer-t-content-ls);
    border-radius: var(--bringer-default-br);
    border-color: transparent;
    padding: var(--stg-gap);
    height: 132px;
    resize: vertical;
}
.bringer-masked-cta textarea:focus {
    border-color: var(--bringer-s-heading);
    color: var(--bringer-s-heading);
}
.bringer-masked-cta textarea::-webkit-input-placeholder {
    opacity: 1;
    color: var(--bringer-s-heading);
}
.bringer-masked-cta textarea::-moz-placeholder {
    opacity: 1;
    color: var(--bringer-s-heading);
}
.bringer-masked-cta textarea::-ms-input-placeholder {
    opacity: 1;
    color: var(--bringer-s-heading);
}

/* Tablet: the CTA title and inputs step down a size here. */
@media only screen and (max-width: 960px) {
    .bringer-masked-cta textarea {
        height: 116px;
    }
}

/* Mobile: .bringer-cta-form switches to a stacked column. */
@media only screen and (max-width: 739px) {
    .bringer-masked-cta textarea {
        height: 104px;
        padding: calc(0.75 * var(--stg-gap));
    }
}