@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
        #cssmenu {
          position: relative;
          margin: 0;
          font-family: 'Roboto Condensed';
          line-height: 1;
          width: 250px;
        }
        .align-right {
          float: right;
        }
        #cssmenu ul {
          margin: 0;
          padding: 0;
          list-style: none;
          display: block;
        }
        #cssmenu ul li {
          position: relative;
          margin: 0;
          padding: 0;
        }
        #cssmenu ul li a {
          text-decoration: none;
          cursor: pointer;
        }
        #cssmenu > ul > li > a {
          color: #dddddd;
          text-transform: uppercase;
          display: block;
          padding: 20px;
          border-top: 1px solid #000000;
          border-left: 1px solid #000000;
          border-right: 1px solid #000000;
          background: #100a7c;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          letter-spacing: 1px;
          font-size: 16px;
          font-weight: 300;
          -webkit-transition: all 0.25s ease-in;
          -moz-transition: all 0.25s ease-in;
          -ms-transition: all 0.25s ease-in;
          -o-transition: all 0.25s ease-in;
          transition: all 0.25s ease-in;
          position: relative;
        }
        #cssmenu > ul > li:first-child > a {
          border-top-left-radius: 3px;
          border-top-right-radius: 3px;
        }
        #cssmenu > ul > li:last-child > a {
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
          border-bottom: 1px solid #000000;
        }
        #cssmenu > ul > li:hover > a,
        #cssmenu > ul > li.open > a,
        #cssmenu > ul > li.active > a {
          background: #150D95;
          color: #ffffff;
        }
        #cssmenu ul > li.has-sub > a::after {
          content: "";
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          border-top: 13px solid #000000;
          border-botom: 13px solid transparent;
          border-left: 125px solid transparent;
          border-right: 125px solid transparent;
          left: 0;
          bottom: -13px;
          bottom: 0px;
          z-index: 1;
          opacity: 0;
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease;
        }
        #cssmenu ul > li.has-sub > a::before {
          content: "";
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          border-top: 13px solid #151515;
          border-botom: 13px solid transparent;
          border-left: 125px solid transparent;
          border-right: 125px solid transparent;
          left: 0;
          bottom: -12px;
          bottom: -1px;
          z-index: 3;
          opacity: 0;
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease;
        }
        #cssmenu ul > li.has-sub::after {
          content: "";
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          border: 7px solid transparent;
          border-top-color: #dddddd;
          z-index: 2;
          right: 20px;
          top: 24.5px;
          pointer-events: none;
        }
        #cssmenu ul > li:hover::after,
        #cssmenu ul > li.active::after,
        #cssmenu ul > li.open::after {
          border-top-color: #ffffff;
        }
        #cssmenu ul > li.has-sub.open > a::after {
          opacity: 1;
          bottom: -13px;
        }
        #cssmenu ul > li.has-sub.open > a::before {
          opacity: 1;
          bottom: -12px;
        }
        #cssmenu ul ul {
          display: none;
        }
        #cssmenu ul ul li {
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
        }
        #cssmenu ul ul li a {
          background: #00BFFF;
          display: block;
          position: relative;
          font-size: 15px;
          padding: 14px 20px;
          border-bottom: 1px solid #dddddd;
          color: #777777;
          font-weight: 300;
          -webkit-transition: all 0.25s ease-in;
          -moz-transition: all 0.25s ease-in;
          -ms-transition: all 0.25s ease-in;
          -o-transition: all 0.25s ease-in;
          transition: all 0.25s ease-in;
        }
        #cssmenu ul ul li:first-child > a {
          padding-top: 18px;
        }
        #cssmenu ul ul ul li {
          border: 0;
        }
        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.open > a,
        #cssmenu ul ul li.active > a {
          background: #e4e4e4;
          color: #666666;
        }
        #cssmenu ul ul > li.has-sub > a::after {
          border-top: 13px solid #dddddd;
        }
        #cssmenu ul ul > li.has-sub > a::before {
          border-top: 13px solid #e4e4e4;
        }
        #cssmenu ul ul ul li a {
          padding-left: 30px;
        }
        #cssmenu ul ul > li.has-sub::after {
          top: 18.5px;
          border-width: 6px;
          border-top-color: #777777;
        }
        #cssmenu ul ul > li:hover::after,
        #cssmenu ul ul > li.active::after,
        #cssmenu ul ul > li.open::after {
          border-top-color: #666666;
        }

.obj_article_details .abstract {
    text-align: justify;
}

.obj_issue_toc .description {
	text-align: justify;
}

.cover {
	display:left !important;
}

.obj_issue_summary .description {
	text-align: justify;
}

.obj_article_details .item {
	text-align: justify;
}

.pkp_footer_content {
  float: left;
  width: 100%;  padding-top: 10px;
  padding-bottom:10px;
}
.pkp_brand_footer {
  display:none;
}


/* Youtube Responsive */

.embedded-video-large{
background-color: #000;
background-position: center;
background-size: cover;
cursor: pointer;
display: inline-block; 
width: 400px; height: 230px; 
max-width: 100%; overflow: hidden; position: relative}

.videoyoutube{text-align: center; margin: 20px auto; width:80%;}
.video-responsive{position: relative; padding-bottom: 56.25%; overflow: hidden; margin: 8px}
.video-responsive iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0}

@media screen and (max-width: 400px){.videoyoutube{width: 100%} }

