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

:root {
    --bg-primary: #475E88;
    --bg-lighter: #C1CAD6;
    --bg-bronze: #B27C66;
    --bg-yellow: #F1D302;
    --bg-purple: #870058;
    --bg-blue: #52828D;
}

a {
    color: var(--bg-primary);
    text-decoration: none;
    transition: all linear .2s;
}

a:hover {
    color: var(--bg-purple);
}

body {
    background: var(--bg-lighter);
}

.pkp_navigation_user>li>a {
    display: block;
    padding: 5px 10px;
    border: 1px solid var(--bg-lighter);
    margin: 10px 0 0 10px;
    border-radius: 5px;
    color: #FFF;
    transition: all linear .2s;
}

.pkp_navigation_user>li:last-child>a {
    padding-right: 10px;
}

.pkp_navigation_user>li>a:hover {
    background: #FFF;
    border-color: #FFF;
    color: var(--bg-primary);
}

.pkp_navigation_user>li:last-child>a:before {
    content: "\f090 ";
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.pkp_navigation_user>li>a:before {
    content: "\f040 ";
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.pkp_navigation_user>li>a#pkpDropdown1:before {
    content: "\f2be ";
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.pkp_nav_list ul li {
    border-bottom: 1px dashed #ccc;
}

.pkp_nav_list ul a {
    display: block;
    padding-left: 10px;
    border-left: none;
    color: var(--bg-primary);
}

.pkp_nav_list ul li a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.pkp_nav_list ul li a:hover {
    color: var(--bg-purple);
}

.pkp_structure_head {
    background-color: var(--bg-primary);
    border-bottom: none;
    background: url("https://i.ibb.co/FbfQDcR/header-bg.jpg");
    background-size: cover;
}

@media (min-width: 992px) {
    .pkp_site_nav_menu {
        background: transparent;
    }

    .pkp_navigation_primary_row {
        background: var(--bg-blue);
        border-radius: 10px;
    }
}

@media (max-width: 991px) {
    .pkp_site_nav_menu {
        background: var(--bg-primary);
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .pkp_navigation_primary_row {
        background: var(--bg-primary) !important;
    }

    .pkp_nav_list li a {
        color: #FFF;
    }

    .pkp_nav_list li a:before {
        content: '\f105';
        font-family: 'FontAwesome';
        padding-right: 5px;
    }

    .pkp_nav_list li ul li {
        border: none;
    }

    .pkp_search input[type="text"] {
        line-height: 34px;
        height: 42px;
        padding-right: 120px;
    }
}

.pkp_navigation_primary_row {
    padding: 5px 20px;
    margin: 20px 0 10px;
}

.pkp_structure_main {
    padding: 0;
}

@media (min-width: 480px) {
    .pkp_structure_main {
        padding: 20px 0;
    }
}

@media (min-width: 992px) {
    .pkp_structure_main {
        float: left;
        padding: 0 20px 20px 0;
        width: 652px;
    }
}

@media (min-width: 1200px) {
    .pkp_structure_main {
        width: 860px;
    }
}

.page_index_journal section {
    background: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.pkp_page_index .homepage_about {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pkp_structure_main h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}

.pkp_page_index .homepage_about h2 {
    margin-top: 0;
}

.pkp_structure_main>h2:before,
.page>h1:before,
.page_index_journal section>h2:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 30px;
    background: var(--bg-primary);
    margin-left: -20px;
}

@media (min-width: 768px) {

    .pkp_structure_main:before,
    .pkp_structure_main:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        background: none;
    }
}

.pkp_block {
    padding: 30px 20px;
    font-size: 14px;
    line-height: 20px;
    background: #FFF;
    margin-bottom: 20px;
    border-radius: 5px;
}

@media (min-width: 992px) {
    .pkp_block {
        padding: 20px;
        margin-bottom: 20px;
        background: #FFF;
        border-radius: 10px;
    }
}

.pkp_block .title {
    display: block;
    margin-bottom: 20px;
    margin-top: -5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #FFF;
    background: var(--bg-primary);
    padding: 10px;
    border-radius: 20px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

div#customblock-sidebar_menu {
    padding: 20px 0;
}

.pkp_footer_content {
    background: #222;
    color: #fff;
    padding: 30px;
    text-align: left;
    font-size: 0.8em;
    font-family: "Montserrat", sans-serif;
    display: grid;
    gap: 10px;
    grid-auto-columns: auto;
}

.grid1 p {
    text-align: justify;
}

.grid1 {
    grid-area: 1/1/1/2;
}

.grid2 {
    grid-area: 1/2/1/3;
}

.grid3 {
    grid-area: 1/3/1/4;
}

.grid4 {
    grid-area: 1/4/1/5;
}

.grid5 {
    grid-area: 1/5/1/6;
}

@media only screen and (max-width: 980px) {
    .grid1 {
        grid-area: 1 / 1 / 1 / span 3;
    }

    .grid2 {
        grid-area: 1 / 4 / 1 / 5;
    }

    .grid3 {
        grid-area: 2 / 1 / 2 / 2;
    }

    .grid4 {
        grid-area: 2 / 2 / 2 / 3;
    }

    .grid5 {
        grid-area: 2 / 3 / 2 / 4;
    }
}

@media only screen and (max-width: 650px) {
    .grid1 {
        grid-area: 1 / 1 / 1 / span 2;
    }

    .grid2 {
        grid-area: 1 / 3 / 1 / 4;
    }

    .grid3 {
        grid-area: 2 / 1 / 2 / 2;
    }

    .grid4 {
        grid-area: 2 / 2 / 2 / 3;
    }

    .grid5 {
        grid-area: 2 / 3 / 2 / 4;
    }
}

@media only screen and (max-width: 460px) {
    .grid1 {
        grid-area: 1 / 1 / 1 / 2;
    }

    .grid2 {
        grid-area: 2 / 1 / 2 / 2;
    }

    .grid3 {
        grid-area: 3 / 1 / 3 / 2;
    }

    .grid4 {
        grid-area: 4 / 1 / 4 / 2;
    }

    .grid5 {
        grid-area: 5 / 1 / 5 / 2;
    }
}

.pkp_footer_content div {
    padding: 0.5em 1em;
    vertical-align: top;
}

.pkp_footer_content div h3 {
    font-weight: 300;
    margin-bottom: 30px;
}

.pkp_footer_content div h3:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #c1cad6;
    margin-top: 35px;
}

.pkp_footer_content div ul {
    margin: 0;
    padding: 0;
}

.pkp_footer_content div ul li {
    list-style: none;
}

.pkp_footer_content div ul li a {
    display: block;
    padding: 5px 0;
    margin-left: 0;
    transition: all linear 0.2s;
}

.pkp_footer_content div ul li a:hover {
    color: var(--bg-yellow);
}

.pkp_footer_content div .statcounter {
    padding: 0;
    margin: 30px 0 5px;
    width: 100%;
}

.pkp_footer_content div .statcounter a {
    margin-bottom: 5px;
}

.pkp_footer_content div a {
    text-decoration: none;
    color: #c1cad6;
    font-family: "Montserrat", sans-serif;
}

.pkp_footer_content div a#mystatlink {
    display: table;
    font-size: 0.8em;
    padding: 5px 10px;
    border: 1px solid #c1c4d6;
    border-radius: 5px;
    transition: all linear 0.2s;
}

