/*
Theme Name: Fabrik Child
Theme URI: https://fabrik.vamtam.com
Description: Child theme for Fabrik. Add site-specific styles and functionality here.
Author: Zeta Electric Boilers
Template: fabrik
Version: 1.0.0
Text Domain: fabrik-child
*/

/*
 * Add custom site styles below.
 * This stylesheet is loaded after the Fabrik theme styles.
 */

.elementor-accordion-item .elementor-tab-title{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.history-time-line{
    position:relative
}
.history-time-line::before {
    content: "";
    height: 1px;
    width: calc(100% + 10px);
    position: absolute;
    background-color: #116d6d;
    top: 9px;
}


.home-banner-overlay::after{
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(to left, #116d6dc5, #111111b7);
    position: absolute;
    top: 0;
    left: 0;
}
.industry-images .elementor-top-column::after{
    content: '';
    height: 100%;
    width: 100%;
    background: #11111183;
    position: absolute;
    top: 0;
    left: 0;
}

.ref-table{
    display: flex;
    width: 100%;
}
.ref-table .elementor-widget-container{
    width: 100%;
    display: flex;
}
.ref-table table.cmp{
    width: 100% !important;
    border-collapse: collapse;
}
.ref-table table.cmp th{
    background: var(--e-global-color-vamtam_accent_1);
    color: #fff;
    text-align: left;
    padding: 10px 12px;
    font-size: 12.5px;
}

.ref-table table.cmp tr:nth-child(even) td {
    background: #fafbfd;
}

.ref-table table.cmp td{
    border: 1px solid #e3ded8;
    padding: 12px 14px;
}

@media only screen and (max-width: 1024px) {
    .history-time-line::before {
    transform: rotate(
0deg);
    position: absolute;
    left: 10px;
    top: 0;
    width: 1px;
    height: 100%;
}
}
@media only screen and (max-width: 1024px){
.history-time-line h5.elementor-icon-box-title {
    margin-top: 0;
}
}

@media only screen and (max-width: 767px) {
    .ref-table,
    .ref-table .elementor-widget-container {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ref-table table {
        min-width: 768px;
    }
}

/* View More content toggle. */
.more-container:not(.is-visible) {
    display: none !important;
}

body.elementor-editor-active .more-container,
body.elementor-editor-preview .more-container {
    display: var(--display, block) !important;
}

/* ACF PDF files carousel. */
.dd-pdf-slider:not(.owl-loaded) {
    display: flex;
    gap: 20px;
    overflow: hidden;
}

.dd-pdf-slider,
.dd-history-slider {
    position: relative;
}

.dd-pdf-slider:not(.owl-loaded) > .dd-pdf-slide {
    flex: 0 0 calc((100% - 40px) / 3);
}

.dd-pdf-slider .owl-stage,
.dd-history-slider .owl-stage {
    display: flex;
}

.dd-pdf-slider .owl-item,
.dd-history-slider .owl-item {
    display: flex;
}

.dd-pdf-slide {
    width: 100%;
}

.dd-pdf-preview {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16/7;
    overflow: hidden;
    background: #f3f4f4;
    border: 1px solid #e5e5e5;
}

.dd-pdf-preview iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: auto;
}

.dd-pdf-name {
    padding: 15px 25px;
    background: var(--e-global-color-vamtam_accent_2);
    line-height: 1.35;
    margin: 0;
}

.dd-pdf-name a {
    color: inherit;
    text-decoration: none;
}

.dd-pdf-name a:hover {
    color: var(--e-global-color-vamtam_accent_1, #116d6d);
}

.dd-pdf-slider .owl-nav,
.dd-history-slider .owl-nav {
    position: absolute;
    top: calc(50% - 32px);
    right: -76px;
    left: -76px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.dd-pdf-slider .owl-nav button.owl-prev,
.dd-pdf-slider .owl-nav button.owl-next,
.dd-history-slider .owl-nav button.owl-prev,
.dd-history-slider .owl-nav button.owl-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0 !important;
    border: 1px solid currentColor;
    border-radius: 0;
    background: #ffffff;
    color: #111111;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, opacity 0.25s ease;
    pointer-events: auto;
}

.dd-pdf-slider .owl-nav button.owl-prev:hover,
.dd-pdf-slider .owl-nav button.owl-next:hover,
.dd-pdf-slider .owl-nav button.owl-prev:focus-visible,
.dd-pdf-slider .owl-nav button.owl-next:focus-visible,
.dd-history-slider .owl-nav button.owl-prev:hover,
.dd-history-slider .owl-nav button.owl-next:hover,
.dd-history-slider .owl-nav button.owl-prev:focus-visible,
.dd-history-slider .owl-nav button.owl-next:focus-visible {
    background: var(--e-global-color-vamtam_accent_1, #116d6d);
    border-color: var(--e-global-color-vamtam_accent_1, #116d6d);
    color: #ffffff;
}

.dd-pdf-slider .owl-nav button.disabled,
.dd-history-slider .owl-nav button.disabled {
    cursor: default;
    opacity: 0.35;
}

.dd-pdf-slider .owl-nav button svg,
.dd-history-slider .owl-nav button svg {
    display: block;
    width: 22px;
    height: 22px;
}

@media (max-width: 1024px) {
    .dd-pdf-slider:not(.owl-loaded) > .dd-pdf-slide {
        flex-basis: calc((100% - 20px) / 2);
    }
}

@media (max-width: 1200px) {
    .dd-pdf-slider .owl-nav,
    .dd-history-slider .owl-nav {
        position: static;
        justify-content: center;
        gap: 12px;
        margin-top: 24px;
        transform: none;
    }
}

/* ACF history carousel. */
.dd-history-slider:not(.owl-loaded) {
    display: flex;
    gap: 20px;
    overflow: hidden;
}

.dd-history-slider:not(.owl-loaded) > .dd-history-slide {
    flex: 0 0 calc((100% - 40px) / 3);
}

.dd-history-slide {
    width: 100%;
}

.dd-history-image {
    box-sizing: border-box;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
    border: 0;
    box-shadow: inset 0 0 0 1px #E6E9Eb;
    padding: 7%;
}

.dd-history-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}

.owl-carousel .owl-stage-outer{
    padding-left: 1px;
}
.owl-carousel.owl-drag .owl-item{
    padding-left: 1px;
}


.dd-history-year {
    margin: 20px 0 10px;
    line-height: 1.25;
    text-align: center;
}

.dd-history-description {
    margin: 0;
    line-height: 1.65;
    text-align: center;
}

@media (max-width: 1024px) {
    .dd-history-slider:not(.owl-loaded) > .dd-history-slide {
        flex-basis: calc((100% - 20px) / 2);
    }
}

@media (max-width: 767px) {
    .dd-history-slider:not(.owl-loaded) > .dd-history-slide {
        flex-basis: 100%;
    }
}

@media (max-width: 767px) {
    .dd-pdf-slider:not(.owl-loaded) > .dd-pdf-slide {
        flex-basis: 100%;
    }
}




.dd-linkedin-posts {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.dd-linkedin-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "image content";
    align-items: stretch;
    width: 100%;
    min-width: 0;
    /* min-height: 400px; */
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e5e5;
}

.dd-linkedin-card:nth-child(even) {
    grid-template-areas: "content image";
}

.dd-linkedin-card--no-image {
    grid-template-columns: 1fr;
    grid-template-areas: "content";
}

.dd-linkedin-image {
    grid-area: image;
    position: relative;
    align-self: stretch;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    /* min-height: 400px; */
    aspect-ratio: 1/1;
    overflow: hidden;
}

.dd-linkedin-image img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform 0.4s ease;
    transform: scale(1.01);
}

.dd-linkedin-content {
    grid-area: content;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(36px, 5vw, 36px);
    align-items: flex-start;
    overflow-wrap: anywhere;
}

.dd-linkedin-title {
    margin: 0 0 18px;
    font-size: clamp(24px, 2.25vw, 36px);
    line-height: 1.3;
    text-transform: capitalize !important;
}

.dd-linkedin-description {
    margin-bottom: 28px;
    color: #666666;
    font-size: 16px;
    line-height: 1.6;
}

.dd-linkedin-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: "Manrope", sans-serif;
    margin-top: 0;
    padding: 12px 20px;
    border: 1px solid currentColor;
    /* border-radius: 999px; */
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none !important;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.dd-linkedin-link:hover {
    background: var(--e-global-color-vamtam_accent_1, #116d6d);
    border-color: var(--e-global-color-vamtam_accent_1, #116d6d);
    color: #fff !important;
    text-decoration: none;
}

.dd-linkedin-error,
.dd-linkedin-empty {
    padding: 20px;
    text-align: center;
}

.dd-linkedin-fallback {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    padding: 48px 24px;
    text-align: center;
}

.dd-linkedin-fallback p {
    margin: 0;
}


.key-f-wrap .elementor-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.key-f{
    width: 100% !important;
}
.key-f-wrap-flex .elementor-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-left: 1px solid #E6E9Eb;
    border-right: 1px solid #E6E9Eb;
}
.key-f-flex{
    width: 50% !important;
}


.bottom-ref-sec .elementor-container{
    justify-content: center;
    border-left: 1px solid #E6E9Eb;
    border-right: 1px solid #E6E9Eb;
}
.bottom-ref-sec .elementor-container .elementor-column{
    width: 25%;
}


#booklaunch, #america, #canada{
    width: 100% !important;
}

#canada[hidden],
#america[hidden] {
    display: none !important;
}

.elementor-widget-container .swiper{
    padding-left: 1px !important;
}


 .page-url-link-f{
    position: static;
}
 .page-url-link-f .elementor-widget-container{
    position: static;
}
.page-url-link-f .elementor-button-wrapper{
    position: static;
}
.page-url-link-f .elementor-button{
    position: static;
}
.page-url-link-f .elementor-button::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

/* Tablet */
@media (max-width: 1024px) {

    .dd-linkedin-posts {
        gap: 32px;
    }

    .dd-linkedin-card,
    .dd-linkedin-image {
        min-height: 340px;
    }

    .dd-linkedin-content {
        padding: 36px;
    }

    

}


/* Mobile */
@media (max-width: 767px) {
    .bottom-ref-sec .elementor-container .elementor-column{
        width: 100%;
    }
    .key-f-flex{
        width: 100% !important;
    }

    .key-f-wrap .elementor-container{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .dd-linkedin-posts {
        gap: 28px;
    }

    .dd-linkedin-card,
    .dd-linkedin-card:nth-child(even) {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "content";
        min-height: 0;
    }

    .dd-linkedin-card--no-image,
    .dd-linkedin-card--no-image:nth-child(even) {
        grid-template-areas: "content";
    }

    .dd-linkedin-image {
        height: auto;
        min-height: 0;
        aspect-ratio: 4 / 3;
    }

    .dd-linkedin-content {
        padding: 20px;
    }

    .dd-linkedin-title {
        font-size: 20px;
    }

}