@import url("https://fonts.googleapis.com/css?family=Alata|Merriweather&display=swap");

html,

body {

    font-size: 16px;

    overflow-x: hidden;

    font-family: "times";

}



#overlay {

    position: fixed;

    z-index: 99999;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(255, 255, 255, 0.979);

    transition: 1s 0.4s;

}



#overlay .loading {

    height: 40px;

    background: #fff;

    position: absolute;

    width: 400px;

    top: 50%;

    left: 42%;

    background: url(../images/loading.gif) no-repeat top left;

}



#overlay .loading span {

    margin-left: 10px;

    padding-top: 5px;

    margin-top: -10px;

    padding-left: 40px;

}



#overlay .loading svg,

#overlay .loading span {

    float: left;

}



h1,

h2 {

    font-size: 1.3em;

    font-family: "times";

}



.svg_background {

    background-color: #eeedff;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23f1f1ff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23f5f4ff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23f8f8ff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23fcfbff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffffff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23fcfbfc' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23faf7f9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23f7f4f5' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23f5f0f2' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23f2ecef' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");

    background-size: cover;

}



a {

    color: rgb(132, 125, 228);

}



.page,

.no-padding {

    padding: 0px;

}



.fa {

    margin-right: 5px;

}



.headroom--pinned {

    display: block;

}



.headroom--unpinned {

    display: none;

}



.custom_block .title {

    width: 100%;

    padding-left: 34px;

}



.header_line {

    margin: 15px 0;

    font-size: 19px;

    text-align: left;

}



#block-header_text, .dummy_header_text{

    padding: 50px 80px 50px;

    font-family: "times";

    margin-top: -10px;

}



#block-header_text .left,

.dummy_header_text .left,

#block-header_text .right,

.dummy_header_text .right {

    float: left;

}



#block-header_text .left ,

.dummy_header_text .left {

    padding-right: 20px;

    border-right: 1px solid rgb(218, 216, 216);

    margin-right: 20px;

}



#block-header_text .right,

.dummy_header_text .right {

    font-size: 1.1em;

}



#block-header_text .left h1,

.header_text_content .left h1 {

    font-size: 2.8em;

    margin: 0;

    font-family: "times;

    min-height: 50px;

}



.header_text_content .left h2 {

    margin-top: -5px;

    font-family: "Alata", sans-serif;

    color: #8e8e8e;

}



.custom_block .title,

.editorial_pick .title {

    text-align: center;

    border-bottom: 1px solid rgb(236, 236, 236);

    font-size: 1.8em;

    margin-bottom: 10px;

}



.editorial_pick .title {

    padding-bottom: 15px;

}



.editorial_pick .slick-prev {

    left: -45px;

}



.header_line::after {

    content: "";

    position: absolute;

    width: 85%;

    top: 50%;

    margin-left: 2%;

    border-top: 1px solid rgb(240, 240, 240);

}





/* theme spesific style */



.alert-info {

    background-color: #971616;

}



.btn-primary {

    color: #fff;

    background-color: #fc3a3a;

    border-color: transparent;

}



.btn-primary:hover {

    background-color: #ff0202;

    color: rgb(231, 231, 231);

}





/* Hamburger Menu  */



.navbar-toggle {

    margin-top: 0px;

    margin-right: 0px;

}



.navbar-toggle .icon-bar {

    background-color: #ffffff !important;

}



.text-black {

    color: black !important;

}



#scrollTop {

    display: none;

    position: fixed;

    bottom: 18px;

    right: 10px;

    z-index: 9999;

    font-size: 18px;

    border: none;

    outline: none;

    background-color: rgb(224, 235, 250);

    color: rgb(175, 221, 235);

    cursor: pointer;

    padding: 3px 10px 3px 15px;

    border-radius: 4px;

}



#scrollTop.headroom--unpinned {

    display: none;

}



#scrollTop.headroom--pinned {

    display: block;

}



#scrollTop:hover {

    background-color: rgb(148, 175, 250);

}



.btn-info {

    background-color: #ef5327;

}



.navbar .navbar-collapse,

.navbar-desktop {

    float: none;

    text-align: center;

}



.navbar-desktop {

    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ffffff 100%);

    border-bottom: 1px solid rgb(240, 240, 240);

    margin: 0px 0px;

    padding: 0px 0px;

    font-size: 1.3em;

}



.navbar-desktop .navbar-nav {

    display: inline-block;

    float: none;

}



.navbar-desktop .nav>li>a {

    margin: 5px 10px;

}



.navbar-desktop .dropdown-menu>li>a,

.dropdown-menu {

    padding-left: 10px;

    padding-right: 15px;

    font-size: 14px;

}



.navbar-desktop .dropdown-menu>li>a:hover {

    background: none;

    color: #e00;

}



.navbar-desktop>li.dropdown.open>ul>li {

    padding-left: 5px;

}



.row.equal {

    display: flex;

    flex-wrap: wrap;

}



.background-white {

    background-color: #fff;

}



.equal {

    display: flex;

    display: -webkit-flex;

    flex-wrap: wrap;

}



.box-shadow {

    -webkit-box-shadow: 0 1px 15px 1px rgba(117, 108, 234, 0.08);

    -moz-box-shadow: 0 1px 15px 1px rgba(117, 108, 234, 0.08);

    box-shadow: 0 1px 15px 1px rgba(117, 108, 234, 0.08);

    border: 1px solid #f3f3f3;

}



.background_white {

    background: white;

}



.border-grey {

    border: 1px solid grey;

}





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

}



.block_web_feed {

    text-align: center;

}



.block_web_feed img {

    width: 40%;

}





/* Site header */



.top_menu {

    position: fixed;

    z-index: 999;

    width: 100%;

}



.journal_header {

    height: 280px;

}





/* logo */



.journal_header img {

    position: absolute;

    top: 100px;

    left: 40px;

}





/* Slider Feature */



#slider {

    z-index: -1;

    margin: -70px -10px 0px -10px;

    position: relative;

}



#slider .single_image img {

    position: absolute;

    top: 160px;

    left: 50px;

}



#slider .carousel-control {

    margin-top: 40px;

}



