/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LC4PN6LD6Q">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-LC4PN6LD6Q');
</script>
/* Ensure the carousel container has a fixed height */
.carousel-container {
    height: 400px !important; /* Enforce fixed height */
    overflow: hidden !important; /* Hide overflow */
    position: relative !important; /* Ensure positioned children are relative to this container */
}

/* Ensure images fit within the container */
.carousel-container img {
    max-height: 100% !important; /* Ensure images fit within the container height */
    width: 100% !important; /* Ensure images scale to the container width */
    object-fit: cover !important; /* Maintain aspect ratio and cover the container */
    display: block !important; /* Remove any default inline spacing */
}

/* Optional: If you have navigation buttons or indicators */
.carousel-container .carousel-button, 
.carousel-container .carousel-indicator {
    position: absolute !important; /* Position relative to the carousel container */
    top: 50% !important; /* Center vertically */
    transform: translateY(-50%) !important; /* Adjust to center exactly */
    z-index: 1 !important; /* Ensure they are above images */
}

/* Example for left and right buttons */
.carousel-container .carousel-button.left {
    left: 10px !important; /* Adjust as needed */
}

.carousel-container .carousel-button.right {
    right: 10px !important; /* Adjust as needed */
}