.logo {
    display:none !important;
}

.brand-logo {
    display:none !important;
}

.container-header {
    background:#ffffff !important;
    background-image:none !important;
}

.container-header * {
    color:#000 !important;
}

/* Full width entire site */
body .wrapper-static,
body .wrapper-fluid {
    max-width: 100% !important;
}

body .site-grid {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .container,
body .container-fluid,
body .container-topbar,
body .container-banner,
body .container-below-top,
body .container-top-a,
body .container-top-b,
body .container-component,
body .container-bottom-a,
body .container-bottom-b,
body .container-footer {
    max-width: 100% !important;
}

body .full-width {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove card borders from modules */
.container-top-a .card,
.container-top-b .card,
.container-below-top .card {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.container-top-a .card-body,
.container-top-b .card-body,
.container-below-top .card-body {
    padding: 0 !important;
}

/* Horizontal metismenu */
ul.mod-menu.metismenu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border-top: 3px solid #2bbfb3 !important;
    border-bottom: 3px solid #2bbfb3 !important;
    width: 100% !important;
}

ul.mod-menu.metismenu > li.metismenu-item {
    list-style: none !important;
    position: relative !important;
}

ul.mod-menu.metismenu > li.metismenu-item > a {
    display: block !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #444444 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    letter-spacing: 0.6px !important;
}

ul.mod-menu.metismenu > li.metismenu-item > a:hover,
ul.mod-menu.metismenu > li.metismenu-item.active > a,
ul.mod-menu.metismenu > li.metismenu-item.current > a {
    background: #3d3530 !important;
    color: #2bbfb3 !important;
}

ul.mod-menu.metismenu li ul,
ul.mod-menu.metismenu li .metismenu-container {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #2bbfb3 !important;
    list-style: none !important;
    padding: 6px 0 !important;
    min-width: 200px !important;
    z-index: 99999 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

ul.mod-menu.metismenu li.metismenu-item:hover > ul,
ul.mod-menu.metismenu li.metismenu-item:hover > .metismenu-container {
    display: block !important;
}

ul.mod-menu.metismenu li ul li a,
ul.mod-menu.metismenu li .metismenu-container li a {
    display: block !important;
    padding: 10px 18px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

ul.mod-menu.metismenu li ul li a:hover,
ul.mod-menu.metismenu li .metismenu-container li a:hover {
    background: rgba(0,0,0,0.2) !important;
    color: #fff !important;
}






/* Footer: full width, columns equal, copyright on its own row */
body .container-footer .grid-child {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1.5rem 2rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.5rem;
}

body .container-footer .grid-child > .moduletable {
    flex: 1 1 0 !important;
    min-width: 180px;
}

body .container-footer .grid-child > .moduletable.footer-copyright {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 99;
    text-align: left;
    margin-top: 1rem;
}

/* Footer: full width, columns equal, copyright on its own row */
body .container-footer .grid-child {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1.5rem 2rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.5rem;
}

body .container-footer .grid-child > .moduletable {
    flex: 1 1 0 !important;
    min-width: 180px;
}

body .container-footer .grid-child > .moduletable.footer-copyright {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 99;
    text-align: left;
    margin-top: 1rem;
}