/* Increase the height of the header box */
.header {
    height: 150px !important;  /* Adjust the height of the header box */
    padding: 20px 0 !important; /* Adjust padding within the header */
}

/* Modify the header background and padding for a more pronounced box */
.header-inner {
    padding: 20px !important;  /* Adjust padding around the header content */
    background-color: #f4f4f4 !important;  /* Optional: change the background color */
}

/* Increase the size of the site title (journal name) */
.site-title {
    font-size: 36px !important; /* Adjust the font size as needed */
    font-weight: normal !important;  /* Remove bold if needed */
    font-family: Georgia, serif !important; /* Set font to Georgia */
}

/* If the header contains a logo, adjust its size */
.header-logo img {
    width: 150px !important;  /* Adjust logo width */
    height: auto !important;  /* Maintain aspect ratio */
}

/* Adjust the top margin of the header */
.header {
    margin-top: 20px !important;  /* Increase the space above the header */
}
/* Apply Georgia font to all headlines and titles */
h1, h2, h3, h4, h5, h6, title {
    font-family: Georgia, serif !important;
    font-weight: normal; /* Optional: remove bold styling */
}
/* Add a line between sidebar sections */
.pkp_structure_sidebar .pkp_block {
    border-bottom: 1px solid #ccc; /* Adds a light gray line between sections */
    padding-bottom: 10px; /* Adds spacing below each section */
    margin-bottom: 10px; /* Adds spacing between sections */
}

/* Optional: Style the last section without a line */
.pkp_structure_sidebar .pkp_block:last-child {
    border-bottom: none; /* Removes the line for the last section */
}
/* Hide the OJS/PKP platform and workflow footer text */
.pkp_brand_footer {
    display: none !important;
/* Add a line between sidebar sections */
.pkp_structure_sidebar .pkp_block {
    border-bottom: 1px solid #ccc; /* Adds a light gray line between sections */
    padding-bottom: 10px; /* Adds spacing below each section */
    margin-bottom: 10px; /* Adds spacing between sections */
}
/* Optional: Style the last section without a line */
.pkp_structure_sidebar .pkp_block:last-child {
    border-bottom: none; /* Removes the line for the last section */
}
/* Optional: Remove the line for the last sidebar block */
.pkp_structure_sidebar .block:last-child {
    border-bottom: none;
}
/* Optional: Remove the line for the last section */
.pkp_structure_sidebar .pkp_block:last-child {
    border-bottom: none;
}
/* Optional: Style the last section without a line */
.pkp_structure_sidebar .pkp_block:last-child {
    border-bottom: none; /* Removes the line for the last section */
}
/* Optimize footer box size */
.pkp_footer {
    padding: 10px 20px; /* Reduce padding for a smaller footer box */
    background-color: #f8f9fa; /* Optional: Light background for a clean look */
    border-top: 1px solid #ccc; /* Optional: Add a subtle border at the top */
    font-family: Arial, sans-serif; /* Optional: Set a modern, clean font */
}

/* Adjust footer font size */
.pkp_footer,
.pkp_footer a {
    font-size: 0.85rem; /* Smaller font size for the footer text */
    color: #666; /* Optional: Subtle text color */
}

/* Optional: Style links in the footer */
.pkp_footer a:hover {
    color: #007bff; /* Highlight links on hover */
    text-decoration: underline; /* Add underline on hover */
}

/* Center-align footer content */
.pkp_footer .pkp_footer_content {
    text-align: center;
}

/* Optional: Remove excessive margin or padding in nested footer elements */
.pkp_footer p,
.pkp_footer div {
    margin: 5px 0; /* Reduce spacing between footer elements */
    padding: 0; /* Remove unnecessary padding */
}
.page_title {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #333;
}
.pkp_site_name {
    font-size: 3rem !important;
    font-weight: bold !important;
    text-align: center !important;
    color: #333 !important;
/* Apply Georgia font to the journal name */
h1, h2, h3, .page-header, .site-name {
    font-family: Georgia, serif !important;
}

/* Apply Georgia font to search bar text */
input[type="text"], input[type="search"], .pkp_search_query {
    font-family: Georgia, serif !important;
}

/* Apply Georgia font to all general body text */
body, p, span, a, li, div {
    font-family: Georgia, serif !important;
}
.navbar a {
    font-family: Georgia, serif !important;
}
button, .btn {
    font-family: Georgia, serif !important;
}
/* Header container styling */
.journal-header {
    background: linear-gradient(135deg, #1d3557, #457b9d); /* Professional gradient background */
    color: #ffffff; /* White text color for contrast */
    padding: 20px 0;
    text-align: center;
    border-bottom: 5px solid #1d3557; /* Strong border for elegance */
}

/* Journal title styling */
.journal-header .journal-title {
    font-family: 'Merriweather', 'Times New Roman', Georgia, serif; /* Classic and professional font stack */
    font-size: 3.5rem; /* Larger font size for prominence */
    font-weight: 900; /* Extra-bold font weight */
    letter-spacing: 1px; /* Slight spacing for readability */
    text-transform: uppercase; /* Make the title uppercase for impact */
    text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3); /* Subtle shadow for elegance */
    margin: 0;
}

/* Optional subtitle styling */
.journal-header .journal-subtitle {
    font-family: 'Merriweather', Georgia, serif; /* Serif font for subtitle */
    font-size: 1.2rem; /* Smaller font size for subtitle */
    color: #a8dadc; /* Softer color for contrast */
    margin-top: 10px;
}
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Roboto:wght@400&display=swap" rel="stylesheet">
.pkp_site_name {
    font-size: 2rem; /* Title size */
    line-height: 2.5rem; /* Spacing around the title */
    margin-bottom: 10px;
}

.pkp_navigation_primary {
    background-color: #f8f9fa; /* Light background color */
    padding: 10px 20px; /* Header padding */
}

.pkp_header_logo img {
    max-height: 200px; /* Maximum height for the logo */
    max-width: 100%; /* Responsive width */
}
/* Enlarge the logo */
.pkp_header_logo img {
    max-width: 100%; /* Allow the logo to scale with the container */
    max-height: 200px; /* Increase the maximum height of the logo */
    width: auto; /* Maintain the aspect ratio */
    height: auto; /* Maintain the aspect ratio */
    margin: 0 auto; /* Optional: Center the logo */
    display: block; /* Optional: Center the logo */
}