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

@Archivo: realitycheck_category.css
@Proyecto: Reality Check
Fecha: 30/08/2023

@Version: 30/08/2028 02:09PM

*/

/*Container al 100% ancho completo */
.com-content.view-category.layout-blog #sp-main-body .container {
	max-width: 100% !important;
	padding: 0 !important;
}

.w100 {
    width: 100% !important;
    vertical-align: top;
}


#display_filtered_products #sp-main-body {
  padding: 0 !important;
}

/*Imagenes con esquinas redondeadas en el top*/
.roundedimage {
	border-radius: 8px !important;
}

.roundedimage img {
	border-top-left-radius: 8px !important;
	border-top-right-radius: 8px !important;
}

/****************************************/
/**BLOQUE INFO HEADER DE CATEGORIA **/
/****************************************/

.blogrealitycheck {
	width: 100%;
	margin: 0px auto !important;
	/*background-image: url("/images/_branding_realitycheck/channels-background-PC.jpg");*/
  	background-repeat: no-repeat;
  	background-position: top left;
  	background-size: auto;	
  	background-color: var(--darkblueoverlay) !important;
  	
	
}
.realitycheck_flex {
	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 */    
    padding: 0% 3%; 
    max-width: 1250px;    
}
.realitycheck_flex_store {
	margin: 0 auto 220px !important; 
}

.realitycheck_flex_article {
	margin: 0 auto 260px !important; 
}

.realitycheck_flex_video {
	margin: 0 auto 80px !important; 
}


.realitycheck_flex i {	
	margin: 0 10px;
}

	
	/*Ancho del titulo del canal */
	.avatar-container { width: 220px;}
	.title-container { 	width: calc(100% - 220px); }

	.avatar-container {
		padding: 30px 20px 0 0 !important;
	}

	.avatar-container img {
		border: 1px solid var(--darkblueFooter);
	}

	/*Children Flex del Info Header */
	
	.flex_separator {
		
		width: 100%;	    
	    padding: 0;
	    border-top: 2px solid var(--color-brand-alt);
	    margin: 13px auto 0;
	    
	}	

	/*Titulo del Blog */
	.pitagoras_blog_title {
		order: 1; 
		font-size: 2.6rem;
		font-weight:700;
		width: 100%;		
		transform: scaleY(1.1);
		margin: 20px 0 10px;
	}

	.pitagoras_store_title {
		order: 1; 
		font-size: 2.8rem;
		font-weight:700;
		width: 100%;		
		transform: scaleY(1.1);
		margin: 0;
	}
	
	.title_center {
		text-align: center !important;
	}

	.pitagoras_blog_description {
		order: 3; 
		font-size: 1.22rem;
		font-weight:300;
		width: 100%;				
		margin: 0px;
		padding: 0px 0 0;
		line-height: 1.4;
	}	



/****************************************/
/****************************************/
/**BLOQUE DE ITEMS **/
/****************************************/
/****************************************/

.realitycheck_full {	    
    max-width: 100% !important;        
    background-color: var(--darkblueoverlay);
    min-height: 300px;
    padding-bottom: 50px; 
    margin: 0 auto 0px !important;        
}
	/* --> Children del Bloque Image & Texts */

	.flex_blog_layout {
		width: 100%;
		max-width: 1250px;
		margin: -230px auto 60px;
	}
	.flex_blog_layout_store {
		margin: -150px auto 60px;
	}
	.flex_blog_layout_video {
		margin: -80px auto 60px;
	}

	article.item {
		background-color: var(--chroma30);

	}


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

/* ANCHO A LA TERCERA PARTE PARA ARTICULOS DE BLOG*/
.item_realitycheck_container {
	width: 33.3% !important;	
}
/* ANCHO A LA TERCERA PARTE PARA ITEMS DE TIENDA*/
.item_store_container {
	width: 33.3% !important;
	margin-bottom: 25px;	
}


