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






// --mouse helper
.trx_addons_mouse_helper {
	background-color: transparent;
	background-image: url("data:image/svg+xml;base64, ");
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
	font-size: 16px;
	text-indent: 0;
	--mouse-helper-width: 30px;
	--mouse-helper-height: 30px;
	--mouse-helper-left: 20px;
	--mouse-helper-top: 20px;
	border: none;
	mix-blend-mode: difference;
	@include border-radius(50%);
	@include box-shadow(0 0 0 rgba(0, 0, 0, 0));
	@include transition(width 0.3s ease, height 0.3s ease, opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, left 0.3s ease, top 0.3s ease, border-radius 0.1s ease, box-shadow 0.2s ease);
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_active {
	background-image: none;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_with_layout {
	@include border-radius(50%);
	background-image: none;

}
.trx_addons_mouse_helper.trx_addons_mouse_helper_active.trx_addons_mouse_helper_with_image {
	--mouse-helper-width: 407px;
	--mouse-helper-height: 324px;
}

// --grained effect
.grained_effect:after {
	display: block;
	pointer-events: none;
	content: '';
	-webkit-animation: grain 8s steps(10) infinite;
	animation: grain 8s steps(10) infinite;
	background-image: url("images/patterns/pattern.png");
	height: 300%;
	width: 300%;
	opacity: 0.1;
	position: fixed;
	z-index: 1;
	left: -50%;
	top: -110%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}
@-webkit-keyframes grain {
	0%, 100% { -webkit-transform:translate3d(0, 0, 0); }
	10% { -webkit-transform:translate3d(-5%, -10%, 0); }
	20% { -webkit-transform:translate3d(-15%, 5%, 0); }
	30% { -webkit-transform:translate3d(7%, -25%, 0); }
	40% { -webkit-transform:translate3d(-5%, 25%, 0); }
	50% { -webkit-transform:translate3d(-15%, 10%, 0); }
	60% { -webkit-transform:translate3d(15%, 0%, 0); }
	70% { -webkit-transform:translate3d(0%, 15%, 0); }
	80% { -webkit-transform:translate3d(3%, 35%, 0); }
	90% { -webkit-transform:translate3d(-10%, 10%, 0); }
}

@keyframes grain {
	0%, 100% { transform:translate3d(0, 0, 0); }
	10% { transform:translate3d(-5%, -10%, 0); }
	20% { transform:translate3d(-15%, 5%, 0); }
	30% { transform:translate3d(7%, -25%, 0); }
	40% { transform:translate3d(-5%, 25%, 0); }
	50% { transform:translate3d(-15%, 10%, 0); }
	60% { transform:translate3d(15%, 0%, 0); }
	70% { transform:translate3d(0%, 15%, 0); }
	80% { transform:translate3d(3%, 35%, 0); }
	90% { transform:translate3d(-10%, 10%, 0); }
}
.grained_bg .page_content_wrap .content_wrap,
.grained_bg .page_content_wrap .content_wrap_fullscreen {
	z-index: 10;
}
.grained_bg.custom-background .content_wrap > .content{
	background-color: transparent;
}
.grained_bg .fixed_blocks_sticky .sidebar {
	z-index: 10;
}
.grained_bg .top_panel {
	background-color: transparent;
}
.grained_bg.custom-background .content_wrap > .content {
	padding: 0;
}
.grained_bg .footer_wrap {
	z-index:10;
}
.grained_bg [class*="scheme_"].footer_wrap {
    background-color: transparent;
}

// --ticker -marquee-2 style
.trx_addons_has_bg_text.marquee_style-2 .trx_addons_marquee_element {
	padding-right: 0 !important;
	.trx_addons_bg_text_char {
		div {
			display: inline-block;
			padding: 0 35px;
		}
	}
}

// --audio effects
.top_panel {
	.sc_audio_effects {
		width: auto;
		&.sc_audio_effects_off:before {
			top: -13px;
			right: -2px;
			color: var(--theme-color-text_dark);
		}
		> span {
			width: 5px;
			height: 0.86em;
			border-radius: 2px;
			transition: all 0.2s ease;
			background-color: var(--theme-color-text_dark);
			&:nth-child(2) {
				height: 0.6em;
			}
			&:nth-child(3) {
				height: 1.2em;
				margin-right: 0;
			}
			&:last-child {
				display: none;
			}
		}
		&:hover {
			span {
				background-color: var(--theme-color-text_link);
			}
		}
	}
}

// --audio player 
div.mejs-controls {
	.mejs-time {
		font-size: 15px;
		font-weight: 700;
		padding-top: 15px;
	}
	.mejs-time-rail {
		padding-top: 13px;
	}
	.mejs-horizontal-volume-slider {
		margin-left: 10px;
	}
	.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
		background: var(--theme-color-text_dark);
	}
	div.mejs-button > button {
		border: 2px solid var(--theme-color-text_dark);
	}
	div.mejs-button.mejs-volume-button > button {
		font-size: 17px;
		border: none;
	}
}
.mejs-controls .mejs-time-rail .mejs-time-total, 
.mejs-controls .mejs-time-rail .mejs-time-loaded, 
.mejs-controls .mejs-time-rail .mejs-time-hovered, 
.mejs-controls .mejs-volume-slider .mejs-volume-total, 
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background-color: var(--theme-color-alter_bg_hover);
}
.wp-playlist .mejs-container .mejs-controls {
	background: transparent;
}
.wp-playlist.wp-audio-playlist .wp-playlist-current-item {
	border: 2px solid var(--theme-color-text_dark);
	border-bottom: none;
	background: transparent;
}
.wp-playlist.wp-audio-playlist .mejs-container {
	border: 2px solid var(--theme-color-text_dark);
	border-top: none;
	background: transparent;
	
}
// --footer & sidebar styles
[class*="scheme_"].footer_wrap .mejs-container .mejs-controls, 
[class*="scheme_"].footer_wrap .wp-playlist .mejs-container .mejs-controls, 
.sidebar_default[class*="scheme_"] .mejs-container .mejs-controls, 
.sidebar_default[class*="scheme_"] .wp-playlist .mejs-container .mejs-controls {
	.mejs-time-rail .mejs-time-total,
	.mejs-time-rail .mejs-time-loaded,
	.mejs-time-rail .mejs-time-hovered,
	.mejs-volume-slider .mejs-volume-total,
	.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
		background-color: var(--theme-color-alter_bg_color);
	}
}

