/* - ploneCustom.css - */
@media all {
/* ===================================================
INÍCIO AJUSTE
IDENTIDADE VISUAL CABEÇALHO
Portal Modelo / Plone 4
=================================================== */


/* Fonte moderna */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&display=swap');



/* BLOCO DO TÍTULO */

#titleHeader{

    margin-top:14px !important;

    margin-left:18px !important;

    display:inline-block;

    vertical-align:middle !important;

    position:relative !important;

    overflow:visible !important;

    padding-bottom:18px;
}



/* CÂMARA MUNICIPAL DE */

#siteTitle{

    font-family:'Poppins',sans-serif !important;

    font-size:36px !important;

    font-weight:700 !important;

    color:#ffffff !important;

    line-height:1 !important;

    letter-spacing:-1px !important;

    margin-bottom:4px !important;

    text-shadow:
        0 2px 3px rgba(0,0,0,.16),
        0 5px 12px rgba(0,0,0,.16);
}



/* ICARAÍMA - PR */

#siteDescription{

    font-family:'Poppins',sans-serif !important;

    font-size:42px !important;

    font-weight:800 !important;

    color:#ffffff !important;

    line-height:1 !important;

    letter-spacing:-1.2px !important;

    margin-top:2px !important;

    text-shadow:
        0 2px 5px rgba(0,0,0,.22),
        0 8px 18px rgba(0,0,0,.18);
}



/* LINHA MODERNA */

#titleHeader:after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:390px;

    height:4px;

    border-radius:100px;

    background:
    linear-gradient(

        90deg,

        rgba(255,255,255,.98) 0%,

        rgba(218,234,255,.92) 30%,

        rgba(120,180,255,.50) 75%,

        rgba(120,180,255,0) 100%

    );

    box-shadow:

        0 1px 5px rgba(255,255,255,.18);

}



/* RESPONSIVO */

@media(max-width:768px){

#titleHeader{

    margin-top:10px !important;

    margin-left:8px !important;

    padding-bottom:14px;

}


#siteTitle{

    font-size:22px !important;
}


#siteDescription{

    font-size:25px !important;
}


#titleHeader:after{

    width:190px;
}

}

/* FIM AJUSTE */

/* ===================================================


/* ===================================================

}