Current File : /home/kelaby89/www/wp/wp-content/themes/nexio/skins/default/templates/blog-styles/portfolio.scss

/* Blog layout: Portfolio
------------------------- */

@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";

body[class*="blog_style_portfolio"] .posts_container {
	margin-bottom: calc(-1 * var(--theme-var-grid_gap));
}

.post_layout_portfolio_4 .post_featured.hover_info .post_info .post_title,
.post_layout_portfolio_4 .post_title {
	font-size: 19px;
	line-height: 1.4em;
}
.post_layout_portfolio .post_featured.hover_info .post_info .post_title a {
	display: block;
}
.post_layout_portfolio .post_featured {
	margin-bottom:0;
	@include border-radius(14px);
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.post_layout_portfolio .post_featured[class*="hover_"] {
	display: block;
}
.post_layout_portfolio .post_featured img {
	width: 100%;
}
.post_layout_portfolio {
	.post_featured.hover_info.post_featured_bg:before {
		padding-top: 102%;
	}
	.post_featured.hover_info .post_info {
		padding: 26px 40px 21px;
	}
	&.post_format_video .post_featured.hover_info.with_thumb .post_video_hover {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		top: 15px;
		right: 15px;
		left: auto;
		margin: 0;
		letter-spacing: -5px;
	}
}
.post_layout_portfolio_4 {
	.post_featured {
		&.hover_info .post_info{
			padding: 26px 32px 21px;
			.post_title .hover-arrow {
				margin-top: 15px;
			}
			.post_descr {
				margin: 0 0 10px;
			}
		}
	}
}
.post_layout_portfolio_3,
.post_layout_portfolio_4 {
	&.post_format_audio {
		.post_featured {
			.post_audio_author {
				font-size: 13px;
			}
			.post_audio_title {
				font-size: 20px;
			}
			div.mejs-controls .mejs-time {
				display: none;
			}
		}
	}
}
.post_layout_portfolio.sticky:not(.post_layout_custom) {
	padding: 0;
	.label_sticky {
		position: absolute;
		z-index: 9;
		top: -12px;
		right: -12px;
		border-width: 12px;
	}
}

.post_layout_portfolio_3,
.post_layout_portfolio_4 {
	.slider_container.slider_pagination_pos_bottom .swiper-pagination-bullets {
		display: none;
	}
}