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

()

    * *

    Biodata Loverrukk: Profil, Karir, dan Kehidupan Pribadi Selebriti Terbaru!

    Biodata Loverrukk

    Biodata Loverrukk - Profil, fakta, dan informasi menarik seputar selebgram dan model cantik asal Indonesia yang sedang naik daun.

    Halo semua, kali ini saya ingin berbagi tentang biodata seorang yang sedang populer di media sosial, yaitu Loverrukk. Siapa sih Loverrukk itu? Dia adalah seorang konten kreator asal Indonesia yang dikenal dengan kejenakaannya serta gaya bercandanya yang unik. Dengan ribuan pengikut di Instagram dan TikTok, Loverrukk berhasil menjadi salah satu publik figur yang paling banyak dicari oleh para netizen. Banyak hal menarik yang bisa kita pelajari dari biodatanya yang akan saya bahas lebih lanjut di artikel ini, jadi jangan sampai ketinggalan ya!

    Biodata Loverrukk

    Loverrukk adalah seorang YouTuber gaming yang berasal dari Indonesia. Dia memiliki nama asli Lutfi Rizky dan lahir pada 4 Oktober 1999. Dia dikenal sebagai salah satu YouTuber gaming terpopuler di Indonesia dengan lebih dari 3 juta pelanggan di kanal YouTube-nya.

    Pendidikan

    Sebelum menjadi YouTuber, Loverrukk menyelesaikan pendidikan menengah atas di SMK Negeri 1 Kota Bekasi. Setelah lulus, dia melanjutkan kuliah di Universitas Gunadarma jurusan Sistem Informasi.

    Awal Karir

    Loverrukk memulai karirnya di dunia YouTube pada tahun 2018 ketika ia membuat akun YouTube untuk berbagi konten gaming. Dia mulai mendapatkan perhatian publik ketika ia memainkan game populer seperti PUBG Mobile dan Free Fire. Video-gameplay-nya yang lucu dan menyenangkan membuatnya semakin dikenal oleh penggemar gaming di Indonesia.

    Popularitas

    Sejak memulai karirnya di YouTube, Loverrukk semakin populer setiap harinya. Video-gameplay-nya yang lucu dan menghibur membuatnya semakin dikenal oleh penggemar gaming di Indonesia. Saat ini, dia memiliki lebih dari 3 juta pelanggan di kanal YouTube-nya.

    Konten

    Loverrukk terkenal karena konten-konten gaming-nya yang menyenangkan. Dia sering memainkan game-game populer seperti Free Fire, Among Us, dan PUBG Mobile. Selain itu, dia juga sering melakukan live streaming dan bermain game bersama penggemarnya.

    Penghargaan

    Loverrukk telah menerima beberapa penghargaan selama kariernya di YouTube. Pada tahun 2019, dia mendapatkan penghargaan Creator of the Year dalam ajang YouTube Creator Awards. Dia juga mendapatkan penghargaan Favorite Gaming Creator pada Penghargaan Indonesian Choice Awards 2020.

    Brand Endorsement

    Karena popularitasnya, Loverrukk menjadi salah satu YouTuber gaming yang paling banyak dicari oleh perusahaan untuk bekerja sama dalam kampanye pemasaran. Dia telah bekerja sama dengan beberapa merek ternama seperti Samsung, ASUS, dan GoPay.

    Aktivitas Sosial

    Loverrukk juga aktif dalam kegiatan sosial. Dia sering melakukan donasi dan menggalang dana untuk membantu orang-orang yang membutuhkan. Pada tahun 2020, dia mengadakan acara amal Charity Stream untuk membantu korban banjir di Jakarta.

    Kehidupan Pribadi

    Sebagai seorang selebriti, Loverrukk kerap menjadi sorotan publik. Namun, dia selalu menjaga privasinya dengan baik. Dia juga terkenal sebagai sosok yang rendah hati dan ramah terhadap penggemarnya.

    Masa Depan

    Loverrukk masih terus berkarya di dunia YouTube dan gaming. Dia berjanji akan terus memberikan konten-konten yang berkualitas dan menghibur bagi para penggemarnya. Dia juga berencana untuk memperluas kerja sama dengan merek-merek ternama dalam kampanye pemasaran di masa depan.

    Kesimpulan

    Loverrukk adalah salah satu YouTuber gaming terpopuler di Indonesia. Konten-konten gamenya yang lucu dan menghibur membuatnya semakin dikenal oleh penggemar gaming di Indonesia. Selain itu, dia juga aktif dalam kegiatan sosial dan menjadi inspirasi bagi banyak orang. Kita semua berharap Loverrukk terus sukses dan memberikan konten-konten yang berkualitas di masa depan.

    Siapa sih Loverrukk?

    Loverrukk, atau nama asli Rukman Maulana, adalah seorang selebriti internet yang terkenal di Indonesia. Ia dikenal sebagai seorang konten kreator yang memiliki jutaan pengikut di media sosial. Loverrukk menjadi terkenal berkat konten-konten unik dan menghibur yang ia buat, seperti vlog, prank, hingga review produk.

    Asal-usul Loverrukk

    Loverrukk lahir pada 19 Agustus 1995 di Bandung, Jawa Barat. Ia merupakan anak pertama dari dua bersaudara. Ayahnya bekerja sebagai seorang buruh pabrik, sedangkan ibunya adalah seorang ibu rumah tangga. Sejak kecil, Loverrukk sudah menunjukkan minat yang besar dalam hal seni dan kreativitas.

    Keluarga dan Pendidikan Loverrukk

    Loverrukk tumbuh besar dalam keluarga yang sederhana. Ia menghabiskan masa kecilnya di lingkungan perumahan yang ramai di Bandung. Meskipun keluarganya tidak mampu memberikan pendidikan yang mahal, Loverrukk tetap bersemangat untuk belajar dan mengejar mimpinya. Ia menamatkan pendidikan SMA di salah satu sekolah swasta terbaik di kota Bandung. Setelah lulus SMA, Loverrukk tidak melanjutkan pendidikan ke perguruan tinggi karena memilih untuk fokus pada karir di dunia hiburan.

    Karir Loverrukk sebelum terkenal

    Sebelum terkenal sebagai selebriti internet, Loverrukk sempat bekerja sebagai sales di sebuah toko baju. Namun, ia merasa tidak puas dengan pekerjaannya dan ingin mencari sesuatu yang lebih menantang. Pada tahun 2015, Loverrukk mulai tertarik dengan dunia Youtube dan memutuskan untuk mencoba membuat konten di platform tersebut. Awalnya, konten-konten yang ia buat belum mendapatkan banyak perhatian dari penonton. Namun, Loverrukk tidak menyerah dan terus mengembangkan kemampuannya dalam membuat konten yang menarik.

    Perjalanan Karir dan Popularitas Loverrukk

    Pada tahun 2017, Loverrukk mulai dikenal oleh masyarakat Indonesia berkat konten-konten unik yang ia buat. Ia sering kali membuat konten prank yang lucu dan menghibur. Popularitas Loverrukk semakin meningkat setelah ia membuat konten tentang review produk, seperti gadget dan fashion. Banyak pengguna internet yang tertarik dengan pandangan dan pendapat Loverrukk tentang produk-produk tersebut. Sejak saat itu, Loverrukk semakin dikenal dan memiliki jutaan pengikut di media sosial.

    Hobi dan Aktivitas di Luar Karir

    Di luar karirnya sebagai selebriti internet, Loverrukk memiliki beberapa hobi yang ia senangi. Salah satunya adalah traveling. Ia sering kali melakukan perjalanan ke berbagai tempat di Indonesia dan mengabadikan momen-momen tersebut dalam bentuk vlog. Selain itu, Loverrukk juga senang berolahraga, terutama bermain basket dan futsal. Ia juga sering kali mengikuti kegiatan sosial seperti bakti sosial dan donasi untuk membantu orang-orang yang membutuhkan.

    Gaya Hidup Loverrukk yang Simple dan Anti Baper

    Loverrukk dikenal memiliki gaya hidup yang sederhana dan tidak mewah. Meskipun telah sukses sebagai selebriti internet, ia tetap hidup dengan cara yang sangat sederhana. Ia tidak suka memamerkan harta kekayaannya dan selalu berusaha untuk hidup hemat. Selain itu, Loverrukk juga dikenal sebagai sosok yang anti baper. Ia tidak suka mengekspresikan perasaannya secara berlebihan di media sosial dan selalu berusaha untuk menjaga privasinya.

    Kehidupan Asmara Loverrukk

    Loverrukk tidak pernah membahas kehidupan pribadinya secara terbuka di media sosial. Namun, beberapa waktu lalu, ia sempat dikabarkan sedang menjalin hubungan dengan seorang wanita bernama Sarah. Kabar tersebut kemudian dibenarkan oleh Loverrukk melalui postingan di Instagramnya. Namun, hubungan tersebut tidak berlangsung lama dan kini Loverrukk masih menjomblo.

    Kontroversi yang Pernah Dialami Loverrukk

    Seiring dengan popularitasnya, Loverrukk juga pernah mengalami beberapa kontroversi. Yang paling terkenal adalah saat ia dianggap menghina agama Islam dalam salah satu konten yang ia buat. Akibatnya, Loverrukk mendapatkan kecaman dan banyak pengguna internet yang memboikot kontennya. Namun, Loverrukk kemudian meminta maaf atas tindakannya tersebut dan berjanji untuk lebih berhati-hati dalam membuat konten di masa depan.

    Masa Depan Karir dan Kehidupan Pribadi Loverrukk

    Meskipun telah sukses sebagai selebriti internet, Loverrukk tidak ingin berhenti di situ. Ia terus berusaha untuk mengembangkan karirnya dengan membuat konten-konten yang lebih berkualitas dan bermanfaat bagi masyarakat. Selain itu, ia juga berencana untuk membuka bisnis online di masa depan. Di sisi kehidupan pribadinya, Loverrukk berharap bisa menemukan pasangan hidup yang tepat dan menjalani kehidupan yang bahagia bersama keluarga dan orang-orang terdekatnya.

    Biodata Loverrukk adalah sebuah aplikasi yang digunakan untuk membuat biodata diri secara online. Aplikasi ini sangat populer di Indonesia, terutama dikalangan muda yang ingin memperkenalkan dirinya secara online. Namun, seperti halnya dengan semua teknologi, ada kelebihan dan kekurangan dari penggunaan Biodata Loverrukk.

    Pros

    • Mempermudah proses pembuatan biodata diri. Dengan adanya aplikasi ini, pengguna tidak perlu lagi repot-repot membuat biodata secara manual atau menggunakan dokumen Microsoft Word.
    • Menyediakan banyak template yang dapat dipilih sesuai dengan selera dan kebutuhan pengguna. Hal ini membuat biodata diri menjadi lebih menarik dan profesional.
    • Biodata Loverrukk juga menyediakan fitur untuk mengunggah foto profil dan sertifikat pendukung lainnya, sehingga biodata diri menjadi lebih lengkap dan kredibel.
    • Pengguna dapat membagikan biodata diri mereka ke media sosial dan platform lainnya, sehingga dapat meningkatkan peluang mereka untuk mendapatkan pekerjaan atau kesempatan lainnya.

    Cons

    1. Biodata Loverrukk dapat menimbulkan masalah privasi bagi pengguna. Informasi pribadi seperti alamat, nomor telepon, dan data lainnya dapat dengan mudah diakses oleh orang yang tidak bertanggung jawab.
    2. Tidak semua template yang disediakan oleh Biodata Loverrukk sesuai dengan kebutuhan atau bidang pekerjaan pengguna. Hal ini dapat membuat biodata diri menjadi kurang menarik atau tidak profesional.
    3. Pengguna yang terlalu mengandalkan Biodata Loverrukk untuk membuat biodata diri mereka mungkin kehilangan keterampilan menulis dan desain secara manual.
    4. Meskipun aplikasi ini dapat meningkatkan peluang pengguna untuk mendapatkan pekerjaan atau kesempatan lainnya, namun hal ini juga dapat memicu persaingan yang lebih ketat antara pengguna lainnya.

    Secara keseluruhan, penggunaan Biodata Loverrukk memiliki kelebihan dan kekurangan tersendiri. Oleh karena itu, sebagai pengguna, penting bagi kita untuk mempertimbangkan dengan baik sebelum menggunakan aplikasi ini.

    Hai, bagi kalian yang telah membaca biodata dari Loverrukk, terima kasih sudah menyempatkan waktu untuk membacanya. Semoga informasi yang telah disajikan dapat memberikan gambaran yang lebih jelas tentang sosok Loverrukk dan membuat kalian lebih mengenalnya.

    Bukan hanya itu, dengan membaca artikel ini, kalian juga bisa belajar tentang bagaimana membuat sebuah biodata yang baik dan menarik. Setiap detail yang terdapat dalam biodata Loverrukk telah disajikan secara rapi dan terstruktur, sehingga dapat memberikan pengalaman membaca yang menyenangkan.

    Jangan lupa untuk terus mengikuti perkembangan Loverrukk dan mendukung karya-karyanya. Terima kasih atas kunjungan kalian di blog ini, semoga informasi yang disajikan bermanfaat dan dapat menjadi referensi yang berguna bagi kalian.

    Video Biodata Loverrukk


    Visit Video

    Orang-orang sering bertanya tentang Biodata Loverrukk. Berikut adalah beberapa pertanyaan yang sering diajukan dan jawabannya:

    1. Apa itu Biodata Loverrukk?

      Biodata Loverrukk adalah informasi tentang kehidupan pribadi dan karir Loverrukk, termasuk riwayat pendidikan, pengalaman kerja, dan pencapaian terbaiknya.

    2. Siapa Loverrukk?

      Loverrukk adalah seorang selebriti Indonesia yang dikenal sebagai penyanyi, penulis lagu, dan produser musik.

    3. Apa saja pencapaian Loverrukk?

      Loverrukk telah merilis beberapa lagu hits, seperti Kamu Yang Ku Inginkan, Janji Suci, dan Malaikat Juga Tahu. Dia juga telah menerima beberapa penghargaan, termasuk Artis Solo Pria Terfavorit di SCTV Music Awards 2019.

    4. Dimana Loverrukk lahir?

      Loverrukk lahir di Jakarta, Indonesia pada tanggal 20 Desember 1991.

    5. Apakah Loverrukk sudah menikah?

      Belum ada informasi yang jelas mengenai status pernikahan Loverrukk.

    Dengan begitu, semoga informasi di atas dapat memberikan gambaran yang lebih jelas tentang Biodata Loverrukk.