:root {

      /* Brand Colors */
    --brand-primary-color:        #39117b; /* Blue */
    --brand-secondary-color:      #0167ae; /* Orange */
    --brand-text-color:           #232123; /* Red */
}


.navbar-main .navbar-nav > li > a {
    line-height: 1.2;
}

.logo img {
    max-width: 300px;
}

.view-category-cms-header {
    min-height: 550px;
}

/* =========================================
   ANTENNASTORE HERO OVERRIDE
   File: css/antennastore.css
========================================= */

.view-category-cms-hero {

    min-height: 300px;
}


/* Brand-tinted overlay */

.view-category-cms-hero:before {

    background:

        linear-gradient(
            to bottom,

            color-mix(
                in srgb,
                var(--primary-color-main),
                transparent 66%
            ) 0%,

            color-mix(
                in srgb,
                var(--primary-color-main),
                transparent 82%
            ) 38%,

            color-mix(
                in srgb,
                var(--primary-color-main),
                transparent 82%
            ) 62%,

            color-mix(
                in srgb,
                var(--primary-color-main),
                transparent 66%
            ) 100%
        );
}


/* Lighter content panel */

.view-category-cms-hero .bg-opacity { color: var(--text-color-main); background-color: color-mix( in srgb, var(--black), transparent 86% ); border: 1px solid color-mix( in srgb, var(--black), transparent 82% ); }

.view-category-cms-hero .bg-opacity-fade-right {

    margin: 1em 0;
    
    color: var(--text-color-main);

    background:
        linear-gradient(
            to right,

            /* Solid light grey area (0%–75%) */
            color-mix(
                in srgb,
                var(--white),
                transparent 30%
            ) 0%,

            color-mix(
                in srgb,
                var(--white),
                transparent 30%
            ) 75%,

            /* Fade section (75%–100%) */
            color-mix(
                in srgb,
                var(--white),
                transparent 100%
            ) 100%
        );

    border: none;
}


/* Text correction */

.view-category-cms-hero h1.headline,
.view-category-cms-hero .sub-headline,
.view-category-cms-hero .sub-sub-headline {

    color: var(--text-color-main);
}