@media (min-width: 992px) {
  .col-md-8 {
    width: 72%;
  }
}

@media (min-width: 992px) {
  .col-md-4 {
    width: 28%;
  }
}

/* Sub Button */
.pkp_block.block_make_submission a{
	display: inline-block;
    padding: 10px;
    text-align: center;
    background: #fff;
    background-color: rgb(255, 255, 255);
    border: 3px solid #ee8f21;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    width: 100%;
	line-height: 28px;
}

.pkp_block.block_make_submission a {
	color: #fff;
    background-color: #ee8f21;
    text-decoration: none;
}


/* HEADER */
#header{
	text-align: center;
}

#headerID{
	padding: 0em;
	background-image: url(https://jurnaldiakom.kominfo.go.id/imgnew/homeHeaderdalam%20.jpg);
}
.imgClass{
	position: relative;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    /*width: 100%;*/
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.galley_view iframe {
    width: 100%;
    height: 100%;
     padding-top: 0px; 
    border: none;
}

.galley_view {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: hidden;
}


/* BACKGROUND */
body {
    /* background-color: #edc7ff; */
    overflow: auto;
    background-image: url(../../../plugins/themes/bootstrap3/img/geometric-leaves.png);
font-size: 17px;
line-height: 1.3;
color: #333;
font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
background-color: #fff;
background-image: url('../../../public/site/backed.png');

}

.container {
    
    background-color: #fff;

}

.header_view a {
    display: inline-block;
    padding: 15px 15px;
    color: #fff;
}

.header_view a:hover {
    display: inline-block;
    padding: 15px 15px;
    color: #fff;
}

.page-header, .site-name .navbar-brand {

  color: #017cff;

}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* NAVBAR */
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.container-fluid {

    background-image: linear-gradient(to bottom, #e1e1e1, #f6f6f6);
}
.navbar-default, .header_view {
	background-color: #f8f8f800;
border-color: #e7e7e700;
	
}

#sidebar .content ul li:hover,
#sidebar .content ul li a:hover {
    background-image: linear-gradient(to bottom, #fff, #cff3ff);
    border-radius: 4px;
    transition: background 0.3s ease;
}


.navbar-default .badge {
  background-color: #ed7f00;
  color: #fff;
}

.navbar-default .nav > li > a, .header_view .nav > li > a{
	color: #003e9b;
	font-weight: bold;
	text-transform: uppercase;
}
	
.header_view .nav > li > a:hover{
	background-color: #fff;
}

.panel-default > .panel-heading, .pkp_block .title {
    
    
    border-color: #f00;
}
.navbar, .header_view {
	margin-bottom: 10px;
	margin-top: -0.5px;
}	
.navbar-default .navbar-brand, .header_view .navbar-brand {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}


.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus, .navbar-default .nav > li > a:active, .header_view .nav > li > a:hover, .header_view .nav > li > a:focus, .header_view .nav > li > a:active {
  color: #4287eb;
  background-image: linear-gradient(to bottom, #2861f3, #112f7b);
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .header_view .navbar-brand:hover, .header_view .navbar-brand:focus {
  color: #4287eb;
  background-color: none;
}

.navbar-default .nav > li > a:hover, .header_view .nav > li > a:hover {
  color: #fff;
}

.panel-default > .panel-heading, .pkp_block .title {
  color: #fff;
  background-image: linear-gradient(to bottom, #002dcc, #05b1eb);
  text-align: center;
  font-weight: bold;
}

h2, .h2 {
  font-size: 15px;
}

.breadcrumb {
    background-color: #ededed;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  
  font-family: "Ubuntu",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 150%;
}

.page-site .site-journal-img img {
    max-height: 15rem;
	box-shadow: 5px 5px 5px #ccc;
}


.btn, .pkp_block.block_make_submission a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  
  background-image: linear-gradient(to bottom, #e1e1e1, #f6f6f6);
}

.panel-default > .panel-heading, .pkp_block .title {

  text-transform: uppercase;
}


/*  FOOTER */
footer[role="contentinfo"]{
	background-image: url("https://jimf-bi.org/public/site/islam2.png"),
                  linear-gradient(to bottom, #002dcc, #8ce2ff);

	margin-top: 1em;
	padding: 25px 25px 25px 25px;
}

.container-footer {
    background-image: linear-gradient(to bottom, #fff, #cff3ff);
padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 7px;
  
}

/* BUTTON */
.btn-primary {
    color: #fff;
border-color: #0056c7;
background-image: linear-gradient(to bottom, #0056c7, #001c41);
}

.btn-primary:hover {
    background-image: linear-gradient(to bottom, #ed5b19, #af400d);
}

/* TEXT */
a {
    color: #1b4853;
    text-decoration: none;
}

.alert-info {
background-color: #ffb7ab;
border-color: #ff4b4b;
    color: #fff;
}

/* SITE MAP */
.clt, .clt ul, .clt li {
     position: relative;
}

.clt ul {
    list-style: none;
    padding-left: 32px;
}

.clt li::before, .clt li::after {
    content: "";
    position: absolute;
    left: -12px;
}

.clt li::before {
    border-top: 1px solid #000;
    top: 9px;
    width: 8px;
    height: 0;
}

.clt li::after {
    border-left: 1px solid #000;
    height: 100%;
    width: 0px;
    top: 2px;
}

.clt ul > li:last-child::after {
    height: 8px;
}


.media-body  img {
max-width: 100%;
}


@media (min-width: 992px) {
  .col-footer1 {
    width: 60%;
  }
}

@media (min-width: 992px) {
  .col-footer2 {
    width: 40%;
  }
}