@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*all*/
	html {
		position: relative;
		min-height: 100%;
	}

	body {
		padding-top: 90px;
	}

	ul li {
		list-style-type: none;		
	}

	a {
		color: #333;
	}

	a[hover="blue"]:hover {
		color: skyblue;
	}

	a[hover="red"]:hover {
		color: tomato;
	}

	.dropdown-menu {
		border: none;
		box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
		border-radius: 0 !important;
	}

	.dropdown-menu li {
		border-top: 1px solid #eee;
	}

	@media (max-width: 767px) {
		.dropdown-menu {
			background-color: white !important;
		}

		.dropdown-menu li {
			border: none;
		}

		.dropdown-menu li a:hover {
			color: #333 !important;
		}
	}

	.dropdown-menu li:first-child {
		border: none;
	}

	.dropdown-menu li a {
		display: block;
		padding: 10px 16px;
	}

	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		background-color: #121212;
		padding: 30px 0;
		/* font-family: open_sansregular; */
		font-family: 'Montserrat', sans-serif;

		z-index: 2;
	}

	footer .text-muted.right {
		text-align: right;
	}

	@media (max-width: 450px) {
		footer .text-muted.right {
			margin-top: 30px;
			text-align: left;
		}
	}

	footer .social p {
		font-weight: bold;
	}

	footer .social ul {
		padding: 0;
	}

	footer .social span {
		font-size: 20px;
		margin-right: 6px;
	}

	footer .social span.glyphicon {
		font-size: 16px;
		margin-bottom: 10px;
	}

	footer a:hover,
	footer .social li:hover {
		color: white;
	}

	table {
		width: 100%;
	}

	table.noBorder tr td,
	table.noBorder tr th {
		border: none;
		padding: 3px;
	}

	table.table tr[id*="trChild-"] {
		background-color: #f9f9f9;
		color: #444;
	}

	table.table tr[id*="trChild-"] td {
		padding: 15px 5px;
	}

	table.table tr[id*="trChild-"] td ul {
		padding: 0;
		margin: 0;
	}

	table.table tr[id*="trChild-"] td ul li {
		display: inline-block;
		padding: 0 15px;
	}

	table.table tr[id*="trChild-"] td ul li.key-data {
		font-weight: bold;
	}

	table.table td h3 {
		padding: 0;
		margin: 0;
		color: #3a3a3a;
	}

	table.table td.notFound {
		color: #d3d3d3;
	}

	form.form input,
	form.form textarea,
	form.form .input-group,
	form.form select {
		margin-bottom: 5px;
	}

	.fi-lg {
		font-size: 19px !important;
	}

	.fi-lg2x {
		font-size: 28px !important;
	}

	.jumbotron.bgwhite {
		background-color: white
	}

	a span.glyphicon {
		font-size: 16px;
	}

	@media(max-width: 599px){
		.jumbotron {
			overflow: auto;
		}
	}

	#cke_ckeditor {
		margin-bottom: 5px;
	}

	p.warning {
		color: #bf5452;
		font-family: open_sansregular;
		font-size: 14px;
	}

	.fasilitas ul,
	.galeriFoto ul {
		margin: 0;
		padding: 0;
	}

	.galeriFoto center,
	.galeriVideo center,
	.fasilitas center,
	.kontak center,
	center.kejuruanC {
		background-color: #022c43;
		padding: 50px 0;
		padding-bottom: 30px;
		width: 100%;
		margin-top: -30px;
		margin-bottom: 30px;
		color: #fdfdf6;
	}

	.galeriFoto center h2 span,
	.galeriVideo center h2 span,
	.fasilitas center h2 span,
	.kontak center h2 span,
	center.kejuruanC h2 span {
		color: gold;
	}

	.galeriFoto center.noBg,
	.galeriVideo center.noBg,
	.berita center.noBg {
		background: transparent;
		color: #d3d3d3;
		position: absolute;
	}

	.galeriFoto center.noBg,
	.galeriVideo center.noBg {
		left: 0;
	}

	.berita center.noBg {
		left: 50%;
		margin-left: -55px;
	}

	.berita center.noBg .loader {
		margin-left: 45px;
	}

	a.btn.btn-success,
	button.btn.btn-success {
		background: #8feef7;
		border-color: #ccc;
		color: #606060;
	}

	a.btn.btn-success:hover,
	button.btn.btn-success:hover,
	a.btn.btn-success:focus,
	button.btn.btn-success:focus {
		background: #b3e0e2;
		color: #333;
	}

	a.btn.btn-danger,
	button.btn.btn-danger {
		background-color: #ff8484;
		border-color: #ccc;
		color: #606060;
	}

	a.btn.btn-danger:hover,
	button.btn.btn-danger:hover,
	a.btn.btn-danger:focus,
	button.btn.btn-danger:focus {
		background-color: #ed7d7d;
		color: #333;
	}

	span.glyphicon.green {
		color: #50b251;
	}

	span.glyphicon.red {
		color: #d84c49;
	}

	span.glyphicon.green:hover,
	span.glyphicon.red:hover {
		cursor: pointer;
	}

	h3.judulAbuAbu,
	h2.judulAbuAbu {
		color: #a5a5a5;
	}

	hr.noborder {
		border: none;
	}

/*home*/
	.navbar-inverse {
		background-color: #022c43;
		border-bottom-color: #002336;
	}

	/* .navbar-inverse .navbar-brand {
		padding-top: 5px;
	} */

	.navbar-inverse .navbar-brand.text {
		padding-top: 15px;
	}

	.navbar-inverse .navbar-brand img {
		width: 100%;
	}

	.bgHome {
		text-align: center;
		min-height: 200px;
	}

	.bgHome p {
		font-size: 18px;
	}

	.jumbotron.pengunguman {
		border: 1px solid #eaeaea;
		padding: 15px;
	}

	.jumbotron.pengunguman .judul h3 {
		color: #f77754;
		text-transform: uppercase;
		font-family: arial;
		font-weight: bold !important;
	}

	.galeriHome a div {
		padding: 0;
	}

	.openingWord {
		position: relative;
		background-size: cover;
		background-position: 50%;
		background-attachment: fixed;
	}

	.openingWord::before {
		content: '';
		position: absolute;
		background-color: rgba(238, 238, 238,.8);
		width: 100%;
		height: 100%;
		top: 0;
	}

	.openingWord a {
		background-color: #f2f2f2;
		border: 1px solid #ddd;
		padding: 15px;
		border-radius: 40px;
	}

