.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}.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-post-title {
} .wpp-excerpt {
}
.wpp-excerpt:empty {
display: none;
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
}
.wpp-meta:empty, .post-stats:empty {
display: none;
} .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: 120px;
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: 3%;
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: 12px;
width: 150px;
height: 25px;
float: left;
cursor: pointer;
}
div.containerdua label.usersing {
display: block;
height: 50px;
position: relative;
top: 0;
float: none;
margin-right: 0;
}
.usersing a {
text-decoration: none;
font-size:13px;
font-weight:bold;
}
div.containerdua label.switch {
display: block;
height: 50px;
position: relative;
width: 50px;
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;
margin-top:5px;
}
#logo img {
height:40px;
} header #searchform {
float: left;
width: 48%;
margin-right: 0;
margin-top: 0px;
box-sizing: border-box;
}
header #searchform input[type='text'] {
border: 1px solid rgb(204, 204, 204);
border-radius: 20px;
color: #000;
width: 75%;
text-align: left;
font-size: 1.2em;
background-color: #F7F7F7;
background-image: url(//suaranu.id/core/views/474899f0a9/images/search-icon.svg);
background-repeat: no-repeat;
background-position: 2% 50%;
padding: 3px 8px 8px 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(//suaranu.id/core/views/474899f0a9/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: 10px;
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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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: 75px;
}
#geserkanan {
background-image: url(//suaranu.id/core/views/474899f0a9/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: 75px;
}
.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 #085335;
box-sizing: border-box;
}
.menu-utama .current-menu-item a {
color: #085335;
}
.menu-utama .current-menu-item a:hover {
color: #085335;
}
.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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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;
}
.menu-tag-terkini li {
display: inline-block;
}
.menu-tag-terkini li a {
display: block;
padding: 5px 10px;
color: #085335;
border-radius: 6px;
border: 1px solid #085335;
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: #085335;
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: 10px;
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 #df345;
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: bold;
font-size: 16px;
color: #085335;
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 #085335;
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: 90px;
margin-top: 50px;
z-index: 0;
right: 49%;
margin-right: -678px;
}
#sidebar-banner-160x600-kiri {
position: fixed;
top: 90px;
margin-top: 50px;
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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/images/facebook-black.png);
background-repeat: no-repeat;
background-position: 10% 50%;
}
.share-popup .twitter {
background-image: url(//suaranu.id/core/views/474899f0a9/images/twitter-black.png);
background-repeat: no-repeat;
background-position: 10% 50%;
}
.share-popup .google {
background-image: url(//suaranu.id/core/views/474899f0a9/images/google-black.png);
background-repeat: no-repeat;
background-position: 10% 50%;
}
.share-popup .whatsapp {
background-image: url(//suaranu.id/core/views/474899f0a9/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 #085335;
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: #085335;
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 #085335;
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: #085335;
color: #fff;
}
.next a:hover, .prev a:hover, a.page-numbers:hover {
background-color: transparent;
color: #085335;
} .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 #085335;
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: 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: #085335;
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: #085335;
padding: 7px 15px;
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: 280px;
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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/images/facebook-white.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
#single-share-wrap-mobile .twitter {
background-color: #54ABF7;
background-image: url(//suaranu.id/core/views/474899f0a9/images/twitter-white.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
#single-share-wrap-mobile .google {
background-color: #DD4B39;
background-image: url(//suaranu.id/core/views/474899f0a9/images/google-white.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
#single-share-wrap-mobile .whatsapp {
background-color: #55CD6C;
background-image: url(//suaranu.id/core/views/474899f0a9/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);
}
.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);
}
.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(//suaranu.id/core/views/474899f0a9/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 .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 #085335;
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: #085335;
border-radius: 6px;
border: 1px solid #085335;
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: #085335;
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%; 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: #085335;
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;
}
.add-height {
height: 100px;
box-sizing: border-box;
}
header #searchform {
display: none;
position: absolute;
top: 90px;
width: 100%;
box-sizing: border-box;
}
#logo {
float: none;
text-align: left;
margin-left:50px;
padding-top: 2px;
}
#logo img {
padding-top: 8px;
}
#media-sosial-header {
display: none;
}
#search-mobile-button {
display: block;
float: none;
position: absolute;
top: 2px;
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%;
}
}
.post-comments {
margin-top: 1rem;
.social {
margin-bottom: 1.5rem;
.social-container {
background: #ec601c;
padding: 1rem 1rem .8rem 1rem;
.social-wrapper {
a {
background: $black1;
padding: 0.6rem 1rem;
color: $white;
display: inline-block;
margin-bottom: 0.3rem;
font-size: 20px;
&:hover {
background: $black2;
}
}
}
}
}
// next and previous post
nav.navigation.post-navigation {
padding: 1rem;
.nav-links {
display: flex;
flex-direction: row;
.nav-previous, .nav-next {
flex-basis: 50%;
a {
color: $black1;
font-size: 20px;
font-family: $paragraphFont;
.nav-subtitle {
font-family: $paragraphFont;
font-weight: 300;
display: block;
}
.nav-title {
font-family: $paragraphFont;
font-weight: 500;
display: block;
&:hover {
color: $orange;
}
}
}
}
}
}
// title how many comments
h3#comments {
margin: 1.5rem 0 0;
font-size: 20px;
padding: 1rem;
line-height: 24px;
}
// the comments
ol.comment-list {
padding-left: 0;
margin: 0;
padding-bottom: 1.5rem;
list-style-type: none;
li.comment {
img {
width: 50px;
}
article.comment-body {
background: $black1;
border-radius: 10px;
padding: 1rem;
margin-bottom: .8rem;
p, span {
color: $white;
font-size: 18px;
font-family: $paragraphFont;
font-weight: 300;
letter-spacing: .5px;
line-height: 1.5em;
}
.comment-content, .comment-awaiting-moderation {
color: $white;
font-size: 18px;
font-family: $paragraphFont;
font-weight: 300;
letter-spacing: .5px;
line-height: 1.5em;
}
.comment-awaiting-moderation {
margin-left: 1rem;
}
.reply {
display: none;
}
}
ul.children {
list-style-type: none;
li.comment {
article.comment-body {
background: $black2;
}
}
}
}
}
article.comment-body {
footer.comment-meta {
background: $black2;
display: flex;
flex-direction: row;
align-items: center;
.vcard {
display: flex;
flex-direction: row;
align-items: center;
img {
margin-right: 1rem;
}
span.says {
margin: 0 0.4rem;
}
b.fn {
color: #fff;
font-family: $paragraphFont;
font-weight: 400;
}
}
}
}
// form
#respond.comment-respond {
//background: $grey4;
padding: 1rem;
h3.comment-reply-title {
margin: 0;
}
textarea#comment {
width: 96.5%;
font-size: 20px;
border: 1px solid #e0e5e6;
font-family: $paragraphFont;
font-weight: 300;
height: 8rem;
display: block;
padding: 0.5rem;
border-radius: 5px;
margin-top: 0.2rem;
&:focus, &:active {
outline: none;
}
}
form.comment-form {
input[type="text"], input[type="email"], input[type="url"] {
width: 96.5%;
font-size: 20px;
border: 1px solid #e0e5e6;
font-family: $paragraphFont;
font-weight: 300;
height: 25px;
display: block;
padding: 0.5rem;
border-radius: 5px;
margin-top: 0.2rem;
&:focus, &:active {
outline: none;
}
}
}
}
}
.col-offset-fluid {
margin-right: -15px;
margin-left: -15px;
}
.clearfix:after, .clearfix:before {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.mb-2 {
margin-bottom:10px;
}
.col-bs12-3 {
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
float: left;
width: 24.5%;
}
@media (max-width: 768px) {
.col-bs12-3 {
width: 50%;
}
}
@media (max-width: 576px) {
.col-bs12-3 {
width: 50%;
}
}
.text-center {
text-align: center;
}
.card__client {
overflow-y: hidden;
}
.card__client__img {
padding: 3px;
margin-top:-15px;
}
.card__client__img img {
-o-object-fit: contain;
object-fit: contain;
height: 60px;
}
.card__client {
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 10px;
border: 1px solid #f7f7fc;
padding: 0 10px;
background-color: #ffffff;
-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
-o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
}
.card__client__img img {
max-width: 100%;
}
.client-all .card__client {
background-color: #e9e9e9;
}
.client-all .filter-client {
display: grid;
grid-template-columns: 1fr 2.5fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-bottom: 40px;
}.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(//suaranu.id/core/views/474899f0a9/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(//suaranu.id/core/views/474899f0a9/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%}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}