.campus {
	position: relative;
	padding: 146px 0 0 ;
}
.home .campus {
	position: relative;
	padding: 46px 0 0 ;
}
.cam_container {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
.cam_header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.scroll_up .fade .cam_header {
	box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.heads_top {
	background: #111;
	color: #ddd;
	position: relative;
	z-index: 2;
}
.heads_flex {
	display: flex;
	height: 46px;
	align-items: center;
	font-size: 14px;
}
.heads_call span {
	margin-right: 8px;
}
.heads_call a {
	color: #eee;
	margin: 0 8px;
}
.heads_call i {
	margin-right: 4px;
}

.heads_main {
	position: relative;
	z-index: 1;
	transition: all .4s ease;
}
.scroll_down .heads_main {
	margin-top: -100px;
}
.heads_main,
.scroll_down .home .heads_main,
.scroll_up .home.fade .heads_main {
	background: #fff;
}
.home .heads_main {
	background: transparent;
}
.mains_flex {
	display: flex;
	height: 100px;
	align-items: center;
	font-size: 14px;
	position: relative;
}
.mains_logo {
	height: 50px;
	margin: 0 30px 0 0;
}
.mains_logo img {
	width: auto;
	height: 50px;
	display: block;
}


/* MENU */

.mains_menu {
	margin: 0 auto;
	height: 100px;
}
.nav-desktop,
.nav-desktop .mains_accordion ul,
.nav-desktop .mains_accordion li,
.nav-desktop .mains_accordion a,
.nav-desktop .mains_accordion span {
    border: none;
    outline: none;
}
.nav-desktop .mains_accordion > li {
    float: left;
    display: inline-block;
    margin: 0;
    text-align: center;
    line-height: 100px;
    position: relative;
}

.nav-desktop .mains_accordion > li.menu-item-has-children:before {
    content: "\e806";
    font-family: 'mading-font';
	position: absolute;
    right: 8px;
	transform: rotate(180deg);
}

.nav-desktop .mains_accordion li > a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 100px;
    position: relative;
    transition: all .2s ease;
}
.nav-desktop .mains_accordion li > a,
.scroll_down .home .nav-desktop .mains_accordion li > a,
.scroll_up .home.fade .nav-desktop .mains_accordion li > a {
	color: #222;
}
.home .nav-desktop .mains_accordion li > a {
	color: #fff;
}
.nav-desktop .mains_accordion > li.menu-item-has-children a {
	padding: 0 35px 0 15px;
}
.nav-desktop .mains_accordion span {
	position: absolute;
  display: inline-block;
  padding: 0px 8px;
  background: #fc3;
  color: #111;
  border-radius: 6px;
  transform: skew(-10deg);
  font-size: 13px;
  margin: -10px 0 0 6px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  top: calc( 50% - 20px );
  right: -11px;
}
.nav-desktop .mains_accordion li > .sub-menu {
	background: #fff;
    border-width: 0;
    border-style: solid;
    padding: 12px 0;
    position: absolute;
    width: 160px;
    top: 100px;
	opacity: 0;
            transform: perspective(1000px) rotateX(-90deg);
            transform-origin: top center;
            transition: all 0.3s ease-in-out;
            visibility: hidden;
			box-shadow: 5px 10px 20px rgba(0,0,0,0.2);
}


.nav-desktop .mains_accordion li:hover > .sub-menu {
    opacity: 1;
            transform: perspective(1000px) rotateX(0deg);
            visibility: visible;
}

.nav-desktop .mains_accordion li > .sub-menu > li {
    display: block;
    float: none;
    text-align: left;
    position: relative;
}

.nav-desktop .mains_accordion li > .sub-menu > li > a {
    padding: 8px 25px;
    line-height: 1.25;
    font-size: 15px;
	font-weight: 400;
	color: #222;
}
.nav-desktop .mains_accordion li > .sub-menu > li.menu-item-has-children:before {
    right: 15px;
    top: 22px;
}

.nav-desktop .mains_accordion li > .sub-menu > li > ul {
    top: 0px;
    left: calc( 100% - 20px );
}

.heads_mobmenu {
	display: none;
}
/* SEARCH */
.cam_formsearch {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 86px;
	background: #fff;
	display: none;
}
.camsearch .cam_formsearch {
	display: block;
}
#searchform {
	display: grid;
	padding: 20px;
	grid-gap: 20px;
	grid-template-columns: repeat(5, 1fr);
	font-size: 16px;
}
.cam_searchinput,
.cam_searchselect {
	grid-column: span 2;
	display: flex;
	height: 46px;
	align-items: center;
}
.cam_searchinput input  {
	padding: 0 20px;
	width: 100%;
	height: 44px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	border-radius: 0;
}
.cam_searchselect select {
	padding: 0 20px;
	width: 100%;
	height: 46px;
	border: 1px solid #ddd;
	border-radius: 0;
	appearance: none;
	background: #f7f7f7;
}
.cam_searchbutton {
	grid-column: span 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	background: #e00;
}
.cam_searchbutton button {
	background: none;
	color: #fff;
	border: 0;
	font-weight: bold;
}

/* SLIDER */
#madingslider {
	position: relative;
	background: #111;
	min-height: 200px;
}
.cam_slideover {
	position: relative;
}
.cam_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.3;
	z-index: 1;
}
#madingslider img {
	width: 100%;
	display: block;
}


.cam_school {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 120px;
	color: #fff;
}
.cam_name {
	max-width: 800px;
	font-size: 60px;
	line-height: 1.1;
	margin: 0 auto 20px;
	text-align: center;
	position: relative;
}
.cam_name span {
	position: relative;
	z-index: 3;
}

.cam_info {
	display: grid;
	grid-gap: 25px;
	grid-template-columns: repeat(3, 1fr);
	padding: 30px 0 0;
}
.cam_news {
	position: relative;
	background: rgba(0,0,0,0.5);
	padding: 30px;
	display: flex;
}
.cam_news i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	font-size: 60px;
	margin: 0 20px 0 0;
	color: #ffb606;
}

.cam_news i:before {
	margin: 0;
}
.news_right {
	width: calc( 100% - 100px );
}
.camnews_head {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.1;
	margin: 0 0 8px;
}
.camnews_title {
	height: 40px;
	font-size: 15px;
	line-height: 1.3;
	margin: 0 0 8px;
}
.camnews_title a {
	color: #fff;
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.camnews_accent {
	color: #ffb606;
}
.camnews_accent a,
.camnews_accent span {
	color: #fff;
}

.cam_news .news_right i {
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 18px;
	margin: 0 12px 0 0;
	color: #ffb606;
}



.cam_names:after {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	right: 30px;
	bottom: -20px;
	background: #222;
	transform: skew(-10deg);
	z-index: 2;
}

.cam_names:before {
	content: '';
	position: absolute;
	top: -5px;
	left: 0px;
	right: 10px;
	bottom: -45px;
	background: #fc3;
	transform: skew(-10deg);
	z-index: 1;
}




/* BREAD */
#cam_bread {
	background: #fff;
	padding: 80px 0;
	text-align: center;
	color: #111;
}
.cam_mainhead {
	font-size: 60px;
	font-weight: bold;
	line-height: 1.15;
	max-width: 860px;
	margin: 0 auto 15px;
}
.inbread {
	text-align: center;
	line-height: 1.0;
}
.inbread a {
	color: #e00;
}
.single .current {
	display: none;
}

#cam_meta {
	padding: 30px 0 0;
	color: #111;
}
.meta_flex {
	display: flex;
	align-items: center;
}
.meta_left {
	font-size: 16px;
	margin-right: auto;
	padding-right: 30px;
	display: flex;
}
.left_time {
	margin-right: 20px;
}
.meta_share {
	display: flex;
}
.meta_share a,
.meta_share span {
  display: flex;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 0 0 0 5px;
  justify-content: center;
  border-radius: 40px;
  font-size: 18px;
}
.meta_share a {
	background: #eee;
	color: #111;
}

/* TICKER */
.cam_scroll {
	position: relative;
	width: 400px;
	padding: 0 20px;
	margin: 0 auto;
	font-size: 14px;
    overflow: hidden;
	background: #111;
    color: #fff;
}

.cam_scroll:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0; 
	width: 40px;
	background: linear-gradient(to right, #111, transparent);
	z-index: 1;
}
.cam_scroll:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0; 
	width: 40px;
	background: linear-gradient(to right, transparent, #111);
	z-index: 1;
}
.flexscroll {
    display: flex;
    width: 100%;
	height: 40px;
	align-items: center;
}