// --trx audio player
.trx_addons_audio_player:not(.with_cover) {
	.trx_addons_audio_player_wrap:not(.extra-audio-player .trx_addons_audio_player_wrap) {
		padding: 2.1em 2.4em;
		border: 2px solid var(--theme-color-text_dark);
	}
}
.trx_addons_audio_player .trx_addons_audio_player_wrap .audio_caption {
	margin-bottom: 0.2em;
}

// --mobile menu
.menu_mobile .menu_mobile_nav_area li > a > .open_child_menu:before {
	content: '\EA21';
	font-size: 20px;
}
.menu_mobile .menu_mobile_nav_area > ul > li li > a > .open_child_menu:before {
	font-size: 13px;
}

// --custom styles
.header_fullscreen:before {
	background-color: transparent;
	opacity: 1;
}
// ---full width btns
.extra-width {
	.sc_button_wrap {
		width: 100%;
		.sc_button:not(.sc_button_simple) {
			display: inline-block;
			width: 100%;
			text-align: center;
		}
	}
}
// --widget audio-palyer
.extra-audio-player {
	.trx_addons_audio_player_wrap {
		background-color: rgba(255, 255, 255, 0.15);
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px);
	}
}
.trx_addons_audio_player div.mejs-controls div.mejs-button.mejs-playpause-button > button {
	border: 2px solid var(--theme-color-text_dark);
}
.trx_addons_audio_player div.mejs-controls .mejs-time {
	font-size: 15px;
	font-weight: 700;
}

// --background-blur
.background-blur {
	.elementor-widget-container {
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
	}
}
// --extra video height
.elementor-element.extra_video_height {
    .e-hosted-video {
        height: 100%;
        padding-bottom: 0;
		aspect-ratio: auto !important;
        .elementor-video {
            height: 57.6vh;
        }
    }
}

