/* Minimal stylesheet for ojs. This stylesheet allows us to control navigation menu colors, header image size, and footer image */
/* This stylesheet was adapted from the basic_stylesheet, which was in turn adapted from the eblip stylesheet */

/* ensures the pkp/ojs footer image is invisible */
.pkp_brand_footer img {
	max-height:0px;
}

/* navigation menu background color */
.pkp_navigation_primary_row {
    background: #146289;
}

/* Main menu style settings. The important ones for us are color and background */
#navigationPrimary a, .pkp_navigation_search_wrapper a {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    background: #146289;
}

/* Search button in dropdown menu */
@media (max-width: 991px) {
    .pkp_navigation_search_wrapper a {
        color: #fff;
    }
    .pkp_navigation_search_wrapper a:hover {
        color: #c1d72f;
    }
}

/* Search hover in primary menu */
@media (min-width: 992px){
    .pkp_navigation_search_wrapper a:hover {
        color: #c1d72f;
	}
}

/* navigation menu text color when hovering */
#navigationPrimary a:hover, #navigationPrimary a:focus {
  color:#c1d72f;
}


#navigationPrimary > li > ul a{color:#fff;}

/* Handling site header image */
.pkp_site_name .is_img img {
	display: block;
    max-height: 200px;
    max-width: 100%;
    width: auto;
    height: auto;
}

/* Resize site header in mobile view */
@media (max-width: 991px){
    .pkp_structure_head {
        height: 100px;
    }
}

@media (max-width: 684px){
    .pkp_structure_head {
        height: 14vw;
    }
}

/* Below is optional color customization. You can freely remove anything. */
/* main background color, background-image ok  -- defaults to OJS grey when not set */
body {
background-color: #4283a4;
}

/* body link colors -- defaults to OJS blue when not set */
a {
  color:#146289;
}
  
/* body link hover/focus colors -- defaults to OJS blue when not set */
a:hover, a:focus {
  color:#1e87bb;
}


/* Below is more, extremely element-specific optional color customization. */
/* "read more" link text  -- defaults to OJS blue when not set */
.obj_announcement_summary .read_more, .pkp_page_index .current_issue .read_more {
color: #146289;
}

/* "read more" link hover/focus colors  -- defaults to OJS blue when not set */
.obj_announcement_summary .read_more:hover, .pkp_page_index .current_issue .read_more:hover,.pkp_page_index .current_issue .read_more:focus{
  color:#1e87bb;
}

/* galley button colors -- defaults to "Colour" set in OJS Website Settings when not set */ 
.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    background: #4283a4;
    color: #fff;
}

/* galley button hover/focus colors  -- defaults to "Accent Colour" set in OJS Website Settings when not set */
.cmp_button_wire:hover,.cmp_button_wire:focus,.obj_galley_link:hover,.obj_galley_link:focus{
    background: #146289;
    color: #fff;
}

/* notification background + accent color  -- defaults to OJS grey & blue when not set */
.cmp_notification {
    background: #ddd;
    border-left: 5px solid #c1d72f;
}

/* font color for various headers (span class title, h2)  -- defaults to OJS grey when not set */
.pkp_block .title, .obj_issue_summary .title, .obj_issue_toc > .galleys h2,.obj_issue_toc .section h2 {
    color:#000;
}

/* font color for "SEARCH" text -- defaults to black when not set */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
    color:#fff;
}

/* hover color "SEARCH" text -- defaults to OJS blue when not set */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt:hover,.pkp_head_wrapper .pkp_search .search_controls .search_prompt:focus{
    color: #fff;
}

/* font color for "SEARCH" magnifying glass -- defaults to "Accent Colour" set in OJS Website Settings when not set */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt:before{
    color: #c1d72f;
}

/* Below is optional customization that will greatly impact the appearance of the journal. */
/* A background image can be added to the top bar behind the logo or in place of the logo if desired  -- defaults to "Colour" set in OJS Website Settings when not set */ 
.pkp_head_wrapper{
    background-image:url(bg-image.jpg);
}