body {
	background-color: var(--article-color);
}


/* Main text */
/* el h6 se usa como span*/
.BlogContainer .ArticleContent p, .BlogContainer span, .BlogContainer h6{
	text-align: justify;
	font-size: 23px;
	margin-bottom: 2%;
}

.BlogContainer ul{
	list-style: initial;
	font-size: 23px;
	text-align: left;
	margin: 3% 8% 3%;
}

.BlogContainer .DisplaContents{
	display: contents;
}
.BlogContainer .InlineBlock{
	display: inline-block;
}
.BlogContainer .Inline{
	display: inline;
}
.BlogContainer .DisplaInitial{
	display: initial;
}

.BlogContainer .LineHeight1{
	line-height: 1;
}
.BlogContainer .LineHeight1_5{
	line-height: 1.5;
}
.BlogContainer .LineHeight2{
	line-height: 2;
}


/* Flex */
.BlogContainer .ArticleContent .Flex{
	display: flex;
}
/* Tipo de Flex */
.BlogContainer .ArticleContent .FlexRow{
	flex-direction: row;
}
.BlogContainer .ArticleContent .FlexColumn{
	flex-direction: column;
}
/* Justificacion */
.BlogContainer .ArticleContent .FlexLeft{
	justify-content: left;
}
.BlogContainer .ArticleContent .FlexCenter{
	justify-content: center;
}
.BlogContainer .ArticleContent .FlexRight{
	justify-content: right;
}
/* Alineacion */
.BlogContainer .ArticleContent .FlexAlignCenter{
	align-items: center;
}
.BlogContainer .ArticleContent .FlexAlignStart{
	align-items: flex-start;
}
.BlogContainer .ArticleContent .FlexAlignEnd{
	align-items: flex-end;
}
/* Hacer flex para que todo los hijos miden 50 */
.BlogContainer .ArticleContent .FlexHalf > div{
	width: 50%;
}
/* Hacer flex para que todo los hijos miden 80 */
.BlogContainer .ArticleContent .Flex80Percent > div{
	width: 80%;
}
/* Hacer flex para que todo los hijos midan 1 tercio */
.BlogContainer .ArticleContent .FlexTird > div{
	width: calc(100%/3);
}


/* Headers */
.BlogContainer .ArticleContent h1, .BlogContainer .ArticleContent h2, .BlogContainer .ArticleContent h3{
	margin-bottom: 1%;
}
.BlogContainer .ArticleContent h1{
	font-size: 35px;
}
.BlogContainer .ArticleContent h2{
	font-size: 32px;
}
.BlogContainer .ArticleContent h3{
	font-size: 30px;
}
.BlogContainer .ArticleContent h4{
	font-size: 28px;
}


/* Aligments */
.BlogContainer .ArticleContent .center{
	text-align: center;
}
.BlogContainer .ArticleContent .justify{
	text-align: justify;
}
.BlogContainer .ArticleContent .left{
	text-align: left;
}
.BlogContainer .ArticleContent .right{
	text-align: right;
}

/* Modifiers */
.BlogContainer .ArticleContent .italic{
	font-style: italic;
}
.BlogContainer .ArticleContent .lighter{
	font-weight: lighter;
}
.BlogContainer .ArticleContent .bold{
	font-weight: bold;
}
.BlogContainer .ArticleContent .bolder{
	font-weight: bolder;
}

/* FontSizes */
.BlogContainer .ArticleContent .Font15px{
	font-size: 15px;
}
.BlogContainer .ArticleContent .Font20px{
	font-size: 20px;
}
.BlogContainer .ArticleContent .Font25px{
	font-size: 25px;
}
.BlogContainer .ArticleContent .Font30px{
	font-size: 30px;
}
.BlogContainer .ArticleContent .Font35px{
	font-size: 35px;
}
.BlogContainer .ArticleContent .Font40px{
	font-size: 40px;
}
.BlogContainer .ArticleContent .Font45px{
	font-size: 45px;
}
.BlogContainer .ArticleContent .Font50px{
	font-size: 50px;
}


