/**
 * OTI Subsite Theme CSS
 *
 * - Purpose: provide a small, focused set of CSS variables and a few minimal overrides
     that let a subsite change the colour theme without touching layout, transitions,
     spacing or behaviour from the main site.
 *
 */

:root {
/**
    primary1: #ffb549;
    primary2: #ba8436;
    pirmary2-accent: #ffdaa2;
    primary3: #c79242;
    primary4: #d3963c;

    accent: #c3d7ee;

.linkblock-imgwrap::before {
    background: #051d43;
}
*/
    --color-primary: #ff8549;
    --color-primary-dark1: #ba8436;
    --color-primary-dark2: #c79242;
    --color-primary-dark3: #d3963c;
    --color-primary-light: #ffdaa2;
    --color-secondary: #19233e;
    --color-accent: #97b8dd;
}

.usercontent blockquote, .mce-content-body blockquote {
    color: var(--color-primary-dark2);
}

.usercontent blockquote::before, .mce-content-body blockquote::before {
    background-color: var(--color-primary);
}


.h1, .usercontent h1, .mce-content-body h1, .tabblocks-title, .casestudyslider-title, .imageblock-title, .videoblock-title, .imagegallery-title, .imagetextblock-title, .linkblocks-title, .resourcesblock-title, .projectshowcase-title, .faqmodule-title,
.projectshowcase-subtitle,
.gridlinksblock-block.__imagelinks .gridlinksblock-title {
    color: var(--color-primary-dark2);
}

.teamlink-title::before,
.linkblock-date::before {
    background: var(--color-accent);
}

.teamlink-title {
    color: var(--color-secondary);
}

.teamlink-subtitle {
    color: var(--color-primary);
}


.whitebanner-title {
    color: var(--color-primary-dark1);
}

.whitebanner-title::after {
    background: var(--color-primary-dark1);
}


.linkblock-imgwrap::before {
    background: var(--color-accent);
}