:root{
--igniplexMainLight:#009688;
--igniplexMainDark:#242831;
--igniplexBodyLight:#e9ebee;
--igniplexBodyDark:#1c1f26;
--igniplexPostLight:#ffffff;
--igniplexPostDark:#242831;
--igniplexTextLight:#2f2f2f;
--igniplexTextDark:#efefef;
--igniplexSingleLight:#515a5d;
--igniplexSingleDark:#9ba3b5;
--igniplexTabsLight:#dddfe2;
--igniplexTabsDark:#444444;
--igniplexFooter:#009688;
--igniplexTextFooter:#ffffff;
--igniplexLinkFooter:#ffeb3b;
--igniplexLink:#009688;
--igniplexLinkHover:#ef5350;
--igniplexLinkSingle:#009688;
--igniplexBigTitle:#ffffff;
--igniplexIcons:#8f8f8f;
--igniplexFont:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif;
--igniplexFontNormal:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif;
--igniplexWidthAll:1150px;
--igniplexWidthLeft:830px;
--igniplexWidthRight:300px;
--igniplexWidthMiddle:200px;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Roboto), local(Roboto-Regular), url(/css/fonts/roboto/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Roboto), local(Roboto-Regular), url(/css/fonts/roboto/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Roboto), local(Roboto-Regular), url(/css/fonts/roboto/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Roboto), local(Roboto-Regular), url(/css/fonts/roboto/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Roboto), local(Roboto-Regular), url(/css/fonts/roboto/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Roboto), local(Roboto-Regular), url(/css/fonts/roboto/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.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: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Roboto), local(Roboto-Regular), url(/css/fonts/roboto/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.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: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local(Roboto-Bold), url(/css/fonts/roboto/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local(Roboto-Bold), url(/css/fonts/roboto/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local(Roboto-Bold), url(/css/fonts/roboto/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local(Roboto-Bold), url(/css/fonts/roboto/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local(Roboto-Bold), url(/css/fonts/roboto/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local(Roboto-Bold), url(/css/fonts/roboto/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.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: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local(Roboto-Bold), url(/css/fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.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
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;border:0px;outline:0px;margin:0px;box-shadow:none;}button,select{text-transform:none;outline:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;outline:none;}input{line-height:normal;border:0px;outline:0px}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}focus{outline:none}h1{font-size:1.75em}iframe{width:100%}*{box-sizing:border-box}
::selection{
background-color:#c0e4bb;
}
.igniplexDark::selection{
background-color:#819e82;
}
html, body{
font:400 14px var(--igniplexFontNormal);
color:var(--igniplexTextLight);
line-height:1.75rem;
transition:all .2s ease;
}
body{
background-color:var(--igniplexBodyLight);
padding:0px !important;
margin:0px;
word-break:break-word;
position:relative;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-tap-highlight-color:transparent;
}
body.isError{
width:100vw;
height:100vh;
}
canvas{
display:block;
vertical-align:middle;
}
svg, svg path{
transition:all .2s ease;
}
hr{
border:0 solid var(--igniplexIcons);
border-top-width:7px;
border-radius:100px;
margin:15px auto;
overflow:visible;
position:relative;
width:7px;
transition:border-color .2s ease;
}
hr:before, hr:after{
content:'';
border:0 solid var(--igniplexIcons);
border-top-width:5px;
border-radius:100px;
position:absolute;
top:-6px;
width:5px;
}
hr:before{
left:-20px;
}
hr:after{
right:-20px;
}
a{
color:var(--igniplexLink);
text-decoration:none;
position:relative;
transition:all .2s ease;
}
a:hover{
color:var(--igniplexLinkHover);
}
h1, h2, h3, h4, h5, .title, .judul, input[type="submit"]{
font-weight:600;
line-height:initial;
margin-top:0px;
margin-bottom:10px;
transition:all .2s ease;
}
figure{
margin:20px 0px;
}
img{
max-width:100%;
height:auto;
display:block;
clear:both;
}
blockquote{
background-color:var(--igniplexMainLight);
font-size:1.25rem;
margin:20px 0px 20px 15px;
padding:25px 30px 15px 35px;
position:relative;
border-radius:5px;
box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.8);
transition:all .2s ease;
}
blockquote:before{
content:'';
background:var(--igniplexMainLight) 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='%23fff'/%3E%3C/svg%3E") center / 35px no-repeat;
width:3rem;
height:3rem;
position:absolute;
left:-10px;
top:-10px;
border-radius:100px;
box-shadow:inset 0 0 0 99999px rgba(255,255,255,.25);
transition:background-color .2s ease;
}
blockquote:after{
content:'';
display:block;
position:absolute;
top:0;
right:0;
border:10px solid;
border-color:var(--igniplexPostLight) var(--igniplexPostLight) 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);
transition:border-color .2s ease;
}
blockquote a{
color:#ffeb3b;
}
blockquote a:hover{
color:#ffeb3b;
}
blockquote footer{
display:block;
font-size:1rem;
font-style:italic;
}
blockquote footer:before{
content:'\2014';
margin-right:3px;
}
.isSingle .post-body button a{
color:#fff;
}
.isSingle .post-body button.outline a{
color:var(--igniplexMainLight);
}
.isSingle .post-body button.outline.download a{
color:#6dab3c;
}
.isSingle .post-body button.outline.demo a{
color:#dc6060;
}
button{
background-color:var(--igniplexMainLight);
margin:5px;
padding:.5rem 1.5rem;
color:#fff;
cursor:pointer;
border-radius:7px;
white-space:nowrap;
transition:all .2s ease;
}
button.outline{
background-color:transparent;
border:1px solid var(--igniplexMainLight);
color:var(--igniplexMainLight);
}
button:hover, button.download:hover, button.demo:hover{
box-shadow:inset 0 0 0 99999px rgba(255,255,255,.15);
}
button.download{
background-color:#6dab3c;
}
button.download:before{
content:'';
width:1.5rem;
height:1.5rem;
display:inline-block;
vertical-align:-5px;
margin-right:.5rem;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8,13H10.55V10H13.45V13H16L12,17L8,13M19.35,10.04C21.95,10.22 24,12.36 24,15A5,5 0 0,1 19,20H6A6,6 0 0,1 0,14C0,10.91 2.34,8.36 5.35,8.04C6.6,5.64 9.11,4 12,4C15.64,4 18.67,6.59 19.35,10.04M19,18A3,3 0 0,0 22,15C22,13.45 20.78,12.14 19.22,12.04L17.69,11.93L17.39,10.43C16.88,7.86 14.62,6 12,6C9.94,6 8.08,7.14 7.13,8.97L6.63,9.92L5.56,10.03C3.53,10.24 2,11.95 2,14A4,4 0 0,0 6,18H19Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
}
button.outline.download{
background-color:transparent;
border:1px solid #6dab3c;
color:#6dab3c;
}
button.outline.download:before{
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8,13H10.55V10H13.45V13H16L12,17L8,13M19.35,10.04C21.95,10.22 24,12.36 24,15A5,5 0 0,1 19,20H6A6,6 0 0,1 0,14C0,10.91 2.34,8.36 5.35,8.04C6.6,5.64 9.11,4 12,4C15.64,4 18.67,6.59 19.35,10.04M19,18A3,3 0 0,0 22,15C22,13.45 20.78,12.14 19.22,12.04L17.69,11.93L17.39,10.43C16.88,7.86 14.62,6 12,6C9.94,6 8.08,7.14 7.13,8.97L6.63,9.92L5.56,10.03C3.53,10.24 2,11.95 2,14A4,4 0 0,0 6,18H19Z' fill='%236dab3c'/%3E%3C/svg%3E");
}
button.demo{
background-color:#dc6060;
}
button.demo:before{
content:'';
width:1.5rem;
height:1.5rem;
display:inline-block;
vertical-align:-5px;
margin-right:.5rem;
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,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C21.27,16.39 17,19.5 12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C15.76,17.5 19.17,15.36 20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
}
button.outline.demo{
background-color:transparent;
border:1px solid #dc6060;
color:#dc6060;
}
button.outline.demo:before{
background-image: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,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C21.27,16.39 17,19.5 12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C15.76,17.5 19.17,15.36 20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12Z' fill='%23dc6060'/%3E%3C/svg%3E");
}
.drop{
color:var(--igniplexMainLight);
float:left;
font-size:4rem;
line-height:1.75rem;
margin-top:.3em;
padding-right:.75rem;
}
button.svg-icon-24-button{
border-radius:0px;
padding:0px;
background:transparent;
box-shadow:none;
}
button.svg-icon-24-button:hover{
background:none !important;
}
.svg-icon-24{
width:24px;
height:24px;
vertical-align:middle;
}
.collapsible>summary::-webkit-details-marker, .collapsible-title .chevron-up, .collapsible[open] .collapsible-title .chevron-down, .collapsible-title .chevron-down, .collapsible[open] .collapsible-title .chevron-up{
display:none
}
.hidden{
display:none
}
.invisible{
visibility:hidden
}
.clear{
clear:both
}
.jump-link{
display:none;
}
.check{
display:none;
}
.lazy, .lazyloaded{
opacity:0;
transition:opacity .3s linear;
}
.lazyloaded, #igniplexSlider .PopularPosts .widget-content.lazyloaded{
opacity:1;
}
.widget-content img{
max-width:100%;
margin:auto;
}
.widget ul li ul{
margin-left:1em !important;
}
.widget .title{
font-weight:600;
font-size:1.15rem;
}
#main .widget{
margin-bottom:30px;
}
#main .widget .title{
margin-bottom:15px;
}
#main .widget-content{
background-color:var(--igniplexPostLight);
padding:20px;
border-radius:7px;
transition:background-color .2s ease;
}
#main .igniplexTengah .widget-content{
padding:0px;
border:0px;
border-radius:0px;
box-shadow:none;
}
#HTML1 .title,#HTML2 .title,#HTML3 .title{
display:none;
}
h1, h2, h3, h4, h5, .title, .judul, input[type="submit"], button, .NavMenu .head .name, .igniplexAuthor .author-name, .PopularPosts .item-title, .blog-pager.infinite, .igniplexRelated .text, .igniplexRelatedMiddle, #igniplex404, footer .attribution, #top-continue.continue{
font-family:var(--igniplexFont);
}

