HOME

Mini Shell 1.0
DIR:/home/theoceans.in/www/wp-content/themes/dotdigital/scss/
Current File : /home/theoceans.in/www/wp-content/themes/dotdigital/scss/_subpages.scss
/*
**subpages
*/
.edit-link {
	text-align: right;
	display: block;
}
.entry-content:before, .entry-content:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	width: 0;
}


/*about*/
.about-content {
	padding: 10px 10px 20px;
}

/* page meta blog */
.page-meta {
	padding: 9px 40px 30px;
	h5 {
		font-size: 14px;
		font-weight: 300;
	}
	i {
		line-height: 0.6;
		padding-right: 8px;
	}
	.media {
		position: relative;
		padding: 28px 0 0;
		margin-bottom: 20px;
	}
	.media + .media:before {
		content: '';
		position: absolute;
		height: 1px;
		width: 100%;
		top: 0;
		background-color: rgba(150, 150, 150, 0.10);
	}
	.media-left {
		padding-right: 8px;
	}
}

/*blog*/
article {
	iframe {
		margin-bottom: -8px;
	}
}

h1.entry-title {
	font-size: 42px;
	margin: 0 0 5px;
	@media(max-width: 991px) {
		font-size: 32px;
	}
}

article.post + article.post,
.search article + article,
.archive article + article {
	margin-top: 60px;
}

/* mosaic */
.mosaic-post {
	p {
		margin-bottom: 0;
	}
	.post-social-links {
		margin: -1px;
		padding: 18px 40px 17px;
	}
}

h3.entry-title {
	font-size: 28px;
	margin: 0 0 14px;
	& + .date {
		display: inline-block;
		text-transform: uppercase;
		line-height: 1;
		padding: 4px 14px;
		margin-bottom: 22px;
	}
}

h4.entry-title {
	margin: 0 0 20px;
}

h2.search-title {
	margin: 0 0 30px;
	font-size: 40px;
}

.item-meta {
	& + .entry-title {
		margin-bottom: 20px;
	}
	.single & + .entry-title {
		font-size: 20px;
		margin-bottom: 25px;
	}
}

.entry-tags {
	margin-top: 0;
	.theme_button {
		margin-right: 6px;
	}
	span + span {
		margin-left: 14px;
	}
	i {
		font-size: 14px;
		margin-right: 5px;
	}
}

.entry-meta:before,
.entry-meta:after,
.post-adds:before,
.post-adds:after {
	display: block;
	clear: both;
	content: '';
	width: 0;
	height: 0;
}

.entry-thumbnail {
	text-align: center;
	position: relative;
}

.entry-thumbnail[class*='col-'] {
	margin-bottom: 0;
}

.entry-thumbnail .entry-thumbnail-carousel .owl-dots {
	position: absolute;
	bottom: 45px;
	text-align: center;
	left: 0;
	right: 0;
	@media (max-width: 479px) {
		bottom: 20px;
	}
}


/**
* Theme share buttons
*/
.entry-blog-share {
	margin-right: 0 !important;
	@media (min-width: 1200px) {
		position: absolute;
		right: 60px;
		top: 50%;
		margin-top: -7px !important;
		line-height: 1 !important;
	}
	@media (min-width: 768px) {
		position: absolute;
		right: 30px;
		top: 33px;
		margin-top: 0 !important;
		line-height: 1 !important;
	}
}
.post-adds {
	border: 0;
	border-radius: 0;
	margin: 0;
	height: auto;
	z-index: 1;
	.dropdown-menu {
		margin: 0;
		padding: 0;
		border: none;
		background-color: transparent;
		.share_buttons {
			width: 40px;
			min-width: 40px;
			overflow: visible;
			position: fixed;
			height: 280px;
			margin-top: -140px;
			top: 50%;
			right: 0;
			left: auto;
			a {
				margin: 0 !important;
				display: block;
				width: 40px;
				height: 40px;
			}
		}
	}
	.dropdown.open {
		.dropdown-menu {
			.share_buttons {
				animation-name: slideInRight;
				-webkit-animation-name: slideInRight;

				animation-duration: 0.5s;
				-webkit-animation-duration: 0.5s;

				animation-timing-function: linear;
				-webkit-animation-timing-function: linear;
			}
			background-color: transparent;
			z-index: 2;
		}
	}
}


/* additional meta in corner of thumbnail */
.entry-meta-corner {
	display: none;
	position: absolute;
	z-index: 2;
	text-align: center;
	color: $lightColor;
	background-color: $mainColor;
	a {
		color: $lightColor;
		&:hover {
			color: $mainColor;
		}
	}
	.date {
		color: $darkgreyColor;
		display: block;
		min-width: 60px;
		padding: 0 3px;
		text-transform: uppercase;
		strong {
			color: $lightColor;
			display: block;
			font-size: 42px;
			font-weight: 200;
			padding: 12px 0 0;
		}
	}
	.comments-link {
		line-height: 1;
		display: block;
		padding: 2px 5px;
		background-color: $darkgreyColor;
		i {
			position: relative;
			top: 1px;
		}
	}
}

.categories-links {
	font-weight: 500;
	letter-spacing: 0.2em;
	font-size: 12px;
	text-transform: uppercase;
	color: $lightColor;
	a {
		margin-right: 6px;
		margin-bottom: 6px;
		color: $lightColor;
		&:hover,
		&:focus {
			color: $fontColor2;
		}
		&:last-child {
			margin-right: 0;
		}
	}
	&.small_height a {
		padding: 5px 20px 5px;
	}
}

