/*lUMEN STYLE*/
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-search:before {
    content: "\e003"
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="search"] {
    -webkit-appearance: none
}

.panel,
.pkp_block {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn,
.pkp_block.block_make_submission a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-default,
.pkp_block.block_make_submission a {
    color: #555;
    background-color: #eee;
    border-color: #e2e2e2
}

.btn,
.pkp_block.block_make_submission a {
    padding: 9px 12px 7px;
    border-width: 0 1px 4px 1px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

input,
button,
select,
textarea {
    font-family: inherit;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

.btn-info {
    color: #fff;
    background-color: #75caeb;
    border-color: #5fc1e8
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #48b9e5;
    border-color: #1984ae
}

.btn-info:hover {
    color: #fff;
    background-color: #48b9e5;
    border-color: #29ade0
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #48b9e5;
    border-color: #29ade0
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #29ade0;
    border-color: #1984ae
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #75caeb;
    border-color: #5fc1e8
}

.btn-info .badge {
    color: #75caeb;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #ff851b;
    border-color: #ff7701
}

.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #e76b00;
    border-color: #813c00
}

.btn-warning:hover {
    color: #fff;
    background-color: #e76b00;
    border-color: #c35b00
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #e76b00;
    border-color: #c35b00
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #c35b00;
    border-color: #813c00
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #ff851b;
    border-color: #ff7701
}

.btn-warning .badge {
    color: #ff851b;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #ff4136;
    border-color: #ff291c
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #ff1103;
    border-color: #9c0900
}

.btn-danger:hover {
    color: #fff;
    background-color: #ff1103;
    border-color: #de0c00
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #ff1103;
    border-color: #de0c00
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #de0c00;
    border-color: #9c0900
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #ff4136;
    border-color: #ff291c
}

.btn-danger .badge {
    color: #ff4136;
    background-color: #fff
}

.btn-link {
    color: #158cba;
    font-weight: normal;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
    color: #158cba;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #999;
    text-decoration: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 13px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 5px
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

.alert {
    border-width: 0 1px 4px 1px;
}

.alert-info {
    background-color: #75caeb;
    border-color: #40b5e3;
    color: #fff;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-width: 1px;
    border-radius: 4px;
}


/*END LUMEN STYLE*/

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body {
    font-family: 'Lato', serif;
}

h1,
h2 {
    font-size: 1.4em
}

.page,
.no-padding {
    padding: 0px
}

.no-padding-left {
    padding-left: 0px !important
}

.no-padding-right {
    padding-right: 0px !important
}

.fa {
    margin-right: 5px;
}

.logo_small {
    float: left;
    padding: 15px 0;
}

.logo_small img {
    width: 37px;
}

.navbar-default,
.header_view {
    border-bottom: none;
}

img {
    /* height: auto; */
}


.background-white {
    background-color: #fff;
}

.box-shadow {
    -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
}

/* Border shadowed style */
.or-spacer {
    margin-top: 50px;
    width: 100%;
    position: relative;
}

.or-spacer .mask {
    overflow: hidden;
    height: 20px;
}


.or-spacer .mask::after {
    content: '';
    display: block;
    margin: -25px auto 0;
    width: 100%;
    height: 25px;
    border-radius: 125px / 12px;
    box-shadow: 0 0 8px #B6B6B6;
}

/* end Border shadowed style */


.pkp_structure_page {
    background: #fafafa;
    font-size: 1.1em;
    text-align: justify;
    text-justify: inter-word;
}


.block_web_feed {
    text-align: center;
}

.block_web_feed img {
    width: 40%
}

/* Site header */
.site_header {
    box-shadow: 0px -2px 5px -3px rgba(74, 72, 72, 0.75);
    border-top: 1px solid white;
}


.navbar,
.header_view {
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -1px 6px 24px -4px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: -1px 6px 24px -4px rgba(0, 0, 0, 0.09);
    box-shadow: -1px 6px 24px -4px rgba(0, 0, 0, 0.09);
}

.about_journal {
    padding: 0;
    font-size: 1.03em;
}



.site-name .navbar-brand,
.page-header {
    font-family: 'Lato', serif;
    color: rgb(119, 4, 4);
    text-shadow: 0px -1px 1px rgb(153, 205, 233);
    font-size: 1px;
}

.page-header h1 {
    font-size: 22px;
    padding: 0px 0px 8px;
    margin: 0px
}


.list-group-item,
.pkp_block ul li {
    border: none;
}

.pkp_block .content li {
    border-bottom: 1px solid rgb(240, 240, 240);
    margin-bottom: 5px;
}

.panel-default>.panel-heading,
.pkp_block .title {

    border-color: #ddd;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: linear-gradient(135deg, rgba(0, 125, 160, 1) 0%, rgba(1, 65, 83, 1) 100%);
}




/* Journal Index */
.journal-description h2 {
    font-size: 20px;
    margin-top: -10px;
    font-family: 'Lato', serif;
    text-shadow: -1px -1px 1px rgb(189, 189, 189);
}

.journal_index {

    min-height: 248px;
    margin: -20px 0px 20px;
    padding: 20px 0px 20px;
    -webkit-box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    -moz-box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    border-bottom: 2px solid rgb(255, 255, 255);

}

.article-summary a.article_name {
    font-size: 16px
}

.article-summary a.article_name:hover {
    text-decoration: none;
}



.non_index_header {
    min-height: 140px;
    margin: -23px 0px 20px;
    padding: 20px 0px 0px;
    -webkit-box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    -moz-box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    border-bottom: 2px solid rgb(255, 255, 255);
    background: #ECE9E6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #ECE9E6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

div#main-content.page_index_journal div.col-md-4.thumbnail {
    border: none
}


.journal_index .site_description {
    border: 1px solid rgb(231, 231, 231);
    background: white;
    border-radius: 10px;
    margin-left: 10px;

}

.journal_index .about_site {
    font-size: 13px;
    padding: 20px 5px;

}



.journal_index h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    font-style: italic;
    color: rgb(74, 74, 75);
}


.journal_index .statement {
    margin-top: -5px
}

.journal_index .site_logo {
    padding-left: 0px
}

.journal_index .site_logo img {

    padding: 4px;
    margin-bottom: 10px;
    border: 1px solid rgb(231, 231, 231);
    background: white;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 95%;

}

.block_make_submission a {
    border: 1px solid red;

}

.user_navigation {
    padding: 0px;
}

.user_navigation #navigationUser li {
    font-size: 0.8em;
}

.user_navigation #navigationUser li a {
    padding: 8px 10px;
}

