/* --- SITE LAYOUT & HEADER --- */
.main-header { background: #f1f2f3; padding-top: 15px; }
.main-wrapper { padding-left: 0 !important; padding-right: 0 !important; width: 35%; }
.main-header img.logo, .main-header img { height: 60%; vertical-align: middle; width: auto; display: inline-block; margin-right: 40px; }
.main-header h1 { float: right; }
.main-header h1 span { color: red; font-size: 40px; display: block; float: none; }

/* --- WRAPPERS & CONTAINERS --- */
.white-wrapper { width: 35%; float: left; padding: 40px; background: white; }
.veterans-table-container { margin-top: 114px; padding-top: 40px; margin-left: 22%; }
.veterans-table-container .white-wrapper p { font-size: 18px; color: #192a40; }
body { background: url(_/inc/images/blue-bg.png) no-repeat center !important; background-size: 200% !important; }

/* =========================================================
   THE MEDALLION FIX: CLEAN ANTI-SQUISH VERSION
   ========================================================= */

/* 1. Force the List into a Vertical Column */
ul#menu-side-menu.menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 60px 0 !important;
    list-style: none !important;
    background: transparent !important;
}

/* 2. Format the List Items */
ul#menu-side-menu.menu li.menu-item {
    margin: 0 !important; 
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* 3. The Zig-Zag Positioning (Safe for narrow columns) */
ul#menu-side-menu.menu li.menu-item:nth-of-type(odd) { transform: translateX(-20px) !important; }
ul#menu-side-menu.menu li.menu-item:nth-of-type(even) { transform: translateX(20px) !important; }

/* 4. The Medallions Themselves (Anti-Squish Size) */
ul#menu-side-menu.menu li.menu-item a {
    display: block !important;
    width: 160px !important;  
    height: 160px !important; 
    margin: 0 auto 30px auto !important;
    background-color: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
    color: transparent !important;
}

/* 5. Hide the HTML Text */
ul#menu-side-menu.menu li.menu-item a span {
    display: none !important;
}

/* 6. ASSIGN NEW CROPPED PNGs USING EXACT IDs */
li#menu-item-379 a { background-image: url('https://displays.veteransplazanoco.org/wp-content/uploads/2026/03/Untitled-1000-x-1000-px.png') !important; } /* About Us */
li#menu-item-557 a { background-image: url('https://displays.veteransplazanoco.org/wp-content/uploads/2026/03/Untitled-1000-x-1000-px-5.png') !important; } /* Events */
li#menu-item-69 a { background-image: url('https://displays.veteransplazanoco.org/wp-content/uploads/2026/03/Untitled-1000-x-1000-px-1.png') !important; } /* Nominate */
li#menu-item-270 a { background-image: url('https://displays.veteransplazanoco.org/wp-content/uploads/2026/03/Untitled-1000-x-1000-px-2.png') !important; } /* Victory Garden */
li#menu-item-80 a { background-image: url('https://displays.veteransplazanoco.org/wp-content/uploads/2026/03/Untitled-1000-x-1000-px-3.png') !important; } /* Liberty Trees */
li#menu-item-71 a { background-image: url('https://displays.veteransplazanoco.org/wp-content/uploads/2026/03/Untitled-1000-x-1000-px-4.png') !important; } /* Donors */

/* --- REMAINING STYLES --- */
.right-sidebar-content li { color: #fff; padding-bottom: 7px; text-align: left; font-size: 14px; padding-left: 6% !important; padding-top: 7px; }
.right-sidebar-title h1 { text-align: center; font-size: 25px; font-weight: 800; text-transform: uppercase; margin-top: 22px !important; }
.right-sidebar-title p { font-weight: 400 !important; }
.right-sidebar ol { list-style-type: none; }
.about-blue { width: 65%; float: right; background: #2f4561; padding: 100px 70px; box-sizing: border-box; }
.half { float: left; width: 50%; overflow: hidden; box-sizing: border-box; }
.half-blue { float: right; position: absolute; width: 45%; background: #2f4561; top: 0; overflow: hidden; height: 100%; right: 0; padding: 10px 20px; }
.donors-title h1 { font-size: 16px; }
.page-template-page-table-php .news, .page-template-page-table-php .flags-container { display: none; }