/* blog post entry meta */
.entry-meta {
	position: relative;
	text-align: left;
	line-height: 1;
	> * {
		display: inline-block;
		margin-right: 25px;
		margin-top: 0;
		line-height: 1.6;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		font-weight: 600;
		@media (max-width: 479px) {
			margin-right: 15px;
		}
	}
	&.with_padding {
		padding: 10px 20px;
		@media (min-width: 768px) {
			padding: 15px 60px;
		}
	}
	.entry-avatar {
		margin-right: 10px;
		img {
			width: 50px;
			height: 50px;
			border: 3px solid rgba($lightColor, 0.3);
			border-radius: 50%;
		}
	}
	.tag-links {
		> * {
			margin-right: 10px;
		}
	}
	.share_button,
	.entry-author,
	.entry-date {
		a {
			color: $lightColor;
			&:hover {
				color: $mainColor;
			}
		}
	}
	.entry-date,
	.tag-links:first-child {
		&:before {
			font-family: 'FontAwesome';
			font-size: 14px;
			content: "";
			color: $mainColor;
			margin-right: 5px;
			font-weight: 400;
		}
	}
	.entry-date:before {
		content: "\f073";
	}
	.tag-links:first-child:before {
		content: "\f02b";
	}
	.blog-adds {
		text-align: right;
		> * {
			margin-right: 25px;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: 600;
			position: relative;
			color: $lightColor;
			@media (max-width: 479px) {
				margin-right: 15px;
			}
			&:last-child {
				margin-right: 0;
			}
			&:before {
				font-family: 'FontAwesome';
				font-size: 14px;
				content: "";
				margin-right: 5px;
				font-weight: 400;
				color: $mainColor;
			}
		}
		.like-count:before {
			color: $mainColor;
			content: "\f004";
		}
		.views-count:before {
			content: "\f06e";
		}
		.comment-count:before {
			content: "\f086";
		}
		.item-views-word,
		.item-likes-word {
			display: none;
		}
	}
}



/* highlight first letter in blog post */
.entry-content {
	p.big-first-letter:first-letter {
		font-size: 60px;
		line-height: 60px;
		font-weight: 700;
		color: $mainColor;
		float: left;
		margin-right: 10px;
	}
}

.entry-excerpt {
	font-size: 20px;
	line-height: 30px;
	margin: 8px 0 30px;
	p {
		margin-bottom: 16px;
	}
}

.blog,
.archive,
.search,
.single-post {
	.sticky {
		border: 1px solid $mainColor;
		.featured-post {
			position: absolute;
			top: 25px;
			left: 50px;
		}
	}
	.readmore-hidden {
		.more-link {
			display: none;
		}
	}
	.owl-carousel.owl-loaded {
		margin-bottom: 0;
	}
	.entry-content {
		ul, ol {
			margin-bottom: 20px;
			ul, ol {
				margin-bottom: 0;
			}
		}
	}
}

a.more-link {
	font-weight: 400;
	text-transform: uppercase;
	color: $mainColor;
	font-size: 14px;
	margin-left: 0;
	display: inline;
	&:after {
		font-family: FontAwesome;
		content: '\f149';
		font-size: 12px;
		margin-left: 5px;
	}
}

