/*      file _blog.php      */

.blogArena{
    background-color: #fff;
}

.sectionPadding{
    padding: 30px;
}

/*      file blog_konten.php      */
.overflow{
    overflow: auto;
}

.flexbox {
  display: flex;
  flex-wrap: wrap;
}

.sidebar {
  width: auto;
  background-color: transparent;
}

.sampingbar{
    padding: 20px;
}

@media (min-width:768px) {
    .sampingbar{
        margin-top: 50px;
    }
}

.jarakblog{
    display         : block;
    padding-top     : 30px;
    margin-bottom   : 30px;
}

@media (min-width:768px) {
    .jarakblog {
        display         : block;
        padding-left    : 30px;
        padding-top     : 30px;
        margin-bottom   : 30px;
    }
}

.img-full{
    width: auto;
    height: auto;
}

.img-sidebar{
	width      : auto; 
	height     : 100px;
}

@media (max-width:768px) {
  .img-sidebar{
       width          : auto; 
	   height         : 100px;
	   text-align     : center;
	   padding-bottom : 0px;
	   padding-left   : 0px;
    }
}

.judulArtikel{
    color: cornflowerblue;
}

.previewArtikel{
    color: black;
}

.btn-warning{
    margin: 5px;
    color: cadetblue;
    background-color: white;
    border-color: cadetblue;
    text-decoration: none;
    list-style: none;
}

.btn-warning:hover{
    margin: 5px;
    color: white;
    background-color: crimson;
    border-color: crimson;
    text-decoration: none;
    list-style: none;
}

.noDecor{
    text-decoration: none;
    
}

.judulDetail{
    font-size: 24px;
    padding-bottom: 20px;
    padding-top: 20px;
    
}

.searchresult{
    margin-top: 30px;
    padding-top: 20px;
}