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






// --404 post
.post_item_404 .page_description {
	font-size: 1rem;
}

// --single post -post meta 
.post_header_single .post_meta.post_meta_categories a:not(.post_sponsored_label) {
	color: var(--theme-color-extra_dark);
	&:hover {
	color: var(--theme-color-extra_dark);
	}
}

// --single post -style-3
.post_header_wrap_style_style-3 {
	.post_header .content_wrap {
		background-color: var(--theme-color-alter_bg_color);
	}
}

// --single post -play btn
.trx_addons_video_player.with_cover .video_hover, 
.post_featured.with_thumb .post_video_hover, 
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover {
	color: var(--theme-color-input_dark);
    background-color: var(--theme-color-inverse_hover);
}

.awards_slider {
	.widget_slider .slider_type_images .slider-slide {
		background-color: var(--theme-color-bg_color);
	}
}

// --dropcat -style 1
.trx_addons_dropcap_style_1 {
	background-color: var(--theme-color-text_link);
}


// --to top -btn
.scroll_to_top_style_default {
	color: var(--theme-color-inverse_link);
	border-color: var(--theme-color-text_link);
	background-color: var(--theme-color-text_link);
	&:hover {
		color: var(--theme-color-extra_dark);
		border-color: var(--theme-color-extra_bg_hover);
    	background-color: var(--theme-color-extra_bg_hover);
	}
}

// --services  -modern style
.sc_services_modern {
	.sc_services_item_thumb .all-svg {
		display: none;
	}
	.sc_services_item {
		&:hover {
			.sc_button_arrow {
				@include box-shadow(none);
				border-color: var(--theme-color-text_link);
			}
		}
		.sc_button_arrow {
			border: 1px solid var(--theme-color-bd_color);
			background-color: transparent;
			&:hover {
				@include box-shadow(none);
				border-color: var(--theme-color-text_link);
			}
		}
	}
}

// --services -divider4 style
.sc_icons_divider4 .slider-wrapper .sc_icons_item,
.sc_icons_divider4 .sc_icons_columns_wrap .sc_icons_item {
	&:after {
		display: none;
	}
}
.sc_icons_divider4 .sc_icons_icon + .sc_icons_item_details, 
.sc_icons_divider4 .sc_icons_image + .sc_icons_item_details {
	margin-top: 0;
}


// --single post -sponsored label
.single-post .post_meta_item a.post_sponsored_label:hover {
	background-color: var(--theme-color-text_hover);
}

// --price -simple style
.sc_price_simple .sc_price_item.sc_price_active .sc_price_item_link {
	@include box-shadow(none)
}

// --testimonials -accent style
.sc_testimonials_accent {
	.sc_testimonials_item {
		@include box-shadow(none);
		&:before {
			content: '\EA36';
			color: var(--theme-color-text_link);
		}
	}

	.slider_container.slider_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet,
	.slider_outer.slider_outer_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet,
	.slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets .swiper-pagination-bullet {
		border-color: var(--theme-color-bd_color);

		&:hover,
		&-active {
			border-color: var(--theme-color-text_link);
		}
	}
}

// --skills 
.extra-size-skills .sc_skills_counter_alter {
	.sc_skills_item_title {
		color: #c19a5b;
	}
}