a.galley-link {
    font-size: 1em;
    padding: 4px 6px 4px 4px;
    border-radius: 4px;
    border: 1px solid rgb(235, 236, 236);
    margin-right: 5px;
    text-decoration: none;
    box-shadow: 10px 10px 5px -13px rgba(10, 100, 214, 0.75);
}

a.galley-link:hover {
    color: #007b92;
    ;
    border: 1px solid rgb(112, 202, 243);
    background: linear-gradient(45deg, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
}

.galley_item_disabled {
    font-size: 0.7em;
    padding: 4px;
    background: #f8f8f85e;
    border-radius: 4px;
    border: 1px solid beige;
    margin-right: 5px;
}



#main_content {
    padding-top: 20px;
}


.main_content main {
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    background: white;
    padding: 30px;
    margin-top: -2px
}

.panel,
.pkp_block {
    -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
}


.page-header small {
    margin-top: 13px;
}


.page-header {
    padding: 0px !important;
    margin-top: 0px !important;
}


h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    margin: 12px 0px 20px 0px;
    color: #444444
}


#main-site>div>div>h2 {
    margin-top: 10px;
}

.page-header h2 {
    font-size: 24px;
    padding-bottom: 0px;
    margin-top: 30px;
}


.media ul.nav-pills {
    display: block;
    float: right;
    margin-top: 10px;
}

