html{

    --color-base-cliente: #042843;

    --color-base-h5: #333;

	

    --background_header_top:#4668db;

    --background_color_eventos:#FFF;

    --background_color_rodape:#4668db;
    --background_color_rodape_2:#ae6ab3;

    --background_button_cadastro_novidades:#666;

    --background_button_eventos:#4668db;

    --background_button_eventos_hover: #ae6ab3;

    --color_texto_rodape:#FFF;

    --color_menu_link_top:#FFF;

    --espacador_corpo_menu_top:70px;

}

.navbar-nav .nav-item .nav-link{
    background-color: none!important;
}
#button-buscar{

    background-color:var(--background_button_eventos,#222);

    color:#FFF;

}

#button-buscar:hover{

    background-color:var(--background_button_eventos_hover,#222);

    color:#FFF;

}

.btn-inscricao-amigo,

.btn-inscricao-minha,

.btn-inscricao,

.btn-info{

    background-color:var(--background_button_cadastro_novidades,tomato);

}

.btn-info:hover{

    background-color:#660202;

    color:#FFF;

}

.h5-titulo-rodape{

    color:#C2BBA3;

}

.carousel-title{

    color:#C2BBA3;

}

ul > a {

    color:var(--color_menu_link_top,#FFF);

}

span > a {

    color:var(--color_menu_link_top,#FFF);

}

li > a {

    color:var(--color_menu_link_top,#FFF);

}

div > h5 {

    color:#CCC;

}

a:hover{

    color:var(--background_button_eventos_hover,yellow);

}

.container-flex{

    display: flex;

    flex-direction: row;

    flex-flow: wrap;

    width: 100%;

}

.row-flex{

    width:32%;

    margin:1px;

}

.btn-segunda-via{

   background-color:#0e90d2;

    color:#FFF;

    padding:5px;

    width:100%;

    border-radius:20px;

    border:none;

}

.btn-segunda-via:hover{

    background-color:#0c5460;

    cursor:pointer

}

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

    .container-flex{width: 100%;}

    .row-flex {width: 100%;}

}

@media screen and (min-width: 541px)and (max-width: 720px) {

    .container-flex{width: 100%;}

    .row-flex {width: 100%;}

}

@media screen and (min-width: 721px)and (max-width: 960px) {

    .container-flex{width:100%;}

    .row-flex{width: 32%;}

}

@media screen and (min-width: 961px) {

    .container-flex{width: 65%;}

    .row-flex{width: 32%;}

}