div { margin-top: 5px; } body#layout div.layout-widget-description { font-size: 12px; font-size: 0.75rem; opacity: .7; display: none; } body#layout .editlink.icon { top: 15px; } body#layout div.widget .widget-content { padding: 15px 15px; } body#layout #main { margin-bottom: 10px; } body#layout #main .Blog .widget-content { height: 120px; } body#layout #template-settings h4, body#layout #custom-css h4, body#layout #social-button h4, body#layout #navmenu1 h4, body#layout #navmenu h4, body#layout #bellow-header-widget h4, body#layout #bellow-header-widget2 h4, body#layout #iklan-tengah1 h4, body#layout #iklan-tengah2 h4, body#layout #iklan-atas h4, body#layout #iklan-bawah h4, body#layout #matched-content h4, body#layout #iklan-infeed h4, body#layout #labelrecentposts-container h4, body#layout #footer-wrapper h4, body#layout #navbar h4, body#layout #custom-javascript-footer h4 { display: none; } body#layout .template-settings, body#layout .custom-css, body#layout .custom-javascript-footer { width: 300px; display: block; } body#layout .template-settings div.widget .widget-content, body#layout .custom-css div.widget .widget-content, body#layout .custom-javascript-footer div.widget .widget-content { padding: 8px 15px; background: #e4ffff; } body#layout .template-settings div.layout-widget-description, body#layout .custom-css div.layout-widget-description, body#layout .custom-javascript-footer div.layout-widget-description { display: none; } body#layout .template-settings .editlink.icon, body#layout .custom-css .editlink.icon, body#layout .custom-javascript-footer .editlink.icon { top: 8px; } body#layout #template-settings div.widget { margin-top: 0px; } body#layout #iklan-tengah1, body#layout #iklan-tengah2, body#layout #iklan-atas, body#layout #iklan-bawah { padding: 0 25px 0 0; } body#layout #iklan-tengah1 div.widget .widget-content, body#layout #iklan-tengah2 div.widget .widget-content, body#layout #iklan-atas div.widget .widget-content, body#layout #iklan-bawah div.widget .widget-content { background: #eaffe9; padding: 6px 15px; } body#layout #iklan-tengah1 div.widget .widget-content .editlink.icon, body#layout #iklan-tengah2 div.widget .widget-content .editlink.icon, body#layout #iklan-atas div.widget .widget-content .editlink.icon, body#layout #iklan-bawah div.widget .widget-content .editlink.icon { top: 5px; } body#layout #matched-content { padding: 0 25px 0 0; } body#layout #matched-content div.widget .widget-content { background: #ffe9e9; padding: 6px 15px; } body#layout #matched-content div.widget .widget-content .editlink.icon { top: 5px; } body#layout #iklan-infeed { padding: 0 25px 0 0; } body#layout #iklan-infeed div.widget .widget-content { background: #e9e9ff; padding: 6px 15px; } body#layout #iklan-infeed div.widget .widget-content .editlink.icon { top: 5px; } body#layout #wrapper, body#layout #nav-wrap { overflow: unset; padding: 0; } body#layout #wrapper::after, body#layout #nav-wrap::after { clear: both; content: ""; display: block; } body#layout #navmenu1 { width: 377px; float: left; } body#layout #social-button { width: 377px; float: right; } body#layout #header-wrapper { height: auto; position: unset; } body#layout #header-wrapper::after { content: ""; display: block; clear: both; } body#layout #header { width: 100%; } body#layout #post-wrapper { float: left; width: 69%; } body#layout #post-wrapper .post-container, body#layout #post-wrapper #labelrecentposts-container { padding: 0 25px 0 0; } body#layout #labelrecentposts-container .labelrecentposts-item { float: left; width: 48%; } body#layout #labelrecentposts-container #labelrecentposts-item-1, body#layout #labelrecentposts-container #labelrecentposts-item-3, body#layout #labelrecentposts-container #labelrecentposts-item-5 { margin-right: 2%; } body#layout #labelrecentposts-container #labelrecentposts-item-2, body#layout #labelrecentposts-container #labelrecentposts-item-4, body#layout #labelrecentposts-container #labelrecentposts-item-6 { margin-left: 2%; } body#layout #sidebar-wrapper { float: right; width: 31%; } body#layout #sidebar-wrapper .sidebar-container { padding: 0; } body#layout #sidebar-wrapper .sidebar-sticky { z-index: 0; } body#layout #footer-widget:before { content: ""; display: block; clear: both; } body#layout #footer-widget .left { float: left; width: 32%; margin-right: 2%; } body#layout #footer-widget .center { float: left; width: 32%; } body#layout #footer-widget .right { float: right; width: 32%; } body#layout #footer-widget::after { content: ""; clear: both; display: block; } body#layout #navbar { display: block; max-width: 100%; margin: 0 0 25px; } body#layout #navbar::before { content: "Untuk mempercepat loading blog, klik edit dan nonaktifkan Navbar ==>>"; position: absolute; bottom: 20px; z-index: 999; right: 70px; color: #ae8349; font-size: 12px; font-size: 0.75rem; } body#layout #navbar .Navbar .widget-content { height: unset !important; } body#layout #custom-javascript-footer { margin: 0; } /* CSS FOR LAYOUT */ ]]> */ /*! ini normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } #wrapper { background: #fff; max-width: 1000px; margin: 20px auto; padding: 16px 36px; overflow: hidden; } @media screen and (max-width: 1072px) { #wrapper { margin: 0 auto; } } @media screen and (max-width: 768px) { #wrapper { padding: 8px 15px; } } @media screen and (max-width: 480px) { #wrapper { padding: 5px 10px; } } #header-wrapper .header { width: 100%; margin: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } #header-wrapper .header .Header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 0; } @media only screen and (max-width: 480px) { #header-wrapper .header { margin: 15px 0; width: 100%; } } .bellow-header-widget, .bellow-header-widget2 { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; min-width: 0; } #content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } #content-wrapper::before { background: #148199; display: block; content: ""; height: 5px; width: 100%; } #content-wrapper::after { display: block; content: ""; clear: both; } #content-wrapper #post-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 70%; flex: 1 1 70%; max-width: 70%; min-width: 0; } @media screen and (max-width: 768px) { #content-wrapper #post-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } #content-wrapper #sidebar-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; max-width: 30%; min-width: 0; } @media screen and (max-width: 768px) { #content-wrapper #sidebar-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font: normal normal 16px Helvetica, Arial, sans-serif; } body { font-size: 16px; font-size: 1rem; text-align: left; line-height: 1.5; padding: 0; margin: 0; overflow-y: scroll; position: relative; } body { background: #eaeced; font-family: "Roboto", Arial, sans-serif; color: #444; } ::-moz-selection { background: #caa94d; color: #fff; text-shadow: none; } ::selection { background: #caa94d; color: #fff; text-shadow: none; } cite, em, strong, b { font-weight: bold; } cite, em, i { font-style: italic; } a:link { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; text-decoration: none; color: #148199; } a:visited { text-decoration: none; color: #148199; } a:hover, a:focus { text-decoration: none; color: #444444; } a img { border: none; border-width: 0; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } sup, sub { vertical-align: baseline; position: relative; top: -6.4px; top: -.4rem; font-size: 86%; } sub { top: 6.4px; top: .4rem; } small { font-size: 86%; } kbd { font-size: 80%; border: 1px solid #777; padding: 2px 5px; border-bottom-width: 2px; } mark { background-color: #ffce00; color: black; } p, blockquote, pre, table, figure, hr, form, ol, ul, dl { margin: 22px 0 22px 0; margin: 1.375rem 0 1.375rem 0; } hr { height: 1px; border: none; background-color: #666; } /* heading */ h1, h2, h3, h4, h5, h6 { margin: 22px 0 22px 0; margin: 1.375rem 0 1.375rem 0; font-weight: bold; } h1 { font-size: 30px; font-size: 1.875rem; } h2 { font-size: 26px; font-size: 1.625rem; } h3 { font-size: 24px; font-size: 1.5rem; } h4 { font-size: 20px; font-size: 1.25rem; } h5 { font-size: 16px; font-size: 1rem; } h6 { font-size: 15px; font-size: 0.9375rem; } /* list */ ul, ol { margin: 20px 0 20px 0; margin: 1.25rem 0 1.25rem 0; padding-left: 48px; padding-left: 3rem; } @media screen and (max-width: 480px) { ul, ol { padding-left: 1.25rem; } } li ul, li ol { margin: 0; } dt { font-weight: bold; } dd { margin: 0 0 8px 32px; margin: 0 0 .5rem 2rem; } /* form */ input, button, select, textarea { font: inherit; font-size: 100%; line-height: normal; vertical-align: baseline; } textarea { display: block; } /* code & blockquote */ pre, code { font-family: "Courier New",Courier,Monospace; color: inherit; font-size: 14px; font-size: .875rem; } pre { background: #fffef9; border: 1px solid #dcce8a; padding: 10px; white-space: pre; word-wrap: normal; overflow: auto; } blockquote { background: rgba(0, 0, 0, 0.025); margin: 1.5em 2em; padding: 1em 1em; font-style: italic; font-size: 17px; font-size: 1.0625rem; } blockquote::before { content: "\275D"; font-size: 28px; font-size: 1.75rem; text-decoration: inherit; padding-right: 10px; color: inherit; line-height: 16px; line-height: 1rem; } blockquote[style] { background: transparent; font-style: normal; } blockquote[style]::before { content: ""; padding-right: 0; } /* table */ iframe { max-width: 100%; } table, img { max-width: 100%; height: auto; } table[border="1"] { border-collapse: collapse; } table[border="1"] td { vertical-align: top; text-align: left; font-size: 14px; font-size: 0.875rem; padding: 3px 10px; border: 1px solid rgba(0, 0, 0, 0.23); } table[border="1"] th { vertical-align: top; text-align: center; font-size: 14px; font-size: 0.875rem; font-weight: bold; padding: 5px 10px; border: 1px solid rgba(0, 0, 0, 0.23); } .navbar, .quickedit { display: none; } .section, .widget { margin: 0 0; padding: 0 0; } .CSS_LIGHTBOX { z-index: 9999 !important; } .CSS_LAYOUT_COMPONENT { color: transparent; } .template-settings, .custom-css, .custom-javascript-footer { display: none; } .post-body a[imageanchor] { display: inline-block; } .post-body a[style="margin-left: 1em; margin-right: 1em;"] { margin: 0 !important; display: inline-block; } .post-body iframe { max-width: 100%; display: block; margin: 0 auto; } .post-body td.tr-caption { font-size: 12px; font-size: 0.75rem; font-style: italic; color: #757575; } .post-body .BLOG_video_class { border: 0; width: 480px; height: 270px; } @media screen and (max-width: 480px) { .post-body .BLOG_video_class { width: 320px; height: 180px; } } @media only screen and (max-width: 480px) { .post-body a[imageanchor], table.tr-caption-container { float: none !important; margin-left: auto !important; margin-right: auto !important; } .post-body .separator > a { margin-left: auto !important; margin-right: auto !important; } } .lazyload { -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; opacity: 0; } .lazyload + .lazy-loading { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; background: #d7dee0; background: -webkit-gradient(linear, left top, right top, color-stop(10%, #d7dee0), color-stop(18%, #c8cecf), color-stop(33%, #d7dee0)); background: linear-gradient(to right, #d7dee0 10%, #c8cecf 18%, #d7dee0 33%); background-size: 200% 100% !important; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; } .lazyload.loaded { opacity: 1; } .lazyload.loaded + .lazy-loading { opacity: 0; } @-webkit-keyframes placeHolderShimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } @keyframes placeHolderShimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } .skip-to-link { display: inline-block; background: #a0520f; color: #fff !important; text-decoration: none !important; left: 0; top: 0; padding: 3px 10px; position: absolute; z-index: 1000; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 200ms ease-in-out; transition: -webkit-transform 200ms ease-in-out; transition: transform 200ms ease-in-out; transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; outline: none; border: 2px solid #fff; } .skip-to-link:focus { -webkit-transform: translateY(0%); transform: translateY(0%); } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; height: 0; position: absolute; width: 0; top: 0; overflow: hidden; } a.read-more-link, p.featured-more a { position: relative; } .header h1.title, .header h2.title, .header p.title { display: inline-block; margin: 0; text-transform: uppercase; } .header h1.title a:hover, .header h2.title a:hover, .header p.title a:hover { color: #444; text-decoration: none; } .header img { display: block; width: auto; } @media screen and (max-width: 480px) { .header img { margin: 0 auto; } } .header .hide-title { text-indent: -9999px; visibility: hidden; margin: 0; padding: 0; height: 0; } .header .description { color: #757575; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; margin: 0; font-weight: bold; } .sidebar-container { padding: 20px 0; } .sidebar .title-outer { font-size: 14px; font-size: 0.875rem; border-bottom: 3px solid #eeeeee; margin-bottom: 15px; } .sidebar .title-outer h2.title, .sidebar .title-outer h3.title { display: inline-block; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; margin: 0 0 -3px; padding: 0; border-bottom: 3px solid #444; } .sidebar .widget { margin: 0 0 30px; clear: both; word-break: break-word; } @media screen and (max-width: 768px) { .sidebar .widget { margin-bottom: 20px; } } .sidebar .widget::after { display: block; content: " "; clear: both; } .sidebar ul, .sidebar ol { list-style-type: none; margin: 0; padding: 0; } .sidebar li { margin: 5px 0; padding: 0; } .tinynav { display: none; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; width: 70px; margin: 0 auto; background: #fff; border: 0px solid transparent; padding: 6px 0; font-weight: bold; cursor: pointer; outline: none; color: #585858; } @media screen and (max-width: 768px) { .tinynav { display: block; } } .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; border-bottom: 3px solid #f3f3f3; justify-content: space-between; padding: 3px 0; } .nav-menu { list-style-type: none; margin: 0; padding: 0; font-size: 12px; font-size: 0.75rem; font-weight: bold; } @media screen and (max-width: 768px) { .nav-menu { display: none; } } .nav-menu li { display: inline-block; margin: 0; margin-right: 15px; padding: 0; } .nav-menu li a { color: #757575; display: block; } .nav-menu li a:hover { text-decoration: none; color: #148199; } /* NAVIGATION MENU 2 */ .toggleMenu { display: none; padding: 0 15px; height: 48px; line-height: 48px; color: #fff !important; } @media screen and (max-width: 768px) { .toggleMenu { display: inline-block; } } nav.dropdowns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #42454e; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; font-weight: bold; } nav.dropdowns .navmenu { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } @media screen and (max-width: 768px) { nav.dropdowns .navmenu { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } nav.dropdowns .search-form { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; min-width: 0; justify-self: flex-end; margin-right: 8px; } @media screen and (max-width: 768px) { nav.dropdowns .search-form { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; background-color: #50545f; margin-right: 0; padding: 10px; } } nav.dropdowns .search-form form { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.nav-menu2 { line-height: 52px; list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 768px) { ul.nav-menu2 { display: none; width: 100%; max-width: 100%; } } ul.nav-menu2:before, ul.nav-menu2:after { content: " "; display: table; } ul.nav-menu2:after { clear: both; } ul.nav-menu2 ul { list-style: none; margin: 0; padding: 0; width: auto; white-space: nowrap; } @media screen and (max-width: 768px) { ul.nav-menu2 ul { display: block; width: 100%; white-space: normal !important; } } ul.nav-menu2 a { display: block; padding: 0 15px; } ul.nav-menu2 a:hover { text-decoration: none; } ul.nav-menu2 li { position: relative; margin: 0 0; } ul.nav-menu2 > li { float: left; } @media screen and (max-width: 768px) { ul.nav-menu2 > li { float: none; overflow: hidden; } } ul.nav-menu2 > li > a { display: block; height: 52px; line-height: 52px; color: #fff; } ul.nav-menu2 > li > a.active, ul.nav-menu2 > li.hover > a, .toggleMenu { background: #148199; } ul.nav-menu2 li ul { background: #fff; display: block; position: absolute; left: 0; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } @media screen and (max-width: 768px) { ul.nav-menu2 li ul { background: #f5f5f5; border: none; -webkit-box-shadow: none; box-shadow: none; } } ul.nav-menu2 li li ul { left: 100%; top: -1px; } @media screen and (max-width: 768px) { ul.nav-menu2 li li ul { background: #f5f5f5; } } ul.nav-menu2 > li.hover > ul { visibility: visible; opacity: 10; } @media screen and (max-width: 768px) { ul.nav-menu2 > li.hover > ul { position: static; } } ul.nav-menu2 > li > ul:before { content: ""; width: 0px; height: 0px; position: absolute; bottom: 100%; left: 20px; border-width: 8px; border-style: solid; border-color: transparent transparent #fff transparent; display: block; } @media screen and (max-width: 768px) { ul.nav-menu2 > li > ul:before { display: none; } } ul.nav-menu2 li li.hover ul { visibility: visible; opacity: 10; } @media screen and (max-width: 768px) { ul.nav-menu2 li li.hover ul { position: static; } } ul.nav-menu2 li li a { display: block; color: #333; position: relative; z-index: 100; line-height: 32px; } ul.nav-menu2 li li a:hover { background: #f0f0f0; } @media screen and (max-width: 768px) { ul.nav-menu2 li li a:hover { background: #ddd; } } ul.nav-menu2 li li li a { background: #fff; z-index: 20; color: #333; } ul.nav-menu2 li .parent:after { content: ""; width: 6px; content: ''; height: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 8px; margin-bottom: 2px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; display: inline-block; } .bellow-header-widget { text-align: center; } .bellow-header-widget.no-items { display: none; } .bellow-header-widget .widget-content { margin: 0; padding: 20px 0 0; } .bellow-header-widget img { display: block; } .post-container { padding: 20px 20px 0 0; } @media screen and (max-width: 768px) { .post-container { padding: 20px 0 0px; } } .post-container .latest-post-title { background: #f3f3f3; margin: 0 0 15px; font-size: 12px; font-size: 0.75rem; overflow: hidden; } .post-container .latest-post-title h2 { background: #148199; display: inline-block; position: relative; line-height: 28px; font-size: 12px; font-size: 0.75rem; margin: 0; padding: 0 15px; color: #fff; text-transform: uppercase; } @media screen and (max-width: 480px) { .post-container .latest-post-title h2 { padding: 0 10px; } } .post-container .latest-post-title h2:after { content: ""; display: block; position: absolute; top: 0; right: -12px; border-top: 28px solid transparent; border-left: 12px solid #148199; border-left: 0.75rem solid #148199; } .post-container .blog-posts { margin-bottom: 30px; border: 1px solid #eeeeee; } .post-container .post-outer:last-child .post-isindex { border-bottom: 0px solid transparent; } .post-container .post { padding: 15px; } @media screen and (max-width: 480px) { .post-container .post { margin: 0 0 10px; padding: 10px; } } .post-container .post .post-info { color: #757575; font-size: 12px; font-size: 0.75rem; } .post-container .post .post-info a { color: #757575; } .post-container .post .post-info a:hover { color: #148199; } .post-container .post .post-info abbr { border-bottom: none; } .post-container .post .post-info span { display: inline-block; margin: 3px 0; } .post-container .post .post-info span:not(:last-child):after { content: "\b7"; margin: 0 3px; } .post-container .post-isindex { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0; border-bottom: 1px solid #eeeeee; } .post-container .post-isindex h2.post-title { font-size: 20px; font-size: 1.25rem; margin: 0 0 8px; } @media screen and (max-width: 480px) { .post-container .post-isindex h2.post-title { font-size: 1.125rem; } } @media screen and (max-width: 360px) { .post-container .post-isindex h2.post-title { font-size: 0.875rem; } } .post-container .post-isindex h2.post-title a { color: #444444; } .post-container .post-isindex h2.post-title a:hover { color: #148199; } .post-container .post-isindex .post-info { margin-bottom: 8px; } .post-container .post-isindex .post-snippet { font-size: 14px; font-size: 0.875rem; } @media screen and (max-width: 480px) { .post-container .post-isindex .post-snippet { display: none; } } .post-container .post-isindex .img-thumbnail-wrap { -webkit-box-flex: 0; -ms-flex: 0 1 30%; flex: 0 1 30%; min-width: 0; padding: 3px 12px 3px 0; } @media screen and (max-width: 480px) { .post-container .post-isindex .img-thumbnail-wrap { padding: 3px 8px 3px 0; } } .post-container .post-isindex .img-thumbnail-wrap .img-thumbnail { position: relative; } .post-container .post-isindex .img-thumbnail-wrap .img-thumbnail img { display: block; width: 100%; } .post-container .post-isindex .post-summary { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-width: 0; word-break: break-word; } .post-container .post-isindex a.readmore { display: inline-block; margin: 15px 0 0; padding: 0px 12px; line-height: 26px; font-size: 10.992px; font-size: 0.687rem; font-weight: bold; } .post-container .post-ispost h1.post-title, .post-container .post-ispage h1.post-title { margin: 0 0 10px; font-size: 28px; font-size: 1.75rem; } @media screen and (max-width: 480px) { .post-container .post-ispost h1.post-title, .post-container .post-ispage h1.post-title { font-size: 1.5rem; } } @media screen and (max-width: 360px) { .post-container .post-ispost h1.post-title, .post-container .post-ispage h1.post-title { font-size: 1.25rem; } } .post-container .post-ispost h1.post-title a, .post-container .post-ispage h1.post-title a { color: #444; } .post-container .post-ispost h1.post-title a:hover, .post-container .post-ispage h1.post-title a:hover { color: #148199; } .post-container .post-ispost .post-info, .post-container .post-ispage .post-info { margin-bottom: 20px; } .post-container .post-ispost .post-body, .post-container .post-ispage .post-body { word-wrap: break-word; } .post-container .post-ispost .post-location, .post-container .post-ispage .post-location { font-size: 14px; font-size: 0.875rem; font-weight: bold; display: inline-block; margin: 19.2px 0; margin: 1.2rem 0; } /* SLOT IKLAN */ .iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-tengah1 .widget-content, .iklan-tengah2 .widget-content, .iklan-bawah .widget-content, .iklan-atas .widget-content { padding: 15px; } @media screen and (max-width: 480px) { .iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-tengah1 .widget-content, .iklan-tengah2 .widget-content, .iklan-bawah .widget-content, .iklan-atas .widget-content { padding: 10px; } } .post-body .widget-content { text-align: center; margin: 16px 0 16px; margin: 1rem 0 1rem; } .post-body .widget-content::before { content: ""; display: block; clear: both; } .post-body .widget-content > * { text-align: center; margin: 0 auto; } .post-body ul .widget-content, .post-body ol .widget-content, .post-body blockquote .widget-content, .post-body table .widget-content, .post-body pre .widget-content, .post-body code .widget-content { display: none; } .post-body .widget-content.iklan-atas-artikel { margin-top: 0; } .post-body .widget-content.iklan-bawah-artikel { margin-bottom: 0; } .post-body .widget-content:blank { margin: 0 0; } .post-body .kode-matched-content { margin: 0 0 30px; } #ms-matched-content .kode-matched-content { overflow: hidden; } #main .infeedads { padding: 15px; margin: 0; border-bottom: 1px solid #eeeeee; } @media screen and (max-width: 480px) { #main .infeedads { padding: 10px; } } #main .infeedads > * { text-align: center; margin: 0 auto; } #main .infeedads img { display: block; } /* hide adsense auto ads on unwanted places */ body > .google-auto-placed, #wrapper > .google-auto-placed, #header-container .google-auto-placed, #footer-widget-container .google-auto-placed, #footer-navmenu .google-auto-placed, #footer-container .google-auto-placed, footer > .google-auto-placed, header > .google-auto-placed, #sidebar-wrap > .google-auto-placed, .sidebar-sticky .google-auto-placed, .PopularPosts .google-auto-placed { display: none; } .post-body pre .google-auto-placed, .post-body blockquote .google-auto-placed, .post-body table .google-auto-placed, .post-body ul .google-auto-placed, .post-body ol .google-auto-placed, .post-body #baca-juga .google-auto-placed { display: none; } /* hide adsense auto ads on unwanted places */ body > .adsbygoogle, #wrapper > .adsbygoogle, #header-container .adsbygoogle, #footer-widget-container .adsbygoogle, #footer-navmenu .adsbygoogle, #footer-container .adsbygoogle, footer > .adsbygoogle, header > .adsbygoogle, #sidebar-wrap > .adsbygoogle, .sidebar-sticky .adsbygoogle, .PopularPosts .adsbygoogle { display: none; } .post-body pre .adsbygoogle, .post-body blockquote .adsbygoogle, .post-body table .adsbygoogle, .post-body ul .adsbygoogle, .post-body ol .adsbygoogle, .post-body #baca-juga .adsbygoogle { display: none; } /* BACA JUGA */ #baca-juga { display: none; } .post-body #baca-juga { display: block; } .post-body #baca-juga::before { content: ""; display: block; clear: both; } .post-body ul .baca-juga-wrap, .post-body ol .baca-juga-wrap, .post-body blockquote .baca-juga-wrap, .post-body table .baca-juga-wrap, .post-body pre .baca-juga-wrap, .post-body code .baca-juga-wrap { display: none; } .post-body .baca-juga-wrap { text-align: left !important; margin: 15px 15px; font-size: 14px; font-size: 0.875rem; font-size: 14px; font-size: .875rem; padding: 15px; border: 1px solid #eeeeee; } @media screen and (max-width: 480px) { .post-body .baca-juga-wrap { margin: 15px 0; padding: 10px; } } .post-body #baca-juga strong { display: inline-block; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 9.6px; margin-bottom: .6rem; } .post-body #baca-juga a { font-weight: bold; text-decoration: none; padding: 0; } .post-body #baca-juga ul { margin: 0 0 0 20px; padding-left: 0; } .post-body #baca-juga li { padding: 0px; margin: 0 0 8px; margin: 0 0 .5rem; } .post-body #baca-juga li:last-child { margin: 0 0; } .breadcrumbs { font-size: 12px; font-size: 0.75rem; color: #757575; margin: 15px 15px 0; } .breadcrumbs a { color: #757575; } .breadcrumbs a:hover { color: #148199; } @media screen and (max-width: 480px) { .breadcrumbs { margin: 10px 10px 0; } } #blog-pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; text-align: center; padding: 0; font-size: 10.992px; font-size: 0.687rem; font-weight: bold; } #blog-pager #blog-pager-newer-link a, #blog-pager #blog-pager-older-link a { display: block; padding: 4px 12px; background: #f3f3f3; color: #666; } #blog-pager #blog-pager-newer-link a:hover, #blog-pager #blog-pager-older-link a:hover { background: #148199; color: #fff; } #blog-pager .num-pagnav { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; min-width: 0; } #blog-pager .num-pagnav a, #blog-pager .num-pagnav .pagecurrent { padding: 8px 10px; margin-right: 3px; display: inline-block; } #blog-pager .num-pagnav a { background: #f3f3f3; color: #666; } #blog-pager .num-pagnav .pagecurrent, #blog-pager .num-pagnav a:hover { background: #148199; color: #fff; } .tabbed-toc { margin: 0 auto; position: relative; } .tabbed-toc .loading { display: block; padding: 2px 12px; } .tabbed-toc ul, .tabbed-toc ol, .tabbed-toc li { margin: 0; padding: 0; list-style: none; } .tabbed-toc .toc-tabs { width: 20%; float: left; font-size: 12px; font-size: 0.75rem; font-weight: bold; } .tabbed-toc .toc-tabs li a { display: block; overflow: hidden; text-transform: uppercase; text-decoration: none; padding: 6px 12px; } .tabbed-toc .toc-tabs li a:hover { background-color: rgba(64, 64, 64, 0.1); } .tabbed-toc .toc-tabs li a.active-tab { background: rgba(64, 64, 64, 0.1); position: relative; z-index: 5; margin: 0 0; } .tabbed-toc .toc-content, .tabbed-toc .toc-line { width: 80%; float: right; background-color: white; border-left: 5px solid rgba(64, 64, 64, 0.1); } .tabbed-toc .toc-line { float: none; display: block; position: absolute; top: 0; right: 0; bottom: 0; } .tabbed-toc .panel { position: relative; z-index: 5; } .tabbed-toc .panel li a { display: block; position: relative; font-weight: bold; font-size: 14px; font-size: 0.875rem; padding: 6px 12px; overflow: hidden; } .tabbed-toc .panel li time { display: block; font-weight: normal; font-size: 10.992px; font-size: 0.687rem; color: #757575; float: right; } .tabbed-toc .panel li .summary { display: block; padding: 10px 12px 10px; font-size: 14px; font-size: 0.875rem; } .tabbed-toc .panel li .summary img.thumbnail { float: left; display: block; margin: 5px 8px 0 0; width: 72px; height: 72px; background-color: #fafafa; } .tabbed-toc .panel li { background-color: #f3f3f3; } .tabbed-toc .panel li:nth-child(even) { background-color: #fff; } .tabbed-toc .panel li a:hover, .tabbed-toc .panel li a:focus, .tabbed-toc .panel li.bold a { background-color: rgba(64, 64, 64, 0.1); outline: none; } @media (max-width: 700px) { .tabbed-toc .toc-tabs, .tabbed-toc .toc-content { overflow: hidden; width: auto; float: none; display: block; } .tabbed-toc .toc-tabs li { display: inline; } .tabbed-toc .toc-tabs li a { display: inline-block; } .tabbed-toc .toc-tabs li a.active-tab { background-color: rgba(64, 64, 64, 0.1); } .tabbed-toc .toc-content { border: none; } .tabbed-toc .toc-line, .tabbed-toc .panel li time { display: none; } } #back-to-top { background: #148199; width: 36px; height: 36px; display: block; padding-top: 15px; } #back-to-top:after { content: ''; width: 14px; height: 14px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top: 2px solid #fff; border-right: 2px solid #fff; display: block; margin: 0 auto; } .back-to-top { position: fixed !important; position: absolute; bottom: 20px; right: 20px; z-index: 999; } .search-form table { width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0; } .search-form td.search-box { padding-right: 30px; } @media screen and (max-width: 768px) { .search-form td.search-box { padding: 0 10px !important; } } @media screen and (max-width: 768px) { .search-form td.search-button { padding: 0 10px; width: 1%; } } .search-form input#search-box[type="text"] { color: #757575; height: 36px; line-height: 36px; padding: 0 10px; border: none; text-transform: uppercase; } .search-form input#search-box[type="text"]:focus { text-transform: initial; color: #444444; outline: none; } @media screen and (max-width: 768px) { .search-form input#search-box[type="text"] { margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-width: 0; } } .search-form input#search-button[type="submit"] { background: url("data:image/svg+xml;charset=utf8,"); background-repeat: no-repeat; background-position: center; height: 36px; width: 36px; -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px; margin: 0; padding: 0; border: 0; outline: 0; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background-color: #148199; } @media screen and (max-width: 768px) { .search-form input#search-button[type="submit"] { margin: 0; } } .search-form input#search-button[type="submit"]:hover { cursor: pointer; background-color: #444; } .share-this-pleaseeeee { margin: 0 0 10px; font-size: 16px; font-size: 1rem; font-weight: bold; } body.no-share-button .share-this-pleaseeeee, body.no-share-button #share-container { display: none; } #share-container { margin: 20px auto 30px; } #share-container::after { content: ""; display: block; clear: both; } #share { width: 100%; margin: 20px auto; } #share a { width: 40px; height: 40px; display: inline-block; margin-right: 8px; padding: 4px; border-radius: 50%; font-size: 24px; font-size: 1.5rem; color: #fff; opacity: .75; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #share a path { fill: #fff; } #share a:hover { opacity: 1; } #share i { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .facebook { background: #3b5998; } .twitter { background: #55acee; } .whatsapp { background: #25d366; } .linkedin { background: #0077b5; } .pinterest { background: #cb2027; } #social-button { text-align: right; } @media screen and (max-width: 480px) { #social-button { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } #social-button a { display: inline-block; vertical-align: middle; margin: 3px 0; } #social-button .social-icon { display: block; padding: 4px; margin-right: 3px; width: 32px; height: 32px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #social-button .social-icon i { background-repeat: no-repeat; background-position: center; height: 22px; width: 22px; display: block; margin: 1px; padding: 0px; } #social-button .facebook-icon:hover { background: #deebfc; } #social-button .facebook-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .twitter-icon:hover { background: #d9f0fc; } #social-button .twitter-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .youtube-icon:hover { background: #fee0e0; } #social-button .youtube-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .instagram-icon:hover { background: #f6dae4; } #social-button .instagram-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .linkedin-icon:hover { background: #d1e5f0; } #social-button .linkedin-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .telegram-icon:hover { background: #dcf0fa; } #social-button .telegram-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .whatsapp-icon:hover { background: #dbf3de; } #social-button .whatsapp-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .googlemaps-icon:hover { background: #fadfdc; } #social-button .googlemaps-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .pinterest-icon:hover { background: #fadddf; } #social-button .pinterest-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .tiktok-icon:hover { background: #feecef; } #social-button .tiktok-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .github-icon:hover { background: #eeeeee; } #social-button .github-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .dribbble-icon:hover { background: #fbe9f0; } #social-button .dribbble-icon i { background: url("data:image/svg+xml;charset=utf8,"); } #social-button .behance-icon:hover { background: #e3ecfe; } #social-button .behance-icon i { background: url("data:image/svg+xml;charset=utf8,"); } /* FOOTER */ #footer-wrapper { border-top: 3px solid #eeeeee; margin: 0 auto; padding: 15px 5px; overflow: hidden; font-size: 12px; font-size: 0.75rem; text-align: center; } #footer-widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px 0 0; } #footer-widget .left, #footer-widget .center, #footer-widget .right { -webkit-box-flex: 0; -ms-flex: 0 1 32%; flex: 0 1 32%; min-width: 0; } @media screen and (max-width: 768px) { #footer-widget .left, #footer-widget .center, #footer-widget .right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } #footer-widget .widget { margin: 0 0 30px; clear: both; word-break: break-word; } @media screen and (max-width: 768px) { #footer-widget .widget { margin-bottom: 20px; } } #footer-widget .widget .title-outer { font-size: 14px; font-size: 0.875rem; border-bottom: 3px solid #eeeeee; margin-bottom: 15px; } #footer-widget .widget .title-outer h2.title, #footer-widget .widget .title-outer h3.title { display: inline-block; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; margin: 0 0 -3px; padding: 0; border-bottom: 3px solid #444; } #footer-widget .widget ul, #footer-widget .widget ol { list-style-type: none; margin: 0; padding: 0; } .comments-threaded { clear: both; margin: 30px 0; font-size: 14px; font-size: .875rem; } .comments-threaded h2.comments-title { font-size: 18px; font-size: 1.125rem; margin: 0 0 20px; padding: 0; display: inline-block; } .comments-threaded .comment-thread ol { text-align: left; margin: 13px 0; padding: 0; list-style: none; } .comments-threaded .avatar-image-container img { max-width: 36px; } .comments-threaded .comment-block { border: 1px solid #eeeeee; position: relative; padding: 15px; margin-left: 45px; word-break: break-word; } @media screen and (max-width: 480px) { .comments-threaded .comment-block { padding: 10px; } } .comments-threaded .comment-replies { margin: 10px 0; margin-left: 45px; } .comments-threaded .comment-thread:empty { display: none; } .comments-threaded .comment-replybox-single { margin-left: 45px; margin: 20px 0; } .comments-threaded .comment { margin-bottom: 6px; padding: 0; } .comments-threaded .comment .avatar-image-container { border: 1px solid #eeeeee; float: left; max-height: 36px; overflow: hidden; width: 36px; height: 36px; background-repeat: no-repeat; background-position: 8px 7px; } .comments-threaded .comment .avatar-image-container { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAC4jAAAuIwF4pT92AAAC4UlEQVR42nWU30uTYRTHn/d1bjOn5Y0Gu4mBNhWZ4EVXbiMUMVMjL2L+iJSYCMJkF27TzanbdNvfEN10U3STFdV/0GUE3faLsJsovEkIhDqfsWc8vqOLw87O+X6/73nOOc+jdnd3VT6fP2fZbNZVrVbV+vr61f7+/mdKqb+Y+EfEyIFx8tBqODqYy+WsQqGgpqen411dXR+7u7s/DAwMPMHwiZEDA9YU47fh8KvFxsfH0y6X63RycjKZTqcv7ezsWBg+MXJgtKipca6y/f19tby8HLZt+08sFps6PDxUIqS0ID4xcmDAwjErbQgCLhaLqq+v7/ng4ODjUqmktre36ZNl9MkiRg6MYI/gwG0IUiaBvb09lclkLvh8vq9zc3N3hGTJl1t0Hqu3pYUcGLBw4Op8Q5nSk8nk5fb29u9LS0vXqULItnOSxMiBAQsHblOF/MpxPB0dHZ9nZ2fvylEsWY2mComRAyPYT3BMjaYeDg0NPQoEAm/wIUvcNjB2XVCBAdvUQwNcm/La2lqotbX1dGZm5n65XFa6P7rPxMgJ5jdYOHDPHdncQwBynHttbW0/wuFwaWNjI7C1teXB8CORSIkcGL0yTXuIowWpgl1jcbluHo/npKen5x2GT4wcGLBasHFTjPtbm57c1WBvb+9rafix7NmL0dHR0sTERALDJybrcgwGLBy4eg66Mvvg4EDNz8/f9nq9v4T0cnV1dQQQcarB8InF4/ERhMHCIa5XTElvapu/sLBwy7Kss7GxsTSTq0+P5baZLlb3LZ2Xo6fgwOU/S08f7EQiEZCv/YxGozmm6FwXp+n1AQsHrgzsCh9TlUpFhUKhh36//219arbzjTPNeWt4ceAODw8/4KRqZWXlmgzgm/TiZr1s2/nGmWKOt7MmKNwbbrf7hMqVTOuVPJzvNzc3L5q3xlmZ08zbkUqlfJ2dnV8WFxenFHvFU6TfOxP4PzHzw/q9DAaDT2VPz/4BM3gzfN9VWhwAAAAASUVORK5CYII="); } .comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(6) { margin: 0px 0px 5px 12%; } .comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(5) { margin: 0px 0px 5px 10%; } .comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(4) { margin: 0px 0px 5px 8%; } .comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(3) { margin: 0px 0px 5px 4%; } .comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(2) { margin: 0px 0px 5px 2%; } .comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(1) { margin: 0px 0px 5px 0; } .comments-threaded .comment .pesan-komentar:not(:empty) { padding: 20px; background: #f9f9f9; margin-bottom: 30px; } .comments-threaded .comment .deleted-comment { font-style: italic; opacity: .5; } .comments-threaded .comment-thread.inline-thread .comment, .comments-threaded .comment-thread.inline-thread .comment:last-child { margin: 0px 0px 5px 14%; } .comments-threaded .comment-thread { margin: 0 0 30px; padding: 0; } .comments-threaded .inline-thread { margin: 0; } .comments-threaded cite.user { margin-right: 8px; } .comments-threaded .icon.blog-author { display: inline-block; } .comments-threaded .icon.blog-author::after { content: "author"; padding: 2px 6px; font-size: 11px; font-size: .6875rem; display: inline-block; background: #148199; color: #fff; border-radius: 10px; vertical-align: middle; } .comments-threaded .comment-header { font-size: 14px; font-size: .875rem; margin: 0 0 15px; } .comments-threaded .comment-content { margin: 0 0 15px; text-align: left; } .comments-threaded .datetime { margin: 10px 0; display: block; } .comments-threaded .datetime .datetime a { opacity: .8; color: inherit !important; } .comments-threaded .user { font-weight: bold; font-style: normal; } .comments-threaded .comment .comment-actions a { display: inline-block; font-size: 13px; font-size: .8125rem; margin-right: 8px; } .comments-threaded .continue a { display: inline-block; font-size: 13px; font-size: .8125rem; font-weight: bold; } .comments-threaded .comment .comment-actions a:hover, .comments-threaded .continue a:hover { text-decoration: underline; } .comments-threaded .loadmore { cursor: pointer; margin-top: 3em; max-height: 3em; } .comments-threaded .loadmore.loaded { max-height: 0; opacity: 0; overflow: hidden; } .comments-threaded .thread-chrome.thread-collapsed { display: none; } .comments-threaded .thread-toggle { display: inline-block; } .comments-threaded .thread-toggle .thread-arrow { display: inline-block; height: 6px; margin: .3em; overflow: visible; padding-right: 4px; width: 7px; } .comments-threaded .thread-expanded .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent; } .comments-threaded .thread-collapsed .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent; } .comments-threaded .hidden { display: none; } @media screen and (max-device-width: 480px) { .comments-threaded .comments-content .comment-replies { margin-left: 10px; } .comments-threaded .thread-toggle { margin-left: 45px; } .comments-threaded .comments-content .comment-replies .continue { margin-left: 45px; } } .comments-non-threaded { clear: both; margin: 30px 0; font-size: 14px; font-size: .875rem; } .comments-non-threaded h2.comments-title { font-size: 18px; font-size: 1.125rem; margin: 0 0 20px; padding: 0px 0px 5px; display: inline-block; } .comments-non-threaded #comments-block { margin: 0 0 30px; } .comments-non-threaded #comments-block .avatar-image-container { display: inline-block; margin-right: 4px; margin-bottom: -10px; border: 1px solid #eeeeee; } .comments-non-threaded #comments-block .avatar-image-container img { display: block; } .comments-non-threaded #comments-block .comment-block { border: 1px solid #eeeeee; position: relative; padding: 20px; margin-bottom: 15px; word-break: break-word; } .comments-non-threaded #comments-block .comment-block .comment-author .comment-author-name { font-weight: bold; display: block; } .comments-non-threaded #comments-block .comment-block .comment-author .comment-timestamp { opacity: .9; font-size: 12px; font-size: .75rem; } .comments-non-threaded #comments-block .comment-block .comment-author .item-control { opacity: .9; font-size: 12px; font-size: .75rem; } .comments-non-threaded #comments-block .comment-block .comment-body { padding: 10px 0; margin: 0 0; } .comments-non-threaded #comments-block .comment-block .comment-body p { margin: 0; } .comments .comment-note { word-break: break-word; margin: 0 0 30px; font-size: 14px; font-size: 0.875rem; } .comments .post-comment-link { font-weight: bold; } .status-msg-wrap { width: 80%; margin: 20px auto 30px; position: relative; } .status-msg-border { border: none; opacity: .4; width: 100%; position: relative; } .status-msg-bg { background-color: transparent; opacity: .8; width: 100%; position: relative; z-index: 1; } .status-msg-body { text-align: center; padding: .3em 0; width: 100%; position: absolute; z-index: 4; } .status-msg-hidden { visibility: hidden; padding: .3em 0; } .status-msg-wrap a { padding-left: .4em; } .BlogArchive { font-size: 14px; font-size: .875rem; } .BlogArchive .ArchiveList ul { margin: 0; padding: 0; font-weight: bold; } .BlogArchive .ArchiveList .archive-flat ul li { padding: 6px 10px; border-left: 1px solid #eeeeee; } .BlogArchive .ArchiveList .archive-hierarchy ul li .hierarchy-title { margin-bottom: 10px; } .BlogArchive .ArchiveList .archive-hierarchy ul li .hierarchy-content { margin: 10px 0 10px 10px; } .BlogArchive .ArchiveList .archive-hierarchy ul li .hierarchy-content ul.posts li { padding: 6px 10px; border-left: 1px solid #eeeeee; } .BlogArchive .ArchiveList .archive-dropdown select { padding: 5px 7px; cursor: pointer; } .cloud-label-widget-content { text-align: left; font-size: 10.992px; font-size: 0.687rem; text-transform: uppercase; } .cloud-label-widget-content .label-size { background: #148199; color: #fff; line-height: 1.2; display: block; float: left; margin: 0 4px 4px 0; } .cloud-label-widget-content .label-size a { background: #148199; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; color: #fff; display: inline-block; padding: 8px 12px; } .cloud-label-widget-content .label-size a:hover { background: #444444; } .cloud-label-widget-content .label-size span { display: inline-block; } .cloud-label-widget-content .label-count { margin-right: 0px; } .list-label-widget-content { font-size: 12px; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; } .list-label-widget-content ul { margin: 0; padding: 0; } .list-label-widget-content ul li { margin: 0; padding: 6px 10px; border-left: 1px solid #eeeeee; } .FeaturedPost .featured-outer { margin: 0 0 30px; clear: both; } @media screen and (max-width: 768px) { .FeaturedPost .featured-outer { margin: 0 0 20px; } } .FeaturedPost .featured-post-summary { position: relative; overflow: hidden; } .FeaturedPost .featured-post-img { width: 100%; position: relative; overflow: hidden; height: 0; padding-top: 56.25%; } .FeaturedPost .featured-post-img img { width: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; } .FeaturedPost .featured-post-img a:focus img { opacity: .7; } .FeaturedPost .featured-post-info { position: absolute; z-index: 1; padding: 15px 15px; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.75); } @media only screen and (max-width: 480px) { .FeaturedPost .featured-post-info { padding: 15px 10px; } } .FeaturedPost .featured-post-info div.title { position: absolute; top: -13px; display: inline-block; margin: 0; font-size: 12px; font-size: 0.75rem; font-weight: bold; padding: 3px 8px; color: #fff; background: #148199; text-transform: uppercase; } .FeaturedPost h2, .FeaturedPost h3 { font-size: 26px; font-size: 1.625rem; margin: 0 0 5px; } @media only screen and (max-width: 480px) { .FeaturedPost h2, .FeaturedPost h3 { font-size: 1.25rem; } } @media only screen and (max-width: 360px) { .FeaturedPost h2, .FeaturedPost h3 { margin: 0; } } .FeaturedPost h2 a, .FeaturedPost h3 a { color: #444444; text-shadow: 0 0 1px #fff; text-decoration: none; } .FeaturedPost h2 a:hover, .FeaturedPost h3 a:hover { color: #148199; } .FeaturedPost p { margin: 0; font-size: 14px; font-size: 0.875rem; } @media only screen and (max-width: 360px) { .FeaturedPost p { display: none; } } .PopularPosts .widget-content::after { content: ""; display: block; clear: both; } .PopularPosts .popular-post { position: relative; padding: 14px; padding: 0.875rem; padding-right: 20px; } @media screen and (max-width: 768px) { .PopularPosts .popular-post { margin-right: 10px; } } @media screen and (max-width: 480px) { .PopularPosts .popular-post { padding: 10px; } } .PopularPosts .popular-post::after { content: ""; font-weight: bold; display: block; position: absolute; right: -17px; top: calc(50% - 18px); background: #148199; color: #fff; padding: 0 9px; line-height: 28px; border-radius: 50%; border: 3px solid #ffffff; -webkit-box-shadow: -1px 0px 0 0px #d6d6d6; box-shadow: -1px 0px 0 0px #d6d6d6; } .PopularPosts .popular-post:nth-child(even) { background: #fafafa; } .PopularPosts .popular-post:nth-child(odd) { background: #f3f3f3; } .PopularPosts .popular-post:nth-child(1):after { content: "1"; } .PopularPosts .popular-post:nth-child(2):after { content: "2"; } .PopularPosts .popular-post:nth-child(3):after { content: "3"; } .PopularPosts .popular-post:nth-child(4):after { content: "4"; } .PopularPosts .popular-post:nth-child(5):after { content: "5"; } .PopularPosts .popular-post:nth-child(6):after { content: "6"; } .PopularPosts .popular-post:nth-child(7):after { content: "7"; } .PopularPosts .popular-post:nth-child(8):after { content: "8"; } .PopularPosts .popular-post:nth-child(9):after { content: "9"; } .PopularPosts .popular-post:nth-child(10):after { content: "10"; padding: 0px 5px; } .PopularPosts .popular-post-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .PopularPosts .popular-post-info .popular-post-thumbnail { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px; min-width: 0; width: 75px; height: 75px; margin-right: 12px; margin-right: 0.75rem; } @media screen and (max-width: 480px) { .PopularPosts .popular-post-info .popular-post-thumbnail { margin-right: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; height: 60px; } } .PopularPosts .popular-post-info .popular-post-thumbnail img { display: block; width: 100%; height: auto; } .PopularPosts .popular-post-info .popular-post-thumbnail a:focus img { opacity: .7; } .PopularPosts .popular-post-info .popular-title-snippet { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-width: 0; } .PopularPosts .popular-post-info .popular-title-snippet .popular-post-title { font-weight: bold; font-size: 14px; font-size: 0.875rem; } .PopularPosts .popular-post-info .popular-title-snippet .popular-post-title a { color: #444; } .PopularPosts .popular-post-info .popular-title-snippet .popular-post-title a:hover { color: #148199; } .PopularPosts .popular-post-info .popular-title-snippet .popular-post-snippet { font-size: 12px; font-size: 0.75rem; margin-top: 8px; word-break: break-word; color: #757575; } .PopularPosts .popular-post-info .popular-title-snippet .popular-post-snippet span:not(:last-child):after { content: "\b7"; margin: 0 3px; } .Feed ul li { display: block; margin: 0 0 10px; } .Feed ul li:last-child { margin-bottom: 10px; } .Feed .item-date, .Feed .item-author { color: #999; } .Feed .item-title { font-weight: bold; } .gsc-search-box-tools .gsc-search-box .gsc-input { margin: 3px 0 !important; } .gsib_a { padding: 0px 6px 0 !important; } .cse .gsc-search-button-v2, .gsc-search-button-v2 { padding: 9px 27px !important; } .ContactForm form { margin: 0; } .ContactForm .input-label { font-size: 14px; font-size: .875rem; display: block; } .ContactForm span.required { color: #148199; } .contact-form-success-message, .contact-form-error-message { background: #f9edbe; border: 0 solid #f0c36d; font-size: 14px; font-size: .875rem; text-align: center; max-width: 500px; } .contact-form-success-message-with-border, .contact-form-error-message-with-border { background: #f9edbe; border: 1px solid #f0c36d; font-size: 14px; font-size: .875rem; text-align: center; max-width: 600px; padding: 10px 10px; } .contact-form-cross { height: 10.992px; height: 0.687rem; margin: 0 5px; vertical-align: -8.5%; width: 10.992px; width: 0.687rem; } .contact-form-email, .contact-form-name { color: inherit; height: 40px; margin: 0 0 15px; max-width: 300px; width: 100%; padding: 0 15px; border: 1px solid rgba(193, 193, 193, 0.4); } .contact-form-email-message { color: inherit; margin: 0; vertical-align: top; max-width: 600px; width: 100%; border: 1px solid rgba(193, 193, 193, 0.4); padding: 15px; } .contact-form-name, .contact-form-email, .contact-form-email-message { background: rgba(193, 193, 193, 0.2); } .contact-form-button { background: #148199; color: #fff; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; display: block; font-size: 14px; font-size: .875rem; line-height: 24px; padding: 6px 20px; margin: 30px 0; text-align: center; border: none; font-weight: bold; outline: none; } .contact-form-button:hover, .contact-form-button.hover { cursor: pointer; background: #444; } .swajib { font-weight: bold; color: #e85e5e; } .ctitles { display: block; } .Profile .widget-content { border: 1px solid #eeeeee; } .Profile .individual { position: relative; padding: 30px 25px; } .Profile .individual .profile-img-wrap { position: relative; text-align: center; margin: 0 auto; width: 100px; height: 100px; border-radius: 50px; overflow: hidden; } .Profile .individual .profile-img-wrap .profile-img { display: block; width: 100%; height: auto; border-radius: 50px; } .Profile .individual .profile-info { text-align: center; } .Profile .individual .profile-info .profile-link-author { font-size: 18px; font-size: 1.125rem; font-weight: bold; margin: 10px 0 5px; display: block; } .Profile .individual .profile-info .profile-link { background: #148199; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; color: #fff; display: inline-block; margin-top: 15px; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; padding: 6px 15px; border: none; } .Profile .individual .profile-info .profile-link:hover { background: #444; } .Profile .individual .profile-info .location { font-size: 14px; font-size: 0.875rem; margin-bottom: 12px; margin-bottom: 0.75rem; } .Profile .individual .profile-info .location svg { width: 18px; height: 18px; margin-bottom: -3px; } .Profile .individual .profile-info .profile-textblock { color: inherit; font-size: 14px; font-size: 0.875rem; } .Profile .team { padding: 20px; text-align: center; } .Profile .team .team-member { margin: 15px 0; } .Profile .team .team-member .profile-link { display: block; text-decoration: none; } .Profile .team .team-member .profile-link .profile-img, .Profile .team .team-member .profile-link .default-avatar { display: inline-block; width: 50px; height: 50px; vertical-align: middle; margin-right: 6px; border-radius: 25px; } .Profile .team .team-member .profile-link .profile-name { font-weight: bold; color: inherit; vertical-align: middle; } .Image .widget-content img { display: block; max-width: 100%; height: auto; } .Image .widget-content .caption { color: #757575; text-align: center; font-size: 12px; font-size: 0.75rem; } .Subscribe .widget-content { font-size: 12px; font-size: 0.75rem; } .Subscribe .widget-content .feed-reader-links { margin-bottom: 10px; } .Subscribe .widget-content .feed-reader-links .feed-icon { vertical-align: middle; margin-right: 3px; } .Subscribe .widget-content .feed-reader-links span { vertical-align: middle; font-weight: bold; } .author-profile { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 32px 0; margin: 2rem 0; } .author-profile .author-image { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; min-width: 0; margin-right: 15px; } .author-profile .author-image img { display: block; border-radius: 35px; } .author-profile .author-about .author-name { display: block; font-weight: bold; margin-bottom: 6px; } .author-profile .author-about .author-bio { font-size: 14px; font-size: .875rem; } @-webkit-keyframes animateOpacity { from { opacity: 0; } to { opacity: 1; } } @keyframes animateOpacity { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes labelrecentposts-loading { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; } } @keyframes labelrecentposts-loading { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; } } #labelrecentposts-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 0 0 20px; word-wrap: break-word; padding: 30px 20px 0 0; } @media screen and (max-width: 768px) { #labelrecentposts-container { padding: 30px 0 0px; } } .labelrecentposts-item { -webkit-box-flex: 0; -ms-flex: 0 1 48.5%; flex: 0 1 48.5%; width: 48.5%; min-width: 0; margin-bottom: 30px; } @media screen and (max-width: 768px) { .labelrecentposts-item { margin-bottom: 20px; } } @media screen and (max-width: 480px) { .labelrecentposts-item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; } } .labelrecentposts-item div.labelrecentposts-item-title { margin: 0 0 15px; background: #f3f3f3; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; overflow: hidden; } .labelrecentposts-item div.labelrecentposts-item-title a.label-item-title, .labelrecentposts-item div.labelrecentposts-item-title span.label-item-title { background: #148199; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-weight: bold; position: relative; display: inline-block; padding: 0 15px; line-height: 28px; color: #fff; } @media screen and (max-width: 480px) { .labelrecentposts-item div.labelrecentposts-item-title a.label-item-title, .labelrecentposts-item div.labelrecentposts-item-title span.label-item-title { padding: 0 10px; } } .labelrecentposts-item div.labelrecentposts-item-title a.label-item-title::after, .labelrecentposts-item div.labelrecentposts-item-title span.label-item-title::after { content: ""; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; position: absolute; top: 0; right: -12px; display: block; border-top: 28px solid transparent; border-left: 12px solid #148199; border-left: 0.75rem solid #148199; } .labelrecentposts-item div.labelrecentposts-item-title a.label-item-title:hover, .labelrecentposts-item div.labelrecentposts-item-title span.label-item-title:hover { background: #444; } .labelrecentposts-item div.labelrecentposts-item-title a.label-item-title:hover::after, .labelrecentposts-item div.labelrecentposts-item-title span.label-item-title:hover::after { border-left: 12px solid #444; border-left: 0.75rem solid #444; } .labelrecentposts-item div.labelrecentposts-item-title span.label-item-title::before { content: "[no label]"; } .item-posts-container .labelrecentposts-loading { display: block; position: relative; width: 75px; height: 75px; margin: 0 auto; } .item-posts-container .labelrecentposts-loading div, .item-posts-container .labelrecentposts-loading:after { position: absolute; border: 4px solid #ccc; opacity: 1; border-radius: 50%; -webkit-animation: labelrecentposts-loading 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation: labelrecentposts-loading 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .item-posts-container .labelrecentposts-loading:after { content: ""; display: block; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .item-posts-container ol.item-posts { margin: 0; padding: 0; border: 1px solid #eeeeee; -webkit-animation-name: animateOpacity; animation-name: animateOpacity; -webkit-animation-duration: 600ms; animation-duration: 600ms; } .item-posts-container ol.item-posts li { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; padding: 15px; border-bottom: 1px solid #eeeeee; } @media screen and (max-width: 480px) { .item-posts-container ol.item-posts li { padding: 10px; } } .item-posts-container ol.item-posts li:last-child { border-bottom: 0px solid transparent; } .item-posts-container ol.item-posts li .item-post-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px; min-width: 0; width: 75px; margin: 3px 8px 8px 0; } @media screen and (max-width: 480px) { .item-posts-container ol.item-posts li .item-post-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; } } .item-posts-container ol.item-posts li .item-post-thumb img { display: block; width: 100%; height: auto; } .item-posts-container ol.item-posts li .item-title-meta { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-width: 0; } .item-posts-container ol.item-posts li .item-title-meta h2.item-post-title { line-height: 1.46; margin: 0 0 6px; font-size: 14px; font-size: 0.875rem; } .item-posts-container ol.item-posts li .item-title-meta h2.item-post-title a { color: #444; text-decoration: none; } .item-posts-container ol.item-posts li .item-title-meta h2.item-post-title a:hover { color: #148199; } .item-posts-container ol.item-posts li .item-title-meta .item-post-meta { color: #757575; font-size: 12px; font-size: 0.75rem; } .item-posts-container ol.item-posts li .item-title-meta .item-post-meta span { display: inline-block; } .item-posts-container ol.item-posts li .item-title-meta .item-post-meta span:not(:last-child):after { content: "\b7"; margin: 0 3px; } #ms-related-post { margin: 30px auto 0; overflow: hidden; } #ms-related-post p.ms-title { margin: 0 0 10px; font-size: 16px; font-size: 1rem; font-weight: bold; } #ms-related-post .related-title { position: relative; } #ms-related-post ul.ms-related-hasthumb { margin: 0; padding: 0; list-style: none; word-wrap: break-word; overflow: hidden; } #ms-related-post ul.ms-related-hasthumb li { margin: 0; padding: 0; font-size: 14px; font-size: .875rem; list-style: none; word-wrap: break-word; overflow: hidden; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; float: left; width: 23.5%; height: auto; margin-right: 2%; margin-bottom: 10px; } #ms-related-post ul.ms-related-hasthumb li a, #ms-related-post ul.ms-related-hasthumb li a:hover { text-decoration: none; color: inherit; } #ms-related-post ul.ms-related-hasthumb li a:focus div.related-thumb-outer { opacity: 0.8; } #ms-related-post ul.ms-related-hasthumb li:hover { opacity: 0.8; } #ms-related-post ul.ms-related-hasthumb li:nth-of-type(4n+0) { margin-right: 0; } #ms-related-post ul.ms-related-hasthumb li:nth-of-type(4n+1) { clear: both; } #ms-related-post ul.ms-related-hasthumb li .related-thumb { display: block; max-height: none; background-color: transparent; border: none; padding: 0; width: 100%; height: auto; position: absolute; top: 0; left: 0; right: 0; } #ms-related-post ul.ms-related-hasthumb li .related-thumb[src^="//img.youtube.com"] { margin-top: -9%; } #ms-related-post ul.ms-related-hasthumb li div.related-thumb-outer { position: relative; height: 0; padding-top: 56.25%; overflow: hidden; } #ms-related-post ul.ms-related-hasthumb div.related-title-outer { font-weight: bold; text-align: left; padding: 10px 0 15px; display: block; color: inherit; } #ms-related-post ul.ms-related-nothumb { margin: 0 0 20px; margin: 0 0 1.25rem; background: rgba(153, 163, 173, 0.08); border-left: 5px solid rgba(153, 163, 173, 0.08); padding: 16px 16px 16px 32px; padding: 1rem 1rem 1rem 2rem; } #ms-related-post ul.ms-related-nothumb li { margin: 0; padding: 6px 0; font-weight: bold; } #ms-related-post ul.ms-related-nothumb li a { text-decoration: none; } @media only screen and (max-width: 480px) { #ms-related-post ul.ms-related-hasthumb li { width: 48%; margin-right: 4%; } #ms-related-post ul.ms-related-hasthumb li:nth-of-type(2n+0) { margin-right: 0; } #ms-related-post ul.ms-related-hasthumb li:nth-of-type(2n+1) { clear: both; } } @media only screen and (max-width: 360px) { #ms-related-post ul.ms-related-hasthumb li { width: 100%; margin-right: 0; } } .FollowByEmail .widget-content { margin: 0; } .FollowByEmail .follow-by-email-inner { padding: 15px; border: 1px solid #eeeeee; text-align: center; } .FollowByEmail .follow-by-email-inner form input.follow-by-email-address { color: inherit; padding: 10px 15px; margin-bottom: 10px; border: 1px solid #eeeeee; max-width: 250px; width: 100%; text-align: center; } .FollowByEmail .follow-by-email-inner form input.follow-by-email-submit { background: #148199; color: #fff; font-weight: bold; cursor: pointer; padding: 10px 15px; border: none; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .FollowByEmail .follow-by-email-inner form input.follow-by-email-submit:hover { background: #444; } .BlogSearch { font-size: 14px; font-size: 0.875rem; } .BlogSearch h3.title { display: none; } .BlogSearch .widget-content form input.search-input { padding: 5px 8px; border: 1px solid #eeeeee; } .BlogSearch .widget-content form input.search-action { background: #148199; color: #fff; cursor: pointer; padding: 6px 8px; border: none; } .BlogSearch .widget-content form input.search-action:hover { background: #444; } .Stats .widget-content #Stats1_content { font-weight: bold; font-size: 32px; font-size: 2rem; } .buttonDownload { display: inline-block; position: relative; padding: 10px 25px; color: white !important; font-weight: bold; font-size: 14px; font-size: 0.875rem; text-align: center; text-indent: 15px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .buttonDownload:hover { opacity: .85; } .buttonDownload::before, .buttonDownload::after { content: ' '; display: block; position: absolute; left: 15px; top: 52%; } .buttonDownload::before { width: 10px; height: 2px; border-style: solid; border-width: 0 2px 2px; } .buttonDownload::after { width: 0; height: 0; margin-left: 3px; margin-top: -7px; border-style: solid; border-width: 4px 4px 0 4px; border-color: transparent; border-top-color: inherit; -webkit-animation: downloadArrow 2s linear infinite; animation: downloadArrow 2s linear infinite; -webkit-animation-play-state: paused; animation-play-state: paused; } .buttonDownload:hover::after { -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes downloadArrow { 0% { margin-top: -7px; opacity: 1; } 0.001% { margin-top: -15px; opacity: 0; } 50% { opacity: 1; } 100% { margin-top: 0; opacity: 0; } } @keyframes downloadArrow { 0% { margin-top: -7px; opacity: 1; } 0.001% { margin-top: -15px; opacity: 0; } 50% { opacity: 1; } 100% { margin-top: 0; opacity: 0; } } .ReportAbuse h3.title { font-size: 16px; font-size: 1rem; font-weight: normal; } .Attribution svg { display: none; } ]]>

