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

/* Main menu style settings. The important ones for us are color and background */
#navigationPrimary a, .pkp_navigation_search_wrapper a {
    font-family: "Times New Roman", serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    background: #000000;
}


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

/* Search hover in primary menu: change to match journal header colour */
@media (min-width: 992px){
    .pkp_navigation_search_wrapper a:hover {
        color: #5DBFF1;
	}
}

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

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

/* 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: 168px;
    }
}

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

/* 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: #A4AEC7;
color:#000;
}

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

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


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

/* "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 {
    background: #5DBFF1;
    color: #000;
}

/* 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: #5DBFF1;
    color: #000000;
}

/* Register and Login buttons */
@media (min-width: 992px) {
    .pkp_navigation_user>li>a {
        color: #fff;
        background-color: #000;
    }
    .pkp_navigation_user>li>a:hover {
        color:#5DBFF1;
    }
}

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

/* 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, .galleys h3, .obj_issue_toc .section h2, .pkp_page_index .current_issue .current_issue_title, .obj_article_summary > .title {
    		color:#000000;
		font-family: "Times New Roman", serif;
		font-size: 16px;
		font-weight: 900;
		text-transform: uppercase;
}

/* font color for "SEARCH" text -- defaults to black when not set */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
    color:#ffffff;
		font-family: "Times New Roman", serif;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
}

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

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

/* 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:https://journals.library.ualberta.ca/;
}

/* custom styling for current issue h3 section titles*/
.obj_issue_toc > .sections > .section > h3, .obj_issue_toc > .galleys > h3 {
		color:#000000;
		font-family: "Times New Roman", serif;
		font-size: 16px;
		font-weight: 900;
		text-transform: uppercase;
		border-bottom: 3px solid #f2d614;
		left: 0px;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0.5em;
}

/* this is to make sure the Categories work */
@media (min-width: 768px) {
.page_catalog_category h2.title {
    clip: rect(1px, 1px, 1px, 1px);
    position: relative !important;
    left: 0;
}