<!----><head>
Page Not Found - <data:blog.title/>
<data:view.title.escaped/>
<data:blog.pageName/> - <data:blog.title/>
<data:view.title.escaped/>
<data:blog.pageName/> - <data:blog.title/>
*/
/*
======================================
IGNIPLEX: Premium Blogger Template - Designed by Igniel (igniel.com)
======================================
Name : IGNIPLEX
Version : 2.1
Date : January 1, 2019
Demo : igniplex.blogspot.com
Type : Premium (Paid)
Designer : Igniel
Website : www.igniel.com
***************************************
This template / theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
***************************************
*/
@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v11/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v11/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v11/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v11/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v11/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v11/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v11/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v11/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{
background-color:$(body.backgrounds.color);
font-smooth:antialiased;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font:$(body.text.font);
color:$(body.text.color);
padding:0px;
margin:0px;
}
a{
color:$(body.link.color);
text-decoration:none;
transition:all .3s ease;
position:relative;
}
a:hover{
color:$(body.link.hover.color);
}
.hidden{
display:none
}
.invisible{
visibility:hidden
}
.clear{
clear:both
}
.jump-link{
display:none;
}
.check{
display:none;
}
h2,h3,h4,h5{
font-weight:500;
line-height:1.35em;
}
h2{font-size:1.75em;}
h3{font-size:1.5em;}
h4{font-size:1.2em;}
blockquote{
display:block;
font:$(blockquote.font);
font-size:18px;
background:$(blockquote.color);
color:#fff;
margin:20px 0px;
padding:20px 20px 20px 50px;
position:relative;
border-radius:3px;
box-shadow:0 1px 0 rgba(0,0,0,.2);
}
blockquote:before{
content:'';
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z' fill='%23aa7340'/%3E%3C/svg%3E") no-repeat center center;
width:45px;
height:45px;
position:absolute;
left:5px;
top:5px;
}
blockquote:after{
content:'';
display:block;
position:absolute;
top:0;
right:0;
border:10px solid;
border-color:#fff #fff rgba(255,255,255,0.25) rgba(255,255,255,.25);
border-radius:0 0 0 3px;
box-shadow:0 1px 0 rgba(0,0,0,.1);
}
.ripple{
background-position:center !important;
transition:background 0.5s !important;
}
button{
border-radius:100px;
padding:10px 25px;
font-size:16px;
text-transform:uppercase;
cursor:pointer;
color:white;
background-color:$(body.link.color);
background-position:center;
box-shadow:0 0 4px #999;
transition:background .3s;
}
button:hover, .ripple:hover{
background:$(body.link.hover.color) radial-gradient(circle, transparent 2%, $(body.link.hover.color) 2%) center/15000% !important;
}
button:active, .ripple:active{
background-color:#fff !important;
background-size:100% !important;
transition:background 0s !important;
}
button.download:before{
content:'';
width:20px;
height:20px;
display:inline-block;
vertical-align:-5px;
margin-right:5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z' fill='%23fff'/%3E%3C/svg%3E") center center / 20px no-repeat;
}
button.demo:before{
content:'';
width:20px;
height:20px;
display:inline-block;
vertical-align:-5px;
margin-right:7px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z' fill='%23fff'/%3E%3C/svg%3E") center center / 20px no-repeat;
}
.svg-icon-24{
width:24px;
height:24px;
vertical-align:middle;
}
button.svg-icon-24-button{
border-radius:0px;
padding:0px;
background:transparent;
box-shadow:none;
}
button.svg-icon-24-button:hover{
background:none !important;
}
.widget-content img{
max-width:100%;
}
.breadcrumbs{
font:$(igniplexFontSystem);
color:$(posts.text.color);
overflow:hidden;
text-overflow:ellipsis;white-space:
nowrap;
display:block;
position:relative;
margin:0 auto 15px;
border-bottom:1px solid $(body.backgrounds.color);
padding-bottom:15px;
}
.breadcrumbs span a{
color:$(posts.text.color);
}
.breadcrumbs span a:hover{
color:$(body.link.hover.color);
}
.breadcrumbs a:hover{
color:$(body.link.hover.color);
}
.post-filter-message{
background-color:#d9ffc9;
border:1px solid #9bd084;
padding:10px;
margin-bottom:20px;
border-radius:7px;
font:$(igniplexFontSystem);
text-align:center;
}
.post-filter-message span{
font-weight:500;
font-size:120%;
}
.post-body table {width:100%;}
.post-body table td,.post-body table caption{background:#fff;border:1px solid $(igniplex.main.color);padding:10px;text-align:left;vertical-align:top}
.post-body table th{background-color:$(igniplex.main.color);font-size:16px;color:#fff;border:1px solid $(igniplex.main.color);border-right:1px solid #fff;padding:10px;text-align:center;vertical-align:top}
.post-body table th:last-child{border-right:1px solid $(igniplex.main.color)}
.post-body table.tr-caption-container {border:1px solid $(igniplex.main.color);margin:0px;}
.post-body table caption{border:none;font-style:italic;}
.post-body table.tr-caption-container td{
border:0;
padding:8px;
background:#fff;
line-height:17px;
overflow:hidden;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:500;
color:$(body.text.color);
}
.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{
max-width:100%;
width:auto;
height:auto;
display:block;
margin:auto;
text-align:center;
clear:both;
}
.post-body td.tr-caption {
color:#ccc;
font-size:80%;
padding:0px 8px 8px!important;
}
#HTML3 .widget-content{
margin:20px 0px 20px -20px;
text-align:center;
max-width:100%;
}
#HTML4 .widget-content{
margin:auto auto 20px;
text-align:center;
max-width:100%;
}
.post-body .igniplexTengah{
margin:20px 0px !important;
padding:0px !important;
}
.post-body .box{
padding:10px;
margin:20px 0px;
border-radius:7px;
}
.post-body .box.green{
color:#155724;
background-color:#d4edda;
border:1px solid #c3e6cb;
}
.post-body .box.blue{
color:#004085;
background-color:#cce5ff;
border:1px solid #b8daff;
}
.post-body .box.red{
color:#721c24;
background-color:#f8d7da;
border:1px solid #f5c6cb;
}
.post-body .box.yellow{
color:#856404;
background-color:#fff3cd;
border:1px solid #ffeeba;
}
.post-body pre:before{
content:'';
display:inline-block;
border-left:5px solid $(igniplex.main.color);
height:100%;
position:absolute;
left:0px;
top:0px;
}
.post-body pre{
background-color:#333;
padding:0; margin:.5em auto; white-space:pre; word-wrap:break-word; overflow:auto; position:relative; width:100%; -moz-tab-size:2; -o-tab-size:2; tab-size:2; word-break:normal; user-select:text; -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none
}
.post-body pre code{
color:#ccc;
font-size:13px;
max-height:300px;
padding:10px 20px;
line-height:1.5em; display:block; background:none; border:none; font-family:'source code pro',menlo,consolas,monaco,monospace; white-space:pre-wrap; overflow:auto; user-select:text; -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text
}
.totop{
visibility:hidden;
opacity:0;
width:50px;
height:50px;
position:fixed;
bottom:80px;
right:40px;
z-index:2;
cursor:pointer;
border-radius:100px;
transition:all .3s ease;
background:$(igniplex.main.color) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
background-size:30px 30px;
}
.totop:hover{
background-color:$(igniplex.second.color);
}
.totop.show{
visibility:visible;
opacity:1;
bottom:40px;
}
.widget h3{
margin:0px 0px 10px;
}
.PageList{
display:block;
width:100%;
background-color:$(body.link.hover.color);
}
.PageList .widget-content{
color:#fff;
font-size:16px;
font-weight:500;
max-width:calc($(max.width.all) - 20px);
margin:auto;
}
.PageList .widget-content .tabs{
list-style-type:none;
margin:0px auto;
padding:0px 20px 0px 0px;
}
.PageList .widget-content .tabs li{
padding:10px 0px;
}
.PageList .widget-content .tabs li a{
color:#fff;
}
#HTML1 h3.title,#HTML2 h3.title,#HTML3 h3.title,#HTML4 h3.title{
display:none;
}
#HTML1 .widget-content{
margin-bottom:20px;
display:block;
text-align:center;
}
#igniplexHeader{
position:sticky;
position:-webkit-sticky;
top:0px;
background-color:$(igniplex.main.color);
z-index:2;
box-shadow:0 1px 3px rgba(0,0,0,.3);
}
#igniplexHeader .header-inner #header .widget img{
max-height:35px;
max-width:100%;
width:auto;
display:block;
}
#igniplexHeader .replaced h1, #igniplexHeader .replaced h2, #igniplexHeader .header-inner #header #HTML404{
display:none
}
#igniplexHeader .header-inner{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
color:#fff;
margin:auto;
max-width:$(max.width.all);
padding:5px 0px;
height:40px;
}
#igniplexHeader .header-inner a{
color:#fff;
}
#igniplexHeader .header-inner .widget h1,#igniplexHeader .header-inner .widget h2{
margin:0px;
color:#fff;
font-weight:400;
letter-spacing:2px;
text-transform:uppercase;
font-size:24px;
white-space:nowrap;
}
#igniplexHeader .header-inner .widget h1::first-letter,#igniplexHeader .header-inner .widget h2::first-letter{
background-color:#fff;
color:$(igniplex.main.color);
padding:0px 5px;
margin-right:3px;
font-weight:500;
letter-spacing:0px;
}
#igniplexHeader .header-inner .widget p{
display:none;
margin-bottom:0px;
color:#fff;
text-align:left;
}
#igniplexHeader .header-inner .header-right{
display:flex;
flex-wrap:nowrap;
align-items:center;
position:relative;
}
#igniplexHeader .header-inner label{
cursor:pointer;
display:block;
padding:8px;
background-position:center;
transition:all .5s linear;
}
#igniplexHeader .header-inner label:hover{
border-radius:100px;
background:rgba(0,0,0,.2) radial-gradient(circle, transparent 2%, rgba(0,0,0,.2) 2%) center/15000%;
}
#igniplexHeader .header-inner label:active, #igniplexHeader .header-inner label:active{
border-radius:100px;
background-color:rgba(0,0,0,.1);
background-size:100%;
transition:background 0s;
}
#igniplexHeader .header-inner svg{
width:24px;
height:24px;
vertical-align:-4px;
transition:all .3s ease;
}
#igniplexHeader .header-inner svg path{
fill:#fff;
transition:all .3s ease;
}
#igniplexHeader .header-inner .igniplexMenu{
margin-right:10px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList{
opacity:0;
visibility:hidden;
position:absolute;
top:0px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition:all .3s ease;
min-width:350px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul{
margin:0px;
padding:0px;
background-color:$(menu.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li{
list-style-type:none;
position:relative;
border-bottom:1px solid rgba(255,255,255,.1);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li:last-child{
border-bottom:0px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > a{ /* menu utama */
color:$(menu.text.color);
padding:12px;
font-weight:500;
font-size:14px;
display:flex;
justify-content:space-between;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul li:hover a, #igniplexHeader .header-inner .igniplexMenu .MenuList ul li.open a{ /* menu utama hover */
background-color:rgba(255,255,255,.1);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul li ul{ /* semua dropdown */
white-space:nowrap;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul li ul li a{ /*semua dropdown isi `a` */
font:$(igniplexFontSystem);
font-size:12px;
font-weight:500;
padding:12px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul{ /* dropdown pertama */
background-color:$(menu.dropdown.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li{
border-bottom:1px solid rgba(0,0,0,.2);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li:last-child{
border-bottom:0px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li:hover > a, #igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li.open > a{ /* dropdown pertama hover */
background-color:rgba(0,0,0,.2);
color:$(menu.dropdown.text.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul{ /* dropdown kedua */
background-color:$(menu.sub.dropdown.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul > li{
border-bottom:1px solid rgba(0,0,0,.2);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul > li:last-child{
border-bottom:0px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul > li > a{ /* dropdown kedua warna text */
color:$(menu.sub.dropdown.text.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul > li:hover > a{ /* dropdown kedua hover */
background-color:rgba(0,0,0,.2);
color:$(menu.sub.dropdown.text.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul li a:not(:only-child):after{
content:'';
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
margin-left:3px;
transition:all .3s ease;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li.open > a:not(:only-child):after{
transform:rotate(180deg);
}
#igniplexHeader .header-inner .igniplexMenu .icon .open{
display:block;
}
#igniplexHeader .header-inner .igniplexMenu .icon .close{
display:none;
}
#igniplexHeader .header-inner .igniplexMenu .check:checked ~ .MenuList{
opacity:1;
visibility:visible;
top:50px;
transition:all .3s ease;
overflow:auto;
max-height:calc(100vh - 50px);
}
#igniplexHeader .header-inner .igniplexMenu .check:checked ~ .icon .open{
display:none;
}
#igniplexHeader .header-inner .igniplexMenu .check:checked ~ .icon .close{
display:block;
}
#igniplexHeader .header-inner .header-right .igniplexSearch{
position:absolute;
right:40px;
top:0px;
bottom:0px;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .input {
background-color:#fff;
color:$(posts.text.color);
font:$(igniplexFontSystem);
font-size:14px;
padding:0px;
width:0px;
height:30px;
border-radius:25px;
vertical-align:bottom;
top:5px;
right:10px;
position:relative;
transition:all .3s ease;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .icon{
position:absolute;
top:0px;
right:0px;
border-radius:25px;
transition:all .3s ease;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .icon .open{
display:block;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .icon .close{
display:none;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .input, #igniplexHeader .header-inner .header-right .igniplexSearch .search .input:focus{
padding:0px 10px 0px 15px;
width:200px;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .icon .open{
display:none;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .icon .close{
display:block;
position:relative;
right:6px;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .icon:hover{
background-color:transparent;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .icon > svg path{
fill:$(posts.text.color);
}
#igniplexHeader .header-inner .header-right .check:checked ~ .NavMenu{
opacity:1;
visibility:visible;
top:45px;
transition:all .3s ease;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu{
opacity:0;
visibility:hidden;
position:absolute;
right:0px;
top:0px;
background-color:#fff;
color:#3c4043;
font-size:14px;
box-shadow:0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.4);
transition:all .3s ease;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu:before, #igniplexHeader .header-right .igniplexNavigation .NavMenu:after{
content:'';
top:-8px;
right:8px;
border-color:transparent;
border-bottom-color:#e6e6e6;
border-style:dashed dashed solid;
border-width:0 8.5px 8.5px;
position:absolute;
z-index: 1;
height: 0;
width: 0;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu:before{
border-bottom-color:rgba(0,0,0,.25);
}
#igniplexHeader .header-right .igniplexNavigation .NavMenu img{
max-width:50px;
max-height:50px;
border-radius:100px;
border:1px solid #fff;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul{
margin:0px;
padding:0px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li{
list-style-type:none;
transition:all .3s ease;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li:hover{
background:#e6e6e6;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li a{
color:#3c4043;
display:block;
padding:10px 16px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li svg{
width:24px;
height:24px;
vertical-align:middle;
margin-right:10px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li svg path{
fill:#3c4043;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head{
background-color:#e6e6e6;
display:flex;
align-items:center;
padding:10px 16px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head svg{
width:16px;
height:16px;
position:relative;
left:-7px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head svg path{
fill:#4285F4;
stroke:#fff;
stroke-width:3px;
paint-order:stroke;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head ul{
line-height:24px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head ul li{
padding:0px;
font-size:16px;
white-space:nowrap;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head ul li.name{
font-weight:500;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social{
background-color:#e6e6e6;
display:flex;
justify-content:space-between;
padding:0px 16px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social a{
padding:16px 10px;
z-index:1;
position:relative;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .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:40px;
height:40px;
top:0px;
bottom:0px;
left:0px;
right:0px;
transition:opacity .3s linear;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social svg{
margin:0px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social .facebook svg{
fill:#3a579a;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social .twitter svg{
fill:#00abf0;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social .instagram svg path{
fill:#9c27b0;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social .blogger svg path{
fill:#dc7950;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social a:hover svg, #igniplexHeader .header-right .igniplexNavigation .NavMenu ul li.social a.instagram:hover svg path{
fill:$(body.text.color);
}
#igniplexSlider{
display:block;
color:#fff;
position:relative;
margin-bottom:20px;
padding:10px 10px 0px;
}
#igniplexSlider .PopularPosts{
width:100%;
overflow:auto;
}
#igniplexSlider .PopularPosts h3.title{
display:none;
}
#igniplexSlider .PopularPosts .widget-content div[role="feed"]{
position:relative;
overflow:hidden;
/* animation:slide 8s ease-in-out infinite;
-webkit-animation:slide 8s ease-in-out infinite;
-moz-animation:slide 8s ease-in-out infinite;
-ms-animation:slide 8s ease-in-out infinite;
-o-animation:slide 8s ease-in-out infinite; */
}
#igniplexSlider .PopularPosts .widget-content div[role="feed"]:hover{
animation-play-state:paused;
}
#igniplexSlider .PopularPosts .widget-content .post{
border:0px;
margin:0px;
padding:0px;
float:left;
clear:unset;
}
#igniplexSlider .PopularPosts .widget-content .post:first-child{
width:50%;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child){
width:calc(25% - 10px);
margin:0px 0px 10px 10px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content{
display:block;
position:relative;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail{
float:none;
margin:0px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail:after{
content:'';
background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));
position:absolute;
top:0px;
width:100%;
height:100%;
transition:all .3s ease;
}
#igniplexSlider .widget .widget-content .post:hover .item-thumbnail:after{
position:relative;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail a{
display:block;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail img{
width:100%;
max-width:100%;
border-radius:0px;
transition:all .3s ease;
}
#igniplexSlider .widget .widget-content .post:hover .item-thumbnail img{
transform:scale(1.1);
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container{
position:absolute;
bottom:0px;
left:0px;
right:0px;
padding:20px;
transition:all .3s ease;
}
#igniplexSlider .PopularPosts .widget-content .post:first-child .item-content .container{
bottom:20px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container h3.post-title{
margin:0px;
font-size:30px;
text-align:center;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child) .item-content .container h3.post-title{
font-size:18px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container h3.post-title a, #igniplexSlider .PopularPosts .widget-content .post .item-content .container .item-snippet{
color:#fff;
text-shadow:0 2px 10px #000, 0 1px 1px rgba(0,0,0,.5);
display:block;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container h3.post-title a:hover{
color:$(body.link.hover.color);
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container .item-snippet{
display:none;
margin-top:10px;
text-align:center;
}
main{
display:block;
max-width:$(max.width.all);
margin:0px auto;
padding:0px 20px;
position:relative;
}
#igniplex{
display:inline-block;
margin:20px auto auto;
width:100%;
padding:0px;
}
#main{
width:calc((100% - 300px) - 20px);
max-width:$(max.width.left);
float:left;
}
.igniplexTitle{
display:block;
padding:0px;
margin:0px;
}
.igniplexTitle.content{
background-color:$(title.background.color);
padding:40px 20px 210px;
margin-bottom:-190px;
}
.igniplexTitle .inner{
max-width:$(max.width.all);
margin:auto;
}
.igniplexTitle .inner .breadcrumb{
font-size:13px;
background-color:rgba(0,0,0,.5);
color:#fff;
}
.igniplexTitle .inner .title{
font-size:2em;
font-weight:500;
color:#fff;
margin:0px;
display:block;
line-height:1.5em;
}
.blog-posts{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.blog-posts .infeed{
with:100%:
display:block;
padding:0px;
margin-bottom:20px;
}
.post-outer h2.post-title.entry-title{
font-size:20px;
margin:7px 0px;
padding:10px 15px;
}
.post-outer h2.post-title.entry-title a{
color:$(igniplex.second.color);
}
.post-outer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
background-color:$(posts.background.color);
width:calc((100% / 2) - 10px);
margin:0px 0px 20px 0px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
border-radius:10px;
}
.post-outer:nth-of-type(2n){
margin-right:0px;
}
.post-outer .post{
align-self:flex-start;
}
.post-outer .post:hover .snippet-thumbnail img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
.blog-posts .post-outer .post .post-body .post-snippet{
display:none;
padding:0px 10px 15px;
color:$(posts.text.color);
font:$(igniplexFontSystem);
font-size:13px;
}
.blog-posts .post-outer .post .post-footer{
display:none;
margin-bottom:5px;
padding:10px 15px;
position:relative;
}
.blog-posts.stream .post-outer .post .post-footer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
margin-bottom:15px;
padding:0px 0px 15px;
}
.blog-posts .post-outer .post .post-footer .right{
display:none;
}
.blog-posts.stream .post-outer .post .post-footer .right{
display:block;
background-color:$(posts.text.color);
border-radius:25px;
padding:3px 10px 3px 7px;
transition:all .3s ease;
}
.blog-posts .post-outer .post .post-footer .right:hover{
background-color:$(igniplex.main.color);
}
.blog-posts .post-outer .post .post-footer .right a{
color:#fff;
font-weight:500;
}
.blog-posts .post-outer .post .post-footer .right a:before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:5px;
vertical-align:-5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22,4C22,2.89 21.1,2 20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H18L22,22V4Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
background-size:15px 15px;
}
.blog-posts .post-outer .post .post-footer .left img{
float:left;
max-width:30px;
max-height:30px;
border-radius:100px;
vertical-align:middle;
margin-right:10px;
}
.blog-posts.stream .post-outer .post .post-footer .left img{
max-width:40px;
max-height:40px;
}
.blog-posts .post-outer .post .post-footer .left .post-author{
vertical-align:-5px;
color:$(body.text.color);
font-weight:500;
}
.blog-posts .post-outer .post .post-footer .left .post-author a{
color:$(body.text.color);
}
.blog-posts.stream .post-outer .post .post-footer .left .post-author a{
color:$(body.link.color);
}
.blog-posts.stream .post-outer .post .post-footer .left .post-author{
font-size:14px;
font-weight:500;
vertical-align:-2px;
}
.blog-posts .post-outer .post .post-footer .left .post-timestamp{
position:absolute;
right:15px;
top:14px;
background:#747474;
border-radius:25px;
padding:2px 7px
}
.blog-posts.stream .post-outer .post .post-footer .left .post-timestamp{
position:static;
white-space:nowrap;
background-color:transparent;
border-radius:0px;
padding:0px;
}
.blog-posts .post-outer .post .post-footer .left .post-timestamp a{
color:#fff;
font-size:12px;
}
.blog-posts.stream .post-outer .post .post-footer .left .post-timestamp a{
color:$(posts.text.color);
font-size:11px;
}
.post-outer .post .post-body .snippet-thumbnail{
line-height:0px;
overflow:hidden;
border-radius:10px 10px 0px 0px;
}
.post-outer .post .post-body .snippet-thumbnail img{
width:100%;
transition:all .3s ease;
border-radius:10px 10px 0px 0px;
}
.post-outer .post-footer-bottom{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
justify-content:space-between;
padding:10px 15px;
color:$(posts.text.color);
font-weight:500;
font-size:13px;
overflow:hidden;
white-space:nowrap;
align-self:flex-end;
width:100%;
border-top:1px solid #ddd;
}
.post-outer .post-footer-bottom .post-comment{
display:inline-block;
margin-right:20px;
}
.post-outer .post-footer-bottom .post-comment:before{
content:'';
display:inline-block;
width:17px;
height:17px;
margin-right:3px;
vertical-align:-5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22,4C22,2.89 21.1,2 20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H18L22,22V4Z' fill='%23757575'/%3E%3C/svg%3E") no-repeat center center;
background-size:17px;
}
.post-outer .post-footer-bottom .post-comment a{
color:$(posts.text.color);
}
.post-outer .post-footer-bottom .post-labels{
float:right;
overflow:hidden;
text-overflow:ellipsis;
}
.post-outer .post-footer-bottom .post-labels:before{
content:'';
display:inline-block;
width:17px;
height:17px;
margin-right:3px;
vertical-align:-5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z' fill='%23757575'/%3E%3C/svg%3E") no-repeat center center;
background-size:20px;
}
.post-outer .post-footer-bottom .post-labels a{
color:$(posts.text.color);
}
.blog-posts.stream .post-outer, .blog-posts.single .post-outer{
display:block;
width:100%;
background:transparent;
border-radius:0px;
box-shadow:none;
}
.blog-posts.stream .post-outer .post, .blog-posts.single .post-outer .post{
background-color:#fff;
padding:15px 20px 20px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
border-radius:10px;
}
.blog-posts.stream .post-outer .post-body{
font:$(igniplexFontSystem);
line-height:1.5em;
}
.blog-posts.stream .post-outer .post-body a:after{
content:'';
position: absolute;
width:100%;
height:2px;
bottom:-3px;
left:0px;
background-color:$(body.link.hover.color);
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition: all .15s ease-in-out 0s;
transition:all .15s ease-in-out 0s;
}
.blog-posts.stream .post-outer .post-body a:hover:after{
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1);
}
.blog-posts.stream .post-outer .post-body .separator img{
margin:auto;
display:block;
text-align:center;
}
.blog-posts.stream .post-outer h1.post-title.entry-title,.blog-posts.single .post-outer h1.post-title.entry-title{
display:none;
font:$(igniplexFontBold30);
font-size:2em;
font-weight:500;
margin:0px 0px 15px;
}
.blog-posts.stream .post-outer .post-body .iklanAtas ins{
display:block;
margin:auto auto 20px;
text-align:center
}
.blog-posts.stream .post-outer .post-body .iklanBawah ins{
display:block;
margin:20px auto auto;
text-align:center
}
.blog-posts.stream .post-outer .post-body .bacajuga{
display:block;
margin:20px 0px;
}
.blog-posts.stream .post-outer .post-body .bacajuga .judul{
background-color:$(igniplex.main.color);
color:#fff;
display:block;
font-weight:500;
font-size:16px;
padding:7px 15px;
border-radius:5px 5px 0px 0px;
}
.blog-posts.stream .post-outer .post-body .bacajuga .judul:before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:7px;
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='M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
}
.blog-posts.stream .post-outer .post-body .bacajuga ul{
margin:0px;
border:1px solid $(igniplex.main.color);
border-radius:0px 0px 5px 5px;
padding:10px 15px;
border-top:0px;
}
.blog-posts.stream .post-outer .post-body .bacajuga ul li{
list-style-type:none;
padding:7px 0;
border-bottom:2px dotted rgba(0,0,0,.25);
}
.blog-posts.stream .post-outer .post-body .bacajuga ul li:before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:3px;
margin-left:-5px;
vertical-align:-5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%232f303f'/%3E%3C/svg%3E") center no-repeat;
}
.blog-posts.stream .post-outer .post-body .bacajuga ul li:first-child{
padding-top:0px;
}
.blog-posts.stream .post-outer .post-body .bacajuga ul li:last-child{
border:0px; padding-bottom:0px;
}
.blog-posts.stream .post-outer .igniplexShare{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
align-items:center;
background-color:#fff;
margin-top:20px;
padding:10px 0px;
border-top:5px dotted $(body.backgrounds.color);
position:sticky;
position:-webkit-sticky;
bottom:0px;
}
.blog-posts.stream .post-outer .igniplexShare svg{
width:17px;
height:17px;
vertical-align:-4px;
}
.blog-posts.stream .post-outer .igniplexShare svg path{
fill:#fff;
}
.blog-posts.stream .post-outer .igniplexShare .total{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
color:$(igniplex.main.color);
margin-right:15px;
font-weight:500;
font-size:16px;
}
.blog-posts.stream .post-outer .igniplexShare .total:before{
content:'';
width:23px;
height:23px;
margin-right:5px;
align-self:center;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z' fill='%2300887a'/%3E%3C/svg%3E") center no-repeat;
}
.blog-posts.stream .post-outer .igniplexShare a{
width:100%;
padding:7px 0px;
text-align:center;
box-shadow:none;
}
.blog-posts.stream .post-outer .igniplexShare a:hover{
box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.25);
}
.blog-posts.stream .post-outer .igniplexShare a:last-child{
border-radius:0px 3px 3px 0px;
}
.blog-posts.stream .post-outer .igniplexShare a.facebook{
background-color:#3a579a;
border-radius:3px 0px 0px 3px;
}
.blog-posts.stream .post-outer .igniplexShare a.twitter{
background-color:#00abf0
}
.blog-posts.stream .post-outer .igniplexShare a.tumblr{
background-color:#314358;
}
.blog-posts.stream .post-outer .igniplexShare a.pinterest{
background-color:#cd1c1f
}
.blog-posts.stream .post-outer .igniplexShare a.linkedin{
background-color:#2554BF;
}
.blog-posts.stream .post-outer .igniplexShare a.whatsapp{
background-color:#4dc247;
display:none;
}
.blog-posts.stream .post-outer .igniplexAuthor {
background-color:$(body.backgrounds.color);
padding:15px;
border-radius:7px;
margin-top:20px;
}
.blog-posts.stream .post-outer .igniplexAuthor img{
float:left;
max-width:75px;
margin-right:20px;
border-radius:100px;
}
.blog-posts.stream .post-outer .igniplexAuthor .author-name {
font-weight:500;
font-size:16px;
margin-bottom:10px;
}
.blog-posts.stream .post-outer .igniplexAuthor .author-desc {
line-height:20px;
overflow:hidden;
}
.blog-posts.stream .post-outer .igniplexSubscribe{
margin-top:40px;
background-color:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
padding:30px 30px 30px 100px;
border-radius:7px;
position:relative;
}
.blog-posts.stream .post-outer .igniplexSubscribe:before{
content:'';
width:50px;
height:50px;
margin:auto;
position:absolute;
top:0px;
bottom:0px;
left:20px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z' fill='%2300887a'/%3E%3C/svg%3E") center center / 50px no-repeat;
-webkit-animation:ignielRing 6s 0s ease-in-out infinite;
-webkit-transform-origin:50% 4px;
-moz-animation:ignielRing 6s 0s ease-in-out infinite;
-moz-transform-origin:50% 4px;
animation:ignielRing 6s 0s ease-in-out infinite;
transform-origin:50% 4px;
}
.blog-posts.stream .post-outer .igniplexSubscribe .title{
text-align:center;
text-transform:uppercase;
font-size:20px;
font-weight:500;
display:block;
margin-bottom:20px;
}
.blog-posts.stream .post-outer .igniplexSubscribe form{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
justify-content:center;
align-items:center;
}
.blog-posts.stream .post-outer .igniplexSubscribe form input[type="email"]{
background-color:$(body.backgrounds.color);
color:$(body.text.color);
padding:10px 10px;
flex-grow:1;
width:100%;
border-radius:5px 0px 0px 5px;
}
.blog-posts.stream .post-outer .igniplexSubscribe form input[type="submit"]{
background-color:$(igniplex.main.color);
color:#fff;
padding:10px 20px;
font-weight:500;
text-transform:uppercase;
border-radius:0px 5px 5px 0px;
}
.blog-pager{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
justify-content:center;
margin-top:20px;
color:#fff;
}
.blog-pager a{
color:#fff;
}
.blog-pager .blog-pager-newer-link, .blog-pager .blog-pager-older-link, .blog-pager .home-link{
background-color:$(body.link.color);
padding:15px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
border-radius:100px;
font:$(igniplexFontNormal16);
font-weight:500;
}
.blog-pager .blog-pager-newer-link svg, .blog-pager .blog-pager-older-link svg, .blog-pager .home-link svg{
fill:#fff;
width:30px;
height:30px;
vertical-align:-10px;
}
.blog-pager .home-link{
margin:0px 30px;
}
.blog-posts.stream .post-outer .blog-pager{
margin:20px 0px 0px;
justify-content:space-between;
}
.blog-posts.stream .post-outer .blog-pager .blog-pager-newer-link, .blog-posts.stream .post-outer .blog-pager .blog-pager-older-link, .blog-posts.stream .post-outer .blog-pager .home-link{
padding:8px 15px;
}
.blog-posts.stream .post-outer .blog-pager .home-link{
background-color:$(body.link.hover.color);
margin:0px;
cursor:not-allowed;
}
.blog-posts.stream .post-outer .blog-pager .home-link svg{
width:24px;
height:24px;
vertical-align:bottom;
}
#comments{
margin-top:40px;
}
#comments .comments-content .icon.blog-author{
width:16px;
height:16px;
margin-left:5px;
vertical-align:-3px;
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;
}
#comments .comments-content,#comments.embed[data-num-comments="0"] .footer{
background-color:#fff;
padding:20px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
border-radius:7px;
}
#comments .comment-thread ol{
margin:0;
padding-left:0;
}
#comments .comment-thread ol > li{
border-bottom:1px dashed #ccc;
padding-top:15px;
}
#comments .comment-thread ol > li:first-child{
padding-top:0px;
}
#comments .comment-thread ol > li:last-child{
border-bottom:0px;
}
#comments .comment-thread ol > li ol{
margin-top:25px;
}
#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{
margin-left:45px;
border-left:2px solid $(igniplex.main.color);
padding-left:15px;
}
#comments .comment-thread .thread-count{
display:none
}
#comments .comment{
list-style-type:none;
padding:0 0 30px;
position:relative
}
#comments .comment .comment{
padding-bottom:8px;
margin-bottom:15px;
}
#comments .comment .comment-replies .comment{
margin-bottom:25px;
}
#comments .comment .comment-replies .comment:last-child{
margin-bottom:15px;
}
#comments .comment:target{
background-color:#d4edda;
padding:10px 10px 25px;
border-radius:10px;
}
#comments .comment .comment:target{
padding:10px 10px 15px;
}
#comments .comment .comment:target .comment-actions{
margin-bottom:5px;
}
#comments .comment-thread ol > li:first-child:target{
padding:10px 10px 25px;
}
.comment .avatar-image-container{
position:absolute
}
.comment .avatar-image-container img{
border-radius:100px;
}
.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{
border-radius:50%;
box-sizing:border-box;
fill:red;
height:35px;
margin:0;
padding:7px;
width:35px
}
.comment .comment-block{
margin-left:45px;
padding-bottom:0;
}
#comments .comment-author-header-wrapper{
margin-left:40px
}
#comments .comment .comment-header .user,#comments .comment .comment-header .user a{
font-style:normal;
font-weight:500;
}
#comments .comment .comment-actions{
bottom:0;
margin-bottom:15px;
position:absolute
}
#comments .comment .comment-replies .comment-actions{
margin-bottom:0px;
}
#comments .comment .comment-actions a,#comments .comment .comment-actions .item-control a{
margin-right:8px;
font-weight:500;
font-size:12px;
}
#comments .comment .comment-header .datetime{
bottom:0;
color:$(posts.text.color);
display:inline-block;
font-size:12px;
margin-left:8px
}
#comments .comment .comment-header .datetime:before{
content:'\2022';
margin-right:5px;
font-family:Arial,sans-serif;
font-style:normal;
font-size:16px;
vertical-align:-2px;
}
#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{
color:$(posts.text.color);
}
#comments .comment .comment-content, .comment .comment-body{
margin-top:5px;
word-break:break-word;
font:$(igniplexFontSystem);
line-height:1.5em;
}
.comment-body{
margin-bottom:12px
}
#comments.embed[data-num-comments="0"] #comment-post-message,#comments.embed[data-num-comments="0"] div.comment-form>p,#comments.embed[data-num-comments="0"] p.comment-footer{
display:none
}
#comment-editor-src{
display:none
}
.comments .comments-content .loadmore.loaded{
max-height:0;
opacity:0;
overflow:hidden
}
.comment-link{
color:$(body.link.color);
position:relative
}
.comment-link .num_comments{
margin-left:8px;
vertical-align:top
}
#comment-holder .continue{
display:none
}
#comment-editor{
margin-bottom:20px;
margin-top:20px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLsTBhBNzLkrI6WWCJRSDB-7ZEmEKD3TtQwnjvW6TYIS9DPFKXmTsZpBr3kEfend2A6EmJI-9opIzeSP8YPwx8TsmhFGiF4MdhTtqNpw-2vg7kJeTt4QDf-Pfw3iF7JV5BGbHGDyMPVM/s1600/igniel-loading.gif") no-repeat center center;
background-size:50px 50px;
}
#comments h3.title{
font-size:20px;
margin:0px 0px 10px;
text-transform:capitalize;
}
#comments .comment-form h4{
display:none;
}
#igniplexFooter{
background-color:$(igniplex.second.color);
margin-top:20px;
color:$(body.backgrounds.color);
}
#igniplexFooter a{
color:$(body.link.hover.color);
}
#igniplexFooter .footer-inner{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:flex-start;
justify-content:space-between;
max-width:$(max.width.all);
margin:auto;
}
#igniplexFooter .footer-inner h3.title{
font-size:17px;
color:#fff;
margin-top:0px;
border-bottom:1px dashed #fff;
padding-bottom:10px;
}
#igniplexFooter .footer-inner .widget{
margin-bottom:40px;
}
#igniplexFooter .footer-inner .widget .widget-content{
font:$(igniplexFontSystem);
font-size:14px;
margin-top:15px;
}
#igniplexFooter .footer-inner .section{
width:calc(100% / 3);
}
#igniplexFooter .footer-inner .section .widget{
margin:20px 40px 20px 0px;
}
#footer .widget:nth-of-type(1), #footer .widget:nth-of-type(2), #footer .widget:nth-of-type(3){
display:inline-block;
width:calc((100% / 3) - 30px);
margin-bottom:10px;
}
#footer .widget:nth-of-type(1), #footer .widget:nth-of-type(2){
margin-right:40px;
}
#footer .widget .widget-content{
padding:10px;
}
#igniplexFooter .attribution{
display:block;
padding:20px 40px;
margin:auto;
border-top:1px solid rgba(0,0,0,.25);
font:$(igniplexFontSystem);
font-size:13px;
}
#igniplexFooter .attribution .left{
display:inline-block;
}
#igniplexFooter .attribution .right{
float:right;
}
#sidebar,#sidebarSticky{
width:100%;
max-width:$(max.width.right);
margin-left:20px;
float:right;
}
#sidebar img,#sidebarSticky img,#footer img{
max-width:100%;
}
#sidebar .widget{
background-color:#fff;
border-radius:7px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
margin-bottom:20px;
}
#sidebar .widget h3.title{
background-color:$(igniplex.main.color);
color:#fff;
font-size:17px;
margin:0px;
padding:10px 15px;
border-radius:7px 7px 0px 0px;
}
#sidebar .widget ul,.footer-inner .widget ul{
list-style:none;
margin:0px;
padding:0px;
}
#sidebar .widget ul li,.footer-inner .widget ul li{
font-size: 14px;
line-height: normal;
}
#sidebar .widget ul li:nth-of-type(2n), .footer-inner .widget ul li:nth-of-type(2n){
margin-right:0px;
}
#sidebar .widget ul li ul,.footer-inner .widget ul li ul{
margin-left:1em;
}
#sidebar .widget .widget-content{
background-color:#fff;
padding:15px;
border-radius:0px 0px 10px 10px;
}
#sidebar #HTML2, #sidebar #HTML2 .widget-content{
background-color:transparent;
padding:0px;
border-radius:0px;
box-shadow:none;
}
.PopularPosts h3.title:before{
content:'';
display:inline-block;
width:20px;
height:20px;
vertical-align:-4px;
margin-right:7px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.71,19C9.93,19 8.5,17.59 8.5,15.86C8.5,14.24 9.53,13.1 11.3,12.74C13.07,12.38 14.9,11.53 15.92,10.16C16.31,11.45 16.5,12.81 16.5,14.2C16.5,16.84 14.36,19 11.71,19M13.5,0.67C13.5,0.67 14.24,3.32 14.24,5.47C14.24,7.53 12.89,9.2 10.83,9.2C8.76,9.2 7.2,7.53 7.2,5.47L7.23,5.1C5.21,7.5 4,10.61 4,14A8,8 0 0,0 12,22A8,8 0 0,0 20,14C20,8.6 17.41,3.8 13.5,0.67Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
}
#sidebarSticky{
position:sticky;
position:-webkit-sticky;
top:60px;
}
#sidebarSticky .widget h3.title{
margin:0px 0px 10px;
}
.footer-inner .PopularPosts .widget-content{
padding:0px;
}
.PopularPosts .widget-content .post{
clear:both;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px dashed $(body.backgrounds.color);
}
.PopularPosts .widget-content .post:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:0px;
}
.PopularPosts .widget-content .item-content{
display:inline-block;
width:100%;
}
.PopularPosts .widget-content .item-content .item-thumbnail{
float:left;
overflow:hidden;
line-height:0px;
margin-right:15px;
}
#PopularPosts1 .widget-content .item-content .item-thumbnail img{
padding:0px;
transition:all .3s ease;
border-radius:100px;
max-width:50px;
}
.PopularPosts .widget-content .item-content h3.post-title{
margin:0px;
font-size:16px;
}
.PopularPosts .widget-content .item-content .item-snippet{
overflow:hidden;
padding-top:5px;
font:$(igniplexFontSystem);
font-size:12px;
}
collapsible{
-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
transition:height .3s cubic-bezier(.4,0,.2,1)
}
.collapsible,.collapsible>summary{
display:block;
overflow:hidden
}
.collapsible>:not(summary){
display:none
}
.collapsible[open]>:not(summary){
display:block
}
.collapsible:focus,.collapsible>summary:focus{
outline:none;
}
.collapsible>summary{
cursor:pointer;
display:block;
padding:0
}
.collapsible:focus>summary,.collapsible>summary:focus{
background-color:transparent
}
.collapsible>summary::-webkit-details-marker{
display:none
}
.collapsible-title{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
position:relative;
}
.collapsible-title svg{
fill:#fff;
}
.collapsible-title .title{
-webkit-box-flex:1;
-webkit-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
-webkit-box-ordinal-group:1;
-webkit-order:0;
-ms-flex-order:0;
order:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
#sidebar .collapsible-title .chevron-down,#sidebar .collapsible[open] .collapsible-title .chevron-up{
opacity:1;
visibility:visible;
position:absolute;
right:15px;
transition:all .3s ease;
}
#sidebar .collapsible-title .chevron-up,#sidebar .collapsible[open] .collapsible-title .chevron-down{
opacity:0;
visibility:hidden;
position:absolute;
right:15px;
transition:all .3s ease;
}
.footer-inner .collapsible-title .chevron-down,.footer-inner .collapsible[open] .collapsible-title .chevron-up{
opacity:1;
visibility:visible;
position:absolute;
right:0px;
top:0px;
transition:all .3s ease;
}
.footer-inner .collapsible-title .chevron-up,.footer-inner .collapsible[open] .collapsible-title .chevron-down{
opacity:0;
visibility:hidden;
position:absolute;
right:0px;
top:0px;
transition:all .3s ease;
}
.BlogArchive h3.title:before{
content:'';
display:inline-block;
width:23px;
height:23px;
vertical-align:-4px;
margin-right:5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
}
.BlogArchive ul li{
margin:15px 0px;
}
.BlogArchive ul li:last-child{
margin-bottom:0
}
.BlogArchive .hierarchy-title a, .BlogArchive .hierarchy-content .hierarchy-title a{
font-weight:500;
}
.BlogArchive .post-count,.Label .label-count{
float:right;
margin-left:.25em
}
.BlogArchive .post-count::before,.Label .label-count::before{
content:'('
}
.BlogArchive .post-count::after,.Label .label-count::after{
content:')'
}
.BlogArchive .widget-content{
padding-top:0px !important;
}
.BlogArchive .widget-content ul.posts.hierarchy li{
list-style-type:decimal;
padding-left:7px;
font:$(igniplexFontSystem);
}
#sidebar .BlogArchive .widget-content ul.posts.hierarchy li a{
color:$(body.text.color);
font-size:14px;
}
#igniplexFooter .footer-inner .BlogArchive .widget-content ul.posts.hierarchy li a{
color:#ccc;
font-size:14px;
}
.BlogArchive .widget-content .show-more{
display:none;
}
.Label h3.title:before{
content:'';
display:inline-block;
width:20px;
height:20px;
vertical-align:-4px;
margin-right:5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4C2.89,2 2,2.89 2,4V11C2,11.55 2.22,12.05 2.59,12.41L11.58,21.41C11.95,21.77 12.45,22 13,22C13.55,22 14.05,21.77 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.44 21.77,11.94 21.41,11.58Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
}
#sidebar .Label li,#sidebar .Label span.label-size{
background-color:$(labels.background.color);
}
#igniplexFooter .footer-inner .Label a{
color:#fff;
}
.footer-inner .Label li,.footer-inner .Label span.label-size{
background-color:$(body.link.hover.color);
}
#sidebar .Label li,#sidebar .Label span.label-size,.footer-inner .Label li,.footer-inner .Label span.label-size{
border-radius:3px;
margin:0px 7px 7px 0px;
transition:all .3s ease;
}
#sidebar .Label li:hover,#sidebar .Label span.label-size:hover{
background-color:$(labels.background.hover.color);
}
.footer-inner .Label li:hover,.footer-inner .Label span.label-size:hover{
background-color:$(igniplex.main.color);
}
#Label1 .show-more, #Label1 .show-less{
display:none;
}
.Label a{
color:$(labels.text.color);
font:$(igniplexFontSystem);
font-size:14px;
padding:7px 10px;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.Label ul{
list-style:none;
padding:0
}
.Label .cloud-label-widget-content .first-items, .Label .list-label-widget-content ul{
display:flex;
flex-wrap:wrap;
}
.Label .list-label-widget-content ul li{
width:calc(50% - 3.5px);
}
.FeaturedPost{
margin-bottom:20px;
}
.FeaturedPost h3.title{
margin:0px 0px 10px;
}
.FeaturedPost h3.title:before{
content:'';
display:inline-block;
width:20px;
height:20px;
vertical-align:-3px;
border-radius:3px;
margin-right:3px;
background:$(igniplex.main.color) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
background-size:13px 13px;
}
.FeaturedPost .widget-content{
background-color:$(igniplex.main.color);
border-radius:10px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
overflow:hidden;
}
.FeaturedPost .widget-content .post:hover .snippet-thumbnail img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
.FeaturedPost .widget-content .post h3.post-title, .FeaturedPost .widget-content .post h3.post-title{
font-size:26px;
margin:0px;
padding:15px 15px 0px 20px;
overflow:hidden;
}
.FeaturedPost .widget-content .post h3.post-title a, .FeaturedPost .widget-content .post h3.post-title a{
color:#fff;
}
.FeaturedPost .widget-content .snippet-thumbnail{
float:left;
line-height:0px;
background-color:#fff;
overflow:hidden;
}
.FeaturedPost .widget-content .snippet-thumbnail a{
display:block;
}
.FeaturedPost .widget-content .snippet-thumbnail img{
border-radius:10px 0px 0px 10px;
transition:all .3s ease;
max-width:300px;
}
.FeaturedPost .widget-content .post-snippet{
font:$(igniplexFontSystem);
font-size:14px;
color:#ddd;
padding:15px 15px 15px 20px;
overflow:hidden;
}
#blog-pager.number{
color:$(igniplex.main.color);
font-weight:500;
flex-wrap:wrap;
margin-top:0px;
align-items:center;
}
#blog-pager.number a,#blog-pager.number .current,#blog-pager.number .last{
padding:5px 10px;
margin:15px 10px 0px 0px;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}
#blog-pager.number a{
background-color:#fff;
color:$(igniplex.main.color);
cursor:pointer;
}
#blog-pager.number a:hover,#blog-pager.number .current{
background-color:$(igniplex.main.color);
color:#fff;
}
#blog-pager.number .current{
cursor:not-allowed;
}
#blog-pager.number .dot{
margin-right:10px;
font-size:30px;
}
#igniplex404 {text-align:center; margin:auto; font-weight:700; font-size:45px; position:fixed; width:100%; height:100%; line-height:2em; z-index:9999;}
#igniplex404 #error-text {position:relative; font-size:40px; top:50%; right:50%; transform:translate(50%,-50%);}
#igniplex404 #error-text a {color:#888; text-decoration:none}
#igniplex404 #error-text p {margin:0!important; letter-spacing:.5px;}
#igniplex404 #error-text span {color:#00887a;font-size:100px;}
#igniplex404 #error-text a.back {background-color:#00887a;color:#fff;padding:10px 20px;font-size:20px; transition:all .3s ease;}
#igniplex404 #error-text a.back:hover {background-color:#ff9800;}
#igniplex404 #error-text #copyright {font-size:16px; font-weight:500;}
#igniplex404 #error-text #copyright a {color:#00887a}
#ignielAdBlock{
background-color:#000;
padding:0;
position:fixed;
bottom:0;
left:0;
top:0px;
right:0;
z-index:1000;
height:auto;
}
#ignielAdBlock svg{
width:100px;
height:100px;
display:block;
margin:auto auto 20px;
text-align:center;
}
#ignielAdBlock svg path{
fill:#fff
}
#ignielAdBlock a{
color:#ffe88b;
}
#ignielAdBlock a:hover{
color:#ffe88b;text-decoration:underline
}
#ignielAdBlock .isiAds{
background-color:#e74c3c;
color:#fff;
max-width:400px;
border-radius:10px;
position:absolute;
text-align:center;
padding:20px 30px;
margin:auto;
top:30%;
left:0;
right:0;
font-size:1.5rem;
font-weight:400;
line-height:1.5em;
overflow:hidden;
box-shadow:0 20px 10px -10px rgba(0,0,0,.15);
border:15px solid rgba(0,0,0,.1);
transition:all .6s cubic-bezier(.25,.8,.25,1);
transform-origin:bottom center;
transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
animation:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s
}
#igniplexNoScript{
background-color:#000;
padding:0;
position:fixed;
bottom:0;
left:0;
top:0px;
right:0;
z-index:1000;
height:auto;
}
#igniplexNoScript svg{
width:100px;
height:100px;
display:block;
margin:auto auto 20px;
text-align:center;
}
#igniplexNoScript svg path{
fill:#fff
}
#igniplexNoScript .isi{
background:#00887a;
color:#fff;
max-width:400px;
border-radius:10px;
position:absolute;
text-align:center;
padding:20px 30px;
margin:auto;
top:30%;
left:0;
right:0;
font-size:1.5rem;
font-weight:400;
line-height:1.5em;
overflow:hidden;
box-shadow:0 20px 10px -10px rgba(0,0,0,.15);
border:15px solid rgba(0,0,0,.1);
transition:all .6s cubic-bezier(.25,.8,.25,1);
transform-origin:bottom center;
transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
animation:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s
}
/* Blogspot Pagination by IGNIEL.COM */
#ignielPagination{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
font-weight:500;
}
#ignielPagination:before{
content:'PAGES';
margin-right:10px;
margin-top:7px;
}
#ignielPagination a,#ignielPagination .selected{
color:#fff;
padding:7px 15px;
margin:10px 10px 0px 0px;
border-radius:7px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}
#ignielPagination a{
background-color:$(igniplex.main.color);
}
#ignielPagination a:last-child {
margin-right:0px;
}
#ignielPagination a:hover {
background-color:$(igniplex.second.color);
}
#ignielPagination a:hover:before{
display:none;
}
#ignielPagination a:after{
display:none;
}
#ignielPagination .selected{
background-color:$(igniplex.second.color);
cursor:not-allowed;
}
/* Navigasi Blogger dengan Judul by igniel.com */
#blog-pager.stream a,#blog-pager.stream span{
color:$(igniplex.main.color);
padding:0px;
overflow:hidden;
line-height:initial;
display:block;
width:100%;
border:0px;
background-color:transparent;
box-shadow:none;
border-radius:0px;
transition:all .3s ease;
}
#blog-pager.stream a:hover{
color:$(body.link.hover.color);
}
#blog-pager.stream .blog-pager-newer-link{
text-align:left;
}
#blog-pager.stream .blog-pager-older-link{
text-align:right;
}
#blog-pager.stream .blog-pager-newer-link span:first-child,#blog-pager .blog-pager-older-link span:first-child,#blog-pager .home-link span:first-child{
font-size:20px;
color:$(igniplex.second.color);
text-transform:uppercase;
margin-bottom:10px;
}
#blog-pager.stream .blog-pager-newer-link span:last-child, #blog-pager .blog-pager-older-link span:last-child,#blog-pager .home-link span:last-child{
display:block;
line-height:24px;
font-weight:400;
}
#blog-pager.stream .blog-pager-newer-link span:last-child:hover,#blog-pager .blog-pager-older-link span:last-child:hover{
color:$(body.link.hover.color);
transition:all .3s ease;
}
#blog-pager .home-link span:last-child{
color:$(igniplex.second.color);
}
#blog-pager.stream .blog-pager-older-link span:first-child:after{
content:'';
margin-left:5px;
width:25px;
height:25px;
vertical-align:-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='M4,10V14H13L9.5,17.5L11.92,19.92L19.84,12L11.92,4.08L9.5,6.5L13,10H4Z' fill='%232f303f'/%3E%3C/svg%3E") center center / 25px no-repeat;
}
#blog-pager.stream .blog-pager-newer-link span:first-child:before {
content:'';
margin-right:5px;
width:25px;
height:25px;
vertical-align:-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='M20,10V14H11L14.5,17.5L12.08,19.92L4.16,12L12.08,4.08L14.5,6.5L11,10H20Z' fill='%232f303f'/%3E%3C/svg%3E") center center / 25px no-repeat;
}
#blog-pager.stream .home-link span:first-child:before {
content:'';
margin-right:5px;
width:23px;
height:23px;
vertical-align:-4px;
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,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z' fill='%232f303f'/%3E%3C/svg%3E") center center / 23px no-repeat;
}
/* Related Post Grid by igniel.com */
#ignielRelated{
display:block;
margin:40px 0px 20px;
line-height:1.5em;
width:100%;
}
#ignielRelated h3.title{
font-size:20px;
margin:0px 0px 10px;
text-transform:capitalize;
}
#ignielRelated ul{
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
background-color:#fff;
border-radius:7px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
margin:0px;
padding:20px 20px 0px;
}
#ignielRelated ul li{
padding:0px;
list-style:none;
width:calc((100% / 3) - 13.5px);
margin-right:20px;
margin-bottom:10px;
-webkit-margin-start:0px !important;
}
#ignielRelated ul li .thumb{
overflow:hidden;
line-height:0px;
border-radius:5px;
}
#ignielRelated ul li:nth-of-type(3n){
margin-right:0px;
}
#ignielRelated ul li a{
display:block;
}
#ignielRelated ul li a.judul{
color:$(body.text.color);
font-weight:500;
font-size:14px;
padding:7px 0px 15px;
line-height:1.35em;
}
#ignielRelated ul li a.judul:hover, #ignielRelated ul li:hover a.judul{
color:$(body.link.hover.color);
}
#ignielRelated ul li a img{
width:100%;
transition:all .3s ease;
border:0px;
margin:0px;
}
#ignielRelated ul li a img:hover, #ignielRelated ul li:hover img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
#ignielRelated .norelated{
text-align:center;
font-weight:500;
}
@keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-webkit-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-moz-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-webkit-keyframes ignielRing{
0% { -webkit-transform: rotateZ(0); }
1% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
9% { -webkit-transform: rotateZ(30deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }
43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ignielRing{
0% { -moz-transform: rotate(0); }
1% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
9% { -moz-transform: rotate(30deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }
43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}
@keyframes ignielRing{
0% { transform: rotate(0); }
1% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }
43% { transform: rotate(0); }
100% { transform: rotate(0); }
}
@media screen and (max-width:$(max.width.all - max.width.right)){
#igniplexSlider .PopularPosts .widget-content .post:first-child{
width:100%;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child){
width:calc(50% - 2.5px);
margin:5px 5px 0px 0px;
}
#igniplexSlider .PopularPosts .widget-content .post:nth-child(odd){
margin-right:0px;
}
main{
padding:0px;
}
#main{
float:none;
width:100%;
}
#igniplex{
width:auto;
padding:0px 20px;
display:block;
}
.post-outer h2.post-title.entry-title{
font-size:18px;
}
#sidebar,#sidebarSticky{
float:none;
max-width:100%;
margin-left:0px;
margin-top:20px;
}
#sidebar #HTML2, #sidebar #HTML2 .widget-content{
text-align:center;
}
#igniplexFooter .footer-inner .section:first-child .widget{
margin-left:20px
}
#igniplexFooter .footer-inner .section:last-child .widget{
margin-right:20px;
}
#igniplexFooter .attribution{
padding:20px;
}
.totop{
width:40px;
height:40px;
bottom:100px;
right:20px;
background-size:20px 20px;
}
.totop.show{
bottom:70px;
}
}
@media screen and (max-width:640px){
#igniplexHeader .header-inner{
display:inline-block;
width:100%;
}
#igniplexHeader .header-inner .widget h1,#igniplexHeader .header-inner .widget h2{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#igniplexHeader .header-inner #header,#igniplexHeader .header-inner .igniplexMenu{
display:inline-block;
max-width:calc(100% - 150px);
vertical-align:middle;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList{
min-width:auto;
width:100%;
}
#igniplexHeader .header-inner .header-right{
float:right;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .input, #igniplexHeader .header-inner .header-right .igniplexSearch .search .input:focus{
width:calc(100vw - 83px);
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child) .item-content .container{
padding:10px;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child) .item-content .container h3.post-title{
font-size:16px;
}
.igniplexTitle.content{
padding:20px 20px 210px;
}
.igniplexTitle .inner .title{
font-size:1.5em;
}
.FeaturedPost .widget-content .snippet-thumbnail img{
max-width:250px;
}
.FeaturedPost .widget-content .post h3.post-title, .FeaturedPost .widget-content .post h3.post-title{
font-size:20px;
}
.FeaturedPost .widget-content .post-snippet{
display:none;
}
#igniplex{
padding:0px 10px;
}
.post-outer h2.post-title.entry-title{
font-size:16px;
}
#blog-pager.number a,#blog-pager.number .current,#blog-pager.number .last{
font-size:12px;
}
.blog-posts .post-outer .post .post-footer{
padding:7px 10px;
}
.blog-posts .post-outer .post .post-footer .left .post-author{
font-size:12px;
}
.blog-posts .post-outer .post .post-footer .left .post-timestamp{
right:10px;
top:10px;
}
.blog-posts .post-outer .post .post-footer .left .post-timestamp a{
font-size:10px;
}
#blog-pager.stream {
display:block;
width:100%;
}
#blog-pager.stream .blog-pager-newer-link,#blog-pager.stream .blog-pager-older-link,#blog-pager.stream .home-link{
display: block; text-align: center;
}
#blog-pager.stream .blog-pager-older-link{
margin-top:20px;
}
#comments .comments-content,#comments.embed[data-num-comments="0"] .footer{
padding:10px;
}
.PopularPosts .widget-content .item-content .item-snippet{
font-size:11px;
}
#ignielRelated ul{
padding:10px 10px 0px;
}
#ignielRelated ul li{
width: calc((100% / 2) - 5px);
margin-right:10px;
}
#ignielRelated ul li:nth-of-type(3n){
margin-right:10px;
}
#ignielRelated ul li:nth-of-type(2n){
margin-right:0px;
}
#ignielRelated ul li a.judul{
font-size:12px;
padding:7px 0px 10px;
}
#igniplexFooter .footer-inner{
display:block;
}
#igniplexFooter .footer-inner .section{
width:100%;
}
#igniplexFooter .footer-inner .section .widget{
width:auto;
margin:20px 10px 40px;
}
#igniplexFooter .footer-inner .section:first-child .widget{
margin-left:10px;
padding-top:20px;
}
#igniplexFooter .footer-inner .section:last-child .widget{
margin-right:10px;
margin-bottom:20px;
}
#igniplexFooter .footer-inner .widget{
margin-bottom:20px;
}
#igniplexFooter .attribution{
padding:10px;
text-align:center;
}
#igniplexFooter .attribution .right{
float:none;
margin-top:5px;
}
#igniplex404 {line-height:1em;}
#igniplex404 #error-text {font-size:20px;}
#igniplex404 #error-text span {font-size:60px;}
#igniplex404 #error-text a.back {padding:5px 10px;font-size:15px;}
}
@media screen and (max-width:480px){
#igniplexHeader .header-inner .widget h1,#igniplexHeader .header-inner .widget h2{
font-size:20px;
}
#igniplexHeader .header-inner #header .widget img{
max-width:200px;
}
#igniplexHeader .header-inner .igniplexMenu{
margin-right:5px;
}
#igniplexSlider .PopularPosts .widget-content .post:first-child .item-content .container{
bottom:0px;
}
#igniplexSlider .PopularPosts .widget-content .post:first-child .item-content .container h3.post-title{
font-size:22px;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child) .item-content .container h3.post-title{
font-size:12px;
}
.FeaturedPost .widget-content .snippet-thumbnail{
float:none;
}
.FeaturedPost .widget-content .snippet-thumbnail img{
max-width:100%;
width:100%;
border-radius:10px 10px 0px 0px;
}
.FeaturedPost .widget-content .post h3.post-title, .FeaturedPost .widget-content .post h3.post-title{
padding:15px;
}
.FeaturedPost .widget-content .post-snippet{
display:block;
padding:0px 15px 15px;
font-size:12px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail img{
max-width:100vw;
}
.blog-posts{
display:block;
}
.post-outer {
width:100%;
}
.breadcrumbs{
font-size:12px;
padding-bottom:10px;
margin-bottom:10px;
}
.post-outer h2.post-title.entry-title{
font-size:18px;
}
.blog-posts.stream .post-outer .post,.blog-posts.single .post-outer .post{
padding:10px;
}
.blog-posts.stream .post-outer .igniplexSubscribe{
padding:70px 15px 15px 15px;
}
.blog-posts.stream .post-outer .igniplexSubscribe:before{
top:10px;
left:0px;
right:0px;
bottom:unset;
}
.blog-posts.stream .post-outer .igniplexSubscribe .title{
margin-bottom:10px;
}
.blog-posts.stream .post-outer .igniplexSubscribe form input[type="submit"]{
padding:10px;
}
#sidebar .widget .widget-content{
padding:10px;
}
}
@media screen and (max-width:360px){
#igniplexSlider .PopularPosts .widget-content .post:first-child .item-content .container h3.post-title{
font-size:20px;
}
.blog-posts.stream .post-outer .igniplexSubscribe .title{
font-size:16px;
}
}
@media screen and (max-width:320px){
.post-outer h2.post-title.entry-title{
font-size:14px;
}
}
.table-of-contents{flex:auto;width:fit-content;background:#eee;font-size:14px;padding:11px;margin:8px 0 30px 0}
.table-of-contents li{margin:0 0 0.25em 0}
.table-of-contents a{color:#2a5365}
.table-of-contents h4{margin:0;cursor:pointer}
.table-of-contents h4:before{font-family:FontAwesome;content:"\f0c9";padding-right:7px;}
/* For Fontaweosme 5
.table-of-contents h4:before{font-family:'Font Awesome 5 Free';content:"\f0c9";padding-right:7px;}
*/
]]>
";
}
body#layout .igniplexNavigation:before {
content: "Navigasi dan Media Sosial Harus Diubah di HTML. Cari 
