/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
#pointeur {
    transition : all 0.2s ease;
}

.products {
    position   : absolute;
    transition : all 0.2s ease;
}

@media (min-width : 768px) {
    #image_rotation[data-image="1"] #product1, #image_rotation[data-image="2"] #product2, #image_rotation[data-image="3"] #product3, #image_rotation[data-image="4"] #product4, #image_rotation[data-image="5"] #product5 {
        transform : rotate(0) translate(0, -400px);
        opacity   : 1;
    }

    #image_rotation[data-image="2"] #product1, #image_rotation[data-image="3"] #product2, #image_rotation[data-image="4"] #product3, #image_rotation[data-image="5"] #product4 {
        transform : rotate(-28deg) translateX(-100%) translateY(-380px);
        width     : 206px;
        /*opacity   : 0.5;*/
    }

    #image_rotation[data-image="1"] #product2, #image_rotation[data-image="2"] #product3, #image_rotation[data-image="3"] #product4, #image_rotation[data-image="4"] #product5 {
        transform : rotate(28deg) translateX(100%) translateY(-380px);
        width     : 206px;
        /*opacity   : 0.5;*/
    }

    #image_rotation[data-image="3"] #product1, #image_rotation[data-image="4"] #product1, #image_rotation[data-image="5"] #product1,
    #image_rotation[data-image="4"] #product2, #image_rotation[data-image="5"] #product2, #image_rotation[data-image="5"] #product3 {
        opacity   : 0;
        transform : rotate(-28deg) translateX(-100%) translateY(-380px);
        width     : 206px;
    }

    #image_rotation[data-image="1"] #product3, #image_rotation[data-image="2"] #product5, #image_rotation[data-image="3"] #product5,
    #image_rotation[data-image="1"] #product4, #image_rotation[data-image="1"] #product5, #image_rotation[data-image="2"] #product4 {
        opacity   : 0;
        transform : rotate(28deg) translateX(100%) translateY(-380px);
        width     : 206px;
    }
}

@media (max-width : 767px) {
    #image_rotation[data-image="1"] #product1, #image_rotation[data-image="2"] #product2, #image_rotation[data-image="3"] #product3, #image_rotation[data-image="4"] #product4, #image_rotation[data-image="5"] #product5 {
        transform : rotate(0) translate(0, -350px);
    }

    #image_rotation[data-image="2"] #product1, #image_rotation[data-image="3"] #product2, #image_rotation[data-image="4"] #product3, #image_rotation[data-image="5"] #product4 {
        transform : rotate(-28deg) translateX(-100%) translateY(-330px);
        width     : 206px;
    }

    #image_rotation[data-image="1"] #product2, #image_rotation[data-image="2"] #product3, #image_rotation[data-image="3"] #product4, #image_rotation[data-image="4"] #product5 {
        transform : rotate(28deg) translateX(100%) translateY(-330px);
        width     : 206px;
    }

    #image_rotation[data-image="3"] #product1, #image_rotation[data-image="4"] #product1, #image_rotation[data-image="5"] #product1,
    #image_rotation[data-image="4"] #product2, #image_rotation[data-image="5"] #product2, #image_rotation[data-image="5"] #product3 {
        opacity   : 0;
        transform : rotate(-28deg) translateX(-100%) translateY(-330px);
        width     : 206px;
    }

    #image_rotation[data-image="1"] #product3, #image_rotation[data-image="2"] #product5, #image_rotation[data-image="3"] #product5,
    #image_rotation[data-image="1"] #product4, #image_rotation[data-image="1"] #product5, #image_rotation[data-image="2"] #product4 {
        opacity   : 0;
        transform : rotate(28deg) translateX(100%) translateY(-330px);
        width     : 206px;
    }
}