/* Blog list */
.blog,
.archive,
.search {
	.sticky {
		border: 1px solid $mainColor;
		.item-content {
			position: relative;
			&::before {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				border-left: 3.5em solid $mainColor;
				border-bottom: 3.5em solid transparent;
			}
			&::after {
				position: absolute;
				top: 4px;
				left: 8px;
				color: $lightColor;
				font-family: FontAwesome;
				content: "\f08d";
				font-size: 1.5em;
				transform: rotate(45deg);
			}
		}
	}
	.content {
		//margin-top: 12px;
		//margin-bottom: 110px;
	}
	.media-links:before {
		background-color: rgba(255, 255, 255, 0.5);
	}
	.gallery-item {
		.media-links:before {
			background-color: rgba(255, 255, 255, 0.8);
		}
	}
	.entry-title {
		font-size: 36px;
		text-transform: none;
		margin-top: 10px;
		margin-bottom: 23px;
		line-height: 1.1;
		width: 100%;
	}
	.entry-content {
		p:last-child {
			margin-bottom: 0;
		}
	}
	.entry-author {
		.featured-post {
			display: none;
		}
	}

	blockquote {
		width: 100%;
		max-width: 600px;
		&:after,
		&:before {
			display: none;
		}
	}

	/* format small image */
	.format-small-image {
		.item-media-wrap > .item-media {
			display: block;
		}
	}

	/* format quote */
	/* format status */
	.format-quote,
	.format-status {
		/* background teaser */
		&.darkgrey_bg .bg_overlay {
			background-color:  rgba($darkColor, 0.9);
		}
		&.bg_teaser {
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 0;
			position: relative;
			color: $lightColor;

			//ie bugfix
			overflow: hidden;

			.bg_overlay {
				position: absolute;
				width: 100%;
				height: 1000px;
			}

			&>img {
				display: none;
				visibility: hidden;
			}
		}
		background-color: $darkColor;
		background-position: 50% 50%;
		.entry-header {
			p {
				line-height: 1;
				margin-bottom: 0;
			}
		}
		.entry-title {
			color: $lightColor;
			margin-top: 25px  !important;
			margin-bottom: 23px  !important;
			text-transform: none;
		}
		.entry-avatar {
			margin-top: 65px;
			margin-bottom: 30px;
			img {
				margin: 0;
				border: 4px solid rgba($lightColor, 0.3);
				border-radius: 50%;
				background-color: transparent;
			}
		}
		.entry-content {
			margin-bottom: 22px;
			color: $fontColor;
		}
		.entry-meta {
			margin: 7px 0 60px;
			line-height: 1;
			text-align: center;
			.entry-date,
			.format-name {
				&:before {
					font-family: FontAwesome;
					font-size: 14px;
					content: "\f073";
					color: $mainColor;
					margin-right: 5px;
					font-weight: 400;
				}
			}
			.format-name {
				&:before {
					content: "\f02c";
				}
			}
			> * {
				margin-top: 0;
			}
			div:last-child {
				margin-right: 0;
			}
		}
		.blog-adds {
			text-align: center;
			margin-bottom: 12px;
			> * {
				color: $fontColorLight;
			}
		}
	}
	.format-quote {
		.entry-title,
		.bg_overlay {
			display: none;
		}
		.entry-avatar {
			margin-top: 20px;
			margin-bottom: 0;
			img {
				margin: 0;
				border: 10px solid rgba($lightColor, 0.1);
				border-radius: 50%;
				background-color: transparent;
			}
		}
		.entry-content {
			blockquote {
				text-align: center;
				border: 0;
				font-size: 16px;
				font-weight: 300;
				color: $fontColor;
				width: 100%;
				padding-left: 0;
				margin-left: auto;
				margin-right: auto;
				cite {
					display: block;
					width: 100%;
					color: $mainColor;
					font-size: 12px;
					letter-spacing: 0.2em;
					font-weight: 500;
					strong {
						display: block;
						width: 100%;
						color: $lightColor;
						font-size: 30px;
						font-weight: 500;
						margin-top: 10px;
						margin-bottom: 25px;
						text-transform: none;
					}
				}
			}
		}
		.entry-meta {
			margin: 7px 0 15px;
		}
	}

	/* blog masonry layout */
	.masonry-layout {
		.entry-title {
			font-size: 24px;
			text-transform: none;
			margin-top: 12px;
			margin-bottom: 15px;
			line-height: 30px;
			width: 100%;
		}
		.entry-date {
			line-height: 1;
		}

		/* format chat */
		.format-chat strong {
			width: 100%;
			display: block;
		}
		.format-chat p {
			display: none;
		}
		.format-chat p:nth-child(1),
		.format-chat p:nth-child(2) {
			display: block;
		}

		/* format quote */
		.format-quote {
			.item-content {
				&:after {
					position: absolute;
					font-family: "ShonarBangla", sans-serif;
					font-weight: bold;
					content: '”';
					font-size: 100px;
					color: $mainColor;
					bottom: 0;
					right: 10px;
				}
				.entry-avatar {
					margin-top: 5px;
					img {
						width: 90px;
						border: 5px solid rgba($lightColor, 0.1);
					}
				}
				.entry-content {
					margin-bottom: 15px;
				}
			}
			blockquote {
				padding: 0;
				margin-top: 15px;
				margin-bottom: 15px;
				cite {
					display: none;
				}
			}
			.entry-meta {
				margin: 0;
				.entry-date {
					display: none;
				}
				.format-name{
					margin-top: 0;
					&:before {
						display: none;
					}
				}
			}
		}

		/* format status */
		.format-status {
			.entry-title {
				font-size: 24px;
				text-transform: none;
				margin-top: 12px;
				margin-bottom: 15px;
				line-height: 30px;
				width: 100%;
			}
			.entry-content {
				.entry-date {
					margin: 7px 0 0;
				}
				.entry-title {
					margin-top: 12px !important;
					margin-bottom: 15px !important;
				}
			}
			.entry-meta {
				margin: 7px 0;
				.entry-date {
					display: none;
				}
				.format-name{
					margin-top: 3px;
					&:before {
						display: none;
					}
				}
			}
		}
	}
}

/* single format status */
.single-post {
	aside,
	.content {
		//margin-top: 23px;
		//margin-bottom: 110px;
	}
	.isotope_container {
		margin: 50px -5px !important;
		.gallery-item {
			padding: 5px;
		}
	}
	.entry-tags {
		color: $lightColor;
		margin-top: 15px;
		&:before {
			font-family: 'FontAwesome';
			font-size: 14px;
			content: "\f02b";
			color: $mainColor;
			margin-right: 5px;
			font-weight: 400;
		}
		.tag-links {
			&:before {
				display: none;
			}
			a {
				color: $mainColor;
				&:hover {
					color: $lightColor;
				}
			}
		}
	}
	.entry-meta {
		clear: both;
		margin-top: 15px;
	}
	.format-status {
		.entry-avatar {
			margin-top: 25px;
			margin-bottom: 30px;
			img {
				margin: 0;
				border: 0;
				border-radius: 50%;
				background-color: $lightColor;
			}
		}
		.item-content .entry-meta,
		.entry-content .entry-meta {
			text-align: center;
			margin-top: 0;
			div:last-child {
				margin-right: 0;
			}
		}
	}
}

.blog .format-quote{
	.entry-content{
		blockquote{
			margin-left: auto;
			margin-right: auto;
			padding-left: 0;
		}
	}
}

/* single format quote */
.single-post {
	.format-quote {
		.item-content .entry-meta,
		.entry-content .entry-meta {
			&:before,
			&:after {
				display: none;
			}
			text-align: center;
			margin-top: 0;
			div:last-child {
				margin-right: 0;
			}
		}
	}
}
.ds{
	.format-chat{
		p:nth-child(odd) {
			strong {
				color: $lightColor;
				font-weight: 600;
			}
		}
	}
}
/* format chat */
.format-chat {
	p {
		margin: 0;
		padding: 10px 0;
	}
	p:first-of-type {
		padding: 0 0 6px;
	}
	p:nth-child(odd) {
		strong {
			color: $fontColor2;
			font-weight: 600;
		}
	}
	p:nth-child(even) {
		strong {
			color: $mainColor;
			font-weight: 600;
		}
	}
}
/* format gallery */
.wp-block-gallery {
	margin-bottom: 10px !important;
}
.event-single,
.format-gallery {
	.owl-carousel {
		/* dots */
		.owl-dots {
			.owl-dot {
			}
		}
	}
}