// --post 404
.post_item_404 {
	.page_title {
		letter-spacing: -8px;
	}
	.page_description {
		font-size: 19px;
	}
}

// --button -simple styles
.sc_button.sc_button.sc_button_simple {
	padding: 0 2.3em 2px 0;
	&:before,
	&:after {
		content: '\EA21';
		font-size: 20px;
	}
	&.sc_button_size_large {
		&:before,
		&:after {
			font-size: 22px;
		}
	}
	&.sc_button_size_small {
		&:before,
		&:after {
			font-size: 18px;
		}
	}
}

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

// --blogger -pagination sttyles
.sc_blogger_default.sc_blogger_default_classic .swiper-pagination-custom .swiper-pagination-button.swiper-pagination-button-active, 
.sc_blogger_default.sc_blogger_default_classic .sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet.swiper-pagination-bullet-active, 
.sc_blogger_default.sc_blogger_default_classic .sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet:hover, 
.sc_blogger_default.sc_blogger_default_classic .slider_container .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.sc_blogger_default.sc_blogger_default_classic .slider_outer .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.sc_blogger_default.sc_blogger_default_classic .slider_container .slider_pagination_wrap .swiper-pagination-bullet:hover, 
.sc_blogger_default.sc_blogger_default_classic .slider_outer .slider_pagination_wrap .swiper-pagination-bullet:hover {
	border-color: var(--theme-color-text_link);
    background-color: var(--theme-color-text_link);
}

// --blogger -classic simple style
.sc_blogger_item_default {
	&.sc_blogger_item_image_position_left .sc_blogger_item_body, 
	&.sc_blogger_item_image_position_right .sc_blogger_item_body, 
	&.sc_blogger_item_image_position_alter .sc_blogger_item_body {
		align-items: flex-start;
	}
}

// --porfolio -extra style
.sc_portfolio.sc_portfolio_extra {
	.sc_portfolio_item .post_featured .post_info {
		.post_title {
			background-color: #000000;	
			a {
				color: #FFFFFF !important;
			}
		}
		.post_meta .post_categories {
			background-color: #161616;
			a,span {
				color: #A5A6AA !important;
			}
		}
	}
	&.sc_portfolio_eclipse .sc_portfolio_item .post_featured {
		.mask {
			background-color: #000000;
		}
	} 
}
// --grid 7
.sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_7 {
	.sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl {
		.sc_blogger_item_title {
			background-color: #000000;
			a {
				color: #FFFFFF !important;
			}
		}
		.post_meta .post_categories {
			background-color: #161616;
			a,span {
				color: #A5A6AA !important;
			}
		}
	}
}
// --grid 9
.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: #000000;
			a {
				color: #FFFFFF !important;
			}
		}
		.post_meta .post_categories {
			background-color: #161616;
			a,span {
				color: #A5A6AA !important;
			}
		}
	}	
}
// --grid 8
.sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style-8 {
	.sc_blogger_item .sc_blogger_item_body .sc_blogger_item_content .sc_blogger_item_title {
		font-size: 24px;
	}
}

// --single portfolio
.single-cpt_portfolio .post-navigation .nav-links .nav-previous a span:before,
.single-cpt_portfolio .post-navigation .nav-links .nav-next a span:after {
	font-size: 20px;
	position: relative;	
	top: 2px;
}
.single-cpt_portfolio .post-navigation .nav-links .nav-previous a span:before {
	content: '\EA20';
}
.single-cpt_portfolio .post-navigation .nav-links .nav-next a span:after {
	content: '\EA21';
}

// --countdown -default style
.sc_countdown_default {
	.sc_countdown_separator {
		color: var(--theme-color-extra_light);
	}
	.sc_countdown_item {
		.sc_countdown_digits {
			margin-bottom: 0;
		}
		.sc_countdown_label {
			font-size: 12px;
			text-transform: uppercase;
			padding-top: 0;
			&:before  {
				display: none;
			}
		}
	}
}