#slider .carousel-inner img {

    height: 450px;

    width: 100%;

}



.slider-text {

    text-align: center;

    width: 90%;

    padding-left: 10%;

}



.slider-text p {

    margin-top: -180px;

    color: white;

}



.navbar,

.header_view {

    background-color: transparent;

    margin-bottom: 0px;

    box-shadow: none;

    z-index: 1;

}



.header_with_slider {

    height: 300px;

    margin-bottom: 140px;

}



.user_navigation {

    padding: 2px 30px;

    background: rgba(255, 255, 255, 0.92);

    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);

    color: rgb(36, 34, 34);

    width: 100%;

    z-index: 1;

}



.user_navigation .site-name {

    padding: 2px 15px;

    margin: 0px;

    color: white;

}



.site-name-header {

    width: 60%;

}



.mobile-navigation .right_menu {

    width: 30%;

}



.site-name-header h1.site-name {

    float: left;

}



.user_navigation .journal_title {

    color: #ee0303;

}



.user_navigation .journal_title {

    float: left;

    width: 70%;

    padding: 5px;

    margin-top: 0px;

    font-size: 1.5em;

}



.user_navigation img.journal_logo {

    max-width: 110px;

    height: 40px;

    float: left;

    -webkit-filter: drop-shadow(2px 4px 3px grey);

    filter: drop-shadow(2px 4px 3px #b5b5b5);

}



.user_navigation h1.site-name a {

    font-family: "Open Sans", sans-serif;

    color: rgb(167, 1, 1);

}



.user_navigation h1.site-name a:hover {

    text-decoration: none;

    color: rgb(240, 112, 112);

}



.site-name .navbar-brand,

.page-header {

    font-family: "Lora", serif;

    color: rgb(5, 5, 5);

    font-size: 20px;

}



.site_header {

    padding: 10px 20px 0px 10px;

    background: linear-gradient(180deg, rgba(15, 26, 36, 0.8) 0%, rgba(15, 26, 36, 0.5) 90%, rgba(15, 26, 36, 0) 100%);

    mix-blend-mode: normal;

    height: 60px;

    z-index: 1;

    width: 100%;

}



.site_header li a {

    padding: 10px 10px;

    font-size: 1em;

}



.site_header nav ul#main-navigation {

    background: #ffffff;

    padding: 0px 40px 0px 30px;

    visibility: hidden;

}



.site_header nav ul#main-navigation li:after {

    content: "";

    position: absolute;

    right: 0;

    z-index: 100;

    margin-top: 13px;

    top: 0;

    width: 1px;

    height: 40%;

    /* or 100px */

    background: rgb(209, 209, 209);

}



.site_header nav ul#main-navigation li a {

    color: white;

    margin: 0px 5px;

    color: grey;

}



.site_header nav ul#main-navigation li.dropdown.open a {

    color: rgb(2, 2, 2);

}



.site_header form {

    margin: 10px;

}



.primary_menu {

    background: #ffffff;

    /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ffffff 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ffffff 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ffffff 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);

    /* IE6-9 */

    border-bottom: 1px solid rgb(240, 240, 240);

}



.primary_menu li a {

    margin: 0px 25px;

}



.primary_menu .dropdown-menu>li>a {

    margin: 5px 0px 5px -2px;

}



.primary_menu_no_index {

    margin-top: 115px;

    border: 1px solid rgb(241, 241, 241);

}



#nav-menu {

    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    border: 1px solid #e0e0e0; */

    height: 50px !important;    

    border-top: 1px solid #e8e8e8;

   

}



.navbar .navbar-nav {

    vertical-align: top;

}



#main-navigation>li>a {

    padding: 8px 10px 8px 20px;

    text-align: left;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 0.9em;

    text-shadow: -1px 1px 3px #d5dad3;

}



header .site_header input.form-control {

    background-color: rgba(255, 255, 255, 0.432);

    color: rgb(71, 71, 71);

    box-shadow: none;

    border-radius: 8px;

    padding-left: 10px;

    border: 1px solid rgb(226, 226, 226);

}



.site_header .search {

    display: inline-block;

    margin-bottom: 4px;

    vertical-align: middle;

}



.search-results h2 {

    color: #e80d0d;

}



.search-results .article-summary {

    padding: 30px 20px 20px 20px;

    background: #f9f9fb;

}



.block_custom span.title,

.block_most_read_theme span.title {

    /* margin: -15px -15px 20px; */

    border: 1px solid #eceaea;

    margin: -15px -16px 20px;

}



.site_header .search button {

    margin-left: -30px;

    background: transparent;

    padding: 0px;

    border: 0px;

    font-size: 1.28em;

    color: #ffffff;

    box-shadow: none;

    border: none;

}



.site_header .search button:hover {

    background: transparent;

    font-size: 1.4em;

}



.site_header .search .advanced {

    color: #fff;

    font-weight: normal;

    font-size: 0.85em;

    width: 50px;

    float: right;

    margin-left: 10px;

    text-transform: none;

}



.site_header .search .advanced a {

    color: white;

}



.header_shadow {

    background: url(../images/headershadow.png) no-repeat scroll center -8px;

    content: "";

    height: 20px;

    left: 0;

    position: absolute;

    width: 100%;

    margin-top: 1px;

}



#homepage-carousel {

    /*! height: 60vh; */

    /*! overflow: hidden; */

    border-bottom: 5px solid #134471;

}



#homepage-carousel .carousel-inner>.item>a>.img,

#homepage-carousel .carousel-inner>.item>.img {

    width: 100%;

    height: 60vh;

    background-size: cover;

}



#homepage-carousel .carousel-caption h2,

#homepage-carousel .carousel-caption h2 a {

    font-weight: bold;

    color: #fff;

    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);

}



#homepage-carousel .about-site {

    background-image: url("http://demo.ojsplus.com/plugins/themes/ojsPlusA/imgs/site.jpg");

}



.page-header h1 {

    font-size: 1.3em;

    padding: 0px 0px 8px;

    margin: 0px;

}



.panel-default>.panel-heading,

.pkp_block .title {

    border-color: #ddd;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

}