/* Margins */
.BlogContainer .ArticleContent .margin5{
	margin: 5%;
}
.BlogContainer .ArticleContent .marginBottom5{
	margin-bottom: 5%;
}
.BlogContainer .ArticleContent .marginTop5{
	margin-top: 5%;
}
.BlogContainer .ArticleContent .margin8{
	margin: 8%;
}
.BlogContainer .ArticleContent .marginBottom8{
	margin-bottom: 8%;
}
.BlogContainer .ArticleContent .marginTop8{
	margin-top: 8%;
}






/* Slick */

/* .BlogContainer .slick-slide > .slick-slider-img{
	margin: 10px;
	padding: 2%;
	position: relative;
	border: 5px solid #FFF;
	display: block;
	width: 100%;
	height: 200px;
}
.BlogContainer .slick-slide .image {
	padding: 10px;
	height: 200px;
}

.BlogContainer .slick-slide img {
	border: 5px solid #FFF;
	display: block;
	width: 100%;
}
.BlogContainer .slick-slide img.slick-loading { display: none; } */


.BlogContainer .owl-carousel .owl-item img{
	/* width: 60%; */
	margin-top: 14%;
}
.BlogContainer .SlickSlider{
	width: 99.1vw;
	/* height: 400px; */
}
.BlogContainer .SlickSlider img{
	height: 500px;
	width: auto;
	margin: 10px;
	/* padding: 10px; */
}

.BlogContainer .owl-carousel .owl-nav button.owl-prev {
	width: 40px;
	height: 100px;
	position: absolute;
	top: 40%;
	margin-left: -20px;
	display: block !important;
	border: 0px solid var(--primary-color);
	left: -7%;
}

.BlogContainer .owl-carousel .owl-nav button.owl-next {
	width: 40px;
	height: 100px;
	position: absolute;
	top: 40%;
	right: -25px;
	display: block !important;
	border: 0px solid var(--primary-color);
	right: -7%;
}
.BlogContainer .owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i {transform : scale(1,6); color: var(--primary-color);}



@media screen and (max-width: 700px) {
	/* Resposive defaults start */
	.BlogContainer .Fecha{
		font-size: .78rem;
		margin: 5% 0 4%;
	}
	.BlogContainer .title{
		font-size: 50px;
	}
	.BlogContainer .ArticleContent h1{
		font-size: 33px;
	}
	.BlogContainer .ArticleContent h2{
		font-size: 30px;
	}
	.BlogContainer .ArticleContent h3{
		font-size: 28px;
	}
	.BlogContainer .ArticleContent h4{
		font-size: 26px;
	}
	.BlogContainer .ArticleContent p, .BlogContainer span, .BlogContainer h6{
		font-size: 20px;
	}
	/* Resposive defaults end */

	/* FlexMAX700Column FlexMAX700AlignStart FlexMAX700_80Percent MAX700MarginLeft5 */


	.BlogContainer .ArticleContent .MAX700MarginLeft5{
		margin-left: 5%;
	}
	.BlogContainer .ArticleContent .MAX700MarginLeft8{
		margin-left: 8%;
	}

	/* Flex Start*/
	/* Tipo de Flex */
	.BlogContainer .ArticleContent .FlexMAX700Row{
			flex-direction: row;
	}
	.BlogContainer .ArticleContent .FlexMAX700Column{
			flex-direction: column;
	}
	/* Justificacion */
	.BlogContainer .ArticleContent .FlexMAX700Left{
		justify-content: left;
	}
	.BlogContainer .ArticleContent .FlexMAX700Center{
		justify-content: center;
	}
	.BlogContainer .ArticleContent .FlexMAX700Right{
		justify-content: right;
	}
	/* Alineacion */
	.BlogContainer .ArticleContent .FlexMAX700AlignCenter{
		align-items: center;
	}
	.BlogContainer .ArticleContent .FlexMAX700AlignStart{
		align-items: flex-start;
	}
	.BlogContainer .ArticleContent .FlexMAX700AlignEnd{
		align-items: flex-end;
	}
	/* Hacer flex para que todo los hijos midan un porcentaje */
	.BlogContainer .ArticleContent .FlexMAX700_FULL > div{
		width: 100%;
	}
	.BlogContainer .ArticleContent .FlexMAX700_80Percent > div{
		width: 80%;
	}
	.BlogContainer .ArticleContent .FlexMAX700_Half > div{
		width: 50%;
	}
	/* Flex end */
}
/* @media screen and (max-width: 600px) {} */