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

@Archivo: realitycheck_article.css
@Proyecto: Reality Check
Fecha: 26/08/2023

@Version: 30/08/2028 12:30AM

*/

.com-content.view-article.layout-blog  #sp-main-body .container {
	max-width: 100% !important;
	padding: 0 !important;
}

.com-content.view-article.layout-blog iframe {
	height: 440px !important;
}


/****************************************/
/**BLOQUE Titulos H1/H6 **/
/****************************************/

.realitycheck_full h1, .realitycheck_full h2, .realitycheck_full h3, 
.realitycheck_full h4, .realitycheck_full h5 {
    
    font-weight: 700;
    line-height: 1.2;
    color: var(--dark-text) !important;
    margin: 15px 0 !important;    
}


/*********************************/
/*Bloque responsive de Titulos*/
/*********************************/
@media (min-width:768px) {

    .realitycheck_full h1 {font-size: 1.8rem; }
    .realitycheck_full h2 {font-size: 1.6rem; }
    .realitycheck_full h3 {font-size: 1.4rem; }
    .realitycheck_full h4 {font-size: 1.2rem; }
    .realitycheck_full h5 {font-size: 1rem; }
}
@media (min-width:600px) and (max-width: 767px) {
    
    .realitycheck_full h1 {font-size: 1.6rem; }
    .realitycheck_full h2 {font-size: 1.4rem; }
    .realitycheck_full h3 {font-size: 1.2rem; }
    .realitycheck_full h4 {font-size: 1rem; }
    .realitycheck_full h5 {font-size: 0.8rem; }
}
@media (max-width: 767px) {
    
    .realitycheck_full h1 {font-size: 1.5rem; }
    .realitycheck_full h2 {font-size: 1.3rem; }
    .realitycheck_full h3 {font-size: 1.1rem; }
    .realitycheck_full h4 {font-size: 1rem; }
    .realitycheck_full h5 {font-size: 0.8rem; }
}


/****************************************/
/**BLOQUE VIDEO YOUTUBE **/
/****************************************/

/* VIDEO RESPONSIVE*/
.video-responsive {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 53.25%;
    padding-top: 30px;  
    margin: 10px auto;
    max-width: 700px; 
    width: 100%; 
}

.video-responsive iframe, .video-responsive object, .video-responsive embed {
    position: absolute;  
    top: 0;
    left: 0; 
    height: 100%;
    width: 100%;
}
.rumble, .bitchute, {
    width: 100% !important;
    max-width: 700px !important;
    margin: 10px auto !important;
}


/*****************************/
/* BLOQUE TABLAS */
/*****************************/

/*Tabla Standard*/

.grid table  {	
	background: #fff !important;	
	margin: 0px auto;
	color: var(--grey75);
	width: 100%;
}


.grid th, .grid td {
	padding:6px 10px !important;
	font-size: 1rem !important;	
	font-weight: 300;
}
.grid th {
	background-color: #cecece !important;
	font-weight: 700;
}

.height100 {
    height: 100px;
}



/*Tabla Ultra*/
table.table-ultra  {   
    background: #fff !important;    
    margin: 0px auto;
    color: var(--grey75);
    width: 100%;
}

.table-ultra th, .table-ultra td {
    padding:2px 4px !important;
    font-size: 0.7rem !important;    
    font-weight: 300;
    border: none !important;
}
.table-ultra th {
    background-color: #cecece !important;
    font-weight: 700;
}

.table-ultra label {
    font-size: 0.9rem !important;
    width: 100%;
    display: block;
    text-align: left;
    padding: 6px 0 3px;
    font-weight: 700;
}

.table-ultra input {
    font-size: 0.8rem !important;
}

.table-ultra select {
    font-size: 0.8rem !important;
    width: 100%;    
    text-align: left;
    padding: 1px 0;    
}


/****************************************/
/**BLOQUE INFO HEADER **/
/****************************************/

/*Background General de la Vista Artículos */
.view-article.layout-blog #sp-main-body {
	background: var(--bg-body); 
}

.item-page {
	width: 100%;
	margin: 0px auto;
	
}
.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 */
    margin: 0 auto !important;
    max-width: 1100px;
    padding: 0 2%;
        
}

