/* Stylesheet for basic UAL OJS theme. */

  /* The following elements require the client's colors to be swapped in. */
    /* Swap in Color 1 for these elements. Color 1 should be the lighter or less saturated of the two colors. */
      /* Text Highlighting. If Color 1 is too dark, use #FFDB05. */
      ::selection {background: #FFDB05;}
      ::-moz-selection {background: #FFDB05;}

      /* Read More link effect */
      .obj_announcement_summary .read_more, .pkp_page_index .current_issue .read_more{
        color: black;
        text-decoration: none;
        padding-left:6px;
        background-position-y: -0%;
        background-image: linear-gradient( white 50%, #FFDB05 50%);
        transition: background 500ms ease;
        background-size: 2px;
        background-size: auto 175%;
        color: #000000;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Open Sans';
      }

      a.more {
        color: black;
        text-decoration: none;
        padding-left:6px;
        text-align: left;
        background-position-y: -0%;
        background-image: linear-gradient( white 50%, #FFDB05 50%);
        transition: background 500ms ease;
        background-size: 2px;
        background-size: auto 175%;
        color: #000000;
        font-weight: 500;
        text-decoration: none;
        font-family: 'Open Sans';
      }

      a.more:hover {
        color: #000000;
        background-position-y: 100%;}

      .obj_announcement_summary .read_more:hover, .pkp_page_index .current_issue .read_more:hover{
        color: #000000;
        background-position-y: 100%;}

    /* Swap in Color 2 for these elements. Color 2 should be the darker or more saturated of the two colors. */
      /* notification background + accent color*/
      .cmp_notification {
        background: #ddd;
        border-left: 5px solid #007C41;
      }

      /* Main menu style settings */
      .pkp_navigation_primary_row {
        background: #007C41;
      }

      .cmp_manuscript_button:hover, .block_make_submission a:hover, .obj_galley_link:hover, .custbutton:hover {
      box-shadow: 0 0 0 3px #007C41;
      	background: #fff;
        font-weight: 800;
        text-shadow: 0 0.1em 0.31em rgba(0,0,0,.2);
      	color: #000;
      }

      .cmp_manuscript_button, .block_make_submission a, .obj_galley_link, .custbutton {
       box-shadow: 0 0 0 2px #000000;
        background: #fff;
        text-shadow: 0 0.1em 0.31em rgba(0,0,0,.2);
        color: #000;
        margin: 1.5em;
        border-radius: 1em;
        border: none;
        padding: 0 1em;
        font-weight: 700;
        font-family: 'Open Sans';
        text-transform: uppercase;
        text-align: center;
      }

      .block_make_submission a, .custbutton{
        display: block;
        text-align: center;
      }


      /* Color for the elements below should be black if Color 2 is light, white if Color 2 is dark */
      #navigationPrimary a, .pkp_navigation_search_wrapper a {
        font-family: 'Open Sans', "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
        font-size: 13px;
        color: white;
        text-transform: uppercase;
        background: #007C41;
        -webkit-transition: all 0.1s linear;
                transition: all 0.1s linear;
      }

      #navigationPrimary a:hover, #navigationPrimary a:focus, .pkp_navigation_search_wrapper a:hover, .pkp_navigation_search_wrapper a:focus {
        color: white;
        background: transparent;
        -webkit-transform: scale(1.05);
           -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
             -o-transform: scale(1.05);
                transform: scale(1.05);
      }

      #navigationPrimary > li > ul a {
        color: white;
        background: #007C41;
      }

      #navigationPrimary ul a:hover, #navigationPrimary ul a:focus
      {
        color: white;
        background: #007C41;
        -webkit-transform: scale(1.05);
           -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
             -o-transform: scale(1.05);
                transform: scale(1.05);
      }

      @media (max-width: 991px) {
	.pkp_navigation_search_wrapper a {
           color: white;
           background: #007C41;
         }
	.pkp_navigation_search_wrapper a:hover, .pkp_navigation_search_wrapper a:focus {
	   color: white;
           background: transparent;
           -webkit-transform: scale(1.05);
              -moz-transform: scale(1.05);
               -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                   transform: scale(1.05);
         }
      }


      .pkp_head_wrapper .pkp_search .search_controls .search_prompt {
          color: white;
          font-family: 'Open Sans';
      }


      .pkp_head_wrapper .pkp_search .search_controls .search_prompt:hover,.pkp_head_wrapper .pkp_search .search_controls .search_prompt:focus{
          color: white;
      }

  /* The following elements may need tweaking. */
      /* Handling site header image. Remove max-width for logos under 900px wide. */
      .pkp_site_name .is_img img {
        display: block;
        max-height: 200px;
        max-width: 75%;
        width: auto;
        height: auto;
        }

  /* The following elements require no editing. */

      /* hide PKP logo */
      .pkp_brand_footer img {
        max-height:0px;
      }

      body {
        font-family: 'Raleway';
        background-color: #d7d7d7;
      }

      .pkp_navigation_user_wrapper a {
        font-family: "Open Sans",sans-serif;
      }

      h1, h2, h3, h4, .cmp_announcements .obj_announcement_summary h2, .cmp_announcements .obj_announcement_summary h3, .cmp_announcements .obj_announcement_summary h4, .cmp_announcements .date, .cmp_announcements .read_more, .cmp_announcements .obj_announcement_summary h2, .cmp_announcements .obj_announcement_summary h3, .cmp_announcements .obj_announcement_summary h4, .cmp_announcements .date, .cmp_announcements .read_more, .pkp_page_index .current_issue h2, .pkp_block .title, .obj_issue_toc > .galleys h2,.obj_issue_toc .section h2,.pkp_page_index .current_issue .current_issue_title, .pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4 {
        font-family: 'Open Sans';
        color: #000000;
      }

      .obj_issue_summary .title, .obj_issue_summary .title:hover{
        font-family: 'Open Sans';
        color: #000000;
      }

      a {
        color: #000000;
        font-family: 'Open Sans';
      }

      a:hover, a:focus {
        color: #4a4a4a;
        font-family: 'Open Sans';
      }

      .pkp_page_index .current_issue h2, pkp_structure_main h2, h2, .obj_issue_toc .section h2 {
          display: inline-block;
          padding-bottom: 0em;
          border-bottom: 3px solid black;
          letter-spacing: 2pt;
          text-transform: uppercase;
      }


.obj_issue_toc .cover img {
    float: left;
    padding: 10px;
}

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

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