/* =========================================================
	Development
============================================================ */
#development-blog {
	width: 1170px;
	margin: 0 auto;
	margin-bottom: 70px;
}

#development-blog h3{
	text-transform: uppercase;
	font-family: 'HouschkaPro-Bold', sans-serif;
	margin-bottom: 25px;
}

#development-blog h3::before{
	content: "";
	display: block;
	width: 50px;
	margin-bottom: 8px;
	border-top: 3px solid #2373ba;
}

/************************** Sidebar **************************/
.sidebar-blog {
	width: calc( 30% - 30px );
	margin-right: 30px;
	float: left;
}

.sidebar-blog div{
	margin-bottom: 55px;
}


/****** Special list *******/
.special-list-post li{
	margin-bottom: 25px;
	float: left;
}

.special-list-post li a div{
	margin-bottom: 0 !important;
}


.special-list-post li a img{
	width: calc( 40% - 20px );
	margin-right: 20px;
	float: left;
	border: 1px solid #e1d9d1;
	transition: all 0.5s ease !important;
}

.special-list-post li a:hover img{
	border: 1px solid #2373ba;
}

.special-list-post li a > .tit-blog,
.special-list-post li a > .date-blog{
	width: 60%;
}

.special-list-post li a > .tit-blog{
	min-height: 35px;
	margin-top: 10px;
	color: #888079;
	float: right;
	transition: all 0.5s ease !important;
	font-family: 'HouschkaPro-BoldItalic', sans-serif;
}

.special-list-post li a:hover > .tit-blog{
	color: #231d17;
}

.special-list-post li a > .date-blog{
	margin-top: 5px;	
	color: #2373ba;
	float: right;
}

/****** Popular *******/
.popular-blog {
	width: 100%;
	float: left;
}

/******** List post popular ********/
.popular-blog ul{
	margin-bottom: 20px;
	float: left;	
}

.popular-blog ul li:last-child{
	margin-bottom: 40px;
}

.popular-blog li{
	width: auto;
	margin: 0px 5px 5px 0px;
	float: left;	
}

.popular-blog li a{
	border-radius: 2px;
	padding: 10px 15px 10px 15px;
	color: #ffffff;
	text-decoration: none;
	background-color: #231d17;
	float: left;
	font-size: 15px;
}

.popular-blog a:hover{
	color: #ffffff;
	background-color: #2373ba;
}

/************************** Content blog **************************/
.content-blog {
	width: 70%;
	float: right;
}

/****** List categories *******/
ul.list-post {
	list-style: none;
	font-size: 0px;
	margin-left: -2.5%; 
}
ul.list-post li {
	height: 100%;
	position: relative;
	display: inline-block;
	margin: 0 0 2.5% 2.5%;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.5s ease;
}

ul.list-post li a {
	font-size: 15px;
	float: left;
}

ul.list-post li a .img-blog{
	width: 100%;
	float: left;
	line-height: 0;
}

ul.list-post li a .img-blog img{
	width: 100%;
}

ul.list-post li a .info-post {
	width: 100%;
	background-color: #231d17;
	float: left;
}

ul.list-post li a > .info-post .date-post{
	width: 25%;
	padding: 12px 0 12px 0;
	text-align: center;
	color: #fff;
	float: left;
	background-color: #2373ba;
}

ul.list-post li a > .info-post .date-post span{
	width: 100%;
	float: left;
	text-align: center;
}

ul.list-post li a > .info-post .date-post span{
	font-family: 'HouschkaPro-BoldItalic', sans-serif;
	font-weight: 700;
}

ul.list-post li a > .info-post .category-post {
	width: 75%;
	padding: 20px 4% 0px 4%;
	text-align: center;
	color: #fff;
	text-align: left;
	float: left;
}

.category-post > .title{
	float: left;
}

.category-post > .commentaries{
	float: right;
}

ul.list-post li a .title-post {
	width: 100%;
	margin-top: 25px;
	font-size: 18px;
	color: #231d17;
	font-family: 'HouschkaPro-BoldItalic', sans-serif;
	text-transform: uppercase;
	text-align: center;
	float: left;
	transition: all 0.5s ease;
}

ul.list-post li a:hover .title-post {
	color: #2373ba;
}

ul.list-post li a .previous-text-post {
	width: 100%;
	color: #4f4841;
	margin-top: 20px;
	text-align: center;
	float: left;
}

ul.list-post li a .bot-enter-post {
	width: 100%;
	float: left;
}

