@charset "UTF-8";
/* CSS Document */

/*
Dark purple #32061d
Light purple #850649
Dark gradient #2d0319
*/

/* Custom css below this line */

body {
    background-color: #32061d;
    color: #ffffff;
}

/* Customize the scrollbars */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.5);
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-button {
    background: rgba(0,0,0,0.8);
    display: none;
}
::-webkit-scrollbar-track {
  background: #e5e5e5;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 20px;
  border: 0 solid #111111;
}

/* Links */
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: inherit;
}
/* Use to hide recaptcha mark
.grecaptcha-badge {
    visibility: hidden;
}
*/

/* Nav-bar */
.navbar-brand img {
    max-height: 50px;
}
.nav-link {
    color: inherit;
}
.sidebar-col {
    min-width: 320px;
    max-width: 100%;
}
.nav-link:hover {
    color: #929292;
}

/* Titles & Fonts */
body {
    font-family: 'Titillium Web', sans-serif;
}
.font-one {
    font-weight: 900;
}
.font-two {
    font-weight: 700;
}

/* Forms */
.message-box {
    height: 150px !important;
}

/* one */
.bg-one {
    background-color: #111111;
    color: #ffffff;
}
.btn-one {
    background-color: #111111;
    color: #ffffff;
}
.btn-one:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* two */
.bg-two {
    background-color: #222222;
    color: #ffffff;
}
.btn-two {
    background-color: #222222;
    color: #ffffff;
}
.btn-two:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* Images */
.overlay {
    background-color: rgba(0,0,0,0.4);
    border-width: 0;
    margin: 0;
    width: 100%;
}
.logo-space {
    margin-top: -20%;
    margin-bottom: -10%;
}

/* Styling for special screen sizes */

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .box-stack {
        border-right: #111111 1px solid;
    }
    .section-hero {
        padding-top: 200px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

.bg-onegc {
    background-color: #32061d;
    background: url('../images/pattern-onegc.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
}
.card-onegc {
    background: linear-gradient(#850649, #2d0319);
    color: #ffffff;
}
.border-onegc {
    border: 5px solid #5c0a2e;
}
.btn-onegc {
    background-color: #850649;
    border: 0;
    color: #ffffff;
}
.btn-onegc:hover {
    background-color: #2d0319;
    border: 0;
    color: #ffffff;
}
.btn-event-date {
    border: 2px solid #850649;
    border-radius: 15px;
    padding: 2px 10px;
}
.event-title {
    font-weight: 500;
}
.club-menu {
    z-index: 1035;
}
.bg-status {
    background-color: #5c0a2e;
}
.bg-view {
    background-color: #850649;
}
.btn-view, .btn-view:hover {
    background-color: #32061d;
    border: 0;
    color: #850649;
}
.profile-pink {
    border-top: 2px solid #5c0a2e;
}
.color-pink {
    color: #ff44a4 !important;
}
.label-profile span {
    font-size: 0.7rem !important;
}
.bg-label-unavailable {
    background-color: #5c0a2e;
    color: #ff44a4;
}
.bg-label-available {
    background-color: #5c0a2e;
    color: #ffffff;
}
.bg-profile {
    background-color: #32061d;
}
.bg-profile {
    background-size: cover !important;
    background-position: center center !important;
    padding-top: 100%;
    width: 100%;
}
.btn-rollcall {
    background: #2d0319;
    color: #ffffff;
    border: 0;
}
.btn-rollcall.active {
    background: #850649;
    color: #ffffff;
    border: 0;
}
.btn-follow {
    background: #850649;
    color: #ffffff;
    border: 0;
}
.bg-NIGHT {
    background-color: #230213;
    color: #ffffff;
}
.bg-DAY {
    background-color: #380520;
    color: #e6aaca;
}
.bg-listinfo {
    background-color: #620a3b;
    color: #ffffff;
}
.feed-box {
    border-bottom: solid #850649;
}
.listSearch li {
    background-color: #850649 !important;
}
.listSearch li:hover {
    color: #e5e5e5 !important;
}