:root {
	--ry-dark-blue: #0b172a;
}

body {
	background: #fbfcfd;
	font-family: "DM Sans", sans-serif;
}

img {
	max-width: 100%;
	border-radius: 7px;
}

.text-icon {
	display: flex;
	align-items: center;
	gap: .5rem;
}

/* Rewrite Boostrapcss */
#navbar {
    transition: transform .3s ease;
}

#navbar.hide {
    transform: translateY(-100%);
}

.cursor-pointer { cursor: pointer; }

.bg-dark-blue { background-color: var(--ry-dark-blue); }

.fw-900 { font-weight: 900; }
.fw-1000 { font-weight: 1000; }

.hero-title {
	font-weight: 1000;
	font-size: 48pt;
	line-height: .8;
}

/* Dokumen */
#dokumen .dokumen-card {
	transition: 250ms all ease;
	color: inherit;
	text-decoration: none;
}

#dokumen .dokumen-card img {
	transition: 250ms all ease;
}

#dokumen .dokumen-card:hover img {
	box-shadow: 0 0 17px rgba(0, 0, 0, .2);
}


#dokumen .dokumen-card:hover .dokumen-card-text {
	color:#276F27 !important;
}

/* Posts */
#post .post-img-wraper {
	width: 100%;
	height: 18rem;
	position: relative;
	overflow: hidden;
}
#post .post-img-wraper .img-blur {
	width: 100%;
	object-fit: cover;
	filter: blur(10px);
}

#post .post-img-wraper .img-first {
    position: absolute;
    top: 0px;
	width: 100%;
	display: flex;
}

#post .post-img-wraper .img-first img {
	border-radius: 0;
	height: 18rem;
	margin: auto;
}

#post .post-link {
	display: block;
	font-size: 22pt;
	text-decoration: none;
	color: inherit;
	line-height: 1.1;
	font-weight: 1000;
	cursor: pointer;
	transition: 150ms all ease-in-out;
}

#post .post-link:hover {
	color: rgb(5, 105, 5);
}

/*
* Berita
*/
#berita img {
	margin: 1.7rem auto;
}

#berita p {
	margin: 0;
}

/*
* Galeri
*/

#galeri .galeri-thumb {
	height: 17rem;
	overflow: hidden;
}

#galeri .galeri-thumb img {
	width: 100%;
	height: 17rem;
	object-fit: cover;
	transition: 300ms all ease;
}

#galeri .galeri-card {
	display: block;
	text-decoration: none;
	color: inherit;
}

#galeri .galeri-card:hover {
	color: #276F27;
}

#galeri .galeri-card:hover img {
	filter: brightness(90%);
}

/*
* Galeri / Detail
*/
#galeri .galeri-masonry {
    column-count: 4;
    column-gap: 1rem;
}

#galeri .galeri-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 1rem;
    break-inside: avoid;
}

#galeri .galeri-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* 
* Responsive
*/
@media screen and (min-width: 992px) {
	#berita p {
		font-size: 14pt;
	}
}

@media screen and (max-width: 992px) {

	#galeri .galeri-masonry {
        column-count: 3;
    }
	
	.hero-title {
		/*background: red;*/
		font-size: 32pt;
		text-align: left;
	}

	.hero-text {
		line-height: 1.2;
		text-align: right;
	}

	.hero-body {
		margin-bottom: 1rem;
	}

}

@media (max-width: 768px) {
    #galeri .galeri-masonry {
        column-count: 2;
    }
}

@media screen and (max-width: 576px) {

	#galeri .galeri-masonry {
        column-count: 1;
    }
	
	.hero-title {
		font-size: 36pt;
		text-align: left;
	}

	.hero-text {
		line-height: 1.2;
		text-align: right;
	}

	.hero-body {
		margin-bottom: 1rem;
	}

	/* Spacing */
	.mb-sm-2 {
		margin-bottom: 1rem;
	}

	.mb-sm-3 {
		margin-bottom: 1.5rem;
	}

}