@font-face {
    font-family: Montserrat;
    src: url(huruf/Montserrat/Montserrat-Regular.woff2) format("woff2"), url(huruf/Montserrat/Montserrat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Montserrat;
    src: url(huruf/Montserrat/Montserrat-Bold.woff2) format("woff2"), url(huruf/Montserrat/Montserrat-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url(huruf/Roboto/Roboto-Regular.woff2) format("woff2"), url(huruf/Roboto/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url(huruf/Roboto/Roboto-Bold.woff2) format("woff2"), url(huruf/Roboto/Roboto-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
}
body {
    line-height: 1.4;
    text-align: left;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
    outline: 0 !important ;
}
body {
    font-weight: 400;
    font-size: 14px;
    font-family: Roboto, Arial, sans-serif;
}
img {
    pointer-events: none;
    max-width: 100%;
    height: auto;
    display: block;
}
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.wpsekolah {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	padding: 50px 0 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.08);
	overflow: hidden;
}
.sch_container {
	position: relative;
	padding: 0 30px;
	/*background: white;*/
}
.header {
	position: fixed;
	top: 0;
	left: auto;
	right: auto;
	width: 100%;
	max-width: 1200px;
	height: 50px;
	z-index: 110;
	background: #45b767;
}
/* Header Big */
.navigasi-menu-sekolah {
	height: 50px;
}
.navigasi {
    margin: 0;
    padding: 0;
    height: 50px;
}
.navigasi .sch.accord li {
	display: block !important;
}
.navigasi .sch.desktop {
    height: 50px;
    font-weight: 400;
}
.navigasi .sch.desktop li {
    float: left;
    display: block;
    margin: 0;
    position: relative;
    text-align: center;
    line-height: 50px;
}
.navigasi .sch.desktop li.menu-item-has-children {
    position: relative;
}
.navigasi .sch.desktop li.menu-item-has-children:after {
    content: "\f105";
    font: normal normal 12px/1 FontAwesome;
    position: absolute;
    top: 20px;
    right: 8px;
}
.navigasi .sch.desktop li.menu-item-has-children:before {
content: '';
position: absolute;
left: 20px;
top: 50px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
clear: both;
display: none;
}
.navigasi .sch.desktop li.menu-item-has-children:hover:before {
	display: block;
}
.navigasi .sch.desktop li ul li.menu-item-has-children:before {
	display: none !important;
}
.navigasi .sch.desktop li a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0 10px;
	font-weight: 700;
    font-size: 14px;
    line-height: 50px;
    font-family: Roboto;
    position: relative;
}
.navigasi .sch.desktop li.menu-item-has-children a {
    padding: 0 22px 0 16px;
}
.navigasi .sch.desktop li a:hover {
    text-decoration: none;
}
.navigasi .sch.desktop li ul {
    position: absolute;
    top: 50px;
    left: 0;
    padding: 0;
    display: none;
    box-shadow: 0 0 15px rgb(0, 0, 0, 0.05);
}
.navigasi .sch.desktop li:hover ul {
    display: block;
}
.navigasi .sch.desktop li ul li {
    width: 160px;
    text-align: left;
	border-radius: 0 !important;
	background: none;
}
.navigasi .sch.desktop li ul li ul li ul li ul li:hover ul li ul,
.navigasi .sch.desktop li ul li ul li ul li:hover ul li ul,
.navigasi .sch.desktop li ul li ul li:hover ul li ul,
.navigasi .sch.desktop li ul li:hover ul li ul,
.navigasi .sch.desktop li:hover ul li ul {
    display: none;
}
.navigasi .sch.desktop li ul li ul li ul li ul li ul li:hover ul,
.navigasi .sch.desktop li ul li ul li ul li ul li:hover ul,
.navigasi .sch.desktop li ul li ul li ul li:hover ul,
.navigasi .sch.desktop li ul li ul li:hover ul,
.navigasi .sch.desktop li ul li:hover ul {
    display: block;
}
.navigasi .sch.desktop li ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
	z-index: 10;
    box-shadow: 0 0 15px rgb(0, 0, 0, 0.05);
}
.navigasi .sch.desktop li ul li.menu-item-has-children:after {
    top: 13px;
}
.navigasi .sch.desktop li ul li a {
    display: block;
    position: relative;
    margin: 0 !important ;
    font-size: 14px;
    line-height: 1.4;
    word-wrap: break-word;
    padding: 10px 15px !important;
}
.navigasi .sch.desktop li ul li ul li.menu-item-has-children:after,
.navigasi .sch.desktop li ul li.menu-item-has-children:after {
    display: block !important ;
}
.menu-icon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: none;
}
.post-search {
	position: absolute;
    top: 10px;
    right: 10px;
    width: 240px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    text-align: center;
}
#searchform {
	height: 30px;
	position: relative;
}
.ps_select {
    width: calc( 50% - 17px );
    padding: 0;
	margin: 0 3px 0 0;
    float: left;
	background: #fff;
	height: 30px;
}
.ps_select select {
	width: 100%;
    padding: 0 10px;
    line-height: 30px;
    border: 0;
    appearance: none;
    font-family: Roboto;
    font-size: 13px;
	background: none;
}
.ps_input {
    width: calc( 50% - 17px );
    padding: 0;
	margin: 0 3px 0 0;
    float: left;
	background: #fff;
	height: 30px;
    float: left;
}
.ps_input input {
    padding: 0 10px;
    width: calc( 100% - 20px );
    line-height: 30px;
    border: 0;
    font-family: Roboto;
    font-size: 13px;
	background: none;
}
.ps_button {
    width: 28px;
    height: 30px;
    padding: 0;
    float: left;
}
.ps_button button {
    width: 28px;
    height: 30px;
    border: 0;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
	display: block;
}
/* New Ticker */
.run-text {
	height: 30px;
	position: relative;
	border-bottom: 1px solid rgba(125,125,125,0.1);
}
.this-day {
position: absolute;
height: 30px;
line-height: 30px;
padding: 0 15px;
font-size: 14px;
top: 0;
left: 0;
z-index: 8;
}
.running {
	overflow: hidden;
	color: white;
}
.tickercontainer {
    height: 30px;
	position: relative;
	z-index: 5;
}
.mask {
    height: 30px;
}
ul.newstickers {
    position: relative;
    left: 100%;
    width: 1300px !important ;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newstickers .customize-partial-edit-shortcut {
    left: 50%;
}
ul.newstickers li {
    float: left;
    display: inline-block;
    margin: 5px 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
}
ul.newstickers a {
    white-space: nowrap;
    padding: 0;
    font-weight: 400;
}
.spasi {
	margin-right: 60px;
}
/* Logo */
.logo_sekolah {
	height: 80px;
	padding: 10px 10px 10px 0;
	float: left;
}
.logo_sekolah a {
	display: block;
}
.logo_sekolah img {
	height:100px;
	width: auto;
	margin: 0;
}
.kontak-sekolah {
	float: right;
	padding: 35px 0;
}
.kontak-dir {
	display: flex;
	font-size: 15px;
}
.kontak-box .number {
	font-weight: 700;
}
.kontak-box  .fa-phone {
	width: 20px;
}
.kontak-box  .fa-envelope-o {
	width: 20px;
}
.sekolah_sosial {
	padding-left: 26px;
	margin-left: 30px;
}
.sekolah_sosial .fa {
	height: 40px;
	width: 40px;
	line-height: 40px;
	font-size: 25px;
	text-align: center;
	margin: 0 0 0 3px;
	border-radius: 20px;
}
.mob_wa {
	display: none;
}
/* Nama Sekolah + Sosial */
.sch-infosekolah {
	padding: 30px 0;
}
.nama_sekolah {
	font-size: 28px;
	letter-spacing: -1px;
	line-height: 1.2;
	font-family: Montserrat;
	text-align: center;
	margin-bottom: 5px;
}
.address {
	text-align: center;
	font-size: 14px;
}
.sch-namasekolah {
	margin: 0;
}
/* Editorial */
.editornews {
	margin: 0 -15px;
	padding: 30px 0;
}
.editor-box {
	width: 66%; float: left;
}
.editor-inner {
	margin: 0 15px;
}
.kepala-sekolah {
	width: 210px;
	height: auto;
	float: left;
	position: relative;
}
.editor-meta {
	padding: 0 20px 20px 0;
}
.master-meta {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 15px 15px;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	z-index: 5;
}
.head_name {
	font-size: 14px;
	font-weight: bold;
}
.editor-meta h4 {
	padding: 0 0 10px;
	font-size: 20px;
	line-height: 1.2;
}
.editor-meta h3 {
	padding: 0 0 10px;
	font-size: 18px;
	line-height: 1.2;
}
.editor-text {
    font-size: 13px;
    padding: 15px;
    border-radius: 8px;
    margin: 0 0 25px;
    background: rgb(149 18 18 / 5%);]
}

