:root {
    --ctstork-purple: #793AA3;
    --ctstork-dark-purple: #6E2B9A;
    --ctstork-darkest-purple: #4A166D;
    --ctstork-yellow: #FFCA55;
    --ctstork-green: #4DBAA5;
    --ctstork-red: #E24444;
    --ctstork-grey: #4D4751;
    --ctstork-yellow-light: #ffda88;

    --font-medium: 'filson-medium', sans-serif;
    --font-regular: 'filson-regular', sans-serif;

    --primary-color: var(--ctstork-purple);
    --primary-color-hover: #6d3493;
    --primary-color-light: var(--ctstork-purple);
    --primary-color-dark: var(--ctstork-dark-purple);
    --secondary-color: var(--ctstork-yellow);
    --secondary-color-hover: var(--ctstork-yellow-light);
    --light-color: rgba(121, 58, 163, .1);
    --secondary-header-color: var(--ctstork-yellow);
    --secondary-header-color2: var(--ctstork-green);
}

.page-selector .select-input select {
    background-color: var(--light-color);
}

body.contact {
    background-color: var(--ctstork-green);
}

.contactGrid form button[type=submit] {
    background-color: var(--ctstork-purple);
}

.contactGrid form button[type=submit]:hover {
    background: var(--primary-color-hover);
}

.agendaOverview .secondary-header,
.agendaItem .secondary-header {
    background-color: var(--ctstork-purple);
}

.agendaOverview .appBar:not(.active) .hamburger {
    border: 2px solid rgba(255, 255, 255, .25);
    background: none;
}

.agendaOverview .appBar.fixed .hamburger {
    background: var(--primary-color-light);
    border: none;
}

.agendaOverview .secondary-header .secondary-header__heading,
.agendaItem .secondary-header .secondary-header__heading,
.newsOverview .secondary-header__heading,
.newsItem .secondary-header__heading {
    color: var(--white-color);
}

.agendaOverview .part-of-text,
.agendaItem .part-of-text,
.contact .part-of-text,
.newsItem .part-of-text,
.newsOverview .part-of-text {
    color: rgba(255, 255, 255, 0.6);
}

/* Primary header overwrites */
.primary-header .primary-header__cta {
    background: var(--ctstork-green);
}

.primary-header .scroll-down {
    background: var(--ctstork-darkest-purple);
}

.primary-header .scroll-down svg {
    fill: #fff;
}

.primary-header .featured-post__button {
    background: var(--ctstork-yellow);
}

.primary-header .featured-post:after {
    background: var(--ctstork-purple);
}

.nav__actions .nav__action.nav__action--search svg {
    fill: var(--ctstork-purple);
}

/* Primary header overwrites end */

/* Cta banner */
.cta-banner {
    background-color: var(--ctstork-green);
}

.cta-banner__button {
    background-color: var(--ctstork-yellow);
}

.cta-banner__button:hover {
    background-color: var(--secondary-color-hover);
}

/* End cta banner */

/* General overwrites */
.news-card__date {
    color: var(--ctstork-green);
}

.page-nav svg {
    fill: var(--ctstork-green);
}

/* End general overwrites */

/* Global overwrites */
.button--primary {
    color: var(--ctstork-purple);
}

.page .appBar:not(.fixed) .button--primary {
    border: 2px solid var(--ctstork-purple);
}

.button--arrow-right svg {
    fill: var(--ctstork-purple);
}

.button--arrow svg {
    fill: var(--ctstork-green);
}

/* Global overwrites end */

/* Footer overwrites */
.social-bar {
    background-color: var(--ctstork-purple);
}

.footer {
    background-color: var(--ctstork-dark-purple);
}

/* End footer overwrites */
@media (min-width: 768px) {

    .page .appBar:not(.fixed) .button,
    .page button {
        padding: 13px 30px;
    }

    .page .button,
    .page button {
        padding: 15 30px;
    }

    .header__content {
        background: var(--ctstork-green);
    }
}

@media (min-width: 1025px) {

    .agendaOverview .nav li a,
    .agendaItem .nav li,
    .newsOverview .nav li a,
    .newsItem .nav li a {
        color: var(--white-color);
    }

    .agendaOverview .nav li a:after,
    .agendaItem .nav li a:after,
    .newsOverview .nav li a:after,
    .newsItem .nav li a:after {
        background: var(--white-color);
    }

    .page .nav li a {
        color: var(--ctstork-purple);
    }

    .page .appBar:not(.fixed) .nav li a:after {
        background: var(--ctstork-purple);
    }
}