/* =================================================
HEADER (FULL WIDTH BANNER)
================================================= */

/* hilangkan jarak putih atas */

body{
margin:0;
padding:0;
}

/* navbar */

.navbar{
margin:0 !important;
border:none !important;
background:#fff !important;
}

/* container header full width */

#headerNavigationContainer .container,
#headerNavigationContainer .container-fluid{
max-width:100% !important;
width:100% !important;
padding:0 !important;
margin:0 auto !important;
}

/* banner */

.navbar-brand{
display:block;
width:100%;
padding:0 !important;
margin:0 !important;
height:auto !important;
}

.navbar-brand img{
width:100%;
height:auto;
display:block;
}

/* hilangkan limit bootstrap */

.navbar-brand-logo img{
max-height:none !important;
}

/* =================================================
REGISTER LOGIN BUTTON (TEKNOSI STYLE)
================================================= */

/* container */

#navigationUser{
position:absolute;
top:20px;
right:40px;
z-index:10;
}

/* list */

#navigationUser li{
display:inline-block;
margin-left:10px;
}

/* button */

#navigationUser li a{
background:#ffffff;
border:1px solid #dcdcdc;
padding:6px 18px;
border-radius:10px;
font-size:16px;
font-weight:500;
color:#444 !important;
box-shadow:0 2px 5px rgba(0,0,0,0.15);
text-decoration:none;
transition:all .2s;
}

/* hover */
#navigationUser li a:hover{
background:#3f2c56;
color:#ffffff !important;
}

/* =====================================
SITE NAVIGATION (TEKNOSI STYLE)
===================================== */

#nav-menu{
max-width:1170px;
margin:15px auto 20px auto;   /* jarak dari banner */
padding:10px 20px;
background:#ffffff;
border:1px solid #e6e6e6;
border-radius:4px;
box-shadow:0 2px 4px rgba(0,0,0,0.05);
}

/* menu list */

#nav-menu ul{
margin:0;
}

/* menu item */

#nav-menu ul li a{
font-size:14px;
padding:10px 15px;
color:#555;
font-weight:500;
}

/* hover */

#nav-menu ul li a:hover{
color:#2a7dbf;
}
/* =================================================
CONTENT BOX
================================================= */

.home_journal_description{
background:white;
border:1px solid #f1f1f1;
padding:20px;
box-shadow:0 3px 10px rgba(0,0,0,0.05);
margin-top:-20px;
}

/* =================================================
TITLE
================================================= */

.obj_article_summary > .title a{
font-size:1.14em;
}

.current_issue h2{
font-size:1.4em;
margin:25px 0 20px;
}

/* =================================================
SIDEBAR
================================================= */

.pkp_block{
border-radius:4px;
margin-top:10px;
}

.pkp_block .title{
text-align:center;
background:linear-gradient(to bottom,#ffffff,#e5e5e5);
border:1px solid #efefef;
padding:10px;
font-size:1.15em;
}

.pkp_block .content{
border:1px solid #e8e8e8;
border-top:none;
padding:10px;
box-shadow:9px 9px 5px -12px rgba(177,174,174,0.75);
}

/* =================================================
BUTTON
================================================= */

.cmp_button_wire,
.obj_galley_link{
border-radius:8px;
padding:4px 12px;
box-shadow:10px 10px 5px -13px rgba(0,0,0,0.75);
}

/* =================================================
FOOTER
================================================= */

.pkp_structure_footer{
margin-top:20px;
background:white;
border:1px solid #efefef;
}

.pkp_footer_content{
padding:20px;
}