/* =========================================================
   OVERALL CSS — extracted from the Blogger XML theme
   Source: bicte-label-style-fixed-v2.xml
   Notes: b:skin, b:template-skin and b:if conditional CSS
          are intentionally excluded and remain in Blogger XML.
   ========================================================= */


/* ---- Original XML style block: line 316 ---- */
/* CSS Fixed Layout */
.widget ul {line-height:1.4em;}
.status-msg-wrap {width:100%;margin:20px auto;}
.status-msg-body {padding:20px 2%;width:96%;background:#fff;}
.status-msg-border {border:none;opacity:1;width:auto;}
.status-msg-bg {background-color:#fff;}
.status-msg-hidden {padding:20px 2%;}
.rich-snippet {padding:10px;margin:15px 0 0;border:none;}
.quickedit{display:none;visibility:hidden}
span.post-count {font-size:11px;color:#666;}
.date-header {visibility:hidden;width:0;height:0;}
.CSS_LIGHTBOX {z-index:999999!important;}
.CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}
#Attribution1,#navbar-iframe,#BlogArchive1_ArchiveList ul li:before,#ContactForm1,#ContactForm1 br {display:none!important;height:0;visibility:hidden;width:0}

/* CSS Shortcodes */
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;
padding:2px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:10px 14px!important;background-color:#fff;color:#444!important;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:3px;border:1px solid #e5e5e5;transition:all .3s ease-out}
.demo:hover,.download:hover{outline:none;border-color:#ccc;}
.demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.first-letter{float:left;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
#wrap {margin:20px auto;text-align:center;}
#wrap br {display:none;}
.btn{display:inline-block;position:relative;font-family:'Open Sans',Helvetica,sans-serif;text-decoration:none;font-weight:700;background:#ef4824;padding:9px 18px;margin:0 3px;border-radius:3px;opacity:1;border:1px solid #68a658;transition:all .3s ease-out;text-transform:uppercase}
.btn.down {background:#4b5f65;border-color:#3e5055;}
.btn:hover,.btn:active {background:#fff;border-color:#ef4824;opacity:0.9;}
.btn.down:hover,.btn.down:active {background:#fff;border-color:#4b5f65;opacity:0.9;}
a.btn {color:rgba(255,255,255,1);}
a.btn:hover,a.btn:active{color:#68a658;}
a.btn.down:hover,a.btn.down:active{color:#3e5055;}
.btn i {margin-left:10px;font-weight:normal;font-family:FontAwesome;}

/* CSS Outer Wrapper */
#outer-wrapper{background:#fff;max-width:1100px;margin:0 auto;overflow:hidden;box-shadow:0 0 0 20px rgba(0,0,0,.02);}

/* CSS Content Wrapper */
#content-wrapper {background-color:#fff;margin:10px auto;padding:0;word-wrap:break-word;}

/* CSS Top Menu Wrapper */
.simpletop-wrapper {background:#404040;position:relative;z-index:96;overflow:hidden;margin:0 auto;padding:10px;}
.top-wrappers {padding:0;position:static;max-width:1100px;margin:0 auto;}
.header-wrapper2 {margin:0 auto;padding:0}

/* CSS Top Navigation */
.top-gridnav {display:block;margin:0 auto;float:left;padding:0;width:100%;background:transparent;border:none;}
.top-gridnav ul {width:100%;padding:0;margin:0;text-align:left;}
.top-gridnav li {list-style-type:none;float:left;padding:0;margin:0;border-right:1px solid #666;}
.top-gridnav li a {position:relative;font-family:'Open Sans';font-size:14px;font-weight:400;background-color:transparent;color:#fff;display:block;margin:0;padding:8px 12px;line-height:100%;transition:color 0.3s;}
.top-gridnav ul li a:active, .top-gridnav ul li.highlight a {line-height:100%;text-decoration:none;}
.top-gridnav ul li a:hover {background:#ef4824;color:#fff;text-decoration:none;}
.top-gridnav li.sosmed {float:right;}
.top-gridnav li.sosmed a i{text-align:center;color:#fff;transition:initial;}
.top-gridnav li.sosmed a:hover{background:#ef4824;color:#fff;}
.top-gridnav li.sosmed.pinterest {border-right:0;}
.top-gridnav li.sosmed.twitter {border-left:1px solid #666;}
.top-gridnav a#pull {display:none;}

/* CSS Tooltip */
.simple-tooltip {position:relative;display:inline-block;}
.simple-tooltip:before, .simple-tooltip:after {position:absolute;opacity:0;z-index:1000;pointer-events:none;}	
.simple-tooltip:hover:before, .simple-tooltip:hover:after {opacity:1;}
.simple-tooltip:before {content:'';position:absolute;background:transparent;border:4px solid transparent;position:absolute;}		
.simple-tooltip:after {content:attr(data-simple-tooltip);background:#fff;color:#404040;padding:6px 8px;font-size:11px;white-space:nowrap;border-radius:2px;-webkit-backface-visibility:hidden;}
.simple-tooltip-left:before {right:100%;bottom:50%;margin:0 0 -4px 0;border-left-color:#fff;}		
.simple-tooltip-left:after {right:100%;bottom:50%;margin:0 8px -13px 0;}

/* CSS Header Wrapper */
#header-wrapper{position:relative;margin:50px auto;padding:0;max-width:1100px;overflow:hidden;text-align:center}
#header {float:left;width:100%;color:#404040;margin:0;}
#header h1,#header h2{font-family:'Roboto Condensed';font-size:400%;font-weight:700;color:#404040;text-transform:uppercase;margin:20px auto;letter-spacing:3px;}
#header a {position:relative;color:#404040;text-decoration:none;transition:all 0.3s ease-out;}
#header a:hover {color:#ef4824;}
#header img:hover,#header a:hover{-webkit-animation:jelly .5s;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s;}
@-webkit-keyframes jelly{
from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}
@keyframes jelly{
from,to{-webkit-transform:scale(1, 1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95, 1.05);transform:scale(.95, 1.05)}}
#header a:before,#header a:after{content:" ";position:absolute;width:80px;height:15px;border-top:3px solid #ccc;border-bottom:3px solid #ccc}
#header a:before{margin:35px 0 0 -100px}
#header a:after{margin:35px 0 0 20px}
#header .description{font-family:'Open Sans';font-size:100%;font-weight:400;line-height:1.8em;text-transform:uppercase;margin:auto;letter-spacing:.5px;}
.header img {display:block;}
.Header h1,.Header h2 {margin-bottom:0;}

/* CSS Main Menu */
#menu {display:block;}
.menu-trigger {display:none;background:#ef4824;padding:0 15px;height:60px;line-height:60px;color:#fff!important;}
.menu-trigger:hover {background:#ef4824;}
#nav{display:inline-block;width:100%;font-family:'Roboto Condensed';font-weight:700;text-transform:uppercase;background:#fff;margin:0 auto;padding:0 20px;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6}
.simple-mainmenu {list-style:none;margin:0 0 0 0;float:left;}
.simple-mainmenu:before,.simple-mainmenu:after {content: " ";display:table;}
.simple-mainmenu:after {clear:both;}
.simple-mainmenu ul {list-style:none;margin:0 0 0 0;width:12em;}
.simple-mainmenu a {display:block;padding:0 15px;}
.simple-mainmenu li {position:relative;margin:0 0;}
.simple-mainmenu > li {float:left;}
.simple-mainmenu > li > a {display:block;height:60px;line-height:60px;color:#404040;}
.simple-mainmenu > li > a.active{background:#ef4824;color:#fff;padding:0 20px;}
.simple-mainmenu > li:hover > a,.simple-mainmenu > li > a.active:hover {background:#ef4824;color:#fff;}
.simple-mainmenu li ul {background:#333;display:block;position:absolute;left:0;z-index:10;visibility:hidden;opacity:0;box-shadow:0 0 5px rgba(0,0,0,0.1);transition:initial;}
.simple-mainmenu li li ul {left:100%;top:-1px;}
.simple-mainmenu > li.hover > ul {visibility:visible;opacity:1;}
.simple-mainmenu li li.hover ul {visibility:visible;opacity:10;}

.simple-mainmenu li li a {
    display: block;
    color: #fff;
    position: relative;
    z-index: 100;
    text-transform: none;
    height: auto;
    min-height: 46px;
    line-height: 1.5;
    padding: 12px 15px;
    font-weight: 400;
    white-space: normal;
    overflow-wrap: break-word;
    box-sizing: border-box;
    transition: initial;
}

.simple-mainmenu li li a:hover {background:#ef4824;color:#fff;}
.simple-mainmenu li li li a {background:#333;z-index:20;color:#fff;}
.simple-mainmenu li .parent:after {content: "\f0d7";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;margin-left:9px;color:rgba(0,0,0,0.3);}
.simple-mainmenu li:hover .parent:after{color:rgba(255,255,255,1);}
.simple-mainmenu li ul li .parent:after {content: "\f0da";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;color:rgba(0,0,0,0.3);float:right;}
.simple-mainmenu li ul li .parent:hover:after {color:rgba(255,255,255,1);}
#search-form{float:right;margin:0;max-width:250px}
#search-form table {width:100%;margin:0;}
td.search-box{position:relative;overflow:hidden;height:42px;line-height:42px}
#search-form input#search-box[type="text"]{background:transparent;line-height:40px;margin:0;padding:10px;width:100%;color:#999;border:0}
#search-form input#search-button[type="submit"]{position:absolute;top:0;right:0;display:inline-block;font-family:FontAwesome;background:transparent;color:#999;margin:0;padding:22px 25px;border:none;outline:none;transition:all .25s}
#search-form input#search-button[type="submit"]:hover{color:#ef4824;cursor:pointer;}
#search-form input#search-box[type="text"]:focus {background:transparent;color:#404040;outline:none;}

/* CSS Post Wrapper */
#post-wrapper {position:relative;background:transparent;color:#404040;float:left;width:100%;margin:auto;padding:0 20px;}
.post-inner {padding:15px 0 0 0;}
.breadcrumbs{display:block;color:#999;height:60px;overflow:hidden;padding:0;border-bottom:0;margin:auto;text-align:left;font-size:95%;font-weight:400;border:1px solid #eee;}
.breadcrumbs > span{padding:10px 15px;background:#fff;}
.breadcrumbs a {color:#999;font-family:'Open Sans';line-height:60px;}
.breadcrumbs span a {color:#999;}
.breadcrumbs span a:hover {color:#ef4824;text-decoration:underline;}
.post {margin:0;padding:15px;}
.post-body{line-height:1.8em;margin:auto;max-width:100%}
.post-body img {max-width:100%;margin:10px auto;height:auto;}
h3.post-title a,h2.post-title a,h1.post-title a,h3.post-title,h2.post-title,h1.post-title{font-family:'Roboto Condensed',sans-serif;font-weight:700;color:#404040;padding:0;margin:20px auto;text-align:center;text-transform:uppercase;font-size:30px}
h3.post-title a:hover,h2.post-title a:hover,h1.post-title a:hover{color:#ef4824;}
.post-information{margin:auto;margin-bottom:20px;padding:15px 0;font-size:90%;font-weight:700;text-transform:uppercase;text-align:center;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6}
.post-information a {display:inline;background:transparent;color:#404040;transition:all .3s ease-out;}
.post-information a:hover {color:#ef4824;text-decoration:underline;}
.author-info, .time-info, .review-info {margin-right:8px;display:inline-block;color:#404040;}
.post-information i {color:#bbb;}
.timestamp-link abbr {border-bottom:none;}
.simplepage{background:#fff;padding:15px 0;margin:0;border:1px solid #e6e6e6;border-top:0}
.simplepage-kiri{width:50%;float:left;margin:0;text-align:left;color:#404040;transition:all .3s ease-out;}
.simplepage-kanan{width:50%;float:right;margin:0;text-align:right;color:#404040;transition:all .3s ease-out}
.simplepage-kanan:hover .pager-title-left,.simplepage-kiri:hover .pager-title-left{color:#888!important;}
.simplepage-kiri a,.simplepage-kanan a{color:#404040;}
.simplepage-kanan a:hover,.simplepage-kiri a:hover{color:#ef4824!important;}
.simplepage-kiri a,.simplepage-kanan a,.current-pageleft,.current-pageright{font-family: 'Roboto Condensed',Helvetica,Arial,sans-serif;font-weight:400;background:none;text-decoration:none}
.current-pageleft{padding:0 0 0 15px;}
.current-pageright{padding:0 15px 0 0;}
.pager-title-left{font-family: 'Open Sans',sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;transition:all .3s ease-out}
.isisimplepage-kiri{margin:0}
.isisimplepage-kanan{margin:5px 10px 10px}
#blog-pager-newer-link{float:left;padding:0 0 0 15px;}
#blog-pager-older-link{float:right;padding:0 15px 0 0;}
.blog-pager,#blog-pager{clear:both;text-align:center;margin:50px auto 30px auto;}
.feed-links{clear:both;line-height:2.5em;}
span.post-author.vcard {visibility:hidden;width:0;height:0;}
.post-header, .post-footer {line-height:initial;width:0;height:0;}

/* Comments Area */
#comments {font-family:'Open Sans';margin:20px 0;border:1px solid #e6e6e6;}
#comments h5{margin:0;padding:15px 20px;font-weight:700;position:relative;font-family:'Open Sans',Arial,Sans-Serif;text-transform:uppercase;overflow:hidden;border-bottom:1px solid #eee;}
.comment_admin .comment_author_flag {display:inline;font-weight:normal;padding:2px 6px;margin-left:8px;color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.1em}
.comment_inner{background:#fff;margin:0;padding:25px 15px;overflow:hidden;border-bottom:1px solid #e5e5e5;transition:all .3s;}
div.comment_inner.comment_admin {background:#fff;}
.comment_inner:hover,.comment_inner:hover > .comment_body,.comment_child .comment_inner:hover,div.comment_inner.comment_admin:hover {background:#fefefe;}
.comment_header{float:left;width:67px}
.cm_head{position:relative;margin:-10px -10px 0;padding:5px 10px 0px;}
.comment_avatar{border-radius:55px;margin:0;padding:5px;}
.comment_avatar img{border-radius:55px;width:55px;height:55px;padding:0;text-align:center;margin:0;background:url(https://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat #eee}
div.comment_avatar img[src="https://img1.blogblog.com/img/openid16-rounded.gif"]{content:url(https://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png)}
.comment_name,.comment_name a{padding:0;margin:0;font-weight:bold;color:#404040;}
.comment_service{margin-top:0}
.comment_date{margin:0 0 0 5px;color:#999;font-size:12px;font-weight:400}
.respond{float:right;margin:0;padding:0}
.comment_date:hover{color:#bbb;text-decoration:underline}
.comment_body{background:#fff;margin-left:72px;padding:10px;}
.comment_body p{line-height:normal;margin:0;color:#404040;word-wrap:break-word;padding:20px 0}
.comment_child .comment_inner{padding-left:78px}
.comment-delete{position:absolute;float:right;top:10px;right:10px;margin:0;padding:0;opacity:.5;transition:all .3s}
.comment_body:hover > .cm_head a.comment-delete{opacity:1}
.infonm{float:left}
.comment_reply{font-size:90%;display:inline-block;font-weight:300;margin:0;padding:4px 8px;color:#999!important;text-align:center;background:#fff;border:1px solid #e5e5e5}
.comment_reply:hover{text-decoration:none;color:#a24436!important;border-color:#bbb;}
.comment_hapus{font-weight:300;margin:0;padding:0;color:#fff!important;text-decoration:none;}
.comment_hapus:hover{text-decoration:none;color:#333!important}
.unneeded-paging-control{display:none}
.comment-form{max-width:100%!important}
#comment-editor{width:100%!important;background:#fff url('https://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 40%;margin-bottom:0;margin-top:5px}
.comment_form a{text-decoration:none;}
.comment-form p{background:#fff none repeat scroll 0% 0%;padding:0;margin:0;color:#404040;position:relative}
.comment_reply_form{padding:0 0 0 70px}
.comment_reply_form .comment-form{width:100%}
iframe{border:none;overflow:hidden}
.deleted-comment{background:#e74c3c;color:#fff;padding:10px;margin:10px 20px;display:block}
iframe{border:none;overflow:hidden}
p.spammer-detected{background:#9eb2c0;position:relative;display:table;margin:10px 0;padding:10px 15px;color:#fff;font-size:95%;border-radius:2px}
.comment_emo_list{display:none;position:relative;text-align:center;margin:20px auto}
.comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 auto}
.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#666}
.comment_body p img.comment_emo{margin-left:5px}

/* CSS Sidebar Wrapper */
#sidebar-wrapper {opacity:0;visibility:hidden;width:0;height:0;}

/* CSS Footer Wrapper */
#footer-wrapper{text-align:center;background:#333;padding:0;}
#footer-sgwidget .footer-widget {width:30.2%;float:left;margin-left:20px;padding-top:10px;padding-bottom:15px;}
#footer-sgwidget {max-width:1100px;overflow:hidden;margin:20px auto;}
#footer-wrapper h2,#footer-wrapper h3{font-family:'Roboto Condensed';font-size:15px;font-weight:700;text-transform:uppercase;margin-bottom:20px;color:#fff;border-bottom:2px solid #444;padding-bottom:10px;position:relative;line-height:1;letter-spacing:2px;text-align:left}
#footer-wrapper h2:after,#footer-wrapper h3:after{content:"";position:absolute;bottom:-2px;left:0;width:110px;height:2px;background:#ef4824}
#footer-wrapper .widget-content {text-align:left;font-family:'Open Sans',Helvetica;margin:20px 0 15px;color:#f3f3f3;}
#footer-wrapper .widget-content li {margin-left:-14px;color:#f3f3f3}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:7px 0;display:block;}
.footer li a {padding-top:0;padding-right:0;line-height:2em;font-size:13px;
font-weight:400;font-family:'Open Sans',Helvetica;color:#f3f3f3;margin:0}
.footer li a:hover {color:#fff;}
.footer {font-weight:400;padding-bottom:.2em;}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
#footer-credit{background:#fff;position:relative;display:block;padding:15px;}
.tscredit{line-height:normal;margin:10px;color:#404040;font-weight:700;text-transform:uppercase;font-size:90%}
.tscredit a {color:#404040;text-decoration:none;}
.tscredit a:hover {color:#ef4824;text-decoration:none;}
#footer-wrapper .Label li {background:transparent;float:left;padding:5px;margin:0;text-align:left;width:45%;transition:all .3s ease-out;}
#footer-wrapper .Label li:hover {color:#fff;}
#footer-wrapper .Label li a {color:#fff;transition:all .3s ease-out;}
#footer-wrapper .Label li a:hover {color:#fff;}
#footer-wrapper .Label li span{float:right;color:#fff;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;border-radius:2px;}
#footer-wrapper .Label li span:hover{color:#fff}
#footer-wrapper .label-size{opacity:1;background:#444;color:#fff;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all 0.4s;}
#footer-wrapper .label-size a {display:inline-block;color:#fff;padding:10px 12px;font-weight:400;transition:initial;}
#footer-wrapper .label-size a:hover {background:#ef4824;color:#fff;transition:all 0.2s;}
#footer-wrapper .label-size a:before {content:"\f02b";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;color:#fff;transition:initial;}
#footer-wrapper .label-size a:hover:before {content:"\f02b";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial;}
#footer-wrapper .label-size:hover, #footer-wrapper-inner .label-size:hover{background:#ef4824;color:#fff;transition:initial;}
#footer-wrapper .label-count {background:#444;}

/* CSS Popular Post */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,
.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;
background:none;outline:none;}
.PopularPosts ul {margin:0;list-style:none;}
.PopularPosts ul li img{display:block;margin-right:10px;padding:4px;background:#404040;width:80px;height:60px;float:left;transition:all .3s ease-out}
.PopularPosts ul li img:hover {background:#474747;opacity:0.98;}
.PopularPosts ul li{margin:2px;padding:0;position:relative;border-bottom:1px dashed #444;transition:all .3s ease-out}
.PopularPosts ul li:last-child {border-bottom:none;}
.PopularPosts ul li a:hover {color:#fff!important;}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:400;color:#f3f3f3;text-decoration:none;font-family:'Open Sans';transition:all 0.3s ease-out;}
.PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:#fff;text-decoration:underline}
.PopularPosts ul li:before {display:none;list-style:none;}
.PopularPosts ul li:first-child > a:before {content:"hot";font-size:10px;font-weight:400;padding:0 4px;border-radius:2px;color:#fff;background:#f0b26f;display:inline-block;position:absolute;right:0;top:0;}
.PopularPosts .item-thumbnail {margin:0;}
.PopularPosts .item-snippet {font-size:12px;color:#eee;font-weight:400;}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
.PopularPosts .item-title {padding-bottom:.2em;padding:0;}

/* CSS Follow by email */
div#FollowByEmail1{background:transparent;}
.FollowByEmail .widget-content {padding:0;}
.FollowByEmail .follow-by-email-inner {position:relative;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{background:#fff;color:#666;border:1px solid #eee;font-size:13px;height:42px;line-height:42px;padding-left:10px;width:100%;border-radius:2px 0 0 2px;transition:all .2s}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {outline:none;color:#444;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{background:#ef4824;color:#fff;cursor:pointer;font-family:'Open Sans';font-size:15px;height:43.5px;line-height:43.5px;margin:0 -2px;width:80px;border-radius:0 2px 2px 0;border-left:none;transition:all .2s}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background:#e24423;color:#fff;}
.tabletd1 {width:100%;}
.tabletd2 {width:80px;}
.FollowByEmail .follow-by-email-inner input {font-family:'Open Sans',sans-serif;}

/* CSS Blog Navigation */
#blog-pager-newer-link{float:left;}
#blog-pager-older-link{float:right;}
.blog-pager,#blog-pager{clear:both;text-align:center;}
#blog-pager-newer-link a,#blog-pager-older-link a{color:#404040;transition:all .3s ease-in-out}
a.home-link{font-size:200%;color:#404040;transition:all .3s ease-in-out}
a.blog-pager-newer-link,a.blog-pager-older-link,a.home-link{font-family:Fontawesome;font-weight:400;display:inline-block;width:40px;height:40px;line-height:40px;padding:0;margin:0;transition:all .3s ease-in-out}
#blog-pager-newer-link a,#blog-pager-older-link a{font-size:200%}
#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover,a.home-box:hover,.mobile-desktop-link a.home-link:hover{color:#ef4824!important}
.mobile-desktop-link a.home-link{font-size:0;font-weight:400;background:0 0;padding:0;width:0;height:0;border:0;}

/* CSS Banner */
.banner,.banner2 {margin:0 auto;text-align:center;overflow:hidden;}
.banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
.banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:20px auto;text-align:center;}

/* CSS Global Responsive */
@media screen and (max-width:1066px) {
#outer-wrapper {margin:0 auto;}}

@media screen and (max-width:960px) {
#outer-wrapper {margin:0 auto;border:none;box-shadow:none;}
#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
#header {margin:20px auto;padding:0 30px;background:transparent;max-width:80%;}
.header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
#header-wrapper{padding:0;margin:20px auto;}}

@media only screen and (max-width:768px){
.simpletop-wrapper {margin:0;border:1px solid #e6e6e6;}
.top-wrappers {margin:0;}
.simple-tooltip,.simple-tooltip:before, .simple-tooltip:after,.simple-tooltip:hover:before, .simple-tooltip:hover:after,.simple-tooltip:before,.simple-tooltip:after,.simple-tooltip-left:before,.simple-tooltip-left:after {display:none;}
.top-gridnav {display:block;width:100%;padding:0}
.top-gridnav ul {text-align:center;}
.top-gridnav ul {display:none;height:auto;}
.top-gridnav a#pull{color:#fff;display:inline-block;font-family:'Open Sans';font-size:12px;font-weight:700;padding:10px 3%;position:relative;text-align:right;width:100%}
.top-gridnav a#pull:after{content:'\f0c9';font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#fff;display:inline-block;position:absolute;left:15px;top:5%;line-height:30px}
.top-gridnav a#pull:hover{background:transparent}
.top-gridnav li {display:block;width:50%;text-align:left;border-right:none;}
.top-gridnav li a {padding:15px 20px;display:block;}
.top-gridnav li a:hover, nav a:active {background:#ef4824;border:none;color:#fff;}
.top-gridnav ul li a:hover {background:#ef4824;color:#fff;}
.top-gridnav li.sosmed {float:left;}
.top-gridnav li.sosmed.twitter {border-left:0;}
.shnav {float:none;width:100%;max-width:100%}
.active {display:block;}
#nav {margin:0;padding:0 20px;border-bottom:0;border-top:0;float:left;}
.simple-mainmenu > li > a.active {border-top:4px solid #ef4824;}
.shnav li ul:before {display:none;}
.shnav > li {float:none;overflow:hidden;}
.shnav ul {display:block;width:100%;float:none;}
.simple-mainmenu li ul {background:#333;box-shadow:none;}
.simple-mainmenu li ul li a{background:#333;}
.simple-mainmenu li li a:hover {background:#ef4824;}
.simple-mainmenu > li > a.active{background:#fff;color:#404040;padding:0 15px;}
.shnav > li.hover > ul , .shnav li li.hover ul {position:static;}
.simple-mainmenu li .parent:after,.simple-mainmenu li ul li .parent:after {content: "\f0d7";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px;float:right;color:#9da4ab;}
.simple-mainmenu li:active .parent:after,.simple-mainmenu li ul li:active .parent:after {background:#c5cbd0;}
#search-form {width:100%;margin:0!important;float:none}
#search-form table{width:100%;margin:20px 0;background:#f6f6f6;border:1px solid #ccc}
#search-form td.search-box {padding:0 10px!important;}
#search-form td.search-button {padding:0 10px;width:1%;}
#search-form input#search-box[type="text"] {margin:0;background:#f6f6f6;color:#666;}
#search-form input#search-button[type="submit"] {margin:0 0 0 -6px;}
#search-form input#search-box[type="text"]:focus {background:#f6f6f6;outline:none;}
#header a:before,#header a:after{display:none;}
#post-wrapper {width:100%;max-width:100%;margin:20px auto;}
.post-body img {max-width:90%;}
.sidebar-inner, .post-inner {padding:0;}
.tscredit {float:none;text-align:center;margin:10px auto;}}

@media only screen and (max-width:640px){
.simpletop-wrapper {margin:0 auto 20px auto;}
#header h1,#header h2,#header p,#header .description{font-size:200%;margin:0 auto 10px;width:100%;float:none;text-align:center;letter-spacing:1px;}
#header-wrapper{padding:0;margin:20px auto;}
#header {min-width:initial;background:none;margin:20px auto;padding:0 5px;}
#header .description {margin:0 auto;width:100%;float:none;text-align:center;font-size:90%;line-height:1.5;text-transform:none;letter-spacing:0;}
#footer-wrapper{margin:20px 0 0 0;}
#footer-sgwidget {width:100%;overflow:hidden;}
#footer-sgwidget .footer-widget {width:92%;float:left;margin-left:20px;}
.responsive-menu {margin:0;}}

@media only screen and (max-width:480px){
.top-gridnav li {display:block;width:100%;text-align:left;border-right:none;}
#outer-wrapper {margin:0 auto;}
.post {margin:0 0 8px;padding:8px;}
.comments .comment-block, .comments .comments-content .inline-thread {padding:10px!important;}
.comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}}

@media screen and (max-width:320px){
.post {padding:6px;}}


/* ---- Original XML style block: line 1004 ---- */
/* ALL POSTS ON ONE PAGE */
#blog-pager{display:none!important;}
.blog-posts.all-posts-one-page{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:30px!important;
  width:100%!important;
  box-sizing:border-box!important;
  float:none!important;
}
.blog-posts.all-posts-one-page .post-outer{
  width:100%!important;
  float:none!important;
  clear:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.blog-posts.all-posts-one-page .date-outer,
.blog-posts.all-posts-one-page .date-posts{
  display:contents!important;
}
@media screen and (max-width:960px){
  .blog-posts.all-posts-one-page{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media screen and (max-width:560px){
  .blog-posts.all-posts-one-page{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
}


/* ---- Original XML style block: line 1039 ---- */
/* SUMAN SIGNATURE HYBRID LAYER */
#header-wrapper{margin:24px auto 18px!important;padding:0 18px!important;max-width:1100px!important;text-align:center}
#header-inner{padding:12px 0}
#header .title,#header h1,#header h2{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:.4px}
#nav{position:relative;z-index:100;background:#fff;border-top:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0}
#nav .main-menu-section{display:inline-block;vertical-align:middle}
#nav .widget{margin:0!important}
#nav .shnav{display:block;float:left;margin:0!important;padding:0!important}
#nav .shnav>li{float:left;position:relative;margin:0!important}
#nav .shnav>li>a{display:block;padding:0 15px;height:58px;line-height:58px;color:#202938;font-weight:700}
#nav .shnav li ul{position:absolute;top:100%;left:0;min-width:220px;background:#172033;z-index:9999;display:none;margin:0;padding:7px 0;box-shadow:0 10px 25px rgba(0,0,0,.16)}
#nav .shnav li:hover>ul{display:block}
#nav .shnav li ul li{float:none;display:block;margin:0!important;position:relative}
#nav .shnav li ul li a{display:block;padding:11px 15px;line-height:1.4;color:#fff!important;white-space:normal}
#nav .shnav li ul li ul{top:0;left:100%}
#nav .shnav li a:hover,#nav .shnav li.hover>a{background:#e94335;color:#fff!important}
#nav #search-form{float:right;margin:8px 12px 0 0!important}
#nav #search-form table{margin:0}
#nav #search-box{max-width:145px;padding:9px;border:1px solid #e3e6eb;border-radius:4px}
#nav #search-button{padding:9px 12px;border:0;border-radius:4px;background:#e94335;color:#fff;cursor:pointer}
.signature-home{background:#f5f7fa;padding:26px 18px 34px;margin:0 auto}
.signature-shell{max-width:1100px;margin:0 auto}
.signature-home .widget{margin:0 0 24px!important}
.signature-section-heading{text-align:center;margin:0 auto 18px}
.signature-section-heading>span,.signature-kicker{display:inline-block;color:#e94335;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.signature-section-heading h2,.signature-intro h2{font-size:clamp(24px,3vw,34px);line-height:1.2;color:#172033;margin:7px 0 10px}
.signature-section-heading p{max-width:680px;margin:0 auto;color:#667085;line-height:1.7}
.signature-video-card,.signature-intro,.signature-network{background:#fff;border:1px solid #e8ecf2;border-radius:14px;padding:24px;box-shadow:0 8px 28px rgba(20,35,60,.05)}
.signature-video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#111}
.signature-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.signature-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.signature-intro-copy p{color:#596579;font-size:16px;line-height:1.8;margin:10px 0}
.signature-intro-copy .signature-message-note{font-size:12px;color:#98a2b3;border-left:3px solid #e94335;padding-left:10px}
.signature-intro-image{min-height:220px}
.signature-intro-image img{display:block;width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:12px;background:#edf1f6}
.signature-network-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.signature-network-card{display:block;overflow:hidden;border:1px solid #e8ecf2;border-radius:10px;background:#fff;color:#172033!important;transition:transform .2s,box-shadow .2s}
.signature-network-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(20,35,60,.12)}
.signature-network-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.signature-network-card span{display:block;padding:13px}
.signature-network-card b{display:block;font-size:16px;margin-bottom:5px}
.signature-network-card small{display:block;color:#7b8494;font-size:12px;line-height:1.5}
#footer-credit{background:#111827!important;color:#d1d5db!important;padding:18px 12px!important}
#footer-credit a{color:#fff!important;font-weight:700}
@media(max-width:900px){
  #nav .shnav>li>a{padding:0 10px;font-size:13px}
  .signature-network-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  #nav .main-menu-section{display:block}
  #nav .shnav{float:none!important;width:100%;display:none}
  #nav .menu-trigger{display:inline-block!important}
  #nav .shnav>li{float:none;width:100%}
  #nav .shnav>li>a{height:auto;line-height:44px;padding:0 14px;border-bottom:1px solid #edf0f4}
  #nav .shnav li ul{position:static;display:block;visibility:visible;opacity:1;box-shadow:none;padding:0 0 0 14px;background:#172033}
  #nav .shnav li ul li ul{left:auto;top:auto}
  #nav #search-form{float:none;display:block;margin:8px 10px!important}
  #nav #search-box{max-width:none;width:75%}
  .signature-intro{grid-template-columns:1fr}
  .signature-intro-image{min-height:180px}
  .signature-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
  .signature-home{padding:16px 10px 22px}
  .signature-video-card,.signature-intro,.signature-network{padding:15px}
  .signature-network-grid{grid-template-columns:1fr}
}


/* ---- Original XML style block: line 1213 ---- */
.header-widget-img-shrink-to-fit {
      max-width: 100%;
      height: auto;
      object-fit: scale-down;
    }


/* =========================================================
   SINGLE SOURCE OF TRUTH — HOMEPAGE / ARCHIVE POST CARDS
   Card border, framed thumbnail, responsive grid and hover.
   ========================================================= */
#main .blog-posts.all-posts-one-page{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:26px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#main .blog-posts.all-posts-one-page>.post-outer{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  clear:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#fff!important;
  border:2px solid #c7d2e0!important;
  border-radius:16px!important;
  box-shadow:0 5px 16px rgba(15,23,42,.12)!important;
  transform:translateY(0)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
#main .blog-posts.all-posts-one-page>.post-outer>.post{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  height:100%!important;
  margin:0!important;
  padding:12px!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
#main .blog-posts.all-posts-one-page>.post-outer:hover{
  transform:translateY(-9px)!important;
  border-color:#e94335!important;
  box-shadow:0 18px 34px rgba(15,23,42,.22)!important;
}
#main .blog-posts.all-posts-one-page .simple-thumbnail{
  order:-1!important;
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  margin:0 0 14px!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:2px solid #aebdce!important;
  border-radius:12px!important;
  background:#edf2f7!important;
  box-shadow:0 2px 7px rgba(15,23,42,.12)!important;
}
#main .blog-posts.all-posts-one-page .simple-thumbnail img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1)!important;
  transition:transform .4s ease!important;
}
#main .blog-posts.all-posts-one-page>.post-outer:hover .simple-thumbnail img{
  transform:scale(1.07)!important;
}
#main .blog-posts.all-posts-one-page .post-title{
  order:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  text-align:left!important;
}
#main .blog-posts.all-posts-one-page .post-title a{
  text-decoration:none!important;
}
#main .blog-posts.all-posts-one-page .post-information{
  order:1!important;
}
#main .blog-posts.all-posts-one-page .post-body{
  order:2!important;
  flex:1 0 auto!important;
}
@media(max-width:960px){
  #main .blog-posts.all-posts-one-page{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }
}
@media(max-width:600px){
  #main .blog-posts.all-posts-one-page{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
}
@media(hover:none){
  #main .blog-posts.all-posts-one-page>.post-outer:hover{
    transform:none!important;
  }
  #main .blog-posts.all-posts-one-page>.post-outer:active{
    transform:scale(.985)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #main .blog-posts.all-posts-one-page>.post-outer,
  #main .blog-posts.all-posts-one-page .simple-thumbnail img{
    transition:none!important;
  }
}

/* Single-post layout: show the sidebar beside the article */
body.item #content-wrapper{
  display:flow-root;
}
body.item #post-wrapper{
  box-sizing:border-box;
  float:left;
  width:70%;
  max-width:70%;
  margin:10px 0;
}
body.item #sidebar-wrapper{
  box-sizing:border-box;
  display:block!important;
  float:right;
  width:30%;
  height:auto!important;
  min-height:1px;
  margin:10px 0;
  padding:15px;
  opacity:1!important;
  visibility:visible!important;
  background:#fff;
  border-left:1px solid #e6e6e6;
}
body.item #sidebar-wrapper .widget{
  display:block;
  margin:0 0 22px;
}
body.item #sidebar-wrapper .widget h2{
  margin:0 0 12px;
  padding:0 0 10px;
  border-bottom:1px solid #e6e6e6;
}
@media(max-width:768px){
  body.item #post-wrapper{
    float:none;
    width:100%;
    max-width:100%;
  }
  body.item #sidebar-wrapper{
    clear:both;
    float:none;
    width:100%;
    max-width:100%;
    border-left:0;
    border-top:1px solid #e6e6e6;
    margin-top:20px;
  }
}


/* =========================================================
   SIDEBAR WIDGET DESIGN — single post pages
   ========================================================= */
body.item #sidebar-wrapper{
  padding:18px!important;
  background:#f8f9fb!important;
  border-left:1px solid #e7e9ee!important;
}
body.item #sidebar-wrapper .sidebar-inner{
  display:flex;
  flex-direction:column;
  gap:18px;
}
body.item #sidebar-wrapper .widget{
  box-sizing:border-box;
  display:block!important;
  width:100%;
  margin:0!important;
  padding:18px!important;
  overflow:hidden;
  background:#fff;
  border:1px solid #e7e9ee;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(25,35,55,.045);
}
body.item #sidebar-wrapper .widget h2,
body.item #sidebar-wrapper .widget h3,
body.item #sidebar-wrapper .widget .title{
  position:relative;
  display:block;
  margin:0 0 14px!important;
  padding:0 0 11px!important;
  color:#303846;
  font-family:'Roboto Condensed',Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1.3;
  text-align:left;
  text-transform:uppercase;
  border:0!important;
  border-bottom:1px solid #edf0f4!important;
}
body.item #sidebar-wrapper .widget h2:after,
body.item #sidebar-wrapper .widget h3:after,
body.item #sidebar-wrapper .widget .title:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:48px;
  height:2px;
  background:#ef4824;
}
body.item #sidebar-wrapper .widget-content{
  margin:0!important;
  color:#596273;
  font-family:'Open Sans',Arial,sans-serif;
  font-size:13px;
  line-height:1.7;
  text-align:left;
}
body.item #sidebar-wrapper .widget-content ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body.item #sidebar-wrapper .widget-content li{
  position:relative;
  display:block;
  margin:0!important;
  padding:8px 4px 8px 19px!important;
  border-bottom:1px dashed #e8ebf0;
  line-height:1.55;
}
body.item #sidebar-wrapper .widget-content li:last-child{
  border-bottom:0;
}
body.item #sidebar-wrapper .widget-content li:before{
  content:"";
  position:absolute;
  left:2px;
  top:15px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#ef4824;
}
body.item #sidebar-wrapper .widget-content a{
  color:#465164;
  text-decoration:none;
  transition:color .2s ease, padding .2s ease;
}
body.item #sidebar-wrapper .widget-content a:hover{
  color:#ef4824!important;
  text-decoration:none;
}
body.item #sidebar-wrapper .widget-content li a:hover{
  padding-left:3px;
}
body.item #sidebar-wrapper .post-summary h3{
  margin:0 0 8px!important;
  font-size:15px!important;
  text-align:left!important;
  text-transform:none!important;
}
body.item #sidebar-wrapper .post-summary h3 a{
  color:#384354;
}
body.item #sidebar-wrapper .post-summary p{
  margin:0 0 10px;
  color:#687386;
  font-size:12px;
}
body.item #sidebar-wrapper .post-summary img,
body.item #sidebar-wrapper .widget-content img{
  max-width:100%;
  height:auto;
  border-radius:5px;
}
body.item #sidebar-wrapper input[type="text"],
body.item #sidebar-wrapper input[type="search"],
body.item #sidebar-wrapper input.gsc-input{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  padding:10px 12px!important;
  color:#404b5b;
  background:#fff;
  border:1px solid #dfe3e9!important;
  border-radius:5px;
  outline:0;
}
body.item #sidebar-wrapper input:focus{
  border-color:#ef4824!important;
  box-shadow:0 0 0 3px rgba(239,72,36,.10);
}
body.item #sidebar-wrapper input[type="submit"],
body.item #sidebar-wrapper input.gsc-search-button{
  margin-top:8px;
  padding:9px 14px!important;
  color:#fff!important;
  background:#ef4824!important;
  border:1px solid #ef4824!important;
  border-radius:5px;
  cursor:pointer;
}
body.item #sidebar-wrapper .profile-img{
  display:block;
  max-width:100%;
  margin:0 auto 12px;
  border-radius:50%;
}
@media(max-width:768px){
  body.item #sidebar-wrapper{
    padding:14px!important;
  }
  body.item #sidebar-wrapper .sidebar-inner{
    gap:14px;
  }
}


/* =========================================================
   NAV SEARCH + SINGLE POST SIDEBAR FIX
   Keep the search field inside the page and style sidebar widgets.
   ========================================================= */
@media (min-width:701px){
  #nav{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    width:100%!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  #nav .main-menu-section{
    display:block!important;
    flex:1 1 100%!important;
    width:100%!important;
    min-width:0!important;
  }
  #nav .shnav{
    display:flex!important;
    flex-wrap:wrap!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #nav .shnav>li{float:none!important;flex:0 0 auto!important;min-width:0!important}
  #nav #search-form{
    display:block!important;
    float:none!important;
    flex:0 1 280px!important;
    width:280px!important;
    max-width:100%!important;
    min-width:0!important;
    margin:8px 12px 10px auto!important;
    box-sizing:border-box!important;
  }
  #nav #search-form table{display:block!important;width:100%!important;table-layout:fixed!important}
  #nav #search-form td.search-box{display:block!important;width:100%!important;box-sizing:border-box!important}
  #nav #search-form input#search-box{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;padding:10px 76px 10px 12px!important;border:1px solid #dfe3e8!important;border-radius:7px!important;background:#f8fafc!important}
  #nav #search-form input#search-button{right:4px!important;top:4px!important;padding:7px 10px!important;border-radius:5px!important;background:#e94335!important;color:#fff!important}
}
@media(max-width:700px){
  #nav{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
  #nav #search-form{display:block!important;float:none!important;width:100%!important;max-width:100%!important;margin:10px 0!important;padding:0 10px!important;box-sizing:border-box!important}
  #nav #search-form table{width:100%!important;table-layout:fixed!important;margin:0!important}
  #nav #search-form td.search-box{width:100%!important;box-sizing:border-box!important}
  #nav #search-form input#search-box{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;padding:10px 76px 10px 12px!important}
  #nav #search-form input#search-button{right:4px!important;top:4px!important;padding:7px 10px!important}
}

/* Single-post article and sidebar columns */
body.item #content-wrapper{display:flow-root;box-sizing:border-box;width:100%;max-width:100%;overflow:visible}
body.item #post-wrapper{box-sizing:border-box;float:left;width:70%;max-width:70%;margin:10px 0;padding:0 20px}
body.item #sidebar-wrapper{
  box-sizing:border-box;display:block!important;float:right;width:30%;max-width:30%;
  height:auto!important;min-height:1px;margin:10px 0;padding:16px;
  opacity:1!important;visibility:visible!important;background:#f8fafc;
  border-left:1px solid #e5e9f0;overflow:hidden
}
body.item #sidebar-wrapper .widget{
  display:block!important;box-sizing:border-box;width:100%;min-width:0;
  margin:0 0 18px!important;padding:16px!important;
  background:#fff;border:1px solid #e5e9f0;border-radius:10px;
  box-shadow:0 3px 12px rgba(23,32,51,.045)
}
body.item #sidebar-wrapper .widget h2,
body.item #sidebar-wrapper .widget h3{
  margin:0 0 12px!important;padding:0 0 10px!important;
  color:#172033;font-size:15px;line-height:1.35;
  border-bottom:1px solid #e8ecf2;position:relative
}
body.item #sidebar-wrapper .widget h2:after,
body.item #sidebar-wrapper .widget h3:after{
  content:"";position:absolute;left:0;bottom:-1px;width:42px;height:2px;background:#e94335
}
body.item #sidebar-wrapper .widget-content{min-width:0;color:#596579;font-size:13px;line-height:1.7}
body.item #sidebar-wrapper .widget-content ul{
  list-style:none!important;margin:8px 0 0!important;padding:0!important
}
body.item #sidebar-wrapper .widget-content ul li{
  display:block;margin:0!important;padding:8px 2px 8px 17px!important;
  position:relative;border-bottom:1px dashed #e5e9f0;line-height:1.55
}
body.item #sidebar-wrapper .widget-content ul li:last-child{border-bottom:0}
body.item #sidebar-wrapper .widget-content ul li:before{
  content:"";position:absolute;left:2px;top:15px;width:6px;height:6px;
  border-radius:50%;background:#e94335
}
body.item #sidebar-wrapper .widget-content a{color:#344054;text-decoration:none;overflow-wrap:anywhere}
body.item #sidebar-wrapper .widget-content a:hover{color:#e94335}
body.item #sidebar-wrapper #BlogSearch1_form,
body.item #sidebar-wrapper .BlogSearch .widget-content,
body.item #sidebar-wrapper .BlogSearch form{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
body.item #sidebar-wrapper .BlogSearch table{display:block;width:100%;max-width:100%;table-layout:fixed;margin:0!important}
body.item #sidebar-wrapper .BlogSearch tbody,
body.item #sidebar-wrapper .BlogSearch tr{display:block;width:100%}
body.item #sidebar-wrapper .BlogSearch td.gsc-input{display:block;width:100%;padding:0 0 9px!important;box-sizing:border-box}
body.item #sidebar-wrapper .BlogSearch td.gsc-search-button{display:block;width:100%;padding:0!important;box-sizing:border-box}
body.item #sidebar-wrapper .BlogSearch input.gsc-input{
  display:block;width:100%!important;max-width:100%;min-width:0;box-sizing:border-box;
  height:40px;padding:8px 10px;border:1px solid #dfe3e8;border-radius:6px;background:#fff
}
body.item #sidebar-wrapper .BlogSearch input.gsc-search-button{
  display:block;width:100%;height:38px;box-sizing:border-box;border:0;border-radius:6px;
  background:#e94335;color:#fff;cursor:pointer
}
@media(max-width:768px){
  body.item #post-wrapper{float:none;width:100%;max-width:100%;padding:0 12px}
  body.item #sidebar-wrapper{
    clear:both;float:none;width:100%;max-width:100%;margin:20px 0 0;
    padding:12px;border-left:0;border-top:1px solid #e5e9f0
  }
}


/* =========================================================
   POST SHARE BAR + AUTHOR PROFILE CARD
   ========================================================= */
body.item .tombol-berbagi-simple{
  display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;
  width:100%;box-sizing:border-box;margin:28px 0 20px!important;
  padding:16px!important;background:#f8fafc;border:1px solid #e7ebf1;
  border-radius:12px
}
body.item .tombol-berbagi-simple>div{
  display:flex;align-items:center;justify-content:center;gap:7px;
  flex:1 1 170px;min-width:0;margin:0!important;padding:0!important;
  box-sizing:border-box
}
body.item .tombol-berbagi-simple a{
  display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;min-height:40px;padding:9px 13px;
  border:1px solid #e2e7ef;border-radius:7px;background:#fff;
  color:#344054!important;font-size:13px;font-weight:700;
  line-height:1.25;text-decoration:none!important;transition:all .18s ease
}
body.item .tombol-berbagi-simple a[class$="-label"]{
  flex:1 1 auto;gap:9px;min-width:0;white-space:nowrap
}
body.item .tombol-berbagi-simple .tombol-berbagi-fb-label:before{
  content:"f";display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;flex:0 0 22px;border-radius:50%;
  background:#1877f2;color:#fff;font:800 16px Arial,sans-serif
}
body.item .tombol-berbagi-simple .tombol-berbagi-tw-label:before{
  content:"𝕏";display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;flex:0 0 22px;color:#171717;font-size:17px;font-weight:800
}
body.item .tombol-berbagi-simple .tombol-berbagi-lin-label:before{
  content:"in";display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;flex:0 0 22px;border-radius:3px;
  background:#0a66c2;color:#fff;font-size:13px;font-weight:800
}
body.item .tombol-berbagi-simple .tombol-berbagi-simple-fb a:hover{background:#1877f2;border-color:#1877f2;color:#fff!important}
body.item .tombol-berbagi-simple .tombol-berbagi-simple-tw a:hover{background:#171717;border-color:#171717;color:#fff!important}
body.item .tombol-berbagi-simple .tombol-berbagi a:hover{background:#0a66c2;border-color:#0a66c2;color:#fff!important}
body.item .authorboxwrap{
  display:block!important;clear:both;box-sizing:border-box;width:100%;
  margin:22px 0 30px!important;padding:0!important
}
body.item .authorboxfull{
  display:flex!important;align-items:center;gap:22px;
  box-sizing:border-box;width:100%;min-width:0;margin:0!important;
  padding:24px!important;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);
  border:1px solid #e5eaf1;border-left:4px solid #e94335;
  border-radius:14px;box-shadow:0 7px 24px rgba(23,32,51,.06)
}
body.item .authorboxfull .avatar-container{
  flex:0 0 104px;width:104px;height:104px;margin:0!important;
  padding:0!important
}
body.item .authorboxfull .author_avatar{
  display:block;width:104px!important;height:104px!important;
  max-width:100%;object-fit:cover;border-radius:50%;
  border:4px solid #fff;box-shadow:0 2px 12px rgba(23,32,51,.16)
}
body.item .authorboxfull .author_description_container{
  flex:1 1 auto;min-width:0;margin:0!important;padding:0!important
}
body.item .authorboxfull .author_description_container h4{
  margin:0 0 8px!important;padding:0!important;color:#172033;
  font-size:19px;font-weight:800;line-height:1.3
}
body.item .authorboxfull .author_description_container h4 a{
  color:#172033!important;text-decoration:none!important
}
body.item .authorboxfull .author_description_container p{
  margin:0 0 12px!important;color:#667085;font-size:13px;line-height:1.75
}
body.item .authorboxfull .authorsocial{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px
}
body.item .authorboxfull .authorsocial a{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;margin:0!important;border:1px solid #e3e8ef;
  border-radius:50%;background:#fff;color:#475467!important;
  text-decoration:none!important;transition:all .18s ease
}
body.item .authorboxfull .authorsocial a:hover{
  transform:translateY(-2px);background:#e94335;border-color:#e94335;color:#fff!important
}
@media(max-width:600px){
  body.item .tombol-berbagi-simple{gap:8px;padding:12px!important}
  body.item .tombol-berbagi-simple>div{flex:1 1 100%}
  body.item .authorboxfull{flex-direction:column;text-align:center;gap:14px;padding:20px!important}
  body.item .authorboxfull .avatar-container{flex-basis:88px;width:88px;height:88px}
  body.item .authorboxfull .author_avatar{width:88px!important;height:88px!important}
  body.item .authorboxfull .authorsocial{justify-content:center}
}


/* =========================================================
   PREMIUM RESPONSIVE FOOTER
   ========================================================= */
#footer-wrapper{
  position:relative!important;isolation:isolate;overflow:hidden;
  margin:56px 0 0!important;padding:0!important;text-align:left!important;
  color:#d5dbea!important;
  background:linear-gradient(135deg,#101827 0%,#17243a 55%,#111827 100%)!important;
  border-top:3px solid #e94335
}
#footer-wrapper:before{
  content:"";position:absolute;z-index:-1;top:-170px;right:-110px;
  width:390px;height:390px;border:1px solid rgba(255,255,255,.055);
  border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.018),0 0 0 75px rgba(255,255,255,.012)
}
#footer-sgwidget{
  display:grid!important;grid-template-columns:1fr 1.15fr 1fr;
  gap:34px;max-width:1160px!important;width:calc(100% - 48px);
  margin:0 auto!important;padding:54px 0 42px;overflow:visible!important
}
#footer-sgwidget .footer-widget{
  float:none!important;width:auto!important;min-width:0;
  margin:0!important;padding:0!important
}
#footer-wrapper h2,#footer-wrapper h3{
  position:relative;margin:0 0 22px!important;padding:0 0 14px!important;
  color:#fff!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;
  font-family:'Open Sans',sans-serif!important;font-size:15px!important;
  font-weight:800!important;letter-spacing:.4px!important;text-transform:none!important;
  line-height:1.4!important;text-align:left!important
}
#footer-wrapper h2:after,#footer-wrapper h3:after{
  content:"";position:absolute;left:0;bottom:-1px;width:42px;height:2px;
  background:#ef5145!important
}
#footer-wrapper .widget-content{
  margin:0!important;color:#aeb9cb!important;
  font-family:'Open Sans',sans-serif!important;font-size:13px;line-height:1.8
}
#footer-wrapper .Label ul,
#footer-wrapper .PopularPosts ul{margin:0!important;padding:0!important;list-style:none!important}
#footer-wrapper .Label li{
  display:block!important;float:none!important;width:100%!important;
  margin:0!important;padding:9px 0!important;
  border-bottom:1px solid rgba(255,255,255,.075);
  text-align:left!important;background:transparent!important
}
#footer-wrapper .Label li:last-child{border-bottom:0}
#footer-wrapper .Label li a{
  display:block;color:#c4cede!important;font-size:13px;
  text-decoration:none!important;transition:color .18s ease,transform .18s ease
}
#footer-wrapper .Label li a:before{content:"›";padding-right:10px;color:#ef5145;font-weight:800}
#footer-wrapper .Label li a:hover{color:#fff!important;transform:translateX(3px)}
#footer-wrapper .Label li span{display:none!important}
#footer-wrapper .PopularPosts ul li{
  display:flow-root;margin:0!important;padding:12px 0!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important
}
#footer-wrapper .PopularPosts ul li:first-child{padding-top:0!important}
#footer-wrapper .PopularPosts ul li:last-child{border-bottom:0!important}
#footer-wrapper .PopularPosts ul li img{
  width:76px!important;height:58px!important;object-fit:cover;
  margin:0 12px 5px 0!important;padding:3px!important;
  border:1px solid rgba(255,255,255,.13);border-radius:7px;
  background:rgba(255,255,255,.08)!important
}
#footer-wrapper .PopularPosts ul li .item-title a,
#footer-wrapper .PopularPosts ul li a{
  color:#e4eaf3!important;font-size:12px!important;font-weight:700!important;
  line-height:1.55;text-decoration:none!important
}
#footer-wrapper .PopularPosts ul li a:hover{color:#ff8c80!important}
#footer-wrapper .PopularPosts .item-snippet{
  margin-top:4px;color:#9eabc0!important;font-size:11px;line-height:1.55
}
#footer-wrapper .footer-about{max-width:340px}
#footer-wrapper .footer-brand-mark{
  display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;margin:0 0 17px;border-radius:14px;
  background:linear-gradient(135deg,#f15b4e,#c92f39);
  box-shadow:0 8px 22px rgba(233,67,53,.22);
  color:#fff;font-size:17px;font-weight:900;letter-spacing:-1px
}
#footer-wrapper .footer-brand-mark span{color:#ffd4ce}
#footer-wrapper .footer-about h3{margin-bottom:12px!important}
#footer-wrapper .footer-about p{
  margin:0 0 20px;color:#aeb9cb;font-size:13px;line-height:1.85
}
#footer-wrapper .footer-connect-links{display:flex;flex-wrap:wrap;gap:8px}
#footer-wrapper .footer-connect-links a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.15);
  border-radius:7px;background:rgba(255,255,255,.045);
  color:#e4eaf3!important;font-size:11px;font-weight:700;
  text-decoration:none!important;transition:all .2s ease
}
#footer-wrapper .footer-connect-links a:hover{
  border-color:#ef5145;background:#e94335;color:#fff!important;
  transform:translateY(-2px)
}
#footer-credit{
  position:relative;display:block!important;margin:0!important;padding:17px 24px!important;
  background:rgba(5,11,20,.58)!important;
  border-top:1px solid rgba(255,255,255,.09)
}
#footer-credit .footer-credit-inner{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  max-width:1160px;margin:0 auto;color:#8f9bb0;
  font-size:11px;line-height:1.6
}
#footer-credit .footer-credit-inner a{
  color:#e8edf5!important;font-weight:700;text-decoration:none!important
}
#footer-credit .footer-credit-inner a:hover{color:#ff8c80!important}
@media(max-width:850px){
  #footer-sgwidget{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:42px 0 34px}
  #footer-sgwidget #footx3{grid-column:1/-1}
  #footer-wrapper .footer-about{max-width:520px}
}
@media(max-width:560px){
  #footer-wrapper{margin-top:38px!important}
  #footer-sgwidget{grid-template-columns:1fr;gap:28px;width:calc(100% - 36px);padding:34px 0 28px}
  #footer-sgwidget #footx3{grid-column:auto}
  #footer-wrapper h2,#footer-wrapper h3{margin-bottom:16px!important}
  #footer-credit{padding:15px 18px!important}
  #footer-credit .footer-credit-inner{flex-direction:column;align-items:flex-start;gap:4px}
}

/* =========================================================
   FEATURED VIDEO — PREMIUM HOMEPAGE SHOWCASE
   ========================================================= */
.signature-video-card{
  position:relative;
  overflow:hidden;
  padding:clamp(18px,3vw,32px);
  border:1px solid #e4e9f1;
  border-radius:22px;
  background:linear-gradient(145deg,#fff 0%,#f8faff 100%);
  box-shadow:0 16px 42px rgba(24,39,75,.09);
}
.signature-video-card:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,#e94335 0%,#ff8a65 48%,#e94335 100%);
}
.signature-video-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 20px;
}
.signature-video-heading-copy{min-width:0}
.signature-video-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#e94335;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.8px;
  text-transform:uppercase;
}
.signature-video-kicker:before{
  content:"";
  width:7px;height:7px;
  border-radius:50%;
  background:#e94335;
  box-shadow:0 0 0 4px rgba(233,67,53,.12);
}
.signature-video-heading h2{
  margin:7px 0 5px;
  color:#172033;
  font-size:clamp(22px,3vw,30px);
  line-height:1.2;
  font-weight:800;
}
.signature-video-heading p{
  margin:0;
  color:#687386;
  font-size:14px;
  line-height:1.65;
}
.signature-video-youtube{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 15px;
  border:1px solid #f0d5d2;
  border-radius:999px;
  background:#fff;
  color:#d93025!important;
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.signature-video-youtube:hover{
  transform:translateY(-2px);
  background:#e94335;
  color:#fff!important;
  border-color:#e94335;
  box-shadow:0 7px 18px rgba(233,67,53,.22);
}
.signature-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  background:#090d16;
  box-shadow:0 12px 30px rgba(12,18,32,.18);
}
.signature-video-frame iframe{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.signature-video-footnote{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:13px 2px 0;
  color:#8791a2;
  font-size:11px;
  line-height:1.5;
}
.signature-video-footnote span:first-child{font-weight:700;color:#667085}
@media(max-width:600px){
  .signature-video-heading{align-items:flex-start;flex-direction:column;gap:12px}
  .signature-video-youtube{padding:9px 13px}
  .signature-video-frame{border-radius:11px}
  .signature-video-footnote{align-items:flex-start;flex-direction:column;gap:3px}
}