/*
Theme Name: svbs-asse v3 for wordpress
Author: m@raxus.ch
Description: exclusive WordPress theme for svbs-asse.ch
Theme URI: https://www.svbs-asse.ch/
Version: 0.1a
*/

#gradient {
    height: 20px;
    background-color: #1fa43a;    
    background-image: linear-gradient(to right, #1fa43a, #154896);
}


.logo img {
    max-width: 125px;
    height: auto;
}

.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 30s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.box .fa-solid {
    font-size: 60px;
}

.box {
    width: 100%;
    max-width: 250px;
    min-height: 125px;
    box-sizing: border-box;
}

.desc {
    padding-top: 20px;
}

.overlay {
    display: none;
    position: relative;
    bottom: 100%;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.box:hover .overlay {
    display: block;
    bottom: 0;
    height: 100%;
}

.box:hover .desc {
    display: none;
}