/* Import Merriweather font from Google Fonts - Professional font for academic journals */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');

/* Apply Merriweather to body text */
body,
html,
p,
article,
.article-details,
.article-summary {
    font-family: 'Merriweather', serif !important;
}

/* Apply Merriweather to headings for consistent professional look */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', serif !important;
    font-weight: 700 !important;
}

/* Apply Merriweather to navigation for consistency */
nav,
.pkp_navigation_primary,
.pkp_site_nav_menu,
.pkp_navigation_primary a,
.pkp_site_nav_menu a {
    font-family: 'Merriweather', serif !important;
}

/* Keep sans-serif for buttons only */
button,
input[type="submit"],
input[type="button"],
.button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Reset all custom styles for admin interface elements */
.pkpButton,
button[class*="pkpButton"],
[class*="__pkp"],
.app__page,
.app {
    all: revert !important;
}

/* Ensure admin buttons use default styling, but exclude header elements */
body:not(.pkp_page_index):not(.pkp_page_issue):not(.pkp_page_article) button:not(.pkp_site_nav_toggle),
body:not(.pkp_page_index):not(.pkp_page_issue):not(.pkp_page_article) input[type="submit"],
body:not(.pkp_page_index):not(.pkp_page_issue):not(.pkp_page_article) input[type="button"] {
    all: revert;
}

  .payment-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 100%;
    text-align: center; /* Center text in all columns */
  }

  .column {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center content horizontally */
    justify-content: flex-start; /* Align content to the top */
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  @media (max-width: 768px) {
    .payment-table {
      grid-template-columns: 1fr;
    }
  }




.issue-buttons a {
    font-size: 16px; /* Adjust to your preferred size */
    padding: 10px 20px; /* Optional: To make the buttons visually consistent */
}

img {
    border: none; /* Ensures no border is applied */
    outline: none; /* Removes any default outline on focus or active state */
}

/* Additionally, if the image is inside a link */
a img {
    border: none; /* Removes border inside anchor tag */
    outline: none; /* Removes outline when image link is clicked */
}

img:focus, img:active {
    outline: none;
    border: none;
}

/* Set primary color for links */
a {
    color: #00b0f0;
    text-decoration: none; /* Optional, to remove underline */
}

/* Set hover color for links */
a:hover {
    color: #eda82c;
    text-decoration: none; /* Optional, to add underline on hover */
}


/* Styling the link with the class 'title' */
a.title {
    color: #00b0f0; /* Primary color for clickable links */
    text-decoration: none;
    transition: color 0.3s ease;
    font-family: 'Merriweather', serif !important;
    font-weight: 700 !important;
}

/* Change color on hover */
a.title:hover {
    color: #eda82c; /* Hover color */
    text-decoration: none; /* Optional: underline to signify the link is clickable */
}


/* For non-clickable headings (default black color) */
h1, h2, h3, h4, h5, h6 {
    color: #000000; /* Default non-clickable color */
    transition: color 0.3s ease;
}

/* Apply primary color only to headings with clickable links */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #16355f; /* Primary color for clickable links */
    text-decoration: none; /* Remove underline by default */
}

/* Hover effect for clickable links */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #eda82c; /* Hover color */
    text-decoration: underline; /* Optional: underline to signify interactivity */
}


/* Target the PDF button */
.obj_galley_link.pdf {
    background-color: #16355f; /* Change this to your desired background color */
    color: #ffffff; /* Change text color */
    padding: 10px 20px;
    border-radius: 5px;
    border: none !important;
    font-size: 16px;
    text-decoration: none; /* Remove underline */
}

/* Hover effect to change color when mouse is over the button */
.obj_galley_link.pdf:hover {
    background-color: #eda82c; /* Change this to the color you want on hover */
}

.journal-info table {
    margin-top: 0; /* Removes any extra top margin */
}

.journal-info p {
    line-height: 1.6; /* Ensures consistent line spacing */
    margin-top: 0; /* Removes any top margin */
    margin-bottom: 15px; /* Adds consistent spacing between paragraphs */
}

.journal-info td {
    vertical-align: top; /* Ensures all content in the table aligns to the top */
    padding-top: 0; /* Removes any top padding that may be causing misalignment */
}

.journal-info img {
    display: block;
    margin: 0; /* Ensure no margin around the image */
    padding: 0; /* Ensure no padding around the image */
}

.button-container {
    margin-bottom: 10px; /* Adds space between the buttons */
}