/* Journal Index */



.journal_index {

    /* background: url('../images/bg_transparent.png') repeat; */

    /* background-image: linear-gradient(to bottom, rgba(255, 254, 254, 0.6) 0%,rgba(223, 222, 222, 0.6) 100%), url('../images/image_header.jpg'); */

    /* background: url('../images/nav-one.png') repeat; */

    min-height: 540px;

    margin: 0px;

}



.galley_list {

    padding: 0 0 10px;

}



.pkp_page_index .galley_list,

.pkp_page_index .article_counter_stat {

    padding: 15px;

}



a.galley-link,

.article-summary a.galley-link {

    font-size: 10px;

    margin-right: 8px;

    padding: 6px 8px;

    /* Chrome10-25,Safari5.1-6 */

    border-radius: 4px;

    border: 1px solid rgb(174, 199, 255);

    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);

    color: white;

}



label.date-interval {

    background: #f1e767;

    /* Old browsers */

    background: -moz-linear-gradient(left, #f1e767 0%, #feb645 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(left, #f1e767 0%, #feb645 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, #f1e767 0%, #feb645 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=1);

    /* IE6-9 */

    color: rgb(173, 90, 17);

}



.journal_description .box-shadow {

    padding-top: 20px;

    float: left;

}



.about_journal .about {

    padding-top: 35px;

}



.homepage_image {

    padding-top: 20px;

}



.homepage_image img {

    width: 100%;

}





.journal-description h2 {

    font-size: 18px;

    margin-top: -10px;

    font-family: "Lora", serif;

    text-shadow: -1px -1px 1px rgb(189, 189, 189);

}



div.row.journal_index>div.journal_description>div.col-md-2>div>section>header>h3 {

    font-size: 1.1em;

}



div.row.journal_index>div.journal_description>div.col-md-2>div>section>p {

    font-size: 14px;

}



div.row.journal_index>div.journal_description>div.col-md-2>div>section>.meta p {

    margin: 0px 0px 2px;

}



.homepage_image img {

    height: 350px;

}



.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;

}



.about_journal .content {

    min-height: 320px;

    padding-bottom: 20px;

}



.journal_index .about h2 {

    margin-top: 0px;

    color: #121fc7;

    text-shadow: 0px 1px 1px rgb(184, 182, 159);

    font-family: "Merriweather";

}



.journal_index h1 {

    font-size: 2.3em;

    color: rgb(245, 163, 41);

    color: #121fc7;

    text-shadow: 0px 1px 1px rgb(184, 182, 159);

}



.journal_index .statement {

    margin-top: -5px;

}



.journal_index .site_logo {

    padding-left: 0px;

}



.journal_index .site_logo img {

    padding: 4px 40px 5px 10px;

    margin-bottom: 10px;

    border: 1px solid rgb(231, 231, 231);

    background: white;

    border-radius: 10px;

    margin-bottom: 10px;

    width: auto;

}





/* Section : article_tab_list */



.annoucement_list {

    display: block;

    clear: both;

    /* background: rgb(248, 248, 248);  */

    padding: 40px 30px;

    /* background-color: #ffffff;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23fdfeff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23fbfdff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23f9fbff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23f7faff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23f5f9ff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23f7faff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23f9fbff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23fbfdff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fdfeff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffffff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");

background-attachment: fixed;

background-size: cover; */

    background-color: #ffffff;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23fdfeff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23fbfdff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23f9fbff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23f7faff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23f5f9ff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23f7faff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23f9fbff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23fbfdff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fdfeff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffffff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");

    background-size: cover;

}



.annoucement_item {

    border: 1px solid #f6f6f6;

}



div.page.page_announcements>div>article:last-child {

    border-bottom: 0;

}



.article_tab_list {

    display: block;

    clear: both;

    /* background-color: #eeedff; */

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23f1f1ff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23f5f4ff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23f8f8ff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23fcfbff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffffff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23fcfeff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23fafcff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23f7fbff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23f5f9ff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23f2f8ff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");

    background-size: cover;

    padding: 40px 30px;

    margin-top: 20px;

}



.article_tab_list .content {

    padding: 40px;

    margin-top: 30px;

}



.article_tab_list h1,

.informationTab h1,

.annoucement_list h1 {

    font-family: "Merriweather", sans-serif;

    color: rgb(245, 163, 41);

    text-shadow: none;

    color: #f35626;

    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-animation: hue 60s infinite linear;

    animation: hue 60s infinite linear;

    font-size: 1.8em;

    text-align: center;

}



.article_detail_tab_list {

    padding-right: 20px;

    margin-top: 40px;

    float: left;

    width: 100%;

}



.article_tab_list .nav-tabs>li,

.article_detail_tab_list .nav-tabs>li {

    margin-right: 10px;

    width: 23%;

    text-align: center;

}



.article_tab_list .nav-tabs>li>a {

    font-family: "Lora";

    padding-right: 10px;

    color: rgb(68, 68, 68);

    font-size: 1.4em;

}



.article_tab_list .nav-tabs>li.active>a,

.article_tab_list .nav-tabs>li.active>a:focus,

.article_tab_list .nav-tabs>li>a:hover {

    box-shadow: inset 0 -2px 0 #f38021;

    color: #333333;

    font-weight: bold;

}



.article_detail_tab_list .nav-tabs>li>a {

    font-family: "Lora";

    padding-right: 10px;

    color: rgb(187, 167, 140);

    font-size: 1.2em;

}



.article_detail_tab_list .nav-tabs>li>a>.fa {

    margin-left: 10px;

}



.article_detail_tab_list .nav-tabs>li.active>a,

.article_detail_tab_list .nav-tabs>li.active>a:focus,

.article_detail_tab_list .nav-tabs>li>a:hover {

    box-shadow: inset 0 -2px 0 #eb0407;

    color: #d47632;

    font-weight: bold;

}



#shareTab ul {

    padding-left: 10px;

}



#shareTab li {

    list-style-type: none;

    margin-bottom: 10px;

    font-size: 1.1em;

}



