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

//---global styles
/* Custom Class */
body:not(.elementor-editor-active) {
	.no-select img {
		user-select: none;
		pointer-events:none;
	}
}
//--content gaps
.page_content_wrap {
	padding-top: 3.35rem;
}
//--post 404
.error404 {
	.page_title {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 19.8vw;
		//-picture in the middle of the title
		img {
			max-width: 16vw;
			margin: 0 0.05em;
		}
	}
	.page_subtitle {
		font-size: 35px;
	}
	.page_description {
		font-size: 1rem;
	}
}

.alter_clients .widget_slider .slider_container .slider-slide {
	background-color: transparent;
}

//---user styles
//--background image
.page_wrap.with_bg {
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
	&.contain_size {
		background-position: top center;
		-webkit-background-size: contain;
		background-size: contain;
	}
	&.fixed {
		background-attachment: fixed;
	}
	.page_content_wrap {
		background-color: transparent;
	}
	[class*="scheme_"].top_panel {
		background-color: transparent;
	}
}
//-with image fixed
.page_wrap.with_bg_fixed {
	.page_content_wrap {
		background-color: transparent;
	}
	[class*="scheme_"].top_panel {
		background-color: transparent;
	}
	.custom_bg_fixed {
		display: block;
		position: fixed;
		z-index: 0;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top center;
		-webkit-background-size: cover;
		background-size: cover;
		&.contain_size {
			background-repeat: repeat;
			background-position: top center;
			-webkit-background-size: contain;
			background-size: contain;
		}
	}
}
//--404/no-result page
.error404 .page_content_wrap {
	background-color: var(--theme-color-alter_bg_color);
}

//---widgets styles
//--events default -with price styles
.sc_events_default {
	.sc_events_item_price:not(.free_price):before {
		display: none;
	}
	.sc_events_item_meta_date:before {
		content: "\EA15";
	}
}
//--services -modern styles
.sc_services_modern .sc_services_item_thumb .all-svg [class*="svg-"] {
	display: none;
}
//--contact form7 -style 5
div.wpcf7 .form-style-5 .style-line .line {
	background-color: var(--theme-color-input_bd_color);
}
//--mailchimp form -style 10
#style-10.mc4wp-form .mc4wp-form-fields input[type="email"] {
	background-color: var(--theme-color-bg_color) !important;
}
//--instagram -modern style
.widget_instagram_type_modern .widget_instagram_follow_link_wrap .widget_instagram_follow_link {
	color: var(--theme-color-inverse_bd_color) !important;
	background-color: var(--theme-color-inverse_bd_hover) !important;
}
//--instagram feed plugin -feedTwo style
#sb_instagram.feedTwo .sbi_follow_btn .fa,
#sb_instagram.feedTwo .sbi_follow_btn svg,
#sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn .fa,
#sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn svg {
	color: var(--theme-color-inverse_bd_color);
}
#sb_instagram.feedTwo .sbi_follow_btn a,
#sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn a {
	background-color: var(--theme-color-inverse_bd_hover) !important;
}
//--socials -icon+name styles
.sc_socials.sc_socials_icons_names.alter .socials_wrap .social_item + .social_item {
	border-color: var(--theme-color-text_dark_015);
}

//---responsive styles
//@mixin theme--lg()
@media #{$media_lg} {
	//--content gaps
	.page_content_wrap {
		padding-top: 40px;
	}
	//--post 404
	.error404 .page_title {
		font-size: 200px;
		img {
			max-width: 160px;
		}
	}
}

//@mixin theme--sm()
@media #{$media_sm} {
	//--content gaps
	.page_content_wrap {
		padding-top: 30px;
	}
	//--post 404
	.error404 .page_title {
		font-size: 140px;
		img {
			max-width: 110px;
		}
	}
}