// -wpcf7 -style 3
div.wpcf7 .form-style-3 {
	.style-line[class*="icon-"]:before {
		color: var(--theme-color-input_dark);
	}
	// --placeholder
	input[placeholder]::-webkit-input-placeholder 		{ color: var(--theme-color-input_dark) }
	textarea[placeholder]::-webkit-input-placeholder	{ color: var(--theme-color-input_dark) }
	input[placeholder]::-moz-placeholder 				{ color: var(--theme-color-input_dark) }
	textarea[placeholder]::-moz-placeholder				{ color: var(--theme-color-input_dark) }
	input[placeholder]:-ms-input-placeholder 			{ color: var(--theme-color-input_dark) }
	textarea[placeholder]:-ms-input-placeholder			{ color: var(--theme-color-input_dark) }
	input[placeholder]::placeholder 					{ color: var(--theme-color-input_dark) }
	textarea[placeholder]::placeholder					{ color: var(--theme-color-input_dark) }

	input[placeholder]:focus::-webkit-input-placeholder 		{ color: var(--theme-color-input_dark) }
	textarea[placeholder]:focus::-webkit-input-placeholder	{ color: var(--theme-color-input_dark) }
	input[placeholder]:focus::-moz-placeholder 				{ color: var(--theme-color-input_dark) }
	textarea[placeholder]:focus::-moz-placeholder				{ color: var(--theme-color-input_dark) }
	input[placeholder]:focus:-ms-input-placeholder 			{ color: var(--theme-color-input_dark) }
	textarea[placeholder]:focus:-ms-input-placeholder			{ color: var(--theme-color-input_dark) }
	input[placeholder]:focus::placeholder 					{ color: var(--theme-color-input_dark) }
	textarea[placeholder]:focus::placeholder					{ color: var(--theme-color-input_dark) }

	input[placeholder]:active::-webkit-input-placeholder 		{ color: var(--theme-color-input_dark) }
	textarea[placeholder]:active::-webkit-input-placeholder	{ color: var(--theme-color-input_dark) }
	input[placeholder]:active::-moz-placeholder 				{ color: var(--theme-color-input_dark) }
	textarea[placeholder]:active::-moz-placeholder				{ color: var(--theme-color-input_dark) }
	input[placeholder]:active:-ms-input-placeholder 			{ color: var(--theme-color-input_dark) }
	textarea[placeholder]:active:-ms-input-placeholder			{ color: var(--theme-color-input_dark) }
	input[placeholder]:active::placeholder 					{ color: var(--theme-color-input_dark) }
	textarea[placeholder]:active::placeholder					{ color: var(--theme-color-input_dark) }
}

// -wpcf7 -style 6
div.wpcf7 .form-style-6 {
	.wpcf7-submit-style {
		.wpcf7-submit {
			display: inline-block;
			padding: 17px 35px 17px 35px !important;
		}
		.submit-style-in:before {
			display: none;
		}
	}
}

// -wpcf7 -style 9
div.wpcf7 .form-style-9 {
	.columns_wrap > [class*="column-"] {
		padding-bottom: 15px;
	}
	.wpcf7-submit-style {
		margin-top: 13px;
		.wpcf7-submit {
			display: inline-block;
			padding: 17px 35px 17px 35px !important;
		}
		.submit-style-in:before {
			display: none;
		}
	}
	+ div.wpcf7-response-output {
		margin: 18px 0 0;
	}
	span.wpcf7-not-valid-tip {
		bottom: -5px;
	}
	.wpcf7-not-valid+.wpcf7-not-valid-tip {
		margin-top: 5px;
		margin-bottom: 0.5em;
	}
}

.wpcf7 form .trx_addons_message_box.wpcf7-response-output, .wpcf7 div.wpcf7-response-output {
	padding: 10px 15px;
}

// --woocommerce
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background-color: var(--theme-color-text_link);
}
// ---widget cart
.sc_layouts_cart:not(.modern) .sc_layouts_cart_widget .total {
	border-top: 1px solid #3C3F47 !important;
}

