/**
 * Copyright (c) Lewi Kiswanto (lewikiswanto221@gmail.com)
 *
 * Designed for Jurnal Vosio Dei http://jurnal.sttstarslub.ac.id/index.php/js/
 * 
 * Credits:
 * Background pattern from https://www.toptal.com/designers/subtlepatterns
 */
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i');
 
body, html {font-family: 'Source Sans Pro', sans-serif !important;}
body {background: linear-gradient(rgba(67,67,67,0.4),rgba(50,50,49,0.6)), url(https://backgrounddownload.com/wp-content/uploads/2018/09/greay-background-2.jpg) center top !important;}
p {text-align: justify;}
#headerNavigationContainer.pkp_structure_head{background: none !important; border-bottom: none !important;}
.pkp_structure_page .pkp_structure_head .pkp_head_wrapper {background: #55aaff !important;}
.pkp_site_name > a {padding-top: 0 !important; padding-bottom: 0 !important;}
.pkp_site_name .is_img img {max-height: 250px !important}
.pkp_navigation_primary_row {background: linear-gradient(rgba(245,106,106,1),rgba(173,5,13,1)) !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper{padding-left: 20px !important;}

.pkp_navigation_user_wrapper {background: linear-gradient(rgba(245,106,106,1),rgba(173,5,13,1)) !important }
.pkp_navigation_user_wrapper .pkp_navigation_user {line-height: 36px !important;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a {color: #FFFFFF}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul {border-radius: 0 !important; background: #55aaff !important;}
.pkp_navigation_user_wrapper .pkp_nav_list ul li:first-child a {border-top-left-radius: 0 !important; border-top-right-radius: 0 !important}
.pkp_navigation_user_wrapper .pkp_nav_list ul li:last-child a {border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important}
.pkp_navigation_user_wrapper .pkp_nav_list ul li a {color: #FFFFFF !important;}
.pkp_navigation_user_wrapper .pkp_nav_list ul li a:hover {border-left: solid 5px #f0f3f3 !important; background: rgba(0,0,0,.8)}
.pkp_navigation_user_wrapper .pkp_nav_list ul li a .task_count {color: #55aaff !important;}

.pkp_navigation_primary_wrapper .pkp_navigation_primary > li > ul {border-radius: 0 !important; background: #55aaff !important;}
.pkp_navigation_primary_wrapper .pkp_nav_list ul li:first-child a {border-top-left-radius: 0 !important; border-top-right-radius: 0 !important}
.pkp_navigation_primary_wrapper .pkp_nav_list ul li:last-child a {border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important}
.pkp_navigation_primary_wrapper .pkp_nav_list ul li {border-bottom: solid 1px rgba(255,255,255,.5) !important;}
.pkp_navigation_primary_wrapper .pkp_nav_list ul li:last-child {border-bottom: none !important}
.pkp_navigation_primary_wrapper .pkp_nav_list ul li a { background: #55aaff; border: none !important; color: #FFFFFF !important; padding: 0 5px 0 10px; line-height: 40px;}
.pkp_navigation_primary_wrapper .pkp_nav_list ul li a:hover {background: rgba(0,0,0,.2)}
.pkp_navigation_primary {font-family: "Source Sans Pro" !important;}
.pkp_navigation_primary > li > a {color: #FFFFFF; padding: 0 10px !important; line-height: 38px;margin: 0 !important}
.pkp_navigation_primary > li > a:hover {color: #FFFFFF; border-bottom: none; background: rgba(0,0,0,.2) !important}

.pkp_navigation_primary > li::after,.pkp_navigation_primary > li::before {content: "";display: block;height: 38px;position: absolute;top: 0px;width: 1px}
.pkp_navigation_primary > li::before {background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0)) rgba(0, 0, 0, 0);margin-left: -1px;opacity: .1}
.pkp_navigation_primary > li::after {background: -moz-linear-gradient(center top, rgba(255, 255, 255, .01), #fff, rgba(255, 255, 255, .01)) rgba(0, 0, 0, 0);margin-left: 0px;opacity: .25}
.pkp_navigation_primary > li:first-child::after,.pkp_navigation_primary > li:first-child::before { background-color: #000; display: none}

.pkp_head_wrapper .pkp_search .search_prompt {color:#FFFFFF;}

.pkp_structure_content {background: #FFFFFF !important; padding-top: 0 !important}

.pkp_structure_page {margin-top: 0 !important; margin-bottom:0 !important; padding-bottom: 0 !important;}
.pkp_structure_main {padding-bottom: 30px}
.pkp_structure_sidebar .pkp_block .title {font-family: 'Lora', serif !important;}
h1,h2,h3,h4,h5,h6 {font-family: 'Lora', serif !important;}

.pkp_block.block_make_submission .content {margin: 0 !important; padding: 0 !important; text-align: center !important}
.pkp_block.block_make_submission .content a { background: #c11b1b; line-height: 40px; font-family : 'Lora', serif !important; color: #FFFFFF}
.pkp_block.block_make_submission .content a:hover { background: #8d0f0f !important;  color: #e3d5d5}

.pkp_structure_sidebar .pkp_block .title {font-family: 'Lora', serif !important}
.pkp_block.block_custom > .content > .title, .pkp_block > .title {padding: 0 5px 0 10px; line-height: 50px; background-color: #00b0e8; color: white; border-top: 10px solid #bf3831; text-transform: uppercase; text-align: center;}
.pkp_block.block_custom {padding: 0 !important}
.pkp_block.block_custom > .content {padding: 0 10px !important; text-transform: uppercase; text-align: center;}
.pkp_block:not(.block_custom) .content {padding: 10px}
.pkp_block {margin: 10px 0 !important; padding: 10px !important;}

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


.obj_article_summary .meta .authors:before { content: "\f0c0";  font-family: FontAwesome; margin-right: 5px; color: #55aaff}
.obj_article_summary .item.doi .label {background: url(/public/site/images/administrator/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.doi .value a {text-decoration: none !important; color: #187ac5}
.obj_article_summary .item.stats .abstract, .obj_article_summary .item.stats .galley {position:relative;}   
.obj_article_summary .item.stats .abstract {margin-left: 25px; 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:-20px; position:absolute; top:0; }
.obj_article_summary .item.stats .galley:before { content: "\f1c1";  font-family: FontAwesome; left:-20px; position:absolute; top:0; }

.obj_issue_toc .articles > li {margin-bottom: 0; padding: 10px}
.obj_issue_toc .articles > li:nth-of-type(odd){background: #f3f2f2}
.obj_issue_toc .articles > li:nth-of-type(even){background: #e8f3f7}
.pkp_brand_footer{
	display: none;
}

.vertical-menu {
width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}

.vertical-menu a {
background-color: #FFD9D9; /* Warna pada bagian body menu */
color: black; /* Warna tulisan */
display: block;
padding: 12px;
text-decoration: none;
font-family: arial; /*Jenis font*/
}

.vertical-menu a:hover {
background-color: #ccc; /* Warna efek yang keluar ketika di arahkan mouse */
}

.vertical-menu a.active {
background-color: #800000; /* Warna pada header menu */
color: white; /*Warna font*/
font-family: arial; /*Jenis font*/
}