/*
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.   ***************/


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


}


/* =========================================================
   TELIMIZE HERO
========================================================= */

.telimize-hero {
    position: relative;
    overflow: hidden;
}


/* =========================================================
   BUTTON
========================================================= */

.telimize-hero .hero-morph-button {
    position: relative;
    z-index: 20;
    transform-origin: center center;
    will-change: transform, opacity;
}


/* =========================================================
   PURPLE CARD
========================================================= */

.telimize-hero .hero-purple-card {
    position: relative;
    z-index: 10;

    width: 100% !important;

    overflow: hidden;

    transform-origin: center center;

    will-change:
        transform,
        border-radius,
        opacity;
}


/* =========================================================
   PURPLE CARD CONTENT
========================================================= */

.telimize-hero .hero-purple-label,
.telimize-hero .hero-purple-title,
.telimize-hero .hero-bars {
    will-change:
        transform,
        opacity;
}


/* =========================================================
   BARS
========================================================= */

.telimize-hero .uxbars-fill {
    animation: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .telimize-hero {
        overflow: hidden;
    }

    .telimize-hero .hero-purple-card {
        width: 100% !important;
        transform: none !important;
    }

}