.blog-more-toggle {
	display: block;
	text-transform: uppercase;
	padding: 9px 0;
	margin: 32px 0 80px;
	background-color: rgba(#808080, 0.05);
	.blog-more-visible {
		display: inline;
	}
	.blog-more-hidden {
		display: none;
	}
	&.collapsed {
		.blog-more-visible {
			display: none;
		}
		.blog-more-hidden {
			display: inline;
		}
	}
}

.item-cats {
	margin: 0 0 20px 0;
}
.st_facebook_hcount,
.st_twitter_hcount,
.st_googleplus_hcount {
	position: relative;
	text-align: right;
}

.st_facebook_hcount span,
.st_twitter_hcount span,
.st_googleplus_hcount span {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}

.author-meta {
	margin-top: 60px;
	.author-name {
		font-size: 32px;
		font-weight: 400;
		color: $fontColor;
		margin: 0 0 5px;
		text-transform: none;
		position: relative;
		.ds & {
			color: $lightColor;
		}
	}
	.author-bio {
		margin-bottom: 18px;
	}
	.author-position {
		display: block;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	.item-media {
		img {
			background-color: $greyColor;
			margin: 0;
		}
	}

	.item-content {
		padding: 35px;
	}
	.author-social {
		position: relative;
		left: 0;
		bottom: -10px;
		a {
			display: inline-block;
			margin: 0;
			&:before {
				top: 1px;
				position: relative;
			}
		}
		a.social-icon + a.social-icon.color-bg-icon {
			margin-left: 5px;
		}
	}

}

/*single post*/
.single-post {
	article > .entry-thumbnail {
		margin-bottom: 0;
	}
	.item-content ul {
		margin-bottom: 35px !important;
		&.wp-block-gallery {
			margin-bottom: 10px !important;
		}
		&:last-child  {
			margin-bottom: 0 !important;
		}
	}
	.item-content ul ul {
		margin-bottom: 0 !important;
	}
	blockquote {
		margin-top: 45px;
		margin-bottom: 45px;
		&:before,
		&:after {
			display: none;
		}
		footer {
			margin-top: 25px;
			cite {
				&:before {
					display: none;
				}
				margin-top: 5px;
			}
		}
	}
	.video-entry-thumbnail {
		[class*="col-"] {
			margin-top: 0;
			margin-bottom: 0;
		}
		.entry-thumbnail {
			margin-bottom: 0;
		}
	}
	footer.entry-meta {
		margin: 30px 0 0;
	}
}

/*comments*/
.comments-area {
	&.with_padding.big-padding {
		@media (min-width: 1200px){
			padding:50px 60px;
		}
	}
	.comments-title {
		font-size: 36px;
	}
	h1 {
		font-size: 54px;
		@media(max-width: 991px) {
			font-size: 28px;
		}
		@media(max-width: 479px) {
			font-size: 26px;
		}
	}
	h2 {
		font-size: 44px;
		@media(max-width: 991px) {
			font-size: 26px;
		}
		@media(max-width: 479px) {
			font-size: 24px;
		}
	}
	h3 {
		font-size: 34px;
		@media(max-width: 991px) {
			font-size: 22px;
		}
		@media(max-width: 479px) {
			font-size: 22px;
		}
	}
	h4 {
		font-size: 28px;
		@media(max-width: 991px) {
			font-size: 20px;
		}
		@media(max-width: 479px) {
			font-size: 20px;
		}
	}
	h5 {
		font-size: 20px;
		@media(max-width: 991px) {
			font-size: 18px;
		}
	}

	h6 {
		font-size: 16px;
	}
	table {
		@media (max-width: 600px) {
			display: block;
		}
		overflow-x: auto;
		overflow-x: scroll;
	}
	@media (max-width: 991px) {
		ol.children {
			padding-left: 0;
		}
	}
	margin-top: 60px;
	form [class*="col-sm-4"] {
		margin-bottom: 10px;
	}
	li.comment {
		list-style: none;
		padding-top: 5px;
	}
	.comment-body {
		display: flex;
		.comment-text {
			margin-left: 10px;
			width: 100%;
			position: relative;
			overflow: hidden;
		}
		.comment-author {
			img {
				max-width: 90px;
				border: 5px solid rgba($darkColor, 0.1);
				border-radius: 50%;
				background-color: $greyColor;
			}
		}
	}
	ol.children  {
		.comment-body {
			img {
				max-width: 70px;
			}
		}
	}
	.trackback,
	.pingback {
		.comment-body {
			margin-bottom: 10px;
			@media (min-width: 480px) {
				a {
					margin-left: 10px;
				}
			}
		}
	}
	.media-object {
		max-width: 70px;

	}
	.comment-text {
		padding: 20px 20px 10px 0;
		width: auto;
		.comment-content {
			p {
				margin-bottom: 5px;
			}
			blockquote {
				margin-left: 0;
				margin-right: 0;
				text-align: left;
				max-width: 500px !important;
			}
			table {
				@media (max-width: 600px) {
					display: block;
				}
				overflow-x: auto;   /* Scrollbar is displayed as it's needed */
			}
		}
		.comment-metadata {
			display: block;
			margin: 0 0 10px;
			line-height: 1.2;
			a {
				font-size: 12px;
				font-weight: 500;
				text-transform: uppercase;
				letter-spacing: 0.2em;
			}
		}
	}
}

.comment-list {
	margin: 0 0 20px;
	padding: 0;
	position: relative;
	list-style: none;

	ol.comment-list {
		padding-left: 15px;
	}
}

@media(min-width: 992px) {
	.comment-list ol.comment-list {
		padding-left: 70px;
	}
}

.comment-meta {
	line-height: 1;
	margin-bottom: 0;
	padding-bottom: 0;
	.comment-date {
		display: block;
		margin: 7px 0 10px;
	}
	.author_url {
		font-size: 16px;
		font-weight: 500;
		text-transform: none;
		a {
			line-height: 1;
		}
	}
}

.reply {
	a {
		position: relative;
		padding: 0px 0 13px;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		font-weight: 500;
		color: $mainColor;
		&:hover {
			color: $darkgreyColor;
		}
	}
}

.comment-respond {
	margin-top: 0;
	margin-bottom: 0;

	h3 {
		font-size: 36px;
		font-weight: 500;
		text-transform: none;
		margin: 0 0 20px;
	}
	p {
		margin-bottom: 10px;
		position: relative;
	}

}

.comment-form {
	&.muted_background {
		padding: 30px 30px 20px;
	}
	p {
		margin-bottom: 0;
		line-height: 1.2;
	}
	.pre-text {
		margin-left: 10px;
		margin-bottom: 12px;
	}
	.form-submit {
		margin-top: 20px;
		margin-bottom: 0;
	}
	label[for] {
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		.required {
			display: none;
		}
	}
	.theme_button {
		margin: 0 20px 10px 0;
	}
	.theme_button[type="reset"] {
		display: inline-block;
	}
}

@media(max-width: 500px) {
	.comment-respond {
		i.pull-left {
			display: none;
		}
		.comment-form {
			margin-left: 0;
		}
	}
}

.comment-navigation {
	margin-top: 40px;
	.pagination > li > a,
	.pagination > li > span {
		padding: 5px 10px;
	}
}

/* wordpress lost password */
.post-password-form {
	input[type="password"].form-control {
		border-color: rgba(0, 0, 0, 0.1);
	}
	.theme_button {
		top: -1px;
		padding: 20px 30px 20px;
		@media (min-width: 768px) {
			min-width: 150px;
			margin-left: 20px;
		}
		@media (min-width: 1400px) {
			min-width: 170px;
		}
	}
}

/* gallery */
#isotope_filters,
.filters {
	text-align: center;
	font-size: 12px;
	margin: 0 0 30px;
	text-transform: uppercase;
	padding: 0 15px;
	list-style: none;
	position: relative;
	@media(min-width: 1200px) {
		margin: 0 0 42px;
	}
	li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	a {
		padding: 5px 10px;
		margin: 0 0 10px;
		display: inline-block;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		font-weight: bold;
		color: $darkColor;
		background-color: transparent;
		position: relative;
		z-index: 2;
		&.selected {
			color: $mainColor !important;
		}
		&:hover,
		&.active {
			background-color: transparent;
			border-color: transparent;
			color: $mainColor;
		}
		@media(min-width: 480px) {
			padding: 5px 10px;
		}
		@media(min-width: 1400px) {
			padding: 5px 15px;
		}
	}
	.ds & {
		a {
			color: $lightColor;
			&:hover,
			&.active {
				background-color: transparent;
				border-color: transparent;
				color: $mainColor;
			}
		}
	}
}
.filter_text {
	position: absolute;
	font-size: 104px;
	width: 100%;
	text-align: center;
	font-weight: 700;
	top: 6px;
	text-transform: uppercase;
	color: rgba($darkColor, 0.05);
	z-index: 1;
	@media(max-width: 768px) {
		display: none;
	}
}

.gallery-item {
	overflow: hidden;
	position: relative;
	.item-title {
		font-size: 20px;
		font-weight: 800;
		text-transform: none;
	}
	.item-content {
		padding: 0 40px 5px;
	}

	.item-meta {
		font-weight: 300;

		z-index: 5;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		-ms-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;

		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);

	}

	/* hover styles */
	&:hover {
		.item-meta {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity: 1;
		}
	}
	.post-adds {
		margin-bottom: 0;
	}
}
/* Gallery regular layput*/
.item-layout-item-regular {
	.gallery-item {
		.media-wrap {
			display: none;
			top:50%;
			margin-top: auto;
			height: auto;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			.categories-links {
				margin-bottom: 0;
				display: block;
				position: relative;
				a {
					display: none;
					&:first-child {
						display: block;
					}
				}
			}
			.item-title {
				display: block;
				position: relative;
				margin-top: 0;
				margin-bottom: 0;
				font-size: 24px;
				line-height: 30px;
				font-weight: 500;
				a {
					.ds & {
						color: $fontColor2;
					}
				}
			}
		}
	}
	&:hover {
		.gallery-item {
			.media-wrap {
				display: block;
			}
		}
	}
}
.owl-item{
	&:not(.center){
		.item-layout-item-regular-2:hover{
			.gallery-item {
				.media-wrap {
					display: none;
				}
			}
		}
	}
}
.item-layout-item-regular-2 {
	.gallery-item {
		.media-wrap {
			padding: 30px !important;
			display: none;
			margin-top: auto;
			text-align: left;
			top: auto;
			height: 100%;
			width: 100%;
			@media (max-width: 767px){
				padding: 10px!important;
			}
			.categories-links {
				margin-bottom: 0;
				margin-top: 0;
				display: inline-block;
				width: auto;
				top: 0;
				left: 0;
				position: relative;
				a {
					display: none;
					margin-bottom: 0;
					font-size: 12px;
					letter-spacing: 0.2em;
					line-height: 24px;
					font-weight: 500;
					padding: 8px 20px;
					border: 0;
					border-radius: 30px;
					background: rgba(31, 39, 50, 0.5);
					&:first-child {
						display: inline-block;
					}
					&:hover {
						color: $mainColor;
					}
				}
				@media (max-width: 767px){
					display: none;
				}
			}
			.content-wrap {
				position: absolute;
				bottom: 30px;
				left: 30px;
				right: 30px;
				margin-top: 0;
				display: inline-block;
				width: auto;
				top: auto;
				.item-title {
					display: block;
					position: relative;
					margin-top: 0;
					margin-bottom: 15px;
					font-size: 24px;
					line-height: 30px;
					font-weight: 500;
					color: $lightColor;
				}
				.post-date {
					margin-top: 0;
					display: block;
					position: relative;
					line-height: 16px;
					a {
						color: $mainColor;
					}
				}
				@media (max-width: 767px) {
					bottom: 10px;
					left: 10px;
					right: 10px;
					.item-title{
						font-size: 18px;
						margin-bottom: 5px;
					}

				}
			}
		}
	}
	&:hover {
		.gallery-item {
			.media-wrap {
				display: block;
			}
		}
	}
	.media-links {
		&:before {
			background-color: rgba(31, 39, 50, 0.7) !important;
		}
	}
}

.item-layout-item-regular-3 {
	.gallery-item {
		padding: 0;
		.media-links::before{
			opacity: 1;
		}
		.item-media a{
			display: inline-block;
			height: 100%;
			position: relative;
		}
		.media-wrap {
			padding: 30px !important;
			display: block;
			margin-top: auto;
			text-align: left;
			top: auto;
			height: 100%;
			width: 100%;
			.categories-links {
				margin-bottom: 0;
				margin-top: 0;
				display: inline-block;
				width: auto;
				top: 0;
				left: 0;
				position: relative;
				a {
					display: none;
					margin-bottom: 0;
					font-size: 12px;
					letter-spacing: 0.2em;
					line-height: 24px;
					font-weight: 500;
					padding: 8px 20px;
					border: 0;
					border-radius: 30px;
					background: rgba(31, 39, 50, 0.5);
					&:first-child {
						display: inline-block;
					}
					&:hover {
						color: $mainColor;
					}
				}
			}
			.content-wrap {
				position: absolute;
				bottom: 30px;
				left: 30px;
				right: 30px;
				margin-top: 0;
				display: inline-block;
				width: auto;
				top: auto;
				.item-title {
					display: block;
					position: relative;
					margin-top: 0;
					margin-bottom: 15px;
					font-size: 24px;
					line-height: 30px;
					font-weight: 500;
					color: $lightColor;
				}
				.post-date {
					margin-top: 0;
					display: block;
					position: relative;
					line-height: 16px;
					a {
						color: $mainColor;
					}
				}
			}
		}
	}
	&:hover {
		.gallery-item {
			.item-media a{
				z-index: 2;
			}
			.media-links::before{
				opacity: 0;
			}
			.media-wrap {
				display: none;
			}
		}
	}
	.media-links {
		&:before {
			background-color: rgba(31, 39, 50, 0.7) !important;
		}
	}
}

.item-layout-item-extended-2{
	position: relative;
	padding-left: 0!important;
	padding-right: 0!important;
	.item-media{
		&::before{
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba($darkgreyColor,.4);
			z-index: 1;
		}
	}
	.item-content{
		padding: 40px;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		z-index: 2;
		& > *:not(.item-button-hover):not(.item-number){
			opacity: 0;
			transition: all .3s ease-in-out;
			transition-delay: 0s;
			z-index: 1;
		}
		&::before{
			content: '';
			position: absolute;
			bottom: 0;
			right: 0;
			opacity: 0;
			background-color: $mainColor;
			transition: all .8s ease-in-out;
			transition-delay: .2s;
			width: 100%;
			height: 100%;
			display: inline-block;
			z-index: 0;
			clip-path: circle(20px at 87% 90%);
		}
		.item-number{
			position: absolute;
			right: 30px;
			top: 30px;
			font-size: 12px;
			color: $lightColor;
			font-weight: 500;
			&::before{
				content: '0';
			}
		}
		.item-button-hover{
			position: absolute;
			bottom: 30px;
			right: 30px;
			display: inline-block;
			-webkit-mask: url('../img/icon_plus.png');
			width: 40px;
			height: 40px;
			background-color: $mainColor;
			transition: all .3s ease-in-out;
		}
		.item-title a:hover{
			color: $darkgreyColor;
		}
		.categories-links a{
			color: $darkgreyColor!important;
			&:hover{
				color: $lightColor!important;
			}
		}
		p{
			color: rgba($lightColor,.8);
		}
		&:hover{
			& > *:not(.item-button-hover) {
				opacity: 1;
				transition: all .3s ease-in-out;
				transition-delay: .2s;
			}
			&::before{
				opacity: 1;
				transition-delay: 0s;
				clip-path: circle(900px at 88% 90%);
			}
			.item-button-hover{
				opacity: 0;
			}
		}
	}
}

.item-layout-item-extended-3{
	padding-left: 0!important;
	padding-right: 0!important;
	position: relative;
	.media-links::before{
		background-color: rgba($darkgreyColor,.5) !important;
		opacity: 1;
	}
	.item-title{
		font-size: 30px;
		font-weight: 500;
		word-break: break-word;
		@media (max-width: 1199px) {
			font-size: 25px;
		}
	}
	p{
		font-size: 20px;
	}
	.item-content{
		position: absolute;
		bottom: 0;
		z-index: 3;
		padding-bottom: 30px;
		p{
			max-height: 0;
			opacity: 0;
			transition: all .3s ease-in-out;
			color: $lightColor;
		}
	}
	&:hover{
		.item-content{
			p{
				max-height: 150px;
				opacity: 1;
			}
		}
	}
}

.gallery-title-item {
	& + .item-title {
		padding: 30px 0;
		h3 {
			font-size: 28px;
			margin-bottom: 5px;
		}
	}
}

i.loadmore_spinner {
	font-size: 30px;
	opacity: 0.3;
	margin: 10px 0 20px;
}

/* gallery single */
.gallery-single-title {
	margin: 12px 0 0;
	@media(min-width: 768px) {
		font-size: 60px;
	}
	& + .block-header {
		margin-bottom: 40px;
	}

}

.share-gallery-single {
	margin: 40px 0 16px;
}

.items-nav {
	padding: 30px 23px;
	&[class*='display_table_'] {
		margin-top: 40px;
	}
	h4 {
		margin: -5px 0 0;
	}
	.media {
		position: relative;
		padding: 10px 0;
	}
	.next-item {
		img {
			max-width: none;
			padding: 0 30px 0 0;
		}
		i {
			right: 0;
		}
	}
	.prev-item {
		img {
			max-width: none;
			padding: 0 0 0 30px;
		}
	}
	a {
		position: relative;
		i {
			top: 50%;
			margin-top: -14px;
			font-size: 20px;
		}
		i.position-absolute {
			position: absolute;
		}
	}
}

.page-links {
	clear: both;
	.page-links-title {
		margin-right: 10px;
	}
	>span.theme_button,
	>a.theme_button {
		border-width: 2px;
		min-width: 30px;
		min-height: 30px;
		line-height: 15px;
		span {
			border: 0 !important;
			padding: 0 !important;
			margin: 0 !important;
			text-indent: -0.05em;
		}
	}
}

/* wp pagination */
.loop-pagination {
	margin-top: 60px;
	.muted_background & {
		margin-top: 0;
	}
}

.owl-carousel.hover-scale {
	margin-bottom: 50px;
	@media(min-width: 768px) {
		.owl-stage-outer {
			overflow: visible;
		}
		.vertical-item {
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-ms-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
		}
		.owl-item:hover .vertical-item,
		.owl-item.center .vertical-item {
			-moz-transform: scale(1.1);
			-webkit-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
			z-index: 4;
			overflow: hidden;
		}
	}
}

.owl-carousel.related-photos-carousel {
	margin-bottom: 0;
}

/*404*/
.error404 {
	#box_wrapper, #canvas {
		min-height:100vh;
	}
	#box_wrapper{
		display: flex;
		flex-direction: column;
	}
	.page_content {
		flex: 1 0 auto;
	}
	.page_content {
		margin-top: -60px;
		z-index: 3;
		background-image: url(../img/404.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		.content-404 {
			min-height: 650px;
			width: 100%;
			display: flex;
			align-items: flex-end;
			justify-content: center;
			margin-bottom: 150px;
			.error-title {
				color: $darkColor;
				letter-spacing: 0;
				margin-bottom: 35px;
			}
			.widget_search {
				margin-bottom: 30px;
				.search-form {
					max-width: 370px;
					margin: 0 auto;
					.search-field.form-control {
						text-align: center;
					}
					.search-submit {
						display: none;
					}
				}
			}
		}
		@media(max-width: 480px) {
			margin-top: -35px;
			.content-404 {
				min-height: 570px;
				margin-bottom: 160px;
				.error-title {
					margin-bottom: 15px;
				}
				.widget_search {
					margin-bottom: 10px;
				}
			}
		}
		@media(max-width: 1200px) {
			margin-top: -50px;
			.content-404 {
				min-height: 570px;
				margin-bottom: 160px;
				.error-title {
					margin-bottom: 15px;
				}
				.widget_search {
					margin-bottom: 20px;
				}
			}
		}
	}
}

