body {
    background: #2f1935;
    color: #FFFFFF;
}
.jumbotron {
    color: #FFFFFF; background: #2f1935;
}
.jumbotron .logo a.signup {
    background: #ffc107;
}
.jumbotron .logo a.signin {
    background: #e26457;
}

.navbar-inverse {
    background-color: #cc6ce7;
    border-top-color: #727272;
    border-bottom-color: #727272;
}
.navbar-inverse .navbar-nav>li>a {
    color: #FFFFFF !important;
}
.navbar-inverse .navbar-nav>li.active>a {
    color: #FFFFFF !important;
    background-color: #F73136 !important;
    border-right: 1px solid #727272;
}
.navbar-inverse .navbar-nav>li:hover>a {
    color: #FFFFFF !important;
    background-color: #F73136 !important;
}

.panel-primary.blackbox {
    border-color: #727272;
}
.panel-primary.blackbox .panel-heading {
    background: #cc6ce7;
    border-color: #727272;
    color: #FFFFFF;
}
.panel-footer {
    background-color: #323232;  color: #b7b7b7;
}
.page-content .panel-primary.blackbox .panel-body {
    background: #323232;
    color: #FFFFFF;
}
.panel {
    background-color: #323232; color: #FFFFFF;
}
.blackbox #mHead {
    color: #FFFFFF !important;
}
.page-content .panel-primary.blackbox .panel-heading {
    background-color: #cc6ce7;
    border-color: #727272;
}
a, a:hover{
    color: #FFFFFF;
}

footer {
    background-color: #2f1935;
    border-top: 1px solid #727272;
    color: #FFFFFF;
}
footer a{
    color: #FFFFFF !important;
}
.footer-brand {
    border-bottom: 1px solid #727272;
}


.hgc-sub{
    position: absolute;
    width: auto;
    min-width: -webkit-fill-available;
    background: #F73136;
    border: 1px solid #727272;
    border-top: none; display: none;
}
.menu-1:hover .hgc-sub{ display: block; }
.hgc-sub a{ 
    display: block;
    width: max-content;
    padding: 10px 15px; 
    font-weight: bold;
    color: #FFFFFF;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  For mobile phones: */
@media only screen and (max-width:800px) {  
    .hgc-sub{ 
        display: block !important; 
        position: relative; background-color: transparent;
        border: none;
    }
    .hgc-sub a{ display: inline-block; width: 100%; }
    .hgc-sub a:hover{ 
        text-decoration: none; 
        background: #F73136;
    }
    .navbar-inverse .navbar-nav>li:hover {
        background-color: transparent !important;
        background: transparent !important;
    }
    .navbar-inverse .navbar-nav>li:hover>a {
        background-color: transparent !important;
    }
    .navbar-inverse .navbar-nav>li>a:hover {
        background-color: #F73136 !important;
    }

   #myNavbar{ overflow: scroll; }
   .navbar-inverse .navbar-nav>li>a { height: auto; }
   .nav>li { border-bottom: 1px solid #ffffff; }
   .navbar-nav { margin: 0 -15px; }
   .navbar-collapse{ border: none; }
}