@import "base/blog";

/* owl */
.entry-thumb-wrap > .owl-carousel.owl-theme > .owl-nav {
	[class*='owl-'] {
		position: absolute;
		top: 50%;
		.transform(translateY(-50%));
	}
	.owl-prev {
		left: 10px;
		
	}
	.owl-next {
		right: 10px;
		
	}
	margin: 0;
}

.entry-thumb-wrap.thumb-small > .owl-carousel.owl-theme > .owl-nav {
	/*top: 0;
	left: 0;*/
	[class*='owl-'] {
		width: 26px;
		height: 26px;
		line-height: 26px;
		padding-right: 1px;
	}
}

.gf-post-excerpt p {
	margin: 0;
}

/**
* Paging Navigation
* ----------------------------------------------------------------------------
*/
.blog-pagination {
	font-size: 0;
	position: relative;
	text-align: center;
	.page-numbers {
		text-align: center;
		&:extend(.heading_font);
		&:extend(.fs-14);
		line-height: 36px;
		width: 36px;
		height: 36px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 2px;
		margin-top: 2px;
		.transition(all .3s);
		&.next,
		&.prev {
			width: auto;
			height: auto;
			&:extend(.fs-11);
			text-transform: uppercase;
			letter-spacing: 0.03em;
			padding: 0 27px;
		}
		&.next {
			margin-right: 0 !important;
		}
		&:hover,
		&:focus,
		&.current {
			background-color: @accent_color !important;
			color: @foreground_accent_color !important;
		}
	}
	a {
		.gsf-link;
	}
}

@media (max-width: 440px) {
	.blog-pagination {
		.page-numbers {
			width: 30px;
			height: 30px;
			line-height: 30px;
		}
	}
}

.comment-navigation {
	text-align: right;
	.page-numbers {
		width: 40px;
		height: 40px;
		line-height: 40px;
		&.next,
		&.prev {
			position: relative;
			width: 40px;
			height: 40px;
			line-height: 40px;
			font-size: 0;
			padding: 0;
			i {
				line-height: 40px;
			}
		}
	}
}

.gf-gutter-0 + .gf-paging {
	margin-top: 50px;
}

.gf-gutter-10 + .gf-paging {
	margin-top: 40px;
}

.gf-gutter-20 + .gf-paging {
	margin-top: 30px;
}

.gf-gutter-30 + .gf-paging {
	margin-top: 20px;
}

.gf-gutter-10.gf-blog-inner > .post-grid {
	padding-bottom: 35px;
}

.gf-gutter-20.gf-blog-inner > .post-grid {
	padding-bottom: 45px;
}

.gf-gutter-30.gf-blog-inner > .post-grid {
	padding-bottom: 55px;
}

/**
* Image Size
* ----------------------------------------------------------------------------
*/
.thumbnail-size-blog-large:before,
.embed-responsive-blog-large {
	padding-bottom: 51.95402298850575%;
}

.thumbnail-size-blog-grid:before,
.embed-responsive-blog-grid {
	padding-bottom: 73.24324324324324%;
}

.thumbnail-size-1x1:before {
	padding-bottom: 100%;
}

.thumbnail-size-4x3:before {
	padding-bottom: 75%;
}

.thumbnail-size-3x4:before {
	padding-bottom: 133.3333333333333%;
}

.thumbnail-size-16x9:before {
	padding-bottom: 56.25%;
}

.thumbnail-size-9x16:before {
	padding-bottom: 177.7777777777778%;
}

.thumbnail-size-none:before {
	display: none;
}

.gf-post-like {
	
	&:extend(.primary-font);
	font-size: 12px;
	letter-spacing: 0.07em;
	&:extend(.accent-color);
}

article.post-default, article.post-single {
	.gf-post-title {
		font-size: 22px;
		letter-spacing: 0.03em;
		margin-bottom: 10px;
		margin-top: 0;
		line-height: 1.36;
	}
	.gf-post-meta {
		font-size: 13px;
		letter-spacing: 0.03em;
		margin-bottom: 20px;
		padding-left: 0;
		color: #a4a4a4 !important;
		> li {
			display: inline-block;
			margin-right: 30px !important;
			i {
				&:extend(.accent-color);
			}
			> a {
				.gsf-link;
			}
		}
		
	}
	
}