.realitycheck_flex i {	
	margin: 0 10px;
}

	/*Children Flex del Info Header */
	.flex_date {
		order: 1; 
    	font-family: "Poppins";
    	color: var(--color-brand-alt);
    	font-weight: 700;
		font-size: 1.2rem;
		padding: 0 10px 0 0;

	}
	.flex_separator {
		order: 2; 
	    min-width: 100px;
	    padding: 0;
	    border-top: 2px solid var(--color-brand-alt);
	    margin-top: 13px;
	    
	}
	.flex_category {
		order: 3; 
    	font-family: "Poppins";
    	color: var(--color-brand-alt);	
    	font-weight: 700;
		font-size: 1.2rem;
		text-align: right;
		text-transform: uppercase;
		padding: 0 0 0 10px;
	}

	/*Titulo del artículo*/
	.pitagoras_blogitem_title {
		order: 4; 
		font-size: 3.4rem;
		line-height: 1;
		font-weight:700;
		width: 100%;		
		transform: scaleY(1.1);
		margin: 20px 0 10px;
		color: var(--color-body);
	}

	/*Autor del artículo*/
	.pitagoras_blogitem_author {
		order: 5; 
		font-size: 2.1rem;
		font-weight:500;
		width: 100%;
		margin: 30px 0 120px;		
		font-family: "Lora";
		color: var(--color-body);
	}	



/****************************************/
/****************************************/
/**BLOQUE IMAGE & TEXTS **/
/****************************************/
/****************************************/

.maxw1000 {
	max-width: 840px !important;
	width: 95%;
	margin: 0 auto 70px !important;

}

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

	.flex_image {
		width: 100%;
		max-width: 1250px;
		margin: -70px auto 0;
	}

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

	.flex_text {
		width: 77%;
		max-width: 990px;
		padding: 0;		
		margin: 0 0 0 10%;
		background-color: var(--white);
		margin-left: calc(18% - 115px);		
	}	

	/* --> Children del bloque de flex_text */

		.flex_introtext {
			width: 100%;
			max-width: 700px;
			padding: 50px 70px 35px;
			margin: -50px 0 0 0px;
			background-color: var(--white);
			letter-spacing: -0.02em;
			font-family: "Lora";
			font-size: 2.4rem;
			color: var(--dark-text);
			font-weight: 500;
			line-height: 1.1;
		}

		.flex_fullltext {
			width: 100%;
			max-width: 1000px;
			padding: 0px 70px 20px;
			margin: 0;						
			font-family: "Inter";
			font-size: 1.4rem;
			line-height: 1.5;
			color: var(--dark-text);
			font-weight: 400;
			letter-spacing: 0.01em;
			
		}

		.flex_author {
			width: 85%;
			max-width: 1000px;
			padding: 0px 70px 50px;
			margin: 0 auto 60px;						
			font-family: "Inter";
			font-size: 1rem;
			line-height: 1.3;
			color: var(--dark-text);
			font-weight: 300;
			letter-spacing: 0.01em;			
			border: 1px solid var(--officialgrey);
			background: var(--chroma40);			
			color: #fff !important;
		}
		

		.flex_author h4 {
			color: #fff !important;
			font-size: 1.8rem;
			margin: 10px 0;
			line-height: 2;
			font-weight: 700;
		}

		.flex_rating {
			width: 100%;
			text-align: left;
			margin: 0;
			padding: 0px 70px 25px;
			font-family: "Archivo";
			color: var(--dark-text);
		}

	/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

	.flex_social {
		width: 115px;		
		padding: 0;		
		margin: 0;				
		min-height: 250px;
	}
	/* --> Children del bloque de flex_social */

		button.flex_social_item {
			background-color: var(--socialgrey);
			line-height: 55px;
			border: none;
			width: 100%;
			border-bottom:1px solid var(--white);			
			margin: 0;
			padding: 0px;
			text-align: center;
			font-family: "Archivo";
			color: var(--white);
			font-size: 0.9rem;
			font-weight:600;
			transition: all 400ms ease;
		}
		button.firstButton {			
			border-top: 7px solid var(--color-brand-main);
			padding-top: 5px;
		}

		button.flex_social_item:hover {
			background-color: var(--color-brand-main);
		}

	/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

	/*Primer letra de párrafo*/
	p.firstSpecial:first-letter {
		font-size: 4rem;
		padding-right:3px;
		margin-right: 3px;
		color: var(--color-brand-alt);
		line-height: 0.9;

	}


/****************************************/
/****************************************/


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>BLOQUE RESPONSIVE **/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>**/

@media (max-width:1099px) {
	
	
}

