/* =Child-Theme responsive styles starts here
-------------------------------------------------------------- */

/* =Header call-to-action button
------------------------------------------------------------
   trx_sc_button exposes no size control, so the header CTA
   inherits the theme's button padding and wraps to two lines
   under the burger on phones. This lives in responsive.css,
   not style.css, because the theme's own __responsive.css is
   enqueued after the child style.css and would otherwise win.
------------------------------------------------------------ */
@media (max-width: 767px) {
    .header_cta .sc_button.sc_button {
        padding: 11px 18px;
        font-size: 13px;
    }
    /* The label sits in nested spans that re-enable wrapping. */
    .header_cta .sc_button,
    .header_cta .sc_button_text,
    .header_cta .sc_button_title {
        white-space: nowrap;
    }
}