/*
Theme Name: MedianX
Theme URI: http://lombokmedia.web.id/themes/
Description: MultiPurpose WordPress Theme
Author: Amrin Zulkarnain
Author URI: http://amrinz.wordpress.com
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white
Text Domain: lombokmedia
*/

body#layout{width:922px}
body#layout .mainContainer{display:flex;}
body#layout .header{width:50%}
body#layout .mainbar{width:65%}
body#layout .sidebar{width:35%}
body#layout div#HTML2, body#layout div#HTML3{width:calc(50% - 4px);float:left}
body#layout div#HTML3{float:right}
body#layout div.section:after{content:'';display:block;clear:both}
/* Body Font */
@font-face {
font-family: 'Martel';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Martel'), local('Martel-Regular'), url(https://fonts.gstatic.com/s/martel/v5/PN_xRfK9oXHga0XdZsg_rz7b_g.woff2) format('woff2')
}
@font-face {
font-family: 'Martel';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Martel Bold'), local('Martel-Bold'), url(https://fonts.gstatic.com/s/martel/v5/PN_yRfK9oXHga0XV3e0qghzW1PrTzg.woff2) format('woff2')
}
/* Heading Font */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0KExQ.woff2) format('woff2')
}
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v12/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
}
/* Source Code Font */
@font-face {font-family: 'Fira Mono';font-style: normal;font-weight: 400;font-display: swap;src: local('Fira Mono Regular'), local('FiraMono-Regular'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff) format('woff'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2');}
/* Font Arab */
@font-face {font-family: KFGQPC Uthman Taha Naskh Bold;font-display: swap;src: url('../font/UTHMANTN1B%20VER10_0.OTF') format('opentype');font-weight: bold;font-style: normal;
}
.arab {font-size:26px;line-height:2;font-family:KFGQPC Uthman Taha Naskh Bold;font-weight:normal;text-align:right;direction:rtl;margin:25px 0;}
ul.sumber li{margin-bottom:6px;}
ul.sumber{font-family:'PT Sans';line-height:1.3em;font-size:11px;padding:0;list-style:none;font-style:italic;color:#989B9F;margin:1.5em 0}
ul.sumber:before{content:'Sumber Referensi :';display:block;margin-bottom:6px;font-weight:600;font-style:normal;font-size:12px}
.i-love{color:red}
/* Standar Element */
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
a{-webkit-transition:all .2s ease;transition:all .2s ease;color:#ff8800;text-decoration:none}a:hover{color:#767676}
h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;letter-spacing:.02em;font-family:PT Sans, sans-serif;color:#333333} h1{font-size:1.8rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.3rem} h5{font-size:1.2rem} h6{font-size:1.1rem}
table{border-spacing:0} iframe{width:100%;border:0;border-radius:4px} input,button,select,textarea{font:inherit;font-size:100%;color:inherit;line-height:normal;vertical-align:baseline} img{display:block;position:relative;max-width:100%;height:auto;font-size:10px;color:transparent}
svg{width:22px;height:22px;vertical-align:middle;fill:#333333}
.dark-mode svg{stroke: #c6c9ce!important;fill:none!important}
svg .svg-c{fill:#ff8800}
svg.line{fill:none;stroke:#161617;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
svg.line .svg-c{fill:none;stroke:#ff8800}
.hidden, .replaced{display:none} .invisible{visibility:hidden} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both}
.full-close{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background:transparent;opacity:0;visibility:hidden}
article .info{background:#fff;padding:10px 15px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.04)}
.dark-mode article .info{background:#242526;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.baca-juga{position:relative;padding-left:15px}
.baca-juga:before{content:'';position:absolute;left:0;top:0;display:block;width:4px;height:100%;border-radius:0 3px 3px 0;background:#F9CA24}
kbd{margin:0 0.1em;padding:0.12em 0.6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);font-family:Roboto;font-size:14px;display:inline;box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 0 0 2px #ffffff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #ffffff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #ffffff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}
.dark-mode kbd{border:1px solid #161717;color:#B0B3B8;box-shadow:0 1px 0 #131414,inset 0 0 0 2px #242526;background-color:#1C1D1E;-moz-box-shadow:0 1px 0 #131414,0 0 0 2px #242526 inset;-webkit-box-shadow:0 1px 0 #131414,0 0 0 2px #242526 inset;text-shadow:0 1px 0 #131414}
a.ext{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z' fill='%2317BF63'/%3E%3C/svg%3E");background-color:transparent;background-repeat:no-repeat;background-position:center right;background-size:15px 15px;padding-right:18px}
/* Scrollbar Custom */
html, #nav-widget, .Blog pre, .Blog pre code{scrollbar-width:thin}
/* Sytax Highlighter */
.hljs,.hljs-subst,.hljs-tag{color:#eaebec}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f15a5a}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}
article.post pre code:hover::-webkit-scrollbar-thumb {display:block}
article.post pre code::-webkit-scrollbar-thumb {display:none;background-color:rgba(65,72,67,.53)}
mark{padding:1px 6px;border-radius:2px;font-family:'Fira Mono', monospace;font-size: 15px}
code mark{font-size: 13px;margin: 2px;display: inline-block;}
pre code mark{margin:0;padding:0;border-radius:2px}
mark .hljs, mark .hljs-subst, mark .hljs-tag, mark .hljs-addition, mark.hljs-built_in, mark .hljs-builtin-name, mark .hljs-selector-attr, mark .hljs-selector-id, mark .hljs-selector-pseudo, mark .hljs-string, mark .hljs-attr, mark .hljs-template-variable, mark .hljs-type, .hljs-variable, mark .hljs-attribute,mark .hljs-symbol,mark .hljs-bullet,mark .hljs-link,mark .hljs-literal,mark .hljs-number,mark .hljs-quote,mark .hljs-regexp{color:#000}
.code-badge-copy-icon {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='13' rx='2' ry='2' width='13' x='9' y='9' fill='none' stroke='%23c6c9ce' stroke-width='1.6'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' fill='none' stroke='%23c6c9ce' stroke-width='1.6'%3E%3C/path%3E%3C/svg%3E");background-size: 55% 55%;background-repeat:no-repeat;background-position:center;cursor:pointer;padding:7px 15px;margin:-5px -8px;}
.code-badge > .code-badge-check-icon {
background: green;
}
.code-badge-check-icon {
cursor: pointer;
padding: 0 7px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIiBkYXRhLXByZWZpeD0iZmFzIiBkYXRhLWljb249ImNoZWNrIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hlY2sgZmEtdy0xNiIgcm9sZT0iaW1nIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9IiYjMTA7ICAgIGNvbG9yOiAjMmFmZjMyOyYjMTA7Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNzMuODk4IDQzOS40MDRsLTE2Ni40LTE2Ni40Yy05Ljk5Ny05Ljk5Ny05Ljk5Ny0yNi4yMDYgMC0zNi4yMDRsMzYuMjAzLTM2LjIwNGM5Ljk5Ny05Ljk5OCAyNi4yMDctOS45OTggMzYuMjA0IDBMMTkyIDMxMi42OSA0MzIuMDk1IDcyLjU5NmM5Ljk5Ny05Ljk5NyAyNi4yMDctOS45OTcgMzYuMjA0IDBsMzYuMjAzIDM2LjIwNGM5Ljk5NyA5Ljk5NyA5Ljk5NyAyNi4yMDYgMCAzNi4yMDRsLTI5NC40IDI5NC40MDFjLTkuOTk4IDkuOTk3LTI2LjIwNyA5Ljk5Ny0zNi4yMDQtLjAwMXoiLz48L3N2Zz4=');
background-size: 100% 100%;
}
div#copyy i.code-badge-copy-icon:before {content:'Copy Code';font-style:normal;position:absolute;display:block;top:-20px;width:max-content;background:rgba(0,0,0,.57);color:#fff;border-radius:3px;right:0;padding:2px 6px;visibility:hidden;opacity:0;transition:all .2s ease}
div#copyy:hover i.code-badge-copy-icon::before{visibility:visible;opacity:1;top:-33px}
div#copyy i.code-badge-copy-icon:after{content:'';position:absolute;top:0;right:13px;border-left:solid transparent 4px;border-right:solid transparent 4px;border-top:solid rgba(0,0,0,.57) 4px;opacity:0;visibility:hidden;transition:all .2s ease}
div#copyy:hover i.code-badge-copy-icon::after{visibility:visible;opacity:1;top:-9.8px}
div#copyy  i.code-badge-check-icon:before {content:'Code Copied!';font-style:normal;position:absolute;display:block;top:-33px;width:max-content;background:rgba(0,0,0,.57);color:#fff;border-radius:3px;right:0;padding:2px 6px;transition:all .2s ease}
div#copyy i.code-badge-check-icon:after{content:'';position:absolute;top:-9.8px;right:13px;border-left:solid transparent 4px;border-right:solid transparent 4px;border-top:solid rgba(0,0,0,.57) 4px;transition:all .2s ease}
.dark-mode div#copyy i.code-badge-copy-icon:before, .dark-mode div#copyy  i.code-badge-check-icon:before{background:rgba(255,255,255,.06)}
.dark-mode div#copyy i.code-badge-copy-icon:after, .dark-mode div#copyy i.code-badge-check-icon:after{border-top:solid rgba(255,255,255,.06) 4px}
/* Parse Code */
.singleItem.post #parser{position:relative;margin-top:20px}
.singleItem.post #codes{border:1px solid #ededef;width:100%;height:150px;display:block;background-color:#fafafa;border-radius:4px;font:400 11px 'Fira Mono',monospace;resize:none;margin:0 0 10px;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:none}
.singleItem.post #codes:active,#codes:focus{background-color:#f5f5f5;color:#444;outline:0}
.singleItem.post .btn-xs{font-family:'PT Sans';font-size:12px;line-height:1.5;border-radius:2px;padding:1px 5px;border:none;color:#fff;outline:0;cursor:pointer}
.singleItem.post .btn-primary{background-color:#ff8800;margin-bottom: 10px;}
.singleItem.post .btn-danger{background-color:#7687b7}
.singleItem.post .btn-info{background-color:#c16c6c}
.singleItem.post .btn-primary:active,.singleItem.post .btn-primary:hover,.singleItem.post .parser:active,.singleItem.post .parser:hover,.singleItem.post .btn-primary:focus,.singleItem.post .button-group button:disabled,.singleItem.post .parser:focus{color:#fff;background-color:#12a052}
.singleItem.post .btn-danger:active,.singleItem.post .btn-danger:hover{color:#fff;background-color:#616f98}
.singleItem.post .btn-info:active,.singleItem.post .btn-info:hover{color:#fff;background-color:#b36363}
.singleItem.post .alert{padding:6px;border-radius:4px;position:absolute;top:10px;right:10px;min-width:100px}
.singleItem.post .alert span{font-size:12px}
.singleItem.post .alert-success{color:#3c763d;background-color:rgba(215,236,206,.58)}
.singleItem.post .closer{float:right;margin-top:3px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}
button.closer{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;line-height:1}
.singleItem.post .checkbox{display:none}
.dark-mode .post #codes{border:1px solid #3a3b3c;background-color:#1f1f1f}
.dark-mode .post .alert-success{color:#989b9f;background-color:rgba(51,53,56,.60)}
.dark-mode .post #codes:active,.dark-mode .singleItem.post #codes:focus{background-color:#18191a;color:inherit;outline:0}
.dark-mode .post .closer{color:#fff;text-shadow:0 1px 0 #fff}
/* Main Content */
html{scroll-behavior:smooth;overflow-x:hidden}
body{position:relative;margin:0;padding:0;width:100%;font-family:'PT Sans', sans-serif;font-size:14px;color:#313135;background-color:#fafafc;-webkit-font-smoothing: antialiased;}
main{display:block;padding:30px 10px 30px 245px;-webkit-transition:all .2s ease;transition:all .2s ease}
main > *:not(:last-child), .sidebar > *:not(:last-child){margin-bottom:40px}
#nav-widget{position:fixed;top:0;left:0;background-color:#fefefe;width:220px;height:100%;padding:calc(60px + 15px) 0 0 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2;overflow:hidden;box-shadow:0 6px 18px 0 rgba(30,30,30,.035)}
#nav-widget:hover{overflow-y:auto;}
#nav-widget:before{content:'';position:fixed;top:0;left:0;width:220px;height:60px;background-color:#fefefe;z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}
#nav-widget .widget{padding-bottom:90px}
#add-widget{padding-top:40px;display:none}
#large-ads{width:100%;padding:0 30px 0 245px;-webkit-transition:all .2s ease;transition:all .2s ease}
#large-ads .widget{margin:30px 0 10px}
.mainContainer{display:flex;justify-content:space-between;flex-wrap:wrap}
.mainIner:before{content:'';display:block;width:100%;padding-top:60px}
.asideIner{position:absolute;left:0;bottom:0;width:100%}
.mainbar{min-height:100vh;width:calc(100% - 360px)}
.multipleItem .sidebar{padding:30px 30px 15px 15px}
.sidebar{background-color:transparent;width:360px;padding:30px 30px 30px 0;flex:0 0 auto}
.sidebar .widget{padding:20px;background:#fff;border-radius:4px}
.sidebar .widget.Profile, .sidebar .widget.HTML{padding:0;background:unset;border-radius:4px;box-shadow:unset}
#sidebar-sticky{position:sticky;top:calc(60px + 20px)}
figure{margin:1.5em 0;}
figure .lazy-youtube{margin-bottom:8px;}
figcaption{font-family:'PT Sans';font-size:14px;font-style:italic;color:#767676;text-align:center;line-height:1.5em;}
/* Header */
.header{position:fixed;top:0;left:0;display:flex;width:100%;height:60px;padding:0 30px 0 25px;background-color:#ff8800;color:#fefefe;fill:#fefefe;z-index:50;box-shadow:0 2px 10px 0 rgba(0,0,0,.04);-webkit-transition:all .2s ease;transition:all .2s ease;}
.header #header-widget{flex:0 0 auto;display:flex;align-items:center;height:100%;width:173px;padding:0 0 0 23px;overflow:hidden}
.header .widget{margin:auto 0;background-repeat:no-repeat;background-size:100%;background-position:center}
.header .header-inner img{max-width:142px;max-height:30px}
.header .header-inner .logo-name, #header-widget .header-inner h2{max-width:152px;font-size:18px;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 0;font-weight: 700;letter-spacing: .02em;font-family: PT Sans, sans-serif;}
.header .header-inner a{color:inherit;-webkit-transition:none;transition:none}
.header-inner h2 a:before, .header-inner .logo-name:before{content:'';background-image:url(./img/logo.png);width:35px;height:35px;display:inline-block;vertical-align:-12px;background-repeat:no-repeat;background-position:center center;background-size:25px 25px;}
/* Header Navicon */
.header .navicon{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;z-index:4}
.header .navicon.right{margin-left:auto}
.header .navicon.search{display:flex;width:22px;position:absolute;top:-100%;right:10px;padding:0;border:0;outline:0;background:transparent;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden}
.header .navicon.search > *{cursor:default;fill:#5f6368}
.header .navicon > *{margin:auto 0;width:20px;cursor:pointer}
.header .navicon > * svg{width:20px}
.header .navicon .nav{height:20px;padding:3px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.header .navicon .nav:hover{box-shadow: rgba(150,150,150,.1) 0 0 0 10px;background:rgba(150,150,150,.1);border-radius: 50px}
.header .navicon .nav i{position:relative;display:block;width:60%;height:2px;background-color:#fefefe;margin:0 0 4px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border-radius:50px}
.header .navicon .nav i:nth-child(2){width:100%;margin:0;z-index:2}
.header .navicon .nav i:nth-child(3){width:60%;background-color:#fefefe;margin:4px 0 0 auto}
.header .navicon .nav.home{display:none}
.header .navicon .dark-switch{display:flex;align-items:center;width:auto;font-size:12px;color:#fefefe;white-space:nowrap}
.header .navicon .dark-switch:before{content:'Dark Mode'}
.header .navicon .dark-switch i{position:relative;margin-left:8px;width:30px;height:10px;border-radius:8px;background-color:rgba(0,0,0,.15)}
.header .navicon .dark-switch i:before{content:'';display:block;position:absolute;top:-4px;left:0;width:18px;height:18px;border-radius:50%;border:1px solid rgba(44,105,43,.34);background:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}
.header .navicon .navSearch{margin-left:15px;display:none}
.header .navicon .dark-switch:hover i::before{box-shadow:rgba(0,0,0,0.08) 0 0 0 5px;}
.dark-mode .header .navicon .dark-switch:hover i::before{box-shadow:rgba(0,0,0,0.12) 0 0 0 5px;}
.dark-mode .navicon .dark-switch i:before{left:13px;border:1px solid rgba(0,0,0,0.12);background:#ff8800 url("data:image/svg+xml,%3Csvg viewBox='1 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z' fill='%23ffffff'/%3E%3C/svg%3E") center / 12px no-repeat;}
/* Header Search */
.header .searchbar{flex:0 0 auto;display:flex;transition:all .6s ease;align-items:center;width:100%;height:100%;max-width:760px;padding:0 0 0 25px}
.header .searchbar form{position:relative;display:flex;align-items:center;width:100%;margin:auto 0;}
.header .searchbar .search-button{position:absolute;top:0;left:15px;display:flex;height:100%;align-items:center;padding:0;border:0;outline:0;background:transparent;cursor:pointer}
.header .searchbar .search-button svg{width:18px;height:18px;fill:#5f6368;-webkit-transition:all .3s ease;transition:all .3s ease}
.header .searchbar input[type=text]{background-color:#fefefe;color:#000;outline:0;border:0;padding:12px 20px 12px 45px;border-radius:4px;width:100%;transition: box-shadow .3s;-webkit-transition: box-shadow .3s}
.header .searchbar input[type=text]:focus{box-shadow:0 2px 3px 0 rgba(0,0,0,.1)}
.header .searchbar input[type=text]:focus + .search-button svg{fill:#ff8800}
.header .searchbar input[type=text]:focus + .search-button + .navicon.search{top:0;opacity:1;visibility:visible}

/* Navigation Menu */
.navigation-menu, .navigation-mobile{list-style:none;margin:0;padding:0;color:#161617;fill:#161617;}
.navigation-menu > li{position:relative;padding:10px 20px 10px 25px}
.navigation-menu > li:before{content:'';position:absolute;top:0;left:0;display:block;width:2px;height:42px;border-radius:0 3px 3px 0;}
.navigation-menu > li:hover:before{background-color:#ff8800}
.navigation-menu > li.break:after{content:'';display:block;width:100%;border-bottom:1px solid #ebeced;margin-top:20px}
.navigation-menu li .link{display:flex;align-items:center;cursor:pointer}
.navigation-menu li .link svg{height:20px;flex:0 0 auto;fill:none;stroke:#333333;}
.navigation-menu li .link svg.name{flex:0 0 auto;width:14px;height:14px;margin-left:auto}
.navigation-menu li .link span.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;letter-spacing:.04em;}
.navigation-menu li .link span.new:after{content:'New!';margin-left:5px;font-size:85%;font-weight:400;color:#ff8800}
.navigation-menu li .link .name{display:block;margin-left:21px}
.navigation-menu li a{display:block;color:inherit;white-space:nowrap}
.navigation-menu ul{list-style:none;margin:0;padding:0;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease}
.navigation-menu ul li{height:0;padding:0 20px 0 43px;-webkit-transition:inherit;transition:inherit;opacity:0;visibility:hidden}
.navigation-menu .close{display:none;position:fixed;top:0;left:0;margin-left:-100%;padding:20px 20px 20px 25px;width:85%;max-width:480px;background:#fefefe;-webkit-transition:all .2s ease;transition:all .2s ease}
.navigation-menu .sosmed{position:fixed;bottom:0;left:0;padding:20px 20px 30px 25px;width:220px;background:#fefefe;-webkit-transition:all .2s ease;transition:all .2s ease}
.navigation-menu .sosmed:before, .navigation-menu .close:before{top:10px}
.navigation-menu .sosmed .link{display:none}
.navigation-menu .sosmed .link svg{width:22px;height:22px}
.navigation-menu .sosmed ul{display:flex;}
.navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}
.navigation-menu .sosmed ul svg{fill:#a2a2a2}
.navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
.navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}
.navigation-menu .sub-menu:checked + .link svg.name{-webkit-transform:rotate(180deg);transform: rotate(180deg)}
.nav-menu:checked + .mainWrapper .mainIner #large-ads,
.nav-menu:checked + .mainWrapper .mainIner main,
.nav-menu:checked + .mainWrapper .mainIner .footbar{padding-left:90px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(25% - 15px)}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:20px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:0}
.nav-menu:checked + .mainWrapper .asideIner #nav-widget,
.nav-menu:checked + .mainWrapper .asideIner #nav-widget:before,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:68px}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:block;}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:none}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul{padding:0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul li{height:0;padding:0 20px 0 43px;opacity:0;visibility:hidden}
.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:40px;padding-left:150px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:30px}
/* Navigation Mobile */
.navigation-mobile{display:flex;align-items:center;justify-content:space-evenly;position:fixed;left:0;bottom:-50px;width:100%;height:50px;padding:0 25px;background-color:transparent;z-index:-1;border-radius:20px 20px 0 0}
.navigation-mobile li{visibility:hidden;opacity:0;width:20%;text-align:center}
.navigation-mobile a{display:block}
.navigation-mobile svg{fill:#313135;height:20px;width:20px}
.navigation-mobile svg.line{fill:none;stroke:#313135}
.navigation-mobile .dark-link .svg-2{display:none}
.navigation-mobile .top-link{visibility:visible;opacity:1}
.navigation-mobile .top-link div{display:flex;align-items:center;justify-content:center;position:fixed;cursor:pointer;right:20px;bottom:20px;width:45px;height:45px;background-color:#fff;border: 6px solid #fafafa;border-radius:50px;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
.navigation-mobile .top-link div:hover{border:6px solid #fafafa}
.dark-mode .navigation-mobile .top-link div:hover{border:6px solid #242526}
.navigation-mobile .top-link svg.line, .navigation-mobile .top-link svg.line .svg-c{stroke:#ff8800}
.dark-mode .navigation-mobile .dark-link .svg-2{display:inline-block}
.dark-mode .navigation-mobile .dark-link .svg-1{display:none}
.dark-mode .navigation-mobile .top-link div{background-color:#242526;border:6px solid #242526}
.dark-mode .navigation-mobile .top-link svg.line .svg-c{stroke:#c6c9ce}
/* Widget Default */
h3.title:before, h3.heading:before{content:'';position:absolute;display:block;bottom:-8px;width:25px;height:2px;border-radius:50px;background-color:#ff8800}
.widget-title, .sidebar .title, .related-posts .title, .comments .title{display:flex;align-items:center;position:relative;justify-content:space-between;margin:0 0 25px;font-size:16px}
.comments-content{margin-top:30px}
.widget-title > *{font-size:inherit}
.widget-title a{font-size:85%;color:#313135}
.widget-title a.view-all{color:#ff8800}
.widget-title a.view-all:hover{color:#48525c}
.widget:not(:last-child){margin-bottom:30px}
.widget .post-thumb{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.widget .full-gambar{width:100%!important;}
.widget input[type=email], .widget input[type=text], .widget textarea{width:100%;padding:8px 12.5px;outline:0;border:0;border-radius:3px;line-height:22px}
.widget input[type=submit], .widget input[type=button]{outline:0;border:0;border-radius:3px;padding:8px 12.5px;line-height:22px;background-color:#ff8800;color:#fefefe;cursor:pointer;font-size:90%;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.widget input[type=button]{padding:8px 30px}
.sidebar ul, .sidebar ol{list-style:none;margin:0;padding:0}
/* Custom List Style */
.Blog article.post ol li, .Blog article.post ul li{word-wrap: break-word;}
.Blog article.post ol.style1{counter-reset:numbers;list-style:none;padding:0}
.Blog article.post ol.style1 > li{counter-increment:numbers;margin-bottom:25px;position:relative;margin-left:55px}
.Blog article.post ol.style1 > li img{margin:15px 0;width:100%;display:block}
.Blog article.post ol.style1 > li #box-download img{margin:0;}
.Blog article.post ol.style1 > li::before{content:counter(numbers);line-height:23px;font-family:'PT Sans';font-size:14px;font-weight:bold;left:-45px;width:32px;height:32px;text-align:center;position:absolute;color:#ff8800;border:5px solid rgba(55,144,65,.20);border-radius:50px;top:-2px}
.Blog article.post ol.standard li, .Blog article.post ol.style2 li, .Blog article.post ol.style0 li, .Blog article.post ul.style0 li, .Blog article.post ol.style1 li ul li{margin-bottom:10px}
.Blog article.post ol.style1 li ul{margin-top:15px}
.dark-mode .Blog article.post ol.style1 > li::before{color:#ff8800;border-color:rgba(23,191,99,0.16)}
/* Chat Style */
.Blog .komunikasi div:last-child{margin-bottom:0}
.Blog .komunikasi{padding:20px;max-width:400px;margin:20px auto;border-radius:4px;background:#f5f5f5;font-size:15px;line-height:1.5em;display:table}
.Blog .chat1{background:#e6e6e6;padding:10px;border-radius:4px;margin-bottom:25px;float:left}
.Blog .chat2{background:#ffffff;padding:10px;border-radius:4px;margin-bottom:25px;float:right}
.dark-mode .Blog .komunikasi{background:#161617}
.dark-mode .Blog .chat1{background:#18191a}
.dark-mode .Blog .chat2{background:#232323}
/* Grid Image */
.Blog article.post .grid-image{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}
.Blog article.post .grid-image img{flex-grow:1;flex-direction:column;display:flex;width:32%;margin:0 2% 2% 0;box-shadow:0 4px 12px 0 rgba(9,32,76,.05)}
.Blog article.post .grid-image img:nth-of-type(3n), .Blog article.post .grid-image img:last-child {margin-right:0;}
.Blog article.post img.w300, .Blog article.post ol.style1 > li img.w300{width:300px;margin:15px auto;display:block}
.Blog article.post img.w400, .Blog article.post ol.style1 > li img.w400{width:400px;margin:15px auto;display:block}
.Blog article.post img.w500, .Blog article.post ol.style1 > li img.w500{width:500px;margin:15px auto;display:block}
/* Widget Blog */
.multipleItem .Blog .blog-posts{display:flex;flex-wrap:wrap}
.multipleItem .Blog .blog-posts article{width:calc(33.333% - 13.333px);margin-right:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap: wrap}
.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-right:0}
.Blog article, .FeaturedPost article{display:block;background-color:#fefefe;margin:0 0 20px;padding:10px 10px 15px;border-radius:4px}
.Blog article .post-thumbnail{margin-bottom:15px;width:100%;line-height:0;overflow:hidden}
.Blog article .post-thumbnail a, .FeaturedPost article .item-thumbnail a, .widget_popularposts article .item-thumbnail a, .Blog .related-posts li .item-thumbnail > *{position:relative;display:block;width:100%;padding-top:52.5%;background-color:#f7f9f8;border-radius:4px;overflow:hidden}
.multipleItem .Blog article .post-content{align-self:flex-start;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;flex-grow:1;flex-basis:100%;width:100%;}
.Blog article .post-label{font-size:11px;line-height:1.58em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.Blog article .post-label a{color:#ff8800}
.Blog article .post-label a:before{content:'#';font-size:80%}
.Blog article .post-label a:not(:last-child):after, .FeaturedPost article .item-label > *:not(:last-child):after, .widget_popularposts article .item-label a:not(:last-child):after{/*content:',';*/margin-right:3px}
.Blog article .post-info{width:100%}
.Blog article .post-label a:hover, .Blog article .post-info .post-author a:hover{text-decoration:underline}
.Blog article .post-title{font-size:100%}
.Blog article .post-title a, .Blog article .post-info .post-author a, .FeaturedPost article a, .widget_popularposts article a{color:inherit}
.Blog article .post-title a:hover, .Blog article .post-info .post-author a:hover, .FeaturedPost article a:hover, .widget_popularposts article a:hover, .dark-mode .Blog .post-tocContent a:hover, .Blog .post-tocContent a:hover{color:#ff8800}
.post-authorImage{width:35px;height:35px;flex-shrink:0;margin-right:13px;border-radius:50%;background-color:#f1f1f0;position:relative}
.post-authorIcon svg{width:43px;height:64px;stroke:#ff8800}
.Blog article.post .post-authorImage img{width:100%;height:100%;border-radius:50%}
/* Ubah jadi display:block; untuk menampilkan snippet artikel */
.Blog article .post-snippet{display:none;margin-top:12px;font-size:11px;color:#48525c}
.multipleItem .Blog article .post-info{align-items:flex-end}
.Blog article .post-info, .FeaturedPost article .item-header, .widget_popularposts article .item-header{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;color:#313135}
.Blog article .post-info .post-author, .FeaturedPost article .item-label, .widget_popularposts article .item-label, .FeaturedPost article .item-published, .Blog article .post-info .post-published{font-size:12px;line-height:1.58em}
.Blog article .post-info .post-header, .FeaturedPost article .item-header .item-info, .widget_popularposts article .item-header .item-info{width:calc(100% - 65px)}
.Blog article .post-info .post-header .post-timestamp, .Blog article .post-info .post-author .post-authorName,
.FeaturedPost article .item-header .item-timestamp, .FeaturedPost article .item-header .item-label,
.widget_popularposts article .item-header .item-timestamp, .widget_popularposts article .item-header .item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog article .post-info .post-author .post-authorName{display:block;font-weight:300}
.Blog article .post-info .post-comment, .FeaturedPost article .item-comment, .widget_popularposts article .item-comment{display:flex;width:65px;flex-shrink:0;justify-content:flex-end}
.Blog article .post-info .post-comment > *, .FeaturedPost article .item-comment > *, .widget_popularposts article .item-comment > *{display:flex;align-items:flex-end;color:inherit}
.Blog article .post-info .post-comment > * svg, .FeaturedPost article .item-comment > * svg, .widget_popularposts article .item-comment > * svg{width:17px;height:17px;fill:#48525c;margin-left:5px}
.Blog article .post-info .post-comment > * svg.line, .FeaturedPost article .item-comment > * svg.line, .widget_popularposts article .item-comment > * svg.line{fill:none;stroke:#48525c}
.Blog article .post-info .post-comment > .post-shareIcon svg{height:18px}
.Blog article.noThumbnail .post-thumb{color:#989b9f;font-size:10px}
.Blog article.post{background: #fefefe;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 4%);-webkit-transition: all .2s ease;transition: all .2s ease;margin: 0 15px 30px 0;padding: 5px 15px;border-radius: 5px;border-bottom: 1px solid #ebeced;}
.Blog article.post h1, .Blog article.post h2, .Blog article.post h3, .Blog article.post h4, .Blog article.post h5, .Blog article.post h6{margin:1.5em 0 25px;line-height:1.4em;letter-spacing:normal}
.Blog article.post img{display:inline-block;border-radius:3px;width:100%;background-color:#f3f3f3}
.Blog .post-body > img:first-child{box-shadow: rgba(23, 43, 99, .128) 0 2px 28px}
.dark-mode .Blog article.post img{background-color:#1d1e1f}
img.lazyloaded{animation:reveal 1s ease-out;}
@keyframes reveal{0%{opacity:0}100%{opacity:1}}
.Blog article.post .post-headline{margin-bottom:25px;}
.Blog article.post .post-thumbnail{margin-bottom:20px}
.Blog article.post .post-thumbnail a{padding-top:34.61%}
.Blog article.post .post-title{font-size:30px;margin:0;letter-spacing:normal}
.Blog article.post .post-info{margin-top:10px;font-family:PT Sans}
.Blog article.post .post-info .post-author, .Blog article.post .post-info .post-published, .Blog article.post .post-info .post-comment{font-size:inherit;color:#48525c}
.Blog article.post .post-info .post-author .post-authorName:before{font-weight:normal}
.Blog article.post .post-info .post-timestamp .publish{display:none}
.Blog article.post .post-info .post-timestamp .publish:before{content:attr(data-text)}
.Blog article.post .post-info .post-timestamp .publish:after{content:'\2027';margin:0 5px}
.Blog article.post .post-info .post-header{width:calc(100% - 125px)}
.Blog article.post .post-info .post-comment{width:125px}
.Blog article.post .post-entry{font-family:'Martel', serif;font-size:16px;line-height:1.65em}
.Blog article.post .post-entry p{margin:1.5em 0;}
.Blog article.post .post-labels{display:flex;flex-wrap:wrap;padding:0;font-size:12px}
.Blog article.post .post-labels a{display:flex;justify-content:space-between;margin:0 10px 10px 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#f2f2f2;color:#313135}
.dark-mode .Blog article.post .post-labels a{background-color:#212223;color:#313135;
}
.Blog article svg.tags{width:32px;height:32px;float:left;vertical-align:middle;background:#f2f2f2;border-radius:4px;padding:5px;margin-right:10px}
.Blog article svg.tags path{fill:#393943}
.dark-mode .Blog article svg.tags{background:#212223;}
.dark-mode .Blog article svg.tags path{fill:#757575}
.Blog article.post .post-labels a:before, .item-popular .item-label a:before{content:'#';font-size:80%}
/*.Blog article.post .post-labels a:not(:last-child):after{content:','}*/
.item-popular time.published{font-size:11px}
.Blog article.post .post-share{position:relative;display:flex;flex-wrap:wrap;margin:20px 0 30px;font-size:13px;line-height:22px;}
.Blog article.post .post-share .share-icon{flex-grow:1}
.Blog article.post .post-share .share-icon:not(:first-child){margin-left:10px}
.Blog article.post .post-share .share-icon > *{display:flex;align-items:center;padding:12px;border-radius:3px;background-color:#fefefe;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
.Blog article.post .post-share .share-icon > a{padding:12px 15px;color:#fefefe}
.Blog article.post .post-share .share-icon > a svg{fill:#fefefe}
.Blog article.post .post-share .share-icon svg{width:20px;fill:#48525c}
.Blog article.post .post-share .share-icon label{cursor:pointer}
.Blog article.post .post-share .facebookThis a{background-color:#3059b0}
.Blog article.post .post-share .facebookThis a:after{content:'Facebook';margin-left:15px}
.Blog article.post .post-share .twitterThis a{background-color:#55acef}
.Blog article.post .post-share .twitterThis a:after{content:'Twitter';margin-left:15px}
.Blog article.post .post-share .whatsappThis a{background-color:#25D366}
.Blog article.post .post-share .whatsappThis a:after{content:'Whatsapp';margin-left:15px}
.Blog article.post .post-share .shareThis{flex-grow:0}
.Blog article.post .post-share .share-popup, .Profile .team .all-member, .Blog .post-font .post-fontContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;z-index:50;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.Blog article.post .post-share .share-notif{display:flex;position:fixed;left:0;right:0;bottom:0;margin-bottom:25px}
.Blog article.post .post-share .share-notif span{position:relative;bottom:-200px;display:block;width:240px;margin:0 auto;padding:10px;border-radius:3px;background-color:#48525c;color:#fefefe;font-size:13px;line-height:22px;text-align:center;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-webkit-animation:slidein 2s ease forwards;animation:slidein 2s ease forwards;}
.Blog article.post .post-share .share-check:checked + .share-popup, .Profile .team .all-team:checked + .all-member, .Blog .post-font .post-fontContainer.active{opacity:1;visibility:visible}
.Blog article.post .post-share .share-check:checked + .share-popup ul, .Profile .team .all-team:checked + .all-member .all-memberBox, .Blog .post-font .post-fontContainer.active ul{margin:0 auto}
.Blog article.post .post-share .share-check:checked + .share-popup .full-close, .Profile .team .all-team:checked + .all-member .full-close, .Blog .post-font .post-fontContainer.active .full-close{background:rgba(0,0,0,.35);opacity:1;visibility:visible}
.Blog article.post .post-share ul, .Blog .post-font .post-fontContainer ul{position:relative;display:flex;flex-wrap:wrap;width:95%;max-width:500px;list-style:none;margin:0 auto -50%;padding:25px 25px 20px;background-color:#fafafc;border-radius:8px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
.Blog article.post .post-share ul:before, .Blog .post-font .post-fontContainer ul:before{content:'Share Artikel';display:block;width:100%;margin:0 0 15px;font-size:15px;font-family:PT Sans, sans-serif;font-weight:700;text-align:center;color:#333333}
.Blog article.post .post-share li{position:relative;width:calc(25% - 15px);margin-right:20px}
.Blog article.post .post-share li:nth-of-type(4n){margin-right:0}
.Blog article.post .post-share li > *{display:block;margin:8px 0;text-align:center;color:inherit;cursor:pointer}
.Blog article.post .post-share li > * span{display:block;margin:5px 0 0;font-size:90%;color:#313135}
.Blog article.post .post-share li > * svg{width:48px;height:48px;fill:#48525c;padding:13px;background-color:#ebeced;border-radius:8px;}
.Blog article.post .post-share li > * svg.line{fill:none;stroke:#48525c;padding:16px}
.Blog article.post .post-share li input{margin:0;padding:0;outline:0;border:0;width:1px;height:0;opacity:0}
.Blog article.post .post-share li.share-close, .Profile .team .all-member .member-close, .Blog .post-font .post-fontContainer .close{width:30px;height:30px;margin:0;position:absolute;top:14px;right:-14px;z-index:1}
.Blog article.post .post-share li.share-close > *, .Profile .team .all-member .member-close label, .Blog .post-font .post-fontContainer .close > *{margin:0;display:flex;align-items:center;justify-content:center;height:100%;background-color:#ff8800;border-radius:50%;cursor: pointer}
.Blog article.post .post-share li.share-close > * svg, .Blog .post-font .post-fontContainer .close > * svg{width:22px;height:22px;padding:0;margin:0;background:transparent;fill:#fefefe}
.Blog .separate{display:block;margin:20px 0}
.Blog .separate:before{content:'\2027 \2027 \2027';display:block;color:#505050;text-align:center;font-size:28px;font-style:normal;letter-spacing:0.6em;text-indent:0.6em;clear:both}
.Blog blockquote{position:relative;font-size:15px;}
.Blog blockquote.style1{margin-left:0;margin-right:0;padding:30px 25px 30px 80px;border-radius:4px;border:2px solid #ebeced}
.Blog blockquote.style1:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:70px;font-family:PT Sans, sans-serif;top:7px;left:25px;line-height:normal;color:rgba(0,0,0,.15)}
.Blog blockquote.style1 ul{font-size:90%}

/*TABLE
.Blog table.tr-caption-container{min-width:inherit;width:auto;margin:0 auto;border:0;position:relative}
.Blog table.tr-caption-container tr td{background-color:transparent;border:0;padding:0}
.Blog table.tr-caption-container tr:nth-child(2n+1) td, .Blog table.tr-caption-container tr:nth-child(2n+1) td:first-child{border:0;background:transparent}
.Blog table.tr-caption-container .tr-caption{display:block;font-size:12px;font-style:italic;color:#48525c;background-color:transparent;border:0}
.Blog table{font-family:PT Sans, sans-serif;width:100%;margin:0 auto;border-radius:4px;overflow:hidden;font-size:15px;}
.Blog table th{background-color:#009688;color:#ffffff;text-align:left;padding:15px;border:1px solid rgba(0,0,0,.04);border-top:0;border-bottom:0;border-left:0;font-size:16px;}
.dark-mode .Blog table th{background:#242526;color:#c6c9ce}
.Blog table th:last-child, .Blog table tr td:last-child, .Blog table tr:nth-child(2n) td:last-child{border-right:0}
.Blog table td{padding:10px 15px;border-right:1px solid rgba(0,0,0,.04);border-left:0;border-top:0;vertical-align:middle}
.Blog table tr:nth-child(even) td, .Blog table tbody tr:nth-child(2n+2) th, .Blog table tbody:nth-child(2n+1) tr th[rowspan] {background-color:rgba(0,0,0,.03)}
.Blog table tr:nth-child(odd) td, .Blog table tbody tr:nth-child(2n+1) th, .Blog table tbody:nth-child(2n+2) tr th[rowspan] {background-color:rgba(0,0,0,.01)}
.Blog table tbody tr th[colspan] {background-color: rgba(0,0,0,.1);}
.Blog table tbody tr:last-child td, .Blog table tbody tr:last-child th{border-bottom:0}
.Blog .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px;scroll-behavior:smooth;margin:1.5em 0}
.Blog table tbody tr th{color:#444;border-right:1px solid rgba(0,0,0,.04);}
.dark-mode .Blog table tr:nth-child(even) td, .dark-mode .Blog table tbody tr:nth-child(2n+2) th, .dark-mode .Blog table tbody:nth-child(2n+1) tr th[rowspan] {background-color:rgba(0,0,0,.03)}
.dark-mode .Blog table tr:nth-child(odd) td, .dark-mode .Blog table tbody tr:nth-child(2n+1) th, .dark-mode .Blog table tbody:nth-child(2n+2) tr th[rowspan] {background-color:rgba(0,0,0,.1)}
.dark-mode .Blog table tbody tr th[colspan] {background-color: rgb(64,66,68,.1);}
.dark-mode .Blog table tbody tr th{background-color:rgba(255,255,255,.03)}
.dark-mode .Blog table td, .dark-mode .Blog table, .dark-mode .Blog table th{border-color:rgb(255,255,255,.03)}
*/
.Blog table.tr-caption-container{min-width:inherit;width:auto;margin:0 auto;border:0;position:relative}
.Blog table.tr-caption-container tr td{background-color:transparent;border:0;padding:0}
.Blog table.tr-caption-container tr:nth-child(2n+1) td, .Blog table.tr-caption-container tr:nth-child(2n+1) td:first-child{border:0;background:transparent}
.Blog table.tr-caption-container .tr-caption{display:block;font-size:12px;font-style:italic;color:#767676;background-color:transparent;border:0}
.Blog table{min-width:70%;margin:0 auto;border:0;overflow:hidden;font-size:14px;}
.Blog table th{background-color:transparent;padding:15px 20px;border:1px solid #ddd;border-left:0;font-family:Poppins, sans-serif;font-size:13px}
.Blog table th:last-child, .Blog table tr td:last-child, .Blog table tr:nth-child(2n) td:last-child{border-right:0}
.Blog table td{padding:15px 20px;border:1px solid #ddd;border-left:0;border-top:0;vertical-align:middle}
.Blog table tr:nth-child(2n + 1) td{background-color:rgba(0,0,0,.025)}
.Blog .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px;scroll-behavior:smooth;}

/*.Blog pre{font-size:13px;position:relative;width:100%;background-color:#262a2d;color:rgba(255,255,255,.9);border-radius:4px;margin:25px auto;-moz-tpab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;font-family: 'Fira Mono', monospace;line-height:1.5em}
.Blog pre code{display:block;padding:20px;white-space:pre;font-family: 'Fira Mono', monospace;overflow-x:auto;}
.Blog pre span.block{color:#fff;background:#3a7bd5}
.Blog .code{display:inline;padding:2px 4px;border-radius:2px;font-size:95%;line-height:inherit;color:#f15a5a;background-color:rgba(0,0,0,.05);font-family: 'Fira Mono', monospace;}
.dark-mode .Blog .code{background-color:rgba(0,0,0,.10)}
*/
.Blog pre{position:relative;font-family: 'Fira Mono', monospace;line-height:1.5em;font-size:13px}
.Blog pre:before{content:'</>';position:absolute;right:0;color:#c5c8c6;font-size:10px;padding:0 15px;z-index:2;line-height:35px}
.Blog pre.html:before{content:'.html'}
.Blog pre.css:before{content:'.css'}
.Blog pre.js:before{content:'.js'}
.Blog code, .Blog .comment-content i[rel="pre"]{display:block;white-space:pre;font-size:13px;position:relative;width:100%;background-color:#2e2e31;color:#c5c8c6;border-radius:3px;padding:30px 20px 20px;margin:25px auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;overflow:auto;font-family: 'Fira Mono', monospace;line-height:1.5em;}
.Blog pre span{color:#b5bd68}
.Blog pre span.block{color:#fff;background:#1c5393}
.Blog pre i{color:#81a2be;font-style:normal}
.Blog pre i.comment, .Blog pre i.tag, .Blog pre i.blue{color:#969896;user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-webkit-touch-callout:text;} .Blog pre i.tag{color:#cc6666} .Blog pre i.blue{color:#81a2be}
.Blog .code{display:inline;padding:2px 4px;font-size:85%;line-height:inherit;color:#f15a5a;background-color:rgba(0,0,0,.05);font-family: 'Fira Mono', monospace}
.Blog .daftar-isi, .Blog .spoiler{border:2px solid #ebeced;border-left:0;border-right:0;padding:25px 15px;margin:30px 0;font-size:15px}
.Blog .daftar-isi .isi-judul, .Blog .spoiler .spoiler-judul{outline:0;font-weight:700;font-family:PT Sans, sans-serif;color:#333333;display:flex;}
.Blog .daftar-isi .isi-judul:after{content: ' Hide all ';font-weight:400;font-size:85%;font-family:'PT Sans', sans-serif;color:#313135;margin-left:auto}
.Blog .daftar-isi .isi-content{max-height:1000vh;transition:all .4s ease;-webkit-transition:all .4s ease;overflow:hidden}
.Blog .daftar-isi .isi-content a{font-weight:400;color:#313135}
.Blog .daftar-isi .isi-content ol{counter-reset:daftar-count;margin-bottom:0;padding:0;list-style:none;font-size:14px}
.Blog .daftar-isi .isi-content ol ol{width:100%;margin-bottom:10px;padding-left:26px}
.Blog .daftar-isi .isi-content ol li, .Blog .post-tocContent ol li{display:flex;flex-wrap:wrap}
.Blog .daftar-isi .isi-content ol li a{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog .daftar-isi .isi-content li ul li a{max-width:none}
.Blog .daftar-isi .isi-content ol li a:before, .Blog .post-tocContent ol li a:before{content:counters(daftar-count,'.')'. ';counter-increment:daftar-count;display:inline-block;min-width:20px;margin-right:5px;color:#313135;flex-shrink:0;font-weight:700;font-family:PT Sans, sans-serif}
.Blog .daftar-isi .isi-content ol ul{width:100%;padding-left:45px}
.Blog .daftar-isi .isi-content ol ul li{display:list-item}
.Blog .daftar-isi .isi-content ol ul li:before{display:none}
.Blog .daftar-isi .isi-content ul{margin-bottom:0;padding-left:20px}
.Blog .daftar-isi .isi-input:checked + .isi-judul + .isi-content{max-height:0}
.Blog .daftar-isi .isi-input:checked + .isi-judul:after{content: ' Show all '}
.Blog .post-toc{width:380px;height:calc(100% - 60px);position:absolute;background:#fafafc;top:60px;right:0;z-index:5;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease}
.Blog .post-toc span.title:before{content:'';position:absolute;display:block;bottom:2px;width:25px;height:2px;border-radius:50px;background-color:#ff8800}
.Blog .post-tocContainer{position:sticky;top:calc(60px + 30px);padding:20px;margin:0 30px 0 20px;background-color:#ffffff;border-radius:4px}
.Blog .post-tocHeader{position:relative}
.Blog .post-tocHeader .title{font-size:16px}
.Blog .post-tocHeader label{display:flex;align-items:center;font-weight:700;font-family:PT Sans, sans-serif;margin:0;color:#333333;cursor:pointer;background-color:#fff;padding-bottom:10px}
.Blog .post-tocHeader label svg.drop{margin-left:auto;width:16px;height:16px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .2s ease;transition:all .2s ease;}
.Blog .post-tocHeader label .show{width:50px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fefefe;border-radius:50px 0 0 50px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);position:absolute;top:0;left:-70px;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.dark-mode .Blog .post-tocHeader label .show{box-shadow:-5px 2px 6px 0 rgba(0,0,0,.20)}
.Blog .post-tocContent{max-height: 55vh;overflow:hidden;}
.Blog .post-tocContent:hover{overflow:auto;margin-right:-3px;}
.Blog .post-tocContent ol{padding:0;list-style:none;font-size:14px;font-weight:400;line-height:1.9em;counter-reset: toc-count;}
.Blog .post-tocContent ol li a:before{content:counters(toc-count,'.')'. ';counter-increment:toc-count;}
.Blog .post-tocContent ol ol{width:100%;padding-left:26px;margin:6px 0}
.Blog .post-tocContent a{color:#333333;max-width:100%;display:flex}
.Blog .toc-menu:checked + .post-toc{right:-366px}
.Blog .toc-menu:checked + .post-tocContainer{box-shadow:none;}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{opacity:1;visibility:visible}
:target::before{content:"";display:block;height:70px;margin-top:-70px;visibility:hidden}
.Blog .post-tocContainer .show:before{content:unset;display:block;position:absolute;width:10px;left:13px;border-radius:50px;top:7px;height:10px;background:#ff5050;webkit-animation:indicator 1s ease infinite;-moz-animation:indicator 1s ease infinite;animation:indicator 1s ease infinite}
.Blog .toc-menu:checked + .post-toc .post-tocContainer .show:before{content:''}
@-webkit-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.blog-posts:before{content:'';display:inline-block;position:absolute;top:-25px;right:-105px;width:200px;height:200px;border-radius:50%;background:rgba(0,0,0,.04);z-index:-1;transform:scale(2.1);-webkit-transform:scale(2.1)}
.dark-mode .blog-posts:before{background:rgba(0,0,0,.10)}
.nav-menu:checked + .mainWrapper .blog-posts:before{right:-105px}
.Blog .spoiler{padding:20px 15px}
.Blog .spoiler .spoiler-judul{align-items:center}
.Blog .spoiler .spoiler-judul .button{margin:0 0 0 auto;padding:5px 15px;font-size:13px;font-weight:400;cursor:pointer}
.Blog .spoiler .spoiler-judul .button:before{content:'Tampilkan'}
.Blog .spoiler .spoiler-isi{max-height:0;margin-top:0;transition:all .2s ease;-webkit-transition:all .2s ease;overflow:hidden}
.Blog .spoiler .spoiler-isi p, .Blog article.post .spoiler .spoiler-isi p{margin-top:10px}
.Blog .spoiler .spoiler-isi pre{margin:10px auto 0}
.Blog .spoiler .spoiler-input:checked + .spoiler-judul .button:before{content:'Sembunyikan'}
.Blog .spoiler .spoiler-input:checked + .spoiler-judul + .spoiler-isi{max-height:1000vh;margin-top:1em}
.Blog .post-font > span, .Blog .post-shareIcon label{margin-left:7px;cursor:pointer}
.Blog .post-font .post-fontContainer ul:before{content:'Atur Ukuran Huruf'}
.Blog .post-font .post-fontContainer li{width:33.333%;text-align:center}
.Blog .post-font .post-fontContainer li label{display:block;margin:0 auto;cursor:pointer}
.Blog .post-font .post-fontContainer li label:before{content:'A';font-size:35px;font-weight:700;font-family:PT Sans, sans-serif;color:#ddd;line-height:60px}
.Blog .post-font .post-fontContainer li label:hover:before{color:#333333}
.Blog .post-font .post-fontContainer li:nth-child(1) label:before{font-size:25px}
.Blog .post-font .post-fontContainer li:nth-child(3) label:before{font-size:45px}
.Blog article .post-info .post-comment .post-fontContainer .close > * svg, .dark-mode .Blog article.post .post-share li.share-close svg{fill:#fefefe}
.font-size1:checked + .font-size2 + .font-size3 + article .post-font .post-fontContainer li:nth-child(1) label:before, .font-size2:checked + .font-size3 + article .post-font .post-fontContainer li:nth-child(2) label:before, .font-size3:checked + article .post-font .post-fontContainer li:nth-child(3) label:before{color:#333333}
.font-size1:checked + .font-size2 + .font-size3 + article .post-entry{font-size:15px}
.font-size3:checked + article .post-entry{font-size:17px}
.Blog .post-tabs .post-tabsHeader{display:flex;border-bottom:1px solid #ebeced;margin-bottom:30px;font-size:13px}
.Blog .post-tabs .post-tabsHeader > *:not(:last-child){margin-right:7px}
.Blog .post-tabs .post-tabsHeader > *{padding:8px 15px;border:1px solid #ebeced;border-bottom:0;border-radius:4px 4px 0 0;position:relative}
.Blog .post-tabs .post-tabsHeader > *:after{content:'';display:block;width:100%;height:2px;background-color:#fafafc;position:absolute;left:0;bottom:-1px;visibility:hidden;opacity:0}
.Blog .post-tabs .post-tabsContent{position:relative}
.Blog .post-tabs .post-tabsContent > *{display:none;transition:all .2s ease;-webkit-transition:all .2s ease;}
.Blog .post-tabs .post-tabsContent > *:not(:first-child){width:100%}
.Blog .post-tabs .post-tabsContent > * p:first-child{margin-top:0}
.tab-1:checked + .tab-2 + .post-tabs .post-tabsHeader > *:first-child:after,
.tab-2:checked + .post-tabs .post-tabsHeader > *:nth-child(2):after{opacity:1;visibility:visible}
.tab-1:checked + .tab-2 + .post-tabs .post-tabsContent > *:first-child,
.tab-2:checked + .post-tabs .post-tabsContent > *:nth-child(2){display:block}
.Blog .post-pagenav > *{padding:6px 15px}
.Blog .post-pagenav > *:not(:last-child){margin-right:12px}
.Blog .blog-pager a, .Blog .blog-pager .pagecurrent, .Blog .blog-pager .showpageOf{padding:8px 15px}
.Blog .blog-pager, .Blog .post-pagenav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0 0;font-size:12px;color:#313135;line-height:22px}
.Blog .blog-pager > *, .Blog .post-pagenav > *{display:flex;align-items:center;border-radius:4px;background-color:#fefefe;color:inherit}
.Blog .blog-pager > * svg{width:20px;fill:#313135}
.Blog .blog-pager > * svg.line{fill:none;stroke:#313135}
.Blog .blog-pager .no-post, .Blog .post-pagenav .current{cursor:not-allowed;background-color:#f2f2f2;color:#48525c}
.Blog .blog-pager .newer-link{margin-right:auto}
.Blog .blog-pager .older-link{margin-left:auto}
.Blog .blog-pager .js-load svg{margin-right:10px}
.Blog .blog-pager .js-load.error{background-color:#f15a5a}
.Blog .blog-pager > span{margin:5px}
.Blog .blog-pager > span:last-child{margin-right:0}
.Blog .breadcrumbs{display:flex;align-items:center;margin:0 15px 8px 0;font-size:13px;font-family:PT Sans, sans-serif;color:#48525c;}
.Blog .breadcrumbs > *:first-child,.Blog .breadcrumbs > *:nth-child(2){font-weight:600}
.Blog .breadcrumbs > *:not(:last-child):after{content:'\203A';margin:0 7px 0 4px;font-size:13px;line-height:16px;font-weight:normal}
.Blog .breadcrumbs > *{flex-shrink:0}
.Blog .breadcrumbs > .title-link{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#48525c}
.Blog .accordion{position:relative;list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;font-size:16px}
.Blog .accordion > li{width:100%;padding:20px 0;border-bottom:2px solid #ebeced}
.Blog .accordion .accor-title{display:flex;align-items:center}
.Blog .accordion .accor-title:hover{cursor:pointer}
.Blog .accordion .accor-title .accor-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:15px;position:relative}
.Blog .accordion .accor-title .accor-icon:before, .Blog .accordion .accor-title .accor-icon:after{content:'';display:block;width:60%;height:2px;border-radius:2px;background-color:#333333}
.Blog .accordion .accor-title .accor-icon:after{position:absolute;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.Blog .accordion .accor-title .title{flex-grow:1;margin:0;line-height:1.48em;font-weight:700;font-family:PT Sans, sans-serif;color:#333333}
.Blog .accordion .accor-menu:checked + .accor-title .title{color:#ff8800}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:before, .Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{background-color:#ff8800}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{visibility:hidden;opacity:0}
.Blog .accordion .accor-menu:checked + .accor-title + .content{max-height:100%;padding-top:15px;padding-bottom:8px}
.Blog .accordion .content{font-size:14px;margin:0;padding-left:35px;position:relative;overflow:hidden;max-height:0;-webkit-transition:all .2s ease;transition:all .2s ease;}
/* Box Download */
#box-download{font-family: 'PT Sans', serif;padding:15px;box-sizing:border-box;margin:25px 0;min-height:125px;border:1px solid #EBECED;font-size:13px;max-width:100%;background:#FFFFFF;border-radius: 4px;position: relative;overflow: hidden;}
.box-kiri{width:70%;float:left}
.icon-app{width:65px;height:65px;float:left;}
.post-body .icon-app img {margin: 0;}
.Blog article.post .icon-app img, .dark-mode .Blog article.post .icon-app img {background-color: unset;}
span.judul-app{font-size:20px;line-height: 1.2em;font-weight:600}
span.versi-app, .box-judul .ico-android {color:#727171;font-size:12px;position:relative}
.box-judul .ico-android {padding-left:22px}
.box-judul a {position:absolute}
.box-judul{position:relative;line-height: 1.5em;text-align: left;height:65px;margin-left:80px}
span.ico-android{display:block;margin-top: 8px;line-height:1.5em}
span.ico-android:before{content:'';width:18px;height:18px;position:absolute;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15,9A1,1 0 0,1 14,8A1,1 0 0,1 15,7A1,1 0 0,1 16,8A1,1 0 0,1 15,9M9,9A1,1 0 0,1 8,8A1,1 0 0,1 9,7A1,1 0 0,1 10,8A1,1 0 0,1 9,9M16.12,4.37L18.22,2.27L17.4,1.44L15.09,3.75C14.16,3.28 13.11,3 12,3C10.88,3 9.84,3.28 8.91,3.75L6.6,1.44L5.78,2.27L7.88,4.37C6.14,5.64 5,7.68 5,10V11H19V10C19,7.68 17.86,5.64 16.12,4.37M5,16C5,19.86 8.13,23 12,23A7,7 0 0,0 19,16V12H5V16Z' fill='%23fff'/%3E%3C/svg%3E");background-color:#6AB344;border-radius:50px;background-repeat:no-repeat;background-position:center center;background-size:12px 12px}
.box-kanan{position: absolute;right: 15px;width: 25%;}
.box-kanan a:nth-child(1){background:#008efa;border-radius:3px;display:block;width:100%;height:28px;margin-bottom:8px;letter-spacing:.08em;text-align:center}
.box-kanan a:nth-child(2){background:#6ab344;border-radius:3px;display:block;width:100%;height:28px;letter-spacing:.08em;text-align:center;}
.box-kanan a:nth-child(1):before{content:"DOWNLOAD";color:#fff;font-weight:600}
.box-kanan a.apel:nth-child(1):before{content:"APP STORE";}
.box-kanan a:nth-child(2):before{content:"PLAY STORE";color:#fff;font-weight:600}
.copyright-button{position:absolute;bottom:0;right:0;background:#FAFAFA;border-top: 1px solid #EBECED;border-left: 1px solid #EBECED;border-top-left-radius:5px;padding:0 5px;font-size:11px;line-height:2em}
.dark-mode #box-download{border:1px solid #303031;background:#242526;}
.dark-mode .copyright-button{background:#242526;border-top: 1px solid #303031;border-left: 1px solid #303031;}
@media screen and (max-width:480px){
.box-kanan{width:45px}
.box-kanan a.apel:nth-child(1):before{display:none}
.box-kanan a.apel:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z' fill='%23fff'/%3E%3C/svg%3E");background-size:21px;background-position:center center;background-repeat:no-repeat;}
.box-kanan a:nth-child(1):before{display:none}
.box-kanan a:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17,13L12,18L7,13H10V9H14V13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z' fill='%23fff'/%3E%3C/svg%3E");background-size:21px;background-position:center center;background-repeat:no-repeat;}
.box-kanan a:nth-child(2):before{display:none}
.box-kanan a:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z' fill='%23fff'/%3E%3C/svg%3E");background-size:21px;background-position:center center;background-repeat:no-repeat;}
.box-kiri {width: 80%;}
span.ico-android{line-height: 1.2em;margin-top: 5px;}
span.ico-android:before{top:-3px;}
}
@media screen and (max-width:400px){
span.judul-app{font-size:18px}
span.versi-app, span.ico-android{font-size:12px}
}
@media screen and (max-width:340px){
#box-download{min-height: 145px;}
}
.Blog .download-info{display:flex;align-items:center;margin:1.7em 0;padding:15px;border:2px solid #ebeced;border-radius:3px;font-size:13px}
.Blog .download-info .file-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:10px;border-radius:15px;color:#fefefe;background:#ebeced linear-gradient(225deg,#00dcc0 0,#005af0 75%);font-weight:700;font-family:PT Sans, sans-serif}
.Blog .download-info .file-text{padding:0 12px;width:calc(100% - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog .download-info .file-link{flex-shrink:0;display:flex;font-size:11px;margin:0 0 0 auto;padding:6px 10px}
.Blog .download-info .file-link .m-icon{width:15px;height:15px}
.Blog .author-posts{display:flex;align-items:center;margin:30px 15px 30px 0;position:relative;padding:20px 15px;border-radius:4px;background:#fefefe;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:14px;}
.Blog .author-posts .authorImage{flex-shrink:0;margin-right:15px}
.Blog .author-posts .authorImage div{position:relative;width:50px;padding-top:100%;background-color:#f2f2f2;border-radius:50px}
.Blog .author-posts .authorInfo{flex-grow:1;}
.Blog .author-posts .author-name{font-weight:700;font-family:PT Sans, sans-serif;color:#333333;font-size:15px}
.Blog .author-posts .author-name:before{content:attr(data-text);display:none}
.Blog .author-posts .author-desc{color:#48525c;margin-top:2px}
.Blog .author-posts .author-link{list-style:none;margin:0}
.Blog .author-posts a, .Blog .related-posts a, .Blog .comments a{color:inherit}
.Blog .related-posts{margin:60px 15px 30px 0}
.Blog .related-posts ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.Blog .related-posts li{width:calc(33.333% - 13.333px);margin-right:20px;margin-bottom:20px;padding:10px 10px 18px;background-color:#fefefe;border-radius:4px;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.Blog .related-posts li:nth-of-type(3n){margin-right:0}
.Blog .related-posts li .item-thumbnail{margin-bottom:12px}
.Blog .related-posts li .item-thumbnail > *{padding-top:60%}
.Blog .related-posts li .item-thumbnail > *:before{content:'No image';display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#989b9f;font-size:10px}
.Blog .related-posts li .item-title{padding:0 5px;font-weight:700;font-family:PT Sans, sans-serif;color:#333333;letter-spacing:.04em}
.Blog .related-post.style-1 a:before{content:'';display:block;position:absolute;bottom:0;right:0;width:70px;height:65px;background:rgba(0,0,0,.025);border-radius:70px 0 5px 0;}
.Blog #disqus_thread{margin:30px 15px}
.Blog .show-comment{margin:30px 15px 30px 0;font-size:13px}
.Blog .show-comment label{display:block;margin:0;padding:15px;text-align:center;border:2px solid #ebeced;cursor:pointer;font-weight:600;letter-spacing:.04em;}
.Blog .show-comment + .comments{height:0;overflow:hidden}
.Blog .all-comment:checked + .show-comment{display:none}
.Blog .all-comment:checked + .show-comment + .comments{height:auto;overflow:visible}
.Blog .comments{margin:30px 15px 0;height:auto}
.Blog .comments .avatar-image-container{width:50px}
.Blog .comments .avatar-image-container div{position:relative;overflow:hidden;padding-top:100%;border-radius:50%;background:#f2f2f2 url("data:image/svg+xml,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M16,17a8,8,0,1,1,8-8A8,8,0,0,1,16,17ZM16,3a6,6,0,1,0,6,6A6,6,0,0,0,16,3Z' fill='rgba(0,0,0,.1)'/><path d='M23,31H9a5,5,0,0,1-5-5V22a1,1,0,0,1,.49-.86l5-3a1,1,0,0,1,1,1.72L6,22.57V26a3,3,0,0,0,3,3H23a3,3,0,0,0,3-3V22.57l-4.51-2.71a1,1,0,1,1,1-1.72l5,3A1,1,0,0,1,28,22v4A5,5,0,0,1,23,31Z' fill='rgba(0,0,0,.1)'/></svg>") center / 18px no-repeat;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;box-shadow:0 6px 18px 0 rgba(30,30,30,.035)}
.Blog .comments .comment-header, .Blog .comments .comment-header > *{display:flex;align-items:center}
.Blog .comments .comment-header .user{font-weight:700;font-size:13px;font-family:PT Sans, sans-serif}
.Blog .comments .comment-header .user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
.Blog .comments .comment-header .user svg{width:16px;height:16px;margin-left:5px;fill:#3897F0}
.Blog .comments .comment-header .datetime{margin-left:auto;font-size:11px;color:#48525c}
.Blog .comments #comment-content{margin-top:15px;line-height:1.5em;overflow-x:auto}
.Blog .comments .comment-thread .thread-toggle{margin:0 0 0 25px;font-size:13px}
.Blog .comments .comment-thread .thread-chrome{margin:15px 0 0}
.Blog .comments .comment-add .button{display:block;margin:20px 0 0 25px;text-align:center;cursor:pointer}
.Blog .comments .comment-form{margin-top:40px}
.Blog .comments ol, .Blog .comments ul{list-style:none;margin:0;padding:0}
.Blog .comments ol > li{position:relative;margin:0 0 20px 26px;padding:15px 0 0;background-color:#fefefe;border-radius:4px;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.Blog .comments ol > li > .avatar-image-container{position:absolute;top:10px;left:-22px;border-radius:60px;padding:3px;background:#fafafc}
.Blog .comments ol > li > .comment-block{padding:10px 15px 0 40px}
.Blog .comments ol > li > .comment-actions{padding:12px 15px 15px 40px;font-size:13px;color:#48525c}
.Blog .comments ol > li > .comment-actions a, .Blog .comments .comment-reply a, .Blog .comments .comment-thread .thread-toggle{display:inline-flex;align-items:center;color:#48525c}
.Blog .comments ol > li > .comment-actions svg, .Blog .comments .comment-reply svg, .Blog .comments .comment-thread .thread-toggle svg{height:14px;fill:none;stroke:#48525c}
.Blog .comments ol > li > .comment-replies + .comment-actions{display:none}
.Blog .comments ol > li > .comment-replies{padding:12px 15px 15px 15px;margin-top:15px;background-color:rgba(0,0,0,.015);border-radius:0 0 4px 4px}
.Blog .comments ol > li > .comment-replies .comment-reply{padding:12px 0 0 40px;font-size:13px}
.Blog .comments ol > li > .comment-replybox-single{padding:20px 15px 15px 40px}
.comment-form #threaded-comment-form iframe{width:calc(100% - 40px);background-color:#fff;padding:15px 20px;border-radius:4px;box-shadow:0 6px 18px 0 rgba(9,32,76,.075);box-sizing:content-box}
.Blog .comments li li {position:relative}
.Blog .comments li:before {content: none;}
.Blog .comments li li:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ebeced}
.Blog .comments li li .avatar-image-container{position:absolute;top:0;left:0;width:32px}
.Blog .comments li li .avatar-image-container div{box-shadow:none}
.Blog .comments li li .comment-block{padding:5px 0 0 46px}
.Blog .comments li li #comment-content{margin-top:10px}
.Blog .comments .thread-show:checked + .comment-thread .thread-chrome,
.Blog .comments .thread-show:checked + .comment-thread + .comment-reply{display:none}
.Blog .comments .thread-show:checked + .comment-thread .thread-toggle svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.Blog .comments i, .Blog .comments em{background-color:#262a2d;font-family:'Fira Mono',monospace;font-size:12px;font-style:normal;line-height:1.5em;padding:10px;margin:10px 0;display:block;border-radius:4px;color:#e0d072;white-space:pre;overflow-x:auto;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}
.Blog .show-comment label svg.i-com {margin: 0 5px;width: 20px;height: 20px;vertical-align: -5px;}
.Blog .show-comment label:hover svg.i-com {fill:#ff8800}
.dark-mode .Blog .show-comment label svg.i-com {fill:#989b9f}
.dark-mode .Blog .show-comment label:hover svg.i-com {fill:#ff8800}
/* Komentar Fitur */
.post .Blog #comments .comment-form #cm-menu,.post .Blog #comments .comment #cm-menu{position:relative;font-size:14px;background:#fff;border-radius:4px;padding:20px 20px 85px;color:#333;margin:0 0 20px;line-height:1.5em;box-shadow:0 6px 18px 0 rgba(9,32,76,.075)}
.post .Blog #comments .comment #cm-menu{margin: 0 0 20px -25px}
.post .Blog #comments .comment-form #cm-menu:before,.post .Blog #comments .comment #cm-menu:before{content:'';display:block;border:11px solid;border-color:#fff transparent transparent transparent;position:absolute;bottom:-22px;left:25px}
.post .Blog #comments .comment #cm-menu:before{left:31px}
.dark-mode .post .Blog #comments .comment-form #cm-menu:before{border-color:#242526 transparent transparent transparent}
.dark-mode .post .Blog #comments .comment #cm-menu:before{border-color:#292a2b transparent transparent transparent}
.post .Blog #comments .bbcode a{color:#ff8800}
.post .Blog #comments .bbcode ul{border:1px solid #ededef;padding:10px;border-radius:4px;margin-top:20px;line-height:1.5em}
.post .Blog #comments .bbcode ul li{border-bottom:1px dashed #ededef;padding:10px 0;margin-bottom:0}
.post .Blog #comments .bbcode ul li:last-child{border-bottom:none}
.post .Blog #comments .bbcode ul li a{display:inline-block;color:#ff8800;cursor:pointer}
.post .Blog #comments .bbcode ul li b.linkz{color:#ff8800}
.dark-mode .post .Blog #comments .comment-form #cm-menu,.dark-mode .post .Blog #comments .comment #cm-menu{background:#242526;color:#c6c9ce;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.dark-mode .post .Blog #comments .bbcode ul,.dark-mode .post .Blog #comments .bbcode ul li{border-color:rgba(255,255,255,.1)}
.dark-mode .post .Blog #comments .comment #cm-menu{background:#292a2b}
.post .cmbutton{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 40px);margin-top:25px;position:absolute;bottom:20px}
.post .cmbutton1{border-bottom-left-radius:4px}
.post .cmbutton2{border-bottom-right-radius:4px}
.post .cmbutton-title{padding:10px;border-top:5px solid #e8e8e8;display:block;text-align:center}
.post .cmbutton label{display:block;cursor:pointer}
.post .cm-menus1:checked ~ .cmbutton .cmbutton1 .cmbutton-title,.post .cm-menus2:checked ~ .cmbutton .cmbutton2 .cmbutton-title{border-top:5px solid #ff8800}
.post .cm-menus1:checked ~ .bbcode{display:none}
.post .cm-menus2:checked ~ .pesan-komen{display:none}
.post .cm-menus1:checked ~ .cmbutton .cmbutton1,.post .cm-menus2:checked ~ .cmbutton .cmbutton2{background:rgba(23,191,99,.07)}
.dark-mode .post .cmbutton-title{border-top:5px solid #1f1f1f}
.dark-mode .post .cm-menus1:checked ~ .cmbutton .cmbutton1, .dark-mode .post .cm-menus2:checked ~ .cmbutton .cmbutton2{background:rgba(0,0,0,.07)}
.post .Blog #comment-content pre,.post .Blog #comment-content i[rel="pre"]{padding:15px;font-size:12px;margin:0;overflow-x:auto;white-space:pre;display:block;color:#e0d072;background:#262a2d;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}
.post .Blog #comment-content code,.post .Blog #comment-content i[rel="code"]{padding:2px 4px;background-color:#f1f1f1;color:#e6472e;border-radius:2px;font-family:'Fira Mono',monospace;font-size:12px;display:inline;line-height:1.8em}
.post .Blog #comment-content blockquote,.post .Blog #comment-content b[rel="quote"]{margin:0;padding:15px;border:1px dashed #ededef;border-radius:4px;font-size:13px;font-style:italic}
.post .Blog #comment-content img{border-radius:4px}
.dark-mode .post .Blog #comment-content blockquote,.dark-mode .post .Blog #comment-content b[rel="quote"]{border-color:#3a3b3c}
.dark-mode .post .Blog #comment-content code,.dark-mode .post .Blog #comment-content i[rel="code"]{background-color:rgba(18,18,19,.32)}
.dark-mode .post .Blog #comment-content pre,.dark-mode .post .Blog #comment-content i[rel="pre"],.dark-mode .Blog .comments i, .dark-mode .post .Blog .comments em{background-color:rgba(0,0,0,.1)}
.Blog .sitemaps .sitemap-box{font-size:14px;line-height:1.5em;padding:18px 20px 25px;border-radius:4px;background-color:#fff;box-shadow: 0 6px 18px 0 rgba(9,32,76,.035);}
.dark-mode .Blog .sitemaps .sitemap-box{;background-color:#242526}
.Blog .sitemaps .sitemap-box:not(:last-child){margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid #ebeced;}
.Blog .sitemaps .judul{margin-top:0;font-size:16px;color:#313135}
.Blog .sitemaps .judul:before{margin-right:5px}
.Blog .sitemaps ol{list-style:none;margin:0;padding:0;counter-reset:panduan-count}
.Blog .sitemaps li:not(:last-child){margin-bottom:10px}
.Blog .sitemaps li{display:flex}
.Blog .sitemaps li:before{content:counter(panduan-count) '.';counter-increment:panduan-count;flex-shrink:0;width:40px;font-size:22px;font-family:PT Sans, sans-serif;line-height:normal;color:rgba(0,0,0,.15);}
.Blog .sitemaps li a{color:#333333;font-weight:700;font-family:PT Sans, sans-serif}
.Blog .sitemaps li a:after{content:'Read more';display:block;margin-top:2px;color:#313135;font-size:11px;font-family:'PT Sans', sans-serif;font-weight:400;line-height:1.58em}
.Blog .sitemaps li a:hover:after{text-decoration:underline}
.page .Blog article.post{border:0}
.page .Blog .breadcrumbs > *:first-child{display:block}
/* Widget FeaturedPost */
.FeaturedPost article{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:10px;position:relative;overflow:hidden}
.FeaturedPost article:after{content:'';display:block;min-width:25px;padding:4px 0;background-color:#ff8800;position:absolute;top:0;right:0;border-radius:0 0 0 3px}
.FeaturedPost article .item-thumbnail{flex:0 0 auto;width:310px;margin-right:20px}
.FeaturedPost article .item-content{flex:1 0;padding:8px 8px 8px 0;width:calc(100% - 330px)}
.FeaturedPost article .item-label a:hover, .widget_popularposts article .item-label a:hover, .Label li .label-title:hover{text-decoration:underline}
.FeaturedPost article .item-title{font-size:105%;line-height:1.48em}
.FeaturedPost article .item-entry{margin-top:12px;font-size:90%}
.sidebar .FeaturedPost article{display:block;padding:0;box-shadow:none}
.sidebar .FeaturedPost article .item-content{padding:15px 0 0}
.sidebar .FeaturedPost article .item-title, .widget_popularposts article .item-title{font-size:90%;letter-spacing: .04em;}
/* Widget PopularPosts */
.widget_popularposts{counter-reset:popular-count}
.widget_popularposts article:not(:last-child){margin-bottom:25px}
.widget_popularposts article .item-thumbnail{margin-bottom:15px}
.widget_popularposts article .item-thumbnail a{padding-top:34.61%;background-color:#fefefe;border-radius:3px}
.widget_popularposts article .item-header{margin-top:5px}
.widget_popularposts article.no-thumbnail{display:flex}
.widget_popularposts article.no-thumbnail:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:45px;font-weight:700;font-size:22px;font-family:PT Sans, sans-serif;color:rgba(0,0,0,.15);}
.widget_popularposts article.no-thumbnail .item-content{flex-grow:1;width:calc(100% - 45px)}
/* Widget Label */
.Label .widget-content{font-size:90%;color:#333333}
.Label ul, .Label .cloud-label, .Label .cloud-label .label-all{display:flex;flex-wrap:wrap}
.Label li{width:calc(50% - 12.5px);margin-bottom:13px}
.Label li:nth-child(2n+1){margin-right:25px}
.Label li a{display:flex;align-items:center;color:inherit}
.Label li a svg{flex-shrink:0;width:20px;height:20px;margin-left:5px;fill:#48525c}
.Label li a:hover svg{fill:#ff8800}
.Label li:nth-child(2n+1).label-show{margin:0}
.Label .label-show{width:100%;margin:0}
.Label .label-show ul, .Label .cloud-label .label-all{margin:0;padding:0;max-height:0;overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease;}
.Label .label-show label{display:flex;align-items:center;justify-content:center;margin-top:4px;padding:4px 0;color:#48525c;cursor:pointer}
.Label .label-show label:before{content: attr(data-show);margin-right:5px; display:none}
.Label .label-show label span{margin-right:10px}
.Label .label-show label svg{fill:#48525c;height:14px}
.Label .label-input:checked + .label-all ul, .Label .cloud-label .label-input:checked +  .label-all{max-height:100vh}
.Label .label-input:checked + .label-all + label:before{content: attr(data-hide)}
.Label .label-input:checked + .label-all + label svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.Label .label-title{margin-right:auto;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Label .label-count{flex-shrink:0;font-size:11px;color:#48525c}
.Label .cloud-label .label-show label{margin:0 10px 0 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#f2f2f2}
.Label .cloud-label > *, .Label .cloud-label .label-all > *{display:block;flex:1 0 auto}
.Label .cloud-label a{display:flex;justify-content:space-between;margin:0 10px 10px 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#f2f2f2;color:#313135}
/* Widget Profile Individual */
.Profile .widget-content{font-size:13px}
.Profile .individual{display:flex;align-items:center;flex-direction:row;position:relative;padding:18px 15px;border-radius:4px;background:#fefefe;overflow:hidden;}
.Profile .individual .profile-image{flex:0 0 auto;width:60px;height:60px;border-radius:50px;background-color:#f1f1f0}
.Profile .individual .profile-image .profile-g{position:relative;padding-top:100%}
.Profile .individual .profile-image img, .Blog .author-posts .authorImage div img{border-radius:50px}
.Profile .individual .profile-info{flex-grow:1;margin-right:auto;padding-left:15px}
.Profile .individual .profile-link{color:#333333;font-weight:700;font-size:13px}
.Profile .individual .profile-text{font-size:11px;margin:4px 0 0;color:#48525c;line-height:1.4em}
.Profile .individual .profile-media, .Blog .author-posts .author-link{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fefefe;padding:15px;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2}
.Profile .individual .profile-media li:not(:last-child) a, .Blog .author-posts .author-link li:not(:last-child) a{margin-right:10px}
.Profile .individual .profile-media li a, .Blog .author-posts .author-link li a{display:block;padding:5px}
.Profile .individual .profile-media li a:hover svg, .Blog .author-posts .author-link li a:hover svg{fill:#ff8800}
.Profile .individual .profile-media li svg, .Blog .author-posts .author-link li svg{width:24px;height:24px;fill:#48525c}
/* Widget Profile Team */
.Profile .team ul{display:flex;flex-wrap:wrap}
.Profile .team ul li{width:60px;margin:0 15px 20px 0}
.Profile .team .team-member > *, .Profile .team .more-member > *, .Profile .team .more-member{display:block;position:relative}
.Profile .team .team-member > * .profile-image{position:relative;padding-top:100%;background-color:#fefefe;border-radius:50px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}
.Profile .team .team-member > * .profile-image svg{fill:#48525c}
.Profile .team .team-member > * .profile-image > *{border-radius:28px}
/*.Profile .team .team-member > * .profile-image:after, .Profile .individual .profile-g:after, .Blog .author-posts .authorImage div:after{content:'+';display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#fefefe;color:#ff8800;border-radius:50%;position:absolute;right:0;bottom:-2px;box-shadow:0 4px 10px 0 rgba(30,30,30,.08);-webkit-transition:all .1s ease;transition:all .1s ease;}*/
.Profile .team .team-member > * .profile-name, .Profile .team .more-member > span{position:absolute;width:100%;text-align:center;color:#313135;font-size:80%;line-height:1.3em;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Profile .team .team-member > *:hover .profile-image, .Profile .team .more-member:hover > .profile-more{transform:translateY(-8px);-webkit-transform:translateY(-8px)}
.Profile .team .team-member > *:hover .profile-image:after, .Profile .individual .profile-image:hover .profile-g:after, .Blog .author-posts .authorImage:hover div:after{opacity:0;visibility:hidden;}
.Profile .team .team-member > *:hover .profile-name, .Profile .team .more-member:hover > span, .Profile .individual .profile-image:hover .profile-media, .Blog .author-posts .authorImage:hover .author-link{opacity:1;visibility:visible}
.Profile .team .more-member > *{padding-top:calc(100% - 4px);border-radius:50px;border:2px dashed #ebeced}
.Profile .team .more-member > * svg{fill:#ff8800}
.Profile .team .more-member > .profile-more{-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}
.Profile .team .more-member > span{padding:0;border:0;border-radius:0}
.Profile .team .all-member .all-memberBox{position:relative;width:95%;height:45%;max-width:500px;margin:0 auto -50%;background-color:#fafafc;border-radius:8px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
.Profile .team .all-member .all-memberBox:before{content:'Semua Penulis';width:100%;display:block;padding:25px 25px 5px;border-radius:30px 30px 0 0;background-color:#fafafc;font-size:15px;font-weight:700;font-family:PT Sans, sans-serif;color:#333333;position:absolute;z-index:1}
.Profile .team .all-member ul{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;padding:65px 10px 10px 25px}
.Profile .team .all-member ul li{margin:0 20px 25px 0}
.Profile .team .all-member .member-close svg{fill:#fefefe}
/* Widget FollowByEmail */
.FollowByEmail{position:relative;padding:18px 20px 25px;border-radius:4px;font-size:90%}
.FollowByEmail:after{content:'';display:block;position:absolute;top:0;right:0;width:80px;height:60px;background:rgba(0,0,0,.01);border-radius:0 0 0 100px}
.FollowByEmail .title{margin-bottom:25px;color:#313135}
.FollowByEmail .follow-by-email-text{display:block;margin-bottom:15px;}
.FollowByEmail .follow-by-email-label{position:absolute;right:0;display:inline-block;padding:8px 12.5px;cursor:pointer;background-color:#ff8800;border-radius:3px}
.FollowByEmail .follow-by-email-label svg{fill:#fefefe}
.FollowByEmail form, .FollowByEmail > *{position:relative;z-index:1}
.FollowByEmail input[type=email]{width:calc(100% - 60px)}
.FollowByEmail input[type=email]:focus + input + label, .FollowByEmail .follow-by-email-label:hover{box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.FollowByEmail input[type=submit]{display:none;margin-top:10px}
/* Widget Contact Form */
.ContactForm{font-family:PT Sans;font-size:14px;margin-top:30px}
.ContactForm form > *:not(:last-child){margin-bottom:15px}
.ContactForm label{display:inline-block;margin-bottom:8px}
.ContactForm div p{display:flex;align-items:center;margin-bottom:0}
/* Widget Slider */
@keyframes tonext{75%{left:0;} 95%{left:100%;} 98%{left:100%;} 99%{left:0}}
@keyframes tostart{75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}}
@keyframes snap{96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}}
@media (hover:hover){
.carousel-snapper{animation-name:tonext, snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite}
.carousel-slide:last-child .carousel-snapper{animation-name:tostart, snap}}
@media (prefers-reduced-motion:reduce){
.carousel-snapper{animation-name:none}}
.carousel{position:relative;padding-top:30%;border-radius:4px;overflow:hidden}
.carousel ol{list-style:none;margin:0;padding:0;scrollbar-color: transparent transparent;scrollbar-width: 0px;}
.carousel ol::-webkit-scrollbar{height:0}
.carousel-viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}
.carousel-slide{display:flex;align-items:center;position:relative;flex:0 0 100%;width:100%;background-color:#f1f1f0;outline:0;}
.carousel-slide:nth-child(even){background-color:#99f}
.carousel-snapper{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center}
.carousel-navigation{position:absolute;right:0;bottom:5px;left:0;text-align:center}
.carousel-navigation-list{display:flex;align-items:center;justify-content:center}
.carousel-navigation-button{display:block;width:18px;height:12px;background-color:#fff;background-clip:content-box;border:0.25rem solid transparent;border-radius:10px;-webkit-transition:all .1s ease;transition:all .1s ease}
.carousel-navigation-button:hover{width:30px}
.carousel-prev, .carousel-next{position:absolute;width:4rem;height:4rem;outline:0;z-index:2;cursor:default}
.carousel-prev, .carousel:hover:before{left:0;opacity:1;visibility:visible}
.carousel-next, .carousel:hover:after{right:0;opacity:1;visibility:visible}
.carousel:hover .carousel-snapper,
.carousel:focus-within .carousel-snapper{animation-name:none}
.carousel:before{left:-1em} .carousel:after{right:-1em}
.carousel:before, .carousel:after{content:'';z-index:1;background-size:1.5rem 1.5rem;background-repeat:no-repeat;background-position:center center;position:absolute;width:3rem;height:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.carousel:before{background-image:url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z" fill="%23fff"/></svg>')}
.carousel:after{background-image:url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z" fill="%23fff"/></svg>')}
/* Footer */
.footbar{margin-top:0;padding:30px 30px 20px 245px;color:inherit;font-size:85%;-webkit-transition:all .2s ease;transition:all .2s ease;}
.footbar .credit p{margin:20px 0 0;overflow:hidden;white-space:nowrap}
.footbar .credit a:hover{text-decoration:underline}
/* Error 404 Page */
.mainIner.error-404{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center}
.mainIner.error-404:before{display:none}
.error-container{margin:auto;width:90%;max-width:500px}
.error-container h3{font-size:1.414rem}
.error-container h3 span{display:block;font-size:140px;line-height:.8;margin-bottom:-2.4rem;color:#ebebf0} .dark-mode .error-container h3 span{color:rgba(0,0,0,.2)}
.error-container p{margin:15px 5% 30px;font-size:16px;line-height:1.4em}
.error-container .button{margin:0;padding:1em 2em;font-size:1em;font-weight:700;font-family:PT Sans, sans-serif;line-height:1.2em}
.sidebar .widget, .Blog article, .FeaturedPost article, .widget input[type=email], .widget input[type=text], .widget textarea, .Blog .author-posts, .Blog .related-posts li, .Blog .post-tocContainer, .Blog article.post .post-share .share-icon > *, .Blog .comments ol > li, .Blog .blog-pager > *, .Blog .post-pagenav > *, .Profile .individual{box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
/* Dark Mode */
.dark-mode .header .navicon .nav i:last-child{background-color:#ff8800}
.dark-mode .widget-title a.view-all{color:#ff8800}
.dark-mode .Blog .blog-pager > * svg{fill:#ff8800}
.dark-mode .Blog .post-body > img:first-child, .dark-mode .sidebar .widget, .dark-mode .Blog article, .dark-mode .FeaturedPost article, .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .author-posts, .dark-mode .Blog .related-posts li, .dark-mode .Blog .post-tocContainer, .dark-mode .Blog article.post .post-share .share-icon > *, .dark-mode .Blog .comments ol > li, .dark-mode .Blog .blog-pager > *, .dark-mode .Blog .post-pagenav > *, .dark-mode .Profile .individual{box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.dark-mode .Blog article.post .post-share li > * svg.line{fill:none;stroke:#c6c9ce}
.dark-mode .Blog .post-font .post-fontContainer li label:before{color:#333}
.dark-mode .sidebar .widget.Profile, .dark-mode .Blog article.post .post-share li label.close svg{background-color: unset;}
.dark-mode, .dark-mode .Blog .post-toc, .dark-mode .Blog .post-tabs .post-tabsHeader > *:after{background-color:#18191a}
.dark-mode .header .navicon > * svg, .dark-mode .header .navicon.search > *, .dark-mode .header .searchbar .search-button svg, .dark-mode .Blog article .post-info .post-comment > * svg, .dark-mode .FeaturedPost article .item-comment > * svg, .dark-mode .widget_popularposts article .item-comment > * svg, .dark-mode .Label li a svg, .dark-mode .Label .label-show label svg, .dark-mode .Profile .individual .profile-media li svg, .dark-mode .Blog .author-posts .author-link li svg, .dark-mode .Blog .post-tocHeader label svg.drop
{fill:#989b9f}
.dark-mode .Blog article .post-info .post-comment > * svg.line{stroke:#989b9f}
.dark-mode .Profile .team .team-member > * .profile-name, .dark-mode .Profile .team .more-member > span, .dark-mode .Profile .team .all-member .all-memberBox:before, .dark-mode .font-size1:checked + .font-size2 + .font-size3 + article .post-font .post-fontContainer li:nth-child(1) label:before, .dark-mode .font-size2:checked + .font-size3 + article .post-font .post-fontContainer li:nth-child(2) label:before, .dark-mode .font-size3:checked + article .post-font .post-fontContainer li:nth-child(3) label:before, .dark-mode .Blog .daftar-isi .isi-content ol li a:before, .dark-mode .Blog .post-tocContent ol li a:before, .dark-mode .Blog article.post .post-share li > * span, .dark-mode .Blog article.post .post-share ul:before, .dark-mode .Blog .post-font .post-fontContainer ul:before, .dark-mode, .dark-mode .Blog .blog-pager, .dark-mode .Blog .post-pagenav, .dark-mode .Label .widget-content, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .FollowByEmail .title, .dark-mode .Profile .individual .profile-link, .dark-mode .Profile .team .team-member a .profile-name, .dark-mode .Profile .team .more-member > span, .dark-mode .Blog .sitemaps .judul, .dark-mode .Blog .sitemaps li a, .dark-mode .Blog .daftar-isi .isi-judul, .dark-mode .Blog .spoiler .spoiler-judul, .dark-mode .Blog .daftar-isi .isi-content a, .dark-mode .Blog .accordion .accor-title .title, .dark-mode .Blog .author-posts .author-name, .dark-mode .Blog .related-posts li .item-title, .dark-mode .Blog .post-tocHeader label, .dark-mode .Blog .post-tocContent a{color:#c6c9ce}
.dark-mode .Profile .team .all-member .all-memberBox, .dark-mode .Profile .team .all-member .all-memberBox:before, .dark-mode .Blog .blog-pager > *, .dark-mode .comment-form #threaded-comment-form iframe, .dark-mode .Blog .post-tocHeader label, .dark-mode .Blog article.post .post-share ul, .dark-mode .Blog .post-font .post-fontContainer ul, .dark-mode .Blog .post-tocContainer, .dark-mode .Blog .post-tocHeader label .show, .dark-mode .sidebar .widget, .dark-mode .header, .dark-mode .Blog article, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog .post-pagenav .current, .dark-mode .FeaturedPost article, .dark-mode .Profile .individual, .dark-mode .Profile .individual .profile-media, .dark-mode #nav-widget, .dark-mode #nav-widget:before, .dark-mode .navigation-menu .sosmed, .dark-mode .Blog .author-posts, .dark-mode .Blog .author-posts .author-link, .dark-mode .Blog .related-posts li, .dark-mode .Blog .comments ol > li{background-color:#242526}
.dark-mode .Blog article.post .post-share li > * svg, .dark-mode .header .searchbar input[type=text], .dark-mode .Blog article .post-thumbnail a, .dark-mode .FeaturedPost article .item-thumbnail a, .dark-mode .widget_popularposts article .item-thumbnail a, .dark-mode .Profile .individual .profile-image, .dark-mode .Label .cloud-label .label-show label, .dark-mode .Label .cloud-label a, .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .related-posts li .item-thumbnail > *, .dark-mode .Blog .comments ol > li > .comment-replies
{background-color:#1f1f1f}
.dark-mode .header .navicon .nav i, .dark-mode .Blog .accordion .accor-title .accor-icon:before, .dark-mode .Blog .accordion .accor-title .accor-icon:after
{background-color:#c6c9ce}
.dark-mode .Blog article.post .post-share li > * svg, .dark-mode .header, .dark-mode .navigation-menu, .dark-mode .navigation-mobile, .dark-mode .navigation-menu .sosmed ul svg
{color:#c6c9ce;fill:#c6c9ce}
.dark-mode .widget-title a.view-all:hover, .dark-mode .Blog .breadcrumbs > .title-link, .dark-mode .header .navicon .dark-switch, .dark-mode .widget-title a, .dark-mode .FeaturedPost article .item-header, .dark-mode .widget_popularposts article .item-header, .dark-mode .widget_popularposts article.no-thumbnail:before, .dark-mode .Profile .individual .profile-text, .dark-mode .Label .label-count, .dark-mode .Label .cloud-label a, .dark-mode .Label .label-show label, .dark-mode .FollowByEmail .follow-by-email-text, .dark-mode .button.outline, .dark-mode .Blog .sitemaps li:before, .dark-mode .Blog .sitemaps li a:after, .dark-mode .Blog blockquote.style1:before, .dark-mode .Blog article.post .post-labels a, .dark-mode .Blog article .post-info, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog article.post .post-info .post-author, .dark-mode .Blog article.post .post-info .post-comment, .dark-mode .Blog article.post .post-info .post-published, .dark-mode .Blog .daftar-isi .isi-judul:after, .dark-mode .Blog .daftar-isi .isi-content ol li:before, .dark-mode .Blog .post-tocContent ol li:before, .dark-mode .Blog .author-posts .author-desc, .dark-mode .Blog article .separate:before, .dark-mode .error-container p, .dark-mode .footbar, .dark-mode .Blog .comments .comment-header .datetime, .dark-mode .Blog .comments ol > li > .comment-actions a, .dark-mode .Blog .comments .comment-reply a, .dark-mode .Blog .comments .comment-thread .thread-toggle
{color:#989b9f}
.dark-mode .Blog .comments ol > li > .comment-actions svg, .dark-mode .Blog .comments .comment-reply svg, .dark-mode .Blog .comments .comment-thread .thread-toggle svg
{fill:none;stroke:#989b9f}
.dark-mode .button{color:#fff}
.dark-mode .button.outline{border-color:#c6c9ce}
.dark-mode .FollowByEmail, .dark-mode .navigation-menu > li.break:after, .dark-mode .Blog .sitemaps .sitemap-box, .dark-mode .Blog blockquote.style1, .dark-mode .Blog article.post, .dark-mode .Blog .daftar-isi, .dark-mode .Blog .accordion > li, .dark-mode .Blog .spoiler, .dark-mode .Blog .download-info, .dark-mode .Blog .comments li li:not(:last-child), .dark-mode .Blog .post-tabs .post-tabsHeader, .dark-mode .Blog .post-tabs .post-tabsHeader > *
{border-color:rgba(255,255,255,.1)}
.dark-mode .Blog table tr:nth-child(2n+1) td, .dark-mode .Blog pre{background-color:rgba(0,0,0,.1)}
.dark-mode .Blog table.tr-caption-container .tr-caption, .dark-mode .Blog article.post{background-color:transparent}
/* Addtional Style */
.button{display:inline-flex;align-items:center;margin:15px 15px 15px 0;padding:10px 20px;outline:0;border:0;color:#fefefe;background-color:#ff8800;border-radius:3px;font-size:13px;line-height:22px;}
.button.outline{color:#313135;background-color:transparent;border:1px solid #48525c}
.button.demo{display:block;text-align:center;width:150px;font-weight:600;margin:15px auto}
.button.whatsapp{background-color:#25D366}
.button:hover{color:#fefefe;opacity:.75}
.button.outline:hover{color:#ff8800;border-color:#ff8800}
.button-info{display:flex;justify-content:center;flex-wrap:wrap;margin:1.5em 0}
.button-info a{align-items:center;margin:0 8px 10px 8px}
a.download:before{content:'';background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3"/><polyline points="8 12 12 16 16 12"/><line x1="12" x2="12" y1="2" y2="16"/></svg>') center / 17px no-repeat;width:17px;height:17px;margin-right:10px}
.lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.30%;cursor:pointer;border-radius:4px;}
.lazy-youtube:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;background:linear-gradient(to top,#202746,transparent);background:-webkit-linear-gradient(90deg,#202746,transparent);z-index:1;opacity:.5;}
.lazy-youtube img{width:100%;top:-16.84%;left:0;opacity:.95;cursor:pointer}
.lazy-youtube .play-button{width:60px;height:60px;z-index:1;opacity:.98;border-radius:50px;border:2px solid rgba(255,255,255,.8);cursor:pointer}
.lazy-youtube .play-button:hover{border-color:#3a7bd5}
.lazy-youtube .play-button:hover:before{border-color:transparent transparent transparent #3a7bd5}
.lazy-youtube .play-button:before{content:'';border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent rgba(255,255,255,.8);border-radius:3px;margin-left:1px}
.lazy-youtube img, .lazy-youtube iframe, .lazy-youtube .play-button,.lazy-youtube .play-button:before{position:absolute!important}
.lazy-youtube .play-button, .lazy-youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.lazy-youtube iframe{height:100%;width:100%;top:0;left:0;z-index: 2;}
.lazy-youtube .playBut{display:inline-block;position:absolute;width:70px;height:70px;z-index:1;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.lazy-youtube .playBut svg{width:inherit;height:inherit}
.lazy-youtube .playBut .svg-play{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:7}
.lazy-youtube .circle{stroke:rgba(255,255,255,.8);stroke-dasharray:650;stroke-dashoffset:650;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity:0.3;}
.lazy-youtube .triangle{stroke:rgba(255,255,255,.8);stroke-dasharray:240;stroke-dashoffset:480;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;transform:translateY(0);-webkit-transform:translateY(0)}
.lazy-youtube .playBut:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#fefefe;animation:nudge 0.7s ease-in-out;-webkit-animation:nudge 0.7s ease-in-out}
.lazy-youtube .playBut:hover .circle{stroke-dashoffset:0;opacity:1;stroke:#fefefe}
.iklan-atas + .widget, .iklan-bawah + .widget, .post-entry .widget{margin:25px 0}
.Blog pre .widget, .Blog pre code .widget, #main-widget > #HTML4{display:none}
/* Non-user Select */
.post pre code i{user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
/* Background Icon */
.m-icon{display:inline-block;margin-right:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.m-icon.download{vertical-align:middle;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3"/><polyline points="8 12 12 16 16 12"/><line x1="12" x2="12" y1="2" y2="16"/></svg>')}
.m-icon.whatsapp{background-image:url("data:image/svg+xml,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M16,3A13,13,0,0,0,4.53,22.13L3,27.74a1,1,0,0,0,.27,1A1,1,0,0,0,4,29a.84.84,0,0,0,.27,0l5.91-1.65a1,1,0,0,0-.53-1.93L5.42,26.56l1.15-4.3a1,1,0,0,0-.1-.76A11,11,0,1,1,16,27a11.23,11.23,0,0,1-1.84-.15,1,1,0,0,0-1.15.82,1,1,0,0,0,.82,1.15A13,13,0,1,0,16,3Z' fill='%23fff'/><path d='M15,11.21l-1.16-1.6a2.06,2.06,0,0,0-1.5-.84,2.08,2.08,0,0,0-1.62.6l-1.2,1.2a2.81,2.81,0,0,0-.8,2.08c0,1.77,1.36,4,4,6.6,3.09,3,5.23,4,6.69,4a2.7,2.7,0,0,0,2-.81l1.2-1.2a2,2,0,0,0-.24-3.11L20.8,17a2.09,2.09,0,0,0-1.83-.3l-1.49.47a.53.53,0,0,1-.26-.09,11.42,11.42,0,0,1-2.35-2.26.31.31,0,0,1,0-.11c.13-.44.35-1.15.5-1.64A2,2,0,0,0,15,11.21Zm1.29,7.63a2.33,2.33,0,0,0,1.75.2l1.54-.46,1.61,1.25L20,21c-.48.47-2.25.33-5.86-3.21-3-2.91-3.41-4.5-3.41-5.18A.89.89,0,0,1,11,12l1.28-1.19,1.18,1.65c-.16.49-.39,1.22-.51,1.65A2.12,2.12,0,0,0,13,15.51,11.24,11.24,0,0,0,16.33,18.84Z' fill='%23fff'/></svg>")}
/* Keyframes Animation */
@-webkit-keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}
@keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}
@-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
/* Responsive */
@media screen and (min-width:1600px){.singleItem #main-widget,.singleItem #main-ads{max-width:800px;margin-left:auto;margin-right:auto}}
@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.45)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.45)}.dark-mode::-webkit-scrollbar-thumb{background-color:#ff8800;}}
@media screen and (max-width:1100px){
.header .searchbar{width:60%}
.header #header-widget{width:155px}
.sidebar{width:300px;padding:30px 25px 50px}
.mainbar{width:calc(100% - 300px)}
#nav-widget, #nav-widget:before, .navigation-menu .sosmed{width:200px}
#large-ads, main, .footbar{padding-left:225px} #large-ads, .footbar{padding-right:25px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:120px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:25px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(33.333% - 13.333px)}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:20px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(3n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(6n){margin-right:0}
.FeaturedPost article .item-thumbnail{width:240px}
.FeaturedPost article .item-content{width:calc(100% - 260px)}
.FeaturedPost article .item-title{font-size:97%}
.Blog article.post, .Blog .breadcrumbs, .Blog .related-posts, .Blog .author-posts, .Blog .show-comment, .Blog #disqus_thread{margin-right:0;margin-left:0}
.Blog article.post .post-title{font-size:26px}
.Blog article.post .post-share .twitterThis{display:none}
.Blog .related-posts li{width:calc(50% - 10px)}
.Blog .related-posts li .item-thumbnail > *{padding-top:57%}
.Blog .post-toc{width:300px;padding-left:25px;padding-right:25px;right:0}
.Blog .post-tocContainer{margin:0}
.Blog .toc-menu:checked + .post-toc{right:-286px;padding-left:15px}
.multipleItem .Blog .blog-posts article{width:calc(50% - 10px)}
.multipleItem .Blog .blog-posts article:nth-of-type(3n), .Blog .related-posts li:nth-of-type(3n){margin-right:20px}
.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.multipleItem .Blog .blog-posts article:nth-of-type(6n),
.Blog .related-posts li:nth-of-type(2n),
.Blog .related-posts li:nth-of-type(6n){margin-right:0}
}
@media screen and (max-width:768px){
.header .searchbar{width:50%}
.header{padding:0 25px}
.mainbar, .asideIner{width:100%;position:relative}
.sidebar{width:100%;padding:0 25px 30px 225px;-webkit-transition:all .2s ease;transition:all .2s ease}
main{padding-right:25px}
.blog-posts:before, .nav-menu:checked + .mainWrapper .blog-posts:before{top:-105px;}
.multipleItem .blog-posts:before, .nav-menu:checked + .mainWrapper .multipleItem .blog-posts:before{top:-105px;}
.multipleItem .sidebar{padding: 0 25px 30px 225px}
.nav-menu:checked + .mainWrapper .mainIner .sidebar{padding-left:90px}
.nav-menu:checked + .mainWrapper .mainIner .widget_popularposts .item-popular{display:flex;flex-wrap:wrap}
.nav-menu:checked + .mainWrapper .mainIner .widget_popularposts .item-popular article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 10px);margin-right:20px}
.nav-menu:checked + .mainWrapper .mainIner .widget_popularposts .item-popular article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:0}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:20px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-right:0}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar{padding:0 50px 30px 120px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:50px}
.Blog .post-toc{width:300px;right:10px;height:auto;padding:15px 20px;margin-bottom:20px;position:fixed;top:95px;background-color:#fefefe;border-radius:4px;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02);font-size:14px}
.Blog .post-tocContent ol li:last-child ol.point2{margin-bottom:0}
.Blog .post-tocContent ol{margin-bottom:0}
.Blog .post-tocContent {overflow: auto;max-height: 50vh}
.Blog .post-tocContainer{padding:0;background-color:unset;border-radius:unset;box-shadow:unset}
.Blog .toc-menu:checked + .post-toc{right:-300px}
.Blog .post-tocHeader label .show{left: -70px; box-shadow:unset}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{background-color:rgba(255,255,255,.36);}
.dark-mode .Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{background-color: rgba(36,37,38,.65);}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{left: -58px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label svg.drop{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.Blog .toc-menu:checked + .post-toc .post-tocContent{max-height:50vh}
.dark-mode .Blog .post-toc{background-color:#242526}
}
@media screen and (max-width:640px){
a.download:before{display:inline-block;vertical-align: sub;}
.button-info a{width:100%;display:block;text-align:center;margin:0 0 15px 0}
.search-link label.link:active,li.home-link a.link:active,li.tag-link label.link:active,li.dark-link div.link:active,li.top-link svg:active{box-shadow:rgba(150,150,150,.1) 0 0 0 10px;background-color:rgba(150,150,150,.1)}
.search-link label.link,li.home-link a.link,li.tag-link label.link,li.dark-link div.link,li.top-link svg{border-radius:10px;display:inline;transition:all .15s ease}
.multipleItem .sidebar{padding: 15px 20px}
.Blog .post-tocContent {max-height: 55vh}
.Blog .toc-menu:checked + .post-toc .post-tocContent{max-height:55vh}
.Blog .post-toc{width:80%}
.Blog .toc-menu:checked + .post-toc{width:300px}
:target::before{height:20px;margin-top:-20px}
.header{padding:0 20px;position:absolute;}
.header .header-inner .logo-name, #header-widget .header-inner h2{font-size:16px}
.header #header-widget{width:auto;max-width:220px}
.header .searchbar{position:fixed;top:0;left:0;width:100%;height:auto;max-width:none;padding:0 20px;z-index:10}
.header .searchbar input[type=text]{background-color:#fefefe;margin-top:-100px;padding:20px 20px 20px 55px;width:100%;z-index:3;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}
.header .searchbar .search-button{top:-100px;left:20px;padding-top:20px;z-index:4;-webkit-transition:all .3s ease;transition:all .3s ease}
.header .searchbar input[type=text]:focus{margin-top:20px}
.header .searchbar input[type=text]:focus + .search-button, .header .searchbar input[type=text]:focus + .search-button + .navicon.search{top:0}
.header .searchbar input[type=text]:focus + .search-button + .navicon.search + .full-close.search{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
.header .navicon.search{top:-100px;padding-top:20px}
.navigation-mobile .top-link svg.line{stroke:#313135}
.navigation-mobile .top-link svg.line .svg-c, .dark-mode .navigation-mobile .top-link svg.line .svg-c{stroke:#ff8800}
.singleItem.post .header{background-color:#fefefe} .dark-mode .singleItem.post .header{background-color:#242526}
.singleItem .navicon .nav{display:none;transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.singleItem .navicon .nav.home{display:block}
.singleItem .navicon .nav i:nth-child(1){width:45%;margin-left:52%;-webkit-transform:translateY(3px) rotate(40deg);transform:translateY(3px) rotate(40deg)}
.singleItem .navicon .nav i:nth-child(2){width:95%;margin-left:0%}
.singleItem .navicon .nav i:nth-child(3){width:13%;margin-left:68.5%;background-color:#ff8800;-webkit-transform:translateY(0px) rotate(-40deg);transform:translateY(0px) rotate(-40deg)}
.blog-posts:before, .nav-menu:checked + .mainWrapper .blog-posts:before{display:none}
.widget:not(:last-child){margin-bottom:40px}
#large-ads, main, .sidebar, .footbar{padding-left:10px;padding-right:10px} .footbar{padding-bottom:70px}
#nav-widget:before, .navigation-menu .home{display:none}
#nav-widget{width:100%;padding:0;background:transparent;box-shadow:none;z-index:49;margin-left:-100%}
.navigation-menu{position:fixed;top:0;left:0;background-color:#fefefe;max-width:480px;width:85%;height:100%;margin-left:-100%;padding:calc(60px + 15px) 0 90px 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:3;overflow:hidden;box-shadow:0 6px 18px 0 rgba(30,30,30,.035);border-radius:0 20px 20px 0}
.navigation-menu .sosmed{max-width:480px;width:85%;margin-left:-100%;border-radius:0 0 20px 0} .navigation-menu .close{display:block;border-radius:0 20px 0 0}
.navigation-menu:hover{overflow-y:auto}
/* Navigation mobile show */
.navigation-mobile{background-color:#fefefe;box-shadow:0 -4px 14px 0 rgba(23,23,26,0.04);bottom:0}
.navigation-mobile li{visibility:visible;opacity:1}
.navigation-mobile .top-link div{display:contents;position:relative;right:auto;bottom:auto;width:auto;height:auto;background-color:transparent;box-shadow:none}
/* Navigation menu */
.nav-menu:checked + .mainWrapper .mainIner #large-ads,
.nav-menu:checked + .mainWrapper .mainIner main,
.nav-menu:checked + .mainWrapper .mainIner .sidebar,
.nav-menu:checked + .mainWrapper .mainIner .footbar{padding-left:10px}
.nav-menu:checked + .mainWrapper .asideIner .full-close.nav-close{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
.nav-menu:checked + .mainWrapper .asideIner #nav-widget{width:100%;margin-left:0;z-index:50}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:85%}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .close{margin-left:0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name{display:block}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:none}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:flex}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}
.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:20px;padding-right:20px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 7.5px);margin-right:15px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:15px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-right:0}
.nav-menu:checked + .mainWrapper .mainIner .widget_popularposts .item-popular{display:block}
.nav-menu:checked + .mainWrapper .mainIner .widget_popularposts .item-popular article{width:100%;margin-right:0}
.dark-mode .navigation-mobile, .dark-mode .navigation-menu, .dark-mode .navigation-menu .close{background-color:#242526}
.dark-mode .navigation-mobile svg{fill:#c6c9ce}
.dark-mode .navigation-mobile svg.line, .dark-mode .navigation-mobile .top-link svg.line{fill:none;stroke:#c6c9ce}
.dark-mode #nav-widget{background-color:transparent}
/* Blog article */
.multipleItem .Blog .blog-pager{margin:40px 0 0}
.multipleItem .Blog .blog-posts article{width:calc(50% - 7.5px);margin-right:15px}
.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-right:15px}
.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-right:0}
.Blog article.post .post-share li.share-close,.Profile .team .all-member .member-close,.Blog .post-font .post-fontContainer .close{right:15px;top:20px}
.Blog article.post .post-share li.share-close > *,.Profile .team .all-member .member-close label,.Blog .post-font .post-fontContainer .close > *{background-color:transparent}
.Blog article.post .post-share li.share-close > * svg,.Blog .post-font .post-fontContainer .close > * svg,.Blog article .post-info .post-comment .post-fontContainer .close > * svg, .Profile .team .all-member .member-close svg {fill:#48525c}
.Blog article.post .post-share ul,.Blog .post-font .post-fontContainer ul{border-radius:20px 20px 0 0}
.Blog article.post .post-share .share-popup, .Profile .team .all-member, .Blog .post-font .post-fontContainer{align-items:flex-end;z-index:60}
.Blog article.post .post-share ul, .Profile .team .all-member .all-memberBox, .Blog .post-font .post-fontContainer ul{width:100%;max-width:none}
.Blog blockquote.style1{padding:20px 20px 20px 70px} .Blog blockquote.style1:before{top:0;left:15px}
.Blog .author-posts, .iklan-atas + .widget, .iklan-bawah + .widget, .Blog .show-comment{margin:30px 0}
.Blog .author-posts .author-desc{font-size:12px;line-height:1.3em}
.Blog .related-posts{margin:60px 0 30px}
.Blog .related-posts li{width:calc(50% - 7.5px);margin-right:15px;padding:8px 8px 15px}
.Blog .related-posts li:nth-of-type(3n){margin-right:15px}
.Blog .related-posts li:nth-of-type(6n){margin-right:0}
.Blog .post-pagenav > *{padding:4px 12px}
.Blog .comments{margin:30px 0 0}
.Blog .comments ol > li{font-size:13px}
.Blog .breadcrumbs, .Blog article.post .post-info, .Blog article.post .post-share li > * span, .Blog .comments .comment-header .datetime, .Blog .author-posts .author-link a{font-size:12px}
.Blog .breadcrumbs{margin-bottom: 15px}
.Blog article.post .post-share, .Blog .blog-pager, .Blog .related-posts li .item-title, .Blog .post-pagenav, .Blog .comments .comment-thread .thread-toggle, .Blog .comments ol > li > .comment-replies .comment-reply, .Blog .comments ol > li > .comment-actions{font-size:12px}
.Blog .comments .comment-header .user{font-size:13px}
.FeaturedPost article .item-title, .sidebar .FeaturedPost article .item-title, .widget_popularposts article .item-title{font-size:97%}
.carousel{padding-top:35%}
}
@media screen and (max-width:480px){
.Blog .separate:before{font-size:16px}
.Blog article.post .post-entry{font-size:15px;}
.font-size1:checked + .font-size2 + .font-size3 + article .post-entry{font-size:14px}
.font-size3:checked + article .post-entry{font-size:16px}
.Blog article.post ol.style1 > li{margin-left: 45px}
.Blog article.post ol.style1 > li::before{top:-3px}
.multipleItem .Blog .blog-posts article, .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.Blog .related-posts li, .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 5px);margin-right:10px}
.multipleItem .Blog .blog-posts article:nth-of-type(3n), .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.Blog .related-posts li:nth-of-type(3n), .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:10px}
.multipleItem .Blog .blog-posts article:nth-of-type(6n), .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),
.Blog .related-posts li:nth-of-type(6n), .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-right:0}
.multipleItem .Blog article, .Blog .related-posts li{padding:8px 8px 12px;margin-bottom:10px}
.multipleItem .Blog article .post-title{font-size:80%;letter-spacing:.04em}
.multipleItem .Blog article .post-info .post-author, .FeaturedPost article:after{display:none}
.multipleItem .Blog article .post-label{font-size:10px}
.multipleItem .Blog article .post-info, .multipleItem .Blog article .post-info .post-author, .Blog article .post-info .post-published{font-size:9px}
.multipleItem .Blog article .post-info .post-comment > * svg{width:16px}
.FeaturedPost article{padding:8px}
.FeaturedPost article .item-thumbnail{width:100%;margin:0 0 15px}
.FeaturedPost article .item-thumbnail a{padding-top:50%}
.FeaturedPost article .item-content{padding:0 5px 8px;width:100%}
.Blog article.post .separator a{margin-left:0!important;margin-right:0!important;float:none!important}
.Blog article.post .grid-image img{width:48%;flex-direction:row;margin:0 4% 4% 0}
.Blog article.post .grid-image img:nth-of-type(2n){margin-right:0;}
.Blog article.post .grid-image img:nth-of-type(3n){width:100%;}
}
/* Sample Ads (Silahkan hapus bagian ini jika iklan sudah di replace semua) */
.ads-here.adatas{min-height:150px}
.ads-here{position:relative;display:flex;align-items:stretch;flex-wrap:wrap;min-height:150px;padding:15px;border:1px solid rgba(0,0,0,.05);border-radius:3px;color:#989b9f;font-size:75%}
.ads-here:after{content:'';display:block;width:50px;height:12px;background-color:rgba(0,0,0,.05);border-radius:0 0 0 8px;position:absolute;top:0;right:0}
.ads-here .ads-img{width:30%;display:flex;flex-shrink:0;align-items:center;justify-content:center;font-style:normal;background-color:rgba(0,0,0,.05)}
.ads-here .ads-img:before{content:'Sample ads'}
.ads-here .ads-content{width:50%;padding:20px 0 0 15px}
.ads-here .ads-content:before, .ads-here .ads-content:after{content:'';display:block;width:100%;padding-top:30px;background-color:rgba(0,0,0,.05)}
.ads-here .ads-content:after{width:70%;margin-top:12px;padding-top:20px}
.ads-here .ads-button{width:20%;display:flex;flex-shrink:0;align-items:center;justify-content:center;}
.ads-here .ads-button:before{content:'';width:60px;height:60px;border-radius:50%;background-color:rgba(0,0,0,.05)}
.ads-here.in-article .ads-img{width:100%;min-height:100px;margin-bottom:15px}
.ads-here.in-article .ads-content{padding:0;width:60%} .ads-here.in-article .ads-button{width:40%;justify-content:flex-end;align-items:flex-end}
.ads-here.in-article .ads-content:before{padding-top:12px}
.ads-here.in-article .ads-content:after{padding-top:10px}
.ads-here.in-article .ads-button:before{width:50px;height:10px;border-radius:0}
.ads-here.text{padding:15px 0;border-left:0;border-right:0;border-radius:0}
.ads-here.text .ads-text{display:flex;flex-wrap:wrap;width:100%}
.ads-here.text .ads-text i{width:calc(50% - 10px);height:27px;margin:5px;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;position:relative;overflow:hidden;border-radius:15px}
.ads-here.text .ads-text i:before{content:'';height:8px;width:30%;margin:auto auto;background-color:rgba(0,0,0,.05)}
.ads-here.text .ads-text i:after{content:'';height:25px;width:30px;background-color:rgba(0,0,0,.05);position:absolute;right:0}
@media screen and (max-width:768px){ .ads-here .ads-content:before{padding-top:12px} .ads-here .ads-content:after{padding-top:10px} .ads-here .ads-button{align-items:flex-end;justify-content:flex-end} .ads-here .ads-button:before{height:10px;border-radius:0}}
@media screen and (max-width:640px){.ads-here{min-height:90px}.ads-here .ads-content{padding-top:10px} .ads-here.text .ads-text i{width:100%;margin:5px 0}}
/* dihapus */
.text-here{display:flex;align-items:center;height:100%;padding:30px}
.text-here .text-left{flex-grow:1}
.text-here .text-left i{display:block;width:70%;height:25px;background-color:rgba(0,0,0,.05)}
.text-here .text-left i.bot{height:17px;width:50%;margin-top:12px}
.text-here .text-left i.go{width:30%;max-width:100px;margin-top:20px;background-color:#99f}
.text-here .text-img{flex-shrink:0;width:30%;height:80%;margin:auto 0;background-color:rgba(0,0,0,.05)}
@media screen and (max-width:480px){.ads-here.adatas{min-height:240px;}}
@media screen and (max-width:768px){.text-here .text-left i{height:12px}.text-here .text-left i.bot{height:8px;margin-top:8px}.text-here .text-left i.go{margin-top:12px}.text-here .text-img{height:100%}}
.verified{
width: 17px;
height: 17px;
margin-bottom: -3px;
margin-left:5px;
display:inline-block;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' fill='%23118ff9'/%3E%3C/svg%3E") no-repeat center center;
}
.Blog .comments ol > li > .avatar-image-container img{
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    max-width: none;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.comment-reply-title{display:none;}
.comment-form .form-submit{float:right;}
.row{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.comment-form-author{padding-right:10px}
.comment-form-author, .comment-form-email{width:49.5%;}
.post-body blockquote{
    background: #fafafa;
    margin-left: 0;
    margin-right: 0;
    border-radius: 4px;
    padding: 1.25rem 1.25rem 1.25rem 2rem;
    margin-bottom: 2.5rem;
    position: relative;
    overflow-x: hidden;
}
.dark-mode .post-body blockquote{
    background: #242526;
}
.post-body blockquote p{
    margin:0px!important;
}
.post-body blockquote:before {
    position: absolute;
    z-index: 10;
    left: 14px;
    content: "";
    font-weight: 900;
}
.post-body blockquote:after {
    content: "";
    width: 0.3rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: #ff8800;
}
.rtoc-item{list-style-type:none;}
.dark-mode .navigation-menu li .link .tutup{fill:#fff!important;}
@media screen and (max-width: 640px){
.sembunyikanmobile {
    display:none;
}}
.kategorikal{padding-top:20px;}
#iklan-sidebar{width:100%;max-width:300px;padding:0;margin:0;float:none;position:relative;overflow:hidden}


.lmd-post-headline{margin-bottom:3rem;}
.lmd-post-headline .post-title{font-size:27px;margin:0}
.lmd-post-headline .post-description{margin-top:12px;line-height:1.5em;color:#767676;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:none}
.lmd-post-headline .post-info{margin-top:30px;font-size:85%;position:relative;flex-wrap:wrap}
.lmd-post-headline .post-info .post-author, .lmd-post-headline .post-info .post-published{font-size:inherit;font-weight:700;color:#48525c;margin-right:18px;flex-shrink:0;line-height:1.58em}
.lmd-post-headline .post-info .post-authorName:before, .lmd-post-headline .post-info .post-header .post-timestamp:before{content:attr(data-text);font-weight:400; display:block;margin-bottom:2px}
.lmd-post-headline .post-info .post-authorImage{flex-shrink:0;width:46px;height:46px;margin-right:18px;padding:4px;border-radius:50%;position:relative}
.lmd-post-headline .post-info .post-authorImage img, .Blog .post-authorsImg img{border-radius:50%}
.lmd-post-headline.post-info .post-author .post-authorName, .lmd-post-headline .post-info .post-header .post-timestamp{max-width:120px}
.lmd-post-headline .post-info .post-authorIcon, .Blog .post-authorsIcon{width:50px;z-index:2;position:absolute;left:-2px;bottom:-2px}
.lmd-post-headline .post-info .post-authorIcon svg, .lmd-post-headline .post-authorsIcon svg{width:100%;height:50%;stroke:#005af0}
.lmd-post-headline .post-info .post-header{width:100%;display:flex;align-items:center}
.Blog article.post .lmd-post-headline .post-info .post-header{width:100%;}
.lmd-post-headline .post-info .post-header .post-timestamp:before{content:attr(data-update)}
.lmd-post-headline .post-info .post-published{margin-right:0}
.lmd-post-headline .post-info .post-readTime{margin-right:auto}
/*.lmd-post-headline .post-info .post-readTime span:after{content:' \2605'}*/
.lmd-post-headline .post-info .post-readTime svg{margin:0 5px 0 0;width:20px;height:20px;fill:#767676}
.lmd-post-headline .post-info .post-readTime svg.line{fill:none;stroke:#767676}
.lmd-post-headline .post-info .post-comment{width:100%;margin-top:18px}
.Blog article.post .lmd-post-headline .post-info .post-comment{width:100%;}
.lmd-post-headline .post-info .post-comment > *{align-items:flex-end}

.navigation-menu li .link svg.drop {
    width: 14px;
    height: 14px;
    margin-left: auto;
}

.navigation-menu .sub-menu:checked + .link svg.drop {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .drop  {
    display: none;
}

/**
* WordPress Number Pagination CSS Styles
*/
.navigation {
	margin: 0 auto;
	text-align: 0;
}

ul.page-numbers {
    list-style: none;
    margin: 0 auto;
	padding: 0;
}

ul.page-numbers li {
    display: inline-block;
    margin: 5px;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    padding: 8px 15px;
	box-shadow: 0 10px 20px 0 rgba(30,30,30,.07);
	border-radius: 4px;
	background-color: #fefefe;
}
.dark-mode .page-numbers a,
.dark-mode .page-numbers span {
	background-color: #242526;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current:hover {
    color: #000;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }

.search-no-results .blog-posts .widget-title {
	width: 100%;
}

/*PostImage*/
.post img {
	max-width: 100%;
	height: auto;
}
.alignleft, img.alignleft {
	display:inline;
	float:left;
	margin-right:10px;
}

.alignright, img.alignright {
	display:inline;
	float:right;
	margin-left:10px;
}

.aligncenter, img.aligncenter{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignleft, img.alignright, img.aligncenter{
	margin-bottom:10px;
}

.wp-caption{
	margin-bottom:10px;
	max-width:100% !important;
}

.wp-caption .wp-caption-text{
	font-size:10px;
	margin:10px;
	text-align:center;
}

/* WordPress Gallery */
.gallery .gallery-item {
	display: inline-block;
	vertical-align: top;
	padding: 0 5px 10px;
	text-align: center;
}
.gallery .gallery-item img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-3 .gallery-item {
	width: 33.33333333333333%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery-columns-5 .gallery-item {
	width: 20%;
}
.gallery-columns-6 .gallery-item {
	width: 16.66666666666667%;
}
.gallery-columns-7 .gallery-item {
	width: 14.28571428571429%;
}
.gallery-columns-8 .gallery-item {
	width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	width: 11.11111111111111%;
}

.gallery-caption {
	font-size: smaller;
}

.gallery figure {
    margin: 0 0;
}

.comments-bubble a {
	color: #48525c;
}

/* Additional - lain-lain */
.wp-block-button__link {
    background-color: #f80;
}
.Blog .comments li li {
    padding: 20px;
	background-color: #f8f8f8;
}
.Blog .comments li li .comment-block {
    padding: 10px 15px 0 60px;
}
.Blog .comments li li .avatar-image-container {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 32px;
}
.Blog .comments li li .avatar-image-container img {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    max-width: none;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.Blog .comments li li:not(:last-child) {
    margin-bottom: 0;
}