/*galeri*/
	[class*="fotoImage-"] {
		height: 150px;
	}

	[class*="fotoImage-"] img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
		position: relative;
	}

	[class*="fotoImage-"]::before {
		content: "Galeri";
		position: absolute;
		z-index: 999;
		bottom: 0px;
		left: 4px;
		color: white;
		font-weight: bold;
		font-size: 15px;
		text-shadow: 0px 0px 1px #464646;
		opacity: 0;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		transition: .2s;
	}

	[class*="fotoImage-"]:hover::before {
		opacity: 1;
	}

	.fotoImage-green {
		background-color: #b5e0ba;
	}

	.fotoImage-blue {
		background-color: #acc6aa;
	}

	.fotoImage-orange {
		background-color: #f1eb9a;
	}

	.galeriFoto,
	.galeriVideo {
		margin-bottom: 450px;
	}

	.galeriFoto .grid-sizer,
	.galeriFoto .grid-item {
		border: none;
		padding: 0;
		margin: 0;
		width: 32%;
		position: relative;
		border-radius: 0;
		overflow: hidden;
		margin-bottom: 10px;
	}

	@media (max-width: 600px) {
		.galeriFoto .grid-sizer {
			width: 23.33%;
		}

		.galeriFoto .grid-item {
			width: 48%;
		}
	}

	@media (max-width: 464px) {

		.galeriFoto .grid-item {
			width: 100%;
		}
	}

	.galeriFoto .tidakAdaFoto {
		margin-top: 30px;
	}

	.galeriFoto .grid-item img {
		width: 100%;
		background-color: #f8f3d4;
	}

	.galeriFoto .grid-item::before {
		content: "";
		width: 100%;
		z-index: 1;
		background-color: rgba(1,131,131,.7);
		cursor: pointer;
		opacity: 0;

		position: absolute;
		top: 0px;
		bottom: 0px;

		-webkit-transition: .3s;
		-moz-transition: .3s;
		transition: .3s;
	}

	.galeriFoto .grid-item:hover::before {
		opacity: 1;
	}

	.galeriFoto .grid-item .keterangan {
		position: absolute;
		margin-top: -5px;
		z-index: 2;
		color: white;
		font-family: open_sansregular;
		font-weight: bold;
		left: 15px;
		bottom: 5px;
		font-size: 16px;
		margin-left: -5px;
		cursor: pointer;
		opacity: 0;

		-webkit-transition: .3s;
		-moz-transition: .3s;
		transition: .3s;
	}

	.galeriFoto .grid-item:hover .keterangan {
		opacity: 1;
	}

	.galeriVideo .video {
		margin-bottom: 25px;
	}

	.galeriVideo .video iframe {
		width: 100%;
		min-height: 300px;
		background-color: #f8f3d4;
	}

/*berita*/
	.jumbotron.berita {
		margin-top: 35px;
		background-color: #f4f9f4;
		font-family: open_sansregular;
		margin-bottom: 380px;
		position: relative;
		overflow: hidden;
	}

	.jumbotron.berita h2 {
		margin-bottom: 40px;
		font-weight: 12px;
	}

	.jumbotron.berita ul {
		padding: 0;
		margin: 0;
	}

	.jumbotron.berita .galeri {
		margin-bottom: 30px;
	}

	.jumbotron.berita .galeri .img {
		height: 250px;
		background-color: #fcf2db;
		padding: 1px;
	}

	.jumbotron.berita .galeri .img img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.jumbotron.berita .galeri .keterangan h3 span {
		font-size: 13px;
	}

	.jumbotron.berita .galeri .keterangan p {
		text-align: justify;
		font-size: 16px;
	}

	.jumbotron.berita .galeri .keterangan a {
		color: orange;
	}

	@media (max-width: 768px) {
		.jumbotron.berita {
			border-radius: 0;
		}

		.container-fluid.berita {
			padding: 0;
		}
	}

	.beritaDetail {
		margin-top: 70px;
		margin-bottom: 450px;
	}

	.beritaDetail .conIsiBerita {
		margin-bottom: 20px;
	}

	.beritaDetail .conIsiBerita h1 span{
		font-size: 16px;
		font-weight: bold;
	}

	.beritaDetail .conIsiBerita img {
		float: left;
		width: 43%;
		border: 1px solid #ddd;
		margin-right: 20px;
	}

	.beritaDetail .conIsiBerita p {
		text-align: justify;
		margin-top: 20px;
		font-size: 16px;
		font-family: open_sansregular;
		text-indent: 10px;
	}

	.beritaDetail .conIsiBerita p.tanggal {
		font-size: 14px;
	}

	.beritaDetail .list-group {
		position: fixed;
		background-color: white;
		height: 100%;
		right: 0;
		top: 0;
		bottom: 0;
		overflow: auto;
		width: 200px;
		padding-top: 120px;
		border: 1px solid #ccc;
		z-index: 1;
	}

	.beritaDetail .list-group li {
		background-color: transparent;
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		border-top: 0;
	}

	.beritaDetail .list-group li span {
		font-size: 12px;
	}

	.beritaDetail .list-group li:first-child {
		border-top: 0;
	}

	.beritaDetail .list-group li:last-child {
		margin-bottom: 250px;
	}

	@media (max-width: 991px) {
		.beritaDetail .list-group {
			position: static;
			background-color: #F1F1F1;
			width: 100%;
			padding-top: 0;
			border: 1px solid #ccc;
			border: none;
			max-height: 250px;
		}

		.beritaDetail .list-group li:last-child {
			margin-bottom: 0;
		}
	}

	@media (max-width: 767px) {
		.beritaDetail {
			margin-top: 40px;
		}

		.beritaDetail .conIsiBerita img {
			width: 80%;
			float: none;
		}
	}

	@media (max-width: 360px) {
		.beritaDetail .conIsiBerita img {
			width: 100%;
			float: none;
		}
	}

	.komentar {
		margin-top: 50px;
	}

	.komentar h3 {
		margin-bottom: 20px;
	}

	.komentar input,
	.komentar textarea {
		margin-bottom: 5px;
	}

	.komentar textarea {
		height: 150px;
	}

	.isiKomentar {
		margin-top: 50px;
	}

	.isiKomentar .isi {
		background-color: #eafcfc;
		width: auto;
		padding: 0px 15px;
		display: inline-block;
		border-radius: 10px;
		font-family: open_sansregular;
	}

	.isiKomentar .isi h4 {
		font-weight: bold;
	}

	.isiKomentar p.action {
		margin-left: 15px;
		font-size: 12px;
	}

	.isiKomentar .isiBalas,
	.isiKomentar form.form-balas {
		margin-left: 20px;
	}

	.isiKomentar form.form-balas {
		display: none;
	}

	.isiKomentar form.form-balas.muncul {
		display: block;
	}

	.isiKomentar .isiBalas .isi {
		background-color: #F1F1F1;
	}

