// Vars ****************************************************************************************************************
$margin_top: 15px;
$opacity: .6;



// Mixins **************************************************************************************************************



// Extends *************************************************************************************************************



// Placeholders ********************************************************************************************************



// Body ****************************************************************************************************************


.ish-taglines-filter{

	@extend %_clearfix;
	margin-top: 20px;
	margin-bottom: 40px;

}

.ish-comments{
	margin-bottom: 25px;
}

.ish-comments + .ish-pagination{
	margin-bottom: 25px;
}

.ish-blog-comments-container > .ish-vc_row_inner > div:first-child{
	padding-top: 0;
}

.ish-comments-form{
	padding-top: 25px;
}


.ish-blog {

	h2{
		margin-bottom: 3px !important;
	}

	h3, h4, h5 {
		margin-bottom: $margin_top !important;
	}

	h2 {

		a {
			text-decoration: none;

			i:before {
				margin: 0 20px 0 3px !important;
				font-size: 34px;
				text-align: left;
				width: auto !important;
				position: relative;
				top: -1px;
			}
		}
	}

	.ish-blog-post-details, .ish-blog-post-links, .ish-blog-responsive-post-details, {
		display: block;
		font-size: 13px;

		a {
			text-decoration: none;
			@extend %_trans-on;

			span{
				@extend %_trans-on;
			}
		}
	}

	.ish-blog-post-details, .ish-blog-video-content, .ish-blog-audio-content {
		margin-bottom: $margin_top;
	}

	.ish-vc_row_inner {

		&:after {
			content: '';
			display: block;
			width: 100%;
			height: 3px;
			margin-top: 50px;
		}
	}

	.ish-main-post-image{
		margin-bottom: 20px;
	}

	.format-standard {}

	.format-image {
		.ish-blog-post-media {
			padding: 0;
		}
	}

	.format-video {
		.ish-blog-video-content {
			//margin: 0;
		}
	}

	.format-audio {}


	.format-quote {

		blockquote {
			// General
			margin: 0;
			position: relative;
			font-style: italic !important;

			border-left: 3px solid;
			padding-left: 25px;

			&[class*=" ish-h"] {}

			// Author
			cite {
				display: block;
				margin-top: 10px;
				opacity: 1;

				&:before {
					content: '- ';
				}
				&:after {
					content: ' -';
				}
			}


			// Alignment
			&.ish-left {

				cite {
					text-align: left;
				}
			}

			&.ish-center {
				text-align: center;

				cite {
					text-align: center;
				}
			}

			&.ish-right {
				text-align: right;

				cite {
					text-align: right;
				}
			}
		}
		a {
			text-decoration: none;
		}

		cite a {
			text-decoration: underline;
		}
	}

	.format-link {

	}

	.ish-blog-post-media {
		padding: 0 0 25px !important;
	}

	.ish-blog-post-media, .ish-main-post-image {

		.ish-main-post-image-content{
			// The BG Image is used only in Recent Posts shortcode
			background-image: none !important;
		}

		a {
			display: block;

			img {
				@extend %_trans-on;
				-webkit-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
			}

			&:hover img {
				opacity: .75;
			}
		}

	}

}


// classic
.ish-blog-classic {

	h2,
	.ish-blog-post-details,
	.ish-blog-post-details, .ish-blog-video-content, .ish-blog-audio-content, .ish-blog-post-media,
	.post{
		text-align: left;
	}

	.wpb_row:last-child .ish-vc_row_inner:after {
		background-color: transparent;
		margin-top: 0;
	}

	.ish-pc-content {
		.wpb_row {
			background: none !important;
		}
	}

	.wpb_row {
		margin-top: 0 !important;
	}

	.ish-section-filter + div > .ish-vc_row_inner {
		padding-top: 0 !important;
	}

	.ish-blog-post-details {
		font-size: 13px;
		@extend %_clearfix;

		a {
			text-decoration: none;
			@extend %_trans-on;

			span{
				@extend %_trans-on;
			}
		}

		span:first-child{
			i:before{
				margin-left: 0;
			}
		}

		.ish-spacer{
			margin: 0 8px;
		}

		i {
			margin-right: 5px;
		}

		.ish-likes{
			i{
				display: none;
			}
		}
	}


	// Sticky post
	.post.sticky .ish-post-content {
		padding: 25px 30px;
	}
}


