.mad__wrapper {
width: 100%;
overflow: hidden;
} .layout_prestasi {
padding: 156px 0 0;
}
.press_header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 156px;
z-index: 100;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
transition: all 0.5s ease;
}
.fade .press_header {
height: 110px;
}
.press_top {
margin: 0;
padding: 0 30px;
height: 46px;
}
.press_today {
float: left;
display: inline-block;
padding: 0;
margin: 0 15px 0 0;
line-height: 46px;
}
.running {
position: relative;
width: auto;
overflow: hidden;
margin: 0 290px 0 30px;
display: block;
padding: 5px 0;
height: 36px;
font-size: 13px;
z-index: 5;
}
.acme-news-ticker-box {
overflow: hidden;
}
.my-news-ticker {
left: 100%;
list-style: none;
line-height: 36px;
height: 36px;
padding: 0;
}
.runscroll {
position: relative;
width: 100%;
overflow: hidden;
height: 36px;
}
.scroll {
display: flex;
width: 100%;
}
.scrollin {
white-space: nowrap;
animation: animate 60s -60s linear infinite;
will-change: transform;
padding: 0 0 0 400px;
}
.scrollin:nth-child(2) {
animation: animate2 60s -30s linear infinite;
}
@keyframes animate {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes animate2 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-200%);
}
}
.spasi {
margin-right: 50px;
}
.press_search {
position: absolute;
top: 7px;
right: 30px;
height: 32px;
width: 280px;
overflow: hidden;
}
.press_search #searchform {
height: 32px;
}
.botclose {
background: #333333;
color: #ffffff;
display: none;
position: fixed;
top: 60px;
right: calc(50% - 30px);
width: 60px;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 10px;
z-index: -1;
}
.ps_input {
width: 140px;
padding: 0;
float: left;
}
.ps_input input {
padding: 0 10px;
width: 80px;
line-height: 32px;
border: 0;
}
.ps_select {
width: 108px;
padding: 0;
float: left;
overflow: hidden;
}
.ps_select select {
border-left: 1px solid #529923;
padding: 0 10px;
line-height: 34px;
border: 0;
appearance: none;
}
.ps_button {
width: 32px;
height: 32px;
padding: 0;
float: left;
}
.ps_button button {
width: 32px;
height: 32px;
border: 0;
text-align: center;
line-height: 32px;
}
.press_head {
position: relative;
height: 110px;
transition: all 0.5s ease;
}
.fade .press_head {
height: 64px;
}
.head_area {
position: relative;
padding: 0 30px;
max-width: 1400px;
margin: 0 auto;
z-index: 5;
}
.press_logo {
height: 70px;
float: left;
padding: 20px 40px 20px 0;
margin: 0;
position: relative;
z-index: 10;
transition: all 0.5s ease;
}
.fade .press_logo {
height: 40px;
padding: 12px 40px 12px 0;
}
.press_logo a {
display: block;
}
.press_logo img {
height: 70px;
width: auto;
transition: all 0.5s ease;
}
.fade .press_logo img {
height: 40px;
}
.press_nav {
display: inline-block;
float: right;
}
.closemenu {
display: none;
position: absolute;
top: 13px;
padding: 0 10px;
height: 24px;
line-height: 24px;
right: 30px;
font-size: 10px;
}
.botsearch {
display: none;
position: absolute;
top: 25px;
right: 60px;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
font-size: 20px;
transition: all 0.5s ease;
z-index: 100;
}
.fade .botsearch {
top: 14px;
}
.botmenu {
display: none;
position: absolute;
top: 25px;
right: 20px;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
font-size: 20px;
transition: all 0.5s ease;
z-index: 100;
}
.fade .botmenu {
top: 14px;
}
.press_head .site-header-menu {
float: right;
height: 110px;
transition: all 0.5s ease;
}
.press_head .newnav {
margin: 0;
padding: 0;
height: 110px;
transition: all 0.5s ease;
}
.fade .press_head .newnav,
.fade .press_head .site-header-menu {
height: 64px;
}
.site-header-menu {
height: 110px;
transition: all .3s ease;
}
.fade .newnav.nav-desktop .site-header-menu {
line-height: 64px;
}
.newnav.nav-desktop .accordion {
height: 110px;
display: block;
transition: all .3s ease;
}
.fade .newnav.nav-desktop .accordion {
height: 64px;
}
.newnav.nav-desktop .accordion,
.newnav.nav-desktop .accordion ul,
.newnav.nav-desktop .accordion li,
.newnav.nav-desktop .accordion a,
.newnav.nav-desktop .accordion span {
border: none;
outline: none;
}
.newnav.nav-desktop .accordion li {
list-style: none;
}
.newnav.nav-desktop .accordion li {
float: left;
display: inline-block;
margin: 0;
text-align: center;
line-height: 110px;
position: relative;
transition: all .3s ease;
}
.fade .newnav.nav-desktop .accordion li {
line-height: 64px;
}
.newnav.nav-desktop .accordion li.menu-item-has-children:after {
content: "\E80F";
font-family: "mading-font";
font-style: normal;
font-weight: normal;
position: absolute;
top: 35px;
right: 5px;
line-height: 1;
font-size: 12px;
transition: all .3s ease;
}
.fade .newnav.nav-desktop .accordion li.menu-item-has-children:after {
top: 12px;
}
.newnav.nav-desktop .accordion li a {
text-decoration: none;
display: block;
margin: 0;
padding: 0 20px;
font-size: 15px;
line-height: 110px;
transition: all .3s ease;
position: relative;
}
.fade .newnav.nav-desktop .accordion li a {
line-height: 64px;
}
.newnav.nav-desktop .accordion li > .sub-menu {
top: 89px;
padding: 0;
position: absolute;
width: 240px;
display: none;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.fade .newnav.nav-desktop .accordion li > .sub-menu {
top: 64px;
}
.newnav.nav-desktop .accordion li > a > span {
position: absolute;
top: calc(50% - 26px);
right: -10px;
height: 16px;
line-height: 16px;
padding: 0 6px;
clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
font-size: 10px;
}
.newnav.nav-desktop .accordion li > ul > li > a {
display: block;
word-wrap: break-word;
line-height: 1.4 !important;
padding: 15px 25px;
}
.newnav.nav-desktop .accordion li:hover > .sub-menu {
display: block;
}
.newnav.nav-desktop .accordion li > .sub-menu > li {
position: relative;
display: block;
float: none;
text-align: left;
}
.newnav.nav-desktop .accordion li > .sub-menu > li.menu-item-has-children:after {
top: 20px;
right: 15px;
}
.newnav.nav-desktop .accordion li > .sub-menu > li > .sub-menu {
top: 0;
left: 100%;
}
.newnav.nav-desktop .accordion li > .sub-menu > li.menu-item-has-children:before {
display: none;
}
.press_content {
margin: 0 auto;
}
.press_fourblock {
background: #fff;
}
.press_container {
max-width: 1290px;
padding: 0 30px;
margin: 0 auto;
position: relative;
}
.before_blocks {
margin: 0 -10px;
}
.outer_top {
width: 100%;
float: none;
position: relative;
z-index: 10;
}
.press_infosekolah {
border-radius: 0;
position: relative;
margin: -50px 10px 0 10px;
height: auto;
overflow: hidden;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}
.info_box {
width: 65%;
float: left;
}
.school_box {
padding: 30px 40px;
position: relative;
}
.info_box h3 {
font-size: 12px;
}
.info_box h3 span.re_info {
display: inline-block;
padding: 0 10px;
line-height: 26px;
}
.info_box h1 {
position: relative;
font-size: 30px;
line-height: 1.3;
padding: 15px 0;
margin-bottom: 12px;
}
.info_box h1:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
opacity: 0.2;
}
.opened {
display: none;
position: relative;
bottom: 11px;
right: 0;
height: 1px;
}
.opened .opentoggle {
float: right;
position: relative;
width: 90px;
height: 20px;
margin-top: -10px;
}
.opentoggle:before {
content: "Lihat Kontak";
position: absolute;
bottom: 0;
right: 0;
font-size: 10px;
font-weight: 400;
border-radius: 10px;
padding: 0 10px;
height: 20px;
line-height: 20px;
z-index: 10;
}
.infoshow .opentoggle:before {
content: "Tutup Kontak";
}
.info_tab {
padding-top: 8px;
font-size: 14px;
}
.info_tab td {
padding: 4px 0;
}
.mad__wrapper .info_tab td {
border: 0 !important;
}
.press_cont {
width: 35%;
float: left;
}
.con_box {
margin: 30px 40px;
text-align: center;
}
.con_box .ks {
font-size: 12px;
margin-bottom: 5px;
}
.con_box .phone {
font-size: 25px;
}
.press_sosial.mading_sosial {
position: relative;
z-index: 10;
padding: 0;
margin: 15px 0;
text-align: center;
}
.press_sosial.mading_sosial a {
display: inline-block;
}
.press_sosial.mading_sosial a.mob_wa {
display: none;
}
.press_sosial i {
display: block;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 28px;
margin: 0 4px 4px 0;
}
.school_box:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
opacity: 0.2;
}
.press_infosekolah:after {
content: "";
position: absolute;
right: -50px;
top: -50px;
width: 100px;
height: 100px;
border-radius: 50px;
}
.outer_block {
width: 25%;
float: left;
margin-top: 30px;
position: relative;
z-index: 10;
}
.presshome_agenda {
position: relative;
height: 350px;
margin: 0 10px 30px;
padding: 30px;
background-position: top center;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}
.near_agenda {
position: relative;
z-index: 5;
}
.near_agenda h3 {
font-size: 15px;
}
.near_agenda h3 span.re_agenda {
display: inline-block;
padding: 0 10px;
line-height: 32px;
}
.latest_agenda {
padding: 15px 0;
}
.latest_agenda h4 {
font-size: 20px;
line-height: 1.3;
}
.table_agenda {
margin: 15px 0;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
font-size: 14px;
}
.table_agenda td {
padding: 8px 15px 8px 0;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.foot_agenda {
text-align: right;
padding: 10px 0;
}
.foot_agenda a {
position: relative;
}
.foot_agenda a:after {
content: "";
position: absolute;
bottom: 4px;
left: -42px;
height: 1px;
width: 40px;
}
.outer_doubleblock {
width: 50%;
float: left;
margin-top: 30px;
position: relative;
z-index: 10;
}
.press_post {
height: 408px;
margin: 0 10px 30px;
overflow: hidden;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}
.splide__slide img {
width: 100%;
}
.news .splide__slide {
height: 408px;
overflow: hidden;
position: relative;
}
.post_meta {
position: absolute;
top: 0;
left: -500px;
bottom: 0;
width: 280px;
padding: 30px;
font-size: 14px;
opacity: 0.9;
transition: all 0.5s 1s ease;
}
.is-visible .post_meta {
left: 0;
}
.post_meta span {
display: inline-block;
font-weight: bold;
padding: 0 10px;
margin: 0 0 15px;
font-size: 14px;
line-height: 32px;
height: 32px;
}
.post_meta h4 {
margin-bottom: 20px;
font-size: 20px;
font-weight: 700;
}
.announ_home {
position: relative;
margin: 0 10px;
height: 408px;
overflow: hidden;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}
.announ_post {
padding: 30px;
}
.announ_post h3 {
font-size: 15px;
margin-bottom: 10px;
}
.announ_post h3 span.re_peng {
display: inline-block;
padding: 0 10px;
line-height: 32px;
}
.block_post {
padding: 8px 0;
font-weight: 400;
}
.press_boxquote {
text-align: center;
padding: 80px 0;
}
.press_boxquote h4 {
font-size: 30px;
margin-bottom: 50px;
position: relative;
}
.quotes_acc {
margin-top: 10px;
display: block;
font-size: 22px;
}
.press_quote {
font-size: 22px;
}
#personelblock {
padding: 30px 0;
height: 280px;
overflow: hidden;
}
.home_person {
width: 45%;
float: left;
}
.box_person {
margin: 0 10px;
}
.head_edditorial {
margin: 0 -10px;
}
.head_edditorial .head_photos {
width: 240px;
float: left;
}
.head_edditorial .get_photos {
margin: 0 10px;
height: 280px;
overflow: hidden;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}
.box_person img {
width: 100%;
height: auto;
}
.head_latest {
width: calc(100% - 240px);
float: left;
}
.head_datas {
margin: 0 10px;
padding: 30px;
font-size: 14px;
height: 220px;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}
.head_datas .re_editor {
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
}
.head_name {
font-size: 18px;
font-weight: 700;
}
.head_title {
font-size: 14px;
margin-bottom: 12px;
}
.editorial_more {
text-align: right;
padding: 20px 0;
}
.editorial_more a {
display: inline-block;
height: 32px;
line-height: 32px;
padding: 0 10px;
}
.pressguru_block {
width: 55%;
float: left;
}
.pressbox_guru {
margin: 0 10px;
position: relative;
height: 280px;
overflow: hidden;
}
.pressbox_guru .person .splide__slide {
height: 280px;
padding: 0;
}
.pressguru_info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 20px;
z-index: 5;
}
.pressguru_info .guru_status {
font-size: 13px;
line-height: 1.3;
padding: 0 0 8px;
}
#anotherblock {
padding: 30px 0;
}
.blog_box {
padding: 0 0 30px 0;
}
.blog_box h3 {
padding: 0 10px 15px 10px;
}
.blog_box h3 span.re_blog {
display: inline-block;
padding: 0 10px;
line-height: 32px;
}
.blog_post {
width: 25%;
float: left;
}
.blog_in {
margin: 0 10px;
position: relative;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}
.blog_in img {
width: 100%;
height: auto;
display: block;
position: relative;
z-index: 10;
}
.meta_in {
position: relative;
padding: 20px 25px;
font-size: 13px;
}
.meta_in .avatar {
width: 40px;
height: 40px;
border-radius: 20px;
float: left;
display: block;
margin-right: 20px;
}
.blog_in h4 {
padding: 15px 25px;
height: 68px;
line-height: 1.4;
font-weight: 400;
}
.outer_fasblock {
width: 44%;
float: left;
}
.home_fasilitas {
margin: 0 10px;
}
.bot_head {
margin-bottom: 10px;
font-size: 25px;
font-weight: bold;
}
.box_fas {
width: 50%;
float: left;
position: relative;
}
.fas_image img {
width: 100%;
height: auto;
display: block;
}
.outer_extra {
width: 28%;
float: left;
}
.home_extra {
margin: 0 10px;
height: 499px;
overflow: hidden;
}
.box_extra {
height: 138px;
margin: 0 0 20px;
overflow: hidden;
}
.box_extra:nth-child(4) {
display: none;
}
.box_extra img {
float: right;
width: 146px;
margin: 0 0 0 15px;
height: auto;
}
.extra_text {
text-align: left;
padding: 20px 0 0 20px;
}
.extra_text h5 {
max-height: 45px;
overflow: hidden;
}
.extra_text span.re_lihat {
display: inline-block;
height: 24px;
line-height: 24px;
margin-top: 10px;
padding: 0 10px;
font-size: 12px;
}
.outer_gall {
width: 28%;
float: left;
}
.home_gall {
}
.home_gall {
margin: 0 10px;
height: 499px;
overflow: hidden;
}
.box_gall {
margin-bottom: 18px;
}
.box_gall:nth-child(3),
.box_gall:nth-child(4) {
display: none;
}
.gall_image {
height: 218px;
overflow: hidden;
}
.gall_image img {
width: 100%;
height: auto;
display: block;
}
#lastblock {
padding: 30px 0;
}
.outer_video {
position: relative;
padding: 0 10px;
}
.bot_headvid {
margin: 0 0 10px;
font-size: 25px;
font-weight: bold;
}
.box_vid {
margin: 0;
}
.box_vid iframe {
width: 100%;
height: 234px;
display: block;
}
.pressvideo.owl-theme .owl-nav {
position: absolute;
top: -43px;
right: 0;
margin: 0;
}
.press_page.not_found {
position: relative;
padding: 100px 40px 300px;
}
.press_page:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.7;
z-index: 1;
}
.press_page {
background-image: url(//smksjaktim1.sch.id/web/wp-content/themes/mading/prestasi/images/parallax.jpg);
}
.press_page {
position: relative;
padding: 40px 40px;
font-weight: 400;
line-height: 1.5;
text-align: center;
background-size: 100%;
}
.press_page h1 {
font-size: 30px;
font-weight: 400;
margin: 0;
line-height: 1.3;
position: relative;
z-index: 2;
}
.press_sub {
position: relative;
font-weight: 400;
line-height: 1.5;
text-align: center;
position: relative;
padding: 30px 0 0;
z-index: 2;
}
.press_page .breadcrumbs {
display: none;
}
.press_container {
max-width: 1400px;
padding: 0 30px;
margin: 0 auto;
position: relative;
}
#listing {
padding: 30px 0 0;
}
.press_konten {
margin: 0 -15px;
}
.press_loop {
width: 25%;
float: left;
}
.press_in {
margin: 0 15px 30px;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
.press_inpublish {
position: absolute;
bottom: 15px;
left: 30px;
padding: 6px 15px;
font-size: 12px;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
z-index: 3;
}
.press_inthumb {
position: relative;
}
.press_inthumb iframe {
width: 100%;
height: 187px;
}
.press_inmeta {
padding: 20px 30px;
}
.press_inmeta h2 {
font-size: 20px;
line-height: 1.3;
margin-bottom: 15px;
}
.press_inexcerpt {
font-size: 12px;
line-height: 1.6;
}
.loops1.madclear,
.loops2.madclear,
.loops3.madclear,
.loops5.madclear,
.loops6.madclear,
.loops7.madclear,
.loops9.madclear,
.loops10.madclear,
.loops11.madclear,
.loops13.madclear,
.loops14.madclear,
.loops15.madclear,
.loops17.madclear,
.loops18.madclear,
.loops19.madclear {
display: none;
}
.bread_in .get_photos {
position: relative;
width: 182px;
height: 182px;
border-radius: 100px;
margin: 0 auto 20px;
overflow: hidden;
z-index: 2;
}
.press_guru {
width: 20%;
float: left;
}
.press_inguru {
margin: 0 15px 30px;
}
.press_fullname {
font-size: 16px;
text-align: center;
padding: 15px 20px;
}
.press_fullname a {
display: block;
}
.press_jab {
font-size: 14px;
padding: 8px 0 0;
display: inline-block;
}
.gurus1.madclear,
.gurus2.madclear,
.gurus3.madclear,
.gurus4.madclear,
.gurus6.madclear,
.gurus7.madclear,
.gurus8.madclear,
.gurus9.madclear,
.gurus11.madclear,
.gurus12.madclear,
.gurus13.madclear,
.gurus14.madclear,
.gurus16.madclear,
.gurus17.madclear,
.gurus18.madclear,
.gurus19.madclear {
display: none;
}
.gurus5.madclear,
.gurus10.madclear,
.gurus15.madclear {
display: block;
}
.press_single {
padding: 30px 0 0;
}
.post-type-archive-quotes .quotes_loop:nth-child(2n) {
position: relative;
background: rgba(0, 0, 0, 0.07);
}
.post-type-archive-quotes .quotes_loop,
.single-quotes .quotes_loop {
width: auto;
margin: 0;
padding: 80px 300px;
float: none;
height: auto;
text-align: center;
}
.post-type-archive-quotes .post_inexcerpt,
.single-quotes .post_inexcerpt {
font-size: 20px;
}
.quotes_loop h2 {
font-size: 22px;
line-height: 1.3;
margin-bottom: 10px;
height: 56px;
overflow: hidden;
}
.footer_nav {
position: fixed;
bottom: -50px;
left: 0;
right: 0;
padding: 0 0 50px;
z-index: 10;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
background: #fff;
text-align: center;
display: none;
}
.five_block {
float: left;
width: 20%;
height: 45px;
padding: 5px 0 0;
}
.five_block i {
font-size: 16px;
padding: 5px 0 2px;
}
.ntext {
font-size: 10px;
line-height: 1.4;
}
.press_primary {
width: calc(100% - 420px);
float: left;
}
.press_pagefull.press_primary {
width: 100%;
float: none;
}
.press_secondary {
width: 420px;
float: right;
}
.press_singular {
padding: 30px 0 0;
margin: 0 -15px;
}
.pressprimary_in {
padding: 0 15px;
}
.article_img img {
width: 100%;
margin: 0 0 30px;
}
.presssecond_in {
margin: 0 15px 15px;
}
.presssecond_in .widget_block {
position: relative;
clear: both;
padding: 30px;
margin: 0 0 15px;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.07);
}
.meta_date {
float: right;
}
.press_cat {
border-top: 1px solid rgba(125, 125, 125, 0.15);
border-bottom: 1px solid rgba(125, 125, 125, 0.15);
margin: 0;
padding: 15px 0;
text-align: center;
}
.press_cat a {
line-height: 34px;
padding: 0 15px;
font-size: 14px;
display: inline-block;
}
.press_tags {
padding: 15px 0;
}
.press_tags a {
margin: 0 8px 0 0;
}
.event_press {
margin: 0 0 30px;
}
.left_box {
width: 130px;
float: left;
}
.press_eventdate {
font-size: 55px;
line-height: 1.2;
font-weight: 700;
text-align: center;
width: 80px;
padding: 5px;
}
.press_eventmonth {
text-align: center;
width: 80px;
padding: 5px;
}
.event_expired,
.event_active {
font-size: 30px;
}
.mading_alumni {
float: left;
width: calc(100% - 280px);
} .mad_presblock {
padding: 40px 0;
}
.pres_outer {
margin: 0 -25px;
}
.pres_text {
float: left;
width: 30%;
}
.pres_inner {
margin: 0 25px;
}
.pres_head {
position: relative;
padding: 20px 0 15px;
font-weight: 700;
font-size: 25px;
line-height: 1.2;
letter-spacing: -1px;
}
.pres_desc {
margin: 0 0 20px;
}
.pres_button {
margin: 0 0 20px;
}
.pres_button a {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 30px;
border-radius: 30px;
margin: 0 5px 0 0;
font-weight: 700;
}
.pres_loop {
width: 70%;
float: left;
}
.loop_inner {
margin: 0 15px;
}
.pres_post {
float: left;
width: 33.33%;
}
.prespost_inner {
margin: 0 10px;
}
.prespost_inner img {
display: block;
margin: 0 0 25px;
}
.pres_by {
margin: 0 0 8px;
font-size: 14px;
}
.pres_title {
font-size: 16px;
font-weight: bold;
padding: 0 0 0 20px;
border-left: 1px solid rgba(125, 125, 125, 0.5);
}
.mad_widget {
padding: 40px 0;
}
.widget_area {
margin: 0 -20px;
}
.widget_box {
width: 33.33%;
float: left;
}
.widget_box-inner {
padding: 0 20px;
}
.widget_block {
margin: 0 0 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: 30px;
line-height: 30px;
width: 70px;
padding: 0;
margin-left: 10px;
text-align: center;
}
.widget_block .wp-block-search .wp-block-search__input {
border: 1px dashed rgba(125, 125, 125, 0.3);
height: 30px;
line-height: 30px;
width: calc(100% - 90px);
padding: 0 9px;
background: #fff;
color: #222;
float: left;
}
.widget_block .wp-block-search .wp-block-search__label {
margin: 0 0 6px;
font-style: italic;
display: block;
}
.widget_block.widget_meta li {
padding: 0 0 10px;
}
.widget_block.widget_nav_menu li {
padding: 0 0 10px;
}
.widget_block.widget_nav_menu li.menu-item-has-children {
padding: 0;
}
.widget_block.widget_nav_menu li.menu-item-has-children ul.sub-menu {
margin: 10px 0 0;
}
.widget_block .wp-block-video iframe {
width: 100%;
padding: 0 0 10px;
height: 200px;
} .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;
border-radius: 3px;
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 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);
}
.copyright {
padding: 40px 0;
text-align: center;
}
.to_top {
position: fixed;
right: 36px;
bottom: 30px;
width: 36px;
height: 36px;
line-height: 36px !important;
text-align: center;
font-size: 18px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
z-index: 100;
display: none;
}
.fade .to_top {
display: block;
}
.layout_prestasi .to_top {
display: none;
}
.news.owl-theme .owl-nav.disabled + .owl-dots {
position: absolute;
top: 10px;
right: 20px;
margin-top: 0;
}
.news.owl-theme .owl-dots .owl-dot span {
margin: 5px 0 5px 5px;
border-radius: 0;
width: 12px;
height: 12px;
background: #222;
}
.ext__container {
position: relative;
width: auto;
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
.alumni_loop {
column-count: 3;
column-gap: 20px;
}
.all_alumni {
display: grid;
grid-template-rows: 1fr auto;
break-inside: avoid;
position: relative;
padding: 30px;
border: 1px solid #ddd;
margin: 0 0 20px;
box-shadow: -10px 10px 25px rgba(0,0,0,0.1);
}
.foto_alumni {
width: 150px;
margin: 0 auto 25px;
}
.foto_alumni img {
width: 100%;
border-radius: 6px;
}
.data_alumni {
display: block;
}
.basic_alumni {
line-height: 1.5;
}
.idname {
float: left;
width: 110px;
}
.iddot {
float: left;
width: 30px;
}
.idvalue {
float: right;
width: calc(100% - 165px);
text-align: right;
}
.press_page .breadcrumbs {
display: none;
}
.mading_login {
float: right;
width: 225px;
padding: 0 0 0 25px;
margin: 0 0 40px;
}
.log_open {
margin: 0 0 15px;
}
.log_close a {
display: inline-block;
border-radius: 4px;
margin: 0 5px 0 0;
height: 32px;
line-height: 32px;
padding: 0 16px;
}
#login, #register {
display: none;
}
.showform {
display: block !important;
}
.formim h3 {
margin: 0 0 10px;
}
.inform {
padding: 10px 0;
border-top: 1px solid rgba(125, 125, 125, 0.3);
border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}
.formim .status {
margin: 0 0 8px;
}
.logajax {
margin: 0 0 8px;
}
.logajax input {
border: 1px solid rgba(125, 125, 125, 0.3);
box-shadow: 0 0 10px inset rgba(0, 0, 0, 0.08);
padding: 0 10px;
width: calc(100% - 22px);
height: 32px;
line-height: 32px;
border-radius: 3px;
}
.robot, .robot_oke, .robot2_oke {
padding: 10px 0 0;
}
.forg {
padding: 15px 0 0;
}
.submit_button {
display: inline-block;
border-radius: 4px;
margin: 0 5px 15px 0;
height: 32px;
line-height: 32px;
padding: 0 16px;
border: 0;
}
.mading_alumni {
float: left;
width: calc(100% - 280px);
}
.sos_alumni {
text-align: center;
padding: 15px 0;
}
.basic_alumni a {
display: inline-block;
width: 42px;
height: 42px;
border-radius: 30px;
overflow: hidden;
margin: 10px 02px 0 0;
}
.basic_alumni i.icon-mad-whatsapp {
background: #4cb863;
}
.basic_alumni i.icon-mad-facebook {
background: #2933c5;
}
.basic_alumni i.icon-mad-instagram {
background: #ec516e;
}
.basic_alumni i.icofont-x {
background: #222;
}
.basic_alumni i {
display: block;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
color: #fff;
font-size: 25px;
}
.press_inthumb {
position: relative;
}
.press_inexcerpt {
font-size: 12px;
line-height: 1.6;
} #listing {
padding: 30px 0 0;
} .mading_primary {
float: left;
width: calc(100% - 380px);
}
.mading_table {
width: 100%;
margin: 0 0 40px;
}
.mad__wrapper td {
padding: 18px 18px;
border: 1px solid rgba(125, 125, 125, 0.3);
margin: 0 0 -1px -1px;
}
.mad__downtitle {
margin: 0 0 10px;
font-size: 18px;
}
.mading_table a {
font-weight: bold;
height: 30px;
line-height: 30px;
display: inline-block;
padding: 0 10px;
margin: 0 0 4px;
}
.tdcol {
text-align: center;
}
.mading_secondary {
float: left;
width: 380px;
}
.secondary_content {
margin: 0 20px;
}
.search_something {
padding: 0 0 40px;
}
.some_input input {
width: calc(100% - 28px);
border: 1px solid rgba(125, 125, 125, 0.3);
padding: 0 14px;
margin: 0 0 15px;
height: 36px;
line-height: 36px;
box-shadow: 0 0 15px inset rgba(0, 0, 0, 0.07);
border-radius: 3px;
}
.some_result {
margin: 0 0 20px;
}
.head_cat {
margin: 0 0 10px;
}
.cat_term {
padding: 12px 0;
margin: 0;
border-top: 1px solid rgba(125, 125, 125, 0.3);
}
.cat_term a {
height: 24px;
line-height: 24px;
}
.cat_term span {
float: right;
height: 24px;
line-height: 24px;
padding: 0 10px;
}
.mad_konten {
margin: 0 -20px;
}
.primary_content {
margin: 0 20px;
}
.mading_kelas {
float: left;
width: 175px;
padding: 0 25px 0 0;
margin: 0 0 40px;
}
.kelas_head {
font-weight: bold;
padding: 10px 15px;
}
.tugas_term {
border-bottom: 1px solid rgba(125, 125, 125, 0.3);
padding: 10px 0;
}
.tugas_term a {
font-weight: bold;
}
.mat_count {
float: right;
padding: 0 6px;
font-weight: normal;
border-radius: 4px;
}
.mading_materi {
float: left;
width: calc(100% - 500px);
margin: 0 0 40px;
padding: 20px 24px;
border: 1px solid rgba(125, 125, 125, 0.3);
}
.materi_box h2, .materi_box h3 {
font-size: 24px;
line-height: 1.2;
margin: 0 0 10px;
font-weight: 400;
}
.mading_artikel, .materi_stat {
margin: 0 0 15px;
}
.per_materi {
width: 80px;
height: 80px;
float: right;
text-align: center;
border-radius: 4px;
}
.per_count {
height: 50px;
line-height: 60px;
font-size: 35px;
}
.per_span {
height: 20px;
font-size: 10px;
}
.det_materi {
float: left;
width: calc(100% - 120px);
}
.det_materi h4 {
font-size: 24px;
line-height: 1.2;
margin: 0 0 10px;
font-weight: 400;
}
.kelas_mapel {
margin: 0 0 20px;
}
.det_mapel, .det_kelas {
height: 24px;
line-height: 24px;
padding: 0 8px;
display: inline-block;
font-size: 12px;
position: relative;
margin: 0;
}
.mat_author {
margin: 0 0 30px;
}
.mat_by {
float: right;
width: calc(100% - 65px);
}
.mat_avatar {
float: left;
width: 40px;
height: 40px;
border-radius: 40px;
overflow: hidden;
}
.post-type-archive-quotes .quotes_loop, .single-quotes .quotes_loop {
width: auto;
margin: 0;
padding: 80px 300px;
float: none;
height: auto;
text-align: center;
}
.post-type-archive-quotes .post_inexcerpt, .single-quotes .post_inexcerpt {
font-size: 20px;
}
.quotes_loop h2 {
font-size: 22px;
line-height: 1.3;
margin-bottom: 10px;
height: 56px;
overflow: hidden;
}
.press_singular {
padding: 30px 0 0;
margin: 0 -15px;
}
.press_primary {
width: calc(100% - 420px);
float: left;
}
.pressprimary_in {
padding: 0 15px;
}
.article_img img {
width: 100%;
margin: 0 0 30px;
}
.press_secondary {
width: 420px;
float: right;
}
#sidebar {
margin: 0 15px;
}
.press_pagefull.press_primary {
width: 100%;
float: none;
} .mading_article {
line-height: 1.5;
}
.mading_article.no_post {
margin: 0 0 50px;
}
.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: 18px;
}
.mading_article h6 {
font-size: 16px;
}
.mading_article {
font-weight: 400;
}
.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;
}
.madtags {
margin: 40px 0;
}
.madtags a {
margin: 0 4px 4px 0;
padding: 2px 8px;
line-height: 20px;
line-height: 20px;
font-size: 13px;
display: inline-block;
}
.screen-reader-text {}
.madrel {
margin: 0 -10px 50px;
}
.post_related {
float: left;
width: 33.33%;
}
.post_listing {
margin: 0 10px 20px;
position: relative;
min-height: 150px;
overflow: hidden;
}
.rel_featured img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.rel_overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 90px 15px 15px;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
color: #fff;
}
.rel_overlay a {
color: #fff;
}
.rel_overlay h4 {
font-weight: bold;
}
.rel_overlay span {
font-size: 12px;
}
.akademi__comment {
padding: 50px 0 25px;
margin: 0 0 25px;
border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}
.akademi__comment i {
float: left;
width: 45px;
height: 45px;
margin-right: 30px;
line-height: 45px;
text-align: center;
font-size: 22px;
border-radius: 6px;
}
.have_comment {
float: right;
width: calc(100% - 80px);
}
.mading_heads {
font-size: 30px;
line-height: 1.2;
letter-spacing: -1px;
margin: 0 10px 10px;
padding-top: 20px;
}
.mading__post {
position: relative;
}
.comment-body {
padding: 0 0 40px;
}
.comment-meta {
margin: 0 0 20px;
position: relative;
}
.comment-meta .avatar {
float: left;
margin: 0 40px 0 0;
}
.comment-meta:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.comment-content {
padding: 30px 30px 65px;
border: 1px solid rgba(125, 125, 125, 0.25);
margin: 0 0 0 85px;
}
.comment-author {
margin: 0 0 5px;
}
.reply {
margin: -50px 0 15px 115px;
position: relative;
z-index: 2;
}
.comment-reply-link {
display: inline-block;
height: 30px;
line-height: 30px;
border-radius: 5px;
padding: 0 15px;
background: #016;
color: #fff;
}
.comment.depth-2,
.comment.depth-3,
.comment.depth-4,
.comment.depth-5 {
margin-left: 85px;
}
.comment_heads {
font-size: 24px;
line-height: 1.2;
letter-spacing: -1px;
margin: 0;
}
.comment-respond {
margin: 0 0 20px 80px;
}
.comment_leads {
font-size: 24px;
line-height: 1.2;
letter-spacing: -1px;
margin: 0 0 20px 80px;
}
.comment__author span {
font-weight: 300;
text-transform: uppercase;
}
.comment__author {
padding: 0 0 10px;
}
.comment__author span a {
font-weight: bold;
font-size: 16px;
}
.comment__author em {
font-size: 13px;
}
.comment__meta p {
line-height: 1.6;
}
.comment__meta .comment-reply-link {
display: block;
padding: 10px 0;
}
.comment-form {
position: relative;
padding: 150px 0 40px;
}
.comment-form #submit {
border: none;
font-weight: bold;
font-size: 15px;
cursor: pointer;
padding: 8px 15px;
border-radius: 4px;
}
#respond .comment_message {
margin: 10px 0 25px;
}
#respond .mading__form-textarea {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 140px;
}
#comment {
height: 120px;
width: calc(100% - 30px);
padding: 10px 15px;
background: rgba(0, 0, 0, 0.03);
border: 0;
}
.mading__form-author,
.mading__form-email,
.mading__form-url {
float: left;
width: 33.333333333%;
padding: 15px 0 0;
}
.inncom {
width: calc(100% - 15px);
}
.mading__form-url .inncom {
width: 100%;
}
.inncom input {
height: 36px;
line-height: 36px;
padding: 0 15px;
width: calc(100% - 30px);
font-size: 14px;
border: 0;
background: rgba(0, 0, 0, 0.03);
}
.comment-form-cookies-consent {
display: block;
clear: both;
padding: 15px 0;
}
.content_meta {
font-size: 15px;
margin: 0 0 20px;
}
.meta_date {
float: right;
}
.press_cat {
border-top: 1px solid rgba(125, 125, 125, 0.15);
border-bottom: 1px solid rgba(125, 125, 125, 0.15);
margin: 0;
padding: 15px 0;
text-align: center;
}
.press_tags {
padding: 15px 0;
}
.mading_secondary .widget_block {
position: relative;
clear: both;
padding: 30px;
margin: 0 0 15px;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.07);
}
.akademi_container {
max-width: 1400px;
padding: 0 15px;
margin: 0 auto;
position: relative;
}
.people .akademi_secondary {
float: left;
width: 360px;
}
.akademi_secondary {
width: 430px;
float: right;
padding: 30px 0;
}
.people .secondary_content {
margin: 30px 15px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.people .akademi_secondary img {
width: 100%;
}
.singmeta {
padding: 20px 30px;
}
.content_heading {
font-size: 18px;
font-weight: 700 !important;
margin: 0 0 20px;
}
.people .table_inakademi {
width: 100%;
}
.people .table_inakademi td {
padding: 12px 20px 12px 0;
border: 0;
border-top-width: 0px;
border-top-style: none;
border-top-color: currentcolor;
border-top: 1px solid rgba(125, 125, 125, 0.3);
}
.akademi_primary {
width: calc(100% - 360px);
float: left;
padding: 30px 0;
position: relative;
}
.people .primary_content {
margin: 0 15px;
padding: 30px 0;
}
.content_meta {
font-size: 15px;
margin: 0 0 20px;
}
.per_tiga {
width: 33.33%;
float: left;
}
.guru_data {
margin: 0 -15px;
}
.per_dua {
width: 50%;
float: left;
}
.guru_table {
margin: 0 15px;
width: calc(100% - 30px);
} 
.guru_table td {
padding: 12px 20px 12px 0;
border: 0;
border-top-width: 0px;
border-top-style: none;
border-top-color: currentcolor;
border-top: 1px solid rgba(125, 125, 125, 0.3);
}
.art_title {
padding: 25px 0 10px 0;
}
.art_title span {
height: 32px;
line-height: 32px;
padding: 0 12px;
display: inline-block;
font-weight: 700 !important;
}
.art_title {
padding: 25px 0 10px 0;
}
.materi_tab .ask {
margin: 10px 0 8px;
}
.materi_tab .answer {
float: left;
width: 25%;
margin: 0 0 10px;
}
.footer_nav {
display: none;
}
@media screen and (max-width: 982px) {
.press_top {
padding: 0;
}
.press_today {
display: none;
}
.press_header {
height: 132px;
}
.running {
margin: 0;
}
.botsearch,
.botmenu {
display: block;
}
.press_logo,
.press_logo img {
height: 46px;
}
.press_head {
height: 86px;
}
.layout_prestasi {
padding: 132px 0 0;
}
.press_header {
height: 132px;
}
.press_search {
position: fixed;
display: none;
top: -50px;
left: 0;
right: 0;
bottom: -50px;
height: calc(100% + 100px);
width: 100%;
opacity: 0.95;
transition: all 1s 0.1s ease;
z-index: 1000;
}
.opensearch .press_search {
display: block;
}
.botclose {
display: block;
}
.press_search #searchform {
width: 300px;
margin: 200px auto 0;
height: auto;
padding: 15px 0;
border-top: 1px solid rgba(125, 125, 125, 0.3);
border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}
.press_search #searchform:before {
display: none;
}
.press_head {
height: 86px;
}
.botsearch,
.botmenu {
display: block;
}
.press_logo,
.press_logo img {
height: 46px;
}
.press_search #searchform {
width: 300px;
margin: 200px auto 0;
height: auto;
padding: 15px 0;
border-top: 1px solid rgba(125, 125, 125, 0.3);
border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}
.ps_select {
width: 100%;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
}
.ps_input {
width: 100%;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ps_input input,
.ps_select select {
width: calc(100% - 20px);
}
.ps_button {
width: 80px;
height: 40px;
line-height: 40px;
}
.ps_button button {
width: 80px;
height: 40px;
}
.closemenu {
display: block;
position: absolute;
top: 13px;
padding: 0 10px;
height: 24px;
line-height: 24px;
right: 30px;
font-size: 10px;
z-index: 2;
}
.press_head .site-header-menu {
position: fixed;
top: 0;
bottom: 0;
right: -100%;
left: 100%;
height: auto;
z-index: 1000;
}
.openmenu .press_head .site-header-menu {
left: 0;
right: 0;
}
.press_head .newnav {
overflow-y: auto;
margin: 0;
padding: 50px 0 0;
height: 100%;
}
.fade .press_head .newnav,
.fade .press_head .site-header-menu {
height: auto;
}
.newnav.nav-mobile .accordion {
height: auto;
}
.newnav.nav-mobile .accordion li {
display: block;
position: relative;
float: none;
text-align: left;
line-height: 1.3;
padding: 0;
}
.newnav.nav-mobile .accordion li a {
position: relative;
display: inline-block;
float: none;
line-height: 1.3;
padding: 10px 20px;
font-weight: bold;
}
.newnav.nav-mobile .accordion li > a > span {
position: absolute;
top: calc(50% - 26px);
right: -10px;
height: 16px;
line-height: 16px;
padding: 0 6px;
clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
font-size: 10px;
}
.newnav.nav-mobile .accordion li.menu-item-has-children:after {
content: "\E80F";
font-family: "mading-font";
font-style: normal;
font-weight: normal;
position: absolute;
top: 48px;
right: 6px;
line-height: 1;
font-size: 10px;
}
.newnav.nav-mobile .accordion li.menu-item-has-children:after {
top: 12px;
right: 20px;
}
.newnav.nav-mobile .accordion li > .sub-menu {
padding: 0;
position: relative;
width: 100% !important;
max-height: 0;
overflow: hidden;
transition: opacity 0.5s ease, max-height 0.5s ease;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.newnav.nav-mobile .accordion li.active > .sub-menu {
max-height: 500px; 
height: auto;
}
.newnav.nav-mobile .accordion li > .sub-menu > li {
width: 100%;
background: rgba(0, 0, 0, 0.05);
}
.newnav.nav-mobile .accordion li > .sub-menu > li > a {
padding: 10px 20px 10px 35px;
}
.newnav.nav-mobile .accordion li > .sub-menu > li > ul > li > a {
padding: 10px 20px 10px 50px;
}
.layout_prestasi {
padding: 132px 0 0;
}
.info_box,
.press_cont {
width: 100%;
float: none;
}
.info_tab,
.press_cont {
display: none;
}
.school_box .mad__schoolname {
text-align: left;
}
.opened {
display: block;
}
.infoshow .info_tab,
.infoshow .press_cont {
display: block;
}
.outer_block {
width: 100%;
float: none;
}
.outer_doubleblock {
width: 100%;
float: none;
margin-top: 0;
}
.news .splide__slide,
.press_post {
height: auto;
}
.announ_home {
margin: 0 10px 30px;
}
#personelblock {
height: auto;
}
.home_person {
width: 100%;
float: none;
margin: 0 0 30px;
}
.pressguru_block {
width: 100%;
float: none;
}
.pressbox_guru .person .splide__slide,
.pressbox_guru {
height: auto;
}
.blog_post {
width: 33.33%;
}
.outer_fasblock {
width: 100%;
float: none;
margin-bottom: 30px;
}
.box_fas {
width: 25%;
}
.outer_extra {
width: 100%;
float: none;
}
.home_extra {
width: calc(100% + 10px);
height: auto;
}
.outer_gall {
width: 100%;
float: none;
}
.home_gall {
height: auto;
}
.box_gall {
width: 25%;
float: left;
margin: 0;
}
.post_meta {
left: 0;
right: 0;
top: auto;
bottom: -300px;
width: auto;
}
.is-visible .post_meta {
bottom: 0;
}
.box_gall {
width: 25%;
float: left;
margin: 0;
}
.gall_image {
height: auto;
}
#pressblock .before_blocks {
margin: 0;
}
.box_vid iframe {
height: 165px;
}
.alumni_loop {
column-count: 2;
}
.mading_login {
float: none;
width: 100%;
padding: 0;
}
.press_konten {
margin: 0 -10px;
}
.press_loop {
width: 33.33%;
}
.press_in {
margin: 0 10px 30px;
}
.press_guru {
width: 33.33%;
}
.mading_primary {
float: none;
width: 100%;
margin: 0 0 40px;
}
.mading_kelas {
float: none;
width: 100%;
padding: 0;
}
.mading_materi {
float: none;
width: 100%;
padding: 20px 0;
border: 0;
border-top: 1px solid rgba(125, 125, 125, 0.3);
border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}
.press_loop {
width: 33.33%;
}
.press_inthumb iframe {
height: 168px;
}
.press_primary, .press_secondary {
width: 100%;
float: none;
}
.people .akademi_secondary {
float: none;
width: auto;
}
.akademi_singlecontent .secondary_content, .akademi_singlecontent #sidebar {
margin: 0;
}
.people .akademi_featured {
width: 240px;
margin: 0 auto;
}
.people .akademi_primary {
float: none;
width: 100%;
}
.footer_nav {
display: block;
}
}
@media screen and (max-width: 800px) {
.pres_text {
float: none;
width: 100%;
}
.pres_text {
float: none;
width: 100%;
}
.pres_loop {
width: 100%;
float: none;
}
.box_vid iframe {
height: 200px;
}
.press_loop {
width: 50%;
}
.press_loop {
width: 50%;
}
.press_inthumb iframe {
height: 206px;
}
}
@media screen and (max-width: 768px) {
.box_vid iframe {
height: 193px;
}
}
@media screen and (max-width: 720px) {
.box_vid iframe {
height: 180px;
}
}
@media screen and (max-width: 640px) {
.box_vid iframe {
height: 156px;
}
.alumni_loop {
column-count: 1;
}
.post-type-archive-quotes .quotes_loop, .single-quotes .quotes_loop {
padding: 60px 30px;
}
.press_inthumb iframe {
height: 162px;
}
.per_tiga {
width: 100%;
float: none;
margin: 0 0 15px;
}
.per_dua {
width: 100%;
float: none;
}
}
@media screen and (max-width: 600px) {
.blog_post {
width: 100%;
float: none;
margin: 0 0 20px;
}
.blog_post img {
float: left;
width: 230px;
}
.blog_meta {
float: right;
width: calc(100% - 230px);
}
.box_fas {
width: 50%;
}
.home_extra {
width: auto;
}
.box_gall {
width: 50%;
}
.blog_post {
width: 100%;
float: none;
margin: 0 0 20px;
}
.box_gall {
width: 50%;
}
.box_vid iframe {
height: 146px;
}
.press_guru {
width: 50%;
}
.gurus1.madclear, .gurus3.madclear, .gurus5.madclear, .gurus7.madclear, .gurus9.madclear, .gurus11.madclear, .gurus13.madclear, .gurus15.madclear, .gurus17.madclear, .gurus19.madclear {
display: none;
}
.press_inthumb iframe {
height: 150px;
}
}
@media screen and (max-width: 533px) {
.my-news-ticker {
line-height: 30px;
height: 30px;
}
.quotes_acc {
font-size: 14px;
}
.mad_presblock {
padding: 25px 0;
}
.pres_button {
margin: 0 0 30px;
}
.mad_presblock {
padding: 25px 0;
}
.pres_button {
margin: 0 0 30px;
}
.pres_post {
width: 50%;
}
.pres_post:nth-child(3) {
display: none;
}
.box_vid iframe {
height: 264px;
}
.widget_box {
width: 100%;
float: none;
}
.foto_alumni {
width: 80px;
float: none;
}
.data_alumni {
float: none;
width: 100%;
}
.idname {
width: 125px;
}
.iddot {
width: 15px;
}
.mading_secondary {
float: none;
width: 100%;
}
.mad_konten {
padding: 10px 0 0;
}
.down_only .mad_konten {
padding: 0;
}
.soal_box {
position: relative;
}
.per_materi {
position: absolute;
width: 50px;
height: 50px;
top: 3px;
left: 0;
}
.per_count {
height: 30px;
line-height: 40px;
font-size: 26px;
}
.det_materi {
float: none;
width: 100%;
}
.det_materi h4 {
font-size: 18px;
margin: 0 0 10px 65px;
min-height: 65px;
}
.mat_author {
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px solid rgba(125, 125, 125, 0.3);
}
.post-type-archive-video .press_loop {
width: 100%;
float: none;
}
.press_inthumb iframe {
height: 264px;
}
.post_related {
float: none;
width: 100%;
}
.post_listing {
height: 200px;
}
.akademi_primary .primary_content {
margin: 0;
}
.guru_table td {
width: 50%;
padding: 12px 0;
}
.materi_tab .answer {
float: none;
width: 100%;
}
}
@media screen and (max-width: 480px) {
.layout_prestasi .presshome_agenda {
text-align: left;
}
.head_edditorial .head_photos {
width: auto;
float: none;
}
.head_edditorial .get_photos {
margin: 0 auto 20px;
width: 150px;
height: 150px;
border: #fff solid 10px;
border-radius: 200px;
}
.blog_post img {
width: 45%;
}
.blog_meta {
width: 55%;
}
.head_latest {
width: auto;
float: none;
}
.meta_in {
padding: 20px 25px 0;
}
.meta_in .blog_by, .meta_in .avatar {
display: none;
}
.pres_button a {
height: 40px;
line-height: 40px;
padding: 0 25px;
}
.box_vid iframe {
height: 236px;
}
.press_inthumb iframe {
height: 218px;
}
.press_infosekolah:after {
content: "";
right: -62px;
top: -62px;
}
}
@media screen and (max-width: 420px) {
.press_header,
.fade .press_header {
height: 94px;
}
.press_top {
height: 30px;
}
.running {
display: block;
padding: 0;
height: 30px;
}
.my-news-ticker {
line-height: 30px;
height: 30px;
}
.press_head {
height: 64px;
}
.botsearch,
.botmenu {
top: 14px;
}
.head_area {
padding: 0 20px;
}
.press_logo {
padding: 12px 40px 12px 0;
height: 40px;
}
.press_logo img {
height: 40px;
}
.layout_prestasi {
padding: 94px 0 0;
}
.press_container {
padding: 0 15px;
}
.press_infosekolah {
margin: -20px 10px 0 10px;
}
.school_box {
padding: 20px 20px 10px;
}
.info_box h1 {
font-size: 22px;
margin-bottom: 20px;
}
.outer_block {
margin-top: 15px;
}
.latest_agenda {
padding: 15px 0 0;
}
.press_post,
.presshome_agenda,
.announ_home {
margin: 0 10px 15px;
}
.presshome_agenda,
.post_meta,
.announ_post {
padding: 20px;
}
.news h4 {
margin: 0;
font-size: 18px;
}
.news_ex {
display: none;
}
.press_boxquote {
padding: 50px 0;
}
.press_boxquote h4 {
font-size: 22px;
margin-bottom: 20px;
}
.press_quote {
font-size: 18px;
}
#personelblock {
padding: 30px 0 15px;
height: auto;
}
.home_person {
margin: 0 0 15px;
}
.pressguru_info {
padding: 15px;
}
#anotherblock {
padding: 20px 0;
}
.blog_box {
padding: 0;
}
.blog_post {
margin: 0 0 15px;
}
.outer_fasblock {
margin-bottom: 15px;
}
.box_extra {
margin: 0 0 15px;
}
.head_datas {
padding: 20px;
height: auto;
}
.head_name {
font-size: 14px;
}
.editorial_more {
padding: 20px 0 0;
}
.meta_in {
padding: 15px 20px 0;
}
#lastblock {
padding: 20px 0;
}
.box_vid iframe {
height: 216px;
}
.press_page h1 {
font-size: 16px;
}
.not_found.press_page h1 {
font-size: 22px;
}
.press_sub {
padding: 20px 0 0;
}
.press_page.not_found {
position: relative;
padding: 100px 30px 100px;
}
.press_page {
background-size: 200%;
background-position: top center;
padding: 30px 20px;
}
.all_alumni {
padding: 20px;
}
.press_konten {
margin: 0 -5px;
}
.press_in {
margin: 0 5px 15px;
}
.press_inpublish {
bottom: 10px;
left: 20px;
}
.press_inmeta {
padding: 15px 20px;
}
.press_inmeta h2 {
font-size: 15px;
}
.press_inguru {
margin: 0 5px 20px;
}
.bread_in .get_photos {
width: 80px;
height: 80px;
border-width: 6px;
}
.press_inpublish {
position: absolute;
padding: 3px 8px;
font-size: 10px;
}
.widget_block h2 {
font-size: 22px;
}
.post-type-archive-quotes .quotes_loop, .single-quotes .quotes_loop {
padding: 40px 20px;
}
.post-type-archive-quotes .post_inexcerpt {
font-size: 16px;
}
.post-type-archive-quotes .quotes_loop h2 {
font-size: 16px;
font-weight: 400;
}
.press_inthumb iframe {
height: 264px;
}
.mading_heads {
font-size: 22px;
}
.akademi__comment {
padding: 0 0 25px;
}
.akademi__comment i {
margin-right: 20px;
}
.have_comment {
width: calc(100% - 65px);
}
.comment_heads {
font-size: 22px;
}
.comment-meta .avatar {
margin: 0 20px 0 0;
}
.comment.depth-2, .comment.depth-3, .comment.depth-4, .comment.depth-5 {
margin-left: 20px;
}
.comment-meta .avatar {
margin: 0 20px 0 0;
}
.comment-content {
padding: 20px 20px 55px;
margin: 0;
}
.reply {
margin: -45px 0 15px 22px;
}
.comment_leads {
font-size: 20px;
margin: 0;
}
.comment-respond {
margin: 0 0 20px;
}
.presssecond_in .widget_block {
padding: 20px;
}
#sidebar .widget_block {
padding: 20px;
}
}