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


/* Loading mask */
.sc_blogger .trx_addons_loading {
	background-color: var(--theme-color-bg_color_02);
}
ul.sc_layouts_submenu .sc_blogger .trx_addons_loading {
	background-color: var(--theme-color-extra_bg_color_05);
}


/* Blogger 
--------------------------------------------- */
.sc_blogger {	
	/* Content */
	.sc_blogger_content .sc_blogger_item  {
	    margin-top: 0 !important;
	    margin-bottom: 0;
	    border: 0;

		/* Blockquote */ 
		blockquote {
			margin: 0;
		}
	}

	/* Header */
	.sc_blogger_item_header {
	    margin-bottom: 19px;
	}

	/* Featured */
	.sc_item_featured {
		@include border-radius(8px);
	}
	.sc_item_featured[class*="hover_"],
	.sc_item_featured:not(.post_featured_bg)[class*="hover_"], 
	.post_featured[class*="hover_"],
	.post_featured:not(.post_featured_bg)[class*="hover_"] {
	    display: block;
	}

	/* Meta */
	.post_meta_categories, 
	.post_meta_date {
	    vertical-align: top;
		margin-bottom: 0;
	}
	.post_meta_categories,
	.post_meta_categories + .post_meta {
		display: inline;
	}
	.post_meta:not(.post_meta_categories):not(.post_meta_date):not(.post_meta_author) {
	    vertical-align: bottom;
	}
	.post_meta:empty {
		display: none;
	}

	/* Align */
	.sc_blogger_item_align_center {
	    text-align: center;

	    .post_meta .post_meta_item:last-child:after {
			display: none;
	    }
	}
	.sc_blogger_item_align_right {
	    text-align: right;

		.post_meta .post_meta_item {
		    margin-left: 1.1em;
		}
		.post_meta .post_meta_item:after {
			display: none;
		}
	}
}


/* Default: Classic 
--------------------------------------------- */
.sc_blogger_default_classic {
	.sc_item_content + .sc_item_button {
		margin-top: 20px !important;
	}
}
.sc_blogger_default_classic.is_block {
	.sc_item_content {
	    margin-bottom: calc( -1 * ( var(--theme-var-sm_grid_gap) + ( var(--theme-var-grid_gap_koef) * 2px ) ) ); // replace -22px
	}
	.sc_item_content > .sc_item_container {
	    padding-bottom: calc( var(--theme-var-sm_grid_gap) + ( var(--theme-var-grid_gap_koef) * 2px ) ); // replace 22px
	}
	.sc_item_featured {
		@include border-radius(8px); /* ok */
	}
}
.sc_blogger_item_default_classic {    
    /* Header */
	.sc_blogger_item_header {
   		width: fit-content;
   		min-height: 48px;
		padding-left: 4.08em; 
		text-align: left !important;
   		display: flex;
   		flex-direction: column;
   		justify-content: center;
   		position: relative;

   		&:empty {
		    display: none;
		}

		/* Meta Author */
		.post_meta .post_meta_item:after {
			display: none;
		}
		.post_meta_author {
   			margin-top: 4px;

			.post_author_avatar {
				@include abs-lt;
	    		margin-right: 0;

				& > img {
					@include box(48px, 48px);
				}
			}
			.post_author_by {
				display: none;
			}
			.post_author_name {
				@include font(15px, inherit, 500);
				color: var(--theme-color-text_dark);
			}
			a:hover .post_author_name {
				color: var(--theme-color-accent_link);
			}
		}
		/* Meta Date */
		.post_meta_date {
		    margin-top: 4px;
		}
	}	
	&.sc_blogger_item_align_center .sc_blogger_item_header {
		margin-left: auto;
		margin-right: auto;
	}
	&.sc_blogger_item_align_right .sc_blogger_item_header {
		margin-left: auto;
		padding-left: 0;
		padding-right: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 31px )  ); // replace 61px 
		text-align: right !important;

		.post_author_avatar {
			@include abs-rt;
		}
	}
	
	/* Content */
	&.sc_blogger_item_image_position_top .sc_blogger_item_featured + .sc_blogger_item_content {
	    margin-top: 16px;
	}
	.sc_blogger_item_content:first-child {
	    margin-top: -6px;
	    margin-bottom: -3px;
	}

	/* Title */
	.sc_blogger_item_featured + .sc_blogger_item_content .sc_blogger_item_title:first-child {
		margin-top: 18px;
	}
	.post_meta + .sc_blogger_item_title {
	    margin-top: 2px;
	}

	/* Meta */
	.post_meta .post_meta_label {
	    display: none;
	}
	.sc_blogger_item_title + .post_meta {
	    margin-top: 8px;
	}
	.sc_blogger_item_excerpt + .post_meta {
   		margin-top: 13px;
	}

	/* Excerpt */
	.sc_blogger_item_title + .sc_blogger_item_excerpt {
	    margin-top: 10px;
	} 
	.sc_blogger_item_excerpt {
	    @include font(14px, 23px);
	} 

	/* Read more */
	.more-link {
	    margin-top: 12px;
	}

	/* Audio */
	.sc_item_featured {
		-webkit-transform: translateZ(0);
	}
	.sc_item_featured.without_thumb .post_audio {		
		padding: 20px !important;
	}
	.sc_item_featured.with_thumb .post_audio {
		left: 20px;
		right: 20px;
		bottom: 20px;
	}
	.sc_item_featured .post_audio {
		.mejs-controls {
			padding: 0 16px 0 9px;
		}
		.mejs-controls .mejs-time {
		    padding-left: 5px !important;
		    padding-right: 5px !important;
		}
		.mejs-controls .mejs-time-rail {
		    margin: 0 3px;
		}
		.mejs-controls .mejs-volume-button {
		    margin-left: 0px;
		}
		.mejs-horizontal-volume-slider,
		.mejs-horizontal-volume-total {
			width: 38px;
		}
	}

	/* Gallery */
	&.format-gallery .sc_item_featured > img,
	&.format-gallery .sc_item_featured > .post_thumb {
		visibility: hidden;
	}

	/* Quote */
	&.format-quote blockquote,
	&.format-quote .wp-block-quote:not(.is-large):not(.is-style-large) {
	    padding: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 40px ) ) calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 19px ) ) calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 10px ) ); // replace 70px 49px 40px
		
		&:before {
		    left: 0.64em;
		}
	}
}


