<head>
Error 404: Page Not Found
<data:blog.pageTitle/>
<data:blog.pageName/> - <data:blog.title/>
<data:messages.search/>: <data:view.search.query/> - <data:blog.title/>
<data:blog.pageName/> - <data:blog.title/>
<data:messages.blogArchive/>: <data:blog.pageName/> - <data:blog.title/>
<data:messages.posts/>: <data:blog.title/>
<style><!-- /*
Variable definitions end
========================*/
/**
* Eric Meyer's Reset CSS v2.0 http://meyerweb.com/eric/tools/css/reset/
* http://cssreset.com
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quotes:none;}table{border-collapse:collapse;border-spacing:0;}
/* Blogger CSS Reset */
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
.navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;}
.post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;}
.quickedit,.thread-toggle,.edit-post,.item-control{display:none;}
/* FRAMEWORK */
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a{color:$(link.color);text-decoration:none;outline:none;}
a:hover{color:$(link.hover.color);text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;}
mark{background-color:#ffce00;color:black;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:0;}
hr{height:1px;border:none;background-color:#666;}
/* heading */
h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6em;letter-spacing: -0.2px;}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
h5{font-size:1rem}
h6{font-size:0.9rem}
/* list */
ol,ul,dl{margin: 0}
.post ol {display: block;list-style-type: decimal;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.post ul {display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
dt{font-weight: 500}
/* form */
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* code & blockquote */
.post pre{font-size:12px;position:relative;background-color:#161617;color:#bbc2e2;border-radius:10px;padding:15px 20px;margin:20px auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;transition:all .2s ease;overflow:auto;font-family:'source code pro',menlo,consolas,monaco,monospace;line-height:1.5em;}
.post pre code{display:block;padding:0;white-space:pre}
.post pre span{color:#3a7bd5}
.post pre span.block{color:#fff;background:#3a7bd5}
.post pre i{color:#519bd6}
.post pre i.comment{color:#898ea4;user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-webkit-touch-callout:text;}
.post .code{display:inline-block;font-size:.98rem;line-height:1.48rem;color:#3a7bd5}
blockquote{position:relative;color:#767676;font-size:15px;line-height:1.48em}
/* 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:#3a7bd5;border-radius:3px;font-size:13px;line-height:22px;}
.button.outline{color:#505050;background-color:transparent;border:1px solid #767676}
.button.whatsapp{background-color:#25D366}
.button:hover{color:#fefefe;opacity:.75}
.button.outline:hover{color:#3a7bd5;border-color:#3a7bd5}
.button-info{display:flex;flex-wrap:wrap;justify-content:center;margin:12px 0 0}
.button-info > *{margin:0 12px 12px 0}
.button-info > *:last-child{margin-right:0}
.lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.30%;cursor:pointer;border-radius:8px;}
.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}
.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}
.post .accordion{position:relative;list-style:none;margin:20px 0 0;padding:0!important;display:flex;flex-wrap:wrap}
.post .accordion li{width:100%;padding:12px 0;border-bottom:1px solid #ebeced}
.post .accordion .accor-title{display:flex;align-items:center}
.post .accordion .accor-title .icon-2{display:none}
.post .accordion .accor-title svg{flex-shrink:0;width:18px;height:18px;margin-right:12px;-webkit-transition:all .1s ease;transition:all .1s ease;}
.Blog .accordion .accor-title .title{flex-grow:1;margin:0;line-height:1.48em;font-weight:700;font-size:14px;-webkit-transition:all .1s ease;transition:all .1s ease;}
.post .accordion .accor-menu:checked + .accor-title .icon-1{display:none}
.post .accordion .accor-menu:checked + .accor-title .icon-2{display:block}
.post .accordion .accor-menu:checked + .accor-title svg,
.post .accordion .accor-menu:checked + .accor-title .title{stroke:#3a7bd5;color:#3a7bd5}
.post .accordion .accor-menu:checked + .accor-title + .content{height:100px;padding:15px 0}
.post .accordion .content{margin:0;padding:0;position:relative;overflow:hidden;height:0;font-size:14px;-webkit-transition:all .2s ease;transition:all .2s ease;}
svg .svg-c{fill:#3a7bd5}
svg.line{fill:none;stroke:#161617;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
svg.line .svg-c{fill:none;stroke:#3a7bd5}
.Blog .daftar-isi{border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);padding:25px 15px;margin:30px 0;font-size:14px}
.post .daftar-isi .isi-judul{outline:0;font-weight:700;display:flex;cursor:pointer}
.post .daftar-isi .isi-judul:after{content:'Sembunyikan';font-weight:400;font-size:12px;margin-left:auto}
.post .daftar-isi .isi-content{}
.post .daftar-isi .isi-content ol{counter-reset:daftar-count;margin-bottom:0;padding:0;list-style:none}
.post .daftar-isi .isi-content ol ol{width:100%;margin-left:25px}
.post .daftar-isi .isi-content ol li{display:flex;align-items:flex-start;flex-wrap:wrap}
.post .daftar-isi .isi-content ol li a{display:inline-block;max-width:calc(100% - 20px)}
.post .daftar-isi .isi-content li ul li a{max-width:none}
.post .daftar-isi .isi-content ol li:before{content:counter(daftar-count) '.';counter-increment:daftar-count;min-width:20px;color:#505050;flex-shrink:0}
.post .daftar-isi .isi-content ol ul{width:100%;padding-left:45px}
.post .daftar-isi .isi-content ol ul li{display:list-item}
.post .daftar-isi .isi-content ol ul li:before{display:none}
.post .daftar-isi .isi-content ul{margin-bottom:0;padding-left:20px}
.post .daftar-isi .isi-input:checked + .isi-judul + .isi-content{display:none}
.post .daftar-isi .isi-input:checked + .isi-judul:after{content:'Tampilkan'}
.post .spoiler .spoiler-judul{margin:15px 0}
.post .spoiler .spoiler-isi{display:none}
.post .spoiler .spoiler-isi pre{margin-top:0}
.post .spoiler .spoiler-judul .button{margin:0 0 0 0;padding:4px 12px;font-size:11px}
.post .spoiler .spoiler-judul .button:before{content:'Tampilkan'}
.post .spoiler .spoiler-input:checked + .spoiler-judul .button:before{content:'Sembunyikan'}
.post .spoiler .spoiler-input:checked + .spoiler-judul + .spoiler-isi{display:block}
/* table */
.post table.tr-caption-container{min-width:100%;width:auto;margin:0 auto;border:0;position:relative}
.post table.tr-caption-container tbody{border:0}
.post table.tr-caption-container tr td{background-color:transparent;border:0;padding:0;position:relative}
.post 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}
.post table.tr-caption-container a, .Blog table.tr-caption-container img{display:block}
.post table.tr-caption-container .tr-caption{position:relative;bottom:0;right:0;display:block;font-size:10px;color:inherit;background-color:transparent;margin-top:5px;padding:5px 15px;border:0;border-radius:10px 0 10px 0}
.post table{min-width:70%;margin:0 auto;border:0px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);border-radius:3px;overflow:hidden;font-size:14px;}
.post table th{background-color:#505050;color:#fff;padding:10px;border-right:1px solid rgba(255,255,255,.25)}
.post table th:last-child, .Blog table tr td:last-child, .Blog table tr:nth-child(2n) td:last-child{border-right:0}
.post table tr:nth-child(2n+1) td:first-child{border-left:1px solid rgba(0,0,0,.05)}
.post table tr:nth-child(2n+1) td{border-right:1px solid rgba(0,0,0,.05)}
.post table td{padding:10px 15px;border:0;vertical-align:middle;}
.post table tr:nth-child(2n) td{background-color:rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.06)}
.post .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px}
img {max-width: 100%;height: auto;margin-left: auto;margin-right: auto;display: block;}
iframe {max-width: 100%;}
td.tr-caption {color: #777;}
.clear {clear: both;}
.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/* TRANSISI */
a:link, .label-count, #cssmenu ul ul li, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul li.has-sub > a:before, .button:before, .button.menu-opened:after {transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;}
body {background: $(body.background);margin: 0 0 0 0;padding: 0 0 0 0;color: $(body.text.color);font: $(body.font);text-align: left;}
/* WRAPPER */
#wrapper {width: 100%;background-color: #fff;margin: 0 auto;overflow: hidden;box-sizing: border-box;padding-top:45px!important;max-width:1300px;}
.above-post-widget h2 {font-size: 18px;}
.above-post-widget .widget {margin-bottom: 30px;}
.above-post-widget .Image {background: #f7f7f7;}
/* Image Widget */
.above-post-widget .Image {text-align: center;}
.above-post-widget .Image h2 {font-size: 18px;color: #000;margin: 0 0;padding: 10px;font-weight: 500;text-transform: uppercase;}
.above-post-widget .Image span.caption {padding: 15px 10px 20px 10px;display: block;font-size: 18px;line-height: 1.8;}
.above-post-widget .Image img {width: auto;max-width: 100%;}
/* POST WRAPPER */
#post-wrapper {background: transparent;width: 100%;margin: 0 0 10px;}
.breadcrumbs{text-align: center;line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:20px 0 0 0;font-size:80%;color:#888;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#666;font-weight:400}
.breadcrumbs a:hover{color:#11589D}
.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
.breadcrumbs svg path{fill:#666}
.post {position: relative;}
.post-info {font-size: 15px;color: #999;}
.post-body {line-height: 1.6em;text-align: left;}
h2.post-title, h1.post-title {font: normal 15px Roboto, Arial, sans-serif;}
h1.post-title {font-size: 28px;text-transform: uppercase;}
h2.post-title {margin-bottom: 5px;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color: #555;}
h2.post-title a:hover, h1.post-title a:hover {color: #333;}
.img-thumbnail {position: relative;height: auto;transition: transform .2s;}
.img-thumbnail img {height: auto;width: 100%;display: block;border-radius: 7px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.img-thumbnail:hover, .img-thumbnail-popular:hover {opacity: 0.9;transform: scale(0.93);}
.widget ul {line-height:inherit;}
#Label1 {width: 100%;overflow: hidden;}
#labelbottom {width: 100%;overflow: hidden;margin: auto;margin-top: 20px;}
#Label1 .cloud-label-widget-content {text-align: center;}
.label-bawah-menu {transition: all 0.25s;-moz-transition: all 0.25s;-webkit-transition: all 0.25s;line-height: 1.2;}
.label-bawah-menu a {font-weight: 600;color: #333;display: inline-block;background: #eee;padding: 10px;font-size: 12px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);text-transform: uppercase;margin: 3px;border-radius: 100px;}
.cloud-label-widget-content{text-align: left;font-weight: 500;}
.label-size {transition: all 0.25s;-moz-transition: all 0.25s;-webkit-transition: all 0.25s;line-height :1.2;margin: 0 3px 3px 0;color: $(link.color);font-size: 12px;text-transform: uppercase;border: 2px solid #444444;border-radius: 3px;}
.label-size a, .label-size span{display: inline-block;color: $(widget.link.color);padding: 6px 8px;}
.label-size:hover {border: 2px solid $(widget.hover.color);}
.label-size:hover a, .label-size:hover .label-count {color: $(widget.hover.color);}
.label-count {margin-left: -16px;}
#Label1 .cloud-label-widget-content::-webkit-scrollbar {background: transparent;width: 8px;height: 8px;}
#Label1 .cloud-label-widget-content::-webkit-scrollbar-button {width: 0;height: 0;}
#Label1 .cloud-label-widget-content::-webkit-scrollbar-thumb {min-height: 48px;min-width: 48px;background-color: rgba(0,0,0,0.26);}
.PopularPosts ul, .PopularPosts ul li, .PopularPosts ul li img, .PopularPosts ul li a, .PopularPosts ul li a img {margin:0 0;padding:0 0;list-style:none;border:none;outline:none;border-radius: 10px;}
.PopularPosts ul {margin: 0;}
.PopularPosts ul li img {display: block;}
.PopularPosts ul li {margin: 0 10px 10px 0;display: inline-block;vertical-align: top;}
.PopularPosts ul li .item-title a { font-weight: 500;display: block;padding: 5px 3px;}
.PopularPosts ul li > a {padding: 2px 6px;margin: -3px 0;display: block;border: 2px solid $(widget.link.color);border-radius: 3px;font-size: 12px;text-transform: uppercase;}
.PopularPosts ul li > a:hover {border: 2px solid $(widget.hover.color);}
.PopularPosts .item-content {position: relative;width: 80px;margin-right: 10px;}
.PopularPosts .item-title {line-height: 1.3;font-size: 13px;text-align: center;overflow: hidden;}
.PopularPosts .item-thumbnail {float: none;margin: 0 0;}
.PopularPosts .item-thumbnail:hover {opacity: 0.9;}
.PopularPosts .item-snippet {display: none;}
.Profile .widget-content {text-align: center;background: #c5c5c5;padding: 30px;border-radius: 10px;}
.Profile .profile-img {border-radius: 50%;float: none;}
.Profile .profile-name-link {
font-size: .9em;opacity: .87;overflow: hidden;}
.Profile .profile-link {
border-style: solid;
border-width: 2px;
cursor: pointer;
font-size: 13px;
font-weight: 500;
padding: 6px 22px;
display: inline-block;
line-height: normal;
border-radius: 3px;
}
.profile-textblock {
margin: .8em 0;
font-size: 14px;
}
.profile-img {
float: left;
display:inline;
opacity:10;
margin:0 6px 3px 0;
}
.profile-data {
margin: 0;
}
.profile-datablock {
margin: .5em 0;
}
.profile-name-link {
background: no-repeat left top;
box-sizing: border-box;
display: inline-block;
max-width: 100%;
min-height: 20px;
padding-left: 20px;
}
/* Archive */
#ArchiveList .toggle {
cursor: pointer;
font-family: Arial, sans-serif;
}
#ArchiveList .toggle-open {
_font-size: 1.7em;
line-height: .6em;
}
#ArchiveList {
text-align: left;
}
#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {
text-decoration: none;
}
#ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover {
color: inherit;
text-decoration: none;
}
.BlogArchive #ArchiveList ul li {
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-left: 15px;
text-indent: -15px;
margin: .25em 0;
background-image: none;
}
.BlogArchive #ArchiveList ul ul li {
padding-left: 1.2em;
}
.BlogArchive #ArchiveList ul {margin: 0;padding: 0;list-style: none;list-style-image: none;border-width: 0;}
.BlogArchive #ArchiveList ul.posts li {padding-left: 1.3em;}
#ArchiveList .collapsed ul {display: none;}
.postwrapper-artikel {background-color: rgba(255,255,255,.7);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);padding: 15px;max-width: 500px;margin: 0 auto;border-radius:10px;color: #333;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.postwrapper-artikel h2, .postwrapper-artikel h3, .postwrapper-artikel h4, .postwrapper-artikel h5 {margin: 15px 0;}
/* Post Feat */
.firstimage-- img {
width: 530px;border-radius:5px;}
.firstimage-- {
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);margin-bottom: 10px;}
.maxwidht-- {max-width: 530px;margin: 0 auto;}
.dlbtn svg path {fill: #444;}
.dlbtn-- {text-align: center;margin: 0 auto;align-items: center;padding-top: 10px;}
.dlbtn-- a {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);border-radius: 10px;text-align: center;margin: 0 auto;color: #fff;padding: 10px;background: #43ce8e;align-items: center;}
.dlbtn-- svg {margin: -6px 1px;}
.label-post-- {margin: 5px 0;}
.label-post-- a {color: #555;background: #eee;padding: 3px;border: 1px solid #ddd;border-radius: 5px;text-transform: capitalize;font-size: 14px;}
/* Status Msg */
.status-msg-wrap {font-size: 110%;margin: 20px 10px;position: relative;text-align: center;}
.status-msg-border {display: none;}
.status-msg-bg {background-color: transparent;opacity: .8;filter: alpha(opacity=30);-moz-opacity: .8;width: 100%;position: relative;z-index: 1;}
.status-msg-body {padding: 15px;z-index: 4;border-radius: 5px;border: 1px solid #eee;}
.status-msg-hidden {visibility: hidden;padding: .3em 0;}
.status-msg-wrap a {padding-left: .4em;}
/* COMMENT FORM */
.comments {
clear:both;
margin-top:30px;
margin-bottom:0;
}
.comments h3 {
}
#comments-block {
margin: 15px 0;
}
.comment-body {
padding: 15px 0;
margin: 0 0;
}
.comment-body p {
margin: 0;
}
.comment-form {
overflow:hidden;
margin-top: 20px;
}
.comment-footer {
margin: 0 0 30px;
}
#comments-block .avatar-image-container {
display: none;
}
h4#comment-post-message {
display:none;
margin:0 0 0 0;
}
.comments .comments-content{
font-size:14px;
margin-bottom: 30px
}
.comments .comments-content .comment-thread ol{
text-align:left;
margin: 0 0;
padding:0;
list-style: none;
}
.comment .avatar-image-container {
float: left;
max-height: 36px;
overflow: hidden;
width: 36px;
}
.comments .avatar-image-container img {
max-width: 34px;
border-radius: 17px;
}
.comments .comment-block{
position:relative;
background:#f7f7f7;
padding:20px;
margin-left:45px;
border:2px solid #efefef;
border-radius: 10px;
}
.comments .comments-content .comment-replies{
margin:10px 0;
margin-left:45px
}
.comments .comments-content .comment-thread:empty{
display:none
}
.comments .comment-replybox-single {
margin-left:45px
}
.comments .comment-replybox-thread {
}
iframe#comment-editor {
min-height: 220px;
}
.comments .comments-content .comment{
margin-bottom:6px;
padding:0
}
.comments .comments-content .comment:first-child {
padding:0;
margin:0
}
.comments .comments-content .comment:last-child {
padding:0;
margin:0
}
.comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
margin:0px 0px 5px 12%
}
.comment .comment-thread.inline-thread .comment:nth-child(6) {
margin:0px 0px 5px 10%;
}
.comment .comment-thread.inline-thread .comment:nth-child(5) {
margin:0px 0px 5px 8%;
}
.comment .comment-thread.inline-thread .comment:nth-child(4) {
margin:0px 0px 5px 6%;
}
.comment .comment-thread.inline-thread .comment:nth-child(3) {
margin:0px 0px 5px 4%;
}
.comment .comment-thread.inline-thread .comment:nth-child(2) {
margin:0px 0px 5px 2%;
}
.comment .comment-thread.inline-thread .comment:nth-child(1) {
margin:0px 0px 5px 0;
}
.comments .comments-content .comment-thread{
margin:0;
padding:0
}
.comments .comments-content .inline-thread{
background:#fff;
margin:0
}
.comments .comments-content .icon.blog-author {
display:inline;
height: 18px;
margin: 0 0 -4px 6px;
width: 18px;
}
.comments .comments-content .icon.blog-author:after {
content:"\f058";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
color:$(link.color);
}
.comments .comments-content .comment-header {
font-size:14px;
margin: 0 0 15px;
}
.comments .comments-content .comment-content {
margin: 0 0 15px;
lin-height: 1.6;
}
.comments .comments-content .datetime {
margin-left: 6px;
display: none;
}
.comments .comments-content .datetime a {
color:#bbbbbb;
}
.comments .comments-content .user {
font-weight: 500;
font-style: normal;
}
.comments .comment .comment-actions a {
display: inline-block;
font-weight: 500;
font-size: 13px;
line-height: 15px;
margin: 4px 8px 0 0;
}
.comments .continue a {
display: inline-block;
font-weight: 500;
padding: .5em;
}
.comments .comment .comment-actions a:hover, .comments .continue a:hover{
text-decoration:underline;
}
.pesan-komentar {
padding: 0 8px;
font-weight: 500;
}
.pesan-komentar p {
margin: 5px 0;
}
.comments .comments-content .loadmore {
max-height: 0;
opacity: 0;
overflow: hidden;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.deleted-comment {
font-style: italic;
opacity: .5;
}
/* FOOTER WIDGET */
#widget-footer-container {
background: $(widget.background.color);
padding: 0 30px;
overflow: hidden;
line-height: 1.6em;
}
#widget-footer-wrapper {
margin: 0 auto;
max-width: 900px;
color: $(widget.color);
}
#widget-footer-wrapper .widget {
margin: 30px 0;
}
#widget-footer-wrapper .widget a {
color: #444444;
}
#widget-footer-wrapper .widget a:hover {
color: $(widget.hover.color);
}
#widget-footer-wrapper .widget ul, #widget-footer-wrapper .widget ol {
list-style: none;
margin: 0 0;
}
#widget-footer-wrapper .widget ul li, #widget-footer-wrapper .widget ol li {
font-weight: 500;
margin: 0.3em 0;
}
#widget-footer-wrapper h2 {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 20px;
}
#widget-footer {
width: 100%;
float: left;
}
.popular-posts {
columns: 14rem;
gap: 1rem;
}
/* FOOTER */
#footer-container {
background: $(footer.background.color);
padding: 20px 30px;
overflow: hidden;
color: $(footer.color);
font-size: 13px;
text-align: center;
}
#footer-wrapper {
max-width: 900px;
margin: 0 auto;
overflow: hidden;
}
#footer-wrapper .footer-right {
float: right;
}
#footer-wrapper .footer-left {
float: left;
}
#footer-wrapper a {
color: $(footer.link.color);
}
#footer-wrapper a:hover {
color: $(footer.hover.color);
}
/* MEDIA QUERY */
@media only screen and (max-width:1080px){
#wrapper {
margin: 0 auto;
}
#header-wrapper {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width:800px){
.breadcrumbs-outer{
margin: 20px 0 30px 0;
}
#header-wrapper {
padding-left: 0px;
padding-right: 0px;
position: relative;
}
#widget-footer-container {
padding: 0 20px;
}
#widget-footer1 {
width: 100%;
float: none;
padding-right: 0;
}
#footer-container {
padding: 20px 20px;
}
#cssmenu > ul > li > a {
padding: 0 15px;
}
.button {
margin-right: 20px;
}
}
@media only screen and (max-width:480px){
#widget-footer-container {
padding: 0 15px;
}
.post-body a > img {
width: 100%;
}
h1{font-size:170%
}
h2{font-size:150%
}
h3{font-size:130%
}
h4{font-size:120%
}
h5{font-size:110%
}
h6{font-size:100%
}
.comments .comments-content .comment-replies{
margin-left:20px !important;
}
.comments .comment-block {
padding: 15px !important;
}
.comment .comment-thread.inline-thread .comment {
margin: 0 0 0 0 !important;
}
iframe#comment-editor {
min-height: 270px;
}
h1.post-title {
font-size: 22px;
padding: 0;
}
}
/* Infinite Scroll Navigation */
#blog-pager a.home-link {display:none}
#blog-pager {padding:0;margin:20px auto; text-align:center;}
#blog-pager-older-link {float:none; display:block}
#blog-pager-older-link img {max-height:50px}
#blog-pager-older-link a {background:#fff; color:#555; font-size:14px; font-weight:600; border-radius:3px; padding:10px 20px; display:inline-block; position:relative; transition:0.3s;background: #eee;}
/*--- navheader ---*/
.check {display:none;}
.Navigationbottom label {cursor:pointer;display:block;padding:8px;background-position:center;transition:all .5s linear;position: fixed;bottom: 10px;right: 10px;}
.Navigationbottom .check:checked ~ .NavMenu {opacity:1;visibility:visible;right: 35px;transition:all .3s ease;z-index:2;}
.Navigationbottom .NavMenu {opacity:0;visibility:hidden;position:absolute;right:0;top:-40px;background-color:#fff;color:#3c4043;
transition:all .3s ease;}
.Navigationbottom .check:checked ~ .icon .open {display:none;}
.Navigationbottom .icon .open {display:block;}
.Navigationbottom {position:absolute;right:50px;bottom:27px;}
.Navigationbottom .icon .close {display:none;}
.Navigationbottom .check:checked ~ .icon .close {display:block;}
.Navigationbottom .NavMenu ul {margin:0;padding:0;}
.Navigationbottom .NavMenu:before,.Navigationbottom .NavMenu:after {content:'';top:-5px;right:11px;border-color:transparent;border-bottom-color:#fff;border-style:dashed dashed solid;border-width:8.5px 0px 8.5px 8.5px;position:absolute;z-index:1;height:0;width:0;}
.Navigationbottom .NavMenu ul li.xprofil {background-color:#e6e6e6;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0;align-items:center;padding:10px 16px;border-bottom:1px solid #fff;}
.Navigationbottom .NavMenu ul li {list-style-type:none;transition:all .3s ease;margin:0;}
.Navigationbottom .NavMenu img {max-width:50px;max-height:50px;border-radius:100px;border:1px solid #fff;margin:0;}
.Navigationbottom .NavMenu ul li.xprofil ul {line-height:24px;margin-left:3px;}
.Navigationbottom .NavMenu ul li.xprofil ul li.name {font-weight:700;font-size:17px;margin-bottom:5px;}
.Navigationbottom .NavMenu ul li.xprofil ul li {padding:0;font-size:17px;line-height:normal;white-space:nowrap;}
.Navigationbottom .NavMenu ul li.xprofil ul li.follow a {background-color:#4285F4;color:#fff;font-size:10px;padding:3px 7px;border-radius:25px;display:inline-block;}
.Navigationbottom .NavMenu ul li a {color:#3c4043;display:block;padding:10px 16px;margin:0;}
.Navigationbottom .NavMenu ul li a span {font-size:14px;}
.Navigationbottom .NavMenu ul li.xprofil ul li.follow a:before {content:'';display:inline-block;width:15px;height:15px;margin-right:3px;margin-left:-3px;vertical-align:-4px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;}
.Navigationbottom .NavMenu ul li:hover {background:#e6e6e6;}
.Navigationbottom .NavMenu ul li.social {background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:0 15px;border-top:1px solid #fff;}
.Navigationbottom .NavMenu ul li.social a {padding:15px 7px;z-index:1;position:relative;}
.Navigationbottom .NavMenu ul li.social button {margin:0;font-size:unset;}
.Navigationbottom label:hover {border-radius:100px;background:rgba(253, 253, 253, 0.2) radial-gradient(circle,transparent 2%,rgba(255, 1, 1, 0.2) 2%) center/15000%;}
.Navigationbottom label:active {border-radius:100px;background-color:rgba(0,0,0,.1);background-size:100%;transition:background 0s;}
.Navigationbottom .NavMenu ul li.xprofil ul li.follow a:hover {
background-color:#ff9800;}
.Navigationbottom .NavMenu ul li.social a:hover:before {content:'';position:absolute;z-index:-1;margin:auto;background:rgba(0,0,0,.1);border-radius:100px;width:36px;height:36px;top:0;bottom:0;left:0;right:0;transition:opacity .3s linear;}
@media only screen and (max-width:480px) {
.Navigationbottom .NavMenu ul li a, .Navigationbottom .NavMenu ul li.xprofil {
padding: 8px 13px;}}
.nav-menu2{background-color:#eee;list-style:none;margin:0;width:100%;float:left;padding:0; border-top: solid 1px #E0E0E0;
border-bottom: solid 1px #E0E0E0;}
.nav-menu2:before,.nav-menu2:after{content:" ";display:table}
.nav-menu2:after{clear:both}.sub-menu{transition:all .5s ease-in-out}
.nav-menu2 ul{list-style:none;margin:0;width:auto}
.nav-menu2 a{display:block;padding:0 15px}
.nav-menu2 li{position:relative;margin:0}
.nav-menu2 > li {margin: 5px 5px;background: #fff;border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.nav-menu2 > li > a {text-align: center;display: block;line-height: 48px;color: #444;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-menu2 > li:hover > a{background:rgb(238 238 238 / 52%)}
.nav-menu2 li ul{background:#fff;display:none;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;padding:0}
.nav-menu2 li li ul{left:100%;top:-1px}
.nav-menu2 li li a.click ul{visibility:visible;opacity:10}
.nav-menu2 li li a{display:block;color:#666;position:relative;line-height:40px}
.nav-menu2 li li a:hover{background:#f0f0f0}
.nav-menu2 li li li a{background:#fff;z-index:20;color:#333}
.nav-menu2 li .dropdown:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;position:absolute;top:0;right:20px;color:#444}
.nav-menu2 li .dropdown.open:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit}
.nav-menu2 li .dropdown:hover:after{color:#000}
.nav-menu2 li i{font-size:18px;width:35px}.nav li a.click{opacity:1}
.nav-menu2 h2{font-size:14px;font-weight:normal!important;padding:0 20px;margin:0;overflow:hidden;border-top:1px solid #ddd;color:#999;display: none;}
.nav-menu2 p{font-size:13px}
.media-left {z-index: 9;float: left;display: flex;width: 100%;margin-top: -10px;}
.media-left .image img {width: 20px;height: 20px;border-radius: 100%;max-width: inherit;}
.is-4 {font-size: 11px;line-height: 20px;margin: 0 5px;color: #000;width: 100%;}
.dlbtn {margin-top: 1px;margin-left: 5px;}
.item-thumbnail-only .img-thumbnail-popular {border-radius: 7px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.img-thumbnail-popular {position: relative;height: auto;transition: transform .2s;overflow: hidden;}
.hidden,.noness {display:none;}
.menubottom{display:none}
@media screen and (max-width:800px){.menubottom{position:relative/*fixed*/;right:0;left:0;z-index:5;bottom:0}.menubottom nav ul{display:flex!important;width:100%!important;padding-left:0;justify-content:space-between!important;margin-bottom:0;flex-direction:row!important;list-style:none}.menubottom nav ul li{width:100%!important;list-style:none;}.menubottom nav ul li a{display:block;text-decoration:none;padding:.4rem 1rem}.menubottom nav ul li a svg{width:25px;height:25px;fill:#444;}.menubottom nav ul li a span{color:#4b4f56;position:relative;font-size:8px;display:block;top:0}#openShare{display:block}#closeShare{display:none}#jpthemeFooter{padding-bottom:55px;position:relative;}}
@media screen and (max-width:768px){.menubottom{left:0;text-align:center;width:100%;position:fixed;display:block}
.menubottom nav {background-color: rgb(255,255,255);display: block!important;position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;box-shadow: 0 2px 3px 2px rgba(0,0,0,0.1);background: #fff;text-align: center;font-weight: bold;border-radius: 10px 10px 0 0;text-decoration: none;transition: ease all 0.3s;}
.menubottom ul li{float:left;width:100px;height:100%;transition:transition:all .5s linear;background-position:center;display:block}
.float_wrapper_menubottom{position:fixed;left:0;bottom:0;right:0;transition:all .3s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif;}}
.menubottom.scroll-1 {bottom: -90px;}
.menubottom.scroll-bottom {bottom: 0;}
.menubottom {transition: bottom 0.2s ease-in-out;}
.head-pop:before {content: '';display: block;position: absolute;z-index: -1;width: 100px;height: 100px;border-radius: 2000px;background: rgb(71 195 251 / 45%);left: -35px;top: -30px;}
.pop-area{display:flex!important;width:100%;height:100%;position:fixed;top:0;left:0;background:rgb(0 0 0 / 51%);visibility:hidden;opacity:0;transition:all 0.25s ease-in-out;z-index:999999;overflow-y:scroll}
.pop-area.open{opacity:1;visibility:visible}
.pop-html{background:#fff;padding-bottom:10px;display:block;margin:auto auto;width:calc(100% - 20px);max-width:500px;visibility:hidden;opacity:0;overflow:hidden;transition:all 0.5s ease-in-out;transform:scale(.5);border-radius:7px;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}
.pop-area.open .pop-html{opacity:1;transform:scale(1);visibility:visible}
.head-pop {width: -webkit-fill-available;padding: 10px;overflow: hidden;display: flex;}
.head-pop span {font-weight: 600;width: 100%;margin: 3px 5px;}
.close-btn{float:right;cursor:pointer;fill:#7e7e7e}
.table-bookmark {padding: 10px;}
.text-center{display:grid;text-align:center;grid-gap:15px}
.text-center svg{margin:0 auto}
.btn.btn-outline-info{width:fit-content;margin:0 auto;text-decoration:none}
.table {width: 100%;border-radius: 7px;padding: 5px;break-inside: avoid;}
.table img {border-radius: 7px;width: auto;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.table a {text-decoration: none;color: #333;font-size: 12px;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;}
.img-left{width:100%;display: flex;}
.item-left {float: left;width: 100%;padding: 10px 0;margin-bottom: 10px;}
td.item-remove {position: absolute;margin-top: -35px;margin-left: 5px;}
.btn-remove svg {padding: 5px;border-radius: 100px;box-shadow: 0 0px 5px 2px rgba(0,0,0,0.10);background: #0000003d;}
.btn-remove{cursor:pointer}
.show-bookmark{color:#fff;background-color:#007bff;position:relative;top:-20px;right:10px;font-size:50%;padding:.15em .3em;display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:50%;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.hartomy-bookmark-btn, .btn-outline-info {position: relative;display: inline-block;box-sizing: border-box;border: none;outline: none;cursor: pointer;transition: box-shadow 0.2s;background: none;}
.hartomy-bookmark-btn::-moz-focus-inner{border:none}
.hartomy-bookmark-btn svg{vertical-align:middle}
.buka-tutup.menubookmark {position: relative;float: right;margin: 0 0 0 0;top: -35px;right: 15px;font-size: 20px;color: gray;cursor: pointer;fill: gray;}
.elementor-shape.elementor-shape-bottom {overflow: hidden;left: 0;width: 100%;line-height: 0;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);direction: ltr;}
.elementor-shape svg {display: block;width: calc(100% + 1.3px);position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);height: 50px;}
.elementor-shape .elementor-shape-fill {fill: #fff;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
.lang-iklanpost .widget-content {margin: 30px 0;}
.ads-here {background: radial-gradient(transparent, #c2afb1);display: flex;align-items: center;justify-content: center;padding: 20px 0;border: 1px solid #ebeced;border-radius: 3px;color: #767676;font-size: 12px;}
.ads-here:before {content: 'IKLAN DISINI!';}
.menubtm{height:55px;display:block;transition:top .3s ease;bottom:0;left:0;padding:10px;position:fixed;z-index:99;box-shadow:0 2px 10px 2px rgba(0,0,0,.1);background:rgb(255 255 255 / 54%);width:-webkit-fill-available}
.btnlook{background:#f1f1f1;display:block;text-align:center;font-weight:700;-webkit-border-radius:50px;padding:11px;transition:ease all .3s;float:left;margin-top:8px;margin-right:10px}
.btndwnld{background:#d11313;display:block;text-align:center;font-weight:700;-webkit-border-radius:50px;transition:ease all .3s;float:left;padding:10px;margin-top:8px}
.title-image-popular {background: linear-gradient(transparent,rgba(0, 0, 0, 0.8));position: absolute;left: 0;right: 0;bottom: 0;padding-top: 30px;}
.title-image {display: flex;margin: 10px 0;}
.title-image-popular h3 {overflow: hidden;line-height: 35px;margin: 0 10px!important;color: #ffffff;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;}
.title-image h1 {color: #333;font-size: 12px;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;}
.title-image-popular h3 a {color: #ffffff!important;}
.post-body .separator img:first-child {display: none;}
.postwrapper-artikel .title-wrapper h1 {text-align: center; margin: 0;}
.bckbtn {box-shadow: 0 0px 5px 2px rgba(0,0,0,0.10);background:#0000003d;display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;color: white;font-size: 35px;font-weight: bold;border-radius: 50px;-webkit-border-radius: 50px;text-decoration: none;transition: ease all 0.3s;position: fixed;left: 15px;top:15px;z-index: 9;}
.bckbtn:hover{background: black}
.lock, .locked{overflow:hidden!important}
#Hadi_Encrypt {text-align: center;display: none;width: 100%;}
#cookieChoiceInfo{background-color:#222;padding:10px 10px 40px;top:unset;font-family:"Helvetica Neue Light",HelveticaNeue-Light,"Helvetica Neue",Calibri,Helvetica,Arial;width:300px;left:10px;bottom:10px;border-radius:5px;overflow:hidden}
#cookieChoiceInfo .cookie-choices-text{margin:0 0 5px;font-size:16px;color:#fff;text-align:left;}
#cookieChoiceInfo .cookie-choices-inner{position:static}
#cookieChoiceInfo .cookie-choices-buttons{margin:0;display:block}
#cookieChoiceInfo .cookie-choices-button{color:#f1d600;text-transform:none;transition:all .2s linear;font-weight:400;display:block;text-align:left;margin:0 0 10px;padding:0}
#cookieChoiceInfo .cookie-choices-button:nth-child(2){color:#000;text-align:center;background-color:#f1d600;padding:8px 18px;position:absolute;bottom:0;left:0;right:0;margin:0}
#cookieChoiceInfo .cookie-choices-button:hover{color:#e9eef0}
#cookieChoiceInfo .cookie-choices-button:nth-child(2):hover{background-color:#e9eef0;color:#000}
@media screen and (max-width:425px){#cookieChoiceInfo{width:calc(100% - 20px)}}
]]>
>";
position: absolute;
bottom: 18px;
z-index: 999;
right: 80px;
color: #999;
font-size: 12px;
}
body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #widget-footer-container, body#layout nav.dropdowns {
margin: 0 0;
padding: 0 20px;
}
body#layout #footer-container {padding-bottom: 20px;}
body#layout #widget-footer1 {width: 32%;float: left;padding-right: 2%;box-sizing: border-box;}
body#layout #widget-footer2 {width: 32%;float: left;}
body#layout #widget-footer3 {width: 32%;float: right;padding-left: 2%;box-sizing: border-box;}
body#layout #cssmenu {display: block;padding: 20px;margin: 8px 0;width: 500px;font-size: 14px;color: #fff;background: #bbbbbb;font-weight: bold;float: right;}
body#layout #cssmenu:after {content: "Menu navigasi harus diedit melalui Edit HTML";color: #fff;position: absolute;top: 30px;left: 20px;visibility: visible;}
body#layout #searchfs, body#layout .section h4 {display: none;}
body#layout div.section { background: transparent;margin: 0px 0px 15px 0px;padding: 0px;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body#layout .above-post-widget:before {content: "Widget di Atas Post (Hanya Homepage)";}
body#layout .Blog:before {content: "Posting Blog";margin-bottom: 8px;}
body#layout .bellow-header-widget:before {content: "Widget di Bawah Header/Menu Navigasi";}
body#layout #widget-footer-container:before {content: "Widget di Atas Footer";}
body#layout .above-post-widget:before, body#layout .Blog:before, body#layout .bellow-header-widget:before, body#layout #widget-footer-container:before {padding: 10px;display: block;font-size: 15px;color: #fff;background: #e64a19;box-shadow: rgba(0,0,0,0.12) 0 0 2px 0, rgba(0,0,0,0.24) 0 2px 2px 0;}
body#layout .add_widget, body#layout .widget-content {padding: 12px;}
body#layout .add_widget a {margin-left: 0px;font-size: 14px;}
body#layout div.layout-title {font-size: 14px;}
body#layout div.layout-widget-description {font-size: 12px;}
body#layout .editlink {color: #FFFFFF !important;background: #bbbbbb;border-radius: 15px;padding: 4px 6px;}
body#layout #footer-wrapper {position: relative;background: #fff;height: 40px;border: 1px solid #ddd;}
body#layout #footer-wrapper:after {content:"Footer";color:#999;position:absolute;top:12px;}
]]>
<!---->