.pkp_site_name {padding-top: 0 !important; padding-bottom: 0 !important}
.pkp_site_name > a {padding-top: 0; padding-bottom: 0;}
.pkp_site_name .is_img img {max-height: 250px !important;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0;}
.pkp_navigation_user_wrapper {top: 0; right: 0; padding-right:30px;}
.pkp_structure_page {margin-top: 20px !important; margin-bottom:20 !important; padding-bottom: 20 !important;}
.pkp_site_name .is_img img {
   display: center;
   width: 100%;
   height: 100%;
}

.pkp_structure_content {
/*background: transparent url("https://anwardani.github.io/css-ojs3/noisy_grid.png") repeat scroll 0% 0% !important;*/
}

.pkp_footer_content {
background: transparent url("/public/site/images/safaruddin/skulls.png") repeat scroll 0% 0% !important;	
}

@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&display=swap');
.journals ul .body .description a {display: inline;}
html, body, * {font-family: helvetica, calibri; }
body {background-image: url(https://anwardani.github.io/css-ojs3/noisy_grid.png);}
a { color: #1a11a7; }
a:hover { color: #0b6ab0; }
.obj_article_summary { background-color: transparent; font-size: 14px; font-family: sans-serif; font-size: 14px; text-align: justify; border: 1px solid #1a11a7; padding: 10px; border-radius: 5px; box-shadow: 3px 3px #1a11a7;
}

.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: #0c0999; color:#fff }
.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 { background: #0c0999; border-bottom: 2px solid #fff;}
.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: #0c0999 !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: #0c0999 !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_navigation_primary {
    display: block !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: auto auto;
}
.pkp_search {
    display: none !important;
}
.pages::before {
    content: "\f0f6";
    font-family: FontAwesome;
}

.published::before {
    content: "\f073";
    font-family: FontAwesome;
    top: 0;
    color : #033d67;
}
.current_issue_title::before {
    content: "\f02d";
    font-family: FontAwesome;
    top: 0;
    color : #033d67;
}
ul.galleys_links li {
    font-size: 10pt;
}

.most_read_article_title {
	text-align: justify;
}

.obj_article_summary > .title::before {
	content: "\f26c";
    font-family: FontAwesome;
	top: 0;
}

.pkp_page_index .current_issue::before {
	content: "\f07b";
    font-family: FontAwesome;
	font-size: 20px;
    top: 0;
    color : #033d67;
}

.obj_announcement_summary {
	text-align: justify;
}

.obj_announcement_summary h3::before {
	content: "\f0a1";
    font-family: FontAwesome;
	font-size: 15px;
	top: 0;
}

.obj_announcement_summary h4::before {
	content: "\f0a1";
    font-family: FontAwesome;
	font-size: 15px;
	top: 0;
}

.section h2::before {
	content: "\f07c";
    font-family: FontAwesome;
	font-size: 20px;
    top: 0;
    color : #033d67;
}
.obj_issue_summary .title::before {
	content: "\f07c";
    font-family: FontAwesome;
	font-size: 15px;
    top: 0;
    color : #033d67;
}

.obj_article_details .authors .name::before {
	content: "\f007";
    font-family: FontAwesome;
	font-size: 15px;
    top: 0;
    color : #033d67;
}

.obj_article_details .authors .affiliation::before {
	content: "\f19c";
    font-family: FontAwesome;
	font-size: 15px;
    top: 0;
    color : #033d67;
}

.obj_article_details .main_entry .keywords .label::before {
	content: "\f084";
    font-family: FontAwesome;
	font-size: 15px;
    top: 0;
    color : #033d67;
}

.abstract h3::before {
	content: "\f044";
    font-family: FontAwesome;
	font-size: 15px;
    top: 0;
    color : #033d67;
}

.references h3::before {
	content: "\f02d";
    font-family: FontAwesome;
	font-size: 15px;
    top: 0;
    color : #033d67;
}
.obj_article_details > .page_title {
	text-align: justify;
}
.imgcrossmark {
	width: 250px;
}
.pkp_block {
    padding: 0px 30px 0px 20px;
}
.pkp_block .title {
    display: none;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #0c0999;
    font-weight: 700;
    text-transform: uppercase;
}
.obj_issue_toc .cover img {
    float: left;
    padding: 0px 30px 0px 0px;
}

/* Untuk menyembunyikan venomku vertical share ketika ukuran layar kurang dari 980 */
@media screen and (max-width: 980px) {
    .a2a_floating_style.a2a_vertical_style { display: none; }
}

/*Tombol Chat WhatsApp*/
.fixed-whatsapp{position:fixed;bottom:20px;right:20px;width:50px;height:50px;z-index:9999}
.fixed-whatsapp:before{content:"";background-repeat:no-repeat;background-size:34px 34px;background-position:center center;width:50px;height:50px;background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='32' height='32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23ffffff' d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-color:#00C853;position:absolute;top:0;left:0;border-radius:100%;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24)}
.fixed-whatsapp:after{content:"Hallo kak, chat mimin di sini yah!";width:100px;padding:5px 10px;position:absolute;bottom:100%;margin-bottom:10px;right:-150px;text-align:right;color:#555;border:1px solid #dedede;background:rgba(255,255,255,.5);border-radius:4px;opacity:0;transition:all .4s ease-in-out;font-size:90%;line-height:1.1}
.fixed-whatsapp:hover:after{opacity:1;right:0}