/*
Theme Name: Themify Ultra Child
Description: A child theme of Themify Ultra
Template: themify-ultra
Author: bienvu (info@bienvu.ch)
*/

/* Woohoo! Let's customize! */

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mobilehoverpump {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(2);
    }

    80% {
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}



div.even-ratio {
    aspect-ratio: 1 / 1;
    margin-right: auto;
    margin-left: auto;
}

.petal-container {
    position: absolute;
    text-align: center;
    display: table;
    margin: 0px;
    padding: 0em;
    border-radius: 50%;
    box-shadow: none;
    transition-duration: 0.6s;
    transition-timing-function: ease-in-out;
    z-index: 50;
    cursor: pointer;
}

.no-select * {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.nomargin p {
    margin-bottom: 0px;
}



.petal-title {
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
    font-weight: bolder;
    line-height: normal;

}

.petal-title span {

    transition-duration: 0.6s;
    transition-timing-function: ease-in-out;
}

    .petal-container:hover {

        z-index: 51;
        box-shadow: 0px 0px 50px white;
        /*background-blend-mode:overlay;*/
        /*border-width: 1px!important;*/
        box-shadow: inset 0 0 15px white;
    }
@media (min-width:481px) {
    .petal-container:hover {
        transition-timing-function: ease-in-out;
        transform: scale(2);
       
    }
}

@media (max-width:480px) {
    .petal-container:hover {
        animation-timing-function: ease-in-out;
        animation-name: mobilehoverpump;
        animation-duration: 3s;
        
        
    }
}