.gel-text {
	margin: 0 0 15px;
	font-size: 16px;
	line-height: 1.3;
}

 
.editor-all a {
	display: inline-block;
padding: 7px 10px;
font-size: 13px;
font-family: Montserrat;
border-radius: 3px;
}
.news-box {
	width: 34%;
	float: right;
}
.news-inner {
	margin: 0 15px 0;
}
.news-inner h3 {
	font-size: 20px;
	padding: 0 0 5px;
	border-bottom: 1px solid rgba(125,125,125,0.1);
}
.newsbox {
	margin: 0 15px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(125,125,125,0.1);
}
.news-meta .news-auth {
	font-size: 14px;
	margin: 0 0 5px;
}
.news-box .news_featured {
	width: 100px;
	float: left;
	margin-right: 20px;
}
.newsbox:last-child {
	padding: 12px 0 0;
}
.newsbox h3 {
	height: 44px;
	font-size: 16px;
	line-height: 1.3;
	overflow: hidden;
}
.news-box .editor-all {
	padding: 12px 15px 0;
    text-align: right;
}
.re_kepsek {
	font-size: 12px;
}
.edit_post {
    float: right;
    width: calc( 100% - 240px);
}
/* Quotes */
.home_quotes {
	padding: 30px;
}
.home_quotes span {
}
.home_quotes h4 {
	text-align: center;
	margin: 0;
	font-family: Roboto;
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: 700;
}
.sch_quotes {
	font-size: 24px;
	max-width: 800px;
	padding: 40px 0 20px;
	margin: 0 auto;
	text-align: center;
}
.quotes_acc  {
	font-size: 16px;
}
.peng-box {
	float: left;
	width: 33%;
}

