/********
   La anchura del DIV de contenido en el FRONT es de alrededor de 850 píxeles.
   Hay que hacer que tanto el editor del Tiny como el visualizador de plantillas tenga la misma anchura para que la visión sea real, sobretodo por el responsive.
   En ambos casos se agregan más píxeles por las márgenes inherentes a cada DIV
*********/

/* Contenido de noticias y plantillas*/
.mainContent {
	word-wrap: break-word;
	margin-bottom: 1rem;
	overflow: hidden;
}


.mainContent pre {
	margin-left: 10px;
	margin-right: 10px;
}

/* Si es página no se visualiza la fecha */
.mainContent > article.page .meta_data {
	display: none;
}
.mainContent > article.page .articles_list .meta_data{
	display: inherit;
}

.mainContent a[disabled]
, .mainContent a[disabled]:hover {
   pointer-events: none;
   color: #e1e1e1;
}

.mainContent li ul {
	margin: 5px 0;
}



/* Para que los niveles inferiores tengan 2.1, 2.2, ... */
.mainContent ol { counter-reset: item }
.mainContent ol li { display: block }
.mainContent ol li:before { content: counters(item, ".") ". "; counter-increment: item }




a[rel*="external"]:hover::after {
    
    /* Specify the URL of the image to appear */
    /* content: url('/images/external-link.png'); */
    
    /* Add a bit of spacing */
    /* padding-left: 5px; */

	font-family: "Font Awesome 5 Free";
	content: "\f35d";
	position: absolute;
	padding-left: 3px;
	vertical-align: middle;
	font-weight: 900;
	font-size: x-small;
}


/* Iframes automáticos que se generan con videos de Youtube */
article .single_content .youtube-iframe-wrapper {
	float: none;
	clear: both;
	width: 64%;
	position: relative;
	padding-bottom: 36%;
	height: 0;
}
article .youtube-iframe-wrapper iframe.youtube-iframe {
	position: absolute;
	top: 0;
	width: 98%;
	height: 100%;
}


/************************************************************/
/************************ RESPONSIVE ************************/
/************************************************************/

/********************** col-md ************************/
@media screen and (max-width: 991px) {
	article .single_content .youtube-iframe-wrapper {
		width: 100%;
		padding-bottom: 55%;

	}
}

/* Medida col-sm ............................................*/
@media screen and (max-width: 768px) {
   
	/* ..............Contenidos....................*/
	.mainContentIndex,
	.mainContent {
		margin-top: 0px;
	}

	.mainContent h2,
	.mainContent h3,
	.mainContent h4,
	.mainContent h5,
	.mainContent h6 {
		padding-bottom: 0;
	}


}