/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Author: Easy Soft Agência
Version: 1.0
Text Domain: hello-elementor-child
*/

/* ============================
   MOBILE - ABRAFAMTOX
============================ */

@media (max-width:768px){

/* HERO */

.hero{
    padding:35px 20px !important;
}

.hero h1{
    font-size:38px !important;
    line-height:1.15;
    text-align:center;
}

.hero h2{
    font-size:26px !important;
    text-align:center;
}

.hero p{
    font-size:18px !important;
    line-height:1.6;
    text-align:center;
}

/* FOTO */

.hero img{
    width:100%;
    margin-top:30px;
}

/* ICONES */

.hero-icons{

    flex-direction:column !important;

    gap:25px !important;

    align-items:flex-start;

}

/* BOTÕES */

.hero-buttons{

    flex-direction:column !important;

    gap:15px !important;

}

.hero-buttons a{

    width:100% !important;

}

/* COMUNICADOS */

.comunicado{

    flex-direction:column !important;

    gap:20px;

}

/* COMO FUNCIONA */

.como-funciona{

    flex-direction:column !important;

    gap:40px;

}

/* QUEM PRECISA */

.quem-precisa{

    flex-direction:column !important;

    gap:25px;

}

.quem-precisa .elementor-icon-box-wrapper {
    gap: 0px !important;
}

.quem-precisa .elementor-icon-box-icon,  .quem-precisa .elementor-icon-box-title {
	
    text-align: center;
	
}

/* VANTAGENS */

.vantagens{

    flex-direction:column !important;

    gap:30px;

}

/* FORMULÁRIO */

.contato{

    flex-direction:column !important;

}

.contato input,

.contato textarea,

.contato select{

    width:100%;

    font-size:17px;

}

/* BOTÃO */

.contato button{

    width:100%;

}

/* RODAPÉ */

.footer-site{

    text-align:center;

}

.footer-site img{

    margin-bottom:20px;

}

}