/* theme options */
html{background-color:#FCFCFC}#Wrapper,#Content,.mfn-popup .mfn-popup-content,.mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper,.mfn-cart-holder,.mfn-header-login,#Top_bar .search_wrapper,#Top_bar .top_bar_right .mfn-live-search-box,.column_livesearch .mfn-live-search-wrapper,.column_livesearch .mfn-live-search-box{background-color:#FCFCFC}.layout-boxed.mfn-bebuilder-header.mfn-ui #Wrapper .mfn-only-sample-content{background-color:#FCFCFC}body:not(.template-slider) #Header{min-height:1520px}body.header-below:not(.template-slider) #Header{padding-top:1520px}@media only screen and (min-width:768px){.section_wrapper{padding-left:32px;padding-right:32px}}@media only screen and (min-width:960px) and (max-width:1440px){.section_wrapper{padding-left:0px;padding-right:0px}}@media only screen and (min-width:768px) and (max-width:959px){.section_wrapper{padding-left:0px;padding-right:0px}}#Footer .widgets_wrapper{padding:70px 0}.has-search-overlay.search-overlay-opened #search-overlay{background-color:rgba(0,0,0,0.6)}.elementor-page.elementor-default #Content .the_content .section_wrapper{max-width:100%}.elementor-page.elementor-default #Content .section.the_content{width:100%}.elementor-page.elementor-default #Content .section_wrapper .the_content_wrapper{margin-left:0;margin-right:0;width:100%}body,span.date_label,.timeline_items li h3 span,input[type="date"],input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="url"],textarea,select,.offer_li .title h3,.mfn-menu-item-megamenu{font-family:"Poppins"}.lead,.big{font-family:"Poppins"}#menu > ul > li > a,#overlay-menu ul li a{font-family:"Poppins"}#Subheader .title{font-family:"Poppins"}h1,h2,h3,h4,.text-logo #logo{font-family:"Poppins"}h5,h6{font-family:"Arimo"}blockquote{font-family:"Playfair Display"}.chart_box .chart .num,.counter .desc_wrapper .number-wrapper,.how_it_works .image .number,.pricing-box .plan-header .price,.quick_fact .number-wrapper,.woocommerce .product div.entry-summary .price{font-family:"Dancing Script"}body,.mfn-menu-item-megamenu{font-size:15px;line-height:28px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:17px;line-height:30px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:15px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:22.5px}#Subheader .title{font-size:50px;line-height:60px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:50px;line-height:60px;font-weight:500;letter-spacing:0px}h2{font-size:40px;line-height:50px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:30px;line-height:40px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:20px;line-height:30px;font-weight:600;letter-spacing:0px}h5{font-size:18px;line-height:30px;font-weight:400;letter-spacing:0px}h6{font-size:15px;line-height:26px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:70px;line-height:70px;font-weight:400;letter-spacing:0px}@media only screen and (min-width:768px) and (max-width:959px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:24px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:14px;line-height:26px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:43px;line-height:51px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:43px;line-height:51px;font-weight:500;letter-spacing:0px}h2{font-size:34px;line-height:43px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:26px;line-height:34px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:17px;line-height:26px;font-weight:600;letter-spacing:0px}h5{font-size:15px;line-height:26px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:22px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:60px;line-height:60px;font-weight:400;letter-spacing:0px}blockquote{font-size:15px}.chart_box .chart .num{font-size:45px;line-height:45px}.counter .desc_wrapper .number-wrapper{font-size:45px;line-height:45px}.counter .desc_wrapper .title{font-size:14px;line-height:18px}.faq .question .title{font-size:14px}.fancy_heading .title{font-size:38px;line-height:38px}.offer .offer_li .desc_wrapper .title h3{font-size:32px;line-height:32px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:32px;line-height:32px}.pricing-box .plan-header h2{font-size:27px;line-height:27px}.pricing-box .plan-header .price > span{font-size:40px;line-height:40px}.pricing-box .plan-header .price sup.currency{font-size:18px;line-height:18px}.pricing-box .plan-header .price sup.period{font-size:14px;line-height:14px}.quick_fact .number-wrapper{font-size:80px;line-height:80px}.trailer_box .desc h2{font-size:27px;line-height:27px}.widget > h3{font-size:17px;line-height:20px}}@media only screen and (min-width:480px) and (max-width:767px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:21px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:13px;line-height:23px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:38px;line-height:45px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:38px;line-height:45px;font-weight:500;letter-spacing:0px}h2{font-size:30px;line-height:38px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:23px;line-height:30px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:15px;line-height:23px;font-weight:600;letter-spacing:0px}h5{font-size:14px;line-height:23px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:20px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:53px;line-height:53px;font-weight:400;letter-spacing:0px}blockquote{font-size:14px}.chart_box .chart .num{font-size:40px;line-height:40px}.counter .desc_wrapper .number-wrapper{font-size:40px;line-height:40px}.counter .desc_wrapper .title{font-size:13px;line-height:16px}.faq .question .title{font-size:13px}.fancy_heading .title{font-size:34px;line-height:34px}.offer .offer_li .desc_wrapper .title h3{font-size:28px;line-height:28px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:28px;line-height:28px}.pricing-box .plan-header h2{font-size:24px;line-height:24px}.pricing-box .plan-header .price > span{font-size:34px;line-height:34px}.pricing-box .plan-header .price sup.currency{font-size:16px;line-height:16px}.pricing-box .plan-header .price sup.period{font-size:13px;line-height:13px}.quick_fact .number-wrapper{font-size:70px;line-height:70px}.trailer_box .desc h2{font-size:24px;line-height:24px}.widget > h3{font-size:16px;line-height:19px}}@media only screen and (max-width:479px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:30px;line-height:36px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:30px;line-height:36px;font-weight:500;letter-spacing:0px}h2{font-size:24px;line-height:30px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:18px;line-height:24px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:13px;line-height:19px;font-weight:600;letter-spacing:0px}h5{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:19px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:42px;line-height:42px;font-weight:400;letter-spacing:0px}blockquote{font-size:13px}.chart_box .chart .num{font-size:35px;line-height:35px}.counter .desc_wrapper .number-wrapper{font-size:35px;line-height:35px}.counter .desc_wrapper .title{font-size:13px;line-height:26px}.faq .question .title{font-size:13px}.fancy_heading .title{font-size:30px;line-height:30px}.offer .offer_li .desc_wrapper .title h3{font-size:26px;line-height:26px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:26px;line-height:26px}.pricing-box .plan-header h2{font-size:21px;line-height:21px}.pricing-box .plan-header .price > span{font-size:32px;line-height:32px}.pricing-box .plan-header .price sup.currency{font-size:14px;line-height:14px}.pricing-box .plan-header .price sup.period{font-size:13px;line-height:13px}.quick_fact .number-wrapper{font-size:60px;line-height:60px}.trailer_box .desc h2{font-size:21px;line-height:21px}.widget > h3{font-size:15px;line-height:18px}}.with_aside .sidebar.columns{width:23%}.with_aside .sections_group{width:77%}.aside_both .sidebar.columns{width:18%}.aside_both .sidebar.sidebar-1{margin-left:-82%}.aside_both .sections_group{width:64%;margin-left:18%}@media only screen and (min-width:1240px){#Wrapper,.with_aside .content_wrapper{max-width:1248px}body.layout-boxed.mfn-header-scrolled .mfn-header-tmpl.mfn-sticky-layout-width{max-width:1248px;left:0;right:0;margin-left:auto;margin-right:auto}body.layout-boxed:not(.mfn-header-scrolled) .mfn-header-tmpl.mfn-header-layout-width,body.layout-boxed .mfn-header-tmpl.mfn-header-layout-width:not(.mfn-hasSticky){max-width:1248px;left:0;right:0;margin-left:auto;margin-right:auto}body.layout-boxed.mfn-bebuilder-header.mfn-ui .mfn-only-sample-content{max-width:1248px;margin-left:auto;margin-right:auto}.section_wrapper,.container{max-width:1228px}.layout-boxed.header-boxed #Top_bar.is-sticky{max-width:1248px}}@media only screen and (max-width:767px){#Wrapper{max-width:calc(100% - 67px)}.content_wrapper .section_wrapper,.container,.four.columns .widget-area{max-width:550px !important;padding-left:33px;padding-right:33px}}body{--mfn-button-font-family:inherit;--mfn-button-font-size:14px;--mfn-button-font-weight:400;--mfn-button-font-style:inherit;--mfn-button-letter-spacing:0px;--mfn-button-padding:10px 20px 10px 20px;--mfn-button-border-width:0;--mfn-button-border-radius:3px 3px 3px 3px;--mfn-button-gap:10px;--mfn-button-transition:0.2s;--mfn-button-color:#626262;--mfn-button-color-hover:#626262;--mfn-button-bg:#dbdddf;--mfn-button-bg-hover:#d3d3d3;--mfn-button-border-color:transparent;--mfn-button-border-color-hover:transparent;--mfn-button-icon-color:#626262;--mfn-button-icon-color-hover:#626262;--mfn-button-box-shadow:unset;--mfn-button-theme-color:#ffffff;--mfn-button-theme-color-hover:#ffffff;--mfn-button-theme-bg:#0095eb;--mfn-button-theme-bg-hover:#007cc3;--mfn-button-theme-border-color:transparent;--mfn-button-theme-border-color-hover:transparent;--mfn-button-theme-icon-color:#ffffff;--mfn-button-theme-icon-color-hover:#ffffff;--mfn-button-theme-box-shadow:unset;--mfn-button-shop-color:#ffffff;--mfn-button-shop-color-hover:#ffffff;--mfn-button-shop-bg:#0095eb;--mfn-button-shop-bg-hover:#007cc3;--mfn-button-shop-border-color:transparent;--mfn-button-shop-border-color-hover:transparent;--mfn-button-shop-icon-color:#626262;--mfn-button-shop-icon-color-hover:#626262;--mfn-button-shop-box-shadow:unset;--mfn-button-action-color:#626262;--mfn-button-action-color-hover:#626262;--mfn-button-action-bg:#dbdddf;--mfn-button-action-bg-hover:#d3d3d3;--mfn-button-action-border-color:transparent;--mfn-button-action-border-color-hover:transparent;--mfn-button-action-icon-color:#626262;--mfn-button-action-icon-color-hover:#626262;--mfn-button-action-box-shadow:unset;--mfn-product-list-gallery-slider-arrow-bg:#ffffff;--mfn-product-list-gallery-slider-arrow-bg-hover:#ffffff;--mfn-product-list-gallery-slider-arrow-color:#000000;--mfn-product-list-gallery-slider-arrow-color-hover:#000000;--mfn-product-list-gallery-slider-dots-bg:rgba(0,0,0,0.3);--mfn-product-list-gallery-slider-dots-bg-active:#000000;--mfn-product-list-gallery-slider-padination-bg:transparent;--mfn-product-list-gallery-slider-dots-size:8px;--mfn-product-list-gallery-slider-nav-border-radius:0px;--mfn-product-list-gallery-slider-nav-offset:0px;--mfn-product-list-gallery-slider-dots-gap:5px}@media only screen and (max-width:959px){body{}}@media only screen and (max-width:768px){body{}}.mfn-cookies,.mfn-cookies-reopen{--mfn-gdpr2-container-text-color:#626262;--mfn-gdpr2-container-strong-color:#07070a;--mfn-gdpr2-container-bg:#ffffff;--mfn-gdpr2-container-overlay:rgba(25,37,48,0.6);--mfn-gdpr2-details-box-bg:#fbfbfb;--mfn-gdpr2-details-switch-bg:#00032a;--mfn-gdpr2-details-switch-bg-active:#5acb65;--mfn-gdpr2-tabs-text-color:#07070a;--mfn-gdpr2-tabs-text-color-active:#6d28d9;--mfn-gdpr2-tabs-border:rgba(8,8,14,0.1);--mfn-gdpr2-buttons-box-bg:#fbfbfb;--mfn-gdpr2-reopen-background:#ffffff;--mfn-gdpr2-reopen-color:#222222;--mfn-gdpr2-reopen-box-shadow:0 15px 30px 0 rgba(1,7,39,.13)}#Top_bar #logo,.header-fixed #Top_bar #logo,.header-plain #Top_bar #logo,.header-transparent #Top_bar #logo{height:60px;line-height:60px;padding:15px 0}.logo-overflow #Top_bar:not(.is-sticky) .logo{height:90px}.single-post.post-template-default.header-transparent #Content{padding-top:120px}#Top_bar .menu > li > a{padding:15px 0}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{margin:20px 0}.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description){line-height:90px}.header-fixed #Top_bar .menu > li > a{padding:30px 0}@media only screen and (max-width:767px){.mobile-header-mini #Top_bar #logo{height:50px!important;line-height:50px!important;margin:5px 0}}#Top_bar #logo img.svg{width:100px}.image_frame,.wp-caption{border-width:0px}.alert{border-radius:0px}#Top_bar .top_bar_right .top-bar-right-input input{width:200px}.mfn-live-search-box .mfn-live-search-list{max-height:300px}#Side_slide{right:-250px;width:250px}#Side_slide.left{left:-250px}.blog-teaser li .desc-wrapper .desc{background-position-y:-1px}.mfn-free-delivery-info{--mfn-free-delivery-bar:#6d28d9;--mfn-free-delivery-bg:rgba(0,0,0,0.1);--mfn-free-delivery-achieved:#6d28d9}#back_to_top i{color:#65666C}.mfn-product-list-gallery-slider .mfn-product-list-gallery-slider-arrow{display:flex}@media only screen and ( max-width:767px ){body:not(.template-slider) #Header{min-height:375px}}@media only screen and (min-width:1240px){body:not(.header-simple) #Top_bar #menu{display:block!important}.tr-menu #Top_bar #menu{background:none!important}#Top_bar .menu > li > ul.mfn-megamenu > li{float:left}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1{width:100%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2{width:50%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3{width:33.33%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4{width:25%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5{width:20%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6{width:16.66%}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto;border-width:0 1px 0 0}#Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul{border:0}#Top_bar .menu > li > ul.mfn-megamenu > li > ul li{width:auto}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400;background:none}#Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow{display:none}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu{left:0;width:98%!important;margin:0 1%;padding:20px 0}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu-bg{box-sizing:border-box}#Top_bar .menu > li > ul.mfn-megamenu-bg{padding:20px 166px 20px 20px;background-repeat:no-repeat;background-position:right bottom}.rtl #Top_bar .menu > li > ul.mfn-megamenu-bg{padding-left:166px;padding-right:20px;background-position:left bottom}#Top_bar .menu > li > ul.mfn-megamenu-bg > li{background:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li a{border:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul{background:none!important;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0}.mm-vertical #Top_bar .container{position:relative}.mm-vertical #Top_bar .top_bar_left{position:static}.mm-vertical #Top_bar .menu > li ul{box-shadow:0 0 0 0 transparent!important;background-image:none}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu{padding:20px 0}.mm-vertical.header-plain #Top_bar .menu > li > ul.mfn-megamenu{width:100%!important;margin:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li{display:table-cell;float:none!important;width:10%;padding:0 15px;border-right:1px solid rgba(0,0,0,0.05)}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li.hide-border{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li a{border-bottom-width:0;padding:9px 15px;line-height:120%}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{font-weight:700}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:first-child{border-right-width:0}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:1px}body.header-shop #Top_bar #menu{display:flex!important;background-color:transparent}.header-shop #Top_bar.is-sticky .top_bar_row_second{display:none}.header-plain:not(.menuo-right) #Header .top_bar_left{width:auto!important}.header-stack.header-center #Top_bar #menu{display:inline-block!important}.header-simple #Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}.header-simple #Header a.responsive-menu-toggle{display:block;right:10px}.header-simple #Top_bar #menu > ul{width:100%;float:left}.header-simple #Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}.header-simple #Top_bar #menu ul li a{padding:0 20px;margin:0;display:block;height:auto;line-height:normal;border:none}.header-simple #Top_bar #menu ul li a:not(.menu-toggle):after{display:none}.header-simple #Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}.header-simple #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;transform:unset}.header-simple #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}.header-simple #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}.header-simple #Top_bar #menu ul li.hover a{border-bottom:0}.header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.header-simple #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin:0!important;width:auto!important;background-image:none}.header-simple #Top_bar #menu ul li ul li{width:100%!important;display:block;padding:0}.header-simple #Top_bar #menu ul li ul li a{padding:0 20px 0 30px}.header-simple #Top_bar #menu ul li ul li a .menu-arrow{display:none}.header-simple #Top_bar #menu ul li ul li a span{padding:0}.header-simple #Top_bar #menu ul li ul li a span:after{display:none!important}.header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}.header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}.header-simple #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 20px 0 40px}.rtl.header-simple #Top_bar #menu{left:1px;right:auto}.rtl.header-simple #Top_bar a.responsive-menu-toggle{left:10px;right:auto}.rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle{left:0;right:auto}.rtl.header-simple #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl.header-simple #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.menu-highlight #Top_bar .menu > li{margin:0 2px}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{padding:0;-webkit-border-radius:5px;border-radius:5px}.menu-highlight #Top_bar .menu > li > a:after{display:none}.menu-highlight #Top_bar .menu > li > a span:not(.description){line-height:50px}.menu-highlight #Top_bar .menu > li > a span.description{display:none}.menu-highlight.header-stack #Top_bar .menu > li > a{margin:10px 0!important}.menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description){line-height:40px}.menu-highlight.header-simple #Top_bar #menu ul li,.menu-highlight.header-creative #Top_bar #menu ul li{margin:0}.menu-highlight.header-simple #Top_bar #menu ul li > a,.menu-highlight.header-creative #Top_bar #menu ul li > a{-webkit-border-radius:0;border-radius:0}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a{margin:10px 0!important;padding:5px 0!important}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a span{line-height:30px!important}.header-modern.menu-highlight.menuo-right .menu_wrapper{margin-right:20px}.menu-line-below #Top_bar .menu > li > a:not(.menu-toggle):after{top:auto;bottom:-4px}.menu-line-below #Top_bar.is-sticky .menu > li > a:not(.menu-toggle):after{top:auto;bottom:-4px}.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after{height:4px;left:10%;top:50%;margin-top:20px;width:80%}.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after{height:1px;left:10%;top:50%;margin-top:20px;width:80%}.menu-link-color #Top_bar .menu > li > a:not(.menu-toggle):after{display:none!important}.menu-arrow-top #Top_bar .menu > li > a:after{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;border-color:#ccc transparent transparent;border-style:solid;border-width:7px 7px 0;display:block;height:0;left:50%;margin-left:-7px;top:0!important;width:0}.menu-arrow-top #Top_bar.is-sticky .menu > li > a:after{top:0!important}.menu-arrow-bottom #Top_bar .menu > li > a:after{background:none!important;border-color:transparent transparent #ccc;border-style:solid;border-width:0 7px 7px;display:block;height:0;left:50%;margin-left:-7px;top:auto;bottom:0;width:0}.menu-arrow-bottom #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:0}.menuo-no-borders #Top_bar .menu > li > a span{border-width:0!important}.menuo-no-borders #Header_creative #Top_bar .menu > li > a span{border-bottom-width:0}.menuo-no-borders.header-plain #Top_bar a#header_cart,.menuo-no-borders.header-plain #Top_bar a#search_button,.menuo-no-borders.header-plain #Top_bar .wpml-languages,.menuo-no-borders.header-plain #Top_bar a.action_button{border-width:0}.menuo-right #Top_bar .menu_wrapper{float:right}.menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper{margin-right:150px}body.header-creative{padding-left:50px}body.header-creative.header-open{padding-left:250px}body.error404,body.under-construction,body.elementor-maintenance-mode,body.template-blank,body.under-construction.header-rtl.header-creative.header-open{padding-left:0!important;padding-right:0!important}.header-creative.footer-fixed #Footer,.header-creative.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{box-sizing:border-box;padding-left:50px}.header-open.footer-fixed #Footer,.header-open.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{padding-left:250px}.header-rtl.header-creative.footer-fixed #Footer,.header-rtl.header-creative.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-left:0;padding-right:50px}.header-rtl.header-open.footer-fixed #Footer,.header-rtl.header-open.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-right:250px}#Header_creative{background-color:#fff;position:fixed;width:250px;height:100%;left:-200px;top:0;z-index:9002;-webkit-box-shadow:2px 0 4px 2px rgba(0,0,0,.15);box-shadow:2px 0 4px 2px rgba(0,0,0,.15)}#Header_creative .container{width:100%}#Header_creative .creative-wrapper{opacity:0;margin-right:50px}#Header_creative a.creative-menu-toggle{display:block;width:34px;height:34px;line-height:34px;font-size:22px;text-align:center;position:absolute;top:10px;right:8px;border-radius:3px}.admin-bar #Header_creative a.creative-menu-toggle{top:42px}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .top_bar_left{width:100%!important;float:none}#Header_creative #Top_bar .logo{float:none;text-align:center;margin:15px 0}#Header_creative #Top_bar #menu{background-color:transparent}#Header_creative #Top_bar .menu_wrapper{float:none;margin:0 0 30px}#Header_creative #Top_bar .menu > li{width:100%;float:none;position:relative}#Header_creative #Top_bar .menu > li > a{padding:0;text-align:center}#Header_creative #Top_bar .menu > li > a:after{display:none}#Header_creative #Top_bar .menu > li > a span{border-right:0;border-bottom-width:1px;line-height:38px}#Header_creative #Top_bar .menu li ul{left:100%;right:auto;top:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03)}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu{margin:0;width:700px!important}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul{left:0}#Header_creative #Top_bar .menu li ul li a{padding-top:9px;padding-bottom:8px}#Header_creative #Top_bar .menu li ul li ul{top:0}#Header_creative #Top_bar .menu > li > a span.description{display:block;font-size:13px;line-height:28px!important;clear:both}.menuo-arrows #Top_bar .menu > li.submenu > a > span:after{content:unset!important}#Header_creative #Top_bar .top_bar_right{width:100%!important;float:left;height:auto;margin-bottom:35px;text-align:center;padding:0 20px;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#Header_creative #Top_bar .top_bar_right:before{content:none}#Header_creative #Top_bar .top_bar_right .top_bar_right_wrapper{flex-wrap:wrap;justify-content:center}#Header_creative #Top_bar .top_bar_right .top-bar-right-icon,#Header_creative #Top_bar .top_bar_right .wpml-languages,#Header_creative #Top_bar .top_bar_right .top-bar-right-button,#Header_creative #Top_bar .top_bar_right .top-bar-right-input{min-height:30px;margin:5px}#Header_creative #Top_bar .search_wrapper{left:100%;top:auto}#Header_creative #Top_bar .banner_wrapper{display:block;text-align:center}#Header_creative #Top_bar .banner_wrapper img{max-width:100%;height:auto;display:inline-block}#Header_creative #Action_bar{display:none;position:absolute;bottom:0;top:auto;clear:both;padding:0 20px;box-sizing:border-box}#Header_creative #Action_bar .contact_details{width:100%;text-align:center;margin-bottom:20px}#Header_creative #Action_bar .contact_details li{padding:0}#Header_creative #Action_bar .social{float:none;text-align:center;padding:5px 0 15px}#Header_creative #Action_bar .social li{margin-bottom:2px}#Header_creative #Action_bar .social-menu{float:none;text-align:center}#Header_creative #Action_bar .social-menu li{border-color:rgba(0,0,0,.1)}#Header_creative .social li a{color:rgba(0,0,0,.5)}#Header_creative .social li a:hover{color:#000}#Header_creative .creative-social{position:absolute;bottom:10px;right:0;width:50px}#Header_creative .creative-social li{display:block;float:none;width:100%;text-align:center;margin-bottom:5px}.header-creative .fixed-nav.fixed-nav-prev{margin-left:50px}.header-creative.header-open .fixed-nav.fixed-nav-prev{margin-left:250px}.menuo-last #Header_creative #Top_bar .menu li.last ul{top:auto;bottom:0}.header-open #Header_creative{left:0}.header-open #Header_creative .creative-wrapper{opacity:1;margin:0!important}.header-open #Header_creative .creative-menu-toggle,.header-open #Header_creative .creative-social{display:none}.header-open #Header_creative #Action_bar{display:block}body.header-rtl.header-creative{padding-left:0;padding-right:50px}.header-rtl #Header_creative{left:auto;right:-200px}.header-rtl #Header_creative .creative-wrapper{margin-left:50px;margin-right:0}.header-rtl #Header_creative a.creative-menu-toggle{left:8px;right:auto}.header-rtl #Header_creative .creative-social{left:0;right:auto}.header-rtl #Footer #back_to_top.sticky{right:125px}.header-rtl #popup_contact{right:70px}.header-rtl #Header_creative #Top_bar .menu li ul{left:auto;right:100%}.header-rtl #Header_creative #Top_bar .search_wrapper{left:auto;right:100%}.header-rtl .fixed-nav.fixed-nav-prev{margin-left:0!important}.header-rtl .fixed-nav.fixed-nav-next{margin-right:50px}body.header-rtl.header-creative.header-open{padding-left:0;padding-right:250px!important}.header-rtl.header-open #Header_creative{left:auto;right:0}.header-rtl.header-open #Footer #back_to_top.sticky{right:325px}.header-rtl.header-open #popup_contact{right:270px}.header-rtl.header-open .fixed-nav.fixed-nav-next{margin-right:250px}#Header_creative.active{left:-1px}.header-rtl #Header_creative.active{left:auto;right:-1px}#Header_creative.active .creative-wrapper{opacity:1;margin:0}.header-creative .vc_row[data-vc-full-width]{padding-left:50px}.header-creative.header-open .vc_row[data-vc-full-width]{padding-left:250px}.header-open .vc_parallax .vc_parallax-inner{left:auto;width:calc(100% - 250px)}.header-open.header-rtl .vc_parallax .vc_parallax-inner{left:0;right:auto}#Header_creative.scroll{height:100%;overflow-y:auto}#Header_creative.scroll:not(.dropdown) .menu li ul{display:none!important}#Header_creative.scroll #Action_bar{position:static}#Header_creative.dropdown{outline:none}#Header_creative.dropdown #Top_bar .menu_wrapper{float:left;width:100%}#Header_creative.dropdown #Top_bar #menu ul li{position:relative;float:left}#Header_creative.dropdown #Top_bar #menu ul li a:not(.menu-toggle):after{display:none}#Header_creative.dropdown #Top_bar #menu ul li a span{line-height:38px;padding:0}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;font-size:26px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;z-index:203}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}#Header_creative.dropdown #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Header_creative.dropdown #Top_bar #menu ul.sub-menu li:not(:last-of-type) a{border-bottom:0}#Header_creative.dropdown #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none}#Header_creative.dropdown #Top_bar #menu ul li ul li{width:100%!important}#Header_creative.dropdown #Top_bar #menu ul li ul li a{padding:0 10px;text-align:center}#Header_creative.dropdown #Top_bar #menu ul li ul li a .menu-arrow{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul li a span{padding:0}#Header_creative.dropdown #Top_bar #menu ul li ul li a span:after{display:none!important}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Header_creative.dropdown #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Header_creative{transition:left .5s ease-in-out,right .5s ease-in-out}#Header_creative .creative-wrapper{transition:opacity .5s ease-in-out,margin 0s ease-in-out .5s}#Header_creative.active .creative-wrapper{transition:opacity .5s ease-in-out,margin 0s ease-in-out}}@media only screen and (min-width:1240px){#Top_bar.is-sticky{position:fixed!important;width:100%;left:0;top:-60px;height:60px;z-index:701;background:#fff;opacity:.97;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}.layout-boxed.header-boxed #Top_bar.is-sticky{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#Top_bar.is-sticky .top_bar_left,#Top_bar.is-sticky .top_bar_right,#Top_bar.is-sticky .top_bar_right:before{background:none;box-shadow:unset}#Top_bar.is-sticky .logo{width:auto;margin:0 30px 0 20px;padding:0}#Top_bar.is-sticky #logo,#Top_bar.is-sticky .custom-logo-link{padding:5px 0!important;height:50px!important;line-height:50px!important}.logo-no-sticky-padding #Top_bar.is-sticky #logo{height:60px!important;line-height:60px!important}#Top_bar.is-sticky #logo img.logo-main{display:none}#Top_bar.is-sticky #logo img.logo-sticky{display:inline;max-height:35px}.logo-sticky-width-auto #Top_bar.is-sticky #logo img.logo-sticky{width:auto}#Top_bar.is-sticky .menu_wrapper{clear:none}#Top_bar.is-sticky .menu_wrapper .menu > li > a{padding:15px 0}#Top_bar.is-sticky .menu > li > a,#Top_bar.is-sticky .menu > li > a span{line-height:30px}#Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px}#Top_bar.is-sticky .menu > li > a span.description{display:none}#Top_bar.is-sticky .secondary_menu_wrapper,#Top_bar.is-sticky .banner_wrapper{display:none}.header-overlay #Top_bar.is-sticky{display:none}#Top_bar.is-sticky .action_button{max-height:50px}.sticky-dark #Top_bar.is-sticky,.sticky-dark #Top_bar.is-sticky #menu{background:rgba(0,0,0,.8)}.sticky-dark #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#fff}.sticky-dark #Top_bar.is-sticky .top_bar_right .top-bar-right-icon{color:rgba(255,255,255,.9)}.sticky-dark #Top_bar.is-sticky .top_bar_right .top-bar-right-icon svg .path{stroke:rgba(255,255,255,.9)}.sticky-dark #Top_bar.is-sticky .wpml-languages a.active,.sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.1)}.sticky-white #Top_bar.is-sticky,.sticky-white #Top_bar.is-sticky #menu{background:rgba(255,255,255,.8)}.sticky-white #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#222}.sticky-white #Top_bar.is-sticky .top_bar_right .top-bar-right-icon{color:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .top_bar_right .top-bar-right-icon svg .path{stroke:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .wpml-languages a.active,.sticky-white #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.1)}}@media only screen and (min-width:768px) and (max-width:1240px){.header_placeholder{height:0!important}}@media only screen and (max-width:1239px){#Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}#Top_bar a.responsive-menu-toggle{display:block}#Top_bar #menu > ul{width:100%;float:left}#Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}#Top_bar #menu ul li a{padding:0 25px;margin:0;display:block;height:auto;line-height:normal;border:none}#Top_bar #menu ul li a:not(.menu-toggle):after{display:none}#Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}#Top_bar #menu ul li a span.description{margin:0 0 0 5px}#Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:15px;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;transform:unset}#Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}#Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Top_bar #menu ul li.hover a{border-bottom:0}#Top_bar #menu ul li a span:after{display:none!important}#Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.menuo-arrows.keyboard-support #Top_bar .menu > li.submenu > a:not(.menu-toggle):after,.menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{display:none !important}#Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none!important;box-shadow:0 0 0 0 transparent!important;-webkit-box-shadow:0 0 0 0 transparent!important}#Top_bar #menu ul li ul li{width:100%!important}#Top_bar #menu ul li ul li a{padding:0 20px 0 35px}#Top_bar #menu ul li ul li a .menu-arrow{display:none}#Top_bar #menu ul li ul li a span{padding:0}#Top_bar #menu ul li ul li a span:after{display:none!important}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Top_bar #menu ul li ul li ul li a{padding:0 20px 0 45px}#Header #menu > ul > li.current-menu-item > a,#Header #menu > ul > li.current_page_item > a,#Header #menu > ul > li.current-menu-parent > a,#Header #menu > ul > li.current-page-parent > a,#Header #menu > ul > li.current-menu-ancestor > a,#Header #menu > ul > li.current_page_ancestor > a{background:rgba(0,0,0,.02)}.rtl #Top_bar #menu{left:1px;right:auto}.rtl #Top_bar a.responsive-menu-toggle{left:20px;right:auto}.rtl #Top_bar #menu ul li.submenu .menu-toggle{left:15px;right:auto;border-left:none;border-right:1px solid #eee;transform:unset}.rtl #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.header-stack .menu_wrapper a.responsive-menu-toggle{position:static!important;margin:11px 0!important}.header-stack .menu_wrapper #menu{left:0;right:auto}.rtl.header-stack #Top_bar #menu{left:auto;right:0}.admin-bar #Header_creative{top:32px}.header-creative.layout-boxed{padding-top:85px}.header-creative.layout-full-width #Wrapper{padding-top:60px}#Header_creative{position:fixed;width:100%;left:0!important;top:0;z-index:1001}#Header_creative .creative-wrapper{display:block!important;opacity:1!important}#Header_creative .creative-menu-toggle,#Header_creative .creative-social{display:none!important;opacity:1!important}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .one{display:flex}#Header_creative #Top_bar #logo,#Header_creative #Top_bar .custom-logo-link{height:50px;line-height:50px;padding:5px 0}#Header_creative #Top_bar #logo img.logo-sticky{max-height:40px!important}#Header_creative #logo img.logo-main{display:none}#Header_creative #logo img.logo-sticky{display:inline-block}.logo-no-sticky-padding #Header_creative #Top_bar #logo{height:60px;line-height:60px;padding:0}.logo-no-sticky-padding #Header_creative #Top_bar #logo img.logo-sticky{max-height:60px!important}#Header_creative #Action_bar{display:none}#Header_creative #Top_bar .top_bar_right:before{content:none}#Header_creative.scroll{overflow:visible!important}}
/* custom CSS */
body:not(.template-slider) #Header {
min-height: 0px;
}
#Content {
padding-top: 0;
}
/* Styling Pembungkus Footer BeTheme */
#Footer {
background-color: #111827 !important;
border-top: 4px solid #6D28D9 !important;
padding-top: 4rem;
}
/* Modifikasi Judul Widget (Tautan Cepat & Kontak) */
#Footer .widget-title {
font-family: "Poppins", sans-serif !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 1.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #374151;
display: inline-block;
color: #c084fc !important;
}
/* Modifikasi Tautan Menu bawaan Widget */
#Footer .widget_nav_menu ul li a {
color: #9ca3af !important;
border: none !important;
padding: 0.3rem 0 !important;
transition: color 0.3s ease;
}
#Footer .widget_nav_menu ul li a:hover {
color: #ffffff !important;
background: transparent !important;
}
/* Ikon Sosial Media di dalam Widget */
#Footer .social-icon {
display: inline-flex;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
background-color: #1f2937;
align-items: center;
justify-content: center;
color: #9ca3af;
transition: all 0.3s ease;
margin-right: 10px;
}
#Footer .social-icon:hover {
color: #ffffff;
background-color: #6D28D9;
transform: translateY(-4px);
}
/* Penyesuaian Baris Copyright Bawah */
#Footer .footer_copy {
border-top: 1px solid #1f2937 !important;
padding: 2rem 0 !important;
color: #6b7280 !important;
}
/* ==========================================================================
PENYEMPURNAAN RESPONSIF FOOTER (TABLET & MOBILE)
========================================================================== */
/* 1. Tampilan Tablet (Layar Sedang: 768px - 959px)
Mencegah kolom berdesakan. Kita ubah Identitas menjadi 1 baris penuh,
dan Tautan & Kontak menjadi sejajar di baris bawahnya.
*/
@media (max-width: 959px) and (min-width: 768px) {
#Footer .column {
width: 50% !important; /* Tautan dan Kontak dibagi 2 (50:50) */
margin-bottom: 3rem !important;
}
#Footer .column:first-child {
width: 100% !important; /* Identitas HMJ mengambil 100% lebar (Baris Sendiri) */
margin-bottom: 2rem !important;
}
#Footer .footer_copy .column {
width: 100% !important;
}
}
/* 2. Tampilan HP (Layar Kecil: max 767px)
Memastikan jarak tidak terlalu memakan tempat dan semuanya tertumpuk rapi.
*/
@media (max-width: 767px) {
#Footer {
padding-top: 3rem !important; /* Mengurangi padding atas yang terlalu besar di HP */
}
#Footer .column {
width: 100% !important; /* Memaksa semua kolom bertumpuk 1 per 1 */
margin-bottom: 2.5rem !important; /* Memberi nafas antar bagian */
}
/* Khusus untuk area paling bawah (Copyright & Komnasinfo) agar rata tengah di HP */
#Footer .footer_copy .column {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
gap: 1rem !important;
margin-bottom: 0 !important;
}
/* Memastikan teks "Made with love" tidak menabrak pinggiran layar */
.footer-credit {
float: none !important;
display: inline-block !important;
margin-top: 0.5rem;
}
/* Mengurangi ukuran logo sedikit di HP agar proporsional */
#Footer img {
height: 3.5rem !important;
}
}
/* 3. Penyesuaian Global untuk Mencegah Teks Keluar Jalur (Overflow) */
#Footer a,
#Footer p {
word-break: break-word; /* Mencegah email panjang merusak layout di HP */
}
/* ==========================================================================
DESAIN HALAMAN DETAIL PENGUMUMAN (GLOBAL SINGLE POST SPA)
========================================================================== */
/* Bersihkan Background BeTheme */
.single-post #Content { background-color: #ffffff !important; padding: 0 !important; }
.hmj-single-container { padding: 3rem 1rem 6rem; max-width: 72rem; margin: 0 auto; }
/* --- HEADER --- */
.hmj-single-header { text-align: center; margin-bottom: 3rem; }
.hmj-back-btn {
display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 700;
color: #6b7280; background-color: #f9fafb; padding: 0.5rem 1.25rem; border-radius: 9999px;
border: 1px solid #f3f4f6; margin-bottom: 2.5rem; transition: all 0.3s; text-decoration: none;
}
.hmj-back-btn:hover { color: #6D28D9; background-color: #f5f3ff; }
.hmj-meta-badges { display: flex; justify-content: center; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.hmj-badge-cat {
background-color: #f3e8ff; color: #6d28d9; padding: 0.35rem 1rem; border-radius: 0.5rem;
font-size: 0.75rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em; border: 1px solid #e9d5ff;
}
.hmj-badge-date {
background-color: #f9fafb; color: #6b7280; padding: 0.35rem 1rem; border-radius: 0.5rem;
font-size: 0.875rem; font-weight: 500; border: 1px solid #e5e7eb; display: inline-flex; align-items: center; gap: 0.5rem;
}
.hmj-badge-date i { color: #6D28D9; }
.hmj-title {
font-family: "Arimo", serif !important; font-size: clamp(2.25rem, 5vw, 3.75rem) !important;
font-weight: 900 !important; line-height: 1.1 !important; color: #111827 !important; margin: 0 !important;
}
/* --- GAMBAR BANNER --- */
.hmj-single-image { margin-bottom: 4rem; text-align: center; }
.hmj-single-image img {
width: 100%; max-width: 64rem; border-radius: 1.5rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
border: 1px solid #e5e7eb;
}
/* --- FLEXBOX LAYOUT (Tanpa 'fr' Validator Error) --- */
.hmj-single-grid {
display: flex;
flex-direction: column;
}
.hmj-left-col { width: 100%; margin-bottom: 3rem; }
.hmj-right-col { width: 100%; }
@media (min-width: 1024px) {
.hmj-single-grid {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.hmj-left-col { width: 65%; margin-bottom: 0; }
.hmj-right-col { width: 32%; }
}
/* --- KONTEN ARTIKEL --- */
.hmj-content-body { font-size: 1.125rem; line-height: 1.8; color: #3f3f46; }
.hmj-content-body p { margin-bottom: 1.5rem; }
.hmj-content-body a { color: #6D28D9; font-weight: 600; text-decoration: none; }
.hmj-content-body a:hover { text-decoration: underline; }
.hmj-content-body img { border-radius: 1rem; margin: 2rem 0; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
/* --- KOTAK BAGIKAN --- */
.hmj-share-box {
background-color: #f9fafb; padding: 2rem; border-radius: 1.5rem; border: 1px solid #f3f4f6;
display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem; margin-top: 4rem;
}
.hmj-share-box h4 { margin: 0 0 0.5rem; font-weight: 700; font-size: 1.125rem; color: #111827; }
.hmj-share-box p { margin: 0; color: #6b7280; font-size: 0.875rem; }
.share-buttons { display: flex; gap: 0.75rem; }
.share-wa, .share-copy {
width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center;
background-color: #ffffff; border: 1px solid #e5e7eb; font-size: 1.25rem; cursor: pointer; transition: all 0.3s;
text-decoration: none;
}
.share-wa { color: #22c55e; }
.share-copy { color: #4b5563; }
.share-wa:hover, .share-copy:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
/* --- SIDEBAR PENGUMUMAN TERKINI --- */
.hmj-sidebar-inner {
background-color: #f9fafb; padding: 2rem; border-radius: 1.5rem; border: 1px solid #f3f4f6;
position: sticky; top: 100px;
}
.hmj-sidebar-inner h3 {
font-family: "Arimo", serif !important; font-size: 1.25rem; font-weight: 700; color: #111827;
margin: 0 0 1.5rem 0; padding-bottom: 1rem; border-bottom: 1px solid #e5e7eb;
}
.hmj-recent-card {
display: flex; gap: 1rem; align-items: center; padding: 1rem 0; border-bottom: 1px dashed #e5e7eb;
transition: all 0.3s; text-decoration: none;
}
.hmj-recent-card:last-child { border-bottom: none; padding-bottom: 0; }
.hmj-recent-card:hover { transform: translateX(5px); }
.hmj-recent-img { width: 4.5rem; height: 4.5rem; flex-shrink: 0; border-radius: 0.75rem; overflow: hidden; background: #e5e7eb; }
.hmj-recent-img img { width: 100%; height: 100%; object-fit: cover; }
.hmj-recent-text h4 {
font-size: 0.875rem; font-weight: 700; color: #374151; margin: 0 0 0.25rem 0; line-height: 1.4;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s;
}
.hmj-recent-card:hover .hmj-recent-text h4 { color: #6D28D9; }
.hmj-recent-text span { font-size: 0.75rem; color: #9ca3af; font-weight: 600; display: flex; align-items: center; gap: 0.25rem; }
.fixed-nav { display: none !important; }
.section-post-related { display: none !important; }