a.galley-link {

    padding: 5px;

    border-radius: 4px;

    display: block;

    background: rgb(231, 245, 255);

    border: 1px solid rgb(218, 233, 255);

    text-align: center;

    float: left;

    margin-right: 10px;

    padding: 5px 10px;

}



 a.galley-link:hover {

    border: 1px solid rgb(194, 194, 255);

    background: rgb(218, 236, 250);

    text-decoration: none;

}



.article_tab_list .tab-content {

    padding: 20px 0px;

}



.block_most_read_theme .date-range {

    font-size: 14px;

    color: rgb(184, 184, 184);

}



.block_most_read_theme a {

    font-size: 13px;

}





/* end Section  */



.sidebar_list,

.informationTab {

    display: -webkit-box;

    /* OLD - iOS 6-, Safari 3.1-6, BB7 */

    display: -ms-flexbox;

    /* TWEENER - IE 10 */

    display: -webkit-flex;

    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

    display: flex;

    /* NEW, Spec - Firefox, Chrome, Opera */

    padding: 40px 30px 20px 30px;

    justify-content: center;

    align-items: center;

    background: rgb(255, 255, 255);

    margin: 0px -10px;

    border: 1px solid #f2f2f2;

}



.informationTab h1,

.annoucement_list h1 {

    margin-top: -30px;

    padding-bottom: 20px;

    border-bottom: 1px solid #f7f5f5;

}



.annoucement_list h1 {

    margin-top: 0px;

    padding-bottom: 20px;

}





/* .sidebar_list .item2 {

    border: 1px solid rgb(228, 228, 228);

    width: 25%;

    float: left;

    margin: auto;

    background: rgb(226, 225, 225);

    padding: 20px;

} */



.sidebar_list [class^="col"] {

    margin: 15px 0px;

}



.sidebar_list .pkp_block {

    width: 19%;

    float: left;

    margin-right: 1%;

    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);

}



.sidebar_list .item {

    background-color: rgb(255, 255, 255);

    padding: 20px;

    height: 100%;

    -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);

    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);

    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);

    border: 1px solid rgb(241, 241, 241);

}



.annoucement_list .content,

.informationTab .content {

    background: white;

    padding: 40px 30px 0px 30px;

    text-align: center;

}





/* put  this to the bottom to fix the responsive */





/* @media (min-width: 992px)

{ */



.col-md-offset-3 {

    margin-left: 20%;

}



.annoucement_list .annouc_list {

    display: inline-block;

    width: 100%;

}



article.announcement-summary img {

    max-width: 400px;

    margin: 0 20px 20px 0;

}



article.announcement_content,

.announcement-summary .item img {

    float: left;

}



article.announcement-summary h2 {

    text-align: left;

}



article.announcement-summary {

    width: 100%;

    float: left;

    text-align: left;

    padding: 20px 0px 20px 0;

    border-bottom: 1px solid #f0f0f0;

}



article.announcement-summary .item {

    display: inline-block;

    padding-left: 0;

}



article.announcement-summary p {

    font-size: 12px;

    text-align: left;

}



article.announcement-summary p.date {

    margin-top: -5px;

}







.informationTab .nav-tabs,

.article_tab_list .nav-tabs {

    border-bottom: none;

    display: flex;

    align-items: stretch;

    justify-content: space-between;

}



.informationTab .tab-content {

    padding: 40px;

    text-align: justify;

    font-size: 1.2em;

}



.article-summary {

    margin-bottom: 25px;

}



.article_section {

    padding: 0 20px 20px;

}



.article_section .title {

    font-size: 1.4em;

    color: rgb(93, 93, 94);

    margin-top: -40px;

}



.article_section hr {

    width: 140px;

    height: 2px;

    float: left;

    background: linear-gradient(to right, rgba(245, 193, 96, 0.77) 45%, rgba(247, 150, 33, 1) 100%);

    margin: 0 0 5px 13px;

    clear: both;

}



.article-summary h3 {

    margin-top: 0px;

}



.article-summary a.article_name {

    line-height: 20px;

    font-size: 0.72em;

    color: rgb(137, 132, 214);

    font-family: "Merriweather";

    margin-bottom: 15px;

}



.article-summary .article_subtitle {

    margin-bottom: 0;

}



.article-summary .journal_index_doi {

    margin: 5px 0;

}



.search-results .article-summary a.article_name {

    font-size: 1.1em;

}



.search-results .article-summary .author {

    font-size: 14px;

}



.row.article_title {

    min-height: 100px;

}



.non_index_header {

    min-height: 140px;

    margin: -23px 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);

    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+ */

}



.pkp_op_register .pkp_form.register label {

    display: inline;

}



div#main-content.page_index_journal div.col-md-4.thumbnail {

    border: none;

}



.page_index_journal .icon_description {

    font-size: 1em;

}



.page_index_journal .icon_description .icon_list {

    padding: 40px 20px 40px;

}



.page_index_journal .icon_description header h3 {

    font-size: 1.2em;

    font-weight: 500;

}



.page_index_journal .icon_description,

.indexing_list {

    padding: 10px 20px 20px;

}



.col-md-12 div#block-indexing_logo img {

    max-width: 180px;

    margin-bottom: 10px;

}



.col-md-12 #block-indexing_logo {

    padding: 0 5%;

}



.indexing_logo button {

    display: none;

}



.page_index_journal .icon_description a.readmore {

    float: right;

}



.page_index_journal .icon_description,

.indexing_list h3 {

    font-size: 1.1em;

}



.page_index_journal .icon_description a {

    font-size: 13.52px;

}



#block-icon_description {

    font-size: 0.8em;

}



#block-after_indexing_list, .dummy_after_indexing_list {

    padding: 20px 20px 0;

    box-shadow: 0 1px 15px 1px rgba(117, 108, 234, 0.08);

    text-align: center;

    background: white;

}







.indexing_list {

    box-shadow: 0 1px 15px 1px rgba(117, 108, 234, 0.08);

    background: white;

}



.indexing_list img {

    float: left;

    max-width: 50%;

    padding: 10px;

    margin: 5px;

    height: 70px;

}



.not_index .content.editorial_pick,

