﻿/* Theme: Governo do Estado de SP
   Author: CDN 
   version 23.05.22
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

/* header */
section#govsph-topo {
    max-width: 100vw;
    background: #e7e7e7 !important;
    background-color: #e7e7e7 !important;
    min-height: 155px;
    border-bottom: 4px solid #4e4e4e;
    font-family: 'Open Sans', sans-serif, arial;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

    section#govsph-topo div {
        padding: 0;
    }


    section#govsph-topo .container {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
    }

    section#govsph-topo .box-logo {
        display: flex;
        flex-direction: column;
        width: 16%;
        max-width: 250px;
    }

    section#govsph-topo .legislacao {
        width: 84%;
    }

    section#govsph-topo .legislacao,
    section#govsph-topo .box-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        section#govsph-topo .legislacao p {
            font-size: 16px !important;
            color: #464646;
            font-family: Verdana,'Open Sans', sans-serif, arial;
            font-weight: 500;
        }

        section#govsph-topo .box-logo,
        section#govsph-topo .box-logo p {
            flex-wrap: wrap;
            padding: 8px 0 6px 0;
            margin: 0;
            font-size: 14px !important;
            color: #464646;
            font-family: 'Open Sans', sans-serif, arial;
            font-weight: 500;
        }

    section#govsph-topo .box-logo {
        justify-content: right;
    }


@media screen and (max-width: 780px) {

    section#govsph-topo .container {
        flex-direction: column !important;
        flex-wrap: wrap;
    }

    section#govsph-topo .box-logo {
        width: 100% !important;
        max-width: 100%;
    }

    section#govsph-topo .legislacao {
        width: 100% !important;
        max-width: 100%;
    }

    section#govsph-topo .legislacao,
    section#govsph-topo .box-logo {
        justify-content: center;
        align-items: center;
    }

        section#govsph-topo .legislacao br {
            display: none;
        }
}
/* Theme: Governo do Estado de SP
   Author: CDN 
   version 23.05.22
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

/* footer */
section#govsp-rodape {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    min-height: 200px;
    width: 100%;
    max-width: 100vw;
    z-index: 9999999;
}

    section#govsp-rodape .btn {
        display: inline-block;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        border-radius: 0.25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    section#govsp-rodape div {
        padding: 0;
    }

    section#govsp-rodape .container {
        width: 100% !important;
        max-width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
    }

        section#govsp-rodape .container.rodape {
            height: 149px;
            width: 100%;
            background: #4e4e4e !important;
            background-color: #4e4e4e !important;
            margin-top: 60px;
        }


    section#govsp-rodape .linha-botoes {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: 20px;
    }

        section#govsp-rodape .linha-botoes .coluna-4 {
            width: 33.33333333%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }


        section#govsp-rodape .linha-botoes .btn-model {
            width: 202px;
            min-height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Open Sans', sans-serif, arial;
            ;
            color: #FFFFFF;
            padding: 4px 35px;
            border-radius: 20px;
            border: 0;
            background: #243e63;
            transition: background ease .2s;
            text-decoration: none;
        }

            section#govsp-rodape .linha-botoes .btn-model:hover {
                color: #FFFFFF;
                background: #464646;
            }

    section#govsp-rodape .logo-rodape {
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 149px;
    }

    section#govsp-rodape div {
        text-align: center;
    }


@media screen and (max-width: 780px) {
    section#govsp-rodape {
        margin-top: 45px;
    }

        section#govsp-rodape .linha-botoes {
            flex-direction: column;
            padding: 0;
            margin-top: 12px;
        }

            section#govsp-rodape .linha-botoes .coluna-4 {
                min-width: 100%;
                width: 100%;
                padding-top: 15px;
            }

            section#govsp-rodape .linha-botoes .btn-model {
                width: 95%;
            }
}
