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 ""

()

    * *

    Profil Lengkap Baby Shima: Biodata, Karier, dan Kehidupan Pribadi

    Baby Shima Biodata

    Baby Shima Biodata - Profil, Umur, Karir, Lagu, dan Fakta Menarik tentang Penyanyi Dangdut yang Berbakat dari Malaysia.

    Baby Shima adalah seorang penyanyi dan selebritas asal Malaysia yang sangat populer di Indonesia. Dengan suara merdunya yang khas, ia berhasil mencuri perhatian banyak penggemar musik tanah air. Namun, tahukah kamu bahwa Baby Shima memiliki biodata yang cukup unik dan menarik untuk dibahas?

    Tidak hanya jago menyanyi, Baby Shima juga memiliki bakat dalam memainkan berbagai alat musik seperti gitar dan piano. Selain itu, ia juga pernah mengikuti ajang pencarian bakat di Malaysia dan berhasil meraih juara kedua. Namun, kesuksesan Baby Shima tidak didapatkan dengan mudah. Ia harus melewati sejumlah tantangan dan rintangan di awal kariernya sebagai penyanyi. Namun, semangatnya yang pantang menyerah dan tekadnya yang kuat membuatnya berhasil meraih kesuksesan seperti sekarang ini.

    Dengan bakat dan prestasi yang dimilikinya, tidak heran jika Baby Shima menjadi salah satu selebritas yang paling dicari informasinya oleh penggemar. Bagi kamu yang penasaran dengan biodata lengkapnya, yuk simak ulasan berikut!

    Biodata Baby Shima

    Baby

    Siapa yang tidak kenal dengan penyanyi asal Malaysia yang satu ini? Ya, Baby Shima, begitu ia biasa dipanggil. Baby Shima merupakan seorang penyanyi dangdut asal Malaysia yang berbakat. Ia lahir pada tanggal 28 Juli 1995 di Klang, Selangor, Malaysia. Meskipun masih muda, namun ia telah berhasil menorehkan banyak prestasi dalam dunia musik.

    Pendidikan

    Baby

    Baby Shima menghabiskan masa kecilnya di Klang, Selangor. Ia menempuh pendidikan di Sekolah Menengah Kebangsaan Raja Mahadi (SMKRM). Setelah lulus dari SMKRM, Baby Shima memutuskan untuk fokus pada karir musiknya.

    Karir Musik

    Baby

    Baby Shima memulai karir musiknya pada tahun 2015. Pada awalnya, ia hanya meng-cover lagu-lagu dangdut populer dan mengunggahnya di media sosial. Namun, ia berhasil menarik perhatian publik dan mendapatkan banyak penggemar.

    Pada tahun 2016, Baby Shima merilis album perdana yang berjudul Melayang. Album ini sukses dan membuat namanya semakin dikenal di kalangan penggemar musik dangdut. Beberapa lagu yang terdapat dalam album tersebut antara lain Melayang, Main Mata, dan Bukan Aku Tak Cinta.

    Prestasi

    Baby

    Banyak prestasi yang telah diraih oleh Baby Shima sejak ia memulai karir musiknya. Pada tahun 2017, ia berhasil meraih penghargaan Penyanyi Wanita Terbaik dalam ajang Anugerah Planet Muzik (APM) ke-16. Selain itu, ia juga telah merilis beberapa lagu yang sukses dan menjadi hit di Malaysia, seperti Sayang, Tak Sabar, dan Sirna.

    Kehidupan Pribadi

    Baby

    Baby Shima menikah dengan seorang pria bernama Wan Ahmad Syukri atau yang biasa dipanggil dengan nama Sufi Rashid. Sufi Rashid juga seorang penyanyi dan merupakan teman sekaligus rekan duet Baby Shima dalam beberapa lagu. Pasangan ini menikah pada tanggal 22 Februari 2018.

    Penampilan

    Baby

    Baby Shima dikenal dengan penampilannya yang modis dan trendi. Ia sering menggunakan pakaian yang terinspirasi dari gaya fashion Korea dan Jepang. Selain itu, ia juga kerap mengenakan hijab yang membuat penampilannya semakin cantik dan anggun.

    Media Sosial

    Baby

    Baby Shima aktif di media sosial, terutama Instagram dan YouTube. Ia sering mengunggah foto-foto dan video-video terbarunya di akun Instagram-nya yang bernama @babyshimaofficial. Sedangkan di kanal YouTube-nya yang bernama Baby Shima Official, ia mengunggah video klip dan behind the scene dari lagu-lagunya.

    Pengaruh

    Baby

    Baby Shima merupakan salah satu penyanyi dangdut wanita yang berpengaruh di Malaysia. Ia mampu membawa genre musik dangdut ke ranah yang lebih luas dan mendapatkan penggemar dari berbagai kalangan. Selain itu, ia juga telah menjadi inspirasi bagi banyak orang, terutama para wanita muda yang ingin meniti karir di dunia musik.

    Cita-Cita

    Baby

    Bagi Baby Shima, cita-citanya adalah menjadi penyanyi yang sukses dan dapat memberikan kontribusi positif bagi masyarakat. Ia ingin terus berkarya dan menghasilkan karya-karya musik yang dapat memotivasi dan menghibur pendengarnya.

    Kesimpulan

    Baby

    Baby Shima adalah seorang penyanyi dangdut asal Malaysia yang memiliki bakat dan prestasi yang luar biasa. Meskipun masih muda, namun ia telah berhasil meraih penghargaan dan menjadi salah satu penyanyi dangdut yang berpengaruh di Malaysia. Dengan penampilannya yang modis dan trendi, Baby Shima juga menjadi inspirasi bagi banyak orang. Ia memiliki cita-cita untuk terus berkarya dan memberikan kontribusi positif bagi masyarakat.

    Baby Shima: Perjalanan Karir yang Penuh Tantangan

    Kehidupan awal Baby Shima sebagai anak yatim piatu tak membuatnya menyerah dalam meraih mimpi. Bakat bernyanyi sudah terlihat sejak masa kecil. Ia sering menyanyikan lagu-lagu dangdut di acara pernikahan dan hajatan di kampung halamannya di Batu Pahat, Johor, Malaysia.

    Namun, perjuangan Baby Shima untuk merintis karir sebagai penyanyi dangdut di Malaysia tak mudah. Ia harus menghadapi cibiran dan diskriminasi karena berasal dari keluarga miskin dan bukan keturunan Melayu. Namun, semangat dan tekad Baby Shima tak pernah pudar. Ia terus berjuang dan akhirnya berhasil menembus industri musik dangdut Malaysia.

    Menjadi Salah Satu Penyanyi Dangdut Terkenal di Malaysia

    Kesuksesan Baby Shima tak datang dengan mudah. Ia harus melewati banyak rintangan dan tantangan. Namun, semangat dan tekadnya yang kuat membuatnya terus maju dan berkarya. Karya-karya musiknya pun menjadi hits dan melegenda di kancah musik dangdut Malaysia.

    Baby Shima juga sering berkolaborasi dengan artis dangdut lainnya dan menciptakan lagu-lagu populer seperti Sayang, Makan Hati, dan Tak Sabar. Keberhasilannya di dunia musik dangdut membuatnya mendapatkan penghargaan dan nominasi di berbagai ajang penghargaan musik di Malaysia.

    Kehidupan Pribadi yang Mysterius

    Di balik kesuksesannya di dunia musik dangdut, kehidupan pribadi Baby Shima terbilang misterius. Ia jarang membicarakan tentang keluarga dan kehidupan cintanya di depan publik. Namun, ia aktif dalam kegiatan sosial dan berwirausaha. Ia juga sering membantu anak-anak yatim piatu dan orang miskin di kampung halamannya.

    Perjalanan Karir yang Semakin Bersinar dan Penuh Tantangan

    Perjalanan karir Baby Shima masih terus bersinar. Ia telah merilis album dan lagu-lagu baru yang semakin diminati oleh penggemarnya. Namun, tantangan dan rintangan masih ada di depan sana. Namun, dengan semangat dan tekadnya yang kuat, Baby Shima yakin bisa menghadapinya dengan baik dan meraih kesuksesan yang lebih besar di masa depan.

    Baby Shima adalah seorang penyanyi dangdut asal Malaysia yang dikenal dengan suara merdunya dan penampilannya yang enerjik di panggung. Namun, ada beberapa pro dan kontra tentang penggunaan biodata Baby Shima.

    Pro:

    1. Biodata Baby Shima membantu para penggemarnya untuk mengenal lebih dekat dengan penyanyi ini.
    2. Informasi yang diberikan dalam biodata tersebut dapat memberikan gambaran tentang latar belakang, pendidikan, dan pengalaman hidup Baby Shima.
    3. Biodata Baby Shima juga bisa digunakan sebagai referensi bagi orang-orang yang ingin mengundangnya untuk tampil di acara tertentu.
    4. Dengan adanya biodata, orang-orang juga bisa mengetahui jenis musik yang dinyanyikan oleh Baby Shima dan membandingkannya dengan penyanyi lain.

    Kontra:

    • Terkadang, biodata Baby Shima dapat menjadi alat untuk mempromosikan diri sendiri yang berlebihan.
    • Beberapa informasi yang diberikan dalam biodata mungkin tidak relevan atau tidak penting bagi penggemar atau orang yang ingin mengundangnya tampil di acara.
    • Biodata Baby Shima juga bisa menjadi target bagi orang-orang yang ingin mencari-cari kesalahan atau cacat dari penyanyi ini.
    • Ada kemungkinan bahwa biodata tersebut tidak selalu update sehingga beberapa informasi bisa menjadi tidak akurat.

    Meskipun ada beberapa pro dan kontra, penggunaan biodata Baby Shima tetaplah berguna bagi orang-orang yang ingin mengenal lebih dekat dengan penyanyi ini atau membutuhkan informasi tentangnya. Namun, kita juga harus bijak dalam menggunakan informasi yang diberikan dalam biodata tersebut.

    Terima kasih sudah membaca artikel mengenai biodata Baby Shima. Semoga informasi yang kami berikan dapat memperkaya pengetahuanmu tentang sosok penyanyi dangdut yang tengah naik daun ini. Sebagai kesimpulan, mari kita ulas kembali beberapa hal menarik dari profil Baby Shima.

    Baby Shima lahir pada 2 September 1995 di Kota Johor Bahru, Malaysia. Sejak kecil, dia sudah memiliki minat dan bakat di bidang musik. Ibunya adalah seorang penyanyi dangdut di Johor Bahru, sehingga tak heran jika Baby Shima tertarik dengan genre musik yang sama. Pada tahun 2014, dia mengikuti ajang pencarian bakat dan berhasil menjadi juara. Setelah itu, karirnya semakin cemerlang. Kini, Baby Shima dikenal sebagai salah satu penyanyi dangdut paling populer di Malaysia dan Indonesia.

    Jangan lupa untuk terus mengikuti perkembangan Baby Shima di dunia musik. Siapa tahu, dia akan segera merilis lagu baru atau menggelar konser di kota kamu. Sampai jumpa di artikel selanjutnya!

    Video Baby Shima Biodata


    Visit Video

    Pertanyaan yang Sering Diajukan tentang Biodata Baby Shima

    1. Siapakah Baby Shima?

      • Baby Shima adalah seorang penyanyi dan artis terkenal di Malaysia.
    2. Kapan Baby Shima lahir?

      • Baby Shima lahir pada 14 Oktober 1988.
    3. Apakah Baby Shima sudah menikah?

      • Ya, Baby Shima menikah pada tahun 2015.
    4. Apakah Baby Shima mempunyai anak?

      • Ya, Baby Shima mempunyai dua orang anak.
    5. Apa lagu terkenal Baby Shima?

      • Baby Shima telah merilis banyak lagu terkenal seperti Makan Hati, Main Mata, dan Sirna.
    6. Siapa produser musik Baby Shima?

      • Produser musik Baby Shima adalah Omega Music.
    7. Dimana kantor manajemen Baby Shima berada?

      • Kantor manajemen Baby Shima berada di Kuala Lumpur, Malaysia.

    Dengan Biodata Baby Shima ini, kamu dapat mengetahui lebih banyak tentang penyanyi dan artis terkenal Malaysia. Jangan lupa untuk mendengarkan lagu-lagu hits dari Baby Shima!