h1 {
    text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
}

.header {
    background: rgb(36, 0, 0);
    background: linear-gradient(90deg, rgba(36, 0, 0, 1) 0%, rgba(85, 20, 7, 1) 39%, rgba(154, 38, 2, 1) 100%);
}

.footer {
    background: rgb(36, 0, 0);
    background: linear-gradient(90deg, rgba(36, 0, 0, 1) 0%, rgba(85, 20, 7, 1) 39%, rgba(154, 38, 2, 1) 100%);
}

.container-banner .banner-overlay {
    background-size: cover;
    height: 50vh;
}

.metismenu.mod-menu .mm-collapse {
    background: #551407;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: white;
}

.card {
    box-shadow: 12px 4px 18px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 12px 4px 18px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 12px 4px 18px 0 rgba(0, 0, 0, 0.35);
    background: rgba(255, 226, 10, 0.35);
}

.btn-primary {
    background: #912025;
}

.btn-primary:hover {
    background: rgb(255, 28, 38);
}

.container-banner {
    transition: all 2s ease;
    height: 50vh;
    opacity: 1;
    overflow: hidden;
    margin: 0 !important;
    padding: 0;
    line-height: 0;
}

.container-banner.hide {
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none;
}

#banner {
    transition: all 2s ease;
    opacity: 1;
    height: 50vh;
}

#banner.hide {
    opacity: 0 !important;
    height: 0 !important;
}

.container-top-a > :first-child,
.container-top-b > :first-child,
.container-component > :first-child,
.container-sidebar-left > :first-child,
.container-sidebar-right > :first-child {
    margin-top: 0;
}