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

/* Search */
.search-no-results .page_content_wrap, .error404 .page_content_wrap {
    background-color: var(--theme-color-bg_color);
}

.pointer-event-none {
    pointer-events: none !important;
}

/* Default header layouts
---------------------------------------------- */
/* Menu hovers */
.menu_hover_zoom_line .sc_layouts_menu_nav > li > a:hover, 
.menu_hover_zoom_line .sc_layouts_menu_nav > li.sfHover > a,
.menu_hover_zoom_line .sc_layouts_menu_nav > li.current-menu-item > a, 
.menu_hover_zoom_line .sc_layouts_menu_nav > li.current-menu-parent > a, 
.menu_hover_zoom_line .sc_layouts_menu_nav > li.current-menu-ancestor > a {
	color: var(--theme-color-text_link) !important;
    &:after {
        background-color: var(--theme-color-text_link);
    } 
}

/* Custom layouts
---------------------------------------------- */
/* Header fixed positions */
.sc_layouts_row_fixed_on {
    @include box-shadow(0 3px 10px 0 rgba(0,0,0,0.1));
	background-color: var(--theme-color-alter_bg_color) !important;
    .search_style_fullscreen.search_opened .search_close {
        top: 35px;
        right: -40px;
    }
}

/* User styles
---------------------------------------------- */
/* Dot & Success */
ul[class*="trx_addons_list_dot"],
ul[class*="trx_addons_list_success"] {
    color: var(--theme-color-text_dark);
}

/* Blockquotes
---------------------------------------------- */
blockquote p {
	@include font(18px, 30px, 400);
}

/* Tables */
table td {
	font-size: 15px;
    letter-spacing: -0.15px;
}

/* Buttons
---------------------------------------------- */
.sc_button.sc_button.sc_button_simple.sc_button_with_icon.button_bg_icon_color_2 .sc_button_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;

    span {
        line-height: 31px;
    }
}
//Button with icon
.button_bg_icon_color_2 {
	.sc_button_icon {
		background-color: var(--theme-color-alter_bg_color);
		border: 4px solid rgba(234,234,234, 0.8) !important;
	}
}

/* Icons 
---------------------------------------------- */
/* Style 'Bordered' */
.sc_icons_bordered {
    .sc_icons_icon,
	.sc_icons_image {
        border: 1px solid var(--theme-color-alter_bg_color);
        background-color: var(--theme-color-alter_bg_color);
		@include border-radius(0);
	}
}


/* Booked Calendar
---------------------------------------------- */
/* Small style */
body .booked-calendar-wrap.small {
    .booked-appt-list {
        max-height: 180px;
    }
}

/* Contact Form
---------------------------------------------- */
//Style 3
div.wpcf7 .form-style-3 {
    .wpcf7-submit-style .submit-style-in {
        color: var(--theme-color-inverse_link);
        background-color: var(--theme-color-text_link2);
        &:hover {
            color: var(--theme-color-inverse_link);
            background-color: var(--theme-color-text_hover2);
        }
    }
}

/* Testimonials
---------------------------------------------- */
// Global styles
.sc_testimonials {
    .sc_testimonials_item:before, 
    .sc_testimonials_item_content:before {
        color: var(--theme-color-text_link);
    }
    .sc_testimonials_slider {
		height: max-content;
	}
}
//Style Alter 
.sc_testimonials_alter [class*="column"] .sc_testimonials_item_author:before, 
.sc_testimonials_alter .sc_testimonials_item_author:before {
    content: '\E9A1';
    color: var(--theme-color-text_link);
}
//Style simple 
.sc_testimonials_simple .slider_outer {
    .swiper-pagination-bullet {
        background-color: transparent;
    }
    .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border-color: var(--theme-color-text_link);
        background-color: var(--theme-color-text_link);
    }
}


/* Slider Pagination
---------------------------------------------- */
.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 {
    border-color: var(--theme-color-text_link2);
    background-color: var(--theme-color-text_link2);
}

/* Portfolio
---------------------------------------------- */
//Style 13
.sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_13 {
    .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--theme-color-text_link);
        .sc_blogger_item_title a,
        .post_meta .post_meta_item a {
            color: var(--theme-color-inverse_link) !important;
        }
    }
}

/* Blogger
---------------------------------------------- */
//Classic Time style 
.sc_blogger_default.sc_blogger_default_classic_time .sc_blogger_item_default.sc_blogger_item_on_plate.sc_blogger_item_image_position_top .post_meta.sc_blogger_item_meta.post_meta_date {
    z-index: 999;
}


/* Tabs 
---------------------------------------------- */
/* Tabs Style 1 */
.tabs_style_1.elementor-widget-tabs .elementor-tab-mobile-title,
.tabs_style_1.elementor-widget-tabs .elementor-tab-title:not(.elementor-active) a {
    color: var(--theme-color-text_dark);
    opacity: 0.7;
}
.tabs_style_1.elementor-widget-tabs .elementor-tab-mobile-title.elementor-active,
.tabs_style_1.elementor-widget-tabs .elementor-tab-title.elementor-active a {
    color: var(--theme-color-extra_dark);
    opacity: 1;
} 
//  Add custom styles for elements on Clients page and shortcodes
.alter_clients .widget_slider .slider_container .slider-slide img {
    opacity: 0.5;
}

/* Price */
.sc_price_item .sc_price_item_link {
    background-color: var(--theme-color-text_link2);
}

/* Title */
h1.sc_item_title .sc_item_title_text b {
    display: inline-block;
    position: relative;
    &:before {
        content: '';
        height: 18px;
        width: 100%;
        background-image: url(images/line.svg);
        background-size: cover;
        display: inline-block;
        position: absolute;
        z-index: 1;
        bottom: -11px;
        left: 0;
    }
}

/* Footer */
.footer_wrap.footer_custom {
    overflow: hidden;
}

//*-- RESPONSIVE STYLES --*//
//@mixin theme--lg() {
@media #{$media_lg} {
    //layouts Logo
    .menu_mobile .sc_layouts_logo img {
        max-height: 30px;
    }
}



//@mixin theme--sm() {
@media #{$media_sm} {
    //layouts Logo
    .menu_mobile .sc_layouts_logo img,
    .search_modern .search_header_wrap .logo_image,
    .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 {
        max-height: 25px;
    }

   //Blockquotes
    blockquote p {
	    @include font(17px, 24px, 400);
    }

    //Buttons
    .sc_button.sc_button.sc_button_simple.sc_button_with_icon.button_bg_icon_color_2 .sc_button_icon {
        width: 51px;
        height: 51px;
        line-height: 51px;  
        span {
            line-height: 25px;
        }
    }

    // --Booked Calendar -small style
    body .booked-calendar-wrap.small table.booked-calendar {
        .booked-appt-list {
            max-height: 180px !important;
        }
    }
}