/*-----------------------------------------------------------------------------------*/
/*-------------------------------BLOG-PAGE-LIST--------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*
.page-content-blog {}
*/
.page-content-blog-grey h3 {
	color: rgba(0,113,188,1.00);
}

.page-content-blog .title .filter-post {
	float: right;
}

.page-content-blog .title select {
	background-color: rgba(195,152,107,1.00);
	color: rgba(255,255,255,1.00);
	font-weight: 500;
	font-size: 0.8rem;
	padding: 0.4rem 0.5rem;
	margin-left: 15px;
	border:0;
	border-radius: 5px;
}

.page-content-blog .title select option {
	background-color: rgba(242,242,242,1.00);
	color:rgba(25,69,83,1.00);
}

.page-content-blog a.post {
	display: block;
	float: left;
	width: 100%;
	/*text-align: center;*/
	/*background-color: rgba(255,255,255,1.00);*/
	/*padding: 0 0 1em;*/
	/*border-radius: 5px;*/
	border-top: 1px solid rgba(212,212,212,1.00);

}

.page-content-blog a.post .img-post {
	width: 100%;
	/*height: 25vh;*/
	border-radius: 5px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-content-blog a.post .overlayer {
	background-color: rgba(255,255,255,0.00);
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	width: 100%;
	height: 100%;
	position: relative;
}

.page-content-blog a.post:hover .overlayer {
	background-color: rgba(255,255,255,0.3);
}

.page-content-blog .overlayer .label {
	background-color: rgba(25,69,83,1.00);
	position: absolute;
	top:1em;
	left: 1em;
	padding: 0.6em 1em;
	font-weight: 500;
}

.page-content-blog a.post .label-post {
	background-color: rgba(0,113,188,1.00);
	color: rgba(255,255,255,1.00);
	font-weight: 700;
	font-size: 0.8rem;
	display: inline-block;
	padding: 0.3rem 0.7rem;
	border-radius: 3px;
}

.page-content-blog a.post .label-post-green {
	background-color: rgba(1,130,15,1.00);
}

.page-content-blog a.post p.post-list-title {
	font-size: 1.5em;
	margin: 1rem 0 0;
	/*min-height: 5em;*/
	font-weight: 700;
	/*color: rgba(0,113,188,1.00);*/
	color: rgba(50,50,50,1.00);
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
}
/*
.page-content-blog a.post p.post-list-title-green {
	color: rgba(1,130,15,1.00);
}
*/
.page-content-blog a.post p.post-list-date {
	color: rgba(100,100,100,1.00);
	font-size: 0.85rem;
	margin: 0.2rem 0 0;
	padding-top: 10px;
	/*border-top: 1px solid rgba(212,212,212,1.00);*/
}



/*-----------------------------------------------------------------------------------*/
/*-------------------------------BLOG-PAGE-GRID--------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*
.page-content-blog-grid {
	background-color: rgba(242,242,242,1.00);
}
*/
.page-content-blog-grid .title .filter-post {
	float: right;
}

.page-content-blog-grid .title select {
	background-color: rgba(195,152,107,1.00);
	color: rgba(255,255,255,1.00);
	font-weight: 500;
	font-size: 0.8rem;
	padding: 0.4rem 0.5rem;
	margin-left: 15px;
	border:0;
	border-radius: 5px;
}

.page-content-blog-grid .title select option {
	background-color: rgba(242,242,242,1.00);
	color:rgba(25,69,83,1.00);
}

.page-content-blog-grid a.post {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	background-color: rgba(255,255,255,1.00);
	padding: 0 0 1em;
	border-radius: 5px;
	box-shadow: 0 2.5px 10px 1px rgba(0,0,0,0.08);
}

.page-content-blog-grid a.post .img-post {
	width: 100%;
	height: 25vh;
	border-radius: 5px 5px 0 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-content-blog-grid a.post .overlayer {
	background-color: rgba(255,255,255,0.00);
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	width: 100%;
	height: 100%;
	position: relative;
}

.page-content-blog-grid a.post:hover .overlayer {
	background-color: rgba(255,255,255,0.3);
}

.page-content-blog-grid .overlayer .label {
	background-color: rgba(166,16,16,1.00);
	position: absolute;
	top:1em;
	left: 1em;
	padding: 0.6em 1em;
	font-weight: 500;
}

.page-content-blog-grid-photos .overlayer .label {
	background-color: rgba(166,16,16,0);
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.6em 1em;
	font-weight: 500;
}

.page-content-blog-grid-photos .overlayer .label i {
	font-size: 2rem;
}

.page-content-blog-grid .content-block-posts a.post p.post-list-title {
	font-size: 1.1em;
	margin: 2em 2em;
	min-height: 5em;
	font-weight: 700;
	color: rgba(50,50,50,1.00);
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
}

.page-content-blog-grid .content-block-posts a.post p.post-list-date {
	color: rgba(100,100,100,1.00);
	font-size: 12px;
	margin: 0 2em 0;
	padding-top: 10px;
	border-top: 1px solid rgba(212,212,212,1.00);
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------BLOG-RELATED-CONTENT-LIST---------------------------*/
/*-----------------------------------------------------------------------------------*/
/*
.blog_related_content_list {}

.blog_related_content_list h3 {}
*/
.blog_related_content_list a.post {
	display: block;
	float: left;
	width: 100%;
	/*text-align: center;*/
	background-color: rgba(242,242,242,1.00);
	/*padding: 0 0 1em;*/
	border-radius: 7px 5px 5px 7px;

}

.blog_related_content_list a.post .img-post {
	width: 100%;
	/*height: 25vh;*/
	border-radius: 5px 0 0 5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.blog_related_content_list a.post .overlayer {
	background-color: rgba(255,255,255,0.00);
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	width: 100%;
	height: 100%;
	position: relative;
}

.blog_related_content_list a.post:hover .overlayer {
	background-color: rgba(255,255,255,0.3);
}

.blog_related_content_list .overlayer .label {
	background-color: rgba(166,16,16,1.00);
	position: absolute;
	top:1em;
	left: 1em;
	padding: 0.6em 1em;
	font-weight: 500;
}

.blog_related_content_list a.post .label-post {
	background-color: rgba(166,16,16,1.00);
	color: rgba(255,255,255,1.00);
	font-weight: 700;
	font-size: 0.8rem;
	display: inline-block;
	padding: 0.3rem 0.7rem;
	border-radius: 3px;
}

.blog_related_content_list a.post p.post-list-title {
	font-size: 1.5rem;
	margin: 1rem 0 0;
	/*min-height: 7em;*/
	font-weight: 700;
	/*color: rgba(0,113,188,1.00);*/
	color: rgba(50,50,50,1.00);
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
}

.blog_related_content_list a.post p.post-list-date {
	color: rgba(166,16,16,1.00);
	font-size: 0.9rem;
	font-weight: 600;
	margin: 0.2rem 0 0;
	padding-top: 10px;
}

@media (max-width: 767px) {

	.blog_related_content_list a.post {
		background-color: rgba(242,242,242,0.00);
		border-radius: 0;
		border-bottom: 1px solid rgba(242,242,242,1.00);
		padding-bottom: 1rem;
	}

	.blog_related_content_list a.post .img-post {
		border-radius: 5px;
		margin-bottom: 1rem;
	}

	.blog_related_content_list a.post p.post-list-title {
		font-size: 1rem;
		margin-top: 0;
	}
}

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

	.blog_related_content_list a.post p.post-list-title {
		font-size: 1.1rem;
	}
}

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

	.blog_related_content_list a.post p.post-list-title {
		font-size: 1.1rem;
	}
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------NO-CONTENT-PAGE-------------------------------------*/
/*-----------------------------------------------------------------------------------*/

.page-content-blog .no-content-page,
.page-content-blog-grid .no-content-page {
	float: left;
	width: 100%;
	padding: 2em;
	margin: 1em 0;
	background-color: rgba(112,112,112,1.00);
	text-align: center;
	border-radius: 5px;
}

.page-content-blog .no-content-page p,
.page-content-blog-grid .no-content-page p {
	color: rgba(255,255,255,1.00);
}
/*-----------------------------------------------------------------------------------*/
/*-------------------------------PAGE-BLOG-TOP---------------------------------------*/
/*-----------------------------------------------------------------------------------*/

.page-blog-top {
	background-color: rgba(166,16,16,1.00);
	padding: 0.5em 0;
	text-align: center;
}

.page-blog-top h1 {
	font-size: 1.5rem;
	color: rgba(255,255,255,1.00);
	margin: 0;
}

.page-blog-top h2 span {
	font-weight: 100;
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------POST-SINGLE-----------------------------------------*/
/*-----------------------------------------------------------------------------------*/

.page-content-blog-single {
	min-height: auto;
}

.page-content-blog-single .title h1 {
	padding-bottom: 1rem;
	color: rgba(40,40,40,1.00);
	border-bottom: 1px solid rgba(242,242,242,1.00);
}

.page-content-blog-single .title h1::before {
	display: none;
}

.page-content-blog-single .meta {
	font-size: 1rem;
	color: rgba(100,100,100,1.00);
}

.page-content-blog-single .meta p {
	margin-bottom: 0.5em;

}

.page-content-blog-single .meta span {
	color: rgba(25,69,83,1.00);
	font-weight: 600;
}

.page-content-blog-single .meta i {
	margin-right: 0.5em;
}

.page-content-blog-single .shared-post {
	font-size: 0.9em;
	color: rgba(100,100,100,1.00);
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------POST-SINGLE-TAGS------------------------------------*/
/*-----------------------------------------------------------------------------------*/

.page-content-blog-single .post-tags {
	float: left;
}

.page-content-blog-single .post-tags a {
	font-size: 0.8em;
	background-color: rgba(60,60,60,1.00);
	color: rgba(255,255,255,1.00);
	padding: 0.7em 1em;
	margin: 0.3em;
	border-radius: 3px;
	display: inline-block;
}

.page-content-blog-single .post-tags a:hover {
	opacity: 0.80;
}

.shared-post-bottom {
	background-color:rgba(242,242,242,1.00);
	padding: 1rem;
	border-radius: 5px;
}

.shared-post-bottom p.mote {
	font-style: italic;
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------POST-MORE-POPULAR-----------------------------------*/
/*-----------------------------------------------------------------------------------*/


.page-content-blog .post-more-popular {
	margin-bottom: 1em;
}

.page-content-blog .post-more-popular h3 {
	background-color: rgba(29,113,184,1.00);
	padding: 0.5em 0;
	border-radius: 5px 5px 0 0;
	text-align: center;
	color: rgba(255,255,255,1.00);
}

.page-content-blog .post-more-popular .content-post {
	padding: 1em 1em 1.6em;
	border: 1px solid rgba(212,212,212,1.00);
	border-radius: 0 0 5px 5px;
	border-top: 0;
}

.page-content-blog .post-more-popular .content-post a {
	padding: 1em 0;
	color: rgba(80,80,80,1.00);
	display: block;
	border-bottom: 1px solid rgba(212,212,212,1.00);
}

.page-content-blog .post-more-popular .content-post h4 {}

.page-content-blog .post-more-popular .content-post p {
	color: rgba(100,100,100,1.00);
	margin-top: 1em;
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------SIDEBAR-MENU----------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*
.page-content-blog .sidebar-menu {
	margin-bottom: 1em;
}

.page-content-blog .sidebar-menu h3 {
	background-color: rgba(29,113,184,1.00);
	padding: 0.5em 0;
	border-radius: 5px 5px 0 0;
	text-align: center;
	color: rgba(255,255,255,1.00);
}

.page-content-blog .content-sidebar-menu {
	padding: 1em 1em 1.6em;
	border: 1px solid rgba(212,212,212,1.00);
	border-radius: 0 0 5px 5px;
	border-top: 0;
}

.page-content-blog .content-sidebar-menu ul {}

.page-content-blog .content-sidebar-menu ul li a {
	border-bottom: 1px solid rgba(212,212,212,1.00);
	color: rgba(17,47,83,1.00);
	font-weight: 700;
	padding: .6em 0;
	display: block;
	margin-bottom: 0.2em;
}

.page-content-blog .content-sidebar-menu ul li a:hover {
	opacity: 0.8;
}

.page-content-blog .content-sidebar-menu-mobile {
	padding: 1em 1em 1.6em;
	border: 1px solid rgba(212,212,212,1.00);
	border-radius: 0 0 5px 5px;
	border-top: 0;
	width: 100%;
}

.page-content-blog .content-sidebar-menu-mobile select {
	width: 100%;
	padding: 0.5em;
}*/

/*-----------------------------------------------------------------------------------*/
/*-------------------------------SIDEBAR-MENU-ASIDE-USER-----------------------------*/
/*-----------------------------------------------------------------------------------*/

.menu-aside-user {
	background-color: rgba(242,242,242,1.00);
	border: 1px solid rgba(212,212,212,1.00);
	border-radius: 5px;
	padding: 1rem;
}

.menu-aside-user p.title {
	font-size: 1.87rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

.menu-aside-user ul {}

.menu-aside-user ul li{
	margin-bottom: 0.4rem;
	display: block;
}

.menu-aside-user ul li a {
	background-color: rgba(166,16,16,1.00);
	color: rgba(255,255,255,1.00);
	display: block;
	padding: 0.5rem 1rem;
	border-radius: 5px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 0.9rem;
	padding-left: 15px;
}

.menu-aside-user  ul li a:hover {
	opacity: 0.8;
}

.menu-aside-user ul li a img {
	height: 35px;
	width: 50px;
	border-right: 1px solid rgba(255,255,255,100);
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	vertical-align: middle;
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------SIDEBAR-WEB-STORIES---------------------------------*/
/*-----------------------------------------------------------------------------------*/

.web-stories p.title {
	font-size: 1.87rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

.web-stories .swiper-slide {
	border-radius: 5px;
}