@import url(conteudos-relacionados-artigos.css);

body {
    background: #F7F7F7;
}

.template-eventos {
    width: 950px;
    margin: 0 auto;
}

.template-eventos .titulo-evento h1 {
    font-family: 'Intro';
    font-size: 40px;
    color: #000;
    font-weight: 300 !important;
    margin: 1.2rem 0 1.2rem;
}

.breadcrumb {
    padding: 2rem 0 0;
    background: none;
    border-radius: 0.25rem;
}

ol.breadcrumb {
    background: none !important;
    /*! margin-left: -5rem !important; */
}

ol.breadcrumb,
ol.breadcrumb a {
    font-family: 'Inter';
    color: #18186A !important;
    font-size: 12px;
    font-weight: 500;
}

.breadcrumb-item.active {
    color: #18186A !important;
    font-size: 12px;
    font-weight: 500;
    margin-top: 0 !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "»");
    color: #1d40a6;
}

.info-box-evento {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.2rem 0 1.2rem;
}



.social-share-block ul {
    margin-top: -1.5rem !important;
}

.social-share-block a {
    background: #FFF;
}

.social-share-block a {
    background: #FFF;
    width: 40px !important;
    height: 40px !important;
}

.social-share-icon .salvar-na-agenda i {
    margin-left: 5px;
}

.article-info,
span.divider.fas.fa-map-marker-alt {
    display: none;
}

.template-eventos .texto-evento {
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    font-family: Inter !important;
    letter-spacing: 0 !important;
    color: #4d4d4d !important;
}

.template-eventos .formulario {
    margin: 1.2rem 0 4rem;
}

.pagenavigation {
    display: none;
}

.area-saiba-mais {
    display: flex;
    margin-bottom: 8rem;
    gap: 3rem;
}

.area-saiba-mais .separador hr {
    width: 557px;
    color: #000;
    border: 1px solid #999;
}

.area-saiba-mais .link {
    background: #00A85E;
    padding: 0.4rem 8.5rem;
    border-radius: 25px;
}

.area-saiba-mais .link a {
    font-family: 'Inter';
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
}

/*** web*/

.formulario {
    background: #F5F5F5;
}

.formulario-solicitacao, .cf-form-wrap.cf-col-16, .formulario-responsivo {
    background: #F5F5F5 !important;
    padding: 0 !important;
    width: 950px !important;
    margin: 0 auto !important;
}

.formulario-responsivo .titulo-form {
    padding: var(--control-gap);
    font-family: 'Intro' !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #00166B !important;
}

.formulario-responsivo .cf-label {
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    color: #00166B !important;
}

.convertforms .cf-input::placeholder {
    font-family: 'Intro' !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    color: #8A8098 !important;
}

.formulario-responsivo-linha-8 span{
    font-family: 'Inter' !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

.cf-form-wrap.cf-col-16,
.formulario-responsivo {
    background: #F5F5F5 !important;
    padding: 0 !important;
    width: 950px;
}

.formulario-responsivo-linha-2,
.formulario-responsivo-linha-3,
.formulario-responsivo-linha-4,
.formulario-responsivo-linha-5,
.formulario-responsivo-linha-6,
.formulario-responsivo-linha-7,
.formulario-responsivo-linha-8 {
    display: flex;
    padding: 0.3rem 0;
}

.formulario-responsivo-linha-3 [data-name="e_whatsapp"] .cf-list,
.formulario-responsivo-linha-4 [data-name="como_se_identifica"] .cf-list,
.formulario-responsivo-linha-6-2 [data-name="portador_de_deficiencia"] .cf-list {
    display: flex;
    gap: 1rem;
}

.formulario-responsivo-linha-6-1 .cf-list,
.formulario-responsivo-linha-7 [data-name="nivel_de_escolaridade"] .cf-list,
.formulario-responsivo-linha-7 [data-name="como_voce_ficou_sabendo_deste_evento"] .cf-list {
    display: flex;
    flex-wrap: wrap;
    width: 460px;
}

.formulario-responsivo-linha-6-2 {
    width: 460px;
}

.formulario-responsivo-linha-6-1 .cf-list .cf-radio-group,
.formulario-responsivo-linha-7 [data-name="nivel_de_escolaridade"] .cf-list .cf-radio-group,
.formulario-responsivo-linha-7 [data-name="como_voce_ficou_sabendo_deste_evento"] .cf-list .cf-radio-group {
    flex: 1 0 45%;
    margin: 0;
}

input[type="radio"]+label {
    padding: 0.3rem 0;
}

input[type="radio"],
input[type="checkbox"] {
    -ms-transform: scale(0.4) !important;
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.4) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #FFFFFF !important;
    border: 3px solid #FFFFFF !important;
    outline: 3px solid #4D80CF !important;
}

input[type="radio"] {
    border-radius: 50px !important;
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
    background-color: #00A85E !important;
    border: 3px solid #00A85E !important;
    outline: 3px solid #00A85E !important;
}