, Edit

untukfor ""

untukfor ""

()

    * *

    Ini Dia Biodata Lengkap Bastian Steel, Aktor Tampan yang Sempat Viral!

    Biodata Bastian Steel

    Biodata Bastian Steel: Nama lengkap, tanggal lahir, asal, karir, prestasi, dan kehidupan pribadi penyanyi muda yang berbakat ini!

    Biodata Bastian Steel memang sangat menarik untuk diketahui. Dari mulai karirnya di dunia hiburan hingga kehidupan pribadinya, semuanya terasa begitu menarik dan inspiratif. Pertama-tama, Bastian Steel adalah seorang penyanyi, aktor, dan penulis lagu asal Indonesia yang telah sukses membawa namanya di kancah industri musik tanah air. Tidak hanya itu, ia juga dikenal sebagai sosok yang memiliki bakat akting yang luar biasa dan sering membintangi berbagai judul film dan sinetron. Selain itu, kehidupan pribadinya juga cukup menarik untuk diikuti, dari mulai kisah cintanya hingga persahabatannya dengan beberapa artis terkenal di Indonesia.

    Biodata Bastian Steel Tanpa Judul

    Profil Bastian Steel

    Bastian Steel adalah seorang penyanyi, aktor, dan model berkebangsaan Indonesia. Lahir pada tanggal 21 September 1999 di Jakarta, Bastian memulai karirnya di dunia hiburan pada tahun 2014.

    Karir Musik

    Bastian Steel memulai debutnya di dunia musik pada tahun 2015 dengan merilis single pertamanya yang berjudul Juara di Hati. Lagu tersebut sukses besar dan membuat nama Bastian semakin dikenal. Setelah itu, ia merilis beberapa single lain seperti Lelah dan Selfie.

    Karir Akting

    Tak hanya terkenal di dunia musik, Bastian Steel juga dikenal sebagai aktor. Pada tahun 2016, ia bermain dalam film Surga yang Tak Dirindukan 2 sebagai pemeran pendukung. Setelah itu, ia juga membintangi beberapa sinetron seperti Cahaya Hati dan Anak Langit.

    Karir Modeling

    Tak hanya sebagai penyanyi dan aktor, Bastian Steel juga memiliki karir di dunia modeling. Ia sering menjadi model untuk berbagai produk fashion dan kecantikan. Selain itu, ia juga sering tampil dalam berbagai event fashion show dan menjadi brand ambassador untuk beberapa merek ternama.

    Kehidupan Pribadi

    Bastian Steel merupakan anak tunggal dari pasangan Bambang Sutrisno dan Yuli Hastuti. Meski masih tergolong muda, ia sudah memiliki banyak penggemar dan sering menjadi sorotan media. Namun, Bastian tetap menjaga privasinya dengan baik dan jarang membagikan kehidupan pribadinya di media sosial.

    Pendidikan

    Bastian Steel menempuh pendidikan di SMA Negeri 70 Jakarta. Meski sibuk dengan karirnya di dunia hiburan, ia tetap rajin dalam menyelesaikan tugas sekolahnya dan meraih prestasi akademik yang membanggakan.

    Penghargaan

    Bastian Steel telah meraih beberapa penghargaan atas karya-karyanya di dunia musik dan akting. Beberapa penghargaan yang ia peroleh antara lain Most Popular Newcomer pada SCTV Music Awards 2015 dan Best Supporting Actor pada Indonesian Movie Actors Awards 2017.

    Cita-cita

    Bastian Steel memiliki cita-cita untuk terus berkarya di dunia hiburan dan menjadi artis yang bisa memberikan inspirasi bagi banyak orang. Ia juga ingin menjadi sosok yang dapat memberikan dampak positif bagi masyarakat melalui karya-karyanya.

    Akun Media Sosial

    Bagi para penggemar Bastian Steel, kalian bisa mengikuti akun media sosialnya untuk mendapatkan informasi terbaru tentang karya-karyanya. Berikut adalah akun media sosial Bastian Steel:

    • Instagram : @bastiansteel
    • Twitter : @bastiansteel
    • Facebook : Bastian Steel

    Biodata Bastian Steel: Seorang Multi-Talenta

    Bastian Steel lahir pada tanggal 26 September 1999 di Jakarta. Sejak kecil, ia sudah menunjukkan bakat dan minat yang tinggi di bidang musik. Ia memulai karirnya di industri musik sejak usia dini, yaitu saat ia berusia 12 tahun. Bakatnya dalam bernyanyi semakin terasah ketika ia mengikuti beberapa kontes nyanyi di Indonesia dan bahkan berhasil menjuarai ajang Rising Star Indonesia pada tahun 2013.

    Tidak hanya aktif di dunia musik, Bastian Steel juga terjun ke dunia akting sebagai bintang sinetron muda. Beberapa sinetron yang pernah ia bintangi antara lain Anak Jalanan, Mermaid in Love, dan Cinta Di Pangkuan Himalaya. Selain itu, ia juga gemar berolahraga dan memiliki hobi menggambar dan melukis. Bakat seninya terlihat dari karya-karya seninya yang ia unggah di media sosialnya.

    Album Debut dan Popularitas

    Pada tahun 2015, Bastian Steel merilis album debutnya yang berjudul Sim. Album ini berisi 10 lagu yang kebanyakan bergenre pop dan R&B. Beberapa lagu dalam album ini seperti Juara di Hati dan Lelah sukses meraih popularitas di kalangan pendengar musik Indonesia. Kiprahnya di dunia musik semakin dikenal dan ia sering tampil dalam konser-konser musik.

    Pendidikan dan Kegiatan Sosial

    Bastian Steel tidak hanya fokus pada karirnya di dunia hiburan, ia juga memperhatikan pendidikannya. Saat ini, ia sedang menempuh pendidikan S1 di Sekolah Tinggi Penerbangan Indonesia (STPI). Selain itu, Bastian Steel juga terlibat dalam berbagai kegiatan sosial seperti mengumpulkan dan menyumbangkan dana untuk membantu anak-anak kurang mampu serta mengisi acara konser amal.

    Kepribadian Sederhana dan Ramah

    Meskipun sudah terkenal, Bastian Steel tetap mempertahankan kepribadiannya yang sederhana dan ramah. Ia selalu memberikan waktu yang cukup bagi para fansnya dan menerima berbagai hadiah dan surat dari mereka dengan senang hati. Bakat, kiprah, dan kepribadiannya yang baik membuat Bastian Steel menjadi salah satu artis muda yang digemari oleh masyarakat Indonesia.

    Bastian Steel adalah seorang penyanyi muda berbakat asal Indonesia. Berikut ini adalah beberapa hal yang perlu diketahui tentang biodata Bastian Steel:

    1. Nama Lengkap: Bastian Bintang Simbolon

    2. Tanggal Lahir: 26 September 1999

    3. Tempat Lahir: Jakarta, Indonesia

    4. Agama: Kristen Protestan

    5. Pendidikan: SMA

    6. Karir: Penyanyi

    Terdapat beberapa pro dan kontra dalam menggunakan biodata Bastian Steel:

    • Pro:

      • Biodata Bastian Steel dapat memberikan informasi yang lengkap mengenai dirinya

      • Biodata Bastian Steel dapat digunakan sebagai referensi bagi penggemarnya atau orang yang ingin mengenalinya lebih dekat

      • Biodata Bastian Steel dapat menjadi inspirasi bagi generasi muda untuk mengejar impian dan mencapai kesuksesan seperti dirinya

    • Kontra:

      • Biodata Bastian Steel tidak selalu memberikan gambaran yang akurat mengenai kepribadiannya

      • Biodata Bastian Steel dapat menjadi sumber informasi yang tidak valid atau tidak terverifikasi

      • Biodata Bastian Steel dapat memicu adanya ekspektasi yang terlalu tinggi terhadap dirinya

    Dalam menyampaikan pandangan mengenai biodata Bastian Steel, sebaiknya dihindari penggunaan nada yang terlalu menghakimi atau menjelekkan. Sebaliknya, gunakanlah bahasa yang santai dan kreatif agar pesan yang ingin disampaikan dapat tersampaikan dengan baik.

    Terima kasih telah membaca biodata Bastian Steel dengan penuh perhatian. Semoga artikel ini bisa memberikan gambaran yang lebih lengkap tentang sosok Bastian Steel, siapa dia, dan apa yang telah dicapainya selama ini.

    Bastian Steel adalah salah satu penyanyi muda yang cukup populer di Indonesia. Ia telah merilis beberapa lagu yang cukup hits dan berhasil mendapatkan penghargaan atas karyanya. Meski masih muda, Bastian memiliki bakat dan kemampuan yang luar biasa dalam bermusik. Tak heran jika ia menjadi salah satu idola para remaja di Indonesia.

    Selain bakatnya dalam bermusik, Bastian juga memiliki kepribadian yang menarik dan baik. Ia rajin mengisi waktu luangnya dengan melakukan kegiatan positif seperti berolahraga dan membaca buku. Hal ini membuatnya menjadi sosok yang inspiratif bagi banyak orang, terutama para remaja yang ingin sukses seperti dirinya.

    Sekali lagi, terima kasih telah membaca artikel tentang Biodata Bastian Steel. Semoga informasi yang telah disampaikan bisa bermanfaat bagi Anda semua. Jangan lupa untuk terus mendukung karya-karya Bastian Steel dan semoga sukses selalu menyertai langkahnya dalam berkarya.

    Video Biodata Bastian Steel


    Visit Video

    Orang-orang sering kali bertanya-tanya tentang biodata Bastian Steel. Berikut adalah beberapa pertanyaan yang sering diajukan dan jawabannya:

    1. Siapa sebenarnya Bastian Steel?

      Bastian Steel adalah seorang penyanyi, penulis lagu dan aktor berkebangsaan Indonesia. Ia lahir pada tanggal 26 September 1999 di Jakarta.

    2. Apa saja karya-karya Bastian Steel?

      Bastian Steel telah merilis beberapa lagu hits seperti Juara di Hati, Lelah, Aku Rindu, dan Selfie. Selain itu, ia juga pernah membintangi beberapa film dan sinetron seperti 7 Manusia Harimau dan Dear Nathan.

    3. Bagaimana perjalanan karir Bastian Steel?

      Bastian Steel memulai kariernya di dunia hiburan sejak usia 12 tahun ketika ia mengikuti ajang pencarian bakat bernama Idola Cilik pada tahun 2011. Setelah itu, ia terus mengembangkan bakatnya di bidang musik dan akting.

    4. Apakah Bastian Steel sudah memiliki kekasih?

      Bastian Steel pernah dikabarkan menjalin hubungan dengan beberapa selebriti wanita seperti Salshabilla Adriani dan Devano Danendra. Namun, saat ini ia belum mengumumkan siapa kekasihnya.

    5. Apa saja prestasi yang pernah diraih oleh Bastian Steel?

      Bastian Steel telah meraih beberapa penghargaan seperti Most Favorite Newcomer di SCTV Music Awards 2015 dan Newcomer of The Year di Indonesia Kids' Choice Awards 2016. Selain itu, ia juga sering diundang untuk menjadi bintang tamu di acara-acara televisi dan konser musik.

    Dengan bakat dan karir yang cemerlang, Bastian Steel merupakan salah satu figur publik yang patut diperhitungkan di dunia hiburan Indonesia.