/* 
Theme Name: Bikevoices
Template: hello-elementor
*/

/* Add your custom styles here */
@media screen and (max-width: 767px){
    html { scroll-behavior: auto !important; } /* importante altrimenti non funziona scrollify */
}

/* Card Media Styles */
.card_media {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}

.card_media_video,
.card_media_image, 
.card_media img {
    width: 100%;
    height: 100%;
    max-height: 100%!important;
    object-fit: cover;
    display: block;
}

@media screen and (min-width: 768px){
    .card_media {
        border-radius: 20px;
    }

    .card_media_video,
    .card_media_image, 
    .card_media img {
        border-radius: 20px;
    }
}

@media(min-width: 768px){
    body {
        height: 100%;
        overflow-y: scroll;
        scroll-snap-type: none;
    }
}

.card_media_video {
    background: #000;
    transition: opacity 0.3s ease;
}

.card_media_video::-webkit-media-controls {
    display: none !important;
}

.card_media_video::-webkit-media-controls-panel {
    display: none !important;
}

.card_media_video::-webkit-media-controls-play-button {
    display: none !important;
}

.card_media_video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

/* Firefox */
.card_media_video::-moz-media-controls {
    display: none !important;
}

/* IE */
.card_media_video::-ms-media-controls {
    display: none !important;
}



.card_news .card_media_wrapper{
    height: 100%;
    width: 100%;
}
.card_news .card_media_wrapper > div{
    height: 100%;
}
.card_news .card_media_wrapper img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}


.ombra{
    position: relative;
}
.ombra > *{
    z-index: 1;
    position: relative;
}
.ombra::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: -10px;
    bottom: -10px;
    background: var(--e-global-color-accent);
}
@media screen and (max-width: 767px){
    .ombra::after{
        left: auto;
        bottom: auto;
        right: -10px;
        top: -10px;
    }

    .mobile_card_height{
        min-height: 100vh;
    }

    body.home .mobile_card_height{
        min-height: calc( 100vh - 50px );
    }
}

@media (max-width: 1080px){
    .sezioni_home{
        display: none;
    }
    .sezioni_home#sezione0{
        display: block;
    }
}
.trigger_sezioni_home a{
    transition: all 250ms ease-in-out;
}
.trigger_sezioni_home.active a{
    font-weight: 900;
    color: #000;
}
.trigger_sezioni_home.active svg path{
    fill: #000;
}
.click_traverse{
    cursor: pointer;
}