#footer {
  background-color: #827191;
}

/* --------------------------*/
/* Changing background color for Madame Pirate */
.page-id-3635 {background-color: #000000;}

/* Hiding header, footer, sidebar, and other theme elements for HOME */
.page-id-5471 #header, 
.page-id-5471 #footer, 
.page-id-5471 #sidebar, 
.page-id-5471 .site-header, 
.page-id-5471 .site-footer, 
.page-id-5471 .widget-area, 
.page-id-5471 .main-navigation, 
.page-id-5471 .site-content > .entry-header, 
.page-id-5471 .site-content > .entry-footer {
    display: none;
}

.page-id-5471 .entry-title {
    display: none;
}
.page-id-5471 {background-color: #000000;}

.page-id-5471 .footer-address, 
.page-id-5471 .footer-contact, 
.page-id-5471 .site-info {
    display: none;
}

.page-id-5471 .site-content {
	margin-top: -80px;
    padding: 0;
    max-width: 100%;
}

/* --------------------------*/
/* Changing background color for Works WebPage */
.page-id-5734 {background-color: #000000;}
.page-id-5734 .entry-title {
    display: none;
}
.page-id-6326 {background-color: #827191;}
/* Removes padding and margin from all columns */
.page-id-6326 .wp-block-columns {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important; /* Adjusts any default column gap */
}

/* Directly targets the figure element if the image is wrapped */
.page-id-6326 figure {
    margin: 0 !important;
    padding: 0 !important;
}
.page-id-6326 .entry-title {
    display: none;
}

.page-id-5540 .entry-title {
    display: none;
}



/* Changing background color for About Us WebPage */
.page-id-5540 {background-color: #000000;}
/* Changing background color and title for Works-every category WebPage */
.page-id-6377 {background-color: #827191;}
.page-id-6386 {background-color: #827191;}
.page-id-6386 .entry-title {
    display: none;
}
.page-id-6398 {background-color: #827191;}
.page-id-6398 .entry-title {
    display: none;
}
.page-id-6406 {background-color: #827191;}
.page-id-6406 .entry-title {
    display: none;
}
.page-id-6416 {background-color: #827191;}
.page-id-6416 .entry-title {
    display: none;
}

.page-id-6511 {background-color: #827191;}
.page-id-6511 .entry-title {
    display: none;
}

.page-id-6779 {background-color: #827191;}
.page-id-6779 .entry-title {
    display: none;
}

.page-id-6899 {background-color: #000000;}
.page-id-6899 .entry-title {
    display: none;
}

.page-id-6936 {background-color: #000000;}
.page-id-6936 .entry-title {
    display: none;
}

.page-id-6974 {background-color: #000000;}
.page-id-6974 .entry-title {
    display: none;
}


.page-id-7075 {background-color: #000000;}
.page-id-7075 .entry-title {
    display: none;
}


.page-id-7149 .entry-title {
    display: none;
}

/* --------------------------*/
/* Change background color for Natasha */
.page-id-3631 {
    background: linear-gradient(135deg, #1e0201, #5e1607, #310c04);
}
.page-id-3631 .entry-title {
    display: none;
}

/* --------------------------*/
/* Target the nested submenu under 'Works' */
.sub-menu .sub-menu { /* Adjust the selector if your theme uses different classes */
    max-height: 400px; /* Set a height that fits your design */
    overflow-y: auto; /* Enables vertical scrolling */
    scrollbar-width: thin; /* Thinner scrollbar for Firefox */
}

/* Optional: Custom scrollbar styling for WebKit browsers (Chrome, Safari) */
.sub-menu .sub-menu::-webkit-scrollbar {
    width: 8px;
}

.sub-menu .sub-menu::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

.sub-menu .sub-menu::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/* --------------------------*/
/* Hiding header, footer, sidebar, and other theme elements for HOMEPage Test */
.page-id-7503 #header, 
.page-id-7503 #footer, 
.page-id-7503 #sidebar, 
.page-id-7503 .site-header, 
.page-id-7503 .site-footer, 
.page-id-7503 .widget-area, 
.page-id-7503 .main-navigation, 
.page-id-7503 .site-content > .entry-header, 
.page-id-7503 .site-content > .entry-footer {
    display: none;
}

.page-id-7503 .entry-title {
    display: none;
}
.page-id-7503 {background-color: #000000;}

.page-id-7503 .footer-address, 
.page-id-7503 .footer-contact, 
.page-id-7503 .site-info {
    display: none;
}

.page-id-7503 .site-content {
	margin-top: -80px;
    padding: 0;
    max-width: 100%;
}

/* --------------------------*/
/* Grannies Revenge Webpage */
.page-id-7593 {
    background-image: url('https://serendipity.com.tw/wp-content/uploads/2024/12/cyrstal.png'), url('https://serendipity.com.tw/wp-content/uploads/2024/12/cyrstal.png');
    background-size: 2%;
    background-repeat: repeat-y;
    background-position: left top, right top;
    background-attachment: fixed;
    background-color: #000000;
    animation: moveBackground 15s linear infinite; 
}

.page-id-7593 .entry-title {
    display: none;
}

@keyframes moveBackground {
    0% {
        background-position: left top, right top;
    }
    100% {
        background-position: left bottom, right bottom;
    }
}

/* Media query for mobile view */
@media (max-width: 700px) {
    .page-id-7593 {
        animation: moveBackground 240s linear infinite;
    }
}
/* General style (if your theme hides text) */
.menu-social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-indent: -9999px; /* hides text */
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 8px;
}

/* X (Twitter) */
.menu-social .x a {
  background-image: url("https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/x.svg");
}

/* Threads */
.menu-social .threads a {
  background-image: url("https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/threads.svg");
}
/* --------------------------*/
/* Change background color for Girlfriends */
.page-id-9006 {
    background: #000000; /* pure black */
}
.page-id-9006 .entry-title {
   color: #CC0707; /* red */
}
.page-id-9006 .entry-content {
    color: #ffffff; /* makes all transcript text white */
	}
	.page-id-9006 .entry-content a {
    color: #ffcc00; /* yellow links */
}

.page-id-9006 .entry-content h2,
.page-id-9006 .entry-content h3 {
    color: #CC0707; /* red headings */
}
.page-id-9006 {
  background-color: #000;
  background-image: 
    url('https://serendipity.com.tw/wp-content/uploads/2025/08/splash1.png'),
    url('https://serendipity.com.tw/wp-content/uploads/2025/08/splash2.png'),
    url('https://serendipity.com.tw/wp-content/uploads/2025/08/splash3.png'),
    url('https://serendipity.com.tw/wp-content/uploads/2025/08/splash4.png'); /* <-- added missing comma */
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 
    left center, 
    right bottom, 
    right 1px top 2100px, 
    left 5px bottom 700px; /* positions for 1, 2, 3, 4 */
  background-size: 
    400px auto, 
    125px auto, 
    350px auto, 
    400px auto; /* sizes for 1, 2, 3, 4 */
  color: #fff;
}
/* Only affect the social menu on page ID 9006 */
.page-id-9006 .site-footer,
.page-id-9006 .site-footer .menu-social,
.page-id-9006 .site-footer .menu-social li,
.page-id-9006 .site-footer .menu-social a {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
/* Make footer social icons red (#CC0707) on page 9006 only */
.page-id-9006 .site-footer .wp-block-social-links .wp-social-link,
.page-id-9006 footer .wp-block-social-links .wp-social-link {
  background: transparent !important;      /* remove circle/box backgrounds */
  color: #CC0707 !important;               /* set icon color via currentColor */
  border-color: #CC0707 !important;        /* if theme shows borders */
}

.page-id-9006 .wp-block-social-links .wp-social-link a {
  color: inherit !important;               /* make links inherit the red */
}

.page-id-9006 .wp-block-social-links .wp-social-link svg {
  fill: currentColor !important;           /* most WP icons follow currentColor */
}

.page-id-9006 .wp-block-social-links .wp-social-link svg path,
.page-id-9006 .wp-block-social-links .wp-social-link svg g,
.page-id-9006 .wp-block-social-links .wp-social-link svg use {
  fill: currentColor !important;           /* force any hard-coded paths */
  stroke: currentColor !important;
}

/* Fallbacks for themes using old social menus / icon fonts */
.page-id-9006 .site-footer .menu-social a::before,
.page-id-9006 .site-footer .social-navigation a::before,
.page-id-9006 .site-footer i[class*="fa-"],
.page-id-9006 .site-footer span[class*="icon"] {
  color: #CC0707 !important;
}

/* If your theme adds colored backgrounds on individual icons (e.g., .has-*) */
.page-id-9006 .wp-block-social-links .wp-social-link[class*="has-"] {
  background: transparent !important;
}
/* GIRLFRIENDS page (ID 7541) – cinematic with richer poster tones */
.page-id-7541 {
  background: #000; /* base black */
  color: #f5f5f5;
  color-scheme: dark;
  position: relative;
  overflow: hidden;
}

/* Light leaks & washes from the poster */
.page-id-7541::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    /* diagonal magenta brushstroke glow */
    linear-gradient(125deg, rgba(204,58,107,0.28) 10%, transparent 60%),
    /* warm amber light from streetlamps */
    linear-gradient(20deg,  rgba(255,160,90,0.25) 15%, transparent 70%),
    /* subtle teal shadow wash */
    linear-gradient(200deg, rgba(30,100,120,0.22) 10%, transparent 70%),
    /* faint pink overlay for warmth */
    radial-gradient(circle at 70% 80%, rgba(184,69,116,0.15) 0%, transparent 70%);
  mix-blend-mode: screen;
}

/* Transparent wrappers so background shows */
.page-id-7541 .site,
.page-id-7541 .site-content,
.page-id-7541 .content-area,
.page-id-7541 .wp-site-blocks,
.page-id-7541 .entry-content,
.page-id-7541 .wp-block-group.has-background,
.page-id-7541 .site-footer {
  background: transparent !important;
  position: relative;
  z-index: 1;
}

/* Typography accents inspired by poster */
.page-id-7541 h1,
.page-id-7541 h2,
.page-id-7541 h3 {
  color: #ffb38a; /* warm amber tone */
}

.page-id-7541 a {
  color: #cc3a6b; /* magenta brushstroke */
}
.page-id-7541 a:hover {
  color: #ffb38a; /* warm amber on hover */
  text-decoration: none;
}

/* Buttons styled in poster palette */
.page-id-7541 .wp-element-button,
.page-id-7541 .wp-block-button__link {
  background: linear-gradient(90deg, #cc3a6b, #ff8a65);
  color: #121212;
  border: none;
}
.page-id-7541 .wp-element-button:hover,
.page-id-7541 .wp-block-button__link:hover {
  filter: brightness(1.1);
}
/* Make footer transparent only on page 7541 */
.page-id-7541 .site-footer {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  position: relative;
  z-index: 1;
}
/* Lives of the Killers page (ID 9177) */
.page-id-9177 {
  background-color: #b01e23; /* deep red background */
}

/* Headings: ALL CAPS, Bold, Yellow */
.page-id-9177 h1,
.page-id-9177 h2,
.page-id-9177 h3,
.page-id-9177 h4,
.page-id-9177 h5,
.page-id-9177 h6 {
  text-transform: uppercase;
  font-weight: bold;
  color: #1e90ff;  /* Dodger Blue */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); /* subtle dark shadow */
}

/* Description text: Blue with shadow */
.page-id-9177 p,
.page-id-9177 .description {
  color: yellow; /* Dodger Blue */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); /* subtle dark shadow */
}

/* Icons: Blue */
.page-id-9177 i,
.page-id-9177 .icon {
  color: yellow ;
}
/* Transparent wrappers so background shows */
.page-id-9177 .site-footer {
  background: transparent !important