.content,header,nav{width:100%}.dropdown-content,.mainMenu{min-width:160px;display:none}.mainMenu li,nav li{list-style:none}footer,header,nav{text-align:center}.card,.card-art{backdrop-filter:blur(6px);color:#000}.card,.card-art,.content,footer,header{color:#000}.card-thumb,.profile,.quot-pict{object-fit:cover}.pelapis::before,footer{bottom:0;position:fixed}.menu-nav-toggle:focus,.menu-nav-toggle:hover,.nav-brand img,.nav-heading,.pagination a{cursor:pointer}body,html{height:100%;margin:0;padding:0}header{z-index:999;padding:.4rem;position:fixed;border-bottom:.1rem solid #d9f3f8;background:linear-gradient(#caeef8 0,#fff 96%)}.content,.menu-nav-toggle,nav{position:absolute}header input.menu-toggle{display:none}nav{top:100%;left:0;background:linear-gradient(white 0,#caeef8 96%);-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;-webkit-transform-origin:top;transform-origin:top}nav ul{margin:14% 0 0;padding:0;height:90vh}nav li{margin-left:0;min-height:10%}nav a{text-transform:capitalize;opacity:0;font-weight:700}.content{margin-top:58px;height:calc(100% - 88px);overflow:auto;padding:1rem}.nav-heading{font-size:3rem}.menu-toggle:checked~nav{-webkit-transform:scale(1,1);transform:scale(1,1)}.menu-toggle:checked~nav a{opacity:1;-webkit-transition:opacity .2s ease-in .1s;transition:opacity .2s ease-in .1s}.menu-nav-toggle{top:0;right:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:2rem}.menu-nav-toggle span,.menu-nav-toggle span:after,.menu-nav-toggle span:before{display:block;background:#333;width:2rem;border-radius:.125rem;position:relative;height:.25rem}.menu-nav-toggle span:after,.menu-nav-toggle span:before{content:'';position:absolute}.menu-nav-toggle span:before{top:.8rem}.menu-nav-toggle span:after{bottom:.8rem}.dropdown-content{position:static;background-color:#fff;box-shadow:3px 8px 16px 0 #cceef8;z-index:1;-webkit-box-shadow:3px 8px 16px 0 #cceef8}.mainMenu{top:55px;left:50%;transform:translate(-50%);position:fixed;padding:2rem;z-index:999}.dropdown-content a{padding:6px 5px;display:block;font-weight:400}footer{height:30px;padding-top:7px;background-color:#f5f5f5;width:100%;background:linear-gradient(white 0,#caeef8 96%),#fff;border-top:.1rem solid #d9f3f8}.card{background-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);padding:1rem;margin:1rem;box-shadow:2px 2px 3px #c2c5c5;-webkit-box-shadow:2px 2px 3px #c2c5c5}.card-art{background-color:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(6px);padding:1rem;box-shadow:2px 2px 3px #c2c5c5;-webkit-box-shadow:2px 2px 3px #c2c5c5;margin-left:-3rem;margin-right:-3rem}.imgLogo{height:40px;width:153px;font-size:1.5em}.imgPro{display: block;width:200px;height:200px;margin-left: auto;margin-right: auto;object-fit:cover; border-radius:50px;  }.carousel-container{height:300px;overflow:hidden;position:relative;margin:0 auto}.carousel-item{width:100%;display:none;position:absolute;height:100%}.carousel-item img{object-fit:cover;width:100%;height:100%}.carousel-caption{position:absolute;bottom:0;left:0;width:100%;color:#fff;background-color:rgba(0,0,0,.5);padding:5px;font-size:14px}.carousel-next,.carousel-prev{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.5);padding:10px;cursor:pointer;color:#fff}.carousel-prev{left:0}.carousel-next{right:0}.mg-group{display:flex}.mg-group>*{flex:0 0 1;padding:0}.mg-icon{width:2.2rem;height:2.2rem;vertical-align:middle;margin-left:.4rem;margin-right:.4rem;display:inline-flex;background-repeat:no-repeat;background-size:contain;align-items:center}.profile{height:45px;width:45px;margin-right:5px}.awalan{padding:1px;float:left}.txt-right{text-align:right;display:block}.txt-center{text-align:center;display:block}.txt-left{text-align:left;display:block}.txt-justify{text-align:justify;display:block}.card-thumb{height:250px;width:100vw}.card-head{font-weight:400;font-style:oblique;color:#00f}.art-quote{font-style:italic;color:#2400c4;font-size:0.9em}.quot-pict{height:100px;width:100px;border-radius:50px;position:relative;top:50%;left:50%;transform:translate(-50%,0);max-width:100%;max-height:100%}.ads-space{background-color:#faebd7;min-height:100px;text-align:center}.cat-title{font-style:italic;color:#1b3aed;text-shadow:0 0 14px #fefefe}.kaca{background-color:rgba(0,54,99,.75);box-shadow:0 8px 32px 0 rgba(0,12,185,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:1px;border:1px solid rgba(255,255,255,.18);margin-bottom:2px;color:#fff;-webkit-box-shadow:0 8px 32px 0 rgba(0,12,185,.45)}.cetakA4,.cetakA4 *{box-shadow:0 0 0 #fff}.pelapis::before{content:"";top:0;right:20px;left:0;background-color:rgba(255,255,255,.55)}.cetakA4{width:690px;padding-left:3rem}.pagination a{padding:1rem}@media screen{#persuratan,#printSection{position:fixed;top:0;left:0;height:0;display:none;visibility:hidden}}@media print{body *{visibility:hidden;background:#fff}#printSection,#printSection *{visibility:visible;break-inside:auto;background:#fff}#printSection{position:absolute;left:0;top:0;background:#fff}#printSection .noprint{display:none}}@media screen and (min-width:40rem){.quot-pict{transform:translate(-50%,-50%)}.card-art{margin-left:auto;margin-right:auto}}@media screen and (min-width:50rem){.nav-brand,nav{-ms-grid-column-span:1}nav,nav ul{display:-webkit-box;display:-ms-flexbox}.dropdown{position:relative}.dropdown-content{position:absolute;right:0}.mainMenu{left:3rem;transform:translate(0)}.menu-nav-toggle{display:none}header{display:-ms-grid;display:grid;-ms-grid-columns:1fr auto minmax(37.5rem,3fr) 0.5fr;grid-template-columns:1fr auto minmax(37.5rem,3fr) 0.5fr}.nav-brand{-ms-grid-column:1;grid-column:1/3}nav{all:unset;-ms-grid-column:3;grid-column:3/4;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav ul{margin-top:0;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto}nav li{margin-bottom:0;margin-left:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto}nav a{opacity:1}}.button,button{min-height:48px !important;min-width:48px !important;}input{min-height:48px !important;min-width:48px !important;}.img-fluid {width: 100% !important;  height: auto !important;}