.not_index .indexing_list {

    margin-top: 40px;

}



.not_index .editorial_pick .title {

    display: none;

}



.content.editorial_pick {

    background: none;

    margin-top: -38px;

}



.content.editorial_pick .slick-next::before,

.content.editorial_pick .slick-prev::before {

    color: rgb(192, 197, 243);

}



.content.editorial_pick .slick-next::before {

    margin-left: -40px;

}



.pkp_page_index  .content.editorial_pick .slick-next::before {

    margin-left: 10px;

}



.content.editorial_pick .slick-prev::before {

    margin-left: 30px;

}



.page_index_journal .content.editorial_pick .slick-next::before,

.page_index_journal .content.editorial_pick .slick-prev::before {

    margin: 0;

}



.page_index_journal .cover_thumbnail {

    margin: 0 auto;

}



.editorial_pick {

    color: rgb(105, 104, 104);

}



.editorial_pick .row {

    margin: 30px 0;

}



.editorial_pick h4 {

    font-size: 1.12em;

    line-height: 18px;

    color: rgb(126, 126, 126);

    margin-top: 0;

}



.editorial_pick .author,

.editorial_pick .date {

    color: rgb(139, 138, 138);

    font-size: 0.8em;

}



.block_make_submission a, .dummy_make_submission a {

    border: 1px solid red;

}



#block-announcements_section .title,

.editorial_pick .title {

    text-align: center;

    width: 100%;

}



#block-announcements_section .title {

    border: 0;

}



#block-announcements_section twitter-widget,

#customblock-announcements_section twitter-widget {

    margin: 0 auto;

}



#main_content {

    padding-top: 20px;

}





/* #main-content {

    border: 1px solid rgb(240, 240, 240);

    padding: 40px;

  

} */



.pkp_op_index#main-content {

    border: none !important;

}







.main_content_not_index {

    padding-top: 20px;

    margin-top: -0px;

}



.not_index .header_static #nav-menu {

    margin-top: 0 !important;

}



.main_content main {

    padding: 10px;

}



.main_content_not_index main {

    padding: 50px;

}





aside#sidebar img {

    max-width: 500px;

}



.pkp_page_issue .img-responsive {

    width: 230px;

}



.pkp_page_issue .article-summary {

    font-size: 1.1em;

}



.pkp_page_issue .article-summary h3 a {

    font-size: 0.9em;

}



.pkp_page_issue .article-summary {

    border-bottom: 1px solid rgb(230, 230, 230);

}



.pkp_page_issue .article-summary:last-child {

    border: 0;

}



.pkp_page_issue .article-summary .meta {

    margin-bottom: 10px;

}



.panel,

.pkp_block {

    -webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);

    -moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);

    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.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: "Merriweather";

    /* border-bottom: 1px dotted rgb(207, 207, 209); */

    margin-bottom: 10px;

}



.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 */



.current_article_list .btn-group .btn-default {

    background: white;

    color: black;

    box-shadow: none;

    border: 2px solid #c7c7f3;

    margin-top: 20px;

    border-radius: 8px;

}



.article-summary {

    min-height: 200px;   

    font-size: 0.9em;

    margin-bottom: 20px;

}



.article-summary:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 1px;

    width: 97%;

    /* or 100px */

}



div.article-summary>div>h3>a>p {

    margin-top: 5px;

}



div.article-summary>div>h3>a>p>small {

    color: rgb(140, 140, 141);

}



.article-summary .date_published {

    font-style: italic;

}



.article-summary .author {

    font-size: 0.92em;

    margin-bottom: 8px;

}



.article-summary .pages {

    font-size: 10px;

}



.article-summary .pages .page_number {

    font-family: "Lora", serif;

    font-size: 1.5em;

    color: #a7a7a7;

}



.article-summary .article_counter_read {

    display: inline-block;

    width: 20px;

    height: 10px;

    background: url("../images/bar_chart_icon.png") no-repeat top left;

    color: white;

}



.article-summary .date_galley_row {

    vertical-align: bottom;

    position: absolute;

    bottom: 0;

    left: 10;

    width: 100%;

    padding-bottom: 5px;

}





/* Article Summary */





/* current isssue */



.current_issue .page-header h2 {

    font-size: 22px;

}



.issue-toc .thumbnail {

    border: none;

}



.current_issue .thumbnail {

    border: none;

}





/* Archive Issue  */



.issue-summary {

    border-bottom: 1px solid rgb(230, 230, 230);

    padding-bottom: 20px;

}





/* Journal Spesific View */





/* Article Details - Journal Articles */



.pkp_page_article .main_content_not_index main {

    padding: 0 0 0 20px;

}



.pkp_page_article .breadcrumb {

    margin-top: 20px;

}



.page_article {

    margin-top: -12px;

}



.article-details {

    margin-bottom: 40px;

}



.article-details .col-md-8 {

    padding-right: 10px;

}



.article-details .article-summary {

    display: block;

    clear: both;

}



h3.corresponding_author {

    color: #9898cc;

}



.XML_generated {

    float: left;

    text-align: justify;

    text-justify: inter-word;

    padding-left: 0;

}



.xml_description {

    margin-bottom: 50px;

    border-bottom: 1px solid rgb(241, 241, 241);

    margin-left: 5px;

}



.article-details-keywords-value {

    display: block;

    float: left;

    margin-bottom: 20px;

    padding: 10px 0;

}



.article-details-keywords-value .keyword_item {

    float: left;

    margin: 0px 15px 10px 0px;

    padding: 2px 10px;

    border: 1px solid rgb(241, 241, 241);

    border-radius: 3px;

    background: rgb(238, 241, 250);

    color: #92928c;

    background: linear-gradient(to bottom, rgba(233, 246, 253, 1) 0%, rgba(211, 238, 251, 1) 100%);

}



.article-details .cover-image img {

    width: 250px;

    margin: 0 auto;

    padding: 10px;

    border: 1px solid rgb(243, 243, 243);

}



.article-details .issueDetail {

    padding: 10px;

}



.article-details .issueDetail h4 {

    font-size: 13px;

    font-weight: bold;

    line-height: 2;

}



