@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Sofia);

html, body{
	font-family: system-ui !important;
	font-size: 13px;
	background:url(http://riset.unisma.ac.id/public/site/images/alfianid/noisy_grid1.jpg) !important;
}


a {
    text-decoration: none !important;
}

.obj_article_summary>.title a {
    color: #000 !important;
}

.pkp_navigation_search_wrapper a {
    color: #757575 !important;
}

.pkp_page_index .current_issue h2 {
    border-bottom: 3px solid #000;
}

.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    background: #3f9a97 !important;
}

img {
 height:auto !important;
}


.animate-on-scroll {
  opacity: 0.2;
  transform: translateY(40px);
  transition: opacity 1s, transform 1s;
}

.animate-on-scroll:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s;
}

.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

.animate-on-scroll.visible:before {
  opacity: 0.5;
}


.fadeInTop {
  -webkit-animation: fadeInTop 1.2s both; /* Safari 4+ */
  -moz-animation: fadeInTop 1.2s both; /* Fx 5+ */
  -o-animation: fadeInTop 1.2s both; /* Opera 12+ */
  animation: fadeInTop 1.2s both; /* IE 10+, Fx 29+ */
} 

@-webkit-keyframes fadeInTop {
  0% {
      opacity: 0;
      -webkit-transform: translateY(50px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInTop {
  0% {
      opacity: 0;
      -moz-transform: translateY(50px);
  }
  100% {
      opacity: 1;
      -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInTop {
  0% {
      opacity: 0;
      -o-transform: translateY(50px);
  }
  100% {
      opacity: 1;
      -o-transform: translateY(0);
  }
}

@keyframes fadeInTop{
  0% {
      opacity: 0;
      transform: translateY(50px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}


.pkp_page_index .additional_content {
    padding: 1.143rem 0.714rem 0 0.714rem !important;
}


 
.pkp_structure_content {
    padding-top: 0;
}


.pkp_structure_main h1 {
    font-family: system-ui !important;
    letter-spacing: -0.5px;
}

.pkp_structure_main .page h1 {
    margin-top: 1em!important;
}

.obj_issue_toc .sections {
    margin-top: 1.286rem !important;
}

.page_issue_archive .issues_archive>li {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.obj_announcement_full .date{
    display: none;
}

.pkp_page_index .cmp_announcements .more {
	display: none
}

.pkp_page_index .cmp_announcements>.obj_announcement_summary {
    float: left;
    /* width: 65%; */
    text-align: justify;
    font-family: "Noto Serif",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    font-size: 16px;
}

.pkp_structure_head {
    background: linear-gradient(1deg, rgba(10,29,76,1) 0%, rgba(66,110,143,1) 100%, rgba(75,125,146,1) 100%, rgba(255,255,255,1) 100%) !important;
    border-bottom: 1px solid #ddd
}

.pkp_footer_content {
    padding: 0px !important;
}

.pkp_structure_footer_wrapper {
    border-bottom: 1.43rem solid #30807f !important;
    border-top: none !important;
    background-color: white !important;
    margin-bottom: 2em !important;
}

.pkp_site_name  {
	display: none
}

/*.references {*/
/*    max-height: 500px;  */
/*    overflow: hidden;*/
/*    display: none*/
/*}*/

.obj_article_details .item.references {
    padding-top: 0.5rem!important;
    max-height: 200px;
    overflow: hidden;
    position: relative; /* Required for positioning */
    transition: max-height 0.3s ease;
}

.obj_article_details .item.references::after {
    content: "Show More";
    display: block;
    color: black;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 5px;
    text-align: center;
    background-color: rgb(255 255 255 / 92%);
    transition: opacity 0.3s ease;
    font-size: 16px !important;
    font-family: system-ui !important;
    font-weight: 600;
}

.obj_article_details .item.references.collapsed {
    max-height: none;
    overflow: visible;
}

.obj_article_details .item.references.collapsed::after {
    opacity: 0; /* Hide "More" text when collapsed */
}



.obj_article_details .item.authors{
    padding-bottom: 0.5rem!important;
}

.pkp_site_name_wrapper {
    background: linear-gradient(1deg, rgba(45,122,121,1) 0%, rgba(86,195,191,1) 100%, rgba(86,195,191,1) 100%, rgba(255,255,255,1) 100%) !important;
    height: 4em !important;
}

.cmp_announcements .obj_announcement_summary h3 {
    font-size: 15px !important;
}

.obj_announcement_summary h3{
    padding-bottom: 1rem;
}

.cmp_announcements .date {
    display: none;
}

.pkp_structure_main p {
    margin: 15px 0px 15px 0px !important;
    text-align: justify;
    line-height: 20px !important;
    font-size: 14px;
    font-family: system-ui;
}


/*.obj_announcement_summary {*/
/*    width: auto !important;*/
/*    padding: 30px 50px 10px 50px !important*/
/*}*/

.obj_announcement_full .description {
    display: block !important;
}

/*.current_issue {*/
/*    padding: 0px 20px !important;*/
/*}*/

.pkp_page_index .current_issue .read_more {
    padding-top: 30px;
}

.pkp_page_index .current_issue .read_more:after {
    padding-top: 30px;
}

.obj_issue_toc .heading .published {
    display: none;
    
}

.obj_issue_toc .pub_id {
    margin: 0 !important;
}

.published{
    display: none !important;
}

.obj_article_summary .meta {
    font-size: 14px !important;
}

.pkp_page_index .cmp_announcements {
    border: none;
    background-color: beige;
    margin-top: 2em;
    padding-bottom: 1em;
}

.cmp_announcements .obj_announcement_summary h3,
.obj_article_summary>.title{
    font-family: system-ui !important;
    font-size: 17px !important;
}

.obj_announcement_summary .read_more,
.pkp_page_index .current_issue .read_more{
    font-size: 13px !important;
    color: #4b7d92;
    letter-spacing: -0.5px;
    text-transform: none !important;
}    
    
.obj_issue_toc .section>h3,
.obj_issue_toc .heading .pub_id,
.current_issue_title{
    display: none !important;
}

@media (max-width: 998px){
    .pkp_site_name_wrapper{height: 3em !important}
}

@media (min-width: 992px){
.obj_article_details .item.abstract {
    padding: 1em 2.143rem !important;
}
}

/*@media (min-width: 768px) {*/

/*    #navigationPrimary a {*/
/*        color:rgba(0,0,0,0.54)*/
/*    }*/

/*    #navigationPrimary a:hover,#navigationPrimary a:focus {*/
/*        color: #0a1d4c*/
/*    }*/

/*    #navigationPrimary ul {*/
/*        background: #19314f;*/
/*        margin-left: -8px;*/
/*    }*/

/*    #navigationPrimary ul a {*/
/*        color: #fff*/
/*    }*/

/*    #navigationPrimary ul a:hover,#navigationPrimary ul a:focus {*/
/*        border-color: transparent*/
/*    }*/
    
/*}*/

.header_aims_scope,
.header_index_metrics,
.auth_guide_responsibilities,
.auth_guide_man_requirements{
    background: linear-gradient(297deg, rgba(45,122,121,1) 0%, rgba(86,195,191,1) 100%, rgba(86,195,191,1) 100%, rgba(255,255,255,1) 100%);
    color: white;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.highlight_color{
    background-color: floralwhite;
}


.__dimensions_badge_embed__{
    display: none !important;
}

.obj_article_details .main_entry .item.keywords .label {
    display: grid !important;
    font-size: 1rem !important;
    margin-bottom: 0px !important;
}

/* ================================================================== */

.journal-book-container { 
    width: 375px; 
    margin: 20px auto; 
    display: block;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}
.journal-book { 
    z-index: 5; 
    /*box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);*/
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.75s;
    -moz-transition: 0.75s;
    transition: 0.75s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 125px 0;
    -moz-transform-origin: 125px 0;
    transform-origin: 125px 0;
}
.journal-book:after { 
    content: ""; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 3px; 
    width: 7px; 
    background: url(https://3.bp.blogspot.com/-9KyPk9T8yko/U2bDJq8s52I/AAAAAAAAPzM/OvSY7JUf-tY/s1600/ridge.png) repeat-y; 
    z-index: 20;
    /* -webkit-transform: translateZ(1px); */
    /* Fix for flickering in Chrome  */
}
.journal-book:hover {
      -webkit-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(25deg);
      -moz-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(25deg);
      transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(15deg);
}

.journal-book-cover { 
    position: relative; 
    z-index: 10; 
}
.journal-book-cover h1 {
    position: absolute;
    margin: 30px 30px !important;
    text-align: left;
    color: #eee;
    text-shadow: 0 0 4px #333;
    font-size: 24px;
}
.journal-book-cover h2 {
    position: absolute;
    margin: 30px 30px !important;
    text-align: left;
    color: #015383;
    /* text-shadow: 0 0 4px #333; */
    bottom: 0;
    right: 0;
    font-size: 12px;
}
.journal-book-cover img { 
    vertical-align: bottom; 
    max-width: 100%; 
    height: auto; 
}
.journal-book-spine { 
    position: absolute; 
    color: #fff; 
    position: absolute; 
    bottom: 0; 
    top: 0; 
    width: 50px; 
    z-index: 5; 
    overflow: hidden; 
    /*box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);*/
    background: url(https://jadiin.id/img_jema/cover-spine-multi.png) -64px 0 no-repeat;
    background-size: auto 100%;
    -webkit-transform: rotateY(-90deg) translateX(-49px);
    -moz-transform: rotateY(-90deg) translateX(-49px);
    transform: rotateY(-90deg) translateX(-49px);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
}
.journal-book-spine h1 { 
    display: block; 
    width: 325px; 
    text-align: left; 
    color: #fff; 
    position: absolute; 
    top: 0; 
    left: 39px; 
    text-indent: 43px; 
    text-transform: uppercase; 
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 2em; 
    opacity: 0.75; 
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
}
.journal-book-spine:before { 
    display: block; 
    content: ""; 
    width: 100%; 
    height: 100%; 
    background: rgba(0, 0, 0, 0.3); 
}

.journal-book-col-main {
    flex: 1;  
}  
  
.journal-book-col-complementary {
    flex: 1;
}

.journal-row-container {
    max-width: 60em;
    margin-right: auto;
    margin-left: auto;
	margin-top: 20px;
	font-size: 16px;
}
  
.journal-book-col {
    padding: 1em;
    margin: 0 2px 2px 0;
    /* background: #b3e888; */
}

.text-about-us-1{
    text-align: justify;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 15px;
    /*font-family: ui-sans-serif;*/
    /* letter-spacing: -0.5px; */
    padding: 0px 20px 0px 20px;
}

.text-about-us-2{
	text-align: justify; 
	line-height: 25px; 
	margin-top: 5px; 
	margin-bottom: 21px; 
	font-size: 17px; 
	/*font-family: ui-sans-serif; */
	letter-spacing: -1px; 
	padding: 0px 20px 20px 20px;
}

.text-about-us-2 a{
	text-decoration: none;
	color: #30807f !important;
}

/* ================================================================== */


.bg_menu{
	background: rgb(10,29,76);
	background: linear-gradient(297deg, rgba(45,122,121,1) 0%, rgba(86,195,191,1) 100%, rgba(86,195,191,1) 100%, rgba(255,255,255,1) 100%);
    border-radius: 10px;
    padding: 15px;
	margin-top: 20px;
}

.button {
    text-decoration: none;
    transition: 0.5s;
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    margin: 5px 5px;
    font-size: 13px;
    letter-spacing: -1px;
    text-align: center;
    background-color: white;
}

.button a{
	text-decoration: none;
	color:#048b8a !important;
}


.floating_button_up::before {
  content: "\f148";
  color:#fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin-right: 1px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.floating_button_home::before {
  content: "\f015";
  color:#fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin-right: 1px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.floating_button_submit::before {
  content: "\f08b";
  color:#fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin-right: 1px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.floating_button_review::before {
  content: "\f06c";
  color:#fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin-right: 2px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.floating_button_indexing::before {
  content: "\f0a3";
  color:#fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin-right: 1px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.floating_button_assist::before {
  content: "\f27a";
  color:#fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin-right: 1px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.floating_button_ethics::before {
  content: "\f140";
  color:#fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin-right: 1px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.floating_button_jema::before {
  content: "\f00a";
  color:#fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin-right: 1px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.button1 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button1:before {
  content: "\f14e";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button1:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button2 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button2:before {
  content: "\f0a3";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button2:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button3 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button3:before {
  content: "\f0c0";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button3:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button4 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button4:before {
  content: "\f27e";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button4:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button5 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button5:before {
  content: "\f08b";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button5:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button6 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button6:before {
    content: "\f06c";
    color: #30807f;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.button6:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button7 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button7:before {
  content: "\f140";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button7:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button8 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button8:before {
  content: "\f192";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button8:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button9 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button9:before {
  content: "\f071";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button9:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button10 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button10:before {
  content: "\f024";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button10:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button11 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button11:before {
  content: "\f05d";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button11:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button12 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button12:before {
  content: "\f1c1";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button12:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button13 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button13:before {
  content: "\f27a";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button13:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button14 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button14:before {
  content: "\f16c";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button14:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button15 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button15:before {
  content: "\f037";
  color:#30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button15:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.button16 {
	border: 1.5px solid #fff;
	border-radius: 10px;
}

.button16:before {
  content: "\f10d";
  color: #30807f;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button16:hover {
	background-color: #fff;
	color: #050801;
	box-shadow: 0px 0px 5px #fff, 0px 0px 25px #fff;
}

.app__navGroup {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: none;
}


#i1, #i2, #i3, #i4, #i5{ display: none;}

.container_top{
	margin: 0 auto;
    margin-top: -15px;
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 50%;
    user-select: none;
    /* background-color: #1c1c1c; */
    /* border: solid 10px #616161; */
    /* border-radius: 10px; */
}

.container_top .slide_img{
    position: absolute;
    width: 100%;;
    height: 100%;
}

.container_top .slide_img img{
    width: inherit;
    height: inherit;
}

.container_top .color-overlay{
    background-image: linear-gradient(to bottom, #924b7f3d, #0d2250d4);
    width: 100%;
    height: 100%;
    opacity: .4; 
    position: absolute;
}

.container_top .main_title a {
    position: absolute;
    font-size: 25px;
    text-decoration: none;
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    font-weight: 600;
}

.prev_top, .next_top{
	width: 12%;
    font-size: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
	opacity:10%;
    color: rgba(244, 244, 244,.9);
    z-index: 99;
    transition: .45s;
    cursor: pointer;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.next_top{right:0;}
.prev_top{left:0;}

.slide_img label span{
    position: absolute;
    font-size: 100pt;
    top: 50%;
    transform: translateY(-50%);
}

.prev_top:hover, .next_top:hover{
    transition: .3s;  
	opacity: 50%;
    color: #ffffff; 
}

.container_top #nav_slide_top{
	width: 100%;
	bottom: 12%;
	height: 11px;
	position: absolute;
	text-align: center;
	z-index: 99;
	cursor: default;
}

#nav_slide_top .dots{
	top: -5px;
	width: 18px;
	height: 18px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
	transition: .4s;
}

#nav_slide_top .dots:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.9);
	transition: .25s
}

.slide_img{z-index: -1;}

	#i1:checked ~ #one  ,
	#i2:checked ~ #two  ,
	#i3:checked ~ #three,
	#i4:checked ~ #four ,
	#i5:checked ~ #five 
	{z-index: 9; animation: scroll 1s ease-in-out;}

	#i1:checked  ~  #nav_slide_top #dot1,
	#i2:checked  ~  #nav_slide_top #dot2,
	#i3:checked  ~  #nav_slide_top #dot3,
	#i4:checked  ~  #nav_slide_top #dot4,
	#i5:checked  ~  #nav_slide_top #dot5
	{ background-color: rgba(255,255,255,.9);}

@keyframes scroll{
	0%{	opacity:.4;}
	100%{opacity:1;}
}		

@media screen and (max-width: 685px){
	.container_top{
		border: none;
		width: 100%;
		height: 0;
		padding-bottom: 50%; 
	}	
	
	#nav_slide_top .dots{
		width: 12px;
		height: 12px;
	}
}
@media screen and (min-width: 970px){
	.me{ display: none;}
}



.body_logo{
	padding-top: 20px;
    overflow: hidden;
    padding-bottom: 60px;
}

.slide_logo{
    margin: auto;
    position: relative;
    display: grid;
    place-items: center;
}

.track_logo{
    display: flex;
    width: calc(250px * 10);
    animation: logo_move 40s linear infinite;
}

.track_logo:hover{
    animation-play-state: paused;
}

@keyframes logo_move{
    0%{transform: translateX(0);}
    100%{transform: translateX(calc(-250px * 5));}
}

.logo a{
	width: 250px;
    display: flex;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    perspective: 150px;;
}

.logo img{
    width: 100%;
    transition: transform 1s;
}

.logo img:hover{
    transform: translateZ(20px);
}

.slide_logo::before,
.slide_logo::after{
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    content: '';
    height: 100%;
    position: absolute;
    width: 15%;
    z-index: 2;
}

.slide_logo::before{
    left: 0;
    top: 0;
}

.slide_logo::after{
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}


/* ================================================================== */

.section-title {
	--s: 0.1em;
    --c: #30807f;
    font-size: 20px;
    font-weight: bolder;
    width: fit-content;
    letter-spacing: -2px;
    cursor: pointer;
    color: #0000;
    padding-bottom: var(--s);
    background: linear-gradient(90deg,var(--c) 50%,#318180 0) calc(100% - var(--_p,0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;
    -webkit-background-clip: text,padding-box;
    background-clip: text,padding-box;
    transition: 0.5s;
    margin-top: 25px;
}

.section-title:hover {--_p: 100%}


/* ================================================================== */


/* ================================================================== */

::-webkit-scrollbar {
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 25px;
}
::-webkit-scrollbar-thumb {
    background: #cfd0d3;
    border-radius: 25px;
}

.editor-container {
    display: flex;
    gap: 12px;
    /* max-width: 360px; */
    width: 100%;
    /* background: #4070f4; */
    border-radius: 12px;
    padding: 30px;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    scroll-padding: 30px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
    height: 26em;
    position: relative;
    z-index: 1;
}

.editor-container .editor-card {
    display: flex;
    flex: 0 0 75%;
    flex-direction: column;
    align-items: center;
    /* padding: 30px; */
    border-radius: 25px 25px 0 25px;
    background: #fff;
    scroll-snap-align: start;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
	max-width: 230px;
}

.editor-overlay{
    background: rgb(10,29,76);
    background: linear-gradient(297deg, rgba(45, 122, 121, 1) 0%, rgb(6 148 143) 100%, rgba(86, 195, 191, 1) 100%);
    height: 35%;
    width: 100%;
    border-radius: 25px 25px 0px 0px;
}

.editor-card .editor-image{
    position: relative;
    height: 120px;
    width: 115px;
    border-radius: 50%;
    /* background: #FFF; */
    padding: 3px;
}

.editor-image img {
    height: 90%;
    width: 90%;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #fff;
    /* margin: 0; */
    position: absolute;
	top: 10%;
    left: 55%;
    /* -ms-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%);*/
}

.editor-card .editor-name {
	font-size: 14px;
    font-weight: bolder;
    color: #287d7b;
    margin-top: 0px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.editor-card .editor-description-1{
	font-size: 14px;
    color: #287d7b;
    text-align: center;
    margin-top: -20px !important;
}

.editor-card .editor-description-2{
    font-size: 14px;
    color: #277e7c;
    text-align: center;
    margin-top: -15px !important;
}

.editor-card .editor-description-3{
    font-size: 12px;
    font-weight: bold;
    color: #287d7b;
    text-align: center;
    margin-top: -10px !important;
}

.btn-profiles{
    border: none;
    font-size: 14px;
    color: #FFF;
    padding: 10px 45px;
    background-color: #287d7b;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.btn-profiles:hover{
    background: #0a1d4c;
}

.editor-overlay a {
	text-decoration: none;
}

/* ================================================================== */


.tabs-block {
	display: flex;
	align-items: center;
	justify-content: center;
}


.tabs {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-top: 35px;
}

.tabs label {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 2rem;
	/* margin-right: 0.0625rem; */
	cursor: pointer;
    background-color: #365c80;
    color: #fff;
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    font-size: 16px;
    font-weight: 600;
	letter-spacing: -1px;
    transition: background-color ease 0.3s;
}

.tabs label .tab-icons-1 {
    margin-right: 5px;
    font-size: 24px;
    padding-bottom: 5px;
}

.tabs label .tab-icons-2 {
    margin-right: 5px;
    font-size: 24px;
    padding-bottom: 12px;
    transform: rotateY(180deg);
}

.tabs label .tab-icons-3 {
    margin-right: 5px;
    font-size: 20px;
    padding-bottom: 7px;
}

.tabs label .tab-icons-4 {
    margin-right: 5px;
    font-size: 20px;
    padding-bottom: 5px;
}

.tabs .tab {
	flex-grow: 1;
	width: 100%;
	height: 100%;
	display: none;
	padding: 1rem 2rem;
	color: #000;
	background-color: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
}

.tabs .tab p {
    margin: 50px;
}

.tabs .tab > *:not(:last-child) {
	margin-bottom: 0.8rem;
}

.tabs [type=radio] {
	display: none;
}

.tabs [type=radio]:checked + label {
	background-color: #fff;
    color: #365c80;
    border-top: 4px solid #365c80;
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
}

.tabs [type=radio]:checked + label + .tab {
	display: block;
}


/* ================================================================== */

.tabs-container{
	margin: 30px;
}

.tabs-row{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.tabs-image{
	background: rgb(10 29 76 / 88%);
	position: relative;
	flex: 1;
    width: 300px;
    height: 300px;
    margin: 20px;
    overflow: hidden;
}

.tabs-image img{
	opacity: 0.8;
	position: relative;
	vertical-align: top;
	transition: 0.6s;
	transition-property: opacity;
}

.tabs-image:hover img{
	opacity: 1;
}

.tabs-image .details{
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	width: 100%;
	height: 100%;
}

.tabs-image .details h2{
    font-family: ui-sans-serif;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    margin-top: 70px;
    margin-left: 10px;
    margin-right: 10px;
    transition: 0.4s;
    transition-property: transform;
    background-color: rgb(10 29 76 / 40%);
}

.tabs-image .details h2 span{
	font-weight: 900;
}

.tabs-image:hover .details h2{
	transform: translateY(-30px);
}

.more{
    position: absolute;
    background: #365c80;
    opacity: .8;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    bottom: -60px;
    transition: 0.6s;
    transition-property: bottom;
    
}

.tabs-image:hover .more{
	bottom: 0;
}

.more .read-more{
    font-family: sans-serif;
    color: #fff;
    text-decoration: none;
}

.more .read-more span{
	font-weight: 300;
}

.more .icon-links img{
    width: 25px;
    margin-right: 30px;
    filter: invert(99%) sepia(8%) saturate(4%) hue-rotate(96deg) brightness(104%) contrast(100%);
}

.more .icon-links a:not(:last-child) i{
	margin-right: 0px;
}


/* ================================================================== */

.section-partners {
	width: 100%;
	height: auto;
	text-align: center;
}

.section-partners ul {
	padding: 0;
	margin-top: 15px;
}

.section-partners ul li {
    list-style: none;
    display: inline-block;
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: 5px;
    box-shadow: 0px 0px 10px -7px #555;
    transition: .5s;
}

.section-partners ul li img {
	width: 100%;
	height: 100%;
}

.section-partners ul li img:nth-child(1) {
	transform: translateY(0);
	transition: .5s;
}

.section-partners ul li img:nth-child(2) {
	transform: translateY(0);
	transition: .5s;
}

/*Hover-Section*/


.section-partners ul li:hover img:nth-child(1) {
	transform: translateY(-100%);
	transition: .5s;
}

.section-partners ul li:hover img:nth-child(2) {
	transform: translateY(-105%);
	transition: .5s;
}
  

/* ================================================================== */

.container-editorial-note {
    position: relative; /* Change to relative positioning */
    top: 0;
    /*left: 50%;*/
    transform: translate(-50%, 0); /* Adjust translation */
    width: 100%;
    max-width: 700px;
    min-width: 290px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.2);
    background: linear-gradient(297deg, rgba(45, 122, 121, 1) 0%, rgb(6 148 143) 100%, rgba(86, 195, 191, 1) 100%);
    color: aliceblue;
    z-index: 2;
    margin-bottom: 20px;
}
.container-editorial-note h1 {
    font-size: 30px !important;
    color: #fff !important;
    margin-bottom: 0em !important;
}
.profil-img-editorial-note {
  width: 175px;
  height: 175px;
  border-radius: 50%;
  background-color: #888888 !important;
  background: url("https://jadiin.id/img_jema/dmariyono.jpg");
  background-size: cover;
  margin: 0px 20px 20px 0px;
  float: left;
  shape-outside: circle();
}

/* ================================================================== */

@import url("https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre");


.custom_style_article_news {
    font-weight: bold !important;
    font-size: 25px !important;
    font-family: Frank Ruhl Libre !important;
	text-align: center;
	margin: 30px 0px !important;
}

.custom_style_article_news_title_section{
    font-weight: bold !important;
    font-size: 18px !important;
    font-family: Frank Ruhl Libre !important;
	margin: 15px 0px !important;    
}

.custom_style_article_news_img_source{
    font-size: 12px !important;
    font-family: Frank Ruhl Libre !important;
    text-align: right;
    margin: -20px 0px 0px 0px;
    color: darkgray;
}

.custom_style_article_news_diagram_title{
  font-size: 16px !important;
  font-family: Frank Ruhl Libre !important;
  margin: 20px 0px -10px 0px;
}

.custom_style_article_news_author{
    font-size: 14px !important;
    font-family: Frank Ruhl Libre !important;
    text-align: left;
    margin: 16px 0px 0px 0px;
}

.custom_style_article_news_editor{
    font-size: 14px !important;
    font-family: Frank Ruhl Libre !important;
    text-align: left;
}

.reading_time{
    font-family: Frank Ruhl Libre !important;
    font-size: 12px !important;
	margin: 0.75rem 0 1.5rem 0;
}

.custom_style_article_news_summary {
	border-left: 5px solid #bdc3c7;
    padding: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Frank Ruhl Libre !important;
    font-size: 14px !important;
    cursor: pointer;
    text-align: justify;
    background-color: beige;
	margin-bottom: 20px;
}

.custom_style_article_news_paragraph{
    font-family: Frank Ruhl Libre !important;
	font-size: 16px !important;
    text-align: justify;
    margin: 10px 0px;
    line-height: 1.3em;
}

.custom_style_article_news_paragraph a{
    font-family: Frank Ruhl Libre !important;
	font-size: 16px !important;
    text-decoration: none;
}

.custom_style_article_news_image{
	margin: 20px 0px;	
}

.custom_style_article_news_footnote{
font-family: Frank Ruhl Libre !important;
    font-size: 13px !important;
    font-style: italic;
    text-align: justify;
    margin: 20px 0px;
    line-height: 15px;	
}







.line_before_news {
	margin: 20px 0px !important;
	border: 0;
	height: 1px;
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0.75),
		rgba(0, 0, 0, 0)
		);
}

.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.marquee .news_title {
    position: absolute;
    background: rgb(255 255 255);
    display: flex;
    align-items: center;
    padding: 0.85rem 15px;
    margin-top: -1rem;
    background-size: 3rem;
    color: #355c80;
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 17px;
    font-family: system-ui;
    z-index: 200;
    border: 2px solid rgba(66,110,143,1);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.marquee:hover .marquee__item {
    animation-play-state: paused;
}

.marquee a{
	text-decoration: none;
	color: #fff !important;
	font-family: system-ui !important;
    font-weight: bold;
}

.marquee__seperator {
	display: inline-block;
    margin: 0px 2rem;
    width: 55px;
    height: 19px;
    background-image: url(https://jadiin.id/img_jema/JEMA.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.marquee__item {
    display: inline-block;
    will-change: transform;
    animation: marquee 60s linear infinite; /* Replace $speed variable */
}

@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* Styling */
.marquee {
    background: linear-gradient(297deg, rgba(10,29,76,1) 0%, rgba(66,110,143,1) 100%, rgba(75,125,146,1) 100%, rgba(255,255,255,1) 100%);
    padding: 1rem 0;
    color: #fff;
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.author_bio_1 {
  display: flex !important;
  align-items: center !important;
  margin-top: 35px;
}

.author_bio_2 {
  display: flex !important;
  align-items: center !important;
  margin-top: 10px;
}

.author_avatar {
  display: block;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  line-height: normal;
  position: relative;
  width: 130px;
}
.author_avatar_image_small {
  width: 120px;
  height: 120px;
}
.author_avatar_image {
	display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    padding: 20px;
}
.author_bio_txt {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.author_bio_name{
  margin-bottom: 5px;
}

.author_bio_name a{
  text-decoration: none;
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

.author_bio_profile{
	/*font-size: .875rem;*/
    font-weight: 400;
    letter-spacing: -.000625rem;
    line-height: 1.25rem;
    text-align: justify;
    padding: 5px 0px 5px 0px;
}

@media (max-width: 500px) {
    .author_bio_1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
    }
	
    .author_bio_2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
    }

    .author_avatar {
        width: auto; /* Adjust width as needed */
    }

    .author_avatar_image_small {
		width: 180px;
		height: 180px;
    }

    .author_bio_txt {
        padding-left: 15px !important;
        padding-right: 15px !important;
        text-align: center;
    }

    .author_bio_name {
        margin: 14px 0px;
	}

    .author_bio_name a {
        font-size: 18px; /* Adjust font size as needed */
        margin-bottom: 10px; /* Adjust margin as needed */
    }
}


.tbl_metric {
    max-width: 100%;
    overflow-x: auto;
    margin: 10px auto;
    border-radius: 12px;
}

.tbl_metric table {
    border-collapse: collapse;
    margin: 15px 0px;
}

.tbl_metric th, .tbl_metric td {
    padding: 12px;
    border: 2px dotted #ddd;
    text-align: center;
}

.tbl_metric th {
    background-color: #f0f0f0;
    font-weight: bold;
}

.tbl_metric td {
    text-align: left;
}

.tbl_metric tr:nth-child(even) {
    background-color: #f8f8f8;
}

@media (max-width: 768px) {
    .tbl_metric th, .tbl_metric td {
        padding: 8px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .tbl_metric th, .tbl_metric td {
        padding: 5px;
        font-size: 10px;
    }
}



.custom_style_timeline_title {
    font-size: 14px !important;
    font-family: system-ui !important;
    margin: 10px 0px 10px 0px;
}

.timeline {
  width: 100%;
  height: 425px;
  padding: 20px;
  position:relative;
  box-sizing: border-box;
  overflow: auto;
  display: flex;
  margin-bottom: 30px;
}
.timieline-title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px ;
  font-family: system-ui !important;
}
.timeline-content {
  max-width: 300px;
  /*height: 270px;*/
  padding: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  align-self: flex-start;
  background: #FFF;
  position: relative;
  border-radius: 10px;
  margin-right: 10px;
  box-shadow: 0px 0px 2px 2px rgba(0,0,0, 0.2);
  font-family: system-ui !important;
}
.timeline-content:before {
  position: absolute;
  width: calc(100% + 14px);
  height: 4px;
  top: calc(100% + 10px);
  background: linear-gradient(1deg, rgba(10,29,76,1) 0%, rgba(66,110,143,1) 100%, rgba(75,125,146,1) 100%, rgba(255,255,255,1) 100%) !important;
  content: "";
  left: -7px;
  border-radius: 5px;
}

.timeline-content:after {
  position: absolute;
  width: 4px;
  height: 25px;
  top: 100%;
  left: calc(50% - 10px);
  background: linear-gradient(1deg, rgba(10,29,76,1) 0%, rgba(66,110,143,1) 100%, rgba(75,125,146,1) 100%, rgba(255,255,255,1) 100%) !important;
  content: "";
}
.timeline-period {
  position: absolute;
  top: calc(100% + 25px);
  background: linear-gradient(1deg, rgba(10,29,76,1) 0%, rgba(66,110,143,1) 100%, rgba(75,125,146,1) 100%, rgba(255,255,255,1) 100%) !important;
  padding: 10px;
  width: 135px;
  text-align:center;
  border-radius: 10px;
  left: calc(50% - 60px);
  box-shadow: 0px 0px 2px 2px rgba(0,0,0, 0.2);
  color: #fff;
}
.timeline-period:before {
  width: 15px;
  height: 15px;
  background: linear-gradient(1deg, rgba(10,29,76,1) 0%, rgba(66,110,143,1) 100%, rgba(75,125,146,1) 100%, rgba(255,255,255,1) 100%) !important;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: -20px;
  left: calc(50% - 6px);
  z-index: 2;
}

.timeline-content:nth-child(even) {
  align-self: flex-end;
}
.timeline-content:nth-child(even):before {
    top: -15px; 
}
.timeline-content:nth-child(even):after {
    top: -25px;
}
.timeline-content:nth-child(even) .timeline-period {
  top: -65px;
}
.timeline-content:nth-child(even) .timeline-period:before {
  top: calc(100% + 2px);
}



/* ================================================================== */


/* Responsive CSS */

@media (min-width: 250px){
    
    /*.pkp_structure_main {*/
    /*    padding: 1.714rem !important;*/
    /*}*/
    
    .page_article{
        padding: 0em 2em 2em 2em !important;
    }
    
    .page{
        padding: 0em 2em 0em 2em !important;
    }

    .page_about {
        padding: 1.5em 2em 0em 2em !important;
    }
    
    .page_title{
        padding: 1.5em 0em 0em 0em !important;        
    }

	.journal-book-layout {
        display: grid;
    }
	
	.journal-book-col-main{
		display: none;
	}

    .button{
        font-size: 11px !important;
        padding: 5px 5px !important;
        margin: 5px 1px !important;
        letter-spacing: -0.5px !important;
    }

    .journal-book-col {
        padding: 10px 0px 0px 0px !important;
        margin: 0 !important; 
        /* background: #b3e888; */
    }

    .obj_announcement_summary {
        padding: 30px 30px 10px 30px !important;
    }
	
	.body_logo{
		padding-bottom: 10px;
		padding-top: 35px;
	}

    .current_issue {
        padding: 0px 20px !important;
    }
    
    .pkp_site_name_wrapper, .pkp_navigation_primary_wrapper, .pkp_navigation_user, .pkp_search_mobile, .pkp_structure_content, .pkp_structure_footer {
        padding-left: 0rem !important; 
        padding-right: 0rem !important;
    }

    .tabs-container{
        margin: 0px;
        display: grid;
        justify-content: center;
    }

    .tabs .tab{
        padding: 0rem;
        width: 295px;
    }

    .tabs-row{
        width: 300px;
        display: grid;
        justify-content: center;
    }

	.more .read-more, .more .icon-links a i{
		font-size: 16px;
        font-weight: 700;
	}
	
	.more .icon-links img{
		margin-right: 0px;
    }
    
    .cmp_breadcrumbs {
        /*padding: 20px 0px 20px 0px !important;*/
        /*font-family: system-ui !important;*/
        /*font-size: 18px !important;*/
        /*font-weight: 600;*/
        /*text-transform: none !important;*/
        /*letter-spacing: -0.4px;*/
        display: none !important;
    }
    
    .cmp_breadcrumbs ol {
        display: none;
    }
    
    .page_announcement {
        margin-top: 2.143rem;
        padding: 0em 2em 2em 2em;
    }
    
    .editor-container .editor-card {
        flex: 0 0 90%;
        max-width: none;
    }
   
   .btn-profiles {
       margin-top: 5px;
   }
   
   .editor-card .editor-name {
        margin-top: 10px;
   }
   
    .profil-img-editorial-note {
        margin: 20px auto 40px auto; /* Adjust margins to create spacing */
        shape-outside: none;
        display: block; /* Ensure the image takes the full width available */
        float: none;
    }

@media (min-width: 430px){

    .journal-book-col {
        padding: 0px !important
    }

    .button{
        font-size: 11px;
    }
    
    .obj_announcement_summary {
		max-width: 60em !important;
        padding: 30px 30px 10px 30px !important;
    }
    
    .current_issue {
        padding: 0px 20px !important;
    }

    .page_announcement {
        margin-top: 2.143rem;
        padding: 0em 2em 2em 2em;
    }
	
	.body_logo{
		padding-bottom: 10px;
		padding-top: 35px;
	}
	
    .text-about-us-2 {
        margin-bottom: 0px !important;
    }
    
    .editor-container .editor-card {
        flex: 0 0 75%;
        max-width: 230px;
    }
}

@media (min-width: 445px){
    .profil-img-editorial-note {
        margin: 0px 40px 10px 0px;
        shape-outside: circle();
        float: left;
    }
}


@media (min-width: 685px){

    .cmp_breadcrumbs {
        padding: 20px 0px 20px 0px !important;
        font-family: system-ui !important;
        font-size: 18px !important;
        font-weight: 600;
        text-transform: none !important;
        letter-spacing: -0.4px;
        display: none;
    }
    
    .cmp_breadcrumbs ol {
        display: block;
    }
    
	.journal-book-layout {
        display: grid;
    }
	
	.journal-book-col-main{
		display: block;
	}
	
    .tabs-container{
        margin: 0px;
        display: flex;
        justify-content: center;
    }

    .tabs .tab{
        padding: 0rem;
        width: 295px;
    }

    .tabs-image{
		margin-left: 2%;
	}

    .tabs-row{
        width: 300px;
    }
    
	.more .read-more, .more .icon-links a i{
		font-size: 16px;
        font-weight: 700;
	}
	
	.more .icon-links img{
		margin-right: 0px;
    }
    
    .journal-book-col {
        padding: 1em 0px 0px 0px !important
    }

    .obj_announcement_summary {
        padding: 30px 40px 10px 40px !important;
        width: 100% !important;
    }
    
    .current_issue {
        padding: 0px 20px !important;
    }

    .button{
        font-size: 12px !important;
        padding: 5px 10px !important;
        margin: 5px 2px !important;
    }

	.pkp_site_name_wrapper {
	    width: 100% !important;
	    height: 3em !important;
    }
    
    .pkp_structure_footer {
        width: 100% !important;
    }

    .item.copyright p {
        text-align: left !important;
    }
    
    .obj_article_details {
        width: 100% important;
    }

}

@media (min-width: 768px){
    .obj_article_details .main_entry {
        width: 100% !important;
    }

@media (min-width: 813px) {
	
	.journal-book-layout {
        display: flex;
    }
	
	.journal-book-container{
		width: 300px;
	}

	.journal-book-cover h2{
		margin: 20px 20px !important;
	}
	
	.body_logo{
		padding-top: 45px;
        padding-bottom: 25px;
	}
    .tabs-container{
        margin: 0px;
        display: flex;
        justify-content: center;
		width: fit-content;
    }
    
    .journal-book-col {
        padding: 0em !important;
    }
    
    .text-about-us-2 {
        margin-bottom: 21px !important;
    }

    .obj_announcement_summary {
        width: auto !important;
        padding: 30px 50px 10px 50px !important;
    }

    .current_issue {
        padding: 0px 30px !important;
    }
	
    .tabs-image{
		max-width: 300px;
		margin-left: 12%;
	}

	.tabs label {
		order: 1;
		width: auto;
	}

	.tabs .tab {
		order: 9;
	}

    .tabs-row{
        margin: 10px;
    }    

    .tab-icons-1, 
    .tab-icons-2,
    .tab-icons-3, 
    .tab-icons-4{
        font-size: 12px;
    } 

	.tabs [type=radio]:checked + label {
		border-bottom: none;
	}
	
	.more .icon-links img{
		margin-right: 0px;
    }

	.pkp_site_name_wrapper {
	    width: 100% !important;
	    height: 3em !important;
    }
    
    .obj_article_details .main_entry {
        width: 58% !important;
    }

}

@media (min-width: 992px) {

	.journal-book-container{
		width: 360px;
	}
	
    .journal-book-col {
        padding: 3px !important;
    }

    .tabs-row{
        width: 100%;
        display: grid;
    }

    .tabs-image{
		flex: 100%;
		max-width: 300px;
		margin-left: 23%;
	}
	
    .current_issue {
        padding: 0px 20px !important;
    }

    .pkp_structure_main {
        width: 800px !important;
    }
	
	.pkp_site_name_wrapper {
	    width: 100% !important;
	    height: 4em !important;
	    margin-top: 2em !important;
    }
    
    .pkp_structure_main {
        padding: 0 2.143rem 2rem !important;
    }
    
}

@media (min-width: 1200px){

    .page_about {
        padding: 0em 2em 0em 2em !important;
    }

    .page_title{
        padding: 0em 0em 0em 0em !important;        
    }

    
	.pkp_structure_page {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}


@media (min-width: 768px){
    .has_site_logo .pkp_head_wrapper {
        width: 100%!important;
    }
}

.editorial-list{
    position: relative; 
}
.editorial-list li{
    margin-bottom: 1.125rem;
}
.editorial-list .img-profile{
    position: absolute;
    width: 95px;
    height: 105px;
    border: 1px solid #ddd;
    padding: .5rem;
}
.editorial-list .img-profile .imgthumb{ 
    width: 80px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto; 
    object-fit: fill;
}
.editorial-list .img-profile img{
    width: 100%;
    height:100%;
}
.team-content{
    margin-left: 100px;
    min-height: 130px;
}
.team-content .ico-label{
    width: 18px;
    height: 18px;
    margin-right: .5rem;
}   
.team-aff ul li{
    margin-bottom: 0;
}
.team-aff ul li .tm_label{
    display: inline-block;
    width: 80px;
}
 
.team-aff ul li .ico-label{
    width: 18px;
    height: 18px;
    margin-right: .5rem;
}