/*
Theme Name: RetroTube Child
Template: retrotube
Author: Luke
Description: The most effective Adult WordPress Theme you
Version: 1.0.1740160351
Updated: 2025-02-21 09:52:31

*/

/* Hide the header and footer on the landing page */
.page-template-landing-page .site-header,
.page-template-landing-page .site-footer {
    display: none;
}
/* Hide the header immediately, but you can delay the hide if needed */
.page-template-landing-page .site-header {
    display: none !important;
.bunny-video-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Force 4 per row */
  gap: 5px;
  padding: 5px;
  background-color: #000000;
}

@media screen and (max-width: 1024px) {
  .bunny-video-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 590px) {
  .bunny-video-gallery {
    grid-template-columns: 1fr;
  }
}

.bunny-video-item {
  background-color: #111111;
  border: 1px solid #C0C0C0;
  padding: .5rem;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(130, 0, 0, 0.4);
  color: #C0C0C0;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bunny-video-item iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  border-radius: 5px;
}

.bunny-video-item h4 {
  font-size: 1rem;
  margin: 0.3rem 0;
  color: #C0C0C0;
}

.bunny-pagination {
  text-align: center;
  margin-top: 2rem;
}

.bunny-pagination a {
  display: inline-block;
  margin: 0 4px;
  padding: 0.3rem .3rem;
  border: 1px solid #820000;
  color: #C0C0C0;
  background-color: #000000;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.bunny-pagination a:hover,
.bunny-pagination a.active {
  background-color: #820000;
  color: #ffffff;
  border-color: #820000;
}


/* Optional: Adjust the body content area if needed */
.page-template-landing-page .content-area {
    margin-top: 0;
    padding-top: 0;
}

/* Ensure the content area is properly aligned */
.page-template-landing-page .landing-page-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 8px;
}

/* Example for mobile */
@media (max-width: 750px) {
    .page-template-landing-page .landing-page-content {
        padding: 8px;
    }
}