/* Wallinno client theme. Loaded after the legacy compiled page styles. */

body {
    background: #f5f7f1;
    color: #343834;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.text--heading,
h1,
h2,
h3,
h4,
h5 {
    color: #0b0d0b;
}

a,
.link-primary-light,
.text--primary {
    color: #79b84a;
}

.has-hover a:hover,
a.is-active,
a:active {
    color: #4f842d;
}

.header,
.header-mobile {
    background-color: #0b0d0b;
}

.header .dropdown__label:after,
.header .link-with-arrow:after,
.log-in__header a .dropdown__label:after,
.log-in__header a.link-with-arrow:after {
    border-top-color: #79b84a;
}

.has-hover .header a:hover,
.header .has-hover a:hover,
.header a.is-active,
.header a:active,
.has-hover .header-mobile__menu:hover,
.header-mobile__menu:active,
.header-mobile__menu.is-active,
.has-hover .log-in__header a:hover,
.log-in__header a:active {
    color: #9acc73;
}

.logo,
.logo--reverse {
    width: 126px;
    height: 38px;
    border-radius: 8px;
    background: #fff url('/assets/images/wallinno-wordmark.png') center center no-repeat;
    background-size: 108px auto;
}

.navigation-messages__count,
.background-deep-blue {
    background-color: #79b84a;
}

.btn--primary,
.has-hover .btn--primary:hover,
.btn--primary:active,
.btn--primary:focus,
input[type='submit'].btn--primary {
    border-color: #79b84a;
    background-color: #79b84a;
    color: #0b0d0b;
}

.btn--secondary,
.has-hover .btn--secondary:hover,
.btn--secondary:active,
.btn--secondary:focus {
    border-color: #0b0d0b;
    background-color: #0b0d0b;
}

.btn--hollow,
.has-hover .btn--hollow:hover,
.btn--hollow:active,
.btn--hollow:focus {
    border-color: #79b84a;
    color: #4f842d;
}

.form-control:focus,
.form-select__input:focus,
.log-in__form form .form-control:not(.form-control--small):focus {
    border-color: #79b84a;
}

.wrap,
.dropdown__list {
    border-radius: 8px;
}

.dropdown__list a.is-active,
.footer a:hover,
.aside-navigation a:hover,
.text ol li:before,
.text--green {
    color: #4f842d;
}

.text ul li:before {
    background: #79b84a;
}

.footer .dropdown__label:hover:after,
.footer .link-with-arrow:hover:after {
    border-top-color: #79b84a;
}

@media screen and (max-width: 979px) {
    .dropdown--navigation.is-open .dropdown__label,
    .dropdown--navigation .dropdown__list a.is-active,
    .dropdown--navigation .dropdown__list a:active,
    .has-hover .dropdown--navigation .dropdown__list a:hover {
        color: #9acc73;
    }
}

@media print {
    body,
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        color: #0b0d0b !important;
    }
}