@charset "UTF-8";

/* Fix sticky out menu */
.pkp_navigation_primary>li:first-child a {
    margin-left: 0;
}

/* Fix sticky out logged in box */
.pkp_navigation_user.pkp_navigation_user {
    left: -10px;
}

/* Header Image Size */
.pkp_site_name .is_img img {
    max-height: 175px;
}

/* Responsive adjustments */
@media only screen and (max-width: 1200px) {
    .pkp_site_name .is_img img {
        max-height: 80px;
        /* Slightly smaller on smaller desktops */
    }
}

@media only screen and (max-width: 992px) {
    .pkp_site_name .is_img img {
        max-height: 25px;
        /* Adjust for tablets and smaller desktops */
    }
}

@media only screen and (max-width: 480px) {
    .pkp_site_name .is_img img {
        max-height: 10px;
        /* Smaller height for very small devices */
    }
}



/* Header Banner Colour */
.pkp_site_name {
    background: #ffffff;
    /* White background to make the colorful logo stand out */
    color: #353535;
    /* Dark gray for text, ensuring good contrast */
}

/* Wider Banner Colour */
.pkp_structure_head {
    background-color: #ffffff;
    /* Light gray for a subtle contrast with the white */
    color: #353535;
    /* Dark gray text */
}

/* Primary Navigation Menu Bar Colour */
.pkp_navigation_primary_wrapper {
    background: #353535;
    /* Dark gray */
}

/* Primary Navigation Menu Bar Text And Background Colour */
.pkp_nav_list a {
    background-color: #353535 !important;
    /* Dark gray */
    color: #ffffff !important;
    /* White text for contrast */
}

/* Search Button Text and Background Colour */
.pkp_navigation_search_wrapper a {
    background-color: #353535 !important;
    /* White */
    color: #ffffff;
    /* Blue from the logo for the text, ensuring visibility and brand consistency */
    border: 1px solid #007cba;
    /* Blue border for a cohesive look */
    padding: 5px 10px;
    /* Padding for comfort */
    border-radius: 5px;
    /* Slight rounding of edges for a modern look */
}

/* Make A Submission Sidebar Block Button Text and Background Colour */
.block_make_submission_link {
    background-color: #007cba !important;
    /* Blue from the logo */
    color: #ffffff !important;
    /* White text */
    padding: 10px 15px;
    /* Adequate padding for clickability */
    border-radius: 5px;
    /* Consistent rounded corners */
}

/* Galley Button Text and Background Colour */
.obj_galley_link {
    border: 2px solid #007cba;
    /* Using blue for border */
    background: #ffffff;
    /* White */
    color: #353535 !important;
    /* Dark gray text for readability */
    border-radius: 12px;
    /* Enhanced rounded corners for a friendly UI */
    padding: 8px 16px;
    /* Comfortable padding */
    display: inline-block;
    /* Necessary for layout */
    text-align: center;
    /* Ensuring text is centered */
    text-decoration: none;
    /* No underline for a cleaner look */
}

/* Galley Button Hover Text and Background Colour */
.obj_galley_link:hover, .obj_galley_link:focus {
    color: #ffffff !important;
    /* White text on hover */
    background: #007cba !important;
    /* Blue background on hover for a dynamic change */
    border-color: #353535;
    /* Dark gray border on hover for contrast */
}

/* Footer Background and Text Colour */
.pkp_footer_content {
    background: #353535;
    /* Dark gray */
    color: #ffffff;
    /* White text */
}

/* Wider Footer Background Colour */
.pkp_structure_footer_wrapper {
    background: #ffffff;
    /* Light gray, matching the head banner */
}

/* Hyperlink Text Colour */
a {
    color: #007cba;
    /* Blue to tie in with the logo */
    text-decoration: underline;
    /* Underlined links for clarity */
    text-decoration-color: #353535;
    /* Dark gray underline for subtle styling */
}

/* Hyperlink Hover Effect */
a:hover {
    color: #353535;
    /* Dark gray on hover for a strong visual shift */
    text-decoration-color: #007cba;
    /* Blue underline on hover to maintain brand consistency */
}

/* Footer Links */
.pkp_footer_content a {
    color: #ffffff;
    /* White text for visibility against the dark background */
    text-decoration: underline;
    /* Underlined for distinction */
    text-decoration-color: #e6e6e6;
    /* Light gray underline for a soft look */
}

/* Footer Links Hover Effect */
.pkp_footer_content a:hover {
    color: #007cba;
    /* Blue text on hover for visual consistency with the brand */
    text-decoration-color: #ffffff;
    /* White underline on hover for emphasis */
}