/*profile*/
	.jumbotron.sejarah table tr td,
	.jumbotron.sejarah table tr th {
		padding: 4px;
	}

	.jumbotron.sejarah {
		display: block;
		margin-bottom: 400px;
		font-family: open_sansregular;
		box-shadow: 0px 0px 1px rgba(0,0,0,.3);
		background: white;
		position: relative;
		border-radius: 4px;
		overflow: hidden;
	}

	.sejarah.noboxShadow {
		box-shadow: none;
		border:1px solid #ddd;
	}

	.sejarah h2 {
		padding: 20px 0;
		position: absolute;
		color: #666;
		text-align: center;
		width: 100%;
		left: 0;
		right: 0;
		top: -20px;
		text-transform: uppercase;
		font-size: 17px;
		font-weight: bold;
	}

	.sejarah h2.static {
		padding: 0;
		background: transparent;
		position: static;
		margin-bottom: 30px;
	}

	.sejarah p {
		text-indent: 20px;
		text-align: justify;
		font-size: 17px;
	}

	.visiMisi {
		padding-top: 70px;
		text-align: justify;
		margin-bottom: 400px;
	}

	.struktur {
		padding-top: 70px;
		margin-bottom: 400px;
	}

	.struktur img {
		width: 100%;
	}

	.kepalaSekolah {
		margin-bottom: 400px;
	}

	.media-left {
		border: 1px solid #d6e9c6;
	}

	.media-body {
		background-color: #EBEBEB;
		padding: 20px;
	}

	.kepalaSekolah .media-heading {
		color: #2D6750;
	}

	.kepalaSekolah .media-body {
		text-align: justify;
	}

	.kepalaSekolah .media-body ul li {
		list-style: inherit !important;
	}

	.kepalaSekolah img {
		width: 150px;
		margin-left: 10px;
		border: 1px solid #ddd;
	}

/*kejuruan*/
	.kejuruan {
		margin-bottom: 450px;
	}

	.kejuruan {
		position: relative;
	}

	.kejuruan ul {
		padding: 0;
	}

	.kejuruan ul li {
		margin-bottom: 30px;
	}

	.kejuruan ul li:nth-child(even) .thumbnail {
		background-color: #fcf9ed;
	}

	.kejuruan .logo {
		width: 70px;
		height: 70px;
		overflow: hidden;
		position: absolute;
		top: -15px;
		left: -1px;
		z-index: 999;
	}

	.kejuruan .logo img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.kejuruan .thumbnail {
		background-color: #e8ecd6;
		border: none;
		box-shadow: 0px 3px 2px rgba(0,0,0,.3);
	}

	.kejuruan .thumbnail .caption {
		margin-top: 30px;
	}

	.kejuruan .thumbnail a {
		color: orange;
	}

	.kejuruan .thumbnail h3 {
		color: #72775B;
	}

	.kejuruan .thumbnail p {
		font-family: open_sansregular;
	}

	.kejuruanDetail {
		margin-top: 50px;
		margin-bottom: 450px;
		text-align: justify;
		font-family: open_sansregular;
	}

	.kejuruanDetail img {
		width: 100%;
	}

	@media (max-width: 991px) {
		.kejuruanDetail img {
			width: 50%;
			margin: auto;
			display: block;
		}
	}

	@media (max-width: 360px) {
		.kejuruanDetail img {
			width: 80%;
		}
	}

	.kejuruanDetail h2 {
		margin-bottom: 20px;
	}

	.kejuruanDetail h5 {
		font-weight: bold;
		font-size: 15px;
	}

/*guruStaf*/
	.tenagaPendidik {
		margin-bottom: 450px;
	}

/*fasilitas*/
	.fasilitas {
		margin-bottom: 450px;
	}

	.fasilitas .row {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;

		-webkit-column-gap: 5px;
		-moz-column-gap: 5px;
		column-gap: 5px;
	}

	.fasilitas .thumbnail {
		padding: 0;
		margin: 0;
		height: auto;
		min-height: 50px;
		margin-bottom: 10px;
		border: none;
		position: relative;
		overflow: hidden;
	}

	.fasilitas .thumbnail img {
		border: 1px solid #DDDDDD;
	}

	.fasilitas .thumbnail .caption {
		position: absolute;
		bottom: 0;
		font-family: open_sansregular;
		background: rgba(255,255,255,.6);
		width: 100%;
	}

	.fasilitas .thumbnail .caption h3 {
		font-weight: bold;
		color: #333;
		font-size: 16px;
		text-shadow: 0px 0px 1px rgba(0,0,0,.1);
	}

	.fasilitas a {
		font-size: 16px;
	}	

/*downloadFile*/
	.downloadFile {
		margin-bottom: 450px;
	}

/*logoSekolah*/
	.logoSekolah {
		border: 1px solid #ddd;
		border-radius: 10px;
		position: relative;
	}

	.logoSekolah.imgPriview {
		display: none;
		overflow: hidden;
	}

	.logoSekolah.imgPriview.muncul {
		display: block;
	}

	.logoSekolah img {
		width: 100%;
		border-radius: 10px;
	}

	.logoSekolah a {
		background-color: #f2f2f2;
		border: 1px solid #ddd;
		border-radius: 50%;
		padding: 7px 15px;
		font-size: 25px;
		position: absolute;
		bottom: -7px;
		right: -7px;
		box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	}

	form.inputFile input[type="file"] {
		display: none;
	}

	form.inputFile span.ketFile {
		display: block;
		width: 100%;
		border: 1px solid #ddd;
		padding: 10px 15px;
		border-radius: 7px;
		color: #494949;
		margin-bottom: 5px;
		box-shadow: 0px 0px 2px rgba(0,0,0,.1) inset;
	}

	form.inputFile span.ketFile placeholder {
		color: #9e9e9e;
	}

