/*
Theme Name:  Risonanzaecos
Theme URI:   https://jacopobuffetti.com
Version:     1.0
Description: Tema child di Divi.
Author:      Jacopo Buffetti
Author URI:  https://jacopobuffetti.com
Template:    Divi
*/

:root {
    --yellow: #fdfd00;
    --purple: #ff23fd;
    --orange: #f16309;
    --orange-divider: #f16309;
    --green: #39a80f;
    --bg-green: #0F9C50;
    --greenbg1gradient: #64c65d;
    --greenbg2gradient: #24ac0c;
    --raleway: 'Raleway', sans-serif;
    --red: #FF1919;
    --extraBold: 900;
    --grey: #5c5c5c;
    --bg-input: #c2c2c2;
    --gradient-light: #eb215b;
    --gradient-dark: #88041c;
    --label-optional: #c8c6c7;
    --label-mandatory: #b80421;
    --grey-booton: #EFEFF0;
    --green-modal: #57b3a8;
}

*{
    font-family: var(--raleway) !important;
    font-weight: 500;
}

.et-pb-icon{
    font-family: ETmodules !important;
}

header,
#main-footer{
    display: none !important;
}

.textYellow{
    color: var(--yellow) !important;
}

.textPurple{
    color: var(--purple) !important;
}

.textOrange{
    color: var(--orange);
}

.textOrange-two {
    color: var(--orange);
}

.textHighlighted{
    background-color: var(--yellow);
}

.text-shadow{
    text-shadow: 2px 0px 5px rgba(0,0,0,0.7);
}

.text-bold{
    font-weight: bold;
}

.home div{
    background-color: transparent;
}

.home{
    background-color: var(--bg-green) !important;
}

.home #page-container{
    padding-top: 0 !important;
}

.sectionImageBiker, .rowImageBiker{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.rowImageBiker .et-last-child{
    display: flex;
    align-items: center;
    justify-content: center;
}

.textBorder{
    position: absolute;
    top: 40px;
    padding: 10px;
    margin: 0 10px;
    border: 3px dashed #ffffff;
    border-radius: 20px;
    background-color: rgba(0,0,0,0.6) !important;
    max-width: 600px;
}

.textBorder p{
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.home .et_pb_section{
    padding: 0 10px !important;
}

.home .et_pb_section.sectionImageBiker{
    padding: 0 !important;
}

.home .et_pb_row{
    width: 100% !important;
}

.rowBrochure{
    background-color: #ffffff !important;
    padding: 20px 10px;
    border-radius: 20px;
}

.row-motivi{
    border-radius: 20px 20px 0 0 !important;
}

.rowBrochure p, .rowBrochure span{
    font-size: 18px;
    font-weight: bold;
}

.containerAnimatedImg{
    position:relative;
    z-index: 100;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
}

.containerAnimatedImg img{
    max-width: 50px;
}

.containerCallToAction{
    display: flex;
    justify-content: center;
    align-items: center;
}

.callToAction {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 20px;
    color: #ffffff;
    font-weight: var(--extraBold);
    background-color: var(--green) !important;
    box-shadow: 0px 0px 10px 4px #8C8C8C;
    border-radius: 30px;
    border: 4px solid #ffffff;
    padding: 20px;
    max-width: 800px;
    position: relative;
    line-height: 20px;
    text-align: center;
}

.overlayModal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5) !important;
    z-index: 100;
}

