.campus {
    position: relative;
	border-width: 146px 0 0;
	border-style: solid;
}
.home .campus {
    position: relative;
    border-width: 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, 0.1);
}
.heads_top {
    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 {
    margin: 0 8px;
}
.heads_call i {
    margin-right: 4px;
}

.heads_main {
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
}
.scroll_down .heads_main {
    margin-top: -100px;
}

.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 0.2s ease;
}

.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;
    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 {
    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;
}
.nav-desktop .mains_accordion li > .sub-menu > li.menu-item-has-children:before {
    content: "\e806";
    font-family: "mading-font";
    position: absolute;
    transform: rotate(180deg);
    line-height: 1;
    right: 15px;
    top: 11px;
}

.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;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    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 rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0;
}
.cam_searchselect select {
    padding: 0 20px;
    width: 100%;
    height: 46px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    appearance: none;
    background: rgba(0, 0, 0, 0.03);
}
.cam_searchbutton {
    grid-column: span 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
}
.cam_searchbutton button {
    background: none;
    border: 0;
    font-weight: bold;
}

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

.cam_school {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 120px;
}
.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;
    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;
}

.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;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.camnews_title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

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

/* BREAD */
#cam_bread {
    padding: 80px 0;
    text-align: center;
}
.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;
}
.single .current {
    display: none;
}

#cam_meta {
    padding: 30px 0 0;
}
.meta_flex {
    display: flex;
    align-items: center;
}
.meta_left {
    font-size: 16px;
    margin-right: auto;
    padding-right: 15px;
    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;
}

.cam_evmeta {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 30px;
}
.cam_evflex {
    display: flex;
}
.cam_evflex strong {
    margin-right: auto;
}
.cam_evflex a {
    font-weight: bold;
}
.cam_evmaps iframe {
    display: block;
    width: 100%;
    height: 300px;
    margin: 0 0 30px;
}

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

.cam_scroll:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40px;
    z-index: 1;
}
.cam_scroll:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    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;
}
.cam_teachead {
    margin: 0 0 30px;
}
.cam_teacher {
    position: relative;
}
.cam_teacher:before {
    content: "";
    position: absolute;
    right: -65px;
    bottom: -40px;
    display: inline-block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    z-index: 1;
    transition: all 3s ease;
    transform: rotate(180deg);
}
.cam_teactop {
    font-size: 40px;
    font-weight: bold;
}
.cam_teacbot {
    font-size: 18px;
    opacity: 0.8;
}
.cam_guruloop {
    position: relative;
}
.cam_guruphoto {
    height: 330px;
    position: relative;
    overflow: hidden;
}
.cam_guruphoto a {
    position: absolute;
    bottom: -50px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 16px;
    z-index: 1;
    transition: all 0.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 0.3s ease 0.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 0.5s ease;
}
.cam_guruloop:hover .cam_guruphoto i,
.is-next.cam_guruloop .cam_guruphoto i {
    transform: rotate(0deg);
}
.cam_guruphoto img {
    display: block;
	width: 100%;
    transition: all 0.3s ease;
}
.cam_guruloop:hover .cam_guruphoto img {
    opacity: 0.3;
    transform: scale(1.05);
}
.cam_gurudata {
    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;
}
.cam_gurupos {
    margin: 0 0 6px;
    font-size: 15px;
    opacity: 0.8;
}
.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;
    background: none;
    border-radius: 0;
    opacity: 1;
}

/* EDITORIAL */
.cam_master {
    padding: 90px 0;
}
.cam_editloop {
    display: grid;
    grid-gap: 60px;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
}
.cam_editloop:before {
    content: "";
    position: absolute;
    left: -50px;
    top: -50px;
    display: inline-block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    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;
    border-radius: 75px;
    z-index: 2;
    opacity: 0.4;
    transition: all 0.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;
}
.get_photos:before {
    content: "";
    position: absolute;
    right: calc(100% + 115px);
    bottom: 25px;
    display: inline-block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    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;
}

.cam_editdate {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 30px;
    margin: 0 0 20px;
}
.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;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    transition: all 0.3s ease;
}
.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 0.3s ease;
}
.cam_editmore:hover i {
    transform: rotate(-360deg);
}

/* QUOTE */
.cam_quote {
    padding: 90px 0;
    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 {
    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;
    display: flex;
    align-items: center;
}
.cam_prestext {
}
.cam_preshead {
    font-size: 50px;
    line-height: 1.1;
    font-weight: bold;
    margin: 0 0 20px;
}
.cam_presdesc {
    font-size: 16px;
    opacity: 0.7;
    margin: 0 0 30px;
}
.cam_presbutton {
    padding: 0;
    display: flex;
}
.cam_presbutton a {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
}

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

.cam_presflex {
    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 {
    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;
    background: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
}
.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);
}
.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;
}
.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_publish {
    margin: 0 0 10px;
    font-size: 15px;
}
.late_exc {
    font-size: 14px;
    opacity: 0.6;
}

