@charset "utf-8";
/* CSS Document */
/* ----------------------------- CUSTOM BUTTON STYLES ----------------------------- */
img{max-width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
/* ------------------ default styles ------------------ */
.breadcrumbs{padding:10px 0; margin-bottom:0;}
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}

#commentform input#submit{ background-color:#32373a; border:none; padding:8px 15px; color:#fff; display:inline-block; cursor:pointer;}
#commentform input#submit:hover{background:#000000; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
ul.errormsg{background:#ffe4e4;}
ul.errormsg li{padding:5px;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}

/*------------------------------------------- COMMENT STYLES -------------------------------------------*/
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic;}
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px; float:left;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}

.pengurus-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 20px 0;
  margin-bottom: 20px;
}

.pengurus-item {
  width: 200px;
  text-align: center;
  background: #f9f9f9;
  padding: 15px;
  border-radius: 10px;
  transition: transform 0.2s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.pengurus-item:hover {
  transform: scale(1.05);
}

.pengurus-photo img {
  width: 100%;
  height: 300px !important;
  border-radius: 50%;
  object-fit: cover;
}

.pengurus-name {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.page-banner.custom-banner {
  width: 100%;
  height: 400px; /* Adjust as needed */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.page-banner .banner-title {
  color: #fff;
  font-size: 60px;
  text-align: center;
	font-weight: bold;
}

.form-control input, textarea {
  border-radius: 4px !important;
  border: 1px solid #c0a5a5 !important;
  margin-top: 5px !important;
}

.form-control input::placeholder, textarea::placeholder {
  color: #c0a5a5 !important;
}

.centered-seemore {
  display: grid;
  place-items: center;
}

.seemore-pengurus {
  background-color: #64A926;
  font-family: "Poppins", Sans-serif;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  fill: #FFFFFF;
  color: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  padding: 14px 33px;
  cursor: pointer;
  transition: ease 0.5s;
}

.seemore-pengurus:hover {
  color: #64A926;
  background-color: #FFFFFF;
  border: 1px solid #64A926;
}

#waktu-sholat-container {
  position: absolute;
  right: 2px;
  bottom: -100px;
  padding: 20px;
  background-color: #fff;
  color: #64A926;
  z-index: 100;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); /* soft shadow */
  border-radius: 4px;
  min-width: 50%;
}

#waktu-sholat-container ul {
  display: flex;
  justify-content: space-evenly;
  list-style: none;
  margin: 0;
  font-size: 1.1rem;
}

#hari-ini {
  color: #000000;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

#hari-ini #kota {
  font-size: 1.2rem;
  font-weight: 500;
}

#hari-ini #tanggal {
  font-size: 0.9rem;
}

@media (max-width: 767px) {
  #waktu-sholat-container {
    position: relative;
    right: auto;
    bottom: auto;
  }
}