/* ------------- Menu Mobile sin JS ---------------- */
/* input hidden */

#navbar-toggle-cbox {
    display: none;
}

label[for=navbar-toggle-cbox] {
    cursor: pointer;
}

#navbar-toggle-cbox:checked ~ .navbar-menu {
    display: block;
}

/*- ----------- End Menu Mobile sin JS ------------- */
/* navigation */

.navbar {
    background-color: #0c0f0f;
    a {
        color: whitesmoke;
    }
    &.is-social-center {
        align-items: stretch;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-align: stretch;
        -webkit-box-pack: center;
        -webkit-box-flex: 0;
        -ms-flex-pack: center;
        -ms-flex-align: stretch;
        -ms-flex-negative: 0;
        -ms-flex-positive: 0;
        > a.navbar-item {
            color: #4a4a4a;
            background-color: transparent;
            &:hover {
                color: #dd7325;
            }
        }
    }
}

/* main-header */

.main-header {
    .title {
        color: whitesmoke;
    }
    .subtitle {
        color: #dd7325;
    }
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
    .hero {
        background-color: #161c1c;
    }
}