/*
Theme Name: Stereo Remote Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of CommunityAssist Theme
Author: Mark Cormack
Author URI: https://markcormack.co.uk
Version: 1.0.0
Template: communityAssistTheme
*/
@import url("../bridge/style.css");

:root{
    --colorDarkBlack: #000;
    --colorLightBlack: #222;
    --colorAltDark: #081431;
    --colorWhite: #fff;
    --colorSecondaryWhite: #ddd;
    --colorLightGrey: #f9f9f9;
    --colorMidGrey: #ccc;
    --colorMidBlack: #666;
    --colorSecondaryBlack: #444;
    --colorBlack: rgb(9, 3, 14);
    --colorGreen: #00B2CA;
    --colorLightGreen: #F7FDFD; 
    --colorBlue: #084887;
    --colorRed: #9E2E48;
    --colorBlueDark: #081635;
    --bgColorPrimary: var(--colorDarkBlack);
    --bgColorSecondary: var(--colorLightBlack);
    --bgColorWhite: var(--colorWhite);
    --typeHeaderColorDark: var(--colorDarkBlack);
    --typeHeaderColorLight: var(--colorWhite);
    --typeBodyColor: var(--colorBlack);
    --typeBodyLinkColor: var(--colorBlueDark);

    --standardBorderRadius: 13px;
    --footerHeight: 54px;
}

@media (prefers-color-scheme: dark) {
    :root{
        --typeHeaderColorDark: var(--colorWhite);
        --typeHeaderColorLight: var(--colorWhite);
        --typeBodyColor: var(--colorWhite);
        --typeBodyLinkColor: var(--colorRed);

        --bgColorPrimary: var(--colorDarkBlack);
        --bgColorSecondary: var(--colorLightBlack);
        --bgColorWhite: var(--colorBlack);
    }

    body{
        background: var(--colorBlack);
    }
}

@media (prefers-color-scheme: light) {
    :root{
        --typeHeaderColorDark: var(--colorBlue);
        --typeHeaderColorLight: var(--colorWhite);
        --typeBodyColor: var(--colorWhite);
        --typeBodyLinkColor: var(--colorBlueDark);

        --bgColorPrimary: var(--colorDarkBlack);
        --bgColorSecondary: var(--colorLightGreen);
        --bgColorWhite: var(--colorWhite);
    }
    body{
        background: var(--colorBlack);
    }
}


.header nav ul li a {
    color: var(--colorWhite);
}

section.hero .image:after{
    background: var(--colorDarkBlack);
}

footer.footer {
    background: var(--colorDarkBlack);
}

section.text-image-50-splt{
    background: var(--colorDarkBlack);
}

section.accordion-block {
    background: var(--colorLightBlack);
}

section.text-image-50-splt .content h2, 
section.text-image-50-splt .content p,
section.accordion-block h2,
section.accordion-block h3{
    color: var(--colorWhite);
}

section.text-image-50-splt.altDarkBackground{
    background: var(--colorBlue)
}