/*
Theme Name: Roxent
Theme URI: 
Author: Franse
Author URI: 
Description: Custom native blocks theme for Roxent
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roxent
Tags: 
*/

html {
    scroll-behavior: smooth;
}

.menu-row-contacts img {
    filter: invert(100%);
}

.wp-block-group.carousel_partners, .wp-block.carousel_partners {
    max-width: 1500px;
}
.wp-block.features_card, .wp-block-group.features_card {
    z-index: 100;
    margin-top: -80px;
    margin-bottom: -80px;
}
.hero_card {
    z-index: 50;
    position: relative;
}
body header.sticky-nav {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 0px 5px 3px #00000069;
}

body.admin-bar header.sticky-nav {
    top: 32px;
}

.carousel-wrapper {
    overflow: hidden;
    flex: 1;
    min-width: 0;
    margin: 0 1rem;
    mask-image: linear-gradient(to right, transparent, black 3%, black 97%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 3%, black 97%, transparent);
}
.carousel-track {
    display: flex;
    align-items: center;
    gap: 3rem;

    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.carousel-track::-webkit-scrollbar {
    display: none;
}

.carousel-track > * {
    scroll-snap-align: start;
    flex: 0 0 auto;
    width: 160px;
}
.carousel-prev, .carousel-next {
    cursor: pointer;
    flex-shrink: 0;
    z-index: 2;
}
.wp-block-cover__image-background.wp-image-383 {
    background-size: cover;
    background-position: 50% !important;
}
.wp-block-cover.has-parallax {
    box-sizing: content-box;
}
@media screen and (min-width: 600px) {
    .wp-block-cover__image-background.wp-image-383 {
        background-position: 25% !important;
    }
}
@media screen and (min-width: 1000px) {
    .wp-block-cover__image-background.wp-image-383 {
        background-position: 0 !important;
    }
}
@media screen and (min-width: 1600px) {
    .wp-block-cover__image-background.wp-image-383 {
        background-position: 300px !important;
    }
}
@media screen and (min-width: 2200px) {
    .wp-block-cover__image-background.wp-image-383 {
        background-position: 720px !important;
    }
}