/* ===== OJS Default Theme: Footer fix ===== */

/* 1) Footer background + text color (keep footer visible) */
footer.pkp_structure_footer,
.pkp_footer,
.pkp_site_footer {
    background-color: #1800ad !important;
    color: #ffffff !important;
    border-top: none !important;
}

footer.pkp_structure_footer a,
.pkp_footer a,
.pkp_site_footer a {
    color: #ffffff !important;
}

/* 2) Remove ONLY the brand image (handle both <img> and CSS background sprite cases) */
.pkp_brand_footer img {
    display: none !important;
}

.pkp_brand_footer,
.pkp_brand_footer a {
    background: none !important;      /* kill background-sprite logo */
    text-indent: 0 !important;        /* ensure text stays normal */
    padding-left: 0 !important;       /* remove left space from sprite */
    min-height: 0 !important;
}

/* Ensure the footer container itself is never hidden */
footer.pkp_structure_footer,
.pkp_footer,
.pkp_site_footer {
    display: block !important;
}

/* Force editorial board social icons to 17x17px */
img.ed-icon {
    width: 17px !important;
    height: 17px !important;
    max-width: 17px !important;
    min-width: 17px !important;
    display: inline-block !important;
    margin-right: 5px; /* Adds a tiny space between multiple icons */
    vertical-align: middle; /* Aligns the icon nicely with text */
}

/* Force Editorial Board Profile Pictures to a Uniform Size */
img.profile-pic {
    width: 120px !important;
    height: 150px !important;
    max-width: 120px !important;
    min-width: 120px !important;
    
    /* This is the magic rule! It crops the photo perfectly to fit 
       the 120x150 box without stretching or squishing the person's face */
    object-fit: cover !important; 
    
    border-radius: 4px; /* Optional: adds a nice slightly rounded corner */
    display: block !important;
    margin: 0 auto !important; /* Keeps the picture centered in its column */
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1); /* Optional: adds a professional soft shadow */
}