

:root {
    --accent-color-1: #014699;
    --accent-color-2: #CCA100;

    --button-color: #227A3C;
    --button-color-hover: #f6f7f7;

    --cta-button-color: #227A3C;
    --cta-button-color-hover: #126129;
    
    --title-color: #014699;
}

.nav-header__navigation-item:before,
.nav-header__navigation-item--active:before,
.nav-header__navigation-item:hover:before,
.nav-header__navigation-item--active:hover:before {
    border: 2px solid #014699;
}

.nav-header__navigation-item:hover,
.nav-header__dropdown:hover,
.nav-header__logged-in .settings-dropdown:hover,
.footer__hoplr a:hover,
.settings-dropdown .dropdown-button:hover,
.settings-dropdown .dropdown-menu ul > li > a:hover, 
.settings-dropdown .dropdown-menu ul > li > a:focus {
    color: #014699;
    background-color: #f6f7f7;
}

.nav-header__dropdown:hover .nav-header__navigation-item-text,
.nav-header__navigation-item:hover .nav-header__navigation-item-text,
.nav-header__navigation-item--active .nav-header__navigation-item-text {
    color: #014699;
}

.nav-header__dropdown-item {
    color: #014699;
}

@media screen and (min-width: 1024px) {
    .nav-header__navigation-item:hover::before {
        border-color: #014699;
    }
    .nav-header__dropdown-item:hover {
        background-color: #f6f7f7;
    }
}

.pp-button {
    color: #227A3C;
    border-color: #227A3C;
}

.pp-button:hover {
    background-color: #f6f7f7;
}

.pp-button--primary {
    background-color: rgba(1, 70, 153, 0.9);
    border-color: rgba(1, 70, 153, 0.9);
    color: white;
}

.pp-button--primary:hover {
    background-color: #014699;
    border-color: #014699;
}

.pp-button--cta {
    background-color: #227A3C;
    color: white;
    border-color: #227A3C;
}

.pp-button--cta:hover {
    background-color: #126129;
    border-color: #126129;
}

.bgcolor-theme-1 {
  background-color: #014699;
}
.bgcolor-theme-2 {
  background-color: #CCA100;
}

.bgcolor-theme-1--lightened-5 {
  background-color: rgba(1, 70, 153, 0.05);
}
.bgcolor-theme-2--lightened-5 {
  background-color: rgba(204, 161, 0, 0.05);
}

.bgcolor-button {
    background-color: #227A3C;
}
.bgcolor-button--hover {
    background-color: #f6f7f7;
}

.bgcolor-cta-button {
    background-color: #227A3C;
}
.bgcolor-cta-button--hover {
    background-color: #126129;
}

.color-theme-1 {
  color: #014699;
}
.color-theme-2 {
  color: #CCA100;
}
.color-title {
    color: #014699;
}
.color-cta-button {
    color: #227A3C;
}
.color-button {
    color: #227A3C;
}

.border-color-theme-1 {
  border-color: #014699;
}
.border-color-theme-2 {
  border-color: #CCA100;
}

.overview .tile--news {
    background-color: #f6f7f7;
}

.overview .idea-cta {
    background-color: #f6f7f7;
}

.perception__button {
    background-color: rgba(1, 70, 153, 0.7);
}

.perception__button:not(:last-child) {
    border-color: rgba(1, 70, 153, 0.2);
}

.perception__button--selected, .perception__button:hover {
    background-color: rgba(1, 70, 153, 1);
}

.project-timeline__circle {
    border-color: #227A3C;
    color: #227A3C;
}

.project-timeline__phase:hover .project-timeline__circle,
.project-timeline__phase--active .project-timeline__circle {
    color: white;
    background-color: #227A3C;
}

.project-timeline .phase-container .phase-info__circle {
    color: #227A3C;
    border-color: #227A3C;
}

.project-timeline .phase-container--active .phase-info__circle {
    color: white;
    background-color: #227A3C;
    border-color: #227A3C;
}

.phase-info-list {
    background-color:#f6f7f7;
}

.settings-dropdown > div:hover, .nav-header__language .settings-dropdown:hover {
    background-color: #f6f7f7;
}

.overview .tile__img-placeholder {
    background-color: #f6f7f7;
}

.overview .tile__img-placeholder i {
    color: #227A3C;
}

.overview .tile--news .tile__content-info-description p:last-child::before {
    background: linear-gradient(rgba(255,255,255,0.001) 200px, #f6f7f7);
}

.survey-questionnaire .survey-item--done .survey-item__question {
    color: #014699;
}

.input-checkbox__input:checked + .input-checkbox__click-area:hover {
    background-color: #f6f7f7;
}

.input-checkbox__input:checked + .input-checkbox__click-area {
    background-color: #f6f7f7;
}

.input-checkbox__input:checked + .input-checkbox__click-area .input-checkbox__button {
    border-color: #227A3C;
    background-color: rgba(1, 70, 153, 0.7);
}

.input-radio__input:checked + .input-radio__click-area .input-radio__button {
    border-color: #227A3C;
    background-color: rgba(1, 70, 153, 0.7);
}

.input-radio__input:checked + .input-radio__click-area:hover,
.input-radio__input:checked + .input-radio__click-area {
    border-color: #227A3C;
    background-color: #f6f7f7;
}

.q-rating-scale__options .input-radio__input:checked + .input-radio__click-area:hover {
    background-color: #227A3C;
}

.q-rating-scale__options .input-radio__input:checked + .input-radio__click-area {
    border-color: #227A3C;
    background-color: rgba(1, 70, 153, 0.7);
}

.project-navigation {
    background-color: rgba(1, 70, 153, 0.05);
    border-bottom: 2px solid #014699;
}

.about__text h1,
.about__text h2,
.about__text h3,
.about__text h4 {
    color: #014699;
}   

.about__text a:not(.pp-button) {
    color: #014699;
}

.about__text a:not(.pp-button):hover {
    color: rgba(1, 70, 153, 0.75);
}

.about .about-button {
    border-color: #014699;
}

.footer__business {
  display: none;
}
.footer__business .header__logo-icon {
  display: none;
}

.pp-button {
  border-radius: 0;
}

.contact-section.bgcolor-theme-1 { 
  background-color: #edbf07;
}

.main {
  min-height: calc(100vh - 140px);
}

.about__logo {
  display: none;
}

.project-timeline__phases {
  flex-wrap: wrap;
  justify-content: center;
}
