/*   

Theme Name: Alta Idea
Author: petrivnyk.productivv.pro
Author URI: https://petrivnyk.productivv.pro
Description: Our 2020 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agro
Tags: agro, productivv, petrivnyk, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Petrivnyk Productivv is based on Underscores http://petrivnyk.productivv.pro/privacy-policy/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.navUp:hover {
    animation: new_icon .5s linear 0s infinite alternate;
    -webkit-animation: new_icon 1s linear 0s infinite alternate;
}

@-webkit-keyframes new_icon {
    0% { -webkit-transform: translate(0px, 0px) ; }
    100% { -webkit-transform: translate(0px, -15px);  }
}
@-moz-keyframes new_icon {
    0% { background-position: 0 0; }
    100% { background-position: 0 600%; }
}

.testimonial-slider {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100vw;
    padding: 0 120px;
    position: relative;
    margin-bottom: 200px;
}

.testimonial {
    padding: 20px;
    min-height: 250px !important;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
}

.testimonial-slider .quote-icon {
    font-size: 24px; /* Adjust the size as needed */
    color: #333; /* Change the color if desired */
    margin-bottom: 10px;
}

.testimonial blockquote {
    font-size: 18px;
    font-style: italic;
}

.testimonial .testimonial-author {
    margin-top: 10px;
    font-weight: bold;
}

.testimonial-slider .slick-prev, .testimonial-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #fff;
    padding: 5px 30px !important;
    border-radius: 5px;
    cursor: pointer;
}

.testimonial-slider .slick-prev {
    left: 0;
}

.testimonial-slider .slick-next {
    right: 0;
}

@media only screen and (max-width: 1024px) {
    /* CSS for the cross menu icon */
    .burger-menu {
        cursor: pointer;
        display: block;
        position: absolute;
        top: 10px;
        right: 30px;
    }

    .burger-menu .bar {
        width: 20px;
        height: 3px;
        background-color: #000;
        margin: 4px 0;
        transition: transform 0.3s ease;
    }

    /* Rotate the bars to create a cross icon when the menu is open */
    .burger-menu .bar.open:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .burger-menu .bar.open:nth-child(2) {
        transform: rotate(-45deg) translate(0, 0);
    }

    /* CSS for the open menu */
    .header-wrapper {
        display: none;
        overflow: scroll !important;
        /* Additional styling for the open menu goes here */
    }

    .header-wrapper.open {
        display: block;
        /* Additional styling for the open menu goes here */
    }

    body.overflow-hidden {
        overflow: hidden;
    }

    ul.sub-menu {
        height: 0 !important;
        transition: all linear !important;
        -webkit-transition-duration: .3s !important;
        -o-transition-duration: .3s !important;
        transition-duration: .3s !important;
    }

    ul.sub-menu.show-submenu {
        height: 120px !important;
    }

    .testimonial-slider {
        margin-bottom: 30px;
        padding: 0 30px;
    }

    .testimonial-slider .slick-prev, .testimonial-slider .slick-next {
        display: none !important; /* Hide the arrows for window widths greater than 1024px */
    }
}

@media screen and (max-width: 550px) {
    .testimonial-slider {
        margin-bottom: 60px;
        padding: 0 30px;
    }
}