
html, body {
    background: white;
}

body {
    color: #222;
}

a {
    color: #232356;
}

a:hover, a:focus {
    color: #424275
}

.top-bar.expanded .toggle-topbar a {
    color: #232356
}

.top-bar.expanded .toggle-topbar a span {
    -webkit-box-shadow: 0 10px 0 1px #232356, 0 16px 0 1px #232356, 0 22px 0 1px #232356;
    box-shadow: 0 10px 0 1px #232356, 0 16px 0 1px #232356, 0 22px 0 1px #232356
}

.top-bar-section ul li > a.button {
    background: #232356;
}

.top-bar-section ul li > a.button:hover {
    background: #0e0e41
}

.top-bar-section ul li:hover > a {
    background: #b0b0e3;
    color: #232356
}

.top-bar-section ul li.active > a {
    background: #e7e4fa;
}

@media only screen and (min-width: 48em) {

    .top-bar-section li.hover > a:not(.button) {
        background: #b0b0e3;
        color: #232356
    }

    .top-bar-section li a:not(.button):hover {
        background: #b0b0e3
    }

    .top-bar-section .dropdown li a {
        color: #232356;
    }

    .no-js .top-bar-section ul li:hover > a {
        background: #b0b0e3;
        color: #232356
    }

    .no-js .top-bar-section ul li:active > a {
        background: #e7e4fa;
    }
}

.top-navigation ul.navigation.horizontal li.active a {
    background: #e7e4fa
}

.top-navigation ul.navigation.horizontal li a:hover {
    color: #232356;
    background: #b0b0e3
}

.main-navigation-section h2.show-for-small {
    background: #48487b;
    background: -moz-linear-gradient(top, #48487b 0, #353568 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #48487b), color-stop(100%, #353568));
    background: -webkit-linear-gradient(top, #48487b 0, #353568 100%);
    background: -o-linear-gradient(top, #48487b 0, #353568 100%);
    background: -ms-linear-gradient(top, #48487b 0, #353568 100%);
    background: linear-gradient(to bottom, #48487b 0, #353568 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48487b', endColorstr='#353568', GradientType=0)
}

.main-navigation-section h2.show-for-small a {
    color: #dcdcff;
}

.header-title{
    background: #57578a;
}
.main-header .header-title h2 a {
    color: #232356;
    text-shadow: 1px 2px 10px #8686b9;
}

.top-bar.expanded ul.left li {
    border-bottom: 1px solid #3f3f3f
}

.top-bar .name h2 a {
    color: #dcdcff
}

.top-bar .top-bar-section ul.left {
    background: transparent;
    -webkit-box-shadow: 0 13px 13px -13px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 13px 13px -13px rgba(0, 0, 0, 0.8);
    box-shadow: 0 13px 13px -13px rgba(0, 0, 0, 0.8)
}

.top-bar .top-bar-section ul.left li a:hover {
    background: #b0b0e3
}

.top-bar .top-bar-section ul.left li:hover > a {
    background: #b0b0e3
}

.top-bar .top-bar-section ul.left .dropdown li.title h5 a {
    text-transform: uppercase;
    font-size: .8em
}

.top-bar .top-bar-section ul.left .dropdown li a {
    color: #232356;
}

.top-bar .top-bar-section ul.left .dropdown li a:hover {
    background: #636396;
}

.top-bar .top-bar-section ul.left .dropdown li a.parent-link {
    background: #b5b5e8
}

.top-bar.expanded .top-bar-section ul.left li a {
    background: #ddd;
    color: #232356
}

.top-bar.expanded .top-bar-section ul.left li a:hover {
    background: #636396;
    color: #ccc
}

@media only screen and (min-width: 768px) {
    .top-bar .top-bar-section ul.left .dropdown {
        border-right: 1px solid #636396;
        border-bottom: 1px solid #636396;
        border-left: 1px solid #636396
    }
}

.slide-caption {
    color: #fff;
    background-image: url("../img/60-percent-opacity.png");
}

.main-footer a {
    color: #232356
}

.main-footer a:hover {
    color: #424275
}
li.social.yelplink i,
.main-footer a i.fa-svg:before {
    background-color: #232356
}
li.social.yelplink i:hover,
.main-footer a:hover i.fa-svg:before {
    background-color: #424275
}