.content-home {background: #e6e6e6a6; padding: 5px 15px 5px 15px; border-radius: 7px; margin-bottom: 15px; text-align: justify; border: 1px solid #ffffffc2;}
.igniplexDark .content-home {background: #242831}
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5{
color:var(--igniplexTextLight);
margin:1rem 0 .75rem;
}
.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}
.alignright{margin:0 0 10px 10px}
.alignleft{float:left;margin:0 10px 10px 0}
.post-body h2 {color:#009688}
.post-body h3 {color:#4285f4}
.post-body p{
margin:0 0 1.25rem;
}
.post-body table{
width:100%;
margin:20px 0px;
border:1px solid var(--igniplexTabsLight);
border-top:0px;
border-collapse:unset;
border-radius:7px;
transition:bprder-color .2s ease;
overflow:hidden;
}
.post-body table thead{
background-color:var(--igniplexMainLight);
font-size:1.15rem;
color:#fff;
transition:background-color .2s ease;
}
.post-body table th{
padding:10px;
border-right:1px solid #fff;
}
.post-body table th:last-child{
border-right:1px solid var(--igniplexMainLight);
}
.post-body table td{
background-color:#fff;
padding:10px;
text-align:left;
vertical-align:top;
}
.post-body table tr:nth-child(odd) td{
background-color:var(--igniplexPostLight);
border-right:1px solid var(--igniplexTabsLight);
transition:all .2s ease;
}
.post-body table tr:nth-child(even) td{
background-color:var(--igniplexBodyLight);
border-right:1px solid var(--igniplexPostLight);
transition:all .2s ease;
}
.post-body table tr td:last-child{
border:0px;
}
.post-body table.tr-caption-container{
border-color:#ccc;
}
.post-body table.tr-caption-container td{
background-color:#efefef;
border:0px;
padding:15px;
text-align:center;
color:var(--igniplexTextLight);
transition:all .2s ease;
}
.post-body table td.tr-caption{
background-color:#f9f9f9;
color:var(--igniplexSingleLight);
font-size:.9rem;
line-height:1.35rem;
border-top:1px solid var(--igniplexTabsLight) !important;
transition:all .2s ease;
}
#HTML3 .widget-content{
margin:20px 0px;
text-align:center;
max-width:100%;
}
.post-body .igniplexTengah{
margin:20px 0px;
padding:0px;
}
.post-body .box{
background-color:#e9ebee;
color:var(--igniplexSingleLight);
padding:10px;
margin:20px 0px;
border:1px solid #dddfe2;
border-radius:5px;
}
.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 var(--igniplexMainLight);
height:100%;
position:absolute;
left:0px;
top:0px;
}
.post-body pre{
background-color:#2e2e2e;
margin:.5em auto;
width:100%;
position:relative;
white-space:pre;
word-break:normal;
word-wrap:break-word;
overflow:auto;
-moz-tab-size:2;
-o-tab-size:2;
tab-size:2;
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; transition:all .2s ease;
}
.post-body pre code{
color:#bfbf90;
font-size:.95rem;
font-family:'source code pro',menlo,consolas,monaco,monospace;
max-height:300px;
padding:10px 20px;
line-height:1.5rem;
display:block;
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;
transition:all .2s ease;
}
.totop{
visibility:hidden;
opacity:0;
width:40px;
height:40px;
position:fixed;
bottom:80px;
right:40px;
z-index:2;
cursor:pointer;
border-radius:100px;
transition:all .2s ease;
background:var(--igniplexMainLight) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z' fill='%23fff'/%3E%3C/svg%3E") center / 25px no-repeat;
background-size:25px;
}
.totop:hover{
background-color:var(--igniplexLinkHover);
}
.totop.show{
visibility:visible;
opacity:.75;
bottom:50px;
}
.PageList{
display:block;
width:100%;
background-color:var(--igniplexMainLight);
}
.PageList .widget-content{
color:#fff;
font-weight:600;
max-width:calc(var(--igniplexWidthAll) - 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;
}

#igniplexHeader{
background-color:var(--igniplexMainLight);
position:sticky;
position:-webkit-sticky;
width:100%;
top:0;
z-index:3;
height:50px;
box-shadow:0 1px 3px rgba(0,0,0,.3);
transition:all .2s ease;
}
#igniplexHeader.hide{
top:-55px;
}
#igniplexHeader #header a{
color:#fff;
}
#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:var(--igniplexWidthAll);
padding:5px 50px;
height:50px;
}
#igniplexHeader #header img{
max-height:30px;
max-width:100%;
width:auto;
display:block;
margin:auto;
}
#igniplexHeader .replaced h1, #igniplexHeader .replaced h2, #igniplexHeader #header #HTML404{
display:none
}
#igniplexHeader #header .logo a {width:73px;height:48px;display:block;}
#igniplexHeader #header .logo{
margin: -22px 0; background: url(/img/logo-tqb.png) no-repeat left; text-indent: -9999px; width: 73px; height: 48px;
}
#igniplexHeader #header .description{
display:none;
margin-bottom:0px;
color:#fff;
text-align:left;
}
#igniplexHeader label{
cursor:pointer;
display:block;
padding:8px;
background-position:center;
transition:all .5s linear;
}
#igniplexHeader 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 label:active, #igniplexHeader label:active{
border-radius:100px;
background-color:rgba(0,0,0,.1);
background-size:100%;
transition:background 0s;
}
#igniplexHeader svg{
transition:all .2s ease;
}
.igniplexMenu{
margin:0px 20px;
flex-grow:1;
flex:1;
}
.igniplexMenu .icon svg{
width:24px;
height:24px;
}
.igniplexMenu .icon svg path{
fill:#fff;
}
#igniplexHeader .igniplexMenu .icon{
display:none;
}
#igniplexHeader .igniplexMenu .cover{
opacity:0;
visibility:hidden;
background-color:transparent;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:3;
transition:all .2s ease-in-out .1s;
border-radius:0px;
}
.igniplexMenu .icon .open{
display:block;
}
.igniplexMenu .icon .close{
display:none;
}
.MenuList{
transition:all .2s ease;
height:50px;
}
.MenuList ul > li.open > ul {display:block}
.infinite .loading {display:none}
.MenuList ul{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
margin:0px;
padding:0px;
min-width:100%;
}
.MenuList ul li{
list-style-type:none;
position:relative;
}
.MenuList ul li:last-child{
border-bottom:0px;
}
.MenuList ul > li > a{ /* menu utama */
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
justify-content:space-between;
color:#fff;
padding:0px 15px;
line-height:50px;
}
.MenuList > ul li:hover > a{
background-color:rgba(0,0,0,.1);
}
.MenuList ul li ul{ /* semua dropdown */
white-space:nowrap;
display:none;
position:absolute;
}
.MenuList ul li ul:before{
content: '';
top:-8px;
left:15px;
border-color:transparent;
border-style:solid;
border-width:0px 8.5px 8.5px;
position:absolute;
z-index:1;
height:0px;
width:0px;
border-bottom-color:#fff;
transition:all .2s ease;
}
.MenuList ul li ul li { /* semua dropdown */
display:block;
}
.MenuList ul li ul li a{ /* semua dropdown isi `a` */
font-weight:400;
}
.MenuList ul > li > ul{ /* dropdown pertama */
background-color:#fff;
border-radius:0 0 7px 7px;
transition:background-color .2s ease;
}
.MenuList ul > li > ul > li > a{ /* text dropdown pertama */
color:var(--igniplexTextLight);
line-height:3.25rem;
}
.MenuList ul > li.open > a, .igniplexDark .MenuList ul > li > ul > li:hover > a{
background-color:rgba(0,0,0,.1);
}
.MenuList ul > li.open > ul > li.open > a{
background-color:#fff;
}
.MenuList ul > li > ul > li > ul{ /* background dropdown kedua */
background-color:var(--igniplexTextLight);
border-radius:0;
position:relative;
transition:all .2s ease;
}
.MenuList ul > li > ul > li:last-child > ul{
border-radius:0 0 7px 7px;
}
.MenuList ul > li > ul > li > ul:before, .igniplexDark .MenuList ul > li > ul > li > ul:before{
border-bottom-color:var(--igniplexTextLight);
}
.MenuList ul > li > ul > li > ul > li > a{ /* text dropdown kedua */
color:#fff;
}
.MenuList > ul li a:not(:only-child):after{
content:'';
width:17px;
height:17px;
margin:auto 0px auto 5px;
transition:all .2s ease;
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;
}
.MenuList ul > li > ul > li > a:not(:only-child):after{
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='%234a5568'/%3E%3C/svg%3E") no-repeat center center;
}
.MenuList ul > li.open > a:not(:only-child):after{
transform:rotate(180deg);
}
.header-right{
order:3;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:flex-end;
position:relative;
}
.igniplexSearch{
position:relative;
}
.igniplexSearch svg{
width:24px;
height:24px;
}
.igniplexSearch svg path{
fill:#fff;
}
.igniplexSearch .search .input{
position:absolute;
background-color:#fff;
color:var(--igniplexTextLight);
padding:0px;
width:0px;
margin:auto;
height:30px;
top:0;
bottom:0;
right:0;
border-radius:25px;
transition:width .2s ease;font-size: 16px;
}
.igniplexSearch .search .input::placeholder{
color:#ccc;
}
.igniplexSearch .search .icon{
transition:all .2s ease;
}
.igniplexSearch .search .icon .open{
display:block;
}
.igniplexSearch .search .icon .close{
display:none;
}
#igniplexHeader .igniplexSearch .search .icon .close path{
fill:var(--igniplexMainLight);
}
.igniplexSearch .search .check:checked ~ .input, .igniplexSearch .search .input:focus{
padding:0px 40px 0px 15px;
width:calc(var(--igniplexWidthAll) - 777px);
}
.igniplexSearch .search .check:checked ~ .icon .open{
display:none;
}
.igniplexSearch .search .check:checked ~ .icon .close{
display:block;
position:relative;
right:-3px;
}
.igniplexSearch .search .check:checked ~ label:hover{
background-color:transparent !important;
}
.igniplexSearch .search .check:checked ~ .icon > svg path{
fill:var(--igniplexIcons);
}
.igniplexNavigation{
position:relative;
}
.igniplexNavigation .icon svg{
width:24px;
height:24px;
}
.igniplexNavigation .icon svg path{
fill:#fff;
}
.igniplexNavigation .icon .open{
display:block;
}
.igniplexNavigation .icon .close{
display:none;
}
.igniplexNavigation .check:checked ~ .icon .open{
display:none;
}
.igniplexNavigation .check:checked ~ .icon .close{
display:block;
}
.igniplexNavigation .check:checked ~ .NavMenu{
opacity:1;
visibility:visible;
top:45px;
z-index:2;
}
.NavMenu{
opacity:0;
visibility:hidden;
position:absolute;
right:0px;
top:0px;
background-color:#fff;
min-width:200px;
max-width:275px;
color:var(--igniplexTextLight);
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:opacity .2s ease, visibility .2s ease, background-color .2s ease, top .2s ease;
}
.NavMenu:after{
content:'';
top:-8px;
right:11px;
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:0px;
width:0px;
transition:border-color .2s ease;
}
.NavMenu .head{
background-color:#e6e6e6;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:center;
padding:10px 16px;
border-bottom:1px solid #fff;
transition:background-color .2s ease, border-color .2s ease;
}
.NavMenu .head svg{
width:16px;
height:16px;
position:absolute;
top:20px;
right:-10px;
}
.NavMenu .head svg path, .igniplexDark .NavMenu .head svg path{
fill:#4285F4;
}
.NavMenu .head svg path.stroke{
fill:transparent;
stroke:#e6e6e6;
stroke-width:3px;
}
.NavMenu .ava, .NavMenu .info{
width:100%;
}
.NavMenu .info{
overflow:hidden;
}
.NavMenu .ava{
position:relative;
width:50px;
margin-right:15px;
}
.NavMenu .ava img{
max-width:50px;
max-height:50px;
border-radius:100px;
margin:0px;
}
.NavMenu .head .name{
font-weight:600;
font-size:1.15rem;
margin:-5px 0px 3px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.NavMenu .head .follow a{
background-color:#4285F4;
color:#fff;
font-size:.65rem;
font-weight:600;
padding:.25rem .5rem;
border-radius:25px;
display:inline-block;
line-height:0px;
}
.NavMenu .head .follow a:hover{
background-color:var(--igniplexMainLight);
}
.NavMenu .head .follow a:before{
content:'';
display:inline-block;
width:.75rem;
height:.75rem;
margin-right:.25rem;
margin-left:-.15rem;
vertical-align:-.15rem;
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 / .85rem no-repeat;
}
nav svg{
width:20px;
height:20px;
vertical-align:-6px;
margin-right:10px;
}
nav svg path{
fill:var(--igniplexTextLight);
}
nav a{
color:var(--igniplexTextLight);
}
nav ul{
margin:0px;
padding:0px;
}
nav ul li{
font-size:.9rem;
list-style-type:none;
}
nav ul li:hover{
color:var(--igniplexMainLight);
background-color:rgba(0,0,0,.05);
}
nav ul li:hover a, nav a:hover{
color:var(--igniplexMainLight);
}
nav ul li:hover svg path, .MenuList nav ul li:hover svg path{
fill:var(--igniplexMainLight);
}
nav .igniplexMode:hover{
background-color:transparent;
}
nav a, nav .igniplexMode{
display:block;
padding:8px 13px;
}
#igniplexHeader .igniplexMode label{
padding:0px;
float:right;
margin-top:2px;
}
.igniplexSwitch{
position:relative;
display:inline-block;
width:2.5rem;
height:1.4rem;
}
.igniplexSwitch .slider{
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#ccc;
-webkit-transition:.2s;
transition:.2s;
border-radius:25px;
}
.igniplexSwitch .slider:before {
position:absolute;
content:'';
height:1rem;
width:1rem;
left:.2rem;
bottom:.2rem;
background-color:#fff;
-webkit-transition:.3s;
transition:.3s;
border-radius:100%;
}
.igniplexSwitch input:checked + .slider{
background-color:#141e27;
}
.igniplexSwitch input:checked + .slider:before{
background-color:#4285F4;
-webkit-transform:translateX(1.1rem);
-ms-transform:translateX(1.1rem);
transform:translateX(1.1rem);
}
.NavMenu .social{
background-color:#e6e6e6;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
justify-content:space-between;
border-top:1px solid #fff;
transition:all .2s ease;
}
.NavMenu .social a{
padding:10px 3px;
z-index:1;
text-align:center;
flex-grow:1;
border-bottom-width:3px;
border-bottom-style:solid;
}
.NavMenu .social a.facebook{
border-bottom-color:#3a579a;
}
.NavMenu .social a.facebook:hover{
background-color:#3a579a;
}
.NavMenu .social a.twitter{
border-bottom-color:#00abf0;
}
.NavMenu .social a.twitter:hover{
background-color:#00abf0;
}
.NavMenu .social  a.instagram{
border-bottom-color:#9c27b0;
}
.NavMenu .social  a.instagram:hover{
background-color:#9c27b0;
}
.NavMenu .social a.pinterest{
border-bottom-color:#ff9800;
}
.NavMenu .social a.pinterest:hover{
background-color:#ff9800;
}
.NavMenu .social a.ytube{
border-bottom-color:#ff0000;
}
.NavMenu .social a.ytube:hover{
background-color:#ff0000;
}
.NavMenu .social svg{
margin:auto;
width:20px;
height:20px;
vertical-align:-7px;
}
.NavMenu .social a.ytube svg{
width:22px;
height:22px;
}
.NavMenu .social a:hover svg path{
fill:#fff !important;
}
.NavMenu .social a.facebook svg path{
fill:#3a579a;
}
.NavMenu .social a.twitter svg path{
fill:#00abf0;
}
.NavMenu .social a.instagram svg path{
fill:#9c27b0;
}
.NavMenu .social a.pinterest svg path{
fill:#ff9800;
}
.NavMenu .social a.ytube svg path{
fill:#ff0000;
}
#igniplexSlider{
color:#fff;
margin:auto;
max-width:var(--igniplexWidthAll);
position:relative;
}
#igniplexSlider .PopularPosts{
width:100%;
overflow:auto;
}
#igniplexSlider .PopularPosts .widget-content{
opacity:0;
padding:15px 20px 0px;
}
#igniplexSlider .PopularPosts .title{
display:none;
}
#igniplexSlider .PopularPosts .inner{
display:grid;
grid-template-columns:2fr 1fr 1fr;
grid-gap:10px;
margin:0px;
padding:0px;
position:relative;
overflow:hidden;
}
#igniplexSlider .PopularPosts .post:hover{
animation-play-state:paused;
}
#igniplexSlider .PopularPosts .post:first-child{
grid-area:1 / 1 / 3 / 1;
}
#igniplexSlider .PopularPosts .post{
display:block;
border:0px;
margin:0px;
padding:0px;
border-radius:7px;
overflow:hidden;
}
#igniplexSlider.owl .PopularPosts .post{
border-radius:0px;
}
#igniplexSlider .PopularPosts .post:before{
display:none;
}
#igniplexSlider .PopularPosts .post:hover .item-thumbnail:after{
opacity:0;
}
#igniplexSlider .PopularPosts .post:hover .item-thumbnail img{
transform:scale(1.1);
}
#igniplexSlider .PopularPosts .item-content{
position:relative;
margin-top:0px;
margin-left:0px;
height:100%;
}
#igniplexSlider .PopularPosts .item-thumbnail{
margin:0px;
max-width:100%;
height:100%;
overflow:hidden;
}
#igniplexSlider .PopularPosts .item-thumbnail:after{
content:'';
background:linear-gradient(to bottom, transparent,rgba(0,0,0,1));
background:-webkit-linear-gradient(top, transparent,rgba(0,0,0,1));
position:absolute;
bottom:0px;
width:100%;
height:50%;
transition:all .2s ease;
}
#igniplexSlider .PopularPosts .item-thumbnail img{
width:100vw;
max-width:100%;
border-radius:7px;
transition:all .2s ease;
}
#igniplexSlider.owl .PopularPosts .item-thumbnail img{
border-radius:0px;
}
#igniplexSlider .PopularPosts .container{
position:absolute;
bottom:0px;
left:0px;
right:0px;
display:block;
padding:10px 15px;
}
#igniplexSlider .PopularPosts .post-labels{
font-size:.85rem;
color:#fff;
display:inline-block;
line-height:normal;
padding:1rem 0;
}
#igniplexSlider .PopularPosts .post-labels a{
background-color:var(--igniplexMainLight);
border-radius:3px;
color:#fff;
display:inline-block;
padding:.25rem .5rem;
transition:all .2s ease;
}
#igniplexSlider .PopularPosts .post-labels a:hover{
background-color:var(--igniplexLinkHover);
}
#igniplexSlider .PopularPosts .post:first-child .post-title{
font-size:1.5rem;
left:15px;
right:15px;
bottom:15px;
line-height:2.25rem;
}
#igniplexSlider .PopularPosts .post:not(:first-child) .post-title{
font-size:1.1rem;
left:12px;
right:12px;
bottom:10px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
line-height:1.5rem;
}
#igniplexSlider .PopularPosts .post-title a, #igniplexSlider .PopularPosts .item-snippet{
color:#fff;
text-shadow:0 2px 10px #000, 0 1px 1px rgba(0,0,0,.5);
}
#igniplexSlider.owl{
max-width:100%;
}
#igniplexSlider.owl .PopularPosts .widget-content{
padding:0;
}
#igniplexSlider.owl .PopularPosts .inner{
display:block;
}
#igniplexSlider.owl .PopularPosts .post{
width:100%;
}
#igniplexSlider.owl .PopularPosts .container{
padding:40px 30px !important;
top:unset;
text-align:center;
}
#igniplexSlider.owl .PopularPosts .post:first-child .post-title{
font-size:1.5rem;
line-height:2rem;
}
main{
max-width:var(--igniplexWidthAll);
margin:auto;
padding:20px;
}
.isSingle main{
padding-top:0px;
margin-top:280px;
}
#HTML1 .widget-content{
margin-bottom:20px;
text-align:center;
}
.isPost #HTML1 .widget-content{
margin-bottom:30px;
}
#igniplex{
display:inline-block;
width:100%;
max-width:100%;
}
.isPage #igniplex{
display:block;
}
#igniel, .isPost #igniel{
width:calc(100% - (300px + 20px));
max-width:var(--igniplexWidthLeft);
float:left;
display:inline-block;
}
body .isPage main {margin-top:199px}
.isPage #igniel{}
#main{
width:calc(100% - var(--igniplexWidthMiddle));
float:left;
}
.isSingle #main{
width:auto;
float:none;
}
.igniplexTitle{
display:block;
padding:0px;
margin:0px;
position:absolute;
top:50px;
left:0px;
right:0px;
transition:all .2s ease;
}
.breadcrumb{
color:var(--igniplexTabsLight);
margin-bottom:.8rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
transition:all .2s ease;
}
.breadcrumb a{
color:var(--igniplexTabsLight);
}
.breadcrumb a:hover{
text-decoration:underline;
}
.breadcrumb a:not(:last-child):after{
content:'';
display:inline-block;
vertical-align:middle;
width:15px;
height:15px;
margin:0px 3px;
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='%23fff'/%3E%3C/svg%3E") center no-repeat;
}
.post-info{
color:var(--igniplexTabsLight);
display:inline-block;
font-size:.85rem;
line-height:1.5rem;
margin-top:1.25rem;
transition:color .2s ease;
}
.post-info a{
color:var(--igniplexTabsLight);
}
.post-info a:hover{
text-decoration:underline;
}
.post-info > span:not(:first-child):before{
content:'\2014';
margin:0px 3px;
}
.isSingle .igniplexTitle, .post-filter-message{
margin-bottom:30px;
background-color:var(--igniplexMainLight);
background-image:linear-gradient(110deg,transparent 75%,rgba(255,255,255,.1) 75%,rgba(255,255,255,.1) 81.5%,rgba(255,255,255,.2) 0%,rgba(255,255,255,.2));
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.isSingle .igniplexTitle .inner, .post-filter-message .inner{
max-width:var(--igniplexWidthAll);
margin:auto;
padding:30px 30px 66px;
}
.category-desc p {color:#fff}
.isSingle .entry-title, .post-filter-message .title{
color:var(--igniplexBigTitle);
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif;
font-weight:800;
font-size:3rem;
margin:0px;
display:block;
line-height:4rem;
}
.igniplexTitle.post-filter-message{
position:relative;
top:0px;
}
#breadcrumbs{list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9ebee}
#breadcrumbs span{display:inline}
#breadcrumbs span a{display: inline-block; text-decoration: none; padding:0 3px;color: #e9ebee}
#breadcrumbs > span > span a {padding-left:0}
#breadcrumbs span a:hover{text-decoration:none;color:#ffeb3b}
#breadcrumbs .fa-chevron-right:before{color:#dadada;font-size:11px;padding:0 5px}
.post-filter-message .inner .title{
margin-bottom:10px;
}
.igniplexWave{
position:absolute;
width:100%;
height:70px;
bottom:-1px;
left:0px;
right:0px;
overflow:hidden;
}
.igniplexWave path{
fill:var(--igniplexBodyLight);
transition:all .2s ease;
}
.igniplexWave path:not(:first-child){
opacity:.5;
}
.blog-posts{
display:grid;
grid-gap:20px;
grid-template-columns:1fr 1fr;
}
.blog-posts .infeed{
width:100%;
display:block;
padding:0px;
margin-bottom:20px;
}
.post-outer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
background-color:var(--igniplexPostLight);
border-radius:7px;
overflow:hidden;
transition:background-color .2s ease;
}
.post-outer .post{
align-self:flex-start;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
flex-grow:1;
flex-basis:100%;
width:100%;
}
.post-outer .post:hover .snippet-thumbnail img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
.post-footer{
font-size:.85rem;
color:var(--igniplexIcons);
margin-top:15px;
}
.post-footer >*{
display:block;
}
.post-footer a{
color:var(--igniplexIcons);
}
.isSingle .blog-posts{
display:block;
}
.post .content, .post-footer-bottom .inner{
padding:15px;
}
.content .post-timestamp, .post-footer-bottom, .post-footer-bottom a{
color:var(--igniplexIcons);
font-size:.85rem;
}
.content .post-timestamp{
display:block;
margin-bottom:7px;
}
.post-timestamp{
cursor:help;
}
.post-title.entry-title{
font-size:1.1rem;
margin-bottom:0px;
}
.post-title.entry-title a{
color:var(--igniplexTextLight);
}
.post-title.entry-title a:hover{
color:var(--igniplexMainLight);
}
.post .snippet-thumbnail{
width:100%;
line-height:0px;
overflow:hidden;
}
.post .snippet-thumbnail > a{
display:block;
}
.post .snippet-thumbnail img{
width:100%;
border-radius:7px 7px 0px 0px;
transition:transform .2s ease, filter .2s ease, opacity .3s linear;
-webkit-transition:-webkit-transform .2s ease, -webkit-filter .2s ease, opacity .3s linear;
}
.post-snippet{
display:none;
color:var(--igniplexSingleLight);
font-size:.925rem;
margin-top:15px;
transition:all .2s ease;
}
.post-footer-bottom{
align-self:flex-end;
overflow:hidden;
white-space:nowrap;
width:100%;
line-height:normal;
}
.post-footer-bottom .inner{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:flex-end;
justify-content:space-between;
padding-top:5px;
}
.post-footer-bottom .meta{
display:none;
}
.post-footer-bottom a:hover{
color:var(--igniplexMainLight);
}
.post-footer-bottom svg{
width:1.1rem;
height:1.1rem;
margin-right:.2rem;
vertical-align:-.25rem;
}
.post-footer-bottom svg path{
fill:var(--igniplexIcons);
}
.post-footer-bottom .post-labels{
overflow:hidden;
text-overflow:ellipsis;
margin-right:10px;    display: inline-block;
white-space: nowrap;}
.post-footer-bottom .post-labels a {white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.post-footer-bottom .post-labels a:not(:first-of-type){
display:none;
}
.isPost .post-labels a{
background-color:var(--igniplexBodyLight);
border-radius:3px;
color:var(--igniplexSingleLight);
display:inline-block;
padding:.15rem .65rem;
margin-top:7px;
}
.isPost .post-labels a:hover, .igniplexDark.isPost .post-labels a:hover{
background-color:var(--igniplexMainLight);
color:#fff;
}
.isPost .post-labels a:before{
content:'#';
}
.isPost .post-labels a:not(:last-child){
margin-right:7px;
}
.isSingle .post-outer{
display:block;
width:auto;
background-color:transparent;
border-radius:0px;
box-shadow:none;
border:0px;
overflow:unset;
}
.isSingle .post-outer .post, .igniplexAuthor{
display:block;
background-color:var(--igniplexPostLight);
padding:15px 20px;
border-radius:7px;
transition:background-color .2s ease;
}
.isSingle .post-body{
font-size:1.15rem;
color:var(--igniplexSingleLight);
line-height:2rem;
transition:all .2s ease;
}
.isSingle .post-body a{
color:var(--igniplexLinkSingle);
}
.isSingle .post-body a:hover{
color:var(--igniplexLinkHover);
}
.isSingle .post-body img{
max-width:100%;
width:auto;
height:auto;
display:block;
margin:auto;
text-align:center;
clear:both;
}
.isSingle .post-body .separator img{
margin:auto;
display:block;
text-align:center;
}
.iklanAtas ins{
display:block;
margin:auto auto 20px;
text-align:center
}
.igniplexRelatedMiddle{
border-bottom:1px solid var(--igniplexMainLight);
font-weight:600;
font-size:1rem;
display:block;
margin:20px 0px !important;
padding-bottom:15px !important;
text-align:left;
line-height:1.5rem;
}
.igniplexRelatedMiddle .thumb, .igniplexRelatedMiddle img{
width:100%;
height:100%;
max-width:75px !important;
max-height:56px !important;
overflow:hidden;
border-radius:3px;
transition:all .2s ease;
}
.igniplexRelatedMiddle .thumb{
margin-right:15px;
}
.igniplexRelatedMiddle .judul{
font-size:1.15rem;
padding:10px 0px 0px;
position:relative;
z-index:1;
}
.igniplexRelatedMiddle .judul:before{
content:'';
background-color:var(--igniplexPostLight);
width:100px;
height:2px;
position:absolute;
top:62.5%;
left:0px;
z-index:-1;
transition:background-color .2s ease;
}
.igniplexRelatedMiddle .judul:after{
content:'';
width:100%;
position:absolute;
top:65%;
left:0px;
border-top:1px solid var(--igniplexMainLight);
z-index:-2;
transition:all .2s ease;
}
.igniplexRelatedMiddle .judul span{
color:var(--igniplexMainLight);
background-color:var(--igniplexPostLight);
padding-right:15px;
transition:background-color .2s ease;
}
.igniplexRelatedMiddle ul{
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:30px;
padding:0;
height:80px;
position:relative;
}
.igniplexRelatedMiddle ul.noimg{
display:block;
margin:0;
}
.igniplexRelatedMiddle ul li{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:flex-start;
padding:0;
border:0;
transition:border-color .2s ease;
}
.igniplexRelatedMiddle ul.noimg li{
list-style-type:none;
padding:10px 0;
border-bottom:1px dashed rgba(0,0,0,.2);
}
.igniplexRelatedMiddle ul.noimg li:before{
content:'';
width:20px;
height:20px;
min-width:20px;
min-height:20px;
margin-top:3px;
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='%234b4f56'/%3E%3C/svg%3E") center no-repeat;
}
.igniplexRelatedMiddle ul.noimg li:last-child{
border:0px; padding-bottom:0px;
}
.isPost .igniplexRelatedMiddle ul li a{
color:var(--igniplexTextLight);
}
.isPost .igniplexRelatedMiddle ul li a:hover{
color:var(--igniplexMainLight);
}
.igniplexRelatedMiddle ul li a img:hover, .igniplexRelatedMiddle ul li:hover img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
.igniplexShare{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
align-items:center;
background-color:var(--igniplexPostLight);
margin-top:30px;
padding:10px 0px 0px;
bottom:0px;
z-index:1;
transition:background-color .2s ease;
}
.igniplexShare svg{
width:17px;
height:17px;
vertical-align:-4px;
}
.igniplexShare svg path{
fill:var(--igniplexIcons);
transition:all .2s ease;
}
.igniplexShare a{
width:100%;
padding:10px 0px;
border-top-width:3px;
border-top-style:solid;
text-align:center;
box-shadow:none;
transition:all .2s ease;
}
.igniplexShare a:hover svg path{
fill:#fff !important;
}
.igniplexShare a.facebook{
border-color:#3a579a;
}
.igniplexShare a.facebook:hover{
background-color:#3a579a;
}
.igniplexShare a.facebook svg path{
fill:#3a579a;
}
.igniplexShare a.twitter{
border-color:#00abf0;
}
.igniplexShare a.twitter:hover{
background-color:#00abf0;
}
.igniplexShare a.twitter svg path{
fill:#00abf0;
}
.igniplexShare a.pinterest{
border-color:#cd1c1f;
}
.igniplexShare a.pinterest:hover{
background-color:#cd1c1f;
}
.igniplexShare a.pinterest svg path{
fill:#cd1c1f;
}
.igniplexShare a.linkedin{
border-color:#2554BF;
}
.igniplexShare a.linkedin:hover{
background-color:#2554BF;
}
.igniplexShare a.linkedin svg path{
fill:#2554BF;
}
.igniplexShare a.tumblr{
border-color:#314358;
}
.igniplexShare a.tumblr:hover{
background-color:#314358;
}
.igniplexShare a.tumblr svg path{
fill:#314358;
}
.igniplexShare a.whatsapp{
border-color:#4dc247;
}
.igniplexShare a.whatsapp:hover{
background-color:#4dc247;
}
.igniplexShare a.whatsapp svg path{
fill:#4dc247;
}
.igniplexShare a.messenger{
border-color:#448AFF;
}
.igniplexShare a.messenger:hover{
background-color:#448AFF;
}
.igniplexShare a.messenger svg path{
fill:#448AFF;
}
.igniplexShare a.telegram{
border-color:#0088cc;
}
.igniplexShare a.telegram:hover{
background-color:#0088cc;
}
.igniplexShare a.telegram svg path{
fill:#0088cc;
}
.igniplexAuthor{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:flex-start;
margin-top:20px;
}
.igniplexAuthor .avatar{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.igniplexAuthor .avatar{
width:81px;
height:81px;
min-width:81px;
min-height:81px;
margin-right:20px;
}
.igniplexAuthor .avatar:before{
content:'';
background:linear-gradient(to bottom, #ffa546, #c42286);
background:-webkit-linear-gradient(top, #ffa546, #c42286);
background-color:var(--igniplexMainLight);
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
margin:auto;
border-radius:100px;
animation:ignielSpin 3s linear infinite normal;
-moz-animation:ignielSpin 3s linear infinite normal;
-webkit-animation:ignielSpin 3s linear infinite normal;
-o-animation:ignielSpin 3s linear infinite normal;
}
.igniplexAuthor .avatar:before{
width:81px;
height:81px;
}
.igniplexAuthor img{
border:3px solid #fff;
position:relative;
border-radius:100px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z' fill='%23ddd'/%3E%3C/svg%3E") center / 65px no-repeat;
transition:all .2s ease;
}
.igniplexAuthor img{
width:75px;
height:75px;
}
.igniplexAuthor .bottom{
width:100%;
flex-grow:1;
}
.igniplexAuthor .author-name{
font-size:1.15rem;
font-weight:600;
margin-bottom:7px;
}
.igniplexAuthor .author-name:after{
content:'';
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='%234285F4'/%3E%3C/svg%3E") center no-repeat;
width:15px;
height:15px;
vertical-align:-2px;
}
.igniplexAuthor .author-name a{
color:var(--igniplexTextLight);
}
.igniplexAuthor .author-name a:hover{
color:var(--igniplexMainLight);
}
.igniplexAuthor .author-desc{
color:var(--igniplexIcons);
font-size:.95rem;
line-height:1.35rem;
}
#top-continue.continue, #comments .footer{
display:block;
margin:25px auto;
text-align:center;
letter-spacing:2px;
}
#top-continue.continue a, #comments .footer a{
background-color:var(--igniplexMainLight);
color:#fff;
cursor:pointer;
font-weight:600;
text-transform:uppercase;
padding:10px 20px;
border-radius:3px;
}
#top-continue.continue a:hover, #comments .footer a:hover{
background-color:var(--igniplexLinkHover);
}
#comments .title{
text-transform:capitalize;
}
footer .footer-inner{
display:grid;
grid-gap:20px;
grid-template-columns:1fr 1fr 1fr;
max-width:var(--igniplexWidthAll);
margin:auto;
padding:0px 20px;
}
footer .widget-content{
background-color:var(--igniplexFooter);
color:var(--igniplexTextFooter);
line-height:1.5rem;
margin-bottom:30px;
padding:15px 20px;
border-radius:7px;
}
footer .footer-inner .widget:last-child .widget-content{
margin-bottom:10px;
}
footer .widget-content a{
color:var(--igniplexLinkFooter);
}
footer .attribution{
font-size:.75rem;
padding:0px 15px 15px;
margin:auto;
text-align:center;
}
#middlebar{
float:right;
position:sticky;
position:-webkit-sticky;
top:10px;
transition:top .2s ease;
}
#middlebar .widget-content{
width:calc(var(--igniplexWidthMiddle) - 20px);
margin-left:20px;
position:relative;
height:auto;
}
#middlebar .title{
margin:0px 0px 10px 20px;
}
#middlebar a{
color:var(--igniplexTextLight);
}
#middlebar a:hover{
color:var(--igniplexMainLight);
}
#middlebar ul{
display:grid;
grid-gap:20px;
grid-template-columns:repeat(1, 1fr);
}
#middlebar ul, #middlebar li{
list-style:none;
list-style-type:none;
margin:0px;
padding:0px;
}
#middlebar ul li, #middlebar ul.noimage{
background-color:var(--igniplexPostLight);
border-radius:7px;
transition:all .2s ease;
}
#middlebar ul.noimage{
grid-gap:10px;
padding:7px 12px;
}
#middlebar ul.noimage li, .igniplexDark #middlebar ul.noimage li{
background-color:transparent;
border-radius:0;
box-shadow:none;
}
#middlebar ul.noimage li:not(:last-of-type){
padding-bottom:10px;
border-bottom:1px dashed var(--igniplexTabsLight);
}
#middlebar .noimage .text{
padding:0;
}
#middlebar .text{
line-height:1.5rem;
padding:7px 12px;
}
#middlebar .thumb{
border-radius:7px 7px 0px 0px;
overflow:hidden;
}
#middlebar img{
width:100%;
max-width:200px;
height:auto;
transition:all .2s ease;
}
#middlebar img:hover, #middlebar li:hover img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
#middlebar .ignielRipple div{
border-color:var(--igniplexMainLight);
}
.sidebar, .isPost .sidebar{
width:var(--igniplexWidthRight);
margin-left:20px;
float:right;
}
.sidebar img, footer img{
max-width:100%;
}
.sidebar .widget{
margin-bottom:30px;
}
.sidebar .title,  footer .title{
margin:0px 0px 15px;
}
.sidebar .widget ul, .sidebar .widget ol, footer .widget ul, footer .widget ol{
list-style:none;
margin:0px;
padding:0px;
}
.sidebar .widget-content{
background-color:var(--igniplexPostLight);
padding:15px;
border-radius:7px;
transition:background-color .2s ease;
}
.sidebar #HTML5 .widget-content{
background-color:transparent;
box-shadow:none;
padding:0px;
}
.sidebar #HTML2, .sidebar #HTML2 .widget-content, .sidebar #HTML4, .sidebar #HTML4 .widget-content{
background-color:transparent;
padding:0px;
border:0px;
border-radius:0px;
box-shadow:none;
}
.sidebar .Feed .widget-content{
background-color:var(--igniplexMainLight);
color:#fff;
}
.Feed ul li{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
}
.Feed ul li:not(:last-child){
margin-bottom:10px !important;
padding-bottom:10px !important;
border-bottom:1px dashed rgba(255,255,255,.5);
transition:border-color .2s ease;
}
.Feed ul li:before{
content:'';
align-self:flex-start;
min-height:17px;
min-width:17px;
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='M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
}
.Feed ul li a{
color:#fff;
margin-top:-3px;
}
.Feed ul li a:hover{
color:#fff;
}
.Feed .item-title{
width:calc(100% - 25px);
margin-top:-3px;
}
.Feed .item-date, .Feed .item-author{
font-size:.85rem;
font-style:italic;
}
.PopularPosts ul{
counter-reset:igniplexPopular;
}
.PopularPosts ul li{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
clear:both;
margin-bottom:15px;
padding-bottom:15px;
position:relative;
border-bottom:1px dashed var(--igniplexTabsLight);
transition:all .2s ease;
}
.PopularPosts ul.noimage li{
margin-bottom:10px;
padding-bottom:10px;
}
footer .PopularPosts ul li{
border-color:rgba(255,255,255,.35);
}
.PopularPosts ul li:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:0px;
}
.PopularPosts ul li:before{
content:counter(igniplexPopular);
counter-increment:igniplexPopular;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
background-color:var(--igniplexMainLight);
position:absolute;
top:0;
left:0;
font-size:.85rem;
color:#fff;
z-index:1;
width:20px;
height:20px;
border:2px solid var(--igniplexPostLight);
border-radius:100px;
transition:all .2s ease;
}
.PopularPosts ul.noimage li:before, .igniplexDark .PopularPosts ul.noimage li:before{
content:counter(igniplexPopular)'.';
align-items:flex-start;
background-color:transparent;
border:0;
color:var(--igniplexTextLight);
font-size:1.5rem;
font-style:italic;
margin-right:10px;
position:static;
white-space:nowrap;
width:auto;
height:auto;
}
footer .PopularPosts ul li:before{
background-color:#fff;
color:var(--igniplexFooter);
border-color:var(--igniplexFooter);
}
.PopularPosts .item-thumbnail{
min-width:75px;
max-width:75px;
margin-left:10px;
}
.PopularPosts .item-thumbnail img{
width:75px;
transition:all .2s ease;
border-radius:3px 25px;
}
.PopularPosts .item-content{
margin-left:15px;
}
.PopularPosts .noimage .item-content{
margin-left:0px;
}
.PopularPosts .item-title{
font-weight:600;
line-height:initial;
}
.PopularPosts .noimage.nodesc .item-title{
font-family:var(--igniplexFontNormal);
font-weight:400;
line-height:1.5rem;
}
.PopularPosts .item-title a{
color:var(--igniplexTextLight);
}
.PopularPosts .item-title a:hover{
color:var(--igniplexMainLight);
}
footer .PopularPosts .item-title a, footer .PopularPosts .item-title a:hover{
color:#fff;
}
.PopularPosts .item-snippet{
font-size:.85rem;
color:var(--igniplexIcons);
margin-top:5px;
line-height:1.25rem;
}
.wp-caption{max-width:100%;height:auto;background:#efefef;text-align:center;padding:0;margin-bottom: 15px}
.wp-caption img{max-width:100%;height:auto;margin:0;padding:0;border:0}
.mega-wrap-page .item-page .wp-caption a img{max-width:99%;min-width:99%;height:auto;margin:0 0 5px;padding:0;border:0}
.wp-caption p.wp-caption-text{margin:0;padding:6px;font-weight:400;font-style:italic;line-height:18px}
#wp_page_numbers,#wp_page_numbers ul{width:100%;margin-top:10px}
#wp_page_numbers a,
#wp_page_numbers li,
#wp_page_numbers ul{border:0;text-decoration:none;font-weight:400;font-style:normal;list-style:none;text-transform:none;text-indent:0;font-variant:normal;text-align:left;line-height:12px;letter-spacing:0;word-spacing:0;font-size:14px;margin:0;padding:0}
#wp_page_numbers li{float:left;display:block;margin-bottom:2px}
#wp_page_numbers a{background:#FFF;margin-left:2px;margin-right:2px;display:block;color:#333;border:1px solid #bfbfbf;padding:10px 15px}
#wp_page_numbers li a:hover{border-color:#ba0000}
#wp_page_numbers li.space{padding:6px 2px}
#wp_page_numbers li.first_last_page{font-style:italic}
#wp_page_numbers li.active_page a{border-color:#0075b8}
#wp_page_numbers li.active_page a:hover{color:#000;text-decoration:underline;border-color:#ba0000}
#wp_page_numbers li.page_info{background:#FFF;float:left;display:block;margin-right:2px;color:#666;font-size:14px;border:1px solid #bfbfbf;padding:10px}

footer .PopularPosts .item-snippet{
color:var(--igniplexTabsLight);
}
#main .FeaturedPost{
margin-bottom:20px;
position:relative;
}
#main .FeaturedPost .title{
position:absolute;
top:10px;
left:10px;
background-color:var(--igniplexMainLight);
color:#fff;
font-size:.85rem;
padding:.35rem .65rem;
border-radius:3px;
z-index:1;
}
.widget.FeaturedPost .title::first-letter{
background-color:transparent;
color:inherit;
margin-right:0px;
padding:0px;
}
.FeaturedPost .widget-content{
overflow:hidden;
padding:0px !important;
border:0px !important;
}
.FeaturedPost .widget-content .post:hover .snippet-thumbnail img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
.FeaturedPost .snippet-thumbnail{
border-radius:7px 7px 0px 0px;
line-height:0px;
overflow:hidden;
height:100%;
}
.FeaturedPost .snippet-thumbnail img{
transition:all .2s ease;
}
.FeaturedPost .post-title{
font-size:1.25rem;
margin:15px 15px 0px;
overflow:hidden;
line-height:initial;
}
.FeaturedPost .post-title a{
color:var(--igniplexTextLight);
}
.FeaturedPost .post-title a:hover{
color:var(--igniplexMainLight);
}
.FeaturedPost .post-snippet{
display:block;
line-height:1.5em;
color:var(--igniplexSingleLight);
margin:10px 15px 15px;
padding:0;
overflow:hidden;
}
.FollowByEmail .title, .FollowByEmail .icon{
text-align:center;
}
.FollowByEmail .icon svg{
width:50px;
height:50px;
-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;
}
.FollowByEmail .icon svg path{
fill:var(--igniplexMainLight);
}
footer .FollowByEmail .icon svg path{
fill:var(--igniplexMainLight);
}
.FollowByEmail button svg{
width:24px;
height:24px;
vertical-align:-5px;
}
.FollowByEmail button svg path{
fill:var(--igniplexMainLight);
}
.FollowByEmail button:hover svg path{
fill:var(--igniplexLinkHover);
}
footer .FollowByEmail button svg path{
fill:#fff;
}
.FollowByEmail form{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}
.FollowByEmail form input[type="email"]{
background-color:var(--igniplexBodyLight);
color:var(--igniplexSingleLight);
padding:0px 15px;
flex-grow:1;
width:100%;
height:40px;
border-radius:7px;
transition:all .2s ease;
}
footer .FollowByEmail form input[type="email"]{
background-color:#fff;
}
.FollowByEmail button{
background-color:transparent;
margin:0;
padding:0;
position:absolute;
right:10px;
}
footer .FollowByEmail button{
background-color:var(--igniplexLinkFooter);
}

