/* contenedor de evento */
div.ccm-block-calendar-event-list-event {
	border: 1px solid #999999 !important;
	padding: 30px !important;
	border-radius: 10px;
	margin-bottom: 35px;

	display: grid;
    grid-template-columns: 0.2fr 1.8fr;
	gap:20px;
    
}



/* parte de la fecha*/
div.ccm-block-calendar-event-list-event-date {
	border:none !important;
	width: auto !important; height: auto !important;
	text-align: center;
}

div.ccm-block-calendar-event-list-event-date div {
	background: none !important;
    line-height: 0.9;
}
div.ccm-block-calendar-event-list-event-date .fecha24-mes {
	font-family: 'MontserratBold';
	color: #00529c!important;
	font-size: 1em;
	text-transform: uppercase;
}
div.ccm-block-calendar-event-list-event-date .fecha24-dia {
	font-family: 'MontserratBold';
	color: #EA2428!important;
	font-size: 3em;
}
div.ccm-block-calendar-event-list-event-date .fecha24-year {
	font-family: 'Montserrat';
	color: #5a5a5a!important;
	font-size: 1em;
}



/* parte de la descripcion*/
.ccm-block-calendar-event-list-event-description {border-left: solid 1px #00529c; padding-left: 20px;}

.ccm-block-calendar-event-list-event-description div{border: none; }
.ccm-block-calendar-event-list-event-description table {border: none; margin-left: 20px; width: 100%;}
.ccm-block-calendar-event-list-event-description td:first-child {width: 15%;font-weight: bold;}
.ccm-block-calendar-event-list-event-description td{padding: 5px;vertical-align: top; border: none;}
.ccm-block-calendar-event-list-event-description td > p{margin: 0px;}
.ccm-block-calendar-event-list-event-description td>div{margin: 0px;}
.ccm-block-calendar-event-list-event-title {font-family: 'MontserratBold' !important;	color: #00529c!important;	font-size: 1.2em !important;	margin-top: -7px; background: none !important; padding: 0px !important; cursor: default !important; text-decoration: none!important;}


/*link de contacto*/
.ccm-block-calendar-event-list-event-description div{
	padding-left: 30px;
	background: url('img/fondo-wasap.png');
	background-repeat: no-repeat; 
	background-size: 20px;
	background-position-y: center;
	background-position-x: left;
}
.ccm-block-calendar-event-list-event-description div, .ccm-block-calendar-event-list-event-description div > a{
	font-family: 'Montserrat' !important;
	font-size: large;
	color: #696969;
}
.ccm-block-calendar-event-list-event-description div:hover, .ccm-block-calendar-event-list-event-description div > a:hover{
	color: #33C833;
	text-decoration: underline; 
}

/*link de ubicacion*/
.ccm-block-calendar-event-list-event-description address{
	padding-left: 23px;
	background: url('img/fondo-ubicacion.png');
	background-repeat: no-repeat; 
	background-size: 20px;
	background-position-y: center;
	background-position-x: left;
	margin-bottom: 0px;
}
.ccm-block-calendar-event-list-event-description address, .ccm-block-calendar-event-list-event-description address > a{
	font-family: 'Montserrat' !important;
	font-size: large  !important;
	color: #696969  !important;
}
.ccm-block-calendar-event-list-event-description address:hover, .ccm-block-calendar-event-list-event-description address > a:hover{
	color: red !important;
	text-decoration: underline !important; 
}

/*link a gacetilla*/
.ccm-block-calendar-event-list-event-description pre{
	padding: 0px 0px 0px 30px;
	background: url('img/fondo-enlace.png');
	background-repeat: no-repeat; 
	background-size: 20px;
	background-position-y: center;
	background-position-x: left;
	margin: 0px;
	border: none;
}
.ccm-block-calendar-event-list-event-description pre, .ccm-block-calendar-event-list-event-description pre > a{
	font-family: 'Montserrat';
	color: #696969;
	cursor: pointer;
	font-size: large;
}
.ccm-block-calendar-event-list-event-description pre:hover, .ccm-block-calendar-event-list-event-description pre > a:hover{
	color: blue;
	text-decoration: underline; 
}








/*reglas adaptacion pantalla*/

@media (max-width:1199px) {
	div.ccm-block-calendar-event-list-event div {float: none !important;}
	div.ccm-block-calendar-event-list-event{
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2);
		grid-row-gap: 20px;
	}

	.ccm-block-calendar-event-list-event-description {border: none;padding-left: 0px;}
	.ccm-block-calendar-event-list-event-title {text-align: center;}
	.ccm-block-calendar-event-list-event-description table {border: none; margin: 0 auto;}
}

@media (max-width:991px) {
	.ccm-block-calendar-event-list-event-description td{display: inline; padding: 0px;}
	.ccm-block-calendar-event-list-event-description td:first-child > p{padding-top: 20px;}
}