.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 0px !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_store_cover {
		height: 320px;
	}

	
	.item_flex_date {
		order: 1; 
		width: 125px;    	
    	color: var(--color-brand-alt);
    	font-weight: 800;
		font-size: 1rem;
		padding: 0;

	}
	.item_store_collection {
		width: 100% !important;    	
		font-size: 0.9rem;
		
	}
	.item_flex_separator {
		order: 2; 
	    width: calc(100% - 125px);
	    padding: 0;
	    border-top: 2px solid var(--color-brand-alt);
	    margin-top: 13px;
	    
	}

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

	h2.item_title  {
		font-family: "Archivo";
		font-size: 1.7rem;
		font-weight: 700;		
		line-height: 1;
		color: var(--dark-text);
		letter-spacing: -0.01em;
		transform: scaleY(1.1);			
	}
	h2.item_title_store  {		
		font-size: 1.6rem;		
	}	
	
	h4.item_author  {
		order: 4; 
		width: 100%;
		font-family: "Lora";
		font-size: 1.1rem;
		font-weight: 500;
		margin: 0px 0 10px;
		line-height: 1.1;
		color: var(--mediumgrey);
		letter-spacing: 0.01em;			
	}
	h4.item_price_store  {
		font-size: 1.5rem;
		font-weight: 700;	
		color: var(--color-brand-alt);
		
	}

	.item_introtext {
		order: 5; 
		width: 100%;
		margin: 10px 0 10px;
		font-size: 1rem;
		color: var(--dark-text);
		font-weight: 500;
		letter-spacing: 0.01em;	
		font-family: "Inter";
		line-height: 1.4;

	}
	.item_introtext_store {
		
		font-size: 0.9rem;
		

	}		




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

	.item_flex_date {	
		font-size: 0.9rem;
	}

	h2.item_title  {	
		font-size: 1.6rem;
	}
	h2.item_title_store  {		
		font-size: 1.5rem;		
	}	

	h4.item_author  {	
		font-size: 1rem;
	}

	h4.item_price_store  {	
		font-size: 1.4rem;
	}	  

	.item_introtext {	
		font-size: 0.96rem;
	}

	.pitagoras_blog_title {	
		font-size: 2.5rem;
	}
	.pitagoras_store_title {	
		font-size: 2.6rem;
	}

	.pitagoras_blog_description {		
		font-size: 1.2rem;		
	}

	
	
}

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


	/*EMPTY*/
	.pitagoras_blog_title {	
		font-size: 2.4rem;
	}
	.pitagoras_store_title {	
		font-size: 2.5rem;
	}
	.pitagoras_blog_description {		
		font-size: 1.15rem;		
	}
	.blogrealitycheck {	
		/*background-image: url("/images/_branding_realitycheck/channels-background-tablet.jpg");*/
	}

	/*Ancho del titulo del canal */
	.channel-avatar-container { width: 190px;}
	.channel-title-container { 	width: calc(100% - 190px); }
}

/*Columna sigue al 50%*/
@media (min-width:700px) and (max-width:849px) {

	

	.item_flex_date {	
		font-size: 0.9rem;
	}

	h2.item_title  {	
		font-size: 1.5rem;
	}
	h2.item_title_store  {		
		font-size: 1.5rem;		
	}

	h4.item_author  {	
		font-size: 1.1rem;
	}
	h4.item_price_store  {	
		font-size: 1.4rem;
	}

	.item_introtext {	
		font-size: 1rem;
	}

	.pitagoras_blog_title {	
		font-size: 2.3rem;
	}
	.pitagoras_store_title {	
		font-size: 2.3rem;
	}
	.pitagoras_blog_description {		
		font-size: 1.15rem;		
	}
	.blogrealitycheck {	
		/*background-image: url("/images/_branding_realitycheck/channels-background-tablet.jpg");*/
	}

	/*Ancho del titulo del canal */
	.channel-avatar-container { width: 170px;}
	.channel-title-container { 	width: calc(100% - 170px); }
	
}
/*Columna sigue al 50%*/
@media (min-width:600px) and (max-width:699px) {

	

	.item_flex_date {	
		font-size: 0.9rem;
	}

	h2.item_title  {	
		font-size: 1.4rem;
	}
	h2.item_title_store  {		
		font-size: 1.4rem;		
	}

	h4.item_author  {	
		font-size: 1rem;
	}
	h4.item_price_store  {	
		font-size: 1.3rem;
	}

	.item_introtext {	
		font-size: 0.9rem;
	}
	.item_introtext_store {	
		font-size: 0.8rem;
	}

	.pitagoras_blog_title {	
		font-size: 2.2rem;
	}
	.pitagoras_store_title {	
		font-size: 2.2rem;
	}
	.pitagoras_blog_description {		
		font-size: 1.1rem;		
	}
	.blogrealitycheck {	
		/*background-image: url("/images/_branding_realitycheck/channels-background-mobile.jpg");*/
	}

	/*Ancho del titulo del canal */
	.channel-avatar-container { width: 170px;}
	.channel-title-container { 	width: calc(100% - 170px); }
	
}

