/*Plantilla CSS del BLOG CATEGORY de REALITY CHECK*/
/*

@Archivo: realitycheck_related.css
@Proyecto: Reality Check
Fecha: 31/08/2023

@Version: 31/08/2028 04:23PM

*/



/****************************************/
/****************************************/
/**BLOQUE RELATED ARTICLES **/ 
/****************************************/
/****************************************/

.realitycheck_subtitle {
	display: flex;  
    display: -webkit-flex; /* Safari */ 
    width: 100%;  
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; /* Safari */    
    -moz-flex-flow: row wrap; 
    -o-flex-flow: row wrap; /* Safari */
    margin: 30px auto 20px;
    max-width: 1200px;
    padding: 0%;     
}



	/*Children Flex del Info Header */
	.subtitle_heading {
		order: 1;     	
    	color: var(--lightblue);
    	font-weight: 700;
		font-size: 1.5rem;
		padding: 0 20px 0 0;

	}
	.subtitle_separator {
		order: 2; 
	    min-width: 100px;
	    width: calc(100% - 290px);
	    padding: 0;
	    border-top: 2px solid var(--lightblue);
	    margin-top: 13px;	    
	}


.relateditems {
	color: var(--darkblue);
	display: flex;  
    display: -webkit-flex; /* Safari */ 
    width: 100%;  
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; /* Safari */    
    -moz-flex-flow: row wrap; 
    -o-flex-flow: row wrap; /* Safari */
    margin: 0 auto !important;
    max-width: 1200px;
    padding: 0; 
}

	/*Children Flex del RELATED ARTICLES Block */	
	.flex33 {
		width: 31% !important;
		margin: 0 1% 50px;
		max-width: 380px;
	}		

	article.itemrelated {
		background-color: var(--white);

	}




/****************************************/
/****************************************/
/** ITEM INFO BLOCK **/
/****************************************/
/****************************************/

.item_realitycheck_flex {
	display: flex;  
    display: -webkit-flex; /* Safari */ 
    width: 85%;  
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; /* Safari */    
    -moz-flex-flow: row wrap; 
    -o-flex-flow: row wrap; /* Safari */
 	margin: 0px auto 40px !important;
	padding: 20px 15px 0px;
	position: relative;
	top: -20px;
	background-color: var(--white);
    
}

.entry-image {
	margin: 0 !important;
}

.item_realitycheck_flex i {	
	margin: 0 5px 0 0;
}

	/*Children Flex del Item Info Block */	
	
	.item_flex_date {
		order: 1; 
		width: 125px;    	
    	color: var(--officialred);
    	font-weight: 800;
		font-size: 1rem;
		padding: 0;

	}
	.item_flex_separator {
		order: 2; 
	    width: calc(100% - 125px);
	    padding: 0;
	    border-top: 2px solid var(--officialred);
	    margin-top: 13px;
	    
	}

	a.item_title_link {
		order: 3; 
		width: 100%;
		margin: 10px 0;
	}

	h2.item_title  {
		font-family: "Archivo";
		font-size: 2rem;
		font-weight: 700;		
		line-height: 1;
		color: var(--darkblue);
		letter-spacing: -0.01em;
		transform: scaleY(1.1);			
	}
	
	h4.item_author  {
		order: 4; 
		width: 100%;
		font-family: "Lora";
		font-size: 1.2rem;
		font-weight: 500;
		margin: 0px 0 10px;
		line-height: 1.1;
		color: var(--socialgrey);
		letter-spacing: 0.01em;			
	}

	.item_introtext {
		order: 5; 
		width: 100%;
		margin: 10px 0 10px;
		font-size: 1.1rem;
		color: var(--darkblue);
		font-weight: 600;
		letter-spacing: 0.01em;	
		font-family: "Lora";
		line-height: 1.4;

	}	



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>BLOQUE RESPONSIVE **/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
@media (min-width:992px) and (max-width:1099px) {

	/*Textos*/
	.item_flex_date{ font-size: 0.8rem;}
	h2.item_title{ font-size: 1.8rem;}
	h4.item_author{ font-size: 1rem;}
	.item_introtext{font-size: 1rem;}
}


/* Regresa a los Tamaños Originales,  columna contenedor de item cambia al 50% */
@media (min-width:850px) and (max-width:991px) {
	/*EMPTY*/
}

/*Columna sigue al 50%*/
@media (min-width:700px) and (max-width:849px) {
	
	/*Textos*/
	.item_flex_date{ font-size: 0.8rem;}
	h2.item_title{ font-size: 1.8rem;}
	h4.item_author{ font-size: 1rem;}
	.item_introtext{font-size: 1rem;}
}

/*Columna sigue al 50%*/
@media (min-width:600px) and (max-width:699px) {
	/*Textos*/
	.item_flex_date{ font-size: 0.7rem;}
	h2.item_title{ font-size: 1.5rem;}
	h4.item_author{ font-size: 1rem;}
	.item_introtext{font-size: 0.9rem;}
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*DISEÑO RESPONSIVE DEL CONTENEDOR DE ITEMS*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/* Contenedor de item cambia al 50% */
@media (min-width:600px) and (max-width:991px) {
	.flex33 {
		width: 44% !important;
		margin: 0 3% 50px;		
	}	

}

/*Contenedor de item cambia al 100%*/
@media (max-width:599px) {	
	.flex33 {
		width: 90% !important;
		margin: 0 5% 50px;		
	}	

	/*Textos*/
	.item_flex_date{ font-size: 0.8rem;}
	h2.item_title{ font-size: 1.8rem;}
	h4.item_author{ font-size: 1rem;}
	.item_introtext{font-size: 1rem;}
}