/*kontak*/
	.kontak {
		box-shadow: 0 0 2px rgba(0,0,0,.2);
		margin-bottom: 300px;
		text-align: justify;
	}

	@media (max-width: 991px) {
		.kontak .container div[class*="col-md-8"] {
			padding: 0;
		}

		.kontak .container div[class*="nopadding-l"] {
			padding: 15px;
		}
	}

	.kontak.noboxShadow {
		box-shadow: none;
	}

	.kontak h3 {
		margin-top: 0;
	}

	.kontak input,
	.kontak textarea,
	.kontak button {
		margin-top: 5px;
	}

	.kontak textarea {
		height: 200px;
	}

	.kontak ul li {
		padding: 10px 0px;
	}

	.kontak ul li,
	.kontak ul li a,
	.kontak ul li span {
		font-size: 14px;

	}

	.kontak ul li,
	.kontak ul li a {
		font-family: open_sansregular;
		color: #555;
	}

	.kontak ul li span {
		margin-right: 10px;
		font-size: 20px;
		color: #8feef7;
	}

/*login*/
	.login {
		box-shadow: 0px 1px 3px rgba(0,0,0,.3);
	}

	.logoSekolahLogin {
		padding: 15px;
	}

	.logoSekolahLogin img {
		width: 100%;
		position: relative;
	}

	.formLogin {
		background-color: white;
		padding: 10px 30px;
		border-left: 1px solid #ddd;
	}

	.formLogin h3 {
		color: #333;
		font-family: open_sansregular;
	}

	.formLogin h3 span {
		color: #87c0cd;
	}

	.formLogin .input-group {
		margin-bottom: 5px;
	}

	.formLogin .input-group input {
		padding: 20px 15px;
	}

	.formLogin button.btn-primary {
		background: #226597;
	}

	.formLogin button.btn-primary:hover {
		background: #113f67;
	}

	@media (max-width: 991px) {
		.logoSekolahLogin img {
			width: 50%;
			left: 25%;
		}

		.formLogin h3 {
			display: none;
		}
	}

/*user*/
	.jumbotron.user {
		box-shadow: 0px 0px 1px rgba(0,0,0,.3);
		padding: 20px;
	}

	.user img {
		width: 100%;
	}

	@media (min-width: 768px) {
		.user img {
			width: 50%;
			margin: auto;
			display: block;
		}
	}

	@media (min-width: 992px) {
		.user img {
			width: 100%;
			margin: auto;
			display: block;
		}
	}

	.user table.table th,
	.user table.table td {
		border: none;
	}

	.user hr {
		border-color: #ddd;
	}

/*sidebar*/
	a.openSidebar {
		color: white;
		border-top-right-radius: 14px;
		border-bottom-right-radius: 14px;
		font-size: 12px;
		margin-right: 20px;
	}

	a.openSidebar:hover {
		cursor: pointer;
	}

	.sidebar {
		position: fixed;
		background: #f2f2f2;
		border: 1px solid #ccc;
		bottom: 0;
		top: 0;
		padding: 0;
		padding-top: 100px;
		width: 220px;
		margin: 0;
		display: none;
		z-index: 3;
		overflow-y: hidden;
	}

	.sidebar:hover {
		overflow-y: auto;
		overflow-x: hidden;
	}

	a.openSidebar {
		position: relative;
	}

	a.openSidebar span {
		background-color: white;
		width: 20px;
		height: 3px;
		display: inline-block;
		position: absolute;
		top: calc(50%);
	}

	a.openSidebar span::before {
		content: '';
		position: absolute;
		background-color: white;
		width: 20px;
		height: 3px;
		display: inline-block;
		bottom: 6px;
		transition: .2s ease-in-out;
		-webkit-transition: .2s ease-in-out;
		-moz-transition: .2s ease-in-out;
	}

	a.openSidebar span::after {
		content: '';
		position: absolute;
		background-color: white;
		width: 20px;
		height: 3px;
		display: inline-block;
		top: 6px;
		transition: .2s ease-in-out;
		-webkit-transition: .2s ease-in-out;
		-moz-transition: .2s ease-in-out;
	}

	a.openSidebar.animasiX span {
		width: 0;
	}

	a.openSidebar.animasiX span::before {
		transform: rotateZ(-45deg) translateX(-3.5px) translateY(5px);
		-webkit-transform: rotateZ(-45deg) translateX(-3.5px) translateY(5px);
		-moz-transform: rotateZ(-45deg) translateX(-3.5px) translateY(5px);
	}

	a.openSidebar.animasiX span::after {
		transform: rotateZ(45deg) translateX(-3.5px) translateY(-5px);
		-webkit-transform: rotateZ(45deg) translateX(-3.5px) translateY(-5px);
		-moz-transform: rotateZ(45deg) translateX(-3.5px) translateY(-5px);
	}

	.sidebar li {
		padding: 9px 15px;
		display: block;
	}

	.sidebar li.active {
		background-color: #ddd;
	}

	.sidebar li a {
		color: #727272;
		font-size: 16px;
		font-family: 'open_sansregular';
		text-decoration: none !important;
	}

	.sidebar li span {
		margin-right: 10px;
		color: #494949;
	}

	.sidebar li a:hover {
		color: #333;
	}

	.sidebar li.closeSidebar {
		position: absolute;
		right: 15px;
		top: 60px;
	}

	.sidebar li.closeSidebar a:hover {
		cursor: pointer;
	}

	.sidebar .dropdown-menu {
		position: static;
		float: none;
		box-shadow: none;
		background: transparent;
	}

	.sidebar .dropdown-menu li {
		position: static;
		display: block;
		padding: 0px;
		border: none;
	}

	.sidebar .dropdown-menu li a {
		color: #676767;
		background: none;
	}

	.sidebar .dropdown-menu li a:hover {
		background: transparent;
		text-decoration: none;
	}

	.content {
		
	}