.scrollin {
    white-space: nowrap;
    animation: animate 1000s -1000s linear infinite;
    will-change: transform;
    margin: 0 -200px 0 200px;
    
}

.scrollin:nth-child(2) {
    animation: animate2 1000s -500s linear infinite;
}


.scrollpost {
    white-space: nowrap;
    will-change: transform;
    padding: 0;
    margin: 0 -200px 0 200px;
}

/* Post 10 (sudah ada) */
.scrollpost.post10 {
    animation: animate 90s -90s linear infinite;
}

.scrollpost.post10:nth-child(2) {
    animation: animate2 90s -45s linear infinite;
}

/* Post 9 */
.scrollpost.post9 {
    animation: animate 81s -81s linear infinite;
}

.scrollpost.post9:nth-child(2) {
    animation: animate2 81s -40.5s linear infinite;
}

/* Post 8 */
.scrollpost.post8 {
    animation: animate 72s -72s linear infinite;
}

.scrollpost.post8:nth-child(2) {
    animation: animate2 72s -36s linear infinite;
}

/* Post 7 */
.scrollpost.post7 {
    animation: animate 63s -63s linear infinite;
}

.scrollpost.post7:nth-child(2) {
    animation: animate2 63s -31.5s linear infinite;
}

/* Post 6 */
.scrollpost.post6 {
    animation: animate 54s -54s linear infinite;
}

.scrollpost.post6:nth-child(2) {
    animation: animate2 54s -27s linear infinite;
}

/* Post 5 */
.scrollpost.post5 {
    animation: animate 45s -45s linear infinite;
}

.scrollpost.post5:nth-child(2) {
    animation: animate2 45s -22.5s linear infinite;
}

/* Post 4 */
.scrollpost.post4 {
    animation: animate 36s -36s linear infinite;
}

.scrollpost.post4:nth-child(2) {
    animation: animate2 36s -18s linear infinite;
}

/* Post 3 */
.scrollpost.post3 {
    animation: animate 27s -27s linear infinite;
}

.scrollpost.post3:nth-child(2) {
    animation: animate2 27s -13.5s linear infinite;
}

/* Post 2 */
.scrollpost.post2 {
    animation: animate 18s -18s linear infinite;
}

.scrollpost.post2:nth-child(2) {
    animation: animate2 18s -9s linear infinite;
}

/* Post 1 (sudah ada) */
.scrollpost.post1 {
    animation: animate 8s -8s linear infinite;
}

.scrollpost.post1:nth-child(2) {
    animation: animate2 8s -4s linear infinite;
}

.scroll:hover .scrollin,
.scroll:hover .scrollpost {
    -webkit-animation-play-state: paused !important;
}

.scrollin a,
.scrollpost a {
    display: inline-block;
}

@keyframes animate {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes animate2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

.scrollin .spasi,
.scrollpost .spasi {
    margin-right: 40px;
}

.scrollin>span,
.scrollpost>span {
    display: inline-block;
    margin-left: 40px;
}

.scrollin a {
    text-decoration: underline;
}


/* GURUS */
.cam_gurus {
	padding: 90px 0;
	background: #f7f7f7;
}
.cam_teachead {
	margin: 0 0 30px;
}
.cam_teacher {
	position: relative;
}
.cam_teacher:before {
  content: '';
  position: absolute;
  color: #e00;
  right: -65px;
  bottom: -40px;
  display: inline-block;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #e00;
  box-shadow: 0 0 0 0 #111, 25px 0 0 0 #111,50px 0 0 0 #e00,75px 0 0 0 #111,100px 0 0 0 #e00, 0 25px 0 0 #111,25px 25px 0 0 #e00,50px 25px 0 0 #111,75px 25px 0 0 #e00, 0 50px 0 0 #e00,25px 50px 0 0 #111,50px 50px 0 0 #e00, 0 75px 0 0 #111,25px 75px 0 0 #e00, 0 100px 0 0 #e00,25px 100px 0 0 #111, 0 125px 0 0 #111,25px 125px 0 0 #e00;
  z-index: 1;
  transition: all 3s ease;
  transform: rotate(180deg);
}
.cam_teactop {
	font-size: 40px;
	font-weight: bold;
	color: #224;
}
.cam_teacbot {
	font-size: 18px;
	color: #567;
}
.cam_guruloop {
	position: relative;
}
.cam_guruphoto {
	height: 330px;
	position: relative;
	overflow: hidden;
	background: #111;
}
.cam_guruphoto a {
	position: absolute;
	bottom: -50px;
	right: 20px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 40px;
	background: #e00;
	color: #fff;
	font-size: 16px;
	z-index: 1;
	transition: all .3s ease;
}
.cam_guruphoto a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(255,255,255,0.2);
	border-radius: 100px;
	transition: all .3s ease .5s;
	z-index: -1;
}
.cam_guruloop:hover .cam_guruphoto a:before {
	top: -7px;
	left: -7px;
	bottom: -7px;
	right: -7px;
}
.cam_guruloop:hover .cam_guruphoto a,
.is-next.cam_guruloop .cam_guruphoto a {
	bottom: 20px;
}
.cam_guruphoto i {
	display: block;
	transform: rotate(-180deg);
	transition: all .5s ease;
}
.cam_guruloop:hover .cam_guruphoto i,
.is-next.cam_guruloop .cam_guruphoto i {
	transform: rotate(0deg);
}
.cam_guruphoto img {
	display: block;
	transition: all .3s ease;
}
.cam_guruloop:hover .cam_guruphoto img {
	opacity: .3;
	transform: scale(1.05);
}
.cam_gurudata {
	background: #fff;
	padding: 20px 30px 30px;
	text-align: center;
}
.cam_guruname {
	margin: 0 0 6px;
	line-height: 1.15;
}
.cam_guruname a {
	display: inline-block;
	font-size: 22px;
	line-height: 1.2;
	font-weight: bold;
	color: #111;
}
.cam_gurupos {
	margin: 0 0 6px;
	font-size: 15px;
	color: #555;
}
.cam_gurupos i {
	color: #111;
}
.personal .splide__arrows {
	position: absolute;
	top: -74px;
	right: 0;
	width: 84px;
	height: 40px;
}
.personal .splide__arrow--prev {
	left: 0;
}
.personal .splide__arrow--next {
	right: 0;
}
.personal .splide__arrow {
	width: 38px;
	height: 38px;
	border: 1px solid #224;
	background: none;
	border-radius: 0;
	opacity: 1;
	}
	
	
/* EDITORIAL */
.cam_master {
	padding: 90px 0;
	background: #fff;
}
.cam_editloop {
	display: grid;
	grid-gap: 60px;
	grid-template-columns: repeat(2, 1fr);
	position: relative;
}
.cam_editloop:before {
content: '';
position: absolute;
color: #e00;
left: -50px;
top: -50px;
display: inline-block;
height: 4px;
width: 4px;
border-radius: 50%;
background: #e00;
box-shadow: 0 0 0 0 #111, 25px 0 0 0 #111,50px 0 0 0 #e00,75px 0 0 0 #111,100px 0 0 0 #e00,
0 25px 0 0 #111,25px 25px 0 0 #e00,50px 25px 0 0 #111,75px 25px 0 0 #e00,
0 50px 0 0 #e00,25px 50px 0 0 #111,50px 50px 0 0 #e00,
0 75px 0 0 #111,25px 75px 0 0 #e00,
0 100px 0 0 #e00,25px 100px 0 0 #111,
0 125px 0 0 #111,25px 125px 0 0 #e00;
z-index: 1;
transition: all 3s ease;
}
.cam_editloop:hover:before {
			left: -40px;
			top: -40px;
		}
.cam_editloop:after {
	content: '';
	position: absolute;
left: -36px;
top: -13px;
            width: 150px;
            height: 150px;
            background: repeating-linear-gradient(
                -45deg,
                #fc3 0px,
                #fc3 2px,
                transparent 2px,
                transparent 6px,
				#f66 6px,
				#f66 8px,
                transparent 8px,
                transparent 12px
            );
            border-radius: 75px; 
			z-index: 2;
			opacity: .6;
			transition: all .7s ease;
        }
		.cam_editloop:hover:after {
			left: -46px;
		}
