/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
.section-black {
    position: relative !important;
    isolation: isolate;
}

.section-black::before {
    content: "";
    position: absolute !important;
    inset: 0 !important;

    pointer-events: none !important;
    z-index: -99999 !important;

    background:
        linear-gradient(
            to right,
            transparent 0,
            transparent calc(16.666% - 0.5px),
            #211F1D calc(16.666% - 0.5px),
            #211F1D calc(16.666% + 0.5px),
            transparent calc(16.666% + 0.5px)
        ),
        linear-gradient(
            to right,
            transparent 0,
            transparent calc(33.333% - 0.5px),
            #211F1D calc(33.333% - 0.5px),
            #211F1D calc(33.333% + 0.5px),
            transparent calc(33.333% + 0.5px)
        ),
        linear-gradient(
            to right,
            transparent 0,
            transparent calc(50% - 0.5px),
            #211F1D calc(50% - 0.5px),
            #211F1D calc(50% + 0.5px),
            transparent calc(50% + 0.5px)
        ),
        linear-gradient(
            to right,
            transparent 0,
            transparent calc(66.666% - 0.5px),
            #211F1D calc(66.666% - 0.5px),
            #211F1D calc(66.666% + 0.5px),
            transparent calc(66.666% + 0.5px)
        ),
        linear-gradient(
            to right,
            transparent 0,
            transparent calc(83.333% - 0.5px),
            #211F1D calc(83.333% - 0.5px),
            #211F1D calc(83.333% + 0.5px),
            transparent calc(83.333% + 0.5px)
        );
}

/* =========================================
   TABLET
   1024px e inferiori
   ========================================= */

@media only screen and (max-width: 1024px) {

    .section-black::before {
        background:
            linear-gradient(
                to right,
                transparent 0,
                transparent calc(25% - 0.5px),
                #211F1D calc(25% - 0.5px),
                #211F1D calc(25% + 0.5px),
                transparent calc(25% + 0.5px)
            ),
            linear-gradient(
                to right,
                transparent 0,
                transparent calc(50% - 0.5px),
                #211F1D calc(50% - 0.5px),
                #211F1D calc(50% + 0.5px),
                transparent calc(50% + 0.5px)
            ),
            linear-gradient(
                to right,
                transparent 0,
                transparent calc(75% - 0.5px),
                #211F1D calc(75% - 0.5px),
                #211F1D calc(75% + 0.5px),
                transparent calc(75% + 0.5px)
            );
    }

}


/* =========================================
   MOBILE
   767px e inferiori
   ========================================= */

@media only screen and (max-width: 767px) {

    .section-black::before {
        background: none !important;
    }

}