/**
* Layout Default
* ----------------------------------------------------------------------------
*/
article.post-default {
	.gf-post-excerpt {
		line-height: 1.73em;
		letter-spacing: 0.03em;
	}
	
	.gf-post-inner {
		position: relative;
	}
	.entry-thumb-wrap {
		overflow: hidden;
		&:before {
			position: absolute;
			content: '';
			display: block;
			top: 100%;
			right: 0;
			width: 100%;
			height: 0;
			transform: skewY(3deg) translateY(-50%);
			z-index: 100;
			padding-bottom: 5.4%;
		}
	}
}

@media (max-width: 767px) {
	article.post-default {
		.entry-quote-thumbnail {
			.block-center-inner {
				padding: 20px;
			}
		}
	}
}

/**
* Layout Large Image
* ----------------------------------------------------------------------------
*/

.entry-thumb-format-audio .embed-responsive-blog-large {
	padding: 0;
	overflow: inherit;
	height: auto;
	font-size: 0;
	iframe {
		height: 250px;
		position: static;
	}
}

.layout-large-image > article {
	padding-bottom: 70px;
}

.layout-large-image + .gf-paging {
	margin-top: 30px;
}

article.post-large-image {
	text-align: center;
	.entry-thumb-wrap {
		margin-top: 100px;
		&.entry-thumb-format-audio {
			margin-top: 0;
		}
		&.entry-thumb-format-quote {
			margin-top: 0;
		}
		&.entry-thumb-format-link {
			margin-top: 0;
		}
	}
	.entry-thumb-wrap + .gf-post-content .gf-post-title-wrap {
		width: 77.586%;
		padding: 50px 70px 20px 70px;
		background-color: #fcfcfc;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 100;
		.transition(all 0.4s);
	}
	// post format audio
	.entry-thumb-wrap.entry-thumb-format-audio + .gf-post-content .gf-post-title-wrap {
		&:extend(.pos-static);
	}
	// post format quote
	.entry-thumb-wrap.entry-thumb-format-quote + .gf-post-content .gf-post-title-wrap {
		&:extend(.pos-static);
	}
	// post format Link
	.entry-thumb-wrap.entry-thumb-format-link + .gf-post-content .gf-post-title-wrap {
		&:extend(.pos-static);
	}
	
	.btn-read-more {
		i {
			padding-left: 5px;
		}
		&:hover {
			h6 {
				&:extend(.disable-color);
			}
			
		}
	}
	&.sticky .gf-post-content {
		padding: 30px 25px;
	}
	
	.gf-post-excerpt {
		margin-bottom: 33px;
		text-align: left;
	}
	
	.entry-thumb-wrap + .gf-post-content {
		padding-top: 35px;
	}
}

@media (max-width: 991px) {
	article.post-large-image {
		.entry-thumb-wrap + .gf-post-content .gf-post-title-wrap {
			padding: 30px 40px 10px 40px;
		}
	}
}

@media (max-width: 767px) {
	article.post-large-image {
		.entry-thumb-wrap + .gf-post-content .gf-post-title-wrap {
			width: 86%;
			padding: 20px 20px 0 20px;
		}
	}
}

@media (max-width: 440px) {
	article.post-large-image {
		text-align: left;
		.entry-thumb-wrap + .gf-post-content .gf-post-title-wrap {
			position: static !important;
			transform: translateX(0);
			width: 100% !important;;
			padding: 0;
			background-color: transparent !important;
		}
		.entry-thumb-wrap {
			margin-top: 0;
		}
		.gf-post-title {
			&:extend(.fs-17);
		}
	}
}

