/**
 *
 * Open Journal Systems
 * Copyright (c) 2013-2016 Simon Fraser University Library
 * Copyright (c) 2003-2016 John Willinsky
 * Designed for Ijer: Indonesian Journal of education oleh Ahmad Nasukha
 * 
 * Credits:
 * Background pattern from subtlepatterns.com
 *
 **/
.journals ul .body .description a {display: inline;}

@import url('https://fonts.googleapis.com/css?family=Sunflower:300');
html, body, * {font-family: Sunflower, helvetica, calibri; }
/*body {background-image: url(https://www.toptal.com/designers/subtlepatterns/uploads/webb.png);}*/
body {background-image: url(https://sutha.link/image/bg_nasuha_uin_whitegreen.png);}
/*https://sutha.link/image/bg_nasuha_uin-min.png*/
a { color: #0d2455; }
a:hover { color: #ffbc05; }
.cmp_button_wire, .obj_galley_link { background:   #184c06; border: 1px solid #0d2455; color: #fff; }
.obj_article_summary { border: 1px solid  #527d48; padding: 10px; border-radius: 5px; box-shadow: 3px 3px #184c06;
}

.pkp_site_name {
    padding-top: 0px;
    padding-bottom: 0px;
}

.pkp_site_name_wrapper {
    padding-left: 0px;
    padding-right: 0px;
}

.pkp_site_name .is_img img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    margin-bottom: -6px;
}

.pkp_navigation_user_wrapper {top: 0; right: 0; padding:0;}
.pkp_navigation_user_wrapper .pkp_navigation_user {font-family: Sunflower, helvetica, calibri ; font-weight: normal;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile { font-family: Sunflower, helvetica, calibri; background: #0a5388; color:#fff } /* warna back tombol atas */
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a { font-family: Sunflower, helvetica, calibri ; font-weight: normal !important; padding-right: 10px; color:#fff}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu { border-radius: 0 !important;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu > li > a { font-family: Sunflower, helvetica, calibri ; font-weight: normal !important;}
.pkp_navigation_user { border-bottom: 2px solid #fff;} /*warna background menu atas */
.pkp_navigation_user > li > a, .pkp_navigation_user > li.in_focus > a, .pkp_navigation_user > li > a:hover, .pkp_navigation_user > li > a:focus { color: #fff; }

.pkp_navigation_primary_row {background:linear-gradient(to bottom, #fff 0%, #f4c60f 50%, #fbbd2a 51%, #fff 100%) !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {padding: 0 !important;margin: 0 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {margin: 0 !important; padding: 0 10px !important; line-height: 40px !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family:Sunflower, helvetica, calibri; color: #FFFFFF !important; font-weight: normal !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background: rgba(0,0,0,.3) !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {border-radius: 0 !important; -webkit-border-radius: 0 !important; -o-border-radius: 0 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul { background:   #48e1da !important} /*warna background sub menu */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: solid 1px rgba(255,255,255,.35) !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: none !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family:Sunflower, helvetica, calibri; color: #373935 !important; font-weight: normal !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: Sunflower, helvetica, calibri;}

.pkp_structure_page {margin:auto; width: 1162px; padding-bottom: 0 !important; border-left: 1px solid gray; border-right: 1px solid gray; background: #fff; }
.pkp_structure_content { padding-top: 0; }
.pkp_structure_sidebar .pkp_block .title {font-family: Sunflower, helvetica, calibri;}
h1,h2,h3,h4,h5,h6 {font-family: Sunflower, helvetica, calibri;}

@media (max-width: 1000px) {
.pkp_structure_page {margin:auto; width: 100%; }
}

.pkp_structure_sidebar {
    float:right;
    width:300px;
  }
  .pkp_structure_main {
    float:left;
    padding:0 2.143rem 6.429rem;
    width:652px
  }
  .pkp_structure_main:after {
    left:652px
  }
}
@media (min-width:1200px) {
  .pkp_structure_main {
    width:860px
  }
  .pkp_structure_main:after {
    left:860px
  }
}
@media (min-width:992px) {
  .pkp_structure_main:first-child:last-child {
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-top:2.857rem
  }
  .pkp_structure_main:first-child:last-child:before {
    left:150px
  }
  .pkp_structure_main:first-child:last-child:after {
    left:auto;
    right:150px
  }
}
img {
  max-width:100%;
  width:auto;
  height:auto
}


.cmp_breadcrumbs {
    padding:.25rem 0
  }
  .cmp_breadcrumbs ol li:hover {
    cursor:pointer;
    background:#1a4b06;
    color:#fff !important
  }
  .cmp_breadcrumbs ol li:hover a:after,
  .cmp_breadcrumbs ol li:hover span:after {
    border-left-color:#1a4b06;
    color:#fff
  }
  .cmp_breadcrumbs ol li.current {
    background:#1a4b06;
    color:#fff !important
  }
  .cmp_breadcrumbs ol li.current a:after,
  .cmp_breadcrumbs ol li.current span:after {
    border-left-color:#1a4b06;
    color:#fff
  }
  .cmp_breadcrumbs ol {
    list-style:none;
    display:inline-table;
    margin-bottom:2px
  }
  .cmp_breadcrumbs ol li {
    display:inline-flex;
    background:#F3F5FA;
    padding:10px 10px 10px 23px;
    position:relative;
    margin:0 10px 10px 0
  }
  .cmp_breadcrumbs ol li:first-child {
    padding:10px 10px 10px 15px
  }
  .cmp_breadcrumbs ol li:last-child {
    background-color:#1a4b06
  }
  .cmp_breadcrumbs ol li:hover a,
  .cmp_breadcrumbs ol li:hover span {
    color:#ffffff
  }
  .cmp_breadcrumbs ol li:first-child a:before,
  .cmp_breadcrumbs ol li:first-child span:before {
    display:none
  }
  .cmp_breadcrumbs ol li:last-child a:after,
  .cmp_breadcrumbs ol li:last-child span:after {
    display:none
  }
  .cmp_breadcrumbs ol li a,
  .cmp_breadcrumbs ol li span {
    font-size:14px;
    text-decoration:none;
    color:rgba(0,0,0,0.87)
  }
  .cmp_breadcrumbs ol li a:after,
  .cmp_breadcrumbs ol li span:after {
    content:"";
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    border-left:18px solid #f3f5fa;
    position:absolute;
    right:-18px;
    top:0;
    z-index:1
  }
  .cmp_breadcrumbs ol li a:before,
  .cmp_breadcrumbs ol li span:before {
    content:"";
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    border-left:18px solid #fff;
    position:absolute;
    left:0;
    top:0
  }
  .cmp_breadcrumbs ol li span.separator {
    display:none
  }
  .cmp_breadcrumbs ol li.current a,
  .cmp_breadcrumbs ol li.current span {
    color:#ffffff;
    font-weight:bold
  }
/**/

.pkp_block .content p a {
  font-family:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  display:block;
  border:1px solid #e5e7eb;
  cursor:pointer;
  line-height:1;
  overflow:hidden;
  padding:10px 20px;
  margin-top:0;
  margin-bottom:-10px;
  position:relative;
  transition:background 3s cubic-bezier(.19, 1, .22, 1),border 1s cubic-bezier(.19, 1, .22, 1),color .6s cubic-bezier(.19, 1, .22, 1);
  user-select:none;
  width:100%
}
.pkp_block .content p a:hover {
  background-color:#831783;
  color:#fff !important;
  text-decoration:none
}
.pkp_block .content ul li {
  display:block;
  border:1px solid #e5e7eb;
  cursor:pointer;
  line-height:1;
  overflow:hidden;
  padding:5px 10px;
  margin-top:0;
  margin-bottom:5px;
  position:relative;
  transition:background 3s cubic-bezier(.19, 1, .22, 1),border 1s cubic-bezier(.19, 1, .22, 1),color .6s cubic-bezier(.19, 1, .22, 1);
  user-select:none;
  width:100%
}
.pkp_block .content ul li:hover {
  background-color:#831783
}
.pkp_block .content ul li:hover a {
  color:#fff !important;
  text-decoration:none
}
.pkp_block .pkp_block ul>li a {
  color:#474747;
  padding:.1rem 1rem;
  display:flex
}
.pkp_block .pkp_block ul>li em {
  box-sizing:border-box;
  display:inline-block;
  font:1.09em / 1 FontAwesome;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  margin:0px 15px 0px -10px;
  border-right:1px solid #e5e7eb;
  width:35px
}
.pkp_block .username,
.pkp_block .password,
.pkp_block .remember,
.pkp_block .checkbox {
  padding-bottom:16px
}
.pkp_block .buttons button {
  display:inline-block;
  background-color:#fff;
  cursor:pointer;
  padding:0 1em;
  border:1px solid rgba(0,0,0,0.4);
  font-size:13px;
  line-height:28px;
  font-weight:700;
  color:#2e2e2e;
  text-decoration:none;
  margin-right:13px
}
.pkp_block .buttons button:hover {
  background-color:#831783;
  color:#fff
}
.pkp_block .buttons button .register {
  margin-left:1em
}
.pkp_block.block_make_submission {
  border-bottom:unset;
  padding:unset;
  background:#fff;
  border-radius:unset
}
.pkp_block.block_make_submission a {
  color:#831783;
  width:100%;
  padding:.75rem 1rem;
  text-align:center;
  font-weight:700;
  text-decoration:none;
  background:#fff;
  transition:background 3s cubic-bezier(.19, 1, .22, 1),border 1s cubic-bezier(.19, 1, .22, 1),color .6s cubic-bezier(.19, 1, .22, 1);
  border-radius:unset;
  box-shadow:unset
}
.pkp_block.block_make_submission a:hover {
  background-color:#831783;
  text-shadow:unset;
  color:#f88c3f;
  border-radius:unset
}
a {
  color:#474747;
  text-decoration:none
}
a :hover {
  color:#ffc800;
  text-shadow:1px 1px #b5b2b2 91
}
body {
  font-family:"Karla",cursive;
  color:#474747
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup {
  top:-0.5em
}
sub {
  bottom:-0.25em
}
/* end block add*/

.pkp_block {margin: 0 !important}
#customblock-Sidebar_menu.pkp_block {margin: 0 !important; padding: 0 !important}
#customblock-Sidebar_menu.pkp_block ul, #customblock-Sidebar_menu.pkp_block ul li {margin: 0 !important; padding: 0 !important; list-style: none;}
#customblock-Sidebar_menu.pkp_block ul li {background: #bcd2e7 !important; border-bottom: solid 1px rgba(255,255,255,.4)}
#customblock-Sidebar_menu.pkp_block ul li:last-child {border-bottom: none}
#customblock-Sidebar_menu.pkp_block ul li a {background: #bcd2e7 !important; display: block; line-height: 40px; padding: 0 10px 0 20px; color: #FFFFFF;}
.pkp_block.block_make_submission .content {margin: 0 !important; padding: 0 !important; text-align: center !important}
.pkp_block.block_make_submission .content a { background: #bcd2e7; line-height: 40px; font-family : Sunflower, helvetica, calibri; color: #FFFFFF}
.pkp_block.block_make_submission .content a:hover { background: rgba(255, 120, 0, 0.93) !important;
  color: #1b58e8;}

.obj_article_summary .item.doi .label {background: url(/public/journals/8/images/icon-doi.png) left center no-repeat;width: 25px !important; height:24px !important; color: transparent; text-indent: 100%;white-space: nowrap;overflow: hidden;}
.obj_article_summary .item.stats .abstract, .obj_article_summary .item.stats .galley {position:relative;}   
.obj_article_summary .item.stats .abstract {margin-left: 20px; margin-right: 10px;}   
.obj_article_summary .item.stats .galley {margin-left: 25px;}   
.obj_article_summary .item.stats .abstract:before { content: "\f080"; font-family: FontAwesome; left:-15px; position:absolute; top:0; }
.obj_article_summary .item.stats .galley:before { content: "\f1c1";  font-family: FontAwesome; left:-15px; position:absolute; top:0; }

.pkp_structure_footer_wrapper{border-bottom: none !important;}
.pkp_block {padding: 15px 10px;}

#customblock-Tools .content>.content div{width: 80% !important; margin: auto;}
#customblock-Tools .content>.content div a img{width: 100% !important;}
#customblock-Visitor_statistics .content>.content .supercounter,#customblock-Visitor_statistics .content>.content .statcounter {text-align:center;}
.sidebar-block{ background:#bcd2e7; padding: 5px 2px 5px 10px; color : #fff; margin: 10px -10px;}



.cmp_announcements .obj_announcement_summary.full_width {width: 100% !important;}
.cmp_announcements .obj_announcement_summary .summary p {line-height: 1.3em; margin-top: 0 !important; margin-bottom: 1em !important;}

.pkp_structure_footer .pkp_footer_content {background: #f0f8fb; padding: 10px !important;}
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background:linear-gradient(135deg, #efba5f 7%, #efba5f 3%, #efba5f 3%, #efba5f 12%, #efba5f 54%, #ad6f03 85%, #623f02 120%); height: auto !important; padding: 0;}
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}

.pkp_structure_footer .pkp_footer_content img {width: 88px; height:31px;}
.pkp_structure_footer .pkp_footer_content div.logo img{width: 65px; height:65px;}
.pkp_structure_footer .pkp_footer_content div.logo2 img{width: 88px; height:31px;}