/* Events */
.post-type-archive-fw-event {
	.content {
		//margin-top: 25px;
		//margin-bottom: 110px;
	}
}

.events-loop {
	.side-item .row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		[class*="col-"] {
			margin: 0;
			padding: 0;
		}
	}
	.cover-image {
		height: 100%;
		overflow: hidden;
		position: relative;
		width: 100%;
		@media (min-width: 768px) {
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			bottom: 0;
			display: block;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 2;
			img {
				display: none;
			}
		}
	}
}
.ds .fw-event .event-info {
	color: $lightColor;
}
.fw-event {
	.entry-title {
		margin-top: 12px;
		margin-bottom: 5px;
		font-size: 24px;
		font-weight: 500;
	}
	.event-info {
		display: flex;
		justify-content: flex-start;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		font-weight: 600;
		color: $darkColor;
		@media (max-width: 992px) {
			display: block;
			float:left
		}
		.event-start-date,
		.event-start-time {
			margin-right: 20px;
		}
		.event-start-date:before,
		.event-start-time:before,
		.event-place:before {
			font-family: 'FontAwesome';
			font-size: 14px;
			content: "";
			margin-right: 2px;
			font-weight: 500;
			color: $mainColor;
		}
		.event-start-date:before {
			content: "\f073";
		}
		.event-start-time:before {
			content: "\f017";
		}
		.event-place:before {
			content: "\f041";
		}
	}
	.blog-excerpt {
		max-height: 90px;
		overflow: hidden;
	}
	.more-link {
		display: none;
	}
}
.event-single-page {
	p {
		color: $fontColor;
	}
	.entry-content {
		h1:first-of-type,
		h2:first-of-type,
		h3:first-of-type,
		h4:first-of-type,
		h5:first-of-type,
		h6:first-of-type {
			margin-top: 0;
		}
	}
	.single-event-info {
		display: block;
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 0.2em;
		font-weight: 500;
		color: $fontColor;
		strong {
			font-weight: 500;
			color: $darkColor;
			min-width: 70px;
			display: inline-block;
		}
		.info-label {
			min-width: 60px;
			display: inline-block;
		}
		.event-place,
		.event-start-date,
		.event-end-date {
			&:before {
				font-family: 'FontAwesome';
				font-size: 14px;
				content: "";
				margin-right: 4px;
				font-weight: 500;
				color: $mainColor;
				width: 14px;
				display: inline-block;
			}
		}
		.event-start-date:before,
		.event-end-date:before {
			content: "\f073";
		}
		.event-place:before {
			content: "\f041";
		}
	}
}

