/* 💗 babecore skins 💗 */
/* babie ~ 5c6780y854xc8 */

/* 💕 dark 💕 */
body.babecore-true-dark {
    background-color: #050509 !important;
    color: #f5f5f7 !important;
}

body.babecore-true-dark #baddie {
    background: rgba(5, 5, 12, 0.92) !important;
    border-left: 1px solid rgba(255,255,255,0.12) !important;
    border-right: 1px solid rgba(255,255,255,0.12) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

body.babecore-true-dark #content {
    border-left: 1px solid rgba(255,255,255,0.08) !important;
    border-right: 1px solid rgba(255,255,255,0.08) !important;
}

body.babecore-true-dark .entry-title,
body.babecore-true-dark .entry-title a {
    color: #ffffff !important;
}

body.babecore-true-dark .entry-content {
    color: #f7a9ff !important;
}

body.babecore-true-dark a {
    color: #58baf2 !important;
}

body.babecore-true-dark a:hover {
    color: #9fd6ff !important;
}

body.babecore-true-dark #hailey-nav li:hover > a {
    background: rgba(255,255,255,0.12) !important;
    color: #f5f5f7 !important;
}

/* 💕 y2k midnight 💕 */
body.babecore-midnight {
    background-color: #050316 !important;
    color: #f4e9ff !important;
}

body.babecore-midnight #baddie {
    background: radial-gradient(circle at top, rgba(120, 90, 255, 0.35), rgba(10, 5, 40, 0.95)) !important;
    border-left: 1px solid rgba(200, 160, 255, 0.35) !important;
    border-right: 1px solid rgba(200, 160, 255, 0.35) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

body.babecore-midnight #content {
    border-left: 1px solid rgba(180, 140, 255, 0.3) !important;
    border-right: 1px solid rgba(180, 140, 255, 0.3) !important;
}

body.babecore-midnight .entry-title,
body.babecore-midnight .entry-title a {
    color: #3b0065 !important;
}

body.babecore-midnight .entry-content {
    color: #3b0065 !important;
}

body.babecore-midnight a {
    color: #9fd6ff !important;
}

body.babecore-midnight a:hover {
    color: #ff8dbb !important;
}

body.babecore-midnight .recent-comments .comment-author {
	color: #f3e3ff;
}

body.babecore-midnight .recent-comments .comment-date {
	color: #f3e3ff;
}

body.babecore-midnight .recent-comments .comment-excerpt {
	color: #f3e3ff;
}

body.babecore-midnight .tagcloud a {
	background-color: #b54cff;
	color: #f3e3ff !important;
}

body.babecore-midnight .tagcloud a:hover {
  background-color: #daa5ff;
  color: #fff !important;
}

body.babecore-midnight .hailey-latest-posts .hailey-title {
  color: #fff !important;
}

body.babecore-midnight .hailey-latest-posts .hailey-title:hover {
  color: #fff !important;
}

body.babecore-midnight .baddie-poll-sidebar .baddie-poll-question {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #fff !important;
}

/* 💕 barbie 💕 */
body.babecore-barbie-noir {
    background-color: #050005 !important;
    color: #ffe6fb !important;
}

body.babecore-barbie-noir #baddie {
    background: rgba(0, 0, 0, 0.9) !important;
    border-left: 1px solid rgba(255, 105, 180, 0.6) !important;
    border-right: 1px solid rgba(255, 105, 180, 0.6) !important;
    box-shadow: 0 0 18px rgba(255, 105, 180, 0.35) !important;
}

body.babecore-barbie-noir #content {
    border-left: 1px solid rgba(186, 85, 211, 0.6) !important;
    border-right: 1px solid rgba(186, 85, 211, 0.6) !important;
}

body.babecore-barbie-noir .entry-title,
body.babecore-barbie-noir .entry-title a {
    color: #ffb3e6 !important;
}

body.babecore-barbie-noir .entry-content {
    color: #ff7fd6 !important;
}

body.babecore-barbie-noir a {
    color: #ff8dbb !important;
}

body.babecore-barbie-noir a:hover {
    color: #ffbdf0 !important;
}

/* 💕 pastel dark 💕 */
body.babecore-pastel-dark {
    background-color: #0b0b16 !important;
    color: #f3f3ff !important;
}

body.babecore-pastel-dark #baddie {
    background: rgba(20, 20, 40, 0.9) !important;
    border-left: 1px solid rgba(204, 204, 255, 0.4) !important;
    border-right: 1px solid rgba(204, 204, 255, 0.4) !important;
}

body.babecore-pastel-dark #content {
    border-left: 1px solid rgba(180, 200, 255, 0.35) !important;
    border-right: 1px solid rgba(180, 200, 255, 0.35) !important;
}

body.babecore-pastel-dark .entry-title,
body.babecore-pastel-dark .entry-title a {
    color: #fdfbff !important;
}

body.babecore-pastel-dark .entry-content {
    color: #f7a9ff !important;
}

body.babecore-pastel-dark a {
    color: #8fd4ff !important;
}

body.babecore-pastel-dark a:hover {
    color: #ff8dbb !important;
}

body.bg-stars {
    background: none !important;
}

body.bg-hearts {
    background: none !important;
}

body.bg-y2k {
    background: none !important;
}

body.bg-none {
    background: none !important;
}

/* 💕 crt mode 💕 */
html.babecore-crt {
    filter: saturate(1.2) contrast(1.3) brightness(1.2);
    position: relative;
}

html.babecore-crt::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 999999999;
    opacity: 0.8;
    background:
        linear-gradient(#12101000 50%, #00000040 50%) 0 0/100% 2px,
        linear-gradient(90deg, #ff00000f, #00ff0005, #0000ff0f) 0 0/3px 100%;
    will-change: transform;
}

html.babecore-crt * {
    text-shadow:
        1px 0 0 rgba(255,0,0,0.25),
        -1px 0 0 rgba(0,255,255,0.25),
        0 0 4px rgba(255,255,255,0.2);
}

/* 💕 video wallpapers 💕 */
#babecore-bg-video-wrapper {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

#babecore-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.78vh;
}

/* 💕 video banners 💕 */
#babecore-banner {
    position: relative;
    overflow: hidden;
}

#babecore-banner-video-wrapper {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

#babecore-banner-video {
    position: absolute;
    top: var(--banner-y, 50%);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 56.25vw;
    min-height: 100%;
    min-width: 177.78%;
}

/* 💕 AJAX content 💕 */
#content {
    transition: opacity 0.25s ease;
}

#content.babecore-fade-out {
    opacity: 0;
}

#content.babecore-fade-in {
    opacity: 1;
}

#babecore-banner-video-wrapper::after,
#babecore-bg-video-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: transparent;
}



