/* 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: #4a575f;
}

/* Main menu style settings. The important ones for us are color and background */
#navigationPrimary a, .pkp_navigation_search_wrapper a {
    font-family: "Calibri", sans-serif;
    font-size: 16px;
		font-weight:700;
    color: #ffdf4e;
    background: #4a575f;
}

/* navigation menu text color when hovering */
#navigationPrimary a:hover, #navigationPrimary a:focus, .pkp_navigation_search_wrapper a:hover, .pkp_navigation_search_wrapper a:focus {
  color:#36a7d0;
}

/* navigation menu drop-down submenu link color */
#navigationPrimary > li > ul a{color:#ffdf4e;}

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

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

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

/* 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: #DADDDF;
}

/* body link colors -- defaults to OJS blue when not set */
a {
  color:#4a575f;
}

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


/* 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: #4a575f;
}

/* "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:#878787;
}

/* galley button colors -- defaults to "Colour" set in OJS Website Settings when not set */
.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    font-family: "Calibri", sans-serif;
    font-size: 16px;
    color: #4a575f;
    font-weight: 700;
    text-transform: uppercase;
    background: #36a7d0;
}

/* 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: #ffdf4e;
    color: #4a575f;
}

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

/* font styling for various headers (span class title, h2)  -- defaults to OJS grey when not set */
.pkp_page_index .current_issue h2,.pkp_block .title, .obj_issue_summary .title, .obj_issue_toc > .galleys h2,.obj_issue_toc .section h2,.pkp_page_index .current_issue .current_issue_title, .obj_article_summary > .title {
		font-family: "Calibri", sans-serif;
		font-size: 16px;
		font-weight: 900;
		color: #4a575f;
}

/* font color for "SEARCH" text -- defaults to black when not set */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
		font-family: "Calibri", sans-serif;
		font-size: 16px;
		font-weight:900;
		color: #ffdf4e;
		background: #4a575f;
}

/* 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: #36a7d0;
}

/* 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: #ffdf4e;
}

/* 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);
}

.label{
    color: #000;
}

table.books td {
	padding: 10px;
}