.media .media-heading {
    font-size: 1.28em;
    font-family: 'Lato', serif;
    /* border-bottom: 1px dotted rgb(207, 207, 209); */
    margin: 15px 0px 10px 0px;
}

.media-left img {
    max-width: 200px;
}

.media .nav-pills li a {
    border: 1px solid rgb(213, 213, 214);
    margin-right: 10px;
    padding: 8px 10px;
    border-radius: 4px;

    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 0.99)), color-stop(100%, rgba(237, 237, 237, 0.97)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);

}


/* Article Summary On the Journal Index */
.article-summary {
    padding-bottom: 16px;
}

.article-summary .article-abstract {
    text-align: justify;
    text-justify: inter-word;
}

div.article-summary>div>h3>a>p {
    margin: 5px 0px 15px 0px;
}

div.article-summary>div>h3>a>p>small {
    color: rgb(140, 140, 141);
}

.article-summary .meta {
    margin-bottom: 4px
}

.article-summary .author {
    font-size: 1em;
}

.article-summary .pages {
    font-size: 1em;
}

.article-summary .pages .page_number {
    font-family: 'Lato', serif;
    color: #a7a7a7
}

.article-summary .article_counter_read {
    display: inline-block;
    width: 20px;
    height: 10px;
    background: url('bar_chart_icon.png') no-repeat top left;
    color: white;
}

/* Article Summary */

/* current isssue */
.current_issue .page-header h2 {
    font-size: 22px;
}

.issue-toc .thumbnail {
    border: none;
}

.current_issue .thumbnail {
    border: none;
}

/* Journal Spesific View */
.article-details {
    margin-bottom: 0px;
}

.article-header h1.article-title {
    text-align: left
}

.article-details .cover-image img {
    width: 250px;
    margin: 0 auto;
    padding: 10px;
}

.article-details .panel,
.article-details .doi,
.article-header .doi {
    background: none;
    border: none;
    padding: 0px;
    font-size: 13px;
    margin-top: 5px;
}

.article-details .article-references {
    margin-top: 40px;
}

.pkp_page_article article h1.page-header {
    font-size: 1.8em
}

.pkp_page_article .article-details h2 {
    font-size: 1.6em;
    font-weight: 400
}

.pkp_page_article .article-more-details .panel {
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #ebeaea;
}

.pkp_page_article .article-more-details .panel-default>.panel-heading {
    background: none;
    border-bottom: 1px solid #ebeaea;
    color: #1d1d1d;
    font-size: 1.2em;
}

.pkp_page_article .article-details .panel-default>.panel-heading {
    background: none;
    border-bottom: 1px solid #ebeaea;
    color: #1d1d1d;
    font-size: 1.2em;
}

.authors .author .orcid a {
    vertical-align: top;
    margin-left: 5px
}

