/* === SLBACON Custom Styles === */

body {
    font-family: 'IBM Plex Sans', sans-serif;
    margin: 0;
    padding: 0;
}

/* Ensure full-width layout */
.full-width-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #f8f8f8;
}

/* Header Styles */
#slbacon-header {
    padding: 1rem 2rem;
    background-color: #00313C;
    color: white;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.site-logo img.logo-img {
    height: 60px;
    width: auto;
}

.primary-nav .menu {
    list-style: none;
    display: flex;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
}

.primary-nav .menu li a {
    color: white;
    text-decoration: none;
    font-weight: 500;
}

.primary-nav .menu li a:hover {
    color: #D86018; /* IIBA Orange */
}

/* Footer Styles */
#slbacon-footer {
    padding: 1rem 2rem;
    background-color: #D0D3D4; /* Light Grey */
    color: #00313C;
    font-size: 0.9rem;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer-menu {
    list-style: none;
    display: flex;
    gap: 1rem;
    margin: 0;
    padding: 0;
}

.footer-menu li a {
    color: #00313C;
    text-decoration: none;
    font-weight: 500;
}

.footer-menu li a:hover {
    color: #D86018;
}
.header-logo-container img{ 
	max-width: 140px; 
}

#menu-primary-menu.primary-nav-menu { 
    padding-left: 0;
    display: flex;
    list-style: none;
    gap: 25px;
    padding-right: 15px; 
}

#menu-primary-menu-1.footer-menu{  
    justify-content: center; 
}

.contact-icon, .contact-info p span { 
	width: 36px; display: block;  height: 36px;  margin: 0 auto;
}
 
.contact-info { 

    display: flex;  justify-content: center; gap: 25px;text-align: center;} 
 
.social-media {
 display: flex; align-items: center; justify-content: center; gap: 25px;
}
 
.social-section .social-media a { 

    max-width: 36px;
    width: 36px; 
}
 
#slbacon-header.full-width-container { 
	padding: 0; 
}