.article-details .article_issue {

    margin-bottom: 20px;

}



.article-details .current_issue {

    padding: 30px 20px;

}



.article-details .current_issue img {

    margin-top: 10px;

}



.article-details .current_issue h2,

.article-details .article_issue h2 {

    font-family: "Merriweather";

    color: rgb(167, 102, 6);

    text-align: center;

    margin-bottom: 0px;

}



.article-details .current_issue p {

    text-align: left;

}



.article-details .panel {

    box-shadow: none;

}







.article-details .tab-content {

    padding: 10px 0;

}



.article-details .tab-content h2 {

    margin-top: 0px;

}



.pkp_page_article article h1.page-header {

    font-size: 1.8em;

}



.pkp_page_article .article-details h2 {

    font-size: 1.5em;

    font-weight: 400;

    margin-top: 30px;

}



h2.abstract {

    font-size: 1.7em !important;

}



h2.full_articles {

    text-align: left !important;

    font-size: 1.6em !important;

}



.pkp_page_article .article-details h3 {

    font-size: 1.2em;

    font-weight: 400;

}



.article-abstract p {

    font-size: 1.2em;

    text-align: justify;

}



.article-details h1 {

    line-height: 1.5;

    color: #f35626;

    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);

    -webkit-background-clip: text;

    background-clip : text;

    -webkit-text-fill-color: transparent;

    -webkit-animation: hue 60s infinite linear;

    animation :  hue 60s infinite linear;

    margin-bottom: 0px;

    font-size: 1.5em;

}



.article-details h1.title {

    margin-top: 0;

}



#referencesTab .xml_description {

    margin: 20px 0px;

}



#referencesTab ol,

ol.references {

    padding-left: 10px;

}



#referencesTab li,

ol.references li {

    line-height: 30px;

    margin: 10px;

}



.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;

}



.authors .author .orcid_icon,

.orcid_icon {

    vertical-align: middle;

    width: 18px;

    height: 18px;

}



.article-details .author-bios .biography {

    margin: 15px 0px 0px 0px;

    border-bottom: 1px solid rgb(255, 239, 233);

    padding-bottom: 10px;

}



.article-details .author-bios .biography p {

    color: #bbbbbb;

}



.article-details .author-bios .biography .media-body {

    font-size: 12px;

}



.article-details .author-bios .biography h3 {

    font-size: 1.2em;

    color: #8a3900;

    margin-bottom: 5px;

}



.article-details .article_counter_read {

    display: inline-block;

    width: 20px;

    height: 10px;

    background: url("../images/bar_chart_icon.png") no-repeat top left;

    color: white;

}



.article-details .doi_link {

    background-size: 17px !important;

    height: 30px !important;

    background: url("../images/DOI_logo.svg") no-repeat center left;

    padding: 5px 0px 5px 30px;

}



.article-details .crossmark_button {

    padding-right: 20px;

}



.article-details .crossmark_button img {

    height: 30px;

}



.journal_index_doi .doi_link {

    background-size: 15px !important;

    height: 30px !important;

    background: url("../images/DOI_logo.svg") no-repeat center left;

    padding: 5px 0px 5px 20px;

}



.article_detail h5.citation_download {

    margin-top: 40px;

    font-size: 1.11em;

    color: #000000;

}



.article_detail .second_col .content {

    padding-left: 10px;

}



h3 {

    font-size: 22px;

}



.article_detail .corresponding_author {

    margin-bottom: 5px;

}



.article_detail .corresponding_email {

    margin-bottom: 10px;

}





/* article detail history */



.article-details .date-list {

    margin: 0px 0px 60px;

}



.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: "Merriweather";

}



.article-details .date-list .date {

    margin-top: -5px;

}



.pkp_page_article .article-header h1 {

    color: #ce730c;

    margin: 10px 0px 5px 0px;

    font-weight: 550;

    font-size: 1.6em;

    line-height: 30px;

    font-family: "Lora", serif;

    text-shadow: 0px 1px 2px #dbd5d2;

}



.pkp_page_article .article-header .author {

    padding-bottom: 10px;

    padding-top: 10px;

    margin-bottom: 10px;

}



.pkp_page_article .article-header .author:before {

    border-bottom: 1px solid rgb(237, 237, 237);

    content: "";

    position: absolute;

    left: 5;

    bottom: 0;

    height: 1px;

    width: 99%;

}



.pkp_page_article .article-header .authors .second_col:after {

    border-width: 1px;

    border-style: solid;

    border-image: linear-gradient(to bottom, rgb(249, 249, 249), rgba(202, 202, 202, 0.144)) 0.5 200%;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 90%;

    width: 1px;

}



.article-header .authors,

.article-details .authors {

    padding-left: 5px;

}



.article-header .subtitle,

.article-details .subtitle {

    font-size: 1.1em;

    color: #7c7c7c;

}



.header-section {

    color: rgb(99, 69, 246);

    margin-top: -18px;

    font-size: 1.6em;

    text-shadow: 1px 1px 2px #e1b8bf;

}



.pkp_page_article div.row.non_index_header .article-header .breadcrumb {

    padding-left: 0px;

    background: none;

    font-size: 0.9em;

    color: grey;

}





/* Article detail author */



.article-details .author,

.authors .author {

    padding: 10px 0px 10px 10px;

    margin-right: 10px;

    width: 45%;

    float: left;

    position: relative;

    min-height: 145px;

}



.article-details .author+.author,

.authors .author+.author {

    margin-top: 0px;

}



.article_abstract_n_keyword {

    border: 1px solid rgb(238, 238, 238);

    background: rgb(250, 250, 250);

    float: left;

    padding: 40px 20px 0;

    margin: 20px 0 40px;

    width: 100%;

}





/* article detail references */





/* JATS Parser TOC */





/* .intraarticle-menu {

    overflow-y: none;

    height: auto;

    padding-bottom: 20px;

} */



.article_toc h2 {

    margin-top: 30px;

    padding-bottom: 10px;

    text-align: center;

    border-bottom-color: #efefef;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    color: rgb(167, 102, 6);

}



.intraarticle-menu #article-navbar {

    border: none;

}



