/*

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: "...";
}

/* remove bottom margin from last paragraph in elementor text widget */
.elementor-widget-text-editor p:last-child {
    margin-block-end: 0;
}

/*** finmap multiple gradient - left to right ***/
.elvn_finmap-grad { /* bg colour - no opacity */
    background: linear-gradient(0.25turn, var(--e-global-color-secondary), var(--e-global-color-text), var(--e-global-color-accent));
}

.elementor-element.elvn_finmap-grad_overlay::before { /* bg overlay - opacity set via elementor */
    background-image: linear-gradient(0.25turn, var(--e-global-color-secondary), var(--e-global-color-text), var(--e-global-color-accent));
}

/* map */
.elementor-widget-jet-map .jet-map .gm-style-iw.gm-style-iw-c {
    padding: 1rem;
    box-shadow: 0 0 1.5rem 0 rgb(0 0 0 / .08);
    font-family: inherit;
    font-weight: inherit;
}

.elementor-widget-jet-map .jet-map .gm-style-iw.gm-style-iw-c .jet-map-pin__link {
    font-weight: 500;
}

.elementor-widget-jet-map .jet-map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button {
    box-shadow: none;
    width: auto !important;
    height: auto !important;
}

.elementor-widget-jet-map .jet-map .gm-style-iw.gm-style-iw-c .gm-style-iw-chr button span {
    width: 1rem !important;
    height: 1rem !important;
    margin: 1rem 0 0.25rem 0 !important;
}

/* text widget links */
.elementor-element.elementor-widget.elementor-widget-text-editor p a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    font-weight: 500;
}

/* tabs */
.elementor-element.elementor-widget.elementor-widget-n-tabs .e-n-tab-title {
    border-radius: 1rem 0 0 1rem;
}

.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"] {
    opacity: 0.4;

    &:hover {
        opacity: 0.72;
    }
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] {
    opacity: 1;
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]::after {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    right: 0;
    background: linear-gradient(var(--e-global-color-secondary), var(--e-global-color-text), var(--e-global-color-accent));
}

/* process carousel */
#elvn_our-process-carousel.elvn_carousel.elementor-widget.elementor-widget-jet-carousel .jet-carousel .jet-slick-dots {
    width: fit-content;
    left: calc(50% + 3rem);
    z-index: 1;
}








/******************************************************/
/* ==================== MOBILE ====================== */
/******************************************************/

/*** TABLET LANDSCAPE ***/
@media (1024px >= width >= 768px) {
	






}





/*** TABLET PORTRAIT ***/
@media (768px > width >= 480px) {
	



	



}





/*** PHONE ***/
@media (width < 480px) {

    /* map */
    .elementor-widget-jet-map .jet-map .gm-style-iw.gm-style-iw-c {
        padding: 0 1rem 1rem 1rem !important;
    }

    /* process carousel */
    #elvn_our-process-carousel.elvn_carousel.elementor-widget.elementor-widget-jet-carousel .jet-carousel .jet-slick-dots {
        left: calc(0% + 0.5rem);
    }

    /* tabs */
    .elementor-element.elementor-widget.elementor-widget-n-tabs .e-n-tab-title {
        border-radius: 1rem 1rem 0 0;
    }

    .elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]::after {
        content: '';
        width: 100%;
        height: 4px;
        position: absolute;
        bottom: 0;
        background: linear-gradient(0.25turn, var(--e-global-color-secondary), var(--e-global-color-text), var(--e-global-color-accent));
    }

}