@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');


* {
	font-family: Poppins;
}

html {
	scroll-behavior: smooth;
}

.header {
	display:flex;
    align-items:center;
    height: 130px;
}

.header img{
	width: 170px;
	height: 60px;
}


/*Awal Navbar*/
.navbar {
	background-color: #FFC300
}

.nav-active{
	background-color: #9f1b21;
}

.navigasi-bar a {
	font-weight: 600;
	font-family: Poppins;
	color: black !important;
	font-size: 14px;
}

.nav-active a{
	color: white !important; 
}

.navigasi-bar a:hover {
	/*color: #960B0C !important;*/
	color: white !important;
	transition-duration: 0.3s;
	cursor: pointer;
	background-color: #9f1b21;
}

.menu-berita-acara a:hover {
	/*color: #960B0C !important;*/
	color: white !important;
	transition-duration: 0.3s;
	cursor: pointer;
}

.fa-sort-down {
	position: relative;
	top: -3px;
	font-size: 16px;
	margin-left: 2px;
}

@media only screen and (max-width: 992px){
	.navbar {
		margin-top: -80px;
		background-color: transparent;
	}

	.navbar button{
		border: 2px solid white !important;
		outline: none;
		margin-right: 10px;
	}

	.fa-bars{
		font-size: 25px !important;
		color: white
	}

	.navbar-collapse {
		background-color: #FFC300;
		margin-top: 80px;
	}

	.menu-berita-acara{
		background-color: #FFC300;
		border: none;
		text-align: center;
	}

	.menu-berita-acara a{
		height: 50px;
		padding-top: 15px;
	}
}

@media only screen and (max-width: 480px){
	.navbar button{
		margin-right: 5px;
	}

	.fa-bars{
		font-size: 20px !important;
		color: white
	}	
}
/*Akhir Navbar*/



/*Awal Daftar */
.daftar {
	font-family: Poppins;
}

.daftar h3 {
	color: #9F1B21;
	font-weight: 600
}
/*Akhir Daftar */



/*Awal Footer*/
.footer {
	margin-top: 120px;
	background-color: #464646;
	overflow: hidden;
}

.footer p {
	font-weight: 800;
	color: white;
}

.footer a {
	text-decoration: none;
}

.footer a > small:hover{
	color: #FAD814;
	font-weight: 700;
	transition-duration: 0.2s;
	cursor: pointer;
}

.footer small{
	color: #CBCBCB;
	line-height: 30px;
}

.copyright small{
	color: white;
	line-height: 20px;
	text-decoration: underline;
}
/*Akhir Footer*/