/*====== START WEBTOON ======*/
.body_webtoon {
	background-color: #f6f5ed;
}

.listWebtoon .divWebtoon {
	padding-bottom: 5px;
	border-bottom: 5px solid lightgray;
}

.comicheader {
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	background-position-x: center;
	border-bottom: 5px solid #eaad3c;
	margin: 0px;
}

#share .jssocials-share-logo {
	font-size: 1.2em !important;
}

#share .jssocials-share {
	margin: 5px 0.5em 0px 0;
}

#share .jssocials-share-link {
	padding: 0.5em;
	border-radius: 8px;
}

.listChapter {
	background-color: #342b29;
	border-bottom: 5px solid #eaad3c;
}

.listChapter a:hover {
	color: #eaad3c;
}

.webtoonimages {
	height: auto;
	margin: 0 auto;
	display: block;
	border: none !important;
}

.listWebtoonImages {
	margin: 0 auto;
	text-align: center;
}

.komentar {
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	width: 100% !important;
}

.komentar iframe {
	width: 100% !important;
}

.actionButton button,
.shareButton,
.likeButton,
.likeButtonGray,
#chapterlistbtn,
#downloadbtn,
.prevNextButton button {
	border: none;
	font-size: 140%;
	font-family: judul !important;
	width: 100%;
}

.likeButtonGray {
	background-color: rgb(183, 183, 183) !important;
	border-bottom: 5px solid rgb(147, 147, 148) !important;
}

.likeButton {
	background-color: rgb(255, 112, 122) !important;
	border-bottom: 5px solid rgb(213, 113, 119) !important;
}

#chapterlistbtn,
#downloadbtn,
.prevNextButton button {
	background-color: #6f9ced !important;
	border-bottom: 5px solid #5b7fc0 !important;
}

.adsbygoogle,
.google-auto-placed>.adsbygoogle {
	padding: 20px 0 !important;
}

/*====== END WEBTOON ======*/

/*====== START CUSTOM ======*/
@media (min-width: 768px) and (max-width: 1023px) {

	/*TABLET*/
	.webtoonimages {
		height: 100% !important;
	}

	.komentar {
		max-width: 700px;
	}

	.listOtherWebtoon .listWebtoon {
		max-width: 40%;
	}
}


@media (min-width: 1024px) {

	/*DESKTOP*/
	/*start webtoon*/
	.comicheader {
		padding: 0px 20px;
		background-size: contain;
		height: 368px;
	}

	.comicheader #comicheaderjudul {
		padding-top: 100px;
	}

	.comicheader .comicheadercontent {
		position: relative;
		height: 350px;
	}

	.comicheader .comicheaderbutton {
		position: absolute;
		bottom: 0px;
	}

	.comicheader #comicheaderdesc {
		font-size: 13pt;
	}

	.listChapter .imgChapter {
		width: 15%;
	}

	.listChapter .imgChapter img {
		max-width: 60%;
	}

	.listChapter .detailChapter {
		margin-left: -60px;
		margin-top: 7px;
	}

	.webtoonimages {
		max-width: 37%;
	}

	.listOtherWebtoon .listWebtoon {
		max-width: 20%;
	}
}

@media (min-width: 1366px) {

	/*DESKTOP*/
	.comicheader {
		padding: 0px 20px;
		background-size: contain;
		height: 438px;
	}

	.comicheader .comicheadercontent {
		position: relative;
		height: 420px;
	}
}

@media (max-width: 767px) {

	/*MOBILE*/
	/*webtoon*/
	.comicheader {
		height: 325px;
		padding: 0px;
		background-size: cover;
	}

	.comicheader .comicheadercontent {
		position: relative;
		height: 315px;
	}

	.comicheader .comicheaderbutton {
		position: absolute;
		bottom: 0px;
	}

	.comicheader .comicheaderbutton a button {
		font-size: 80%;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
	}

	.comicheader .comicheaderbutton a .material-icons {
		font-size: 18pt !important;
	}

	.webtoonimages {
		width: 100%;
	}

	.komentar {
		max-width: 700px;
	}

	.listOtherWebtoon .listWebtoon {
		max-width: 50%;
	}
}

@media (min-width:768px) and (orientation:portrait) {
	.comicheader {
		height: 274px;
	}
}

@media (min-width:1024px) and (orientation:portrait) {
	.comicheader {
		height: 368px;
	}
}

/*====== END CUSTOM ======*/