/* ACARA */
.cam_acara {
    padding: 90px 0;
    position: relative;
    background-size: cover;
    background-position: center;
}
.cam_eventover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    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;
}
.cam_acarahead a {
    display: flex;
    align-items: center;
    margin-left: auto;
    background: none;
    border-radius: 50px;
    font-weight: bold;
    padding: 15px 30px;
    font-size: 16px;
}
.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_event {
    font-weight: bold;
}

/* EXTRA */
.cam_extra {
    padding: 90px 0;
}
.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;
    margin: 0 0 20px;
}
.cam_fastitle a {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border-radius: 50px;
    font-weight: bold;
    padding: 10px 20px;
    font-size: 14px;
}
.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.1);
    overflow: hidden;
}
.cam_fasimg {
    height: 100%;
}
.cam_fasloop img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.cam_fasloop:hover img {
    transform: scale(1.1);
}
.cam_fasloop:nth-child(1) {
    height: 280px;
    border-radius: 0 0 40px;
}
.cam_fasloop:nth-child(2) {
    height: 210px;
    border-radius: 0 40px 0 0;
}
.cam_fasloop:nth-child(3) {
    height: 172px;
    border-radius: 0 0 0 40px;
}
.cam_fasloop:nth-child(4) {
    height: 318px;
    border-radius: 40px 0 0;
}
.cam_fasover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.9;
    padding: 30px 70px 30px 30px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    transition: all 0.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 0.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_actloop {
    padding: 0;
    height: 152px;
    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 {
    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: 0.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;
}
.cam_alumniloop {
    display: flex;
    align-items: center;
    margin: 0 0 40px;
}
.cam_related .cam_alumniloop {
    margin: 0;
}
.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;
}
.second_title {
    padding-top: 20px;
}
.cam_alumnisay {
    font-size: 16px;
    opacity: 0.85;
}
.alu_slide .splide__arrow {
    width: 46px;
    height: 46px;
    opacity: 1;
}

/* 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;
}

/* 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;
    opacity: 0.8;
}
.rel_meta a {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.25;
}

/* 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 {
    opacity: 0.8;
}

.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;
}

/* SINGLE SISWA */
.cam_singlepeo {
    padding: 90px 0;
}
.cam_peogrid {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
}
.cam_peoblock {
    padding: 40px;
    box-shadow: 0 0 135px rgba(0, 0, 0, 0.1);
    position: relative;
}
.cam_peotop {
    display: flex;
    align-items: center;
    margin: 0 0 40px;
}
.cam_peopic {
    margin: 0 60px 0 0;
    width: 100px;
    height: 100px;
    position: relative;
}
.cam_peopic img {
    border-radius: 100px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cam_peotitle {
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0 0 6px;
}

.cam_siswalain {
    margin: 0 0 15px;
    display: flex;
    align-items: center;
}
.cam_siswafoto {
    width: 40px;
    height: 40px;
    margin: 0 15px 0 0;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0.06);
}
.cam_siswafoto img {
    border-radius: 50px;
    display: block;
}
.cam_siswatitle {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
}

.cam_reltitle {
    position: absolute;
    right: 80px;
    top: 30px;
    transform: rotate(-90deg) translateX(0);
    transform-origin: right top;
    white-space: nowrap;
    padding: 0;
    font-size: 100px;
    font-weight: 700;
    margin-left: 0;
    height: 50px;
    line-height: 50px;
    opacity: 0.2;
}

/* SINGLE QUOTES */
.cam_quotegrid {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(1, 1fr);
}