.pkp_footer_content div a#mystatlink:hover {
    color: #000;
    font-weight: bold;
    background: #fff;
}

.pkp_footer_content div:last-child {
    text-align: center;
    margin-top: 10px;
}

.pkp_footer_content div:last-child a img {
    width: 100px;
}

.pkp_structure_footer_wrapper {
    background: #222;
}

.pkp_brand_footer {
    padding: 0;
    display: none;
}

div#customblock-sidebar_menu ul li {
    border-bottom: 1px dashed #ccc;
}

div#customblock-sidebar_menu ul li a {
    padding: 5px 20px;
    margin-left: 0;
    color: var(--bg-primary);
    transition: all linear .2s;
    display: block;
}

div#customblock-sidebar_menu ul li a:hover {
    margin-left: 10px;
    color: var(--bg-purple);
}

.page {
    background: #FFF;
    padding: 20px;
    border-radius: 10px;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
    font-family: "Montserrat", sans-serif !important;
    background-color: none !important;
    margin: 0 0 20px;
}

.page h1 {
    font-weight: 700;
}

.cmp_breadcrumbs {
    display: block;
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.cmp_breadcrumbs ol {
    margin-bottom: 0;
    padding: 5px 0;
    line-height: 20px;
    font-size: 12px;
}

.cmp_breadcrumbs li:first-child a:before {
    content: '\f015';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.cmp_breadcrumbs .current {
    display: inline-block;
    padding: 5px 10px;
    background: var(--bg-primary);
    color: #FFF;
    border-radius: 5px;
}

div#customblock-sidebar_menu ul li a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    padding-right: 10px;
}

@media (min-width: 768px) {

    .obj_issue_toc .galleys:before,
    .obj_issue_toc .section:before {
        content: '';
        position: absolute;
        top: 64px;
        left: 30px;
        width: 50px;
        border-bottom: 3px solid #CCC;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {

    .obj_issue_toc .galleys>h2,
    .obj_issue_toc .section>h2,
    .obj_issue_toc .galleys>h3,
    .obj_issue_toc .section>h3 {
        display: block;
        position: relative;
        left: 0;
        margin-top: 0;
        padding: 0;
        background: none;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #222;
    }
}

.obj_issue_toc .galleys_links,
ul.cmp_article_list.articles {
    margin-top: 30px;
}

.obj_article_summary {
    padding: 10px;
    margin-bottom: 3px;
    margin-left: 10px;
    border-bottom: 1px solid #EBEBEB;
}

.obj_article_summary .authors:before {
    content: '\f2c0';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.obj_article_summary .pages:before {
    content: '\f0f6';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.pkp_page_index .current_issue .current_issue_title:before {
    content: '\f097';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.obj_issue_toc .published:before {
    content: '\f073';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.cmp_button,
.cmp_form .buttons button,
.pkp_search button[type="submit"],
.page_lost_password .buttons button,
.page_search .submit button,
.block_make_submission a {
    display: inline-block;
    padding: 5px 15px;
    background: var(--bg-primary);
    border: 0;
    border-top-color: transparent;
    border-radius: 5px;
    box-shadow: none;
    font-size: 13px;
    line-height: 28px;
    font-weight: 700;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

.obj_issue_toc .galleys_links,
ul.cmp_article_list.articles {
    margin-top: 15px;
}

.page_issue_archive .issues_archive {
    margin-left: 0;
    margin-right: 0;
    border-top: none;
}

@media (min-width: 992px) {
    .page_issue_archive .issues_archive {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 480px) {
    .page_issue_archive .issues_archive {
        margin-left: 0;
        margin-right: 0;
    }
}

.page_issue_archive .issues_archive>li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    margin: 20px;
}

@media (min-width: 992px) {
    .page_issue_archive .issues_archive>li {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 480px) {
    .page_issue_archive .issues_archive>li {
        padding-left: 0;
        padding-right: 0;
    }
}

.obj_issue_summary h2:before {
    background: none;
}

.cmp_button_wire,
.obj_galley_link {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
    border: 1px solid #007ab2;
    border-radius: 3px;
    font-size: 13px;
    line-height: 28px;
    color: #007ab2;
    text-decoration: none;
}

a.obj_galley_link:hover {
    border-color: var(--bg-primary);
    color: #FFF;
    background: var(--bg-primary);
}