// --events
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev:before {
	content: '\EA20';
	font-size: 20px;
	margin-right: 0.65em;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next:after {
	content: '\EA21';
	font-size: 20px;
	margin-left: 0.65em;
}

// --single events
.tribe-events-sub-nav li.tribe-events-nav-previous a:before {
	content: '\EA20' !important;
	font-size: 20px;
	margin-right: 0.65em;
}
.tribe-events-sub-nav li.tribe-events-nav-next a:after {
	content: '\EA21' !important;
	font-size: 20px;
	margin-left: 0.65em;
}
.tribe-events-schedule h2 .tribe-event-date-start:before {
	content: '\EA1B';
}
.tribe-events .tribe-events-calendar-latest-past__event-datetime-wrapper .tribe-events-calendar-latest-past__event-datetime:before, 
.tribe-events .tribe-events-calendar-list__event-datetime-wrapper .tribe-events-calendar-list__event-datetime:before, 
.tribe-events .tribe-events-calendar-day__event-datetime-wrapper .tribe-events-calendar-day__event-datetime:before {
	content: '\EA1B';
}

// --events -default styles
.sc_events_default {
	.sc_events_item_meta_date:before {
		content: '\EA1B';
	}
	.sc_events_item_meta_locality {
		font-weight: 700;
	}
	.sc_events_item_price:not(.free_price) {
		color: var(--theme-color-text_link);
		&:before {
			display: none;
		}
	}
}

// --events tabs
.tabs_style_1.elementor-widget-tabs .elementor-tab-title {
	font-weight: 700;
}

// --widget tabs -style-4
.tabs_style_4.elementor-widget-tabs {
	.elementor-tab-title a:before {
		font-size: 24px;
	}	
}

// --widget -icon box
.elementor-widget-icon-box {
	.elementor-widget-container .elementor-icon-box-wrapper {
		padding-bottom: 0;
		.elementor-icon-box-title {
			margin-top: 0.32em;
			margin-bottom: 0.29em;
			small {
				font-size: 15px;
			}
		}
	}
}
.elementor-icon svg {
	transition: fill .3s ease;
}

// --slider controls -alter style
.sc_slider_controls.sc_slider_controls_alter {
	.slider_prev + .slider_next {
		margin-left: 29px;
	}
	.slider_controls_wrap > a.slider_prev:before {
		content: '\EA20';
	}
	.slider_controls_wrap > a.slider_next:before {
		content: '\EA21';
	}
}

// --mc4wp-form -style-9
#style-9.mc4wp-form .mc4wp-form-fields button, 
#style-9.mc4wp-form .mc4wp-form-fields input[type="submit"] {
	font-size: 18px;
	&:before {
		content: '\EA21';
	}
}

// --woocommerce -info styles
.woocommerce ul.products.products_style_info li.product .post_data,
.woocommerce-page ul.products.products_style_info li.product .post_data {
	text-align: center;
}

// --woocommerce -price filter
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background-color: var(--theme-color-text_link2);
}

// --woocommerce -widget cart
.sc_layouts_cart:not(.modern) .sc_layouts_cart_widget .total {
	border-top: 1px solid var(--theme-color-bd_color) !important;
}





//*-- RESPONSIVE STYLE --*//
//@mixin theme--xl()
@media #{$media_xl} {
	// --wpcf7-form -style-3 
	div.wpcf7 .form-style-3 .wpcf7-spinner + .acceptance, 
	div.wpcf7 .form-style-3 .wpcf7-spinner + [data-name="acceptance"], 
	div.wpcf7 .form-style-3 .ajax-loader + .acceptance {
		display: block;
		margin: 15px 0 0 0;
	}
}


