@font-face {
font-family: 'mading-font';
src: url(//sman1sulang.sch.id/wp-content/themes/sekolah/font/mading-font.woff2?50477954) format('woff2');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "mading-font";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-mad-star:before { content: '\e7a2'; } .icon-mad-user:before { content: '\e800'; } .icon-mad-phone:before { content: '\e801'; } .icon-mad-mail:before { content: '\e802'; } .icon-mad-search:before { content: '\e803'; } .icon-mad-left:before { content: '\e804'; } .icon-mad-right:before { content: '\e805'; } .icon-mad-up:before { content: '\e806'; } .icon-mad-home:before { content: '\e807'; } .icon-mad-dot:before { content: '\e808'; } .icon-mad-maps:before { content: '\e809'; } .icon-mad-clock:before { content: '\e80a'; } .icon-mad-arrow:before { content: '\e80b'; } .icon-mad-tag:before { content: '\e80c'; } .icon-mad-heart-half:before { content: '\e80d'; } .icon-mad-heart:before { content: '\e80e'; } .icon-mad-plus:before { content: '\e80f'; } .icon-mad-calendar:before { content: '\e810'; } .icon-mad-download:before { content: '\e811'; } .icon-mad-block:before { content: '\e815'; } .icon-mad-menu:before { content: '\f008'; } .icon-mad-login:before { content: '\f02c'; } .icon-mad-logout:before { content: '\f02d'; } .icon-mad-twitter:before { content: '\f099'; } .icon-mad-facebook:before { content: '\f09a'; } .icon-mad-quote:before { content: '\f10d'; } .icon-mad-youtube:before { content: '\f16a'; } .icon-mad-instagram:before { content: '\f16d'; } .icon-mad-share:before { content: '\f1e0'; } .icon-mad-whatsapp:before { content: '\f232'; } .icon-mad-comment:before { content: '\f27b'; } .icon-mad-telegram:before { content: '\f2c6'; }@font-face
{
font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
src: url(//sman1sulang.sch.id/wp-content/themes/sekolah/font/icofont.woff2) format("woff2");
}
[class^="icofont-"], [class*=" icofont-"]
{
font-family: 'IcoFont' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1; -webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
.icofont-tiktok:before
{
content: "\f033";
}
.icofont-x:before
{
content: "\f03d";
}
[class^="icofont-"].icofont-duotone,
[class*=" icofont-"].icofont-duotone
{
position: relative;
}
[class^="icofont-"].icofont-duotone:before,
[class*=" icofont-"].icofont-duotone:before
{
position: absolute;
left: 0;
top: 0;
}
[class^="icofont-"].icofont-duotone:after,
[class*=" icofont-"].icofont-duotone:after
{
opacity: 0.4;
}
.icofont-xs
{
font-size: .5em;
}
.icofont-sm
{
font-size: .75em;
}
.icofont-md
{
font-size: 1.25em;
}
.icofont-lg
{
font-size: 1.5em;
}
.icofont-1x
{
font-size: 1em;
}
.icofont-2x
{
font-size: 2em;
}
.icofont-3x
{
font-size: 3em;
}
.icofont-4x
{
font-size: 4em;
}
.icofont-5x
{
font-size: 5em;
}
.icofont-6x
{
font-size: 6em;
}
.icofont-7x
{
font-size: 7em;
}
.icofont-8x
{
font-size: 8em;
}
.icofont-9x
{
font-size: 9em;
}
.icofont-10x
{
font-size: 10em;
}
.icofont-fw
{
text-align: center;
width: 1.25em;
}
.icofont-ul
{
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.icofont-ul > li
{
position: relative;
line-height: 2em;
}
.icofont-ul > li .icofont
{
display: inline-block;
vertical-align: middle;
}
.icofont-border
{
border: solid 0.08em #f1f1f1;
border-radius: .1em;
padding: .2em .25em .15em;
}
.icofont-pull-left
{
float: left;
}
.icofont-pull-right
{
float: right;
}
.icofont.icofont-pull-left
{
margin-right: .3em;
}
.icofont.icofont-pull-right
{
margin-left: .3em;
}
.icofont-spin
{
-webkit-animation: icofont-spin 2s infinite linear;
animation: icofont-spin 2s infinite linear;
display: inline-block;
}
.icofont-pulse
{
-webkit-animation: icofont-spin 1s infinite steps(8);
animation: icofont-spin 1s infinite steps(8);
display: inline-block;
}
@-webkit-keyframes icofont-spin
{
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes icofont-spin
{
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icofont-rotate-90
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.icofont-rotate-180
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.icofont-rotate-270
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.icofont-flip-horizontal
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.icofont-flip-vertical
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.icofont-flip-horizontal.icofont-flip-vertical
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
:root .icofont-rotate-90,
:root .icofont-rotate-180,
:root .icofont-rotate-270,
:root .icofont-flip-horizontal,
:root .icofont-flip-vertical
{
-webkit-filter: none;
filter: none;
display: inline-block;
}
.icofont-inverse
{
color: #fff;
}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.wpsekolah {
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 50px 0 0;
box-shadow: 0 0 15px rgba(0,0,0,0.08);
overflow: hidden;
}
.sch_container {
position: relative;
padding: 0 30px;
}
.header {
position: fixed;
top: 0;
left: auto;
right: auto;
width: 100%;
max-width: 1100px;
height: 50px;
z-index: 110;
} .navigasi-menu-sekolah {
height: 50px; 
}
.navigasi {
margin: 0;
padding: 0;
height: 50px;
}
.navigasi .sch.accord li {
display: block !important;
}
.navigasi .sch.desktop {
height: 50px;
font-weight: 400;
}
.navigasi .sch.desktop li {
float: left;
display: block;
margin: 0;
position: relative;
text-align: center;
line-height: 50px;
}
.navigasi .sch.desktop li.menu-item-has-children {
position: relative;
}
.navigasi .sch.desktop li.menu-item-has-children:after {
content: '\e805';
position: absolute;
top: calc( 50% - 4px );
right: 5px;
width: 8px;
height: 8px;
line-height: 1.0;
border-radius: 8px;
font-size: 9px;
font-family: 'mading-font';
}
.navigasi .sch.desktop li.menu-item-has-children:before {
content: '';
position: absolute;
left: 20px;
top: 50px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
clear: both;
display: none;
}
.navigasi .sch.desktop li.menu-item-has-children:hover:before {
display: block;
}
.navigasi .sch.desktop li ul li.menu-item-has-children:before {
display: none !important;
}
.navigasi .sch.desktop li a {
text-decoration: none;
display: block;
margin: 0;
padding: 0 10px;
font-weight: 700;
font-size: 14px;
line-height: 50px;
font-family: Roboto;
position: relative;
}
.navigasi .sch.desktop li.menu-item-has-children a {
padding: 0 22px 0 16px;
}
.navigasi .sch.desktop li a:hover {
text-decoration: none;
}
.navigasi .sch.desktop li ul {
position: absolute;
top: 50px;
left: 0;
padding: 0;
display: none;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.05);
}
.navigasi .sch.desktop li:hover ul {
display: block;
}
.navigasi .sch.desktop li ul li {
width: 160px;
text-align: left;
border-radius: 0 !important;
background: none;
}
.navigasi .sch.desktop li ul li ul li ul li ul li:hover ul li ul,
.navigasi .sch.desktop li ul li ul li ul li:hover ul li ul,
.navigasi .sch.desktop li ul li ul li:hover ul li ul,
.navigasi .sch.desktop li ul li:hover ul li ul,
.navigasi .sch.desktop li:hover ul li ul {
display: none;
}
.navigasi .sch.desktop li ul li ul li ul li ul li ul li:hover ul,
.navigasi .sch.desktop li ul li ul li ul li ul li:hover ul,
.navigasi .sch.desktop li ul li ul li ul li:hover ul,
.navigasi .sch.desktop li ul li ul li:hover ul,
.navigasi .sch.desktop li ul li:hover ul {
display: block;
}
.navigasi .sch.desktop li ul li ul {
position: absolute;
top: 0;
left: 100%;
z-index: 10;
box-shadow: 0 0 15px rgb(0, 0, 0, 0.05);
}
.navigasi .sch.desktop li ul li.menu-item-has-children:after {
top: 13px;
}
.navigasi .sch.desktop li ul li a {
display: block;
position: relative;
margin: 0 !important ;
font-size: 14px;
line-height: 1.4;
word-wrap: break-word;
padding: 10px 15px !important;
}
.navigasi .sch.desktop li ul li ul li.menu-item-has-children:after,
.navigasi .sch.desktop li ul li.menu-item-has-children:after {
display: block !important ;
}
.menu-icon {
position: absolute;
top: 10px;
left: 10px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: none;
}
.post-search {
position: absolute;
top: 10px;
right: 10px;
width: 240px;
height: 30px;
line-height: 30px;
text-align: center;
}
#searchform {
height: 30px;
position: relative;
}
.ps_select {
width: calc( 50% - 17px );
padding: 0;
margin: 0 3px 0 0;
float: left;
background: #fff;
height: 30px;
}
.ps_select select {
width: 100%;
padding: 0 10px;
line-height: 30px;
border: 0;
appearance: none;
font-family: Roboto;
font-size: 13px;
background: none;
}
.ps_input {
width: calc( 50% - 17px );
padding: 0;
margin: 0 3px 0 0;
float: left;
background: #fff;
height: 30px;
float: left;
}
.ps_input input {
padding: 0 10px;
width: calc( 100% - 20px );
line-height: 30px;
border: 0;
font-family: Roboto;
font-size: 13px;
background: none;
}
.ps_button {
width: 28px;
height: 30px;
padding: 0;
float: left;
}
.ps_button button {
width: 28px;
height: 30px;
border: 0;
text-align: center;
line-height: 30px;
font-size: 13px;
display: block;
} .run-text {
height: 30px;
position: relative;
border-bottom: 1px solid rgba(125,125,125,0.1);
}
.this-day {
position: absolute;
height: 30px;
line-height: 30px;
padding: 0 15px;
font-size: 14px;
top: 0;
left: 0;
z-index: 8;
}
.running__text {
position: relative;
width: 100%;
overflow: hidden;
height: 30px;
}
.running__text:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
opacity: 0.85;
}
.scrolling {
display: flex;
margin: 0 -300px 0 300px;
position: relative;
z-index: 2;
}
.scroll__number {
white-space: nowrap;
animation: 150s linear -150s infinite animate;
will-change: transform;
padding: 0;
height: 30px;
line-height: 30px;
list-style: none;
}
.scrolling:hover .scroll__number {
animation-play-state: paused;
}
.scroll__number:nth-child(2) {
animation: 150s linear -75s infinite animate2;
}
@keyframes animate {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes animate2 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-200%);
}
}
.scroll__number span {
margin: 0 50px 0 0;
}
.spasi {
margin-right: 60px;
} .logo_sekolah {
height: 60px;
padding: 25px 20px 25px 0;
float: left;
}
.logo_sekolah a {
display: block;
}
.logo_sekolah img {
height:60px;
width: auto;
margin: 0;
}
.kontak-sekolah {
float: right; 
padding: 35px 0;
}
.kontak-dir {
display: flex;
font-size: 15px;
}
.kontak-box .number {
font-weight: 700;
}
.kontak-box  i {
width: 20px;
}
.sekolah_sosial {
padding-left: 26px; 
margin-left: 30px; 
}
.sekolah_sosial a {
display: inline-block;
height: 40px;
width: 40px;
margin: 0 0 0 3px;
}
.sekolah_sosial i {
display: block;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 20px;
text-align: center;
border-radius: 20px;
}
.mob_wa {
display: none;
} .sch-infosekolah {
padding: 30px 0;
}
.nama_sekolah {
font-size: 28px;
letter-spacing: -1px;
line-height: 1.2;
font-family: Montserrat;
text-align: center;
margin-bottom: 5px;
}
.address {
text-align: center;
font-size: 14px;
}
.sch-namasekolah {
margin: 0;
} .editornews {
margin: 0 -15px; 
padding: 30px 0;
}
.editor-box {
width: 66%; float: left;
}
.editor-inner {
margin: 0 15px; 
}
.kepala-sekolah {
width: 210px; 
height: auto; 
float: left; 
position: relative;
border-radius: 8px;
overflow: hidden;
}
.editor-meta {
padding: 0 20px 20px 0;
}
.master-meta {
position: absolute; 
bottom: 0;
left: 0; 
right: 0;
padding: 60px 15px 15px;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
z-index: 5;
}
.head_name {
font-size: 14px;
font-weight: bold;
}
.editor-meta h4 {
padding: 0 0 0 35px;
margin: 0 0 15px;	
font-size: 20px;
height: 28px;
line-height: 28px;
position: relative;
}
.editor-meta h4 i {
position: absolute;
left: 0;
top: calc( 50% - 14px );
width: 28px;
height: 28px;
line-height: 28px;
font-size: 13px;
text-align: center;
border-radius: 20px;
}
.editor-meta h3 {
padding: 20px;
background: rgba(0,0,0,0.05);
border-radius: 10px;
margin: 0 0 10px;	
font-size: 18px;
line-height: 1.2;
}
.editor-meta h3 a {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.editor-text {
padding: 20px;
margin: 0 30px 15px 0;
font-size: 13px;
line-height: 1.3;
background: rgba(0,0,0,0.05);
border-radius: 10px;
}
.editor-text p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.editor-all a {
display: inline-block;
padding: 10px 18px;
font-size: 13px;
font-weight: bold;
font-family: Montserrat;
border-radius: 3px;
}
.news-box {
width: 34%; 
float: right;
}
.news-inner {
margin: 0 15px 0;
}
.news-inner h3 {
padding: 0 0 0 35px;
margin: 0 0 15px;	
font-size: 20px;
height: 28px;
line-height: 28px;
position: relative;
}
.news-inner h3 i {
position: absolute;
left: 0;
top: calc( 50% - 14px );
width: 28px;
height: 28px;
line-height: 28px;
font-size: 13px;
text-align: center;
border-radius: 20px;
}
.newsbox {
margin: 0 15px; 
padding: 0 0 20px; 
}
.news-meta .news-auth {
font-size: 13px;
margin: 0 0 2px;
}
.news-box .news_featured {
width: 105px;
float: left;
margin-right: 20px;
border-radius: 8px;
overflow: hidden;
}
.newsbox:last-child {
padding: 0;
}
.newsbox h3 {
font-size: 14px;
line-height: 1.3;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-box .editor-all {
padding: 12px 15px 0;
text-align: right;
}
.re_kepsek {
font-size: 12px; 
}
.edit_post {
float: right;
width: calc( 100% - 240px);
} .home_quotes {
padding: 30px 30px 80px;
}
.home_quotes h4 {
text-align: center; 
margin: 0 0 25px; 
font-family: Roboto; 
font-size: 22px; 
font-weight: 700;
}
.quotes {
max-width: 700px;
padding: 20px;
margin: 0 auto;
text-align: center;
}
.quotes_text {
font-size: 24px;
line-height: 1.2;
margin: 0 0 15px;
}
.quotes_acc  {
font-size: 18px;
}
.quotes .splide__pagination {
bottom: -50px;
}
.peng-box {
float: left;
width: 33.33%;
}
.peng-sekolah {
margin: 0 0 40px;
}
.peng-meta {
padding: 0;
margin: 0 15px;
}
.peng-meta .pub {
font-size: 13px;
margin: 0 0 2px;
}
.peng-meta h3 {
font-size: 18px;
line-height: 1.3;
margin: 0 0 8px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.peng-text {
font-size: 13px;
padding: 15px;
border-radius: 8px;
margin: 0 0 25px;
background: rgba(0,0,0,0.05);
}
.peng-text p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.agenda-box {
float: left;
width: 33.33%;
}
.age-home{
margin: 0 15px;
padding: 0 0 20px;
}
.tanggal {
width: 60px;
float: left;
text-align: center;
border-radius: 6px;
overflow: hidden;
}
.hari {
font-size: 25px;
font-weight: bold;
line-height: 1.3;
padding: 6px 0;
}
.bulan {
font-size: 10px;
padding: 4px 0;
}
.tahun {
font-size: 12px;
padding: 4px 0;
font-weight: bold;
}
.age-meta {
float: right;
width: calc( 100% - 80px );
}
.age-meta .auth {
font-size:12px;
margin: 0 0 2px;
}
.age-meta h3 {
font-size: 16px;
line-height: 1.3;
margin: 0 0 10px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.agenda-text {
font-size: 13px;
padding: 15px;
background: rgba(0,0,0,0.05);
border-radius: 8px;
}
.agenda-text p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog-box {
float: left;
width: 33.33%;
}
.news_featured {
float: left;
}
.blogbox {
margin: 0 15px;
padding: 0 0 20px;
}
.blog-extra {
float: right;
width: calc( 100% - 125px );
}
.blogbox .auth {
font-size:13px;
margin: 0 0 2px;
}
.blogbox h3 {
line-height: 1.3;
font-size: 14px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.blogbox .news_featured {
width: 105px;
margin-right: 20px;
}
.blogbox .news_featured img {
width: 100%;
border-radius: 8px;
}
.guruku {
padding: 30px 0;
}
.guru-judul {
padding: 0 0 0 35px;
margin: 0 0 15px;	
font-size: 20px;
height: 28px;
line-height: 28px;
position: relative;
}
.guru-judul i {
position: absolute;
left: 0;
top: calc( 50% - 14px );
width: 28px;
height: 28px;
line-height: 28px;
font-size: 13px;
text-align: center;
border-radius: 20px;
}
.gurus a {
display: block;
position: relative;
overflow: hidden;
border-radius: 8px;
}
.gurus a span {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 70px 20px 15px;
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
color: #fff;
} .sekolah_galleria {
}
.sekolah_galleria .news-inner h3 {
border: none;
}
.gal-box {
width: 33.33%; 
float: left;
}
.inner-gal {
margin: 0 15px;
padding: 0;
}
.galbox {
width: 33.33%; 
float: left;
position: relative;
}
.gal-in {
margin: 0 5px 10px;
}
.gal-in img {
border-radius: 8px;
}
.galbox a {
padding: 0;
display: block;
}
.galtext .gal-in {
margin: 0 0 20px;
}
.galtext .gal-in img {
width: 90px;
border-radius: 8px;
height: auto;
}
.fas-right {
float: right;
width: calc( 100% - 110px );
}
.fas-right h3 {
line-height: 1.3;
font-size: 14px;
margin: 0 0 4px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.fas-text {
font-size: 13px;
line-height: 1.3;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.sesuatu {
margin: 0;
}
.inner-img {
margin: 0 10px;
} .videonews {
padding: 20px 0 40px;
}
.sekolah_video h3 {
border: none;
font-size: 20px;
font-weight: bold;
padding: 0 0 10px;
}
.vid-block {
margin: 0 -15px;
}
.sch-video {
width: 33.33%;
float: left;
}
.sch-video iframe {
width: calc( 100% - 30px );
margin: 0 15px;
height: 185px;
display: block;
} .home_guru {
padding: 30px 0;
}
.title_guru {
position: relative;
text-align: center; 
margin: 0 0 30px; 
font-family: Montserrat; 
font-size: 25px; 
letter-spacing: -1px; 
font-weight: 700;
}
.title_guru:after {
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -35px;
content: '';
height: 2px;
width: 70px;
display: block;
background: #fc0;
}
.person .item {
padding: 10px 0;
}
.guru_info {
position: absolute; 
bottom: 0; 
left: 0; 
right: 0; 
padding: 100px 15px 15px; 
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
z-index: 5;
}
.guru_nama {
font-weight:bold;
}
.sekolah_bread {
border-top: 1px solid rgba(125,125,125,0.1);
}
.inbread {
padding: 15px 0;
}
#notfound {
padding: 150px 0;
text-align: center;
}
.sekolah_heading {
font-size: 25px;
margin: 0 0 15px;
}
.text_not {
font-size: 16px;
}
#inkonten {
border-top: 1px solid rgba(125,125,125,0.1);
padding: 20px 0 0;
}
.konten {
margin: 0 -15px;
}
.loop_left {
float: left;
width: 70%;
}
.sch_looper {
margin: 0 15px 25px;
}
.post_inlooperthumb {
width: 160px;
float: left;
text-align: center;
}
.post_inloopermeta {
width: calc( 100% - 180px );
float: right;
}
.post-category {
height: 25px;
}
.post-category a {
height: 20px;
line-height: 20px;
padding: 0 6px;
margin: 0;
font-size: 12px;
display: inline-block;
}
.post_inloopermeta h2 {
font-size: 18px;
margin: 0 0 8px;
}
.post_inlooperpublish {
font-size: 12px;
margin: 0 0 4px;
}
.agedate {
font-weight: 700;
font-size: 30px;
padding-top: 15px;
}
.agemonth {
padding-bottom: 15px;
}
.loop_full {
margin: 0 8px;
}
.loop_ingurus {
float: left;
width: 16.66%;
}
.loop_full .post_inlooper {
margin: 0 8px;
}
.guru_meta {
padding: 15px 0;
height: 50px;
overflow: hidden;
}
.before_table {
margin: 0 -15px;
}
.search_something {
float: right;
width: 30%;
}
.some_input {
margin: 0 15px 15px;
padding: 8px 15px;
border: 1px solid #eee;
}
.some_input span {
width: 65px;
float: left;
height: 30px;
line-height: 30px;
}
.some_input input {
float: right;
width: calc( 100% - 115px );
height: 28px;
line-height: 28px;
border: 1px solid #ddd;
padding: 0 14px;
font-size: 14px;
}
.some_result {
margin: 0 15px 15px;
padding: 15px;
border: 1px solid #eee;
}
.some_cat {
margin: 0 15px 15px;
padding: 15px;
border: 1px solid #eee;
}
.head_cat {
padding: 0 0 8px 0;
}
.cat_term {
padding: 8px 0;
border-top: 1px solid #eee;
}
.cat_term span {
float: right;
}
.result_list {
float: left;
width: 70%;
}
.down_table {
margin: 0 15px;
}
.sekolah_table td {
padding: 8px 15px;
border: 1px solid rgba(125,125,125,0.1);
}
.sekolah_table td.jum {
width: 25px;
text-align: center;
}
.tdcol {
text-align: center;
}
.top_tab {
background: rgba(0,0,0,0.03);
font-size: 16px;
}
.post-khusus-archive-quotes .sekolah_heading {
text-align: center;
}
.sekolah_quotes {
font-size: 18px;
max-width: 800px;
margin: 0 auto 50px;
text-align: center;
}
.home .sekolah_quotes {
max-width: 1200px;
margin: 0;
}
.people_quotes {
font-size: 15px;
padding: 10px 0 0;
}
.sekolah_table {
width: 100%;
margin: 0 0 30px;
}
.post-khusus-archive-video .post_inlooperthumb {
width: 40%;
}
.post-khusus-archive-video .post_inlooperthumb iframe {
height: 180px;
}
.post-khusus-archive-video .post_inloopermeta {
width: calc( 60% - 20px );
}
.sch_singlepost {
border-top: 1px solid #eee;
padding: 30px 0;
}
.sch_singlecontent {
margin: 0 -15px;
}
.sekolah_primary {
width: 70%;
float: left;
}
.primary_content {
margin: 0 15px;
}
.after_title {
margin: 0 0 10px;	
}
.share {
margin: 0 0 10px;	
}
.share i {
width: 35px;
height: 26px;
text-align: center;
line-height: 26px;
margin: 0;
}
.sekolah_article p {
margin: 0 0 15px;
}
.sekolah_article img {
max-width: 100%;
height: auto;
margin: 0 0 20px;
}
.sekolah_article img.alignleft {
float: left;
margin: 0 30px 20px 0;
}
.sekolah_article img.alignright {
float: right;
margin: 0 0 20px 30px;
}
.sekolah_article .akademi__list-image img {
margin: 0;
}
.sekolah_article blockquote {
margin: 0 0 20px;
padding: 20px 20px 10px 50px;
background: rgb(0, 0, 0, 0.05);
}
.sekolah_article ul {
margin: 0 0 20px;
list-style: disc !important;
}
.sekolah_article ol {
margin: 0 0 20px;
list-style: decimal !important;
}
.sekolah_article li {
margin: 0 0 0 15px;
}
.sekolah_article li ol,
.sekolah_article li ul {
margin: 0;
}
.schpost_tags {
margin: 0 0 15px;
}
.screen-reader-text {}
.sekolah_secondary {
width: 30%;
float: right;
}
.secondary_content {
margin: 0 15px;
}
.sekolah_featured {
margin: 0 0 10px;
}
.content_meta {
margin: 0 0 10px;
}
.sekolah_heads {
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
}
.single_meta {
margin: 0 0 10px;
}
.single_meta h4 {
font-size: 16px;
}
.single_meta span {
font-style: italic;
}
.single_vid {
width: 100%;
height: 350px;
}
.ano_vid iframe {
width: 100%;
height: 150px;	
}
.comment_heads  {
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
}
.comment__meta {
border: 1px solid rgba(125,125,125,0.1);
padding: 15px 20px;
margin: 0 0 20px;
}
.comment__meta p {
padding: 10px 0;
}
.children {
margin: 0 0 0 30px;
}
.heading_list_comment  {
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
}
.sekolah__form-textarea {
border: 1px solid #ddd;
width: calc( 100% - 2px );
max-width: 400px;
margin: 0 0 6px;
overflow: hidden;
}
.sekolah__form-textarea textarea {
width: calc( 100% - 30px );
padding: 15px;
border: 0;
}
.sekolah__form-author,
.sekolah__form-email,
.sekolah__form-url {
border: 1px solid #ddd;
width: calc( 100% - 2px );
max-width: 400px;
margin: 0 0 6px;
}
.sekolah__form-author input,
.sekolah__form-email input,
.sekolah__form-url input {
width: calc( 100% - 30px );
padding: 0 15px;
height: 30px;
line-height: 30px;
font-family: Roboto;
border: 0;
font-size: 14px;
}
.comment-form-cookies-consent {
padding: 0 0 15px;
max-width: 400px;
}
.form-submit .submit {
height: 30px;
line-height: 30px;
padding: 0 8px;
margin: 0 5px 0 0;
display: inline-block;
border: 0;
font-size: 14px;
font-family: Roboto;
}
.people .sekolah_primary {
width: calc( 100% - 200px );
float: left;
}
.guru_table {
width: 100%;
margin: 0 0 30px;
}
.guru_table td {
border: 1px solid #ddd;
padding: 10px 15px;
}
.art_title {
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
}
.people .sekolah_secondary {
width: 200px;
float: right;
}
.pagination {
margin: 0  15px 30px;
text-align: center;
}
.pagination a {
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
margin: 0 3px 0 0;
}
.loop_right {
float: left;
width: 30%;
}
.sidebar {
margin: 0 15px 30px;
}
.sidebar-in {
padding: 0 0 0 30px; 
border-left: 1px dashed rgba(125,125,125,0.2); 
margin: 0 0 20px;
}
.sidebar .nama_sekolah {
font-size: 18px;
}
.sidebar .address {
margin: 0 0 15px;
}
.sidebar table {
width: 100%;
}
.sidebar td {
padding: 8px 0;
text-align: right;
border-bottom: 1px dashed rgba(125,125,125,0.1);
}
.sidebar td.tab_left {
padding: 8px 15px 8px 0;
text-align: left;
}
.sidebar .re_kepsek {
font-size: 14px;
}
.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.aligncenter {}
.sch-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 20px;
font-size: 14px;
line-height: 1.4;
}
.widget_block p {
margin: 0 0 10px;
}
.widget_block h1 {
font-size: 25px;
margin: 0 0 10px;
}
.widget_block h2 {
font-size: 22px;
margin: 0 0 10px;
}
.widget_block h3 {
font-size: 20px;
margin: 0 0 10px;
}
.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 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: 10px;
background: rgba(0,0,0,0.04);
font-size: 16px;
}
.widget_block .wp-block-table {
width: 100%;
}
.widget_block .wp-block-table td {
padding: 10px;
margin: 0 0 -1px -1px;
}
.widget_block .wp-block-pullquote blockquote {
background: none;
}
.widget_block figcaption {
font-size: 12px;
}
.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 10px;
margin: 0;
}
.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 {
margin: 0;
}
.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: 22px;
line-height: 22px;
font-size: 14px !important;
}
.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 solid #ddd;
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;
}
.widget_contact {
width: 100%;
}
.widget_contact td {
padding: 10px 15px;
margin:  0 0 -1px -1px;
}
.result_siswa {
width: 100%;
}
.result_siswa td {
padding: 5px 0;
}
.result_siswa td:nth-child(2) {
text-align: right;
}
.ajax_down  {
position: relative;
margin: 0 0 20px;
}
.ajax_box {
float:left; 
width: calc( 100% - 45px );
}
.down_down {
position: absolute;
right: 0;
top: calc( 50% - 15px );
width: 30px;
height: 30px;
line-height: 30px;
}
.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;
}
@media screen and (max-width: 982px) {
.sch_container {
max-width: 600px;
margin: 0 auto;
}
.menu-icon {
display: block;
}
.navigasi {
display: none;
position: fixed;
top: 50px;
bottom: 0;
left: 0;
right: 0;
max-width: 100%;
width: 100%;
height: calc(100% - 50px);
overflow-y: auto;
z-index: 100;
}
.desktop {
display: none;
}
.navigasi .sch {
margin: 0;
height: 100%;
}
.navigasi .sch.accord li {
padding: 0 20px;
line-height: 30px;
border-top: 1px solid rgba(125,125,125,0.1);
position: relative;
display: block;
}
.navigasi .sch.accord li.menu-item-has-children {
position: relative;
}
.navigasi .sch.accord li.menu-item-has-children:after {
content: '\e805';
font-family: 'mading-font';
position: absolute;
top: 0px;
right: 15px;
font-size: 9px;
}
.navigasi .sch.accord ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.navigasi .sch.accord li a {
display: block;
font-weight: 700;
font-size: 14px;
}
.navigasi .sch.accord li ul {
display: none;
margin: 0 -20px;
background: rgba(0,0,0,0.03);
}
.navigasi .sch.accord li.active > ul {
display: block;
}
.navigasi .sch.accord li ul li ul {
background: rgba(0,0,0,0.06);
}
.logo_sekolah {
height: 60px;
padding: 15px 0;
float: none;
text-align: center;
width: 100%;
}
.logo_sekolah img {
margin: 0 auto;
}
.kontak-sekolah {
float: none;
padding: 0 0 15px 0;
}
.kontak-dir {
display: block;
}
.kontak-box {
text-align: center;
margin: 0 0 10px;
}
.sekolah_sosial {
padding: 0;
margin: 0;
border: 0 !important;
text-align: center;
}
.mob_wa {
display: inline-block;
}
.web_wa {
display: none;
}
.editor-box  {
width: 100%;
float: none;
margin: 0 0 20px;
}
.news-box {
width: 100%;
float: none;
}
.peng-box,
.agenda-box,
.blog-box,
.gal-box {
float: none;
width: 100%;
margin: 0 0 40px;
}
.gal-box img {
width: 100%;
}
.sch-video {
width: 100%;
float: none;
margin: 0 0 25px;
}
.sch-video iframe {
height: 335px;
}
.loop_left,
.loop_right {
float: none;
width: 100%;
}
.loop_left {
margin: 0 0 60px;
}
.sidebar-in {
padding: 0;
border-left: 0;
}
.post_inlooperthumb {
width: 100px;
}
.post_inlooperthumb img {
display: block;
border-radius: 8px;
}
.post_inloopermeta {
width: calc( 100% - 120px );
}
.post_inloopermeta h2 {
font-size: 14px;
line-height: 1.3;
}
.post_inlooperexcerpt {
display: none;
}
.agedate {
padding-top: 5px;
}
.agemonth {
padding-bottom: 8px;
}
.widget_box {
width: 100%;
float: none;
}
}
@media screen and (max-width: 600px) {
.loop_ingurus {
float: left;
width: 33.33%;
}
.search_something,
.result_list {
float: none;
width: 100%;
}
.sekolah_primary,
.sekolah_secondary,
.people .sekolah_primary,
.people .sekolah_secondary {
width: 100%;
float: none;
}
.primary_content {
margin: 0 15px 50px;
}
.people .sekolah_featured {
margin: 0 auto 10px;
width: 240px;
}
.people .sekolah_heading {
text-align: center;
}
}
@media screen and (max-width: 480px) {
.run-text,
.tickercontainer,
.mask {
height: 24px;
}
.this-day {
display: none;
}
ul.newstickers li {
font-size: 12px;
height: 16px;
line-height: 16px;
margin: 4px 0;
}
.navigasi .sch.accord li {
line-height: 50px;
font-size: 16px;
}
.sch-infosekolah {
padding: 20px 0;
}
.nama_sekolah {
font-size: 22px;
}
.kepala-sekolah {
width: 100px;
}
.edit_post {
float: right;
width: calc( 100% - 120px);
}
.master-meta {
display: none;
}
.home_quotes {
padding: 30px 0;
}
.sch_quotes {
font-size: 18px;
line-height: 1.3;
}
.gal-box {
margin: 0 0 20px;
}
.sch-video {
width: 100%;
float: none;
margin: 0 0 20px;
}
.loop_ingurus {
width: 50%;
}
}
@media screen and (max-width: 420px) {
.sch_container {
padding: 0 20px;
}
.logo_sekolah img {
height: auto;
max-width: 250px;
margin: 0 auto;
}
.editor-text,
.editor-meta .editor-all {
display: none;
}
.editor-meta {
padding: 0 0 20px 0;
}
.editor-meta h3 {
font-size: 16px;
}
.home_quotes {
padding: 30px 0 80px;
}
.home_quotes h4 {
font-size: 20px;
}
.quotes_text {
font-size: 20px;
}
.sch-video iframe {
height: 215px;
}
.sekolah_sosial a {
height: 34px;
width: 34px;
}
.sekolah_sosial i {
height: 34px;
width: 34px;
line-height: 34px;
font-size: 17px;
}
.sekolah_heading {
font-size: 20px;
}
.post-cat {
font-size: 13px;
margin: 0 0 2px;
}
.post-search {
width: auto;
left: 43px;
}
.inbread {
font-size: 13px;
}
}
@media screen and (max-width: 380px) {
.editor-meta h4,
.news-inner h3 {
font-size: 17px;
}
}.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em; }
.rpwwt-widget ul li:last-child { margin: 0; }
.rpwwt-widget .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.rpwwt-widget .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; }
.rpwwt-widget ul li img { width: 75px; height: 75px; }@font-face{font-display:block;font-family:TablePress;font-style:normal;font-weight:400;src:url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPUAA0AAAAACZAAAAN+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCUhEICoQIgnILFgABNgIkAygEIAWGcgeBARv6B8iuBzK53oAhKg2KWDsrezjalSefocfD9/uZ575PSbYEqJHAIdo6tMDGdCprFIHd+F9r+rZE46O2iHBJfoAuxwW0yfgKS8KGVFE4dHX1gPmgVhzwhcJbReQ9RWXcraeutbmNHE7T7B1sex8stfMfnkvv0XsgUZrYO1hirXme9TnUkBvQ22RGX50VAr48H54Cn9b8GD73edAAhjboBpIQ6kKOhCz7GA8V5HfzyeA6h0mnrFTJnPjxC7KCrl9caqIUg0EAYACGDBn6YGCxeIE+EkwANTWJX/brZpNfyE5o/7r9uPZjS4tESbCTExLCjxOEbxGi2dQeNEAXUMMlvADkqSV0IHXtkQXNOnI2ctJpRIPt8+HjNivx3rlQYA8FqGwdCxF2aZrdJluMnaqFvy+yngVKbBcn0fSOd1xTpnW4HTkptV8Gi2kvCeUHC0BD+D0VKMIqXniZPJyPya9D7gT6DvUpwJER6avgKDsOfW9jU+YGc/ng6MhA3VSar3NdtvrD9WHZurKVKYOi0RwlY9500YSuWDE084F+jMinu4sTudD5yBTTozA9Horpmb+M3TwIBHempnzdpu1/raWypX0JND/ki4p71CQQlFqnAvkijABrVFIq5BdNJbFncoBOF03/h3IINPQRBxJCYDoAOnkRIDR0w0BSmYiBzDinAuQ6eROg0DEGY6DUiEUYqKyILwFq2qS9GKhrpFsykdeFLmDjknYG4jKbNeNyQ1zhCoP840pdYiqu8jTW4mp6pMXH1HVJp8wRmHmQKTKiUOBVSMHrlKuBlYidxkMgw6/bMoG5RD6qfs8yO8LVqFCFa8ELrcVLEqTaS7UG5aqVq1GlWi28k3rRgCjbiU+qqOItvDEqXjkvwF/dUF595jB8LSqqgwIWAWsRmcJJ5GsHbYUqVbirBi5IpRMxLso/i2oSA6ZYDoMFCiknI7ZkGacSVYUjlLSXyG8n08nOQcXTeyzU5ozbiGRQZRt0vu/TMoEV8RLI3DiBSiVzMtNKAPgErlwLoqiAY2fJ9UbRMU/0rz38UP5FQtH3i8V3KYSHYJdSYRnwW8XazUAUop3gQY19hkEH98OA2QQ6wg0S+FjtwOwdOvF5J2VXBBLQmo2EAxsIKVJkkUcRZVRRa7NrP+my6Ns8cKszHYJf+fPPLPTq5vFcmYKZNL+fn1CZDgoYecKZHwA=) format("woff2"),url(//sman1sulang.sch.id/wp-content/plugins/tablepress/css/build/tablepress.woff) format("woff")}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#f9f9f9;--even-text-color:var(--text-color);--even-bg-color:#fff;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:initial;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>*+tbody>*>*,.tablepress>tbody>*~*>*,.tablepress>tfoot>*>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>*>th{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>.odd>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody)>.even>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dataTables_wrapper{clear:both;margin-bottom:1rem;position:relative}.dataTables_wrapper .tablepress{clear:both;margin-bottom:0}.dataTables_wrapper:after{clear:both;content:"";display:block;height:0;line-height:0;visibility:hidden}.dataTables_wrapper label input,.dataTables_wrapper label select{display:inline;margin:2px;width:auto}.dataTables_length{float:left;white-space:nowrap}.dataTables_filter{float:right;white-space:nowrap}.dataTables_filter label input{margin-left:.5em;margin-right:0}.dataTables_info{clear:both;float:left;margin:4px 0 0}.dataTables_paginate{float:right;margin:4px 0 0}.dataTables_paginate .paginate_button{color:#111;display:inline-block;margin:0 5px;outline:none;position:relative;text-decoration:underline}.dataTables_paginate .paginate_button:first-child{margin-left:0}.dataTables_paginate .paginate_button:last-child{margin-right:0}.dataTables_paginate .paginate_button:after,.dataTables_paginate .paginate_button:before{color:#d9edf7}.dataTables_paginate .paginate_button:hover{cursor:pointer;text-decoration:none}.dataTables_paginate .paginate_button:hover:after,.dataTables_paginate .paginate_button:hover:before{color:#049cdb}.dataTables_paginate .paginate_button.disabled{color:#999;cursor:default;text-decoration:none}.dataTables_paginate .paginate_button.disabled:after,.dataTables_paginate .paginate_button.disabled:before{color:#f9f9f9}.dataTables_paginate .paginate_button.current{cursor:default;font-weight:700;text-decoration:none}.dataTables_paginate.paging_simple{padding:0 15px}.dataTables_paginate.paging_simple .paginate_button.next:after,.dataTables_paginate.paging_simple .paginate_button.previous:before{-webkit-font-smoothing:antialiased;bottom:0;content:"\f053";font-family:TablePress;font-size:14px;font-weight:700;height:14px;left:-14px;line-height:1;margin:auto;position:absolute;right:auto;text-align:left;text-shadow:.1em .1em #666;top:0;width:14px}.dataTables_paginate.paging_simple .paginate_button.next:after{content:"\f054";left:auto;text-align:right}.dataTables_scroll{clear:both}.dataTables_scroll .tablepress{width:100%!important}.dataTables_scrollHead table.tablepress{margin:0}.dataTables_scrollBody{-webkit-overflow-scrolling:touch}.dataTables_scrollBody .tablepress thead th:after{content:""}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing{height:0;margin:0!important;overflow:hidden;padding:0!important}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color)}.tablepress .sorting,.tablepress .sorting_asc,.tablepress .sorting_desc{cursor:pointer;outline:none;padding-right:20px;position:relative}.tablepress .sorting:after,.tablepress .sorting_asc:after,.tablepress .sorting_desc:after{-webkit-font-smoothing:antialiased;bottom:0;font-family:TablePress;font-size:14px;font-weight:400;height:14px;left:auto;line-height:1;margin:auto;position:absolute;right:6px;top:0}.tablepress .sorting:after{content:"\f0dc"}.tablepress .sorting_asc:after{content:"\f0d8";padding:0 0 2px}.tablepress .sorting_desc:after{content:"\f0d7"}.tablepress .sorting:hover,.tablepress .sorting_asc,.tablepress .sorting_desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}@font-face { font-family: 'twpicon'; src: url(//sman1sulang.sch.id/wp-content/plugins/booster-extension/assets/fonts/twpicon.eot?ga1j6y); src: url(//sman1sulang.sch.id/wp-content/plugins/booster-extension/assets/fonts/twpicon.eot?ga1j6y#iefix) format('embedded-opentype'), url(//sman1sulang.sch.id/wp-content/plugins/booster-extension/assets/fonts/twpicon.ttf?ga1j6y) format('truetype'), url(//sman1sulang.sch.id/wp-content/plugins/booster-extension/assets/fonts/twpicon.woff?ga1j6y) format('woff'), url(//sman1sulang.sch.id/wp-content/plugins/booster-extension/assets/fonts/twpicon.svg?ga1j6y#twpicon) format('svg'); font-weight: normal; font-style: normal; } .booster-ico, [class^="booster-icon"], [class*="booster-icon"] { font-family: 'twpicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .twp-clock:before { content: "\e94e"; } .twp-clock2:before { content: "\e94f"; } .twp-star-outlined:before { content: "\e900"; } .twp-star:before { content: "\e901"; } .twp-settings:before { content: "\e902"; } .twp-thumbdown:before { content: "\e903"; } .twp-thumbup:before { content: "\e904"; } .twp-favorite:before { content: "\e905"; } .twp-favorite_outline:before { content: "\e906"; } .twp-recent_actors:before { content: "\e907"; } .twp-notifications_active:before { content: "\e908"; } .twp-person:before { content: "\e909"; } .twp-rearrange:before { content: "\e90a"; } .twp-digg:before { content: "\e90b"; } .twp-translate:before { content: "\e90c"; } .twp-cog:before { content: "\e90d"; } .twp-cart-arrow-down:before { content: "\e90e"; } .twp-snapchat:before { content: "\e90f"; } .twp-mail-envelope:before { content: "\e910"; } .twp-mail-envelope-outline:before { content: "\e911"; } .twp-plus:before { content: "\e912"; } .twp-sad-face--tightly-closed-eyes:before { content: "\e913"; } .twp-laughing-face:before { content: "\e914"; } .twp-sad-face:before { content: "\e915"; } .twp-smiling-face:before { content: "\e916"; } .twp-flashed-face1:before { content: "\e917"; } .twp-eye:before { content: "\e918"; } .twp-alarmclock:before { content: "\e919"; } .twp-hourglass:before { content: "\e91a"; } .twp-lifebuoy:before { content: "\e941"; } .twp-location:before { content: "\e947"; } .twp-reorder:before { content: "\e9be"; } .twp-sphere:before { content: "\e9c9"; } .twp-wondering:before { content: "\e9fb"; } .twp-share:before { content: "\ea82"; } .twp-facebook:before { content: "\ea90"; } .twp-facebook_fill:before { content: "\ea91"; } .twp-instagram:before { content: "\ea92"; } .twp-whatsapp:before { content: "\ea93"; } .twp-spotify:before { content: "\ea94"; } .twp-twitter:before { content: "\ea96"; } .twp-vk:before { content: "\ea98"; } .twp-rss:before { content: "\ea9b"; } .twp-youtube:before { content: "\ea9d"; } .twp-twitch:before { content: "\ea9f"; } .twp-vimeo:before { content: "\eaa0"; } .twp-flickr:before { content: "\eaa3"; } .twp-dribbble:before { content: "\eaa7"; } .twp-behance:before { content: "\eaa8"; } .twp-steam:before { content: "\eaac"; } .twp-github:before { content: "\eab0"; } .twp-wordpress:before { content: "\eab4"; } .twp-blogger:before { content: "\eab7"; } .twp-tumblr:before { content: "\eab9"; } .twp-soundcloud:before { content: "\eac3"; } .twp-skype:before { content: "\eac5"; } .twp-reddit:before { content: "\eac6"; } .twp-linkedin:before { content: "\eaca"; } .twp-delicious:before { content: "\eacd"; } .twp-stackoverflow:before { content: "\ead0"; } .twp-pinterest:before { content: "\ead1"; } .twp-xing:before { content: "\ead4"; } .twp-foursquare:before { content: "\ead6"; }.booster-clear {
clear: both;
}
.booster-clear:before,
.booster-clear:after {
content: "";
display: table;
table-layout: fixed;
}
.booster-clear:after {
clear: both;
}
.booster-bg-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: block;
}
.booster-extension .booster-block .booster-url-link {
text-decoration: none !important;
} .twp-social-share {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.twp-social-share .twp-share-container {
display: flex;
align-items: start;
justify-content: left;
}
.twp-social-share .twp-social-icons .twp-icon-holder {
border-top: 3px solid;
display: block;
padding: 15px 0;
width: 100%;
text-decoration: none;
}
.twp-social-icons.twp-social-twitter .twp-social-count,
.twp-social-icons.twp-social-twitter .twp-share-label {
color: #24a5db;
}
.twp-social-share .twp-social-twitter .twp-icon-holder {
border-color: #24a5db;
}
.twp-social-twitter .twp-icon-holder:hover .twp-social-count,
.twp-social-twitter .twp-icon-holder:focus .twp-social-count {
background: #24a5db;
color: #fff;
}
.twp-social-twitter .twp-icon-holder:hover .twp-social-count:after,
.twp-social-twitter .twp-icon-holder:focus .twp-social-count:after {
border-left-color: #24a5db;
}
.twp-social-icons.twp-social-facebook .twp-social-count,
.twp-social-icons.twp-social-facebook .twp-share-label {
color: #3b5998;
}
.twp-social-share .twp-social-facebook .twp-icon-holder {
border-color: #3b5998;
}
.twp-social-facebook .twp-icon-holder:hover .twp-social-count,
.twp-social-facebook .twp-icon-holder:focus .twp-social-count {
background: #3b5998;
color: #fff;
}
.twp-social-facebook .twp-icon-holder:hover .twp-social-count:after,
.twp-social-facebook .twp-icon-holder:focus .twp-social-count:after {
border-left-color: #3b5998;
}
.twp-social-icons.twp-social-pinterest .twp-social-count,
.twp-social-icons.twp-social-pinterest .twp-share-label {
color: #ca2128;
}
.twp-social-share .twp-social-pinterest .twp-icon-holder {
border-color: #ca2128;
}
.twp-social-pinterest .twp-icon-holder:hover .twp-social-count,
.twp-social-pinterest .twp-icon-holder:focus .twp-social-count {
background: #ca2128;
color: #fff;
}
.twp-social-pinterest .twp-icon-holder:hover .twp-social-count:after,
.twp-social-pinterest .twp-icon-holder:focus .twp-social-count:after {
border-left-color: #ca2128;
}
.twp-social-icons.twp-social-linkedin .share-media-nocount,
.twp-social-icons.twp-social-linkedin .twp-share-label {
color: #0077b5;
}
.twp-social-share .twp-social-linkedin .twp-icon-holder {
border-color: #0077b5;
}
.twp-social-linkedin .twp-icon-holder:hover .share-media-nocount,
.twp-social-linkedin .twp-icon-holder:focus .share-media-nocount {
background: #0077b5;
color: #fff;
}
.twp-social-linkedin .twp-icon-holder:hover .share-media-nocount:after,
.twp-social-linkedin .twp-icon-holder:focus .share-media-nocount:after {
border-left-color: #0077b5;
}
.twp-social-icons.twp-social-email .share-media-nocount,
.twp-social-icons.twp-social-email .twp-share-label {
color: #f75454;
}
.twp-social-share .twp-social-email .twp-icon-holder {
border-color: #f75454;
}
.twp-social-email .twp-icon-holder:hover .share-media-nocount,
.twp-social-email .twp-icon-holder:focus .share-media-nocount {
background: #f75454;
color: #fff;
}
.twp-social-email .twp-icon-holder:hover .share-media-nocount:after,
.twp-social-email .twp-icon-holder:focus .share-media-nocount:after {
border-left-color: #f75454;
}
.twp-social-icons.twp-social-vk .share-media-nocount,
.twp-social-icons.twp-social-vk .twp-share-label {
color: #1A4B78;
}
.twp-social-share .twp-social-vk .twp-icon-holder {
border-color: #1A4B78;
}
.twp-social-vk .twp-icon-holder:hover .share-media-nocount,
.twp-social-vk .twp-icon-holder:focus .share-media-nocount {
background: #1A4B78;
color: #fff;
}
.twp-social-vk .twp-icon-holder:hover .share-media-nocount:after,
.twp-social-vk .twp-icon-holder:focus .share-media-nocount:after {
border-left-color: #1A4B78;
}
.twp-icon-holder .twp-social-count,
.twp-icon-holder .twp-share-media,
.share-media-nocount {
display: inline-block;
vertical-align: middle;
}
.share-media-nocount,
.twp-icon-holder .twp-social-count {
background: #eee;
color: #000;
padding: 5px 10px;
position: relative;
text-align: center;
min-width: 50px;
border-radius: 6px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.share-media-nocount .booster-svg,
.twp-icon-holder .twp-social-count .booster-svg-icon .booster-svg {
display: inline-block;
vertical-align: middle;
}
.share-media-nocount .booster-svg {
width: 20px;
height: 20px;
}
.twp-icon-holder .twp-social-count .booster-svg-icon .booster-svg {
width: 12px;
height: 12px;
}
.share-media-nocount .booster-svg-icon:before,
.twp-icon-holder .twp-social-count .booster-svg-icon:before {
line-height: 30px;
}
.share-media-nocount:after,
.twp-icon-holder .twp-social-count:after {
content: '';
display: block;
position: absolute;
right: -12px;
width: 0;
height: 0;
border: solid 6px transparent;
border-left-color: #eee;
bottom: 12px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.twp-icon-holder .twp-share-media {
padding: 0;
text-align: center;
text-decoration: none;
}
.twp-share-label {
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.twp-share-label .booster-svg-icon {
vertical-align: middle;
}
.twp-share-label .booster-svg-icon .booster-svg {
width: 22px;
height: 22px;
}
.twp-share-media .twp-label-title {
font-size: 14px;
}
@media only screen and (max-width: 1199px) {
.twp-share-media .twp-label-title {
display: none;
visibility: hidden;
opacity: 0;
}
}
.twp-social-share-layout-2,
.twp-like-dislike-button {
position: relative;
display: inline-block;
vertical-align: middle;
}
.archive-like-share .twp-like-dislike-button {
float: right;
}
.twp-social-share-layout-2 .twp-toggle-share,
.twp-social-share-layout-2 .twp-share-container,
.twp-social-share-layout-2 .twp-social-icons {
display: inline-block;
vertical-align: middle;
}
.twp-social-share-layout-2 .twp-social-icons {
padding-left: 5px;
padding-right: 5px;
}
.twp-social-share-layout-2 .twp-toggle-share span {
margin-right: 5px;
}
.twp-social-share-layout-2 .twp-social-icons .booster-svg,
.twp-social-share-layout-2 .twp-toggle-share .booster-svg {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
.twp-social-share-layout-2 .twp-toggle-share span {
margin-right: 5px;
} .booster-row {
margin-left: -15px;
margin-right: -15px;
}
.booster-row:before,
.booster-row:after {
content: "";
display: table;
table-layout: fixed;
}
.booster-row:after {
clear: both;
}
.booster-row .booster-column {
float: left;
padding-left: 15px;
padding-right: 15px;
}
.booster-column-eight {
width: 80%;
}
.booster-column-two {
width: 20%;
}
@media screen and (max-width: 767px) {
.booster-column-mobile {
width: 100%;
}
}
.be-author-details {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=) top left repeat;
padding: 40px;
}
@media screen and (max-width: 767px) {
.be-author-details {
padding: 15px;
}
}
.widget .be-author-details {
padding: 0;
}
.booster-extension .be-author-details a {
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
}
.be-author-details .be-author-wrapper {
background: #fff;
padding: 15px;
}
.be-author-details .be-author-image {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.be-author-details .be-author-image {
margin-bottom: 20px;
}
}
.be-author-details.layout-round .be-author-image {
border-radius: 100%;
}
.be-author-details .be-author-image > img {
vertical-align: top;
}
.twp-plugin-title.twp-author-title h2 {
margin: 0 auto 15px;
}
.be-author-details .author-details .be-author-name {
font-size: 24px;
margin-top: 0;
margin-bottom: 15px;
}
.be-author-details .be-author-description {
margin-bottom: 20px;
}
.be-author-details .be-author-email {
margin-bottom: 5px;
}
.be-author-details .author-ion {
display: inline-block;
border: 1px solid;
font-size: 18px;
height: 30px;
line-height: 30px;
vertical-align: middle;
text-align: center;
border-radius: 100%;
color: #787878;
width: 30px;
}
.be-author-details .booster-svg-icon {
display: inline-block;
vertical-align: middle;
text-align: center;
border-radius: 4px;
}
.be-author-details .be-author-meta {
margin-bottom: 5px;
}
.be-author-details .be-author-email .booster-svg-icon,
.be-author-details .be-author-role .booster-svg-icon,
.be-author-details .be-author-url .booster-svg-icon {
background: #efefef;
color: #787878;
margin-right: 10px;
}
.be-author-profiles {
margin-top: 15px;
}
.author-details .booster-svg-icon,
.widget .be-author-details .booster-svg-icon,
.be-author-profiles .booster-svg-icon {
width: 30px;
height: 30px;
line-height: 30px;
margin-bottom: 5px;
filter: alpha(opacity=84);
opacity: 0.84;
}
.be-author-profiles .booster-svg-icon {
color: #fff;
}
.be-author-profiles .booster-svg-icon:hover,
.be-author-profiles .booster-svg-icon:focus {
filter: alpha(opacity=100);
opacity: 1;
}
.author-details .booster-svg-icon .booster-svg,
.widget .be-author-email .booster-svg-icon .booster-svg,
.widget .be-author-url .booster-svg-icon .booster-svg,
.widget .be-author-role .booster-svg-icon .booster-svg,
.be-author-profiles .booster-svg-icon .booster-svg {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
}
.be-author-profiles .booster-svg-icon.booster-svg-facebook {
background: #3b5998;
}
.be-author-profiles .booster-svg-icon.booster-svg-twitter {
background: #1da1f2;
}
.be-author-profiles .booster-svg-icon.booster-svg-instagram {
background: #c32aa3;
}
.be-author-profiles .booster-svg-icon.booster-svg-pinterest {
background: #bd081c;
}
.be-author-profiles .booster-svg-icon.booster-svg-linkedin {
background: #007bb5;
}
.be-author-profiles .booster-svg-icon.booster-svg-youtube {
background: #ff0000;
}
.be-author-profiles .booster-svg-icon.booster-svg-vimeo {
background: #1ab7ea;
}
.be-author-profiles .booster-svg-icon.booster-svg-whatsapp {
background: #25d366;
}
.be-author-profiles .booster-svg-icon.booster-svg-github {
background: #211F1F;
}
.be-author-profiles .booster-svg-icon.booster-svg-wordpress {
background: #21759b;
}
.be-author-profiles .booster-svg-icon.booster-svg-foursquare {
background: #f94877;
}
.be-author-profiles .booster-svg-icon.booster-svg-vk {
background: #4a76a8;
}
.be-author-profiles .booster-svg-icon.booster-svg-twitch {
background: #9146ff;
}
.be-author-profiles .booster-svg-icon.booster-svg-tumblr {
background: #35465d;
}
.be-author-profiles .booster-svg-icon.booster-svg-snapchat {
background: #fffc00;
color: #000;
}
.be-author-profiles .booster-svg-icon.booster-svg-skype {
background: #00aff0;
}
.be-author-profiles .booster-svg-icon.booster-svg-reddit {
background: #ff5700;
}
.be-author-profiles .booster-svg-icon.booster-svg-stackoverflow {
background: #f48024;
}
.be-author-profiles .booster-svg-icon.booster-svg-xing {
background: #026466;
}
.be-author-profiles .booster-svg-icon.booster-svg-delicious {
background: #3399ff;
}
.be-author-profiles .booster-svg-icon.booster-svg-soundcloud {
background: #ff5500;
}
.be-author-profiles .booster-svg-icon.booster-svg-behance {
background: #1769ff;
}
.be-author-profiles .booster-svg-icon.booster-svg-steam {
background: #171a21;
}
.be-author-profiles .booster-svg-icon.booster-svg-dribbble {
background: #ea4c89;
}
.be-author-profiles .booster-svg-icon.booster-svg-blogger {
background: #f57d00;
}
.be-author-profiles .booster-svg-icon.booster-svg-flickr {
background: #f40083;
}
.be-author-profiles .booster-svg-icon.booster-svg-spotify {
background: #1ed760;
}
.be-author-profiles .booster-svg-icon.booster-svg-rss {
background: #f26522;
}
.widget .booster-author-block .be-author-background {
height: 180px;
}
.widget .booster-author-block .be-author-image {
border-radius: 4px;
height: 124px;
margin: 0 auto 20px;
width: 124px;
}
.widget .booster-author-block .be-author-details.layout-round .be-author-image {
border-radius: 100%;
}
.widget .booster-author-block .author-bg-enable .be-author-image {
margin-top: -55px;
} .single .twp-like-dislike-button {
margin: 15px auto;
}
.twp-like-dislike-button .twp-post-like-dislike,
.twp-like-dislike-button .twp-like-count,
.twp-like-dislike-button .twp-dislike-count {
display: inline-block;
vertical-align: middle;
}
.twp-like-dislike-button .twp-post-like-dislike {
font-size: 20px;
height: 35px;
line-height: 35px;
width: 35px;
}
.twp-like-dislike-button .twp-post-like-dislike img {
vertical-align: middle;
}
.twp-like-dislike-button .twp-post-like-dislike,
.twp-like-dislike-button .twp-like-count,
.twp-like-dislike-button .twp-dislike-count {
border-radius: 100%;
text-align: center;
}
.twp-like-dislike-button .twp-post-like-dislike .twp-smiling-face,
.twp-like-dislike-button .twp-post-like-dislike .twp-sad-face {
font-size: 28px;
line-height: 35px;
}
.twp-like-dislike-button .twp-like-count,
.twp-like-dislike-button .twp-dislike-count {
margin-left: -10px;
background: red;
color: #fff;
width: 20px;
height: 20px;
font-weight: 700;
font-size: 12px;
line-height: 20px;
text-align: center;
margin-right: 8px;
position: relative;
}
.twp-like-dislike-button.twp-like-dislike-thumb #twp-post-dislike.twp-post-like-dislike {
margin-top: 10px;
} .booster-read-block:before,
.booster-read-block:after {
content: "";
clear: bottom;
display: table;
}
.single .content-area .booster-read-block {
margin-top: 15px;
margin-bottom: 15px;
}
.single .content-area .twp-read-time,
.single .content-area .twp-post-visit {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.single .content-area .twp-read-time .booster-icon {
font-size: 24px;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.twp-read-time > span {
font-weight: 700;
margin-right: 10px;
}
.twp-post-visit > span {
font-weight: 700;
margin-right: 10px;
} .booster-reactions-block {
position: relative;
display: block;
margin-top: 20px;
margin-bottom: 20px;
padding: 30px 10px;
border: 1px solid rgba(0, 0, 0, .05);
}
.twp-reactions-icons {
display: flex;
display: -webkit-flex;
margin-right: auto;
margin-left: auto;
flex-flow: row nowrap;
justify-content: space-evenly;
}
.twp-reactions-icons .twp-reacts-wrap {
text-align: center;
}
@media screen and (max-width: 767px) {
.twp-reactions-icons {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.twp-reactions-icons .twp-reacts-wrap {
position: relative;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 15px;
margin-top: 15px;
width: 100%;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
}
@media screen and(max-width: 575px) {
.twp-reactions-icons .twp-reacts-wrap {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
.twp-reactions-icons .twp-reacts-wrap .be-face-icons {
display: block;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
.twp-reactions-icons .be-face-icons img {
display: block;
margin: auto;
padding-right: 20px;
padding-left: 20px;
width: 100%;
height: auto;
-webkit-transition: transform .3s cubic-bezier(.36, .8, .41, 1);
-moz-transition: transform .3s cubic-bezier(.36, .8, .41, 1);
-ms-transition: transform .3s cubic-bezier(.36, .8, .41, 1);
-o-transition: transform .3s cubic-bezier(.36, .8, .41, 1);
transition: transform .3s cubic-bezier(.36, .8, .41, 1);
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
will-change: transform;
}
.twp-reactions-icons .be-face-icons:hover img,
.twp-reactions-icons .be-face-icons:focus img {
-webkit-transform: scale(1.4) rotate(-20deg);
-moz-transform: scale(1.4) rotate(-20deg);
-ms-transform: scale(1.4) rotate(-20deg);
-o-transform: scale(1.4) rotate(-20deg);
transform: scale(1.4) rotate(-20deg);
}
.twp-reactions-icons .be-face-icons:focus-within img {
-webkit-transform: scale(1.4) rotate(-20deg);
-moz-transform: scale(1.4) rotate(-20deg);
-ms-transform: scale(1.4) rotate(-20deg);
-o-transform: scale(1.4) rotate(-20deg);
transform: scale(1.4) rotate(-20deg);
}
.twp-reaction-title,
.twp-count-percent {
display: block;
font-weight: 700;
text-align: center;
}
.twp-reaction-title {
margin-top: 5px;
margin-bottom: 5px;
white-space: nowrap;
font-size: 13px;
}
.twp-count-percent {
background-color: rgba(0, 0, 0, .025);
font-size: 1rem;
line-height: 1.5;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.twp-reactions-icons .reacted ~ .twp-count-percent {
background: #ffd954;
color: #000;
} .comments-rating {
border: none;
padding: 0;
margin-left: 0;
}
.comments-rating label {
display: inline-block;
}
.rating-container {
font-size: 0;
unicode-bidi: bidi-override;
direction: rtl;
}
.rating-container * {
font-size: 19px;
}
.rating-container > input {
display: none;
}
.rating-container > input + label {
font-family: 'twpicon';
display: inline-block;
overflow: hidden;
text-indent: 9999px;
width: 19px;
white-space: nowrap;
cursor: pointer;
margin: 0;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.rating-container > input + label:before {
content: "\e900";
display: inline-block;
text-indent: -9999px;
color: #888;
}
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
content: "\e901";
color: #f2b309;
}
.rating-container > .star-cb-clear + label {
text-indent: -9999px;
width: .5em;
margin-left: -.5em;
}
.rating-container > .star-cb-clear + label:before {
width: .5em;
}
.rating-container:hover > input + label:before {
content: "\e900";
color: #888;
}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
content: "\e901";
color: #f2b309;
}
.comment-respond .rating-container > .star-cb-clear + label,
.comment-respond .rating-container > input + label:before {
text-indent: 9999px;
}
.comment-respond .rating-container > input + label {
text-indent: -9999px;
} .booster-average-rating {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 15px;
padding-bottom: 15px;
}
.booster-review-info,
.booster-review-bar {
position: relative;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
.booster-review-info {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
.booster-review-bar {
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
@media screen and (max-width: 767px) {
.booster-review-info,
.booster-review-bar {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.booster-average-percent {
font-size: 52px;
font-weight: 700;
line-height: 1;
margin-bottom: 15px;
filter: alpha(opacity=70);
opacity: .7;
}
.twp-post-review {
margin-bottom: 20px;
}
.twp-bar-rating {
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 13px;
font-weight: 500;
}
.individual-rating-bar {
margin-left: 10px;
margin-right: 15px;
width: 230px;
}
.individual-bar-bg {
position: relative;
width: 100%;
height: 10px;
background-color: #f1f1f1;
}
.individual-bar-bg .individual-bar-percent {
background-color: #690;
display: block;
height: 100%;
}
.average-post-rating {
display: inline-block;
font-size: 20px;
overflow: hidden;
position: relative;
vertical-align: middle;
width: 100px;
height: 20px;
}
.average-post-rating span:before {
font-family: 'twpicon';
content: "\e901\e901\e901\e901\e901";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.average-post-rating span:before {
top: 0;
position: absolute;
left: 0;
}
.average-post-rating:before {
color: #ccc;
}
.average-post-rating:before {
color: #ccc;
}
.average-post-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.average-post-rating span:before {
color: #f2b309;
}
.average-post-rating span:before {
color: #f2b309;
}