@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: 110px;
}

/* Header Image Size, Mobile Devices and Small Screens */
@media only screen and (max-width: 768px) {

    /* Adjusts for screens smaller than 768px, typical mobile breakpoint */
    .pkp_site_name .is_img img {
        max-height: 25px;
        /* Smaller height for mobile devices */
    }
}



/* Header Banner Colour */
.pkp_site_name {
    background: #ffffff;
}

/* Wider Banner Colour */
.pkp_structure_head {
    background-color: #ffffff;
}

/* Primary Navigation Menu Bar Colour */
.pkp_navigation_primary_wrapper {
    background: #ffffff;
}

/* Primary Navigation Menu Bar Text And Background Colour */
.pkp_nav_list a {
    background-color: #ffffff !important;
    color: #1B2C4E !important;

}

/* Search Button Text and Background Colour */
.pkp_navigation_search_wrapper a {
    background-color: #1B2C4E !important;
    color: #ffffff !important;

}

/* Make A Submission Sidebar Block Button Text and Background Colour */
.block_make_submission_link {
    background-color: #1B2C4E !important;
    color: #ffffff !important;

}

/* Galley Button Text and Background Colour */
.obj_galley_link {
    border: #1B2C4E;
    background: #1B2C4E;
    color: #ffffff !important;
}

/* Galley Button Hover Text and Background Colour */
.obj_galley_link:hover, .obj_galley_link:focus {
    color: #ffffff !important;
    background: #1B2C4E !important;
}

/* Footer Background and Text Colour */
.pkp_footer_content {
    background: #1B2C4E;
    color: #ffffff;
}

/* Wider Footer Background Colour */
.pkp_structure_footer_wrapper {
    background: #1B2C4E;
}

/* Hyperlink Text Colour */
a {
    color: #7A9DCD;
}

.hdForthcoming_monograph_summary {
    overflow: hidden; /* Ensures the container wraps correctly around floated elements */
}

.hdForthcomingCover {
    float: left;
    margin-right: 20px; /* Adds space between the image and the text */
}

.forthcoming-abstract {
    overflow: hidden; /* Prevents text from flowing around the image if it is too long */
    max-width: 600px; /* Adjusts the width of the abstract text */
}

.forthcoming-date {
    clear: both;
    margin-top: 10px; /* Ensures the dates and additional info appear below the image and abstract */
}