.cam_editimage {
	height: 100%;
	padding: 0 40px 0 0;
	margin: 0 0 50px;
	position: relative;
	z-index: 3;
}
.cam_editimage img {
	width: 100%;
}
.cam_editimage span {
	position: absolute;
	bottom: 5px;
	right: 240px;
	font-size: 16px;
}

.cam_editmeta div {
	width: 100%;
}
.get_photos {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 200px;
	border-width: 15px 0 0 15px;
	border-style: solid;
	border-color: #fff;
	background: #fff;
}
.get_photos:before {
content: '';
position: absolute;
color: #e00;
right: calc( 100% + 115px );
bottom: 25px;
display: inline-block;
height: 4px;
width: 4px;
border-radius: 50%;
background-color: #e00;
box-shadow: 25px 0 0 0 #111,50px 0 0 0 #e00,75px 0 0 0 #111,100px 0 0 0 #e00,
25px 25px 0 0 #e00,50px 25px 0 0 #111,75px 25px 0 0 #e00,100px 25px 0 0 #111;
transition: all 5s ease;
}

.cam_editloop:hover .get_photos:before {
right: calc( 100% + 165px );

}
.cam_editmeta {
	display: flex;
	align-items: center;
}
.cam_edittitle {
	font-size: 50px;
	font-weight: bold;
	line-height: 1.1;
	margin: 0 0 20px;
	color: #111;
}
.cam_edittitle:first-line {
  color: #e00;
}
.cam_editdate {
	font-size: 16px;
	line-height: 1.4;
	margin: 0 0 30px;
	margin: 0 0 20px;
	color: #e00;
}
.cam_editexc {
	font-size: 16px;
	line-height: 1.55;
	margin: 0 0 50px;
}
.cam_editlink {
	display: flex;
	white-space: nowrap;
	flex-wrap: nowrap;
	align-items: center;
}
.cam_editmore {
	padding: 15px 30px; 
	margin-right: 30px;
	border: 2px solid #e00;
	color: #222;
	font-size: 16px;
	font-weight: 600;
	border-radius: 50px;
	transition: all .3s ease;
}
.cam_editmore:hover {
	background: #e00;
	color: #fff;
}
.cam_editall {
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
}
.cam_editall span {
	font-size: 15px; font-weight: 400;
}
.cam_editlink i {
	margin: 0 0 0 10px;
  transform: rotate(-45deg);
  display: inline-block;
  transition: all .3s ease;
}
.cam_editmore:hover i {
	transform: rotate(-360deg);
}

