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

/* Main menu style settings. The important ones for us are color and background */
#navigationPrimary a {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 20px;
  color: #d2d0ea;
  font-weight: 500;
  text-transform: uppercase;
  background: #4D43A5;
}

/* navigation menu text color when hovering */
#navigationPrimary a:hover, #navigationPrimary a:focus {
    color:#FAFAFA;
    text-decoration: underline;
    border-bottom-color: #FAFAFA;
}

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

/* Handling site header image */
.pkp_site_name .is_img img {
	display: block;
    max-height: 200px;
    max-width: 100%;
    width: auto;
    height: auto;
}
.pkp_site_name .is_text {
        font-family: "Merriweather Sans", sans-serif;

}

/* Below is optional color customization. You can freely remove anything. */
/* main background color, background-image ok  -- defaults to OJS grey when not set */

body {
    font-family: "Merriweather", serif;
}

/* body link colors -- defaults to OJS blue when not set */
a {
  color:#4D43A5;
}
  
/* body link hover/focus colors -- defaults to OJS blue when not set */
a:hover, a:focus {
    color:#1A155E;
    text-decoration: underline;
}


/* 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 {
    font-family: "Merriweather Sans", sans-serif;
    color: #4D43A5;
}

/* "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:#1A155E;
    text-decoration: underline;
}

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


/* 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: #1A155E;
    color: #fafafa;
    text-decoration: underline;
}

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

/* font styling for various headers (span class title, h2)  -- defaults to OJS grey when not set */

/* Custom Font Changes */


body,
.cmp_announcements .obj_announcement_summary,
.cmp_announcements .date,
.cmp_notification,
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.obj_issue_summary .series {
    font-family: "Merriweather", serif;
}

.obj_issue_toc .published,
.obj_galley_link,
.label,
.date,
.value,
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link,
.item .abstract,
.obj_article_details .entry_details .item .label,
.obj_article_details .main_entry .item .label,
.cmp_breadcrumbs {
    font-family: "Merriweather Sans", sans-serif;
}


.pkp_page_index .current_issue h2,
.pkp_block .title,
.obj_issue_summary .title,
.obj_issue_toc>.galleys h2,
.obj_issue_toc .section h2,
.name {
  font-family: "Merriweather", serif;
}

.pkp_page_index .current_issue h2 a,
.pkp_block .title a,
.obj_issue_summary a,
.obj_issue_toc > .galleys h2 a,
.obj_issue_toc .section h2 a,
.obj_article_summary > .title a {
  font-family: "Merriweather", serif;
    color:#4D43A5;
}

/* Change to announcement title formatting */
.cmp_announcements .obj_announcement_summary h3 {
    font-family: "Merriweather", serif;
    font-size: 1.75rem;
    line-height: 2.5rem;
}

/* Change to current issue title formatting */
.pkp_page_index .current_issue .current_issue_title {
    font-family: "Merriweather", serif;
    font-size: 1.75rem;
    line-height: 2.5rem;
}

/* Change to Issue Article Title formatting */
.obj_article_summary>.title
 {
    font-family: "Merriweather", serif;
    font-size: 1.75rem;
    line-height: 2.5rem;
}

.pkp_page_index .current_issue h2 a:hover,
.pkp_block .title a:hover,
.obj_issue_summary a:hover,
.obj_issue_toc > .galleys h2 a:hover,
.obj_issue_toc .section h2 a:hover,
.pkp_page_index .current_issue .current_issue_title a:hover,
.obj_article_summary > .title a:hover {
    text-decoration: underline;
    color: 261e8a;
}

.cmp_edit_link, .cmp_breadcrumbs, .published > .label, .published > .value, .main_entry > .label {
    font-family: "Merriweather Sans", sans-serif;
    text-transform: uppercase;
}

.published > .label, .published > .value, .main_entry > .label {
    font-family: "Merriweather Sans", sans-serif;
    text-transform: uppercase;
}

.pkp_structure_main h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700
}

.pkp_structure_main h2 {
    font-size: 1.75rem;
    line-height: 2.5rem;
    font-weight: 700
}

.pkp_structure_main h3 {
    font-size: 1.25rem;
    line-height: 1.43rem;
    font-weight: 700
}

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

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

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

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


/* Fix for search button */
@media (min-width: 992px) {
    .pkp_navigation_search_wrapper a {
          font-family: "Merriweather Sans", sans-serif;
  font-size: 18px;
  color: #d2d0ea;
  font-weight: 700;
  text-transform: uppercase;
    }
   .pkp_navigation_search_wrapper a:hover {
  color: #FAFAFA;
       text-decoration: underline;}
}

/* keeps abstract text from crowding the heading */
 .pkp_structure_main .page.page_article .obj_article_details .row .main_entry .item.abstract h2 {
          margin-right: 100%;
      }

/* Resize site header in mobile view */
/* Both height tags and second max-width selector can be adjusted to journal logo size */
@media (max-width: 991px){
    .pkp_structure_head {
        height: 200px;
    }
}
@media (max-width: 467px){
    .pkp_structure_head {
        height: 40vw;
    }
}