// --porfolio -extra style
.sc_portfolio.sc_portfolio_extra {
	.sc_portfolio_item .post_featured .post_info {
		.post_title {
			background-color: #051629;	
			a {
				color: #ffffff !important;
			}
		}
		.post_meta .post_categories {
			background-color: #051629;
			a,span {
				color: #ffffff !important;
			}
		}
	}
	&.sc_portfolio_eclipse .sc_portfolio_item .post_featured {
		.mask {
			background-color: #051629;
		}
	} 
}
// --grid 7 
// --grid 9
.sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_7,
.sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_9 {
	.sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl {
		.sc_blogger_item_title {
			background-color: #051629;
			a {
				color: #ffffff !important;
			}
		}
		.post_meta .post_categories {
			background-color: #051629;
			a,span {
				color: #ffffff !important;
			}
		}
	}	
}
// --filter -tab style
.sc_blogger_lay_portfolio .sc_blogger_filters .sc_item_filters_tabs li a:after, 
.sc_blogger_lay_portfolio_grid .sc_blogger_filters .sc_item_filters_tabs li a:after {
	background-color: var(--theme-color-alter_link2);
}
// --filter -toggle style
.sc_style_toggle .sc_blogger .sc_item_filters_wrap .sc_item_filters .list_wrap .sc_item_filters_tabs li.sc_item_filters_tabs_active a {
	color: var(--theme-color-alter_link2);
}

// --button simple
.sc_button.sc_button.sc_button_simple {
	&.sc_button_with_icon .sc_button_icon {
		@include border-radius(0);
	}
}

// --pagination
.nav-links .page-numbers.current, .comments_pagination .page-numbers.current, 
.woocommerce nav.woocommerce-pagination ul li span.current, 
.esg-filters div.esg-navigationbutton.selected {
	color: var(--theme-color-inverse_bd_color);
}





//*-- RESPONSIVE STYLE --*//
//@mixin theme--lg()
@media #{$media_lg} {
	// -wpcf7 -style 6
	div.wpcf7 .form-style-6 .wpcf7-submit-style .wpcf7-submit {
		padding: 15px 35px 15px 35px !important;
	}
	
	// -wpcf7 -style 9
	div.wpcf7 .form-style-9 .wpcf7-submit-style {
		margin-top: 5px;
		.wpcf7-submit {
			padding: 15px 35px 15px 35px !important;
		}
	}
	div.wpcf7 .form-style-9 .wpcf7-not-valid + .wpcf7-not-valid-tip {
		margin-top: 0;
	}

	// --services -divider4 style
	.sc_icons_divider4 .sc_icons_columns_wrap [class*="trx_addons_column-"][class*="-tablet"] .sc_icons_item:after {
		display: none;
	}
	.sc_icons_divider4 .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"][class*="-tablet"] {
		padding-bottom: 10px;
	}
}


//@mixin theme--sm()
@media #{$media_sm} {
	// --layouts logo
    .sc_layouts_row.sc_layouts_row_fixed_on.sc_layouts_row_fixed_always .custom-logo-link img, 
	.sc_layouts_row.sc_layouts_row_fixed_on.sc_layouts_row_fixed_always .sc_layouts_logo img,
	.search_modern .search_header_wrap .logo_image,
	.menu_mobile .sc_layouts_logo img {
        max-height: 30px;
    }

	// -wpcf7 -style 6
	div.wpcf7 .form-style-6 .wpcf7-submit-style {
		.wpcf7-submit {
			padding: 13px 30px 13px 30px !important;
		}
	}

	// -wpcf7 -style 9
	div.wpcf7 .form-style-9 .wpcf7-submit-style {
		margin-top: 10px;
		.wpcf7-submit {
			padding: 13px 30px 13px 30px !important;
		}
	}
	div.wpcf7 .form-style-9 + div.wpcf7-response-output {
		margin: 12px 0 0;
	}
	div.wpcf7 .form-style-9 .columns_wrap > [class*="column-"] {
		padding-bottom: 10px;
	}
}

//@mixin theme--xs()
@media #{$media_xs} {
	// --services -divider4 style
	.sc_icons_divider4 .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"][class*="-tablet"] {
		padding-bottom: 15px;
	}

	// --single post -style 3
	.post_header_wrap_style_style-3:not(.with_featured_image) .post_header .content_wrap {
		padding: 20px 10px;
	}
}