/* Custom CSS by @ilham.djaya */
/* Theme: Elegant Maroon & Gold */


/* ================= HEADER ================= */

.pkp_site_name .is_img img {

    display: block;
    max-height: 165px;
    width: auto;
    height: auto;

}


/* ================= PAGE STRUCTURE ================= */

.page_index_journal{

  display: flex;
  flex-direction: column;

}


.pkp_structure_main {

background: #F8F5EF;

}


.current_issue {

  order: 2;

}


.additional_content {

  order: 1;

}


.pkp_brand_footer {

display: none;

}


.pkp_structure_page {

background: url("https://ejurnal.iainpare.ac.id//public/site/images/muhilhamjaya/pattern_islamic.jpg") repeat fixed;

}


/* ================= LINK ================= */

.pkp_block a {

color: #800000;

}



/* ================= SIDEBAR ================= */


.pkp_block .title {

    display: table;

    color: #FFFFFF;

    margin-top: 1px;

    padding: 6px 12px;

    width: 100%;

    background: linear-gradient(135deg, #800000, #5A0000);

    border: solid 1px #D4AF37;

    border-radius: 8px;

    font-weight: bold;

}



.pkp_block .content ul li {

    display: table;

    margin-top: 3px;

    padding: 6px 12px;

    width: 100%;

    background: #800000;

    vertical-align: middle;

    transition: background 0.4s ease-out;

    border: solid 1px #D4AF37;

    border-radius: 8px;

}



.pkp_block .content ul li:hover {

background: #D4AF37;

color: #5A0000;

}



/* ================= LOGIN BOX ================= */


.cmp_form fieldset {

    display: table;

    color: #FFFFFF;

    margin-top: 1px;

    padding: 6px 12px;

    width: 100%;

    background: linear-gradient(135deg,#800000,#5A0000);

    border: solid 1px #D4AF37;

    border-radius: 8px;

}



/* ================= SUBMISSION BUTTON ================= */


.block_make_submission a {

background: #D4AF37;

color: #5A0000;

font-weight: bold;

border-radius: 6px;

padding: 8px 12px;

}



.block_make_submission a:hover {

background: #800000;

color:white;

}



/* ================= GENERAL BLOCK ================= */


.pkp_block a {

color: #FFFFFF;

}


.pkp_block a:hover {

color: #000000;

}


/* ================= EXTRA PREMIUM EFFECT ================= */


.pkp_block .title,
.pkp_block .content ul li,
.cmp_form fieldset {

box-shadow: 0 3px 8px rgba(128,0,0,0.25);

}



/* Button and Header Accent */

button,
.btn-primary {

background:#800000 !important;

border-color:#D4AF37 !important;

color:#FFFFFF !important;

}


button:hover,
.btn-primary:hover {

background:#D4AF37 !important;

color:#5A0000 !important;

}