@charset "utf-8";

/* CSS Document */

html,body{margin:0;padding: 0;}

body{background: url(bg.jpg);background-position: top left;background-repeat: no-repeat;}

.font_judul{font-family: 'Rajdhani', sans-serif;}

.bg{background-color:#D1D1D1;}

.font_isi{font-family: 'Prompt', sans-serif;font-size: 12pt;font-weight: 400; }

.font_footer{font-family: 'Rajdhani', sans-serif;font-weight: bold; font-size: 12pt;}

.font_detail{font-family: 'Prompt', sans-serif;font-size: 11pt;font-weight: 400; }



a.font_link_1:link{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 14pt;color: #FFFFFF;text-decoration: none;}

a.font_link_1:visited{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 14pt;color: #FFFFFF;text-decoration: none;}

a.font_link_1:hover{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 14pt;color: #C50104;text-decoration: none;}

a.font_link_1:active{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 14pt;color: #C50104;text-decoration: none;}



a.font_link_1b:link{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 14pt;color: #929292;text-decoration: none;}

a.font_link_1b:visited{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 14pt;color: #929292;text-decoration: none;}

a.font_link_1b:hover{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 14pt;color: #860204;text-decoration: none;}

a.font_link_1b:active{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 14pt;color: #860204;text-decoration: none;}



.selected_font_link_1b{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 14pt;color: #860204;text-decoration: none;cursor: default;}





a.font_link_2:link{font-family: 'Rajdhani', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 12pt;color: #FFFFFF;text-decoration: none;}

a.font_link_2:visited{font-family: 'Rajdhani', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 12pt;color: #FFFFFF;text-decoration: none;}

a.font_link_2:hover{font-family: 'Rajdhani', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 12pt;color: #C50104;text-decoration: none;}

a.font_link_2:active{font-family: 'Rajdhani', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 12pt;color: #C50104;text-decoration: none;}







ul.menu_1 {

list-style-type: none;

margin: 0;

padding: 0;

}



ul.menu_1 li {

	display: inline;

	margin-left: 15px;

}



ul.menu_2 {

list-style-type: none;

margin: 0;

padding: 0;

}



ul.menu_2 li {

	display: block;

	margin-bottom: 5px;

	padding: 10px;

	width: 96%;

	border-bottom: 1px solid #E9E9E9;

}



a.font_link_3:link{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 10pt;color: #929292;text-decoration: none;}

a.font_link_3:visited{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 10pt;color: #929292;text-decoration: none;}

a.font_link_3:hover{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 10pt;color: #860204;text-decoration: none;}

a.font_link_3:active{font-family: 'Prompt', sans-serif;font-weight: bold; text-transform:uppercase/* capitalize*/; font-size: 10pt;color: #860204;text-decoration: none;}


.card{
	height:200px;
	
}
.card_content{
	max-height: 100%;
	overflow: hidden;
}
.card_title{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
.animate_title:hover{
	animation: marquee 15s ease-in-out infinite;
}
.berita_tumb{
	object-fit: cover;
	width:100%;
	max-height:200px;
	transition: all 0.5s ease-in;
	aspect-ratio: 4/3;
}
.berita_tumb:hover{
	transform: scale(105%);
	aspect-ratio: 4/3;
}
.berita_text{
	font-size: 11pt;
	font-family: 'Prompt', sans-serif;
	text-align: justify;
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.simple-pagination-page-numbers a
{
	display: block;
	float: left;
	width: 2rem;
	text-align: center;
}

/*animate card_title if overflow*/

@keyframes marquee {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(-100%, 0); }
  100% { transform: translate(0, 0); }
}


/*media query for tablet*/

@media screen and (max-width: 1024px) {
	.berita_tumb{
		object-fit: cover;
		width:100%;
		aspect-ratio: 4/3;

	}

	.card{
		display: flex;
		height: 400px;
		width: 50%;
		float: left;
		flex-direction: column;
		margin-bottom: 20px;
	}

}

@media screen and (max-width:767px) {
	.berita_tumb{
		object-fit: cover;
		width:100%;
		aspect-ratio: 4/3;

	}

	.card{
		height: 400px;
		width: 100%;
		margin-bottom: 20px;

	}
}

/*layouting*/

#menu_desktop_tab{background-image: url(bg.png);height:110px;padding-bottom:20px;position: fixed;top: 0;width: 100%;background-color: #6F1819;z-index: 1;border-bottom: 3px solid #DB484A;}

#menu_mobile{background-image: url(bg.png);height: 180px;padding-bottom:20px;position: fixed;top: 0;width: 100%;background-color: #6F1819;z-index: 1;border-bottom: 3px solid #DB484A;}

#footer{background-image: url(bg.png);height: 210px;background-color: #6F1819;width: 100%;position: absolute;left: 0;z-index:0;border-top: 3px solid #DB484A;}