:root {
    --menutoggle-color: #000000;
    --menu-background-color: #5a5858;
    --menu-pagebutton-background-color: #ffffff;
    --menu-pagebutton-font-color: #000000;
    --menu-pagebutton-active-background-color: #589b55;
    --menu-pagebutton-active-font-color: #ffffff;
    --bookbutton-background-color: #589b55;
    --bookbutton-fontcolor: #ffffff;
    --result-facilityname-fontcolor: #000000;
    --result-facilityname-fontsize: 24px;
    --moreinfobutton-background-color: rgba(255,255,255,0.7);
    --moreinfobutton-fontcolor: #212529;
    --price-fontcolor: #ffffff;
    --price-fontsize: 24px;
    --originalprice-fontcolor: #808080;
    --originalprice-fontsize: 24px;
    --discount-fontcolor: #5a5453;
    --discount-fontsize: 16px;
    --result-period-fontcolor: #000000;
    --result-period-fontsize: 16px;
    --result-description-fontcolor: #000000;
    --result-description-fontsize: 16px;
    --activityfilter-items-border-color: #94c3cc;
    --activityfilter-itemgroups-gap: 0px;
    --totalcosts-fontcolor: #0199B0;
    --general-fontcolor: #343a40;
}

* {
    font-family: 'Open Sans', sans-serif!important;
}

body {
    background-color: #ffffff;
    font-size: 16px;
    color: #343a40;
}

/* Menu */
body.menu-on-top .menu,
body.menu-on-left .menu {
    background-color: #5a5858;
}

.filter-control-placeholder .filter-control-toggle {
    color: var(--general-fontcolor);
}

.filter.maps-toggle a {
    background-color: #4db8c8;
    color: #ffffff;
}

.pagination-row .page-button {
    background-color: #ffffff;
    color: #000000;
}

.pagination-row .page-button.active {
    background-color: #589b55;
    color: #ffffff;
}

.pagination-footer-row {
    background-color: #5a5858;
}

/* Result items */
.accommodation-result-list .accommodation-result {
    background-color: #ffffff;
}

.accommodation-result .accommodation-name h4,
.general-information-container .accommodation-name h4 {
    color: #000000;
    font-size: 24px;
}

.accommodation-result .accommodation-image .accommodation-more-information-inline {
    background-color: rgba(255,255,255,0.7);
}

.show-information,
.show-external-information,
.accommodation-result .accommodation-image .accommodation-more-information-inline a {
    color: #212529;
}

.accommodation-result .accommodation-more-information a svg path {
    fill: #212529;
}

.accommodation-result .period,
.general-information-container .accommodation-period {
    color: #000000;
    font-size: 16px;
}

.accommodation-price,
.accommodation-result .accommodation-price {
    color: #ffffff;
    font-size: 24px;
}

.accommodation-result .accommodation-price .original-price {
    color: #808080;
    font-size: 24px;
}

.accommodation-result .accommodation-price .discount-name,
.discount-name {
    color: #5a5453;
    font-size: 16px;
}

.accommodation-result .accommodation-description {
    color: #000000;
    font-size: 16px;
}

.accommodation-result .accommodation-button button {
    background-color: #589b55;
    color: #ffffff;
}

/* More information page */
.backtoresultsbutton-container a {
    color: #0199b0;
}

.book-now-button {
    background-color: #589b55;
    color: #ffffff;
}

.item-button button {
    background-color: #589b55;
    color: #ffffff;
}

.accommodation-tabs-container > ul.nav.nav-tabs > .nav-item > .nav-link {
    background-color: #d0d0d0;
    color: #ffffff;
}

.accommodation-tabs-container > ul.nav.nav-tabs > .nav-item > .nav-link.active {
    background-color: #ffffff;
    color: #0199b0;
}

/* BookNow page */
.book-now-buttons .back-button,
.book-now-buttons .next-button,
.book-now-buttons .save-button {
    background-color: #589b55;
    color: #ffffff;
}

.book-now-header {
    background-color: #5a5858;
    color: #ffffff;
}

.book-now-form {
    background-color: #f5f5f5;
    color: #212529;
}

.book-now-overview {
    background-color: #ffffff;
    color: #212529;
}