@charset "utf-8";
html, body {
	position:relative;
	display:block;
	padding:0;
	margin:0;
}
body {
	background-color:#FFFFFF;
	font-family: 'H', 'Trebuchet MS', Helvetica;
	font-size:14px;
	line-height:22px;
}

/* HEADER */
header, header > .main-navbar {
	position:relative;
	display:block;
	z-index:999;
}
header {background-color:#FFFFFF; padding-bottom:30px; border-bottom:1px solid rgba(175,175,175,.25);}
header > .top-navbar {
	background-color:#F4F4F4;
	color:#FFFFFF;
	line-height:4px;
	padding:0;
}
header > .main-navbar {
	padding:10px;} header > .main-navbar button {outline:0; border:0;}
header > .main-navbar .row {
	position:relative;
	display:block;
}
header > .main-navbar .navbar > a.navbar-brand {
	display:flex;
	flex-direction:row;
	align-items:center;
	width:300px; 
	text-decoration:none; 
}
header > .main-navbar .navbar > a.navbar-brand > span {
	font-size:24px;
	font-weight:bold;
	white-space:normal;
	color:#000000;
	letter-spacing:-1px;
}
header > .main-navbar .navbar > a.navbar-brand > span > i {
	display:block;
	font-size:12px;
	font-style:normal;
	color:rgba(0,0,0,.5);
	letter-spacing:0;
}
header > .main-navbar .navbar a.navbar-brand > img { 
	width:55px;
	text-decoration:none;
	margin-right:10px;}
	
header > .main-navbar .navbar-menu {
	position:absolute;
	display:flex;
	width:100%;
	top:auto;
	right:0;
	bottom:-65px;
	left:0;
	padding:0;
}
header > .main-navbar .navbar-menu .menu {
	background-color:#009441;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
header > .main-navbar .navbar-menu .menu .navbar-nav .nav-item {
	text-align:center;
	-ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
header > .main-navbar .navbar-menu .menu .nav-item.active {background-color:#fce601;}
header > .main-navbar .navbar-menu .menu .nav-item a.nav-link {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	padding:1rem 1rem;
}
header > .main-navbar .navbar-menu .menu .nav-item.active > a.nav-link {color:#156738; font-weight:bold;}
header > .main-navbar .navbar .top-icon {
	font-size:22px;
	display:flex;
}
header > .main-navbar .navbar .top-icon > a {
	display:flex;
	color:rgba(0,0,0,.55);
	font-weight:bold;
	text-decoration:none;
	padding:0 20px;
	border-left:2px solid rgba(0,0,0,.25);
}
header > .main-navbar .navbar .top-icon > a:first-child {border-left:0;}
header > .main-navbar .navbar .top-icon > a > i.fa {margin-right:10px; font-size:36px;}
header > .main-navbar .navbar .top-icon > a > span > i {display:block;width:100%; font-size:12px; font-style:normal;}

.menubar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.js .menubar {
	height: 3.1em;
	overflow: hidden;
}

.menubar > li {
	float: left;
}

.menubar > li:first-child {
  margin-left: 0;
  border-radius:4px 0 0 4px;
}

.clear {
  clear: both;
}

/* flexMenu styles */
.flexMenu-popup {
    padding: 0;
    background-color: #0e733a;
    margin: 0;
}
.flexMenu-viewMore > a {display:block;}
.flexMenu-viewMore > a, .flexMenu-viewMore > a:hover {
	color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 1rem 1rem;
}
 
.flexMenu-viewMore > a:after {
    display: inline-block;
    content:"";
    border-left:0.3em solid transparent;
    border-right:0.3em solid transparent;
    border-top:0.4em solid white;
    margin-left:0.4em;  
    position: relative;
    top: -.1em;
}
 
.flexMenu-viewMore.active > a, .flexMenu-viewMore.active > a:hover {
    background-color: #0e733a; 
}
 
.flexMenu-popup > li > a, .flexMenu-popup > li {
    display: block;
}
 
.flexMenu-popup > li > a:hover {
    background-color: #fce601;
	color:#156738!important;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%
}

.sticky + #main {
	padding-top: 102px;
}

/* MAIN */
.section {border-top:1px solid rgba(175,175,175,.25);}
.section .section-heading {
	margin-bottom:2rem;
	color:rgba(0,0,0,.75);
}
.section .section-heading:before {
	display:inline-block;
	content:" ";
	white-space: pre;
	background-color:#c72b25;
	margin-right:10px;
}
.section-list {}
.section-list .card,
.content-list .card {
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

.section-list .card .card-img-top {
	height:195px;
	background-color:#F4F4F4;
	padding:4px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	overflow:hidden;
}
.section-list .card > .card-body {padding-right:0; padding-left:0;}
.section-list .card > .card-body > .card-title {margin:0;}
.section-list .card > .card-body > .card-title > a {
	text-decoration:none;
	color:#000;
}
.section-list .card > .card-body > .card-title > a > h4 {margin-bottom:0;}
.card-block .list-info,
.section-list .card > .card-body .list-info {
	display:flex;
	font-size:12px;
}
.card-block .list-info > li:before,
.section-list .card > .card-body .list-info > li:before {
	display:inline-block;
	padding:0 10px;
	content:" / ";
}
.card-block .list-info > li:first-child:before,
.section-list .card > .card-body .list-info > li:first-child:before {
	display:none;
}
.section2 .left-bar{
	border-right:1px solid rgba(175,175,175,.25);
}
.section-page {
	position:relative;
	padding:4rem 0 2rem;
	border-bottom:1px solid rgba(175,175,175,.25);
} .section-page h2 {margin-bottom:0; }
.section-page > .container {position:relative;}
.content-list {margin:2rem;}
.content-list.profil .card {border-bottom:1px solid rgba(175,175,175,.5); padding-bottom:3rem; margin-bottom:3rem;}
.content-list.profil .card .card-body {padding:0;}
.content-list.profil .card p {
	line-height:2!important;
}
.content-list.profil .card .blockquote {
	text-align: center;
    border: 1px solid #e8e8e8;
    padding: 20px;
    border-radius: 5px;
    background-color: #f9fafb;
    font-weight: 400;
    font-style: italic;
	margin-bottom:3rem;
    -webkit-box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 175, 183, 0.33);
    box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 175, 183, 0.33);
}
.content-list.profil .card-columns .card {border-bottom:0; margin-bottom:0;} 
.content-list.profil .card-title {
	text-align:center;
} .content-list.profil .card-title > a {text-decoration:none; color:#000000;}

.section-left {}
.section-left > .content-list {
	margin:2rem 2rem 2rem 0;
}
.right-bar,
.left-bar {margin:2rem 0;}
/* .right-bar {border-left:1px solid rgba(175,175,175,.25);} */
.right-bar .page-title {display:flex; font-size:18px; margin-bottom:2rem; text-transform:uppercase;}
.left-bar .page-title {display:flex; font-size:18px; text-transform:uppercase;}
.right-bar .page-title:before,
.left-bar .page-title:before {
	display:inline-block;
	content:" ";
	white-space: pre;
	background-color:#c72b25;
	margin-right:10px;
}
.left-bar .list-group.list-group-flush > li.list-group-item {
	padding:0;
}
.left-bar .list-group.list-group-flush > li.list-group-item > a.nav-link,
.left-bar .nav > a.nav-link {
	padding:1rem 0; text-decoration:none; color:#000000;
}
.left-bar .nav > a.nav-link + .nav > a.nav-link {
	padding-top:0;
}

.berita .content-list .card {
	padding:0 2rem 2rem;
	margin-bottom:2rem;
}
.berita .content-list .card ~ .card:before {
	display:block;
	width:90%;
	content:"";
	border-top:1px solid rgba(175,175,175,.25);
	margin:0 auto 4rem;
}
.berita .content-list .card:last-child {border-bottom:0;}
.berita .content-list .card .card-img {
	padding:0;
	border:2px solid #F5F5F5;
	background-color:#FFFFFF;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.berita .content-list .card .card-img {width:100%;}
.berita .content-list .card .card-body {
	padding:0 2rem;
} .berita .content-list .card .card-body .card-title > a {color:#000000; text-decoration:none;}

.detail .card .list-info {color:#c72b25!important;}
.detail .card .list-info,
.berita .content-list .card .card-body .list-info {display:flex;}
.berita .content-list .card .card-body .list-info .list-item:first-child {margin-right:20px;}
.berita .content-list .card .card-body .list-info .list-item + .list-item {margin-right:20px;}
.detail .card .list-info .list-item ~ .list-item:before {
	display:inline-block;
	content:" / ";
	padding:0;
	margin:0 10px;
	-ms-flex-item-align: center!important;
    align-self: center!important;
}

.berita .content-list .card .card-body .cats {
	font-weight:bold;
	color:#c72b25;
}

.berita .pagination {
	-webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}
.berita .pagination:before {
	display:flex;
	content:"Halaman :";
	-ms-flex-item-align: center!important;
    align-self: center!important;
}
.berita .pagination .page-link {
	border:0; 
	text-decoration:none; 
	color:#000000; 
	outline:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.berita .pagination .page-item.active .page-link {
	background-color:transparent;
	border:0;
	color:#c72b25;
	font-weight:bold;
}
.berita .pagination .page-link:hover,
.berita .pagination .page-item.active .page-link:hover {background-color:transparent;}
a.more {
	display:inline-block;
	background-color:#c72b25;
	color:#FFFFFF;
	text-decoration:none;
	padding:.25rem .5rem;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.detail .card {
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

.detail .card .card-img-top {
	background-color:#F5F5F5;
	padding:5px;
	margin-bottom:3rem;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 175, 183, 0.33);
    box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 175, 183, 0.33);
} .detail .card .card-img-top > img {width:100%;}
.detail .card .desc p {line-height:2;}
.right-bar .last-list {
	position:relative;
	display:block;
	margin:0;
} 
.right-bar .last-list .card {
	margin-bottom:.5rem;
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.right-bar.bg-light {padding-bottom:1rem; border:1px solid rgba(175,175,175,.15); }
.right-bar.bg-light .last-list .card { background-color:transparent; margin-bottom:0; }
.right-bar.bg-light .last-list .card ~ .card:before {
	display:block;
	width:100%;
	content:"";
	margin:1rem 0;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #FEFEFE;
}
.right-bar.bg-light .last-list .card .card-block p {margin:0;}
.right-bar .last-list .card .card-title {
	font-size:14px;
} .right-bar .last-list .card .card-title a {text-decoration:none; color:#000;}
.right-bar.bg-light .last-list .card .card-title {margin-bottom:5px;}

.card.content-item {border:1px solid #DDD; margin-bottom:1rem;}
.card.content-item:last-child {margin:0;}
.card.content-item .img-fluid {
	background-color:#F5F5F5;
	padding:20px;
	border-right:1px solid #DDDDDD;
} .card.content-item .img-fluid > p {line-height:1.5;}
.card.content-item .img-fluid > .number {display:block; font-size:32px; font-weight:bold; line-height:42px; color:#c72b25;}
.card.content-item .card-block {padding:1.2rem 2rem; background-color:#FDFDFE;}
.card.content-item .card-title {margin-bottom:0;}
.card.content-item .card-title > a {text-decoration:none; color:#000;}

/* MISC */
.content-info {background-color:#F4F4F4; padding:1rem; margin-bottom:2rem;}
.content-info table {margin:0; background-color:#FFFFFF;}
.slideshow {background-color:#F4F4F4; padding-top:20px;}
.carousel {
	width:100%;
	padding:20px;
}
.carousel-caption {
	position: absolute;
    background-color: rgba(232,225,69,.75);
    color: #000;
    text-shadow: 1px 1px 1px rgba(255,255,255,.5);
    height: 400px;
    padding: 7rem 2rem;
    top: 30px;
    right: 10%;
    left: 65%;
    bottom: 30px;
    overflow: hidden;
}

.carousel-caption h5 { font-size:32px; font-weight:bold; margin-bottom:20px; }
.menuicon {
	margin:20px auto;
}
.breadcrumb {
	background-color:transparent;
	padding:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.breadcrumb-item > a {text-decoration:none; color:#009441;}
.breadcrumb-item + .breadcrumb-item::before {
	font-size:10px;
	content:"\20DD";
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: red; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
}

#myBtn:hover {
	background-color: #555; /* Add a dark-grey background on hover */
}

/* ORGCHART */
.orgchart {
	display:block;
	background-color:#FFFFFF;
	overflow:auto;
	background-image:none;
}
.orgchart .node .title,
.orgchart .node .content {width:100%; min-width:196px; padding:5px 10px; min-height:30px; height:auto;}
.orgchart .node .title {font-size:.75rem; text-transform:uppercase; background-color: rgba(20, 90, 51, 1)}
.orgchart .node .content {font-size:.75rem;}
.orgchart .lines .downLine {background-color:rgba(20, 90, 51, .8);}
.orgchart .node .content,
.orgchart .lines .downLine,
.orgchart .lines .rightLine,
.orgchart .lines .leftLine {border-color:rgba(20, 90, 51, .8);}
.orgchart .node .title i.symbol {
	margin-right:20px;
	margin-top: 16px;
    margin-left: 0;
}
.orgchart i.spinner {
	display:block;
	left:50%;
	margin-left:-50px;
}

/* FORM PENDAFTARAN */
.form-pendaftaran {
	position:relative;
	display:block;
	width:100%;
	margin:2rem auto;
}

form.forms .box {
	position:relative;
	display:block;
	border:1px solid rgba(0,0,0,.25);
	padding:3rem 2rem 2rem;
	margin-bottom:2rem;
}

.form-pendaftaran .page-title p {
	font-family:"Nunito", "san-serif";
}

.contact .card {
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.contact form.forms label {
	font-weight:bold;
	color:rgba(0,0,0,.45);
}
.contact form.forms .form-control-lg {font-size:16px;}
.form-pendaftaran .box-title {
	position:absolute;
	display:inline-block;
	background-color:#FFFFFF;
	padding:.5rem 2rem;
	border:1px solid rgba(0,0,0,.25);
	top:-20px;
	left:30px;
}
.form-pendaftaran .box-title > h4,
.form-pendaftaran .box-title > p {margin:0;}
.siswaupld {
	background-color:#F4F4F4;
	padding:5px;
}
.siswaupld h4 {font-size:14px; text-align:center;}

.contact-info .list-group {
	margin:0;
	list-style:none;
} 
.contact-info h4 {letter-spacing:-2px; font-weight:normal; margin-bottom:20px;}
.contact-info h4 > span {font-weight:bold; color:rgba(0,0,0,.55);}
.contact-info .list-group .list-item {
	color:color:rgba(0,0,0,.55);
	font-weight:500;
}
.contact-info .list-group .list-item > span:first-child {color:rgba(0,0,0,.55); margin-right:10px; font-weight:bold; min-width:60px;}
.contact-info .list-group .list-item {margin-bottom:.75rem;}
.contact-info .list-group .navicon::before,
.contact-info .list-group .emailicon::before,
.contact-info .list-group .phoneicon::before {
	font-family:"Font Awesome 5 Free";
	padding:5px;
	color:#009441;
	border:1px solid #009441;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin-right:10px;
}
.contact-info .list-group .navicon::before {content:"\f5a0";}
.contact-info .list-group .emailicon::before {content:"\f0e0";}
.contact-info .list-group .phoneicon::before {content:"\f095";}

.icon-menu-top {
	position:relative;
	margin:2rem 0 0;
}
.video,
.video a {position:relative;}
.video a {display:block;}
.video a:after {
	position:absolute;
	font-family:"Font Awesome 5 Free";
	width:62px;
	height:62px;
	margin-top:-31px;
	margin-left:-31px;
	top:50%;
	left:50%;
	text-align:center;
	content:"\f144";
	color:#FFF;
	font-size:62px;
	line-height:62px;
}
.video a:hover:after {color:#eb3a1b;} 
/* FOOTER */
footer {background-color:#0d502b; z-index:-1!important;}
footer .footer {color:#FFFFFF; padding:2rem;}
footer .footer img.logo {
	text-decoration:none;
	width:100%;
	margin:auto;
}
footer .footer i.fa {margin-right:10px;}
footer .footer .list-group {flex-direction:row;}
footer .footer .list-group .list-group-item {
	padding:.5rem 0;
	background-color:transparent;
	border:0;
}

footer .footer .list-group .list-group-item:last-child {border-bottom:0;}
footer .footer .list-group .list-group-item > .nav-link {
	color:#FFFFFF;
	padding:0;
	text-decoration:none;
}

footer > .footer-copyright {
	font-size:12px;
	line-height:18px;
	text-align:center;
	padding:1rem 2rem;
	border-top:1px solid #D7D8DD;
	background-color:#E8E9EE;
}
footer > .footer-copyright .powered {font-weight:bold;}

@media (max-width: 767px) {
	header {padding-bottom:0;}
	header > .main-navbar .navbar > a.navbar-brand {
		width:auto;
	}
	header > .main-navbar .navbar-menu {
		position:fixed;
		display:block!important;
		background-color:#009441;
		width:inherit;
		top:0;
		right:auto;
		bottom:0;
		left:0;
		padding:0;
	}
	header > .main-navbar .navbar-menu .menu {
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		box-shadow:none!important;
	}
	header > .main-navbar .navbar .top-icon {
		background-color:#F4F4F4;
		padding:20px 10px;
		margin:20px 0 0!important}
		header > .main-navbar .navbar .top-icon > a > span > i {font-weight:normal; font-size:11px}
	.slideshow {padding:5px;}
	.carousel {padding:0;}
	.js .menubar {
		height:auto;
		overflow:none;
	}
	.menubar > li {
		display:block;
		float:none;
	}
}