/**
Pink: d665a9
Dark: 010101
*/
:root {
    --bs-link-color: #d665a9;
    --bs-link-hover-color: #cc5fa1;
}
body { min-width: 320px; margin-top:54px; margin-bottom: 4rem; }
.sticky-top, .sticky-md-top { top:64px; }

.form-check-input:checked, .btn-primary { background-color: #d665a9; border-color: #d665a9; }
.text-primary, .page-link { color: #d665a9!important; }
.btn-primary:hover { background-color: #cc5fa1; border-color: #cc5fa1; }
.btn-primary:active { background-color: #b4548e; border-color: #b4548e; }
.form-check-input:focus { box-shadow: 0 0 0 0.25rem rgba(243, 177, 216, .25); }
.btn-primary:active:focus { box-shadow: 0 0 0 0.25rem rgba(243, 177, 216, .5); }
.form-control:focus { border-color: #f3b1d8; box-shadow: 0 0 0 0.25rem rgba(243, 177, 216, .25); }
.page-item.disabled .page-link { color: #6c757d!important; }

.navbar-toggler:focus { outline:0; box-shadow:none; }
.navbar-toggler.collapsed .icon-times, .navbar-toggler .icon-bars { display:none; }
.navbar-toggler.collapsed .icon-bars { display:inline; }

.homeWrapper { max-width:500px; }
.bg-cover { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bg-contain { background-position: center center; background-repeat: no-repeat; background-size: contain; }

.squared { padding-bottom:100%; }
.avatar { border-radius: 50%; padding: .25rem; border: 1px solid #dee2e6; display:inline-block; width:170px; background-color: #FFF; }
.avatar.disabled, .border-red { border-color:#F00; }
.avatar>div { border-radius: 50%; width:100%; height:auto; padding-bottom: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.avatar-sm { width:36px; padding: 0; }
.card p { font-size: 86%; }
.cardhover { transition: background-color .2s ease-in-out; }
.cardhover:hover { background-color: #f1f1f1; }

.container-maxed { max-width: 72rem; }
.joinBtn {
    text-decoration: none; border-radius: .25rem; background-color: rgba(var(--bs-danger-rgb),1); color: rgba(var(--bs-white-rgb),1);
    padding: 0 8px; align-items: center; justify-content: center; display: flex; font-size:14px; height: 28px;
}
.joinBtn>svg { width:13px; }
.joinBtn:hover { background-color: rgba(var(--bs-danger-rgb),.9); color:rgba(var(--bs-white-rgb),1); }

.blurred { filter: blur(2px); }
.galleryJoinBtn { position:fixed; left:0; bottom:0; right:0; padding-left:.75rem; padding-right:.75rem; z-index: 2; }
.filmStart { display: block; padding-bottom:400px; }
.filmStartPublic { display:flex; align-items: center; justify-content: center;}
.filmStartThumb {  display:inline-block; width:auto; height:auto; max-width:100%; max-height:100%; }
.filmStartPublic .filmStartThumb {  filter: blur(1px); }
.filmStrip { font-size:0; line-height:0; white-space:nowrap; overflow:hidden; }
.filmItem { display:inline-block; width:120px; height:120px; background-color:#000; }
.privateItem { display:inline-flex; width:120px; height: 120px; overflow: hidden; align-items: center; justify-content: center; }
.privateItemThumb { display:inline-block; width:auto; height:120px; }
.overlay {
    position:absolute; left:0; top:0; bottom:0; right:0; display:flex; align-items: center; justify-content: center;
    text-align:center; color:rgba(var(--bs-white-rgb),1); background:rgba(0,0,0,.3);  transition: background-color .2s ease-in-out;
}
.overlay:hover { color:rgba(var(--bs-white-rgb),1); background-color: rgba(0, 0, 0, 0.4); }

@media (min-width: 768px) {
    body { margin-bottom: 0; }
    .privateItem:hover .privateItemThumb { opacity:.8 }
    .galleryJoinBtn { position: relative; padding-left:0; padding-right:0; }
    .joinBtn { padding: .5rem; height: auto; font-size: var(--bs-body-font-size); line-height: var(--bs-body-line-height); }
    .joinBtn>svg { width:20px; }
}

body.vipcontent { margin-top:0; margin-bottom:0; font-size: 15px; line-height: 17px; }
.vipcontent header .cards, .vipcontent main .cards, .vipcontent footer { max-width:480px; margin-left: auto; margin-right: auto; }
.vipcontent header .card { background:rgba(255,255,255,.92); font-size: 13px; line-height: 17px; }
.vipcontent main a.card { border:none; padding:10px 15px 10px 5px; display:flex; flex-direction:row; align-items:center; text-decoration:none; }
.vipcontent main a.card .linkicon { font-size:35px; line-height:36px; }
.vipcontent main a.card:hover {background:#EEE; }
.vipcontent main .badge { font-size:10px; line-height: 12px; }

.vipcontent .gallery .filmStrip { display:none; }
/*.vipcontent .galleryText { display:none; }*/

/* Blog article body typography */
.blog-body h1, .blog-body h2, .blog-body h3, .blog-body h4, .blog-body h5 { margin-top: 1.5rem; margin-bottom: .75rem; font-weight: 600; }
.blog-body p { margin-bottom: 1rem; }
.blog-body ul, .blog-body ol { margin-bottom: 1rem; padding-left: 1.5rem; }
.blog-body li { margin-bottom: .25rem; }
.blog-body a { color: var(--bs-link-color); }
.blog-body img { max-width: 100%; height: auto; border-radius: .375rem; margin-bottom: 1rem; }
.blog-body blockquote { border-left: 4px solid #dee2e6; padding: .5rem 1rem; margin: 1rem 0; color: #6c757d; }

.list-group-item.active { color: #d665a9; border-color: #d665a9; background-color: #f8f1f6; }