/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


@media (min-width:1000px){
    .front_bdf{
        background-color:rgba(19,19,19, 0.14);
        backdrop-filter:blur(6px);
        -webkit-backdrop-filter:blur(6px);
        border-radius:5px;
    }


    .stores{
        margin-top:10px !important;
    }

    .iphone {
        position: absolute !important;
        width: 80%;
        top: calc(10% - 90px);
        right: calc(-5% - 260px);
        z-index: -1;
    }

    .simplicite{
        text-decoration: underline;
        color: #6bca17;
    }

    .font-110234 .apartir{
        font-size: 50%;
        font-weight:300 !important;
        letter-spacing: -0.6px;
    }

    .font-110234 .mois{
        font-size: 50%;
    }

    .font-110234 .prix{
        letter-spacing:-2.7px;
    }
}


@media (max-width:767px){

    #intro_mobile{
       height: 90vh !important;
       overflow-y: hidden;
    }

    .front_bdf{
        background-color:rgba(19,19,19, 0.14);
        backdrop-filter:blur(6px);
        -webkit-backdrop-filter:blur(6px);
        border-radius:5px;
    }


    .stores{
        margin-top:10px !important;
    }

    .iphone {
       position: relative;

        
    }

  .h1.font-110234.custom.font-weight-700.fontsize-176425-custom {
    line-height: 1em;
}

    #wrapper_mobile{
        position:relative;
        top:-40px;
         transition: transform 0.7s ease; /* animation douce */
        
    }

    #wrapper_mobile.active {
    transform: translateY(-60%);
  }

    .simplicite{
        text-decoration: underline;
        color: #6bca17;
    }

    .font-110234 .apartir{
        font-size: 50%;
        font-weight:300 !important;
        letter-spacing: -0.6px;
    }

    .font-110234 .mois{
        font-size: 50%;
    }

    .font-110234 .prix{
        letter-spacing:-2.7px;
    }
}



/*Menu Mobile*/
@media (max-width:767px){
.submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .main-menu-container {
       background: #2A7B9B;
background: linear-gradient(0deg,rgba(42, 123, 155, 1) 0%, rgba(47, 85, 31, 1) 0%, rgba(83, 161, 15, 1) 100%);
    }

    ul#menu-principal-1 {
    background: transparent;
}

ul#menu-principal-1 li{
    padding-bottom: 35px !important;
}

ul#menu-principal-1 li a{
    font-weight: 600;
}

}