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






//--General Styles--//
// --content gaps
.page_content_wrap {
	padding-top: 8.2rem;
    padding-bottom: 8.2rem;
}

// --single team
.team_page_wrap_info .team_page_wrap_info_over {
	padding-bottom: 125px;
}
.team_page_wrap_info:after {
	height: 105%;
}

// --single post -style 5
.single_style_style-5 .page_content_wrap {
	padding-top: 8.2em;
}

// --mouse helper
.trx_addons_mouse_helper {
	--mouse-helper-width: 15px;
	--mouse-helper-height: 15px;
}

// --ticker styles
.trx_addons_has_bg_text.marquee_style-1 .trx_addons_marquee_element {
	.trx_addons_bg_text_char {
		div {
			display: inline-block;
			vertical-align: middle;
			width: 15px;
			height: 15px;
			line-height: 15px;
			@include border-radius(50%);
			margin: 0 95px;
			background-color: #1D1E24;
		}
	}
}
// --ticker styles -gradient text
.extra_gradient .trx_addons_bg_text.trx_addons_marquee_wrap .trx_addons_marquee_element {
	.trx_addons_bg_text_char {
		background: rgb(238,170,43);
        background: linear-gradient(130deg, rgba(238,170,43,1) 0%, rgba(250,48,68,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
		div {
			width: 13px;
			height: 13px;
			line-height: 13px;
			margin: 0 50px;
			background-color: #EEAA2B;
		}
	}
}


// --widget video
.elementor-widget-video .elementor-wrapper iframe, 
.elementor-widget-video .elementor-wrapper video {
	background-color: transparent;
}
// --extra video height
.elementor-element.extra_video_height {
    .e-hosted-video {
        height: 100%;
        padding-bottom: 0;
		aspect-ratio: auto !important;
        .elementor-video {
            height: 70.177vh;
        }
    }
}
// --extra video height + gradirnt mask
.elementor-element.extra_video_height-2 {
    .e-hosted-video {
		position: relative;
        height: 100%;
        padding-bottom: 0;
		aspect-ratio: auto !important;
		&:before,
		&:after {
			content: '';
			position: absolute;
			width: 100%;
			height: 50%;
		}
		&:before {
			background: rgb(15,17,20);
			background: linear-gradient(180deg, rgba(15,17,20,1) 0%, rgba(15,17,20,0) 100%);
		}
		&:after {
			left: 0;
			bottom: 0;
			background: rgb(15,17,20);
			background: linear-gradient(180deg, rgba(15,17,20,0) 0%, rgba(15,17,20,1) 100%);
		}
        .elementor-video {
            height: 53.9vh;	
        }
    }
}
// --extra video height-3
.elementor-element.extra_video_height-3 {
    .e-hosted-video {
        height: 100%;
        padding-bottom: 0;
		aspect-ratio: auto !important;
        .elementor-video {
            height: 61.92vh;
        }
    }
}

// --widget -categorises
.widget.widget_categories ul,
.widget.widget_product_categories ul {
	padding-left: 0;
	> li a:before {
		display: none;
	}
}

// --widget banner
.widget_banner:not(.widget_fullwidth) .image_wrap {
	background-color: var(--theme-color-bg_color);
}

// --breadcrumbs
.sc_layouts_title {
	.sc_layouts_title_breadcrumbs {
		margin-top: 1.95em;
	}
	.breadcrumbs {
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 1.82px;
		.breadcrumbs_delimiter {
			margin: 0 1em;
		}
		a.underline_hover:after {
			display: none;
		}
	}
}

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

// --footer 
.footer_wrap {
	.sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]), 
	[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]) {
		color: var(--theme-color-alter_text);
	}
}

// --404page
.error404 {
	.page_wrap {
		background: url(images/additional/nf-background.jpg) top center no-repeat;
		background-size: contain;
	}
	.top_panel {
		background-color: transparent;
	} 
	.page_content_wrap {
		background-color: transparent;
	}
	.post_item_404 {
		.page_title {
			color: var(--theme-color-alter_bg_color);
		}
		.page_subtitle {
			color: var(--theme-color-alter_bg_color);
		}
		.page_description {
			color: var(--theme-color-extra_text);
		}
	}
}

