/**
 * Theme Name: Efeto
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
* {
    font-family: "Rubik", sans-serif !important;
}

@media only screen and (min-width:1000px){
    .hero-slider {
    width: 100% !important;
    max-width: 100% !important;
}
    .hero-item {
        width: 100% !important;
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
        position:relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: center;
    }
    .gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--gradient, linear-gradient(99deg, rgba(57, 50, 133, 0.90) 0%, rgba(176, 202, 31, 0.40) 100%));
    z-index: 1;
}
.info-hero {
        max-width: 1600px;
        width: 100%;
        z-index: 2;
        padding: 0 160px;
    }
.text-hero p {
    color: #B0CA1F;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 156.25% */
    text-transform:uppercase;
}
.text-hero h1{
    color: #FFF;
    font-family: Rubik;
    font-size: 58px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px; /* 117.241% */
    max-width: 532px;
}
}
@media only screen and (max-width:1000px){
    .hero-slider {
    width: 100% !important;
    max-width: 100% !important;
}
    .hero-item {
        width: 100% !important;
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
        position:relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: center;
    }
    .gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--gradient, linear-gradient(99deg, rgba(57, 50, 133, 0.90) 0%, rgba(176, 202, 31, 0.40) 100%));
    z-index: 1;
}
.info-hero {
        max-width: 1600px;
        width: 100%;
        z-index: 2;
        padding: 0 30px;
    }
.text-hero p {
    color: #B0CA1F;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 156.25% */
    text-transform:uppercase;
    text-align: center;
}
.text-hero h1{
    color: #FFF;
    font-family: Rubik;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; /* 117.241% */
    max-width: 532px;
     text-align: center;
}
}