.orcid_icon {
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

.article-details .author-bios .biography {
    margin: 5px 0px 0px 0px;
    border-top: 1px solid rgb(255, 239, 233);
    padding-bottom: 10px
}

.article-details .author-bios .biography p {
    color: #928f8f
}

.article-details .author-bios .biography .media-body {
    font-size: 12px;
}

.article-details .author-bios .biography h3 {
    font-size: 1.3em;
    color: #ce7c43;
    margin-bottom: 5px;
    line-height: 1.6
}

.article-details .article_counter_read {
    display: inline-block;
    width: 20px;
    height: 10px;
    background: url('bar_chart_icon.png') no-repeat top left;
    color: white;
}

.article-header .doi_link,
.article-details .doi_link {
    background-size: 18px !important;
    height: 30px !important;
    background: url('DOI_logo.svg') no-repeat center left;
    padding: 5px 0px 5px 30px
}

h3 {
    font-size: 22px;
}

.article-details .keywords {
    margin: 20px 0px 100px 0px;
}

.article-details .keywords .keyword_item {
    margin: 0px 6px 6px 0px;
    float: left;
    background: rgb(249, 245, 237);
    border: 1px solid rgb(238, 238, 238);
    border-radius: 4px;
    padding: 5px 8px;
    box-shadow: 10px 10px 5px -13px rgba(10, 100, 214, 0.75);
}

/* article detail history */
.article-details .date-list {
    margin: 20px 0px 20px
}

.article-details .date-list .detail {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 7px
}

.article-details .date-list strong {
    color: rgb(212, 212, 212);
    font-size: 1.4em;
    font-family: 'Lato', serif;
}

.article-details .date-list .date {
    margin-top: -5px
}

/* Article detail author */
.article-details .author+.author,
.authors .author+.author {
    margin-top: 0px
}

.pkp_page_article div.row.non_index_header .article-header .full_name {
    font-size: 1.1em;
}

.pkp_page_article div.row.non_index_header .article-header h1 {
    color: #007B92;
    margin: 10px 0px 5px 0px;
    font-weight: 550;
    font-size: 1.6em;
    line-height: 30px;
    font-family: 'Lato', serif;
    text-shadow: 0px 1px 2px #DBD5D2
}

.panel.panel-default.author-bios>div.panel-body>div:nth-child(1) {
    margin-top: -10px;
    border: none
}


.article-header .second_col .second_col_author {
    padding-left: 10px;
}

.article-header .authors {
    padding-left: 5px;
    margin-top: 0px
}

.article-header .subtitle {
    font-size: 1.1em;
    color: #7c7c7c;
    margin-top: -5px
}

.header-section {
    color: #000;
    font-size: 1.6em;
}

.pkp_page_article div.row.non_index_header .article-header .breadcrumb {
    padding-left: 0px;
    background: none;
    font-size: 0.9em;
    color: grey;
}


.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.authors.equal .col {
    width: 45%;
    margin: 0px 5px;
    font-size: 1.2rem;
    border-bottom: 1px solid #f3eeec;
    padding-bottom: 10px;
}

.authors.equal .divider {
    border-right: 1px solid;
    border-image: linear-gradient(45deg, rgb(253, 230, 195), rgb(238, 238, 238)) 1;
    height: auto;
    margin-bottom: 20px
}



/* article detail references */
.article-references-content {
    padding-top: 15px
}

.article-references .readmore_references {
    width: 100px !important;
    padding: 6px;
    float: right
}

.article-references-content+[data-readmore-toggle],
.article-references-content[data-readmore] {
    display: block;
    width: 100%;

}

.article-references-content[data-readmore] {
    transition: height 1600ms;
    overflow: hidden;
}

.article-references ol {
    margin: -10px 0px 0px -10px
}

.article-references ol li {
    margin-bottom: 10px
}


.pkp_page_article div.row.non_index_header .article-header .breadcrumb a {
    color: rgb(197, 194, 194);
}

.pkp_page_article div.row.non_index_header .article-header .article-header-text {
    background: rgb(250, 251, 252);
    border: 1px solid white;
}

.header-page-section {
    background: rgb(248, 242, 242);
    text-transform: capitalize;
    margin-top: 30px;
    color: rgb(118, 119, 119);
    padding: 0px 10px;
    font-size: 2em;
    border-left: 3px solid rgb(252, 180, 248);
}

/* Footer */


/* indexed logo icon */
div#customblock-indexed_by,
div#customblock-indexed-by,
div#customblock-indexed_logo {
    display: none;
}

div.list_of_index {
    /* margin: 20px auto -52px auto; */
    margin-bottom: 20px;
}

.indexed_by {
    border: 1px solid rgb(255, 255, 255);
    padding: 0px 30px;
    width: 99%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(207, 205, 207, 0.57);
    -moz-box-shadow: 0px 0px 5px 0px rgba(207, 205, 207, 0.57);
    box-shadow: 0px 0px 5px 0px rgba(207, 205, 207, 0.57);
    text-align: center;
    margin-top: 60px;
    background: white;
    vertical-align: middle;
}

.indexed_by .slick-track {
    padding: 20px 0px 10px 0px;
}

.indexed_by img {
    max-height: 50px;
    max-width: 100px;
    margin-right: 40px;
}