.openModal{
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.overlayModal div{
    width: 100%;
}

.containerModal{
    max-width: 600px;
    width: 100%;
    background-color: var(--green-modal) !important;
    position: relative;
    z-index: 200;
    border-radius: 20px;
    padding-top: 100px;
}

.container-logo-modal{
    text-align: center;
}

.container-logo-modal img{
    max-width: 200px;
    margin-top: -90px;
}

.modalTel{
    padding: 0 20px 30px;
    background-color: #ffffff !important;
    border-radius: 20px;
    text-align: center;
}

.modalTel ul{
    list-style: none;
    padding: 0;
}

.modalTel li{
   margin-bottom: 15px;
}

.modalTel li:last-child{
    margin-bottom: 0;
}

.modalTel li:first-child{
    margin-top: 15px;
}

.modalTel a{
    color: var(--green-modal);
    font-size: 20px;
    background-color: var(--grey-booton) !important;
    padding: 10px;
    display: flex;
    max-width: max-content;
    align-items: center;
    gap: 5px;
    justify-content: center;
    margin: 0 auto;
    border-radius: 15px;
}

.titleModal img{
    max-width: 250px;
}

.modalTel .et-pb-icon{
    font-size: 30px;
}

.linkMessenger{
    display: block;
    text-align: center;
    border: 3px dashed #000000;
    padding: 20px;
    border-radius: 20px;
}

.linkMessenger img{
    max-width: 150px;
}

.linkMessenger p{
    color: #000000;
}

.rowTextWhite h3{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
}

.rowTextWhite p{
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.home .row-motivi{
 padding-bottom: 0 !important;
}

.home .row-motivi,
.home .immagine-footer,
.home .row-footer{
    width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.row-motivi{
    margin-top: 100px;
}

.image-for{
    max-width: 200px;
    margin-top: -110px;
}

.list-motivi{
    list-style: none;
    padding: 0 !important;
}

.item-motivi{
    display: flex;
    gap: 0 10px;
    margin-bottom: 10px;
}

.container-image-motivi{
    width: 100%;
    max-width: 40px;
}

.container-image-motivi img{
    max-width: 40px;
    width: 100%;
}

.contaioner-text-motivi{
    width: 100%;
}

.rowBrochure .container-text-motivi p,
.rowBrochure .column-question p{
    font-weight: 500;
}

.info-green{
    font-weight: bold;
    color: var(--green);
    margin: 50px 0 100px;
}

.container-divider{
    display: flex;
    align-items: center;
    justify-content: center;
}

.divider{
    height: 4px;
    width: 80%;
    background-color: var(--orange-divider) !important;
    text-align: justify;
}

.question-image img,
.image-radiazioni img{
    max-width: 60px;
}

.boxAppuntamenti{
    text-align: center;
    padding: 20px 0;
    background: rgb(100,198,93) !important;
    background: linear-gradient(90deg, rgba(100,198,93,1) 0%, rgba(36,172,12,1) 100%) !important;
}

.boxAppuntamenti p{
    color: #ffffff;
}

.boxAppuntamenti img{
    max-width: 20px;
}

.box-numero-appuntamenti{
    background-color: #ffffff !important;
    max-width: max-content;
    margin: 5px auto;
    padding: 2px 10px;
    border-radius: 10px;
}

.box-numero-appuntamenti p{
    color: #000;
}

.title-scan{
    margin-bottom: 0 !important;
    margin-top: 100px;
}

.title-scan h3{
    font-weight: bold;
}

.title-rm h3 span{
    font-weight: bold;
    color: var(--green);
    font-size: 30px;
}

.container-list-rm{
    display: flex;
}

.list-rm li{
    margin-bottom: 30px;
}

.list-rm li p{
    font-weight: normal;
    font-size: 22px;
}

.list-rm,
.list-rm-img{
    padding: 0 !important;
    list-style-type: none !important
}

.item-rm-img{
    margin-bottom: 15px;
}

.item-rm-img img{
    max-width: 80px;
}

.row-footer{
    background-color: #ffffff !important;
    margin-bottom: 70px !important;
    position: relative !important;
    padding-bottom: 0 !important;
}

.indicazioni-mappa{
    position: absolute;
    bottom: 40px;
}

.indicazioni-mappa img{
    max-width: 70%;
}

.immagine-footer{
    margin-bottom: 0 !important;
}

.upForMotive{
    margin-top: 100px;
}

.iconClose{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    cursor: pointer;
}

.containerMailIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.containerMailIcon img{
    max-width: 50px;
}

.containerMailIcon span{
    color: #c68700;
}


@keyframes bounce {
    0% {
        top: 0;
        animation-timing-function: ease-in;
    }
    62% {
        top: 50px;
        animation-timing-function: ease-in;
    }
    90% {
        top: 0;
        animation-timing-function: ease-in;
    }
}

@-webkit-keyframes bounce{
    0% {
        top: 0;
        animation-timing-function: ease-in;
    }
    62% {
        top: 50px;
        animation-timing-function: ease-in;
    }
    90% {
        top: 0;
        animation-timing-function: ease-in;
    }
}


@media screen and (min-width: 769px) {
    .textBorder p{
        font-size: 30px;
        line-height: 30px;
    }

    .home .et_pb_section{
        padding: 0 !important;
    }
    .rowBrochure{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .rowBrochure p,
    .rowBrochure span{
        font-size: 25px;
    }
    .row-motivi{
        margin-top: 200px;
    }
    .image-for{
        max-width: 400px;
        margin-top: -200px;
    }
}