/* wordpress post navigation */
.navigation.post-navigation {
	padding: 0;
	//margin-top: 58px;
	//margin-bottom: 30px;
	@media (max-width: 767px) {
		//margin-top: 30px;
		//margin-bottom: 30px;
	}
	a {
		display: inline-block;
		width: 49%;
		position: relative;
		text-align: center;
		overflow: hidden;
		padding: 0;
		font-weight: normal;
		font-size: 14px;
		&[rel="next"] {
			float: right;
		}
		.media {
			background-position: center;
			background-size: cover;
			padding: 0;
			height: 240px;
			display: table;
			width: 100%;
			.nav-overlay {
				position: absolute;
				top:0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				display: block;
				background: rgba($darkgreyColor, 0.8);
				z-index: 1;
			}
			.nav-middle {
				display: table-cell;
				vertical-align: middle;
				position: relative;
				z-index: 2;
				padding: 0 15px;
				.nav {
					font-weight: 500;
					text-transform: uppercase;
					font-size: 12px;
					display: block;
					letter-spacing: 0.2em;
					color: $mainColor;
					-webkit-transition: all 0.3s ease-in-out 0s;
					transition: all 0.3s ease-in-out 0s;
					&:hover {
						color: $lightColor;
					}
					@media (max-width: 479px) {
						font-size: 18px;
					}
				}
				.title {
					font-size: 16px;
					font-weight: 500;
					display: block;
					line-height: 30px;

					margin-top: 5px;
					color: $lightColor;
					-webkit-transition: all 0.3s ease-in-out 0s;
					transition: all 0.3s ease-in-out 0s;
					&:hover {
						color: $mainColor;
					}
					@media (max-width: 479px) {
						display: none;
					}
				}
			}
		}
	}
	&.nav_2 {
		a {
			.prev-item {
				text-align: left;
			}
			.next-item {
				text-align: right;
			}
		}
	}
}
.navigation_2.post-navigation {
	padding: 30px 3px 60px;
	a {
		> span.prev-item,
		> span.next-item {
			display: block;
			color: $fontColor2;
			text-transform: uppercase;
			font-size: 16px;
			letter-spacing: 0.2em;
			font-weight: 600;
			&:hover {
				color: $mainColor;
			}
			.nav {
				line-height: 1.1;
				&:before,
				&:after {
					font-family: 'FontAwesome';
					font-size: 16px;
					content: "";
					display: inline-block;
					font-weight: 500;
				}
			}
		}
		> span.prev-item {
			.nav {
				&:before {
					content: "\f104";
					margin-right: 5px;
				}
			}
		}
		> span.next-item {
			.nav {
				&:after {
					content: "\f105";
					margin-left: 5px;
				}
			}
		}
	}
}

