a {
    text-decoration: none !important;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;

  background: white;
  border:1px solid ;
  background-image: none;
}

/* Change font for the main heading */
.has-foreground-color.has-text-color.has-eb-garamond-font-family {
    font-family: 'Public Sans', sans-serif;
}

/* Change font for the small paragraph */
.has-public-sans-font-family.has-small-font-size {
    font-family: 'Public Sans', sans-serif;
}

/* Change font for the author information */
.has-raleway-font-family {
    font-family: 'Public Sans', sans-serif;
}

.width-full img{
	width:100%;
}

.wp-site-blocks header{
	position:sticky;
  top:0;
	z-index:1000;
}
@media (max-width: 768px) {
	.haha-reverse {
			flex-direction: column-reverse;
	}
}

@media only screen and (max-width: 1319px) {
    .wp-container-content-3 {
        display: none !important;
    }
}

@media only screen and (max-width: 835px) {
    .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-3 {
        display: none;
			!important;
    }
	
}

/* Target mobile devices */
@media (max-width: 768px) {
    .wp-container-core-group-is-layout-7 {
        transform: scale(1.2); /* Adjust the value to zoom out/in as needed */
        transform-origin: center; /* Ensures the section zooms relative to the center */
    }

    /* Optionally, adjust padding or margins for better alignment on mobile */
    .wp-container-core-group-is-layout-7 {
        
        margin: 0 auto; /* Center the section on mobile */
    }
}
 

/* General mobile optimization */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevents horizontal scroll caused by overflow */
  box-sizing: border-box;
}

/* Targeting wp-block-group containers only for mobile screens */
@media screen and (max-width: 768px) { /* Applies only to screens below 768px (mobile/tablets) */
  
  .wp-block-group.is-layout-constrained,
  .wp-block-group.alignfull {
    width: 100%; /* Ensure the container takes full width */
    max-width: 100%; /* Prevent any container from exceeding 100% width */
    padding-left: 1px; /* Adds some padding to avoid edge overlap */
    padding-right: 1px;
    margin-left: auto; /* Center aligns the content */
    margin-right: auto;
    box-sizing: border-box; /* Ensure padding and border are included in the width */
  }
  
  /* Medium screens (321px to 375px) */
  @media screen and (min-width: 321px) and (max-width: 375px) {
    .wp-block-group.is-layout-constrained,
    .wp-block-group.alignfull {
      padding-left: 1px; /* Adjust padding for smaller screens */
      padding-right: 1px;
    }

    .wp-block-group.alignfull {
      max-width: 375px; /* Constrain maximum width for medium screens */
    }
  }

  /* Large screens (376px to 414px) */
  @media screen and (min-width: 376px) and (max-width: 414px) {
    .wp-block-group.is-layout-constrained,
    .wp-block-group.alignfull {
      padding-left: 1px;
      padding-right: 1px;
    }

    .wp-block-group.alignfull {
      max-width: 414px; /* Constrain maximum width for large screens */
    }
  }

  /* For handling images and videos to be responsive */
  img, video {
    max-width: 100%; /* Ensure media is responsive */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Avoid inline space for images and videos */
  }

  /* Fix padding/margins causing extra space */
  .wp-block-spacer {
    margin: 0;
    padding: 0;
  }

  /* Ensuring other elements like iframes fit within the screen */
  iframe {
    width: 100%;
    height: auto;
  }

  /* Remove any specific margin-right causing the overflow issue */
  html, body {
    overflow-x: hidden; /* Ensure no horizontal scrollbars */
  }
}


/* Align the button to the right within its container for medium and large mobile screens */
@media (min-width: 321px) and (max-width: 599px) {
    .has-kaisei-decol-font-family .wp-block-navigation .wp-block-navigation__responsive-container-open {
        margin-left: auto; /* Push the button to the right */
        display: block; /* Ensure the button behaves as a block element */
    }
    
    /* Optional: Adjust the parent container's display if needed */
    .has-kaisei-decol-font-family .wp-block-navigation {
        justify-content: flex-end; /* Align items to the end of the flex container */
    }
}

@media only screen and (max-width: 768px) {
    .wp-block-image.alignleft.size-full.is-resized.is-style-rectangular img.wp-image-146 {
        display: block !important; /* Override any existing display properties */
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* Keyframes for the descending effect */
@keyframes slideDown {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Apply the animation to the specific block */
.wp-block-columns.autoShow.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex.animate
{
  animation: slideDown 1.3s ease forwards;
}

.autoShow{
animation: autoShowAnimation both;
animation-timeline: view(70% 5%);

}
@keyframes autoShowAnimation{
from{
opacity: 0;
transform: translateY(200px) scale(0.3);
}to{
opacity: 1;
transform: translateY(0) scale(1);
}
}

/* Container for Latest section posts */
.latest-post {
  transition: transform 0.3s ease-in-out;
}

.latest-post:hover {
  transform: scale(1.05); /* Slightly enlarges the column on hover */
}

@media screen and (max-width: 768px) {
    img.wp-image-5305 {
        width: 115% !important; /* Override the inline width */
        max-width: 500px !important; /* Optional, adjust as needed */
        height: 120% !important; /* Maintain aspect ratio */
        border-radius: 15px !important; /* Optional, keep rounded corners */
    }
}


.custom-flipbook-container {
    display: flex;
    justify-content: center; /* Center align the entire row */
    gap: 25px; /* Add spacing between columns */
    margin-top: 20px; /* Add some space above the container */
}

.flipbook {
    flex: 1;
    max-width: 25%; /* Ensure three columns */
    text-align: center; /* Center align flipbooks and text within each column */
}

.flipbook-link {
    margin-top: 10px; /* Space between the flipbook and the link */
    display: flex;
    align-items: center; /* Align icon and text vertically */
    justify-content: center; /* Center the content */
    gap: 5px; /* Add space between the icon and text */
}

.flipbook-link a {
    text-decoration: none;
    color: #000; /* Black color for the text */
    font-size: 15px; /* Font size of 15px */
    font-weight: bold;
    display: inline-flex;
    align-items: center; /* Align icon and text */
}

.flipbook-link a:hover {
    text-decoration: underline; /* Optional: underline on hover */
}

.flipbook-link .icon {
    width: 16px; /* Adjust icon size */
    height: 16px; /* Adjust icon size */
}

@keyframes flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    opacity: 1;
  }
  20%, 24%, 55% {
    opacity: 0;
  }
}

.flicker-text {
  animation: flicker 4.0s infinite;
  color: #ffffff; /* Change text color as needed */
  
  font-weight: normal; /* Optional for styling */
}