﻿body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #666666;
    background-color: #ffffff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #eb6864;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #eb6864;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #eb6864;
}

.navbar-default {
    background-color: #ffffff;
    border-color: #eeeeee;
}

    .navbar-default .navbar-text {
        color: #000000;
    }

    .navbar-default .navbar-nav > li > a {
        color: #000000;
        font-size: 20px;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #000000;
            background-color: #eeeeee;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #000000;
        background-color: #eeeeee;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #eeeeee;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #eeeeee;
        color: #000000;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000000;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #000000;
            background-color: #eeeeee;
        }
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #eb6864;
    border-color: #eb6864;
}

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #ffffff;
    }

/* Bootstrap v4 Styles */
#header-container { background-color: #FFF; }
#body-container { background-color: #FFF; }
#footer-container { background-color: #FFF; }

.main-navigation {
    background-color: #FFF;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
}

    .main-navigation .navbar-toggler {
        border-color: #DDD;
        color: #666;
    }

/*.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}*/

.navbar-nav .nav-link {
    color: #666;
}

.navbar-nav .active > .nav-link {
    background-color: #FFF;
    color: #666;
}

.navbar-nav .nav-item:not(:last-child) {
    border-right-color: #DDD;
    border-right-style: solid;
    border-right-width: 0;
}