.vid-box {
	float: left;
	width: 100%;
}

.peng-meta {
	padding: 15px 0;
	margin: 0 15px;
}
.peng-meta .pub {
	font-size: 14px;
	margin: 0 0 6px;
}
.peng-meta h3 {
	font-size: 18px;
	line-height: 1.3;
	margin: 0 0 8px;
}
.agenda-box {
	float: left;
	width: 33%;
}
.age-home{
	margin: 0 15px;
	padding: 15px 0;
}
.tanggal {
	width: 50px;
float: left;
text-align: center;
border-radius: 6px;
overflow: hidden;
}
.hari {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.3;
	padding: 6px 0;
}
.bulan {
	font-size: 10px;
	padding: 4px 0;
}
.tahun {
	font-size: 12px;
	padding: 4px 0;
	font-weight: bold;
}
.age-meta {
	float: right;
	width: calc( 100% - 70px );
}
.age-meta .auth {
	font-size:12px;
	margin: 0 0 6px;
}
.age-meta h3 {
	font-size: 18px;
	line-height: 1.3;
	margin: 0 0 8px;
}
.blog-box {
	float: left;
	width: 33%;
}
.news_featured {
	float: left;
}
.blogbox {
    margin: 0 15px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(125,125,125,0.2);
}
.blog-extra {
	float: right;
	width: calc( 100% - 120px );
}
.blogbox .auth {
	font-size:14px;
	margin: 0 0 5px;
}
.blogbox h3 {
	height: 44px;
	line-height: 1.3;
	font-size: 16px;
}
.blogbox .news_featured {
	width: 100px;
	margin-right: 20px;
}
.blogbox .news_featured img {
	width: 100px;
}
.guruku {
	padding: 20px 0;
}
.guru-judul {
    font-size: 20px;
	font-weight: bold;
    padding: 0 0 5px;
}
.person.owl-theme .owl-nav {
	margin: 0;
	position: absolute;
	top: -36px;
	right: -5px;
}
/* Galeri */
.sekolah_galleria {
}
.sekolah_galleria .news-inner h3 {
	border: none;
}
.gal-box {
	width: 33.33%;
	float: left;
}
.inner-gal {
	margin: 0 10px;
	padding: 10px 0 0;
}
.galbox {	 
    width: 33%;
    float: left;    
    /*overflow: hidden;*/
    /*border-radius: 20px;    */
    border-color: rgb(239 232 232);  
    background: rgb(255, 255, 255);
}
.gal-in {
	margin: 0;
}
.galbox a {
	padding: 0 5px 10px;
}
.galtext .gal-in {
	margin: 0 5px 10px;
}
.galtext .gal-in img {
	width: 112px;
	height: auto;
}
.fas-right {
	float: right;
	width: calc( 100% - 130px );
}
.fas-right h3 {
	font-size: 16px;
}
.sesuatu {
	margin: 0 5px;
}
/* Video */
.videonews {
	padding: 20px 0 40px;
}
.sekolah_video h3 {
	border: none;
	font-size: 20px;
font-weight: bold;
padding: 0 0 10px;
}
.vid-block {
	margin: 0 -15px;
}
.sch-video {
	width: 33.33%;
	float: left;
}
.sch-video iframe {
	width: calc( 100% - 30px );
	margin: 15px 15px;
	height: 200px;
	display: block;
}
/* GTK */
.home_guru {
	padding: 30px 0;
}
.title_guru {
	position: relative;
	text-align: center;
	margin: 0 0 30px;
	font-family: Montserrat;
	font-size: 25px;
	letter-spacing: -1px;
	font-weight: 700;
}
.title_guru:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
	margin-left: -35px;
    content: '';
    height: 2px;
    width: 70px;
    display: block;
    background: #fc0;
}
.person .item {
	padding: 10px 0;
}
.guru_info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 100px 15px 15px;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	z-index: 5;
}
.guru_nama {
	font-weight:bold;
}
.sekolah_bread {
	border-top: 1px solid rgba(125,125,125,0.1);
}
.inbread {
	padding: 15px 0;
}
#notfound {
	padding: 150px 0;
	text-align: center;
}
.sekolah_heading {
	font-size: 25px;
	margin: 0 0 15px;
}
.text_not {
	font-size: 16px;
}
#inkonten {
    border-top: 1px solid rgba(125,125,125,0.1);
	padding: 20px 0 0;
}
.konten {
	margin: 0 -15px;
}
.loop_left {
	float: left;
	width: 70%;
}
.sch_looper {
	margin: 0 15px 25px;
}
.post_inlooperthumb {
	width: 160px;
	float: left;
	text-align: center;
}
.post_inloopermeta {
	width: calc( 100% - 180px );
	float: right;
}
.post-category {
	height: 25px;
}
.post-category a {
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	margin: 0;
	font-size: 12px;
	display: inline-block;
}
.post_inloopermeta h2 {
	font-size: 18px;
	margin: 0 0 8px;
}
.post_inlooperpublish {
	font-size: 12px;
	margin: 0 0 4px;
}
.agedate {
	font-weight: 700;
	font-size: 30px;
	padding-top: 15px;
}
.agemonth {
	padding-bottom: 15px;
}
.loop_full {
	margin: 0 8px;
}
.loop_ingurus {
	float: left;
	width: 16.66%;
}
.loop_full .post_inlooper {
	margin: 0 8px;
}
.guru_meta {
    padding: 15px 0;
    height: 50px;
    overflow: hidden;
}
.before_table {
	margin: 0 -15px;
}
.search_something {
	float: right;
	width: 30%;
}
.some_input {
	margin: 0 15px 15px;
	padding: 8px 15px;
	border: 1px solid #eee;
}
.some_input span {
	width: 65px;
	float: left;
	height: 30px;
	line-height: 30px;
}
.some_input input {
	width: calc( 100% - 95px );
	height: 28px;
	line-height: 28px;
	border: 1px solid #ddd;
	padding: 0 14px;
	font-size: 14px;
}
.some_result {
	margin: 0 15px 15px;
	padding: 15px;
	border: 1px solid #eee;
}
.some_cat {
	margin: 0 15px 15px;
	padding: 15px;
	border: 1px solid #eee;
}
.head_cat {
	padding: 0 0 8px 0;
}
.cat_term {
	padding: 8px 0;
	border-top: 1px solid #eee;
}
.cat_term span {
	float: right;
}
.result_list {
	float: left;
	width: 70%;
}
.down_table {
	margin: 0 15px;
}
.sekolah_table td {
	padding: 8px 15px;
	border: 1px solid rgba(125,125,125,0.1);
}
.tdcol {
	text-align: center;
}
.top_tab {
	background: rgba(0,0,0,0.03);
	font-size: 16px;
}
.post-khusus-archive-quotes .sekolah_heading {
	text-align: center;
}
.sekolah_quotes {
	font-size: 18px;
	max-width: 800px;
	margin: 0 auto 50px;
	text-align: center;
}
.home .sekolah_quotes {
	max-width: 1200px;
	margin: 0;
}
.people_quotes {
	font-size: 15px;
	padding: 10px 0 0;
}
.sekolah_table {
	width: 100%;
	margin: 0 0 30px;
}
.post-khusus-archive-video .post_inlooperthumb {
	width: 40%;
}
.post-khusus-archive-video .post_inlooperthumb iframe {
	height: 180px;
}
.post-khusus-archive-video .post_inloopermeta {
    width: calc( 60% - 20px );
}
.sch_singlepost {
	border-top: 1px solid #eee;
	padding: 30px 0;
}
.sch_singlecontent {
	margin: 0 -15px;
}
.sekolah_primary {
	width: 70%;
	float: left;
}
.primary_content {
	margin: 0 15px;
}
.after_title {
	margin: 0 0 10px;
}
.share {
	margin: 0 0 10px;
}
.share .fa {
	width: 35px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	margin: 0;
}
.sekolah_article p {
    margin: 0 0 15px;
}
.sekolah_article img {
    max-width: 100%;
    height: auto;
    margin: 0 0 20px;
}
.sekolah_article img.alignleft {
    float: left;
    margin: 0 30px 20px 0;
}
.sekolah_article img.alignright {
    float: right;
    margin: 0 0 20px 30px;
}
.sekolah_article .akademi__list-image img {
    margin: 0;
}
.sekolah_article blockquote {
    margin: 0 0 20px;
    padding: 20px 20px 10px 50px;
    background: rgb(0, 0, 0, 0.05);
}
.sekolah_article ul {
    margin: 0 0 20px;
    list-style: disc !important;
}
.sekolah_article ol {
    margin: 0 0 20px;
    list-style: decimal !important;
}
.sekolah_article li {
    margin: 0 0 0 15px;
}
.sekolah_article li ol,
.sekolah_article li ul {
    margin: 0;
}
.schpost_tags {
	margin: 0 0 15px;
}
.sekolah_secondary {
	width: 30%;
	float: right;
}
.secondary_content {
	margin: 0 15px;
}
.sekolah_featured {
	margin: 0 0 10px;
}
.content_meta {
	margin: 0 0 10px;
}
.sekolah_heads {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}
.single_meta {
	margin: 0 0 10px;
}
.single_meta h4 {
	font-size: 16px;
}
.single_meta span {
	font-style: italic;
}
.single_vid {
	width: 100%;
	height: 350px;
}
.ano_vid iframe {
	width: 100%;
	height: 150px;
}
.comment_heads  {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}
.comment__meta {
	border: 1px solid rgba(125,125,125,0.1);
	padding: 15px 20px;
	margin: 0 0 20px;
}
.comment__meta p {
	padding: 10px 0;
}
.children {
	margin: 0 0 0 30px;
}
.heading_list_comment  {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}
.sekolah__form-textarea {
	border: 1px solid #ddd;
	width: calc( 100% - 2px );
	max-width: 400px;
	margin: 0 0 6px;
	overflow: hidden;
}
.sekolah__form-textarea textarea {
	width: calc( 100% - 30px );
	padding: 15px;
	border: 0;
}
.sekolah__form-author,
.sekolah__form-email,
.sekolah__form-url {
	border: 1px solid #ddd;
	width: calc( 100% - 2px );
	max-width: 400px;
	margin: 0 0 6px;
}
.sekolah__form-author input,
.sekolah__form-email input,
.sekolah__form-url input {
	width: calc( 100% - 30px );
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	font-family: Roboto;
	border: 0;
	font-size: 14px;
}
.comment-form-cookies-consent {
	padding: 0 0 15px;
	max-width: 400px;
}
.form-submit .submit {
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	margin: 0 5px 0 0;
	display: inline-block;
	border: 0;
	font-size: 14px;
	font-family: Roboto;
}
.people .sekolah_primary {
    width: calc( 100% - 200px );
    float: left;
}
.guru_table {
	width: 100%;
	margin: 0 0 30px;
}
.guru_table td {
	border: 1px solid #ddd;
	padding: 10px 15px;
}
.art_title {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}
.people .sekolah_secondary {
    width: 200px;
    float: right;
}
.pagination {
	margin: 0  15px 30px;
	text-align: center;
}
.pagination a {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin: 0 3px 0 0;
}
.loop_right {
	float: left;
	width: 30%;
}
.sidebar {
	margin: 0 15px 30px;
}
.sidebar-in {
	padding: 0 0 0 30px;
	border-left: 1px dashed rgba(125,125,125,0.2);
	margin: 0 0 20px;
}
.sidebar .nama_sekolah {
	font-size: 18px;
}
.sidebar .address {
	margin: 0 0 15px;
}
.sidebar table {
	width: 100%;
}
.sidebar td {
	padding: 8px 0;
	text-align: right;
	border-bottom: 1px dashed rgba(125,125,125,0.1);
}
.sidebar td.tab_left {
	padding: 8px 15px 8px 0;
	text-align: left;
}
.sidebar .re_kepsek {
	font-size: 14px;
}
.sch-widget {
	padding: 40px 0;
}
.widget_area {
	margin: 0 -20px;
}
.widget_box {
	width: 33.33%;
	float: left;
}
.widget_box-inner {
	padding: 0 20px;
}
.widget_block {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.4;
}
.widget_block p {
	margin: 0 0 10px;
}
.widget_block h1 {
	font-size: 25px;
	margin: 0 0 10px;
}
.widget_block h2 {
	font-size: 22px;
	margin: 0 0 10px;
}
.widget_block h3 {
	font-size: 20px;
	margin: 0 0 10px;
}
.widget_block h4 {
	font-size: 18px;
	margin: 0 0 10px;
}
.widget_block h5 {
	font-size: 17px;
	margin: 0 0 10px;
}
.widget_block h6 {
	font-size: 16px;
	margin: 0 0 10px;
}
.widget_block ul,
.widget_block ol {
	margin: 0 0 10px;
}
.widget_block ul li,
.widget_block ol li {
    margin: 0 0 0 15px;
}
.widget_block blockquote {
	padding: 10px;
	background: rgba(0,0,0,0.04);
	font-size: 16px;
}
.widget_block .wp-block-table {
	width: 100%;
}
.widget_block .wp-block-table td {
	padding: 10px;
	margin: 0 0 -1px -1px;
}
.widget_block .wp-block-pullquote blockquote {
	background: none;
}
.widget_block figcaption {
	font-size: 12px;
}
.widget_block .wp-block-archives,
.widget_block .wp-block-categories {
	margin: 0;
	list-style: none;
}
.widget_block .wp-block-archives li,
.widget_block .wp-block-categories li {
    padding: 0 0 10px;
	margin: 0;
}
.widget_block .wp-block-calendar table th {
	background: rgba(0,0,0,0.05);
}
.widget_block .wp-block-calendar table caption {
	font-size: 16px;
	padding: 0 0 10px;
}
.widget_block .wp-calendar-nav {
	padding: 10px 0;
}
.widget_block .wp-block-latest-comments__comment {
	margin: 0;
}
.widget_block .wp-block-latest-comments__comment-excerpt p {
    line-height: 1.4;
}
.widget_block .wp-block-latest-comments__comment-date {
	font-style: italic;
}
.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li,
.widget_block .wp-block-pages-list__item {
	margin: 0;
	padding: 0 0 10px;
}
.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li time {
	font-size: 12px;
	line-height: 1.3;
}
.widget_block .wp-block-page-list {
	list-style: none;
}
.widget_block .wp-block-pages-list__item.has-child {
	padding: 0;
}
.widget_block .wp-block-pages-list__item.has-child .submenu-container {
	margin: 10px 0 0 15px;
}
.widget_block .wp-block-rss {
	list-style: none;
}
.widget_block .wp-block-rss__item {
	padding: 0 0 10px;
	margin: 0;
}
.widget_block .wp-block-tag-cloud a {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	font-size: 14px !important;
}
.widget_block .wp-block-search .wp-block-search__button {
	border: 0;
	height: 30px;
	line-height: 30px;
	width: 70px;
	padding: 0;
	margin-left: 10px;
	text-align: center;
}
.widget_block .wp-block-search .wp-block-search__input {
	border: 1px solid #ddd;
	height: 30px;
	line-height: 30px;
	width: calc( 100% - 90px );
	padding: 0 9px;
	background: #fff;
	color: #222;
	float: left;
}
.widget_block .wp-block-search .wp-block-search__label {
	margin: 0 0 6px;
	font-style: italic;
	display: block;
}
.widget_block.widget_meta li {
	padding: 0 0 10px;
}
.widget_block.widget_nav_menu li {
	padding: 0 0  10px;
}
.widget_block.widget_nav_menu li.menu-item-has-children {
	padding: 0;
}
.widget_block.widget_nav_menu li.menu-item-has-children ul.sub-menu {
	margin: 10px 0 0;
}
.widget_block .wp-block-video iframe {
	width: 100%;
	padding: 0 0 10px;
	height: 200px;
}
.widget_contact {
	width: 100%;
}
.widget_contact td {
	padding: 10px 15px;
	margin:  0 0 -1px -1px;
}
.copyright {
	padding: 40px 0;
	text-align: center;
}
.to_top {
	position: fixed;
	right: 36px;
	bottom: 30px;
	width: 36px;
	height: 36px;
	line-height: 36px !important;
	text-align: center;
	font-size: 18px;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	z-index: 100;
	display: none;
}
.fade .to_top {
	display: block;
}
@media screen and (max-width: 982px) {
.menu-icon {
	display: block;
}
.navigasi {
display: none;
position: fixed;
top: 50px;
bottom: 0;
left: 0;
right: 0;
max-width: 100%;
width: 100%;
height: calc(100% - 50px);
overflow-y: auto;
z-index: 100;
    }
	.desktop {
		display: none;
	}
    .navigasi .sch {
        margin: 0;
    }
    .navigasi .sch.accord li {
        padding: 0 20px;
		line-height: 36px;
		border-top: 1px solid rgba(125,125,125,0.1);
        position: relative;
		display: block;
    }
	.navigasi .sch.accord li.menu-item-has-children {
		position: relative;
	}
	.navigasi .sch.accord li.menu-item-has-children:after {
		content: "\f105";
font: normal normal 12px/1 FontAwesome;
position: absolute;
top: 12px;
right: 8px;
	}
    .navigasi .sch.accord li.has-sub:after {
        content: "\f105";
        font: normal normal 16px/1 FontAwesome;
        position: absolute;
        top: 12px;
        right: 16px;
        transition: all 0.5s 0.1s ease;
        transform: rotate(0deg);
    }
    .navigasi .sch.accord li.has-sub.active:after {
        transition: all 0.5s 0.1s ease;
        transform: rotate(180deg);
    }
    .navigasi .sch.accord ul li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    .navigasi .sch.accord li a {
        display: block;
		font-weight: 700;
    }
	.navigasi .sch.accord li ul {
        display: none;
		margin: 0 -20px;
		background: rgba(0,0,0,0.03);
    }
	.navigasi .sch.accord li ul li ul {
		background: rgba(0,0,0,0.06);
    }
.logo_sekolah {
    height: 120px;
    padding: 15px 0;
    float: none;
    text-align: center;
    width: 100%;
}
	.logo_sekolah img {
    margin: 0 auto;
}
	.kontak-sekolah {
		float: none;
		padding: 0 0 15px 0;
	}
	.sekolah_sosial .fa {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 16px;
	}
	.kontak-dir {
    display: block;
}
.kontak-box {
	text-align: center;
	margin: 0 0 10px;
}
.sekolah_sosial {
    padding: 0;
    margin: 0;
    border: 0 !important;
	text-align: center;
}
	.mob_wa {
	display: inline-block;
}
.web_wa {
	display: none;
}
.editor-box  {
    width: 100%;
    float: none;
	margin: 0 0 20px;
}
.news-box {
    width: 100%;
    float: none;
}
.peng-box,
.vid-box,
.agenda-box,
.blog-box,
.gal-box {
    float: none;
    width: 100%;
    border-radius: 15px;    

}
.loop_left,
.loop_right {
    float: none;
    width: 100%;
}
.loop_left {
	margin: 0 0 60px;
}
.sidebar-in {
    padding: 0;
    border-left: 0;
}
.post_inlooperthumb {
    width: 100px;
}
.post_inloopermeta {
    width: calc( 100% - 120px );
}
.post_inloopermeta h2 {
    font-size: 14px;
    line-height: 1.3;
}
.post_inlooperexcerpt {
	display: none;
}
.agedate {
    padding-top: 5px;
}
.agemonth {
    padding-bottom: 8px;
}
.widget_box {
    width: 100%;
    float: none;
}
}
@media screen and (max-width: 600px) {
.loop_ingurus {
    float: left;
    width: 33.33%;
}
.search_something,
.result_list {
    float: none;
    width: 100%;
}
.sekolah_primary,
.sekolah_secondary,
.people .sekolah_primary,
.people .sekolah_secondary {
    width: 100%;
    float: none;
}
.primary_content {
    margin: 0 15px 50px;
}
.people .sekolah_featured {
    margin: 0 auto 10px;
    width: 240px;
}
.people .sekolah_heading {
    text-align: center;
}
}
@media screen and (max-width: 480px) {
	.run-text,
	.tickercontainer,
	.mask {
		height: 24px;
	}
	.this-day {
    display: none;
    color: white;
    }
ul.newstickers li {
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	margin: 4px 0;
}
.navigasi .sch.accord li {
    line-height: 50px;
    font-size: 16px;
}
.navigasi .sch.accord li.menu-item-has-children:after {
    font: normal normal 16px/1 FontAwesome;
	top: 16px;
}
.sch-infosekolah {
    padding: 20px 0;
}
.nama_sekolah {
    font-size: 22px;
}
.kepala-sekolah {
    width: 100px;
}
.edit_post {
    float: right;
    width: calc( 100% - 120px);
}
.master-meta {
	display: none;
}
.home_quotes {
    padding: 30px 0;
}
.sch_quotes {
    font-size: 18px;
    line-height: 1.3;
}
.gal-box {
	margin: 0 0 20px;
}
.sch-video {
    width: 100%;
    float: none;
	margin: 0 0 20px;
}
.loop_ingurus {
    width: 50%;
}
}
/* Efek Balon Berkeliaran */
.floating-balloons {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}
.balloon {
    position: absolute;
    border-radius: 50%;
    opacity: 0.7;
    animation: floatUp 15s infinite linear;
}
.balloon:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    background: rgba(0,0,0,0.1);
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.balloon:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    bottom: -38px;
    left: 50%;
    transform: translateX(-50%);
}
/* Balon dengan berbagai ukuran dan warna */
.balloon-1 {
    width: 60px;
    height: 70px;
    background: linear-gradient(45deg, #ff6b6b, #ff8e8e);
    left: 5%;
    animation-delay: 0s;
    animation-duration: 18s;
}
.balloon-2 {
    width: 45px;
    height: 55px;
    background: linear-gradient(45deg, #4ecdc4, #6ee5dd);
    left: 15%;
    animation-delay: 2s;
    animation-duration: 20s;
}
.balloon-3 {
    width: 55px;
    height: 65px;
    background: linear-gradient(45deg, #45b7d1, #96ceb4);
    right: 10%;
    animation-delay: 4s;
    animation-duration: 16s;
}
.balloon-4 {
    width: 40px;
    height: 50px;
    background: linear-gradient(45deg, #f9ca24, #f0932b);
    right: 20%;
    animation-delay: 6s;
    animation-duration: 22s;
}
.balloon-5 {
    width: 50px;
    height: 60px;
    background: linear-gradient(45deg, #eb4d4b, #e55039);
    left: 85%;
    animation-delay: 8s;
    animation-duration: 19s;
}
.balloon-6 {
    width: 35px;
    height: 45px;
    background: linear-gradient(45deg, #6c5ce7, #a29bfe);
    left: 75%;
    animation-delay: 10s;
    animation-duration: 17s;
}


/* Animasi pergerakan balon */
@keyframes floatUp {
    0% {
        transform: translateY(100vh) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 0.7;
    }
    90% {
        opacity: 0.7;
    }
    100% {
        transform: translateY(-150px) rotate(360deg);
        opacity: 0;
    }
}
/* Animasi tambahan untuk gerakan horizontal */
@keyframes sway {
    0%, 100% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(30px);
    }
}
/* Balon dengan gerakan horizontal */
.balloon-sway {
    animation: floatUp 15s infinite linear, sway 4s infinite ease-in-out;
}
.balloon-1, .balloon-3, .balloon-5 {
    animation: floatUp 18s infinite linear, sway 3s infinite ease-in-out;
}
.balloon-2, .balloon-4, .balloon-6 {
    animation: floatUp 20s infinite linear, sway 5s infinite ease-in-out;
}
/* Responsif untuk mobile */
@media screen and (max-width: 768px) {
    .balloon {
        transform: scale(0.7);
    }
    
    .balloon-1, .balloon-2, .balloon-3 {
        display: block;
    }
    
    .balloon-4, .balloon-5, .balloon-6 {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .floating-balloons {
        display: none;
    }
}
/* Frame untuk slider */
.guru-slider-frame {
    background: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 15px;
    padding: 40px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}
/* Styling untuk container guru */
.guruku {
    position: relative;
}
/* Judul guru */
.guru-judul {
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.2em;
}
/* Item foto guru */
.guru-photo-item {
    padding: 5px;
}
/* Wrapper untuk foto */
.guru-photo-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    border: 3px solid #f0f0f0;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* Hover effect pada wrapper */
.guru-photo-wrapper:hover {
    border-color: #007cba;
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
/* Styling untuk gambar */
.guru-photo-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    transition: transform 0.3s ease;
    display: block;
}
/* Hover effect pada gambar */
.guru-photo-wrapper:hover img {
    transform: scale(1.05);
}
/* Styling untuk navigasi owl carousel */
.person .owl-nav {
    margin-top: 10px;
}
.person .owl-nav button {
    background: #007cba !important;
    color: white !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
    border: none !important;
    margin: 0 5px !important;
    transition: all 0.3s ease !important;
}
.person .owl-nav button:hover {
    background: #005a87 !important;
    transform: scale(1.1) !important;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .guru-slider-frame {
        padding: 40px;
        margin: 20px 0;
        border-radius: 10px;
    }
    
    .guru-photo-wrapper {
        border-radius: 8px;
        border-width: 2px;
    }
    
    .guru-photo-wrapper img {
        border-radius: 6px;
    }
}
@media (max-width: 480px) {
    .guru-slider-frame {
        padding: 40px;
        margin: 10px 0;
    }
    
    .person .owl-nav button {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }
}