//@mixin theme--lg()
@media #{$media_lg} {
	// --mobile menu
	.menu_mobile .menu_mobile_nav_area li > a > .open_child_menu:before {
		font-size: 16px;
	}

	// --custom styles -simple underline 
	.simple_text_link.underline_anim {
		font-size: 16px !important;
	}

	// --post 404
	.post_item_404 .page_title {
		letter-spacing: -2px;
	}
	.post_item_404 .page_description {
		font-size: 18px;
	}
	
	// --grid 8
	.sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style-8 {
		.sc_blogger_item .sc_blogger_item_body .sc_blogger_item_content .sc_blogger_item_title {
			font-size: 22px;
		}
	}

	// --elementor-toggle
	.elementor-toggle .elementor-toggle-icon-closed i.fa-plus:before {
		top: 0px;
	}
	.elementor-toggle .elementor-toggle-icon-opened i.fa-minus:before {
		top: 2px;
	}

	// --widget icon-box
	.elementor-widget-icon-box {
		.elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
			margin-top: 0.33em;
		}
	}

	// --widget tabs -style-4
	.tabs_style_4.elementor-widget-tabs {
		.elementor-tab-title a:before {
			font-size: 18px;
		}	
	}

	// --button -simple styles
	.sc_button.sc_button.sc_button_simple {
		padding: 0 2em 2px 0;
		&:before,
		&:after {
			font-size: 16px;
		}
		&.sc_button_size_large {
			&:before,
			&:after {
				font-size: 18px;
			}
		}
		&.sc_button_size_small {
			&:before,
			&:after {
				font-size: 14px;
			}
		}
	}

	// --events
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev:before,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next:after {
		font-size: 16px;
	}
	.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev:before {
		content: '\EA20';
		font-size: 16px;
	}
	.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next:after {
		content: '\EA21';
		font-size: 16px;
	}
	.tribe-events-sub-nav li.tribe-events-nav-next a:after,
	.tribe-events-sub-nav li.tribe-events-nav-previous a:before {
		font-size: 16px;
	}
	
	// --single portfolio
	.single-cpt_portfolio .post-navigation .nav-links .nav-previous a span:before,
	.single-cpt_portfolio .post-navigation .nav-links .nav-next a span:after {
		font-size: 16px;
		top: 1px;
	}

	// --slider controls -alter style
	.sc_slider_controls.sc_slider_controls_alter .slider_prev + .slider_next {
		margin-left: 5px;
	}
	.sc_slider_controls.sc_slider_controls_alter .slider_controls_wrap > a.slider_next:before, 
	.sc_slider_controls.sc_slider_controls_alter .slider_controls_wrap > a.slider_prev:before {
		font-size: 16px;
	}

	// --mc4wp-form -style-9
	#style-9.mc4wp-form .mc4wp-form-fields button, 
	#style-9.mc4wp-form .mc4wp-form-fields input[type="submit"] {
		font-size: 16px;
	}

	// --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: 50px;
    }

	// --ticker -marquee-2 style
	.trx_addons_has_bg_text.marquee_style-2 .trx_addons_marquee_element .trx_addons_bg_text_char div {
		padding: 0 20px;	
	}

	// --extra video height
	.elementor-element.extra_video_height .e-hosted-video .elementor-video {
		height: 350px;
	}

	// --trx audio plater
	.trx_addons_audio_player {
		.trx_addons_audio_player_wrap {
			padding: 1.5em;
		}
	}
}


//@mixin theme--md()
@media #{$media_md} {
	// --search -modern
	.search_modern .search_header_wrap .logo_image {
		top: 20px;
	}

	// --grid 8
	.sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style-8 {
		.sc_blogger_item .sc_blogger_item_body .sc_blogger_item_content .sc_blogger_item_title {
			font-size: 20px;
		}
	}
}


//@mixin theme--sm()
@media #{$media_sm} {
	// --post 404
	.post_item_404 .page_description {
		font-size: 17px;
	}

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

	// --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: 45px;
    }

	// --search -modern
	.search_modern .search_header_wrap .logo_image {
		top: 15px;
	}

	// --widget socials
	.socials_wrap:not(.socials_type_list) .social_item .social_icon {
		width: 3em;
		height: 3em;
		line-height: 3em;
	}

	// --widget icon-box
	.elementor-widget-icon-box {
		.elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
			margin-top: 0.32em;
		}
	}

	// --ticker styles
	.trx_addons_bg_text.trx_addons_marquee_wrap .trx_addons_marquee_element {
		padding-right: 30px;
	}
	// --ticker -marquee-2 style
	.trx_addons_has_bg_text.marquee_style-2 .trx_addons_marquee_element .trx_addons_bg_text_char div {
		padding: 0 10px;	
	}

	// --extra video height
	.elementor-element.extra_video_height .e-hosted-video .elementor-video {
		height: 250px;
	}
}