.prakicu-kabkota .service-block {
	height: inherit;
}
.prakicu-kota h2, .prakicu-kota p {
	z-index: 1;
	position: relative;
}
.prakicu-kota.cuaca/bg-cuaca, .prakicu-kota .cuaca/bg-cuaca {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
}
.prakicu-kota.cuaca/bg-cuaca:before, .prakicu-kota .cuaca/bg-cuaca:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));
}
.prakicu-kota .wi {
	font-size: 22px;
	margin-right: 3px;
	position: relative;
    top: 3px;
}
.prakicu-kota .wi-direction-up {
	color: orange;
}
.prakicu-kota .wi-direction-down {
	color: #3bb5ff;
}
.prakicu-kota .wi-raindrop {
	color: #9cd1ff;
}
.prakicu-kota .wi-strong-wind {
	color: #ffce19;
}
.prakicu-kota .wi-wind, .prakicu-kota .wi-refresh {
	color: #ffce19;
	font-size: 26px;
    top: 5px;
}

.udara-kabur-siang, .udara-kabur { background-image: url(cuaca/bg-cuaca/asap-halimun-kabut.jpg); }
.udara-kabur-malam { background-image: url(cuaca/bg-cuaca/asap-halimun-kabut.jpg); }
.asap-siang, .asap { background-image: url(cuaca/bg-cuaca/asap-halimun-kabut.jpg); }
.asap-malam { background-image: url(cuaca/bg-cuaca/asap-halimun-kabut.jpg); }
.kabut-siang, .kabut { background-image: url(cuaca/bg-cuaca/asap-halimun-kabut.jpg); }
.kabut-malam { background-image: url(cuaca/bg-cuaca/asap-halimun-kabut.jpg); }
.berawan-siang, .berawan { background-image: url(cuaca/bg-cuaca/berawan-siang.jpg); }
.berawan-malam { background-image: url(cuaca/bg-cuaca/berawan-malam.jpg); }
.berawan-tebal-siang, .berawan.tebal { background-image: url(cuaca/bg-cuaca/berawan-tebal-siang.jpg); }
.berawan-tebal-malam { background-image: url(cuaca/bg-cuaca/berawan-tebal-malam.jpg); }
.cerah-berawan-siang, .cerah.berawan { background-image: url(cuaca/bg-cuaca/cerah-berawan-siang.jpg); }
.cerah-berawan-malam { background-image: url(cuaca/bg-cuaca/cerah-berawan-malam.jpg); }
.cerah-siang, .cerah { background-image: url(cuaca/bg-cuaca/cerah-siang.jpg); }
.cerah-malam { background-image: url(cuaca/bg-cuaca/cerah-malam.jpg); }
.hujan-badai-siang, .hujan.badai { background-image: url(cuaca/bg-cuaca/hujan-petir.jpg); }
.hujan-badai-malam { background-image: url(cuaca/bg-cuaca/hujan-petir.jpg); }
.hujan-petir-siang, .hujan.petir { background-image: url(cuaca/bg-cuaca/hujan-petir.jpg); }
.hujan-petir-malam { background-image: url(cuaca/bg-cuaca/hujan-petir.jpg); }
.hujan-ringan-siang, .hujan.ringan { background-image: url(cuaca/bg-cuaca/hujan-ringan-lokal-siang.jpg); }
.hujan-ringan-malam { background-image: url(cuaca/bg-cuaca/hujan-ringan-lokal-malam.jpg); }
.hujan-lokal-siang, .hujan.lokal { background-image: url(cuaca/bg-cuaca/hujan-ringan-lokal-siang.jpg); }
.hujan-lokal-malam{ background-image: url(cuaca/bg-cuaca/hujan-ringan-lokal-malam.jpg); }
.hujan-sedang-siang, .hujan.sedang { background-image: url(cuaca/bg-cuaca/hujan-sedang-lebat-siang.jpg); }
.hujan-sedang-malam { background-image: url(cuaca/bg-cuaca/hujan-sedang-lebat-malam.jpg); }
.hujan-lebat-siang, .hujan.lebat { background-image: url(cuaca/bg-cuaca/hujan-sedang-lebat-siang.jpg); }
.hujan-lebat-malam { background-image: url(cuaca/bg-cuaca/hujan-sedang-lebat-malam.jpg); }

.prakicu-kota .cuaca/bg-cuaca{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	width: 100%;
	position: relative;
}
.prakiraan-cuaca .et_pb_code_inner, .prakiraan-cuaca .prakicu-kota {
	height: 100%;
}
.prakiraan-cuaca .prakicu-kota{
	display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.prakiraan-cuaca .prakicu-kota .service-block {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
		padding: 25px;
		z-index: 9;
}
.prakicu-kota .service-block, .prakicu-kota .service-block .kota, .prakicu-kota .service-block .waktu {
    color: #FFF;
}
.prakiraan-cuaca .prakicu-kota:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.11);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.prakiraan-cuaca .prakicu-kota {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: relative;
}
.prakiraan-cuaca a{
	color: #FFF;
	text-decoration: underline;
}
.prakiraan-cuaca a:hover{
	text-decoration: none;
}
.prakicu-kota .service-block .kota{
	font-weight: 600;
	text-transform: uppercase;
}
.prakiraan-cuaca .kiri img{
	max-width: 95px;
  margin-bottom: -10px;
}
.prakiraan-cuaca .heading-md{
	font-size: 25px;
  margin-top: 10px;
  margin-bottom: -10px;
}
.prakiraan-cuaca .kiri, .prakiraan-cuaca .kanan{
	text-align: center;
}
.prakiraan-cuaca .credit {
    font-size: 10px;
    margin-bottom: -25px;
    margin-top: 25px;
}
.prakiraan-cuaca .credit:after{
	content:'';
	display: block;
	clear: both;
}
.prakiraan-cuaca .credit .sumber {
  float: left;
}
.prakiraan-cuaca .credit .lihat {
  float: right;
}

@media (max-width: 1024px) {
	.prakiraan-cuaca .kiri img{
		max-width: 35%;
	}
	.prakiraan-cuaca .credit{
		margin-bottom: 0;
	}
	.prakiraan-cuaca .credit .lihat {
    font-size: 13px;
	}
	.prakiraan-cuaca .credit .sumber, .prakiraan-cuaca .credit .lihat{
		float: none;
		text-align: center;
	}
}