/* wordpress related posts */
.related-posts {
	overflow: hidden;
	display: block;
	.title {
		display: block;
	}
	@media(min-width: 767px) {
		.row {
			display: flex;
			> * {
				display: flex;
				flex-direction: column;
			}
		}
		.item {
			position: relative;
			flex: 1;
		}
	}
	.item {
		position: relative;
		.caption {
			bottom: 0;
			width: 100%;
			padding: 35px 40px;
			text-align: left;
			color: $lightColor;
			background-color: $darkColor;
			a {
				color: $lightColor;
				&:hover {
					color: $mainColor;
				}
			}
			.item-title {
				font-size: 16px;
				font-weight: 500 !important;
				margin-bottom: 5px;
				line-height: 1.2;
				overflow: hidden;
			}
			.post-date {
				font-size: 12px;
				text-transform: uppercase;
				font-weight: 600 !important;
				letter-spacing: 0.2em;
				color: $mainColor;
			}
		}
	}
}

/* Unyson portfolio extension */
.fw-portfolio,
.tax-fw-portfolio-category {
	.categories-links a {
		display: none;
		&:first-child {
			display: block;
		}
	}
}
/* Portfolio single page */
.single-fw-portfolio {
	article.fw-portfolio {
		margin-top: 15px;
	}
	.owl-theme {
		.owl-nav > div {
			background-color: $backgroundColor;
			&:after {
				color: $darkgreyColor;
			}
			&:hover {
				background-color: $mainColor;
				&:after {
					color: $lightColor;
				}
			}
		}
	}
	.gallery-single-title {
		margin-bottom: 20px;
	}
	.owl-carousel.owl-loaded {
		margin-bottom: 0;
	}
	.share_buttons {
		margin-bottom: 5px;
	}
	.navigation.post-navigation {
		padding: 0;
		//margin-top: 58px;
		//margin-bottom: 90px;
	}
}
/* Portfolio single page 2 */
.single-fw-portfolio {
	&.single_portfolio_layout_2 {
		.page_content {
			display: none;
		}
		.portfolio-carousel {
			margin-top: -70px;
			.container-fluid {
				padding-left: 0;
				padding-right: 0;
				.layout-2 {
					padding-left: 0;
					padding-right: 0;
				}
			}
		}
		.gallery-item .item-content {
			padding: 0 0 5px;
		}
	}
}