// --elementor icon
.elementor-icon svg {
	transition: fill .3s ease;
}

// --custom elementor button
.custom_icon_btn.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon {
	width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
}

// --iconed text -row type compact
.sc_layouts_row_type_compact .sc_layouts_iconed_text:not(.sc_layouts_menu_mobile_button):not(.sc_layouts_menu_mobile_button_burger) .sc_layouts_iconed_text_link .sc_layouts_iconed_text_icon {
	width: 44px;
	height: 44px;
	line-height: 44px;
	color: #F6F4F2 !important;
	background-color: var(--theme-color-extra_bd_color);
} 

// --socials -simple style
.sc_layouts_row_type_compact .sc_socials.simple .socials_wrap .social_item, 
.sc_layouts_row_type_compact .sc_socials.simple .socials_wrap:not([class*="socials_type_"]) .social_item {
	margin: 0 5px 0 0;
	.social_icon {
		width: 44px;
		height: 44px;
		line-height: 42px;
		@include border-radius(50%);
    	border: 1px solid var(--theme-color-inverse_link_02);
	}
}

// --socials -modern style
.sc_layouts_row_type_compact .sc_socials.modern .socials_wrap .social_item, 
.sc_layouts_row_type_compact .sc_socials.modern .socials_wrap:not([class*="socials_type_"]) .social_item {
	margin: 0 5px 0 0;
	.social_icon {
		width: 44px;
		height: 44px;
		line-height: 44px;
	}
}

// --slider controls -default style
.sc_slider_controls.sc_slider_controls_default .slider_controls_wrap > a.slider_next, 
.sc_slider_controls.sc_slider_controls_default .slider_controls_wrap > a.slider_prev {
	height: 40px;
    width: 40px;
    line-height: 37px;
	&:before {
		font-size: 15px;
	}
}

// --services -unusual style
.sc_services_unusual {
    .sc_services_item {
        .sc_services_item_more_link {
            opacity: 0;
            &:hover {
                opacity: 1;
            }
        }
        &:hover {
            .sc_services_item_more_link {
                opacity: 1;
                .link_icon {
                    border: 1px solid var(--theme-color-bd_color);
                }
            }
        }
    }
}


// --services-icons -decoration style
.sc_icons_decoration {
	.sc_icons_item {
		border: none;
		padding: 3.7em 2.9em;
		&:hover {
			@include box-shadow(none);
		}
	}
}

// --services-icons -card style
.sc_icons_card {
	.sc_icons_item .sc_icons_icon {
		color: var(--theme-color-alter_link2);
	}
}

// --services-icons -divider style
.sc_icons_divider {
	.sc_icons_item:after,
	.sc_icons_columns_wrap .sc_icons_item:after {
		background-color: var(--theme-color-bd_color);
	}
	&:not([class*="color_style_"]) {
		.sc_icons_item_linked:hover .sc_icons_icon {
			color: var(--theme-color-text_link);
		}
	}
}

// --services-icons -figure style
.sc_icons_figure {
	.sc_icons_icon:after {
		display: none;
	}
	//-pagination --style bullets
	.sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet, 
	.slider_container .slider_pagination_wrap .swiper-pagination-bullet, 
	.slider_outer .slider_pagination_wrap .swiper-pagination-bullet, 
	.swiper-pagination-custom .swiper-pagination-button {
		background-color: var(--theme-color-bg_color);
	}
	.swiper-pagination-custom .swiper-pagination-button.swiper-pagination-button-active, 
	.sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet.swiper-pagination-bullet-active, 
	.sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet:hover, 
	.slider_container .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active, 
	.slider_outer .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active, 
	.slider_container .slider_pagination_wrap .swiper-pagination-bullet:hover, 
	.slider_outer .slider_pagination_wrap .swiper-pagination-bullet:hover {
		background-color: var(--theme-color-text_link);
	}
}

