/*

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

/* jet buttons shadow show */
.eleven_glow-btn .elementor-jet-button.jet-elements .jet-button__instance {
    overflow: visible;
}

/* main menu services # link active - was taking as home active cos on homepage */
.jet-mega-menu.jet-mega-menu--layout-horizontal li.jet-mega-menu-item.jet-mega-current-menu-item.current_page_item > .jet-mega-menu-item__inner a[href*="#"] .jet-mega-menu-item__title {
    color: #0B1D47;
}

/* main menu services # link hover */
.jet-mega-menu.jet-mega-menu--layout-horizontal li.jet-mega-menu-item.jet-mega-current-menu-item.current_page_item > .jet-mega-menu-item__inner a[href*="#"]:hover .jet-mega-menu-item__title {
    color: #6E4FEC;
}

/* mobile menu */
.jet-mobile-menu .jet-mobile-menu__instance .jet-mobile-menu__container .jet-mobile-menu__container-inner {
    background-image: url(/wp-content/uploads/2023/08/mobile-menu_bg.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

/* footer - contact list (no link item) */
.eleven_contact-list ul.elementor-icon-list-items :is(.elementor-icon-list-item:last-child):hover .elementor-icon-list-text {
    color: #0B1D47;
}

/* read more unfold */
.eleven_read-unfold .jet-unfold__trigger {
    margin-top: 16px;
}

.eleven_read-unfold .jet-unfold .jet-unfold__button {
    background: unset;
    box-shadow: unset;
}

/* img accordion */
.elementor-widget-jet-image-accordion.eleven_work-img-accordion .jet-image-accordion .jet-image-accordion__button {
    position: absolute;
    background: unset;
    box-shadow: unset;
}

/* product logo carousel */
.elementor-element.eleven_prod-logos-carousel.elementor-widget.elementor-widget-media-carousel .swiper-slide a[href*="recgroup"] .elementor-carousel-image,
.elementor-element.eleven_prod-logos-carousel.elementor-widget.elementor-widget-media-carousel .swiper-slide a[href*="q-cells"] .elementor-carousel-image {
    background-size: unset;
}

.elementor-element.eleven_prod-logos-carousel.elementor-widget.elementor-widget-media-carousel .elementor-swiper-button:hover {
    color: #1e34ec;
}

.elementor-element.eleven_prod-logos-carousel.elementor-widget.elementor-widget-media-carousel .swiper-slide a:hover .elementor-carousel-image {
    opacity: 0.72;
}

/* product tabs - desktop */
@media (4000px >= width >= 1024px) {

    #eleven_product-tabs .jet-tabs__control-wrapper {
        max-width: 1680px;
        width: 100%;
    }

    #eleven_product-tabs .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper {
        gap: 2.5em;
        flex-wrap: nowrap;
    }

    #eleven_product-tabs .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper img {
        width: 100%;
        max-height: 56px;
        max-width: 160px;
        opacity: 0.4;
    }

    #eleven_product-tabs .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control:hover img {
        opacity: 0.72;
    }

    #eleven_product-tabs .elementor-widget-container .jet-tabs__control.elementor-menu-anchor.active-tab img {
        opacity: 1;
    }

    #eleven_product-tabs > .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control {
        min-height: 80px;
        align-items: center;
        display: flex;
    }
}

/* form */
.elementor-widget.elementor-widget-form .e-form__buttons .elementor-button {
    min-width: 174px;
}

.elementor-widget.elementor-widget-form .e-form__buttons .elementor-button:hover {
    background: #1E34EC;
    box-shadow: none;
}

.elementor-field-group .elementor-field-textual.elementor-field::placeholder {
    color: #ccc;
}

.elementor-widget.elementor-widget-form .elementor-field-type-html hr {
    background-color: #E9F0FF;
    border: none;
    height: 2px;
    margin-top: 8px;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    border-top: none !important;
}

.flatpickr-time .numInputWrapper .numInput {
    border: none !important;
}

.flatpickr-calendar.open {
    border-radius: 4px !important;
}

.elementor-widget.elementor-widget-form .elementor-message.elementor-message-success {
    border: 2px solid #3ccf00;
    border-radius: 16px;
    padding: 2em;
    margin: 32px 0 0 0;
    background: hsl(102.6, 100%, 96%);
}

/* contact - icon list contacts */
.eleven_contact_list-items .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-icon svg {
    width: auto;
}







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

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





}


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


	



}


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

    /* services card (smaller) headings */
    .elementor-element.eleven_services-card_heading .elementor-widget-container h3.jet-headline .jet-headline__label {
        font-size: 28px;
    }

    /* finances - logo container */
    .elementor-element#eleven_finances_logo_container {
        background: transparent;
    }

    /* img accordion */
    .elementor-widget-jet-image-accordion.eleven_work-img-accordion .jet-image-accordion .jet-image-accordion__button {
        position: relative;
    }

    .jet-image-accordion.jet-image-accordion-vertical-orientation .jet-image-accordion__list .jet-image-accordion__item {
        height: 56px;
    }

    .jet-image-accordion.jet-image-accordion-vertical-orientation .jet-image-accordion__list .jet-image-accordion__item.active-accordion::before {
        background-image: linear-gradient(180deg, hsla(177, 85%, 50%, 0) 20%, #13EADF 100%);
    }

    .elementor-element.eleven_prod-logos-carousel.elementor-widget.elementor-widget-media-carousel .swiper-slide a[href*="recgroup"] .elementor-carousel-image,
    .elementor-element.eleven_prod-logos-carousel.elementor-widget.elementor-widget-media-carousel .swiper-slide a[href*="q-cells"] .elementor-carousel-image {
        background-size: contain;
    }

    /* product tabs */
    #eleven_product-tabs .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper {
        /* display: grid; */
        gap: 16px;
        /* grid-template-columns: repeat(3, 1fr); */
        display: flex;
        flex-grow: 1;
    }

    #eleven_product-tabs > .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__label-image {
        /* width: auto; */
        max-height: 40px;
        max-width: 120px;
    }

    #eleven_product-tabs > .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control {
        height: 80px;
        display: flex;
        justify-content: center;
        border: 2px solid #E2E4E9;
        padding: 8px;
        border-radius: 8px;
        width: calc(33.33% - 16px);
    }

    #eleven_product-tabs > .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control.active-tab {
        box-shadow: none;
        border-color: #6e4fec;
    }

    #eleven_product-tabs > .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control img {
        opacity: 0.64;
    }

    #eleven_product-tabs > .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control.active-tab img {
        opacity: 1;
    }

    /* contact - icon list contacts */
    .eleven_contact_list-items .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-icon svg {
        width: var(--e-icon-list-icon-size,1em)
    }

    
}