/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/symbols/sym-7/sym778.ani), url(https://cur.cursors-4u.net/symbols/sym-7/sym778.png), auto !important;} /* End https://www.cursors-4u.com */
 * 
/* Add border to posts in archive view */
.archive .post {
    border: 1px solid #000; /* Change color and thickness as needed */
    padding: 20px; /* Optional: Add padding inside the border */
    margin-bottom: 20px; /* Optional: Space between posts */
}

/* Optional: Add border around the post title in archive view */
.archive .entry-title {
    border-bottom: 1px solid #000; /* Border under the title */
    padding-bottom: 10px; /* Space between title and border */
}

/* Add border to posts in main archive/homepage view */
body.blog .post {
    border: 1px solid #000; /* Change color and thickness as needed */
    padding: 20px; /* Optional: Add padding inside the border */
    margin-bottom: 20px; /* Optional: Space between posts */
}

/* Optional: Add border around the post title in the archive view */
body.blog .entry-title {
    border-bottom: 1px solid #000; /* Border under the title */
    padding-bottom: 10px; /* Space between title and border */
}




/* Video Container Styling */
.video-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000; /* Dark background for the video container */
  padding: 0; /* Remove extra padding */
  margin: 20px 0; /* Give some space between the video and the intro block */
}

/* Intro Block Styling */
.intro-block {
  background-color: #1c1c1c; /* Dark background for a chill vibe */
  color: #fff; /* White text for contrast */
  text-align: center; /* Center the text */
  padding: 40px 20px; /* Spacious padding around the content */
  border-radius: 15px; /* Rounded corners for a smoother feel */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Soft shadow for depth */
  max-width: 800px; /* Limit the maximum width of the intro block */
  margin: 40px auto; /* Center the intro block horizontally with margin */
  font-family: 'Arial', sans-serif; /* Clean font */
}

/* Video Container Styling */
.video-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000; /* Dark background for the video container */
  padding: 0; /* Remove extra padding */
  margin: 0; /* Ensure there’s no margin causing unwanted space */
  width: 100%; /* Ensure full width of the page */
}

/* Styling for the iframe */
.video-container iframe {
  width: 100%; /* Allow iframe to take up full width of its container */
  max-width: 100%; /* Ensure the iframe doesn't stretch beyond the container */
  height: 410px; /* Maintain aspect ratio automatically */
  aspect-ratio: 16 / 9; /* Keeps the video at a 16:9 aspect ratio */
  border: none; /* Remove border */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); /* Adds a soft shadow around the video for a 'cinematic' look */
}

.center-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; /* Ensures the container takes up the full viewport height */
}

.instagram-icon {
  width: 40px;  /* Size of the Instagram icon */
  height: 40px; /* Size of the Instagram icon */
}

/* General Body and Text Style */

.about-alexa {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 800px; /* Ensure the block doesn't stretch too wide */
  margin: 0 auto; /* Center horizontally */
  text-align: center; /* Center text inside the block */
  position: relative; /* Ensure no shifting issues */
}


/* Heading Styling */
.about-alexa h1 {
  font-size: 2.5rem;
  color: #ff69b4; /* Hot pink for heading */
  margin-bottom: 20px;
  font-weight: 700;
}


/* Paragraph Styling */
.about-alexa p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #333;
}

/* Highlight Styling */
.about-alexa .highlight {
  color: #ff4d94;
  font-weight: 600;
}

.about-alexa .highlight2 {
  color: #d70070;
  font-weight: 600;
}

/* Signature Styling */
.about-alexa .signature {
  font-size: 1.5rem;
  font-weight: 600;
  color: #ff69b4;
  margin-top: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  align-items: center; /* Align the icon with text */
  justify-content: center;
  gap: 10px; /* Space between signature and icon */
  margin-bottom: 20px; /* Spacing at the bottom */
}

/* Instagram Icon Styling */
.instagram-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%; /* Make it circular */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Add a smooth transition */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Soft shadow for a lifted effect */
}

.instagram-icon:hover {
  transform: scale(1.1); /* Slight zoom effect when hovered */
  box-shadow: 0 0 15px rgba(255, 105, 180, 0.4); /* Soft glow effect on hover */
}

/* Party room start */

/* Change the background of the entire post container to black */
.page-id-1273 .site-main {
  background-color: black !important; /* Set the background color for the entire page */
}

/* Change the background color of the entire page layout to black */
.page-id-1273 .site {
  background-color: black !important; /* Set background of the whole page layout to black */
}

/* Change the background color of the main content container to black */
.page-id-1273 .page {
  background-color: black !important; /* Set the background of the main content area to black */
}

/* Main container styling */
.main-container {
  font-family: 'Arial', sans-serif;
  text-align: center;
  background: #000; /* Black background */
  padding: 60px 30px;
  margin: 0 auto;
  max-width: 1200px;
  color: #fff; /* White text for contrast */
  border-radius: 40px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6); /* Soft, rounded shadows */
  position: relative;
  overflow: hidden;
  background-image: url('https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExajA1bzB4bTVmNGxua3A0eWVtaWltZjIxYW9waHY0NjExeWpycWJpeCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/l3vRnoppYtfEbemBO/giphy.gif');
  background-size: cover; /* Add a background GIF */
  background-position: center;
  background-repeat: no-repeat;
}

/* Party GIF container */
.party-gif {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
}