/* 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);
}

.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-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;
    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;
    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.1);
}
.cam_related {
    display: grid;
    grid-template-rows: 1fr auto;
    break-inside: avoid;
    position: relative;
}
.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;
}

.cam_aluin {
    display: grid;
    grid-gap: 60px;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 40px;
    padding: 40px;
    box-shadow: 0 0 135px rgba(0, 0, 0, 0.1);
}
.log_open {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.1;
}
.logout_button {
    display: inline-block;
    border-radius: 50px;
    font-weight: bold;
    padding: 15px 30px;
    margin: 30px auto 0 0;
    font-size: 16px;
}
.alumni_head {
    padding: 40px;
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
}
.ajax-auth {
    display: none;
}
.ajax-auth.showform {
    display: block;
}
.formim {
    font-size: 16px;
}
.inform {
    padding: 25px 0 0;
}
.logajax input {
    padding: 0 20px;
    width: calc(100% - 42px);
    height: 44px;
    border-radius: 0;
    margin: 0 0 20px;
}
.robot {
    margin: 0 0 20px;
}
#robot {
    margin-right: 8px;
}
.submit_button,
.right__thecontent input.front__submit {
    display: inline-block;
    border-radius: 50px;
    font-weight: bold;
    padding: 15px 30px;
    font-size: 16px;
    border: 0;
    margin: 0 0 20px;
}

.status {
    margin: 0 0 15px;
}
.frontend__post {
    padding: 40px;
}
.front_input,
.sd.sd,
.smp.smp,
.sma.sma,
.pt.pt {
    display: grid;
    grid-gap: 10px;
    font-size: 16px;
    grid-template-columns: repeat(1, 1fr);
    margin: 0 0 25px;
}
.front_input input,
.sma input {
    padding: 0 20px;
    width: calc(100% - 42px);
    height: 40px;
    border-radius: 0;
    line-height: 40px;
}
.sd.smp,
.sd.sma,
.sd.pt,
.smp.sma,
.smp.pt,
.sma.pt {
    display: none;
}
.sd,
.smp,
.sma,
.pt {
    display: none;
}

/* ARSIP QUOTES */
.cam_quotegrid {
    column-count: 2;
    grid-gap: 40px;
    margin: 0;
}
.cam_quotesloop {
    margin: 0;
    padding: 40px;
    display: grid;
    grid-template-rows: 1fr auto;
    break-inside: avoid;
    box-shadow: 0 0 135px rgba(0, 0, 0, 0.1);
    font-size: 22px;
}
.cam_quotetext {
    line-height: 1.3;
    margin: 0 0 20px;
}

/* ARSIP VIDEO */
.video-responsive iframe {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    margin: 0 0 20px;
}

/* PAGINASI */
.pagination {
    display: flex;
}
.pagination a {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    margin: 0 5px 0 0;
}
.pagination a.active {
    font-weight: bold;
}

/* 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;
}

/* 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;
    border-radius: 50px;
    width: 46px;
    height: 46px;
    transition: all 0.3s ease;
    opacity: 0;
    transform: rotate(-90deg);
}
.fade .to_top {
    opacity: 1;
}

@media screen and (max-width: 982px) {
    .campus {
        overflow: hidden;
    }
    .home .campus,
    .campus {
        border-width: 146px 0 0;
    }
    /* HEADER */
    .heads_search {
        border-width: 0 0 0 1px;
    }
    .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-width: 0 0 0 1px;
        border-style: solid;
    }
    .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;
    }
    .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;
    }
    .nav-mobile .mains_accordion li > a > span {
        padding: 0px 8px;
        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;
    }
    .is_mobile .cam_news {
        margin: 0 -20px;
        padding: 20px;
    }
    .cam_news:last-child {
        border: 0;
    }

    .camnews_title {
        height: auto;
    }
	
	.cam_guruphoto {
		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: 640px) {
	.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_activitybox {
        grid-template-columns: repeat(1, 1fr);
    }
	
    .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;
    }
    .guru_sublevel .struc_1 {
        flex: 0 0 50%;
    }
	.cam_alugrid {
		column-count: 1;
	}
	.cam_peogrid {
		grid-template-columns: repeat(1, 1fr);
	}
	.cam_peoblock {
		overflow: hidden;
	}
}
@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;
    }

    /* ARSIP QUOTES */
    .cam_quotegrid {
        column-count: 1;
    }

    .cam_evmeta {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }
}

@media screen and (max-width: 420px) {
    .home .campus,
    .campus {
        border-width: 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_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_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(0.7);
    }
    .alu_slide .splide__arrow--prev {
        left: -55px;
    }
    .alu_slide .splide__arrow--next {
        right: -55px;
    }

    .to_top {
        bottom: 20px;
        right: 16px;
    }
    .cam_formsearch {
        top: 100%;
        left: -20px;
        right: -20px;
        height: 1000px;
    }
    #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_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 {
        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-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;
    }

    /* ARSIP QUOTES */
    .cam_quotegrid {
        grid-gap: 16px;
    }
    .cam_quotesloop {
        padding: 30px;
    }
    .people_quotes {
        font-size: 18px;
    }

    /* SINGLE SISWA */
    .cam_singlepeo {
        padding: 0;
    }
    .cam_peogrid {
        grid-gap: 0;
    }
    .cam_peoblock {
        margin: 0 -20px 20px;
        padding: 20px;
    }
    .cam_peotop {
        margin: 0 0 30px;
    }
    .cam_peopic {
        margin: 0 45px 0 0;
        width: 70px;
        height: 70px;
        position: relative;
    }

    .cam_reltitle {
        top: 20px;
        font-size: 84px;
    }
}