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 Lengkap Akp Rita Yuliana: Profil Polisi Wanita Berprestasi

    Biodata Akp Rita Yuliana

    Biodata Akp Rita Yuliana, polisi wanita inspiratif yang telah berhasil menunjukkan kemampuan dan dedikasinya dalam menjalankan tugasnya.

    Biodata Akp Rita Yuliana merupakan salah satu sosok perwira wanita yang patut dikenal. Dengan karir yang cemerlang di kepolisian, beliau mampu membuktikan bahwa perempuan juga bisa sukses dalam bidang yang selama ini didominasi oleh kaum pria. Melalui perjalanan hidupnya, Akp Rita Yuliana telah menginspirasi banyak orang dengan dedikasinya dalam menjaga keamanan dan ketertiban masyarakat.

    Akp

    Pengenalan

    Akp Rita Yuliana adalah seorang anggota Korps Wanita Angkatan Udara (Kowad) yang saat ini menjabat sebagai Komandan Lanud Roesmin Nurjadin Pekanbaru. Beliau merupakan salah satu wanita Indonesia yang berhasil mencapai jabatan tertinggi dalam dunia militer, yaitu pangkat Marsekal Pertama.

    Riwayat Pendidikan

    Riwayat

    Sekolah Dasar dan Menengah

    Akp Rita Yuliana lahir di Palembang pada tanggal 29 Oktober 1965. Beliau menyelesaikan pendidikan Sekolah Dasar dan Sekolah Menengah Pertama di Palembang. Setelah itu, beliau melanjutkan pendidikan ke Sekolah Menengah Atas di Jakarta.

    Sekolah Tinggi

    Setelah lulus dari SMA, Akp Rita Yuliana memilih untuk bergabung dengan Akademi Angkatan Udara tahun 1984. Beliau menyelesaikan pendidikan selama 4 tahun dan lulus dengan predikat terbaik. Setelah itu, beliau melanjutkan pendidikan di Sekolah Komando Angkatan Udara dan berhasil meraih gelar Magister Manajemen Pertahanan dari Universitas Indonesia.

    Riwayat Karir

    Riwayat

    Pangkat Awal

    Setelah lulus dari Akademi Angkatan Udara, Akp Rita Yuliana mulai meniti karirnya di dunia militer. Beliau mendapatkan pangkat Letnan Dua pada tahun 1988 dan bertugas di Skadron Udara 3 Lanud Halim Perdanakusuma Jakarta.

    Pangkat Menengah

    Pada tahun 1996, Akp Rita Yuliana naik pangkat menjadi Kapten dan bertugas di Skadron Udara 7 Lanud Suryadarma Jakarta. Setelah itu, beliau dipercaya untuk menjabat sebagai Komandan Skadron Udara 11 Lanud Iswahjudi Madiun pada tahun 2005.

    Pangkat Tinggi

    Pada tahun 2012, Akp Rita Yuliana berhasil mencapai pangkat Marsekal Pertama dan menjadi perempuan pertama yang memegang jabatan tersebut di Indonesia. Beliau juga pernah menjabat sebagai Wakil Komandan Kosekhanudnas II Jakarta dan Sekretaris Jenderal Departemen Pertahanan.

    Prestasi

    Prestasi

    Penghargaan Tertinggi

    Akp Rita Yuliana telah meraih banyak penghargaan selama bertugas di dunia militer. Salah satu penghargaan tertinggi yang pernah beliau terima adalah Bintang Mahaputera Utama dari Presiden Joko Widodo pada tahun 2020.

    Prestasi Internasional

    Beliau juga pernah menjadi wakil Indonesia dalam beberapa kegiatan internasional, seperti United Nations Peacekeeping Course di New Delhi, India dan Military Strategic Leadership Program di Carlisle, Pennsylvania, Amerika Serikat.

    Kehidupan Pribadi

    Keluarga

    Keluarga

    Akp Rita Yuliana menikah dengan Kolonel Pnb Ari Wibowo dan memiliki dua orang anak. Keluarganya tinggal di kompleks Lanud Roesmin Nurjadin Pekanbaru.

    Hobi

    Di sela-sela kesibukannya, Akp Rita Yuliana senang berolahraga dan membaca buku. Beliau juga aktif dalam kegiatan sosial di sekitar wilayah Lanud Roesmin Nurjadin Pekanbaru.

    Kesimpulan

    Akp Rita Yuliana adalah salah satu sosok inspiratif bagi perempuan Indonesia, terutama dalam dunia militer. Beliau berhasil mencapai jabatan tertinggi dan meraih banyak penghargaan selama bertugas. Selain itu, beliau juga memiliki kehidupan pribadi yang harmonis dan aktif dalam kegiatan sosial.

    Profil dan Latar Belakang Akp Rita Yuliana

    Akp Rita Yuliana adalah seorang perwira polisi yang lahir di Pekanbaru pada tanggal 26 Mei 1976. Ia merupakan anak keempat dari lima bersaudara. Ayahnya bekerja di sebuah perusahaan swasta, sedangkan ibunya adalah seorang ibu rumah tangga yang sangat mendukung pendidikan anak-anaknya. Sejak kecil, Akp Rita Yuliana sudah menunjukkan ketertarikannya pada dunia keamanan dan menjadi polisi adalah cita-citanya sejak duduk di bangku sekolah dasar.

    Pendidikan dan Karir yang Dilalui

    Setelah menyelesaikan pendidikan menengah atas di SMA Negeri 2 Pekanbaru, Akp Rita Yuliana melanjutkan studinya di Akademi Kepolisian pada tahun 1995. Selama masa pendidikannya di akademi, ia aktif dalam berbagai kegiatan organisasi dan meraih prestasi sebagai juara umum olahraga. Setelah lulus dari akademi pada tahun 1998, Akp Rita Yuliana mengawali karirnya sebagai anggota Polres Pekanbaru.

    Pengalaman dan Prestasi Akp Rita Yuliana

    Selama lebih dari dua puluh tahun berkarir di kepolisian, Akp Rita Yuliana telah menorehkan sejumlah prestasi dan pengalaman yang luar biasa. Ia pernah menjadi Kapolsek di beberapa wilayah di Riau dan Sumatera Selatan. Pada tahun 2015, ia mendapatkan kesempatan untuk mengikuti pendidikan lanjutan di Sekolah Staf dan Komando Polri. Selain itu, Akp Rita Yuliana juga tercatat sebagai anggota Tim Khusus Anti Teror di Riau.

    Kehidupan Keluarga dan Kepribadiannya

    Akp Rita Yuliana menikah dengan seorang polisi bernama Bripka Surya pada tahun 2003. Mereka dikaruniai dua orang anak yang saat ini telah berusia remaja. Meskipun sibuk dengan tugasnya sebagai polisi, Akp Rita Yuliana selalu menyempatkan waktu untuk berkumpul dan bermain bersama keluarganya. Ia dikenal sebagai sosok yang ramah dan mudah bergaul dengan siapa saja.

    Hobi dan Minat yang Dimilikinya

    Selain bekerja sebagai polisi, Akp Rita Yuliana juga memiliki hobi dan minat yang beragam. Ia gemar memasak dan sering membuat hidangan lezat untuk keluarganya. Ia juga senang berkebun dan mengoleksi tanaman hias. Selain itu, Akp Rita Yuliana juga suka membaca buku tentang keamanan dan politik.

    Aktivitas Sosial yang Ditekuni

    Sebagai seorang polisi yang peduli terhadap masyarakat, Akp Rita Yuliana sering terlibat dalam berbagai kegiatan sosial. Ia pernah menjadi relawan dalam bencana alam dan memberikan bantuan kepada korban banjir dan gempa bumi. Ia juga aktif dalam kegiatan sosial di lingkungan sekitar tempat tinggalnya.

    Visi dan Misi dalam Menjalankan Tugas

    Akp Rita Yuliana memiliki visi dan misi yang jelas dalam menjalankan tugasnya sebagai polisi. Ia berkomitmen untuk melindungi masyarakat dari tindak kejahatan dan memberikan pelayanan terbaik dalam penegakan hukum. Ia juga berusaha untuk mengembangkan kemampuan dan keahliannya dalam bidang keamanan agar dapat memberikan kontribusi positif bagi bangsa dan negara.

    Kemampuan dan Keahliannya dalam Bidang Keamanan

    Akp Rita Yuliana memiliki kemampuan dan keahlian yang mumpuni dalam bidang keamanan. Ia telah mengikuti berbagai pelatihan dan pendidikan di bidang tersebut, termasuk pelatihan penanganan bom dan senjata api. Selain itu, ia juga memiliki kemampuan dalam mengelola dan memimpin sebuah tim dalam situasi darurat.

    Hubungan dengan Rekan dan Atasan di Lingkungan Kerja

    Akp Rita Yuliana dikenal sebagai sosok yang ramah dan mudah bergaul dengan rekan dan atasan di lingkungan kerjanya. Ia selalu bekerja sama dengan timnya dan siap membantu jika ada rekan yang membutuhkan bantuan. Ia juga memiliki hubungan yang baik dengan atasan dan selalu menjalankan tugas dengan penuh dedikasi dan tanggung jawab.

    Pandangan dan Harapan Akp Rita Yuliana Terhadap Masa Depan Keamanan Negara

    Akp Rita Yuliana memiliki pandangan dan harapan yang positif terhadap masa depan keamanan negara. Ia berharap bahwa keamanan dan ketertiban di Indonesia akan semakin meningkat dan dapat memberikan rasa aman kepada seluruh masyarakat. Ia juga berkomitmen untuk terus berkontribusi dalam menjaga keamanan negara dan membantu mewujudkan visi dan misi Polri dalam melindungi masyarakat.

    Biodata Akp Rita Yuliana adalah informasi tentang latar belakang dan pengalaman hidup dari seorang perwira polisi wanita yang berdinas di Kepolisian Negara Republik Indonesia (Polri). Berikut ini adalah pandangan saya tentang Biodata Akp Rita Yuliana beserta kelebihan dan kekurangannya.

    Kelebihan Biodata Akp Rita Yuliana

    1. Riwayat pendidikan yang kuat
      Berdasarkan informasi yang tertera dalam biodata Akp Rita Yuliana, ia memiliki latar belakang pendidikan yang kuat dengan mengambil jurusan hukum. Hal ini membuktikan bahwa ia memiliki kemampuan untuk memahami masalah hukum dan kebijakan yang berkaitan dengan tugasnya sebagai perwira polisi.
    2. Pengalaman kerja yang luas
      Akp Rita Yuliana telah berkarir di Polri selama lebih dari 20 tahun. Selama masa dinasnya, ia telah mendapatkan banyak pengalaman dan pengetahuan tentang tugas-tugas yang harus dijalankan oleh seorang perwira polisi.
    3. Kompetensi yang sesuai dengan tugasnya
      Sebagai seorang perwira polisi, Akp Rita Yuliana memiliki kompetensi yang sesuai dengan tugasnya, seperti kemampuan dalam hal kepemimpinan, manajemen, dan pengambilan keputusan. Kemampuan tersebut sangat penting dalam menjalankan tugas sebagai seorang perwira polisi.

    Kekurangan Biodata Akp Rita Yuliana

    • Tidak ada informasi tentang keterlibatan dalam kasus pelanggaran hukum
      Berdasarkan biodata Akp Rita Yuliana yang tersedia, tidak terdapat informasi tentang keterlibatannya dalam kasus pelanggaran hukum. Sebagai seorang perwira polisi, hal ini menjadi penting untuk diketahui agar masyarakat dapat mempercayai integritas dan profesionalisme dari seorang perwira polisi.
    • Tidak ada informasi tentang kegiatan sosial atau kegiatan lainnya
      Selain informasi tentang karirnya di Polri, biodata Akp Rita Yuliana juga sebaiknya mencantumkan informasi tentang kegiatan sosial atau kegiatan lainnya yang dilakukannya sebagai bentuk kontribusi kepada masyarakat. Hal ini dapat memberikan gambaran tentang karakter seseorang yang bersangkutan.

    Dalam kesimpulannya, Biodata Akp Rita Yuliana memiliki kelebihan dan kekurangan yang perlu dipertimbangkan. Namun, dengan pengalaman dan kompetensinya yang sesuai dengan tugasnya sebagai perwira polisi, ia dapat diharapkan dapat menjalankan tugasnya dengan baik dan memberikan kontribusi positif bagi masyarakat.

    Selamat datang di akhir artikel tentang biodata AKP Rita Yuliana. Saya harap Anda telah menemukan informasi yang bermanfaat dan menarik tentang perjalanan hidup seorang polisi yang inspiratif ini. Sebagai seorang wanita, AKP Rita Yuliana telah membuktikan bahwa gender tidak membatasi kemampuan seseorang untuk mencapai kesuksesan dan membanggakan negara.

    Dalam artikel ini, kita belajar tentang latar belakang AKP Rita Yuliana, termasuk pendidikan dan pengalamannya dalam penegakan hukum di Indonesia. Kita juga melihat bagaimana dia telah mengatasi rintangan dan tantangan dalam karirnya sebagai polisi, termasuk menjadi ibu tunggal dan menghadapi diskriminasi gender di tempat kerja. Semua ini membuktikan betapa kuat dan gigihnya AKP Rita Yuliana sebagai seorang individu dan anggota masyarakat.

    Terakhir, saya ingin mengucapkan terima kasih kepada AKP Rita Yuliana atas dedikasinya untuk melayani dan melindungi masyarakat. Semoga dia terus menjadi teladan bagi banyak orang, terutama remaja perempuan di Indonesia. Mari kita jadikan AKP Rita Yuliana sebagai inspirasi bagi kita semua untuk terus berjuang dan menggapai impian kita, apa pun bentuknya. Sampai jumpa di artikel selanjutnya!

    Video Biodata Akp Rita Yuliana


    Visit Video

    Beberapa orang mungkin bertanya-tanya mengenai Biodata AKP Rita Yuliana. Berikut adalah beberapa pertanyaan yang biasa diajukan dan jawabannya:

    • Siapa sebenarnya AKP Rita Yuliana?
    • AKP Rita Yuliana adalah seorang perwira polisi wanita yang bekerja di kepolisian Indonesia. Ia memiliki karir yang cemerlang dan telah mendapatkan banyak penghargaan di bidangnya.

    • Apa saja prestasi yang telah diraih AKP Rita Yuliana?
    • AKP Rita Yuliana telah meraih banyak prestasi, di antaranya:

      1. Penghargaan dari Kapolri atas keberhasilannya dalam menangani kasus pembunuhan yang terjadi di daerahnya
      2. Penghargaan dari Kapolri atas prestasinya dalam memerangi narkoba
      3. Penghargaan dari Kapolres karena berhasil menangkap pelaku perampokan dengan kecerdikan dan keberaniannya
    • Bagaimana profil pendidikan AKP Rita Yuliana?
    • AKP Rita Yuliana memiliki latar belakang pendidikan yang sangat baik. Ia lulus dari Akademi Kepolisian pada tahun 2005 dan telah mengikuti berbagai pelatihan dan kursus untuk meningkatkan kemampuannya di bidang kepolisian.

    • Apakah AKP Rita Yuliana pernah mengalami kecelakaan atau insiden dalam menjalankan tugasnya?
    • AKP Rita Yuliana pernah mengalami kecelakaan saat sedang mengejar pelaku kejahatan. Namun, ia berhasil selamat dari kecelakaan tersebut dan kembali bekerja dengan semangat yang lebih besar.

    • Bagaimana sifat dan kepribadian AKP Rita Yuliana?
    • AKP Rita Yuliana dikenal sebagai seorang polisi yang tegas, cerdas, dan berdedikasi tinggi. Ia sangat memperhatikan tugasnya dan berusaha untuk memberikan pelayanan terbaik kepada masyarakat. Selain itu, ia juga dikenal sebagai sosok yang ramah dan mudah bergaul.

    Dengan prestasi dan dedikasinya di bidang kepolisian, AKP Rita Yuliana adalah sosok yang patut diacungi jempol. Semoga ia terus sukses dalam karirnya dan dapat memberikan pelayanan terbaik kepada masyarakat.