// --testimonials -extra style
.sc_testimonials_extra .slider_container.slider_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet, 
.sc_testimonials_extra .slider_outer.slider_outer_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet, 
.sc_testimonials_extra .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets .swiper-pagination-bullet {
	border-color: var(--theme-color-bd_color);
}
.sc_testimonials_extra .swiper-pagination-custom .swiper-pagination-button.swiper-pagination-button-active, 
.sc_testimonials_extra .sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet.swiper-pagination-bullet-active, 
.sc_testimonials_extra .sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet:hover, 
.sc_testimonials_extra .slider_container .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.sc_testimonials_extra .slider_outer .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.sc_testimonials_extra .slider_container .slider_pagination_wrap .swiper-pagination-bullet:hover,
.sc_testimonials_extra .slider_outer .slider_pagination_wrap .swiper-pagination-bullet:hover {
	border-color: var(--theme-color-text_link);
}

// --portfolio -band style
.sc_portfolio.sc_portfolio_band {
	.sc_portfolio_item .post_content_wrap .theme_button .hover-arrow:before {
		color: var(--theme-color-text_link);
	}
}

// --porfolio -extra style
.sc_portfolio.sc_portfolio_extra {
	.sc_portfolio_item .post_featured .post_info {
		.post_title {
			background-color: #08090C;	
			a {
				color: #F6F4F2 !important;
			}
		}
		.post_meta .post_categories {
			background-color: #0F1114;
			a,span {
				color: #C0C2C7 !important;
			}
		}
	}
	&.sc_portfolio_eclipse .sc_portfolio_item .post_featured {
		.mask {
			background-color: #08090C;
		}
	} 
}
// --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: #08090C;
			a {
				color: #F6F4F2 !important;
			}
		}
		.post_meta .post_categories {
			background-color: #0F1114;
			a,span {
				color: #C0C2C7 !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: #08090C;
			a {
				color: #F6F4F2 !important;
			}
		}
		.post_meta .post_categories {
			background-color: #0F1114;
			a,span {
				color: #C0C2C7 !important;
			}
		}
	}	
}

// --price -metro style
.sc_price_metro {
	.sc_price_item_details {
		border-color: var(--theme-color-text_dark);
	}
	.sc_price_item_description ul li:before,
	.sc_price_item_details ul li:before {
		color: var(--theme-color-text_link);
	}
	&.color_style_link2 {
		.sc_price_item.sc_price_active .sc_price_item_link {
			border-color: var(--theme-color-text_link);
			background-color: var(--theme-color-text_link);
			&:hover {
				border-color: var(--theme-color-text_hover);
				background-color: var(--theme-color-text_hover);
			}
		}
	}
}

// --booked kalendar -large style
table.booked-calendar thead tr th:first-child {
	border-color: var(--theme-color-text_link) !important;
}
table.booked-calendar tbody tr td:not(.prev-date):hover .date {
	background-color: var(--theme-color-text_link2) !important;
}
.booked-calendar-wrap.large table.booked-calendar tr td:not(.prev-date):hover:before, 
.booked-calendar-wrap.large table.booked-calendar tr td.today:hover:before, 
.booked-calendar-wrap.large table.booked-calendar tr td:not(.prev-date):hover:after, 
.booked-calendar-wrap.large table.booked-calendar tr td.today:hover:after,
.booked-calendar-wrap.large table.booked-calendar tr.week td.active:not(.prev-date):before, 
.booked-calendar-wrap.large table.booked-calendar tr.week td.active:not(.prev-date):after {
	background-color: var(--theme-color-text_link2) !important;
}
body table.booked-calendar tr td.today:not(.prev-date):hover .date, 
body table.booked-calendar tr td.active:not(.prev-date) .date {
    background-color: var(--theme-color-text_link2) !important;
}
body table.booked-calendar .booked-appt-list {
	border-color: var(--theme-color-text_link2);
}
// --version 2.4.1
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week div.bc-col.today.active span.date, 
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week div.bc-col.active span.date, 
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week div.bc-col:hover span.date {
	background-color: var(--theme-color-text_link2) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock .bc-col {
	border-color: var(--theme-color-text_link2);
}


// --mc4wp form -style 3
#style-3.mc4wp-form {
	input[type="checkbox"] + label:before {
		color: var(--theme-color-inverse_dark);
		background-color: var(--theme-color-extra_dark);
	}
}

