/**
 * Copyright (c) Fredrik Ndjurumana (fredrik.ndjurumana@gmail.com)
 *
 * Designed for Journal STT Tabernakel Indonesia https://journal.sttia.ac.id
 * 
 * Credits:
 * Background pattern from https://www.toptal.com/designers/subtlepatterns
 */
 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i');

::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-thumb {
    background: #023c86;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
    background: #022f68;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 6px;
}
 
body, html {font-family: 'Open Sans', sans-serif !important; font-size: 12pt;}
body {background: linear-gradient(rgba(199,197,197,0.2),rgba(153,153,153,0.4)), url(/public/site/images/administrator/moroccan-flower.png) center top !important;}
p {text-align: justify;}
a {color: #03618f;}
a:hover, a:focus {color: #0001ab;}

/* h1,h2,h3,h4,h5,h6 {font-family: 'Lora', serif !important;} */

h1 {font-size: 1.8em !important;}
h2 {font-size: 1.5em !important;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em !important;}

.page.page_message {
    border: 3px dashed #f09b7b;
    padding: 1rem;
}
li a[href*="signOut"] {
    color: red !important;
}


#headerNavigationContainer.pkp_structure_head{background: none !important; border-bottom: none !important;}
.pkp_site_name {margin-top:-5px; margin-bottom:-5px;}
.pkp_structure_page .pkp_structure_head .pkp_head_wrapper {background: none !important;}
.pkp_site_name > a {padding-top: 0 !important; padding-bottom: 0 !important;}
.pkp_site_name .is_img img {max-height: 300px !important;}
.has_site_logo .pkp_head_wrapper {padding-right: 0;}
.pkp_site_nav_menu {background: none;}
.pkp_navigation_primary_row {background: #003a86;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper{/* border-top: 1px solid #FFFFFF; */ padding-left: 20px !important; background: none;}

.pkp_navigation_user_wrapper {padding-left: 0; padding-right: 0; background: #003a86; /* border-bottom: solid 1px #FFFFFF;*/}
.pkp_navigation_user_wrapper .pkp_navigation_user {line-height: 40px !important; padding-right: 1rem;}
.pkp_navigation_user_wrapper .pkp_navigation_user .task_count {background: rgba(255,255,255,0.2); width: auto; height: auto; padding: 4px;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile:last-child {margin-right: 10px;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile:last-child > a {padding-right: 10px;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a {color: #FFFFFF;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul,.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul {border-radius: 0 !important; background: #c6d7ff; box-shadow: none;}
.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 {border-left: solid 5px #012f6c; color: #2b2020;}
.pkp_navigation_user_wrapper .pkp_nav_list ul li a:hover {border-left: solid 5px #89156d !important; color: #f8f8f8; background: rgb(7 76 168);}
.pkp_navigation_user_wrapper .pkp_nav_list ul li a .task_count {color: #f8f8f8 !important; background-color: #003a86;}

.pkp_navigation_primary_wrapper .pkp_navigation_primary > li > ul {border-radius: 0 !important; background: rgb(0 58 134) !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: #023c86; 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: #003374; /*rgba(0,0,0,.25)*/}
.pkp_navigation_primary {font-family: "Open Sans" !important;}
.pkp_navigation_primary > li > a {color: #FFFFFF; padding: 0 10px !important; line-height: 50px;margin: 0 !important; border-bottom: none;}
.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: 40px !important; 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_navigation_search_wrapper a {margin-top: 0 !important; padding-top:.714rem !important;}
.pkp_head_wrapper .pkp_search {height: 50px; line-height:30px;}
.pkp_head_wrapper .pkp_search .search_prompt {color:#FFFFFF;}
.pkp_head_wrapper .pkp_search.is_open input[type="text"] {height:50px}
.pkp_structure_content {background: #FFFFFF !important; padding-top: 0 !important;}
.pkp_head_wrapper .pkp_search.is_open .search_prompt{background: #83232c; color: #FFFFFF;}
.pkp_head_wrapper .pkp_search.is_open .search_prompt:hover, .pkp_head_wrapper .pkp_search.is_open .search_prompt:focus {border-bottom-color: #FFFFFF;}

.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;}

.pkp_block.block_make_submission .content {text-align: center !important;}
.pkp_block.block_make_submission .content a {
    box-shadow: 3px 4px 0px 0px #070064;
    background: linear-gradient(#005cd5, #00285b); 
    line-height: 40px; 
    color: #FFF;
}
.pkp_block.block_make_submission .content a:hover { background: linear-gradient(#001f46, #0151ba); box-shadow: 1px 1px 1px 1px #070064;}

.pkp_structure_sidebar .pkp_block .title {font-family: 'Open Sans', sans-serif !important}
.pkp_block.block_custom > .content > .title, .pkp_block > .title {padding: 0 5px 0 10px; line-height: 40px; background: #023c86; color : #FFFFFF; font-size: 1.1em !important;}
.pkp_block.block_custom {padding: 0 !important;}
.pkp_block.block_custom > .content {padding: 0 10px !important;}
.pkp_block:not(.block_custom) .content {padding: 10px;}
.pkp_block {margin: 10px 0 !important; padding: 10px !important;}
#customblock-sidebarmenu.pkp_block.block_custom > .content {padding: 0px !important;}
#customblock-sidebarmenu.pkp_block {margin: 0 !important; padding: 0 !important;}
#customblock-sidebarmenu.pkp_block ul, #customblock-sidebarmenu.pkp_block ul li {margin: 0 !important; padding: 0 !important;}
#customblock-sidebarmenu.pkp_block ul li {/* background: #f8d1fa !important;*/ border-bottom: solid 1px rgba(255,255,255,.4);}
#customblock-sidebarmenu.pkp_block ul li:last-child {border-bottom: none;}
#customblock-sidebarmenu.pkp_block ul li a {background: #c6d7ff; display: block; line-height: 40px; padding: 0 10px 0 20px; color: #060051;}
#customblock-sidebarmenu.pkp_block ul li a:hover {background: #023c86; color: #FFFFFF;}

#customblock-articletemplate > .content > .content, #customblock-tools > .content > .content, #customblock-index > .content > .content {text-align:center;}
#customblock-articletemplate img, #customblock-tools img, #customblock-index img {max-width: 80%; width:80%;}

.pkp_structure_footer_wrapper {background: none !important;}
.pkp_structure_footer_wrapper .pkp_structure_footer {background: #023c86;}
.pkp_structure_footer_wrapper .pkp_structure_footer .pkp_brand_footer {padding: 0 2.143rem;}
.pkp_structure_footer_wrapper .pkp_structure_footer .pkp_brand_footer a img {max-height:30px !important; width: auto;}
.pkp_structure_footer_wrapper .pkp_structure_footer .pkp_footer_content {background: #003a86; color: #FFFFFF;}
.pkp_structure_footer_wrapper .pkp_structure_footer .pkp_footer_content div {padding-bottom: 1rem;}
.pkp_structure_footer_wrapper .pkp_structure_footer .pkp_footer_content div a img {padding: 10px 10px 10px 0;}
/* .pkp_structure_footer_wrapper .pkp_structure_footer .pkp_footer_content a { color: #FFFFFF; font-weight: 700 !important} */

.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;}

.obj_article_summary .meta .authors:before {content: "\f0c0"; font-family: FontAwesome; margin-right: 5px; color: #dc302b;}
.obj_article_summary .item.doi .label {background: url(/public/site/images/administrator/doi_logo.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: #f9f0f0;}
.obj_issue_toc .articles > li:nth-of-type(even){background: #f3f1f1;}

.pkp_page_index .journal_description {margin-bottom: 30px;}

.pkp_search_desktop {display: block;position: absolute;top: 0;right: 0; height: 50px; min-width: 100px; padding: 0; font-size: 14px; line-height: 30px;transition: min-width .4s; text-align: right;overflow-x: hidden;}
.pkp_search_desktop.is_open .search_prompt {background: #999999;}
.pkp_search input[type=text] {border-radius: 0;}
.pkp_search_desktop.is_open input[type=text] {line-height: 50px; height: 50px;}
.pkp_search .search_cancel {width: 34px;}

.pkp_block.block_information .content ul li {list-style: inside;}
.pkp_block.block_information .content ul li a {font-size: 1.0rem;}
    
#wordcloud svg {max-height: 300px;}
.cmp_form input[type="text"], .cmp_form input[type="email"], .cmp_form input[type="password"], .cmp_form input[type="url"], .cmp_form input[type="tel"], .cmp_form select, .cmp_form textarea, .cmp_form .tagit, .pkp_search input[type="text"]{border-radius: 0 !important;}



@media(min-width: 992px){
    .pkp_search_desktop .search_prompt:hover, .pkp_search_desktop .search_prompt:focus {border-bottom: none;}
    .pkp_navigation_user a {line-height: 30px;}
    .pkp_navigation_user_wrapper .pkp_nav_list ul li a:hover {color: #f8f8f8; border-left: 5px solid rgb(12 0 103) !important; background: #003a86;}
    .pkp_navigation_user>li>a:focus, .pkp_navigation_user>li>a:hover {background: #023c86;}
    .pkp_navigation_primary>li:last-child a {margin-right: 0;}
}

@media(max-width:991px){
    .pkp_site_nav_toggle{background: #003a86; position: relative; float: right; cursor: pointer;}
    .pkp_site_nav_menu {background: #023c86; padding: 0;}
    .pkp_site_name {left:0; padding-left:0; z-index: 900;}
/*    .has_site_logo .pkp_head_wrapper {padding-top: 0;} */
    .pkp_navigation_primary_row .pkp_navigation_primary_wrapper {padding-left:0 !important;}
    .pkp_structure_content {padding-top: 11vw !important;}
    .pkp_site_nav_menu a {display: block; padding: 8px;}
    .pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus { text-decoration:none;}
    .pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a {padding-left: 1rem;}
    .pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul, .pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul {background: #9cb9fb;}
    .pkp_navigation_user_wrapper .pkp_nav_list ul li a {border-left: none !important; padding:0 1rem;}
    .pkp_navigation_user_wrapper .pkp_nav_list ul li a:hover {border-left: none !important;}
    .pkp_site_nav_menu ul ul {padding-left: 0; margin: 0 1rem;}
    .pkp_head_wrapper .pkp_search { height: 50px; padding-right: 1.5rem;}
}