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

()

    * *

    Mazdjo Pray Biodata: Profil Lengkap dan Riwayat Hidup Pria Berprestasi

    Mazdjo Pray Biodata

    Mazdjo Pray memiliki banyak pengalaman di bidang IT dan menjadi ahli dalam mengembangkan aplikasi. Yuk kenali lebih dekat dengan membaca biodatanya!

    Mazdjo Pray adalah seorang individu yang tak hanya memiliki keahlian dalam bidang teknologi, namun juga memiliki jiwa sosial yang tinggi. Dalam melihat biodatanya, terlihat jelas betapa impresifnya perjalanannya di dunia kerja. Namun, tak hanya itu yang menarik perhatian dari Mazdjo. Diantara banyak orang yang memiliki latar belakang dan keahlian serupa, Mazdjo mampu membuktikan dirinya sebagai salah satu yang paling inovatif dan kreatif. Tak heran jika ia selalu menjadi sorotan dan diakui oleh banyak pihak sebagai seorang pemimpin masa depan. Apa lagi yang bisa ditemukan dalam biodata Mazdjo? Simak selengkapnya di bawah ini.

    Mazdjo Pray: Kisah Hidup dan Biodata Lengkap

    Mazdjo

    Awal Karir di Dunia Hiburan

    Mazdjo Pray adalah seorang aktor dan presenter yang lahir di Jakarta pada tanggal 19 Juli 1986. Namanya mulai dikenal publik sejak ia menjadi finalis dalam ajang pencarian bakat yang diselenggarakan oleh salah satu stasiun televisi swasta pada tahun 2005. Setelah itu, Mazdjo Pray mulai aktif berkarir di dunia hiburan.

    Pekerjaan dan Prestasi

    Mazdjo Pray telah membintangi beberapa sinetron dan film layar lebar. Beberapa judul sinetron yang pernah dibintanginya antara lain Si Yoyo, Cinta Fitri, Anak Jalanan, dan Buku Harian Seorang Istri. Sementara itu, film layar lebar yang pernah dibintanginya adalah Rumah Kentang: The Beginning dan Sajen. Selain itu, Mazdjo Pray juga pernah menjadi presenter dalam acara Dahsyatnya Awards pada tahun 2015.

    Perjalanan Karir Terbaru

    Pada tahun 2021, Mazdjo Pray kembali membuat penggemarnya terkesan dengan kemampuannya dalam melawak. Ia menjadi salah satu peserta dalam acara SUCI 11 yang disiarkan oleh salah satu stasiun televisi swasta. Mazdjo Pray berhasil membuat penonton tertawa dengan aksinya yang kocak dan gaya bicaranya yang unik.

    Pendidikan dan Kehidupan Pribadi

    Mazdjo Pray menempuh pendidikan di SMA Negeri 70 Jakarta dan kemudian melanjutkan studinya di Universitas Mercu Buana Jakarta. Selain aktif berkarir di dunia hiburan, Mazdjo Pray juga dikenal sebagai sosok yang religius dan sering mengisi kajian di beberapa masjid di Jakarta. Ia juga pernah menikah pada tahun 2014 dan dikaruniai seorang putri.

    Tinggi Badan dan Hobi

    Mazdjo Pray memiliki tinggi badan 178 cm dan berat badan sekitar 70 kg. Ia juga sangat menyukai olahraga futsal dan sering bermain bersama teman-temannya di waktu luang. Selain itu, Mazdjo Pray juga suka bermain gitar dan menyanyikan lagu-lagu religi.

    Gaya Fashion

    Mazdjo Pray memiliki gaya fashion yang simpel namun tetap stylish. Ia sering terlihat memakai kaos polos dengan celana jeans atau celana pendek. Untuk acara formal, ia biasanya mengenakan kemeja dan celana panjang. Mazdjo Pray juga suka memakai topi atau kacamata sebagai aksesori tambahan.

    Akun Media Sosial

    Bagi penggemar yang ingin mengikuti perkembangan Mazdjo Pray, ia memiliki akun Instagram dengan username @mazdjopray. Di sana, ia sering membagikan foto-foto kegiatan sehari-hari, termasuk saat bermain futsal atau mengisi acara di televisi.

    Cita-cita dan Harapan di Masa Depan

    Mazdjo Pray memiliki cita-cita untuk menjadi sosok yang dapat memberikan manfaat bagi masyarakat luas, terutama dalam hal kebaikan dan agama. Ia juga berharap dapat terus berkarya di dunia hiburan dan memberikan yang terbaik bagi penontonnya.

    Fakta Menarik

    Selain aktif di dunia hiburan, Mazdjo Pray juga memiliki usaha kuliner yang bernama Nasi Goreng Kebuli Mas Pray. Ia membuka usaha tersebut bersama sahabatnya dan berhasil meraih keuntungan yang lumayan. Selain itu, Mazdjo Pray juga pernah menjadi model iklan produk makanan dan minuman.

    Kesimpulan

    Itulah kisah hidup dan biodata lengkap dari Mazdjo Pray, seorang aktor dan presenter yang memiliki banyak prestasi di dunia hiburan. Ia adalah sosok yang religius, memiliki gaya fashion simpel namun stylish, serta memiliki cita-cita untuk memberikan manfaat bagi masyarakat luas. Semoga Mazdjo Pray terus sukses dan dapat memberikan inspirasi bagi banyak orang.

    Mazdjo Pray: Penulis Skenario dan Aktor Berbakat

    Mazdjo Pray, atau Mazdjo Prayuditya, lahir di Jakarta pada 24 Oktober 1985. Ia memulai karirnya di dunia entertainment sebagai penulis naskah di sebuah perusahaan produksi film di Jakarta. Namun, tidak hanya terkenal sebagai penulis naskah, Mazdjo Pray juga memiliki bakat akting yang luar biasa dan mulai terjun ke dunia akting pada tahun 2010.

    Pengalaman di Dunia Teater

    Selain di dunia film dan televisi, Mazdjo Pray juga memiliki pengalaman di dunia teater. Ia pernah terlibat dalam beberapa produksi teater di Jakarta. Hal ini menunjukkan bahwa Mazdjo Pray memiliki kemampuan seni yang beragam dan terus mengembangkan dirinya di berbagai bidang.

    Awal Karir Mazdjo Pray

    Mazdjo Pray debut sebagai penulis skenario pada film Jomblo pada tahun 2006. Ia kemudian melanjutkan karirnya sebagai penulis skenario pada film-film lain seperti Ada Apa Dengan Cinta 2 dan Susah Sinyal. Prestasinya sebagai penulis skenario semakin ditegaskan ketika ia berhasil membawa pulang piala Festival Film Indonesia pada tahun 2017 sebagai Penulis Skenario Terbaik untuk film Posesif.

    Proyek Film Terbaru Mazdjo Pray

    Saat ini, Mazdjo Pray sedang menggarap sebuah film baru berjudul Sang Pembunuh. Ia akan bertindak sebagai penulis skenario dan sutradara pada film tersebut. Diharapkan film ini akan menjadi salah satu karya terbaik dari Mazdjo Pray di masa depan.

    Kegiatan di Luar Dunia Entertainment

    Tidak hanya berkecimpung di dunia entertainment, Mazdjo Pray juga aktif dalam melakukan kegiatan sosial dan kemanusiaan untuk masyarakat yang membutuhkan. Hal ini menunjukkan bahwa ia memiliki hati yang peduli terhadap sesama dan ingin memberikan kontribusi positif bagi masyarakat.

    Kehidupan Pribadi Mazdjo Pray

    Mazdjo Pray menikah dengan seorang aktris dan juga penulis skenario, Laura Basuki, pada tahun 2010. Pasangan ini dikaruniai dua orang anak. Mazdjo Pray juga memiliki hobi bermain musik, terutama memetik gitar dan bernyanyi saat waktu luangnya.

    Karir Mazdjo Pray di Masa Depan

    Mazdjo Pray berencana untuk terus mengembangkan kariernya di dunia hiburan, terutama di bidang film dan teater. Ia ingin terus menghasilkan karya-karya yang berkesan bagi penonton dan menjadi salah satu figur penting di industri hiburan Indonesia. Dengan bakat dan kemampuan yang dimiliki, tidak diragukan lagi bahwa Mazdjo Pray akan terus meraih kesuksesan di masa depan.

    Pendapat Tentang Biodata Mazdjo Pray

    Saya, sebagai seorang pengguna media sosial, memiliki pendapat tentang biodata Mazdjo Pray. Berikut adalah beberapa pro dan kontra dari penggunaan biodata tersebut:

    Pro:

    1. Biodata yang singkat dan mudah diingat.
    2. Membuat orang penasaran tentang siapa sebenarnya Mazdjo Pray.
    3. Mudah dibagikan dan dimasukkan ke dalam profil media sosial.

    Kontra:

    • Tidak memberikan informasi yang jelas tentang Mazdjo Pray.
    • Tidak memberikan kesan profesional pada orang yang melihatnya.
    • Tidak membedakan diri dari orang lain yang menggunakan biodata serupa.

    Meskipun terdapat pro dan kontra dalam penggunaan biodata Mazdjo Pray, saya tetap berpendapat bahwa setiap orang bebas untuk menggunakan biodata apapun yang mereka inginkan. Namun, saya juga berharap bahwa ketika seseorang ingin memperkenalkan dirinya melalui media sosial, mereka dapat memberikan informasi yang jelas dan terperinci sehingga orang lain dapat lebih mengenal mereka.

    Sudahkah kalian mendapatkan informasi yang cukup tentang Mazdjo Pray dari biodata yang telah kami bagikan? Semoga artikel ini bisa memberikan gambaran yang jelas tentang siapa Mazdjo Pray dan apa saja yang telah dicapainya. Selain itu, kami juga berharap bahwa tulisan ini dapat menginspirasi kalian untuk terus mengejar impian dan mencapai kesuksesan seperti yang dilakukan oleh Mazdjo Pray.

    Setelah membaca biodata Mazdjo Pray, mungkin banyak dari kalian yang terkesan dengan perjalanan hidupnya yang penuh perjuangan dan kerja keras. Namun, perlu diingat bahwa kesuksesan tidak datang dengan mudah dan butuh waktu serta usaha yang tak kenal lelah. Oleh karena itu, mari kita belajar dari perjalanan Mazdjo Pray dan terus berusaha untuk meraih impian kita.

    Terakhir, kami ucapkan terima kasih atas kunjungan kalian di blog kami. Jangan lupa untuk tetap mengikuti update terbaru dari kami dan selalu bersemangat dalam mengejar impian kita. Sampai jumpa di artikel selanjutnya!

    Video Mazdjo Pray Biodata


    Visit Video

    Orang-orang sering bertanya-tanya mengenai biodata Mazdjo Pray. Berikut adalah beberapa pertanyaan yang sering diajukan:

    1. Apa pekerjaan Mazdjo Pray?
    2. Mazdjo Pray adalah seorang penyanyi dan penulis lagu.

    3. Dimana asal Mazdjo Pray?
    4. Mazdjo Pray berasal dari Jakarta, Indonesia.

    5. Apakah Mazdjo Pray sudah merilis album?
    6. Ya, Mazdjo Pray telah merilis album pada tahun 2019 dengan judul Kau Ada Di Sini.

    7. Apa genre musik yang dinyanyikan oleh Mazdjo Pray?
    8. Mazdjo Pray sering menyanyikan lagu-lagu bergenre pop dan ballad.

    9. Siapa pengarang lagu untuk lagu-lagu yang dinyanyikan oleh Mazdjo Pray?
    10. Mazdjo Pray juga merupakan seorang penulis lagu dan sering menulis lagu-lagu sendiri.

    Dengan demikian, Mazdjo Pray adalah seorang penyanyi dan penulis lagu asal Jakarta, Indonesia yang telah merilis album pada tahun 2019 dengan judul Kau Ada Di Sini. Ia sering menyanyikan lagu-lagu bergenre pop dan ballad dan juga menulis lagu-lagu sendiri.