/* Default: Modern 
--------------------------------------------- */
.sc_blogger_item_default_modern {
	/* Content */
	.sc_blogger_item_body {
		box-shadow: none;
		border: 1px solid var(--theme-color-bd_color);
		padding: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 10px ) ) calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 15px ) ) calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 12px ) ); // replace 40px 45px 42px
		background-color: var(--theme-color-content_bg);
		@include border-radius(var(--theme-var-content_rad));
		@include border-box;
	}

	/* Formats */
	&.format-gallery,
	&.format-audio,
	&.format-video {
		.sc_blogger_item_body {	
		    display: flex;
		    flex-direction: column;
    		justify-content: space-between;

		    &:before {
			    font-family: $theme_icons;
			    display: block;
			    @include font(49px, 1em);
			    color: var(--theme-color-text_light_04);
			    margin-top: 5px;
			    margin-bottom: 20px;
			}
		}
	}

	/* Title */		
	.post_meta + .sc_blogger_item_title {
	    margin-top: 4px;
	}

	/* Meta */
	.post_meta .post_meta_label {
	    display: none;
	}
	.sc_blogger_item_title + .post_meta {
	    margin-top: 8px;
	}
	.sc_blogger_item_excerpt + .post_meta {
   		margin-top: 12px;
	}

	/* Excerpt */
	.sc_blogger_item_title + .sc_blogger_item_excerpt {
	    margin-top: 10px;
	} 

	/* Gallery */
	&.format-gallery .sc_blogger_item_body:before {
	    content: '\E9C9';
	}

	/* Video */
	&.format-video .sc_blogger_item_body:before {
	    content: '\E9CC';
	}

	/* Audio */
	&.format-audio .sc_blogger_item_body:before {
	    content: '\E9CB';
	}

	/* Quote */
	&.format-quote .sc_blogger_item_body {
		background-color: var(--theme-color-accent_link);
		background-image: url(../../../images/block_bg.png);
	    background-size: cover;
	    background-position: center;

	    /* Links */
	    a {
			color:var(--theme-color-accent_text);
		}
		a:hover,
		a:focus {
			color:var(--theme-color-accent_link3);
		}

		blockquote,
		.wp-block-quote:not(.is-large):not(.is-style-large) {
			@include font(inherit, inherit);
		    padding: 0;
			background-color: transparent;
			@include border-sharp();
			
			&:before {
			    display: none;
			}
			p, cite {
				@include font(inherit, inherit);
			}
		}
	}
}


