/*
 Theme Name:   InfuseDesign-2025
 Template:     hello-elementor
 Description:  Child theme
 Author:       Mike Strassburger
 Author URI:   mikestrassburger.com
 Version:      1.0
*/

@import url("../hello-elementor/style.css");

/* --------------------hide footer & page header-------------------- */

#site-footer {
	display: none !important;
}

.page-header {
    display: none;
}

/* --------END------------hide footer & page header-------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* --------------------header menu buttons-------------------- */

.current-menu-item {
    background-color: #c5bbab !important;
	clip-path: polygon(
        0 0,
        calc(100% - 8px) 0,
        100% 8px,
        100% 100%,
        0 100%
    );
	
}

.current-menu-item a {
    color: #FFFFFF !important;
}
.site-navigation ul.menu li a {
	padding: 0px 14px;
	line-height: .5;
}

/* --------END------------header menu buttons-------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* --------------------HEADER SHADOW-------------------- */

#site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
}

/* -------END-------------HEADER SHADOW-------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* -------------------- HOME PAGE SLIDE SHOW -------------------- */


/* Set image height and maintain aspect ratio */
.elementor-image-carousel .swiper-slide img {
    height: 600px;
    width: 100%; /* Ensure the image fills the slide width */
    object-fit: cover;
}

.swiper-slide-inner {
	padding:0 10px;
}

/* ------END-------------- HOME PAGE SLIDE SHOW -------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* --------------------PHOTO GRID-------------------- */

/* Ensure the grid container behaves as a grid */
.e-con-inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Adjust the minmax values as needed */
  gap: 10px; /* Adjust the gap between grid items */
}

/* Make each grid item square and hide overflow */
.elementor-widget-image {
  position: relative;
  width: 100%;
  padding-top: 100%; /* This makes the height equal to the width, creating a square */
  overflow: hidden; /* Hide overflow */
}

/* Style the images to fit within the square */
.elementor-widget-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover; /* Ensures the image covers the entire square without distortion */
}

/* ------END--------------PHOTO GRID-------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/*   --------------------PROJECT TYPOGRAPHY--------------------  */
.project-title {
	font-weight:bold;
	font-size: 22px;
	text-align: center;
	line-height:1;
	margin-top: 3px;
}
.project-sub {
	font-weight:normal;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	line-height:1;
	margin-top: -4px;
}

/*   --------END------------PROJECT TYPOGRAPHY--------------------  */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/*   --------------------PROJECT IMG ZOOM--------------------  */

.image-zoom img {
    transition: transform 0.8s ease; /* Smooth transition for the zoom effect */
}

.image-zoom:hover img {
    transform: scale(1.1); /* Slightly zoom the image */
}

/*   ------END--------------PROJECT IMG ZOOM--------------------  */