.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(http://perspektif.ppj.unp.ac.id/fil/22.png);}
a { color: #02733f; }
.cmp_button_wire, .obj_galley_link { border: 1px solid #3d9eff;  color: #3d9eff; }
.pkp_site_name {margin: 0;}
.pkp_site_name > a {padding-top: 0; padding-bottom: 0;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0; margin: 0;}
.pkp_site_name .is_img img {max-height: 100%; max-width: 100%; }

.pkp_navigation_user_wrapper {top: 0; right: 10; padding:0;}
.pkp_navigation_user_wrapper .pkp_navigation_user {font-family: Sunflower, helvetica, calibri ; font-weight: bold;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile { font-family: Sunflower, helvetica, calibri; background: #3d9eff; color:#000000 }
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a { font-family: Sunflower, helvetica, calibri ; font-weight: bold !important; padding-right: 10px; color:#ffffff}
.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: bold !important;}
.pkp_navigation_user { background: #3d9eff; border-bottom: 2px solid #3d9eff0;}
.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: #000000; }

.pkp_navigation_primary_row {background: #3d9eff !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: bold !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: #3d9eff !important}
.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 .pkp_search .search_controls a.headerSearchPrompt.search_prompt {font-family: Sunflower, helvetica, calibri; color: #ffffff !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: 1160px; 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_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: #02733f !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: #02733f !important; display: block; line-height: 40px; padding: 0 10px 0 20px; color: #e5322d;}
.pkp_block.block_make_submission .content {margin: 0 !important; padding: 0 !important; text-align: center !important}
.pkp_block.block_make_submission .content a { background: #02733f; line-height: 40px; font-family : Sunflower, helvetica, calibri; color: #e5322d}
.pkp_block.block_make_submission .content a:hover { background: rgba(0,0,0,0.25) !important;  color: #333333}

.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:#fef581; padding: 5px 2px 5px 10px; color : #e5322d; 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 {padding: 0px;}
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background: #398794; height: auto !important; padding: 0; display: none;}
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}
#footer1{background:linear-gradient(to right, #057642 , #c5dfd2); width:70%; float:left; padding:10px}
#footer2{background:linear-gradient(to right, #f8eee4 , #e08d2f); width:30%; float:left; padding:10px}
.logoAtas {margin:10px;}

.infoJournalAtas{background: #e4e4e4; padding: 130px 0px 30px 0px; clear: both;}
.infoJournalAtas > div{display: table-row; }
.infoJournalAtas > div > div{display: table-cell; vertical-align: middle;  padding:30px 10px; font-weight: 300; }
.infoJournalAtas > div > div:first-child{color: #fff;    background: rgba(0, 0, 0, 0.51);   min-width: 500px;font-size: 40px; padding-left: 10px; padding-right: 30px;}
.infoJournalAtas > div > div.infoRelatedJr{width: 250px; background:#fff;}
.infoJournalAtas > div > div.infoRelatedJr ul{list-style: none; padding: 0px; margin: 0px;}
.infoJournalAtas > div > div.infoRelatedJr ul li a{display:block; padding: 5px 10px; color: #0e2d46; font-size: 16px; -webkit-transition: .2s; transition: .2s;}
.infoJournalAtas > div > div.infoRelatedJr ul li a:hover{color:#337ab7; }

#mainContainer{padding:0px 0px; padding-top: 0px; background: #fff; width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex;}
#mainContainer, .topHeader .container{ width: 90% }
.container{width: 100% !important}


    .journals .media-list .media{width: 50%}
    .journals .media-list .media-left, .journals .media-list .media-body{display: block; width: 100%}
    .journals .media-list .media-body{padding-top: 20px}

    .journals{width: 100%}


@media only screen and (max-width:800px) {

.infoJournalAtas > div > div{display: block;     padding: 20px 20px;}
.infoJournalAtas > div > div.infoRelatedJr, .infoJournalAtas > div{width: 100%; display: block;}
.journals .media-list .media{width: 50%; float: left;}

.infoJournalAtas > div > div:first-child{min-width: 100%;}
}