/*main*/	
body {font-family: 'Open Sans', sans-serif;line-height:1.5; font-size:var(--textFontSize); overflow-x:hidden;color:var(--textColor); font-weight:400; }
	a {transition:.2s; text-decoration:none;color:var(--headingColor)}
		a:hover, a:focus, a:active {color:var(--mainColor)}
	h1 {font-size:var(--h1FontSize); color:var(--headingColor); font-weight:700; margin-bottom:40px;}
	h2 {font-size:var(--h2FontSize); color:var(--headingColor); font-weight:600; margin-bottom:20px; }
	h3 {font-size:var(--h3FontSize); color:var(--headingColor); font-weight:600;line-height: 1.2;}
	h4 {font-size:var(--h4FontSize); color:var(--headingColor); font-weight:600}
	h5 {font-size:var(--h5FontSize); color:var(--headingColor); font-weight:600}
	h6 {font-size:var(--h6FontSize); color:var(--headingColor); font-weight:600}
	
	.wrapper {width:95%; max-width:1200px; margin:0 auto; }
		.btn  {font:inherit;height:var(--btn-height);line-height:var(--btn-height); padding:10px 30px; border-radius:4px; border:none; cursor:pointer; text-decoration:none; transition:.2s;position: relative; margin:0 auto;  font-size:var(--btn-fz);display:inline-block}
			.mbtn {background:var(--mc); color:#fff; font-weight:800}
				.mbtn:hover {background:var(--sc)}
			.btn.s1 {background:var(--main-color); color:#fff; font-weight:800}
				.btn.s1:hover {background:var(--secondary-color)}

:root {
	--borderRaidus:5px;
	--smalFontSize:12px
}
.mTitle {color:var(--headingColor); font-size:var(--h2FontSize);font-weight: 700;border-bottom: 1px solid #ddd;margin-bottom: 40px;position:relative;}
	.mTitle span {}
	.mTitle:after {content:''; display:block; width:100px; height:3px;position: absolute;top: 100%; left:0; background:var(--headingColor)}

.mainColorSlider .slick-dots {display: flex;width: 100%;display: flex;justify-content: center; align-items: center; margin-top:40px;}
	.mainColorSlider .slick-dots li {width:10px; height:10px; display:flex;margin:0 7px; border-radius:100%; transition:.2s; cursor:pointer; background:#ddd}
		.mainColorSlider .slick-dots li button {display:none}
		.mainColorSlider .slick-dots li:hover {background:var(--mainColor)}
		.mainColorSlider .slick-dots li.slick-active {background:var(--mainColor)}

/*header*/
.header {padding:20px 0;     box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05);}
	.header .wrapper {display:flex; align-items:center;}
		.header .logo {display:block; margin-right:auto}
			.header .logo img {display:block;height:50px}
		.header .menuWrapper {margin-left:50px; }
			.header .menuWrapper > nav {display:flex; align-items:center;}
			
		.menuWrapper .defaultMenu .childrens {background:#fff; left:auto; right:0;z-index:5}	

/*pagination*/
.pagination {display:flex; align-items:center; justify-content:center; padding:0; margin:30px auto; width:100%}
	.pagination li {list-style:none; display:block; margin:0 5px; }
		.pagination li a {display:flex; align-items:center; justify-content:center; text-align:center; width:40px; height:40px; line-height:40px;border-radius:var(--borderRaidus);  border:none; color:var(--headingColor); transition:.2s}
		.pagination li span {display:none}
			
			.pagination li:hover a{background:var(--mainColor); color:#fff}
			.pagination li.active a{ background:var(--mainColor); color:#fff }

/*breadcrumbs*/			
.breadcrumbs {background:#f5f5f5; padding:12px 0}
	.breadcrumbs nav {display:flex; align-items:center; justify-content:flex-start; font-size:var(--h6FontSize); font-weight:500}
		.breadcrumbs i {display:block; margin:0 10px; color:#696969}
		.breadcrumbs span {color:#696969}
			.breadcrumbs span:last-child {font-weight:600}
		
/*home page*/		
.homeFeaturedPosts {padding:40px 0}
	.homeFeaturedPosts .wrapper {display:flex; align-items:flex-start}
		.homeFeaturedPosts .grid {display: grid;grid-template-columns: 340px 1fr; grid-template-rows: repeat(3, 1fr); gap: 30px; }
			
			.homeFeaturedPosts .grid .listItem {display:flex; align-items:flex-start;grid-column: 2;grid-row: span 1;}	
				.homeFeaturedPosts .listItemText  {}
					.homeFeaturedPosts .listItemText .tag {text-transform: uppercase;color: #888;margin-bottom: 10px;display: table;}
					.homeFeaturedPosts .listItemText .text {display:none;}
					.homeFeaturedPosts .listItemText .user {margin-top:20px}
				.homeFeaturedPosts .listItemImg {display:block; width:170px; height:140px; margin-right:30px; flex-shrink:0;overflow:hidden; border-radius:var(--borderRaidus);}
					.homeFeaturedPosts .listItem .listItemImg img  {display:block; width:100%; height:100%; object-fit:cover}

			.homeFeaturedPosts .listItem:first-child {grid-column: 1; grid-row: span 3; display:block}
				.homeFeaturedPosts .listItem:first-child .listItemText {}
					.homeFeaturedPosts .listItem:first-child .text {margin:20px auto 10px auto; display:block}	
					.homeFeaturedPosts .listItem:first-child .user {margin:0}	
				.homeFeaturedPosts .listItem:first-child .listItemImg {width:100%; height:225px; margin:0 0 30px 0}
					
					
		.homeFeaturedPosts .trending {position:sticky; top:0; width:270px; margin-left:40px; flex-shrink:0; counter-reset:trending}
			.homeFeaturedPosts .trendingItem {border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; counter-increment:trending; position:relative; padding-left:50px}
				.homeFeaturedPosts .trendingItem:before {content:counters(trending, ".", decimal-leading-zero);position: absolute; top: 0; left: 0; font-size: 30px; line-height:1; color: #888;font-weight:600}
				.homeFeaturedPosts .trendingItem .user {margin:20px auto 10px auto}
				
				.homeFeaturedPosts .trendingItem:last-child {padding-bottom:0; margin-bottom:0; border-bottom:none}
			
.homeAbout {padding:60px 0}
	.homeAbout .wrapper {display:flex; align-items:center;gap:30px}
		.homeAbout .image {display:block; width:560px; aspect-ratio:56/37; flex-shrink:0;overflow:hidden; border-radius:var(--borderRaidus);}
			.homeAbout .image img {display:block; width:100%; height:100%; object-fit:cover; }
		.homeAbout .text {}
			.homeAbout .text {}

.homeHighlights {padding:40px 0}
	
	.homeHighlights .grid {display: grid;grid-template-columns: repeat(2, 1fr) 170px; grid-template-rows: repeat(2, 1fr); gap: 30px; }
		.homeHighlights .gridItem:nth-child(1) {grid-column: 1;grid-row: 1;}	
		.homeHighlights .gridItem:nth-child(2) {grid-column: 2;grid-row: 1;}	
		.homeHighlights .gridItem:nth-child(3) {grid-column: 1;grid-row: 2;}	
		.homeHighlights .gridItem:nth-child(4) {grid-column: 2;grid-row: 2;}	
		.homeHighlights .gridItem:nth-child(5) {grid-column: 3;grid-row: span 2;}	
		
		.homeHighlights .gridItem{display:flex; align-items:flex-start;grid-column: 2;grid-row: span 1;}	
			.homeHighlights .gridItemImg {display:block; width:170px; height:140px; margin-right:30px; flex-shrink:0;overflow:hidden; border-radius:var(--borderRaidus);}
				.homeHighlights .gridItemImg img  {display:block; width:100%; height:100%; object-fit:cover}
			.homeHighlights .gridItemText  {}
				.homeHighlights .gridItemText .tag {text-transform: uppercase;color: #888;margin-bottom: 10px;display: table;}
				.homeHighlights .gridItemText .text {display:none;}
				.homeHighlights .gridItemText .user {margin-top:20px}
		
		.homeHighlights .gridItem:nth-child(5) {}
			.homeHighlights .gridItem:nth-child(5) .gridItemImg {width:100%; height:100%; margin:0}
			.homeHighlights .gridItem:nth-child(5) .gridItemText{display:none}

.homeRecentPosts {padding:40px 0}
	.homeRecentPosts .wrapper {display:flex; align-items:flex-start}
		.homeRecentPosts .list {display:flex; flex-wrap:wrap; gap:40px}
			.homeRecentPosts .list .mTitle {width:100%;}
			.homeRecentPosts .listItem {display:flex; align-items:flex-start;width:100%;}	
				.homeRecentPosts .listItemText  {}
					.homeRecentPosts .listItemText .tag {text-transform: uppercase;color: #888;margin-bottom: 10px;display: table;}
					.homeRecentPosts .listItemText .text {margin:20px auto 10px auto}
				.homeRecentPosts .listItemImg {display:block; width:256px; height:214px; margin-left:30px; flex-shrink:0;overflow:hidden; border-radius:var(--borderRaidus);}
					.homeRecentPosts  .listItem .listItemImg img  {display:block; width:100%; height:100%; object-fit:cover}
					
			.homeRecentPosts .listItem._half {width:calc(50% - 20px); flex-direction:row-reverse;}
				.homeRecentPosts ._half .listItemText {}
					.homeRecentPosts ._half .listItemText h3 {font-size:var(--h6FontSize);}
					.homeRecentPosts ._half .listItemText .user {margin-top:20px}
					.homeRecentPosts ._half .listItemText .text {display:none}
					.homeRecentPosts ._half .listItemText .tag {display:none}
				.homeRecentPosts ._half  .listItemImg { width:144px; height:120px;margin:0 30px 0 0}
		
		.homeRecentPosts .trending {position:sticky; top:0; width:270px; margin-left:40px; flex-shrink:0; counter-reset:featured}
			.homeRecentPosts .trendingItem {border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; counter-increment:featured; position:relative; padding-left:50px}
				.homeRecentPosts .trendingItem:before {content:counters(featured, ".", decimal-leading-zero);position: absolute; top: 0; left: 0; font-size: 30px; line-height:1; color: #888;font-weight:600}
				.homeRecentPosts .trendingItem .user {margin:20px auto 10px auto}
			
/*post typography */
.postContent { margin:0 auto;}
	.postContent p {margin-bottom:20px}
	.postContent blockquote {margin:20px 0; position:relative;padding-left: 70px;font-style: italic;font-size: var(--h4FontSize);font-weight: 600;}
		.postContent blockquote:before {content:"\f10d";    font: normal normal normal 14px / 1 FontAwesome; position: absolute;  top: 0;left: 0;font-size: 56px;color: #ddd;}
		.postContent blockquote strong {display:block;font-size: var(--textFontSize); font-weight: 400; margin-top: 10px;}
			.postContent blockquote strong:before {content:'-'}
	.postContent ol, .postContent ul {    list-style-position: inside;padding: 0 0 0 40px;margin: 20px 0;}
		.postContent li {font-size:var(--h6FontSize); font-weight:600; color:var(--headingColor); margin-bottom:5px}
	.postContent * + h2 {margin-top:40px}
	
	.postContent i, .postContent em {font-style:italic}
	
	.postInnerGallery {display:flex; flex-wrap:wrap; gap:20px;margin:40px 0;}		
		.postInnerGallery a {display:block;width:calc(33.333% - 13.333px);aspect-ratio:56/37;}
			.postInnerGallery a img {display:block; width:100%; height:100%; object-fit:cover;}
			
		.postInnerGallery a:first-child:nth-last-child(1) {width:80%; margin:0 auto;}
		
		.postInnerGallery a:first-child:nth-last-child(2),
		.postInnerGallery a:first-child:nth-last-child(2) ~ a {width:calc(50% - 20px)}

/*Author posts list*/
.authorPostsList {}
	.authorPostsList .list {display:flex; flex-wrap:wrap; gap:40px; margin-bottom:50px}
		.authorPostsList .listItem { width:calc(50% - 20px);display:flex; align-items:flex-start}
			.authorPostsList .listItemImg {display:block; width:196px; height:165px; flex-shrink:0; overflow:hidden; border-radius:var(--borderRaidus); margin-right:20px}
				.authorPostsList .listItemImg img {display:block; width:100%; height:100%; object-fit:cover}
			.authorPostsList .listItemText .text {margin:20px 0}
				.authorPostsList .listItemText .tag {text-transform: uppercase;color: #888;margin-bottom: 10px;display: table;}
				.authorPostsList .listItemText .user {margin:20px 0 10px 0}	

.authorPostsInfo {padding:40px 0 ; }
	.authorPostsInfo .wrapper { display:flex; align-items:center;}
		.authorPostsInfo .wrapper > img {display:block; width:265px; height:265px; margin-right:30px; border-radius:100%; object-fit:cover; flex-shrink:0}
		.authorPostsInfo .text {} 
			.authorPostsInfo .text .name {font-weight:600;font-size:var(--h3FontSize); color:var(--headingColor); margin-bottom:20px}

/*Blog tag page*/			
.blogTagPage {padding:40px 0}
	.blogTagPage .wrapper {display:flex; align-items:flex-start}
		
		.blogTagPage .listItem {display:flex; align-items:flex-start; margin-bottom:40px}	
			.blogTagPage .listItemText  {}
				.blogTagPage .listItemText .tag {text-transform: uppercase;color: #888;margin-bottom: 10px;display: table;}
				.blogTagPage .listItemText .text {margin:20px auto 10px auto}
			.blogTagPage .listItemImg {display:block; width:256px; height:214px; margin-left:30px; flex-shrink:0;overflow:hidden; border-radius:var(--borderRaidus);}
				.blogTagPage  .listItem .listItemImg img  {display:block; width:100%; height:100%; object-fit:cover}
		.blogTagPage .featured {position:sticky; top:0; width:270px; margin-left:40px; flex-shrink:0; counter-reset:featured}
			.blogTagPage .featuredItem {border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; counter-increment:featured; position:relative; padding-left:50px}
				.blogTagPage .featuredItem:before {content:counters(featured, ".", decimal-leading-zero);position: absolute; top: 0; left: 0; font-size: 30px; line-height:1; color: #888;font-weight:600}
				.blogTagPage .featuredItem .user {margin:20px auto 10px auto}
			
/*Parent category Page*/
.blogParentPosts {padding:40px}
	.blogParentPosts .sliderItem {display:flex; align-items:flex-start;gap:30px}
		.blogParentPosts .sliderItemImg {display:block; width:560px; aspect-ratio:56/37; flex-shrink:0; overflow:hidden; border-radius:var(--borderRaidus);}
			.blogParentPosts .sliderItemImg img {display:block; width:100%; height:100%; object-fit:cover}
		.blogParentPosts .sliderItemText {}
			.blogParentPosts .sliderItemText .text {margin-bottom:20px}
			.blogParentPosts .sliderItemText .user {margin-bottom:10px}
			
.blogParentList {padding:40px 0}
	.blogParentList .list {display:flex; flex-wrap:wrap; gap:30px}
		.blogParentList .listItem { width:calc(33.3333% - 20px);}
			.blogParentList .listItemImg {display:block; width:100%; aspect-ratio:36/24; flex-shrink:0; overflow:hidden; border-radius:var(--borderRaidus); margin-bottom:20px}
				.blogParentList .listItemImg img {display:block; width:100%; height:100%; object-fit:cover}
			.blogParentList .listItemText .text {margin:20px 0}
			.blogParentList .listItemText .user {margin-bottom:10px}	
	
	
/*parent post page*/			
.blogParentsPostWrapperSeparator {padding:0 0 80px 0}

.blogParentsPost {padding:40px 0 80px 0}
	.blogParentsPost  h1 {text-align:center; max-width:800px; margin:0 auto;}
	.blogParentsPost .topInfo {display:flex;align-items:center; margin:50px auto; max-width:500px; justify-content:center; }
		.blogParentsPost .topInfo > img {display:block; width:80px; height:80px; object-fit:cover; border-radius:100%; margin-right:20px}
		.blogParentsPost .topInfo .date {margin-top:5px}
		
	
	.blogParentsPost .mainImage {width:100%; margin-bottom:40px}	
		.blogParentsPost .mainImage img {display:block; width:100%}
	
	.blogParentsPost .postContent {max-width:900px}
	
	.blogParentsPost  .bottomInfo {display:flex; justify-content:space-between; gap:40px; max-width:900px; margin:40px auto 0 auto;}
		.blogParentsPost  .bottomInfo .tags {display:flex; align-items:center;}
			.blogParentsPost .bottomInfo .tags span {font-size:var(--h3FontSize); color:var(--headingColor); font-weight:600; display:block; margin-right:20px; }
			.blogParentsPost .bottomInfo .tags div {display:flex; flex-wrap:wrap; gap:10px}
				.blogParentsPost .bottomInfo .tags div a {border:1px solid #ddd; padding:3px 7px; display:table;font-size: var(--smalFontSize); border-radius:var(--borderRaidus)}
					.blogParentsPost .bottomInfo .tags div a:hover {background:var(--mainColor); border-color:var(--mainColor); color:#fff}
					
		.blogParentsPost  .bottomInfo .share {display:flex; align-items:center; flex-shrink:0;}
			.blogParentsPost .bottomInfo .share >  span {font-size:var(--h3FontSize); color:var(--headingColor); font-weight:600;display:block; margin-right:20px; }
	
	.blogParentsPost .author {border:1px solid #ddd; padding:30px; display:flex; align-items:center; margin:50px auto 0 auto; max-width:900px; box-sizing:border-box;border-radius:var(--borderRaidus)}
		.blogParentsPost .author > img {display:block; width:170px; height:170px; margin-right:30px; border-radius:100%; object-fit:cover; flex-shrink:0}
		.blogParentsPost .text {} 
			.blogParentsPost .text .name {font-weight:600;font-size:var(--h3FontSize); color:var(--headingColor); margin-bottom:20px}