body {font-size:1.2rem;}

/* header.header .container-topbar + .grid-child {background: url("https://luveta.sch.id/images/home/4-happy-children_100.webp") no-repeat;} */
/* header.header .navbar-brand:after {content: url("https://luveta.sch.id/images/home/4-happy-children_100.webp");} */

a {text-decoration:none !important;}
a:hover {color:#0044cd;}
i.fa-whatsapp {color:green;}

.site-grid>[class*=" container-"], .site-grid>[class^=container-] {
  max-width: 1320px;
}

.container-header {
  	background:none;
}

.container-header .mod-menu>li {
	color:#ffecec;  
}

.container-header .container-nav {
  	background-color: #004b70;
}


/* .container-header .grid-child {
	padding:0;
  	max-width:100%;
}

.container-header .navbar-brand {
	padding:0;
  	width: 100%;
}
*/

.container-header .navbar-brand img {
	width: auto;
  	min-width:auto;
}

.container-header form.mod-finder.form-search {float:right; margin-top:60px;}
input#mod-finder-searchword114 {padding:0.4rem 1rem;}

.mod-languages {top:175px; right:100px; position:absolute; z-index:1;}

.metismenu.mod-menu .metismenu-item.active>a {font-weight:bold;}

.metismenu.mod-menu .item-101 {background:#ebeb03; color:#013854;}
.metismenu.mod-menu .item-101:hover {background:#dee100; color:#00283d;}
.metismenu.mod-menu .item-102 {background:green; color:#FFF;}
.metismenu.mod-menu .item-102:hover {background:#056e05; color:#FFF;}
.metismenu.mod-menu .item-103 {background:#e29300; color:#FFF;}
.metismenu.mod-menu .item-103:hover {background:#ca8606; color:#FFF;}
.metismenu.mod-menu .item-104 {background:#2222ff; color:#FFF;}
.metismenu.mod-menu .item-104:hover {background:#0404ee; color:#FFF;}
.metismenu.mod-menu .item-105 {background:#00cfe3; color:#FFF;}
.metismenu.mod-menu .item-105:hover {background:#01bfd1; color:#FFF;}


#djslider-loader112 {margin-top:-1em;}

.sidebar-left nav.navbar .navbar-collapse .mod-list li {
	background:#0e5b80;
    margin: 3px;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 4px #888;
  	transition: 0.3s;
}
.sidebar-left nav.navbar .navbar-collapse .mod-list li.item-133, .sidebar-left nav.navbar .navbar-collapse .mod-list li.item-106 {border-left:5px solid #e3ef00;}
.sidebar-left nav.navbar .navbar-collapse .mod-list li.item-134, .sidebar-left nav.navbar .navbar-collapse .mod-list li.item-107 {border-left:5px solid #44ef00;}
.sidebar-left nav.navbar .navbar-collapse .mod-list li.item-135, .sidebar-left nav.navbar .navbar-collapse .mod-list li.item-108 {border-left:5px solid #00afef;}
.sidebar-left nav.navbar .navbar-collapse .mod-list li.item-136, .sidebar-left nav.navbar .navbar-collapse .mod-list li.item-109 {border-left:5px solid #6d60ff;}
.sidebar-left nav.navbar .navbar-collapse .mod-list li:hover {padding-left:8px;}
.sidebar-left nav.navbar .navbar-collapse .mod-list li a {display:block; width:100%; color:#FFF; padding:2px 10px;}
/* #navbar110 .mod-list li a::before {
	font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight:900; padding-right:10px;
} */

.card {padding:20px; margin:20px 0px;}

.border-start {padding-left:10px;}

.home-visimisi {border-left:4px solid #ff8d00;}
.visi-misi {background:url("https://luveta.sch.id/images/home/curve-light.webp"); background-size:cover; background-repeat:no-repeat; background-position:right bottom; padding:50px 10px;}


body.our-school main .card {border:1px solid #00e407;}
/* body.our-school main .card {padding:20px; margin:20px 0px; border:1px solid #00e407;} */

.item-pageour-school img.luveta-ourschool-banner {
  -webkit-mask-box-image: radial-gradient(circle at 50% 50%, gray 60%, rgba(146, 140, 140, 0.03) 90%);
  mask-box-image: radial-gradient(circle at 50% 50%, gray 60%, rgba(146, 140, 140, 0.03) 90%);
/*  -webkit-mask-image: linear-gradient(to top, transparent 0%, black 30%); */
/*  mask-image: linear-gradient(to top, transparent 0%, black 30%); */
}

.item-pageour-school .card img {
  -webkit-mask-image: radial-gradient(ellipse 85% 80% at 50% 46%, black 45%, transparent 60%);
}


body.academics .item-pageacademics .com-content-article__body .card {border-top:10px solid; margin:40px 0px;}
body.academics .item-pageacademics .academics-kb {border-color:#e3ef00 !important;}
body.academics .item-pageacademics .academics-tk {border-color:#44ef00 !important;}
body.academics .item-pageacademics .academics-sd {border-color:#00afef !important;}
body.academics .item-pageacademics .academics-smp {border-color:#6d60ff !important;}
body.academics .item-pageacademics .card img {width:100%;}
body.academics .item-pageacademics .card h1 {width:100%; text-align:center; text-shadow:1px 1px 4px #888;}


body.news-events .card h1 {text-align:center;}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink {width: 100% !important;}


.mod-articles-items li {display: flex;}
.mod-articles-items li:has(article div .mod-articles-title a.mod-articles-link[href*="book"])::before {
  content: "\f518"; 
  font-family: "Font Awesome 6 Free"; 
  font-weight:900; 
  padding-right:10px; 
  color: #00cada;
}



footer.footer .grid-child {
  	display:grid; 
  	padding: 3rem .5em .5em .5em; 
  	-webkit-box-shadow: -2px -8px 10px 0px rgb(0 0 0 / 50%);
	-moz-box-shadow: -2px -8px 10px 0px rgb(0 0 0 / 50%);
	box-shadow: -2px -8px 10px 0px rgb(0 0 0 / 50%);
}
footer.footer table {margin:20px; width:350px; float:left; box-shadow:2px 2px 8px #ccc; background:#2b3567; border-radius:6px;}
footer.footer table:hover {box-shadow:1px 1px 4px #ccc; background:#242f67;}
footer.footer table th {text-align:center; border-radius:6px 6px 0 0; border-bottom:2px solid; letter-spacing:0.1em; font-size:1.2em; background:#16235f; height:60px;}
footer.footer table.footer-pusat th {border-color:#888;}
footer.footer table.footer-kb th {border-color:#e3ef00;}
footer.footer table.footer-tk th {border-color:#44ef00;}
footer.footer table.footer-sd th {border-color:#00afef;}
footer.footer table.footer-smp th {border-color:#6d60ff;}

footer.footer table th a {display:block; padding:8px;}
footer.footer table th a:hover {background:#0b1857;}
/* footer.footer table tr {display:flow-root; padding-bottom:8px;} */
footer.footer table td {padding:4px 4px 8px 4px; line-height:1.3;}
footer.footer table td:nth-child(1) {width:40px; text-align:center;}
footer.footer {color:#ccc; z-index:1;}
footer.footer a {color:#eaeaea;}
footer.footer a:hover {color:#fff;}
footer .mod-footer {margin-top:50px; padding-top:10px; border-top:1px solid #7a7fbf;}
.back-to-top-link {position:fixed; bottom: 2.1rem;}


@media (min-width: 1200px) {
  .item-page.year-book-2025 iframe {height: 600px !important;}
}

@media (min-width: 992px) and (max-width: 1199.99px) {
  .item-page.year-book-2025 iframe {height: 500px !important;}
}

@media (min-width: 992px) {
  .container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {opacity:0.8;}
  body.academics .academics-top-menu {display:none;}
  body.academics .sidebar-left {background:#eaeaea; padding:0;}
	body.academics .sidebar-left .card-header {background-color: rgba(0,0,0,.10);}
  	body.academics .sidebar-left.card {
		position: sticky;
    /*  width: 23%;*/
      	z-index: 0;
        top: 110px;
	}
  	body.academics .sidebar-left.card .card-body {padding:0;}
  	body.academics .sidebar-left.card .mod-menu.mod-list.nav {
    	width: 100%;
  	}
/*	body.academics .sidebar-left.card .mod-menu.mod-list.nav .nav-item:hover {
		background:#f5f5f5;
  	}
*/
  	body.academics .sidebar-left.card .mod-menu.mod-list.nav .nav-item a {
     	display: block;
    	width: 100%;
  	}
  	body.academics .sidebar-left.card .mod-menu.mod-list.nav .nav-item a:hover {
     	text-decoration:none;
  	}
  
  	body.academics .sidebar-left:after {
  		content:'';
  		height:300px;
  		width:140%;
  		background: url(https://luveta.sch.id/images/academic/classroom.svg) no-repeat;
  		position:absolute;
  		margin-left:-30px;
  		margin-top:300px;
  		z-index: -1;
	}
  footer.footer table {width:29%;}
  footer.footer table:not(:first-child) {min-height:330px;}
}

@media (max-width: 991.99px) {
  body.academics .container-sidebar-left {display:none;}
  body.academics .academics-top-menu {text-align:center; padding:0;}
  body.academics .academics-top-menu .academics-submenu {display:inline-block; background:#0e5b80; width:200px; margin:10px; box-shadow: 1px 1px 4px #888;}
  body.academics .academics-top-menu .academics-submenu.kb a {border-color:#e3ef00;}
  body.academics .academics-top-menu .academics-submenu.tk a {border-color:#44ef00;}
  body.academics .academics-top-menu .academics-submenu.sd a {border-color:#00afef;}
  body.academics .academics-top-menu .academics-submenu.smp a {border-color:#6d60ff;}
  body.academics .academics-top-menu .academics-submenu a {display:block; color:#FFF; padding:5px 20px; border:3px solid;}
  body.academics .academics-top-menu .academics-submenu a:hover {background:#0c5172; border:4px solid;}
  footer.footer table {width:44%;}
}

@media (min-width: 976px) {
/* @media (min-width: 769px) { */
  	.container-header {
  		background:none;
  		position:sticky !important;
		top:-160px;
	}
/*	.container-header form.mod-finder.form-search {top:80px; height:0;} */
  	.container-header .container-nav {/* display:block;*/ padding:10px;}
  	.container-header nav {margin:0;}
	 	
}

@media (max-width: 975.99px) {
/* @media (max-width: 768px) { */
/*  .container-header .grid-child {padding-top:0; padding-bottom:0.5em;} */
  .mod-languages {top:130px; right:30px;}
  .container-header .grid-child {display:block; padding:1px;}
  .container-header .navbar-toggler {border:0; margin-left:1em;}
  .navbar-toggler:focus {box-shadow:none;}
  .container-header .container-nav nav {width:100%; margin-top:0.5em; margin-bottom:0.5em;}
  .container-header .mod-menu > li {border-bottom:1px solid #005a87;}
  .container-header .mod-menu > li:hover {background:#004567;}
  .metismenu.mod-menu .metismenu-item a {width:100%;}
  .container-header .navbar-collapse.show {margin-top:0.5em;}
  body.academics .sidebar-left .navbar-toggler {display:none;}
  body.academics .sidebar-left .collapse:not(.show) {display:block !important;}

}

@media (min-width: 768px) {
   .container-header form.mod-finder.form-search {position:absolute; right:100px;}
}

@media (max-width: 767px) {
  body.wrapper-fluid .site-grid {grid-gap: 0 1em;}
  body.wrapper-fluid header>.grid-child {padding-right:1.0em; padding-left:1.0em;}
  .container-header form.mod-finder.form-search {right:10px;}
  .footer1 {font-size:1.0rem;}
  footer.footer table {width:100%; margin:20px auto;}
}

@media (max-width: 479px) {
  form.mod-finder.form-search {width:40%; /*margin-top:-50px;*/}
  form.mod-finder.form-search input#mod-finder-searchword114 {padding:0.2rem 1rem;}
  body.academics .academics-top-menu .academics-submenu {width:90%;}
  body.wrapper-fluid header>.grid-child {padding-right:0; padding-left:0;} 
  body.wrapper-fluid footer>.grid-child {padding-right:1.5em; padding-left:1.5em;}
/*  footer.footer table {width:90%;} */
}

@media (max-width: 400px) {
  body.news-events .card {padding:0;}
}