.intraarticle-menu #article-navbar a {

    display: block;

    margin: 3px;

}



.intraarticle-menu #article-navbar nav {

    padding-left: 10px;

}



.article-references-content {

    padding-top: 15px;

}



.article-references .title {

    margin-top: 20px;

}



.article-references .readmore_references {

    width: 100px !important;

    padding: 6px;

    float: right;

}



.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);

}





/* indexed logo icon */



#customblock-indexed_by,

#customblock-indexed-by,

#customblock-indexedBy,

#customblock-IndexedBy,

#customblock-indexed_logo,

#customblock-indexedLogo,

#customblock-IndexedLogo,

#customblock-icon_description,

#customblock-iconDescription,

#customblock-IconDescription,

#customblock-editorial_pick,

#customblock-editorialPick,

#customblock-EditorialPick,

#customblock-indexing_logo,

#customblock-header_text,

#customblock-HeaderText,

#customblock-headerText,

#customblock-after_cover,

#customblock-afterCover,

#customblock-AfterCover,

#customblock-before_cover,

#customblock-beforeCover,

#customblock-BeforeCover,

#customblock_author_resources

.block_language,

.editorial_pick_articles {

    display: none;

}



#block-icon_description .item {

    padding: 0 30px;

    margin-bottom: 50px !important;

}



div.list_of_index {

    /* margin: 20px auto -52px auto; */

    margin-bottom: 20px;

    display: none;

}



.indexed_by {

    border: 1px solid rgb(255, 255, 255);

    padding: 20px 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: 30px;

    background: white;

}



.indexed_by img {

    height: 20px;

    max-width: 100px;

    margin-right: 40px;

}





/* end indexed logo icon */



.footer_border {

    height: 8px;

    background: #800c0c;

}



footer[role="contentinfo"] {

    /* background: url('../images/blackorchid.png') repeat; */

    background: #fff;

    /* Old browsers */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=1);

    /* IE6-9 fallback on horizontal gradient */

    color: #00000;

    padding: 35px 0 0 0;

    margin-top: 0px;

    color: #00000;

    font-size: 0.9em;

    background-color: #fff;

    background-color: #fff;

  
}



footer .copyright-wrapper {

    background: rgb(42, 42, 42);

    color: #b7b7b7;

    padding: 5px 0 5px;

    margin-top: 40px;

}



footer .copyright-wrapper img {

    margin: 0;

}







footer .fa {

    margin-right: 5px;

    font-size: 1.3em;

    color: #c4c4c4;

}



footer img {

    margin-bottom: 20px;

}



footer .contact_detail .item-contact div {

    padding: 5px;

    margin-bottom: 8px;

    border-bottom: 1px solid #292929;

}



footer h4 {

    font-size: 18px;

    color: #921111;

}



.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;

}





/* side bar */



.editorial_team_block h1 {

    text-align: center;

    font-size: 1.5em;

}



.editorial_team_block div {

    padding: 0px;

}



.editorial_team_block .col-md-4 {

    width: 30%;

    padding-left: 15px;

}



.editorial_team_block img {

    width: 85px !important;

    padding: 5px;

    border: 1px solid #e6e6e646;

    float: left;

}



.editorial_team_block .profile {

    min-height: 100px;

    padding-top: 5px;

    padding-left: 10px;

    font-size: 1.15em;

}



.editorial_team_block .profile div {

    line-height: 1.5;

    text-align: left;

}



.editorial_team_block .profile .speciality {

    font-size: 0.85em;

    color: #a6a2a2;

    line-height: 20px;

    font-size: 0.81em;

}



.editorial_team_block .profile .name {

    font-size: 14px;

}



.editorial_team_block .profile .email {

    font-size: 0.8em;

}



.pkp_structure_sidebar .block_custom h1 {

    font-size: 21px;

    text-align: left;

    margin-top: 10px;

    color: #ff8040;

    text-shadow: black;

    padding-bottom: 10px;

    border-bottom: 1px solid #ffdfb0;

}



.pkp_structure_sidebar .block_custom {

    text-align: center;

}



#customblock-incoming-event img {

    width: 320px;

}





/* sidebar menu */



#customblock-sidebar_menu {

    text-align: left;

}



#customblock-sidebar_menu>div:nth-child(1)>p:nth-child(1) {

    margin-top: 5px;

}



#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;

}





/* siderbar custom */



#customblock-editorial_team {

    display: none;

}



#customblock-editorial_team,

#block-editorial_team {

    padding-top: 0px;

}



#customblock-editorial_team h1,

#block-editorial_team h1,

#block-author_resources h3,

.dummy-author_resources h3 {

    font-family: "Merriweather";

    font-size: 1.5em;

    border-bottom: 1px solid rgb(238, 238, 238);

    padding: 0px 0px 10px 20px;

}



#customblock-static_indexing_icon,

#block-static_indexing_icon {

    background: white;

    padding-bottom: 20px;

}



.main_content_not_index #customblock-static_indexing_icon img {

    padding-top: 20px;

}



.jatsPluginResult .article-container {

    margin-top: 0;

}



.jatsPluginResult .article-container .galley-article-meta {

    margin-top: -30px;

}



.journal_index #customblock-static_indexing_icon img {

    max-width: 800px;

    display: inline-block;

    margin-top: -50px;

}



#customblock-editorial_team .col-md-8 {

    box-shadow: none;

}





/* make submission */



#customblock-make_submission,

#block-make_submission,

.dummy_make_submission {

    margin-bottom: 20px;

    padding: 10px;

}



#customblock-make_submission p,

#block-make_submission p,

.dummy_make_submission p {

    margin-bottom: 0px;

    text-align: center;

}



#customblock-make_submission img:hover,

#block-make_submission img:hover, 

.dummy_make_submission img:hover {

    transition: transform 0.8s;

}



#customblock-make_submission img:hover,

#block-make_submission img:hover, 

.dummy_make_submission img:hover {

    transform: scale(1.03);

    cursor: pointer;

    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}



#block-author_resources h3,

.dummy_author_resources h3 {

    font-size: 1.5em;

    text-align: center;

    margin-bottom: 10;

}



