/*#632578 - paars*/
/*#3cb9e2 - blauw*/

@font-face {
    font-family: 'Barlow Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Regular'), url('Barlow-Regular.woff') format('woff');
}

body {
    margin-top: 0;
    color: #632578;
    font-family: 'Barlow Regular';
}

header .navbar {
    height: auto;
}

header .navbar .plant-family-buttons {
    position: initial;
    margin-bottom: 25px;
}

.filter .filter-group .ui-slider .ui-slider-handle,
header .navbar .plant-family-buttons .nav .nav-item .dropdown-menu,
header .navbar .plant-family-buttons .nav .nav-item {
    border-color: #632578;
}
.overview-item .overview-item-title a,
header .navbar .plant-family-buttons .nav .nav-item.active > a {
    color: #632578;
}

.filter .filter-group .filter-option label .check {
    border-color: #632578;
    background-color: #632578;
}
.plant-specs .spec-table.spec-table-colored.spec-table-alt-color .spec-row:first-of-type .color-detail,
.plant-specs .spec-table.spec-table-colored .spec-row:first-of-type .color-detail,
.button.button-bg-pink,
.button.button-bg-white:hover,
.filter .filter-group .ui-slider .ui-slider-range {
    background-color: #632578;
}
.view-settings .view-settings-panel,
.view-settings .view-settings-panel select,
.button.button-bg-pink:hover,
.button.button-s-small {
    border-color: #632578;
}
.toggle-filter,
.toggle-filter:after,
.plant-slider-controls a,
.plant .new-label,
.overview-item .overview-item-image .new-label,
.view-settings .toggle-settings {
    border-color: #632578;
    color: #632578;
}
.plant-specs .spec-table.spec-table-colored.spec-table-alt-color .spec-row .color-detail,
.plant-specs .spec-table.spec-table-colored .spec-row .color-detail {
    background-color: rgba(99, 37, 120, .25);
}

.loader {
    border-color: rgba(99, 37, 120, .25);
    border-top-color: #632578;
}

header .navbar .plant-family-buttons .nav .nav-item.show {
    border-radius: 5px 5px 0 0;
}

.view-settings .toggle-settings,
.toggle-filter,
header .navbar .plant-family-buttons .nav .nav-item,
.button {
    border-radius: 5px;
}

header .navbar .plant-family-buttons.mobile .nav .nav-item > a.nav-link{
    padding: 15px 10px;
}