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

/* Blog layout: Classic 
------------------------- */

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

body[class*="blog_style_classic"] .posts_container.columns_wrap {
	margin-bottom: calc(-1 * (var(--theme-var-grid_gap) + 15px));
}

.posts_container.columns_wrap {
	@include flex;
	flex-wrap:wrap;
}
.posts_container.columns_wrap .post_layout_classic {
	display:inline-block;
	vertical-align:top;
	@include box(100%, 100%);
	@include border-box;
}

.post_layout_classic {
	position: relative;
	border-color: var(--theme-color-bd_color);
	&.format-gallery .post_featured.with_thumb .slider_outer {
		height: 100%;
		.slider_container {
			height: 100% !important;
		}
	}
}
.post_layout_classic .post_featured {
	margin-bottom: 1em;
	@include border-radius(14px);
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.post_layout_classic .post_featured[class*="hover_"] {
	display: block;
}
.post_layout_classic .post_header {
	padding-top:0.02px;	  // Incapsulate margins inside the block without 'overflow: hidden'
}
.post_layout_classic .post_category {
	margin-bottom: 0.5em;
}
.post_layout_classic .post_title {
	margin: 0;
}
.post_layout_classic blockquote {
	margin:0;
}
.post_layout_classic .post_header + .post_content {
	padding-top: 1em;
}
.post_layout_classic .post_content + .post_meta {
	margin-top: 1em;
}

.post_layout_classic {
	padding-bottom: 15px;
	.post_meta {
		margin: 0;
	}
	.post_title {
		font-size: 28px;
		margin-top: 12px;
	}
	.format-audio .post_featured .post_audio_title {
		font-size: 24px;
		line-height: 1.3em;
		font-weight: 500;
		margin-top: 0.4em;
		margin-bottom: 0.5em;
	}
	.format-audio .post_featured .post_audio_author {
		font-size: 13px;
	}
	.post_info_audio {
		margin-top: 5px;
	}
	div.mejs-controls div.mejs-button > button {
		border: none;
	}
	div.mejs-controls div.mejs-button.mejs-playpause-button > button {
		background-color: var(--theme-color-bg_color) !important;
	}
	div.mejs-controls div.mejs-button.mejs-volume-button {
		width: 30px;
		> button {
			width: 30px;
			height: 40px;
			line-height: 42px;
		}
	}
	div.mejs-controls .mejs-horizontal-volume-slider {
		margin-left: 5px;
	}
	div.mejs-controls .mejs-time.mejs-duration-container {
		margin-right: 5px;
	}
	div.mejs-controls .mejs-time.mejs-currenttime-container {
		margin-left: 10px;
	}
	div.mejs-controls .mejs-time-rail {
		margin: 0 12px;
	}
	.format-audio .post_featured.without_thumb .post_audio:not(.with_iframe),
	.single-format-audio .post_featured.without_thumb .post_audio:not(.with_iframe),
	.sc_layouts_blog_item_featured .post_featured.without_thumb .post_audio:not(.with_iframe) {
		padding: 30px;
	}

	/* video */
	.trx_addons_video_player.with_cover .video_hover,
	.post_featured.with_thumb .post_video_hover {
		width: 65px;
		height: 65px;
		line-height: 65px;
		margin: -32px 0 0 -32px;
		font-size: 17px;
		letter-spacing: -4px;
	}


	.swiper-pagination-bullets {
		display: none;
	}
	.slider_container.slider_controls_side .slider_controls_wrap > a, .slider_outer_controls_side .slider_controls_wrap > a {
		opacity: 1;
		margin-left: 30px;
		margin-right: 30px;
	}
	.slider_container.slider_controls_side .slider_controls_wrap > a,
	.slider_outer_controls_side .slider_controls_wrap > a {
		width: 34px;
		height: 34px;
		line-height: 30px;
		margin-top: -17px;
		&:before {
			font-size: 13px;
		}
	}
	.swiper-button-next, .swiper-button-prev {
		margin-top: -17px !important;
	}
	.post_meta_item.post_categories {
		font-size: 13px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 0.6px;
		color: var(--theme-color-text_dark);
		a {
			color: var(--theme-color-text_dark);
			&:hover {
				color: var(--theme-color-text_link);
			}
		}
	}
	.post_meta_item.post_sponsored .post_sponsored_label {
		font-size: 13px;
	}
}

.post_layout_classic_4 .post_title,
.sc_layouts_submenu .post_layout_classic .post_title {
	font-size: 24px;
}

.post_layout_classic {
	&.sticky:not(.post_layout_custom) {
		padding: 0;
		border: none;
		.label_sticky {
			display:block;
			@include abs-rt(-12px, -12px);
			z-index: 9;
			@include box(0, 0);
			border: 12px solid transparent;
			border-top-color:var(--theme-color-text_link);
			@include rotate(225deg);
		}
	}
	&.post_format_quote {
		.post_content_inner {
			blockquote {
				+ p {
					margin-top: 15px;
				}
			}
			p {
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}
	&.post_layout_classic_3,
	&.post_layout_classic_4 {
		div.mejs-controls .mejs-time {
			display: none;
		}
	}
	&.post_layout_classic_4,
	&.post_layout_classic_3 {
		&.post_format_audio {
			.post_featured.without_thumb .post_audio:not(.with_iframe) {
				padding: 30px;
			}
		}
	}
}

.post_layout_classic .post_content_inner {
	> blockquote {
		margin-bottom: 1em;
	}
	> p:last-child {
		margin-bottom: 0;
	}
}