@charset "utf-8";

/**********************************************************************************************
						AGENDA
**********************************************************************************************/

/* EVENTOS */
.e_area_eventos { position: fixed; left: 0; top: 25%; z-index: 199; }
/* BOTÃO */
.e_area_eventos .e_btn_eventos { white-space: nowrap; position: absolute; top: 0; left: 0; overflow: hidden; background: #7f151a; border-bottom: solid 1px #740C11; border-radius: 0 5px 5px 0; cursor: pointer; padding: 0 5px; padding-left: 15px; transition: 0.5s; }
.e_area_eventos .e_btn_eventos:after { content: ""; width: 60px; height: 60px; border-radius: 100%; background: #93181e; position: absolute; top: 3px; right: 10px; z-index: 0; }
.e_area_eventos .e_btn_eventos .e_area_texto_btn_eventos { display: inline-block; vertical-align: middle; position: relative; z-index: 1; }
.e_area_eventos .e_btn_eventos .e_area_texto_btn_eventos .e_lato_black { font-size: 20px; color: #ecc41f; line-height: 100%; }
.e_area_eventos .e_btn_eventos .e_area_texto_btn_eventos .e_lato { font-size: 11px; color: #ddd; line-height: 130%; }
.e_area_eventos .e_btn_eventos .e_area_icone_btn_eventos { width: 70px; height: 65px; line-height: 70px; display: inline-block; vertical-align: middle; text-align: center; position: relative; z-index: 1;  font-size: 20px; color: #ecc41f; }
.e_area_eventos .e_btn_eventos .e_area_icone_btn_eventos .swfa { transition: 0.2s; }
.e_area_eventos .e_btn_eventos:hover .e_area_icone_btn_eventos .swfa { transform:scale(1.3); }
.e_area_eventos .e_btn_eventos:hover:after { animation-name: efeito_btns; animation-duration: 0.5s; animation-delay: 0.1s; }
/* LISTA DE EVENTOS */
.e_area_eventos .e_area_lista_eventos { min-height: 30px; min-width: 280px; position: absolute; top: 0; left: -400px; transform: rotate(95deg); padding: 20px 20px; padding-top: 10px; background: #f3f5f7; border: solid 1px #ddd; display: table; transition: 0.5s; border-radius: 4px; }
.e_area_eventos .e_area_lista_eventos #e_btn_fechar_eventos { background: inherit; border: 0 !important; position: absolute; top: 12px; right: 15px; font-size: 12px; color: #999; padding: 5px 7px; border-radius: 3px; transition: 0.1s; }
.e_area_eventos .e_area_lista_eventos #e_btn_fechar_eventos:hover { color: #b80000; cursor: pointer; background: #e7eaeb; }
.e_area_eventos .e_area_lista_eventos .e_titulos_c { border-bottom: solid 1px #ddd; margin-bottom: 5px; padding-bottom: 5px; background: none; }
.e_area_eventos .e_area_lista_eventos .e_titulos_c:after { display: none; }
.e_area_eventos .e_area_lista_eventos .e_titulos_c .e_txt_titulo { font-size: 22px; }
.e_area_eventos .e_area_lista_eventos .e_lista_eventos { max-height: 200px; overflow: auto; padding-right: 3px; }
.e_area_eventos .e_area_lista_eventos .e_evento { padding: 8px 0; padding-right: 10px; font-size: 0; position: relative; transition: 0.2s; }
.e_area_eventos .e_area_lista_eventos a:nth-child(even) .e_evento { background: #eaeff1; }
.e_area_eventos .e_area_lista_eventos .e_evento:hover,
.e_area_eventos .e_area_lista_eventos a:nth-child(even) .e_evento:hover { background: #fff; padding-left: 5px; padding-right: 5px; }
.e_area_eventos .e_area_lista_eventos .e_evento .e_area_img_evento { width: 50px; height: 50px; border-radius: 5px; overflow: hidden; display: inline-block; vertical-align: top; }
.e_area_eventos .e_area_lista_eventos .e_evento .e_area_info_evento { width: 160px; width: calc(100% - 50px); display: inline-block; vertical-align: top; padding: 0 10px; padding-top: 3px; }
.e_area_eventos .e_area_lista_eventos .e_evento .e_area_info_evento .e_data_evento { font-size: 10px; color: #444; }
.e_area_eventos .e_area_lista_eventos .e_evento .e_area_info_evento .e_nome_evento { font-size: 13px; color: #7e1117; }
.e_area_eventos .e_area_lista_eventos .e_evento:hover .e_area_info_evento .e_nome_evento { color: #bf0811; }
.e_area_eventos .e_area_link_ver_mais { margin-top: 5px; border-top: solid 1px #ddd; padding-top: 10px; text-align: center; }
.e_area_eventos .e_area_link_ver_mais .e_link_ver_mais { display: inline-block; }
@keyframes efeito_btns { 60% { transform: scale(1.4); } 100% { transform: scale(1); }  }

@media (max-width: 1200px) {
	.e_area_eventos .e_btn_eventos { padding: 0; margin-top: 30vh; }
	.e_area_eventos .e_btn_eventos:after { content: ""; width: 26px; height: 26px; top: 50%; right: 50%; margin-top: -13px; margin-right: -13px; }
	.e_area_eventos .e_btn_eventos .e_area_texto_btn_eventos { display: none; }
	.e_area_eventos .e_btn_eventos .e_area_icone_btn_eventos { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; }
}