/* Taxonomies */
.post-type-archive-fw-portfolio,
.tax-fw-portfolio-category {
	.item-button {
		display: none;
	}
	/* Gallery item extended */
	.item-layout-item-extended {
		.item-content {
			p {
				margin-bottom: 0;
				height: 87px;
				overflow: hidden;
			}
		}
		.item-title {
			font-size: 25px;
			line-height: 24px;
			overflow: hidden;
			font-weight: 500;
			text-transform: none;
			margin: 5px 0 5px 0;
			height: 28px;
		}
	}
	/* Gallery item with title */
	.item-layout-item-title {
		.item-content {
			overflow: hidden;
			margin-bottom: 0;
			padding: 23px 20px 50px;
			.item-title {
				font-size: 24px;
				line-height: 30px;
				overflow: hidden;
				font-weight: 500;
				text-transform: none;
				margin: 5px 0 0 0;
				height: 30px;
			}
		}
	}
	/* Full width gallery */
	.gallery_fluid_section {
		.container-fluid {
			@media (min-width: 1200px) {
				padding-left: 0;
				padding-right: 0;
			}
			.content-wrap {
				@media (min-width: 1200px) {
					padding-left: 0;
					padding-right: 0;
				}
			}
		}
	}
}

.owl-carousel{
	&.big-center-slide{
		.owl-stage{
			padding: 50px 0;
			@media (max-width: 575px) {
				padding: 15px 0;
			}
		}
		.owl-item{
			&:not(.center) .media-links:before{
				opacity: 1;
			}
			&.center{
				.gallery-item{
					transform: scale(1.2);
					transition: all .3s ease-in-out;
					position: relative;
					z-index: 2;
					padding: 0;
				}
			}
		}
	}
}