/* QUOTE */
.cam_quote {
	padding: 90px 0;
	color: #fff;
	background-image: linear-gradient(200deg,#2927bd 41%,#55c7eb);
	clip-path: shape(from 0 0,vline to calc(100% - 25px),curve to 7.5% calc(100% - 15.5px) with 5% calc(100% - 15px),curve to 12.5% calc(100% - 9px) with 10% calc(100% - 16px),curve to 17.5% calc(100% - 20px) with 15% calc(100% - 2px),curve to 22.5% calc(100% - 44px) with 20% calc(100% - 38px),curve to 27.5% calc(100% - 27.5px) with 25% calc(100% - 50px),curve to 32.5% calc(100% - 20.5px) with 30% calc(100% - 5px),curve to 37.5% calc(100% - 23.5px) with 35% calc(100% - 36px),curve to 42.5% calc(100% - 10.5px) with 40% calc(100% - 11px),curve to 47.5% calc(100% - 5.5px) with 45% calc(100% - 10px),curve to 52.5% calc(100% - 9.5px) with 50% calc(100% - 1px),curve to 57.5% calc(100% - 11.5px) with 55% calc(100% - 18px),curve to 62.5% calc(100% - 20px) with 60% calc(100% - 5px),curve to 67.5% calc(100% - 23px) with 65% calc(100% - 35px),curve to 72.5% calc(100% - 28px) with 70% calc(100% - 11px),curve to 77.5% calc(100% - 24.5px) with 75% calc(100% - 45px),curve to 82.5% calc(100% - 25.5px) with 80% calc(100% - 4px),curve to 87.5% calc(100% - 44.5px) with 85% calc(100% - 47px),curve to 92.5% calc(100% - 31px) with 90% calc(100% - 42px),curve to 100% calc(100% - 25px) with 95% calc(100% - 20px),vline to 0, hline to 0);
}
.cam_quotebox {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	font-size: 32px;
}
.cam_quotetext {
	line-height: 1.2;
	margin: 20px 0 0;
}
.cam_quotename {
	margin: 40px 0 0;
	font-size: 25px;
}
.cam_quoteloop {
	display: flex;
  align-items: center;
  flex-direction: column;
}

/* PRESTASI */
.cam_prestasi {
	background-image: linear-gradient(200deg,#f2e0fe 41%,#fee0e0);
	position: relative;
	clip-path: shape(from 0 0,vline to calc(100% - 25px),curve to 7.5% calc(100% - 15.5px) with 5% calc(100% - 15px),curve to 12.5% calc(100% - 9px) with 10% calc(100% - 16px),curve to 17.5% calc(100% - 20px) with 15% calc(100% - 2px),curve to 22.5% calc(100% - 44px) with 20% calc(100% - 38px),curve to 27.5% calc(100% - 27.5px) with 25% calc(100% - 50px),curve to 32.5% calc(100% - 20.5px) with 30% calc(100% - 5px),curve to 37.5% calc(100% - 23.5px) with 35% calc(100% - 36px),curve to 42.5% calc(100% - 10.5px) with 40% calc(100% - 11px),curve to 47.5% calc(100% - 5.5px) with 45% calc(100% - 10px),curve to 52.5% calc(100% - 9.5px) with 50% calc(100% - 1px),curve to 57.5% calc(100% - 11.5px) with 55% calc(100% - 18px),curve to 62.5% calc(100% - 20px) with 60% calc(100% - 5px),curve to 67.5% calc(100% - 23px) with 65% calc(100% - 35px),curve to 72.5% calc(100% - 28px) with 70% calc(100% - 11px),curve to 77.5% calc(100% - 24.5px) with 75% calc(100% - 45px),curve to 82.5% calc(100% - 25.5px) with 80% calc(100% - 4px),curve to 87.5% calc(100% - 44.5px) with 85% calc(100% - 47px),curve to 92.5% calc(100% - 31px) with 90% calc(100% - 42px),curve to 100% calc(100% - 25px) with 95% calc(100% - 20px),vline to 0, hline to 0);
}
.cam_presimg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 50%;
}
.cam_presimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cam_prescon {
	position: relative;
	z-index: 2;
}
.cam_presbox {
	display: grid;
	grid-gap: 60px;
	grid-template-columns: repeat(2, 1fr);
}
.cam_prestop {
	padding: 90px 50px;
	color: #fff;
	display: flex;
	align-items: center;
}
.cam_prestext {
	
}
.cam_preshead {
	font-size: 50px;
	line-height: 1.1;
  font-weight: bold;
  margin: 0 0 20px;
  color: #e00;
}
.cam_preshead:first-line {
  color: #111;
}
.cam_presdesc {
  font-size: 16px;
  color: #667;
  margin: 0 0 30px;
}
.cam_presbutton {
	padding: 0;
	display: flex;
}
.cam_presbutton a {
	padding: 15px 30px;
  border: 2px solid #e00;
  color: #111;
  font-size: 16px;
  font-weight: bold;
  border-radius: 50px;
}

.cam_presloop {
	padding: 90px 0 90px 30px;
}


.cam_presflex {
	background: #fff;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(5, 1fr);
	margin: 0 0 30px;
	box-shadow: 0 0 10px rgba(0,0,0,0.06);
	overflow: hidden;
}
.cam_presflex:last-child {
	margin: 0;
}
.cam_preslink {
	order: 2;
	grid-column: span 2;
	height: 100%;
}
.cam_preslink img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cam_presmeta {
	grid-column: span 3;
	order: 1;
	display: flex;
	align-items: center;
	padding: 30px 0 30px 30px;
}
.cam_prestitle {
	font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 10px;
  
	text-transform: capitalize;
	display: flex;
	align-items: center;
}
.cam_prestitle a {
	color: #222;
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cam_presexc {
	font-size: 14px;
  opacity: 0.6;
}

/* LATEST */
.cam_berita {
	padding: 90px 0;
}
.cam_latehead {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
}
.cam_latehead a {
	display: flex;
	align-items: center;
	margin-left: auto;
  border: 2px solid #224;
  background: none;
  border-radius: 0;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 20px;
  color: #222;
}
.cam_latehead i {
	display: none;
}
.cam_lategrid {
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(2, 1fr);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.cam_lateloop {
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(2, 1fr);
	background: #fff;
}
.cam_lateloop:nth-child(3) .cam_lateimage,
.cam_lateloop:nth-child(4) .cam_lateimage {
	order: 2;
}
.cam_lateimage {
	grid-column: span 1;
	height: 100%;
	position: relative;
}
.cam_lateobject {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.cam_lateobject img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cam_latestudent {
	padding: 80px 0 120px;
}
.cam_latein {
	padding: 30px;
}
.late_date {
	font-size: 42px;
	font-weight: bold;
	line-height: 1;
	color: #e00;
}
.cam_latecon {
	padding: 20px 0 0;
	display: flex;
	flex-direction: column;
}

.late_title {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 10px;
	text-transform: capitalize;
}
.late_title span {
	color: #e00;
}
.late_title a {
	color: #222;
}
.late_publish {
	margin: 0 0 10px;
	font-size: 15px;
}
.late_exc {
	font-size: 14px;
	opacity: 0.6;
}

/* ACARA */
.cam_acara {
	padding:  90px 0;
	background: #111;
	position: relative;
	background-size: cover;
	background-position: center;
}
.cam_eventover {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: linear-gradient(200deg,#2927bd 41%,#55c7eb);
	opacity: 0.8;
	z-index: 1;
}
.cam_acaracon {
	position: relative;
	z-index: 2;
}
.cam_acarabox {
	display: grid;
	grid-gap: 60px;
	grid-template-columns: repeat(2, 1fr);
}
.cam_acarahead {
	display: flex;
  align-items: center;
  font-size: 40px;
  line-height: 1.15;
  font-weight: bold;
  color: #fff;
}
.cam_acarahead a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  border: 2px solid #fc3;
  background: none;
  border-radius: 50px;
  font-weight: bold;
  padding: 15px 30px;
  font-size: 16px;
  color: #fff;
}
.cam_acarahead i {
	display: none;
}
.cam_acaraloop {
	margin: 0 0 60px;
	overflow: hidden;
}
.cam_acaraloop:nth-child(2),
.cam_acaraloop:nth-child(3) {
	margin: 0 0 60px 70px;
}
.cam_acaraloop:nth-child(4) {
	margin: 0 0 0 0;
}

.cam_acarameta {
	display: flex;
	align-items: center;
	max-width: 400px;
}
.cam_agendadate {
	text-align: center;
	position: relative;
	margin: 0 30px 0 0;
	border-radius: 80px;
}
.cam_acaraloop:nth-child(1) .cam_agendadate {
	background: #F44;
	color: #fff;
}
.cam_acaraloop:nth-child(2) .cam_agendadate {
	background: #8858f3;
	color: #fff;
}
.cam_acaraloop:nth-child(3) .cam_agendadate {
	background: #11d5a7;
	color: #fff;
}
.cam_acaraloop:nth-child(4) .cam_agendadate {
	background: #ff9900;
	color: #fff;
}
.cam_tanggal {
            font-size: 30px;
            font-weight: bold;
            text-align: center;
            line-height: 1;
            position: relative;
            z-index: 1;
            text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
            width: 80px;
            height: 60px;
			padding: 0 0 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
.cam_bulan {
position: absolute;
bottom: 12px;	
left: 0;
right: 0;
text-align: center;
z-index: 2;
}

.cam_acarastts {
	padding: 10px 0;
}
.cam_acaratitle {
	font-size: 22px;
	font-weight: bold;
  line-height: 1.25;
  margin: 0 0 10px;
}
.cam_acaratitle a {
	color: #fff;
}
.cam_event {
	font-weight: bold;
}
.is_exp {
	color: #fff;
}
.is_on {
	color: #fc3;
}

/* EXTRA */
.cam_extra {
	padding: 90px 0;
	background: #fff;
}
.cam_activitybox {
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(2, 1fr);	
}
.cam_fastitle {
  display: flex;
  align-items: center;
  font-size: 40px;
  font-weight: bold;
  color: #111;
  margin: 0 0 20px;
}
.cam_fastitle a {
	margin-left: auto;
	display: flex;
  align-items: center;
  justify-content: center;
	border: 2px solid #e00;
  background: none;
  border-radius: 50px;
  font-weight: bold;
  padding: 10px 20px;
  font-size: 14px;
  color: #111;
}
.cam_fastitle i {
	display: none;
}
.cam_fasgrid {
  column-gap: 15px;
  margin: 0;
  column-count: 2;
}
.cam_fasloop {
	position: relative;
  margin: 0 0 15px;
  display: grid;
  grid-template-rows: 1fr auto;
  break-inside: avoid;
  box-shadow: 0 0 135px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.cam_fasimg {
	height: 100%;
}
.cam_fasloop img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s ease;
}
.cam_fasloop:hover img {
	transform: scale(1.1);
}
.cam_fasloop:nth-child(1) {
	height: 280px;
}
.cam_fasloop:nth-child(2) {
	height: 210px;
}
.cam_fasloop:nth-child(3) {
	height: 172px;
}
.cam_fasloop:nth-child(4) {
	height: 318px;
}
.cam_fasover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .9;
	padding: 30px 70px 30px 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	transition: all .3s ease;
}
.cam_fasloop:nth-child(1) .cam_fasover {
	background-image: linear-gradient(200deg,#3479e5 41%,#55c7eb);
}

.cam_fasloop:nth-child(2) .cam_fasover {
	background-image: linear-gradient(200deg,#da3cc9 41%,#f15f96);
}

.cam_fasloop:nth-child(3) .cam_fasover {
	background-image: linear-gradient(200deg,#14b88a 41%,#88cc33);
}

.cam_fasloop:nth-child(4) .cam_fasover {
	background-image: linear-gradient(200deg,#ff6666 41%,#ff44aa);
}
.cam_fasloop:hover .cam_fasover {
	opacity: 0;
}
.cam_fasicon i {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background: #fff;
  color: #111;
  font-size: 16px;
  z-index: 2;
  transition: all .3s ease;
  transform: rotate(-45deg);
}
.cam_fasloop:hover .cam_fasicon i {
	transform: rotate(-360deg);
}
.cam_fasloop:nth-child(1):hover .cam_fasicon i {
	background: #3479e5;
	color: #ffffff;
}
.cam_fasloop:nth-child(2):hover .cam_fasicon i {
	background: #da3cc9;
	color: #fff;
}
.cam_fasloop:nth-child(3):hover .cam_fasicon i {
	background: #14b88a;
	color: #fff;
}
.cam_fasloop:nth-child(4):hover .cam_fasicon i {
	background: #ff6666;
	color: #fff;
}







.cam_activity {
}

.cam_actloop {
	padding: 0;
	height: 152px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.06);
	margin: 0 0 25px;
	display: flex;
	overflow: hidden;
}
.cam_actloop:last-child {
	margin: 0;
}
.cam_actimg {
	order: 2;
	width: 250px;
	height: 100%;
	margin: 0 0 0 25px;
}
.cam_actimg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
} 
.cam_actmeta {
	width: calc( 100% - 275px );
	padding: 30px 0 30px 30px;
	align-items: center;
}
.cam_actloop:nth-child(1) .cam_actmeta {
	border-left: 3px solid #f66;
}
.cam_actloop:nth-child(2) .cam_actmeta {
	border-left: 3px solid #66f;
}
.cam_actloop:nth-child(3) .cam_actmeta {
	border-left: 3px solid #42c7b8;
}
.cam_acttitle {
	font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 10px;
}
.cam_acttitle a {
	color: #222;
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cam_actexc {
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  opacity: .6;
}

/* ALUMNI */
.cam_alumni {
	padding: 90px 0;
}
.alu_block {
	margin: 0 100px;
}
.cam_alumnihead {
  font-size: 50px;
  line-height: 1.1;
  font-weight: bold;
  margin: 0 0 60px;
  text-align: center;
  color: #111;
}
.cam_alumniloop {
	display: flex;
	align-items: center;
	margin: 0 0 40px;
}
.cam_alumnipic {
	margin: 0 60px 0 0;
	width: 100px;
	height: 100px;
	position: relative;
}
.cam_alumnipic img {
	border-radius: 100px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cam_alumniyear {
	position: absolute;
	bottom: 20px;
	right: -30px;
	padding: 4px 8px;
	border-radius: 30px;
	font-size: 14px;
	font-weight: bold;
}
.cam_alu1,
.cam_alu11 {
	background: #f66;
	color: #fff;
}
.cam_alu2,
.cam_alu12 {
	background: #66f;
	color: #fff;
}
.cam_alu3,
.cam_alu13 {
	background: #14b88a;
	color: #fff;
}
.cam_alu4,
.cam_alu14 {
	background: #da3cc9;
	color: #fff;
}
.cam_alu5,
.cam_alu15 {
	background: #f90;
	color: #fff;
}
.cam_alu6,
.cam_alu16 {
	background: #55c7eb;
	color: #fff;
}
.cam_alu7,
.cam_alu17 {
	background: #66f;
	color: #fff;
}
.cam_alu8,
.cam_alu18 {
	background: #66f;
	color: #fff;
}
.cam_alu9,
.cam_alu19 {
	background: #66f;
	color: #fff;
}
.cam_alu10,
.cam_alu20 {
	background: #66f;
	color: #fff;
}
.alu_slide .splide__arrow--prev {
	left: -100px;
}
.alu_slide .splide__arrow--next {
	right: -100px;
}
.cam_alumnititle {
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	margin: 0 0 6px;
}
.cam_alumnititle a {
	color: #111;
}
.cam_alumnisay {
	font-size: 16px;
	opacity: .85;
}
.alu_slide .splide__arrow {
	width: 46px;
	height: 46px;
	background: #66f;
	opacity: 1;
}
.alu_slide .splide__arrow svg {
	fill: #fff;
}


/* CONTENT */
.cam_content {
	padding: 50px 0 0;
}
.part_content {
	float: left;
	width: calc( 100% - 400px );
	position: sticky;
	top: 160px;
	margin: 0 0 90px;
}
.scroll_down .part_content {
	top: 60px;
}


.mading_article {
    line-height: 1.65;
	font-size: 16px;
}

.wp-caption {}

.wp-caption-text {}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.alignright {}

.alignleft {}

.aligncenter {}

.mading_article h1,
.mading_article h2,
.mading_article h3,
.mading_article h4,
.mading_article h5,
.mading_article h6 {
    font-weight: 700;
    line-height: 1.3;
    margin: 5px 0 15px;
}

.mading_article h1 {
    font-size: 34px;
}

.mading_article h2 {
    font-size: 30px;
}

.mading_article h3 {
    font-size: 26px;
}

.mading_article h4 {
    font-size: 22px;
}

.mading_article h5 {
    font-size: 20px;
}

.mading_article h6 {
    font-size: 18px;
}

.mading_article table td {
    vertical-align: top;
    border: 1px solid #ddd;
}

.mading_article p {
    margin: 0 0 15px;
}

.mading_article img {
    max-width: 100%;
    height: auto;
    margin: 0 0 20px;
}

.mading_article img.alignleft {
    float: left;
    margin: 0 30px 20px 0;
}

.mading_article img.alignright {
    float: right;
    margin: 0 0 20px 30px;
}

.mading_article img.aligncenter {
    float: none;
    margin: 0 auto 20px;
}

.mading_article .prestasi__list-image img {
    margin: 0;
}

.mading_article blockquote {
    margin: 0 0 20px;
    padding: 20px 20px 10px 50px;
    background: rgb(0, 0, 0, 0.05);
}

.mading_article ul {
    margin: 0 0 20px;
    list-style: disc !important;
}

.mading_article ol {
    margin: 0 0 20px;
    list-style: decimal !important;
}

.mading_article li {
    margin: 0 0 0 15px;
}

.mading_article li ol,
.mading_article li ul {
    margin: 0;
}

.mading_article td,
.mading_article th {
	padding: 8px 12px;
	border: 1px solid #ccc;
	margin: 0 0 -1px -1px;
}

/* FEATURED IMAGE */
.con_featured {
	margin: 0 0 40px;
}
.con_featured img {
	width: 100%;
	height: auto;
	display: block;
}

/* AUTHOR BOX */
.con_author {
	display: flex;
	align-items: center;
	padding: 40px 0;
}
.mading_article .con_author img.avatar {
	width: 120px;
	border-radius: 120px;
}
.con_by {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 8px;
}

/* TAGS */
.con_tags {
	display: flex;
	padding: 15px 0 80px;
}
.con_tags a {
	padding: 4px 10px;
	margin-right: 8px;
	border: 1px solid #ddd;
	color: #111;
}

/* RELATED */
.con_related {
	margin: 0 0 50px;
}
.con_relhead {
	padding-top: 25px;
}
.con_relgrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
}
.rel_loop {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	box-shadow: 0 0 20px rgba(0,0,0,0.1); 
}
.rel_feat {
	grid-column: span 1;
}
.rel_feat img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
}
.rel_meta {
	grid-column: span 2;
	padding: 25px;
}
.rel_time {
	font-size: 15px;
	margin: 0 0 4px;
}
.rel_meta a {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.25;
}
.rel_meta a {
	color: #111;
}

/* COMMENT */
.comment-body {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px;
	margin: 0 0 50px;
}
.mading_article img.avatar {
	width: 45px;
	border-radius: 45px;
	float: left; 
	margin: 0 25px 0 0;
}
.comment-author {
	line-height: 1.4;
}
.comment-metadata {
	font-size: 13px;
	margin: 0;
}
.comment-metadata a {
	color: #222;
}

.comment-content {
	margin-left: 70px;
}
.mading_article .comment-content p:last-child {
	margin: 0;
}
.reply {
	margin-left: 70px;
}
.comment.depth-2 {
	margin-left: 70px;
}
.comment.depth-3 {
	margin-left: 70px;
}
.mading_article h3.comment-reply-title {
    font-size: 18px;
    margin: 0 0 10px;
}
.mading_article h3.comment-reply-title small {
    font-size: 85%;
	margin-left: 15px;
	font-weight: 400;
}

.comment-form {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}
.mading__form-textarea {
	grid-column: span 3;
}
#comment {
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #ccc;
    width: calc(100% - 42px);
    height: 120px;
    font-size: 16px;
}
.mading__form-author,
.mading__form-email,
.mading__form-url {
	grid-column: span 1;
}
.inncom input {
	height: 40px;
	padding: 0 20px;
	width: calc( 100% - 42px );
	border-radius: 6px;
    border: 1px solid #ccc;
}


.comment-notes {
    grid-column: span 3;
}
.comment-form-comment {
    grid-column: span 3;
}
.comment-form-cookies-consent {
    grid-column: span 3;
    display: flex;
}
.comment-form-cookies-consent input {
    margin-right: 8px;
}
.form-submit #submit {
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
	border: 0;
}


.commentlist {
    column-count: 3;
    column-gap: 25px;
    margin: 0 0 25px;
}
.commentlist > div,
.commentlist > ul {
    margin: 0 0 25px;
    padding: 25px;
    display: grid;
    grid-template-rows: 1fr auto;
    break-inside: avoid;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
    border-radius: 15px;
}

.comment__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    overflow: hidden;
    margin: 0 0 20px;
}
.comment__author {
    margin: 0 0 10px;
}
.comment__author span {
    font-weight: bold;
    font-size: 18px;
}
.comment__author em {
    opacity: 0.6;
    font-size: 14px;
}
.comment__meta p {
    margin: 0 0 15px;
    font-size: 14px;
}
.comment-reply-link {
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 20px;
}

.children {
    padding: 30px 0 0 30px;
}

/* ARSIP */
.cam_arsip {
	padding: 90px 0;
}
.cam_arcgrid {
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(2, 1fr);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	margin: 0 0 40px;
}
.error404 .cam_arcgrid {
	margin: 0;
}
.cam_arcloop {
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(2, 1fr);
	background: #fff;
}






.cam_arcimage {
	grid-column: span 1;
	height: 100%;
	position: relative;
}
.cam_arcloop:nth-child(4n) .cam_arcimage,
.cam_arcloop:nth-child(4n-1) .cam_arcimage {
	order: 2;
}
.cam_arcobject {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.cam_arcobject img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cam_latein {
	padding: 30px;
}

/* STRUKTUR */
.guru_level {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 90px 0 60px;
}
.sublevel:nth-child(2n) {
	background: rgba(0,0,0,0.05);
}
.struc_1 {
	flex: 0 0 33.33%; /* 4 kolom */
  display: flex;
  flex-direction: column;
  align-items: center; /* Horizontal center */
  justify-content: center; /* Vertical center */
  text-align: center; /* Untuk teks */
  margin: 0 0 30px;
}
.guru_sublevel {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 90px 0 60px;
}
.guru_sublevel .struc_1 {
	flex: 0 0 20%; /* 4 kolom */
  display: flex;
  flex-direction: column;
  align-items: center; /* Horizontal center */
  justify-content: center; /* Vertical center */
  text-align: center; /* Untuk teks */
  margin: 0 0 30px;
}
.guru_1 {
	width: 150px;
	height: 150px;
	margin: 0 auto 20px;
}
.guru_2 {
	width: 120px;
	height: 120px;
	margin: 0 auto 20px;
}
.guru_img img {
	border-radius: 150px;
}
.guru_real {
	font-size: 18px;
	font-weight: bold;
}


/* ACARA */
.cam_arcaca_in {
	display: grid;
  grid-gap: 60px;
  grid-template-columns: repeat(3, 1fr);
}
.cam_arcacaloop {
	margin: 0;
  overflow: hidden;
}

.cam_arcacaloop:nth-child(5n-4) .cam_agendadate {
	background: #F44;
	color: #fff;
}
.cam_arcacaloop:nth-child(5n-3) .cam_agendadate {
	background: #8858f3;
	color: #fff;
}
.cam_arcacaloop:nth-child(5n-2) .cam_agendadate {
	background: #11d5a7;
	color: #fff;
}
.cam_arcacaloop:nth-child(5n-1) .cam_agendadate {
	background: #ff9900;
	color: #fff;
}
.cam_arcacaloop:nth-child(5n) .cam_agendadate {
	background: #2338e8;
	color: #fff;
}


/* DOWNLOAD */
.cam_downsearch {
	margin: 0 0 40px;
}
.cam_downinput input {
	padding: 0 20px;
  width: calc( 100% - 42px );
  height: 44px;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 0;
}
.cam_downtab {
	background: rgba(0,0,0,0.02);
	font-size: 16px;
	line-height: 1.5;
	width: 100%;
}
.downtab_top {
	font-weight: bold;
	font-size: 20px;
}
.cam_downtab tr:nth-child(2n-1) {
	background: rgba(0,0,0,0.02);
}
.cam_downtab td {
	padding: 30px;
	vertical-align: top;
}

.ajax_down {
	padding: 30px;
	background: rgba(0,0,0,0.02);
	display: flex;
}
.ajax_down:nth-child(2n-1) {
	background: rgba(0,0,0,0.04);
}
.down_title,
.ajax_box h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 6px;
}
.ajax_box {
	font-size: 16px;
	margin-right: 30px;
	width: calc( 100% - 80px );
}
.down_down {
	display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; 
	background: #f66;
	color: #fff; border-radius: 50px;
	font-size: 18px;
	margin-left: auto;
}
.right_tab {
	width: 80px;
}
.down_type {
	margin: 0 0 6px;
}
.cam_downtab td a.down_push {
	display: flex; width: 80px; height: 80px; align-items: center; justify-content: center; 
	background: #f66;
	color: #fff; border-radius: 80px;
	font-size: 13px;
}
.down_file {
	text-align:center;
	}
.down_file i {
	font-size: 24px;
}

/* ALUMNI ARSIP */
.cam_alugrid {
	column-count: 2;
  column-gap: 40px;
  margin: 0;
}
.cam_callalumni {
	margin: 0 0 40px;
	padding: 40px;
  display: grid;
  grid-template-rows: 1fr auto;
  break-inside: avoid;
  box-shadow: 0 0 135px rgba(0, 0, 0, 0.06);
}
.basic_alumni {
	display: grid;
	grid-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}
.cam_dataalumni {
	padding: 25px 0 0;
}
.basic_alumni {
	font-size: 16px;
	margin: 0 0 10px;
}
.idvalue {
	grid-column: span 2;
}
.idsocial {
	display: flex;
	grid-column: span 2;
}
.idsocial a {
	display: flex;
	width: 36px;
	height: 36px;
	font-size: 20px;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	margin-right: 8px;
}
.cam_wa {
	background: #2fc578;
	color: #fff;
}
.cam_fb {
	background: #2651d2;
	color: #fff;
}
.cam_x {
	background: #333;
	color: #fff;
}
.cam_ig {
	background: linear-gradient(45deg,#ff0,#f33,#66f);
	color: #fff;
}

/* PAGINASI */
.pagination {
	display: flex;
	color: #fff;
}
.pagination a {
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	background: #eee;
	color: #111;
	margin: 0 5px 0 0;
}









/* SIDEBAR */
.part_sidebar {
	float: right;
	width: 350px;
	position: sticky;
	top: 160px;
	margin: 0 0 90px;
}
.scroll_down .part_sidebar {
	top: 60px;
}
.part_sidebar .widget_block {
	padding: 25px;
	margin: 0 0 25px;
	font-size: 16px;
	line-height: 1.5;
	color: #556;
}
.part_sidebar a {
	color: #111;
}
.part_sidebar a:hover {
	color: #e00;
}








/* FOOTER */
.cam_widgetfooter {
	padding: 90px 0;
	background: #111;
	color: #fff;
	display: none;
}
.cam_widgetfooter a {
	color: #ddd;
}
.cam_widgetbox {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(3, 1fr);
}

.widget_block {
    margin: 0 0 30px;
    font-size: 15px;
    line-height: 1.4 !important;
}

.widget_block h1 {
    font-size: 27px;
    margin: 0 0 10px;
    letter-spacing: -1px;
}

.widget_block h2 {
    font-size: 25px;
    margin: 0 0 10px;
    letter-spacing: -1px;
}

.widget_block h3 {
    font-size: 22px;
    margin: 0 0 10px;
    letter-spacing: -1px;
}

.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 p {
    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: 15px;
    background: rgba(0, 0, 0, 0.02);
    font-size: 16px;
}

.widget_block blockquote cite {
    font-size: 13px;
}

.widget_block .wp-block-code code {
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
}

.widget_block .wp-block-table {
    width: 100%;
}

.widget_block .wp-block-table td {
    padding: 10px;
    border: 1px solid rgba(125, 125, 125, 0.3);
    margin: 0 0 -1px -1px;
}

.widget_block .wp-block-pullquote blockquote {
    background: none;
}

.widget_block figcaption {
    font-size: 12px;
    padding: 5px 0;
}

.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 7px;
    margin: 0 0 7px;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.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 {
    padding: 0 0 7px;
    margin: 0 0 7px;
    line-height: 1.5;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.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: 26px;
    line-height: 26px;
    font-size: 14px !important;
    padding: 0 10px;
    margin: 0 0 4px;
}

.widget_block .wp-block-search .wp-block-search__button {
    border: 0;
    height: 40px;
    line-height: 40px;
    width: 70px;
    padding: 0;
    margin-left: 10px;
    text-align: center;
}

.widget_block .wp-block-search .wp-block-search__input {
    border: 1px dashed rgba(125, 125, 125, 0.3);
    height: 40px;
    line-height: 40px;
    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;
}

/* Search */

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    width: calc(100% - 10px) !important;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {}

.wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper {
    width: calc(100% - 2px) !important;
}

.wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper {
    width: 100% !important;
}

.wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__button {}

.post_widget {
    padding: 0 0 12px;
    margin: 0 0 12px;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.widget_thumb {
    width: 80px;
    height: 60px;
    margin-right: 15px;
    float: left;
    padding: 10px;
    box-shadow: 0 0 10px rgba(125, 125, 125, 0.13);
}

.post_widspan {
    font-size: 12px;
    padding: 4px 0;
}

.agenda_widget {
    padding: 0 0 12px;
    margin: 0 0 12px;
    border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}

.agenda_dt {
    float: left;
    padding: 5px 0;
    margin: 0 15px 0 0;
    width: 70px;
    display: inline;
    letter-spacing: -3px;
    text-align: center;
    border: 0;
}

.a_date {
    display: block;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.4;
}

.a_month {
    letter-spacing: 0px;
    display: block;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.4;
}

.agenda_info {
    float: right;
    width: calc(100% - 90px);
}

.a_time span {
    position: relative;
    display: inline-block;
    height: 24px;
    font-weight: bold;
    font-size: 11px;
    line-height: 24px;
    padding: 0 3px;
    margin: 0 0 8px 8px;
}

.a_time span:after {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    border-bottom: 24px solid transparent;
    border-top: 0;
}

.a_time span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    border-top: 24px solid transparent;
}

.vid_widin iframe {
    width: 100%;
    margin: 0 0 15px;
    height: 230px;
}

.widget_contact {
    width: 100%;	
}

.widget_contact td {
    padding: 8px;
    border: 1px solid rgba(125, 125, 125, 0.3);
}

.wid_num {
    padding: 8px;
    margin: 0 0 -1px;
    border: 1px solid rgba(125, 125, 125, 0.3);
}
.cam_widgetfooter .widget_block {
	padding: 20px;
	border-radius: 15px;
	background: rgba(125, 125, 125, 0.1);
	box-shadow: inset 0 0 1px #ffffff8a,inset 0 1px 1px #d6d3ff8f,0 10px 10px -8px #15142e40;
}
.cam_widgetfooter .widget_block:last-child {
	margin: 0;
}
.cam_widgetfooter .wid_num {
	padding: 8px 0;
    margin: 0 0 -1px;
    border-width: 0 0 1px;
	border-style: solid;
	border-color: rgba(125, 125, 125, 0.3);
}
.cam_widgetfooter .widget_contact td {
	padding: 8px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: rgba(125, 125, 125, 0.3);
}

/* COPYRIGHT */
.copyright {
	padding: 25px 0;
}
.to_top {
	position: fixed;
	bottom: 20px;
	right: 100px;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e00;
	color: #fff;
	border-radius: 50px;
	width: 46px;
	height: 46px;
	transition: all .3s ease;
	opacity: 0;
	transform: rotate(-90deg);
}
.fade .to_top {
	opacity: 1;
}


@media screen and (max-width: 982px) {
	.campus {
		overflow: hidden;
	}
	.home .campus,
.campus	{
  padding: 146px 0 0;
}
	/* HEADER */
	.is_mobile.home .heads_main {
		background: #fff;
	}
	.heads_call span {
		display: none;
	}
	.heads_call a {
  margin: 0 16px 0 0;
}
.heads_call a:last-child {
  margin: 0;
}
.heads_date span {
	display: none;
}
.cam_scroll {
  width: calc( 100% - 210px );
}




/* MENU */
.heads_mobmenu {
	display: block;
	margin-left: auto;
	font-size: 18px;
}
.heads_search {
	margin-left: 15px;
    font-size: 18px;
    height: 100px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    margin-right: -20px;
    border-left: 1px solid #ccc;
}
.mains_menu {
		position: fixed;
		top: 146px;
		left: 0;
		right: 0;
		bottom: -80px;
		padding: 0 0 80px;
		height: auto;
		overflow-y: auto;
		z-index: 10;
		box-shadow: 0 0 50px rgba(0,0,0,0.06);
		transform: perspective(100px) rotateX(-90deg);
            transform-origin: top center;
            transition: all 0.3s ease-in-out;
            visibility: hidden;
			opacity: 0;
			background: #fff;
	}
	.cammenu .mains_menu {
		transform: perspective(100px) rotateX(0deg);
		visibility: visible;
		opacity: 1;
	}
	.nav-mobile .mains_accordion {
		padding: 30px;
	}
	   .nav-mobile .mains_accordion li {
        position: relative;
        float: none;
        display: block;
        line-height: 1.3;
        text-align: left;
    }
    .nav-mobile .mains_accordion li a {
        display: flex;
        line-height: 1.3;
        padding: 10px 0;
        font-size: 18px;
        font-weight: bold;
		color: #111;
    }
	.nav-mobile .mains_accordion li > a > span {
		padding: 0px 8px;
  background: #fc3;
  color: #111;
  border-radius: 6px;
  transform: skew(-10deg);
  font-size: 13px;
  margin: -10px 0 0 6px;
  height: 20px;
  line-height: 20px;
  font-weight: normal;
	}
    .nav-mobile .mains_accordion li.menu-item-has-children>a {
        margin-right: 25px;
    }
    .nav-mobile .mains_accordion li.menu-item-has-children:before {
        content: "\e806";
		font-family: 'mading-font';
        position: absolute;
		right: 0;
		top: 10px;
		font-size: 16px;
		transform: rotate(180deg);
    }
    .nav-mobile .mains_accordion li>.sub-menu,
    .nav-mobile .mains_accordion li:hover>.sub-menu {
        padding: 0;
        position: relative;
        width: auto;
        max-height: 0;
        /* Mulai dari tinggi 0 */
        overflow: hidden;
        opacity: 0;
        /* Mulai dari opacity 0 */
        transform: translateY(-10px);
        /* Geser ke atas sedikit */
        transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
    .nav-mobile .mains_accordion>li>.sub-menu,
    .nav-mobile .mains_accordion>li:hover>.sub-menu {
        margin: 0;
    }
    .nav-mobile .mains_accordion li.active>.sub-menu {
        max-height: 500px;
        /* Sesuaikan dengan ketinggian maksimal submenu */
        opacity: 1;
        transform: translateY(0);
        /* Geser kembali ke posisi normal */
    }
    .nav-mobile .mains_accordion li>.sub-menu>li {
        width: 100%;
    }
    .nav-mobile .mains_accordion li>.sub-menu>li a {
        padding: 8px 20px;
        font-size: 16px;
		position: relative;
    }
	.nav-mobile .mains_accordion li>.sub-menu>li a:before {
		content: '';
		position: absolute;
		width: 8px;
		height: 8px;
		border-radius: 8px;
		left: 0;
		top: 14px;
	}
    .nav-mobile .mains_accordion li>.sub-menu>li.menu-item-has-children:before {
        top: 8px;
    }




/* SLIDER */
.cam_school {
  position: static;
}
.cam_info {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0px;
  padding: 0;
}
.cam_news {
	margin: 0 -20px;
	padding: 20px;
	border-bottom: 1px solid #333;
}
.cam_news:last-child {
	border: 0;
}

.camnews_title {
	height: auto;
}

/* EDiTORIAL */
.cam_editloop {
  grid-template-columns: repeat(1, 1fr);
}
/* EVENT */
.cam_acarabox {
  grid-template-columns: repeat(1, 1fr);
}
/* PRESTASI */
.cam_presbox {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0px;
}
.cam_prestop {
  padding: 90px 0 0;
}
.cam_presloop {
  padding: 90px 0;
}

/* ACARA */
.cam_arcaca_in {
  grid-template-columns: repeat(1, 1fr);
}
}

@media screen and (max-width: 600px) {
.part_content {
	width: 100%;
	position: static;
}
.part_sidebar {
	width: 100%;
	position: static;
}
.meta_left {
	display: block;
	font-size: 14px;
}
.meta_share {
  font-size: 20px;
}
.meta_share a {
	margin-left: 3px;
}
.mading__form-author, 
.mading__form-email, 
.mading__form-url {
  grid-column: span 3;
}



/* ALUMNI ARSIP */
.cam_alugrid {
	column-count: 1;
}



}

@media screen and (max-width: 420px) {
	.home .campus,
.campus	{
  padding: 120px 0 0;
}

	.heads_top .cam_container {
		padding: 0 12px;
	}
	.heads_flex {
		height: 40px;
	}
	.mains_flex {
  display: flex;
  height: 80px;
  align-items: center;
  font-size: 14px;
  position: relative;
}
.scroll_down .heads_main {
  margin-top: -80px;
}
	.mains_logo {
  height: 40px;
  margin: 0 20px 0 0;
}
	.mains_logo img {
  height: 40px;
}
.heads_search {
    height: 80px;
	margin-left: 10px;
    padding: 0 10px;
}
.mains_menu {
		top: 120px;
}
.scroll_down  .mains_menu {
    top: 40px;
  }
.cam_news i {
  width: 60px;
  height: 60px;
  font-size: 50px;
  margin: 0 20px 0 0;
}
.camnews_head {
  font-size: 17px;
}
.camnews_title {
  font-size: 14px;
}

/* EDITORIAL */
.cam_editloop {
grid-gap: 20px;
}
.cam_master {
  padding: 80px 0 30px;
}
.get_photos {
  width: 120px;
  border-width: 10px 0 0 10px;
}
.cam_editimage {
  padding: 0 20px 0 0;
  margin: 0 0 50px;
}
.cam_edittitle {
  font-size: 35px;
}
.cam_editexc {
  font-size: 15px;
  margin: 0 0 35px;
}
.cam_editall {
	width: calc( 100% - 74px ) !important;
}
.cam_editmore span {
	display: none;
}
.cam_editmore {
  padding: 0;
  margin-right: 20px;
  font-size: 16px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cam_editlink i {
  margin: 0;
  transform: rotate(0deg);
}

/* GURU */
.cam_gurus {
  padding: 50px 0;
}
.personal {
	margin-right: -170px;
}
.cam_guruphoto {
  height: 300px;
}
.cam_teactop {
  font-size: 32px;
}
.cam_teacbot {
  font-size: 15px;
}
.cam_guruname a {
	height: 54px;
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.is-next.cam_guruloop .cam_guruphoto a {
  bottom: -50px;
}
.personal .splide__arrows {
  top: -74px;
  right: 170px;
}
.cam_teacher:before {
  bottom: -16px;
}

/* QUOTE */
.cam_quote {
  padding: 50px 0;
}
.cam_quotebox {
	font-size: 22px;
}
.cam_quotename {
  margin: 30px 0 0;
  font-size: 17px;
}

/* NEWS */
.cam_berita {
  padding: 50px 0;
}
.cam_lategrid {
  grid-template-columns: repeat(1, 1fr);
}
.cam_lateloop:nth-child(2) .cam_lateimage,
.cam_lateloop:nth-child(3) .cam_latemeta {
  order: 2;
}
.cam_lateloop:nth-child(3) .cam_lateimage {
  order: 1;
}
.cam_latein {
  padding: 20px;
}
.late_title {
  font-size: 18px;
}
.late_publish {
  font-size: 13px;
}
.late_exc {
	display: none;
}
.cam_latehead a {
  width: 38px;
  height: 38px;
  font-size: 14px;
  padding: 0;
}

.cam_latehead span {
	display: none;
}

.cam_latehead i {
	display: block;
	margin-left: 4px;
}

/* EVENT */
.cam_acara {
  padding: 50px 0;
}
.cam_acarahead {
  font-size: 32px;
}
.cam_acarahead a {
  width: 38px;
  height: 38px;
  font-size: 14px;
  padding: 0;
}
.cam_acarahead span {
	display: none;
}

.cam_acarahead i {
	display: block;
}
.cam_acarabox {
  grid-gap: 20px;
}
.cam_acaraloop,
.cam_acaraloop:nth-child(2),
.cam_acaraloop:nth-child(3) {
  margin: 0 0 20px;
}
.cam_acaratitle {
  font-size: 18px;
}

/* FASILITAS */
.cam_extra {
  padding: 50px 0;
}
.cam_activitybox {
  grid-template-columns: repeat(1, 1fr);
}
.cam_fasover {
  padding: 20px;
}
.cam_actimg {
  width: 40%;
  margin: 0 0 0 20px;
}
.cam_actmeta {
  width: 60%;
  padding: 20px 0 20px 20px;
}
.cam_acttitle {
  font-size: 18px;
}
.cam_fasicon i {
  bottom: 20px;
  left: 20px;
}
.cam_fastitle {
  font-size: 32px;
}
.cam_fastitle a {
  width: 38px;
  height: 38px;
  font-size: 14px;
  padding: 0;
}
.cam_fastitle span {
	display: none;
}

.cam_fastitle i {
	display: block;
}
/* PRESTASI */
.cam_presbox {
  grid-gap: 40px;
}
 .cam_prestop {
    padding: 50px 0 0;
  }
  .cam_preshead {
  font-size: 35px;
  }
  .cam_presdesc {
  font-size: 15px;
}
.cam_presbutton a {
  padding: 10px 20px;
  font-size: 15px;
}
.cam_presloop {
    padding: 0 0 70px;
  }
  .cam_presflex {
  grid-gap: 20px;
  margin: 0 0 20px;
}
.cam_presmeta {
  padding: 20px 0 20px 20px;
}

/* ALUMNI */
.cam_alumni {
  padding: 50px 0;
}
.cam_alumnihead {
  font-size: 35px;
  margin: 0 0 40px;
}
.alu_block {
  margin: 0 45px;
}
.cam_alumniloop {
  margin: 0 0 30px;
}
.cam_alumnipic {
  margin: 0 45px 0 0;
  width: 70px;
  height: 70px;
  position: relative;
}
.cam_alumniyear {
  bottom: 10px;
  right: -30px;
  padding: 2px 4px;
  font-size: 12px;
}
.cam_alumnimeta {
	width: calc( 100% - 115px );
}
.cam_alumnisay {
  font-size: 15px;
}
.alu_slide .splide__arrow {
  transform: scale(.7);
}
.alu_slide .splide__arrow--prev {
  left: -55px;
}
.alu_slide .splide__arrow--next {
  right: -55px;
}

.to_top {
  bottom: 20px;
  right: 16px;
}
.cam_formsearch {
	border-top: 1px solid #eee;
  top: 100%;
  left: -20px;
  right: -20px;
  height: 1000px;
  background: #fff;
}
#searchform {
  grid-template-columns: repeat(1, 1fr);
}
.cam_searchbutton {
  grid-column: span 2;
}

/* CONTENT*/
#cam_bread {
  padding: 40px 0;
}
.cam_mainhead {
  font-size: 32px;
}

.meta_share a,
.meta_share span {
  width: 36px;
  height: 36px;
  font-size: 16px;
}
.cam_content {
  padding: 30px 0 0;
}
.mading_article {
  font-size: 15px;
}
.form-submit #submit {
    padding: 10px 20px;
    font-size: 15px;
}

.con_relgrid {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
}
.rel_meta {
  padding: 20px;
}
.rel_time {
  font-size: 14px;
}
.rel_meta a {
  font-size: 17px;
}
.con_tags {
  padding: 15px 0 40px;
}

/* AUTHOR BOX */
.con_author {
	display: flex;
	align-items: start;
	padding: 40px 0;
	font-size: 14px;
}
.mading_article .con_author img.avatar {
	width: 60px;
	border-radius: 60px;
	margin-top: 6px;
}
.con_by {
	font-size: 18px;
}
.mading_article img.avatar {
  margin: 0 15px 0 0;
}
.comment-body {
  grid-gap: 8px;
}
.comment-content,
.reply {
  margin-left: 60px;
}
.comment-content {
  font-size: 14px;
}
.comment.depth-2 {
  margin-left: 25px;
}
.comment.depth-3 {
  margin-left: 50px;
}

/* ARSIP */
 .cam_arsip {
    padding: 50px 0;
  }
.cam_arcgrid {
    grid-template-columns: repeat(1, 1fr);
  }
  .cam_arcloop:nth-child(2n-1) .cam_arcimage {
  order: 1 ;
}
.cam_arcloop:nth-child(2n-1) .cam_latemeta {
  order: 2;
}
  .cam_arcloop:nth-child(2n) .cam_arcimage {
  order: 2;
}
.cam_latestudent {
	padding: 40px 0 80px;
}

.cam_arcaca_in {
  grid-gap: 20px;
}

/* STRUKTUR */
.guru_level {
	padding: 50px 0 30px;
}
.struc_1 {
	width: 50%;
	margin: 0 0 20px;
}
.guru_sublevel {
	padding: 50px 0 30px;
}
.guru_sublevel .struc_1 {
	flex: 0 0 50%;
  margin: 0 0 20px;
}
/* DOWNLOAD */
.downtab_top {
  font-size: 16px;
}
.cam_downtab td,
.ajax_down {
	padding: 20px;
}
.cam_downtab td:nth-child(2) {
	padding: 20px 20px 20px 0;
}
.down_title,
.ajax_box h4 {
	font-size: 18px;
}
.right_tab {
	width: 60px;
}
.cam_downtab td a.down_push {
	width: 60px; 
	height: 60px;
	font-size: 10px;
}
.down_file i {
	font-size: 18px;
}
.down_type,
.down_content,
.ajax_box {
	font-size: 14px;
}






/* ALUMNI ARSIP */
.cam_alugrid {
	column-count: 1;
  column-gap: 16px;
  margin: 0;
}
.cam_callalumni {
	margin: 0 -20px 20px;
	padding: 20px;
}
.cam_dataalumni {
	padding: 20px 0 0;
}
.basic_alumni {
	font-size: 15px;
}
.idsocial a {
	width: 32px;
	height: 32px;
	font-size: 18px;
}





}