ul.list-post li a .bot-enter-post > .bot {
	width: 40%;
    margin-top: 20px !important;
    box-shadow: none !important;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #fff !important;
    background-color: #231d17 !important;
    padding: 10px 30px 10px 30px;
    text-decoration: none;
    cursor: pointer;
    font-family: 'HouschkaPro-BoldItalic', sans-serif;
	transition: all 0.5s ease;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

ul.list-post li a:hover .bot-enter-post > .bot{
	background-color: #2373ba !important;
}


/* Class 2 columns */
ul.list-post.columns-2 li {
	width: 47.5%; /* Restamos 2.5% de el total */
}

/************************** Entry blog **************************/
.content-blog h2{
	line-height: 25px;
	text-transform: uppercase !important;
}

/****** Dates *******/
.dates-entry{
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	float: left;
}


.dates-entry li{
	width: auto;
	color: #888079;
	padding-right: 40px;
	padding-bottom: 10px;
	float: left;
}

.dates-entry li span{
	color: #2373ba;
	font-family: 'HouschkaPro-BoldItalic', sans-serif;
	text-transform: uppercase;
}

.dates-entry li i{
	color: #4f4841;
}

/****** Text *******/

.text-blog{
	width: 100%;
	margin-bottom: 25px;
	float: left;
}


/****** Tags *******/
.tags-blog{
	width: 100%;
	margin-bottom: 70px;
	float: left;
}

.tags-blog .ico-tags{
	width:5%;
	float: left;
}

.tags-blog .links-tags{
	width:95%;
	float: left;
}

.tags-blog li{
	padding: 0 5px 0 0;
	float: left;
}

.tags-blog li a{
	font-family: 'HouschkaPro-BoldItalic', sans-serif;
	color: #888079;
}

.tags-blog li a:hover{
	color: #231d17;
}


/****** Social *******/
.social-blog{
	width: 100%;
	margin-bottom: 70px;
	float: left;
	text-align: center;
}

.social-blog ul{
	text-align: center;
}

.social-blog li{
	width: auto;
	display: inline-block;
	margin: 0px 5px 5px 0px;
}

.social-blog li a{
	border-radius: 2px;
	padding: 10px 15px 10px 15px;
	color: #ffffff;
	text-decoration: none;
	background-color: #231d17;
	float: left;
	font-size: 15px;
}

.social-blog li a:hover{
	color: #ffffff;
	background-color: #2373ba;
}


/****** Next - Before *******/
.next-after-post{
	width: 100%;
	margin-bottom: 95px;
	padding-bottom: 40px;
	float: left;
	text-align: center;
	border-bottom: 1px solid #e1d9d1;
}

.next-after-post .next-post{
	float: right;
}

.next-after-post .before-post{
	float: left;
}

.next-after-post .next-post,
.next-after-post .before-post{
	text-transform: uppercase;
}

.next-after-post .next-post a,
.next-after-post .before-post a{
	color: #888079;
}

.next-after-post .next-post a:hover,
.next-after-post .before-post a:hover{
	color: #2373ba;
}

.next-after-post .next-post i{
	margin-left: 20px;
}

.next-after-post .before-post i{
	margin-right: 20px;
}

/****** Commentaries *******/
.commentaries-post{
	width: 100%;
	margin-bottom: 25px;
	float: left;
}

.commentaries-post .post-users{
	width: 100%;
	margin-bottom: 85px;
	float: left;
}

.commentaries-post .post-users h3{
	text-transform: uppercase;
	font-family: 'HouschkaPro-Bold', sans-serif;
	margin-bottom: 25px;
}

.commentaries-post .post-users h3::before{
	content: "";
	display: block;
	width: 50px;
	margin-bottom: 8px;
	border-top: 3px solid #2373ba;
}

.post{
	margin-bottom: 45px;
	float: left;
}

.answer{
	margin-top: 45px;
	margin-left: 90px;
	color: #888079;
}

.post .content-post{
	width: 100%;
	float: left;
}

.post .content-post .icon-user{
	width: 70px;
	padding: 20px 0 20px 0;
	margin-right: 20px;
	text-align: center;
	float: left;
	background-color: #f4f0eb;
}

.post .content-post .name-user{
	width: calc( 100% - 90px );
	margin-bottom: 10px;
	font-family: 'HouschkaPro-BoldItalic', sans-serif;
	text-transform: uppercase;
	color: #231d17;
	float: right;
}

.post .content-post .name-user span{
	color: #fff;
	font-size: 10px;
	padding: 2px;
	text-transform: lowercase;
	font-family: 'HouschkaPro-BoldItalic', sans-serif;
	background-color: #2373ba;
}

.post .content-post .date-post-user{
	width: calc( 100% - 90px );
	margin-bottom: 35px;
	color: #2373ba;
	float: right;
}

.post .content-post .text-post-user{
	width: calc( 100% - 90px );
	margin-bottom: 35px;
	float: right;
}

.post .content-post .bt-answer{
	width: calc( 100% - 90px );
	float: right;
}

.post .content-post .bt-answer a{
	font-family: 'HouschkaPro-BoldItalic', sans-serif;
	color: #888079;
}

.post .content-post .bt-answer a:hover{
	color: #2373ba;
}



/****** Form commentaries *******/
.commentaries-post .form-users{
	width: 100%;
	margin-bottom: 25px;
	float: left;
}

.form-users h2{
	font-family: 'HouschkaPro-Bold', sans-serif;
	font-size: 18px;
	margin-bottom: 20px;
}

.form-users input{
	margin-bottom: 10px;
	float: left;
}

.form-users input:nth-child(1){
	width: calc( 50% - 15px );
	margin-right: 15px;
}

.form-users input:nth-child(2){
	width: calc( 50% - 15px );
	margin-left: 15px;
}

.form-users textarea{
	width: 100%;
	margin-bottom: 20px;
	float: left;
}


.image-margins {
	margin: 25px;
}

.image-margins[style*='float:left'] {
	margin: 25px 25px 25px 0px;
}

.image-margins[style*='float:right'] {
	margin: 25px 0px 25px 25px;
}

.text-blog img {
	max-width: 100% !important;
	height: auto !important;
}