/*

Theme Name:   11&1
Author:       11&1
Author URI:   https://11and1.com/
Version:      Taken from parent
Template:     hello-elementor

*/

/******************************************************/
/******************************************************/

/* 11&1 | Custom CSS */

/******************************************************/
/******************************************************/

/* remove focus outline but keep it for a11y users */
textarea:focus:not(:focus-visible),
input:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none !important;
}

html {
    scroll-behavior: smooth;
}

/* elementor menu hamburger */
.elementor-element .elementor-menu-toggle {
    padding: .25em 0 .25em .25em;
}

/* post widget - excerpt ellipsis */
.elementor-post__excerpt p::after {
    content: "...";
}

/* shape - corner clip */
.elementor-element.elvn_clip-lrg /* hero */ {
    clip-path: polygon(100% 0, 100% 76%, 84% 100%, 0 100%, 0 0);
}

.elementor-element.elvn_clip-mid /* primary page title */ {
    clip-path: polygon(100% 0px, 100% 70%, 92% 100%, 0px 100%, 0px 0px);
}

/* remove bottom margin from last paragraph in elementor text widget */
.elementor-widget-text-editor p:last-child {
    margin-block-end: 0;
}

/* page and post links in text widget or wp paragraph widget */
.elementor-widget-text-editor p > a,
.single-post .elementor-widget-theme-post-content p > a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    font-weight: 400;
    color: var(--e-global-color-secondary);
    transition: all ease-in-out 400ms;

    &:hover {
        color: hsl(209, 100%, 40%);
    }
}

/* jet advanced carousel */
#elvn_client-carousel.elvn_jet-advanced-carousel .jet-carousel .slick-track {
    display: flex;
    align-items: center;
}

#elvn_client-carousel.elvn_jet-advanced-carousel .elementor-jet-carousel.jet-elements .jet-carousel .elementor-slick-slider.slick-initialized.slick-slider {
    width: 92%;
    margin: 0 auto;
}

/* center listing grid items */
.elvn_listing-grid .jet-listing-grid__items {
    justify-content: center;
}

/* testimonial carousel */
#elvn_testimonial-carousel .jet-carousel__item .jet-carousel__item-inner .jet-carousel__content {
    display: flex;
    align-items: center;
}

/* correct tab item hover/active border radius from elementor button inheritance error */
.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"],
.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title {
    border-radius: 0;
}

/* rtl text */
.elvn_rtl p {
    direction: rtl;
    text-align: initial;
}

/* sectors tab - inactive icon */
#elvn_sectors-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading .e-n-tab-icon {
    opacity: 0.4;
}

#elvn_sectors-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] .e-n-tab-icon {
    opacity: 1;
}


/******************************************************/
/* ==================== MOBILE ====================== */
/******************************************************/

/*** TABLET LANDSCAPE ***/
@media (1024px >= width >= 768px) {
	






}





/*** TABLET PORTRAIT ***/
@media (768px > width >= 480px) {
	



	



}





/*** PHONE ***/
@media (width < 480px) {

    /* hide mobile menu mega menu box shadow */
    nav.elementor-element.e-con-full.elvn_mega-menu {
        box-shadow: none;
    }

    .elementor-element.elvn_clip-mid /* primary page title */ {
        clip-path: polygon(100% 0px, 100% 80%, 80% 100%, 0px 100%, 0px 0px);
    }

    /* hero heading */
    #elvn_hero .jet-headline__part.jet-headline__first .jet-headline__label {
        font-size: 72%;
    }

    /* hero clip */
    .elementor-element.elvn_clip-lrg {
        clip-path: polygon(100% 0, 100% 80%, 76% 100%, 0 100%, 0 0);
    }


    #elvn_client-carousel.elvn_jet-advanced-carousel .elementor-jet-carousel.jet-elements .jet-carousel .jet-carousel__item .jet-carousel__item-inner .jet-carousel__content {
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #elvn_testimonial-carousel .elementor-jet-carousel.jet-elements .jet-carousel .jet-arrow.slick-arrow {
        display: none !important;
    }

    /* gap in wp column - mobile stacked */
    .elementor-element.elementor-widget.elementor-widget-jet-form-builder-form form.jet-form-builder .wp-block-columns {
        gap: 0;
    }
}