#sidebarSticky{
position:sticky;
position:-webkit-sticky;
top:10px;
transition:top .2s ease;
}
/* 404 Page Not Found */
#igniplex404{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
align-content:center;
justify-content:center;
font-size:3rem;
text-align:center;
padding:30px;
width:100%;
height:100%;
line-height:3.5rem;
transition:all .2s ease;
}
#igniplex404 svg{
width:15rem;
height:15rem;
}
#igniplex404 svg path{
fill:var(--igniplexMainLight);
}
#igniplex404 .icon{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:center;
font-size:15rem;
color:var(--igniplexMainLight);
width:100%;
transition:all .2s ease;
}
#igniplex404 .text{
margin-top:15px;
width:100%;
}
#igniplex404 .home{
font-size:1.25rem;
margin-top:15px;
}
#igniplex404 .home a{
background-color:var(--igniplexMainLight);
color:#fff;
padding:.5rem .75rem;
border-radius:5px;
}
#igniplex404 .home a:hover{
background-color:var(--igniplexLinkHover);
}
/* AdBlock */
#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;
}
#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;
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:#009688;
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;
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;
}
#ignielPagination:before{
content:'PAGES';
color:var(--igniplexMainLight);
margin-right:.85rem;
margin-top:.85rem;
}
#ignielPagination a, #ignielPagination .selected{
border:1px solid var(--igniplexMainLight);
padding:.15rem .75rem;
margin:.75rem .75rem  0px 0px;
border-radius:3px;
transition:all .2s ease;
}
#ignielPagination a{
color:var(--igniplexMainLight);
}
#ignielPagination a:last-child {
margin-right:0px;
}
#ignielPagination a:hover{
background-color:var(--igniplexMainLight);
color:#fff;
text-decoration:none;
}
#ignielPagination a:hover:before{
display:none;
}
#ignielPagination a:after{
display:none;
}
#ignielPagination .selected{
background-color:var(--igniplexMainLight);
color:#fff;
cursor:not-allowed;
}
/* Blog Pager */
.blog-pager{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:space-between;
margin-top:30px;
position:relative;
}
.blog-pager a{
color:var(--igniplexTextLight);
display:inline-block;
}
.blog-pager a:hover{
coloe:var(--igniplexMainLight);
}
.blog-pager.infinite{
justify-content:center;
letter-spacing:2px;
}
.blog-pager.infinite .inner{
background-color:var(--igniplexMainLight);
border-radius:3px;
font-weight:600;
position:relative;
text-align:center;
transition:all .2s ease;
width:10rem;
}
.blog-pager.infinite .inner:hover{
background-color:var(--igniplexLinkHover);
}
.blog-pager.infinite a{
color:#fff;
padding:.5rem .75rem;
}
.blog-pager.infinite a:hover{
color:#fff;
}
.blog-pager.infinite .loading{
padding:7px 10px;
cursor:not-allowed;
}
.blog-pager.infinite .loading svg{
width:20px;
height:20px;
vertical-align:-5px;
animation:ignielSpin .5s linear infinite normal;
-moz-animation:ignielSpin .5s linear infinite normal;
-webkit-animation:ignielSpin .5s linear infinite normal;
-o-animation:ignielSpin .5s linear infinite normal;
}
.blog-pager.infinite .loading svg path{
fill:#fff;
}
.blog-pager.number{
flex-wrap:wrap;
justify-content:center;
}
.blog-pager.number a, .blog-pager.number span{
background-color:var(--igniplexPostLight);
border-radius:3px;
margin:0px 7px 7px 0px;
padding:3px 12px;
transition:all .2s ease;
}
.blog-pager.number a{
color:var(--igniplexTextLight);
cursor:pointer;
}
.blog-pager.number a:hover{
background-color:var(--igniplexMainLight);
color:#fff;
}
.blog-pager.number .current, .blog-pager.number .dot{
cursor:not-allowed;
}
.blog-pager.number .current{
color:var(--igniplexMainLight);
}
.blog-pager.number .dot{
background-color:transparent;
}
/* Navigasi Blogger dengan Judul by igniel.com */
.blog-pager.stream{
align-items:flex-start;
}
.blog-pager.stream a{
color:var(--igniplexTextLight);
padding:0px;
}
.blog-pager.stream a:hover{
color:var(--igniplexMainLight);
}
.blog-pager.stream .left, .blog-pager.stream .home-link{
text-align:left;
margin-right:15px;
width:50%;
}
.blog-pager.stream .right, .blog-pager.stream .old-link{
text-align:right;
margin-left:15px;
width:50%;
}
.blog-pager.stream .text{
color:var(--igniplexIcons);
font-size:.85rem;
letter-spacing:1px;
text-transform:uppercase;
transition:all .2s ease;
}
.blog-pager.stream .title{
font-size:1.15rem;
margin-bottom:0px !important;
text-transform:none;
line-height:1.5rem;
}
.blog-pager.stream .nolink{
cursor:not-allowed;
display:block;
}
.blog-pager.stream .right .text:after{
content:'';
margin-left:5px;
width:22px;
height:22px;
vertical-align:-7px;
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='M23,12L19,16V13H6.83C6.42,14.17 5.31,15 4,15A3,3 0 0,1 1,12A3,3 0 0,1 4,9C5.31,9 6.42,9.83 6.83,11H19V8L23,12Z' fill='%23757575'/%3E%3C/svg%3E") center no-repeat;
}
.blog-pager.stream .left .text:before{
content:'';
margin-right:5px;
width:22px;
height:22px;
vertical-align:-7px;
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='M1,12L5,16V13H17.17C17.58,14.17 18.69,15 20,15A3,3 0 0,0 23,12A3,3 0 0,0 20,9C18.69,9 17.58,9.83 17.17,11H5V8L1,12Z' fill='%23757575'/%3E%3C/svg%3E") center no-repeat;
}
.blog-pager.stream .home-link .text:before{
content:'';
margin-right:3px;
width:17px;
height:17px;
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='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='%23757575'/%3E%3C/svg%3E") center / 15px no-repeat;
}
.blog-pager.stream .old-link .text:after{
content:'';
margin-left:3px;
width:17px;
height:17px;
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='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='%23757575'/%3E%3C/svg%3E") center / 15px no-repeat;
}
.igniplexRelated{
font-weight:600;
margin-top:30px;
line-height:1.5rem
}
.igniplexRelated .title{
text-transform:capitalize;
}
.igniplexRelated ul{
display:grid;
grid-gap:20px;
grid-template-columns:repeat(3, 1fr);
margin:0px;
padding:0px;
height:70px;
position:relative;
}
.igniplexRelated ul.noimg{
background-color:var(--igniplexPostLight);
display:block;
counter-reset:igniplexRelated;
padding:10px 15px;
border-radius:7px;
}
.igniplexRelated ul.noimg li:before {
content:'0'counter(igniplexRelated)'.';
counter-increment:igniplexRelated;
color:var(--igniplexTextLight);
font-size:1.75em;
font-weight:400;
margin-right:10px;
white-space:nowrap;
}
.igniplexRelated ul.noimg li{
background-color:transparent;
box-shadow:none;
width:auto;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:center;
margin:0px;
border-radius:0px;
}
.igniplexRelated ul.noimg li:not(:last-child) {
border-bottom:1px dashed var(--igniplexTabsLight);
margin-bottom:7px;
padding-bottom:7px;
}
.igniplexRelated ul li{
background-color:var(--igniplexPostLight);
list-style:none;
border-radius:7px;
transition:all .2s ease;
}
.igniplexRelated a{
color:var(--igniplexTextLight);
}
.igniplexRelated a:hover{
color:var(--igniplexMainLight);
}
.igniplexRelated ul.noimg a{
display:block;
font-weight:400;
padding:10px 0px;
}
.igniplexRelated .thumb{
overflow:hidden;
line-height:0px;
border-radius:7px 7px 0px 0px;
}
.igniplexRelated .thumb img{
width:100%;
transition:all .2s ease;
}
.igniplexRelated .thumb img:hover, .igniplexRelated .thumb:hover img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
.igniplexRelated .text{
padding:15px;
}
.igniplexRelated .text a{
display:block;
}
.igniplexRelated .norelated{
text-align:center;
font-weight:600;
}
/* Contact Form */
#kontak{
display:block;
margin:auto;
color:var(--igniplexSingleLight);
transition:all .2s ease;
}
#kontak .top{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:50%;
background-color:var(--igniplexBodyLight);
border-radius:5px;
padding:15px;
border:1px solid var(--igniplexTabsLight);
transition:all .2s ease;
}
#ContactForm1_contact-form-email{
margin-left:20px;
}
#ContactForm1_contact-form-email-message{
width:100%;
transition:all .2s ease;
background-color:var(--igniplexBodyLight);
border-radius:5px;
padding:12px 15px;
resize:none;
margin:20px 0px;
height:150px;
border:1px solid var(--igniplexTabsLight);
transition:all .2s ease;
}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{
outline:none;
background-color:var(--igniplexPostLight);
border:1px solid var(--igniplexMainLight);
}
#ContactForm1_contact-form-submit{
border-radius:100px;
padding:10px 15px;
font-size:1.15rem;
font-weight:600;
cursor:pointer;
color:#fff;
background-color:var(--igniplexMainLight);
background-position:center;
box-shadow:0 0 4px #999;
transition:background .3s;
}
#kontak .bottom{
margin-top:20px;
}
.contact-form-error-message-with-border, .contact-form-success-message-with-border{
color:#856404;
background-color:#fff3cd;
border:1px solid #ffeeba;
padding:10px;
border-radius:5px;
}
#kontak img.contact-form-cross{
cursor:pointer;
margin-left:5px;
display:inline-block;
vertical-align:middle;
}
/* Sitemap */
#sitemap2{
font-size:1rem;
line-height:1.75rem;
}
#sitemap2 .judul{
font-size:1.5rem;
text-align:center;
}
#sitemap2 table{
table-layout:fixed;
}
#sitemap2 th a{
color:#fff;
}
#sitemap2 th a:after{
content:'';
display:inline-block;
min-height:17px;
min-width:17px;
margin-left:7px;
vertical-align:-2px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,13V11H18V13H10M10,19V17H14V19H10M10,7V5H22V7H10M6,17H8.5L5,20.5L1.5,17H4V7H1.5L5,3.5L8.5,7H6V17Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
}
#sitemap2 td a{
color:var(--igniplexSingleLight);
transition:all .2s ease;
}
#sitemap2 td a:hover{
color:var(--igniplexLinkHover);
}
/* DARK MODE */
body.igniplexDark, .igniplexDark .igniplexSearch .search .input, .igniplexDark .FollowByEmail form input[type="email"], .igniplexDark #ContactForm1_contact-form-name, .igniplexDark #ContactForm1_contact-form-email, .igniplexDark #ContactForm1_contact-form-email-message, .igniplexDark .post-body table th, .igniplexDark.isPost .post-labels a, .igniplexDark .NavMenu .social, .igniplexDark blockquote:before, .igniplexDark .post-filter-message a{
background-color:var(--igniplexBodyDark);
}
.igniplexDark .NavMenu, .igniplexDark.isSingle .post-outer .post, .igniplexDark .post-outer, .igniplexDark .igniplexAuthor, .igniplexDark footer .widget-content, .igniplexDark #main .widget-content, .igniplexDark .post-body table tr:nth-child(odd) td, .igniplexDark .igniplexRelatedMiddle .judul:before, .igniplexDark .igniplexRelatedMiddle .judul span, .igniplexDark .igniplexShare, .igniplexDark .igniplexAuthor img, .igniplexDark #comments .comment-thread ol > li, .igniplexDark #comments #comments-block .comment, .igniplexDark .sidebar .widget-content, .igniplexDark #ContactForm1_contact-form-name:focus, .igniplexDark #ContactForm1_contact-form-email:focus, .igniplexDark #ContactForm1_contact-form-email-message:focus, .igniplexDark .owl-dots .owl-dot.active span, .igniplexDark .igniplexRelated ul li, .igniplexDark .igniplexRelated ul.noimg, .igniplexDark #middlebar ul li, .igniplexDark #middlebar ul.noimage, .igniplexDark .blog-pager.number a, .igniplexDark .blog-pager.number .current, .igniplexDark blockquote, .igniplexDark .comment-form{
background-color:var(--igniplexPostDark);
}
.igniplexDark .blog-pager.infinite .inner, .igniplexDark #igniplexHeader, .igniplexDark.isSingle .igniplexTitle, .igniplexDark .post-filter-message, .igniplexDark #igniplexSlider .PopularPosts .post-labels a, .igniplexDark #main .FeaturedPost .title, .igniplexDark #top-continue.continue a, .igniplexDark #comments .footer a{
background-color:var(--igniplexMainDark);
}
.igniplexDark .totop, .igniplexDark footer .PopularPosts ul li:before, .igniplexDark .PopularPosts ul li:before{
background-color:var(--igniplexTextDark);
}
.igniplexDark .totop:hover, .igniplexDark #igniplexSlider .PopularPosts .post-labels a:hover, .igniplexDark .blog-pager.infinite .inner:hover, .igniplexDark #top-continue.continue a:hover, .igniplexDark #comments .footer a:hover, .igniplexDark .owl-dots .owl-dot:hover span, .igniplexDark .blog-pager.number a:hover{
background-color:var(--igniplexMainLight);
}
.igniplexDark .NavMenu .head{
background-color:#141e27;
}
.igniplexDark .MenuList > ul li:hover > a, .igniplexDark .MenuList ul > li.open > a, .igniplexDark nav ul li:hover, .igniplexDark .post-body table tr:nth-child(even) td{
background-color:rgba(0,0,0,.1);
}
.igniplexDark.isSingle .post-outer, .igniplexDark .NavMenu .igniplexMode:hover{
background-color:transparent;
}
.igniplexDark #igniplexHeader label:hover{
background:rgba(255,255,255,.1) radial-gradient(circle, transparent 2%, rgba(255,255,255,.1) 2%) center/15000%;
}
html.igniplexDark, body.igniplexDark, .igniplexDark .post-body table.tr-caption-container td, .igniplexDark .NavMenu, .igniplexDark nav a, .igniplexDark .post-title.entry-title a, .igniplexDark .igniplexAuthor .author-name a, .igniplexDark #comments .comment .comment-header .user, .igniplexDark #comments .comment .comment-header .user a, .igniplexDark .widget .title, .igniplexDark .PopularPosts .item-title a, .igniplexDark .FeaturedPost .post-title a, .igniplexDark .blog-pager.stream .title, .igniplexDark .igniplexRelated ul li > a,
.igniplexDark.isPost .post-labels a, .igniplexDark #comments .comment .comment-actions a, .igniplexDark #comments .comment .comment-actions .item-control a, .igniplexDark #comments .comment-timestamp a:hover, .igniplexDark #comments .datetime a:hover, .igniplexDark.isPost .igniplexRelatedMiddle ul li a, .igniplexDark .igniplexRelatedMiddle .judul span, .igniplexDark #comments .comment:target .comment-content, .igniplexDark footer .PopularPosts .item-title a, .igniplexDark .igniplexRelated ul.noimg li:before, .igniplexDark #middlebar a, .igniplexDark .igniplexRelated a, .igniplexDark .igniplexSearch .search .input,.igniplexDark .blog-pager.number a, .igniplexDark .blog-pager.number .dot, .igniplexDark .post-body h1, .igniplexDark .post-body h2, .igniplexDark .post-body h3, .igniplexDark .post-body h4, .igniplexDark .post-body h5, .igniplexDark .PopularPosts ul.noimage li:before, .igniplexDark .blog-pager a, .igniplexDark .post-filter-message a{
color:var(--igniplexTextDark);
}
.igniplexDark .post-snippet, .igniplexDark.isSingle .post-body, .igniplexDark .FollowByEmail form input[type="email"], .igniplexDark .post-body table td.tr-caption, .igniplexDark #comments .comment .comment-content, .igniplexDark .comment .comment-body, .ignipexDark .comment .comment-body, .igniplexDark #kontak, .igniplexDark #sitemap2 td a, .igniplexDark .blog-pager.stream .text, .igniplexDark .PopularPosts .item-snippet, .igniplexDark .content .post-timestamp, .igniplexDark .post-footer-bottom, .igniplexDark .post-footer-bottom a, .igniplexDark .igniplexAuthor .author-desc, .igniplexDark .post-info, .igniplexDark .post-info a, .igniplexDark .breadcrumb, .igniplexDark .breadcrumb a{
color:var(--igniplexSingleDark);
}
.igniplexDark #igniplexHeader #header h1::first-letter, .igniplexDark #igniplexHeader #header h2::first-letter, .igniplexDark .PopularPosts ul li:before, .igniplexDark footer .PopularPosts ul li:before, 

