/*.navbar-brand {
  height: 100px;
}*/

/* ==========================
   COLOR THEME
   Dominan : #464646
   Aksen   : #ae901e
========================== */

:root{
    --primary:#464646;
    --primary-dark:#3b3b3b;
    --accent:#ae901e;
    --white:#ffffff;
}

/* Header */
div.container-fluid{
    background-color:var(--primary);
}

.navbar-brand.navbar-brand-logo img{
    max-width:100%;
}

@media (min-width:768px){
    .navbar-brand.navbar-brand-logo img{
        max-height:150px;
    }
}

/*.navbar-header .navbar-brand {
    height:100px;
}*/

@media(min-width:768px){

    .navbar-brand{
        display:block;
        float:none;
        clear:both;
        margin:0;
        width:auto;
        height:auto;
    }

    nav#nav-menu.navbar-collapse.collapse{
        border-top:2px solid var(--accent);
        border-bottom:2px solid var(--accent);
        background-color:var(--primary);
    }

    .navbar-collapse{
        clear:left;
    }
}

/* Menu */
#nav-menu a,
#nav-menu .nav-link{
    color:var(--white);
    transition:.3s;
}

#nav-menu a:hover,
#nav-menu .nav-link:hover,
#nav-menu .active>a{
    color:var(--accent);
}

/* Announcement */
section.cmp_announcements.media{
    border:none;
}

/* Tombol Submit */
div.pkp_block.block_make_submission a{
    display:block;
    background:var(--primary);
    color:#fff;
    border:1px solid var(--accent);
    padding:8px 12px;
    transition:.3s;
}

div.pkp_block.block_make_submission a:hover{
    background:var(--primary-dark);
    color:#fff;
}

/* Logo tambahan */
section.additional_content img{
    border:1px solid var(--accent);
    margin:10px;
    width:210px;
    height:55px;
}

/* Ringkasan */
div#summary.article-summary{
    text-align:justify;
    font-style:italic;
}

/* Referensi */
div.article-references-content{
    text-align:justify;
}

div.article-references-content p{
    text-indent:-36px;
    padding-left:36px;
}

/* Spasi Referensi */
div.article-references-content br:active{
    content:"";
    display:block;
    margin:1.25em 0;
    text-indent:-36px;
}

div.article-references-content br{
    content:"";
    display:block;
    margin:1rem;
}

div.article-references-content br::after{
    content:" ";
    float:left;
    margin-right:1rem;
    text-indent:-36px;
}

/* Garis aksen */
.panel,
.card,
.pkp_block,
.obj_article_summary,
table,
table th,
table td{
    border-color:var(--accent);
}

/* Footer */
footer{
    border-top:2px solid var(--accent);
    background:var(--primary);
    color:#fff;
}