/*nopadding*/
	.nopadding-all {
		padding: 0;
	}

	.nopadding-l {
		padding-left: 0;
	}

	.nopadding-r {
		padding-right: 0;
	}

	@media (max-width: 767px) {
		.nopadding-all {
			padding: 15px;
		}

		.nopadding-l {
			padding-left: 15px;
		}

		.nopadding-r {
			padding-right: 15px;
		}
	}

/*privacyPolicy*/
	.privacyPolicy {
		margin-top: 70px;
		text-align: justify;
		margin-bottom: 300px;
		box-shadow: 0px 0px 2px rgba(0,0,0,.2);
		position: relative;
		font-family: open_sansregular;
		color: #666;
	}

	.privacyPolicy .padding {
		padding: 40px;
	}

	.privacyPolicy h1 {
		padding: 20px 0;
		position: absolute;
		color: #666;
		text-align: center;
		width: 100%;
		top: -20px;
		left: 0;
		right: 0;
		font-size: 25px;
		font-weight: bold;
	}

	.privacyPolicy h2 {
		font-size: 20px;
		font-weight: bold;
	}

/*cf*/
	.cf:before,
	.cf:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}

	.cf:after {
		clear: both;
	}

	/* for IE 6/7 only */
	.cf {
		*zoom: 1;
	}

/*loading animation*/
	.loader,
	.loader:before,
	.loader:after {
	  	border-radius: 50%;
	  	width: 1.5em;
	  	height: 1.5em;
	  	-webkit-animation-fill-mode: both;
	  	animation-fill-mode: both;
	  	-webkit-animation: load7 1.8s infinite ease-in-out;
	  	animation: load7 1.8s infinite ease-in-out;
	}
	.loader {
	  	color: #115173;
	  	font-size: 10px;
	  	margin: 80px auto;
	  	margin-top: 10px;
	  	position: relative;
	  	display: none;
	  	
	}
	.loader.muncul {
		display: inline-block;
	}

	.loader:before,
	.loader:after {
	  	content: '';
	  	position: absolute;
	  	top: 0;
	}
	.loader:before {
	  	left: -3.5em;
	  	-webkit-animation-delay: -0.32s;
	 	animation-delay: -0.32s;
	}
	.loader:after {
	  	left: 3.5em;
	}
	@-webkit-keyframes load7 {
	  	0%,
	  	80%,
	  	100% {
	    	box-shadow: 0 1.5em 0 -1.3em;
	  	}
	  	40% {
	   		box-shadow: 0 1.5em 0 0;
	  	}
	}
	@keyframes load7 {
	  	0%,
	  	80%,
	  	100% {
	    	box-shadow: 0 1.5em 0 -1.3em;
	  	}
	  	40% {
	    	box-shadow: 0 1.5em 0 0;
	  	}
	}

/*global*/
	.marginTop20px {
		margin-top: 20px;
	}

	.marginBottom20px {
		margin-bottom: 20px;
	}

	.marginBottom50px {
		margin-bottom: 50px;
	}

	.marginBottom100px {
		margin-bottom: 100px;
	}

	.marginBottom300px {
		margin-bottom: 300px;
	}

	.marginTop60px {
		margin-top: 60px;
	}

	.marginRight20px {
		margin-right: 20px;
	}

	.alignCenter {
		text-align: center;
	}

	@media (max-width: 767px) {
		.fasilitas .row {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;

			padding-right: 15px;
			padding-left: 15px;
		}
	}

	@media (max-width: 599px) {

		.fasilitas .row {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}

		.media-left {
			display: block;
			border: 1px solid #d6e9c6;
		}

		.media-left img {
			margin: auto;
		}
	}

	@media (min-width: 1440px) {
		.container {
		   	width: 1370px;
		}
	}

	/* --- CUSTOM NAVBAR YADIKA (WARNA LOGO AKURAT) --- */

.navbar-inverse {
    background-color: #1485D7 !important; /* Biru Cerulean sesuai Logo */
    border: none;
    border-bottom: 3px solid #F02020 !important; /* Aksen Merah sesuai Pita Logo */
    padding: 10px 0; /* Memberikan sedikit ruang */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Shadow tipis agar elegan */
}

/* Mengatur Teks Menu agar menonjol di atas biru cerah */
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; /* Sedikit lebih tebal agar jelas */
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.8px;
    transition: all 0.2s ease;
}

/* Efek Hover Menu */
.navbar-inverse .navbar-nav > li > a:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15) !important; /* Hover putih transparan tipis */
}

/* Dropdown Menu yang Serasi */
.dropdown-menu {
    background-color: #ffffff;
    border-top: 3px solid #1485D7; /* Garis biru cerah di atas */
    border-radius: 0;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.dropdown-menu > li > a {
    color: #1485D7 !important;
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 500;
}

.dropdown-menu > li > a:hover {
    background-color: #1485D7 !important; /* Background biru saat hover dropdown */
    color: #ffffff !important;
}

:root {
    --yadika-blue: #1485D7; /* Biru Cerulean sesuai Logo - Tetap Sama */
    
    /* GANTI MERAH MENJADI EMAS FORMAL */
    --yadika-gold: #D4AF37;  /* Warna Emas Tua/Perunggu - Kesan Mewah & Akademik */
}

/* 1. Menaikkan Tinggi Navbar Keseluruhan agar Logo Besar Pas */
.navbar-inverse.navbar-fixed-top {
    background-color: var(--yadika-blue) !important;
    border: none;
    
    /* GANTI WARNA BORDER BAWAH JADI EMAS */
    border-bottom: 4px solid var(--yadika-gold) !important; 
    
    height: 90px; /* Tinggi tetap 90px agar logo besar */
    padding: 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* Shadow untuk kesan premium */
}

/* 2. Menyesuaikan Posisi Logo agar Sentris Vertikal */
.navbar-inverse .navbar-brand {
    padding: 10px 15px;
    height: 90px;
    display: flex;
    align-items: center;
}

.navbar-brand img {
    height: 70px !important; /* Logo tetap besar */
    width: auto;
    filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.3));
}

