/* ========================================================================================== */
/* Icons */
/* ========================================================================================== */

.BusinessProfile_icon, .Listing_icon  {
    color: #000000; /* color-brand */
}

/* ========================================================================================== */
/* Widget */
/* ========================================================================================== */

.Widget .Schedule, .Widget .Shop {
    background-color: #F5F5F5; /* color-widget-background */
}

.Widget .SchedulePublicFilters {
    background-color: #F5F5F5; /* color-widget-background */
}

.Widget .SchedulePublic_header, .Widget .SchedulePrivate_step {
    color: #404040; /* color-widget-header */
}

.Widget .ScheduleListGroup_header {
    color: #404040; /* color-widget-date-header */
    background-color: #F5F5F5; /* color-widget-date-header-background */
}

/* Mobile & tablet */

@media (max-width: 1087px) {
    .Widget .SchedulePublic_header {
        background-color: #F5F5F5; /* color-widget-background */
    }
}
/* ========================================================================================== */
/* Navigation */
/* ========================================================================================== */

/* Mobile & tablet */

@media (max-width: 1087px) {
    .MobileHeader {
        background-color: #000000; /* color-brand */
    }

    .MobileHeader.is-bold, .Dashboard .hero.is-primary.is-bold {
        /*background: -webkit-linear-gradient(to right, darken(saturate(adjust-hue($primary, -10deg), 10%), 10%), $primary);
        background: linear-gradient(to right, darken(saturate(adjust-hue($primary, -10deg), 10%), 10%), $primary);*/

        background: -webkit-linear-gradient(to right, #000000, #000000);
        background: linear-gradient(to right, #000000, #000000);
    }

    .MobileHeader .badge {
        box-shadow: 0 0 0 0.1rem #000000;
    }

    .SubNavigation {
        background-color: #000000; /* color-brand */
    }

    .Navigation_mobile a.navbar-item.is-active, .Navigation_mobile .navbar-link.is-active {
        color: #000000; /* color-brand */
    }

    .tabs.is-primary-mobile ul, .tabs.is-primary-mobile li a {
        border-bottom-color: #000000; /* color-brand */
    }

    .SimpleHeader.is-primary {
        background-color: #000000; /* color-brand */
    }
}

/* Desktop */

@media (min-width: 1088px) {
    /*.navbar.is-primary {
        background: linear-gradient(#000000, #000000);
    }*/

    .navbar-item.is-link {
        background-color: #8af59b; /* color-primary */
    }

    .navbar.is-primary, .Dashboard .hero.is-primary.is-bold {
        background-color: #000000; /* color-brand */
    }

    .navbar.is-primary a.navbar-item:hover, .navbar.is-primary a.navbar-item:active, .navbar.is-primary a.navbar-item:focus, .navbar.is-primary a.navbar-item.is-active, .navbar.is-primary .navbar-link:hover, .navbar.is-primary .navbar-link:active, .navbar.is-primary .navbar-link:focus, .navbar.is-primary .navbar-link.is-active, .navbar.is-primary .dropdown.is-active, .DashboardStatsBox {
        background-color: #000000; /* color-brand-dark */
    }

    .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active {
        background-color: #000000; /* color-brand-dark */
    }

    .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active {
        background-color: #000000; /* color-brand-dark */
    }

    .navbar.is-primary a.navbar-item.is-link:hover, .navbar.is-primary a.navbar-item.is-link:active, .navbar.is-primary a.navbar-item.is-link:focus, .navbar.is-primary a.navbar-item.is-link.is-active {
        background-color: #5bf173; /* darken($color-primary, 10%); */
    }

    .navbar.is-primary .navbar-end > a.navbar-item.is-link:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-link:focus, .navbar.is-primary .navbar-end > a.navbar-item.is-link:active, .navbar.is-primary .navbar-end > a.navbar-item.is-link.is-active {
        background-color: #5bf173; /* darken($color-primary, 10%); */
    }

    .navbar.is-primary .badge {
        box-shadow: 0 0 0 0.1rem #000000;
    }

    .navbar.is-primary .navbar-brand > a.navbar-item:hover .badge, .navbar.is-primary .navbar-brand > a.navbar-item.is-active .badge, .navbar.is-primary .navbar-brand .navbar-link:hover .badge, .navbar.is-primary .navbar-brand .navbar-link.is-active .badge {
        box-shadow: 0 0 0 0.1rem #000000;
    }

    .navbar.is-primary .navbar-start > a.navbar-item:hover .badge, .navbar.is-primary .navbar-start > a.navbar-item.is-active .badge, .navbar.is-primary .navbar-start .navbar-link:hover .badge, .navbar.is-primary .navbar-start .navbar-link.is-active .badge, .navbar.is-primary .navbar-end > a.navbar-item:hover .badge, .navbar.is-primary .navbar-end > a.navbar-item.is-active .badge, .navbar.is-primary .navbar-end .navbar-link:hover .badge, .navbar.is-primary .navbar-end .navbar-link.is-active .badge {
        box-shadow: 0 0 0 0.1rem #000000;
    }

    .navbar a.dropdown-item.is-active, .navbar .dropdown .dropdown-menu .has-link a.is-active, .dropdown .dropdown-menu .has-link .navbar a.is-active, .navbar .dropdown .dropdown-menu .has-link a.is-active, .navbar button.dropdown-item.is-active {
        color: #000000; /* color-brand */
    }

    .submenu:not(.has-tabs) a:not(.button):hover {
        color: #8af59b; /* color-primary */
    }

}

/* ========================================================================================== */
/* Footer */
/* ========================================================================================== */

/*.footer {
    background-color: #364459; !* color-secondary *!
}

.footer__nav__social a:hover, .footer__nav__social a:focus {
    color: #364459; !* color-secondary *!
}*/

/* ========================================================================================== */
/* Links & buttons */
/* ========================================================================================== */

.a {
    color: #8af59b; /* color-primary */
}

a {
    color: #8af59b; /* color-primary */
}

a:hover {
    color: #b9f9c3; /* lighten($color-primary, 10%) */
}

a:focus, a.is-active {
    color: #8af59b; /* color-primary */
}

.button.is-link {
    background-color: #8af59b; /* color-primary */
}

.button.is-link:hover, .button.is-link:focus, .button.is-link:active, .button.is-link.active {
    background-color: #5bf173; /* darken($color-primary, 10%); */
}

.button.is-link[disabled], fieldset[disabled] .button.is-link {
    background-color: #8af59b; /* color-primary */
    border-color: #8af59b; /* color-primary */
}

.notification a:not(.button) {
    color: #8af59b; /* color-primary */
}

a.dropdown-item.is-active, .dropdown .dropdown-menu .has-link a.is-active, button.dropdown-item.is-active {
    color: #8af59b; /* color-primary */
}

.modal-options_menu_item_icon {
    color: #8af59b; /* color-primary */
}

.has-text-link {
    color: #8af59b !important; /* color-primary */
}

/* ========================================================================================== */
/* Forms */
/* ========================================================================================== */

.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #8af59b; /* color-primary */
}

.SessionDetails_productList_select::after {
    border-color: #8af59b; /* color-primary */
}

.datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selected {
    background-color: #8af59b; /* color-primary */
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected .events .event.is-primary {
    background-color: #8af59b; /* color-primary */
}

.heading-box_icon {
    color: #8af59b; /* color-primary */
}

/* ========================================================================================== */
/* Icons */
/* ========================================================================================== */

i.is-link {
    color: #8af59b; /* color-primary */
}

/* ========================================================================================== */
/* Login background */
/* ========================================================================================== */

.App.ROUTE_home, .App.ROUTE_passwordForgot, .App.ROUTE_passwordReset {
    background-image: url(https://trainin.ams3.digitaloceanspaces.com/b/A9XWX/b8zryka99z9nel64_mobile.png);
}

@media (min-width: 480px) {
    .App.ROUTE_home, .App.ROUTE_passwordForgot, .App.ROUTE_passwordReset {
        background-image: url(https://trainin.ams3.digitaloceanspaces.com/b/A9XWX/b8zryka99z9nel64.png);
    }
}

@media (min-width: 768px) {
    .App.ROUTE_signup {
        background-image: url(https://trainin.ams3.digitaloceanspaces.com/b/A9XWX/b8zryka99z9nel64.png);
    }
}

/* ========================================================================================== */
/* Spot booking */
/* ========================================================================================== */

.BookingSpotsMap .map .selected ellipse, .BookingSpotsMap .map .spot:hover ellipse, .BookingSpotsMap .map .selected rect, .BookingSpotsMap .map .spot:hover rect {
    fill: #8af59b !important; /* color-primary */
    stroke: #8af59b !important; /* color-primary */
}