@media (min-width:992px) and (max-width:1099px) {

	/*Container*/
	.realitycheck_flex {		
	    padding: 0 6%;  
	}

	/*Info Header*/
	.pitagoras_blogitem_title {
		font-size: 3.3rem;
	}
	.pitagoras_blogitem_author {	
		font-size: 1.9rem;
	}

	/*Bloque textos*/
	.flex_date {font-size: 1.1rem;}
	.flex_category {font-size: 1.1rem;}
	.flex_introtext { font-size: 2.3rem; }
	.flex_fullltext { font-size: 1.2rem; }
	

}

@media (min-width:850px) and (max-width:991px) {

	/*Container*/
	.realitycheck_flex {		
	    padding: 0 5%;  
	}

	/*Info Header*/
	.pitagoras_blogitem_title {
		font-size: 3rem;
	}
	.pitagoras_blogitem_author {	
		font-size: 1.7rem;
	}

	/*SOCIAL & TEXTS*/
	.flex_social {
		width: 100px;	
	}	
	
	button.flex_social_item {	
		font-size: 0.8rem;
		line-height: 45px;

	}
	.flex_text {		
		margin-left: calc(18% - 100px);		
	}

	/*Bloque textos*/
	.flex_date {font-size: 1rem;}
	.flex_category {font-size: 1rem;}
	.flex_introtext { font-size: 2.2rem; padding: 50px 60px 35px;}
	.flex_fullltext { font-size: 1.1rem; padding: 0px 60px 40px;}
	.flex_author { padding: 0px 60px 40px;}

		



}

@media (min-width:700px) and (max-width:849px) {

	/*Container*/
	.realitycheck_flex {		
	    padding: 0 4%;  
	}

	/*Info Header*/
	.pitagoras_blogitem_title {
		font-size: 2.8rem;
	}
	.pitagoras_blogitem_author {	
		font-size: 1.5rem;
	}
	/*SOCIAL & TEXTS*/
	.flex_social {
		width: 80px;
	}	
	
	button.flex_social_item {	
		font-size: 0.7rem;
		line-height: 35px;
	}
	.flex_text {		
		margin-left: calc(18% - 80px);		
	}

	/*Bloque textos*/
	.flex_date {font-size: 0.9rem;}
	.flex_category {font-size: 0.9rem;}
	.flex_introtext { font-size: 2.1rem; padding: 50px 50px 35px;}
	.flex_fullltext { font-size: 1rem; padding: 0px 50px 40px;}
	.flex_author {  padding: 0px 50px 40px;}
	
}

@media (min-width:600px) and (max-width:699px) {

	/*Container*/
	.realitycheck_flex {		
	    padding: 0 3%;  
	}

	/*Info Header*/
	.pitagoras_blogitem_title {
		font-size: 2.5rem;
	}
	.pitagoras_blogitem_author {	
		font-size: 1.3rem;
	}

	/*SOCIAL & TEXTS*/
	.flex_social {
		width: 80px;
	}	
	
	button.flex_social_item {	
		font-size: 0.7rem;
		line-height: 35px;
	}
	.flex_text {		
		margin-left: calc(18% - 80px);		
	}

	/*Bloque textos*/
	.flex_date {font-size: 0.84rem;}
	.flex_category {font-size: 0.84rem;}
	.flex_introtext { font-size: 2rem; padding: 50px 40px 35px;}
	.flex_fullltext { font-size: 1rem;  padding: 0px 40px 40px; }
	.flex_author { font-size: 0.7rem; padding: 0px 40px 40px;}
	.flex_author h4 { font-size: 1.3rem; }
}

@media (max-width:599px) {

	/*Container*/
	.realitycheck_flex {		
	    padding: 0 3%;  
	}

	/*Info Header*/
	.pitagoras_blogitem_title {
		font-size: 2.3rem;
		margin: 20px 5px 10px;
	}
	.pitagoras_blogitem_author {	
		font-size: 1.2rem;
		margin: 30px 5px 120px;
	}

	/*SOCIAL & TEXTS*/
	
	.flex_social {
		width: 0px;
		display: none;
	}	
	
	button.flex_social_item {	
		font-size: 0.7rem;
		line-height: 35px;
	}
	.flex_text {		
		width: 90%;
		margin-left: 5%;
	}

	/*Bloque textos*/
	.flex_date {font-size: 0.8rem;}
	.flex_category {font-size: 0.8rem;}
	.flex_introtext { font-size: 1.8rem; padding: 50px 20px 35px;}
	.flex_fullltext { font-size: 0.98rem;  padding: 0px 20px 20px; }
	.flex_author { font-size: 0.76rem; padding: 0px 5px 10px;}
	.flex_author h4 { font-size: 1.3rem; }	
}