/* 3. Menyesuaikan Posisi Menu Navigasi (Teks) agar Sentris Vertikal */
@media (min-width: 768px) {
    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff !important;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.8px;
        line-height: 90px; /* Tetap sentris vertikal */
        padding-top: 0;
        padding-bottom: 0;
        transition: all 0.2s ease;
    }
}

/* Efek Hover Menu - Berubah warna menjadi emas saat disentuh */
.navbar-inverse .navbar-nav > li > a:hover {
    color: var(--yadika-gold) !important; /* Teks berubah jadi emas */
    background-color: transparent !important; /* Tidak ada background abu-abu lagi */
}

/* Dropdown Menu yang Menyesuaikan Tinggi */
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top: 3px solid var(--yadika-gold); /* Garis emas di atas dropdown */
    border-radius: 0;
}


/* --- FIX TOTAL SUBMENU DROPDOWN (ANTI-HITAM) --- */

/* 1. Reset Background & Font Submenu */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
    color: #333333 !important; /* Teks Abu Gelap (Elegan) */
    font-size: 15px !important;  /* Font diperbesar */
    font-family: 'Montserrat', sans-serif;
    padding: 12px 25px !important;
    background-color: #ffffff !important; /* Paksa Background Putih */
    transition: all 0.2s ease-in-out;
}

/* 2. Menghapus Warna Hitam saat HOVER, FOCUS, dan ACTIVE */
/* Kita targetkan semua kemungkinan state agar tidak ada celah warna hitam */
.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover, 
.navbar-inverse .navbar-nav .dropdown-content a:hover,
.navbar-inverse .navbar-nav .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #f0f7ff !important; /* Ganti Hitam dengan Biru Sangat Muda */
    color: #1485D7 !important;           /* Teks jadi Biru Yadika */
    background-image: none !important;    /* Menghapus gradient bawaan jika ada */
}

/* 3. Menghapus border tipis bawaan Bootstrap yang biasanya berwarna gelap */
.navbar-inverse .navbar-nav .dropdown-menu {
    border: none !important;
    border-top: 3px solid #D4AF37 !important; /* Garis Emas di atas tetap ada */
    box-shadow: 0 8px 16px rgba(0,0,0,0.1) !important;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus{
	background-color: #f0f7ff !important; /* Ganti Hitam dengan Biru Sangat Muda */
	color: #1485D7 !important;           /* Teks jadi Biru Yadika */
	background-image: none !important;    /* Menghapus gradient bawaan jika ada */
}

/* Jika Anda menggunakan Jumbotron tepat di bawah navbar, 
   pastikan tidak ada margin negatif yang menariknya ke atas */
   .jumbotron.openingWord {
    margin-top: 0 !important;
}

/* Responsif: Jika di HP navbar menjadi lebih tinggi karena menu bertumpuk */
@media (max-width: 767px) {
    body {
        padding-top: 70px !important; /* Sesuaikan jika logo mengecil di mobile */
    }
}

/* --- JUMBOTRON OPENING WORD ELEGAN --- */

.jumbotron.openingWord {
    background-color: #1485D7; /* Fallback color Biru Yadika */
    position: relative;
    padding: 100px 0 !important; /* Memberikan ruang lega (Whitespace) */
    overflow: hidden;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Efek Overlay agar teks putih lebih tajam dan elegan */
.jumbotron.openingWord::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    /* Gradasi Biru Yadika ke Hitam Transparan */
    background: linear-gradient(135deg, rgba(20, 133, 215, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
}

.jumbotron.openingWord .container {
    position: relative;
    z-index: 2; /* Memastikan teks di atas overlay */
}

/* Font Judul Sekolah */
.jumbotron.openingWord h2 {
    /* font-family: 'Playfair Display', serif; Font Serif Elegan */
	font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.jumbotron.openingWord p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

/* --- SLIDER YADIKA ELEGAN STYLE --- */

#main-slider {
    margin-top: 0;
}

#main-slider .item {
    height: 450px; /* Tinggi slider, sesuaikan dengan keinginan */
    background-color: #000;
}

#main-slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Agar gambar tidak gepeng */
    opacity: 0.6; /* Membuat gambar agak gelap agar teks terbaca */
}

/* Mengatur Teks di Tengah Slider */
.carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    text-shadow: none;
}

.carousel-caption h2 {
    /* font-family: 'Playfair Display', serif; */
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.carousel-caption p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    margin-bottom: 30px;
}

/* Tombol Emas di Slider */
.btn-gold {
    background-color: #D4AF37; /* Warna Emas yang tadi kita buat */
    color: white;
    padding: 12px 30px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
    transition: 0.3s;
}

.btn-gold:hover {
    background-color: #b8952e;
    color: white;
    transform: scale(1.05);
}

/* Panah Kontrol Elegan */
.carousel-control.left, .carousel-control.right {
    background-image: none !important; /* Hapus gradasi hitam bawaan Bootstrap */
    width: 5%;
}

#main-slider {
    margin-bottom: 5px !important; /* Jarak lebar agar elegan */
}

/* Memperbaiki jarak antar section di bawahnya */
.container {
    /* padding-top: 20px; */
}

/* Menghilangkan warna oranye/hijau yang kaku agar formal */
.jumbotron.pengunguman {
    background-color: #ffffff !important;
    border-left: 5px solid #1485D7 !important; /* Aksen Biru Yadika */
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    padding: 30px !important;
}

/* Styling Sidebar Links */
.sidebar-links li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.sidebar-links li a {
    color: #555;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.sidebar-links li a:hover {
    color: #1485D7;
    padding-left: 5px;
}

.sidebar-links li a i {
    font-size: 10px;
    margin-right: 8px;
    color: #D4AF37;
}

.hover-zoom:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.gallery-thumb {
    position: relative;
    border: 3px solid #fff; /* Bingkai putih agar elegan */
}

.gallery-thumb:after {
    content: "\e015"; /* Ikon Search Bootstrap */
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 20px;
    opacity: 0;
    transition: 0.3s;
}

.gallery-thumb:hover:after {
    opacity: 1;
}

.gallery-thumb:hover img {
    filter: brightness(70%);
}

/* --- NEWS SECTION STYLE --- */

.news-card-horizontal {
    display: flex;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

.news-card-horizontal:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
    border-color: #1485D7;
}

