/*sampai disini saja ya | mencuri desain adalah tindakan tidak terpuji :)))))*/

/*content only desktop*/
@media only screen and (max-width: 992px) 
{
#gambar-home { display: none; }
.img-materi { display: none; }
.list-image { display: none; }
#dayak { display : none; }
.materi .card .card-header .cari { display:none; }
}

.blink 
  { text-decoration: blink; }

/*index css*/
#gambar-home {
	width: 300px; height: 165px; margin-left: 35%;
}

.navbar {
	background-color: #322F56;
}

.link-navbar:hover{
    color: #edab61;
}

.account-name {
	font-size: 25px; color: #322F56;
}

.account-sub {
	font-size: 17px; color: #c5bfb9;
}

.img-materi {
	width: 100%;
	height: 150;
}

.salam-dayak {
    font-size:10px;
    margin-left: 35%;
}


.img-materi:hover {
	box-shadow: 2px 2px 5px grey;
	transition: 1s;
	opacity: 0.8;
}

.judul-materi {
	justify-content: center;
	color: #322F56;
}

.card-body .link-submateri {
	text-decoration: none;
}

.judul-materi:hover {
	color: #edab61;
	transition: 0.5s;
}

.copyright {
    background-color: #322F56;
}

.judul-diskusi, .penanya, .sitemap, .item, .copyright-text {
    font-size: 13px;
}

.penanya {
    color: #696868;
}

.sitemap {
    text-decoration: underline;
}

.item {
    list-style-type:none;
}

.link-sitemap {
    color: white;
    text-decoration: none;
}

.link-sitemap:hover {
    color: #edab61;
    text-decoration: none;
    transition :0.5s;
}


/* diskusi forum */
.materi .card-body .diskusi {
    width: 100%;
    background-color: whitesmoke;
    border-radius: 5px;
}


/*sub materi css*/
.container .img-thumbnail .materi {
	width: 300px; height: 180px; margin-left: 35%;
}

.list-image {
	width: 100%; height: 300px;
}

/*404 css*/

.img-eror {
	width: 300px; height: 200px;
}

/*akun saya*/
.profil-foto .img-thumbnail {
    background-color : whitesmoke;
}

.profil-teman .img-rounded {
    background-color : red;
}

.comment-wrapper .panel-body {
    max-height:650px;
    overflow:auto;
}

.comment-wrapper .media-list .media img {
    width:64px;
    height:64px;
    border:2px solid #e5e7e8;
}

.comment-wrapper .media-list .media {
    border-bottom:1px dashed #efefef;
    margin-bottom:25px;
}