/* Default: Info over image
--------------------------------------------- */
.sc_blogger_item_default_over {
	/* Featured */
	.sc_item_featured {
		@include border-radius(var(--theme-var-content_rad));
	}
	.sc_item_featured > img.cover_image {
		@include abs-cc;
		height: auto;
	    width: auto;
	    min-width: 100%;
	    min-height: 100%;
	    max-width: none;
	    max-height: none;
	}

	/* Post info mask */
	.post_featured .mask {
		z-index: 10;
		display: block;
		background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); 
	}

	/* Title */		
	.post_meta + .sc_blogger_item_title {
	    margin-top: 20px !important;
	}

	/* Meta */
	.post_meta .post_meta_label {
	    display: none;
	}
	.sc_blogger_item_title + .post_meta {
	    margin-top: 19px !important;
	}
	.sc_blogger_item_excerpt + .post_meta {
   		margin-top: 20px;
	}	

	/* Excerpt */
	.sc_blogger_item_excerpt {
	    @include font(17px, 1.705em);
	}
	.sc_blogger_item_title + .sc_blogger_item_excerpt {
	    margin-top: 10px;
	}

	/* Read More */
	.sc_blogger_item_title + .sc_blogger_item_button, 
	.sc_blogger_item_meta + .sc_blogger_item_button, 
	.sc_blogger_item_excerpt + .sc_blogger_item_button {
	    margin-top: 19px;
	}

	/* Audio */
	&.format-audio .sc_item_featured [class*="post_info_"] {
		padding-bottom: 8em;
	}
	.sc_item_featured.without_thumb .post_audio {		
		padding: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 15px ) ) !important; // replace 45px
	}
	.sc_item_featured.with_thumb .post_audio {
		left: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 15px ) ); // replace 45px
		right: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 15px ) ); // replace 45px
		bottom: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 15px ) ); // replace 45px
	}

	/* Video */
	&.format-video [class*="post_info_"] {
		padding-top: calc( 3.66em + 2 * ( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 13px ) ) ); // replace 141px
	}
	&.format-video .post_video_hover {
		top: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 15px ) ); // replace 45px
		left: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 15px ) ); // replace 45px
		margin: 0 !important;
	}
	&.format-video.sc_blogger_item_align_center .post_video_hover {
		left: 50%;
		margin-left: calc( -1 * ( var(--theme-var-sm_grid_gap) + ( var(--theme-var-grid_gap_koef) * 7px ) ) ) !important; // replace -27px
	}
	&.format-video.sc_blogger_item_align_right .post_video_hover {
		left: auto;
		right: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 15px ) ); // replace 45px
	}		

	/* Quote */
	&.format-quote [class*="post_info_"] {
		background-color: var(--theme-color-accent_link);
		background-image: url(../../../images/block_bg.png);
	    background-size: cover;
	    background-position: center;
		padding: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 13px ) ) calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 15px ) ); // replace 43px 45px
		@include border-radius(var(--theme-var-content_rad));

		/* Links */
		a,
		.post_meta_item:before {
			color:var(--theme-color-accent_text);
		}
		a:hover,
		a:focus,
		a.post_meta_item:hover:before {
			color:var(--theme-color-accent_link3);
		}

		blockquote,
		.wp-block-quote:not(.is-large):not(.is-style-large) {
			@include font(inherit, inherit);
		    padding: 0;
			background-color: transparent;
			@include border-sharp();
			
			&:before {
			    display: none;
			}
			p, cite {
				@include font(inherit, inherit);
			}
			cite {
				margin-top: 0.5em;
			}
		}
	}
}


/* Lists 
--------------------------------------------- */
.widget_title + .sc_blogger_list_simple {
	margin-top: -8px;
}
.sc_blogger_list_simple {
	.sc_item_title {
	    margin-bottom: calc( var(--theme-var-sm_grid_gap) + ( var(--theme-var-grid_gap_koef) * 8px ) ); // replace 28px
	}

	.sc_blogger_content .sc_blogger_item_list_simple:last-child {
	    padding-bottom: var(--theme-var-grid_gap);
	}

	.sc_item_content + .sc_item_button,
	.sc_item_columns + .sc_item_button {
	    margin-top: calc( var(--theme-var-grid_gap) + ( var(--theme-var-grid_gap_koef) * 3px ) ) !important; // replace 33px
	}
}

.sc_blogger_item_list_simple {
	/* Title */
	.post_meta + .sc_blogger_item_title {
	    margin-top: 3px;
	}

	/* Meta */
	.sc_blogger_item_title + .post_meta {
	    margin-top: 11px;
	}
}


/* Band 
--------------------------------------------- */
.sc_blogger_band {
	.post_layout_band {
		/* Featured */
		.post_featured {
		    flex-basis: 39.6%;
		}

		/* Content */
		.post_featured + .post_content_wrap {
		    flex-basis: unset;
		    padding: 0 0 0 var(--theme-var-grid_gap);    
		    margin-top: -6px;
		}

		/* Title */
		.post_meta + .post_title {
		    margin-top: 8px;
		}

		/* Content */
		.post_header + .post_content {
		    margin-top: 8px;
		}

		/* Meta */
		.post_content + .post_meta {
		    margin-top: 9px;
		}
		.post_meta {
		    vertical-align: unset !important;
		}
	}

	.sc_item_content + .sc_item_button {
	    margin-top: var(--theme-var-grid_gap) !important;
	}
}


/* Band 
--------------------------------------------- */
.sc_blogger_classic {
	.post_layout_classic {
		/* Meta */
		.post_meta {
		    vertical-align: unset !important;
		}
	}
}