/**
* Layout Grid
* ----------------------------------------------------------------------------
*/
article.post-grid {
	.entry-thumb-wrap + .gf-post-content {
		padding-top: 40px;
		&:before {
			transform: skewY(4deg) translateY(-50%);
			padding-bottom: 7.02%;
		}
	}
	.gf-post-title {
		font-size: 17px;
		margin-bottom: 13px;
		line-height: 1.29;
	}
	.gf-post-meta {
		.meta-date {
			position: absolute;
			bottom: 0;
			left: 0;
		}
		
	}
	.gf-post-excerpt {
		padding-bottom: 40px;
		&:extend(.fs-14);
		line-height: 1.57em;
	}
	
	&.sticky .gf-post-content {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		.gf-post-meta {
			.meta-date {
				left: 20px;
				bottom: 20px;
				margin-right: 0 !important;
			}
		}
	}
	.entry-quote-content {
		.block-center-inner {
			padding: 20px;
		}
		i {
			margin-bottom: 0 !important;
		}
	}
}

/**
* Single
* ----------------------------------------------------------------------------
*/
.gf-author-title, .gf-heading-title {
	margin-top: 0;
}

article.post-single,
.gf-tag-share-wrap,
.gf-post-navigation,
.gf-author-info-wrap,
.gf-single-related-wrap {
	margin-bottom: 90px;
}

article.post-single {
	.entry-thumb-wrap {
		margin-top: 100px;
		overflow: hidden;
		&:before {
			position: absolute;
			content: '';
			display: block;
			top: 100%;
			right: 0;
			width: 100%;
			height: 0;
			transform: skewY(3deg) translateY(-50%);
			z-index: 100;
			padding-bottom: 5.4%;
		}
	}
	.entry-thumb-wrap + .gf-post-content .gf-entry-meta-top {
		width: 77.586%;
		padding: 50px 70px 20px 70px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 100;
	}
	.entry-thumb-wrap.entry-thumb-format-audio, .entry-thumb-format-quote, .entry-thumb-format-link {
		margin-top: 0 !important;
	}
	//post format audio
	.entry-thumb-wrap.entry-thumb-format-audio + .gf-post-content .gf-entry-meta-top {
		&:extend(.pos-static);
	}
	// post format quote
	.entry-thumb-wrap.entry-thumb-format-quote + .gf-post-content .gf-entry-meta-top {
		&:extend(.pos-static);
	}
	// Post format link
	.entry-thumb-wrap.entry-thumb-format-link + .gf-post-content .gf-entry-meta-top {
		&:extend(.pos-static);
	}
	.gf-post-excerpt {
		line-height: 1.73em;
		letter-spacing: 0.03em;
	}
	.gf-post-meta {
		font-size: 13px;
		letter-spacing: 0.03em;
		margin-bottom: 20px;
		padding-left: 0;
		> li {
			display: inline-block;
			margin-right: 30px;
			.post-views.entry-meta > span.post-views-icon,
			i {
				&:extend(.accent-color);
			}
			> a {
				.gsf-link;
			}
		}
		
	}
}

.entry-thumb-wrap.entry-thumb-single {
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	article.post-single {
		.entry-thumb-wrap + .gf-post-content .gf-entry-meta-top {
			padding: 30px 40px 10px 40px !important;
		}
	}
}

@media (max-width: 767px) {
	article.post-single {
		.entry-thumb-wrap + .gf-post-content .gf-entry-meta-top {
			width: 86% !important;
			padding: 20px 20px 0 20px !important;
		}
	}
}

@media (max-width: 440px) {
	article.post-single {
		.entry-thumb-wrap + .gf-post-content .gf-entry-meta-top {
			position: static !important;
			transform: translateX(0);
			width: 100% !important;;
			padding: 0;
			background-color: transparent !important;
		}
		.entry-thumb-wrap {
			margin-top: 0;
		}
		.gf-post-title {
			font-size: 17px !important;
		}
	}
}