// --mc4wp form -style 9
#style-9.mc4wp-form {
	.mc4wp-form-fields:before {
		content: '\EA26';
	}
	.mc4wp-form-fields input[type=email] {
		border-bottom: 1px solid var(--theme-color-bd_color);
	}
} 

// --cf7 -style 3
div.wpcf7 .form-style-3 {
	.style-line.icon-name:before {
		content: '\EA27';
	}
}

// --widget cart
.sc_layouts_cart:not(.modern) .sc_layouts_cart_widget .total {
	border-top: 1px solid #282930 !important;
}

// --user styles
:where(.wp-block-file__button) {
	@include border-radius(0);
	padding: 0;
	&:is(a) {
	@include transition(none);
	}
	&:is(a):active,
	&:is(a):focus,
	&:is(a):hover,
	&:is(a):visited {
	color: var(--theme-color-text_link);
	text-decoration: underline;
	opacity: 1;
	}
	&:is(a):visited {
	color: var(--theme-color-text_hover);
	}
}





//*-- RESPONSIVE STYLE --*//
//@mixin theme--xxl()
@media #{$media_xxl} {
	// --404page
	.error404 .page_wrap {
		background-size: cover;
	}
}


//@mixin theme--xl() 
@media #{$media_xl} {
	// --content gaps
	.page_content_wrap {
		padding-top: 120px;
		padding-bottom: 120px;
	}

	// --single team
	.team_page_wrap_info .team_page_wrap_info_over {
		padding-bottom: 100px;
	}

	// --single post -style 5
	.single_style_style-5 .page_content_wrap {
		padding-top: 120px;
	}

	// --services-icons -decoration style
	.sc_icons_decoration {
		.sc_icons_item {
			padding: 3.7em 2.2em;
		}
	}
}


//@mixin theme--lg()
@media #{$media_lg} {
	// --content gaps
	.page_content_wrap {
		padding-top: 110px;
		padding-bottom: 110px;
	}

	// --single team
	.team_page_wrap_info .team_page_wrap_info_over {
		padding-bottom: 90px;
	}

	// --single post -style 5
	.single_style_style-5 .page_content_wrap {
		padding-top: 110px;
	}

	// --iconed text -row type compact
	.sc_layouts_row_type_compact .sc_layouts_iconed_text:not(.sc_layouts_menu_mobile_button):not(.sc_layouts_menu_mobile_button_burger) .sc_layouts_iconed_text_link .sc_layouts_iconed_text_icon {
		width: 41px;
		height: 41px;
		line-height: 41px;
	}

	// --socials -simple style
	.sc_layouts_row_type_compact .sc_socials.simple .socials_wrap .social_item .social_icon, 
	.sc_layouts_row_type_compact .sc_socials.simple .socials_wrap:not([class*="socials_type_"]) .social_item .social_icon {
		width: 41px;
		height: 41px;
		line-height: 39px;
	}

	// --socials -modern style
	.sc_layouts_row_type_compact .sc_socials.modern .socials_wrap .social_item .social_icon, 
	.sc_layouts_row_type_compact .sc_socials.modern .socials_wrap:not([class*="socials_type_"]) .social_item .social_icon {
		width: 41px;
		height: 41px;
		line-height: 41px;
	}

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

	// --breadcrumbs
	.sc_layouts_title {
		.sc_layouts_title_breadcrumbs {
			margin-top: 1.5em;
		}
		.breadcrumbs .breadcrumbs_delimiter {
			margin: 0 0.7em;
		}
	}

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

	// --ticker styles
	.trx_addons_bg_text.trx_addons_marquee_wrap .trx_addons_marquee_element {
		padding-right: 30px;
	}
	.trx_addons_has_bg_text.marquee_style-1 .trx_addons_marquee_element .trx_addons_bg_text_char div {
		margin: 0 50px;
	}
	.extra_gradient .trx_addons_bg_text.trx_addons_marquee_wrap .trx_addons_marquee_element .trx_addons_bg_text_char div {
		width: 10px;
		height: 10px;
		line-height: 10px;
		margin: 0 30px;
	}

	// --extra video height
	.elementor-element.extra_video_height .e-hosted-video .elementor-video {
		height: 350px;
	}
	// --extra video height + gradirnt mask
	.elementor-element.extra_video_height-2 .e-hosted-video .elementor-video {
		height: 350px;
	}
	// --extra video height-3
	.elementor-element.extra_video_height-3 .e-hosted-video .elementor-video {
		height: 450px;
	}

	// --services-icons -decoration style
	.sc_icons_decoration {
		.sc_icons_item {
			padding: 3.2em 2em;
		}
	}

	// --custom elementor button
	.custom_icon_btn.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon {
		width: 3.5rem;
		height: 3.5rem;
		line-height: 3.5rem;	
	}
}


