@font-face {
    font-family: RockFont;
    src: local("../fonts/rock.ttf");
}

@font-face {
    font-family: RockFontBold;
    src: local("../fonts/rockb.ttf");
}

body {
    font-family: RockFont, serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: RockFontBold, serif;
}

.obo-green-text {
    color: #00797c;
}

.obo-yellow-text {
    color: #ffe97d;
}

.obo-yellow-text:hover {
    color: #efd034;
}

.obo-green-background {
    background-color: #00797c;
}

.obo-yellow-background {
    background-color: #ffe97d;
}

#navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background-size: 100% 100%;
}

.obo-border-top-dark-green {
    border-top: 1px solid #093818 !important;
}

.obo-border-bottom-dark-green {
    border-bottom: 1px solid #093818 !important;
}

.obo-border-dark-green {
    border: 1px solid #093818 !important;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 40px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 40px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 40px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 40px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

#classes_accordion .accordion_el {
    cursor: pointer;
}