/*Clases personalizadas*/
/*Plantilla de Blog blogpitagoras101 */

#sp-main-body .container {
	max-width: 100% !important;
}

.article_container {
	max-width: 1100px;
	padding: 0px 9%;
	background: var(--white);
	margin: 0 auto;
}

.article_category, .article_author, .article_category a {
	font-family: "Archivo";
	font-weight: 400;
	font-size: 0.94rem;
	letter-spacing: 0.03em;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 25px;
	transform: scale(1, 1.1);
	color: var(--darktext) !important;
}

.article_category a:hover {
	text-decoration: underline !important;
}

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

.article_title {
	font-family: "Inter";
	font-weight: 700;
	font-size: 2.4rem;
	margin: 20px auto 5px;
	text-align: center;  
	
}
.article_introtext {
	font-family: "Inter";
	font-weight: 300;
	font-size: 1.4rem;	
	letter-spacing: 0.01em;
	line-height: 1.4;
	margin: 0px auto 40px;
	text-align: center;
}

.article_cover {

}


/*****************************/
/*Geometría del Body + Social*/
/*****************************/
.article_body_container {
	flex: 0 0 100%;        
    width: 100%;     
    display: flex !important;  
    display: -webkit-flex !important; /* Safari */     
    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 */        
    padding: 0;    
    margin: 0 auto;  
}

.article_social {	
    width: 60px;         
    padding: 40px 0 0 0px;    
    margin: 0 auto;
}

.article_social_container {	
	width: 60px;
	background: #f2f2f2;
	padding: 0px 0 0;
	text-align: center;
	display: flex !important;  
	display: -webkit-flex !important; /* Safari */     
	flex-flow: column wrap !important;
	-webkit-flex-flow: column wrap !important; /* Safari */    
	-moz-flex-flow: column wrap !important; 
	-o-flex-flow: column wrap !important; /* Safari */        
}

.article_social img {
	width: 25px;
	margin-bottom: 23px;
	margin-left: 17px;
}

.article_social hr {
	width: 30px;
	color: var(--darktext);	
	margin: 0 auto 23px;
}

.article_body {	
	width: calc(100% - 60px);
	display: block;
	font-family: "Inter";
	font-weight: 300;
	font-size: 1.24rem;
	line-height: 1.45;
	padding: 40px;
	text-align: justify;
	letter-spacing: -0.01em;
	color: var(--darktext);
}


/*********************/
/*Titulos y Parrafos*/
/*********************/

.article_container p, .article_container li {
	margin-bottom: 25px;
}

.article_container h1, 
.article_container h2, 
.article_container h3, 
.article_container h4 {
	font-weight: 700 !important;
	margin: 20px 0 !important;
	line-height: 1.5 !important;
	font-family: "Inter";
} 

/*********************/
/*Area Responsive*/
/*********************/
@media (min-width:992px)  {
	.article_container h1 {font-size: 2.1rem !important; }
	.article_container h2 {font-size: 1.9rem !important; }
	.article_container h3 {font-size: 1.7rem !important; }
	.article_container h4 {font-size: 1.5rem !important; }
}


@media (min-width:850px) and  (max-width:991px) {
	.article_container h1 {font-size: 2rem !important; }
	.article_container h2 {font-size: 1.8rem !important; }
	.article_container h3 {font-size: 1.6rem !important; }
	.article_container h4 {font-size: 1.4rem !important; }

	/*Template*/
	.article_category, .article_author, .article_category a {font-size: 0.92rem;}
	.article_title {font-size: 2.3rem;}
	.article_introtext {font-size: 1.3rem;}
	.article_body {	font-size: 1.2rem; }
	.article_container {  padding: 0px 8%;}
}

@media (min-width:600px) and  (max-width:849px) {
	.article_container h1 {font-size: 1.8rem !important; }
	.article_container h2 {font-size: 1.6rem !important; }
	.article_container h3 {font-size: 1.5rem !important; }
	.article_container h4 {font-size: 1.3rem !important; }	

	.article_category, .article_author, .article_category a {font-size: 0.86rem;}
	.article_title {font-size: 2.1rem;}
	.article_introtext {font-size: 1.26rem;}
	.article_body {	font-size: 1.16rem; }
	.article_container {  padding: 0px 7%;}
}
@media (max-width:599px)  {
	.article_container h1 {font-size: 1.6rem !important; }
	.article_container h2 {font-size: 1.4rem !important; }
	.article_container h3 {font-size: 1.3rem !important; }
	.article_container h4 {font-size: 1.2rem !important; }	

	.article_category, .article_author, .article_category a {font-size: 0.8rem;}
	.article_title {font-size: 2rem;}
	.article_introtext {font-size: 1.2rem;}
	.article_body {	font-size: 1.1rem; }
	.article_container {  padding: 0px 5%;}
}