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

/* 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: 14px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    background: #006699;
}

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

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

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

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

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


/* Below is optional color customization. You can freely remove anything. */
body {
background-color:#E9FDFC;
font-family: "Roboto";
}

/* body link colors -- defaults to OJS blue when not set */
a {
  color:#181E28;
}
  
/* body link hover/focus colors -- defaults to OJS blue when not set */
a:hover, a:focus {
  color:#181E28;
  border-bottom: 1px solid #006699;
}

.pkp_structure_sidebar a, .pkp_structure_sidebar a:visited, .obj_article_summary > .title a, .obj_article_summary > .title a:visited {
    text-decoration: none;
    color:#181E28;
    background-image:
      linear-gradient(
          transparent 2px,
          #006699 2px,
          #006699 4px,
          transparent 4px
      ),
      linear-gradient(
          transparent 2px,
          #d8dce9 2px,
          #d8dce9 4px,
          transparent 4px
      );
    background-size: 0% 6px, 100% 6px;
    background-position: 0 bottom, 0 bottom;
    transition: background-size 0.3s ease-in-out;
    background-repeat: no-repeat;
    padding-bottom: 4px;
    border-bottom: 6px solid transparent;
}

.pkp_structure_sidebar a:hover, .obj_article_summary > .title a:hover {
    background-size: 100% 6px;
    color:#181E28;
}
@supports (-ms-ime-align:auto) {
    .pkp_structure_content a, a:visited, .obj_article_summary > .title a:hover {
        background-image:
            linear-gradient(#006699, #006699),
            linear-gradient(#d8dce9, #d8dce9);
        background-size: 0% 2px, 100% 2px;
        padding-bottom: 2px;
    }
    .pkp_structure_sidebar  a:hover {
        background-size: 100% 2px;
    }
}

/* 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: #181E28;
font-family: "Roboto";
}


/* "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:#006699;
font-family: "Roboto";
}

/* 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: #181E28;
    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: #006699;
    color: #fff;
}

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

/* font color 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 {
    color:#000;
font-family: "Roboto";
}