/*
Theme Name: Antek-Child
Theme URI: https://parkofideas.com/antek/
Text Domain: antek-child
Description: Construction And Heavy Equipment Rentals Wordpress Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Template: antek
Author: ideapark
Author URI: https://ideapark.com/antek-documentation/
Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
@media (min-width: 1560px) {
    .page-template-default .l-section--container,.l-section__container {
        width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

.page-template-default .c-post {
    width: 100%;
}

@media (min-width: 1170px) {
    .c-catalog:not(.c-catalog--block-above) {
        margin-top: 60px;
    }
}

.c-ip-categories__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.c-ip-categories__item {
    flex: 0 1 auto;
    width: 260px;
    position: relative;
    z-index: 3;
}

.c-vehicle-vert__thumb-inner:after {
    all: unset;
}

.c-vehicle-vert__link:hover .c-vehicle-vert__image-overlay {
    opacity: 0.15;
}

.c-vehicle-details__download.js-favorite {
    cursor: pointer;
}

.brand-filter .c-filter__select {
    padding-left: 15px;
}

.tabbed-tables .c-ip-product-carousel__filter-item {
    background-color: #F6F6F6;
}

.tabbed-tables .c-ip-product-carousel__filter-item.active {
    background-color: #FFF;
}

.hidden {
    display: none;
}

.c-page-header {
    --header-font-size-responsive: calc(30px + 20 * (100vw - 320px) / 1079);
}

.client-carousel-slider {
    margin: 0 auto;
}

/* Set a max height for images and increase margin for more spacing */
.client-carousel-slider .slick-slide {
    margin: 0 50px; /* Increase margin to 20px for more spacing */
}

.client-carousel-slider img {
    max-height: 60px; /* Set max height */
    width: auto; /* Maintain aspect ratio */
    display: block;
    margin: 0 auto; /* Center the image */
}

.client-carousel-slider .slick-prev:before, .client-carousel-slider .slick-next:before {
    color: #000;
}

.client-carousel-slider .slick-prev {
    left: -50px; /* Position on the left */
}

.client-carousel-slider .slick-next {
    right: -50px; /* Position on the right */
}

@media (min-width: 769px) and (max-width: 1300px) {
    .client-carousel-slider {
        max-width: 85%;
    }
}

/* Adjust positioning for smaller screens */
@media (max-width: 768px) {
    .client-carousel-slider {
        max-width: 100%;
    }
    
    .client-carousel-slider .slick-prev {
        left: -30px; /* Move closer to the slider */
    }

    .client-carousel-slider .slick-next {
        right: -30px; /* Move closer to the slider */
    }
}

@media (max-width: 480px) {
    .client-carousel-slider .slick-prev {
        left: -20px; /* Move even closer */
    }

    .client-carousel-slider .slick-next {
        right: -20px; /* Move even closer */
    }

    .client-carousel-slider .slick-prev, .client-carousel-slider .slick-next {
        width: 30px; /* Reduce size for smaller screens */
        height: 30px; /* Reduce size for smaller screens */
        line-height: 30px; /* Center the icon */
        font-size: 14px; /* Adjust font size */
    }
}

.flex-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Always center the items horizontally */
    gap: 10px; /* Space between the images */
}

.flex-gallery .gallery-item {
    flex: 0 1 auto;
    margin-bottom: 10px;
}

.flex-gallery .gallery-item img {
    height: 60px; /* Fixed height for all images */
    width: auto; /* Variable width based on aspect ratio */
    object-fit: contain; /* Preserve aspect ratio, no cropping */
    display: block;
}

.gallery-page-gallery figure figcaption.widget-image-caption {
    font-size: 20px;
    font-weight: bold;
}

/* Media Query for Small Screens */
@media (max-width: 768px) {
    .flex-gallery {
        flex: 0 1 100%; /* Make each image take full width on small screens */
        display: flex;
        justify-content: center; /* Center the image in its container */
    }

    .flex-gallery .gallery-item img {
        height: 80px; /* Adjust height for small screens if needed */
    }
}

@media (max-width: 430px) {
    .home .c-ip-slider .owl-item .c-ip-slider__text-above {
        font-size: 20px;
    }
    
    .home .c-ip-slider .owl-item .c-ip-slider__title {
        font-size: 28px;
    }
}

.l-section--margin-120 {
    margin-top: 60px;
}

.no-margin .c-ip-heading {
    margin-top: 0;
}

@media (max-width:479px){
    .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 480px) and (max-width:1024px){
    .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item{
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1170px) {
    .c-vehicle-details__download-wrap .c-vehicle-details__download.mobile-only {
        display: none;
    }
}

@media (max-width: 1169px) {
    .c-vehicle-details__download-wrap .c-vehicle-details__download.desktop-only {
        display: none;
    }
}