/*
Theme Name: BitRoadie
Author: Bitroadie
Author URI: https://bitroadie.com/
Description: A WordPress theme made BitRoadie.
Version: 0.1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: 'Aleo', sans-serif;
}
/* 
.owl-carousel .owl-item img.arrow {
    width: 2.5rem !important;
}

.owl-nav.disabled {
    display: none;
}

.owl-nav button span {
    font-size: xx-large;
}

.owl-carousel .cont p{
    font-size: smaller;
}

.owl-carousel .owl-stage {
    padding-left: 0 !important;
}
.owl-carousel-home .owl-stage {
    padding-left: 0 !important;
} */


.swiper-container {
     /* overflow: hidden; Nasconde le slide parzialmente visibili all'esterno del contenitore */
     /* padding-right: 50px; Aggiunge spazio a destra per visualizzare parzialmente la quarta slide */
    padding: 1rem 50px 1rem 0;
}

.swiper-container-home{
    overflow: hidden;
}

/* .swiper-container {
    width: 100%;
    height: 200px;
} */

/* .swiper-container + .swiper-container {
    margin-top: 30px;
} */

.swiper-slide{
    height: auto !important;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    /* border-radius: 0 !important; */
    border-radius: 2px !important;
    position: relative;
    overflow: hidden;
    /* transition: background 200ms; */
}

.swiper-button-next, .swiper-button-prev {
    margin-top: -2.75rem !important;
    color: black !important;
}

.swiper-pagination-bullet::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* transition: opacity 200ms; */
}

.swiper-pagination-bullet-active {
    /* background: rgba(0, 0, 0, 0.2); */
    background: rgba(0, 0, 0, 0.4);
    width: 60px !important; /* Imposta la larghezza totale del contenitore */
    height: 6px !important; /* Aumenta l’altezza per rendere la barra un rettangolo */
    border-radius: 0;
    background-color: white !important;
}

.swiper-pagination-bullet-active::before {
    background-color: #3FABF4;
    height: 100%;
    animation: slide-progress 5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}

.swiper-paused .swiper-pagination-bullet-active::before {
    /* opacity: 0; */
    animation-play-state: paused;
}

@keyframes slide-progress {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}


@keyframes slide-progress {
    0% {
        transform: translateX(-100%);
        /* width: 0; */
    }

    100% {
        transform: translateX(0);
        /* width: 100%; */
    }
}




.cont p{
    font-size: small;
}


/* media */

@media (max-width: 600px) {
    .content-container {
        margin-top: 0 !important;
    }
}