/* 
Theme Name: Pixel - Delko
Theme URI: https://delko.sk/
Description:
Author: Pixel
Author URI: https://pixel.sk/
Template: hello-elementor
Version: 1.1
Text Domain: delko
*/

h2 {
    position: relative;
}

h2 before {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    color: #f3f3f3;
    font-size: 120px;
    left: 0;
    right: 0;
    top: -20px;
    font-weight: 700;
}

h5 {
    display: inline-flex;
    align-items: center;
}

h5:before {
    content: '';
    width: 3px;
    height: 25px;
    background: red;
    display: inline-block;
    margin-right: 8px;
}

.site_logo:before {
    display: block;
    content: "";
    width: 70vw;
    height: 140px;
    background: white;
    position: absolute;
    border-bottom-right-radius: 2.5px;
    transform: skewX(-40deg);
    transform-origin: top right;
    z-index: -1;
    right: -150px;
    top: -20px;
    box-shadow: 0 0 20px #00000017;
}

.site_logo {
    z-index: 2;
}

header.elementor-sticky--effects img {
    max-width: 70px;
}


header.elementor-sticky--effects .site_logo:before {
    height: 85px;
    right: -100px;
}

header.elementor-sticky--effects {
    background-color: #0000006b !important;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.floating_number h6 {
    position: absolute;
    font-size: 90px;
    font-weight: 700;
    top: -130px;
    opacity: 0.2;
    z-index: 4;
}

.page-content > div > section:nth-of-type(2n) h6 {
    right: 0;
}


footer a, footer a:hover {
    color: white;
    font-weight: 700;
}

.elementor-button-icon svg {
    width: 50px;
    height: 20px;
    transition: all 0.2s;
}

.elementor-button-link:hover svg {
    margin-left: 10px;
    transition: all 0.2s;
}


@media (max-width: 920px) {
    h2 before {
        font-size: 15vw;
    }

    .elementor-button-icon svg {
        width: 30px;
        height: 20px;
    }

}

@media (max-width: 762px) {
    .site_logo:before {
        right: -30px;
    }

    header.elementor-sticky--effects .site_logo:before {
        right: 0;
    }

    .bluebck {
        background: #186EC5 !important;
    }

    .redbck {
        background: #E50233 !important;
    }

    .floating_number h6 {
        right: 0;
        opacity: 0.6;
        z-index: 4;
    }
}