/**
 * Specific Sure Drive Styles
 */

:root {

    /* -------- Brand Font Styles -------- */
    /* @see orbit-media/includes/oms-enqueues.php for Adobe Fonts / Typekit script for this font. */
    --o-heading-font-family: proxima-nova-condensed, sans-serif;
    --o-heading-text-transform: uppercase;
    --o-heading-alt-color-light: #fff; /* on light bg */
    --o-heading-alt-color-dark: #000; /* on dark bg */

    /* Overwrite header size */
    @media all and (min-width: 1300px) {
        --o-h1-font-size: 4.375rem;
        --o-h1-line-height: 1.143;
    }

    /* -------- Brand Colors -------- */
    --brand-primary: #000;
    --brand-accent: #fff;
    --overlay-color: #000;
    --overlay-opacity: 0.55;

    /* for use in svg filters. @see https://angel-rs.github.io/css-color-filter-generator/ */
    --brand-accent-filter: brightness(0) invert(1);

    /* Mega Menu Links */
    /*--mega-menu-link-color:         var(--brand-primary);*/
    /*--mega-menu-active-color:       var(--brand-accent);*/
    /*--mm-callout-bg--dark:          var(--brand-primary);*/
    /*--mm-callout-bg--accent:        transparent;*/
    --mm-callout-border--accent:      var(--brand-primary);

    /* -------- Semantic tokens: per-mode variants -------- */
    /* Same button rules as core.css.
    Overwrite semantic tokens here from core if you wish to overwrite the rules. */
    --o-accent-color: light-dark( var(--o-primary-color), var(--brand-accent) );
}

/* -------- SCSS Overwrite for this brand only -------- */

body.brand-suredrive {

    /* Heading alternative text style, using outlines instead of color */
    h1, .h1, h2, .h2, h3, .h3 {
        strong {
            -webkit-text-stroke-width: 1.5px;
            -webkit-text-stroke-color: light-dark(var(--o-primary-color), #fff);
        }
    }

    /* Form accent */
    .form:after {
        border: 1px solid light-dark( var(--brand-accent), var(--o-primary-color) );
        background: transparent;
    }

    /* Testimonial quote icon bar */
    .testimonial.scheme-dark .testimonial__icon-bar:before {
        filter: invert(1);
    }

    /* Counter */
    .counter__suffix, .counter__prefix {

    }
}