/* end indexed logo icon */

.footer-contact {
    padding: 20px 0;
    font-size: 12px
}

.copyright-wrapper {
    background: #1a1a1a;
    border-top: 1px solid #2D2D2D;
    margin: 30px 0 0 0;
    padding: 14px 0 14px;
    position: relative;
    color: #555555;
    width: 100%;

}

.copyright-wrapper img {
    margin-bottom: 0
}

.copy-right {
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    color: #9e9e9e;
}

.copy-right a {
    color: #e0e0e0;
}


.footer_border {
    height: 7px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
    background: rgb(252, 234, 187);
    background: linear-gradient(to bottom, #006072 0%, #00a0bf 50%, #002026 51%, rgba(0, 32, 38, 0.4) 100%);

}

footer[role="contentinfo"] {
    background-color: #BAD5DD;
    background-image: none;
    color: #007DA0;
    padding: 25px 0px 20px 0px;
    margin-top: -2px;
    font-size: 0.9em;
    font-family: 'Lato', serif;
}

.footer .thumbnail {
    display: block;
    padding: none;
    margin-bottom: 0;
    line-height: 1.846;
    background: none;
    border: none;
}

.footer .raya .container-fluid {
    border-right: 2px solid white;
    padding-right: 12px;
}

.footer .thumbnail img {
    margin-bottom: 5px;
}

.footer p {
    margin: 0;
}

.row.iconos_social_g .thumbnail img {
    max-width: 60px;
}

.row.iconos_redes .thumbnail img {
    max-width: 50px;
}



.contact_section .email_header {
    font-size: 1.7em;
}

.contact_section .fa {
    font-size: 1.1em;
    margin-right: 20px;
    color: #b35900
}

.contact_section .contact .fa {
    font-size: 1.4em;
    margin-bottom: 10px;
}

.banner-container h3 {
    text-transform: uppercase;
    color: #00acee;
    font-weight: 500;
}

.banner-container .bottom-bordered {
    border-bottom: 2px solid #00acee;
}

.banner-container .banner-collaborate {
    margin: 20px 0px;
}

.banner-container .banner-collaborate img {
    height: 90px;
    box-shadow: 1px 1px 6px #666666;
    border: 10px solid #FFFFFF;
    background-color: #353535;
    margin: 5px;
}

/* side bar */
#sidebar {
    padding-right: 0px;
}

#sidebar #customblock-make_submission .content,
#sidebar #customblock-custom-link .content {
    text-align: center
}

.pkp_block .content.widget .row {
    margin: 0;
}

.pkp_block span.title {
    margin-bottom: 10px;
}

.pkp_block .content.widget .col-md-2 img,
.pkp_block .content.widget .col-md-3 img,
.pkp_block .content.widget .col-md-6 img {
    width: 98%;
}

#customblock-editorial-team {
    padding: 5px 10px
}

.editorial_team_block h1 {
    text-align: center !important
}

.editorial_team_block div {
    padding: 0px;
}

.editorial_team_block .col-md-4 {
    width: 30%
}

.editorial_team_block img {
    width: 85px !important;
    height: 90px !important;
    padding: 5px;
    border: 1px solid #d6cfcf46;
    ;
    float: left;
    box-shadow: 10px 10px 5px -13px rgba(105, 98, 98, 0.75);
}

.editorial_team_block .profile {
    min-height: 100px;
}

.editorial_team_block .profile div {
    line-height: 1.5;
    text-align: left
}

.editorial_team_block .profile .name {
    font-size: 14px;
}

.editorial_team_block .profile .speciality {
    font-weight: bold;
}

.pkp_structure_sidebar .block_custom h1 {
    font-size: 21px;
    text-align: left;
    margin: 10px 0px 20px 0px;
    color: #ff8040;
    text-shadow: 1px 1px #edf1ed;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffdfb0
}

.pkp_structure_sidebar .block_custom {
    text-align: left
}

;

.block_custom .title {
    margin: -15px -16px 25px;
}

