/**
 *
 * Open Journal Systems
 * Copyright (c) 2013-2016 Basaya Inovasi Pendidikan Kreatif
 * Copyright (c) 2003-2016 Basaya IPK
 * 
 * plugins/themes/inovasiPendidikanKreatif/inovasiPendidikanKreatif.css
 * Theme designed for Inovasi Pendidikan Kreatif
 *
 * InovasiPendidikanKreatif theme stylesheet.
 * Ver 1.2.0.0 (2026-08-17)
 *
 **/

@import url(https://fonts.googleapis.com/css?family=Teko:400,700|Pathway+Gothic+One);
@import url(../../../../public/themePascaSarjana/clear.css);

/* Global Reset & Base Styles */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background: #f4f4f4 url('https://inovasipendidikankreatif.com/wp-content/uploads/2026/08/Paternt1.png') repeat center top fixed !important;
    background-size: auto;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #222;
}

a:link, a:visited, a:active {
    color: #6f650e;
    text-decoration: none;
}

a:hover {
    color: Khaki;
    background: none;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Pathway Gothic One', "Times New Roman", Times, serif !important;
    color: #000;
    font-weight: normal;
    text-align: left;
}

h1 { font-size: 3em; font-weight: normal; }
h2 { font-size: 2em; font-weight: normal; }
h3 { font-size: 1.8em; font-weight: normal; }
h4 { font-size: 1.6em; font-weight: normal; }
h5 { font-size: 1em; font-weight: normal; }
h6 { font-size: .85em; font-weight: normal; }

/* 1. Container & Header Layout Full Width (Lebar Penuh Sisi Kiri ke Kanan) */
#container {
    margin: 0 auto;
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
}

/* Overriding OJS Manuscript Theme Wrappers untuk Header Full Width */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
header.pkp_structure_head,
header#header,
header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#header {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent none;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto;
    display: block !important;
}

#headerTitle,
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
}

#header h1 {
    font-family: Teko, Verdana, Georgia, "Times New Roman", Times, serif !important;
    font-weight: 200 !important;
    text-transform: none;
    font-size: 3.2em;
    letter-spacing: 0;
    color: #111;
    text-shadow: 1px 1px #fff;
    padding: 0 !important;
    line-height: 1.5;
    margin: 0;
}

#headerTitle img,
.pkp_site_name img,
.pkp_site_name .is_img img,
.pkp_site_name a img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
}

/* Navigation Bar */
#navbar {
    margin: 0 auto 12px auto;
    padding: 0;
    background: #355526;
    clear: both;
    text-align: center;
    border: 0;
    height: 40px;
    width: 100%;
    max-width: 1080px;
}

#navbar ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

#navbar ul li {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

#navbar a, #navbar a:link, #navbar a:visited {
    font-family: 'Pathway Gothic One', "Times New Roman", Times, serif;
    font-weight: 400;
    font-size: 1.4em !important;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #FFFFFF;
    line-height: 40px;
    display: inline-block;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

#navbar a:before, #navbar a:after {
    content: '';
    position: absolute;
    top: 5px;
    display: block;
    height: 30px;
    width: 1px;
}

#navbar a:before {
    left: 0;
    opacity: .15;
    background: rgba(0, 0, 0, .7);
    background: linear-gradient(to top, rgba(0, 0, 0, 0), #000, rgba(0, 0, 0, 0));
}

#navbar a:after {
    left: 1px;
    opacity: .35;
    background: rgba(255, 255, 255, .8);
    background: linear-gradient(to top, rgba(0, 0, 0, 0), #fff, rgba(0, 0, 0, 0));
}

#navbar li:first-child a:before, #navbar li:first-child a:after {
    display: none;
}

#navbar a:hover {
    background: #26421A;
    text-shadow: 1px 1px #26421A;
}

#navbar a:active {
    background: none;
    text-decoration: underline;
}

/* Main Body & Layout Structure */
#body {
    margin: 0 auto 12px auto;
    padding: 12px;
    background: #fff;
    width: 100% !important;
    max-width: 1080px;
    height: auto;
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
    display: block;
    overflow: hidden;
}

#main {
    margin: 0;
    padding: 0;
    background: transparent none;
    float: left;
    position: relative;
    width: 68%;
    overflow: visible !important;
}

#content {
    border-top: 0 dotted #000;
    font-size: 1em;
}

#breadcrumb {
    margin: 0 0 1em 0;
    padding: .5em 0;
    font-size: 1em;
    border-bottom: 1px dotted #333;
}

#main > h2, #main > h3, #content {
    padding-left: 0;
    padding-right: 0;
}

/* 2. Justify Teks Abstrak Artikel & Konten Utama */
#articleAbstract, 
#articleAbstract div, 
#articleAbstract p,
.articleAbstract,
#authorAbstract,
.abstract {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.6 !important;
    word-break: normal;
    word-wrap: break-word;
}

/* Sidebars & Text Alignment (Justify) */
#leftSidebar, #rightSidebar {
    margin: 0;
    padding: 12px;
    background: transparent none;
    font-size: 1em;
    height: auto;
    overflow: hidden;
}

#leftSidebar {
    width: 30%;
    float: left;
    border-right: 1px solid #ccc;
}

#rightSidebar {
    width: 30%;
    float: right;
    border-left: 1px solid #ccc;
}

#rightSidebar div.block, #leftSidebar div.block {
    border: 0;
    padding: 0;
    margin-bottom: 16px;
    color: inherit;
    text-align: justify;
    text-justify: inter-word;
    word-wrap: break-word;
    word-break: break-word;
}