/*Columna cambia al 100%*/
@media (max-width:599px) {	

	/*Ancho del titulo del canal */
	.avatar-container { width: 260px;}
	.title-container { 	width: calc(100% - 260px); }

	

	.realitycheck_flex {
		padding: 0% 10%;
	}

	.item_flex_date {	
		font-size: 0.9rem;
	}

	h2.item_title  {	
		font-size: 1.7rem;
	}
	h2.item_title_store  {		
		font-size: 1.5rem;		
	}

	h4.item_author  {	
		font-size: 1.1rem;
	}
	h4.item_price_store  {	
		font-size: 1.3rem;
	}

	.item_introtext {	
		font-size: 1rem;
	}
	.item_introtext_store {	
		font-size: 0.9rem;
	}

	.pitagoras_blog_title {	
		font-size: 2.0rem;
	}
	.pitagoras_store_title {	
		font-size: 2rem;
	}
	.pitagoras_blog_description {		
		font-size: 1.0rem;		
	}
	.blogrealitycheck {	
		/*background-image: url("/images/_branding_realitycheck/channels-background-mobile.jpg");*/
	}
	/*Ancho del titulo del canal */
	.channel-avatar-container { width: 100%;}
	.channel-title-container { 	width: 100%;}

}

@media (max-width:499px) {
	/*Ajuste a la tarjeta intro del canal*/
	/*Ancho del titulo del canal */
	.avatar-container { width: 100%;}
	.title-container { 	width: 100%; }
}

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


/*ANCHO A LA MITAD*/
@media (min-width:600px) and (max-width:991px) {
	.item_realitycheck_container {
		width: 50% !important;	
	}
	.item_store_container {
		width: 50% !important;	
	}

}


/*ANCHO COMPLETO*/
@media (max-width:599px) {
	.item_realitycheck_container {
		width: 100% !important;	
		margin: 0 0% 20px;
	}
	.item_store_container {
		width: 100% !important;	
	}

}


/*DISEÑO FLEXBOX*/



/*Container principal */
.flexbox, .flexbox100 {
    flex: 0 0 100%;        
    width: 100%;     
    display: flex !important;  
    display: -webkit-flex !important; /* Safari */ 
    width: 100% !important;  
    flex-flow: row wrap !important;
    -webkit-flex-flow: row wrap !important; /* Safari */    
    -moz-flex-flow: row wrap !important; 
    -o-flex-flow: row wrap !important; /* Safari */    
    max-width: 100%;
    padding: 0;    
    margin: 0 auto;    
    background: transparent;  
}

/* Containers hijos*/
.flexbox5 {
    flex: 0 0 5%;        
    width: 5%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox10 {
    flex: 0 0 10%;        
    width: 10%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox15 {
    flex: 0 0 15%;        
    width: 15%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox20 {
    flex: 0 0 20%;        
    width: 20%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox20M {
    flex: 0 0 18%;        
    width: 18%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox25 {
    flex: 0 0 25%;        
    width: 25%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox30 {
    flex: 0 0 30%;        
    width: 30%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox33 {
    flex: 0 0 33%;        
    width: 33%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox35 {
    flex: 0 0 35%;        
    width: 35%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox40 {
    flex: 0 0 40%;        
    width: 40%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox45 {
    flex: 0 0 45%;        
    width: 45%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox50 {
    flex: 0 0 50%;        
    width: 50%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox60 {
    flex: 0 0 60%;        
    width: 60%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox65 {
    flex: 0 0 65%;        
    width: 65%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox70 {
    flex: 0 0 70%;        
    width: 70%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox75 {
    flex: 0 0 75%;        
    width: 75%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox80 {
    flex: 0 0 80%;        
    width: 80%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox85 {
    flex: 0 0 85%;        
    width: 85%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox90 {
    flex: 0 0 90%;        
    width: 90%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox95 {
    flex: 0 0 95%;        
    width: 95%; 
    text-align: left;
    margin: 0; padding: 0px;
}