#block-author_resources ul, 

.dummy_author_resources ul {

    padding-left: 10px;

}



#block-author_resources ul li, 

.dummy_author_resources ul li {

    min-height: 48px;

    border-bottom: 1px solid rgb(234, 233, 233);

    padding: 13px 0 0 5px;

    margin: 1px;

    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgb(253, 253, 253) 100%);

}



#block-author_resources ul li:hover, 

.dummy_author_resources ul li:hover {

    background: linear-gradient(to right, rgb(253, 253, 253) 0%, rgb(241, 241, 241) 47%, rgb(253, 253, 253) 100%);

}



#block-author_resources ul li a:hover, .dummy_author_resources ul li a:hover, 

a:focus {

    text-decoration: none;

}





/* homepage carousel */



#customblock-header_carousel, #customblock-HeaderText {

    display: none;

}





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



.article-references-content[data-readmore] {

    transition: height 1600ms;

    overflow: hidden;

}



.article-references-content+[data-readmore-toggle],

.article-references-content[data-readmore] {

    display: block;

    width: 100%;

}



a.btn.btn-xs.btn-info.readmore_references {

    padding: 7px 10px;

    margin-top: 20px;

}





/* Page static */



.page-static {

    font-size: 14px;

}





/* For demo */



.statistic_menu_color {

    color: #261ac9;

}





/* utilities */



#tinymce .icon_list_item {

    border: 1px dashed #dada08;

    padding: 20px;

}



.post-share-float .services a {

    float: left;

    margin-right: 20px;

}



.share_float_below_abstract {

    margin: -30px 0 30px 10px;

}



.post-share-float .share-text {

    display: block;

    margin: 20px 0 10px 0;

    color: rgb(151, 6, 6);

    font-family: Roboto, Arial, sans-serif;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: .1em;

    text-transform: uppercase;

    -webkit-font-smoothing: antialiased;

    word-wrap: normal;

    overflow-wrap: normal;

}



.post-share-float .services {

    background: transparent;

}



.post-share-float .service {

    margin-top: -1px;

    margin-bottom: 12px;

    display: block;

    width: 42px;

    height: 42px;

    --shadow-color: rgba(var(--service-color-rgb, 0, 0, 0), .18);

    box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, .05), 1px 3px 5px -1px var(--shadow-color);

    border-radius: 50%;

    color: #111;

    font-size: 17px;

    line-height: 44px;

    text-align: center;

    background: rgb(235, 235, 235);

}



.post-share-float .services .fa {

    margin-left: 5px;

}



.post-share-float .services span.label {

    display: none;

}



.post-share-float .fa {

    -webkit-font-smoothing: initial;

}



.post-share-float .facebook {

    color: #135cb6;

    --service-color-rgb: 19, 92, 182;

}



.post-share-float .telegram {

    color: #8ba7f5;

    --service-color-rgb: 19, 92, 182;

}



.post-share-float .twitter {

    color: #089fc5;

    --service-color-rgb: 8, 159, 197;

}



.post-share-float .whatsapp {

    color: #05aa05;

    --service-color-rgb: 8, 159, 197;

}



.post-share-float .whatsapp .fa {

    font-size: 1.2em;

}



.post-share-float .pinterest {

    color: #ca2128;

    --service-color-rgb: 202, 33, 40;

}



.post-share-float .service:hover {

    background: #fff;

    transform: translateY(-3px);

}



.search_container {

    float: right

}



.search_container form {

    position: relative;

    top: 25px;

    left: 120%;

    transform: translate(-100%, -50%);

    transition: all 1s;

    width: 50px;

    height: 50px;

    background: none;

    box-sizing: border-box;

    border-radius: 25px;

    

    padding: 5px;

}



.search_container input {

    position: absolute;

   

    left: 0;

    width: 90%;

    height: 38px;

    line-height: 30px;

    outline: 0;

    border: 0;

    display: none;

    font-size: 1em;

    border-radius: 20px;

    padding: 0 20px;

}



.search_container .fa {

    box-sizing: border-box;

    padding: 10px;

    width: 38px;

    height: 38px;

    position: absolute;

  

    right: 0;

    border-radius: 50%;

    text-align: left;

    font-size: 1.2em;

    transition: all 1s;

}



.search_container form:hover {

    width: 200px;

    cursor: pointer;

}



.search_container form:hover input {

    display: block;

    border: 1px solid rgb(212, 212, 212);

    border-radius: 10px;

}



.search_container form:hover .fa {

    color: white;

}



.mobile_search_container {

    display: none;

}



.mobile_search_container form input {

    border: 1px solid #e4dfdf;

    border-radius: 8px;

    height: 40px;

    width: 87%;

    padding: 10px;

}



.mobile_search_container form button.search {

    border: 1px solid #e4dfdf;

    border-radius: 8px;

    height: 40px;

    padding: 0 10px 0 14px;

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

}



.article_tab #tab2 {

    padding-top: 30px;

}



.iframe-container {

    overflow: hidden;

    padding-top: 56.25%;

    position: relative;

}



.iframe-container iframe {

    border: 0;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.section_selection {

    text-align: right;

}



.cmp_breadcrumbs_announcement ol {

    padding: 8px 15px;

    margin-bottom: 23px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 3px;

    float: left;

    clear: both;

    width: 100%;

}



.cmp_breadcrumbs_announcement ol li {

   margin-right: 10px;

   float:left;

    

}





@media (min-width: 1600px) {

    .__dimensions_badge_embed__ .__dimensions_Badge_style_small_circle .__dimensions_Badge_Image {

        width: 84px !important;

        height: 84px !important;

    }

    

    }

    

    @media (min-width: 768px ) and (max-width:1440px) { 

        .__dimensions_Badge, .__dimensions_Badge_style_small_circle {

            display : none

        }

    

    }

    

    .__dimensions_badge_embed__ .__dimensions_Badge_style_small_circle, .__dimensions_badge_embed__ .__dimensions_Badge_style_medium_circle, .__dimensions_badge_embed__ .__dimensions_Badge_style_large_circle {

        padding: 0 2em;

    }