@import "../settings/_mixins";
@import "../settings/_variables";

.dnetor-icon-box {
    --dnetor-icon-box-spacing: 15px;
}

.dnetor-icon-box-content {
    @include flex-grow-1();
}

.dnetor-icon-box-icon {
    @include flex-shrink-0();
    @include d-inline-flex();
    margin-bottom: var(--dnetor-icon-box-spacing);
    svg path{
        fill: currentColor;
    }
}

.dnetor-icon-box-title {
    font-size: 24px;
    color: $primary_color;
    margin-bottom: 0;
    margin-top: 0;
}

.dnetor-icon-box-description {
    margin-top: 15px;
}

.elementor-position-top {
    .dnetor-icon-box-wrapper {
        display: block;
    }
    .dnetor-icon-box-icon {
        margin: 0 0 var(--dnetor-icon-box-spacing);
    }
}

.elementor-position-left {
    .dnetor-icon-box-wrapper {
        @include d-flex();
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: unset;
        flex-flow: unset;
    }
    .dnetor-icon-box-icon {
        margin: 0 var(--dnetor-icon-box-spacing) 0 0;
    }
}

.elementor-position-right {
    .dnetor-icon-box-wrapper {
        @include d-flex();
        @include flex-flow-row-reverse();
    }
    .dnetor-icon-box-icon {
        margin: 0 0 0 var(--dnetor-icon-box-spacing);
    }
}

@media (max-width: 1024px) {
    .elementor-tablet-position-top {
        .dnetor-icon-box-wrapper {
            display: block;
        }
        .dnetor-icon-box-icon {
            margin: 0 0 var(--dnetor-icon-box-spacing);
        }
    }
    .elementor-tablet-position-left {
        .dnetor-icon-box-wrapper {
            @include d-flex();
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: unset;
            flex-flow: unset;
        }
        .dnetor-icon-box-icon {
            margin: 0 var(--dnetor-icon-box-spacing) 0 0;
        }
    }
    .elementor-tablet-position-right {
        .dnetor-icon-box-wrapper {
            @include d-flex();
            @include flex-flow-row-reverse();
        }
        .dnetor-icon-box-icon {
            margin: 0 0 0 var(--dnetor-icon-box-spacing);
        }
    }
}

@media (max-width: 767px) {
    .elementor-mobile-position-top {
        .dnetor-icon-box-wrapper {
            display: block;
        }
        .dnetor-icon-box-icon {
            margin: 0 0 var(--dnetor-icon-box-spacing);
        }
    }
    .elementor-mobile-position-left {
        .dnetor-icon-box-wrapper {
            @include d-flex();
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: unset;
            flex-flow: unset;
        }
        .dnetor-icon-box-icon {
            margin: 0 var(--dnetor-icon-box-spacing) 0 0;
        }
    }
    .elementor-mobile-position-right {
        .dnetor-icon-box-wrapper {
            @include d-flex();
            @include flex-flow-row-reverse();
        }
        .dnetor-icon-box-icon {
            margin: 0 0 0 var(--dnetor-icon-box-spacing);
        }
    }
}