.news-image {
    position: relative;
    min-width: 220px;
    max-width: 220px;
    height: 160px;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Badge Tanggal yang Elegan */
.news-date-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #1485D7;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    border-radius: 4px;
    line-height: 1;
}

.news-date-badge .day { font-weight: bold; font-size: 18px; display: block; }
.news-date-badge .month { font-size: 10px; text-transform: uppercase; }

.news-content {
    padding: 20px;
}

.news-content h4 {
    margin: 0 0 10px 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
}

.news-content h4 a {
    color: #333;
    text-decoration: none;
    transition: 0.2s;
}

.news-content h4 a:hover { color: #1485D7; }

.news-meta {
    font-size: 12px;
    color: #999;
    margin-bottom: 12px;
}

.news-meta span { margin-right: 15px; }
.news-meta i { color: #D4AF37; margin-right: 5px; }

.news-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Batasi teks hanya 2 baris */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read-more {
    font-weight: 700;
    font-size: 13px;
    color: #1485D7;
    text-decoration: none;
    text-transform: uppercase;
}

/* --- SECTION HEADING DENGAN GARIS PANJANG --- */

.section-heading {
    border-bottom: 2px solid #eeeeee; /* Garis abu-abu tipis yang panjang ke kanan */
    margin-bottom: 35px;
    position: relative;
    display: block; /* Memastikan memenuhi lebar kolom */
}

.section-heading h3 {
    color: #1485D7;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    padding-bottom: 15px;
    display: inline-block;
    position: relative;
}

/* Membuat Aksen Garis Biru/Emas di bawah teks saja */
.section-heading h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* Menempel tepat di atas garis abu-abu */
    width: 80px;  /* Panjang aksen garis di bawah tulisan */
    height: 4px;  /* Tebal aksen garis */
    background-color: #1485D7; /* Biru Yadika */
}

/* Opsional: Jika ingin section Gambar Terbaru punya warna aksen Emas */
.section-heading.gold h3::after {
    background-color: #D4AF37;
}

/* --- SIDEBAR YADIKA UNIFIED STYLE --- */

/* Set Font Global untuk Sidebar */
.sidebar-widget, 
.sidebar-widget h4, 
.sidebar-widget h5, 
.sidebar-widget p, 
.sidebar-links li a {
    font-family: 'Montserrat', sans-serif !important;
}

/* 1. Header Widget (Kepala Sekolah, Tautan Lainnya) */
.sidebar-widget h4 {
    color: #1485D7 !important; /* Biru Yadika sesuai permintaan */
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    /* Memberikan garis bawah aksen biru tipis agar elegan */
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    position: relative;
}

/* Variasi Header dengan Garis Samping (Tautan Lainnya) */
.sidebar-widget .title-with-border {
    border-left: 4px solid #1485D7;
    padding-left: 15px;
    border-bottom: none; /* Menghapus border bawah jika pakai border kiri */
}

/* 2. Nama Kepala Sekolah */
.sidebar-widget h5 {
    color: #1485D7 !important; /* Biru Yadika */
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
}

/* 3. Link Tautan Lainnya */
.sidebar-links li a {
    color: #444; /* Warna default teks */
    font-weight: 500;
    font-size: 14px;
    display: block;
    padding: 8px 0;
    transition: all 0.3s ease;
}

.sidebar-links li a:hover {
    color: #1485D7 !important; /* Berubah Biru saat Hover */
    padding-left: 5px; /* Efek geser sedikit agar interaktif */
    text-decoration: none;
}

/* Icon dalam list tautan */
.sidebar-links li a i {
    color: #D4AF37; /* Tetap Emas sebagai aksen pemanis */
    margin-right: 10px;
    font-size: 11px;
}

/* --- PERBAIKAN TULISAN TERBARU (GAMBAR LEBIH BESAR) --- */

.news-item-horizontal {
    display: flex;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    align-items: flex-start; /* Menjaga teks tetap di atas jika ringkasan pendek */
}

.news-item-horizontal:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Ukuran Gambar Diperbesar */
.news-thumb {
    min-width: 260px; /* Ukuran baru yang lebih besar */
    width: 260px;
    height: 170px;
    margin-right: 25px;
    overflow: hidden;
    border-radius: 8px;
}

.news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Pengaturan Teks */
.news-text {
    flex: 1;
    font-family: 'Montserrat', sans-serif;
}

.news-text h4 {
    margin-top: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
}

.news-text h4 a {
    color: #333;
    text-decoration: none;
}

.news-text h4 a:hover {
    color: #1485D7;
}

.news-meta {
    font-size: 13px;
    color: #1485D7; /* Warna Biru Yadika */
    font-weight: 600;
    margin-bottom: 10px;
}

.news-excerpt {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.btn-more {
    color: #D4AF37; /* Warna Emas */
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
}

.btn-more:hover {
    color: #1485D7;
    text-decoration: underline;
}

/* Responsif untuk HP agar gambar kembali memenuhi layar */
@media (max-width: 767px) {
    .news-item-horizontal {
        flex-direction: column;
    }
    .news-thumb {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

/* --- PERBAIKAN TULISAN TERBARU (GAMBAR 400x300) --- */

.news-item-big {
    display: flex;
    background: #fff;
    padding: 25px; /* Tambah padding agar lebih lega */
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    align-items: flex-start; /* Teks rata atas */
    border: 1px solid #f0f0f0;
}

.news-item-big:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
    border-color: #1485D7;
}

/* Ukuran Gambar Menjadi 400x300 */
.news-thumb-big {
    min-width: 400px; /* Lebar baru yang sangat besar */
    width: 400px;
    height: 300px;    /* Tinggi 300px sesuai permintaan */
    margin-right: 30px; /* Tambah jarak ke teks */
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.news-thumb-big img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Agar gambar tidak gepeng */
}

/* Pengaturan Teks di Sebelah Gambar Besar */
.news-content-big {
    flex: 1;
    font-family: 'Montserrat', sans-serif;
    padding-top: 5px; /* Jarak atas teks */
}

.news-content-big h4 {
    margin-top: 0;
    font-weight: 700;
    font-size: 22px; /* Font judul sedikit diperbesar */
    line-height: 1.4;
    margin-bottom: 15px;
}

.news-content-big h4 a {
    color: #333;
    text-decoration: none;
}

.news-content-big h4 a:hover {
    color: #1485D7;
}

.news-meta-big {
    font-size: 13px;
    color: #1485D7; /* Warna Biru Yadika */
    font-weight: 600;
    margin-bottom: 15px;
}

.news-excerpt-big {
    color: #666;
    font-size: 15px; /* Font ringkasan diperbesar agar proporsional */
    line-height: 1.7;
    margin-bottom: 20px;
    /* Membatasi teks hanya 4 baris agar tidak lebih tinggi dari gambar */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.btn-more-big {
    color: #D4AF37; /* Warna Emas */
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 1px;
}

.btn-more-big:hover {
    color: #1485D7;
    text-decoration: underline;
}

/* Responsif untuk HP agar gambar kembali memenuhi layar */
@media (max-width: 991px) { /* Mulai dari tablet/layar sedang */
    .news-item-big {
        flex-direction: column;
    }
    .news-thumb-big {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        height: auto; /* Biarkan tinggi menyesuaikan lebar */
    }
    .news-content-big h4 {
        font-size: 20px;
    }
}

/* --- FOOTER YADIKA LUXURY STYLE --- */

.main-footer {
    background-color: #1a2a44; /* Biru Gelap Sangat Formal */
    color: #ffffff;
    padding: 70px 0 0 0;
    font-family: 'Montserrat', sans-serif;
}

.footer-column {
    margin-bottom: 40px;
}

.footer-logo {
    height: 60px;
    margin-bottom: 20px;
    filter: brightness(0) invert(1); /* Membuat logo jadi putih agar elegan */
}

.footer-title {
    color: #D4AF37; /* Aksen Emas untuk Judul */
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
    position: relative;
}

.footer-about {
    font-size: 14px;
    line-height: 1.8;
    color: #cbd5e0;
    margin-bottom: 20px;
}

/* Kontak List */
.footer-contact {
    list-style: none;
    padding: 0;
}

.footer-contact li {
    font-size: 14px;
    margin-bottom: 12px;
    color: #cbd5e0;
    display: flex;
    align-items: center;
}

.footer-contact li i {
    color: #1485D7; /* Ikon Biru Muda agar kontras */
    margin-right: 15px;
    font-size: 16px;
}

/* Tautan List */
.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links li a {
    color: #cbd5e0;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}

.footer-links li a:hover {
    color: #D4AF37;
    padding-left: 8px;
}

/* Social Media Icons */
.footer-social {
    display: flex;
    gap: 10px;
}

.social-icon {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
}

.social-icon:hover {
    background: #D4AF37;
    color: #1a2a44;
    transform: translateY(-5px);
}

/* Copyright Bar */
.footer-bottom {
    background: #131e32;
    padding: 20px 0;
    margin-top: 30px;
    font-size: 13px;
    color: #718096;
    border-top: 1px solid rgba(255,255,255,0.05);
}

/* --- MEMBERIKAN JARAK AMAN SEBELUM FOOTER --- */

.main-layout {
    padding-bottom: 100px !important; /* Memberikan jarak 100px sebelum footer */
    min-height: 600px; /* Menjaga agar konten tidak terlihat terlalu pendek */
}

/* Memastikan row terakhir tidak mepet ke bawah */
.main-layout .container {
    margin-bottom: 50px;
}

/* Tambahan: Bersihkan float jika ada elemen yang mengambang */
.main-layout::after {
    content: "";
    display: table;
    clear: both;
}

/* Pastikan section utama memiliki tinggi sesuai kontennya */
.main-layout {
    display: block;
    width: 100%;
    clear: both; /* Menolak elemen lain berada di sampingnya */
}

.main-layout::after {
    content: "";
    display: table;
    clear: both;
}

/* Pastikan footer juga membersihkan float sebelumnya */
.main-footer {
    clear: both;
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
    margin-top: 50px; /* Memberikan nafas antara konten dan footer */
}

/* --- MODERN JURUSAN CARDS --- */

.jurusan-card {
    background: #fff;
    border-radius: 15px;
    padding: 40px 30px;
    display: flex;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: all 0.4s ease;
    border: 1px solid #eee;
    height: 100%;
}

.jurusan-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(20, 133, 215, 0.15);
    border-color: #1485D7;
}

.jurusan-icon {
    min-width: 100px;
    width: 100px;
    height: 100px;
    background: #f4f9ff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
}

.jurusan-icon img {
    width: 60px;
    height: auto;
    opacity: 0.7;
}

.jurusan-info h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #2E3192; /* Biru Tua */
    margin-top: 0;
    margin-bottom: 10px;
}

.jurusan-info p {
    font-family: 'Montserrat', sans-serif;
    color: #777;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.btn-jurusan {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #1485D7;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    transition: 0.3s;
}

.btn-jurusan:hover {
    color: #D4AF37; /* Emas saat hover */
    text-decoration: none;
    padding-left: 5px;
}

/* Responsive */
@media (max-width: 768px) {
    .jurusan-card {
        flex-direction: column;
        text-align: center;
    }
    .jurusan-icon {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/* Style Khusus Header Halaman Detail */
.detail-header {
    padding: 50px 0 60px !important;
    margin-top: 0px !important;
    color: #fff !important;
    text-align: center !important;
    background-color: #1485D7; /* Biru Yadika */
    width: 100%;
    display: block;
    clear: both;
}

/* --- FASILITAS MODERN GRID --- */

.fasilitas-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.fasilitas-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.fasilitas-img-container {
    position: relative;
    height: 230px;
    overflow: hidden;
}

.fasilitas-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.fasilitas-card:hover .fasilitas-img-container img {
    transform: scale(1.1);
}

/* Overlay Efek saat Hover */
.fasilitas-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(20, 133, 215, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
}

.fasilitas-overlay span {
    color: #fff;
    border: 2px solid #fff;
    padding: 8px 20px;
    border-radius: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.fasilitas-card:hover .fasilitas-overlay {
    opacity: 1;
}

.fasilitas-info {
    padding: 20px;
    text-align: center;
}

.fasilitas-info h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #1a2a44;
    margin: 0;
    text-transform: capitalize;
}