.bnav_bottom_nav_wrapper{box-shadow:2px -2px 16px 4px rgba(81,81,81,.3)}.bnav_bottom_nav_wrapper{z-index:99999!important}.bnav_bottom_nav_wrapper{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.bnav_bottom_nav_wrapper ul.bnav_main_menu{justify-content:center}.bnav_bottom_nav_wrapper ul.bnav_main_menu li .text_wrapper{display:flex}.bnav_bottom_nav_wrapper ul.bnav_main_menu li a .icon_wrapper.normal{display:flex}.bnav_bottom_nav_wrapper ul.bnav_main_menu li.current-menu-item .icon_wrapper.normal{display:none}.bnav_bottom_nav_wrapper ul.bnav_main_menu li a .text_wrapper{display:flex}.bnav_bottom_nav_wrapper ul.bnav_main_menu li{display:none !important}.bnav_bottom_nav_wrapper ul.bnav_main_menu li:nth-child(-n+4){display:flex !important}.bnav_bottom_nav_wrapper ul.bnav_main_menu li a .bnav_menu_items .img_icon img{width:18px}.bnav_main_menu_container .bnav_menu_items .bnav_flex{flex-direction:column}.bnav_bottom_nav_wrapper ul.bnav_main_menu li,.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li,.bnav_bottom_nav_wrapper ul.sub-menu.bnav_child_sub_menu li{display:none !important}.bnav_bottom_nav_wrapper ul.bnav_main_menu li:nth-child(-n+4){display:flex !important} .bnav_bottom_nav_wrapper{display:none !important}@media only screen and (max-width:768px){body{padding-bottom:300px !important}.bnav_bottom_nav_wrapper{display:block !important}} img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /* To be replaced in `head` to control optm data location */ img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:0 0 !important;padding:0 !important} /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} :root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important} .pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79,79,79,.4);--pswp-preloader-color-secondary:rgba(255,255,255,.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:0 0;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:0 0;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:0 0;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 .2s linear;animation:pswp-clockwise .6s 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 .12s 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} .bnav_main_menu_container .sub-menu-toggle{display:none !important}.icon_wrapper .img_icon{display:flex;flex-shrink:0 !important}.bnav_bottom_nav_wrapper{position:fixed;bottom:0;left:0;right:0;z-index:999;transition:all .8s ease-in-out}.bnav_bottom_nav_wrapper ul{padding:0;list-style:none;max-width:768px;display:flex;margin:0 auto;align-items:center;justify-content:space-around}.bnav_bottom_nav_wrapper ul li{cursor:pointer;flex-shrink:0;flex-basis:auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;flex:1}.bnav_bottom_nav_wrapper ul li:focus-visible{outline:none}.bnav_bottom_nav_wrapper ul li a{text-decoration:none}.bnav_bottom_nav_wrapper ul.menu li>ul{position:absolute;left:0;right:0;max-width:100%}.bnav_flex{display:flex;align-items:center;justify-content:center;text-align:center}.bnav_icon_bottom .icon_wrapper{display:flex;order:2}.bnav_right .icon_wrapper{display:flex;order:2}.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_center{flex-direction:column}.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_center .icon_wrapper{order:unset}.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_left{flex-direction:row}.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_right{flex-direction:row}.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_left .text_wrapper{order:2}.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_left .icon_wrapper{order:1}.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_icon_bottom .icon_wrapper{order:2}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_center{flex-direction:column}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_center .icon_wrapper{order:unset}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_left{flex-direction:row}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_right{flex-direction:row}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_left .text_wrapper{order:2}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_left .icon_wrapper{order:1}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_icon_bottom .icon_wrapper{order:2}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 .bnav_menu_items:hover .icon_wrapper.active{display:flex}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 .bnav_menu_items:hover .icon_wrapper.normal{display:none}.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_center{flex-direction:column}.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_center .icon_wrapper{order:unset}.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_left{flex-direction:row}.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_right{flex-direction:row}.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_left .text_wrapper{order:2}.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_left .icon_wrapper{order:1}.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_icon_bottom .icon_wrapper{order:2}.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items:hover .icon_wrapper.active{display:flex}.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items:hover .icon_wrapper.normal{display:none}.bnav_bottom_nav_wrapper ul li ul.sub-menu{display:none !important}.bnav_bottom_nav_wrapper ul li a .icon_wrapper.active{display:none;flex-shrink:0 !important}.bnav_bottom_nav_wrapper ul.bnav_main_menu li a .bnav_menu_items:hover .icon_wrapper.active{display:flex;flex-shrink:0}.bnav_bottom_nav_wrapper ul.bnav_main_menu li a .bnav_menu_items:hover .icon_wrapper.normal{display:none}.bnav_bottom_nav_wrapper ul li.current-menu-item .icon_wrapper.active{display:flex}.bnav_bottom_nav_wrapper ul li.current-menu-item .icon_wrapper.normal{display:none !important}.bnav_bottom_nav_wrapper ul li.active .icon_wrapper.active{display:flex}.bnav_bottom_nav_wrapper ul li.active .icon_wrapper.normal{display:none !important}.bnav_sub_menu_wrapper ul li ul{display:none}.bnav_sub_menu_wrapper ul.sub-menu.show ul{display:none !important}.bnav_menu_items{position:relative}.bnav_menu_items .cart_total,.bnav_menu_items .bnav_wishlist_counter{position:absolute;top:-3px;right:calc( 0% - 20px);display:inline-block;width:auto}.bnav_menu_items .bnav_wishlist_counter{color:#818797;font-size:14px;line-height:17px;letter-spacing:.48px}.bnav_sub_menu_search .bnav_search_input{position:relative}.bnav_sub_menu_search .bnav_search_input{display:flex;align-items:center}.bnav_sub_menu_search .bnav_search_input input{width:100%;flex-shrink:0;background:0 0;outline:none;border:none}.bnav_sub_menu_search .bnav_search_input input:focus{background:0 0;outline:none}.bnav_sub_menu_search .bnav_search_input.right{flex-direction:row-reverse}.bnav_overlay{display:none;position:fixed;left:0;width:100%;height:calc( 100vh + 900px);top:-900px}.bnav_sub_menu_search{display:none}.bnav_sub_menu_search.bnav_search_hide{display:none}.bnav_main_menu_container{position:relative}.bnav_main_menu_overlay{display:none;position:absolute;top:0;left:0;z-index:3;background:#ff000000;width:100%;height:100%}.bnav_sub_menu_search .bnav_search_input input{padding:0;margin:0}.bnav_search_input.input_focused{position:relative;z-index:9}.bnav_sub_menu_search .bnav_search_input.left i,.bnav_sub_menu_search .bnav_search_input.left img{margin-right:5px}.bnav_sub_menu_search .bnav_search_input.right i,.bnav_sub_menu_search .bnav_search_input.right img{margin-left:5px}.bnav_sub_menu_wrapper .sub-menu.bnav_mega_menu_wrapper{display:block}.bnav_bottom_nav_wrapper ul li a .text_wrapper,.bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total,.bnav_bottom_nav_wrapper ul.sub-menu.bnav_child_sub_menu li a .text_wrapper{transition:all .5s ease-in-out}.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li a .text_wrapper,.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li a .bnav_menu_items .cart_total{transition:all .5s ease-in-out}.bnav_overlay_close_all{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff00;z-index:99}.bnav_scroll_hide_menu{bottom:-1000px}.bnav_hide_menu_onscroll_mobile{bottom:-1000px} .wpp-list li{overflow:hidden;float:none;clear:both;margin-bottom:1rem}.wpp-list li:last-of-type{margin-bottom:0}.wpp-thumbnail{display:inline;float:left;margin:0 1rem 0 0;border:none}.wpp_def_no_src{object-fit:contain}.wpp-meta,.post-stats{display:block;font-size:.8em} 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:400;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:#999;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}#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:hover{background:#fff}.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:700}i,em{font-style:italic}body,body.home,body.category,body.page-template{background-color:var(--bg-f7f)}body.single{background:var(--bg-color-dua)}.add-height{height:140px;box-sizing:border-box}header{width:100%;margin:0 auto;text-align:center;position:fixed;top:0;z-index:2;box-shadow:0 .4rem 1.2rem 0 rgba(0,0,0,.05);background:var(--bg-color-dua)}.hamburger-button{position:absolute;left:0;top:5px;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,.5);-webkit-box-shadow:173px -19px 70px 200px rgba(0,0,0,.5);-moz-box-shadow:173px -19px 70px 200px rgba(0,0,0,.5);overflow:scroll;box-sizing:border-box}.mobile-menu-kiri-wrap p.judul-menu{font-weight:700;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:400;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:#0cf;box-sizing:border-box}.copyright-mobile{font-size:12px;color:#999;font-weight:400;border-top:1px solid #ccc;text-align:left;padding:20px;background:var(--bg-color);width:100%;box-sizing:border-box;position:relative;bottom:0;z-index:999999999999999;box-sizing:border-box}div.containerdua{margin-top:20px;width:60px;height:25px;float:left;background-image:url(//arahnusa.com/wp-content/themes/kobaran/images/matahari.svg);background-repeat:no-repeat;cursor:pointer;filter:var(--svg)}div.containerdua label.switch{display:block;height:60px;position:relative;width:60px;top:0;float:none;margin-right:0}div.containerdua label.switch input{display:none}.modegelap{margin-left:20px;margin-bottom:10px;display:inline-block;color:var(--font-color)}.switch{display:inline-block;height:15px;position:relative;width:40px;top:3px;float:right;margin-right:20px}.switch input{display:none}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:20px;left:0;top:-6px;position:absolute;transition:.4s;width:20px;border:2px solid #ccc}input:checked+.slider{background-color:#35393b}input:checked+.slider:before{transform:translateX(20px);border-color:#35393b;background-color:#181a1b}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.fixed-wrap{width:100%;max-width:1024px;background-color:var(--bg-color-dua);padding:10px 10px 0;margin:0 auto;box-sizing:border-box;position:relative}#logo{display:block;float:left;margin-right:20px}header #searchform{float:left;width:52%;margin-right:0;margin-top:6px;box-sizing:border-box}header #searchform input[type=text]{border:1px solid #ccc;border-radius:20px;color:#000;width:92%;text-align:left;font-size:17px;background-color:#f7f7f7;background-image:url(//arahnusa.com/wp-content/themes/kobaran/images/search-icon.svg);background-repeat:no-repeat;background-position:2% 50%;padding:10px 10px 10px 50px;box-sizing:border-box}::-webkit-input-placeholder{color:#ddd}:-ms-input-placeholder{color:#ddd}::-ms-input-placeholder{color:#ddd}::placeholder{color:#ddd;opacity:1}header #searchform input:focus{outline:none}header #searchsubmit{background-color:transparent;background-image:url(//arahnusa.com/wp-content/themes/kobaran/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:0;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;display:none}.garis1,.garis3{width:20px;height:3px;background-color:#ccc;margin:5px 0}.garis2{width:13px;height:3px;background-color:#ccc;margin:5px 0}#media-sosial-header{text-align:center;margin-top:20px;float:right;margin-right:20px}#media-sosial-header a{display:inline-block}#media-sosial-header .fb{border:1px solid #ddd;background-color:#ddd;background-image:url(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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:88px}#geserkanan{background-image:url(//arahnusa.com/wp-content/themes/kobaran/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:88px}.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:700;font-size:18px;color:var(--font-color);display:inline-block;padding:5px 20px 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 #0cf;box-sizing:border-box}.menu-utama .sub-menu .current-menu-item{border-bottom:none}.menu-utama>li.menu-item-has-children>a{margin-right:10px}.menu-utama>li.menu-item-has-children>a:after{content:url(//arahnusa.com/wp-content/themes/kobaran/); 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(//arahnusa.com/wp-content/themes/kobaran/images/chevron.svg); position: absolute; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px; right: 0; filter: var(--filter-png); } /* awal tambahan */ 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; } /* akhir tambahan */ .menu-tag-terkini { text-align: center; padding: 0; margin: 0; } .menu-tag-terkini li { display: inline-block; } .menu-tag-terkini li a { display: block; padding: 5px 10px; color: rgb(31, 141, 214); border-radius: 6px; border: 1px solid rgb(31, 141, 214); font-weight: 700; font-family: 'Heebo', sans-serif; font-size: 14px; background-color: var(--bg-f7f); text-transform: capitalize; text-decoration: none; margin-right: 4px; } .menu-tag-terkini li a:hover { background-color: rgb(31, 141, 214); color: #fff; } .topik-terkini { display: none; } .menu-tag-terkini-mobile { display: none; padding-left: 20px; margin-bottom: 20px; } .menu-tag-terkini-mobile li a { color: rgb(31, 141, 214); font-weight: 800; font-family: 'Heebo', sans-serif; font-size: 16px; padding: 5px 0; display: block; text-transform: capitalize; } .menu-tag-terkini-mobile li a:before { content: "# "; color: gray; margin-right: 7px; } .menu-mobile { position: fixed; top: 85px; left: 0; z-index: 999999; background-color: #0087E2; width: 100%; height: auto; display: none; overflow: auto; } .menu-mobile li a { display: block; padding: 10px 20px; color: #fff; text-align: left; text-decoration: none; font-size: 0.9em; font-weight: bold; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } .menu-mobile li a:hover { padding: 10px 40px; background-color: #0070BB; } .hot a::after { content: "Hot"; color: #fff; vertical-align: super; font-size: 0.7em; font-weight: bold; background-color: #00ccff; padding: 3px; margin-left: 5px; border-radius: 20px } .hot a:hover { } .menu-menu-atas-container:after { content: " "; position: absolute; top: 68%; right: 00; 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%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 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; } /************************* LIGHTSLIDER ************************/ .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: #00ccff; 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; } /**** INDOZONE ***/ .headline-indozone { margin-bottom: 20px; display: none; } .headline-indozone ul.lSPager { margin-top: 13px !important; } .headline-indozone .lSPager img { border-radius: 100%; border: 3px solid #12A7B5; 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.6); } #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: #00ccff; 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; } /**** OWL CAROUSEL ****/ .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); } /************************* HOMEPAGE (INDEX) ************************/ .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 #00ccff; margin: 10px 0; box-sizing: border-box; color: var(--font-color); } .homepage-category-name a, .homepage-category-video a { text-decoration: none; text-transform: capitalize; color: var(--font-color); } .homepage-category-name a.lihat { text-align: right; font-weight: normal; font-size: 16px; color: rgb(24, 112, 171); float: right; } .chevron-right { height: 18px; vertical-align: middle; opacity: 0.4; filter: var(--svg); } a.homepage-category-headline { display: block; float: left; width: 100%; max-width: 320px; height: 450px; text-decoration: none; background: rgba(0, 0, 0, 0) linear-gradient(transparent 0%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0% 0%; border-radius: 6px; position: relative; margin: 10px 0; overflow: hidden; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; box-sizing: border-box; } a.homepage-category-headline:hover img { transform: scale(1.1); } img.foto-headline-category { display: block; border-radius: 6px; max-width: 320px; width: 100%; height: 450px; position: relative; z-index: -1; transition: 0.4s ease; } .homepage-category-text-block { position: absolute; bottom: 25px; } .homepage-category-inside { color: #00ccff; padding: 2px 15px; margin: 0; font-family: 'Heebo',sans-serif; font-size: 12px; text-transform: uppercase; } h3.homepage-category-headline-judul { color: #fff; padding: 5px 15px; font-size: 18px; font-weight: 700; margin-top: 5px; } .deskripsi-kategori p { text-align: center; font-family: 'Heebo',sans-serif; width: 100%; margin-bottom: 20px; color: var(--font-color); } .homepage-category-tanggal { color: #fff; padding: 5px 15px; font-size: 12px; margin: 0; font-family: 'Heebo',sans-serif; } .homepage-category-block { width: 100%; max-width: 320px; float: left; margin: 10px; background-color: var(--bg-color-dua); box-shadow: rgba(0, 0, 0, 0.133) 0px 0.16rem 0.36rem 0px, rgba(0, 0, 0, 0.11) 0px 0.03rem 0.09rem 0px; border-radius: 6px; } .trending-homepage { width: 100%; max-width: 320px; float: left; margin: 10px 5px; background-color: var(--bg-color-dua); box-shadow: rgba(0, 0, 0, 0.133) 0px 0.16rem 0.36rem 0px, rgba(0, 0, 0, 0.11) 0px 0.03rem 0.09rem 0px; border-radius: 6px; } .trending-homepage .wpp-list { height: 409px; overflow: scroll; padding-top: 0; margin-top: 0; } .terbaru { background: transparent; width: 100%; padding: 0 10px; border-left: 7px solid #12A7B5; margin: 10px 0; font-weight: 900; font-family: 'Heebo', sans-serif; box-sizing: border-box; color: var(--font-color); } .terbaru span { text-transform: capitalize; } .berita-terkini { counter-reset: listCounter; background: var(--bg-color-dua); height: 409px; padding: 0 8px 15px 8px; overflow-y: scroll; overflow-x: hidden; float: left; margin: 0; } .berita-terkini li { border-bottom: 1px solid var(--border-ddd); counter-increment: listCounter; position: relative; padding-left: 5px; margin-bottom: 10px; padding-bottom: 10px; } .berita-terkini li:first-child, .trending-homepage .wpp-list li:first-child { border-top: 1px solid var(--border-eee); padding-top: 15px; } /* .berita-terkini li::before { content: counter(listCounter) "."; color: red; font-family: 'Heebo', sans-serif; font-weight: bold; border-radius: 20px; text-align: center; position: absolute; padding: 0 0 0 4px; top: 1.9px; left: 0; } */ .berita-terkini li:first-child::before { top: 16px; } .berita-terkini li:last-child { border-bottom: none; } .berita-terkini > li > a { color: var(--font-color); line-height: 1.4; font-family: 'Heebo', sans-serif; font-weight: 500; } .berita-terkini > li > a:hover { text-decoration: none; } .foto-berita-terkini { float: right; margin: 0 9px 0 12px; border-radius: 6px; } .foto-berita-terkini:hover { opacity: 0.8; } #block1, #block2, #block3 { background: #fff; float: left; width: 320px; margin: 10px 0 10px 0; box-shadow: rgba(0, 0, 0, 0.133) 0px 0.16rem 0.36rem 0px, rgba(0, 0, 0, 0.11) 0px 0.03rem 0.09rem 0px; border-radius: 6px; height: 450px; overflow: scroll; } #sidebar-right { height: 618px; overflow-y: scroll; overflow-x: hidden; } h2.judul-block1, h2.judul-block2, h2.judul-block3 { background: #fff; width: 100%; padding: 0 10px; border-left: 7px solid rgb(3, 131, 131); margin: 10px 0 0 0; font-weight: 700; font-size: 16px; font-family: 'Heebo', sans-serif; box-sizing: border-box; } .block1-wrap .wpp-list, .block2-wrap .wpp-list, .block2-wrap .wpp-list { height: 395px; padding: 10px 8px; } .block1-wrap ul.wpp-list li:first-child::before, .block2-wrap ul.wpp-list li:first-child::before, .block3-wrap ul.wpp-list li:first-child::before { top: 16px; } .block1-wrap .wpp-list li:first-child, .block2-wrap .wpp-list li:first-child, .block3-wrap .wpp-list li:first-child { border-top: 1px solid #eee; padding-top: 15px; } .block1-wrap > div > img, .block2-wrap > div > img, .block3-wrap > div > img { display: block; margin: 0 auto; padding: 10px 0; box-sizing: border-box; } .block1-wrap > div, .block2-wrap > div, .block3-wrap > div { margin: 10px; } .block1-wrap input, .block1-wrap textarea, .block1-wrap select, .block2-wrap input, .block2-wrap textarea, .block2-wrap select, .block3-wrap input, .block3-wrap textarea, .block3-wrap select { display: block; margin: 10px; max-width: 300px; width: 100%; box-sizing: border-box; } .block1-wrap ol li, .block1-wrap ul li, .block2-wrap ol li, .block2-wrap ul li, .block3-wrap ol li, .block3-wrap ul li { margin-bottom: 10px; } #sidebar-banner-160x600-kanan { position: fixed; top: 123px; margin-top: 70px; z-index: 0; right: 49%; margin-right: -684px; } #sidebar-banner-160x600-kiri { position: fixed; top: 123px; margin-top: 70px; z-index: 0; left: 49%; margin-left: -684px; } .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(//arahnusa.com/wp-content/themes/kobaran/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; } /************************* CONTENT ************************/ .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; /* border: 1px solid red; */ } #timeline { width: 100%; max-width: 550px; margin-top: 25px; /* border: 1px solid red; */ } #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(//arahnusa.com/wp-content/themes/kobaran/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%; /* At the bottom of the tooltip */ 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(//arahnusa.com/wp-content/themes/kobaran/images/facebook-black.png); background-repeat: no-repeat; background-position: 10% 50%; } .share-popup .twitter { background-image: url(//arahnusa.com/wp-content/themes/kobaran/images/twitter-black.png); background-repeat: no-repeat; background-position: 10% 50%; } .share-popup .google { background-image: url(//arahnusa.com/wp-content/themes/kobaran/images/google-black.png); background-repeat: no-repeat; background-position: 10% 50%; } .share-popup .whatsapp { background-image: url(//arahnusa.com/wp-content/themes/kobaran/images/whatsapp-black.png); background-repeat: no-repeat; background-position: 10% 50%; } .share-popup li a:hover { color: #0080DF; text-decoration: none; border-radius: 0; background-color: whitesmoke; } .next-wrap { display: flex; justify-content: center; margin-bottom: 20px; } .next a, .prev a { display: block; border: 2px solid #009BA9; border-radius: 6px; padding: 10px; text-decoration: none; font-weight: bold; margin: 10px; text-align: center; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.3s; background-color: #009BA9; color: #fff; } span.page-numbers { display: inline-block; border: 2px solid #999; border-radius: 6px; padding: 10px 15px; text-decoration: none; font-weight: bold; margin: 10px 2px; text-align: center; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.3s; background-color: #999; color: #fff; } a.page-numbers { display: inline-block; border: 2px solid #009BA9; border-radius: 6px; padding: 10px 15px; text-decoration: none; font-weight: bold; margin: 10px 2px; text-align: center; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.3s; background-color: #009BA9; color: #fff; } .next a:hover, .prev a:hover, a.page-numbers:hover { background-color: transparent; color: #009ba9; } /********************** * PAGE * *******************/ .page #single-wrap { max-width: 980px; } .page .single-article { max-width: 100%; } /************************ CATEGORY ***********************/ .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 #00ccff; 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 ************************/ #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; /* Safari */ 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 } /* width */ ::-webkit-scrollbar { width: 7px; } /* Handle */ ::-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-list li::before { content: counter(my-awesome-counter) ". "; color: red; font-family: 'Heebo', sans-serif; font-weight: bold; position: absolute; padding: 0 0 0 4px; top: 1.9px; left: 0; border-radius: 20px; text-align: center; } */ .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 and SIDE SINGLE ************************/ #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: #00ccff; 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 ul li, #sidebar-single ul li, #sidebar-category ul li { margin-bottom: 12px; list-style: none; line-height: 1.5; } #sidebar-right ul li a, #sidebar-single ul li a, #sidebar-category ul li a { display: block; text-decoration: none; } #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%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } /* Then style the iframe to fit in the container div with full height and width */ #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); } /***** SCROLL TO TOP ****/ .scrollTop { position: fixed; right: 3%; bottom: 15px; background-color: #009BA9; padding: 7px 15px; opacity: 0.7; transition: all 0.4s ease-in-out 0s; border-radius: 100%; } .scrollTop a { font-size: 18px; color: #fff; } .arrow { border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } /************************* FOOTER ************************/ footer { width: 100%; margin: 20px auto 0 auto; background-color: var(--bg-color-footer); box-sizing: border-box; } #footer-wrap { background-color: var(--bg-color-footer); width: 100%; max-width: 1024px; margin: 0 auto; padding: 40px 10px; box-sizing: border-box; } .logo-bawah-wrap { display: block; float: left; width: 100%; max-width: 350px; box-sizing: border-box; color: var(--font-color); } .logo-bawah-wrap > p { } .logo-bawah-wrap img { filter: var(--filter-logo-bawah); opacity: 0.5; padding-left: 20px; } .logo-bawah-wrap p { padding-left: 20px; font-size: 0.7em; font-family: 'Heebo', sans-serif; margin-left: 10px; width: 100%; max-width: 250px; } footer .menu-bawah { text-align: center; margin-bottom: 10px; float: left; margin-left: 40px; padding: 0; } footer ul.menu-bawah li { display: block; } footer .menu-bawah li a { font-size: 12px; display: block; padding: 4px 10px; color: var(--font-color); text-align: left; font-family: 'Heebo', sans-serif; } footer .menu-bawah li a:hover { text-decoration: none; color: var(--font-000); } .menu-footer-2 { float: left; margin-left: 40px; padding: 0; } .menu-footer-2 li a { font-size: 12px; display: block; padding: 4px 10px; color: var(--font-color); text-align: left; font-family: 'Heebo', sans-serif; } .menu-footer-2 li a:hover { text-decoration: none; color: var(--font-000); } .menu-footer-3 { float: left; margin-left: 40px; padding: 0; } .menu-footer-3 li a { font-size: 12px; display: block; padding: 4px 10px; color: var(--font-color); text-align: left; font-family: 'Heebo', sans-serif; } .menu-footer-3 li a:hover { text-decoration: none; color: var(--font-000); } .menu-footer-4 { float: left; margin-left: 40px; padding: 0; } .menu-footer-4 li a { font-size: 12px; display: block; padding: 4px 10px; color: var(--font-color); text-align: left; font-family: 'Heebo', sans-serif; } .menu-footer-4 li a:hover { text-decoration: none; color: var(--font-000); } .copyrights { text-align: center; font-size: 0.7em; } .copyright-mobile-new { display: none; } #media-sosial-footer { text-align: center; margin-bottom: 10px; display: none; } #media-sosial-footer a { display: inline-block; } #media-sosial-footer .fb { border: 1px solid #ddd; background-color: #ddd; background-image: url(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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 ************************/ #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(//arahnusa.com/wp-content/themes/kobaran/images/facebook-white.png); background-repeat: no-repeat; background-position: 50% 50%; } #single-share-wrap-mobile .twitter { background-color: #54ABF7; background-image: url(//arahnusa.com/wp-content/themes/kobaran/images/twitter-white.png); background-repeat: no-repeat; background-position: 50% 50%; } #single-share-wrap-mobile .google { background-color: #DD4B39; background-image: url(//arahnusa.com/wp-content/themes/kobaran/images/google-white.png); background-repeat: no-repeat; background-position: 50% 50%; } #single-share-wrap-mobile .whatsapp { background-color: #55CD6C; background-image: url(//arahnusa.com/wp-content/themes/kobaran/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(//arahnusa.com/wp-content/themes/kobaran/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 #00ccff; 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 { /* this is needed so Safari keeps sharp edges */ transform: scale(1); } .writer { margin-bottom: 15px; position: relative; } .writer img.avatar { width: 100%; max-width: 50px; height: auto; border-radius: 50%; display: block; margin-right: 10px; float: left } .writer img.badge-check { width: 100%; max-width: 20px; height: auto; position: absolute; bottom: 0; left: 33px; } .writer-name { display: table-cell; vertical-align: middle; } .writer a { display: block; text-transform: capitalize; font-weight: bold; font-family: 'Heebo', sans-serif; color: var(--font-color); } .writer span { color: #999; font-size: 16px; font-family: 'Heebo', sans-serif; } .author .wrap-author { width: 100%; max-width: 650px; margin: 0 auto; } .author .writer { width: 100%; max-width: 650px; margin: 0 auto; margin-top: 30px; background-color: var(--bg-color); padding-top: 50px; padding-bottom: 30px; margin-top: 100px; border: 1px solid var(--border-eee); } .author .writer-name { display: block; text-align: center; font-weight: bold; font-size: 22px; color: var(--font-color); } .author .writer a { text-align: center; } .author .writer img.badge-check { width: 100%; max-width: 25px; height: auto; position: absolute; left: 350px; top: -10%; } .author .writer img.avatar { width: 100%; max-width: 85px; height: auto; border-radius: 50%; display: block; margin: 0 auto; border: 1px solid #ccc; float: none; margin-bottom: 20px; position: absolute; margin-top: -100px; right: 43%; border: 5px solid #fff; } .author .jumlahtulisan { text-align: center; color: #999; font-size: 16px; font-family: 'Heebo', sans-serif; } .author .kotak-terbaru { border-top-left-radius: 0; border-top-right-radius: 0; } .author .writer span { display: block; } .tagname { padding: 10px 0; margin-bottom: 20px; } .tagname a { display: inline-block; padding: 4px 8px; color: rgb(31, 141, 214); border-radius: 6px; border: 1px solid rgb(31, 141, 214); font-weight: 700; font-family: 'Heebo', sans-serif; font-size: 14px; line-height: 1.8; background-color: var(--bg-color-dua); text-transform: capitalize; text-decoration: none; margin-right: 2px; margin-bottom: 6px; } .tagname a:hover { background-color: rgb(31, 141, 214); color: #fff; text-decoration: none; } .komentar-fb { margin: 20px 0; width: 100% !important; max-width: 800px !important; } /************************* PAGE TRENDING ************************/ #page-fullwidth { width: 100%; max-width: 1024px; margin: 0 auto; } #page-fullwidth h1 { text-align: center; margin-top: 20px; margin-bottom: 20px; font-weight: 700; font-size: 40px; color: var(--font-color); } .trending-wrap { width: 100%; max-width: 640px; background-color: #fff; margin: 0 auto; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.133) 0px 0.16rem 0.36rem 0px, rgba(0, 0, 0, 0.11) 0px 0.03rem 0.09rem 0px; margin-bottom: 20px; } .trending-wrap .wpp-list { height: auto; overflow: hidden; } .trending-wrap .wrapper { background: var(--bg-color-dua); } ul.tabs { font-family: 'Heebo', sans-serif; background: var(--bg-f7f); overflow: auto; white-space: nowrap; -ms-overflow-style: none; /* IE and Edge */ } 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: #1F8DD6; 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; } } /************************* WIDGET ************************/ .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; } /************************* SEARCH PAGE ************************/ 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 widget */ #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); } /************************ SWITCH 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%); --filter-logo-atas : black(0%); } [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 : invert(100%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(114%) contrast(100%); --filter-logo-atas : invert(100%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(114%) contrast(100%); } /** CUSTOM LOGIN PAGE **/ 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; } /** CUSTOM HOME PAGE **/ .block-newsfeed { width: 100%; max-width: 1024px; margin: 20px auto 0 auto; /* border: 1px solid red; */ } .judul-block-newsfeed { font-family: 'Heebo', sans-serif; font-size: 24px; font-weight: 700; line-height: 0.8; padding: 5px; border-left: 7px solid #00ccff; margin: 10px 20px; box-sizing: border-box; color: var(--font-color); } .block-newsfeed-wrap { width: 100%; max-width: 650px; /* border: 1px solid black; */ 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; /* border: 1px solid black; */ 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: #00ccff; 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 **/ #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:#0cf;height:30px;left:0}.judul-sidebar-custom-homepage{text-transform:capitalize;font-family:'Heebo',sans-serif;font-size:24px;font-weight:900;color:var(--font-color);padding-left:5px;padding-bottom:10px;background-color:var(--bg-color-dua);border-bottom:1px solid var(--border-eee);margin:0;text-align:left;box-sizing:border-box;width:100%}body.ogio-preview{display:none !important}@media screen and (max-width:1380px){#sidebar-banner-160x600-kanan{right:51.5%;margin-top:20px}#sidebar-banner-160x600-kiri{left:51.5%;margin-top:20px}}@media screen and (max-width:1107px){#sidebar-banner-160x600-kiri,#sidebar-banner-160x600-kanan{display:none}.menu-utama{overflow-x:scroll}}@media screen and (max-width:1079px){#geserkiri,#geserkanan{display:none}}@media screen and (max-width:1052px){#sidebar-right{width:32%}.video-box{width:23%}#page-fullwidth .video-box{width:100%}}@media screen and (max-width:1051px){.category .wrap-category{width:65%}.category .slide-medium{width:49.3%}}@media screen and (max-width:1042px){#sidebar-right{width:31%}.trending-homepage{width:31%}}@media screen and (max-width:1029px){#sidebar-right{width:30%}.trending-homepage{width:30%}.tag .wrap-category{width:64%}}@media screen and (max-width:1017px){.trending-homepage{width:29%}.video-box{width:30%}}@media screen and (max-width:1012px){#sidebar-right{width:28%}header #searchform{width:52%}}@media screen and (max-width:1009px){.block-newsfeed-wrap{width:60%}}@media screen and (max-width:1000px){.homepage-category-block{width:32%}header #searchform{width:50%}}@media screen and (max-width:999px){.category .wrap-category{width:64%}}@media screen and (max-width:989px){.home .demo{width:71%}.home .demo li .slide-medium{width:49.5%}}@media screen and (max-width:981px){.homepage-category-block{width:30%}}@media screen and (max-width:971px){.category .wrap-category{width:63%}}@media screen and (max-width:972px){header #searchform{width:50%}}@media screen and (max-width:970px){.wpp-list,.trending-homepage .wpp-list{overflow-x:hidden}.tag .wrap-category{width:60%}.video-box{width:22%}#page-fullwidth .video-box{width:30%}}@media screen and (max-width:967px){header #searchform{width:47%}}@media screen and (max-width:956px){.logo-bawah-wrap{width:30%}.page-template-page-home .demo{width:70%}.page-template-page-home .demo li .slide-medium{width:49.5%}}@media screen and (max-width:947px){.tag .related-post-text-wrap{width:75%}}@media screen and (max-width:946px){.category .wrap-category{width:60%}.category .related-post-text-wrap{width:75%}}@media screen and (max-width:939px){.category .wrap-category{width:55%}.category .related-post-text-wrap{width:70%}}@media screen and (max-width:934px){.homepage-category-block{width:29%}.video-play-icon{width:25% !important;top:10%}}@media screen and (max-width:928px){.related-post-text-wrap{width:70%}}@media screen and (max-width:923px){.home .demo{width:66%}#sidebar-right{width:33%;height:585px}.page-template-page-home .demo{width:65%}}@media screen and (max-width:914px){header #searchform{width:45%}}@media screen and (max-width:911px){.block-kobaran a.homepage-category-headline{width:32%;background-position:50% 100%}}@media screen and (max-width:904px){.single .related-post-text-wrap{width:75%}}@media screen and (max-width:899px){.single .related-post-text-wrap{width:75%}.block-newsfeed-wrap{width:58%}p.foto-newsfeed-wrap{width:45%}}@media screen and (max-width:881px){header #searchform{width:43%}}@media screen and (max-width:880px){.tag .wrap-category{width:55%}}@media screen and (max-width:879px){.category .wrap-category{width:55%}}@media screen and (max-width:876px){a.homepage-category-headline{width:31%}}@media screen and (max-width:857px){p.foto-newsfeed-wrap{width:35%}.block-newsfeed-wrap{width:55%}}@media screen and (max-width:850px){.tag .related-post-text-wrap{width:70%}}@media screen and (max-width:854px){header #searchform{width:42%}a.homepage-category-headline{width:30%}.homepage-category-block,.trending-homepage{width:31%}.home .demo{width:60%}#sidebar-right{width:39%;height:555px}.page-template-page-home .demo{width:60%}}@media screen and (max-width:836px){.single-kategori,.tanggal,.eta{font-size:11.5px;word-spacing:-1px}header #searchform{width:40%}}@media screen and (max-width:826px){#sidebar-right{height:548px}footer .menu-bawah,.menu-footer-2,.menu-footer-3,.menu-footer-4{margin-left:15px}.single .related-post-text-wrap{width:65%}.video-box{width:22.5%}}@media screen and (max-width:819px){#sidebar-right{height:548px}#page-fullwidth .video-box{width:29%}}@media screen and (max-width:810px){.single .related-post-text-wrap{width:75%}}@media screen and (max-width:799px){.block-newsfeed-wrap{width:52%}header #searchform{width:38%}}@media screen and (max-width:798px){.single .related-post-text-wrap{width:74%}}@media screen and (max-width:784px){.single .related-post-text-wrap{width:73%}header #searchform{width:36%}}@media screen and (max-width:786px){.category .wrap-category{width:50%}.category .related-post-text-wrap{width:60%}.tag .wrap-category{width:50%}.tag .related-post-text-wrap{width:65%}}@media screen and (max-width:779px){header #searchform{width:35%}}@media screen and (max-width:769px){.single .related-post-text-wrap{width:72%}}@media screen and (max-width:767px){.video-box{width:22%;top:6%}}@media screen and (max-width:757px){.single .related-post-text-wrap{width:71%}}@media screen and (max-width:750px){body,body.home,body.category,body.page-template-page-trending,body.single,#single-wrap,.text-wrap,body.page-template-page-home{margin:0;background:var(--bg-color-dua)}.hamburger-button{display:block}.containerdua{display:none}header #searchform{display:none;position:absolute;top:96px;width:100%;box-sizing:border-box}#logo{float:none;text-align:center;margin:0 auto;padding-top:4px}#logo img{filter:var(--filter-logo-atas);width:100%;max-width:156px;padding-top:4px;color:var(--font-color)}#media-sosial-header{display:none}#search-mobile-button{display:block;float:none;position:absolute;top:8px;right:5px}header #searchform input[type=text]{border-radius:0;width:100%;background:#f5f5f5;border:none;box-shadow:rgb(0 0 0/13%) 0px .16rem .36rem 0px,rgb(0 0 0/11%) 0px .03rem .09rem 0px;color:#000}header{box-shadow:none}.marquee{width:90%;margin-left:20px;padding:7px 10px;margin-top:-34px}.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:15px}.menu-utama li:last-child{margin-right:15px}.menu-utama li{border-bottom:none}.menu-utama li a{font-size:14px;padding:8px 16px 8px 8px;color:var(--font-404)}.menu-utama .current-menu-item{border-bottom:none}::placeholder{color:#000;opacity:1}.menu-utama>li.menu-item-has-children>a:after{top:6px;right:-2px}.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:400;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:0 0}.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 .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:last-child{margin-right:10px}li.tab-link{border:1px solid #1f8dd6;display:inline-block;padding:6px 8px;text-transform:capitalize;color:#1f8dd6;font-size:14px;font-weight:700;transition:.25s background ease;border-radius:6px;background:var(--bg-color);margin-right:5px}li.tab-link.active{font-weight:700;color:#fff;background:#1f8dd6;border-color:#1f8dd6}.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:.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%}} /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */.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(//arahnusa.com/wp-content/themes/kobaran/css/../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(//arahnusa.com/wp-content/themes/kobaran/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%} @-webkit-keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}@keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}.wpp-widget-block-placeholder,.wpp-shortcode-placeholder{margin:0 auto;width:60px;height:3px;background:#dd3737;background:linear-gradient(90deg,#dd3737 0%,#571313 10%,#dd3737 100%);background-size:200% auto;border-radius:3px;-webkit-animation:bgslide 1s infinite linear;animation:bgslide 1s infinite linear} .bnav_bottom_nav_wrapper{background-color:#fcfcfc}.bnav_bottom_nav_wrapper{border-color:#eaeaea;border-style:solid}.bnav_bottom_nav_wrapper{border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:24px}.bnav_bottom_nav_wrapper{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.bnav_main_menu_container ul.bnav_main_menu{background-color:rgba(255,255,255,.95)}.bnav_main_menu_container ul.bnav_main_menu{padding-top:12px;padding-right:6px;padding-bottom:12px;padding-left:6px}.bnav_main_menu_container ul.bnav_main_menu{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.bnav_bottom_nav_wrapper ul li>a .bnav_menu_items{padding-right:18px;padding-left:18px}.bnav_bottom_nav_wrapper ul li a .icon_wrapper{margin-bottom:10px}.bnav_bottom_nav_wrapper ul li a .icon_wrapper i{color:#00a1b0;font-size:18px}.bnav_bottom_nav_wrapper ul li>a .bnav_menu_items:hover .icon_wrapper i,.bnav_bottom_nav_wrapper ul li.current-menu-item a .icon_wrapper i,.bnav_bottom_nav_wrapper ul li.current_page_parent a .icon_wrapper i{color:#1f8dd6;font-size:18px}.bnav_bottom_nav_wrapper ul li a .text_wrapper,.bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total{font-family:"Heebo";color:#00a1b0;font-weight:400;font-size:14px;line-height:17px;letter-spacing:.48px}.bnav_bottom_nav_wrapper ul li a .bnav_menu_items:hover .text_wrapper,.bnav_bottom_nav_wrapper ul li.active a .bnav_menu_items .text_wrapper,.bnav_bottom_nav_wrapper ul li.current-menu-item a .text_wrapper,.bnav_bottom_nav_wrapper ul li.current-menu-item a .text_wrapper,.bnav_bottom_nav_wrapper ul li.current-menu-item a .bnav_menu_items .cart_total{font-family:"Heebo";color:#1f8dd6;font-weight:500;font-size:14px;line-height:17px;letter-spacing:.48px} .logged-in header{top:0 !important}.menu-utama{text-align:left}#geserkiri,#geserkanan{display:none}.totalpembaca{display:block} #TB_overlay{background:#000;opacity:.7;filter:alpha(opacity=70);position:fixed;top:0;right:0;bottom:0;left:0;z-index:100050}#TB_window{position:fixed;background-color:#fff;z-index:100050;visibility:hidden;text-align:left;top:50%;left:50%;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.3);box-shadow:0 3px 6px rgba(0,0,0,.3)}#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right}#TB_closeWindowButton{position:absolute;left:auto;right:0;width:29px;height:29px;border:0;padding:0;background:0 0;cursor:pointer;outline:none;-webkit-transition:color .1s ease-in-out,background .1s ease-in-out;transition:color .1s ease-in-out,background .1s ease-in-out}#TB_ajaxWindowTitle{float:left;font-weight:600;line-height:29px;overflow:hidden;padding:0 29px 0 10px;text-overflow:ellipsis;white-space:nowrap;width:calc( 100% - 39px )}#TB_title{background:#fcfcfc;border-bottom:1px solid #ddd;height:29px}#TB_ajaxContent{clear:both;padding:2px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}#TB_ajaxContent.TB_modal{padding:15px}#TB_ajaxContent p{padding:5px 0}#TB_load{position:fixed;display:none;z-index:100050;top:50%;left:50%;background-color:#e8e8e8;border:1px solid #555;margin:-45px 0 0 -125px;padding:40px 15px 15px}#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);opacity:0;height:100%;width:100%}#TB_iframeContent{clear:both;border:none}.tb-close-icon{display:block;color:#666;text-align:center;line-height:29px;width:29px;height:29px;position:absolute;top:0;right:0}.tb-close-icon:before{content:"\f158";content:"\f158"/'';font:normal 20px/29px dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#TB_closeWindowButton:hover .tb-close-icon,#TB_closeWindowButton:focus .tb-close-icon{color:#006799}#TB_closeWindowButton:focus .tb-close-icon{-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}