.block_custom>div>p>span.title {
    margin: -15px -16px 25px;
}

#customblock-incoming-event {
    text-align: center
}

#customblock-incoming-event img {
    width: 320px
}

div.pkp_block.block_custom>h2:nth-child(1).title {
    display: none;
}

/* sidebar menu */
#customblock-sidebar_menu {
    text-align: left
}

#customblock-sidebar_menu>div:nth-child(1)>p:nth-child(1) {
    margin-top: 5px
}

.col-md-12.detail:nth-last-child(2) {
    display: none;
}

.col-md-12.detail:nth-child(1) {
    display: block;
}

#customblock-sidebar_menu p {
    background: rgb(250, 250, 250);
    margin: 0px 0px 1px;
    border-bottom: 1px solid #f5f4f4;
    padding: 10px 0px 10px 30px;
    width: 100%
}

#customblock-sidebar_menu p:hover {
    background: rgb(255, 255, 255)
}

#customblock-sidebar_menu p a {
    font-size: 1.2em
}

#customblock-sidebar_menu p a:hover {
    text-decoration: none;
}

#customblock-sidebar_menu p a em.fa {
    margin: 0px 15px 0px -10px;
    border-right: 1px solid rgb(231, 229, 229);
    width: 35px;
    font-size: 1.09em
}

/* make submission */
#customblock-make_submission p {
    margin-bottom: 0px
}

#customblock-make_submission img,
#customblock-custom-link img {
    transition: transform 0.8s;
}

#customblock-make_submission img:hover,
#customblock-custom-link img:hover {
    transform: scale(1.03);
}

#customblock-custom-link p {
    margin-bottom: 0px;
}



/* hover effect */

/* Underline From Center */
.side-menu_hover_effect {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.side-menu_hover_effect:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098D1;
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 2.3s;
    transition-duration: 2.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.side-menu_hover_effect:hover:before,
.side-menu_hover_effect:focus:before,
.side-menu_hover_effect:active:before {
    right: 0;
}

/* Plugin */
/* Page static */
.page-static {
    font-size: 14px;
}


/* For demo */
.statistic_menu_color {
    color: #261ac9;
}



/* Search advanced page */
.search-advanced select {
    min-width: 70px;
    margin-right: 10px;
}

.search_input {
    padding-top: 15px;
}

.navbar-brand {
    float: left;
    padding: 20.5px 15px;
    font-size: 17px;
    line-height: 23px;
    height: 64px;
}

.navbar-nav>li>a {
    padding: 20px 5px;
}

.navbar-default,
.header_view {
    border: none;
    border-radius: none;
}


/* fix others style */
.article-header .no-padding.header-section div:first-child {
    float: right;
    text-align: right;
}

.article-summary .stat_counter {
    float: right;
    text-align: right;
}

.pkp_op_archive .issue-summary.media .description {
    display: none;
}

.site-name .navbar-brand {
    font-size: 14px;
}

.panel,
.pkp_block {
    background-color: white;
}

.pkp_block {
    border: 0 none;
}

.no-margin {
    margin: 0 !important;
}

.breadcrumb {
    margin-bottom: 10px !important;
}

a {
    color: #007b92;
}

.footer a {
    text-shadow: 0px 0px 0px rgb(255, 255, 255, 0.2);
    color: #004356;
}

.page.page_catalog_category .article_count {
    display: none;
}

.page.page_catalog_category .about_section.has_image.has_description img {
    float: left;
}

.page.page_catalog_category h2.title {
    clear: both;
    text-align: center;
}

.page.page_catalog_category .breadcrumb>li+li::before {
    content: none;
}

.page.page_catalog_category .breadcrumb h1 {
    font-size: 1.1em;
}

.glyphicon {
    color: #005C6E;
}

table td.imagen {
    vertical-align: top;
}

table td.imagen img {
    padding: 10px;
    margin: 10px;
    display: cell;
    width: 6em;
    height: auto;
    vertical-align: top;
    display: inline-table;
}

.page_register small.legales_registro {
    font-size: 9px;
    display: inline-flex;
    line-height: 14px;
    margin-bottom: 12px;
}

/*EDU STYLE*/
.journal_index {
    background-image: url('header.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0 !important;
    background-size: contain;
}

.journal_index:after {
    background: rgba(5, 83, 120, 0.4)
}

.about_journal {
    background: none !important;
    text-align: right;
}

.about_journal h1 {
    color: white !important;
    text-shadow: 1px 1px #055378;
    font-size: 15px;
}

.about_journal p {
    text-shadow: 1px 1px #055378;
}

/*END EDU STYLE*/

/*ORCID STYLE*/
#connect-orcid-button {
    margin-top: 2em;
    margin-bottom: 2em;
}

#orcid-id-logo {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.5em;
    vertical-align: middle;
}

