/* ========================================
                slick
                [START]
========================================= */

/* Write custom CSS here */

.slick-slider {
    --slider-gap-size: 20px;
}

.slick-track {
    display: flex !important; /* Set all slide height to same */
    height: 100%; /* Use full wrapper height */
}

.slick-slide {
    margin-left: var(--slider-gap-size); /* Add gaps between the slides */
    margin-right: var(--slider-gap-size); /* Add gaps between the slides */
    height: inherit !important; /* Set all slide height to same */
}

.slick-list {
    height: 100%; /* Use full wrapper height */
    margin-left: calc(var(--slider-gap-size) * -1); /* Add gaps between the slides */
    margin-right: calc(var(--slider-gap-size) * -1); /* Add gaps between the slides */
    padding: calc(var(--slider-gap-size) * 2) !important; /* Show partial next slide */
}

/* ========================================
                slick
                [END]
========================================= */




/* ========================================
                OVIS
                [START]
========================================= */

.page #ovis-container .ovis-go-back i {
    color: var(--color-primary) !important;
}

.page #ovis-container .ovis-description, 
.page #ovis-container .ovis-description li {
    font-size: 1rem !important;
    line-height: 1.6;
}

.page #ovis-container .ovis-ctabutton:hover, 
.page #ovis-container .ovis-ctabutton:hover a {
    background-color: var(--color-primary) !important;
}

/* Write custom CSS here */

/* ========================================
                OVIS
                [END]
========================================= */




/* ========================================
            OVIS slider (default)
                [START]
========================================= */

/* Write custom CSS here */

/* Remove block shadow */
.ovis-caroussel-item a {
    box-shadow: none !important;
}

/* Set button background color */
.ovis-caroussel-item-prices {
    background-color: var(--color-primary) !important;
}

/* ========================================
            OVIS slider (default)
                [START]
========================================= */




/* ========================================
                WooCommerce
                [START]
========================================= */

/* Write custom CSS here */

/* ========================================
                WooCommerce
                [START]
========================================= */




/* ========================================
            Contact Form 7
                [START]
========================================= */

.wpcf7 input.wpcf7-submit {
    width: fit-content !important;
    display: inline-block !important;  /* Overwrite 'display:block;' */
}

.wpcf7 form.wpcf7-form {
    display: flex; /* Add spacing between input fields */
    flex-direction: column; /* Add spacing between input fields */
    row-gap: var(--space-md); /* Add spacing between input fields */
}

.wpcf7 form.wpcf7-form input, 
.wpcf7 form.wpcf7-form textarea {
    width: 100%; /* Full width input fields */
}

.wpcf7 form.wpcf7-form textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 80px;
}

/* Write custom CSS here */

/* ========================================
            Contact Form 7
                [START]
========================================= */




/* ========================================
                Select2
                [START]
========================================= */

/* .select2-selection__rendered {
    line-height: 31px !important;
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-selection__arrow {
    height: 34px !important;
} */

/* Write custom CSS here */

/* ========================================
                Select2
                [START]
========================================= */