/* single post - post meta */
.gf-tag-share-wrap {
	padding: 20px 5px;
	.gf-heading-title {
		display: inline;
		margin-right: 25px;
		&:extend(.fw-normal);
	}
	.gf-post-meta-tag {
		text-align: left;
		.tagcloud {
			display: inline;
		}
	}
	.gf-post-meta-share {
		/*display: table-cell;
		white-space: nowrap;
		vertical-align: middle;*/
		ul {
			display: inline;
		}
		ul.social-icon-square > li {
			margin: 0 0 4px 0;
			> a {
				width: 40px;
				height: 38px;
				line-height: 36px;
				border-color: transparent;
				i {
					position: static;
					opacity: 1;
					margin: 0 !important;
					line-height: 36px;
				}
				&:hover {
					&:extend(.bg-accent-color);
					i {
						color: #fff !important;
						.transform(translateX(0));
					}
					
				}
			}
		}
	}
}

.gf-post-navigation {
	.gf-post-title {
		display: none;
	}
	> div {
		text-align: center !important;
		padding: 60px 30px;
		span {
			font-size: 14px;
			&:extend(.heading-color);
			font-weight: bold;
			> a {
				.gsf-link;
			}
		}
		
		&.post-prev span a:before,
		&.post-next span a:after {
			font-family: 'FontAwesome';
			display: inline-block;
			content: '\f0d9';
			font-size: 23px;
			vertical-align: middle;
			line-height: 1;
			position: relative;
			top: -1px;
		}
		&.post-prev span a:before {
			margin-right: 10px;
		}
		
		&.post-next span a:after {
			margin-left: 10px;
			content: '\f0da';
		}
		
		&.post-nav-bg {
			&:before {
				.rgba-bg-color(#e5e5e5, 0.8);
			}
			span {
				color: #070707 !important;
			}
		}
	}
}

.gf-author-info-wrap {
	position: relative;
	.gf-author-content {
		margin-left: 60px;
		min-height: 160px;
		padding: 20px 40px 20px 80px;
	}
	.avatar {
		position: absolute;
		top: 20px;
	}
	.gf-author-title {
		&:extend(.fs-17);
		&:extend(.letter-spacing-03);
		&:extend(.accent-color);
		&:extend(.uppercase);
	}
}

.comment-body {
	position: relative;
	.comment-text {
		padding: 30px;
		min-height: 160px;
	}

	.avatar  + .comment-text {
		padding: 20px 40px 20px 80px;
		margin-left: 60px;
	}
	.avatar {
		position: absolute;
		top: 20px;
	}
}

/* post comment */
.comment-body {
	margin-bottom: 0;
}

.gf-comments-area {
	.comment-list {
		.author-name {
			&:extend(.uppercase);
			&:extend(.letter-spacing-03);
			margin-top: 0;
			margin-bottom: 0;
		}
		ul.comment-top {
			margin-bottom: 10px;
			> li {
				margin-right: 40px;
			}
		}
		
		.comment-meta-date {
			&:extend(.fs-12);
			&:extend(.heading_font);
			&:extend(.uppercase);
			&:extend(.letter-spacing-03);
			i {
				margin-right: 5px;
			}
		}
		
		.gf-entry-content {
			margin-bottom: 15px;
		}
		.comment-meta {
			&:extend(.heading_font);
			&:extend(.fs-11);
			&:extend(.uppercase);
			&:extend(.letter-spacing-03);
			i {
				margin-right: 5px;
			}
			.comment-reply-link,
			.comment-edit-link {
				.gsf-link;
				&:hover {
					color: @text_hover_color;
				}
			}
			.comment-edit-link {
				margin-right: 10px;
			}
		}

	}
	.comment-respond {
		p {
			margin-bottom: 5px;
			&.form-submit {
				margin-bottom: 0;
				input {
					&:extend(.fs-12);
				}
			}
		}
		p.comment-form-comment {
			font-size: 0;
			textarea {
				font-size: 15px;
			}
		}
		p.form-submit {
			margin-top: 25px;
		}
		
		input[type="color"],
		input[type="date"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="email"],
		input[type="month"],
		input[type="number"],
		input[type="password"],
		input[type="search"],
		input[type="tel"],
		input[type="text"],
		input[type="time"],
		input[type="url"],
		input[type="week"],
		input:not([type]),
		textarea,
		select {
			height: 60px;
			&::-webkit-input-placeholder,
			&:-moz-placeholder,
			&::-moz-placeholder,
			&:-ms-input-placeholder {
				color: @disable_color;
				font-style: italic !important;
				font-size: 13px;
				letter-spacing: 0.025em;
			}
			
		}
		textarea {
			height: 184px;
		}
	}

	
}

/*@media (min-width: 768px) {
	.gf-comments-area {
		.comment-reply-link {
			position: absolute;
			top: 140px;
			left: 23.5px;
			z-index: 100;
			i {
				display: none;
			}
		}
		.comment-reply-link.btn.btn-xs.btn-primary {
			padding: 7px 43px !important;
		}
	}
}*/

.gf-single-related-wrap, .comments-list, .comment-respond {
	.gf-heading-title {
		font-size: 24px;
		margin-bottom: 40px !important;
	}
}

/* Relate post */
.gf-single-related-wrap {
	article.post-default {
		.gf-post-excerpt {
			display: none;
		}
		.meta-date {
			position: static;
			&:extend(.disable-color);
		}
		.gf-post-title {
			margin-bottom: 5px;
		}
		.gf-post-content {
			padding-top: 15px;
		}
		.meta-cat {
			display: none;
		}
	}
}

@media (max-width: 991px) {
	.article.post-single {
		.entry-thumb-wrap + .gf-post-content .gf-entry-meta-top {
			padding: 30px 40px 10px 40px !important;
		}
	}
}

@media (max-width: 767px) {
	article.post-single,
	.gf-tag-share-wrap,
	.gf-post-navigation,
	.gf-author-info-wrap,
	.gf-single-related-wrap {
		margin-bottom: 60px;
	}
	
	.article.post-single {
		.entry-thumb-wrap + .gf-post-content .gf-entry-meta-top {
			width: 86% !important;
			padding: 20px 20px 0 20px !important;
		}
	}
	

	.comment-body {
		.comment-text {
			padding: 30px;
			min-height: unset;
		}
		.avatar {
			display: none;
		}
		.avatar + .comment-text {
			padding: 30px;
			margin-left: 0;
		}
	}
	
	.gf-tag-share-wrap {
		display: block;
		.gf-post-meta-tag {
			display: block;
			text-align: right;
		}
		.gf-post-meta-share {
			display: block;
			ul.social-icon-square > li {
				> a {
					width: 38px;
					height: 34px;
					line-height: 32px;
					i {
						line-height: 32px;
					}
				}
			}
		}
	}
	
	.gf-comments-area {
		.comment-list {
			.author-name {
				font-size: 15px !important;
			}
		}
	}
	
	.gf-single-related-wrap, .comments-list, .comment-respond {
		.gf-heading-title {
			font-size: 20px !important;
		}
	}

	.gf-author-info-wrap {
		.avatar {
			display: none;
		}
		.gf-author-content {
			margin: 0;
			min-height: unset;
			padding: 30px;

		}
	}
}

@media (max-width: 480px) {
	article.post-single,
	.gf-tag-share-wrap,
	.gf-post-navigation,
	.gf-author-info-wrap,
	.gf-single-related-wrap {
		margin-bottom: 40px !important;
	}
}

@media (max-width: 440px) {
	.article.post-single {
		.entry-thumb-wrap + .gf-post-content .gf-entry-meta-top {
			width: 90% !important;
			padding: 20px 5px 0 5px !important;
		}
		.gf-post-title {
			font-size: 17px !important;
		}
	}
}

/**
* Shortcode Blog Sync Carousel
*/
.heading-wrap {
	display: table;
	width: 100%;
	.gf-heading {
		display: table-cell;
		width: 100%;
		vertical-align: top;
	}
	.posts-sync-thumb-wrap {
		max-width: 363px;
		display: table-cell;
		white-space: nowrap;
		vertical-align: top;
		padding-left: 30px;
		[data-owl-sync="thumb"] {
			padding-bottom: 27px;
			> .owl-stage-outer {
				padding-right: 3px;
				> .owl-stage {
					> .current {
						&:before {
							left: 3px;
							top: 3px;
							bottom: 3px;
						}
						.entry-thumb-wrap {
							position: relative;
							&:after {
								position: absolute;
								content: '';
								display: block;
								top: 0;
								bottom: 0;
								width: 3px;
								left: 100%;
								background-color: #81be45;
								-webkit-border-radius: 0 3px 3px 0;
								-moz-border-radius: 0 3px 3px 0;
								border-radius: 0 3px 3px 0;
							}
						}
						.entry-thumbnail {
							border-color: #81be45;
						}
					}
				}
			}
			.entry-thumb-wrap {
				width: 55px;
				.entry-thumbnail {
					margin-right: -3px;
					border: 3px solid transparent;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
				}
			}
		}
	}
}

[data-owl-sync="thumb"] {
	padding-bottom: 20px;
	> .owl-stage-outer {
		> .owl-stage {
			> .current {
				position: relative;
				&:before {
					position: absolute;
					content: '';
					display: block;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					background-color: rgba(255, 255, 255, 0.8);
					z-index: 2;
				}
				&:after {
					content: '\f0d7';
					font-family: FontAwesome;
					font-size: 17px;
					display: block;
					position: absolute;
					top: 50%;
					left: 50%;
					.transform(translate(-50%, -50%));
					color: #81be45;
					z-index: 3;
				}
			}
		}
	}
	.owl-nav {
		display: none;
	}
}

.posts-sync-main-item {
	.gf-post-title {
		margin-top: 35px;
		margin-bottom: 6px;
		font-weight: bold;
		a {
			.transition(all 0.3s);
		}
	}
}

@media (max-width: 767px) {
	.heading-wrap {
		display: block;
		.gf-heading {
			display: block;
			margin-bottom: 40px;
		}
		.blog-sync-thumb-wrap {
			max-width: none;
			display: block;
			padding-left: 0;
			[data-owl-sync="thumb"] {
				padding-bottom: 20px;
				> .owl-stage-outer {
					padding-right: 0;
					> .owl-stage {
						> .current {
							&:before {
								left: 0;
								top: 0;
								bottom: 0;
							}
							.entry-thumb-wrap {
								&:after {
									display: none;
								}
							}
						}
					}
				}
				.entry-thumb-wrap {
					width: auto;
					.entry-thumbnail {
						margin-right: 0;
						border: none;
						-webkit-border-radius: 0;
						-moz-border-radius: 0;
						border-radius: 0;
					}
				}
			}
		}
	}
}

@media (max-width: 599px) {
	.heading-wrap {
		.posts-sync-thumb-wrap {
			[data-owl-sync="thumb"] {
				padding-bottom: 10px;
			}
		}
	}
	
	[data-owl-sync="thumb"] {
		padding-bottom: 10px;
	}
}

// SHortcode Posts
.gf_posts {
	.gf-heading {
		margin-bottom: 30px;
		+ .gf-blog-wrap {
			position: relative;
			.next-prev {
				position: absolute;
				right: 0;
				top: -68px;
				margin-top: 0;
			}
			.gf-cate-filter {
				position: absolute;
				top: -62px;
				right: 0;
				+ div + .next-prev {
					position: static;
				}
			}
		}
	}
}

/*.gf-cate-filter {
	text-align: right;
	margin-bottom: 30px;
	a.btn {
		background-color: transparent;
		font-weight: 400;
		font-size: 12px;
		text-transform: capitalize;
		line-height: 19px;
		padding: 0 9px;
		border: none;
		+ a {
			margin-left: 6px;
		}
	}
	.cate-expanded {
		display: inline-block;
		margin-left: 6px;
		top: 2px;
		.dropdown-toggle {
			margin-bottom: 0 !important;
			font-size: 16px;
			cursor: pointer;
			line-height: 19px;
			padding: 0 9px;
			color: #fff;
		}
		.dropdown-menu {
			right: 0;
			left: auto;
			background-color: @background_color;
			border: none;
			border-bottom: 1px solid @border_color;
			.box-shadow(0 3px 10px rgba(111, 111, 111, 0.7));
			padding: 0;
			.border-radius(0);
			a {
				border-top: 1px solid @border_color;
				text-align: left;
				padding: 5px 10px;
			}
		}
	}
}*/
ul.nav-tabs.gf-cate-filter,
.gsf-product_tabs .gsf-pretty-tabs{
	border-bottom: none;
	margin-bottom: 68px !important;
	font-size: 0;
	.border-radius(30px);
	position: relative;
	padding: 0 36px !important;
	z-index: 7;
	li {
		float: none;
		display: inline-block;
		a {
			font-size: 13px;
			font-family: @h1_font;
			text-transform: uppercase;
			border: none;
			.border-radiuses(8px 31.5px, 8px 31.5px, 8px 31.5px, 8px 31.5px);
			color: #333;
			padding: 9.5px 28.5px;
			background-color: transparent;
			line-height: 44px;
		}
		&.active a,
		&.active a:hover,
		a:hover, a:focus {
			border: none;
			color: #fff !important;
		}
		+ li {
			margin-left: 2px;
		}
		&.dropdown {
			float: right;
			> a {
				line-height: 63px;
				span{
					font-weight: 700;
				}
			}
			a {
				background-color: transparent !important;
				padding: 0;
			}
			&.active a,
			&.active a:hover,
			a:hover, a:focus {
				color: @accent_color !important;
				background-color: transparent !important;
			}
			
		}
	}
	.dropdown-menu {
		margin-top: 0;
		right: 0;
		left: auto;
		.border-radius(5px);
		padding: 10px 0 20px;
		border: none;
		li {
			display: block;
			a {
				padding: 10px 20px 0;
				line-height: 20px;
			}
			&.active a,
			&.active a:hover,
			a:hover, a:focus {
				color: @accent_color !important;
			}
		}
	}
}

@media (min-width: 992px) {
	[data-filter-vertical="1"] {
		&.gf-cate-filter {
			width: 20%;
			float: left;
			font-size: 0;
			margin-bottom: 0;
			a.btn {
				display: inline-block;
				width: 100%;
				text-align: left;
				padding: 6px 25px;
				+ a {
					margin-left: 0 !important;
				}
			}
		}
		+ .gf-blog-inner {
			width: 80%;
			float: left;
			padding-left: 35px;
		}
	}
}

//
.cate-filter-dark {
	.gf-cate-filter {
		background-color: rgba(0, 0, 0, 0.81);
		margin-bottom: 0;
		padding: 15px 30px;
		a.btn {
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 700;
			line-height: 20px;
			padding: 7px 15px;
			color: #fff;
			+ a {
				margin-left: 60px;
			}
		}
		> a + a {
			position: relative;
			overflow: inherit;
			&:before {
				position: absolute;
				content: '';
				display: block;
				left: -31px;
				width: 2px;
				height: 15px;
				background-color: #5c5c5c;
				top: 50%;
				.transform(translateY(-50%));
			}
		}
		.cate-expanded {
			margin-left: 55px;
			top: 2px;
			.dropdown-toggle {
				line-height: 30px;
				padding: 0;
				width: 30px;
				text-align: center;
			}
			.dropdown-menu {
				background-color: #000;
				border: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				a {
					text-align: left;
				}
			}
		}
	}
}

.cate-filter-mg-bottom-40 {
	.gf-cate-filter {
		margin-bottom: 40px !important;
	}
}

#gsf-reading-process {
	display: block;
	height: 5px;
	.border-radius(3px);
	position: fixed;
	bottom: 0;
	left: 0;
	/*background-color: @primary_color;*/
	.box-shadow(0 -2px 10px rgba(93, 151, 175, 0.7));
	width: 0;
	z-index: 9999;
	max-width: 100%;
}