.gif-img {
  max-width: 200px;
  border: 8px solid #ff69b4; /* Cute pink border around GIF */
  border-radius: 50%; /* Circular border */
  box-shadow: 0 4px 20px rgba(255, 105, 180, 0.6); /* Pink shadow for glow */
  animation: bounce 1.2s ease-in-out infinite; /* Bouncy animation */
}

/* Intro block styling */
.intro-block {
  background-color: rgba(0, 0, 0, 0.75); /* Semi-transparent background */
  padding: 40px 50px;
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* Text styling inside the intro block */
.intro-block h1 {
  font-size: 36px;
  font-weight: bold;
  color: #ff69b4; /* Bright pink */
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
  margin-bottom: 0px;
  animation: pulseText 1.5s infinite alternate;
}

.intro-block .intro-text {
  font-size: 18px;
  color: #fff;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.; /* Reduced line-height */
  font-weight: 400;
}

.intro-block .call-to-action {
  font-size: 28px;
  color: #ff69b4;
  font-weight: bold;
  margin-top: -39px;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  letter-spacing: 1px;
}

/* Animations */
@keyframes pulseText {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.1);
    opacity: 1;
  }
}

/* Video container */
.video-container iframe {
  width: 100%;
  height: 500px;
  margin-bottom: 0px;
  border-radius: 15px;
}

/* Chat container */
.chat-container {
  margin-bottom: 140px;
  padding: 25px;
  height: 700px;
  background-color: #111;
  border-radius: 25px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.7);
}

/* Return to Blog Section */
.return-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -20px;

}

.return-img {
  width: 400px;
}

.return-section p {
  font-family: 'Comic Sans MS', cursive, sans-serif;
  font-size: 22px;
  color: #ff69b4;
  font-weight: bold;
}

.return-section a {
  color: #ff69b4;
  text-decoration: none;
  font-weight: bold;
  font-size: 24px;
  transition: color 0.3s ease;
}

.return-section a:hover {
  color: #fff; /* Light color on hover for contrast */
}

/* Bouncing effect for Party GIF */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/* Party room end */


/* Mobile-friendly adjustments */

/* Adjustments for tablet and small mobile screens */
@media (max-width: 768px) {

  /* Main container adjustments */
  .main-container {
    padding: 30px 15px; /* Reduced padding for smaller screens */
    max-width: 100%; /* Make the container take up the full width */
    border-radius: 20px; /* Less rounded corners */
  }

  /* Party GIF adjustments */
  .party-gif {
    margin-bottom: 20px;
  }

  .gif-img {
    max-width: 150px; /* Reduced size for mobile */
    border: 6px solid #ff69b4;
    box-shadow: 0 4px 15px rgba(255, 105, 180, 0.6);
  }

  /* Intro block adjustments */
  .intro-block {
    padding: 25px 35px; /* Reduced padding */
    margin-bottom: 40px; /* Less space between elements */
  }

  .intro-block h1 {
    font-size: 28px; /* Smaller font size for mobile */
    margin-bottom: 10px;
  }

  .intro-block .intro-text {
    font-size: 16px; /* Adjust text size for readability */
    max-width: 100%; /* Ensure text doesn't overflow */
  }

  .intro-block .call-to-action {
    font-size: 24px; /* Smaller call-to-action text */
  }

  /* Video container adjustments */
  .video-container iframe {
    width: 100%;
    height: 600px; /* Adjust height to fit mobile screens better */
  }

  /* Chat container adjustments */
.chat-container {
  margin-bottom: 140px;
  padding: 25px;
  height: 700px;
  background-color: #111;
  background-attachment: scroll; /* This will stop the background from being bouncy */
  border-radius: 25px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.7);
}

  /* Return section adjustments */
  .return-section {
    margin-top: 20px;
  }

  .return-img {
    width: 300px; /* Reduced image size for mobile */
    margin-top: 20px;
  }

  .return-section p {
    font-size: 18px; /* Smaller text size */
  }

  .return-section a {
    font-size: 20px; /* Adjust link font size */
  }
}

/* Further adjustments for very small screens */
@media (max-width: 480px) {

  /* Adjust text sizes further for ultra-small screens */
  .intro-block h1 {
    font-size: 24px; /* Even smaller heading */
  }

  .intro-block .intro-text {
    font-size: 14px; /* More readable text size */
  }

  .intro-block .call-to-action {
    font-size: 22px; /* Smaller call-to-action text */
  }

  /* Additional adjustments for layout */
  .video-container iframe {
    height: 250px; /* Further reduced height */
  }

  .chat-container {
    height: 750px; /* Reduced height for smaller screens */
  }

  .return-img {
    width: 250px; /* Further reduced image size */
  }
}

/* Return to Blog Section */
.return-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 0px; /* Reduced the space above */
}

.return-img {
  width: 300px; /* Reduced image size for better balance */
  margin-top: 10px; /* Minimal space between text and image */
}

.return-section p {
  font-family: 'Comic Sans MS', cursive, sans-serif;
  font-size: 22px;
  color: #ff69b4;
  font-weight: bold;
  margin-bottom: 0px; /* No space between the text and the image */
}

.return-section a {
  color: #ff69b4;
  text-decoration: none;
  font-weight: bold;
  font-size: 24px;
  transition: color 0.3s ease;
}

.return-section a:hover {
  color: #fff; /* Light color on hover for contrast */
}

.site-main, .site-content, .entry-content {
  display: block; /* This removes the flexbox layout */
  margin: 0 auto; /* Keep the centering of the container itself */
  padding: 0; /* Remove unnecessary padding */
  width: 100%; /* Prevent horizontal scrolling */
}



/* party room end */