.arabHeader, .arab1, .arab2, .arab3{
		white-space: nowrap;
}
.arabHeader, .arab1, .arab2, .arab3, .arab4{
/*
		display: flex;
*/
		align-items: center; 
		justify-content: center;
	}

@media only screen and (max-width: 767px) {
  /* For mobile phones: */
	.bg_home_page{
		background-image: url(../img/bg_menu2.png), url(../img/islamic-ornament-grey.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.arabHeader, .arab1, .arab2, .arab3, .arab4{
/*		line-height: 50px;*/
		font-size: 30px;
		line-height: 1.68em;
/*		font-size: 2.2em;*/
/*		height: 86px;*/
/*
		line-height: 55px;
		font-size: 31px;
*/
	}
	.pokokbahasan{
/*		height: 700px;*/
	}
	sup{
		font-size: 0.5em;
		white-space: nowrap;
	}
}
@media only screen and (min-width: 768px) {
  /* For table & PC: */
	.bg_home_page{
		background-image: url(../img/bg_menu2.png);
		background-position: right;
		background-repeat: no-repeat;
/*		background-size: cover;*/
	}
	.arabHeader, .arab1, .arab2, .arab3, .arab4{
/*		line-height: 55px;*/
		font-size: 35px;
		line-height: 1.58em;
/*		font-size: 3em;*/
/*		height: 121px;*/
/*
		line-height: 73px;
		font-size: 51px;
*/
	}
	.pokokbahasan{
/*		height: 800px;*/
	}
	sup{
		font-size: 0.5em;
		white-space: nowrap;
	}
}

.bg_page{
	background-image: url(../img/bg_menu1.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg_page2{
	background-image: url(../img/islamic-ornament-grey.jpg);
	background-position: top;
	background-repeat: repeat;
	background-size: contain;
}

.list {
  background-image: none;
	display: unset;
}

/*MENU*/
.header1 {
	background-color: #ECEFF1;
  height: 135px;
  overflow: hidden;
  position: relative;
	z-index: 5;
	padding-top: 20px;
/*  box-shadow: 0 1px 5px rgba(0,0,0,.3);*/
}
.content1 {
  position:absolute;
  top: 155px;
  left:0px;
  right:0px;
  bottom:0px;
  overflow-y:scroll;   
/*
	background-image: url(../img/bg_menu.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-blend-mode: soft-light;
*/
/*	background-size: cover;*/
}
.menuSamping{
	flex-direction: column; 
	min-width: 45px; 
	margin-right: 5px; 
	color: #555;
}

/*
.list__item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
}
*/


.list-item--material {
    padding: 0;
}
.list-item--material__center, .list-item--material__left:empty {
    padding: 0;
}

/*FONT ARAB*/
.arabHeader {
/*	font-family: "KFGQPC Uthman Taha Naskh";*/
/*	font-family: "LPMQ IsepMisbah" !important;*/
	font-family: "MQUthmanic" !important;
/*	font-weight: bold;*/
	text-align: center;
	border-style: solid;
	border-width: thin;
	border-color: white;
	padding: 7px;
/*	display: block;*/
/*	direction: rtl;*/
}
.arab1 {
/*	font-family: "KFGQPC Uthman Taha Naskh";*/
/*	font-family: "LPMQ IsepMisbah" !important;*/
	font-family: "MQUthmanic" !important;
/*	font-weight: bold;*/
	text-align: center;
	border-style:solid;
  border-width: thin;
	border-color: white;
	padding: 7px;
/*	direction: rtl;*/
/*  border-width: 5px;*/
}
.arab2 {
/*	font-family: "KFGQPC Uthman Taha Naskh";*/
/*	font-family: "LPMQ IsepMisbah" !important;*/
	font-family: "MQUthmanic" !important;
/*	font-weight: bold;*/
	text-align: center;
	border-style:solid;
  border-width: thin;
	border-color: #909090;
	padding: 7px;
/*	direction: rtl;*/
/*  border-width: 5px;*/
}
.arab3, .arab4 {
/*	font-family: "KFGQPC Uthman Taha Naskh";*/
/*	font-family: "LPMQ IsepMisbah" !important;*/
	font-family: "MQUthmanic" !important;
/*	font-weight: bold;*/
	text-align: center;
	padding: 7px;
/*	direction: rtl;*/
/*  border-width: 5px;*/
}

.borderKu {
	border-style: solid;
  border-width: thin;
	border-color: #909090;
	height: 100%;
}

/*BACKGROUND*/
.arabBGHeader {
/*	background-color: #005644cc; */
	background-color: rgba(0, 86, 68, 0.75);
	color: white;
	text-shadow: 1px 1px 2px black;
/*
	background-color: #D9D9D999; 
	text-shadow: 0px 0px 3px white;
*/
}
.arabBG1 {
/*	text-shadow: 2px 2px 5px white;*/
	text-shadow: 0px 0px 3px white;
	text-shadow: 2px 2px 3px #cccccc;
}
.arabBG2 {
	text-shadow: 0px 0px 1px white;
	text-shadow: 2px 2px 3px #cccccc;
}
.arabBG3 {
	background-color: rgba(0, 86, 68, 0.75);
	color: white;
	text-shadow: 1px 1px 2px black;
}

warna, .warna {
/*	color: #00B0F0;*/
/*	color: #44A18E;*/
/*	color: #3D8F7E;*/
/*	color: #327668;*/
	color: #46AB60;
}

@font-face {font-family: "KFGQPC Uthman Taha Naskh";
	src: url("../font/KFGQPC_Uthman_Taha_Naskh.ttf");
}

@font-face {font-family: "LPMQ IsepMisbah";
	src: url("../font/LPMQ_IsepMisbah.ttf");
}

@font-face {font-family: "MQUthmanic";
  src: url("../font/KFGQPCUthmanicScriptHAFS.ttf") format('truetype');
}

/* Ripple effect */
.rippleKu {
  background-position: center;
  transition: background 0.8s;
}
.rippleKu:hover {
/*  background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;*/
  background: transparent radial-gradient(circle, transparent 1%, rgba(0,0,0,.2) 1.5%) center/15000%;
}
.rippleKu:active {
/*  background-color: #6eb9f7;*/
	background-color: transparent;
/*  background-size: 100%;*/
  background-size: 1000px;
  transition: background 0s;
}

/* Ripple effect */
.rippleKu2 {
  background-position: center;
  transition: background 0.8s;
}
.rippleKu2:hover {
/*  background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;*/
  background: rgba(0, 86, 68, 0.75) radial-gradient(circle, transparent 1%, rgba(0,0,0,.2) 1.5%) center/15000%;
}
.rippleKu2:active {
/*  background-color: #6eb9f7;*/
	background-color: rgba(0, 86, 68, 0.75);
/*  background-size: 100%;*/
  background-size: 1000px;
  transition: background 0s;
}

.bg_bar{
	background-image: url(../img/islamic-ornament-grey.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg_list{
	background: white; 
	padding: 0px 10px; 
	margin: 10px 0px; 
	box-shadow: 1px 1px 2px #999 !important;
}

.textunderline {
	display:inline-block;
	border-bottom:2px solid white;
	padding-bottom:0px;
	box-shadow: 0px 1px #555;
}

#id-wa {
	position: fixed;
	bottom: 10px;
	right: 10px;
}

/* ================================ */

#tentang_kami p{
	margin: 0 0 5px 20px ;
	text-indent: 20px;
}

#tentang_kami ul>li>p{
	margin: 0px;
	text-indent: 0px;
}

#tentang_kami ol>li>p{
	margin: 0px;
	text-indent: 0px;
}

#tentang_kami ul{
	padding-left: 20px;
	margin-bottom: 5px;
}

#tentang_kami ol{
	margin: 5px 0px 0px 15px;
}

#tentang_kami ol>li{
	margin-bottom: 2px;
}

#tentang_kami ol[type=a]{
	margin-left: 30px;
}

#tentang_kami ol[type=a]>li{
	margin-bottom: 2px;
}

#tentang_kami table, th, td {
	border: 1px solid;
}

#tentang_kami dd {
	margin-left: 15px;
}

#tentang_kami table p{
	margin: 0px;
	text-indent: 0px;
}

#tentang_kami ol+p{
	margin-left: 55px
}

#tentang_kami ol[type=a]+p{
	margin-left: 70px
}

#tentang_kami .judul p{
	margin-left: 0;
}