.igniplexDark .FeaturedPost .post-title a:hover, .igniplexDark .post-title.entry-title a:hover, .igniplexDark.isPost .igniplexRelatedMiddle ul li a:hover, .igniplexDark #comments .comment .comment-header .user a:hover, .igniplexDark #comments .comment-author a, .igniplexDark #comments .comment .comment-actions a:hover, .igniplexDark #comments .comment .comment-actions .item-control a:hover, .igniplexDark .PopularPosts .item-title a:hover, .igniplexDark footer .PopularPosts .item-title a:hover, .igniplexDark .igniplexRelated ul li > a:hover, .igniplexDark .igniplexAuthor .author-name a:hover, .igniplexDark #middlebar a:hover, igniplexDark .igniplexRelated a:hover, .igniplexDark .Feed ul li a:hover, .igniplexDark footer .widget-content a, .igniplexDark .blog-pager.stream a:hover, .igniplexDark .post-footer-bottom a:hover{
color:var(--igniplexMainLight);
}
.igniplexDark blockquote{
color:var(--igniplexPostLight);
}
.igniplexDark .igniplexAuthor img, .igniplexDark .PopularPosts ul li:before, .igniplexDark footer .PopularPosts ul li:before, .igniplexDark .post-body table thead{
border-color:var(--igniplexPostDark);
}
.igniplexDark .post-body table td.tr-caption, .igniplexDark .PopularPosts ul li, .igniplexDark #ContactForm1_contact-form-name, .igniplexDark #ContactForm1_contact-form-email, .igniplexDark #ContactForm1_contact-form-email-message, .igniplexDark .igniplexRelatedMiddle ul.noimg li, .igniplexDark .igniplexRelated ul.noimg li:not(:last-child), .igniplexDark #middlebar ul.noimage li:not(:last-of-type), .igniplexDark .Feed ul li:not(:last-child){
border-color:var(--igniplexTabsDark);
}
.igniplexDark .igniplexRelatedMiddle .judul:after, .igniplexDark .igniplexRelatedMiddle{
border-color:var(--igniplexTextDark);
}
.igniplexDark.isPost .post-labels a{
border-color:var(--igniplexBodyDark);
}
.igniplexDark .NavMenu .head, .igniplexDark .NavMenu .social{
border-color:#141e27;
}
.igniplexDark .post-body table{
border-color:rgba(0,0,0,.15);
}
.igniplexDark blockquote:after{
border-color:var(--igniplexPostDark) var(--igniplexPostDark) rgba(255,255,255,.05) rgba(255,255,255,.05);
}
.igniplexDark .post-body table th, .igniplexDark .post-body table tr:nth-child(even) td{
border-right-color:var(--igniplexPostDark);
}
.igniplexDark .post-body table th:last-child, .igniplexDark .post-body table tr:nth-child(odd) td{
border-right-color:rgba(0,0,0,.15);
}
.igniplexDark .NavMenu:after{
border-bottom-color:#141e27;
}
.igniplexDark button:hover, .igniplexDark button.download:hover, .igniplexDark button.demo:hover, .igniplexDark blockquote{
box-shadow:inset 0 0 0 99999px rgba(0,0,0,.15);
}
.igniplexDark .igniplexWave path{
fill:var(--igniplexBodyDark);
}
.igniplexDark nav svg path, .igniplexDark .igniplexMenu nav svg path, .igniplexDark .FollowByEmail .icon svg path, .igniplexDark #comments .comment-message svg path, .igniplexDark #igniplexHeader .igniplexSearch .search .icon .close path, .igniplexDark .FollowByEmail button svg path{
fill:var(--igniplexTextDark);
}
.igniplexDark .post-footer-bottom svg path{
fill:var(--igniplexSingleDark);
}
.igniplexDark .FollowByEmail button:hover svg path{
fill:var(--igniplexMainLight);
}
.igniplexDark .NavMenu .head svg path.stroke{
stroke:var(--igniplexPostDark);
}
.igniplexDark.isSingle .igniplexTitle, .igniplexDark .post-filter-message{
background-image:linear-gradient(110deg,transparent 75%,rgba(255,255,255,.025) 75%,rgba(255,255,255,.025) 81.5%,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05));
}
.igniplexDark .igniplexRelatedMiddle ul.noimg li:before{
background-image: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='%23efefef'/%3E%3C/svg%3E");
}
.igniplexDark .totop{
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z' fill='%23212121'/%3E%3C/svg%3E");
}
.igniplexDark #comments .comment:target{
background-color:var(--igniplexTabsDark);
border-color:var(--igniplexIcons);
box-shadow:unset;
}
@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)}}
@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)}}@-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 ignielSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes ignielSpin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes ignielSpin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes ignielFadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes ignielFadein{from{opacity:0}to{opacity:1}}@-moz-keyframes ignielFadein{from{opacity:0}to{opacity:1}}
@media screen and (max-width:1024px){
#igniel{
width:auto;
max-width:100%;
float:none;
}
#main{
width:calc((100% - 250px) - 20px);
}
#middlebar .text{
font-family:var(--igniplexFont);
font-size:1rem;
font-weight:600;
padding:15px;
}
.sidebar{
width:auto;
float:none;
margin-left:0px;
}
#middlebar .widget-content{
width:250px;
}
#middlebar img{
max-width:100%;
}
.igniplexSearch .search .check:checked ~ .input, .igniplexSearch .search .input:focus{
width:calc(100vw - 73px);
}
}
@media screen and (max-width: 950px){
#header{
order:2;
justify-content:center;
}
.igniplexNavigation{
display:none;
}
.igniplexMenu{
order:1;
flex-grow:unset;
flex:unset;
margin-right:0px;
}
.header-right{
margin-right:20px;
}
#igniplexHeader .header-inner{
padding:5px 0px;
}
#igniplexHeader .igniplexMenu .icon{
display:block;
}
.igniplexSearch .search .check:checked ~ .input, .igniplexSearch .search .input:focus{
width:calc(100vw - 47px);
}
.MenuList{
position:absolute;
top:0px;
left:-90vw;
opacity:0;
visibility:hidden;
max-width:75vw;
width:auto;
height:100vh;
background-color:#fff;
z-index:4;
overflow-x:hidden;
overflow-y:auto;
transition:all .2s ease;
}
.MenuList .head{
padding:1rem;
}
.MenuList .head a{
line-height:0;
}
.MenuList .head .name{
margin:0 0 .5rem;
}
.MenuList .ava{
width:65px;
min-width:65px;
margin-right:30px;
}
.MenuList .ava img{
max-width:65px;
max-height:65px;
}
.MenuList nav{
padding-top:1rem;
padding-bottom:4rem;
border-top:1px solid rgba(0,0,0,.15);
}
.igniplexDark .MenuList nav{
border-top-color:rgba(255,255,255,.1);
}
.MenuList nav svg{
width:1.25rem;
height:1.25rem;
margin-right:1rem;
vertical-align:-.3rem;
}
.MenuList nav ul li{
font-size:.85rem;
}
.MenuList nav ul li a, .MenuList .igniplexMode{
line-height:2.5rem;
}
.MenuList nav ul li a{
justify-content:flex-start;
align-items:center;
font-weight:400;
}
#igniplexHeader .MenuList .igniplexMode label{
margin-top:7px;
}
.MenuList .social{
background:linear-gradient(to bottom, transparent, #fff, #fff, #fff);
background:-webkit-linear-gradient(top, transparent, #fff, #fff, #fff);
position:fixed;
left:-90rem;
right:0px;
bottom:0px;
max-width:75vw;
padding-top:30px;
border-top:0px;
}
.igniplexDark .MenuList .social{
background:linear-gradient(to bottom, transparent, var(--igniplexPostDark), var(--igniplexPostDark), var(--igniplexPostDark));
background:-webkit-linear-gradient(top, transparent, var(--igniplexPostDark), var(--igniplexPostDark), var(--igniplexPostDark));
}
.MenuList .social svg{
margin-right:0px;
}
.MenuList .social a{
display:block;
padding:0px;
line-height:2.5rem;
border-bottom-width:.3rem;
}
.MenuList ul > li > a, .MenuList ul > li > ul > li > a, .MenuList ul > li > ul > li > ul > li > a{
color:var(--igniplexTextLight);
line-height:3.25rem;
}
.MenuList ul{
display:block;
}
.MenuList > ul li:hover > a{
background-color:rgba(0,0,0,.05);
}
.MenuList ul li a:hover, .igniplexDark .MenuList ul li a:hover, .MenuList ul li.open > a, .igniplexDark .MenuList ul li.open > a{
color:var(--igniplexMainLight);
}
.MenuList ul > li > a, nav a, nav .igniplexMode{
padding:0rem 2rem;
}
.MenuList ul > li.open > a{
background-color:#fff;
}
.MenuList ul li ul, .MenuList ul > li > ul > li > ul, .MenuList ul > li.open > ul > li.open > a{
background-color:transparent;
position:relative;
}
.MenuList ul li ul:before{
display:none;
}
.MenuList ul > li > ul > li > a{
padding-left:3.25rem;
}
.MenuList ul > li > ul > li > ul:before{
left:30px;
}
.MenuList ul > li > ul > li > ul > li > a{
padding-left:4.5rem;
}
.MenuList ul li a:not(:only-child):after{
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='%234a5568'/%3E%3C/svg%3E") no-repeat center;
}
.igniplexMenu .check:checked ~ .MenuList{
opacity:1;
visibility:visible;
left:0px;
}
#igniplexHeader .igniplexMenu .check:checked ~ .cover{
background-color:rgba(0,0,0,.5);
opacity:1;
visibility:visible;
}
.igniplexMenu .check:checked ~ .MenuList .social{
left:0px;
background:none;
}
.igniplexMenu .check:checked ~ .icon .open{
display:none;
}
.igniplexMenu .check:checked ~ .icon .close{
display:block;
}
.NavMenu:after{
display:none;
}
.igniplexDark .MenuList ul > li > a, .igniplexDark .MenuList ul > li > ul > li > ul > li > a{
color:var(--igniplexTextDark);
}
.igniplexDark .MenuList, .igniplexDark .MenuList ul > li.open > a{
background-color:var(--igniplexPostDark);
}
.igniplexDark .MenuList ul li a:not(:only-child):after{
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;
}
}
@media screen and (max-width:768px){
#igniplexSlider .PopularPosts .inner{
grid-template-columns:1fr 1fr;
grid-template-rows:auto auto auto;
}
#igniplexSlider .PopularPosts .post:nth-child(2), #igniplexSlider .PopularPosts .post:nth-child(3){
margin:0px;
}
#igniplexSlider .PopularPosts .post:first-child{
grid-area:1 / 1 / 2 / 3;
}
#igniplexSlider .PopularPosts .post:not(:first-child) .post-title{
-webkit-line-clamp:3;
}
#igniel{
display:block;
}
.isPost #igniel{
width:auto;
max-width:100%;
display:block;
float:none;
}
#main{
float:none;
width:100%;
}
.isPost .sidebar{
width:auto;
float:none;
margin-left:0px;
}
#middlebar{
float:none;
position:static;
}
#middlebar .title{
margin-left:0px;
}
#middlebar .widget-content{
width:auto;
margin-left:0px;
margin-bottom:30px;
}
#middlebar ul{
grid-template-columns:repeat(2, 1fr);
}
.isSingle .igniplexTitle .entry-title, .post-filter-message .inner .title{
font-size:2.5rem;
line-height:3.5rem;
}
.isSingle main{
margin-top:260px;
}
.sidebar #HTML2, .sidebar #HTML2 .widget-content{
text-align:center;
}
#sidebarSticky{
position:static;
}
.totop{
width:30px;
height:30px;
bottom:100px;
right:20px;
background-size:20px;
}
.totop.show{
bottom:70px;
}
}
@media screen and (max-width:640px){
.igniplexMenu{
margin-left:10px;
}
.header-right{
margin-right:10px;
}
.igniplexSearch .search .check:checked ~ .input, .igniplexSearch .search .input:focus{
width:calc(100vw - 27px);
}
#igniplexHeader .header-inner .widget h1, #igniplexHeader .header-inner .widget h2{
overflow:hidden;
text-overflow:ellipsis;
line-height:normal;
}
#igniplexHeader .header-inner #header, .igniplexMenu{
max-width:100%;
vertical-align:middle;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#igniplexHeader .header-inner #header .widget.Header {width: 70px; height: 47px; padding: 20px 0}

