/* This is to add background image in the header area */
.pkp_site_name_wrapper {
    background-image: url(https://www.jsr.org/preprints/public/site/bg2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #009ecf;
    background-color: #ffffff;}

.has_site_logo .pkp_head_wrapper {
    padding-right: 0px;}

.pkp_head_wrapper, .has_site_logo .pkp_head_wrapper {
    position: relative;
    padding-top: 0;
    width: 100%;}

.pkp_site_name .is_img img {
    max-height: 50px;}

.pkp_page_index .additional_content {
    border-top: 0px solid #fff;}

/* This is to add a top and bottom border to  the primary navigation row menu and color as well */
.pkp_navigation_primary_row {
    border-top: 0px solid #009ecf;
    border-bottom: 1px solid #009ecf;
    padding-left: 15px;
    padding-right: 0px;}

.pkp_site_name .is_img img {
    max-height: 65px;}

.pkp_site_nav_menu {
    top: 100%;
    //background: rgba(0,0,0,0.87);
    left: 0;
    padding: 0px;
    z-index: 9999;}

.pkp_site_name {
    padding-top: 15px;
    padding-bottom: 15px;
    position: initial;}

.pkp_search_mobile {
    margin-top: 1rem;
    padding-bottom: 15px;
    max-width: fit-content;}

.pkp_navigation_user.pkp_navigation_user {
    margin-left: 15px;}

/* Tries to inhibit text-transform to uppercase */
.obj_galley_link {
    text-transform: none;
    color: #fff;}

/* To change the Overall page body background color from gray to white */
body {background: #F8F8F8;}

/* To reduce the padding from 30 to 10 in Archives or Back Issues & creates borders in between titles and below Back Issues */
.page_issue_archive .issues_archive > li {
    padding: 10px 10px 10px 30px;
    border-bottom: 0.5px dashed #ddd;}
.page_issue_archive .issues_archive {
	border-bottom: 0.5px dashed #ddd;}

/* breadcrumbs padding change first value from 30 to 10px. And the second adds solid color bottom border to breadcrumbs */
.cmp_breadcrumbs {
    padding: 10px 0;
    border-bottom: 1px dashed #009ecf;}

/* Changes margin value from 60 to 40 so the distance between Section title of issue and published date doesn't have a big gap */
.obj_issue_toc .sections:not(:first-child) {
    margin-top: 40px;}

/* Adds padding via margin on the title of the article from 0 to 30 */
.obj_article_details>.page_title {
    margin-top: 30px;}

/* Changes top and bottom padding for h3 & h1 text fonts */
.pkp_structure_main h3 {margin: 20px 0 10px;}
.pkp_structure_main h1 {margin: 20px 0 20px;}

.pkp_structure_main .page h1 {
    margin: 20px 0px;
    text-align: center;}

/* Adds 20px from 0px top margin space in first value. adding space between breadcrumbs bottom border and register or login form */
.cmp_form fieldset {
    margin: 20px 0 20px;}

/* Adds current page breadcrumbs font-weight from 400 to bold so it looks darker */
.cmp_breadcrumbs .current h1 {
	/* font-weight: bold; */
        color: #009ecf;}
.cmp_breadcrumbs .current {
	font-weight: bold;
        color: #009ecf;}

/* adds 20px top margin in search page above the input field */
.page_search .search_input .query {
    margin-top: 20px;}

/* adds dashed line between search results */
.page_search .search_results .obj_article_summary {
    border-bottom: dashed 1px #ddd;}

/* adds 10px space over the H1 title under the breadcrumbs dashed lines
.pkp_structure_main .page h1 {
    text-align: center;}

/* Page Structure Removing All Box like look from Manuscript Theme */
.pkp_structure_page {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;}

/* Hide OJS Brand Footer */
.pkp_brand_footer {
    display: none;}

/* Creates a table with STATS on Number of published articles, authors, institutions */
.countdr {
  line-height: 50px;
  color:#fff;
  font-size:36px;
  font-weight:500;
  text-align: center;}

.boxdr {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: table;
  width: 80%;
  height: 52px;
  background-color: #0EBFE9;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}

.boxdr::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}

.boxdr:hover {
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);}

.boxdr:hover::after {
	opacity: 1;}

/* reduces padding for the sidebar blocks and restructures the pkp main structure */
.pkp_block {
    padding: 10px 0px 10px 15px;}

/* Carousel for Images */
.flex-containerdr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;}
.flex-containerdr > div {
  margin: 20px;
  height: 40px;}

/* Login Box */
.page_login .login {
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 380px;
    padding: 0px 35px 0px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);}
.page_login .login input[type="text"], .page_login .login input[type="password"] {
    width: 100%;
    position: relative;
    font-size: 15px;
    height: auto;
    padding: 10px;
    border-radius: 20px;
    background: #e8f0fe;
    outline: none;
    border: none;}
.page_login .buttons button {
    float: left;
    color: #fff;
    background-color: #009ecf;
    border-color: #fff;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
    display: block;
    width: 100%;}

/* Article Deatails Paragraph Justified */
/* .obj_article_details .item>*:last-child { */
/*  margin-bottom: 0; */
/*  text-align: justify;} */

/* Text Transform Primary nav to Uppercase */
#navigationPrimary a {
	text-transform: uppercase;
}

.pkp_page_index .homepage_image {
    margin-top: 0px;
}

.block_browse .has_submenu {
    margin-top: 0px;
}

.archiveHeader_categories .categories_listing li {
	margin-bottom: 0.5em;
}

.archiveHeader_categories .categories_listing {
	flex-wrap: wrap;
}

/* adds dashed line between archive lists and margin*/

.cmp_article_list>li {
    	margin-bottom: 20px;
	border-bottom: 0.5px dashed #ddd;
}

/* reduces margin under the title of the sidebar block */
.pkp_block .title {
	margin-bottom: 0px;}

.pkp_footer_content {
    padding: 20px;
    text-align: left;
    float: right;
}