.orcid_icon {
    display: inline-block;
    margin-right: 0.25em;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.orcid-failure {
    width: 100%;
    background: #F6D8CE;
    border: 1px solid #FF0000;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

.orcid-success {
    width: 100%;
    background: #E6F8E0;
    border: 1px solid #3ADF00;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

/*END ORCID STYLE*/

/*LATO*/
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v22/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v22/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*END LATO*/

/*family=Source+Sans+Pro:300,400,700,400italic*/
/* cyrillic-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7qsDJT9g.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7jsDJT9g.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7rsDJT9g.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7ksDJT9g.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7osDJT9g.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v19/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*END family=Source+Sans+Pro:300,400,700,400italic*/

/*modify openjournaltheme, 8 April 2022*/
.header_section {
    margin: -20px 0px 20px;
    font: 15.4px Lato, serif;
    background: #fafafa;
    border-bottom: 2px solid rgb(255, 255, 255);
    box-shadow: inset 0px -4px 5px -3px rgb(166 166 166 / 29%);
    min-height: 248px;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0 !important;
    background-size: contain;
    background-image: url('header.jpg');
}

body {
    font-size: 14px;
}

.about_journal {
    display: none;
}

.citations-container {
    max-height: none;
}

.citations-count img {
    width: 70%;
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 1) {

    .navbar-header {
        margin: 5px;
        min-width: 50%;
    }

    .site_header h1 a.navbar-brand,
    .site_header div a.navbar-brand {
        background: url('icono.png') no-repeat left center;
        background-size: contain;
        padding-left: 22%;
    }

    .navbar-nav>li>a {
        padding: 5px 5px;
    }

    .search_input {
        float: none;
    }

}


@media (max-width:640px) {
    .header_section {
        display: none;
    }

    .site_header h1 a.navbar-brand,
    .site_header div a.navbar-brand {
        background: url('icono.png') no-repeat left center;
        background-size: contain;
        padding-left: 24%;
    }

    footer[role=contentinfo] {
        font-size: .9em;
    }

    .navbar-nav>li>a {
        padding: 5px 5px;
    }

}


/* Ocultar Hypothesis solo en la página del visor de PDF */
body.pkp_page_article.pkp_op_view .annotator-frame,
body.pkp_page_article.pkp_op_view .annotator-placeholder,
body.pkp_page_article.pkp_op_view .hypothesis-adder {
    display: none !important;
    visibility: hidden !important;
}

/* Asegurar que el contenedor del PDF recupere su ancho total */
#pdfCanvasContainer {
    width: 100% !important;
    height: 100vh !important;
}


.panel-group#accordion .panel-title a {
                display: flex !important;
                justify-content: space-between !important;
                align-items: center !important;
                text-decoration: none !important;
                width: 100% !important;
                background-color: transparent !important;
            }

            .panel-group#accordion .panel-title a::after {
                content: "\25BC" !important;
                color: #555 !important;
                font-size: 14px !important;
                margin-left: 10px !important;
                transition: transform 0.3s ease !important;
                display: inline-block !important;
            }

            .panel-group#accordion .panel-title a.collapsed::after {
                transform: rotate(-90deg) !important;
            }