#igniplexSlider .PopularPosts .post:first-child .post-title{
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}
#igniplexSlider .PopularPosts .post-title{
font-size:15px;
}
#middlebar ul{
grid-gap:15px;
}
.FeaturedPost .snippet-thumbnail{
border-radius:7px 7px 0px 0px;
}
.FeaturedPost .snippet-thumbnail img{
max-width:100%;
width:100%;
}
.FeaturedPost .post-title{
margin:10px 15px 10px;
}
.FeaturedPost .post-snippet{
margin:0px 15px 15px;
font-size:12px;
}
.isSingle .igniplexTitle .inner, .post-filter-message .inner{
padding:30px 20px 100px;
}
.isSingle .igniplexTitle .entry-title, .post-filter-message .inner .title{
font-size:2rem;
line-height:3rem;
}
.isSingle main{
margin-top:280px;
}
.blog-posts{
grid-gap:15px;
}
.blog-pager.stream{
display:block;
width:100%;
margin-top:20px;
}
.blog-pager.stream .left, .blog-pager.stream .home-link, .blog-pager.stream .right, .blog-pager.stream .old-link{
display:block;
text-align:center;
width:100%;
}
.blog-pager.stream .left, .blog-pager.stream .home-link{
margin-right:0px;
}
.blog-pager.stream .right, .blog-pager.stream .old-link{
margin-left:0px;
margin-top:20px;
}
.post-body .igniplexTengah{
margin-left:-10px;
}
.igniplexRelatedMiddle ul{
grid-template-columns:1fr;
grid-gap:15px;
}
.igniplexRelated ul{
grid-gap:15px;
grid-template-columns:repeat(2, 1fr);
}
footer .footer-inner{
grid-template-columns:1fr;
}
footer .section:last-child .widget-content{
margin-bottom:20px;
}
footer .attribution{
padding:0px 10px 10px;
}
#igniplex404{
font-size:2.5rem;
line-height:3rem;
}
#igniplex404 .icon{
font-size:13rem;
}
#igniplex404 svg{
width:13rem;
height:13rem;
}
#igniplex404 .home{
font-size:1.15rem;
}
#igniplex404 .home a{
padding:5px 17px;
}
}
@media screen and (max-width:480px){
.post-footer-bottom .post-labels{display:none}
blockquote{
padding:20px 30px 15px 30px;
}
blockquote:before{
width:35px;
height:35px;
background-size:25px;
}
.owl-dots .owl-dot span{
width:5px;
height:5px;
}
.owl-dots .owl-dot.active span{
width:16px;
height:8px;
}
.FeaturedPost .post-snippet{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
.isSingle .igniplexTitle, .post-filter-message{
background-image:linear-gradient(110deg,transparent 65%,rgba(255,255,255,0.1) 65%,rgba(255,255,255,0.1) 75%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2))
}
igniplexMenu{
margin-right:5px;
}
.NavMenu .social svg{
width:17px;
height:17px;
vertical-align:-5px;
}
.NavMenu .social a.ytube svg{
width:20px;
height:20px;
}
#igniplexSlider .PopularPosts .widget-content{
padding:10px;
}
#igniplexSlider .PopularPosts .inner{
grid-gap:7px;
}
#igniplexSlider .PopularPosts .post:not(:first-child) .container{
padding:7px 10px;
}
#igniplexSlider .PopularPosts .post:first-child .post-title{
font-size:1.35rem;
line-height:2rem;
}
#igniplexSlider .PopularPosts .post:not(:first-child) .post-title{
left:10px;
right:10px;
bottom:7px;
}
#igniplexSlider .PopularPosts .post:first-child .post-labels{
margin-bottom:7px;
}
#igniplexSlider.owl .PopularPosts .post-labels{
display:inline-block !important;
}
.breadcrumb a:not(:last-child):after{
width:11px;
height:11px;
}
.isSingle .igniplexTitle, .post-filter-message{
margin-bottom:20px;
}
.isSingle .igniplexTitle .inner, .post-filter-message .inner{
padding:30px 20px 30px;
}
.isSingle .igniplexTitle .entry-title, .post-filter-message .inner .title{
font-size:1.75rem;
line-height:2.5rem;
}
.igniplexWave{
height:40px;
}
main{
padding:10px;
}
#main .widget{
margin-bottom:20px;
}
#main .widget.FeaturedPost{
margin-bottom:15px;
}
.isSingle main{
margin:170px 0px 0px;
padding:0px;margin-top:246px;
}
body[data-grid-mobile="true"] .blog-posts{
grid-gap:15px;
}
body[data-grid-mobile="true"] .post-title.entry-title, #middlebar .text, .igniplexRelated .text{
font-size:1rem;
margin-bottom:0px;
line-height:1.5rem;
}
body[data-grid-mobile="false"] .blog-posts{
grid-gap:20px;
grid-template-columns:1fr;
}
body[data-grid-mobile="false"] .post-title.entry-title{
font-size:1.25rem;
}
body[data-grid-mobile="false"] .post-footer-bottom .inner{
font-size:1rem;
}
body[data-grid-mobile="false"] .post-snippet{
display:block;
}
.isPost #HTML1 .widget-content{
margin-bottom:0px;
}
#main .widget-content{
padding:15px;
}
#main .widget.HTML{
margin:0px 10px 30px;
}
.isSingle .post-outer .post{
background:linear-gradient(to bottom, var(--igniplexBodyLight) 0%, var(--igniplexPostLight) 15%);
background:-webkit-linear-gradient(top, var(--igniplexBodyLight) 0%, var(--igniplexPostLight) 15%);
padding:15px;
border:0px;
border-radius:0px;
transition:all .2s ease;
}
.igniplexAuthor, .isPost .igniplexRelated, .isSingle #comments, .isPost .sidebar, .matched{
width:auto;
margin:30px 10px 0px;
}
#comments .comment-thread ol > li{
margin-bottom:10px;
}
#comments .comments-content .icon.blog-author{
width:12px;
height:12px;
}
.igniplexAuthor .avatar{
width:70px;
height:70px;
min-width:70px;
min-height:70px;
margin-right:15px;
}
.igniplexAuthor .avatar:before{
width:70px;
height:70px;
}
.igniplexAuthor img{
width:65px;
height:65px;
}
#igniplex404{
font-size:2rem;
line-height:2.5rem;
}
#igniplex404 .icon{
font-size:10rem;
}
#igniplex404 svg{
width:10rem;
height:10rem;
}
#igniplex404 .home{
font-size:1rem;
}
.igniplexDark.isSingle .post-outer .post{
background:linear-gradient(to bottom, var(--igniplexBodyDark) 0%, var(--igniplexPostDark) 15%);
background:-webkit-linear-gradient(top, var(--igniplexBodyDark) 0%, var(--igniplexPostDark) 15%);
}
footer .footer-inner{
padding:0px 10px;
}
.post-info.updt > span{
display:block;
}
}
@media screen and (max-width:360px){
html, body{
font-size:13px;
line-height:1.65rem;
}
#igniplexHeader #header, .igniplexMenu{
max-width:calc(100% - 180px);
}
#igniplexSlider .PopularPosts .post:first-child .post-title{
font-size:1.25rem;
line-height:1.75rem;
}
body[data-grid-mobile="true"] .blog-posts, #middlebar ul, .igniplexRelated ul{
grid-gap:10px;
}
.igniplexAuthor, .isPost .igniplexRelated, .isSingle #comments, .isPost .sidebar{
margin:20px 10px 0px;
}
#main .FeaturedPost{
margin-bottom:10px;
}
body[data-grid-mobile="false"] .post-title.entry-title{
font-size:1.25rem;
}
.isSingle .igniplexTitle .inner, .post-filter-message .inner{
padding:20px 20px 50px;
}
.isSingle .post-body{
font-size:16px;
}
.igniplexWave{
height:30px;
}
.isSingle main{
margin-top:236px;
}
.igniplexAuthor .avatar{
width:54px;
height:54px;
min-width:54px;
min-height:54px;
}
.igniplexAuthor .avatar:before{
width:54px;
height:54px;
}
.igniplexAuthor img{
width:50px;
height:50px;
}
}
@media screen and (max-width:320px){
.blog-posts{
grid-gap:15px !important;
grid-template-columns:1fr;
}
body[data-grid-mobile="true"] .post-snippet{
display:block;
}
.post-title.entry-title, #middlebar .text, .igniplexRelated .text{
font-size:1.15rem !important;
line-height:1.75rem !important;
}
.post-footer-bottom .inner{
font-size:1rem !important;
padding:10px 15px 13px !important;
}
#middlebar ul{
grid-template-columns:repeat(1, 1fr);
grid-gap:15px;
}
.igniplexRelated ul{
grid-template-columns:repeat(1, 1fr);
grid-gap:20px;
}
#igniplex404{
font-size:1.5rem;
line-height:2rem;
}
#igniplex404 .icon{
font-size:9rem;
}
#igniplex404 svg{
width:9rem;
height:9rem;
}
#igniplex404 .home{
font-size:.85rem;
}
#igniplex404 .home a{
padding:4px 13px;
}
.igniplexAuthor{
display:block;
text-align:center;
}
.igniplexAuthor .avatar{
width:100%;
flex-grow:1;
margin-right:0px;
margin-bottom:10px;
}
.igniplexAuthor img{
margin:auto;
}
.igniplexAuthor .author-name:after{
width:12px;
height:12px;
vertical-align:-1px;
}
}