/*SECCION AGENDA*/
.bnc_agenda
{
	z-index: 100;
    position: relative;
    margin-top: 8vh;
}
.bnc_agenda::before
{
	content: "";
    display: block;
    background-image: url(/activos/img/backgrounds/bnc-background-globos.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100vw;
    height: 72vh;
    position: absolute;
    z-index: -1;
    top: -8vh;
    left: -10vw;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
}
/*CALENDARIO*/
#AgendaHomeDatePicker
{
	background-color:#fff;
	margin-top: 1em;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 0.1em;
    padding-right: 0.1em;
}
#AgendaHomeDatePicker .ui-datepicker
{
	width:100%;
}
.ui-datepicker .ui-datepicker-title
{
	text-transform:uppercase;
	font-family:var(--Lato);
	font-weight:bold;
	font-size:1.1em;
}
#AgendaHomeDatePicker .ui-datepicker-next::before,
#AgendaHomeDatePicker .ui-datepicker-prev::before
{
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	color: #000;
	padding-left: 8px;
	font-size: 1.8em;
}
#AgendaHomeDatePicker .ui-datepicker-next::before
{  
	content: "\f054";	
}
#AgendaHomeDatePicker .ui-datepicker-prev::before
{ 
	content: "\f053";
}
.ui-datepicker .ui-datepicker-other-month
{
	background-color:var(--color-gris-4);
}
#AgendaHomeDatePicker .ui-datepicker td a.ui-state-default::after
{
	display: block;
	height:0.5em;
	content:"";
}
#AgendaHomeDatePicker .ui-datepicker td a.bnc_with_event::after
{
	display: block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	color: var(--color-azul-principal);
	content: "\f111";
	font-size: 0.5em;
}
.ui-datepicker td a.ui-state-active
{
	background-color:var(--color-azul-principal);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    color: #fff;
    margin:auto;
}
.ui-datepicker td span, 
.ui-datepicker td a
{
    text-align: center !important;
    font-family:var(--Roboto);
    color:var(--color-gris-3);
}
/*LISTA DE EVENTOS*/
.bnc_agenda_lista_eventos > h6
{
	font-family:var(--Roboto);
	color:var(--color-gris-3);
	font-weight: 600;
	text-transform:capitalize;
	font-size: 1.1em;
}
.bnc_agenda .bnc_agenda_lista_eventos ul
{
	overflow-y: auto;
    max-height: 45vh;
    height:auto;
}
.bnc_agenda .bnc_agenda_lista_eventos ul li
{
	width:100%;
}
.bnc_agenda .bnc_agenda_lista_eventos ul li .card
{
	width:100%;
	display:block;
	overflow:auto;
}
.bnc_agenda .bnc_agenda_lista_eventos ul li .card .card-content
{
	padding:0.5em;
	font-family:var(--Lato);
	font-size:1.2em;
}
.bnc_agenda_lista_eventos ul li .card .card-title
{
	font-family:var(--Roboto);
	color:var(--color-gris-3);
	font-size: 1em;
    font-weight: 600;
    margin-top: 0;
}
.bnc_agenda_lista_eventos ul li .card .card-image
{
	padding:0px !important;
}
.bnc_agenda_lista_eventos ul li .card .card-image img
{
	width:100%;
}
.bnc_agenda_lista_eventos ul li .card .card-content .bnc_btn_ver_evento
{
	font-family:var(--Lato);
	background-color:var(--color-azul-principal);
	color:#fff;
	padding: 0.1em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 10px;
    font-weight: 500;
    transition: all linear 0.5s;
    font-size:0.8em;
}
/*MODAL VER EVENTO*/
.bnc_modal_ver_evento .modal-content img
{
	width:100% !important;
}
.bnc_modal_ver_evento
{
	min-width:70%;
}
.bnc_modal_ver_evento .modal-content h3
{
	font-size: 2em;
}
.bnc_modal_ver_evento #BncAgendaDescripcion
{
	white-space: break-spaces;
}

/*TWITTER*/
.twitter-timeline iframe
{
	margin-top:0.5em !important;
	height: 400px !important;
}
@media screen and (min-width: 1500px)
{
	.ui-datepicker .ui-datepicker-title,
	.bnc_agenda_lista_eventos > h6
	{
		font-size:1.5em;
	}
	#AgendaHomeDatePicker
	{
	    padding-left: 0.5em;
	    padding-right: 0.5em;
	}

	#AgendaHomeDatePicker .ui-datepicker-next::before,
	#AgendaHomeDatePicker .ui-datepicker-prev::before
	{  
		font-size: 2.5em;
	}
	.bnc_agenda .bnc_agenda_lista_eventos ul li .card .card-content
	{
		padding:1em;
		font-size:1.7em;
	}
	.bnc_agenda_lista_eventos ul li .card .card-title
	{
	    margin-top: 0.5em;
	}
	.bnc_agenda::before
	{
	    height: 72vh;
	}
	.twitter-timeline iframe
	{
		height: 560px !important;
	}

}
@media screen and (max-width: 900px)
{
	.bnc_modal_ver_evento .modal-content h3
	{
		font-size: 1.4em;
	}
	.twitter-timeline iframe
	{
		height: 350px !important;
	}

}