/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#guide-taille {
    margin: 2.5em 0;
}

#guide-taille #tour-taille {
    display: inline-block;
    max-width: 340px;
    margin-right: 1em;
}

#guide-taille #tour-taille::placeholder {
    color: grey;
    text-align: left;
}

#guide-taille input[type="submit"] {
    background-color: #dfb9b9;
    color: #fff;
    border-radius: 100px;
}

#guide-taille .message {
    display: none;
    font-size: 1.1em;
}

#guide-taille .dynamic {
    font-weight: bold;
}

.lien-instagram {
    color: #dfb9b9;
    font-weight: bold;
}

/* Galerie */
#galerie .slick-slide {
    padding: 2px;
}

#galerie .slide-item-container {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

#galerie .slide-item-container > * {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#galerie .slide-item-image img {
    width: 100%;
    height: 100%;    
    object-fit: cover;    
}

#galerie .slide-item-overlay {
    display: none;/*flex;*/
    justify-content: center;
    align-items: center;    
    background-color: rgba(223, 185, 185, 0.8);
    color: #fff;
    font-size: 1.2em;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
}

#galerie .slick-slide:hover .slide-item-overlay {
    opacity: 1;
}

/* Customisation Simple Lightbox */

#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    float: right;
}

#slb_viewer_wrap .slb_slideshow {
    display: none;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

    .product-main {
        padding-bottom: 0;
    }
    
    #galerie .slide-item-overlay {
        opacity: 1;
        top: initial;
        bottom: 0;
        height: auto;
    }

}