input[type="text"]{
    outline: 1px solid #4D80CF!important;
    border: 1px solid transparent !important;
}

/***/
@media only screen and (max-width: 800px) {
    .breadcrumb {
        display: none;
    }
}

@media only screen and (max-width: 950px) {

    .breadcrumb {
        display: none;
    }

    .template-eventos {
        width: calc(90vw);
        margin: 0 auto;
    }

    .template-eventos .titulo-evento h1 {
        font-size: 28px;
    }

    .info-box-evento .data-evento,
    .info-box-evento .data-evento-hora {
        font-size: 18px !important;
    }

    .data-evento-hora {
        width: calc(90vw);
    }

    .info-box-evento {
        display: flex !important;
        flex-wrap: wrap !important;
        row-gap: 1rem !important;
    }

    .area-saiba-mais {
        display: flex;
        flex-wrap: wrap;
        row-gap: 1rem;
    }

    .area-saiba-mais .separador hr {
        display: none;
    }

    .area-saiba-mais .link {
        margin: 0 auto;
    }

    /*** mobile*/

    .formulario {
        background: #F5F5F5;
    }

    .cf-form-wrap.cf-col-16,
    .formulario-responsivo {
        background: #F5F5F5 !important;
        padding: 0 !important;
        width: calc(90vw);
    }

    .formulario-responsivo-linha-2,
    .formulario-responsivo-linha-3,
    .formulario-responsivo-linha-4,
    .formulario-responsivo-linha-5,
    .formulario-responsivo-linha-6,
    .formulario-responsivo-linha-7,
    .formulario-responsivo-linha-8 {
        display: flex;
        flex-wrap: wrap;
    }

    .formulario-responsivo-linha-6-1 .cf-list,
    .formulario-responsivo-linha-7 [data-name="nivel_de_escolaridade"] .cf-list,
    .formulario-responsivo-linha-7 [data-name="como_voce_ficou_sabendo_deste_evento"] .cf-list {
        display: flex;
        flex-wrap: wrap;
        width: calc(90vw);
    }

    .formulario-responsivo-linha-6-2 {
        width: calc(90vw);
    }

    .formulario-responsivo-linha-6-1 .cf-list .cf-radio-group,
    .formulario-responsivo-linha-7 [data-name="nivel_de_escolaridade"] .cf-list .cf-radio-group,
    .formulario-responsivo-linha-7 [data-name="como_voce_ficou_sabendo_deste_evento"] .cf-list .cf-radio-group {
        flex: 1 0 60%;
        margin: 0;
    }

    /***/
}

.template-eventos {
    width: 100% !important;
    margin: 0 auto !important;
    justify-content: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
    align-items: center !important;
}

.titulo-evento {
    order: 0;
    margin-right: auto;
}

.info-box-evento {
    order: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.image-topo-evento {
    order: 2;
}

.texto-evento {
    order: 3;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    font-family: Inter !important;
    letter-spacing: 0 !important;
    color: #4d4d4d !important;
    width: 100%;
}

.template-eventos .titulo-evento h1 {
    text-align: left !important;
    font-family: 'Intro' !important;
    font-weight: 300 !important;
    font-size: 40px !important;
    letter-spacing: 0px !important;
    color: #18186A !important;
    margin: 0 !important;
    margin-top: 20px !important;
}


.template-eventos .image-topo-evento img {
    border-radius: 10px;
}

.data-evento-hora {
    text-align: left;
    font-family: 'Intro' !important;
    font-size: 18px !important;
    letter-spacing: 0px;
    color: #5883D0 !important;
    display: inline-flex;
    gap: 5px;
    width: 50%;
    align-items: center;
}

.data-evento {
    width: 100%;
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.icone-calendario-evento {
    height: 28px;
    width: 21px;
}

.article-social-share .social-share-icon ul {
    display: inline-flex !important;
}

.tags {
    justify-content: flex-end;
}

.tags li a {
    background: #EFEFEF 0% 0% no-repeat padding-box !important;
    border-radius: 100px !important;
    text-align: center;
    font-size: 10px;
    font-family: 'Intro';
    letter-spacing: 0px;
    color: #0C1249 !important;
}

.linkPosEvento {
    order: 4;
    justify-content: flex-end;
    margin-top: 20px;
    display: flex;
    width: 100%;
}

.linkPosEvento a {
    padding: 12px 48px 12px 48px;
    margin-top: 20px;
    text-align: center;
    font: normal normal medium 12px / 16px 'Inter';
    letter-spacing: 0px;
    color: #FFFFFF !important;
    background: #18186A 0% 0% no-repeat padding-box;
    border-radius: 20px;
}

.rodapeEvento {
    order: 5;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px #cccccc40 solid;
}

.linkVoltarEventos a {
    text-align: left;
    font-size: 12px;
    font-family: 'Intro';
    letter-spacing: 0px;
    color: #8A8098 !important;
}

.boxModulos .convertforms  {
    --max-width: 100% !important;
    --background-color: #f7f7f7  !important;
}