//@mixin theme--md()
@media #{$media_md} {
	// --content gaps
	.page_content_wrap {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	// --single team
	.team_page_wrap_info .team_page_wrap_info_over {
		padding-bottom: 75px;
	}

	// --single post -style 5
	.single_style_style-5 .page_content_wrap {
		padding-top: 100px;
	}
	
	// --search -modern style
	.search_modern .search_header_wrap .logo_image {
		top: 20px;
	}
}


//@mixin theme--sm()
@media #{$media_sm} {
	// --content gaps
	.page_content_wrap {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	// --404page
	.error404 .page_wrap {
		background-size: auto;
	}

	// --single team
	.team_page_wrap_info .team_page_wrap_info_over {
		padding: 60px 0;
	}

	// --single post -style 5
	.single_style_style-5 .page_content_wrap {
		padding-top: 80px;
	}

	// --breadcrumbs
	.sc_layouts_title {
		.sc_layouts_title_breadcrumbs {
			margin-top: 0.7em;
		}
		.breadcrumbs {
			font-size: 12px;
			letter-spacing: 1px;
		}
	}

	// --ticker styles
	.trx_addons_bg_text.trx_addons_marquee_wrap .trx_addons_marquee_element {
		padding-right: 20px;
	}
	.trx_addons_has_bg_text.marquee_style-1 .trx_addons_marquee_element .trx_addons_bg_text_char div {
		width: 10px;
		height: 10px;
		line-height: 10px;
		margin: 0 25px;
	}
	.extra_gradient .trx_addons_bg_text.trx_addons_marquee_wrap .trx_addons_marquee_element .trx_addons_bg_text_char div {
		width: 7px;
		height: 7px;
		line-height: 7px;
		margin: 0 15px;
	}

	// --extra video height
	.elementor-element.extra_video_height .e-hosted-video .elementor-video {
		height: 250px;
	}
	// --extra video height + gradirnt mask
	.elementor-element.extra_video_height-2 .e-hosted-video .elementor-video {
		height: 250px;
	}
	// --extra video height-3
	.elementor-element.extra_video_height-3 .e-hosted-video .elementor-video {
		height: 300px;
	}

	// --user styles
	.sc_layouts_row_type_compact .sc_layouts_item_details:not(.sc_layouts_cart_details), 
	.sc_layouts_row_type_normal .sc_layouts_item_details:not(.sc_layouts_cart_details) {
		display: inline-block;
	}
}


//@mixin theme--xs()
@media #{$media_xs} {
	// --content gaps
	.page_content_wrap {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	// --single team
	.team_page_wrap_info .team_page_wrap_info_over {
		padding: 50px 0;
	}

	// --single post -style 5
	.single_style_style-5 .page_content_wrap {
		padding-top: 75px;
	}
}