.custom-button {
    display: inline-block !important;
    width: 100% !important;
    padding: 15px !important;
    font-size: 16px !important;
    background-color: #16355f !important;
    color: white !important;
    text-align: center !important;
    border-radius: 5px; !important;
    text-decoration: none !important; /* Removes underline */
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.custom-button:hover {
    background-color: #eda82c !important; /* Hover background color */
}

.pkp_block.block_custom {
    margin-bottom: 10px !important; /* Forcefully reduces the gap between blocks */
    margin-left: 5px !important;     /* Adds 5px left margin */
    margin-right: 5px !important;    /* Adds 5px right margin */
    padding: 10px !important;        /* Forcefully removes extra padding */
    border-radius: 5px; !important;
border: 2px dashed #16355f !important; /* Adds a 2px dashed border with color #16355f */
}

/* Change hover color for the navigation menu items */
#navigationPrimary a:hover {
    background-color: #eda82c !important; /* Change background color on hover */
    color: white !important; /* Ensure text remains white on hover */
}

/* Change hover color for the search button */
.pkp_search:hover {
    background-color: #eda82c !important; /* Change background color on hover */
    color: white !important; /* Ensure text remains white on hover */
}

/* Change hover color for Register, Login, Profile buttons */
.pkp_site_nav a:hover, /* Target Register, Login, and Profile links */
.pkp_user_nav a:hover { /* In case Profile link has a different class */
    background-color: #eda82c !important; /* Change background color on hover */
    color: white !important; /* Ensure text remains white on hover */
}

/* Default button style - only for frontend submission/article pages */
.page_article button,
.page_issue button,
.page_index button,
.page_search button,
input[type="submit"].pkp_button,
input[type="button"].pkp_button,
.issue-buttons a,
.custom-button {
    background-color: #16355f !important;
    color: white !important;
    border: 2px solid #16355f !important;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

/* Hover effect for frontend buttons */
.page_article button:hover,
.page_issue button:hover,
.page_index button:hover,
.page_search button:hover,
input[type="submit"].pkp_button:hover,
input[type="button"].pkp_button:hover,
.issue-buttons a:hover,
.custom-button:hover {
    background-color: #eda82c !important;
    border-color: #eda82c !important;
    color: white !important;
}

/* Ensures both buttons (Submit Paper and Read Issue) are of equal width and styling */
.issue-buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
}

