/* 
   MU UNION FIXES - V9 (Logo Increased Size)
   - Background: Seamless Dark (#0b0b0b)
   - Footer: Centered & Icons HIDDEN properly
   - Logo: Left Aligned & Larger Size
*/

html,
body {
    width: 100% !important;
    min-width: 1240px !important;
    /* Force Desktop Width */
    overflow-x: auto !important;
    /* Allow scroll */

    background-color: #0b0b0b !important;
    background-image: url(../img/fon-bg-top.jpg), url(../img/fon-bg-bottom.jpg), url(../img/fon-bg-repeat.jpg) !important;
    background-position: center top, center bottom, center top !important;
    background-repeat: no-repeat, no-repeat, repeat-y !important;
    background-size: auto !important;
    background-attachment: scroll !important;
}

/* Footer Fixes */
.footer-block-t,
.footer-block-b {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

.footer-block-l,
.footer-block-r {
    float: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

/* EXPLICTLY HIDE SOCIAL BLOCK (Fixes the "logos returned" bug) */
.soc-block,
.footer-block-r.soc-block {
    display: none !important;
}

.f-menu {
    float: none !important;
    display: inline-block !important;
    text-align: center !important;
}

.f-menu li {
    display: inline-block !important;
    float: none !important;
}

/* === LOGO FIXES (Larger & Closer to Original) === */
.logo {
    left: 0 !important;
    transform: none !important;
    margin-left: -20px !important;
    /* Slight overlap like original (-50px was too much) */
    bottom: 5px !important;
    /* Original position */
    text-align: left !important;
    width: auto !important;

    padding-left: 0 !important;
}

.logo img {
    max-width: 600px !important;
    /* Increased from 450px -> 600px */
    max-height: 350px !important;
    /* Increased from 250px -> 350px */
    height: auto !important;
    width: auto !important;
}