/******************************************
    Bulma navbar mobile layout animation
*******************************************/
@media only screen and (max-width: 1000px) {
    .navbar-menu {
        display: block;
        opacity: 0;
        position: relative;
        padding: 0;
        left: 0;
        right: 0;
        max-height: 0px;
        transition: all 0.4s ease-in-out;
        pointer-events: none;
        overflow: hidden;
    }

    .navbar-menu.is-active {
        max-height: 200px;
        padding: .5rem .75rem;
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }
}

@font-face {
    font-family: comic;
    src: url("/fonts/Bangers.ttf")
}

body.daricy {
    background-attachment: fixed;
    background-image: url("/images/background.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

/************************************
 Navbar
*************************************/
.daricy .navbar {
    display: flex;
    align-content: center;
    justify-content: center;

    box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, .23), 0 -7px 5px 3px rgba(0, 0, 0, .05);
    border-radius: 5px 5px 0 0;
    background-color: #00BCD4;

    transition: height 0.5s;
}

.daricy .navbar-burger {
    color: white;
}

.daricy .navbar-menu {
    flex-grow: initial !important;
    flex-shrink: initial !important;
}

@media screen and (max-width: 1023px) {
    .navbar-menu {
        background-color: #00BCD4;
        box-shadow: none;
    }
}

.daricy .navbar .navbar-menu {
    flex-grow: initial;
    flex-shrink: initial;
}

.daricy .navbar-item {
    color: white;
    transition: transform 0.5s, color 0.15s, background-color 0.15s;
}

.daricy .navbar-item:hover {
    color: #00BCD4;
    border-radius: 2px;
    transform: scale(1.13);
}

.daricy .navbar-item.dy-is-active {
    transform: scale(1.18);
    border-bottom: 5px solid white;
}

.daricy .dy-navbar-item-text {
    font-family: comic, "Comic Sans MS", sans-serif;
}

/***********************************************
    Page content
************************************************/
.daricy .dy-main-content {
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .33), 0 7px 5px 3px rgba(0, 0, 0, .11);

    color: rgb(85, 85, 85);
}

.daricy .dy-content-title {
    border-bottom: solid 2px rgb(85, 85, 85);
    font-family: 'comic', "Comic Sans MS", sans-serif;
}

.daricy .dy-light-shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/***********************************************
    Footer
************************************************/
.daricy .footer {
    background-color: #00838F;
    color: white;
    font-family: comic, "Comic Sans MS", sans-serif;
}