/*
-----------------------------------------------
Blogger Template Style
Name:        uBook
Version:     2.0 (Customized & Optimized by Gemini)
Author:      Sora Templates
-----------------------------------------------
*/
/*-- Reset & Base --*/
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}form,textarea,input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}dl,ul{list-style-position:inside;font-weight:400;list-style:none}ul li{list-style:none}caption,th{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:#424242}a:hover{color:#ff8466}.post-body a:visited{color:#424242;}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget>h2,.widget>h3{display:none}
.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER>.CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child>.CSS_LAYOUT_COMPONENT{opacity:0}#google_translate_element{clear:both}.thread-expanded .thread-count a,.comments .continue{display:none!important}
body{background-color:#f8f9fa;font-family:'Open Sans',serif;font-size:14px;font-weight:400;color:#212121;word-wrap:break-word;margin:0;padding:0}
.row{width:1000px}
#content-wrapper{margin:35px auto;overflow:hidden;padding:5px}
#content-wrapper>.container{margin:0 -20px}
#main-wrapper{float:left;overflow:hidden;width:66.66666667%;box-sizing:border-box;padding:0 20px}
#sidebar-wrapper{float:right;overflow:hidden;width:33.33333333%;box-sizing:border-box;padding:0 20px}
.post-image-wrap{position:relative;display:block}
.post-image-link:hover:after,.post-image-wrap:hover .post-image-link:after{opacity:1}
.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{background-color:#f9f9f9;color:transparent!important}
.post-thumb{display:block;position:relative;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:0;transition:opacity .17s ease,transform .17s ease}
.post-thumb.lazy-yard{opacity:1}
.post-image-link:hover .post-thumb{opacity:.85}
.social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400}
.social .facebook a:before{content:"\f230"}.social .facebook-f a:before{content:"\f09a"}.social .twitter a:before{content:"\f099"}.social .gplus a:before{content:"\f0d5"}.social .rss a:before{content:"\f09e"}.social .youtube a:before{content:"\f16a"}.social .skype a:before{content:"\f17e"}.social .stumbleupon a:before{content:"\f1a4"}.social .tumblr a:before{content:"\f173"}.social .vk a:before{content:"\f189"}.social .stack-overflow a:before{content:"\f16c"}.social .github a:before{content:"\f09b"}.social .linkedin a:before{content:"\f0e1"}.social .dribbble a:before{content:"\f17d"}.social .soundcloud a:before{content:"\f1be"}.social .behance a:before{content:"\f1b4"}.social .digg a:before{content:"\f1a6"}.social .instagram a:before{content:"\f16d"}.social .pinterest a:before{content:"\f0d2"}.social .pinterest-p a:before{content:"\f231"}.social .twitch a:before{content:"\f1e8"}.social .delicious a:before{content:"\f1a5"}.social .codepen a:before{content:"\f1cb"}.social .reddit a:before{content:"\f1a1"}.social .whatsapp a:before{content:"\f232"}.social .snapchat a:before{content:"\f2ac"}.social .email a:before{content:"\f0e0"}.social .external-link a:before{content:"\f14c"}
.social-text .facebook a:after,.social-text .facebook-f a:after{content:"Facebook"}.social-text .twitter a:after{content:"Twitter"}.social-text .pinterest a:after,.social-text .pinterest-p a:after{content:"Pinterest"}
.social-color .facebook a,.social-color .facebook-f a{background-color:#3b5999}.social-color .twitter a{background-color:#00acee}.social-color .gplus a{background-color:#db4a39}.social-color .pinterest a,.social-color .pinterest-p a{background-color:#ca2127}.social-color .linkedin a{background-color:#0077b5}.social-color .whatsapp a{background-color:#3fbb50}.social-color .email a{background-color:#888}
/*-- Header & Menu --*/
#header-wrap{position:relative;margin:0}
.header-menu{position:relative;width:100%;height:68px;background-color:#fff;z-index:1010;border-bottom:1px solid #ebebeb}
.header-menu .container{position:relative;margin:0 auto}
.header-logo{position:relative;float:left;max-width:200px;box-sizing:border-box;margin:0 20px 0 0}
.header-logo .header-brand{float:left;height:48px;overflow:hidden;padding:10px 0}
.header-logo img{max-width:100%;height:48px}
.header-logo h1{color:#212121;font-size:40px;line-height:1.5em;margin:0}
#main-menu .widget,#main-menu .widget>.widget-title{display:none}
#main-menu .show-menu{display:block}
#main-menu{position:relative;float:left;height:68px;z-index:15}
#main-menu ul>li{float:left;position:relative;margin:0;padding:0;transition:color .17s}
#main-menu ul>li>a{position:relative;font-size:15px;color:#212121;font-weight:400;line-height:68px;display:inline-block;margin:0;padding:0 12px;transition:color .17s}
#main-menu ul>li>a:hover{color:#ff8466}
#main-menu ul>li>ul{position:absolute;float:left;left:0;top:68px;width:180px;background-color:#fff;z-index:99999;margin-top:0;padding:5px 0;border:1px solid #ebebeb;visibility:hidden;opacity:0}
#main-menu ul>li>ul>li>ul{position:absolute;float:left;top:0;left:100%;margin:-6px 0 0}
#main-menu ul>li>ul>li{display:block;float:none;position:relative;padding:0 15px}
#main-menu ul>li>ul>li a{display:block;height:34px;font-size:13px;line-height:34px;box-sizing:border-box;padding:0;margin:0;transition:color .17s}
#main-menu ul>li.has-sub>a:after{content:'\f107';float:right;font-family:FontAwesome;font-size:12px;font-weight:400;margin:0 0 0 6px}
#main-menu ul>li>ul>li.has-sub>a:after{content:'\f105';float:right;margin:0}
#main-menu ul>li:hover>ul,#main-menu ul>li>ul>li:hover>ul{visibility:visible;opacity:1}
#main-menu ul ul{transition:all .17s ease}
.mobile-menu-toggle{display:none;position:absolute;left:0;top:0;height:68px;line-height:68px;z-index:20;color:#212121;font-size:17px;font-weight:400;text-align:left;cursor:pointer;padding:0 20px;transition:color .17s ease}
.mobile-menu-toggle:before{content:"\f0c9";font-family:FontAwesome}
.nav-active .mobile-menu-toggle:before{content:"\f00d";font-family:FontAwesome}
.mobile-menu-toggle:hover{color:#ff8466}
.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:990;background:rgba(0,0,0,0.8)}
.mobile-menu-wrap{display:none}
.mobile-menu{position:absolute;top:68px;left:0;width:100%;background-color:#fff;box-sizing:border-box;visibility:hidden;z-index:1000;opacity:0;transition:all .17s ease}
.nav-active .mobile-menu{visibility:visible;opacity:1}
.mobile-menu>ul{margin:0}
.mobile-menu .m-sub{display:none;padding:0}
.mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:13px;line-height:38px;border-bottom:1px solid #ebebeb}
.mobile-menu ul li:last-child{border-bottom:0}
.mobile-menu>ul li ul{overflow:hidden}
.mobile-menu ul li a{color:#212121;padding:0 20px;display:block;transition:all .17s ease}
.mobile-menu ul li a:hover{color:#ff8466}
.mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#212121;cursor:pointer;border-left:1px solid #ebebeb}
.mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f105';font-family:FontAwesome;font-weight:400;float:right;width:38px;font-size:16px;line-height:38px;text-align:center;transition:all .17s ease}
.mobile-menu ul li.has-sub .submenu-toggle:hover{color:#ff8466}
.mobile-menu ul li.has-sub.show>.submenu-toggle:after{transform:rotate(90deg)}
.mobile-menu ul li ul li:first-child{border-top:1px solid #ebebeb}
.mobile-menu ul li ul li{background-color:rgba(0,0,0,0.02)}
/*-- Search --*/
.show-search{position:absolute;right:0;top:0;display:block;width:30px;height:68px;line-height:68px;z-index:20;color:#212121;font-size:16px;font-weight:400;text-align:right;cursor:pointer;transition:color .17s ease}
.show-search:before{content:"\f002";font-family:FontAwesome}
.search-active .show-search:before{content:"\f00d";font-family:FontAwesome}
.show-search:hover{color:#ff8466}
#nav-search{display:none;position:absolute;top:68px;right:0;width:250px;height:40px;z-index:99;background-color:#fff;box-sizing:border-box;padding:0;border:1px solid #ebebeb;box-shadow:0 0 3px rgba(0,0,0,0.03)}
#nav-search .search-form{width:100%;height:40px;background-color:rgba(0,0,0,0);line-height:38px;overflow:hidden;padding:0}
#nav-search .search-input{width:100%;height:40px;font-family:inherit;color:#212121;outline:none;margin:0;padding:0 15px;background-color:rgba(0,0,0,0);font-size:13px;font-weight:400;box-sizing:border-box;border:0}
/*-- Post & Page Content --*/
.no-posts{display:block;height:100px;line-height:100px;text-align:center}
.queryMessage{overflow:hidden;background-color:#fff;color:#212121;font-size:13px;font-weight:400;padding:7px 10px;margin:0 0 25px;border:1px solid #ebebeb;box-shadow:0 0 5px 0 rgba(0,0,0,0.03)}
.queryMessage .search-query,.queryMessage .search-label{font-weight:700;text-transform:uppercase}
.queryMessage .search-query:before,.queryMessage .search-label:before{content:"\201c"}
.queryMessage .search-query:after,.queryMessage .search-label:after{content:"\201d"}
.queryMessage a.show-more{float:right;color:#D9822B}
.queryMessage a.show-more:hover{text-decoration:underline}
.queryEmpty{font-size:13px;font-weight:400;padding:10px 0;margin:0 0 25px;text-align:center}
.blog-post{display:block;overflow:visible;word-wrap:break-word}
.index-post-wrap{display:flex;flex-wrap:wrap;margin:0 -10px}
.index-post{float:left;width:calc(100% / 3);overflow:visible;box-sizing:border-box;padding:0 10px;margin:0 0 30px}
.index-post .post-image-wrap{float:left;width:100%;height:auto;background-color:#fff;box-sizing:border-box;padding:15px;border:1px solid #ebebeb;box-shadow:0 0 5px 0 rgba(0,0,0,0.03)}
.index-post .post-image-wrap .post-image-link{width:100%;height:240px;position:relative;display:block;z-index:1;overflow:hidden;margin:0 0 12px}
.post-tag{position:relative;display:inline-block;height:18px;background-color:#D9822B;font-size:12px;color:#fff;font-weight:700;line-height:18px;padding:0 10px;margin:0 0 15px}
.index-post .post-title{float:left;width:100%;font-size:14px;font-weight:700;line-height:1.4em;margin:0}
.index-post .post-title a{display:block;color:#212121;transition:color .17s ease}
.index-post .post-title a:hover{color:#ff8466}
.widget iframe,.widget img{max-width:100%}
.post-content-wrap{position:relative;float:left;width:100%;background-color:#fff;box-sizing:border-box;padding:20px;border:1px solid #ebebeb;box-shadow:0 0 5px 0 rgba(0,0,0,0.03)}
.item-post .post-header{float:left;width:100%}
.item-post h1.post-title{font-size:25px;color:#212121;line-height:1.5em;font-weight:700;position:relative;display:block;margin:0 0 13px}
.item-post .post-body{float:left;width:100%;overflow:hidden;font-size:110%;line-height:1.6em;padding:25px 0 0}
.static_page .item-post .post-body{padding:20px 0}
.item-post .post-outer{padding:0}
.item-post .post-body img{max-width:100%}
/*-- [PERBAIKAN] Meta Info Penulis & Tanggal --*/
.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;color:#333232;font-size:13px;font-weight:400;line-height:1.5;padding:0 1px;margin-bottom:15px}
.post-meta .post-author .meta-avatar{display:none}
.post-meta .post-author,.post-meta .post-date{display:flex;align-items:center}
.post-meta em{font-style:normal;margin-right:4px}
.post-meta .post-date:before{content:'\f017';font-family:FontAwesome;font-weight:400;margin-right:5px}
.post-meta a{color:#212121;font-weight:700;transition:color .17s ease}
.post-meta a:hover{color:#ff8466}
.post-labels{overflow:hidden;float:left;width:100%;height:auto;position:relative;margin:25px 0 0}
.post-labels span{float:left;color:#aaa;font-size:13px;font-weight:400;margin:0 5px 0 0;transition:all .17s ease}
.post-labels span.labels-icon{margin-right:3px}
.post-labels span a{color:#424242}
.post-labels span a:hover{text-decoration:underline}
.post-labels span:after{content:','}
.post-labels span:last-child:after{display:none}
.post-labels span.labels-icon:after{content:'\f02c';font-family:FontAwesome;font-style:normal}
.post-share{position:relative;float:left;width:100%;overflow:hidden;line-height:0;margin:25px 0 0}
ul.share-links{position:relative}
.share-links li{float:left;box-sizing:border-box;margin:0 5px 0 0}
.share-links li.whatsapp-mobile{display:none}
.is-mobile li.whatsapp-desktop{display:none}
.is-mobile li.whatsapp-mobile{display:inline-block}
.share-links li a,.share-links li span{float:left;display:inline-block;width:28px;height:28px;line-height:28px;color:#fff;font-size:13px;text-align:center;font-weight:400;transition:opacity .17s ease}
.share-links li a:before{font-size:14px}
.share-links li a:after{display:none;margin:0 0 0 5px}
.share-links .facebook-f a,.share-links .twitter a,.share-links .pinterest-p a{width:auto;padding:0 10px}
.share-links .facebook-f a:after,.share-links .twitter a:after,.share-links .pinterest-p a:after{display:inline-block}
.share-links li a:hover{opacity:.85}
.post-footer{position:relative;float:left;width:100%;margin:0}
ul.post-nav{position:relative;overflow:hidden;display:block;margin:25px 0 0}
.post-nav li{display:inline-block;width:50%}
.post-nav .post-prev{float:left;text-align:left;box-sizing:border-box;padding:0 10px}
.post-nav .post-next{float:right;text-align:right;box-sizing:border-box;padding:0 10px}
.post-nav li a{color:#212121;line-height:1.4em;display:block;overflow:hidden}
.post-nav li a p{transition:color .17s ease}
.post-nav li a:hover p{color:#ff8466;text-decoration:underline}
.post-nav li span{display:block;font-size:12px;color:#333232;font-weight:700;font-style:italic;padding:0 0 2px}
.post-nav .post-prev span:before{content:"\f104";float:left;font-family:FontAwesome;font-size:12px;font-weight:400;font-style:normal;text-transform:none;margin:0 3px 0 0}
.post-nav .post-next span:after{content:"\f105";float:right;font-family:FontAwesome;font-size:12px;font-weight:400;font-style:normal;text-transform:none;margin:0 0 0 3px}
.post-nav p{font-size:12px;font-weight:400;line-height:1.4em;margin:0}
.post-nav li a .post-nav-active p{color:#333232;text-decoration:none}
.about-author{position:relative;display:block;overflow:hidden;background-color:#fff;padding:20px;margin:25px 0 0;border:1px solid #ebebeb;box-shadow:0 0 5px 0 rgba(0,0,0,0.03)}
.about-author .avatar-container{position:relative;float:left;width:80px;height:80px;background-color:#f2f2f2;overflow:hidden;margin:0 15px 0 0}
.about-author .author-avatar{float:left;width:100%;height:100%}
.author-name{overflow:hidden;display:inline-block;font-size:15px;font-weight:700;margin:5px 0 0}
.author-name span{color:#212121}
.author-name a{color:#424242}
.author-name a:hover{text-decoration:underline}
.author-description{display:block;overflow:hidden;font-size:13px;color:#888;line-height:1.6em}
.author-description a{color:#212121;font-style:italic;transition:color .17s ease}
.author-description a:hover{color:#ff8466;text-decoration:underline}
/*-- Post Body Typography --*/
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:#212121;font-weight:700;margin:1.5em 0 .8em}
.post-body h1,.post-body h2{font-size:24px}.post-body h3{font-size:21px}.post-body h4{font-size:18px}.post-body h5{font-size:16px}.post-body h6{font-size:13px}
blockquote{background-color:#f9f9f9;font-style:italic;padding:15px 20px;margin:1.5em 0;border-left:5px solid #D9822B}
blockquote:before,blockquote:after{display:inline-block;font-family:FontAwesome;font-weight:400;font-style:normal;line-height:1}
blockquote:before{content:'\f10d';margin:0 10px 0 0}
blockquote:after{content:'\f10e';margin:0 0 0 10px}
.post-body u{text-decoration:underline}
.post-body a{color:#424242;transition:color .17s ease}
.post-body strike{text-decoration:line-through}
/*-- [PERBAIKAN] Penomoran dan Bullet List --*/
.post-body ul, .post-body ol {padding-left:0;margin:1.5em 0 1.5em 1.2em;list-style-type:none;}
.post-body ol {counter-reset:list-counter;}
.post-body ul li, .post-body ol li {display:flex;align-items:flex-start;margin-bottom:.8em;padding-left:0;}
.post-body ul li::before {content:"\f105";font-family:FontAwesome;font-weight:900;flex-shrink:0;margin-right:.8em;color:#ff8466;margin-top:.15em;}
.post-body ol li::before {counter-increment:list-counter;content:counter(list-counter) ".";font-weight:bold;flex-shrink:0;margin-right:.8em;color:#ff8466;min-width:1.2em;text-align:right;}
/*-- Paginasi --*/
#blog-pager{float:left;width:100%;text-align:center;margin:10px 0 0}
.blog-pager a,.blog-pager span{float:left;display:block;min-width:32px;height:32px;background-color:#fff;color:#212121;font-size:13px;font-weight:700;line-height:30px;text-align:center;box-sizing:border-box;margin:0 7px 0 0;border:1px solid #ebebeb;box-shadow:0 0 2px 0 rgba(0,0,0,0.03);transition:all .17s ease}
.blog-pager-newer-link,.blog-pager-older-link{padding:0 10px}
a.blog-pager-newer-link{float:left}
.blog-pager-newer-link:before{content:'\f104';font-family:FontAwesome;font-size:13px;font-weight:400;font-style:normal;margin:0 2px 0 0}
a.blog-pager-older-link{float:right}
.blog-pager-older-link:after{content:'\f105';font-family:FontAwesome;font-size:13px;font-weight:400;font-style:normal;margin:0 0 0 2px}
.blog-pager span.page-dots{min-width:18px;background-color:transparent;font-size:16px;line-height:30px;font-weight:400;letter-spacing:-1px;border:0;box-shadow:none}
.blog-pager .page-of{display:none;width:auto;float:right;border-color:rgba(0,0,0,0);margin:0}
.blog-pager .page-active,.blog-pager a:hover{background-color:#ff8466;color:#fff;border-color:#ff8466}
.blog-pager .page-prev:before,.blog-pager .page-next:before{font-family:FontAwesome;font-size:16px;font-weight:400}
.blog-pager .page-prev:before{content:'\f104'}
.blog-pager .page-next:before{content:'\f105'}
.archive #blog-pager{display:none}
/*-- Komentar --*/
.blog-post-comments{display:none;position:relative;float:left;width:100%;background-color:#fff;box-sizing:border-box;padding:20px;margin:25px 0 0;border:1px solid #ebebeb;box-shadow:0 0 5px 0 rgba(0,0,0,0.03)}
.blog-post-comments .cmm-title{display:block;height:32px;background-color:#D9822B;font-size:15px;color:#fff;font-weight:700;line-height:32px;padding:0 20px;margin:-21px -21px 0}
#comments{margin:0}
#gpluscomments{float:left!important;width:100%!important;margin:0 0 25px!important}
#gpluscomments iframe{float:left!important;width:100%}
.comments{display:block;clear:both;margin:0}
.comments>h3{float:left;width:100%;font-size:13px;font-style:italic;color:#888;font-weight:400;box-sizing:border-box;padding:0 1px;margin:15px 0 20px}
.comments .comments-content{float:left;width:100%;margin:0}
#comments h4#comment-post-message{display:none}
.comments .comment-block{padding:0 0 0 55px}
.comments .comment-content{font-size:13px;line-height:1.6em;margin:10px 0}
.comment-thread .comment{position:relative;padding:15px 0 0;margin:15px 0 0;list-style:none;border-top:1px dashed #ebebeb}
.comment-thread ol{padding:0;margin:0 0 15px}
.comment-thread ol>li:first-child{padding:0;margin:0;border:0}
.comment-thread .avatar-image-container{position:absolute;top:15px;left:0;width:40px;height:40px;border-radius:100%;overflow:hidden}
.comment-thread ol>li:first-child>.avatar-image-container{top:0}
.avatar-image-container img{width:100%;height:100%}
.comments .comment-header .user{font-size:14px;color:#212121;display:inline-block;font-style:italic;font-weight:700;margin:0}
.comments .comment-header .user a{color:#212121}
.comments .comment-header .icon.user{display:none}
.comments .comment-header .icon.blog-author{display:inline-block;font-size:12px;color:#D9822B;font-weight:400;vertical-align:top;margin:0 0 0 5px}
.comments .comment-header .icon.blog-author:before{content:'\f058';font-family:FontAwesome}
.comments .comment-header .datetime{display:inline-block;margin:0 0 0 5px}
.comment-header .datetime a{font-size:12px;color:#333232;font-style:italic}
.comment-header .datetime a:before{content:'-';font-size:12px;margin:0 5px 0 2px}
.comments .comment-actions{display:block;margin:0 0 15px}
.comments .comment-actions a{color:#333232;font-size:11px;font-style:italic;margin:0 15px 0 0;transition:color .17s ease}
.comments .comment-actions a:hover{color:#ff8466;text-decoration:underline}
.loadmore.loaded a{display:inline-block;border-bottom:1px solid rgba(0,0,0,0.1);text-decoration:none;margin-top:15px}
.comments .comment-replies{padding:0 0 0 55px}
.thread-expanded .thread-count a,.loadmore{display:none}
.comments .footer,.comments .comment-footer{font-size:13px}
.comment-form>p{font-size:13px;padding:10px 0 5px}
.comment-form>p>a{color:#212121}
.comment-form>p>a:hover{text-decoration:underline}
/*-- Sidebar & Widgets --*/
.sidebar .widget{position:relative;overflow:hidden;background-color:#fff;box-sizing:border-box;padding:0;margin:0 0 30px;box-shadow:0 0 5px 0 rgba(0,0,0,0.03)}
.sidebar .widget .widget-title{position:relative;float:left;width:100%;height:32px;margin:0}
.sidebar .widget .widget-title>h3{display:block;height:32px;background-color:#D9822B;font-size:15px;color:#fff;font-weight:700;line-height:32px;padding:0 20px;margin:0}
#sidebar-right .widget:last-child{margin:0}
.sidebar .widget-content{float:left;width:100%;box-sizing:border-box;padding:20px;margin:0;border:1px solid #ebebeb;border-top:0}
.list-label li{position:relative;display:block;padding:8px 0;border-top:1px dashed #ebebeb}
.list-label li:first-child{padding:0 0 8px;border-top:0}
.list-label li:last-child{padding-bottom:0;border-bottom:0}
.list-label li a{display:block;color:#212121;font-size:13px;font-weight:400;text-transform:capitalize;transition:color .17s}
.list-label li a:before{content:"\f105";float:left;color:#212121;font-family:FontAwesome;margin:1px 3px 0 0;transition:color .17s}
.list-label li a:hover{color:#ff8466;text-decoration:underline}
.list-label .label-count{color:#212121;font-size:11px;font-weight:400;position:relative;float:right;transition:color .17s ease}
.list-label li a:hover .label-count{color:#ff8466}
.cloud-label li{position:relative;float:left;margin:0 5px 5px 0}
.cloud-label li a{display:block;height:24px;background-color:#f9f9f9;color:#888;font-size:12px;line-height:24px;padding:0 7px;border:1px solid rgba(155,155,155,0.1);transition:all .17s ease}
.cloud-label li a:hover{background-color:#D9822B;color:#fff}
.cloud-label .label-count{display:none}
.FollowByEmail .widget-content{position:relative;overflow:hidden;font-weight:400}
.FollowByEmail .before-text{display:block;overflow:hidden;font-size:13px;color:#888;line-height:1.5em;margin:0 0 15px}
.FollowByEmail .follow-by-email-inner{position:relative}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:34px;font-family:inherit;font-size:11px;color:#888;font-style:italic;padding:0 10px;margin:0;box-sizing:border-box;border:1px solid #ebebeb;transition:ease .17s}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border-color:rgba(0,0,0,0.1)}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:34px;background-color:#D9822B;font-family:inherit;font-size:11px;color:#fff;font-weight:700;text-transform:uppercase;cursor:pointer;margin:10px 0 0;border:0;transition:background .17s ease}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#212121}
#ArchiveList ul.flat li{color:#212121;font-size:13px;font-weight:400;padding:8px 0;border-bottom:1px dashed #eaeaea}
#ArchiveList ul.flat li:first-child{padding-top:0}
#ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0}
#ArchiveList .flat li>a{display:block;color:#212121;transition:color .17s}
#ArchiveList .flat li>a:hover{text-decoration:underline}
#ArchiveList .flat li>a:before{content:"\f105";float:left;color:#212121;font-weight:900;font-family:FontAwesome;font-size:9px;margin:5px 4px 0 0;display:inline-block;transition:color .17s}
#ArchiveList .flat li>a>span{color:#212121;font-size:11px;font-weight:400;position:relative;float:right;background-color:rgba(0,0,0,0.08);width:18px;height:18px;text-align:center;line-height:18px;border-radius:18px;transition:all .17s ease}
#ArchiveList .flat li>a:hover>span{background-color:#ff8466;color:#212121}
.PopularPosts .widget-content .post{overflow:hidden;padding:20px 0 0}
.PopularPosts .widget-content .post:first-child,.custom-widget li:first-child{padding:0}
.PopularPosts .post-image-link{position:relative;width:70px;height:90px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}
.PopularPosts .post-info{overflow:hidden}
.PopularPosts .post-title{font-size:14px;font-weight:700;line-height:1.5em;margin:0 0 5px}
.PopularPosts .post-title a{display:block;color:#212121;transition:color .17s ease}
.PopularPosts .post-title a:hover{color:#ff8466}
.contact-form-widget form{font-weight:400}
.contact-form-name{float:left;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb}
.contact-form-email{float:left;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb}
.contact-form-email-message{float:left;width:100%;font-family:inherit;font-size:13px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb}
.contact-form-button-submit{float:left;width:100%;height:30px;background-color:#D9822B;font-family:inherit;font-size:13px;color:#fff;font-weight:700;line-height:30px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:0;border:0;transition:background .17s ease}
.contact-form-button-submit:hover{background-color:#212121}
.contact-form-error-message-with-border{float:left;width:100%;background-color:#fbe5e5;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #fc6262}
.contact-form-success-message-with-border{float:left;width:100%;background-color:#eaf6ff;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #5ab6f9}
.contact-form-cross{margin:0 0 0 3px}
.contact-form-error-message,.contact-form-success-message{margin:0}
.BlogSearch .search-input{float:left;width:75%;height:30px;background-color:#fff;font-weight:400;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;border:1px solid #ebebeb;border-right-width:0}
.BlogSearch .search-action{float:right;width:25%;height:30px;font-family:inherit;font-size:13px;line-height:30px;cursor:pointer;box-sizing:border-box;background-color:#D9822B;color:#fff;padding:0 5px;border:0;transition:background .17s ease}
.BlogSearch .search-action:hover{background-color:#212121}
.Profile .profile-img{float:left;width:80px;height:80px;margin:0 15px 0 0;transition:all .17s ease}
.Profile .profile-datablock{margin:0}
.Profile .profile-data .g-profile{display:block;font-size:16px;color:#212121;font-weight:700;margin:0 0 5px;transition:color .17s ease}
.Profile .profile-data .g-profile:hover{text-decoration:underline}
.Profile .profile-info>.profile-link{color:#212121;font-size:11px;margin:5px 0 0;transition:color .17s ease}
.Profile .profile-info>.profile-link:hover{text-decoration:underline}
.Profile .profile-datablock .profile-textblock{display:none}
.common-widget .LinkList ul li,.common-widget .PageList ul li{width:calc(50% - 5px);padding:7px 0 0}
.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){float:left}
.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){float:right}
.common-widget .LinkList ul li a,.common-widget .PageList ul li a{display:block;color:#212121;font-size:13px;font-weight:400;transition:color .17s ease}
.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{text-decoration:underline}
.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){padding:0}
/*-- Footer --*/
#footer-wrapper{background-color:#fff;border-top:1px solid #ebebeb}
#footer-wrapper .container{position:relative;overflow:hidden;margin:0 auto;padding:30px 0 35px}
.footer-widgets-wrap{position:relative;display:flex;margin:0 -20px}
#footer-wrapper .footer{display:inline-block;float:left;width:33.33333333%;box-sizing:border-box;padding:0 20px}
#footer-wrapper .footer .widget{float:left;width:100%;padding:0;margin:25px 0 0}
#footer-wrapper .footer .widget:first-child{margin:0}
#footer-wrapper .footer .widget-content{float:left;width:100%}
.footer .widget>.widget-title{position:relative;float:left;width:100%;display:block;margin:0 0 20px}
.footer .widget>.widget-title>h3{font-size:17px;color:#212121;font-weight:700;margin:0}
.footer .widget>.widget-title>h3:before{content:'';float:left;width:5px;height:5px;background-color:#D9822B;margin:10px 7px 0 0}
#sub-footer-wrapper{display:block;overflow:hidden;width:100%;background-color:#141414;color:#fff;padding:0}
#sub-footer-wrapper .container{overflow:hidden;margin:0 auto;padding:10px 0}
#menu-footer{float:right;position:relative;display:block}
#menu-footer .widget>.widget-title{display:none}
#menu-footer ul li{float:left;display:inline-block;height:34px;padding:0;margin:0}
#menu-footer ul li a{font-size:14px;font-weight:400;display:block;color:#fff;line-height:34px;padding:0 0 0 5px;margin:0 0 0 10px;transition:color .17s ease}
#menu-footer ul li a:hover{color:#ff8466}
#sub-footer-wrapper .copyright-area{font-size:13px;float:left;height:34px;line-height:34px;font-weight:400}
#sub-footer-wrapper .copyright-area a{color:#ff8466}
#sub-footer-wrapper .copyright-area a:hover{text-decoration:underline}
.hidden-widgets{display:none;visibility:hidden}
.back-top{display:none;z-index:1010;width:32px;height:32px;position:fixed;bottom:25px;right:25px;background-color:#D9822B;cursor:pointer;overflow:hidden;font-size:15px;color:#fff;text-align:center;line-height:32px;transition:background .17s ease}
.back-top:after{content:'\f0a6';position:relative;font-family:FontAwesome;font-weight:400}
.back-top:hover{background-color:#212121}
.error404 #main-wrapper{width:100%!important;margin:0!important}
.error404 #sidebar-wrapper{display:none}
.errorWrap{color:#212121;text-align:center;padding:60px 0 100px}
.errorWrap h3{font-size:130px;line-height:1;margin:0 0 30px}
.errorWrap h4{font-size:25px;margin:0 0 20px}
.errorWrap p{margin:0 0 10px}
.errorWrap a{display:inline-block;height:32px;background-color:#D9822B;color:#fff;font-weight:700;line-height:32px;padding:0 20px;margin:20px 0 0;transition:background .17s ease}
.errorWrap a i{font-size:14px;font-weight:400}
.errorWrap a:hover{background-color:#212121}
/*-- Breadcrumb --*/
.breadcrumb-container{padding:15px 15px 0;font-size:14px;color:#555;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px;text-transform:capitalize}
.breadcrumb-container a{color:#424242;text-decoration:none}
.breadcrumb-container a:hover{text-decoration:underline;color:#ff8466}
.breadcrumb-container span.separator{margin:0 8px;color:#999}
.breadcrumb-container span.current-page{color:#777}

/* ==================================================== */
/* === KONTEN DARI widget.css & style.css (GABUNGAN) === */
/* ==================================================== */

/*-- Post Tools Panel (TTS, Font Size) --*/
.post-tools-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:15px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:1.5em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.tool-group{display:flex;align-items:center;gap:8px}
.post-tools-panel .tool-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:#fff;border:1px solid #dee2e6;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#495057;transition:background-color .2s;text-decoration:none;white-space:nowrap}
.post-tools-panel .tool-button:hover{background-color:#f1f3f5;border-color:#adb5bd}
.post-tools-panel .tool-button i{width:18px;height:18px;stroke-width:2}
.tool-group>.label{font-size:14px;color:#6c757d;font-weight:500}
.tts-highlight{background-color:#fef9c3;transition:background-color .3s ease-in-out}
/*-- Coloring Widget --*/
.coloring-widget-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dee2e6}
.coloring-widget-container h3{text-align:center;margin-top:0;margin-bottom:20px;font-size:1.5rem;color:#2c3e50}
.coloring-widget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.coloring-widget-card{display:block;text-decoration:none;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease-in-out}
.coloring-widget-card:hover{transform:translateY(-4px)}
.coloring-widget-card img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block;border-bottom:1px solid #eee}
.coloring-widget-card-title{padding:10px;font-size:.9rem;font-weight:600;color:#333;background-color:#fff;text-align:center;line-height:1.4}
/*-- Advanced Related Posts --*/
.related-posts-container{margin:30px 0;padding-top:20px;border-top:1px solid #eee}
.related-posts-container h3{font-size:20px;margin-bottom:20px;font-weight:700}
.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related-post-item{display:block;text-decoration:none;color:#333;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}
.related-post-item:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.1)}
.related-post-thumb-container{width:100%;padding-top:75%;position:relative;background-color:#f0f0f0;border-radius:8px;overflow:hidden}
.related-post-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-bottom:1px solid #eee;transition:transform .2s ease-in-out}
.related-post-item:hover .related-post-thumb{transform:scale(1.05)}
.related-post-title{font-size:14px;line-height:1.4;padding:12px;margin:0;font-weight:600}
.related-post-item:hover .related-post-title{color:#ff8466}
/*-- Homepage Grid Layout --*/
.homepage-layout{width:100%}
.homepage-section{margin-bottom:35px}
.section-title{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #f0f0f0;color:#333}
.post-grid-container{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.grid-post-item{display:flex;flex-direction:column;text-decoration:none;color:#333;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}
.grid-post-item:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.grid-post-thumb-container{width:100%;padding-top:65%;position:relative;background-color:#f5f5f5}
.grid-post-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.grid-post-title{font-size:16px;line-height:1.4;padding:15px;margin:0;font-weight:600;flex-grow:1}
.section-footer{text-align:right;margin-top:20px}
.pagination-button{display:inline-block;padding:10px 20px;background-color:#ff8466;color:#fff;font-size:14px;font-weight:700;border-radius:5px;text-decoration:none;transition:background-color .2s ease}
.pagination-button:hover{background-color:#141414;color:#fff}
/*-- Responsive Media Queries --*/
@media (max-width:1100px){.row{width:100%}.header-menu{height:69px;box-sizing:border-box;padding:0 20px}.feat-sec{box-sizing:border-box;padding:50px 20px}#content-wrapper{position:relative;box-sizing:border-box;padding:0 20px;margin:35px 0}#footer-wrapper .container{box-sizing:border-box;padding:25px 20px}#sub-footer-wrapper .container{box-sizing:border-box;padding:10px 20px}.back-top{bottom:55px}}
@media (max-width:980px){.header-menu{padding:0}.header-logo{width:100%;max-width:none;text-align:center;margin:0}.header-widget{float:left;width:100%;height:68px}.header-logo .header-brand{float:none;display:inline-block}#main-menu{display:none}.mobile-menu-wrap,.mobile-menu-toggle{display:block}.show-search{background-color:#fff;width:auto;padding:0 20px}#nav-search{right:20px}#content-wrapper>.container{margin:0}#main-wrapper{width:100%;padding:0!important}#sidebar-wrapper{width:100%;padding:0;margin:35px 0 0}.index-post{display:flex}.index-post .post-image-wrap .post-image-link,.related-posts-grid{height:auto}}
@media (max-width:880px){.feat-sec .FeaturedPost .post-title{font-size:27px}.footer-widgets-wrap{display:block}#footer-wrapper .footer{width:100%;margin-right:0}#footer-sec2,#footer-sec3{margin-top:25px}}
@media (max-width:768px){.related-posts-grid,.coloring-widget-grid,.post-grid-container{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.feat-sec .col-left{padding:40px 30px 0 0}.errorWrap{padding:60px 0 80px}#menu-footer,#sub-footer-wrapper .copyright-area{width:100%;height:auto;line-height:inherit;text-align:center}#menu-footer{margin:10px 0 0}#sub-footer-wrapper .copyright-area{margin:10px 0}#menu-footer ul li{float:none;height:auto}#menu-footer ul li a{line-height:inherit;margin:0 5px 5px}}
@media (max-width:580px){.feat-sec .col-left{width:100%;padding:0}.feat-sec .col-right{width:100%}.feat-sec .FeaturedPost .post-image-link{height:auto;margin:40px 0 0}.index-post{width:calc(100%/2)}.related-posts-grid{grid-template-columns:1fr}}
@media (max-width:540px){.share-links li a:after{display:none!important}.share-links li a{width:28px!important;padding:0!important}}
@media (max-width:480px){.post-grid-container{grid-template-columns:1fr}}
@media (max-width:440px){.queryMessage{text-align:center}.queryMessage a.show-more{width:100%;margin:10px 0 0}.item-post h1.post-title{font-size:22px}.about-author{text-align:center}.about-author .avatar-container{float:none;display:table;margin:0 auto 10px}}
@media (max-width:360px){.feat-sec .FeaturedPost .post-title{font-size:21px}.feat-sec .FeaturedPost .more-button{height:40px;line-height:40px;padding:0 20px}.index-post{width:100%}.share-links li a{width:30px;text-align:center;padding:0}.about-author .avatar-container{width:70px;height:70px}.blog-pager a{padding:0 10px}.errorWrap h3{font-size:120px}.errorWrap h4{font-weight:700}}