#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle {
    padding: .5em 1em;
    margin-bottom: 12px;
    background: #dadada;
    display: block;
    color: #444;
    font-weight: bold;
    letter-spacing: 0;
    text-align: left;
}

#leftSidebar div.block p, #rightSidebar div.block p,
#leftSidebar .block span, #rightSidebar .block span {
    text-align: justify;
    line-height: 1.5;
}

#leftSidebar div.block ul, #rightSidebar div.block ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

#leftSidebar div.block ul li, #rightSidebar div.block ul li {
    text-align: justify;
    padding: 6px 0;
    border-bottom: 1px dashed #e0e0e0;
}

#leftSidebar div.block ul li a, #rightSidebar div.block ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

#leftSidebar div.block ul li a:hover, #rightSidebar div.block ul li a:hover {
    color: #1591EA;
    padding-left: 4px;
    text-decoration: none;
}

#sidebarDevelopedBy.block, #sidebarHelp.block {
    border: 1px solid #999 !important;
    border-radius: 4px;
    padding: .5em 1em !important;
}

#sidebarDevelopedBy.block a, #sidebarHelp.block a {
    text-decoration: none;
}

.block p { margin: 0 !important; }

#sidebarFontSize.block { padding-bottom: 35px !important; }

/* Menus */
ul.sidemenu {
    margin-top: 0;
    padding-left: 0 !important;
}

ul.sidemenu li:before { display: none; }
ul.sidemenu li { padding: 0; }
ul.sidemenu li a {
    display: block;
    padding: .7em 12px;
    border-bottom: 1px solid #b5b5b5;
    background-color: #eee;
    text-decoration: none;
    color: #222;
}

ul.sidemenu li a:hover {
    background-color: #f6f0b9;
    text-decoration: underline;
}

table.tocArticle:nth-child(odd) tr { background-color: #f9f5d0; }
table.tocArticle:nth-child(even) tr { background-color: #f4f4f4; }
table.tocArticle tr:hover { background-color: #e5eef5; }
table.tocArticle td { padding: 5px 10px; }
table.tocArticle a { text-decoration: none; }
.tocTitle { font-weight: bold; }
.tocAuthors { font-style: italic; }
td.tocGalleys { padding-right: 10px; }

#content ul.menu { margin: 0; }
#content ul.menu li {
    background: #003330 !important;
    padding: 5px 8px;
    border-radius: 3px;
}

#content ul.menu li:hover, #content ul.menu li.current {
    background: #001f1d !important;
}

#content ul.menu a { color: #ffffff !important; }
#content ul.menu a:hover { color: #f0f0f0 !important; }

/* 3. Styling Tombol (Latar Belakang #003330 & Teks Putih) */
input[type=submit], 
input[type=button], 
button, 
.button, 
a.action, 
a.file, 
.actionButton,
a.actionButton,
.galleyLink,
a.galleyLink,
.fileLink,
.pdf,
a.pdf {
    background-color: #003330 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #002220 !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: bold !important;
    text-shadow: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

input[type=submit]:hover, 
input[type=button]:hover, 
button:hover, 
.button:hover, 
a.action:hover, 
a.file:hover, 
.actionButton:hover,
a.actionButton:hover,
.galleyLink:hover,
a.galleyLink:hover,
.fileLink:hover,
.pdf:hover,
a.pdf:hover {
    background-color: #001f1d !important;
    background-image: none !important;
    color: #ffffff !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
    padding: .3em;
    background-color: #f1f1f1;
    border: 1px solid #aaa;
    color: #444;
}

input.textField:focus, select.selectMenu:focus, textarea.textArea:focus, input.uploadField:focus {
    border: 1px solid Khaki;
}

input.defaultButton {
    color: #ffffff !important;
    font-weight: bold;
}

div.separator { border-bottom: 1px dotted #222; }
.indexers { margin: 10px 0; }
.indexers a {
    border: 2px solid transparent;
    padding: 5px 3px;
    display: inline-block;
}

.indexers a:hover {
    background: transparent;
    border: 2px dotted Khaki;
    opacity: .75;
}

.indexers a img { height: 38px; }
a img { border: 0; }
div.thickSeparator { margin-bottom: 10px; }
span.highlight { background-color: #f4f4f4; }
.intro {
    background-color: #f4f4f4;
    border: 1px dotted SteelBlue;
    padding: 10px;
}
.intro ul { margin: 0; padding-left: 1em; }
.issueCoverImage { border: 1px solid #fff; padding: 0; margin: 0; }
.issueCoverImage img { margin: 1em 2em 1em 0; width: 100px; border: 0 solid #fff; }
#content h4 a { text-decoration: none; }
#announcements { width: auto; }
#journalDescription { float: left; width: 68%; }
#homepageImage {
    float: right;
    width: 30%;
    margin-top: -1em;
    margin-left: 12px;
    margin-bottom: 12px;
    text-align: right;
}

#homepageImage img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

#announcementsHome, .clear { clear: both; }
#setupForm #homepageImage {
    float: none;
    width: auto;
    text-align: left;
    margin-top: 1em;
    margin-left: 0;
}

#setupForm #journalDescription { float: none; }
#setupForm #homepageImage img, #setupForm #journalThumbnail img {
    display: inline;
    margin: 5px 0;
}

.selectMenu { margin-right: 2px; }
#poweredby {
    clear: both;
    display: block;
    margin: 0 auto 1em auto;
    text-align: right;
    width: 100%;
    max-width: 1080px;
    padding-right: 12px;
}

#cpr { border: 0 none #fff; }