// full-width
.ish-blog-fullwidth {
	.wpb_row {
		position: relative !important;
		text-align: left;
	}

	h2 {

		a {
			text-decoration: none;
		}

	}

	.ish-vc_row_inner {

		position: relative;

		&:before {
			content: '';
			position: absolute;
			top: -5px;
			width: 70px;
			height: 10px;
			display: block;
		}
	}

	.ish-overlay{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.ish-vc_row_inner {

		&:after {
			display: none;
		}

	}
}


// masonry
.ish-blog-masonry {

	// Preloading
	.ish-preloader {
		margin-top: 50px;
	}

	.ish-section-filter .ish-vc_row_inner *, .ish-masonry-container .ish-packery {
		visibility: hidden;
	}

	a {
		text-decoration: none;
	}

	h3 {
		padding-bottom: 0px;

		a:hover {
			opacity: $opacity;
		}

		i:before {
			font-size: 0.75em;
			margin-left: 0;
			position: relative;
			top: -3px;
		}
	}

	.ish-blog-post-details {
		margin-bottom: 0;

		& + .ish-excerpt, & + .ish-sc_quote, & + .ish-link-content {
			margin-top: 15px;
		}

		& + .ish-sc_quote {
			font-size: 19px;
			line-height: 22px;
			font-weight: 500;
			margin-bottom: 0 !important;
			/*border-left: 5px solid;*/
			padding: 5px 0 5px 0;

			cite {
				font-size: 12px;
				font-weight: 500;
				font-style: normal;
				display: block;
				text-transform: none;

				&:before {
					content: '~ ';
				}
			}
		}

		& + .ish-link-content {
			display: block;
			font-size: 19px;
			font-weight: 500;

			a {
				text-decoration: underline;

				&:hover {
					text-decoration: none;
				}
			}
		}

		a {
			-webkit-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
			display: inline-block;

			opacity: $opacity;

			&:hover {
				opacity: 1;
			}
		}

		span.ish-likes {
			opacity: $opacity;
		}
	}

	.ish-packery {
		width: 100%;
	}

	.ish-blog-post-masonry {
		float: left;

		&:hover {
			.ish-blog-post-media a {
				$scale: 1.1;
				$rotate: 1deg;

				-webkit-transform: scale($scale) rotate($rotate);
				-moz-transform: scale($scale) rotate($rotate);
				-o-transform: scale($scale) rotate($rotate);
				transform: scale($scale) rotate($rotate);
			}
		}
	}

	// Masonry tetris layout
	&:not(.ish-blog-masonry-layout-grid) [class*="ish-bpm"].ish-blog-post-masonry {
		height: auto;
		display: block;
		position: relative;
		overflow: hidden;

		& > div {
			// Aspect ratio
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			// Aspect ratio END

			padding: 20px;
			@extend %_trans-on;

			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
		}

		// Aspect ratio - 1:1 ( http://www.mademyday.de/css-height-equals-width-with-pure-css.html )
		&:before {
			content: "";
			display: block;
			padding-top: 100%;
			zoom: 1.0;
		}

		.ish-blog-post-media {
			padding: 0;
		}

		&.ish-image-cover {
			.ish-blog-post-media {

				a {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					display: block;
					background-size: cover;
					background-position: center;

					img {
						display: none;
					}
				}

				& + div {
					position: absolute;
					left: 0;
					bottom: 0;
					z-index: 9;
					padding: 20px;
					width: 100%;
					@extend %_trans-on;

					&:before {
						content: '';
						position: absolute;
						top: -5px;
						left: 20px;
						width: 70px;
						height: 10px;
					}
				}
			}
		}
	}


	// Masonry pinterest layout
	&.ish-blog-masonry-layout-grid {
		.ish-blog-post-media {
			padding: 0 !important;
			overflow: hidden;

			a {
				position: relative !important;
				display: block !important;

				img {
					&:hover {
						opacity: 1;
					}
				}
			}
		}

		.ish-blog-post-masonry:not(.ish-image-cover) > div, .ish-blog-post-masonry .ish-blog-post-media + div {
			padding: 20px;
			@extend %_trans-on;
		}

		.ish-blog-post-masonry .ish-blog-post-media + div {
			position: relative;

			&:before {
				content: '';
				position: absolute;
				top: -5px;
				left: 20px;
				width: 70px;
				height: 10px;
			}
		}

		.ish-blog-post-details {
			i:before {
				-webkit-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
			}
		}

		// w2
		.ish-blog-post-masonry {
			&.ish-bpm-w1, &.ish-bpm-w2 {
				width: 100% !important;
			}
		}
	}


	// Columns - classic grid ------------------------------------------------------------------------------------------
	$width: 100%;
	$colFrom: 2;
	$colTo: 8;
	$pflo_ffie_fix: 0.00001;

	@for $i from $colFrom through $colTo {
		&[data-count="#{$i}"] .ish-blog-post-masonry { width: ( $width / $i ) - $pflo_ffie_fix; }
	}


	// Columns - packery / masonry layout ------------------------------------------------------------------------------
	.ish-blog-post-masonry {
		&.ish-bpm-h1:before { padding-top: 100% !important; }
		&.ish-bpm-h2:before { padding-top: 200% !important; }
		&.ish-bpm-w2.ish-bpm-h2:before { padding-top: 100% !important; }
		&.ish-bpm-w2.ish-bpm-h1:before { padding-top: 50% !important; }
	}

	$width: 100%;

	@for $i from $colFrom through $colTo {
		&[data-count="#{$i}"] .ish-blog-post-masonry {
			&.ish-bpm-w1 { width: $width / $i; }
			&.ish-bpm-w2 { width: ( $width / $i ) * 2; }
		}
	}
}


// Masonry layout fix --------------------------------------------------------------------------------------------------
.ish-part_content.ish-with-sidebar .ish-masonry-container.ish-row-notfull {
	.ish-vc_row_inner {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

.ish-masonry-container + .wpb_row {
	margin-top: 0 !important;
	padding-top: 50px;
}

.ish-without-sidebar .ish-masonry-container .ish-vc_row_inner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

// No categories - without sidebar
.ish-part_breadcrumbs + .ish-part_content.ish-without-sidebar > .ish-masonry-container.ish-row-notfull > .ish-vc_row_inner {
	padding-top: 50px !important;
}

.ish-part_content.ish-without-sidebar > .ish-section-filter + .ish-masonry-container.ish-row-notfull > .ish-vc_row_inner {
	padding-top: 0 !important;
}

// No categories - with sidebar
.ish-part_breadcrumbs + .ish-part_content.ish-with-sidebar > .ish-row > .ish-row_inner > .ish-grid9 > .ish-masonry-container.ish-row-notfull > .ish-vc_row_inner {
	padding-top: 50px !important;
}

.ish-part_content.ish-with-sidebar > .ish-row > .ish-row_inner > .ish-grid9 > .ish-section-filter + .ish-masonry-container.ish-row-notfull > .ish-vc_row_inner {
	padding-top: 0 !important;
}

// No pagination
.ish-masonry-container.ish-row-notfull {
	padding-bottom: 50px;
}

// With pagination
.ish-part_content .wpb_row.ish-masonry-container.ish-row-notfull + .wpb_row {
	padding-top: 0 !important;
}

// With sidebar categories padding
.ish-part_content.ish-with-sidebar .ish-pc-content .post .ish-vc_row_inner {
	//padding-top: 0 !important;
}

// With sidebar categories padding
.ish-part_content.ish-with-sidebar.ish-blog-fullwidth .ish-pc-content .post .ish-vc_row_inner {
	padding-top: 50px !important;
}






// Single
.single-post {

	.ish-blog-post-details {
		font-size: 12px;
		margin-top: -1px;
		padding-top: 10px;
		margin-left: 40px;
		display: table;
		border-top: 1px solid;
		margin-top: 10px;

		@extend %_clearfix;

		a {
			text-decoration: none;
			@extend %_trans-on;
		}

		span:first-child{
			i:before{
				margin-left: 0;
			}
		}

		.ish-spacer{
			margin: 0 8px;
		}

		i {
			margin-right: 5px;
		}

		.ish-likes{
			i{
				display: none;
			}
		}
	}

	/*.ish-blog-post-details,
	.ish-tagline-image .ish-blog-post-details > span,
	.ish-tagline-colored .ish-blog-post-details > span {
		opacity: 0.8;

	}*/

	.ish-blog-post-links {
		display: block;
		font-size: 13px;

		i{
			margin-left: 30px;
		}

		i:first-child {
			margin-left: 0;
		}

		a {
			text-decoration: none;
			@extend %_trans-on;
		}

	}
}

/*.ish-section-filter .ish-sc_headline{
	text-align: center;
}*/


.ish-part_content .share_box a {
	@extend %_trans-off;
}

// Single post quote
.single-format-quote {
	.ish-sc_blog_media {
		border-left: 3px solid;
		padding-left: 25px;

		blockquote {
			font-size: 19px;
			line-height: 25px;

			cite {
				font-size: 16px;
				line-height: 20px
			}
		}
	}
}

// Single post link
.single-format-link {
	.ish-sc_blog_media {
		h2 {
			font-size: 19px;

			a i {
				display: none;
			}
		}
	}
}