.issue-buttons a {
    flex: 1;
    text-align: center;
    padding: 15px;
    background-color: #16355f;
    color: white;
    text-decoration: none !important; /* Removes underline */
    border-radius: 5px;
    border: 2px solid #16355f;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Hover effect for both buttons */
.issue-buttons a:hover {
    background-color: #eda82c !important; /* Hover background color */
    border-color: #eda82c !important; /* Match the border with the hover background */
}

/* Styling for responsive images */
.responsive-image {
    max-width: 100%; /* Image width will never exceed the container width */
    height: auto;    /* Maintains aspect ratio */
    display: inline-block; /* Ensures it's treated as an inline element within the centered block */
}

/* Change the background color of the main header */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_nav_menu,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper,
.header,
.navbar {
    background-color: #16355f !important;
}

/* Header navigation menu toggle button - only visible on mobile */
.pkp_site_nav_toggle {
    background-color: #16355f !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 15px !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 16px !important;
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
}

.pkp_site_nav_toggle:hover {
    background-color: #eda82c !important;
    color: #ffffff !important;
}

/* Hide the text but keep it for screen readers */
.pkp_site_nav_toggle span {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* Create hamburger icon with CSS */
.pkp_site_nav_toggle::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 20px !important;
    height: 2px !important;
    background-color: #ffffff !important;
    box-shadow: 0 -6px 0 #ffffff, 0 6px 0 #ffffff !important;
}

/* Hide mobile menu toggle on desktop */
@media (min-width: 992px) {
    .pkp_site_nav_toggle {
        display: none !important;
    }
}

/* Mobile header redesign */
@media (max-width: 991px) {
    /* Main header container */
    .pkp_structure_head {
        padding: 0 !important;
    }

    .pkp_head_wrapper {
        padding: 0 !important;
    }

    /* Site name wrapper with hamburger and logo */
    .pkp_site_name_wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px 15px !important;
        gap: 15px !important;
        min-height: 60px !important;
    }

    /* Hamburger button - fixed on left */
    .pkp_site_nav_toggle {
        flex-shrink: 0 !important;
        margin: 0 !important;
        width: 40px !important;
        height: 40px !important;
        position: relative !important;
        background-color: #16355f !important;
        border: none !important;
        padding: 0 !important;
        cursor: pointer !important;
    }

    .pkp_site_nav_toggle:hover {
        background-color: #eda82c !important;
    }

    /* Hide text, show icon */
    .pkp_site_nav_toggle span {
        position: absolute !important;
        left: -9999px !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
    }

    /* Hamburger icon - three lines */
    .pkp_site_nav_toggle::before {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 20px !important;
        height: 2px !important;
        background-color: #ffffff !important;
        box-shadow: 0 -6px 0 #ffffff, 0 6px 0 #ffffff !important;
    }

    /* Logo container - grows to fill space */
    .pkp_site_name {
        flex: 1 !important;
        line-height: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 30px !important;
        max-height: 30px !important;
        overflow: hidden !important;
    }

    .pkp_site_name a {
        display: block !important;
        line-height: 0 !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Logo image - scaled for mobile */
    .pkp_site_name img {
        max-height: 30px !important;
        height: 30px !important;
        width: auto !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: top !important;
    }

    /* Hide navigation menu on mobile (shows when hamburger is clicked) */
    .pkp_site_nav_menu {
        width: 100% !important;
    }
}

/* Change the text color within the header */
.pkp_structure_head a,
.pkp_head_wrapper a,
.pkp_site_nav_menu a,
.pkp_navigation_primary a,
.pkp_navigation_user a,
.header a,
.navbar a,
.pkp_site_name a {
    color: #ffffff !important;
}

/* Header link hover, focus, and visited states (except dropdowns) */
.pkp_structure_head a:hover,
.pkp_head_wrapper a:hover,
.pkp_site_nav_menu > a:hover,
.pkp_navigation_primary > ul > li > a:hover,
.pkp_navigation_user a:hover,
.header a:hover,
.navbar a:hover,
.pkp_site_name a:hover {
    background-color: #eda82c !important;
    color: #ffffff !important;
}

/* Header link active state (when clicked, except dropdowns) */
.pkp_structure_head a:active,
.pkp_head_wrapper a:active,
.pkp_site_nav_menu > a:active,
.pkp_navigation_primary > ul > li > a:active,
.pkp_navigation_user a:active,
.header a:active,
.navbar a:active,
.pkp_site_name a:active {
    background-color: #eda82c !important;
    color: #ffffff !important;
}

/* Header link focus state (after clicking, except dropdowns) */
.pkp_structure_head a:focus,
.pkp_head_wrapper a:focus,
.pkp_site_nav_menu > a:focus,
.pkp_navigation_primary > ul > li > a:focus,
.pkp_navigation_user a:focus,
.header a:focus,
.navbar a:focus,
.pkp_site_name a:focus {
    background-color: #16355f !important;
    color: #ffffff !important;
    outline: none !important;
}

/* Header link visited state */
.pkp_structure_head a:visited,
.pkp_head_wrapper a:visited,
.pkp_site_nav_menu a:visited,
.pkp_navigation_primary a:visited,
.pkp_navigation_user a:visited,
.header a:visited,
.navbar a:visited,
.pkp_site_name a:visited {
    color: #ffffff !important;
}

/* Dropdown menu styling */
.dropdown-menu {
    background-color: #16355f !important;
    border: none !important;
    min-width: 250px !important;
    width: auto !important;
}

.dropdown-menu li {
    background-color: #16355f !important;
    width: 100% !important;
}

.dropdown-menu li a {
    background-color: #16355f !important;
    color: #ffffff !important;
    display: block !important;
    width: 100% !important;
    padding: 10px 20px !important;
    white-space: nowrap !important;
}

.dropdown-menu li:hover {
    background-color: #eda82c !important;
}

.dropdown-menu li a:hover {
    background-color: #eda82c !important;
    color: #ffffff !important;
    width: 100% !important;
}

.dropdown-menu li a:active {
    background-color: #eda82c !important;
    color: #ffffff !important;
    width: 100% !important;
}

.dropdown-menu li a:focus {
    background-color: #16355f !important;
    color: #ffffff !important;
    width: 100% !important;
}

/* Add more spacing between main navbar items */
.pkp_navigation_primary li {
    margin-right: 20px !important;
}

/* Styling for the journal info table */
.journal-info-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.journal-info-table td {
    padding: 10px;
    border: 1px solid #ddd;
    vertical-align: top;
}

.journal-info-table td:first-child {
    font-weight: bold;
}

/* Responsive styling for journal info table */
@media (max-width: 768px) {
    .journal-info-table td {
        display: block;
        width: 100%;
    }

    .journal-info-table tr {
        display: block;
        margin-bottom: 10px;
    }
}

/* Hide PKP/OJS branding in footer */
.pkp_brand_footer {
    display: none !important;
}

/* Footer styling with dark background and white text */
.pkp_structure_footer_wrapper {
    background-color: #16355f !important;
    color: white !important;
    padding: 0 !important;
}

.pkp_structure_footer {
    background-color: #16355f !important;
    color: white !important;
}

.pkp_footer_content {
    background-color: #16355f !important;
    color: white !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 40px 40px !important;
}

/* Add logo to the left of footer */
.pkp_footer_content::before {
    content: "";
    background-image: url('https://irjmse.com/public/journals/1/pageHeaderLogoImage_en.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    width: 250px;
    height: 60px;
    flex-shrink: 0;
    margin-right: 40px;
}

/* Style the contact information paragraph */
.pkp_footer_content p {
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.6 !important;
    color: white !important;
}

.pkp_footer_content p strong {
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure all footer text and links are white */
.pkp_structure_footer_wrapper a,
.pkp_structure_footer a,
.pkp_footer_content a,
.pkp_structure_footer_wrapper p,
.pkp_structure_footer p,
.pkp_footer_content p {
    color: white !important;
}

/* Footer link hover effect */
.pkp_structure_footer_wrapper a:hover,
.pkp_structure_footer a:hover,
.pkp_footer_content a:hover {
    color: #eda82c !important;
}

/* Add copyright text to footer - dynamic year via JavaScript */
.pkp_structure_footer_wrapper::after {
    content: attr(data-copyright);
    display: block;
    text-align: center;
    color: white;
    padding: 10px 20px;
    font-size: 11px;
    background-color: #222222;
    margin: 0 !important;
}

/* Fallback if JavaScript is disabled */
.pkp_structure_footer_wrapper:not([data-copyright])::after {
    content: "© Copyright 2024 - 2025. All Rights Reserved. International Research Journal of Multidisciplinary Studies and Excellence.";
}

/* Ensure footer is at the very bottom with no space */
body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

html {
    margin: 0 !important;
    padding: 0 !important;
}

/* Responsive footer logo */
@media (max-width: 768px) {
    .pkp_footer_content::before {
        width: 150px;
        height: 40px;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .pkp_footer_content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
    }

    .pkp_footer_content p {
        text-align: center !important;
        margin-top: 15px !important;
    }

    .pkp_structure_footer_wrapper::after {
        font-size: 12px;
        padding: 15px;
    }
}

/* 4-Column Footer Layout - Compact */
.pkp_structure_footer_wrapper {
    background-color: #16355f !important;
}

.pkp_structure_footer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 40px;
}

.pkp_footer_columns {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.pkp_footer_col {
    padding: 0 15px;
}

/* Column 1: Logo */
.pkp_footer_col_logo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 15%;
    padding-left: 0;
}

.pkp_footer_col_logo .footer_logo {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

/* Column 2: Links */
.pkp_footer_col_links {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
    width: 22%;
}

.pkp_footer_col_links h4 {
    color: #eda82c;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 8px 0;
    font-family: 'Merriweather', serif;
}

.pkp_footer_col_links a {
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    font-family: 'Merriweather', serif;
    transition: color 0.3s ease;
    line-height: 1.4;
}

.pkp_footer_col_links a:hover {
    color: #eda82c;
}

/* Column 3: Information */
.pkp_footer_col_info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
    width: 18%;
}

.pkp_footer_col_info h4 {
    color: #eda82c;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 8px 0;
    font-family: 'Merriweather', serif;
}

.pkp_footer_col_info a {
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    font-family: 'Merriweather', serif;
    transition: color 0.3s ease;
    line-height: 1.4;
}

.pkp_footer_col_info a:hover {
    color: #eda82c;
}

/* Column 4: Address */
.pkp_footer_col_address {
    width: 35%;
    text-align: right;
    padding-right: 0;
}

.pkp_footer_col_address h4 {
    color: #eda82c;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px 0;
    font-family: 'Merriweather', serif;
    line-height: 1.3;
}

.pkp_footer_col_address p {
    color: #ffffff;
    font-size: 11px;
    font-family: 'Merriweather', serif;
    line-height: 1.5;
    margin: 0;
}

.pkp_footer_col_address a {
    color: #00b0f0;
    text-decoration: none;
    font-size: 11px;
}

.pkp_footer_col_address a:hover {
    color: #eda82c;
}

/* Mobile Responsive Footer */
@media (max-width: 768px) {
    .pkp_footer_columns {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .pkp_footer_col {
        width: 100% !important;
        padding: 0;
    }

    .pkp_footer_col_logo {
        justify-content: center;
    }

    .pkp_footer_col_links {
        align-items: center;
    }

    .pkp_footer_col_info {
        align-items: center;
    }

    .pkp_footer_col_address {
        text-align: center;
    }
}