/* CSS RSUT */

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

:root {
    --main-color: #8d1629;
    --main-color-hover: #600f14;
    /* --main-color: #9e151d; */
}

* {
    font-family: 'Lato', sans-serif;
}

body {
    background: #e2e2e2;
}

.heading {
    padding-bottom: 4em;
}

.pkp_page_index .current_issue .current_issue_title {
    margin: 0.4em 0;
 }

.obj_issue_toc > .galleys {
    padding-bottom: 4em;
}

.obj_article_summary {
    padding: 0;
}

.obj_article_details .main_entry .sub_item .label,
.obj_article_details .item.doi .label,
.obj_article_details .item.keywords .label {
    font-size: 1em;
}

.pkp_page_index .current_issue .read_more,
.pkp_page_index .current_issue .read_more:after {
    color: var(--main-color);
    padding-top: 2em;
}

.pkp_page_index .current_issue .read_more:hover,
.pkp_page_index .current_issue .read_more:focus {
    color: var(--main-color-hover);
    padding-top: 2em;
}

.pkp_footer_content {
    float: left;
}

.clearfix{
    clear:both;
    height:0;
}

#pkp_content_footer {
    background: #eaebea;
    border-bottom: none;
}

.sitename{
    float:left;
}

.issn{
    float:right;
    text-align: right;
}


#navigationBottom {
    margin-top: 1em;
}

#navigationBottom li {
    border-left: 1px solid #464646;
}

#navigationBottom li:first-child {
    border-left: none;
}

#navigationBottom a {
  color: var(--main-color);
  padding-top: 0;
  padding-bottom: 0;
}

#navigationPrimary > li > a:hover, #navigationPrimary > li > a:focus {
    color: var(--main-color);
    border-color: var(--main-color);
}


@media (min-width: 768px) {
    .obj_article_details .main_entry {
        float: left;
        width: 428px;
    }
    .obj_article_details .entry_details {
        width: 240px;
        margin-left: 30px;
    }
}

@media (min-width: 992px) {
    .obj_article_details .main_entry {
        width: 352px;
    }
    .pkp_navigation_primary {
    	display: inline-block;
    	max-width: 100%;
    	text-align: left;
    }
}

@media (min-width: 1200px) {
    .obj_article_details .main_entry {
        width: 560px;
    }
    .obj_article_details .entry_details {
        width: 240px;
        margin-left: 30px;
    }
}