.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }#slider { width: 700px; height: 390px; list-style: none; overflow-y: auto; overflow-x: hidden; } .anythingSlider-default { margin: 0 auto 20px auto; padding: 0 21px 28px 21px; } .anythingSlider-default .anythingWindow { } .anythingSlider-default .anythingControls li {margin:0;} .anythingSlider-default .anythingControls a span { visibility: visible; } .anythingSlider-default .arrow { top: 50%; position: absolute; display: block; } .anythingSlider-default .arrow a { display: block; width: 21px; height: 59px; margin: -27px 0 0 0; text-align: center; outline: 0; } .anythingSlider-default .back { left: 0; } .anythingSlider-default .back a { background: url(//www.mti.biz.id/wp-content/plugins/cp-related-posts/styles/arrow_left.png) no-repeat; } .anythingSlider-default .forward { right: 0; } .anythingSlider-default .forward a { background: url(//www.mti.biz.id/wp-content/plugins/cp-related-posts/styles/arrow_right.png) no-repeat;} .anythingSlider-default .back a:hover, .anythingSlider-default .forward a:hover { filter: brightness(70%);} .anythingSlider-default .anythingControls { outline: 0; display: none; } .anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; } .anythingSlider-default .anythingControls ul li { display: inline; } .anythingSlider-default .anythingControls ul a { font: 14px/18px Arial, Helvetica, sans-serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; outline: 0; } .anythingSlider-default .anythingControls .anythingNavWindow { overflow: hidden; float: left; } .as-oldie .anythingSlider-default .arrow { top: 30%; } .as-oldie .anythingSlider-default .arrow a { margin: 0; } .as-oldie .anythingSlider-default .anythingControls li { margin-left: 3px; } .as-oldie .anythingSlider-default .anythingControls a { margin: 0; } .as-oldie .anythingSlider-default .anythingNavWindow { margin: 0 2px; } .as-oldie .anythingSlider-default .anythingNavWindow li { padding: 3px 0 0 0; } .anythingSlider { display: block; overflow: visible !important; position: relative; } .anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } .anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; } .anythingSlider .arrow span { display: block; visibility: hidden; } .anythingSlider .arrow.disabled { display: none; } .anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } .anythingSlider .vertical .panel { float: none; } .anythingSlider .fade .panel { float: none; position: absolute; top: 0; left: 0; z-index: 0; } .anythingSlider .fade .activePage { z-index: 1; } .anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } .anythingSlider.rtl .anythingControls ul { float: left; } .anythingSlider.rtl .anythingControls ul a { float: right; } .anythingSlider.rtl .start-stop { } .anythingSlider, .anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a{ transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; } .anythingSlider-default .anythingControls a { color: #FFF; } .anythingSlider-default .anythingControls a.cur { color: #FFF; font-weight: bold; } .anythingSlider-default.activeSlider .anythingWindow { border-color: #E2E2E2; } .anythingSlider-default .anythingControls a, .anythingSlider-default.activeSlider .anythingControls a { background-color: #BBBBBB; } .anythingSlider-default .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default .anythingControls a:hover, .anythingSlider-default.activeSlider .anythingControls a:hover { background: #333333; color: #FFF; }.cprp_items{ display: none; } .cprp_thumbnail { width: 25%; margin: 5px 10px 5px 0; float: left; } .cprp_title, .cprp_percentage{ text-align:left; } .cprp_percentage img{ display:inline-block;} .cprp_excerpt{ line-height:1.4em; text-align:left; } .cprp_excerpt p{margin-top:0;} .cprp_tags { text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap; word-wrap: normal; font-size: 0.8em; text-align:left; } .cprp_items a{ box-shadow: none !important; text-decoration:none !important;} .cprp_items.cprp-widget ul, .cprp_items.list ul { margin: 0; padding: 0; list-style-type: none; } .cprp_items.cprp-widget li, .cprp_items.list li { clear: both; margin-bottom:15px; list-style-type: none; } .cprp_items.list .cprp_tags { background: #EFEFEF; padding: 5px; } .cprp_items.column *{box-sizing: border-box;} .cprp_items.column{ width: 100%; clear:both; } .cprp_items.column ul { margin: 0; padding: 0; list-style-type: none; } .cprp_items.column li { border: 1px solid #EFEFEF; padding: 5px; list-style-type: none; margin:0 0 5px 0;} .cprp_items.column .cprp_excerpt{ position: relative;} .cprp_items.column .cprp_excerpt::after { content: "..."; font-weight: normal; position: absolute; bottom: 4px; right:0; clear: both; height: 18px; } .cprp_items.column .cprp_excerpt_content{ display:inline-block; max-height:4.2em; overflow: hidden; } .cprp_items.column .cprp_thumbnail { width:90%; margin: 0 auto 5px auto; position: relative; float: none; clear:both; display:block;} .cprp_items.column .cprp_tags{ color: #666; background: #EFEFEF; padding: 5px; bottom:5px; } @media screen and (max-width: 640px) { .cprp_items.column li{ width:100% !important; margin: 5px 0 !important; } } .cprp_items.slider .cprp_excerpt{ overflow: hidden; } .cprp_items.slider .cprp_excerpt::after { content:"..."; font-weight:normal; position:absolute; bottom:0; right:0; clear: both; height:18px; } .cprp_items.slider .cprp_title, .cprp_items.slider .cprp_tags{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; } .cprp_items.slider .cprp_tags{ color: #666; } .cprp_items.slider ul{ width: 100%; position: relative !important;} .cprp_items.slider ul li{ width: 100%; height: auto !important;} .cprp_items.slider .anythingSlider{height: auto !important;} .cprp_items.slider .anythingControls ul{ height: 30px; } .cprp_items.thumbnail-slider{padding-left: 13px;padding-right: 13px;margin-bottom:20px;} .cprp_items.thumbnail-slider *, .cprp_items.slider *{-webkit-box-sizing: content-box !important;-moz-box-sizing: content-box !important;box-sizing: content-box !important;} .cprp_items.thumbnail-slider *, .cprp_items.thumbnail-slider *:hover{color:white;} .cprp_items.thumbnail-slider .arrow{top:0;background:#00aae1;width:25px;border:2px solid #00aae1;} .cprp_items.thumbnail-slider .arrow.back{border-top-left-radius:5px;border-bottom-left-radius:5px;} .cprp_items.thumbnail-slider .arrow.forward{border-top-right-radius:5px;border-bottom-right-radius:5px;} .cprp_items.thumbnail-slider .arrow a{background:transparent;padding:0;margin:0!important;display:block;width:100%;} .cprp_items.thumbnail-slider .arrow a:before{display:block;margin-top:0;font-size:36px;width:100%;text-align:center;} .cprp_items.thumbnail-slider .arrow.back{transform:translate(-50%);display:flex;align-items:center;} .cprp_items.thumbnail-slider .arrow.back a:before{content:'\20D6';} .cprp_items.thumbnail-slider .arrow.forward{transform:translate(50%);display:flex;align-items:center;} .cprp_items.thumbnail-slider .arrow.forward a:before{content:'\20D7';} .cprp_items.thumbnail-slider .anythingControls{display:none!important;} .cprp_items.thumbnail-slider .cprp_data{border-radius:5px;max-width:calc(100% - 6px);border:2px solid black;position:relative;} .cprp_items.thumbnail-slider .cprp_data>div{background:rgba(0,0,0,.5);position:relative;} .cprp_items.thumbnail-slider ul{width:100%;position:relative!important;} .cprp_items.thumbnail-slider ul li{width:100%;height:auto!important;} .cprp_items.thumbnail-slider .anythingSlider{height:auto!important;} .cprp_items.thumbnail-slider .anythingControls ul{height:30px;} .cprp_items.thumbnail-slider .cprp_title, .cprp_items.thumbnail-slider .cprp_tags{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;} .cprp_items.thumbnail-slider .cprp_title, .cprp_items.thumbnail-slider .cprp_percentage, .cprp_items.thumbnail-slider .cprp_excerpt, .cprp_items.thumbnail-slider .cprp_tags{display:none;padding:0 10px;width:calc( 100% - 20px);} .cprp_items.thumbnail-slider .cprp_excerpt{overflow:hidden;font-size:18px;} .cprp_items.thumbnail-slider .cprp_title{display:block;} .cprp_items.thumbnail-slider .cprp_title::after{content:'\002B';display:inline-block;position:absolute;right:10px;cursor:pointer;font-weight:bold;} .cprp_items.thumbnail-slider .cprp_data.expanded .cprp_percentage, .cprp_items.thumbnail-slider .cprp_data.expanded .cprp_excerpt, .cprp_items.thumbnail-slider .cprp_data.expanded .cprp_tags{display:block;} .cprp_items.thumbnail-slider .cprp_data.expanded .cprp_tags{background:rgba(0,0,0,.3);margin-top:10px;} .cprp_items.thumbnail-slider .cprp_data.expanded .cprp_title::after{content:'\2212';} .cprp_items.accordion ul { margin: 0; padding: 0; list-style-type: none; } .cprp_items.accordion li { margin-bottom:15px; display:block; list-style-type: none; border: 1px solid #EFEFEF;padding:10px;} .cprp_items.accordion .cprp_title { float:left; margin-right: 5px; } .cprp_items.accordion .cprp_percentage { float:left;} .cprp_items.accordion .cprp_excerpt { display:none; clear:both; padding-top:10px; } .cprp_items.accordion .cprp_tags { display:none; background: #EFEFEF; padding: 5px; margin-top:10px; } ins.adsbygoogle[data-ad-status='unfilled'] { display: none !important; }#gnpub-gnfollow-shortcode-wrapper a{text-decoration:none;color:#000;border:1px solid #c6d2d9;padding:7px 15px 3px 16px;line-height:1;height:40px;vertical-align:middle;position:absolute}#gnpub-gnfollow-shortcode-wrapper a:focus{box-shadow:none}#gnpub-gnfollow-shortcode-wrapper img{width:120px;position:relative;top:9px;left:5px}#gnpub-gnfollow-shortcode-wrapper a:hover{border:1px solid #000}#gnpub-gnfollow-shortcode-follow-text{font-weight:500;font-size:13px}.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79, 79, 79, 0.4);--pswp-preloader-color-secondary:rgba(255, 255, 255, 0.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);z-index:10}.pswp--ui-visible .pswp__hide-on-close{opacity:1}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp--ui-visible .pswp__button:hover,.pswp--ui-visible .pswp__button:active,.pswp--ui-visible .pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;top:0;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scale(-1,1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity 0.2s linear;animation:pswp-clockwise 600ms linear infinite}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pswp__counter{height:30px;margin:15px 0 0 20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85}.pswp--one-slide .pswp__counter{display:none}.pswp__dynamic-caption{color:#ccc;position:absolute;width:100%;left:0;top:0;transition:opacity 120ms linear!important;line-height:1.5em}.pswp__dynamic-caption--aside,.pswp__dynamic-caption--below{opacity:1!important}.pswp-caption-content{display:none}.pswp__dynamic-caption a{color:#ccc}.pswp__dynamic-caption--faded{opacity:0!important}.pswp__dynamic-caption--aside{width:auto;max-width:300px;padding:20px 15px 20px 20px;margin-top:70px}.pswp__dynamic-caption--below{width:auto;max-width:700px;padding:15px 0 0}.pswp__dynamic-caption--on-hor-edge{padding-left:15px;padding-right:15px}.pswp__dynamic-caption--mobile{width:100%;top:auto;right:0;bottom:0;background:rgba(0,0,0,.5);padding:10px 15px}.pswp__caption,.pswp__caption__exif{padding-bottom:.5em}.pswp__caption__exif_camera{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0ibTQsNWwzLDBsMiwtMmw2LDBsMiwybDMsMGEyLDIgMCAwIDEgMiwybDAsMTJhMiwyIDAgMCAxIC0yLDJsLTE2LDBhMiwyIDAgMCAxIC0yLC0ybDAsLTEyYTIsMiAwIDAgMSAyLC0ybTgsM2E1LDUgMCAwIDAgLTUsNWE1LDUgMCAwIDAgNSw1YTUsNSAwIDAgMCA1LC01YTUsNSAwIDAgMCAtNSwtNW0wLDJhMywzIDAgMCAxIDMsM2EzLDMgMCAwIDEgLTMsM2EzLDMgMCAwIDEgLTMsLTNhMywzIDAgMCAxIDMsLTN6Ii8+PC9zdmc+)}.pswp__caption__exif_lens{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDMwMCAzMDAiPjxwYXRoIGZpbGw9IiNjY2NjY2MiIGQ9Ik0yOTMuNzUsNTYuMjVIMjc1VjM3LjVjMC0zLjQ1Ni0yLjc5NC02LjI1LTYuMjUtNi4yNWgtMTAwYy0zLjQ1NiwwLTYuMjUsMi43OTQtNi4yNSw2LjI1djMxLjI1SDE1MFY2Mi41IGMwLTMuNDU2LTIuNzk0LTYuMjUtNi4yNS02LjI1aC04Ny41Yy0zLjQ1NiwwLTYuMjUsMi43OTQtNi4yNSw2LjI1djYuMjVINi4yNUMyLjc5NCw2OC43NSwwLDcxLjU0NCwwLDc1djE1MCBjMCwzLjQ1NiwyLjc5NCw2LjI1LDYuMjUsNi4yNUg1MHY2LjI1YzAsMy40NTYsMi43OTQsNi4yNSw2LjI1LDYuMjVoODcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1di02LjI1aDEyLjV2MzEuMjUgYzAsMy40NTYsMi43OTQsNi4yNSw2LjI1LDYuMjVoMTAwYzMuNDU2LDAsNi4yNS0yLjc5NCw2LjI1LTYuMjV2LTE4Ljc1aDE4Ljc1YzMuNDU2LDAsNi4yNS0yLjc5NCw2LjI1LTYuMjV2LTE3NSBDMzAwLDU5LjA0NCwyOTcuMjA2LDU2LjI1LDI5My43NSw1Ni4yNXogTTEyLjUsMjE4Ljc1VjgxLjI1SDUwdjEzNy41SDEyLjV6IE0xMzcuNSwyMzEuMjVoLTc1VjIyNVY3NXYtNi4yNWg3NVYyMzEuMjV6IE0xNTAsMjE4Ljc1VjgxLjI1aDEyLjV2MTM3LjVIMTUweiBNMjYyLjUsMjU2LjI1SDE3NVY0My43NWg4Ny41VjYyLjV2MTc1VjI1Ni4yNXogTTI4Ny41LDIzMS4yNUgyNzVWNjguNzVoMTIuNVYyMzEuMjV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDY4Ljc1SDIwMGMtMy40NTYsMC02LjI1LDIuNzk0LTYuMjUsNi4yNXMyLjc5NCw2LjI1LDYuMjUsNi4yNWgzNy41YzMuNDU2LDAsNi4yNS0yLjc5NCw2LjI1LTYuMjUgUzI0MC45NTYsNjguNzUsMjM3LjUsNjguNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDkzLjc1SDIwMGMtMy40NTYsMC02LjI1LDIuNzk0LTYuMjUsNi4yNXMyLjc5NCw2LjI1LDYuMjUsNi4yNWgzNy41YzMuNDU2LDAsNi4yNS0yLjc5NCw2LjI1LTYuMjUgUzI0MC45NTYsOTMuNzUsMjM3LjUsOTMuNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDExOC43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDExOC43NSwyMzcuNSwxMTguNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDE0My43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDE0My43NSwyMzcuNSwxNDMuNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDE2OC43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDE2OC43NSwyMzcuNSwxNjguNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDE5My43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDE5My43NSwyMzcuNSwxOTMuNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDIxOC43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDIxOC43NSwyMzcuNSwyMTguNzV6Ii8+PHJlY3QgZmlsbD0iI2NjY2NjYyIgeD0iNzUiIHk9IjgxLjI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMTIuNSIvPjxyZWN0IGZpbGw9IiNjY2NjY2MiIHg9Ijc1IiB5PSIxMDYuMjUiIHdpZHRoPSI1MCIgaGVpZ2h0PSIxMi41Ii8+PHJlY3QgZmlsbD0iI2NjY2NjYyIgeD0iNzUiIHk9IjEzMS4yNSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjEyLjUiLz48cmVjdCBmaWxsPSIjY2NjY2NjIiB4PSI3NSIgeT0iMTU2LjI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMTIuNSIvPjxyZWN0IGZpbGw9IiNjY2NjY2MiIHg9Ijc1IiB5PSIxODEuMjUiIHdpZHRoPSI1MCIgaGVpZ2h0PSIxMi41Ii8+PHJlY3QgZmlsbD0iI2NjY2NjYyIgeD0iNzUiIHk9IjIwNi4yNSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjEyLjUiLz48L3N2Zz4=)}.pswp__caption__exif_focal{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNMTIgNi41YzMuNzkgMCA3LjE3IDIuMTMgOC44MiA1LjUtMS42NSAzLjM3LTUuMDIgNS41LTguODIgNS41UzQuODMgMTUuMzcgMy4xOCAxMkM0LjgzIDguNjMgOC4yMSA2LjUgMTIgNi41bTAtMkM3IDQuNSAyLjczIDcuNjEgMSAxMmMxLjczIDQuMzkgNiA3LjUgMTEgNy41czkuMjctMy4xMSAxMS03LjVjLTEuNzMtNC4zOS02LTcuNS0xMS03LjV6bTAgNWMxLjM4IDAgMi41IDEuMTIgMi41IDIuNXMtMS4xMiAyLjUtMi41IDIuNS0yLjUtMS4xMi0yLjUtMi41IDEuMTItMi41IDIuNS0yLjVtMC0yYy0yLjQ4IDAtNC41IDIuMDItNC41IDQuNXMyLjAyIDQuNSA0LjUgNC41IDQuNS0yLjAyIDQuNS00LjUtMi4wMi00LjUtNC41LTQuNXoiPjwvcGF0aD48L3N2Zz4K)}.pswp__caption__exif_shutter{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNMTUgMUg5djJoNlYxem00LjAzIDYuMzlsMS40Mi0xLjQyYy0uNDMtLjUxLS45LS45OS0xLjQxLTEuNDFsLTEuNDIgMS40MkMxNi4wNyA0Ljc0IDE0LjEyIDQgMTIgNGMtNC45NyAwLTkgNC4wMy05IDlzNC4wMiA5IDkgOSA5LTQuMDMgOS05YzAtMi4xMi0uNzQtNC4wNy0xLjk3LTUuNjF6TTEyIDIwYy0zLjg3IDAtNy0zLjEzLTctN3MzLjEzLTcgNy03IDcgMy4xMyA3IDctMy4xMyA3LTcgN3ptLS4zMi01SDYuMzVjLjU3IDEuNjIgMS44MiAyLjkyIDMuNDEgMy41NmwtLjExLS4wNiAyLjAzLTMuNXptNS45Ny00Yy0uNTctMS42LTEuNzgtMi44OS0zLjM0LTMuNTRMMTIuMjYgMTFoNS4zOXptLTcuMDQgNy44M2MuNDUuMTEuOTEuMTcgMS4zOS4xNyAxLjM0IDAgMi41Ny0uNDUgMy41Ny0xLjE5bC0yLjExLTMuOS0yLjg1IDQuOTJ6TTcuNTUgOC45OUM2LjU5IDEwLjA1IDYgMTEuNDYgNiAxM2MwIC4zNC4wNC42Ny4wOSAxaDQuNzJMNy41NSA4Ljk5em04Ljc5IDguMTRDMTcuMzcgMTYuMDYgMTggMTQuNiAxOCAxM2MwLS4zNC0uMDQtLjY3LS4wOS0xaC00LjM0bDIuNzcgNS4xM3ptLTMuMDEtOS45OEMxMi45IDcuMDYgMTIuNDYgNyAxMiA3Yy0xLjQgMC0yLjY5LjQ5LTMuNzEgMS4yOWwyLjMyIDMuNTYgMi43Mi00Ljd6Ij48L3BhdGg+PC9zdmc+Cg==)}.pswp__caption__exif_fstop{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNOS40IDEwLjVsNC43Ny04LjI2QzEzLjQ3IDIuMDkgMTIuNzUgMiAxMiAyYy0yLjQgMC00LjYuODUtNi4zMiAyLjI1bDMuNjYgNi4zNS4wNi0uMXpNMjEuNTQgOWMtLjkyLTIuOTItMy4xNS01LjI2LTYtNi4zNEwxMS44OCA5aDkuNjZ6bS4yNiAxaC03LjQ5bC4yOS41IDQuNzYgOC4yNUMyMSAxNi45NyAyMiAxNC42MSAyMiAxMmMwLS42OS0uMDctMS4zNS0uMi0yek04LjU0IDEybC0zLjktNi43NUMzLjAxIDcuMDMgMiA5LjM5IDIgMTJjMCAuNjkuMDcgMS4zNS4yIDJoNy40OWwtMS4xNS0yem0tNi4wOCAzYy45MiAyLjkyIDMuMTUgNS4yNiA2IDYuMzRMMTIuMTIgMTVIMi40NnptMTEuMjcgMGwtMy45IDYuNzZjLjcuMTUgMS40Mi4yNCAyLjE3LjI0IDIuNCAwIDQuNi0uODUgNi4zMi0yLjI1bC0zLjY2LTYuMzUtLjkzIDEuNnoiPjwvcGF0aD48L3N2Zz4=)}.pswp__caption__exif_iso{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNMTkgM0g1Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6TTUuNSA3LjVoMnYtMkg5djJoMlY5SDl2Mkg3LjVWOWgtMlY3LjV6TTE5IDE5SDVMMTkgNXYxNHptLTItMnYtMS41aC01VjE3aDV6Ij48L3BhdGg+PC9zdmc+Cg==)}.pswp__caption__exif_datetime{padding-left:1.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2NjY2NjYyIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzIiIGQ9Im0yMC44NDM4MywzLjM5NjkybC0zLjc2NDI0LDBsMCwtMC41NjY2MmMwLC0wLjMxNzIxIC0wLjI1NzI3LC0wLjU3NDQ3IC0wLjU3NDQ3LC0wLjU3NDQ3cy0wLjU3NDQ3LDAuMjU3MjcgLTAuNTc0NDcsMC41NzQ0N2wwLDAuNTY2NjJsLTMuMzU2MTcsMGwwLC0wLjU2NjYyYzAsLTAuMzE3MjEgLTAuMjU3MjcsLTAuNTc0NDcgLTAuNTc0NDcsLTAuNTc0NDdzLTAuNTc0NDcsMC4yNTcyNyAtMC41NzQ0NywwLjU3NDQ3bDAsMC41NjY2MmwtMy4yMTM1MSwwbDAsLTAuNTY2NjJjMCwtMC4zMTcyMSAtMC4yNTcyNywtMC41NzQ0NyAtMC41NzQ0NywtMC41NzQ0N3MtMC41NzQ0NywwLjI1NzI3IC0wLjU3NDQ3LDAuNTc0NDdsMCwwLjU2NjYybC0zLjkwNjgsMGMtMC4zMTcyMSwwIC0wLjU3NDQ3LDAuMjU3MjcgLTAuNTc0NDcsMC41NzQ0N2wwLDEyLjk4MDQyYzAsMC4zMTcyMSAwLjI1NzI3LDAuNTc0NDcgMC41NzQ0NywwLjU3NDQ3bDMuNTI1OTMsMGMwLjU2NDk5LDIuNDE0MTMgMi43MzQwMiw0LjIxNzg4IDUuMzE3ODEsNC4yMTc4OHM0Ljc1MjgxLC0xLjgwMzg1IDUuMzE3ODEsLTQuMjE3ODhsMy41MjU5MywwYzAuMzE3MjEsMCAwLjU3NDQ3LC0wLjI1NzI3IDAuNTc0NDcsLTAuNTc0NDdsMCwtMTIuOTgwNDJjMC4wMDAxLC0wLjMxNzIxIC0wLjI1NzA4LC0wLjU3NDQ3IC0wLjU3NDM4LC0wLjU3NDQ3em0tMTMuNzgwNzYsMS4xNDg5NWwwLDAuNTE5MTNjMCwwLjMxNzIxIDAuMjU3MjcsMC41NzQ0NyAwLjU3NDQ3LDAuNTc0NDdzMC41NzQ0NywtMC4yNTcyNyAwLjU3NDQ3LC0wLjU3NDQ3bDAsLTAuNTE5MTNsMy4yMTM1MSwwbDAsMC41MTkxM2MwLDAuMzE3MjEgMC4yNTcyNywwLjU3NDQ3IDAuNTc0NDcsMC41NzQ0N3MwLjU3NDQ3LC0wLjI1NzI3IDAuNTc0NDcsLTAuNTc0NDdsMCwtMC41MTkxM2wzLjM1NjE3LDBsMCwwLjUxOTEzYzAsMC4zMTcyMSAwLjI1NzI3LDAuNTc0NDcgMC41NzQ0NywwLjU3NDQ3czAuNTc0NDcsLTAuMjU3MjcgMC41NzQ0NywtMC41NzQ0N2wwLC0wLjUxOTEzbDMuMTg5NzYsMGwwLDIuMzQ5MjFsLTE2LjUzODYyLDBsMCwtMi4zNDkyMWwzLjMzMjMzLDB6bTQuOTM2OTMsMTYuMDQ5MzZjLTIuMzc4NTEsMCAtNC4zMTM2MywtMS45MzUxMSAtNC4zMTM2MywtNC4zMTM2M3MxLjkzNTExLC00LjMxMzYzIDQuMzEzNjMsLTQuMzEzNjNzNC4zMTM2MywxLjkzNTAyIDQuMzEzNjMsNC4zMTM2M3MtMS45MzUwMiw0LjMxMzYzIC00LjMxMzYzLDQuMzEzNjN6bTUuNDYwMTgsLTQuMjE3ODhjMC4wMDA1NywtMC4wMzE5OCAwLjAwMjM5LC0wLjA2MzY3IDAuMDAyMzksLTAuMDk1NzVjMCwtMy4wMTIwNiAtMi40NTA1MSwtNS40NjI1NyAtNS40NjI1NywtNS40NjI1N3MtNS40NjI1NywyLjQ1MDUxIC01LjQ2MjU3LDUuNDYyNTdjMCwwLjAzMjA3IDAuMDAxOTEsMC4wNjM3NyAwLjAwMjM5LDAuMDk1NzVsLTIuODA5MTgsMGwwLC04LjMzMzIybDE2LjUzODYyLDBsMCw4LjMzMzIybC0yLjgwOTA4LDB6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzMiIGQ9Im0xMi41NzQ0NywxNi40MjY1NmwwLC0yLjc3OTExYzAsLTAuMzE3MjEgLTAuMjU3MjcsLTAuNTc0NDcgLTAuNTc0NDcsLTAuNTc0NDdzLTAuNTc0NDcsMC4yNTcyNyAtMC41NzQ0NywwLjU3NDQ3bDAsMy4wMTcxNGMwLDAuMTUyMzMgMC4wNjA1MSwwLjI5ODQ0IDAuMTY4MjMsMC40MDYyNWwxLjMyMDMzLDEuMzIwNDNjMC4xMTIyMSwwLjExMjEyIDAuMjU5MTgsMC4xNjgyMyAwLjQwNjI1LDAuMTY4MjNjMC4xNDY5NywwIDAuMjk0MDMsLTAuMDU2MTEgMC40MDYyNSwtMC4xNjgyM2MwLjIyNDMzLC0wLjIyNDMzIDAuMjI0MzMsLTAuNTg4MDcgMCwtMC44MTI0bC0xLjE1MjExLC0xLjE1MjN6Ii8+PC9zdmc+Cg==)}.pswp__dynamic-caption--overlay{position:absolute!important;bottom:0;top:initial;text-align:center;background:rgba(0,0,0,.7);padding-top:.5em}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:400;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-400-cyrillic-ext.ef54216e.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:400;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-400-cyrillic.969ea6a3.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:400;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-400-greek-ext.04782fd5.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:400;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-400-greek.9e4a3805.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:400;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-400-symbols.f5851590.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:400;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-400-vietnamese.b13ae75f.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:400;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-400-latin-ext.6d1ff22c.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:400;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-400-latin.75e6c243.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:500;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-500-cyrillic-ext.ef54216e.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:500;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-500-cyrillic.969ea6a3.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:500;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-500-greek-ext.04782fd5.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:500;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-500-greek.9e4a3805.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:500;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-500-symbols.f5851590.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:500;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-500-vietnamese.b13ae75f.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:500;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-500-latin-ext.6d1ff22c.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:500;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-500-latin.75e6c243.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:600;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-600-cyrillic-ext.ef54216e.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:600;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-600-cyrillic.969ea6a3.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:600;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-600-greek-ext.04782fd5.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:600;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-600-greek.9e4a3805.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:600;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-600-symbols.f5851590.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:600;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-600-vietnamese.b13ae75f.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:600;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-600-latin-ext.6d1ff22c.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:600;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-600-latin.75e6c243.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:700;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-700-cyrillic-ext.ef54216e.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:700;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-700-cyrillic.969ea6a3.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:700;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-700-greek-ext.04782fd5.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:700;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-700-greek.9e4a3805.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:700;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-700-symbols.f5851590.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:700;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-700-vietnamese.b13ae75f.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:700;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-700-latin-ext.6d1ff22c.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:700;src:url(//www.mti.biz.id/wp-content/plugins/pojo-accessibility/assets/build/fonts/Roboto-700-latin.75e6c243.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.ea11y-skip-to-content-link{clip:rect(1px,1px,1px,1px);align-items:center;background-color:#fff;border:1px solid #2563eb;border-radius:12px;clip-path:inset(50%);color:#0c0d0e;display:flex;gap:8px;height:1px;margin:-1px;overflow:hidden;padding:0;pointer-events:none;position:fixed;text-decoration:none;width:1px;word-wrap:normal!important}.ea11y-skip-to-content-link:focus{clip:auto!important;clip-path:none;height:auto;left:30px;padding:16px 24px;pointer-events:auto;top:30px;width:auto;z-index:100000}.ea11y-skip-to-content-link:focus+.ea11y-skip-to-content-backdrop{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.wpp-no-data { } .wpp-list { } .wpp-list li { overflow: hidden; float: none; clear: both; margin-bottom: 1rem; } .wpp-list li:last-of-type { margin-bottom: 0; } .wpp-list li.current { } .wpp-thumbnail { display: inline; float: left; margin: 0 1rem 0 0; border: none; } .wpp_def_no_src { object-fit: contain; } .wpp-post-title { } .wpp-excerpt { } .wpp-meta, .post-stats { display: block; font-size: 0.8em; } .wpp-comments { } .wpp-views { } .wpp-author { } .wpp-date { } .wpp-category { } .wpp-rating { }html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing: border-box;font-family: 'Heebo', sans-serif;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;box-sizing: border-box;}body{line-height:1.4}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clr{clear:both}a{text-decoration:none;color:#000}a:hover{text-decoration:underline}b,h1,h2,h3,h4,h5,h6,strong{font-weight:normal;font-family:'Heebo',sans-serif;}i,em{font-style:italic}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:16px}h6{font-size:14px} .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: var(--bg-color-dua); max-width: 100%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { color: #999999; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 1.5; margin-left: 0; margin-right: 0; text-align: left; margin-top: 0; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .sticky { } .gallery-caption { } .bypostauthor { } #gallery-1 img { border: none !important; } .gallery .gallery-caption { display: none; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { } .gallery img:hover { background: white; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; } body { font-family: 'Heebo', sans-serif; position: relative; } b, strong { font-weight: bold; } i, em { font-style: italic; } body, body.home, body.category, body.page-template { background-color: var(--bg-f7f); } body.single { background: var(--bg-color-dua); } .add-height { height: 140px; box-sizing: border-box; } header { width: 100%; margin: 0 auto; text-align: center; position: fixed; top: 0; z-index: 2; box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.05); background: var(--bg-color-dua); } .hamburger-button { position: absolute; left: 0; top: 15%; display: none; padding: 20px; box-sizing: border-box; z-index: 1; } .hamburger-button .atas, .hamburger-button .tengah, .hamburger-button .bawah { background: var(--bg-color-tiga); width: 18px; height: 2px; line-height: 0; margin-top: 0; margin-bottom: 5px; } .mobile-menu-kiri-wrap { display: none; background: var(--bg-color); position: absolute; width: 80%; min-height: 100vh; height: 100%; top: 0; left: 0; z-index: 999; box-shadow: 173px -19px 70px 200px rgba(0,0,0,0.5); -webkit-box-shadow: 173px -19px 70px 200px rgba(0,0,0,0.5); -moz-box-shadow: 173px -19px 70px 200px rgba(0,0,0,0.5); overflow: scroll; box-sizing: border-box; } .mobile-menu-kiri-wrap p.judul-menu { font-weight: bold; text-align: left; padding: 10px 20px; border-bottom: 1px solid #ccc; box-sizing: border-box; color: var(--font-color); } .mobile-menu-kiri-wrap p span { font-weight: normal; display: block; float: right; box-sizing: border-box; filter: var(--svg); } .mobile-menu-kiri-wrap .menu-menu-atas-container { height: 100%; overflow: scroll; box-sizing: border-box; -ms-overflow-style: none; scrollbar-width: none; } .mobile-menu-kiri-wrap .menu-menu-atas-container::-webkit-scrollbar { display: none; } .mobile-menu-kiri-wrap .container { margin-top: 20px; text-align: left; } .mobile-menu-kiri { overflow: hidden; margin: 0; padding: 0 20px; box-sizing: border-box; } .mobile-menu-kiri li a { display: block; text-align: left; padding: 10px 0; text-decoration: none; position: relative; box-sizing: border-box; color: var(--font-color); } ul.mobile-menu-kiri li.menu-item-has-children ul.sub-menu { display: none; box-sizing: border-box; } ul.mobile-menu-kiri li.active ul.sub-menu { display: block; color: red; box-sizing: border-box; } .copyright-mobile { font-size: 12px; color: rgb(153, 153, 153); font-weight: normal; border-top: 1px solid #ccc; text-align: left; padding: 20px; background: var(--bg-color); width: 100%; box-sizing: border-box; position: relative; bottom: 0; z-index: 999999999999999; box-sizing: border-box; } div.containerdua { margin-top: 20px; width: 60px; height: 25px; float: left; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/matahari.svg); background-repeat: no-repeat; cursor: pointer; filter: var(--svg); } div.containerdua label.switch { display: block; height: 60px; position: relative; width: 60px; top: 0; float: none; margin-right: 0; } div.containerdua label.switch input { display: none; } .modegelap { margin-left: 20px; margin-bottom: 10px; display: inline-block; color: var(--font-color); } .switch { display: inline-block; height: 15px; position: relative; width: 40px; top: 3px; float: right; margin-right: 20px; } .switch input { display:none; } .slider { background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider:before { background-color: #fff; bottom: 4px; content: ""; height: 20px; left: 0; top: -6px; position: absolute; transition: .4s; width: 20px; border: 2px solid #ccc; } input:checked + .slider { background-color: #35393B; } input:checked + .slider:before { transform: translateX(20px); border-color: #35393B; background-color: #181A1B; } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .fixed-wrap { width: 100%; max-width: 1024px; background-color: var(--bg-color-dua); padding: 10px 10px 0 10px; margin: 0 auto; box-sizing: border-box; position: relative; } #logo { display: block; float: left; margin-right: 20px; } header #searchform { float: left; width: 52%; margin-right: 0; margin-top: 10px; box-sizing: border-box; } header #searchform input[type='text'] { border: 1px solid rgb(204, 204, 204); border-radius: 20px; color: #000; width: 92%; text-align: left; font-size: 1.2em; background-color: #F7F7F7; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/search-icon.svg); background-repeat: no-repeat; background-position: 2% 50%; padding: 10px 10px 10px 50px; box-sizing: border-box; } ::-webkit-input-placeholder { color: #ddd; } :-ms-input-placeholder { color: #ddd; } ::-ms-input-placeholder { color: #ddd; } ::placeholder { color: #ddd; opacity: 1; } header #searchform input:focus { outline: none; } header #searchsubmit { background-color: transparent; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/search.png); background-repeat: no-repeat; border: 1px solid red; width: 26px; height: 30px; cursor: pointer; line-height: 0; display: none; } .header-banner-wrap { margin-top: 150px; } .header-banner-wrap { text-align: center; width: 100%; max-width: 970px; margin: 0 auto; } .header-banner-wrap img { text-align: center; max-width: 100%; height: auto; } #sidebar-header { margin-bottom: 5px; width: 100%; max-width: 1024px; text-align: center; margin-left: auto; margin-right: auto; padding: 0 20px; box-sizing: border-box; } .sidebar-header-wrap { text-align: center; } .sidebar-header-wrap > div { text-align: center; max-width: 1190px; width: 100%; height: auto; box-sizing: border-box; margin: 0 auto; } .sidebar-header-wrap img { max-width: 1119px; width: 100%; height: auto; text-align: center; box-sizing: border-box; margin: 0 auto; } .post-banner-wrap, .post-banner-wrap img{ text-align: center; } .post-banner-wrap { margin-bottom: 20px; } #hamburger-button { float: left; cursor: pointer; margin-top: 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; display: none; } .garis1, .garis3 { width: 20px; height: 3px; background-color: #ccc; margin: 5px 0; } .garis2 { width: 13px; height: 3px; background-color: #ccc; margin: 5px 0; } #media-sosial-header { text-align: center; margin-top: 20px; float: right; margin-right: 20px; } #media-sosial-header a { display: inline-block; } #media-sosial-header .fb { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/fb.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 30px; height: 30px; border-radius: 20px; background-size: 55%; } #media-sosial-header .twitter { border: 1px solid #ddd; border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/twitter.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 30px; height: 30px; border-radius: 20px; background-size: 55%; } #media-sosial-header .instagram { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/ig.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 30px; height: 30px; border-radius: 20px; background-size: 55%; } #media-sosial-header .youtube { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/yt.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 30px; height: 30px; border-radius: 20px; background-size: 55%; } #media-sosial-header .tiktok { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/tiktok.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 30px; height: 30px; border-radius: 20px; background-size: 55%; } #media-sosial-header a:hover { background-color: transparent; filter: var(--svg); } #hamburger-button:hover .garis2 { width: 20px; } #search-mobile-button { background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/search-mobile.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 50px; height: 50px; float: right; cursor: pointer; display: none; filter: var(--filter-none); } .menu-utama { margin-top: 5px; overflow-y: hidden; overflow-x: hidden; white-space: nowrap; margin-bottom: 0; padding: 0; text-align: left; transition: all 3s ease; box-sizing: border-box; } #geserkiri { background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/chevron-back.svg); background-repeat: no-repeat; background-size: 25px; width: 25px; height: 25px; border: none; background-color: transparent; cursor: pointer; position: absolute; left: -25px; top: 95px; } #geserkanan { background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/chevron-back.svg); background-repeat: no-repeat; background-size: 25px; width: 25px; height: 25px; border: none; background-color: transparent; transform: rotate(180deg); cursor: pointer; position: absolute; right: -25px; top: 95px; } .menu-utama li { display: inline-block; border-bottom: 5px solid transparent; box-sizing: border-box; } .menu-utama li a { text-decoration: none; font-family: 'Heebo', sans-serif; font-weight: 900; font-size: 18px; color: var(--font-color); display: inline-block; padding: 5px 10px 8px 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; position: relative; text-align: center; } .menu-utama li a:hover { color: var(--font-color); } .menu-utama .current-menu-item { border-bottom: 5px solid #D13438; box-sizing: border-box; } .menu-utama .sub-menu .current-menu-item { border-bottom: none; } .home .menu-utama .menu-item-object-custom { } .menu-utama > li.menu-item-has-children > a { margin-right: 10px; } .menu-utama > li.menu-item-has-children > a:after { content: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/arrow-down.png); position: absolute; right: -6px; top: 2px; width: 10px; filter: var(--filter-png); } .mobile-menu-kiri > li.menu-item-has-children > a:after { content: ""; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/chevron.svg); position: absolute; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px; right: 0; filter: var(--filter-png); } ul.sub-menu { position: absolute; background-color: #1d1d1d; display: none; min-width: 220px; z-index: 999999999; padding: 0; box-shadow: rgb(0 0 0 / 13%) 0px 0.16rem 0.36rem 0px, rgb(0 0 0 / 11%) 0px 0.03rem 0.09rem 0px; } ul.sub-menu:before { border-bottom: 15px solid #000; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; height: 0; content: ""; display: block; position: absolute; top: -9px; left: 20px; } ul.sub-menu > li { display: block; } ul.sub-menu > li > a { display: block; color: #fff; padding: 6px 12px; font-family: 'Heebo', sans-serif; font-weight: 500; font-size: 16px; text-align: left; } ul.sub-menu > li > a:hover { background-color: #4a4a4a; background: linear-gradient(90deg, rgba(74,74,74,1) 0%, rgba(250,250,250,0) 100%); color: #fff; } .menu-utama li:hover ul.sub-menu { display: block; } .menu-tag-terkini { text-align: center; padding: 0; margin: 0; } .menu-tag-terkini li { display: inline-block; } .menu-tag-terkini li a { display: block; padding: 5px 10px; color: rgb(31, 141, 214); border-radius: 6px; border: 1px solid rgb(31, 141, 214); font-weight: 700; font-family: 'Heebo', sans-serif; font-size: 14px; background-color: var(--bg-f7f); text-transform: capitalize; text-decoration: none; margin-right: 4px; } .menu-tag-terkini li a:hover { background-color: rgb(31, 141, 214); color: #fff; } .topik-terkini { display: none; } .menu-tag-terkini-mobile { display: none; padding-left: 20px; margin-bottom: 20px; } .menu-tag-terkini-mobile li a { color: rgb(31, 141, 214); font-weight: 800; font-family: 'Heebo', sans-serif; font-size: 16px; padding: 5px 0; display: block; text-transform: capitalize; } .menu-tag-terkini-mobile li a:before { content: "# "; color: gray; margin-right: 7px; } .menu-mobile { position: fixed; top: 85px; left: 0; z-index: 999999; background-color: #0087E2; width: 100%; height: auto; display: none; overflow: auto; } .menu-mobile li a { display: block; padding: 10px 20px; color: #fff; text-align: left; text-decoration: none; font-size: 0.9em; font-weight: bold; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } .menu-mobile li a:hover { padding: 10px 40px; background-color: #0070BB; } .hot a::after { content: "Hot"; color: #fff; vertical-align: super; font-size: 0.7em; font-weight: bold; background-color: red; padding: 3px; margin-left: 5px; border-radius: 20px } .hot a:hover { } .menu-menu-atas-container:after { content: " "; position: absolute; top: 68%; right: 0; z-index: 99; width: 25px; height: 37px; background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); display: var(--display); } .menu-menu-atas-container:before { content: " "; position: absolute; left: 0; z-index: 99; width: 25px; height: 37px; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%,rgba(255,255,255,0) 100%); display: var(--display); } .marquee { width: 100%; max-width: 910px; overflow: hidden; margin: -10px auto 0 auto; padding: 10px; box-sizing: border-box; } .marquee a { display: inline-block; margin-right: 5px; font-weight: normal; font-size: 14px; color: var(--font-color-marquee); position: relative; padding-left: 15px; } .marquee a:before { content: '\00B7'; position: absolute; left: -4px; font-size: 40px; top: -16px; color: red; } .marquee a:hover { text-decoration: underline; } .demo { width: 100%; max-width: 650px; float: left; margin-right: 10px; } .demo ul { list-style-type: none; padding: 0; } .demo li { border-radius: 6px; } .demo li a { display: inline-block; position: relative; background: rgba(0, 0, 0, 0) linear-gradient(transparent 0%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0% 0%; overflow: hidden; border-radius: 6px; } .demo li a:first-child { width: 100%; } #lightSlider img { border-radius: 6px; } img.foto-slide-besar { width: 650px; height: auto; } img.foto-slide-medium{ width: 100%; max-width: 323px; height: auto; } .demo img { position: relative; z-index: -9999999; transition: 0.4s ease; } .demo a:hover img { transform: scale(1.1); } .headline-title-wrap { position: absolute; z-index: 999; padding: 20px; bottom: 20px; } .headline-title-wrap h2 { font-size: 18px; } .demo h2 { font-family: 'Heebo', sans-serif; font-size: 18px; color: #fff; font-weight: 700; } .headline { color: red; text-transform: uppercase; font-family: 'Heebo', sans-serif; font-size: 12px; font-weight: bold; letter-spacing: -0.016em; margin-bottom: 3px; } .tanggal-headline { color: rgb(204, 204, 204); font-size: 12px; margin-top: 10px; font-family: 'Heebo', sans-serif; } .lSSlideOuter { position: relative; } .demo .lSPager, .demo .lSpg { position: absolute; bottom: 10px; left: 46%; } .demo .lSSlideOuter .lSPager.lSpg > li a { width: 13px !important; height: 5px !important; z-index: 0 !important; background-color: #fff !important; } .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a { background-color: rgb(33, 150, 243) !important; } .lSAction > a { top: 25% !important; } .lSAction > a { background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%; z-index: 0 !important; } .demo .lSAction > .lSPrev { left: 0 !important; } .demo .lSAction > .lSNext { right: 0 !important; } .headline-indozone { margin-bottom: 20px; display: none; } .headline-indozone ul.lSPager { margin-top: 13px !important; } .headline-indozone .lSPager img { border-radius: 100%; border: 3px solid #e60e2e; padding: 3px; } .headline-indozone .lSPager li { transition: .5s; width: 50.8px !important; } .headline-indozone .lSPager li:first-child { margin-left: 20px; } .headline-indozone .lSPager li:last-child { margin-right: 20px; } .headline-indozone .lSPager li.active { filter: brightness(0.5); } #imageGallery { height: auto !important; } #imageGallery li { position: relative; } #imageGallery li img { width: 100%; } .indozone-text { position: absolute; bottom: 0; padding: 20px; background: linear-gradient(180deg,rgba(15,15,15,0),rgba(0,0,0,.9)); } .indozone-text .headline-text { color: #fff; padding: 3px 5px; background: #ff0000; font-weight: bold; font-size: 12px; margin-bottom: 10px; display: inline-block; } .indozone-text h2 { font-family: 'Heebo', sans-serif; font-weight: bold; color: #fff; line-height: 1.1; margin-bottom: 10px; } .indozone-text .tanggal-headline-mobile { color: #fff; } .hidden { display: none; } .owl-carousel { z-index: 1 !important; } .owl-stage { padding-left: 0px !important; } .owl-carousel .owl-item img { border-radius: 7px; } .headline-mobile { margin-top: 15px; } .headline-mobile h2 { font-size: 17px; font-weight: bold; margin-bottom: 5px; color: var(--font-color); } .tanggal-headline-mobile { font-size: 12px; font-family: 'Heebo',sans-serif; color: var(--font-color); } .block-kobaran { margin-bottom: 40px; } .wrap-homepage { width: 100%; max-width: 1190px; margin: 0 auto 0 auto; padding: 0 10px 0 0; } .homepage-category { width: 100%; max-width: 1024px; margin: 10px auto 0 auto; box-sizing: border-box; padding: 0 20px; } .homepage-category-name, .homepage-category-video { font-family: 'Heebo', sans-serif; font-size: 24px; font-weight: 700; line-height: 0.8; padding: 5px; border-left: 7px solid #D13438; margin: 10px 0; box-sizing: border-box; color: var(--font-color); } .homepage-category-name a, .homepage-category-video a { text-decoration: none; text-transform: capitalize; color: var(--font-color); } .homepage-category-name a.lihat { text-align: right; font-weight: normal; font-size: 16px; color: rgb(24, 112, 171); float: right; } .chevron-right { height: 18px; vertical-align: middle; opacity: 0.4; filter: var(--svg); } a.homepage-category-headline { display: block; float: left; width: 100%; max-width: 320px; height: 450px; text-decoration: none; background: rgba(0, 0, 0, 0) linear-gradient(transparent 0%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0% 0%; border-radius: 6px; position: relative; margin: 10px 0; overflow: hidden; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; box-sizing: border-box; } a.homepage-category-headline:hover img { transform: scale(1.1); } img.foto-headline-category { display: block; border-radius: 6px; max-width: 320px; width: 100%; height: 450px; position: relative; z-index: -1; transition: 0.4s ease; } .homepage-category-text-block { position: absolute; bottom: 25px; } .homepage-category-inside { color: red; padding: 2px 15px; margin: 0; font-family: 'Heebo',sans-serif; font-size: 12px; text-transform: uppercase; } h3.homepage-category-headline-judul { color: #fff; padding: 5px 15px; font-size: 18px; font-weight: 700; margin-top: 5px; } .deskripsi-kategori p { text-align: center; font-family: 'Heebo',sans-serif; width: 100%; margin-bottom: 20px; color: var(--font-color); } .homepage-category-tanggal { color: #fff; padding: 5px 15px; font-size: 12px; margin: 0; font-family: 'Heebo',sans-serif; } .homepage-category-block { width: 100%; max-width: 320px; float: left; margin: 10px; background-color: var(--bg-color-dua); box-shadow: rgba(0, 0, 0, 0.133) 0px 0.16rem 0.36rem 0px, rgba(0, 0, 0, 0.11) 0px 0.03rem 0.09rem 0px; border-radius: 6px; } .trending-homepage { width: 100%; max-width: 320px; float: left; margin: 10px 5px; background-color: var(--bg-color-dua); box-shadow: rgba(0, 0, 0, 0.133) 0px 0.16rem 0.36rem 0px, rgba(0, 0, 0, 0.11) 0px 0.03rem 0.09rem 0px; border-radius: 6px; } .trending-homepage .wpp-list { height: 409px; overflow: scroll; padding-top: 0; margin-top: 0; } .terbaru { background: transparent; width: 100%; padding: 0 10px; border-left: 7px solid #12A7B5; margin: 10px 0; font-weight: 900; font-family: 'Heebo', sans-serif; box-sizing: border-box; color: var(--font-color); } .terbaru span { text-transform: capitalize; } .berita-terkini { counter-reset: listCounter; background: var(--bg-color-dua); height: 409px; padding: 0 8px 15px 8px; overflow-y: scroll; overflow-x: hidden; float: left; margin: 0; } .berita-terkini li { border-bottom: 1px solid var(--border-ddd); counter-increment: listCounter; position: relative; padding-left: 5px; margin-bottom: 10px; padding-bottom: 10px; } .berita-terkini li:first-child, .trending-homepage .wpp-list li:first-child { border-top: 1px solid var(--border-eee); padding-top: 15px; } .berita-terkini li:first-child::before { top: 16px; } .berita-terkini li:last-child { border-bottom: none; } .berita-terkini > li > a { color: var(--font-color); line-height: 1.4; font-family: 'Heebo', sans-serif; font-weight: 500; } .berita-terkini > li > a:hover { text-decoration: none; } .foto-berita-terkini { float: right; margin: 0 9px 0 12px; border-radius: 6px; } .foto-berita-terkini:hover { opacity: 0.8; } #block1, #block2, #block3 { background: #fff; float: left; width: 320px; margin: 10px 0 10px 0; box-shadow: rgba(0, 0, 0, 0.133) 0px 0.16rem 0.36rem 0px, rgba(0, 0, 0, 0.11) 0px 0.03rem 0.09rem 0px; border-radius: 6px; height: 450px; overflow: scroll; } #sidebar-right { height: 618px; overflow-y: scroll; overflow-x: hidden; } h2.judul-block1, h2.judul-block2, h2.judul-block3 { background: #fff; width: 100%; padding: 0 10px; border-left: 7px solid rgb(3, 131, 131); margin: 10px 0 0 0; font-weight: 700; font-size: 16px; font-family: 'Heebo', sans-serif; box-sizing: border-box; } .block1-wrap .wpp-list, .block2-wrap .wpp-list, .block2-wrap .wpp-list { height: 395px; padding: 10px 8px; } .block1-wrap ul.wpp-list li:first-child::before, .block2-wrap ul.wpp-list li:first-child::before, .block3-wrap ul.wpp-list li:first-child::before { top: 16px; } .block1-wrap .wpp-list li:first-child, .block2-wrap .wpp-list li:first-child, .block3-wrap .wpp-list li:first-child { border-top: 1px solid #eee; padding-top: 15px; } .block1-wrap > div > img, .block2-wrap > div > img, .block3-wrap > div > img { display: block; margin: 0 auto; padding: 10px 0; box-sizing: border-box; } .block1-wrap > div, .block2-wrap > div, .block3-wrap > div { margin: 10px; } .block1-wrap input, .block1-wrap textarea, .block1-wrap select, .block2-wrap input, .block2-wrap textarea, .block2-wrap select, .block3-wrap input, .block3-wrap textarea, .block3-wrap select { display: block; margin: 10px; max-width: 300px; width: 100%; box-sizing: border-box; } .block1-wrap ol li, .block1-wrap ul li, .block2-wrap ol li, .block2-wrap ul li, .block3-wrap ol li, .block3-wrap ul li { margin-bottom: 10px; } #sidebar-banner-160x600-kanan { position: fixed; top: 123px; margin-top: 70px; z-index: 0; right: 49%; margin-right: -678px; } #sidebar-banner-160x600-kiri { position: fixed; top: 123px; margin-top: 70px; z-index: 0; left: 49%; margin-left: -678px; } .sidebar-banner-160x600-kiri-wrap > div, .sidebar-banner-160x600-kiri-wrap img { width: 100%; max-width: 160px; height: auto; } .sidebar-banner-160x600-kanan-wrap > div, .sidebar-banner-160x600-kanan-wrap img { width: 100%; max-width: 160px; height: auto; } #sidebar-banner-bawah-headline { margin-top: 25px; } #sidebar-banner-bawah-headline, #sidebar-banner-bawah-block1, #sidebar-banner-bawah-tombol-share-post { width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 0 20px; } #sidebar-banner-bawah-tombol-share-post { margin-top: 20px; } #sidebar-banner-mobile-bawah { position: fixed; bottom: 0; width: 100%; box-sizing: border-box; z-index: 2; margin-bottom: 0; padding: 0; background-color: var(--bg-banner-mobile-bawah); display: none; } .close-button { display: block; width: 20px; height: 20px; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/close-button.svg); background-repeat: no-repeat; background-position: 50%; background-color: #fff; border: 1px solid gray; border-radius: 100%; position: absolute; right: 10px; bottom: 75%; z-index: 99999999; background-size: 78%; } .sidebar-banner-bawah-headline-wrap, .sidebar-banner-bawah-block1-wrap, .sidebar-banner-bawah-tombol-share-post-wrap, .sidebar-banner-mobile-bawah-wrap { text-align: center; box-sizing: border-box; } .sidebar-banner-mobile-bawah-wrap { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 0; box-sizing: border-box; } .sidebar-banner-bawah-headline-wrap > div, .sidebar-banner-bawah-block1-wrap > div, .sidebar-banner-bawah-headline-wrap img, .sidebar-banner-bawah-block1-wrap img { text-align: center; max-width: 1190px; width: 100%; height: auto; box-sizing: border-box; margin: 0 auto; } .sidebar-banner-bawah-tombol-share-post-wrap > div { text-align: center; max-width: 320px; width: 100%; height: auto; box-sizing: border-box; margin: 0 auto; } .video-block { margin-bottom: 40px; } .video-wrap { width: 100%; max-width: 1024px; margin: 10px auto 0 auto; box-sizing: border-box; padding: 0 20px; } .video-box { width: 100%; max-width: 228px; border-width: 1px; border-style: solid; border-color: var(--border-video-box); display: inline-block; padding: 16px 20px; vertical-align: top; background: var(--bg-color-dua); margin-right: 20px; margin-bottom: 10px; box-sizing: border-box; position: relative; overflow: hidden; } .video-box:last-child { margin-right: 0; } .video-box a { text-decoration: none; } .video-box a:hover { } .video-box a img { width: 100%; border-radius: 6px; height: auto; } .video-box a:hover img { opacity: 0.8; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .video-play-icon { position: absolute; left: 35%; top: 15%; z-index: 1; width: 64px !important; height: 64px !important; } .video-play-icon-related-post { position: absolute; right: -104px; top: 15px; z-index: 1; width: 45px !important; height: 45px; display: none !important; opacity: 0; } .video-box h3 { font-family: 'Heebo', sans-serif; font-size: 16px; text-align: left; font-weight: 500; margin-top: 10px; color: var(--font-color); } #page-fullwidth .video-box { max-width: 300px; margin-left: 13px; margin-right: 13px; } #page-fullwidth .video-play-icon { left: 38%; top: 20%; } .video-pagination { text-align: center; } .video-tanggal { color: #999; padding: 5px 0; font-size: 12px; margin: 0; font-family: 'Heebo',sans-serif; } .wrap { width: 100%; max-width: 1190px; margin: 0 auto; } #content-wrap { width: 100%; max-width: 1024px; margin: 0 auto; box-sizing: border-box; padding: 10px 20px 0 20px; } #timeline { width: 100%; max-width: 550px; margin-top: 25px; } #timeline .judul-timeline-umum { margin: 0 0 20px 0; text-align: center; } .box-umum { width: 100%; text-align: center; margin-bottom: 10px; padding-top: 10px; } h3.judul-timeline-umum p { color: var(--font-color); font-weight: bold; font-size: 40px; font-family: 'Heebo', sans-serif; margin-bottom: 0; text-transform: capitalize; margin-top: 0; } .logo-timeline { float: right; margin-right: 20px; margin-top: 20px; } .logo-timeline img { width: 100%; height: auto; max-width: 120px; float: right; margin-top: 20px; margin-right: 20px; } .wrap-kategori-tanggal { float: left; } .wrap-list-berita { border: 1px solid #ccc; border-radius: 4px; margin-bottom: 20px; padding-bottom : 60px; } .kategori a { background-color: #fff; color: #0086E1; font-size: 0.9em; padding: 5px 10px; border-radius: 20px; border: 2px solid #0086E1; display: inline-block; margin-top: 20px; margin-bottom: 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } .kategori a:first-child { margin-left: 25px; } .kategori a:hover { color: #fff; background-color: #0086E1; text-decoration: none; } .foto-list-berita { width: 100%; margin-bottom: 10px; padding: 0 20px; } .foto-list-berita img { width: 100%; height: auto; } #timeline .judul-list-berita { font-size: 1.5em; font-weight: bold; margin-bottom: 10px; margin-left: 25px; margin-right: 25px; padding: 0; } .judul-list-berita a:hover { text-decoration: underline; } .tanggal { font-size: 16px; color: rgb(118, 118, 118); margin-bottom: 20px; font-family: 'Heebo', sans-serif; font-weight: normal; text-transform: capitalize; } .eta, .waktu-baca { color: rgb(118, 118, 118); font-size: 16px; font-weight: normal; text-transform: lowercase; } .tanggal-mobile { font-size: 0.8em; color: #999; margin-bottom: 20px; margin-left: 25px; display: none; } .tanggal-related-mobile { display: none; } .excerpt { margin-bottom: 20px; margin-left: 25px; margin-right: 25px; } .excerpt p { line-height: 1.6; color: #404040; font-size: 0.9em; } .wrap-list-berita iframe { width: 100% !important; height: auto !important; min-height: 300px; padding: 0 20px 20px 20px; } .wrap-list-berita video { width: 100% !important; height: auto !important; min-height: 290px; } #single-social-share-wrap { text-align: right; margin-right: 20px; } #single-social-share-wrap a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; padding: 8px; box-sizing: border-box; text-align: center; } #single-social-share-wrap a:hover { opacity: 0.8; } #single-social-share-wrap a.fb { background-color: #3B5998; } #single-social-share-wrap a.twitter { background-color: #1DA1F2; } #single-social-share-wrap a.whatsapp { background-color: #25D366; } #single-social-share-wrap a.line { background-color: #4FD64F; } #single-social-share-wrap a.copas { background-color: #00A1B0; cursor: pointer; } #single-social-share-wrap a img { width: 25px; height: auto; display: block; text-align: center; } .page-links-kobaran { background: var(--bg-banner-mobile-bawah); border-radius: 6px; padding: 10px 15px; margin: 20px 0; } .page-links-kobaran > span { color: var(--font-404); } .page-link-text { font-weight: bold; } .post-page-numbers { border-radius: 100%; background: #fff; padding: 2px 10px; display: inline-block; margin-left: 5px; } .page-links-kobaran .current { background: #009BA9; color: #fff; } .share-wrap { position: relative; top: -70px; left: 80%; width: 120px; } .share-button-timeline { display: block; text-align: right; color: #6d6e71; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/share.png); background-repeat: no-repeat; width: 80px; cursor: pointer; position: absolute; top: 0; } a.share-button-timeline:hover { color: #0288E1; text-decoration: none; } .share-popup { display: none; position: absolute; left: -100px; top: -170px; border-radius: 4px; width: 150px; background-color: #fff; box-shadow : 0 3px 8px rgba(0, 0, 0, .3); border: 1px solid rgba(0, 0, 0, .15) } .share-popup::after { content: " "; position: absolute; top: 100%; left: 80%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; } .share-popup li a { display: block; border-radius: 4px; padding: 10px 35px; } .share-popup .facebook { background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/facebook-black.png); background-repeat: no-repeat; background-position: 10% 50%; } .share-popup .twitter { background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/twitter-black.png); background-repeat: no-repeat; background-position: 10% 50%; } .share-popup .google { background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/google-black.png); background-repeat: no-repeat; background-position: 10% 50%; } .share-popup .whatsapp { background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/whatsapp-black.png); background-repeat: no-repeat; background-position: 10% 50%; } .share-popup li a:hover { color: #0080DF; text-decoration: none; border-radius: 0; background-color: whitesmoke; } .next-wrap { display: flex; justify-content: center; margin-bottom: 20px; } .next a, .prev a { display: block; border: 2px solid #009BA9; border-radius: 6px; padding: 10px; text-decoration: none; font-weight: bold; margin: 10px; text-align: center; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.3s; background-color: #009BA9; color: #fff; } span.page-numbers { display: inline-block; border: 2px solid #999; border-radius: 6px; padding: 10px 15px; text-decoration: none; font-weight: bold; margin: 10px 2px; text-align: center; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.3s; background-color: #999; color: #fff; } a.page-numbers { display: inline-block; border: 2px solid #009BA9; border-radius: 6px; padding: 10px 15px; text-decoration: none; font-weight: bold; margin: 10px 2px; text-align: center; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.3s; background-color: #009BA9; color: #fff; } .next a:hover, .prev a:hover, a.page-numbers:hover { background-color: transparent; color: #009ba9; } .page #single-wrap { max-width: 980px; } .page .single-article { max-width: 100%; } .wrap-category { width: 100%; max-width: 650px; float: left; margin-right: 13px; } .wrap-feed { float: left; margin-top: 30px; width: 100%; } .category #sidebar-category, .tag #sidebar-category { float: left; } .category .terbaru, .author .terbaru{ font-family: 'Heebo', sans-serif; font-weight: 700; font-size: 24px; padding-left: 7px; border-left: 7px solid #DC1641; line-height: 1; background: transparent; } .category .wpp-list, .tag .wpp-list { height: 562px; overflow: scroll; } .kotak-terbaru { background-color: var(--bg-color-dua); border: 1px solid var(--border-e6e); border-radius: 6px; } .kotak-terbaru > a { display: block; border-bottom: 1px solid var(--border-e6e); padding: 15px 0; text-decoration: none; margin: 0 20px; } .kotak-terbaru a img { float: right; border-radius: 4px; margin-left: 15px; } .kotak-terbaru > a h2 { font-family: 'Heebo', sans-serif; font-size: 16px; font-weight: 600; line-height: 1.4; margin: 0; color: var(--font-color); } .category h2:hover { } .tanggal-category { font-size: 14px; font-family: 'Heebo', sans-serif; color: #767676; margin-bottom: 0; } .tag #sidebar-single { float: left; } .tag .box-umum { margin-top: 40px; margin-bottom: 40px; } #sidebar-left { width: 100%; max-width: 300px; margin-right: 20px; margin-top: 25px; } .sidebar-left-wrap { margin-left: 20px; margin-bottom: 20px; position: -webkit-sticky; position: sticky; top: 150px; } .sidebar-left-wrap > div { margin-bottom: 25px; } .judul-sidebar-left { font-size: 1.2em; text-transform: capitalize; font-weight: 700; color: #000; border-left: 5px solid red; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; background-color: #fff; border-bottom: 1px solid #eee; } .wpp-list { counter-reset: my-awesome-counter; background-color: var(--bg-color-dua); margin: 0; text-align: left; padding: 15px 8px; } .wpp-no-data { display: none } ::-webkit-scrollbar { width: 7px; } ::-webkit-scrollbar-thumb { background: #ddd; } .wpp-list li { margin-bottom: 10px; counter-increment: my-awesome-counter; position: relative; padding-left: 5px; padding-bottom: 10px; border-bottom: 1px solid var(--border-eee); min-height: 85px; } .wpp-list li:last-child { border-bottom: none; } .wpp-post-title { color: var(--font-color); line-height: 1.4; font-family: 'Heebo', sans-serif; font-weight: 500; font-size: 16px; } .wpp-post-title:hover { text-decoration: none; } .wpp-date, .wpp-views, .wpp-comments, .wpp-author, .wpp-author a, .wpp-meta, .post-stats, .wpp-date-custom, .wpp-stats-custom { font-weight: normal; font-family: 'Heebo', sans-serif; color: #999; margin: 5px 0; font-size: 13px; } .wpp-excerpt { display: block; font-size: 0.8em; } .wpp-thumbnail { float: right !important; margin: 0 9px 0 10px; border-radius: 6px; } .wpp-thumbnail:hover { opacity: 0.8; } .wpp-stats-custom a { display: inline-block; font-family: 'Heebo', sans-serif; font-weight: normal; color: #999; margin: 3px 0; font-size: 13px; } .trending-wrap .wpp-stats-custom a { display: inline-block; } .wpp-date-custom { color: #999; margin: 3px 0; font-size: 13px; font-family: 'Heebo', sans-serif; } .totalpembaca { font-size: 16px; text-align: right; margin-right: 20px; margin-bottom: 20px; color: var(--font-color); } #sidebar-right, #sidebar-single, #sidebar-category { width: 100%; max-width: 320px; margin-top: 0; border-radius: 6px; overflow-wrap: break-word; } .sidebar-right-wrap, .sidebar-single-wrap, .sidebar-category-wrap { position: relative; } .sidebar-single-wrap, .sidebar-category-wrap { position: sticky; top: 140px; } .sidebar-right-wrap > div, .sidebar-single-wrap > div, .sidebar-category-wrap > div { margin-bottom: 10px; background-color: var(--bg-color-dua); padding: 10px 8px; box-sizing: border-box; } .sidebar-right-wrap > div { border: 1px solid var(--border-eee); border-radius: 6px; } .judul-sidebar-right::before, .judul-sidebar-single::before, .judul-sidebar-category::before { content: ""; position: absolute; width: 6px; background: #D13438; height: 30px; left: 0; } .judul-sidebar-right, .judul-sidebar-single, .judul-sidebar-category { text-transform: capitalize; font-family: 'Heebo', sans-serif; font-size: 24px; font-weight: 900; color: var(--font-color); padding-left: 5px; padding-bottom: 10px; background-color: var(--bg-color-dua); border-bottom: 1px solid var(--border-eee); margin: 0; text-align: left; box-sizing: border-box; width: 100%; } #sidebar-right ul, #sidebar-single ul, #sidebar-category ul, #sidebar-right ol, #sidebar-single ol, #sidebar-category ol { padding: 10px 0; box-sizing: border-box; } #sidebar-right ul li a, #sidebar-single ul li a, #sidebar-category ul li a, #sidebar-right ol li a, #sidebar-single ol li a, #sidebar-category ol li a { color: var(--font-color); } #sidebar-right input[type=text], #sidebar-right textarea, #sidebar-right select, #sidebar-category input[type=text], #sidebar-category textarea, #sidebar-category select, #sidebar-single input[type=text], #sidebar-single textarea, #sidebar-single select { margin-top: 15px; } #sidebar-right .size-full, #sidebar-single .size-full, #sidebar-category .size-full { max-width: 100%; height: auto; } .first-post img { width: 100%; height: auto; margin-bottom: 10px; } .secondary-post { margin-top: 15px; display: flex; } .secondary-post > a { margin-right: 10px; display: inline-block; } .text-wrap { width: 100%; margin-right: 20px; padding: 15px; background-color: var(--bg-color-dua); box-sizing: border-box; } .single #sidebar-single .text-wrap { padding-left: 0; } .video-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } #single-wrap iframe.my-youtube-video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .text-wrap .waktu { font-size: .8em; font-family: 'Heebo', sans-serif; color: #999; margin-bottom: 0; } .text-wrap a:hover { text-decoration: none; color: rgb(79, 107, 237); } .scrollTop { position: fixed; right: 3%; bottom: 15px; background-color: #009BA9; padding: 7px 15px; opacity: 0.7; transition: all 0.4s ease-in-out 0s; border-radius: 100%; } .scrollTop a { font-size: 18px; color: #fff; } .arrow { border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } footer { width: 100%; margin: 20px auto 0 auto; background-color: var(--bg-color-footer); box-sizing: border-box; } #footer-wrap { background-color: var(--bg-color-footer); width: 100%; max-width: 1024px; margin: 0 auto; padding: 40px 10px; box-sizing: border-box; } .logo-bawah-wrap { display: block; float: left; width: 100%; max-width: 350px; box-sizing: border-box; color: var(--font-color); } .logo-bawah-wrap > p { } .logo-bawah-wrap img { filter: var(--filter-logo-bawah); opacity: 0.5; padding-left: 20px; } .logo-bawah-wrap p { padding-left: 20px; font-size: 0.7em; font-family: 'Heebo', sans-serif; margin-left: 10px; width: 100%; max-width: 250px; } footer .menu-bawah { text-align: center; margin-bottom: 10px; float: left; margin-left: 40px; padding: 0; } footer ul.menu-bawah li { display: block; } footer .menu-bawah li a { font-size: 12px; display: block; padding: 4px 10px; color: var(--font-color); text-align: left; font-family: 'Heebo', sans-serif; } footer .menu-bawah li a:hover { text-decoration: none; color: var(--font-000); } .menu-footer-2 { float: left; margin-left: 40px; padding: 0; } .menu-footer-2 li a { font-size: 12px; display: block; padding: 4px 10px; color: var(--font-color); text-align: left; font-family: 'Heebo', sans-serif; } .menu-footer-2 li a:hover { text-decoration: none; color: var(--font-000); } .menu-footer-3 { float: left; margin-left: 40px; padding: 0; } .menu-footer-3 li a { font-size: 12px; display: block; padding: 4px 10px; color: var(--font-color); text-align: left; font-family: 'Heebo', sans-serif; } .menu-footer-3 li a:hover { text-decoration: none; color: var(--font-000); } .menu-footer-4 { float: left; margin-left: 40px; padding: 0; } .menu-footer-4 li a { font-size: 12px; display: block; padding: 4px 10px; color: var(--font-color); text-align: left; font-family: 'Heebo', sans-serif; } .menu-footer-4 li a:hover { text-decoration: none; color: var(--font-000); } .copyrights { text-align: center; font-size: 0.7em; } .copyright-mobile-new { display: none; } #media-sosial-footer { text-align: center; margin-bottom: 10px; display: none; } #media-sosial-footer a { display: inline-block; } #media-sosial-footer .fb { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/fb.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 35px; height: 35px; border-radius: 20px; background-size: 55%; margin-right: 15px; } #media-sosial-footer .twitter { border: 1px solid #ddd; border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/twitter.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 35px; height: 35px; border-radius: 20px; background-size: 55%; margin-right: 15px; } #media-sosial-footer .instagram { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/ig.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 35px; height: 35px; border-radius: 20px; background-size: 55%; margin-right: 15px; } #media-sosial-footer .youtube { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/yt.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 35px; height: 35px; border-radius: 20px; background-size: 55%; margin-right: 15px; } #media-sosial-footer .tiktok { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/tiktok.svg); background-repeat: no-repeat; background-position: 50% 50%; width: 35px; height: 35px; border-radius: 20px; background-size: 55%; margin-right: 15px; } #media-sosial-footer a:hover { background-color: transparent; } #media-sosial-footer a:last-child { margin-right: 0; } div.menu-bawah-mobile { display: none; } ul.menu-bawah-mobile { text-align: center; padding: 0 30px; margin-bottom: 20px; display: none; } ul.menu-bawah-mobile li { display: inline-block; margin-right: 4px; } ul.menu-bawah-mobile li a { display: block; font-size: 11px; text-align: center; color: var(--font-color); } ul.menu-bawah-mobile li a:after { content: " - "; } ul.menu-bawah-mobile li:last-child a:after { content: ""; } #media-sosial { text-align: center; } #media-sosial a { display: inline-block; opacity: 0.5; } #media-sosial .fb { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/facebook-black.png); background-repeat: no-repeat; background-position: 50% 50%; width: 30px; height: 30px; border-radius: 20px; } #media-sosial .twitter { border: 1px solid #ddd; border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/twitter-black.png); background-repeat: no-repeat; background-position: 50% 50%; width: 30px; height: 30px; border-radius: 20px; } #media-sosial .instagram { border: 1px solid #ddd; background-color: #ddd; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/instagram-black.png); background-repeat: no-repeat; background-position: 50% 50%; width: 30px; height: 30px; border-radius: 20px; } #media-sosial a:hover { background-color: transparent; opacity: 1; } #single-wrap { display: flex; flex-direction: row; width: 100%; max-width: 1024px; margin: 0 auto; background-color: var(--bg-color-dua); box-sizing: border-box; padding-top: 10px; } #single-share-wrap-mobile { display: none; position: fixed; left: 0; bottom: 0; background-color: #fff; width: 100%; z-index: 9999999999999999999; text-align: center; border-top: 1px solid #ccc; transition: bottom 1s; } #single-share-wrap-mobile a { display: inline-block; width: 40px; height: 40px; margin: 10px; padding: 10px; border-radius: 4px; } #single-share-wrap-mobile .fb { background-color: #3A5A9B; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/facebook-white.png); background-repeat: no-repeat; background-position: 50% 50%; } #single-share-wrap-mobile .twitter { background-color: #54ABF7; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/twitter-white.png); background-repeat: no-repeat; background-position: 50% 50%; } #single-share-wrap-mobile .google { background-color: #DD4B39; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/google-white.png); background-repeat: no-repeat; background-position: 50% 50%; } #single-share-wrap-mobile .whatsapp { background-color: #55CD6C; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/whatsapp-white.png); background-repeat: no-repeat; background-position: 50% 50%; } .single-article { width: 100%; max-width: 664px; margin-top: 0; margin-bottom: 20px; margin-left: 20px; margin-right: 10px; font-size: 18px; color: #404040; line-height: 1.5; } .single-article ul { list-style-type: disc; line-height: 1.5; padding-left: 20px; margin-top: 20px; color: var(--font-color); font-family: 'PT Serif', Georgia, serif; } .single-article ul li, .single-article ol li { font-family: 'PT Serif', Georgia, serif; } .single-article dl { line-height: 1.5; margin-top: 20px; color: var(--font-color); } .single-article ol { list-style-type: numbers; line-height: 1.5; padding-left: 20px; margin-top: 20px; color: var(--font-color); font-family: 'PT Serif', Georgia, serif; } .single-article ol li, .single-article ul li , .single-article dl dt, .single-article dl dd { margin-bottom: 20px; } .single-article dl dd { padding-left: 20px; } .single-article .instagram-media { margin-top: 20px !important; margin-bottom: 20px; margin-left: auto !important; margin-right: auto !important; min-width: 250px !important; } .single-article .twitter-tweet { margin-top: 20px !important; margin-bottom: 20px; margin-left: auto !important; margin-right: auto !important; min-width: 250px !important; } .single-article #facebook { margin-top: 20px !important; margin-bottom: 20px; margin-left: auto !important; margin-right: auto !important; min-width: 250px !important; } .single-article video { width: 100% !important; height: auto !important; min-height: 400px; } .single-article h1 { font-family: 'Heebo', sans-serif; font-size: 34px; font-weight: 700; margin-top: 10px; margin-bottom: 20px; line-height: 1.15; color: var(--font-color); letter-spacing: -0.4px; } .single-article h2 { font-family: 'Heebo', sans-serif; font-size: 26px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; line-height: 1.15; color: var(--font-color); } .single-article h3 { font-size: 24px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; line-height: 1.2; color: var(--font-color); } .single-article h4 { font-size: 22px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; line-height: 1.2; color: var(--font-color); } .single-article h5 { font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; line-height: 1.2; color: var(--font-color); } .single-article h6 { font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; line-height: 1.2; color: var(--font-color); } .single-article .sub-judul { font-size: 1.1em; color: #057BC1; display: none; } blockquote { font-style: italic; padding-left: 20px; border-left: 5px solid #ccc; margin: 25px 0; } pre { white-space: pre-wrap; word-wrap: break-word; text-align: justify; font-family: monospace; } cite { font-style: italic; } code { font-family: monospace; } hr { margin-top: 20px; margin-bottom: 20px; } u { text-decoration: underline; } .single-category-header { } .single-kategori { color: rgb(31, 141, 214); font-size: 16px; font-weight: 700; display: inline-block; font-family: 'Heebo', sans-serif; text-transform: uppercase; } .single-kategori a:first-child { color: rgb(31, 141, 214); } .single-kategori a:hover { text-decoration: none; } .single-logo-timeline { float: left; } .single-logo-timeline img { width: 100%; height: auto; max-width: 170px; border-right: 1px solid #ccc; margin-right: 20px; } .single-post-view-counter { font-size: 14px; margin-right: 20px; margin-bottom: 20px; text-align: left; color: rgb(153, 153, 153); font-family: 'Heebo', sans-serif; } .single-post-view-counter span { } .single-photo-wrap { margin-bottom: 10px; } .single-photo-wrap a { position: relative; } .perbesar { display: block; position: absolute; right: 15px; bottom: 20px; font-size: 12px; color: #fff; background: #000; opacity: 0.5; border-radius: 6px; z-index: 1; padding: 5px 8px 5px 22px; background-image: url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/search-icon.svg); background-repeat: no-repeat; background-size: 16%; background-position: 10%; } .single-article .foto-utama { border-radius: 6px; width: 100%; height: auto; } .single-article .wpp-list img { width: 85px; height: 85px; } .caption-photo, figcaption { color: #999999; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 1.5; margin-left: 0; margin-right: 0; margin-bottom: 30px; text-align: left; margin-top: 0; } .caption-photo a { color: #999999; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 1.5; text-align: left; } .single-article-text { margin-bottom: 20px; overflow-wrap: break-word; } .single-article-text p { color: var(--font-color); margin-top: 25px; font-size: 20px; line-height: 1.5; font-family: 'PT Serif', Georgia, serif; font-weight: 400; } .single-article-text p:first-child { margin-top: 0; } .single-article-text p a, .single-article-text ul li a { color: rgb(0, 165, 175); } .single-article-text p a:hover { text-decoration: none; } .single-article-text a { color: #00a5af } .single-article-text .size-auto, .single-article-text .size-full, .single-article-text .size-large, .single-article-text .size-medium, .single-article-text .size-thumbnail { margin-top: 20px; border-radius: 6px; } .single-article-text .size-full, .single-article-text .size-large { width: 100%; max-width: 100%; height: auto; border-radius: 6px; } .wp-caption, .alignnone { } .single-inline-related { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0; margin: 20px 0; } .single-inline-related .single-judul-inline { padding: 0; margin: 0 0 10px 0; font-weight: bold; } .single-inline-related a { display: block; font-size: 18px; line-height: 1.5; padding-left: 20px; padding-bottom: 10px; color: #0086E1; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; font-weight: bold; } .single-inline-related a:hover { text-decoration: none; padding-left: 40px; color: #26A7FF; } .single-article ul.wpp-list { padding-top: 0; line-height: 1.1; } .single-article .wpp-list li:first-child { border-top: 1px solid var(--border-eee); padding-top: 20px; } #single-related-post-wrap { margin-left: 20px; margin-right: 20px; } #single-related-post-wrap > div { margin-bottom: 10px; border-bottom: 1px solid var(--border-e6e); } #single-related-post-wrap > div:first-child { border-top: 1px solid var(--border-e6e); padding-top: 10px; } #single-related-post-wrap > div:last-child { border-bottom: none; } #single-related-post-wrap img { display: block; float: right; margin-bottom: 10px; margin-left: 15px; float: right; border-radius: 6px; } #single-related-post-wrap a { font-weight: 500; font-family: 'Heebo', sans-serif; position: relative; } #single-related-post-wrap a:hover { text-decoration: none; color: rgb(79, 107, 237); } #single-related-post-wrap a h2 { font-size: 16px; line-height: 1.4; font-weight: 500; margin-bottom: 0; margin-top: 0; color: var(--font-color); } .single-judul-related-post { font-family: 'Heebo', sans-serif; font-size: 20px; font-weight: 700; margin-left: 20px; margin-bottom: 20px; margin-top: 20px; border-left: 5px solid rgb(220, 22, 65); padding: 0 0 0 5px; line-height: 1; color: var(--font-color); } .related-post-text-wrap { float: left; width: 80%; } .tanggal-related-post { font-size: 0.8em; color: #999; margin-top: 5px; margin-bottom: 5px; } #single-related-post-wrap img { width: 100%; max-width: 85px; } .inline-related-post { background-color: #eee; padding: 20px; } .placeholder { background-color: #f6f6f6; background-size: cover; background-repeat: no-repeat; position: relative; } .placeholder img { position: absolute; opacity: 0; top: 0; left: 0; width: 100%; transition: opacity 1s linear; } .placeholder img.loaded { opacity: 1; } .img-small { transform: scale(1); } .writer { margin-bottom: 15px; position: relative; } .writer img.avatar { width: 100%; max-width: 50px; height: auto; border-radius: 50%; display: block; margin-right: 10px; float: left } .writer img.badge-check { width: 100%; max-width: 20px; height: auto; position: absolute; bottom: 0; left: 33px; } .writer-name { display: table-cell; vertical-align: middle; } .writer a { display: block; text-transform: capitalize; font-weight: bold; font-family: 'Heebo', sans-serif; color: var(--font-color); } .writer span { color: #999; font-size: 16px; font-family: 'Heebo', sans-serif; } .author .wrap-author { width: 100%; max-width: 650px; margin: 0 auto; } .author .writer { width: 100%; max-width: 650px; margin: 0 auto; margin-top: 30px; background-color: var(--bg-color); padding-top: 50px; padding-bottom: 30px; margin-top: 100px; border: 1px solid var(--border-eee); } .author .writer-name { display: block; text-align: center; font-weight: bold; font-size: 22px; color: var(--font-color); } .author .writer a { text-align: center; } .author .writer img.badge-check { width: 100%; max-width: 25px; height: auto; position: absolute; left: 350px; top: -10%; } .author .writer img.avatar { width: 100%; max-width: 85px; height: auto; border-radius: 50%; display: block; margin: 0 auto; border: 1px solid #ccc; float: none; margin-bottom: 20px; position: absolute; margin-top: -100px; right: 43%; border: 5px solid #fff; } .author .jumlahtulisan { text-align: center; color: #999; font-size: 16px; font-family: 'Heebo', sans-serif; } .author .kotak-terbaru { border-top-left-radius: 0; border-top-right-radius: 0; } .author .writer span { display: block; } .tagname { padding: 10px 0; margin-bottom: 20px; } .tagname a { display: inline-block; padding: 4px 8px; color: rgb(31, 141, 214); border-radius: 6px; border: 1px solid rgb(31, 141, 214); font-weight: 700; font-family: 'Heebo', sans-serif; font-size: 14px; line-height: 1.8; background-color: var(--bg-color-dua); text-transform: capitalize; text-decoration: none; margin-right: 2px; margin-bottom: 6px; } .tagname a:hover { background-color: rgb(31, 141, 214); color: #fff; text-decoration: none; } .komentar-fb { margin: 20px 0; width: 100% !important; max-width: 800px !important; } #page-fullwidth { width: 100%; max-width: 1024px; margin: 0 auto; } #page-fullwidth h1 { text-align: center; margin-top: 20px; margin-bottom: 20px; font-weight: 700; font-size: 40px; color: var(--font-color); } .trending-wrap { width: 100%; max-width: 640px; background-color: #fff; margin: 0 auto; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.133) 0px 0.16rem 0.36rem 0px, rgba(0, 0, 0, 0.11) 0px 0.03rem 0.09rem 0px; margin-bottom: 20px; } .trending-wrap .wpp-list { height: auto; overflow: hidden; } .trending-wrap .wrapper { background: var(--bg-color-dua); } ul.tabs { font-family: 'Heebo', sans-serif; background: var(--bg-f7f); overflow: auto; white-space: nowrap; -ms-overflow-style: none; } ul.tabs::-webkit-scrollbar { width: 1px; height: 8px; } ul.tabs { scrollbar-width: thin; } li.tab-link { list-style: none; cursor: pointer; border-bottom: solid 5px rgba(255, 255, 255, 0); display: inline-block; padding: 10px 12px; text-transform: capitalize; color: #999; font-size: 14px; font-weight: bold; transition: 0.25s background ease; } li.tab-link.active { border-color: #DC1641; font-weight: bold; color: var(--font-000); border-left: 1px solid var(--border-samar); border-right: 1px solid var(--border-samar); } div.tab-content { display: none; opacity: 0; transform: translateY(15px); animation: fadeIn 0.5s ease 1 forwards; } div.tab-content.active { display: block; } @keyframes fadeIn { 100% { opacity: 1; transform: none; } } .tagcloud { margin: 10px; } .tagcloud a { color: var(--font-color); } .foto-samping-kecil { width: 85px; height: 85px; } .code-block { background-color: #eee; margin-top: 15px !important; } .textwidget, .custom-html-widget { padding: 10px 0; color: var(--font-color); } #ez-toc-container { margin-top: 1em; background-color: var(--bg-color-dua); } #ez-toc-container a { color: var(--font-000) !important; } #ez-toc-container a.ez-toc-toggle { color: #444 !important; } .fb-page { z-index: 0; } #myTopnav { z-index: 99999999999999; } .pswp__bg { background: rgba(0,0,0,0.8) !important; } .ctaText, .postTitle { color: var(--font-color) !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; } body.search { background-color: var(--bg-f7f); } .hasil-pencarian { width: 100%; max-width: 638px; margin: 0 auto; } .judul-hasil-pencarian { text-transform: capitalize; } p.menemukan { text-align: center; font-family: 'Heebo', sans-serif; margin-bottom: 20px; color: var(--font-color); } .author .kotak-pencarian { background: transparent; border: none; } .kotak-pencarian { background: var(--bg-color); width: 100%; max-width: 640px; margin: 0 auto; border: 1px solid var(--border-e6e); border-radius: 6px; } .kotak-pencarian > a { display: block; border-bottom: 1px solid var(--border-e6e); padding: 10px 15px; text-decoration: none; } .kotak-pencarian > a h2 { font-family: 'Heebo',sans-serif; font-size: 16px; font-weight: 600; line-height: 1.4; margin: 0; color: var(--font-color); } .kotak-pencarian a img { float: right; border-radius: 4px; margin-left: 15px; } #calendar_wrap { margin: 10px; } .widget_calendar{float:left}#wp-calendar{width:100%}#wp-calendar caption{text-align:right;color:var(--font-333);font-size:14px;margin-top:10px;margin-bottom:15px}#wp-calendar thead{font-size:10px}#wp-calendar thead th{padding:5px; font-size: 14px;color:var(--font-333) }#wp-calendar tbody{color:#aaa}#wp-calendar tbody td{background:var(--bg-f5f); border:2px solid #fff; text-align: center; padding: 5px; } #wp-calendar tbody td a {color: var(--font-color);} border:1px solid #fff;text-align:center; padding:8px; #wp-calendar tbody td:hover{background:#fff}#wp-calendar tbody .pad{background:0 0}#wp-calendar tfoot #next{font-size:10px;text-transform:uppercase;text-align:right}#wp-calendar tfoot #prev{font-size:10px;text-transform:uppercase;padding-top:10px} .wp-calendar-nav-prev a { font-size: 14px; color:var(--font-333) } #calendar_wrap nav {margin-top: 15px;} form { margin-right: 30px; } input[type=text], textarea, select, input[type=email], input[type=url], input[type=number], input[type=date], input[type=tel], input[type=file] { border: 1px solid #ccc; width: 100%; padding: 10px 15px; margin-top: 5px; margin-bottom: 15px; border-radius: 3px; font-size: 1em; } input[type=submit] { border: 1px solid #ccc; padding: 10px 15px; margin-top: 5px; margin-bottom: 15px; border-radius: 3px; font-size: 1em; } label { display: block; width: 100%; } input[type=button], input[type=submit], input[type=reset] { background-color: #009BA9; color: #fff; font-weight: bold; border: 1px solid #009BA9; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { color: #009BA9; background-color: #fff; } .recent-post-widget { border-bottom: 1px solid var(--border-eee); padding-bottom: 15px; margin-bottom: 15px; text-align: left; } .recent-post-widget:last-child { border-bottom: none; margin-bottom: 0; } .recent-post-widget img { float: right; margin-left: 12px; border-radius: 6px; } .recent-post-widget a { font-family: 'Heebo', sans-serif; font-size: 1em; font-weight: 500; color: var(--font-color); } :root { --font-color: #424242; --font-333: #333; --font-000: #000; --font-404: #404040; --font-424: #424242; --bg-color: #fff; --bg-color-dua : #fff; --bg-color-tiga: #000; --bg-color-footer: #EDEBE9; --bg-banner-mobile-bawah: #EEEEEE; --bg-f7f: #F7F7F7; --bg-f5f: #f5f5f5; --heading-color: #292922; --svg: invert(0%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(0%) contrast(0%); --filter-none: none; --display: block; --border-video-box : rgb(238, 238, 238); --border-samar : #ccc; --border-eee : #eee; --border-ddd : #ddd; --border-e6e : #e6e6e6; --filter-png : none; --font-color-marquee : #515151; --filter-logo-bawah : grayscale(100%); } [data-theme=dark] { --font-color: #DAD9D8; --font-333: #DAD9D8; --font-000: #fff; --font-404: #fff; --font-424: #fff; --bg-color: #181A1B; --bg-color-dua : #0C0D0D; --bg-color-tiga: #DAD9D8; --bg-color-footer: #181A1B; --bg-banner-mobile-bawah: #181A1B; --bg-f7f: #0C0D0D; --heading-color: #818cab; --svg: invert(100%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(114%) contrast(100%); --filter-none: invert(100%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(114%) contrast(100%); --display: none; --border-video-box : #181A1B; --border-samar : #242525; --border-eee : #242525; --border-ddd : #242525; --border-e6e : #242525; --bg-f5f: #242525; --filter-png: brightness(0) invert(1); --font-color-marquee : #ffffff; --filter-logo-bawah : grayscale(0%); } body.page-template-page-custom-login { background: var(--bg-color); } .page-template-page-custom-login #sidebar-header, .page-template-page-custom-login .marquee, .page-template-page-custom-login #sidebar-banner-mobile-bawah, .page-template-page-custom-login #stop { display: none !important; } .custom-login { width: 100%; max-width: 1115px; margin-left: auto; margin-right: auto; margin-bottom: 10%; } .custom-login h1 { text-align: center; margin: 15px; font-family: 'Heebo', sans-serif; font-weight: bold; color: var(--font-000); } .login-desc { text-align: center; color: var(--font-000); font-family: 'Heebo', sans-serif; font-size: 14px; } p.login-msg { display: block; text-align: center; color: red; margin: 15px auto; font-family: 'Heebo', sans-serif; font-size: 14px; } .login-msg-success { color: green; } .login-username, .login-password { display: block; width: 100%; margin: 0 20px; } .login-username label, .login-password label { display: block; margin: 15px; text-align: center; display: none; } .login-username input, .login-password input { display: block; margin: 15px auto; text-align: left; padding: 10px; max-width: 400px; width: 100%; border: 1px solid #ccc; font-size: 18px; background: #fff; font-family: 'Heebo', sans-serif; box-sizing: border-box; } .login-username input:focus, .login-password input:focus { outline: none !important; } .login-username input:-webkit-autofill, .login-username input:-webkit-autofill:hover, .login-username input:-webkit-autofill:focus, .login-username input:-webkit-autofill:active, .login-password input:-webkit-autofill, .login-password input:-webkit-autofill:hover, .login-password input:-webkit-autofill:focus, .login-password input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } .login-remember, .login-submit { display: block; width: 100%; max-width: 400px; margin: 15px auto; } .login-remember label { display: block; width: 100%; max-width: 400px; margin: 0 20px; color: var(--font-000); } .login-remember input { border: none; } .login-submit { width: 100%; max-width: 400px; margin: 0 auto; } .login-submit input { background-color: #04A4A4; color: #fff; padding: 10px 5px; border: none; width: 100%; max-width: 400px; font-family: 'Heebo', sans-serif; font-weight: bold; transition: 0.3s; cursor: pointer; margin: 0 20px; } .login-submit input:hover { background: #037373; color: #fff; } .block-newsfeed { width: 100%; max-width: 1024px; margin: 20px auto 0 auto; } .judul-block-newsfeed { font-family: 'Heebo', sans-serif; font-size: 24px; font-weight: 700; line-height: 0.8; padding: 5px; border-left: 7px solid #D13438; margin: 10px 20px; box-sizing: border-box; color: var(--font-color); } .block-newsfeed-wrap { width: 100%; max-width: 650px; background: var(--bg-color-dua); padding: 20px 20px 10px 20px; margin: 0 20px; border-radius: 6px; float: left; } .block-newsfeed-wrap .next-wrap { margin-bottom: 0; } .block-newsfeed-wrap a { text-decoration: none; } .newsfeed-wrap { width: 100%; max-width: 650px; margin-bottom: 20px; } .newsfeed-wrap h2 { font-family: 'Heebo', sans-serif; font-size: 18px; font-weight: bold; line-height: 1.3; color: var(--font-color); margin: 10px 0; } p.foto-newsfeed-wrap { overflow: hidden; float: left; margin-right: 20px; border-radius: 6px; } .foto-newsfeed { display: block; border-radius: 6px; transition: 0.4s ease; } .foto-custom-homepage-mobile { display: none; } .foto-newsfeed:hover { transform: scale(1.1); } .newsfeed-category { font-size: 14px; color: red; font-weight: bold; font-family: 'Heebo', sans-serif; } .newsfeed-tanggal { color: #7e7e7e; font-size: 12px; font-family: 'Heebo', sans-serif; margin: 5px 0; } #sidebar-custom-homepage { float: left; width: 100%; max-width: 320px; margin-top: 0; border-radius: 6px; overflow-wrap: break-word; } .sidebar-custom-homepage-wrap { position: relative; } #sidebar-custom-homepage .text-wrap { background: var(--bg-color-dua); } .sidebar-custom-homepage-wrap > div { margin-bottom: 10px; background-color: var(--bg-color-dua); padding: 10px 8px; box-sizing: border-box; } .judul-sidebar-custom-homepage::before { content: ""; position: absolute; width: 6px; background: #D13438; height: 30px; left: 0; } .judul-sidebar-custom-homepage { text-transform: capitalize; font-family: 'Heebo', sans-serif; font-size: 24px; font-weight: 900; color: var(--font-color); padding-left: 5px; padding-bottom: 10px; background-color: var(--bg-color-dua); border-bottom: 1px solid var(--border-eee); margin: 0; text-align: left; box-sizing: border-box; width: 100%; } body.ogio-preview { display: none !important; } @media screen and (max-width: 1380px) { #sidebar-banner-160x600-kanan { right: 51.5%; margin-top: 20px; } #sidebar-banner-160x600-kiri { left: 51.5%; margin-top: 20px; } } @media screen and (max-width: 1107px) { #sidebar-banner-160x600-kiri, #sidebar-banner-160x600-kanan { display: none; } .menu-utama { overflow-x: scroll; } } @media screen and (max-width: 1079px) { #geserkiri, #geserkanan { display: none; } } @media screen and (max-width: 1052px) { #sidebar-right { width: 32%; } .video-box{ width: 23%; } #page-fullwidth .video-box { width: 100%; } } @media screen and (max-width: 1051px) { .category .wrap-category { width: 65%; } .category .slide-medium { width: 49.3%; } } @media screen and (max-width: 1042px) { #sidebar-right { width: 31%; } .trending-homepage { width: 31%; } } @media screen and (max-width: 1029px) { #sidebar-right { width: 30%; } .trending-homepage { width: 30%; } .tag .wrap-category { width: 64%; } } @media screen and (max-width: 1017px) { .trending-homepage { width: 29%; } .video-box { width: 30%; } } @media screen and (max-width: 1012px) { #sidebar-right { width: 28%; } header #searchform { width: 52%; } } @media screen and (max-width: 1009px) { .block-newsfeed-wrap { width: 60%; } } @media screen and (max-width: 1000px) { .homepage-category-block { width: 32%; } header #searchform { width: 50%; } } @media screen and (max-width: 999px) { .category .wrap-category { width : 64%; } } @media screen and (max-width: 989px) { .home .demo { width: 71%; } .home .demo li .slide-medium { width: 49.5%; } } @media screen and (max-width: 981px) { .homepage-category-block { width: 30%; } } @media screen and (max-width: 971px) { .category .wrap-category { width: 63%; } } @media screen and (max-width: 972px) { header #searchform { width: 50%; } } @media screen and (max-width: 970px) { .wpp-list, .trending-homepage .wpp-list { overflow-x: hidden; } .tag .wrap-category { width: 60%; } .video-box { width: 22%; } #page-fullwidth .video-box { width: 30%; } } @media screen and (max-width: 967px) { header #searchform { width: 47%; } } @media screen and (max-width: 956px) { .logo-bawah-wrap { width: 30%; } .page-template-page-home .demo { width: 70%; } .page-template-page-home .demo li .slide-medium { width: 49.5%; } } @media screen and (max-width: 947px) { .tag .related-post-text-wrap { width: 75%; } } @media screen and (max-width: 946px) { .category .wrap-category { width: 60%; } .category .related-post-text-wrap { width: 75%; } } @media screen and (max-width: 939px) { .category .wrap-category { width: 55%; } .category .related-post-text-wrap { width: 70%; } } @media screen and (max-width: 934px) { .homepage-category-block { width: 29%; } .video-play-icon { width: 25% !important; top: 10%; } } @media screen and (max-width: 928px) { .related-post-text-wrap { width: 70%; } } @media screen and (max-width: 923px) { .home .demo { width: 66%; } #sidebar-right { width: 33%; height: 585px; } .page-template-page-home .demo { width: 65%; } } @media screen and (max-width: 914px) { header #searchform { width: 45%; } } @media screen and (max-width: 911px) { .block-kobaran a.homepage-category-headline { width: 32%; background-position: 50% 100%; } } @media screen and (max-width: 904px) { .single .related-post-text-wrap { width: 75%; } } @media screen and (max-width: 899px) { .single .related-post-text-wrap { width: 75%; } .block-newsfeed-wrap{ width: 58%; } p.foto-newsfeed-wrap { width: 45%; } } @media screen and (max-width: 881px) { header #searchform { width: 43%; } } @media screen and (max-width: 880px) { .tag .wrap-category { width: 55%; } } @media screen and (max-width: 879px) { .category .wrap-category { width: 55%; } } @media screen and (max-width: 876px) { a.homepage-category-headline { width: 31%; } } @media screen and (max-width: 857px) { p.foto-newsfeed-wrap { width: 35%; } .block-newsfeed-wrap { width: 55%; } } @media screen and (max-width: 850px) { .tag .related-post-text-wrap { width: 70%; } } @media screen and (max-width: 854px) { header #searchform { width: 42%; } a.homepage-category-headline { width: 30%; } .homepage-category-block, .trending-homepage { width: 31%; } .home .demo { width: 60%; } #sidebar-right { width: 39%; height: 555px; } .page-template-page-home .demo { width: 60%; } } @media screen and (max-width: 836px) { .single-kategori, .tanggal, .eta { font-size: 11.5px; word-spacing: -1px; } header #searchform { width: 40%; } } @media screen and (max-width: 826px) { #sidebar-right { height: 548px; } footer .menu-bawah, .menu-footer-2, .menu-footer-3, .menu-footer-4 { margin-left: 15px; } .single .related-post-text-wrap { width: 65%; } .video-box { width: 22.5%; } } @media screen and (max-width: 819px) { #sidebar-right { height: 548px; } #page-fullwidth .video-box { width: 29%; } } @media screen and (max-width: 810px) { .single .related-post-text-wrap { width: 75%; } } @media screen and (max-width: 799px) { .block-newsfeed-wrap { width: 52%; } header #searchform { width: 38%; } } @media screen and (max-width: 798px) { .single .related-post-text-wrap { width: 74%; } } @media screen and (max-width: 784px) { .single .related-post-text-wrap { width: 73%; } header #searchform { width: 36%; } } @media screen and (max-width: 786px) { .category .wrap-category { width: 50%; } .category .related-post-text-wrap { width: 60%; } .tag .wrap-category { width: 50%; } .tag .related-post-text-wrap { width: 65%; } } @media screen and (max-width: 779px) { header #searchform { width: 35%; } } @media screen and (max-width: 769px) { .single .related-post-text-wrap { width: 72%; } } @media screen and (max-width: 767px) { .video-box { width: 22%; top: 6%; } } @media screen and (max-width: 757px) { .single .related-post-text-wrap { width: 71%; } } @media screen and (max-width: 750px) { body, body.home, body.category, body.page-template-page-trending, body.single, #single-wrap, .text-wrap, body.page-template-page-home { margin: 0; background: var(--bg-color-dua); } .hamburger-button { display: block; } .containerdua { display: none; } header #searchform { display: none; position: absolute; top: 115px; width: 100%; box-sizing: border-box; } #logo { float: none; text-align: center; margin: 0 auto; padding-top: 8px; } #logo img { width: 100%; max-width: 208px; padding-top: 8px; } #media-sosial-header { display: none; } #search-mobile-button { display: block; float: none; position: absolute; top: 20px; right: 5px; } header #searchform input[type="text"] { border-radius: 0; width: 100%; background: #f5f5f5; border: none; box-shadow: rgb(0 0 0 / 13%) 0px 0.16rem 0.36rem 0px, rgb(0 0 0 / 11%) 0px 0.03rem 0.09rem 0px; color: #000; } header { box-shadow: none; } .marquee { width: 90%; margin-left: 20px; padding: 7px 10px; margin-top: -15px; } .marquee a { font-size: 12px; } .marquee a:before { top: -18px; left: -2px; } .fixed-wrap { padding: 0; } .single-article-text p, .single-article-text ol, .single-article-text ul, .single-article-text { font-size: 16px; margin-top: 15px; color: var(--font-000); } .totalpembaca { font-size: 14px; } .menu-utama { display: block; position: relative; border-bottom: 1px solid var(--border-samar); border-top: 1px solid var(--border-samar); -ms-overflow-style: none; scrollbar-width: none; } .menu-utama::-webkit-scrollbar { display: none; } .menu-utama li:first-child { margin-left: 20px; } .menu-utama li:last-child { margin-right: 15px; } .menu-utama li { border-bottom: none; } .menu-utama li a { font-size: 14px; padding: 10px 5px; color: var(--font-000); } .menu-utama .current-menu-item { border-bottom: none; } ::placeholder { color: #000; opacity: 1; } .menu-utama > li.menu-item-has-children > a:after { top: 8px; right: -9px; } .menu-utama ul.sub-menu { position: fixed; min-width: 100%; height: 100%; min-height: 100%; left: 0; display: none; text-align: center; background: var(--bg-color); padding: 0 20px; box-sizing: border-box; } ul.sub-menu:before { display: none; } .menu-utama ul.sub-menu > li { display: inline-block; margin: 0 5px; float: left; width: 46%; } .menu-utama ul.sub-menu > li > a { padding: 10px 20px; font-size: 14px; text-align: center; border-radius: 4px; background: var(--bg-color-dua); color: var(--font-color); border: 1px solid #ccc; margin-top: 10px; } .mobile-menu-kiri ul.sub-menu { display: block; box-shadow: none; background: var(--bg-color); position: relative; } .mobile-menu-kiri ul.sub-menu > li > a { padding: 10px 20px; font-size: 14px; font-weight: normal; color: var(--font-color); } .mobile-menu-kiri-wrap .menu-menu-atas-container:after, .mobile-menu-kiri-wrap .menu-menu-atas-container:before { display: none; } .menu-tag-terkini { display: none; } .menu-tag-terkini-mobile, .topik-terkini { display: block; } .demo { display: none; } .hidden, .headline-indozone { display: block; } .hidden a { text-decoration: none; } #sidebar-right { height: auto; overflow-y: visible; width: 100%; max-width: 100%; } .sidebar-right-wrap > div { border: none; border-radius: 0; } .judul-sidebar-right, .judul-sidebar-single, .judul-sidebar-category { font-size: 20px; color: var(--font-000); } .wpp-list { padding-bottom: 0; margin-bottom: 0; } .wpp-post-title { font-size: 14.5px; word-spacing: -1px; font-weight: 600; } .wpp-thumbnail { margin-right: 0; } #sidebar-banner-mobile-bawah { display: block; } #content-wrap, #sidebar-header { padding-left: 15px; padding-right: 15px; } #sidebar-banner-bawah-headline { margin-top: 5px; margin-bottom: 25px; } .home a.homepage-category-headline { width: 100%; max-width: 100%; background-position: 50% 50% !important; height: 200px; margin-bottom: 20px; float: none; } .trending-homepage, .home .terbaru { display: none; } .homepage-category-block { width: 100%; max-width: 100%; float: none; margin: 0; box-sizing: border-box; box-shadow: none; } ul.berita-terkini { overflow: visible; height: auto; float: none; padding-left: 15px; padding-right: 15px; padding-bottom: 0; } ul.berita-terkini li:first-child { border-top: none; } .berita-terkini li:last-child { padding-bottom: 0; margin-bottom: 0; } .berita-terkini > li > a { font-size: 14.5px; } .video-box { width: 100%; max-width: 100%; display: block; } .video-play-icon { top: 20%; } #page-fullwidth .video-box { width: 100%; margin-left: auto; margin-right: auto; } #single-social-share-wrap { margin-right: 0; margin-top: 20px; } #footer-wrap { padding: 10px; } .logo-bawah-wrap { width: 100%; float: none; margin-bottom: 20px; } footer .menu-bawah, .menu-footer-2, .menu-footer-3, .menu-footer-4 { width: 38%; margin-bottom: 20px; } .menu-footer-2 li a, footer .menu-bawah li a, .menu-footer-4 li a, .menu-footer-3 li a { font-size: 11.8px; } #single-wrap { flex-direction: column; max-width: 100%; box-sizing: border-box } .single-article { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; max-width: 100%; box-sizing: border-box; } a img.alignnone { margin: 10px; } .single-article-text .size-full { margin: 0; } .single-article-text .size-auto, .single-article-text .size-full, .single-article-text .size-large, .single-article-text .size-medium, .single-article-text .size-thumbnail { margin-left: 0; margin-right: 0; border-radius: 6px; } .single-article-text .size-auto, .single-article-text .size-full, .single-article-text .size-large, .single-article-text .size-medium { width: 100%; max-width: 100%; height: auto; border-radius: 6px; } #single-related-post-wrap a h2 { font-size: 14.5px; } .code-block { background: transparent; } .caption-photo a, figcaption a { font-size: 12px; color: #999; line-height: 1.3; } .single-photo-wrap { margin-bottom: 0; } .caption-photo, figcaption { line-height: 1.3; margin-bottom: 15px; } .wp-caption p.wp-caption-text { line-height: 1.3; font-size: 12px; } .single-article h1 { font-size: 24px; } .headline-mobile h2 { font-size: 16px; } #sidebar-banner-bawah-tombol-share-post { padding: 0; } .totalpembaca, #single-social-share-wrap { text-align: center; } .single-judul-related-post { margin-left: 0; } #single-related-post-wrap { margin-left: 0; margin-right: 0; } .single-article ul { } .single .wpp-list { padding: 0; line-height: 1.4; } .single .recent-post-widget a { font-size: 14px; line-height: 1.4; } #single-related-post-wrap img { margin-left: 0; } .single #sidebar-right, .single #sidebar-single, .single #sidebar-category { width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; } .category #sidebar-right, .category #sidebar-single, .category #sidebar-category { width: 100%; max-width: 100%; } .single .text-wrap { padding-right: 0; padding-left: 0; } #sidebar-single .image { display: block; margin: 0 auto; text-align: center; } .writer img.badge-check { left: 33px; } .category .wrap-category, .tag .wrap-category { width: 100%; max-width: 100%; } .category .kotak-terbaru { border-left: none; border-right: none; border-radius: 0; } .category .kotak-terbaru a:last-child, .category .kotak-terbaru, .category .kotak-terbaru > a:last-child { border-bottom: none; } .category .wrap-feed { margin-top: 10px; } .category .kotak-terbaru > a { margin: 0; } .category .related-post-text-wrap { width: 70%; } #sidebar-category .wpp-list { overflow: visible; height: auto; } #sidebar-category .text-wrap { padding-left: 0; padding-right: 0; } #sidebar-category .sidebar-right-wrap > div, #sidebar-category .sidebar-single-wrap > div, #sidebar-category .sidebar-category-wrap > div { padding-right: 0; } .tag .box-umum { margin-top: 15px; margin-bottom: 15px; } .tag .kotak-terbaru, .search .kotak-pencarian { border-left: none; border-right: none; border-radius: 0; } .tag .kotak-terbaru a:last-child, .tag .kotak-terbaru, .tag .kotak-terbaru > a:last-child { border-bottom: none; } .search .related-post-text-wrap { width: 65%; } .author .kotak-terbaru { border: none; } .author .writer { border-left: none; border-right: none; } .trending-wrap { box-shadow: none; } ul.tabs { -ms-overflow-style: none; scrollbar-width: none; margin-bottom: 15px; margin-left: 10px; margin-right: 10px; } ul.tabs::-webkit-scrollbar { display: none; } ul.tabs li:first-child { } ul.tabs li:last-child { margin-right: 10px; } li.tab-link { border: 1px solid rgb(31, 141, 214); display: inline-block; padding: 6px 8px; text-transform: capitalize; color: rgb(31, 141, 214); font-size: 14px; font-weight: bold; transition: 0.25s background ease; border-radius: 6px; background: var(--bg-color); margin-right: 5px; } li.tab-link.active { font-weight: bold; color: #fff; background: rgb(31, 141, 214); border-color: rgb(31, 141, 214); } .page-template-page-trending h1 { display: none; } .block-newsfeed-wrap { float: none; width: 100%; margin: 0 auto; } .newsfeed-wrap { margin-bottom: 15px; } .newsfeed-wrap h2 { font-size: 14.5px; } #sidebar-custom-homepage { float: none; margin: 0 15px; max-width: 340px; } p.foto-newsfeed-wrap { margin-bottom: 15px; margin-right: 5px; } .foto-newsfeed { width: 100%; display: none; } .foto-custom-homepage-mobile { display: block; border-radius: 6px; } .homepage-category-name, .homepage-category-video { font-size: 20px; color: var(--font-000); } .judul-block-newsfeed, .judul-sidebar-custom-homepage { font-size: 20px; color: var(--font-000); } .homepage-category-name a, .homepage-category-video a { color: var(--font-000); } #sidebar-right ul.wpp-list { padding-bottom: 0; } .hidden .owl-dots { display: none; } } @media screen and (max-width: 650px) { .author .writer img.badge-check { left: 55%; } } @media screen and (max-width: 630px) { .author .writer img.avatar { right: 42%; } } @media screen and (max-width: 480px) { .author .writer img.avatar { right: 39%; } .author .writer img.badge-check { left: 57%; } .menu-bawah, .menu-footer-2, .menu-footer-3, .menu-footer-4 { display: none; } .logo-bawah-wrap { text-align: center; max-width: 100%; margin-bottom: 0; } .logo-bawah-wrap img { display: block; margin: 0 auto; padding: 0; } .logo-bawah-wrap p { padding: 0; margin: 0 auto; display: none; } ul.menu-bawah-mobile, #media-sosial-footer { display: block; } .copyright-mobile-new { display: block; font-size: 0.7em; font-family: 'Heebo', sans-serif; width: 100%; max-width: 250px; text-align: center; margin: 0 auto; color: var(--font-color); padding-bottom: 20px; line-height: 1.7; } } @media screen and (max-width: 420px) { .single .related-post-text-wrap { width: 69%; } .category .related-post-text-wrap { width: 65%; } .tag .related-post-text-wrap { width: 60%; } #page-fullwidth h1 { font-size: 35px; margin-top: 5px; margin-bottom: 5px; } .writer img.badge-check { left: 33px; } .author .writer img.badge-check { left: 58%; } .author .writer img.avatar { right: 38%; } .custom-login, .login-username input, .login-password input, .login-remember, .login-submit { max-width: 100%; } .page-template-page-custom-login form { max-width: 320px; } } @media screen and (max-width: 380px) { .related-post-text-wrap { width: 65%; } .author .writer img.badge-check { left: 57%; } } @media screen and (max-width: 335px) { .related-post-text-wrap { width: 60%; } } @media screen and (max-width: 320px) { .lihat span, .eta { display: none; } } @media screen and (max-width: 315px) { .category .related-post-text-wrap { width: 63%; } } @media screen and (max-width: 280px) { .author .writer img.badge-check { left: 50%; } } table, tr, td { border: 1px solid #ccc; color: var(--font-color); } table { margin-top: 20px; width: 100%; } td { padding: 10px; } tr:nth-child(even) { background-color: #f2f2f2; color: #424242 !important; } tr:nth-child(even) td { color: #424242 !important; }.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/images/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.mti.biz.id/wp-content/themes/kobaran-v2.1/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em; } .rpwwt-widget ul li:last-child { margin: 0; } .rpwwt-widget .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .rpwwt-widget .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; } #rpwwt-recent-posts-widget-with-thumbnails-2 img { max-width: 75px; width: 100%; height: auto; } #rpwwt-recent-posts-widget-with-thumbnails-3 img { max-width: 75px; width: 100%; height: auto; }@font-face { font-family: 'icomoon'; src: url(//www.mti.biz.id/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.eot?5l53jq); src: url(//www.mti.biz.id/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.eot?5l53jq#iefix) format('embedded-opentype'), url(//www.mti.biz.id/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.ttf?5l53jq) format('truetype'), url(//www.mti.biz.id/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.woff?5l53jq) format('woff'), url(//www.mti.biz.id/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.svg?5l53jq#icomoon) format('svg'); font-weight: normal; font-style: normal; } [class^="awpa-icon"], [class*=" awpa-icon"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .awpa-icon-website:before { content: "\e901"; } .awpa-icon-linkedin:before { content: "\e902"; } .awpa-icon-twitter:before { content: "\e905"; } .awpa-icon-facebook:before { content: "\e904"; } .awpa-icon-instagram:before { content: "\ea92"; } .awpa-icon-youtube:before { content: "\ea9d"; } .awpa-icon-email:before { content: "\e900"; } .awpa-img.awpa-author-block { flex: 0 1 150px; align-self: flex-start; } .wp-post-author-meta.awpa-author-block { flex: 1; min-width: 200px; } .wp_post_author_widget .awpa-img.round img { border-radius: 50%; } .wp-post-author-wrap { width: 100%; display: block; overflow: hidden; word-wrap: break-word; } .wp-post-author { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; box-sizing: border-box; } .awpa-img img { height: auto; width: 100%; } .wp-post-author-meta h4, .wp-post-author-meta p, .wp-post-author-meta a, .wp-post-author-meta ul { margin: 5px 0; } .wp-post-author-meta .wp-post-author-meta-more-posts a { border: 1px solid rgba(0, 0, 0, 0.3); padding: 5px 30px; display: inline-block; color: inherit; transition: all 300ms ease-out; } .wp-post-author-meta .wp-post-author-meta-more-posts a:hover { color: #404040; border-color: #404040; } .wp-post-author-meta .wp-post-author-meta-more-posts .awpa-more-posts a { text-decoration: none; } .wp-post-author-meta .wp-post-author-meta-more-posts .awpa-more-posts.none a { border: none; padding: 0; } .wp-post-author-meta .wp-post-author-meta-more-posts .awpa-more-posts.round a { -webkit-border-radius: 50px; border-radius: 50px; } .wp-post-author-wrap.right .wp-post-author { flex-direction: row-reverse; text-align: right; } .wp-post-author-wrap.center .wp-post-author { flex-direction: column; justify-content: center; text-align: center; } .wp-post-author-wrap.center .wp-post-author .awpa-img { align-self: center; } .wp-post-author .awpa-img.round img { border-radius: 50%; } .wp-post-author .awpa-display-name, .wp-post-author .awpa-role { margin: 5px 0; } .wp-post-author .awpa-email { margin: 5px 0; } .wp-post-author .awpa-contact-info { margin: 0; padding: 0; } .wp-post-author .awpa-contact-info li { display: inline-block; padding-right: 5px; margin: 0; padding-top: 5px; } .wp-post-author .awpa-role { text-transform: capitalize; font-weight: bold; } .wp-post-author .awpa-contact-info> :first-child { padding-left: 0; } .wp-post-author .awpa-contact-info> :last-child { padding-right: 0; } .wp-post-author .awpa-bio { margin-top: 10px; font-size: 100%; } .wp_post_author_widget .awpa-img.awpa-author-block { width: 150px; height: 150px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .wp_post_author_widget .awpa-img.awpa-author-block.round { border-radius: 50%; } .wp_post_author_widget .awpa-img img { max-width: 150px; } .wp_post_author_widget .wp-post-author-meta p { line-height: 1.5; } .wp_post_author_widget .awpa-display-name { color: #4a4a4a; font-size: 24px; font-weight: 400; margin: 0; } .wp_post_author_widget .awpa-display-name a { display: inline-block; color: #4a4a4a; margin: 0; } .wp_post_author_widget .wp-post-author-meta-bio { margin: 15px 0; opacity: .75; } .wp_post_author_widget ul.awpa-contact-info li a { display: inline-block; color: #FFF; font-size: 18px; height: 40px; width: 40px; line-height: 40px; text-align: center; background-color: #555; } .wp_post_author_widget ul.awpa-contact-info li.awpa-facebook-li a { background-color: #3b5999; } .wp_post_author_widget ul.awpa-contact-info li.awpa-twitter-li a { background-color: #000; } .wp_post_author_widget ul.awpa-contact-info li.awpa-linkedin-li a { background-color: #0077B5; } .wp_post_author_widget ul.awpa-contact-info li.awpa-instagram-li a { background-color: #3F729B; } .wp_post_author_widget ul.awpa-contact-info li.awpa-youtube-li a { background-color: #cd201f; } .wp_post_author_widget ul.awpa-contact-info li.awpa-website-li a { background-color: #ce1126; } .wp_post_author_widget ul.awpa-contact-info li.awpa-email-li a { background-color: #dd4b39; } .wp_post_author_widget .wp-post-author-meta p.awpa-more-posts { margin: 10px 0; } .wp_post_author_widget .wp-post-author-wrap.left .awpa-img.awpa-author-block { margin-left: 0; } .wp_post_author_widget .wp-post-author-wrap.left .awpa-img.awpa-author-block { text-align: left; } .wp_post_author_widget .wp-post-author-wrap.left .wp-post-author-meta.awpa-author-block { text-align: left; } .wp_post_author_widget .wp-post-author-wrap.left .awpa-contact-info li { padding: 0 10px 0 0; } .wp_post_author_widget .wp-post-author-wrap.right .awpa-img.awpa-author-block { margin-right: 0; } .wp_post_author_widget .wp-post-author-wrap.right .awpa-img.awpa-author-block { text-align: right; } .wp_post_author_widget .wp-post-author-wrap.right .wp-post-author-meta.awpa-author-block { text-align: right; } .wp_post_author_widget .wp-post-author-wrap.right .awpa-contact-info li { padding: 0 0 0 10px; } .wp_post_author_widget .wp-post-author-wrap.center .awpa-img.awpa-author-block { text-align: center; } .wp_post_author_widget .wp-post-author-wrap.center .wp-post-author-meta.awpa-author-block { text-align: center; } .wp_post_author_widget .wp-post-author-wrap.center .awpa-contact-info li { padding: 0 0 0 10px; } .wp-post-author .awpa-display-name { color: inherit; font-size: 24px; font-weight: 400; margin: 0; } .wp-post-author .wp-post-author-meta-bio { margin: 15px 0; opacity: .75; } .wp-post-author ul.awpa-contact-info li a { display: inline-block; color: #FFF; font-size: 18px; height: 40px; width: 40px; line-height: 40px; text-align: center; background-color: #555; text-decoration: none; } .wp_post_author_widget ul.awpa-contact-info.round li a, .wp-post-author ul.awpa-contact-info.round li a { -webkit-border-radius: 50%; border-radius: 50%; } .wp-post-author ul.awpa-contact-info li.awpa-facebook-li a { background-color: #3b5999; } .wp-post-author ul.awpa-contact-info li.awpa-twitter-li a { background-color: #000; } .wp-post-author ul.awpa-contact-info li.awpa-linkedin-li a { background-color: #0077B5; } .wp-post-author ul.awpa-contact-info li.awpa-instagram-li a { background-color: #3F729B; } .wp-post-author ul.awpa-contact-info li.awpa-youtube-li a { background-color: #cd201f; } .wp-post-author ul.awpa-contact-info li.awpa-website-li a { background-color: #ce1126; } .wp-post-author ul.awpa-contact-info li.awpa-email-li a { background-color: #dd4b39; } .wp_post_author_widget ul.awpa-contact-info.none li a, .wp-post-author ul.awpa-contact-info.none li a { height: unset; width: unset; line-height: unset; background-color: transparent; color: #555; padding: 0 3px; } .wp_post_author_widget ul.awpa-contact-info.none li.awpa-facebook-li a, .wp-post-author ul.awpa-contact-info.none li.awpa-facebook-li a { background-color: transparent; color: #3b5999; } .wp_post_author_widget ul.awpa-contact-info.none li.awpa-twitter-li a, .wp-post-author ul.awpa-contact-info.none li.awpa-twitter-li a { background-color: transparent; color: #000; } .wp_post_author_widget ul.awpa-contact-info.none li.awpa-linkedin-li a, .wp-post-author ul.awpa-contact-info.none li.awpa-linkedin-li a { background-color: transparent; color: #0077B5; } .wp_post_author_widget ul.awpa-contact-info.none li.awpa-instagram-li a, .wp-post-author ul.awpa-contact-info.none li.awpa-instagram-li a { background-color: transparent; color: #3F729B; } .wp_post_author_widget ul.awpa-contact-info.none li.awpa-youtube-li a, .wp-post-author ul.awpa-contact-info.none li.awpa-youtube-li a { background-color: transparent; color: #cd201f; } .wp_post_author_widget ul.awpa-contact-info.none li.awpa-website-li a, .wp-post-author ul.awpa-contact-info.none li.awpa-website-li a { background-color: transparent; color: #ce1126; } .wp_post_author_widget ul.awpa-contact-info.none li.awpa-email-li a, .wp-post-author ul.awpa-contact-info.none li.awpa-email-li a { background-color: transparent; color: #dd4b39; } .wp-block-awpa-user-profile-dashboard:not(:has(.awpa-loign-from-area)) { display: grid; grid-template-columns: max-content 1fr; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px; border-radius: 5px; overflow: hidden; } .wp-block-awpa-user-profile-dashboard .left-container { display: flex; flex-direction: column; width: auto !important; background: #eee; margin: 0 !important; } .wp-block-awpa-user-profile-dashboard .left-container .nav { text-decoration: none; cursor: pointer; width: 100%; font-family: inherit; font-size: 16px; color: #777; font-weight: 500; display: flex; align-items: center; gap: 10px; padding: 10px 20px; border-left: 2px solid transparent; box-sizing: border-box; transition: all .3s; } .wp-block-awpa-user-profile-dashboard .left-container .nav::before { font-family: "Font Awesome 5 Free"; font-size: 16px; color: #777; display: inline-block; font-weight: 700; transition: all .3s; } .wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(1):before { content: "\f015"; } .wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(2):before { content: "\f07a"; } .wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(3):before { content: "\f161"; } .wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(4):before { content: "\f2f5"; } .wp-block-awpa-user-profile-dashboard .left-container .nav:hover { color: #2d1286; } .wp-block-awpa-user-profile-dashboard .left-container .nav.active, .wp-block-awpa-user-profile-dashboard .left-container:not(:has(.active)) .nav:first-child { color: #2d1286; background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(169, 208, 113, 0)); border-left: 2px solid #2d1286; } .wp-block-awpa-user-profile-dashboard .left-container .nav:hover::before, .wp-block-awpa-user-profile-dashboard .left-container .nav.active::before, .wp-block-awpa-user-profile-dashboard .left-container:not(:has(.active)) .nav:first-child::before { color: #2d1286; } .wp-block-awpa-user-profile-dashboard .right-container { width: auto !important; background-color: #fff; padding: 30px; border-top: 1px solid #eee; overflow: auto; } .wp-block-awpa-user-profile-dashboard .wp-post-author { padding: 20px; display: flex; gap: 20px; grid-row: 1/2; grid-column: 1/-1; } .wp-block-awpa-user-profile-dashboard .right-container .aft-container { display: flex; flex-direction: column; gap: 20px; } .wp-block-awpa-user-profile-dashboard .right-container .awpa-imput-content-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .wp-block-awpa-user-profile-dashboard .right-container .awpa-field { width: min(250px, 100%); flex: 1 1 auto; } .wp-block-awpa-user-profile-dashboard .awpa-field label { display: block; font-size: 14px; font-weight: 600; color: #333; margin-bottom: 5px; } .wp-block-awpa-user-profile-dashboard .awpa-field input { display: block; border: none; color: #333; font-size: 16px; width: 100%; min-height: 40px; padding: 0 8px; outline: 1px solid #adb5bd; border-radius: 3px; box-sizing: border-box; transition: all .3s; } .wp-block-awpa-user-profile-dashboard .awpa-field input:focus-visible { outline: 2px solid #2d1286; } .wp-block-awpa-user-profile-dashboard .awpa-field .error-message span { font-size: 14px; color: #cd201f; } .wp-block-awpa-user-profile-dashboard .btn { align-self: flex-start; min-height: 40px; font-size: 14px; font-weight: 600; background-color: #2d1286; color: #fff; border: none; padding: 0 30px; box-sizing: border-box; border-radius: 3px; cursor: pointer; transition: all .3s; } .wp-block-awpa-user-profile-dashboard .btn:hover { background-color: #230e68; color: #fff; } .wp-block-awpa-user-profile-dashboard .aft-order-container { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; overflow: hidden; } .wp-block-awpa-user-profile-dashboard nav>div select { min-width: auto; } .wp-block-awpa-user-profile-dashboard .right-container .aft-container-plans h2 { margin: 30px 0; font-size: 24px; font-weight: 700; } .wp-block-awpa-user-profile-dashboard .aft-container-plans .awpa-current-plan { border-bottom: 1px solid #eee; padding-bottom: 30px; } .awpa-mem-plans { display: flex; flex-wrap: wrap; gap: 20px; } .awpa-mem-plan { width: 280px; padding: 30px; box-shadow: rgba(99, 99, 99, 0.05) 0px 2px 8px 0px; border-radius: 5px; display: flex; flex-direction: column; gap: 20px; box-sizing: border-box; border: 1px solid #eee !important; color: #333; } .awpa-plan-header { border-bottom: 1px solid #eee; padding-bottom: 20px; } .awpa-plan-header h4 { margin: 0; font-size: 20px; font-weight: 600; } .awpa-plan-header h4 span { display: block; font-size: 16px; font-weight: 400; color: #777; } .awpa-plan-header p { margin: 0; margin-top: 5px; font-size: 16px !important; color: #777; } .awpa-plan-body { margin-top: auto; } .awpa-plan-body ul { margin: 0 !important; padding: 0 !important; text-align: left; list-style: none !important; display: flex; flex-direction: column; gap: 5px; } .awpa-plan-body ul li { margin: 0 !important; padding: 0 !important; font-size: 14px; color: #777; } .awpa-plan-body ul li span { font-weight: 500; } .awpa-plan-body h6 { margin: 0; font-size: 32px; font-weight: 700; line-height: 1; margin-bottom: 20px; } .awpa-plan-footer .btn { width: 100%; } .awpa-modal-popup>div { width: 100%; min-width: 350px; padding: 40px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 5px; position: relative; } .awpa-modal-popup h4 { font-size: 20px; font-weight: 700; border-bottom: 2px solid #eee; padding-bottom: 5px; margin: 0 0 20px 0; } .awpa-modal-popup .awpa-form-inputs label { display: block; font-size: 14px; font-weight: 600; color: #333; margin-bottom: 5px; } .awpa-modal-popup .awpa-form-inputs select, .awpa-modal-popup .awpa-form-inputs input { margin-bottom: 20px; } .awpa-modal-popup .awpa-form-inputs select, .awpa-modal-popup .awpa-form-inputs input { display: block; border: none; color: #333; font-size: 16px; width: 100%; min-height: 40px; padding: 0 8px; outline: 1px solid #adb5bd; border-radius: 3px; box-sizing: border-box; transition: all .3s; } .awpa-modal-popup .awpa-form-inputs select:focus-visible, .awpa-modal-popup .awpa-form-inputs input:focus-visible { outline: 2px solid #2d1286; } .awpa-modal-popup .awpa-imput-content-wrapper .error-message { margin-bottom: 20px; font-size: 14px; color: #cd201f; } .awpa-modal-popup .awpa-form-inputs .awpa-button { min-height: 40px; background-color: #2d1286; color: #fff; font-size: 16px; padding: 7px 30px; font-weight: 600; border-radius: 3px; cursor: pointer; display: inline-block; box-sizing: border-box; transition: all .3s; } .awpa-modal-popup .awpa-form-inputs .awpa-button:not(.awpa-form-disabled):hover { background-color: #230e68; color: #fff; } .awpa-modal-popup .awpa-form-inputs .awpa-button.awpa-form-disabled { background-color: #eee; color: #333; cursor: initial; } .awpa-modal-popup .awpa-form-inputs>.awpa-form-inputs { text-align: right; } .awpa-modal-popup>div>a, .awpa-payment-modal>a { text-decoration: none; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; background: #eee; border-radius: 50%; display: flex; justify-content: center; font-size: 18px; cursor: pointer; transition: all .3s; } .awpa-modal-popup>div>a:hover, .awpa-payment-modal>a:hover { background-color: #c7c7c7; } .awpa-payment-modal { background-color: #fff; border-radius: 5px; padding: 40px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 100%; box-sizing: border-box; position: relative; } .awpa-content-restrict { border: 1px solid #eee; padding: 20px; color: #333; box-sizing: border-box; } .awpa-content-restrict p { font-size: 16px; margin: 0 0 20px 0; } .awpa-content-restrict p:last-child { display: flex; margin: 0; gap: 10px; flex-wrap: wrap; } .awpa-content-restrict a { display: inline-block; text-decoration: none; border: 1px solid #eee; padding: 5px 15px; border-radius: 100px; color: #777; cursor: pointer; box-sizing: border-box; transition: all .3s; } .awpa-content-restrict a:last-child { background-color: #2d1286; color: #fff; border: 1px solid #2d1286; } .awpa-content-restrict a:first-child:hover { border: 1px solid #2d1286; color: #2d1286; } .awpa-content-restrict a:last-child:hover { background-color: #230e68; } .awpa-loign-from-area { max-width: 400px; margin: 0 auto; } .awpa-loign-from-area .awpa-field { margin-bottom: 20px; } .awpa-loign-from-area .awpa-password-field { position: relative; } .awpa-loign-from-area .awpa-password-field input { padding-right: 45px; } .awpa-loign-from-area .awpa-password-field button { position: absolute; top: 0; right: 15px; height: 100%; width: 30px; border: none; border-left: none; background: transparent; padding: 0 20px; border-radius: 0px 3px 3px 0; font-size: 0; cursor: pointer; } .awpa-loign-from-area .awpa-password-field button::after { font-family: "Font Awesome 5 Free"; font-size: 20px; display: inline-block; color: #2d1286; font-weight: 700; transition: all .3s; } .awpa-loign-from-area .awpa-password-field button.show::after { content: '\f06e'; } .awpa-loign-from-area .awpa-password-field button.hide::after { content: '\f070'; } .awpa-loign-from-area .awpa-remember-field { display: flex; align-items: center; gap: 5px; } .awpa-loign-from-area .awpa-remember-field input { width: 20px; min-height: 20px; accent-color: #2d1286; margin: 0; outline: none; border: 1px solid #adb5bd; } .awpa-loign-from-area .awpa-remember-field label { margin: 0; } .awpa-loign-from-area .integration-card>.btn { width: 100%; } .awpa-loign-from-area .integration-card>a { display: inline-block; font-size: 14px; font-weight: 600; color: #2d1286; margin-top: 20px; } .awpa-loign-from-area #login_error { font-size: 16px; margin-bottom: 20px; } .awpa-review-field .awpa-review-item .awpa-smiley-rating { display: flex; gap: 20px; flex-wrap: wrap; } .awpa-review-field .awpa-review-item .awpa-smiley-rating>div { display: flex; gap: 5px; align-items: center; flex-direction: column; } .awpa-review-field .awpa-review-item .awpa-smiley-rating>div p { margin: 0; font-size: 14px; font-weight: 400; } .awpa-review-field .awpa-review-item .awpa-smiley-rating>div button { font-size: 14px; font-weight: 600; padding: 0; border: none; background: none; width: 30px; height: 30px; } .awpa-review-field .awpa-review-item .awpa-smiley-rating>div button svg { width: 100%; height: 100%; } .awpa-review-field .star-review-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .awpa-review-field .star-review-title { flex: 1.4; min-width: 300px; display: flex; flex-direction: column; gap: 15px; } .awpa-review-field h4 { margin: 0; } .awpa-review-field .title-avg-review { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; } .awpa-review-field .title-avg-review > span:first-child { font-size: 32px; font-weight: 700; } .awpa-review-field .title-avg-review .awpa-pro-rating-review { display: flex; align-items: center; gap: 5px; } .awpa-review-field .star-review-wrapper .awpa-review-item { display: flex !important; flex-direction: column; gap: 5px; } .awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review { display: flex !important; align-items: center; gap: 10px; } .awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review .counter-back{ flex: 1; } .awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review > span:first-child{ min-width: 12px; } .awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review > span:last-child{ min-width: 60px; } .awpa-review-field .star-review-wrapper .awpa-pro-single-rating-review, .awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review { display: flex; align-items: center; gap: 10px; } .awpa-review-field .star-review-wrapper .right-star { flex: 1; } .awpa-review-field .star-review-wrapper .right-star h4{ text-transform: uppercase; font-size: 12px; } .awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review{ margin-top: 10px; } .awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review span { font-size: 32px !important; } .awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review span { font-size: 32px !important; } .awpa-review-field .right-star .awpa-rating-button{ border: 1px solid rgba(0, 0, 0, 0.3); padding: 5px 30px; font-size: inherit; line-height: inherit; display: inline-block; background-color: transparent; text-decoration: none; color: inherit; border-radius: 50px; cursor: pointer; transition: all 300ms ease-out; margin-top: 15px; margin-right: 10px; } .awpa-review-field .right-star .awpa-rating-button:disabled{ cursor: not-allowed; opacity: 0.5; } .awpa-review-field .awpa-rating-message { margin-top: 10px; } .awpa-review-field .awpa-login-message { margin: 5px 0 0; } .awpa-review-field .awpa-rating-button-wrapper { display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 20px; margin-top: 20px; } .awpa-review-field .awpa-rating-button-wrapper .awpa-rating-button { margin-top: 0; } .awpa-review-field .awpa-review-item .awpa-yes-no-rating { display: flex; align-items: center; gap: 30px; } .awpa-review-field .awpa-review-item .awpa-yes-no-rating>div { display: flex; flex-direction: column; gap: 2px; } .awpa-review-field .awpa-review-item .awpa-yes-no-rating>div p { margin: 0; font-size: 16px; font-weight: 400; } .awpa-review-field .awpa-review-item .awpa-yes-no-rating>div label { margin: 0; font-weight: 700; font-size: 16px; display: flex; align-items: center; gap: 5px; } .awpa-rating-review+.post-item-metadata { padding: 10px 0; } .awpa-rating-review+.post-item-metadata .post-edit-link { display: inline-block; font-size: 16px; color: inherit; border-bottom: 1px solid currentColor; } .awpa-rating-review+.post-item-metadata .post-edit-link:hover { border-color: transparent; } .awpa-author-post-star-variation { margin-top: 5px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; } .awpa-author-post-star-variation .rating-avg{ font-size: inherit; font-weight: 600; order: -1; } .awpa-author-post-star-variation .awpa-pro-rating-review { display: flex; gap: 5px; } .wp-post-author-wrap.right .awpa-author-post-star-variation { justify-content: flex-end; } .wp-post-author-wrap.center .awpa-author-post-star-variation { justify-content: center; } .awpa-single-post-star-variation .awpa-pro-rating-review { display: inline-block; } .awpa-single-post-star-variation .awpa-pro-rating-review > span { display: inline-block !important; font-size: max(12px, .5em) !important; } .awpa-single-post-star-variation .awpa-pro-rating-review > span:not(:last-child) { margin-right: 5px; } .awpa-top-rated-posts { text-align: left; } .wp-post-author + .awpa-top-rated-posts { padding: 20px 0; } .wp-post-author + .awpa-top-rated-posts h2 { margin-top: 0; } .awpa-top-rated-posts ul.awpa-posts-list { container-type: inline-size; list-style-type: none; margin: 0 !important; padding: 0; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 20px; } .wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list{ flex-direction: row-reverse; } .awpa-top-rated-posts ul.awpa-posts-list li{ padding: 0 !important; display: flex; gap: 15px; align-items: flex-start; width: calc(50% - 10px); } @container (max-width: 480px) { .awpa-top-rated-posts ul.awpa-posts-list li{ width: 100%; } } .wp-post-author-wrap.center .awpa-top-rated-posts ul.awpa-posts-list li{ flex-direction: column; text-align: center; align-items: center; } .wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list li{ flex-direction: row-reverse; text-align: right; } .awpa-top-rated-posts .awpa-top-post-img { position: relative; width: 25%; aspect-ratio: 1/1; overflow: hidden; } .awpa-top-rated-posts .awpa-top-post-img img { margin: 0; width: 100%; height: 100%; object-fit: cover; } .awpa-top-rated-posts .awpa-top-post-img a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .awpa-top-rated-posts .awpa-top-post-img a:hover { border: none; } .awpa-post-count { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; text-align: center; background-color: #ffb900; color: #000; font-weight: 700; font-size: 16px; } .awpa-post-count.awpa-post-count-inside-image { position: absolute; top: 0; left: 0; } .awpa-top-rated-posts .awpa-top-post-title { flex: 1; align-self: center; } .awpa-top-rated-posts .awpa-top-post-title a, .awpa-top-rated-posts .awpa-top-post-title a:hover, .awpa-top-rated-posts .awpa-top-post-title a:focus, .awpa-top-rated-posts .awpa-top-post-title a:active, .awpa-top-rated-posts .awpa-top-post-title a:visited { color: inherit; } .awpa-tabs { position: relative; display: flex; gap: 20px; transition: opacity .3s; overflow-x: auto; } .wp-post-author-wrap.center .awpa-tabs{ justify-content: center; } .wp-post-author-wrap.right .awpa-tabs{ flex-direction: row-reverse; } .awpa-tabs::before{ position: absolute; right: 0; left: 0; bottom: 0; border-bottom: 1px solid #f0f0f0; content: ''; } .awpa-tabs .awpa-tab { position: relative; display: inline-flex; align-items: center; padding: 8px 0; background: 0 0; border: 0; cursor: pointer; outline: none; transition: all .3s; opacity: 0.75; text-transform: uppercase; font-size: 12px; font-weight: 600; white-space: nowrap; } .awpa-tabs .awpa-tab::after{ position: absolute; left: 0px; bottom: 0; display: inline-block; height: 2px; width: 100%; content: ''; pointer-events: none; } .awpa-tabs .awpa-tab.active { text-shadow: 0 0 .25px currentcolor; opacity: 1; } .awpa-tabs .awpa-tab.active::after{ background: currentColor; } .awpa-tab-content { display: none; padding: 20px 0; } .awpa-tab-content.active { display: block; } body.rtl .awpa-top-rated-posts { text-align: right; } body.rtl .wp-post-author-wrap.left .awpa-tabs { flex-direction: row-reverse; } body.rtl .wp-post-author-wrap.right .awpa-tabs { flex-direction: row; } body.rtl .wp-post-author-wrap.left .wp-post-author { flex-direction: row-reverse; text-align: left; } body.rtl .wp-post-author-wrap.right .wp-post-author { flex-direction: row; } body.rtl .awpa-post-count.awpa-post-count-inside-image { left: auto; right: 0; } body.rtl .wp-post-author-wrap.left .awpa-author-post-star-variation { justify-content: flex-end; } body.rtl .wp-post-author-wrap.right .awpa-author-post-star-variation { justify-content: flex-start; } body.rtl .wp-post-author-wrap .awpa-author-post-star-variation .awpa-pro-rating-review span::before{ left: auto; right: 0; } body.rtl .wp-post-author-wrap.left .awpa-top-rated-posts ul.awpa-posts-list{ flex-direction: row-reverse; } body.rtl .wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list{ flex-direction: row; } body.rtl .wp-post-author-wrap.left .awpa-top-rated-posts ul.awpa-posts-list li{ flex-direction: row-reverse; text-align: left; } body.rtl .wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list li{ flex-direction: row; } .awpa-user-rating-list{ list-style-type: none; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 40px; } .entry-content ul.awpa-user-rating-list { padding: 0; } .awpa-pro-single-rating-review { line-height: 1; } .awpauser-rating-item{ display: flex; align-items: center; } .awpa-user-gravatar { display: flex; } .awpa-user-gravatar img{ border-radius: 50%; margin-right: 25px; } .awpa-user-info{ display: flex; flex-wrap: wrap; flex-direction:column; } .awpa-user-name{ font-weight: normal; margin-bottom: 5px; } .awpa-rating-stars{ display: flex; flex-wrap: wrap; align-items:center; } .awpa-review-field { container-type: inline-size; } @container (width > 1400px) { .awpa-user-rating-list { grid-template-columns: repeat(4, 1fr); } } @container (width < 1200px) { .awpa-user-rating-list { grid-template-columns: repeat(3, 1fr); } } @container (width < 780px) { .awpa-user-rating-list { grid-template-columns: repeat(2, 1fr); } } @container (width < 480px) { .awpa-user-rating-list { grid-template-columns: 1fr; } } @media screen and (max-width: 600px) { .wp-post-author .awpa-img.awpa-author-block { margin-top: unset; } .wp-block-awpa-user-profile-dashboard .left-container .nav { font-size: 0; } } @media screen and (max-width: 480px) { .awpa-user-rating-list { grid-template-columns: 1fr; } } @media screen and (max-width: 450px) { .wp-block-awpa-user-profile-dashboard .right-container { padding: 10px; } .wp-block-awpa-user-profile-dashboard .aft-container-plans .awpa-mem-plan { width: 100%; padding: 20px; } }