/* Style for the container */
.hover-container {
  position: relative;
  display: inline-block;
  overflow: hidden; /* Hide anything that overflows the container */
}

/* Style for the image */
.hover-container img {
  width: 100%; /* Ensures the image fits the container */
  height: auto; /* Maintain image aspect ratio */
  display: block; /* Removes extra space below the image */
}

/* Style for the text */
.hover-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  color: white;
  font-size: 20px; /* Adjust text size */
  opacity: 0; /* Initially hidden */
  transition: opacity 0.3s ease; /* Smooth transition */
}

/* Show text when hovering over the container */
.hover-container:hover .hover-text {
  opacity: 1; /* Text becomes visible */
}
/* Portfolio Image Hover Effect */
.portfolio-item {
    position: relative;
    display: inline-block;
}

.portfolio-item img {
    display: block;
    transition: opacity 0.3s ease-in-out;
}

.portfolio-item .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.portfolio-item:hover .hover-img {
    opacity: 1;
}
/* Ensure portfolio images maintain their original size */
.portfolio-item {
    position: relative;
    display: inline-block;
    width: 100%; /* Adjust if needed */
    max-width: 100%;
    height: auto;
}

.portfolio-item img {
    width: 100%; /* Ensures it fills the container */
    height: auto; /* Maintains aspect ratio */
    display: block;
    transition: opacity 0.3s ease-in-out;
}

.portfolio-item .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.portfolio-item:hover .hover-img {
    opacity: 1;
}
/* Ensures a proper grid layout */
.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Creates 2 equal columns */
    gap: 20px; /* Adjust the spacing between images */
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

/* Ensures all images have the same size */
.portfolio-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
/* Reduce space above and below the title */
h1, h2, h3 {
    margin-top: 10px; /* Adjust as needed */
    margin-bottom: 10px; /* Adjust as needed */
}

/* Reduce space between the sections */
.entry-content > * {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* If there's extra padding inside a container */
.container, .content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
/* Remove margin and padding from the section wrapping the title */
.entry-header, .page-title, .wp-block-heading {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove any extra space around the video container */
.wp-block-video, .wp-block-embed {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Reduce any extra spacing between sections */
.wp-block-group, .content-area, .site-main {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Remove any extra whitespace inside columns */
.wp-block-column {
    margin: 0 !important;
    padding: 0 !important;
}
/* Remove extra margin & padding for headings */
h1, h2 {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

/* Reduce spacing for the first section */
.wp-block-group:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove space above video block */
.wp-block-embed, .wp-block-video {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Force remove any top margin from the first block */
.wp-block-group:first-child, 
.wp-block-heading:first-child, 
.wp-block-video:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Target any unwanted empty space */
.wp-block-group, .wp-block {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure headings are close together */
h1, h2, h3 {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}