/* theme options */
html{background-color:#000000}#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:#000000}.layout-boxed.mfn-bebuilder-header.mfn-ui #Wrapper .mfn-only-sample-content{background-color:#000000}body:not(.template-slider) #Header{min-height:0px}body.header-below:not(.template-slider) #Header{padding-top:0px}#Subheader{padding:100px 0px 110px 0px}#Footer .widgets_wrapper{padding:100px 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:"Orienta",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.lead,.big{font-family:"Orienta",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#menu > ul > li > a,#overlay-menu ul li a{font-family:"Orienta",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#Subheader .title{font-family:"Pirate-font",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}h1,h2,h3,h4,.text-logo #logo{font-family:"Objektiv",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}h5,h6{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}blockquote{font-family:"Orienta",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.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:"Orienta",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}body,.mfn-menu-item-megamenu{font-size:17px;line-height:29px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:20px;line-height:28px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:16px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:24px}#Subheader .title{font-size:50px;line-height:65px;font-weight:400;letter-spacing:1px}h1,.text-logo #logo{font-size:50px;line-height:50px;font-weight:400;letter-spacing:2px}h2{font-size:30px;line-height:30px;font-weight:400;letter-spacing:2px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:20px;line-height:29px;font-weight:400;letter-spacing:2px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:10px;line-height:29px;font-weight:600;letter-spacing:0px}h5{font-size:8px;line-height:17px;font-weight:700;letter-spacing:0px}h6{font-size:14px;line-height:16px;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:14px;line-height:25px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:17px;line-height:24px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:14px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:21px}#Subheader .title{font-size:43px;line-height:55px;font-weight:400;letter-spacing:1px}h1,.text-logo #logo{font-size:43px;line-height:43px;font-weight:400;letter-spacing:2px}h2{font-size:26px;line-height:26px;font-weight:400;letter-spacing:2px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:17px;line-height:25px;font-weight:400;letter-spacing:2px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:13px;line-height:25px;font-weight:600;letter-spacing:0px}h5{font-size:13px;line-height:19px;font-weight:700;letter-spacing:0px}h6{font-size:13px;line-height:19px;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:22px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:15px;line-height:21px;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:49px;font-weight:400;letter-spacing:1px}h1,.text-logo #logo{font-size:38px;line-height:38px;font-weight:400;letter-spacing:2px}h2{font-size:23px;line-height:23px;font-weight:400;letter-spacing:2px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:15px;line-height:22px;font-weight:400;letter-spacing:2px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:13px;line-height:22px;font-weight:600;letter-spacing:0px}h5{font-size:13px;line-height:19px;font-weight:700;letter-spacing:0px}h6{font-size:13px;line-height:19px;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:39px;font-weight:400;letter-spacing:1px}h1,.text-logo #logo{font-size:30px;line-height:30px;font-weight:400;letter-spacing:1px}h2{font-size:18px;line-height:19px;font-weight:400;letter-spacing:1px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:13px;line-height:19px;font-weight:400;letter-spacing:1px}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:700;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:1300px}body.layout-boxed.mfn-header-scrolled .mfn-header-tmpl.mfn-sticky-layout-width{max-width:1300px;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:1300px;left:0;right:0;margin-left:auto;margin-right:auto}body.layout-boxed.mfn-bebuilder-header.mfn-ui .mfn-only-sample-content{max-width:1300px;margin-left:auto;margin-right:auto}.section_wrapper,.container{max-width:1280px}.layout-boxed.header-boxed #Top_bar.is-sticky{max-width:1300px}}@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:17px;--mfn-button-font-weight:400;--mfn-button-font-style:inherit;--mfn-button-letter-spacing:0px;--mfn-button-padding:16px 20px 16px 20px;--mfn-button-border-width:2px 2px 2px 2px;--mfn-button-border-radius:3px 3px 3px 3px;--mfn-button-gap:10px;--mfn-button-transition:0.2s;--mfn-button-color:#ffffff;--mfn-button-color-hover:#FFFFFF;--mfn-button-bg:#dbdddf;--mfn-button-bg-hover:#9e7148;--mfn-button-border-color:transparent;--mfn-button-border-color-hover:transparent;--mfn-button-icon-color:#ffffff;--mfn-button-icon-color-hover:#FFFFFF;--mfn-button-box-shadow:unset;--mfn-button-theme-color:#ffffff;--mfn-button-theme-color-hover:#000000;--mfn-button-theme-bg:#0095eb;--mfn-button-theme-bg-hover:#ffffff;--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:#000000;--mfn-button-theme-box-shadow:unset;--mfn-button-shop-color:#ffffff;--mfn-button-shop-color-hover:#000000;--mfn-button-shop-bg:#0095eb;--mfn-button-shop-bg-hover:#ffffff;--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:#ffffff;--mfn-button-action-color-hover:#000000;--mfn-button-action-bg:#dbdddf;--mfn-button-action-bg-hover:#000000;--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}@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:#0089f7;--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:110px;line-height:110px;padding:15px 0}.logo-overflow #Top_bar:not(.is-sticky) .logo{height:140px}#Top_bar .menu > li > a{padding:40px 0}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{margin:45px 0}.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description){line-height:140px}.header-fixed #Top_bar .menu > li > a{padding:55px 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:4px}.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:#ffffff;--mfn-free-delivery-bg:rgba(0,0,0,0.1);--mfn-free-delivery-achieved:#ffffff}#back_to_top{background-color:#9e7148}#back_to_top i{color:#ffffff}@media only screen and ( max-width:767px ){}@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:768px){#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}.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 (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}}body{--mfn-clients-tiles-hover:#ffffff;--mfn-icon-box-icon:#9e7148;--mfn-sliding-box-bg:#000000;--mfn-woo-body-color:#ffffff;--mfn-woo-heading-color:#ffffff;--mfn-woo-themecolor:#ffffff;--mfn-woo-bg-themecolor:#ffffff;--mfn-woo-border-themecolor:#ffffff}#Header_wrapper,#Intro{background-color:#000000}#Subheader{background-color:rgba(0,0,0,1)}.header-classic #Action_bar,.header-fixed #Action_bar,.header-plain #Action_bar,.header-split #Action_bar,.header-shop #Action_bar,.header-shop-split #Action_bar,.header-stack #Action_bar{background-color:#000000}#Sliding-top{background-color:#020202}#Sliding-top a.sliding-top-control{border-right-color:#020202}#Sliding-top.st-center a.sliding-top-control,#Sliding-top.st-left a.sliding-top-control{border-top-color:#020202}#Footer{background-color:#000000}.grid .post-item,.masonry:not(.tiles) .post-item,.photo2 .post .post-desc-wrapper{background-color:#000000}.portfolio_group .portfolio-item .desc{background-color:#000000}.woocommerce ul.products li.product,.shop_slider .shop_slider_ul .shop_slider_li .item_wrapper .desc{background-color:#000000}body,ul.timeline_items,.icon_box a .desc,.icon_box a:hover .desc,.feature_list ul li a,.list_item a,.list_item a:hover,.widget_recent_entries ul li a,.flat_box a,.flat_box a:hover,.story_box .desc,.content_slider.carousel ul li a .title,.content_slider.flat.description ul li .desc,.content_slider.flat.description ul li a .desc,.post-nav.minimal a i{color:#ffffff}.lead{color:#2e2e2e}.post-nav.minimal a svg{fill:#ffffff}.themecolor,.opening_hours .opening_hours_wrapper li span,.fancy_heading_icon .icon_top,.fancy_heading_arrows .icon-right-dir,.fancy_heading_arrows .icon-left-dir,.fancy_heading_line .title,.button-love a.mfn-love,.format-link .post-title .icon-link,.pager-single > span,.pager-single a:hover,.widget_meta ul,.widget_pages ul,.widget_rss ul,.widget_mfn_recent_comments ul li:after,.widget_archive ul,.widget_recent_comments ul li:after,.widget_nav_menu ul,.woocommerce ul.products li.product .price,.shop_slider .shop_slider_ul .item_wrapper .price,.woocommerce-page ul.products li.product .price,.widget_price_filter .price_label .from,.widget_price_filter .price_label .to,.woocommerce ul.product_list_widget li .quantity .amount,.woocommerce .product div.entry-summary .price,.woocommerce .product .woocommerce-variation-price .price,.woocommerce .star-rating span,#Error_404 .error_pic i,.style-simple #Filters .filters_wrapper ul li a:hover,.style-simple #Filters .filters_wrapper ul li.current-cat a,.style-simple .quick_fact .title,.mfn-cart-holder .mfn-ch-content .mfn-ch-product .woocommerce-Price-amount,.woocommerce .comment-form-rating p.stars a:before,.wishlist .wishlist-row .price,.search-results .search-item .post-product-price,.progress_icons.transparent .progress_icon.themebg{color:#ffffff}.mfn-wish-button.loved:not(.link) .path{fill:#ffffff;stroke:#ffffff}.themebg,#comments .commentlist > li .reply a.comment-reply-link,#Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a,.fixed-nav .arrow,.offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a.selected:after,.pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current,.pager-single span:after,.portfolio_group.exposure .portfolio-item .desc-inner .line,.Recent_posts ul li .desc:after,.Recent_posts ul li .photo .c,.slider_pagination a.selected,.slider_pagination .slick-active a,.slider_pagination a.selected:after,.slider_pagination .slick-active a:after,.testimonials_slider .slider_images,.testimonials_slider .slider_images a:after,.testimonials_slider .slider_images:before,#Top_bar .header-cart-count,#Top_bar .header-wishlist-count,.mfn-footer-stickymenu ul li a .header-wishlist-count,.mfn-footer-stickymenu ul li a .header-cart-count,.widget_categories ul,.widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a,.widget_product_categories ul,.widget_recent_entries ul li:after,.woocommerce-account table.my_account_orders .order-number a,.woocommerce-MyAccount-navigation ul li.is-active a,.style-simple .accordion .question:after,.style-simple .faq .question:after,.style-simple .icon_box .desc_wrapper .title:before,.style-simple #Filters .filters_wrapper ul li a:after,.style-simple .trailer_box:hover .desc,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet.selected:after,.tparrows.default,.tp-bullets.tp-thumbs .bullet.selected:after{background-color:#ffffff}.Latest_news ul li .photo,.Recent_posts.blog_news ul li .photo,.style-simple .opening_hours .opening_hours_wrapper li label,.style-simple .timeline_items li:hover h3,.style-simple .timeline_items li:nth-child(even):hover h3,.style-simple .timeline_items li:hover .desc,.style-simple .timeline_items li:nth-child(even):hover,.style-simple .offer_thumb .slider_pagination a.selected{border-color:#ffffff}a{color:#9e7148}a:hover{color:#bd0e0e}*::-moz-selection{background-color:#9e7148;color:white}*::selection{background-color:#9e7148;color:white}.blockquote p.author span,.counter .desc_wrapper .title,.article_box .desc_wrapper p,.team .desc_wrapper p.subtitle,.pricing-box .plan-header p.subtitle,.pricing-box .plan-header .price sup.period,.chart_box p,.fancy_heading .inside,.fancy_heading_line .slogan,.post-meta,.post-meta a,.post-footer,.post-footer a span.label,.pager .pages a,.button-love a .label,.pager-single a,#comments .commentlist > li .comment-author .says,.fixed-nav .desc .date,.filters_buttons li.label,.Recent_posts ul li a .desc .date,.widget_recent_entries ul li .post-date,.tp_recent_tweets .twitter_time,.widget_price_filter .price_label,.shop-filters .woocommerce-result-count,.woocommerce ul.product_list_widget li .quantity,.widget_shopping_cart ul.product_list_widget li dl,.product_meta .posted_in,.woocommerce .shop_table .product-name .variation > dd,.shipping-calculator-button:after,.shop_slider .shop_slider_ul .item_wrapper .price del,.woocommerce .product .entry-summary .woocommerce-product-rating .woocommerce-review-link,.woocommerce .product.style-default .entry-summary .product_meta .tagged_as,.woocommerce .tagged_as,.wishlist .sku_wrapper,.woocommerce .column_product_rating .woocommerce-review-link,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__verified,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date,.testimonials_slider .testimonials_slider_ul li .author span,.testimonials_slider .testimonials_slider_ul li .author span a,.Latest_news ul li .desc_footer,.share-simple-wrapper .icons a{color:#ffffff}h1,h1 a,h1 a:hover,.text-logo #logo{color:#9e7148}h2,h2 a,h2 a:hover{color:#9e7148}h3,h3 a,h3 a:hover{color:#9e7148}h4,h4 a,h4 a:hover,.style-simple .sliding_box .desc_wrapper h4{color:#9e7148}h5,h5 a,h5 a:hover{color:#9e7148}h6,h6 a,h6 a:hover,a.content_link .title{color:#9e7148}.woocommerce #customer_login h2{color:#9e7148} .woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2,.woocommerce #respond .comment-reply-title,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{color:#9e7148} .dropcap,.highlight:not(.highlight_image){background-color:#9e7148}a.mfn-link{color:#9e7148}a.mfn-link-2 span,a:hover.mfn-link-2 span:before,a.hover.mfn-link-2 span:before,a.mfn-link-5 span,a.mfn-link-8:after,a.mfn-link-8:before{background:#9e7148}a:hover.mfn-link{color:#ffffff}a.mfn-link-2 span:before,a:hover.mfn-link-4:before,a:hover.mfn-link-4:after,a.hover.mfn-link-4:before,a.hover.mfn-link-4:after,a.mfn-link-5:before,a.mfn-link-7:after,a.mfn-link-7:before{background:#bd0e0e}a.mfn-link-6:before{border-bottom-color:#bd0e0e}a.mfn-link svg .path{stroke:#ffffff}.column_column ul,.column_column ol,.the_content_wrapper:not(.is-elementor) ul,.the_content_wrapper:not(.is-elementor) ol{color:#ffffff}hr.hr_color,.hr_color hr,.hr_dots span{color:#9e7148;background:#9e7148}.hr_zigzag i{color:#9e7148}.highlight-left:after,.highlight-right:after{background:#9e7148}@media only screen and (max-width:767px){.highlight-left .wrap:first-child,.highlight-right .wrap:last-child{background:#9e7148}}#Header .top_bar_left,.header-classic #Top_bar,.header-plain #Top_bar,.header-stack #Top_bar,.header-split #Top_bar,.header-shop #Top_bar,.header-shop-split #Top_bar,.header-fixed #Top_bar,.header-below #Top_bar,#Header_creative,#Top_bar #menu,.sticky-tb-color #Top_bar.is-sticky{background-color:#000}#Top_bar .wpml-languages a.active,#Top_bar .wpml-languages ul.wpml-lang-dropdown{background-color:#000}#Top_bar .top_bar_right:before{background-color:#9e7148}#Header .top_bar_right{background-color:#9e7148}#Top_bar .top_bar_right .top-bar-right-icon,#Top_bar .top_bar_right .top-bar-right-icon svg .path{color:#9e7148;stroke:#9e7148}#Top_bar .menu > li > a,#Top_bar #menu ul li.submenu .menu-toggle{color:#ffffff}#Top_bar .menu > li.current-menu-item > a,#Top_bar .menu > li.current_page_item > a,#Top_bar .menu > li.current-menu-parent > a,#Top_bar .menu > li.current-page-parent > a,#Top_bar .menu > li.current-menu-ancestor > a,#Top_bar .menu > li.current-page-ancestor > a,#Top_bar .menu > li.current_page_ancestor > a,#Top_bar .menu > li.hover > a{color:#9e7148}#Top_bar .menu > li a:not(.menu-toggle):after{background:#9e7148}.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after{border-top-color:#ffffff}#Top_bar .menu > li.current-menu-item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.hover.submenu > a > span:not(.description)::after{border-top-color:#9e7148}.menu-highlight #Top_bar #menu > ul > li.current-menu-item > a,.menu-highlight #Top_bar #menu > ul > li.current_page_item > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-page-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current-page-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a,.menu-highlight #Top_bar #menu > ul > li.hover > a{background:#000000}.menu-arrow-bottom #Top_bar .menu > li > a:after{border-bottom-color:#9e7148}.menu-arrow-top #Top_bar .menu > li > a:after{border-top-color:#9e7148}.header-plain #Top_bar .menu > li.current-menu-item > a,.header-plain #Top_bar .menu > li.current_page_item > a,.header-plain #Top_bar .menu > li.current-menu-parent > a,.header-plain #Top_bar .menu > li.current-page-parent > a,.header-plain #Top_bar .menu > li.current-menu-ancestor > a,.header-plain #Top_bar .menu > li.current-page-ancestor > a,.header-plain #Top_bar .menu > li.current_page_ancestor > a,.header-plain #Top_bar .menu > li.hover > a,.header-plain #Top_bar .wpml-languages:hover,.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown{background:#000000;color:#9e7148}.header-plain #Top_bar .top_bar_right .top-bar-right-icon:hover{background:#000000}.header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description),.header-plain #Top_bar .top_bar_right .top-bar-right-icon,.header-plain #Top_bar .top_bar_right .top-bar-right-button,.header-plain #Top_bar .top_bar_right .top-bar-right-input,.header-plain #Top_bar .wpml-languages{border-color:#f2f2f2}#Top_bar .menu > li ul{background-color:#000000}#Top_bar .menu > li ul li a{color:#ffffff}#Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a{color:#9e7148}.overlay-menu-toggle{color:#ffffff !important;background:transparent}#Overlay{background:rgba(0,0,0,0.95)}#overlay-menu ul li a,.header-overlay .overlay-menu-toggle.focus{color:#000000}#overlay-menu ul li.current-menu-item > a,#overlay-menu ul li.current_page_item > a,#overlay-menu ul li.current-menu-parent > a,#overlay-menu ul li.current-page-parent > a,#overlay-menu ul li.current-menu-ancestor > a,#overlay-menu ul li.current-page-ancestor > a,#overlay-menu ul li.current_page_ancestor > a{color:#9e7148}#Top_bar .responsive-menu-toggle,#Header_creative .creative-menu-toggle,#Header_creative .responsive-menu-toggle{color:#ffffff;background:transparent}.mfn-footer-stickymenu{background-color:#000}.mfn-footer-stickymenu ul li a,.mfn-footer-stickymenu ul li a .path{color:#9e7148;stroke:#9e7148}#Side_slide{background-color:#000000;border-color:#000000}#Side_slide,#Side_slide #menu ul li.submenu .menu-toggle,#Side_slide .search-wrapper input.field,#Side_slide a:not(.button){color:#9e7148}#Side_slide .extras .extras-wrapper a svg .path{stroke:#9e7148}#Side_slide #menu ul li.hover > .menu-toggle,#Side_slide a.active,#Side_slide a:not(.button):hover{color:#FFFFFF}#Side_slide .extras .extras-wrapper a:hover svg .path{stroke:#FFFFFF}#Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a,#Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a,#Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a,#Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color:#FFFFFF}#Action_bar .contact_details{color:#ffffff}#Action_bar .contact_details a{color:#9e7148}#Action_bar .contact_details a:hover{color:#9e7148}#Action_bar .social li a,#Header_creative .social li a,#Action_bar:not(.creative) .social-menu a{color:#ffffff}#Action_bar .social li a:hover,#Header_creative .social li a:hover,#Action_bar:not(.creative) .social-menu a:hover{color:#FFFFFF}#Subheader .title{color:#ffffff}#Subheader ul.breadcrumbs li,#Subheader ul.breadcrumbs li a{color:rgba(255,255,255,0.6)}.mfn-footer,.mfn-footer .widget_recent_entries ul li a{color:#ffffff}.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn){color:#9e7148}.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn):hover{color:#ffffff}.mfn-footer h1,.mfn-footer h1 a,.mfn-footer h1 a:hover,.mfn-footer h2,.mfn-footer h2 a,.mfn-footer h2 a:hover,.mfn-footer h3,.mfn-footer h3 a,.mfn-footer h3 a:hover,.mfn-footer h4,.mfn-footer h4 a,.mfn-footer h4 a:hover,.mfn-footer h5,.mfn-footer h5 a,.mfn-footer h5 a:hover,.mfn-footer h6,.mfn-footer h6 a,.mfn-footer h6 a:hover{color:#ffffff}.mfn-footer .themecolor,.mfn-footer .widget_meta ul,.mfn-footer .widget_pages ul,.mfn-footer .widget_rss ul,.mfn-footer .widget_mfn_recent_comments ul li:after,.mfn-footer .widget_archive ul,.mfn-footer .widget_recent_comments ul li:after,.mfn-footer .widget_nav_menu ul,.mfn-footer .widget_price_filter .price_label .from,.mfn-footer .widget_price_filter .price_label .to,.mfn-footer .star-rating span{color:#9e7148}.mfn-footer .themebg,.mfn-footer .widget_categories ul,.mfn-footer .Recent_posts ul li .desc:after,.mfn-footer .Recent_posts ul li .photo .c,.mfn-footer .widget_recent_entries ul li:after,.mfn-footer .widget_mfn_menu ul li a:hover,.mfn-footer .widget_product_categories ul{background-color:#9e7148}.mfn-footer .Recent_posts ul li a .desc .date,.mfn-footer .widget_recent_entries ul li .post-date,.mfn-footer .tp_recent_tweets .twitter_time,.mfn-footer .widget_price_filter .price_label,.mfn-footer .shop-filters .woocommerce-result-count,.mfn-footer ul.product_list_widget li .quantity,.mfn-footer .widget_shopping_cart ul.product_list_widget li dl{color:#ffffff}.mfn-footer .footer_copy .social li a,.mfn-footer .footer_copy .social-menu a{color:#9e7148}.mfn-footer .footer_copy .social li a:hover,.mfn-footer .footer_copy .social-menu a:hover{color:#ffffff}.mfn-footer .footer_copy{border-top-color:rgba(255,255,255,0.1)}#Sliding-top,#Sliding-top .widget_recent_entries ul li a{color:#ffffff}#Sliding-top a{color:#9e7148}#Sliding-top a:hover{color:#9e7148}#Sliding-top h1,#Sliding-top h1 a,#Sliding-top h1 a:hover,#Sliding-top h2,#Sliding-top h2 a,#Sliding-top h2 a:hover,#Sliding-top h3,#Sliding-top h3 a,#Sliding-top h3 a:hover,#Sliding-top h4,#Sliding-top h4 a,#Sliding-top h4 a:hover,#Sliding-top h5,#Sliding-top h5 a,#Sliding-top h5 a:hover,#Sliding-top h6,#Sliding-top h6 a,#Sliding-top h6 a:hover{color:#ffffff}#Sliding-top .themecolor,#Sliding-top .widget_meta ul,#Sliding-top .widget_pages ul,#Sliding-top .widget_rss ul,#Sliding-top .widget_mfn_recent_comments ul li:after,#Sliding-top .widget_archive ul,#Sliding-top .widget_recent_comments ul li:after,#Sliding-top .widget_nav_menu ul,#Sliding-top .widget_price_filter .price_label .from,#Sliding-top .widget_price_filter .price_label .to,#Sliding-top .star-rating span{color:#9e7148}#Sliding-top .themebg,#Sliding-top .widget_categories ul,#Sliding-top .Recent_posts ul li .desc:after,#Sliding-top .Recent_posts ul li .photo .c,#Sliding-top .widget_recent_entries ul li:after,#Sliding-top .widget_mfn_menu ul li a:hover,#Sliding-top .widget_product_categories ul{background-color:#9e7148}#Sliding-top .Recent_posts ul li a .desc .date,#Sliding-top .widget_recent_entries ul li .post-date,#Sliding-top .tp_recent_tweets .twitter_time,#Sliding-top .widget_price_filter .price_label,#Sliding-top .shop-filters .woocommerce-result-count,#Sliding-top ul.product_list_widget li .quantity,#Sliding-top .widget_shopping_cart ul.product_list_widget li dl{color:#ffffff}blockquote,blockquote a,blockquote a:hover{color:#9e7148}.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc,.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after,.masonry.tiles .post-item.no-img,.masonry.tiles .post-item.format-quote,.blog-teaser li .desc-wrapper .desc .post-title:after,.blog-teaser li.no-img,.blog-teaser li.format-quote{background:#ffffff}.image_frame .image_wrapper .image_links a{background:#ffffff;color:#9e7148;border-color:#ffffff}.image_frame .image_wrapper .image_links a.loading:after{border-color:#9e7148}.image_frame .image_wrapper .image_links a .path{stroke:#9e7148}.image_frame .image_wrapper .image_links a.mfn-wish-button.loved .path{fill:#9e7148;stroke:#9e7148}.image_frame .image_wrapper .image_links a.mfn-wish-button.loved:hover .path{fill:#9e7148;stroke:#9e7148}.image_frame .image_wrapper .image_links a:hover{background:#ffffff;color:#9e7148;border-color:#ffffff}.image_frame .image_wrapper .image_links a:hover .path{stroke:#9e7148}.image_frame{border-color:#9e7148}.image_frame .image_wrapper .mask::after{background:rgba(0,0,0,0.15)}.counter .icon_wrapper i{color:#9e7148}.quick_fact .number-wrapper .number{color:#9e7148}.mfn-countdown{--mfn-countdown-number-color:#9e7148}.progress_bars .bars_list li .bar .progress{background-color:#000000}a:hover.icon_bar{color:#9e7148 !important}a.content_link,a:hover.content_link{color:#9e7148}a.content_link:before{border-bottom-color:#9e7148}a.content_link:after{border-color:#9e7148}.mcb-item-contact_box-inner,.mcb-item-info_box-inner,.column_column .get_in_touch,.google-map-contact-wrapper{background-color:#000000}.google-map-contact-wrapper .get_in_touch:after{border-top-color:#000000}.timeline_items li h3:before,.timeline_items:after,.timeline .post-item:before{border-color:#ffffff}.how_it_works .image_wrapper .number{background:#ffffff}.trailer_box .desc .subtitle,.trailer_box.plain .desc .line{background-color:#000000}.trailer_box.plain .desc .subtitle{color:#000000}.icon_box .icon_wrapper,.icon_box a .icon_wrapper,.style-simple .icon_box:hover .icon_wrapper{color:#9e7148}.icon_box:hover .icon_wrapper:before,.icon_box a:hover .icon_wrapper:before{background-color:#9e7148}.list_item.lists_1 .list_left{background-color:#9e7148}.list_item .list_left{color:#9e7148}.feature_list ul li .icon i{color:#9e7148}.feature_list ul li:hover,.feature_list ul li:hover a{background:#9e7148}table th{color:#444444}.ui-tabs .ui-tabs-nav li a,.accordion .question > .title,.faq .question > .title,.fake-tabs > ul li a{color:#ffffff}.ui-tabs .ui-tabs-nav li.ui-state-active a,.accordion .question.active > .title > .acc-icon-plus,.accordion .question.active > .title > .acc-icon-minus,.accordion .question.active > .title,.faq .question.active > .title > .acc-icon-plus,.faq .question.active > .title,.fake-tabs > ul li.active a{color:#9e7148}.ui-tabs .ui-tabs-nav li.ui-state-active a:after,.fake-tabs > ul li a:after,.fake-tabs > ul li a .number{background:#9e7148}body.table-hover:not(.woocommerce-page) table tr:hover td{background:#ffffff}.pricing-box .plan-header .price sup.currency,.pricing-box .plan-header .price > span{color:#000000}.pricing-box .plan-inside ul li .yes{background:#000000}.pricing-box-box.pricing-box-featured{background:#000000}.alert_warning{background:#000000}.alert_warning,.alert_warning a,.alert_warning a:hover,.alert_warning a.close .icon{color:#9e7148}.alert_warning .path{stroke:#9e7148}.alert_error{background:#000000}.alert_error,.alert_error a,.alert_error a:hover,.alert_error a.close .icon{color:#9e7148}.alert_error .path{stroke:#9e7148}.alert_info{background:#000000}.alert_info,.alert_info a,.alert_info a:hover,.alert_info a.close .icon{color:#9e7148}.alert_info .path{stroke:#9e7148}.alert_success{background:#000000}.alert_success,.alert_success a,.alert_success a:hover,.alert_success a.close .icon{color:#9e7148}.alert_success .path{stroke:#9e7148}input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty,.wp-block-search input[type="search"],.dark input[type="email"],.dark input[type="password"],.dark input[type="tel"],.dark input[type="text"],.dark select,.dark textarea{color:#ffffff;background-color:rgba(158,113,72,1);border-color:#ffffff}.wc-block-price-filter__controls input{border-color:#ffffff !important}::-webkit-input-placeholder{color:#9e7148}::-moz-placeholder{color:#9e7148}:-ms-input-placeholder{color:#9e7148}input[type="date"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="url"]:focus,select:focus,textarea:focus{color:#9e7148;background-color:rgba(0,0,0,1);border-color:#9e7148}.wc-block-price-filter__controls input:focus{border-color:#9e7148 !important} select:focus{background-color:#000000!important}:focus::-webkit-input-placeholder{color:#000000}:focus::-moz-placeholder{color:#000000}.select2-container--default .select2-selection--single{background-color:rgba(158,113,72,1);border-color:#ffffff}.select2-dropdown{background-color:#9e7148;border-color:#ffffff}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#ffffff}.select2-container--default.select2-container--open .select2-selection--single{border-color:#ffffff}.select2-container--default .select2-search--dropdown .select2-search__field{color:#ffffff;background-color:rgba(158,113,72,1);border-color:#ffffff}.select2-container--default .select2-search--dropdown .select2-search__field:focus{color:#9e7148;background-color:rgba(0,0,0,1) !important;border-color:#9e7148} .select2-container--default .select2-results__option[data-selected="true"],.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:#ffffff;color:black} .image_frame span.onsale,.woocommerce span.onsale,.shop_slider .shop_slider_ul .item_wrapper span.onsale{background-color:#ffffff}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{border-color:#ffffff !important}.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background-color:#000000}.mfn-desc-expandable .read-more{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#ffffff 65%)}.mfn-wish-button .path{stroke:#9e7148}.mfn-wish-button:hover .path{stroke:#9e7148}.mfn-wish-button.loved:not(.link) .path{stroke:#9e7148;fill:#9e7148}.woocommerce div.product div.images .woocommerce-product-gallery__trigger,.woocommerce div.product div.images .mfn-wish-button,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger,.woocommerce .mfn-product-gallery-grid .mfn-wish-button{background-color:#000000}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover,.woocommerce div.product div.images .mfn-wish-button:hover,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover,.woocommerce .mfn-product-gallery-grid .mfn-wish-button:hover{background-color:#000000}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:before{border-color:#9e7148}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:after{background-color:#9e7148}.woocommerce div.product div.images .mfn-wish-button path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button path{stroke:#9e7148}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:before,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover:before{border-color:#9e7148}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:after,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover:after{background-color:#9e7148}.woocommerce div.product div.images .mfn-wish-button:hover path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button:hover path{stroke:#9e7148}.woocommerce div.product div.images .mfn-wish-button.loved path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button.loved path{stroke:#9e7148;fill:#9e7148}#mfn-gdpr{background-color:#eef2f5;border-radius:5px;box-shadow:0 15px 30px 0 rgba(1,7,39,.13)}#mfn-gdpr .mfn-gdpr-content,#mfn-gdpr .mfn-gdpr-content h1,#mfn-gdpr .mfn-gdpr-content h2,#mfn-gdpr .mfn-gdpr-content h3,#mfn-gdpr .mfn-gdpr-content h4,#mfn-gdpr .mfn-gdpr-content h5,#mfn-gdpr .mfn-gdpr-content h6,#mfn-gdpr .mfn-gdpr-content ol,#mfn-gdpr .mfn-gdpr-content ul{color:#626262}#mfn-gdpr .mfn-gdpr-content a,#mfn-gdpr a.mfn-gdpr-readmore{color:#161922}#mfn-gdpr .mfn-gdpr-content a:hover,#mfn-gdpr a.mfn-gdpr-readmore:hover{color:#0089f7}#mfn-gdpr .mfn-gdpr-button{background-color:#006edf;color:#ffffff;border-color:transparent}#mfn-gdpr .mfn-gdpr-button:hover,#mfn-gdpr .mfn-gdpr-button:before{background-color:#0089f7;color:#ffffff;border-color:transparent}@media only screen and ( min-width:768px ){.header-semi #Top_bar:not(.is-sticky){background-color:rgba(0,0,0,0.8)}}@media only screen and ( max-width:767px ){#Top_bar{background-color:#000 !important}#Action_bar{background-color:#0a0a0a !important}#Action_bar .contact_details{color:#ffffff}#Action_bar .contact_details a{color:#9e7148}#Action_bar .contact_details a:hover{color:#9e7148}#Action_bar .social li a,#Action_bar .social-menu a{color:#ffffff!important}#Action_bar .social li a:hover,#Action_bar .social-menu a:hover{color:#ffffff!important}}
/* custom CSS */
/* ==================================================================
HOOK-MOVIE.COM - CSS personnalise
Reorganise uniquement : aucune regle supprimee, aucune valeur
modifiee. Seuls l'ordre, l'indentation et les titres changent.
SOMMAIRE
01 Base body, titres, paragraphes, img
02 Typographie de contenu fmt-*, news, kh-*, sources, ds_*
03 Elements et
04 En-tete / Top bar
05 Subheader
06 Pied de page copyright, dernieres mises a jour
07 Barre de sous-menu hk-bar
08 Formulaire de recherche
09 Images, galeries, legendes
10 Lightbox mfp-*
11 Citations blockquote
12 Sources de scene DS_*
13 Notes de bas de page hm-*
14 Hotspots
15 Bannieres
16 Resultats de recherche search-item
17 Grille d'articles du blog post-item
18 Pagination pager
19 Structure de page Content, section_wrapper
20 Article - en-tete
21 Article - boite auteur
22 Article - sections masquees
23 Retour en haut de page
24 Divers et blocs desactives
================================================================== */
/* ==================================================================
01 BASE
================================================================== */
body {
background-color: #000;
color: #fff;
font-family: 'Segoe UI', sans-serif;
line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 5px;
}
p {
margin: 0 0 12px;
}
img {
}
/* Titres : le retour a la ligne des "||" s'affiche */
#Subheader .title,
#Subheader .page_titre,
.entry-title,
.post-title,
.hk-mu-title,
.hkm-card-title {
white-space: pre-line;
}
/* ==================================================================
02 TYPOGRAPHIE DE CONTENU
================================================================== */
p.fmt-question {
color: #9e7148 !important;
font-size: 18px;
font-weight: bold !important;
}
p.fmt-section {
text-transform: none;
letter-spacing: 0px;
display: block;
width: 100%;
font-size: 50px;
font-weight: 500 !important;
line-height: 1.5;
font-family: "Pirate-font", serif !important;
}
.fmt-section {
background-image: url("https://www.hook-movie.com/wp-content/uploads/2024/05/menu_DL_01.png") !important;
background-repeat: no-repeat !important;
background-position: 50% 100% !important;
background-size: auto !important;
margin-bottom: 10px;
}
.news,
.news h3 {
font-family: Time new roman;
letter-spacing: 0px;
}
.kh-hook {
text-transform: uppercase;
color: inherit !important;
font-family: inherit;
font-weight: inherit;
}
.kh-exclamation {
font-weight: bold;
text-transform: uppercase;
}
.sources {
color: #9e7148;
font-size: 12px;
}
.ds_titles_image {
padding: 0px 0px 0px 0px;
margin: 0 1% 15px;
}
.ds_titles {
padding: 25px 0px 0px 0px;
margin: 0 1% 10px;
}
.ds_titles_description,
.ds_titles_description p {
padding: 0px 0px 0px 0px;
margin: 0 1% 0px;
}
/* ==================================================================
03 ELEMENTS ET
================================================================== */
ntext {
font-family: "Courier New", Courier, monospace;
font-size: 18px;
display: block;
font-weight: 700;
margin: auto;
width: 500px;
color: #000;
padding: 10px;
background-color: #000;
}
ttext {
font-family: "Courier New", Courier, monospace;
font-size: 18px;
text-align: left;
display: block;
font-weight: 700;
margin: auto;
width: 500px;
color: #000;
padding: 10px;
}
/* ==================================================================
04 EN-TETE / TOP BAR
================================================================== */
#Top_bar {
width: 100%;
background-image: url("https://www.hook-movie.com/wp-content/uploads/2020/03/menu2-1.png");
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
#Top_bar .container {
max-width: 1600px !important;
width: 100% !important;
}
#Top_bar .menu > li > a span:not(.description) {
line-height: 1.2 !important;
white-space: normal !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-height: 60px;
}
/* --- Recherche dans le header ----------------------------------- */
/* La loupe */
#Top_bar .top_bar_right .top-bar-right-icon-search,
#Top_bar #search_button {
color: #ffffff;
}
#Top_bar .top_bar_right .top-bar-right-icon-search .path,
#Top_bar #search_button .path {
stroke: #ffffff !important;
transition: stroke .2s ease;
}
#Top_bar .top_bar_right .top-bar-right-icon-search:hover .path,
#Top_bar #search_button:hover .path {
stroke: #9e7148 !important;
}
/* Le bandeau qui s'ouvre au clic */
#Top_bar .search_wrapper {
background-color: #000000 !important;
border-bottom: 1px solid #2e1f0a;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
}
#Top_bar .search_wrapper input[type="text"] {
background: transparent !important;
color: #ffffff;
border: 0;
border-bottom: 1px solid #9e7148;
font-size: 18px;
letter-spacing: 1px;
}
#Top_bar .search_wrapper input[type="text"]::placeholder {
color: #8c8c8c;
}
#Top_bar .search_wrapper .icon_search .path {
stroke: #9e7148 !important;
}
#Top_bar .search_wrapper .icon_close {
color: #8c8c8c;
cursor: pointer;
}
#Top_bar .search_wrapper .icon_close:hover {
color: #9e7148;
}
/* ==================================================================
05 SUBHEADER
================================================================== */
#Subheader {
padding: 80px 0px 80px 0px;
}
#Subheader .title {
color: #ffffff;
text-shadow: 2px 2px 0 rgba(0,0,0,0.9);
}
#Subheader .page_titre {
text-transform: none;
display: block;
width: 100%;
font-size: 80px;
line-height: 1;
padding-bottom: 5px;
}
#Subheader .sur_titre {
text-transform: uppercase;
font-weight: 800;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 30px;
opacity: .85;
display: block;
margin-bottom: 0px;
padding-bottom: 5px;
}
#Subheader .sous_titre {
display: block;
text-transform: none;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 22px;
opacity: .85;
padding-bottom: 10px;
}
/* ==================================================================
06 PIED DE PAGE
================================================================== */
.copyright {
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
}
/* Le UL doit prendre toute la largeur */
ul.contact_details {
width: 100%;
}
/* Le LI qui contient vos deux blocs */
ul.contact_details li.slogan {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 10px;
box-sizing: border-box;
}
/* Chaque bloc "Last page update" / "Website update" */
ul.contact_details li.slogan .modification-block {
display: inline-flex;
align-items: baseline;
white-space: nowrap;
}
/* Optionnel : si un theme force des floats */
ul.contact_details li.slogan .modification-block {
float: none !important;
}
.modification-block {
margin-top: 0px;
display: inline-flex;
font-size: 16px;
}
.modification-label {
color: #9e7148 !important;
font-weight: bold !important;
text-transform: uppercase;
margin-right: 6px;
}
.modification-date {
color: #ffffff;
}
/* ==================================================================
07 BARRE DE SOUS-MENU
================================================================== */
.hk-bar {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 28px;
background: #000;
margin: 0;
padding: 15px 20px;
}
/* liens */
.hk-bar-a,
.hk-bar-on {
display: block;
font-family: Objektiv, sans-serif;
font-size: 15px;
letter-spacing: .15em;
text-decoration: none;
text-transform: uppercase;
}
/* lien normal */
.hk-bar-a {
color: #8C8C8C;
}
/* page actuelle */
.hk-bar-on {
color: #9E7148;
}
/* hover */
.hk-bar-a:hover {
color: #FFFFFF;
}
/* separateur */
.hk-bar-marker {
color: #9E7148;
font-size: 11px;
line-height: 1;
transform: scaleX(1.5);
}
.hk-bar {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 28px;
background: #000;
margin: 0;
padding: 15px 20px;
}
/* liens */
.hk-bar-a,
.hk-bar-on {
display: block;
font-family: Objektiv, sans-serif;
font-size: 15px;
letter-spacing: .15em;
text-transform: uppercase;
text-decoration: none;
}
/* lien normal */
.hk-bar-a {
color: #8C8C8C;
}
/* page actuelle */
.hk-bar-on {
color: #9E7148;
}
/* hover */
.hk-bar-a:hover {
color: #FFFFFF;
}
/* separateur */
.hk-bar-marker {
color: #9E7148;
font-size: 11px;
line-height: 1;
transform: scaleX(1.5);
}
/* ==================================================================
07 BARRE DE SOUS-MENU
================================================================== */
.hk-barre {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 28px;
background: #000;
margin: 0;
padding: 15px 20px;
}
/* liens */
.hk-barre-a,
.hk-barre-on {
display: block;
font-family: Objektiv, sans-serif;
font-size: 15px;
letter-spacing: .15em;
text-decoration: none;
}
/* lien normal */
.hk-barre-a {
color: #8C8C8C;
}
/* page actuelle */
.hk-barre-on {
color: #9E7148;
}
/* hover */
.hk-barre-a:hover {
color: #FFFFFF;
}
/* separateur */
.hk-barre-marker {
color: #9E7148;
font-size: 11px;
line-height: 1;
transform: scaleX(1.5);
}
.hk-barre {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 28px;
background: #000;
margin: 0;
padding: 15px 20px;
}
/* liens */
.hk-barre-a,
.hk-barre-on {
display: block;
font-family: Objektiv, sans-serif;
font-size: 15px;
letter-spacing: .15em;
text-decoration: none;
}
/* lien normal */
.hk-bar-a {
color: #8C8C8C;
}
/* page actuelle */
.hk-bar-on {
color: #9E7148;
}
/* hover */
.hk-bar-a:hover {
color: #FFFFFF;
}
/* separateur */
.hk-bar-marker {
color: #9E7148;
font-size: 11px;
line-height: 1;
transform: scaleX(1.5);
}
/* ==================================================================
08 FORMULAIRE DE RECHERCHE
================================================================== */
input.field {
background-color: black;
color: white;
border: 1px solid #9e7148;
padding: 10px;
font-size: 16px;
outline: none;
}
/* Quand on n'a PAS le focus, texte gris #333 */
input.field:not(:focus) {
color: #333333;
}
/* Quand on clique dans le champ (focus), texte blanc */
input.field:focus {
background-color: black;
color: white;
border-color: #9e7148;
}
/* Couleur du placeholder */
input.field::placeholder {
color: white;
opacity: 1;
}
/* Couleur de l'icone SVG */
form.searchform .path {
stroke: #9e7148 !important;
}
#Top_bar .top_bar_right #searchform .path {
stroke: #9e7148;
}
/* ==================================================================
09 IMAGES, GALERIES, LEGENDES
================================================================== */
.image_frame {
border: 4px double;
border-color: #333333;
padding: 0px;
background: #000;
}
.image_frame:hover {
border-color: #9e7148;
}
#sc_gallery-1 {
width: 100%;
}
.gallery-item {
width: 200px;
}
.gallery.flat .gallery-item .gallery-icon {
margin: 0 !important;
width: 200px;
height: 200px;
}
.wp-caption {
background: #000;
border: 4px double rgb(158, 113, 72);
}
.wp-caption-text {
background: #000;
color: #fff !important;
font-weight: bold;
font-size: 11px;
display: block;
text-align: center;
margin: 0px;
padding: 10px 0 10px;
line-height: normal;
font-style: oblique;
border-top: 1px solid #333;
}
/* ==================================================================
10 LIGHTBOX
================================================================== */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 0px 0px 40px 0px;
margin: 0 auto;
background-color: #000000;
border-style: solid;
border-color: #9e7148;
border-width: 1px 1px 1px 1px;
}
.mfp-bottom-bar {
margin-top: -30px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
display: flex;
font-size: 20px;
justify-content: center;
}
.mfp-image-holder .mfp-close {
color: #FFF;
text-align: right;
padding-right: 1.5%;
width: 100%;
padding-left: 85%;
}
button.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
/* ==================================================================
11 CITATIONS
================================================================== */
blockquote {
border-left: 4px double #9e7148;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
padding: 16px 20px;
margin-right: 80px;
margin-left: 80px;
margin-top: 1em;
margin-bottom: 1em;
background-color: #0d0d0d;
box-shadow: 0 0 10px rgba(51, 51, 51, 0.3);
color: #fff;
font-style: italic;
}
.blockquote .author {
margin-top: 20px;
padding-right: 40px;
text-align: right;
position: relative;
left: -40px;
}
/* ==================================================================
12 SOURCES DE SCENE
================================================================== */
.DS_source {
max-width: 860px;
margin: 18px auto 16px;
text-align: center;
color: #FFFFFF;
font-size: 13px;
line-height: 1.6;
letter-spacing: 0.3px;
}
.DS_source_title {
margin-bottom: 8px;
color: #9E7148;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.8px;
}
.DS_source_item {
margin: 0 8px;
}
.DS_source_name {
color: #9E7148;
font-weight: 600;
}
.DS_source_info {
color: #FFFFFF;
margin-left: 4px;
}
.DS_source_separator {
display: inline-block;
margin: 0 15px;
color: #9E7148;
font-size: 11px;
transform: scaleX(1.5);
vertical-align: 1px;
}
/* ==================================================================
13 NOTES DE BAS DE PAGE
Classe Hook_Movie_Footnotes. Le prefixe #Wrapper sert a passer
devant les regles de liens du theme.
================================================================== */
/* Appel de note dans le texte */
#Wrapper sup.hm-fn {
font-size: .72em;
line-height: 0;
position: relative;
white-space: nowrap;
}
#Wrapper sup.hm-fn a.hm-fn-ref {
color: #9E7148;
text-decoration: none;
font-weight: 600;
padding: 0 .15em;
border: 0;
background: none;
}
#Wrapper sup.hm-fn a.hm-fn-ref:hover {
color: #C79A6B;
text-decoration: none;
}
#Wrapper sup.hm-fn a.hm-fn-ref:focus-visible {
outline: 2px solid #9E7148;
outline-offset: 2px;
}
/* Infobulle au survol */
#Wrapper sup.hm-fn .hm-fn-tip {
position: absolute;
left: 50%;
bottom: 1.8em;
transform: translateX(-50%);
width: min(26rem,72vw);
padding: 14px 18px;
border: 1px solid #2E1F0A;
border-radius: 16px;
background: #0A0A0A;
color: #FFFFFF;
font-family: "Segoe UI",sans-serif;
font-size: 13.5px;
line-height: 21px;
font-weight: 400;
white-space: normal;
text-align: left;
box-shadow: 0 6px 26px #000000BF;
opacity: 0;
visibility: hidden;
transition: opacity .12s;
z-index: 9999;
pointer-events: none;
}
#Wrapper sup.hm-fn:hover .hm-fn-tip,
#Wrapper sup.hm-fn a.hm-fn-ref:focus-visible + .hm-fn-tip {
opacity: 1;
visibility: visible;
}
/* Boite "Sources & Notes" */
#Wrapper section.hm-fn-box {
margin: 3rem 0 0;
padding: 22px 33px;
border: 1px solid #2E1F0A;
border-radius: 30px;
background: #000000;
box-shadow: #00000059 0 2px 12px;
}
#Wrapper .hm-fn-box h2.hm-fn-box-title {
margin: 0 0 18px;
padding: 0;
font-family: Objektiv,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
color: #9E7148;
border: 0;
background: none;
}
#Wrapper ol.hm-fn-list {
margin: 0;
padding-left: 1.5em;
font-size: 14.72px;
line-height: 23.552px;
color: #FFFFFF;
list-style: decimal;
}
#Wrapper ol.hm-fn-list li {
margin-bottom: 11px;
color: #FFFFFF;
}
/* Surlignage de la note quand on clique sur son appel */
#Wrapper ol.hm-fn-list li:target {
background: #9E714829;
border-radius: 6px;
box-shadow: 0 0 0 8px #9E714829;
}
#Wrapper ol.hm-fn-list a.hm-fn-back {
color: #9E7148;
text-decoration: none;
margin-left: .4em;
}
#Wrapper ol.hm-fn-list a.hm-fn-back:hover {
color: #C79A6B;
}
/* Mobile */
@media (max-width:767px) {
#Wrapper section.hm-fn-box {
padding: 18px 20px;
border-radius: 20px;
}
#Wrapper sup.hm-fn .hm-fn-tip {
width: min(20rem,86vw);
}
}
/* Impression */
@media print {
#Wrapper sup.hm-fn .hm-fn-tip {
display: none;
}
#Wrapper section.hm-fn-box {
background: transparent;
border-color: #999999;
box-shadow: none;
}
#Wrapper ol.hm-fn-list,
#Wrapper ol.hm-fn-list li {
color: #000000;
}
}
/* ==================================================================
14 HOTSPOTS
================================================================== */
/* Cadre double autour de l'image */
.hotspot-image img {
border: 4px double #9e7148;
}
/* Point hotspot (le marqueur) */
.hotspot-marker {
background-color: #fff !important;
width: 16px;
height: 16px;
border-radius: 50%;
}
/* Infobulle (la box qui s'ouvre quand on clique) */
.hotspot-content {
background-color: #000 !important;
color: #fff !important;
border: 2px solid #9e7148 !important;
padding: 10px;
border-radius: 6px;
font-size: 14px;
max-width: 250px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
min-height: 80px;
}
/* Couleur du point (hotspot) */
.hotspot-marker {
background-color: #fff !important;
}
/* Couleur du cercle anime (effet pulse) */
.mfn-image-hotspot-point-pulse .hotspot-marker::after {
background-color: rgba(158, 113, 72, 0.4) !important;
box-shadow: none !important;
}
/* Couleur de l'icone dans le point */
.hotspot-marker-icon {
background-color: #fff !important;
color: #ffffff !important;
}
/* Couleur du texte dans le point */
.hotspot-marker-text {
background-color: #ffffff !important;
color: #fff !important;
}
/* ==================================================================
15 BANNIERES
================================================================== */
/* Double bordure autour de l'image banner */
.banner-image {
position: relative;
box-sizing: border-box;
border: 2px solid #000;
border-radius: 20px;
}
/* Ombre portee sur les titres et sous-titres */
.banner-item {
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7);
}
.banner-wrapper p {
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7);
}
.title.banner-item {
text-transform: uppercase;
color: #9e7148 !important;
letter-spacing: 1px;
background-color: #000000 !important;
display: inline-block;
padding: 8px 16px;
border-radius: 20px;
border: 1px solid #2e1f0a;
}
.subtitle.banner-item {
text-transform: uppercase;
}
.mfn-banner-box:hover .title.banner-item {
/* font-weight: bold; */
}
.mfn-banner-box {
position: relative;
overflow: hidden;
}
.mfn-banner-box::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 4px);
height: 100px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
z-index: 0;
pointer-events: none;
margin: 2px;
border-radius: 20px;
}
/* Texte au-dessus du degrade */
.banner-desc,
.banner-wrapper {
position: relative;
z-index: 1;
}
/* ==================================================================
16 RESULTATS DE RECHERCHE
================================================================== */
.search-results .search-item .post-featured-image {
margin: 0 !important;
}
/* --- Regles communes : servent aussi aux categories, ne pas toucher --- */
.posts_group {
display: flex;
flex-direction: column;
padding: 20px;
}
.post-title {
width: 100%;
}
.post-title a {
width: 100%;
font-size: 1.6rem;
font-weight: bold;
color: #9e7148;
text-decoration: none;
transition: color 0.3s ease;
}
.post-title a:hover {
width: 100%;
color: #9e7148;
}
.post-excerpt {
margin-top: 10px;
font-size: 1rem;
color: #fff;
}
/* Neutralise les styles imposes par le theme sur les titres */
.post-title h1,
.post-title h2,
.post-title h3,
.post-title h4,
.post-title h5,
.post-title h6,
.post-title h1 a,
.post-title h2 a,
.post-title h3 a,
.post-title h4 a,
.post-title h5 a,
.post-title h6 a {
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* --- Carte de resultat : meme design que les categories --- */
.search-item {
display: flex;
flex-direction: row;
background: #000000;
border: 1px solid #333333;
padding: 3px;
margin: 0 0 12px;
overflow: hidden;
}
/* Image : meme cadre double que .image_frame */
.search-item .post-featured-image {
align-self: flex-start;
flex: 0 0 37%;
width: 37%;
border: 4px double #333333;
background: #000000;
overflow: hidden;
box-sizing: border-box;
transition: border-color .25s ease;
}
.search-item .post-featured-image:hover {
border-color: #9e7148;
}
.search-item .post-featured-image a {
display: block;
}
.search-item .post-featured-image img.live-search-thumbnail {
display: none;
}
.search-item .post-featured-image img.scale-with-grid {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
/* Contenu : meme padding que .post-desc */
.search-item .search-content {
align-self: flex-start;
flex: 1 1 auto;
min-width: 0;
padding: 18px 20px 16px;
}
/* Titre : meme rendu que .entry-title des categories */
.search-item .post-title h4 {
margin: 0 0 5px;
font-family: "Segoe UI", sans-serif !important;
font-size: 1.6rem;
font-weight: 400 !important;
line-height: 1.6 !important;
letter-spacing: 2px;
text-transform: uppercase;
color: #ffffff;
}
.search-item .post-title h4 a {
font-size: inherit;
color: #ffffff;
}
.search-item .post-title h4 a:hover {
color: #9e7148;
}
/* Extrait : meme rendu que .post-excerpt des categories */
.search-item .post-excerpt,
.search-item .post-excerpt p {
margin: 10px 0 0;
font-size: 13.5px;
line-height: 1.65;
color: #b8b8b8;
}
/* Mobile : image au-dessus, texte en dessous */
@media (max-width: 767px) {
.search-item {
flex-direction: column;
}
.search-item .post-featured-image {
flex: 0 0 auto;
width: 100%;
}
.search-item .post-featured-image img.scale-with-grid {
height: 165px;
}
.search-item .search-content {
width: 100%;
box-sizing: border-box;
padding: 14px 14px 12px;
}
.search-item .post-title h4 {
font-size: 1.2rem;
margin-bottom: 0;
}
.search-item .post-excerpt,
.search-item .post-excerpt p {
font-size: 13px;
}
}
/* --- Resultats de recherche : carte cliquable, etiquette, Read more --- */
.search-item {
position: relative;
align-items: stretch;
transition: border-color .25s ease;
}
.search-item:hover {
border-color: #9e7148;
}
.search-item:hover .post-featured-image {
border-color: #9e7148;
}
/* Le lien du titre s'etend a toute la carte */
.search-item .post-title,
.search-item .post-title h4 {
position: static;
}
.search-item .post-title h4 a::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.search-item:hover .post-title h4 a {
color: #9e7148;
}
/* Contenu en colonne : le Read more se cale en bas */
.search-item .search-content {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: stretch;
}
/* Etiquette de type, dans l'esprit du date_label des categories */
.search-item .search-content::before {
content: "Page";
align-self: flex-start;
margin: 0 0 12px;
padding: 2px 8px;
border: 1px solid #2e1f0a;
font-family: Objektiv, sans-serif;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
color: #9e7148;
}
.search-item.type-post .search-content::before {
content: "Article";
}
.search-item.category-news .search-content::before {
content: "News";
}
.search-item .search-content:has(a[href*="/interviews/"])::before {
content: "Interview";
}
/* Read more, meme rendu que .post-more des categories */
.search-item .search-content::after {
content: "Read more \203A";
margin-top: auto;
padding-top: 12px;
border-top: 1px solid #2e1f0a;
text-align: right;
font-family: Objektiv, sans-serif;
font-size: 10.5px;
letter-spacing: 1px;
text-transform: uppercase;
color: #9e7148;
transition: color .2s ease;
}
.search-item:hover .search-content::after {
color: #ffffff;
}
.search-item .post-excerpt {
margin-bottom: 16px;
}
/* ==================================================================
17 GRILLE D'ARTICLES DU BLOG
Apparence seule : aucune regle de mise en page, Isotope garde
la main sur le placement des articles.
================================================================== */
.blog_wrapper .posts_group.classic .post-item {
background: #000000;
border: 1px solid #333333;
padding:3px;
overflow: hidden;
margin-bottom:12px !important;
}
/*.blog_wrapper .posts_group.classic .post-item:hover {
background: #000000;
border: 1px solid #9e7148;
padding:3px;
overflow: hidden;
}*/
.blog_wrapper .posts_group.classic .post-item .image_frame {
border: 4px double;
border-color: #333333;
}
.blog_wrapper .posts_group.classic .post-item .image_frame:hover {
border-color: #9e7148;
}
.blog_wrapper .posts_group.classic .post-item .image_frame img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.blog_wrapper .posts_group.classic .post-item .date_label {
background: #000000;
border: 1px solid #2e1f0a;
color: #9e7148;
font-family: Objektiv, sans-serif;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
.blog_wrapper .posts_group.classic .post-item .post-desc-wrapper {
background: none;
}
.blog_wrapper .posts_group.classic .post-item .post-desc {
padding: 18px 20px 16px;
}
.blog_wrapper .posts_group.classic .post-item .post-meta {
font-family: Objektiv, sans-serif;
font-size: 10.5px;
letter-spacing: 1px;
text-transform: uppercase;
color: #8c8c8c;
}
.blog_wrapper .posts_group.classic .post-item .post-meta a {
color: #8c8c8c;
text-decoration: none;
}
.blog_wrapper .posts_group.classic .post-item .post-meta a:hover {
color: #9e7148;
}
.blog_wrapper .posts_group.classic .post-item .post-meta i {
color: #9e7148;
}
.blog_wrapper .posts_group.classic .post-item .entry-title {
font-family: Objektiv, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 1.3;
text-transform: uppercase;
}
.blog_wrapper .posts_group.classic .post-item .entry-title a {
color: #ffffff;
text-decoration: none;
}
.blog_wrapper .posts_group.classic .post-item .entry-title a:hover {
color: #9e7148;
}
.blog_wrapper .posts_group.classic .post-item .post-excerpt {
font-size: 13.5px;
line-height: 1.65;
color: #b8b8b8;
}
.blog_wrapper .posts_group.classic .post-item .post-footer {
padding-top: 12px;
border-top: 1px solid #2e1f0a;
}
.blog_wrapper .posts_group.classic .post-item .love-text {
color: #8c8c8c;
font-family: Objektiv, sans-serif;
font-size: 10.5px;
letter-spacing: 1px;
text-transform: uppercase;
}
.blog_wrapper .posts_group.classic .post-item .post-more {
font-family: Objektiv, sans-serif;
font-size: 10.5px;
letter-spacing: 1px;
text-transform: uppercase;
color: #9e7148;
text-decoration: none;
}
.blog_wrapper .posts_group.classic .post-item .post-more:hover {
font-family: Objektiv, sans-serif;
font-size: 10.5px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
}
.blog_wrapper .posts_group.classic .post-item .read-more-icon {
color: #9e7148;
font-size: 12px;
}
.blog_wrapper .posts_group.classic .post-item .cat-wrapper {
background: #000000;
border: 1px solid #2e1f0a;
}
.blog_wrapper .posts_group.classic .post-item .cat-wrapper a {
color: #ffffff;
}
.blog_wrapper .posts_group.classic .post-item .cat-wrapper a:hover {
color: #9e7148;
}
.blog_wrapper .posts_group.classic .post-item .cat-btn {
color: #8c8c8c;
font-family: Objektiv, sans-serif;
font-size: 10.5px;
letter-spacing: 1px;
text-transform: uppercase;
}
.blog_wrapper .posts_group.classic .post-item .image_links a {
border: 1px solid #2e1f0a;
}
.blog_wrapper .posts_group.classic .post-item .image_links .path {
stroke: #9e7148;
}
#Wrapper .section-post-header .section_wrapper .entry-title {
font-family: "Pirate-font", serif;
font-size: 50px;
font-weight: 500;
line-height: 75px;
letter-spacing: 0;
text-transform: none;
color: #ffffff;
background-image: url("https://www.hook-movie.com/wp-content/uploads/2024/05/menu_DL_01.png") !important;
background-repeat: no-repeat !important;
background-position: 50% 100% !important;
background-size: auto !important;
margin-bottom: 10px;
}
#Wrapper .section-post-header .section_wrapper {
max-width: 900px;
text-align: center;
background-image: url("https://www.hook-movie.com/wp-content/uploads/2026/09/menu_DL_sources.png") !important;
background-repeat: no-repeat !important;
background-position: 50% 100% !important;
background-size: auto !important;
}
#Wrapper .section-post-header .entry-title {
font-family: "Pirate-font", serif;
font-size: 50px;
font-weight: 500;
line-height: 75px;
letter-spacing: 0;
text-transform: none;
color: #ffffff;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.9);
margin: 0 0 4px;
}
#Wrapper .section-post-header .post-meta {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 4px 18px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
}
#Wrapper .section-post-header .post-meta .label {
color: #9e7148;
/* font-weight: bold;*/
text-transform: uppercase;
opacity: 1;
margin-right: 4px;
}
#Wrapper .section-post-header .post-meta a,
#Wrapper .section-post-header .post-meta time,
#Wrapper .section-post-header .post-meta .fn {
color: #ffffff;
border-bottom: 0;
}
#Wrapper .section-post-header .post-meta a:hover {
color: #9e7148;
}
/* ==================================================================
18 PAGINATION
================================================================== */
/* Conteneur principal */
.pager {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
padding: 20px 0;
background-color: #000;
font-family: 'Segoe UI', sans-serif;
}
/* Liens Prev / Next */
.pager .prev_page,
.pager .next_page {
color: #9e7148;
font-weight: bold;
font-size: 1rem;
text-decoration: none;
background: none !important;
border: none !important;
}
.pager .prev_page:hover,
.pager .next_page:hover {
color: #9e7148;
}
/* Bloc de numeros */
.pager .pages {
display: flex;
flex-wrap: wrap;
gap: 10px;
background: none !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
}
/* Numeros individuels */
.pager .page {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #fff !important;
text-decoration: none;
font-weight: bold;
font-size: 1rem;
padding: 2px 6px;
}
.pager .page.active {
color: #9e7148 !important;
pointer-events: none;
}
.pager .page:hover {
color: #9e7148 !important;
}
/* Desactive tout style herite potentiellement genant */
.pager .page,
.pager .pages,
.pager .prev_page,
.pager .next_page {
display: inline-block;
font-family: 'Segoe UI', sans-serif;
font-size: 1rem;
font-weight: bold;
color: #fff;
margin: 0 6px;
cursor: pointer;
}
/* ==================================================================
19 STRUCTURE DE PAGE
ATTENTION : la ligne de tirets bas ci-dessous, presente dans le
fichier d'origine, transforme la regle .content_wrapper.clearfix
en selecteur descendant. Ce bloc ne s'applique donc pas.
Elle est conservee telle quelle pour ne rien changer au rendu.
================================================================== */
#Content {
width: 100%;
padding-top: 0px;
z-index: 0;
position: relative;
padding-bottom: 0px;
}
.mcb-wrap {
padding-top: 0px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-bottom: 20px !important;
}
.section_wrapper {
margin-top: 0px;
background: #000000;
border: 0px solid #2e1f0a;
border-radius: 30px;
padding: 0px;
box-shadow: 0 2px 12px rgba(0,0,0,0.35);
background-clip: padding-box;
}
___________
.content_wrapper.clearfix {
margin-top: 22px;
background: rgba(255,255,255,0.02);
border: 1px solid #2e1f0a;
border-radius: 8px;
padding: 22px;
box-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
.content_wrapper.clearfix p {
color: #ffffff;
}
.content_wrapper.clearfix a {
color: #ffffff;
text-decoration: none;
}
.content_wrapper.clearfix a:hover {
color: #9e7148;
text-decoration: none;
}
/* ==================================================================
20 ARTICLE - EN-TETE
================================================================== */
/* Reset visuel du header */
.section-post-header,
.section-post-header .section_wrapper,
.section-post-header .post-header,
.section-post-header .title_wrapper {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.section-post-header .post-header {
margin-bottom:10px;
}
/* Supprimer tout residu de bordure decorative */
.section-post-header:before,
.section-post-header:after,
.section-post-header .section_wrapper:before,
.section-post-header .section_wrapper:after {
content: none !important;
display: none !important;
border: 0 !important;
}
/* Masquer la fleche de navigation */
.section-post-header .post-nav {
display: none !important;
}
/* Conteneur centre */
.section-post-header .section_wrapper {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
/* Titre */
.section-post-header .entry-title {
font: inherit;
font-weight: 600;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.15;
color: #9e7148;
margin: 0 0 12px 0;
}
/* Meta */
.section-post-header .post-meta {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px 20px;
font-size: 0.95rem;
color: #fff;
text-align: center;
}
/* Auteur + date */
.section-post-header .author-date,
.section-post-header .date {
display: inline-flex;
align-items: center;
gap: 6px;
}
.section-post-header .label {
color: #fff;
opacity: 0.7;
}
.section-post-header i {
font-size: 0.9em;
color: #fff;
}
/* Liens (auteur, categories, tags) */
.section-post-header a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0.25);
transition: border-color 0.2s;
}
.section-post-header a:hover {
border-bottom-color: #9e7148;
color: #9e7148;
}
/* Categories & Tags */
.section-post-header .category {
display: inline-flex;
align-items: center;
gap: 6px;
}
.section-post-header .cat-btn {
color: #fff;
font-size: 0.9rem;
font-weight: 500;
}
.section-post-header .cat-wrapper ul,
.section-post-header .post-categories {
list-style: none;
padding: 0;
margin: 0;
}
.section-post-header .post-categories li {
display: inline;
margin-right: 10px;
}
/* Categories / Tags : forcer le panneau sombre */
.section-post-header .category .cat-wrapper {
background: #000 !important;
color: #fff !important;
border: 0 !important;
box-shadow: none !important;
width: max-content;
min-width: 120px;
max-width: 320px;
}
.section-post-header .post-meta .category .cat-wrapper ul {
width: auto;
min-width: 0;
}
.section-post-header .post-meta .category .cat-wrapper li,
.section-post-header .post-meta .category .cat-wrapper a {
white-space: nowrap;
}
/* Annule TOUT fond injecte dans le contenu du menu */
.section-post-header .category .cat-wrapper *,
.section-post-header .category .cat-wrapper *::before,
.section-post-header .category .cat-wrapper *::after {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
width:auto;
}
/* Liste propre, sans puce ni blocs blancs */
.section-post-header .category .cat-wrapper ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: grid;
gap: 8px;
}
/* Les ne portent aucun fond */
.section-post-header .category .cat-wrapper li {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
/* Liens : pas de pastille blanche, juste texte + soulignement leger */
.section-post-header .category .cat-wrapper a {
display: inline-block;
padding: 0 !important;
background: transparent !important;
color: #fff !important;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: color .2s, border-color .2s, transform .1s;
}
.section-post-header .category .cat-wrapper a:hover,
.section-post-header .category .cat-wrapper a:focus {
color: #9e7148 !important;
border-bottom-color: #9e7148 !important;
transform: translateX(2px);
}
/* Bouton (titre du menu) et icone en blanc */
.section-post-header .category .cat-btn,
.section-post-header .category .cat-btn i {
color: #fff !important;
background: transparent !important;
}
/* Si le theme ajoute une bordure via un gradient ou une image */
.section-post-header .category .cat-wrapper {
background-image: none !important;
}
/* Forcer l'empilement au-dessus d'autres blocs clairs */
.section-post-header .category {
position: relative;
}
.section-post-header .category .cat-wrapper {
z-index: 999;
}
/* Responsive */
@media (max-width: 720px) {
.section-post-header .post-meta {
flex-direction: column;
align-items: center;
}
}
/* ==================================================================
21 ARTICLE - BOITE AUTEUR
Ces regles restent en place ; la section est masquee en 22.
================================================================== */
.section.mcb-section.section-post-about {
padding: 30px !important;
}
/* Conteneur centre et respirant */
.section-post-about .section_wrapper {
max-width: 900px;
margin: 0 auto;
padding: 28px 20px;
}
/* Reset des styles theme */
.section-post-about,
.section-post-about .author-box,
.section-post-about .author-box-wrapper,
.section-post-about .mcb-column-inner {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
margin:0px
}
.section_wrapper .post-header .mcb-column-inner {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
margin:0px
}
.section_wrapper .mcb-column-inner {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.mcb-column-inner {
margin:0px 12px 12px 12px;
}
/* Layout : avatar a gauche, contenu a droite */
.section-post-about .author-box-wrapper {
display: flex;
align-items: flex-start;
gap: 20px;
}
/* Avatar rond */
.section-post-about .avatar-wrapper img {
object-fit: cover;
border-radius: 9999px;
border: 1px;
}
/* Zone texte */
.section-post-about .desc-wrapper {
flex: 1 1 auto;
min-width: 0;
}
/* Nom auteur */
.section-post-about .desc-wrapper h5 {
margin: 0 0 6px 0;
font-weight: 700;
font-size: 1.05rem;
line-height: 1.2;
}
.section-post-about .desc-wrapper h5 a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,.25);
transition: color .2s, border-color .2s;
}
.section-post-about .desc-wrapper h5 a:hover {
color: #9e7148;
border-bottom-color: #9e7148;
}
/* Bio */
.section-post-about .desc-wrapper .desc {
color: #fff;
font-size: 1.02rem;
line-height: 1.65;
max-width: 62ch;
margin: 0;
}
/* Responsive : pile avatar + texte */
@media (max-width: 640px) {
.section-post-about .author-box-wrapper {
flex-direction: column;
align-items: center;
text-align: center;
}
.section-post-about .desc-wrapper .desc {
max-width: none;
}
}
/* ==================================================================
22 ARTICLE - SECTIONS MASQUEES
================================================================== */
/* 1. Cacher le contenu principal s'il est vide ou marque no_content */
.entry-content[itemprop="mainContentOfPage"]:empty,
.entry-content[itemprop="mainContentOfPage"] .section.the_content.no_content,
.entry-content[itemprop="mainContentOfPage"] .the_content_wrapper:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
/* Bonus : si entry-content ne contient que cette section vide */
.entry-content[itemprop="mainContentOfPage"] .section.the_content.no_content,
.entry-content[itemprop="mainContentOfPage"] .the_content_wrapper:empty {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
height: 0 !important;
min-height: 0 !important;
}
/* 2. Cacher la section footer BeTheme (section-page-footer) */
.section.section-page-footer,
.section.section-page-footer *,
.section-page-footer,
.section-page-footer .section_wrapper,
.section-page-footer .page-pager {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
/* 1 bis. entry-content vide ou inutile */
.entry-content[itemprop="mainContentOfPage"]:empty,
.entry-content[itemprop="mainContentOfPage"] .the_content_wrapper:empty,
.entry-content[itemprop="mainContentOfPage"] .section.the_content.no_content {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
/* Bonus moderne */
.entry-content[itemprop="mainContentOfPage"] .section.the_content.no_content,
.entry-content[itemprop="mainContentOfPage"] .the_content_wrapper:empty {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
height: 0 !important;
min-height: 0 !important;
}
/* 2 bis. Supprimer footer de page BeTheme */
.section.section-page-footer,
.section.section-page-footer *,
.section-page-footer,
.section-page-footer .section_wrapper,
.section-page-footer .page-pager {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
/* 3. Supprimer section the_content no_content */
.section.mcb-section.the_content.no_content {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
/* 4. Supprimer section-post-footer */
.section.mcb-section.section-post-footer {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: #000;
}
.section.mcb-section.section-post-footer {
display: none !important;
}
/* Coupe entierement la section post-footer de BeTheme */
.section.mcb-section.section-post-footer,
.section.mcb-section.section-post-footer .section_wrapper,
.section.mcb-section.section-post-footer .post-pager {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
}
/* Evite tout espace residuel autour */
.post-wrapper-content > .section.mcb-section.section-post-footer {
margin: 0 !important;
padding: 0 !important;
}
/* Masquer "Related posts" */
.section.mcb-section.section-post-related,
.section.mcb-section.section-post-related .section_wrapper,
.section.mcb-section.section-post-related * {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
}
/* Masquer "Post about" */
.section.mcb-section.section-post-about,
.section.mcb-section.section-post-about .section_wrapper,
.section.mcb-section.section-post-about * {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
}
/* Si elles sont juste apres le contenu, on enleve tout espace */
.post-wrapper-content > .section.mcb-section.section-post-related,
.post-wrapper-content > .section.mcb-section.section-post-about {
margin: 0 !important;
padding: 0 !important;
}
/* Cache uniquement le bloc des tags, pas les categories */
.single-post .category.mata-tags,
.single-post .category.meta-tags {
display: none !important;
}
/* ==================================================================
23 RETOUR EN HAUT DE PAGE
================================================================== */
#back_to_top {
position: fixed !important;
right: 20px !important;
bottom: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 50px !important;
height: 50px !important;
background: #000;
border: 1px solid rgba(255,255,255,0.12) !important;
border-radius: 16px !important;
color: #9e7148 !important;
text-decoration: none !important;
z-index: 9999 !important;
}
/* icone */
#back_to_top i {
font-size: 22px !important;
line-height: 1 !important;
color: #9e7148 !important;
}
/* etat hover */
#back_to_top:hover {
border-color: #9e7148 !important;
}
/* ==================================================================
24 DIVERS ET BLOCS DESACTIVES
================================================================== */
.ebook2-shadow {
box-shadow: 0px 10px 46.55px 2.45px rgba(0, 0, 0, 0.58);
}
.lc_sharing_icons {
display: none;
}
/*.icon-search-fine {
display: none;
}
*/
/* --- Blocs conserves mais desactives -----------------------------
.modification-block {
margin-top:0px;
font-size: 16px;
}
.modification-label {
color: #9e7148 !important;
font-weight: bold !important;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 4px;
}
.modification-date {
color: #ffffff;
}
.column, .columns {
margin: 0 1% 0px !important;
}
.search-item { outline: 1px solid red; }
.search-content { outline: 1px solid lime; }
.post-featured-image { outline: 1px solid blue; }
.highlight-left:after {
background-image: url('https://www.hook-movie.com/wp-content/uploads/2021/03/parchment_TX.jpg') !important;
background-color: transparent !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
background-attachment: fixed !important;
}
#Top_bar #menu #menu-item-528 > a {
height: auto !important;
line-height: 10px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
------------------------------------------------------------------ */
/* Navigation article precedent / suivant */
#Wrapper .post-nav.minimal a {
text-decoration: none;
border-bottom: 0;
}
#Wrapper .post-nav.minimal .arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: #000000;
border: 1px solid #2e1f0a;
border-radius: 16px;
color: #9e7148;
font-size: 18px;
transition: border-color .25s ease, color .25s ease;
}
#Wrapper .post-nav.minimal a:hover .arrow {
border-color: #9e7148;
color: #ffffff;
}
#Wrapper .post-nav.minimal .photo {
background: #000000;
border: 1px solid #2e1f0a;
padding: 0;
overflow: hidden;
}
#Wrapper .post-nav.minimal .photo img {
display: block;
width: 100%;
height: auto;
}
#Wrapper .post-nav.minimal .desc {
background: #000000;
border: 1px solid #2e1f0a;
padding: 10px 12px;
}
#Wrapper .post-nav.minimal .desc h6 {
margin: 0 0 4px;
font-family: Objektiv, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
text-transform: uppercase;
color: #ffffff;
}
#Wrapper .post-nav.minimal a:hover .desc h6 {
color: #9e7148;
}
#Wrapper .post-nav.minimal .desc .date {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: Objektiv, sans-serif;
font-size: 10.5px;
letter-spacing: 1px;
text-transform: uppercase;
color: #8c8c8c;
}
#Wrapper .post-nav.minimal .desc .date i {
color: #9e7148;
font-size: 12px;
}
/* Bouton et panneau des categories */
#Wrapper .category .cat-btn {
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
font-family: Objektiv, sans-serif;
font-size: 10.5px;
letter-spacing: 1px;
text-transform: uppercase;
color: #8c8c8c;
}
#Wrapper .category .cat-btn i {
color: #9e7148;
font-size: 12px;
}
#Wrapper .category:hover .cat-btn {
color: #ffffff;
}
#Wrapper .category .cat-wrapper {
background: #000000;
border: 1px solid #2e1f0a;
border-radius: 8px;
padding: 10px 14px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
#Wrapper .category .cat-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
}
#Wrapper .category .cat-wrapper li {
margin: 0;
padding: 2px 0;
}
#Wrapper .category .cat-wrapper a {
font-family: Objektiv, sans-serif;
font-size: 11.5px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid transparent;
}
#Wrapper .category .cat-wrapper a:hover {
color: #9e7148;
border-bottom-color: #9e7148;
}
#Wrapper .blog_wrapper .posts_group.classic .post-item .cat-wrapper {
padding: 8px 12px;
}
#Wrapper .blog_wrapper .posts_group.classic .post-item .cat-wrapper ul,
#Wrapper .blog_wrapper .posts_group.classic .post-item .cat-wrapper li {
list-style: none;
margin: 0;
padding: 0;
background: transparent;
border: 0;
}
#Wrapper .blog_wrapper .posts_group.classic .post-item .cat-wrapper a {
display: inline-block;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
font-family: Objektiv, sans-serif;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1.6;
}
/* Navigation flottante entre articles */
body .fixed-nav .arrow {
background-color: #000000;
color: #9e7148;
}
body .fixed-nav:hover .arrow {
color: #ffffff;
}
body .fixed-nav .photo {
background-color: #000000;
}
body .fixed-nav .desc {
background: #000000;
border: 1px solid #2e1f0a;
}
body .fixed-nav .desc h6 {
font-family: Objektiv, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
text-transform: uppercase;
color: #ffffff;
}
body .fixed-nav:hover .desc h6 {
color: #9e7148;
}
body .fixed-nav .desc .date {
font-family: Objektiv, sans-serif;
font-size: 10.5px;
letter-spacing: 1px;
text-transform: uppercase;
color: #8c8c8c;
border-top-color: #2e1f0a;
}
body .fixed-nav .desc i {
color: #9e7148;
}
iframe[src*="youtube.com"],
iframe[src*="youtu.be"] {
border: 4px double #333333;
}
iframe[src*="youtube.com"]:hover,
iframe[src*="youtu.be"]:hover {
border-color: #9e7148;
}
/* ------------------------------------------------------------------
Zone de widgets du pied de page
Meme traitement que l'en-tete d'article : les deux memes images,
posees en bas au centre.
------------------------------------------------------------------ */
#Footer .widgets_wrapper {
background-color: #000000;
background-image: url("https://www.hook-movie.com/wp-content/uploads/2026/09/footer_divider.png");
background-repeat: no-repeat;
background-position: top;
padding:20px 0 20px;
}
#Footer .widgets_wrapper a {
color: #fff !important;
display: inline-block;
}
#Footer .widgets_wrapper a:hover {
color: #9e7148 !important;
text-decoration-line: underline !important;
text-decoration-style: dotted !important;
}
/* Une seule ligne centree, dans l'esprit de la meta d'article */
#Footer .widgets_wrapper .container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
align-items: flex-start;
max-width: 1600px;
}
#Footer .widgets_wrapper .column {
display: flex;
align-items: center;
width: auto;
flex: 0 0 auto;
margin: 0;
padding: 4px 0;
}
/* Filet bronze vertical entre deux colonnes */
#Footer .widgets_wrapper .column + .column {
border-left: 1px solid #2e1f0a;
margin-left: 24px;
padding-left: 24px;
}
#Footer .widgets_wrapper .mcb-column-inner {
margin: 0;
}
#Footer .widgets_wrapper .widget {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
}
/* Etiquette de widget : bronze, comme .label dans la meta d'article */
#Footer .widgets_wrapper .widget > h4,
#Footer .widgets_wrapper .widget .widget-title,
#Footer .widgets_wrapper .widget .wp-block-heading {
margin: 0;
padding: 0;
border: 0;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
color: #9e7148;
}
/* Liste de categories */
#Footer .widgets_wrapper .widget_categories ul {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
gap: 4px 18px;
margin: 0;
padding: 0;
background:#000;
}
#Footer .widgets_wrapper .widget_categories ul li a {
color: #fff !important;
display: inline-block;
}
#Footer .widgets_wrapper .widget_categories ul li a:hover {
color: #9e7148 !important;
display: inline-block;
}
#Footer .widgets_wrapper .widget_categories li {
margin: 0;
padding: 0;
border: 0;
}
#Footer .widgets_wrapper .widget_categories li a {
display: block;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: 0;
text-transform: none;
color: #9e7148;
text-decoration: none;
border-bottom: 0;
transition: color .2s;
background: #000;
}
#Footer .widgets_wrapper .widget_categories li a:hover {
color: #fff;
}
#Footer .widgets_wrapper .widget_categories li .count,
#Footer .widgets_wrapper .widget_categories li .post-count {
color: #9e7148;
font-size: 13px;
margin-left: 5px;
}
/* ------------------------------------------------------------------
Bandeau de copyright
------------------------------------------------------------------ */
#Footer .footer_copy {
background-color: #000000;
background-image: url("https://www.hook-movie.com/wp-content/uploads/2020/03/footer-1.png");
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
#Footer .footer_copy .container {
max-width: 1600px;
}
#Footer .footer_copy .mcb-column-inner {
margin: 0;
}
#Footer .footer_copy .copyright {
text-align: center;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 1.9;
letter-spacing: 1px;
color: #fff;
}
#Footer .footer_copy .copyright a {
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #2e1f0a;
transition: color .2s, border-color .2s;
}
#Footer .footer_copy .copyright a:hover {
color: #9e7148;
border-bottom-color: #9e7148;
}
#Footer .footer_copy .copyright .modification-block {
margin-top: 14px;
}
#Footer .footer_copy ul.social {
margin: 0;
padding: 0;
}
/* ------------------------------------------------------------------
Mobile
------------------------------------------------------------------ */
@media (max-width: 767px) {
#Footer .widgets_wrapper {
padding: 35px 0 55px;
}
#Footer .widgets_wrapper .column {
margin-bottom: 22px;
}
#Footer .footer_copy .copyright {
padding-bottom: 45px;
font-size: 11.5px;
}
}
/* ------------------------------------------------------------------
* ------------------------------------------------------------------
* ------------------------------------------------------------------
* ------------------------------------------------------------------
* ------------------------------------------------------------------
* ----------------------------------------------------------------*/
/* ==================================================================
HOOK-MOVIE.COM - COMPLEMENT MOBILE / TABLETTE
------------------------------------------------------------------
A COLLER *APRES* LE CSS EXISTANT, SANS RIEN Y MODIFIER.
Tout ce fichier est enferme dans des @media (max-width: ...).
Consequence : sur ecran large, absolument rien ne change. Les
regles ne s'activent qu'en dessous des largeurs indiquees.
Paliers utilises (alignes sur ceux deja presents dans ton CSS) :
<= 1024px tablette
<= 767px mobile
<= 479px petit mobile
Les selecteurs reprennent volontairement la meme forme que ceux
du CSS d'origine (parfois avec #Wrapper ou #Footer en prefixe)
afin d'avoir une specificite egale ou superieure : etant places
plus bas dans la feuille, ils passent devant.
SOMMAIRE
A Garde-fous anti-debordement
B En-tete / menu
C Subheader (grands titres)
D Typographie de contenu (fmt-*, sources)
E Blocs et
F Citations (blockquote)
G Images, galeries, legendes
H Lightbox (mfp-*)
I Tableaux (defilement horizontal)
J Barre de sous-menu (hk-bar)
K Sources de scene (DS_*)
L Notes de bas de page (hm-*)
M Hotspots
N Bannieres
O Resultats de recherche
P Grille d'articles du blog
Q Pagination
R Structure de page
S En-tete d'article
T Navigation article precedent / suivant
U Videos embarquees
V Pied de page
W Retour en haut de page
X Petit mobile (<= 479px)
================================================================== */
/* ==================================================================
A GARDE-FOUS ANTI-DEBORDEMENT
Empeche tout element large de creer un defilement horizontal
de la page entiere.
================================================================== */
@media (max-width: 1024px) {
html {
-webkit-text-size-adjust: 100%;
}
#Wrapper {
overflow-x: hidden;
}
img,
iframe,
video,
embed,
object,
svg {
max-width: 100%;
}
pre,
code {
max-width: 100%;
overflow-x: auto;
white-space: pre-wrap;
word-break: break-word;
}
/* Les URL et mots tres longs ne poussent plus la page */
#Content p,
#Content li,
#Content h1,
#Content h2,
#Content h3,
#Content h4,
#Content h5,
#Content h6 {
overflow-wrap: break-word;
word-wrap: break-word;
}
}
/* ==================================================================
B EN-TETE / MENU
Le menu mobile est gere par le theme : on se contente de
neutraliser la hauteur forcee des libelles et d'elargir les
zones cliquables.
================================================================== */
@media (max-width: 1024px) {
#Top_bar {
background-size: cover;
background-position: center bottom;
}
}
@media (max-width: 767px) {
/* Annule le min-height de 60px prevu pour le menu horizontal */
#Top_bar #menu ul li a span:not(.description) {
display: block;
min-height: 0;
line-height: 1.35;
}
/* Zones tactiles confortables dans le menu deroulant */
#Top_bar #menu ul li a {
padding-top: 12px;
padding-bottom: 12px;
}
/* Champ de recherche pleine largeur */
#Top_bar .top_bar_right #searchform,
#Top_bar .top_bar_right #searchform input.field {
width: 100%;
box-sizing: border-box;
}
}
/* ==================================================================
C SUBHEADER (GRANDS TITRES)
page_titre passe de 100px a des tailles lisibles par palier.
================================================================== */
@media (max-width: 1024px) {
#Subheader {
padding: 55px 0 55px 0;
background-size: cover;
background-position: center;
}
#Subheader .title {
overflow-wrap: break-word;
word-wrap: break-word;
}
#Subheader .page_titre {
font-size: 64px;
line-height: 1.05;
}
#Subheader .sur_titre {
font-size: 22px;
}
#Subheader .sous_titre {
font-size: 18px;
}
}
@media (max-width: 767px) {
#Subheader {
padding: 38px 0 38px 0;
}
#Subheader .page_titre {
font-size: 42px;
line-height: 1.08;
padding-bottom: 4px;
}
#Subheader .sur_titre {
font-size: 17px;
letter-spacing: 0.5px;
padding-bottom: 4px;
}
#Subheader .sous_titre {
font-size: 15px;
padding-bottom: 6px;
}
}
/* ==================================================================
D TYPOGRAPHIE DE CONTENU
================================================================== */
@media (max-width: 1024px) {
p.fmt-section {
font-size: 38px;
line-height: 1.35;
}
/* Le liseret decoratif se remet a l'echelle de la colonne */
.fmt-section {
background-size: 100% auto !important;
}
}
@media (max-width: 767px) {
p.fmt-question {
font-size: 16px;
}
p.fmt-section {
font-size: 30px;
line-height: 1.3;
padding-bottom: 12px;
}
.sources {
font-size: 11.5px;
}
.ds_titles,
.ds_titles_image,
.ds_titles_description,
.ds_titles_description p {
margin-left: 0;
margin-right: 0;
}
.ds_titles {
padding-top: 18px;
}
}
/* ==================================================================
E BLOCS ET
Largeur fixe de 500px remplacee par une largeur fluide.
================================================================== */
@media (max-width: 767px) {
ntext,
ttext {
width: 100%;
max-width: 500px;
box-sizing: border-box;
font-size: 15px;
padding: 10px 12px;
overflow-wrap: break-word;
word-wrap: break-word;
}
}
/* ==================================================================
F CITATIONS
Marges laterales de 80px ramenees a une valeur exploitable.
================================================================== */
@media (max-width: 1024px) {
blockquote {
margin-left: 24px;
margin-right: 24px;
padding: 14px 18px;
}
}
@media (max-width: 767px) {
blockquote {
margin-left: 0;
margin-right: 0;
padding: 14px 16px;
font-size: 15px;
}
.blockquote .author {
left: 0;
padding-right: 0;
margin-top: 14px;
}
}
/* ==================================================================
G IMAGES, GALERIES, LEGENDES
================================================================== */
@media (max-width: 767px) {
.image_frame {
border-width: 3px;
}
/* Galerie : deux vignettes carrees par ligne, fluides */
#sc_gallery-1,
.gallery {
width: 100%;
}
.gallery-item {
width: 50%;
box-sizing: border-box;
}
.gallery.flat .gallery-item .gallery-icon {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
.gallery.flat .gallery-item .gallery-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Les legendes WordPress recoivent une largeur en dur : on l'annule */
.wp-caption {
width: 100% !important;
max-width: 100% !important;
border-width: 3px;
box-sizing: border-box;
}
.wp-caption img {
width: 100%;
height: auto;
}
.wp-caption-text {
font-size: 11.5px;
padding: 8px 10px;
}
}
/* ==================================================================
H LIGHTBOX
Le bouton de fermeture etait pousse a 85% de padding-left.
================================================================== */
@media (max-width: 767px) {
img.mfp-img {
padding: 0 0 34px 0;
}
.mfp-image-holder .mfp-close {
width: 44px;
padding-left: 0;
padding-right: 0;
margin-right: 6px;
text-align: center;
}
.mfp-bottom-bar {
margin-top: -28px;
padding: 0 12px;
box-sizing: border-box;
font-size: 14px;
text-align: center;
}
.mfp-title {
white-space: normal;
line-height: 1.35;
}
.mfp-arrow {
opacity: 0.85;
}
}
/* ==================================================================
I TABLEAUX - DEFILEMENT HORIZONTAL
Le tableau conserve sa structure ; c'est la colonne qui le
contient qui devient defilable lateralement. La barre de
defilement est coloree pour signaler que ca glisse.
================================================================== */
@media (max-width: 767px) {
.mcb-column-inner:has(table),
.the_content_wrapper:has(table),
.column_attr:has(table) {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #9e7148 #000000;
}
.mcb-column-inner:has(table)::-webkit-scrollbar,
.the_content_wrapper:has(table)::-webkit-scrollbar,
.column_attr:has(table)::-webkit-scrollbar {
height: 6px;
}
.mcb-column-inner:has(table)::-webkit-scrollbar-thumb,
.the_content_wrapper:has(table)::-webkit-scrollbar-thumb,
.column_attr:has(table)::-webkit-scrollbar-thumb {
background: #9e7148;
border-radius: 3px;
}
.mcb-column-inner:has(table)::-webkit-scrollbar-track,
.the_content_wrapper:has(table)::-webkit-scrollbar-track,
.column_attr:has(table)::-webkit-scrollbar-track {
background: #000000;
}
#Content table {
min-width: 560px;
font-size: 12.5px;
}
#Content table th,
#Content table td {
padding: 8px 10px;
line-height: 1.4;
}
/* Repli pour les navigateurs sans :has() : le tableau se
comprime au lieu de defiler, mais ne deborde jamais. */
@supports not selector(:has(*)) {
#Content table {
display: block;
width: 100%;
min-width: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
}
/* ==================================================================
J BARRE DE SOUS-MENU (hk-bar)
================================================================== */
@media (max-width: 767px) {
.hk-bar {
gap: 10px 16px;
padding: 12px 12px;
}
.hk-bar-a,
.hk-bar-on {
font-size: 12px;
letter-spacing: 0.08em;
padding: 4px 0;
}
.hk-bar-marker {
font-size: 9px;
}
}
/* ==================================================================
K SOURCES DE SCENE (DS_*)
Sur mobile, une source par ligne plutot qu'une longue ligne
coupee par des separateurs.
================================================================== */
@media (max-width: 767px) {
.DS_source {
font-size: 12px;
margin: 14px auto 12px;
padding: 0 6px;
}
.DS_source_item {
display: block;
margin: 5px 0;
}
.DS_source_separator {
display: none;
}
.DS_source_info {
display: inline;
margin-left: 4px;
}
}
/* ==================================================================
L NOTES DE BAS DE PAGE (hm-*)
L'infobulle devient un panneau ancre en bas d'ecran : elle ne
peut plus sortir du cadre, quelle que soit la position de
l'appel de note dans la ligne.
-> Si ce comportement ne te plait pas, supprime uniquement ce
bloc : le reste du fichier est independant.
================================================================== */
@media (max-width: 767px) {
#Wrapper sup.hm-fn .hm-fn-tip {
position: fixed;
left: 50%;
right: auto;
top: auto;
bottom: 16px;
transform: translateX(-50%);
width: calc(100vw - 28px);
max-width: 420px;
padding: 14px 16px;
font-size: 13.5px;
line-height: 1.55;
}
/* Zone tactile plus large sur l'appel de note */
#Wrapper sup.hm-fn a.hm-fn-ref {
padding: 0 .35em;
}
#Wrapper ol.hm-fn-list {
font-size: 14px;
line-height: 1.55;
padding-left: 1.25em;
}
#Wrapper .hm-fn-box h2.hm-fn-box-title {
font-size: 16px;
margin-bottom: 14px;
}
}
/* ==================================================================
M HOTSPOTS
================================================================== */
@media (max-width: 767px) {
.hotspot-image img {
border-width: 3px;
}
.hotspot-marker {
width: 18px;
height: 18px;
}
.hotspot-content {
max-width: min(250px, 68vw);
font-size: 13px;
padding: 8px;
min-height: 0;
}
}
/* ==================================================================
N BANNIERES
================================================================== */
@media (max-width: 767px) {
.banner-image {
border-radius: 14px;
}
.mfn-banner-box::after {
height: 70px;
border-radius: 14px;
}
.title.banner-item {
font-size: 15px;
padding: 6px 12px;
border-radius: 14px;
letter-spacing: 0.5px;
}
.subtitle.banner-item {
font-size: 12px;
}
}
/* ==================================================================
O RESULTATS DE RECHERCHE
Le mobile des cartes de recherche est gere en section 16.
Ne restent ici que les regles communes aux categories.
================================================================== */
@media (max-width: 768px) {
.posts_group {
padding: 12px 0;
}
.post-title a {
font-size: 1.2rem;
}
.post-excerpt {
font-size: 0.95rem;
}
}
/* ==================================================================
P GRILLE D'ARTICLES DU BLOG
================================================================== */
@media (max-width: 767px) {
.blog_wrapper .posts_group.classic .post-item .image_frame img {
height: 165px;
}
.blog_wrapper .posts_group.classic .post-item .post-desc {
padding: 14px 14px 12px;
}
.blog_wrapper .posts_group.classic .post-item .entry-title {
font-size: 15.5px;
}
.blog_wrapper .posts_group.classic .post-item .post-excerpt {
font-size: 13px;
}
.blog_wrapper .posts_group.classic .post-item .post-meta,
.blog_wrapper .posts_group.classic .post-item .love-text,
.blog_wrapper .posts_group.classic .post-item .post-more {
font-size: 10px;
letter-spacing: 0.8px;
}
}
/* ==================================================================
Q PAGINATION
================================================================== */
@media (max-width: 767px) {
.pager {
gap: 6px;
padding: 16px 0;
}
.pager .page,
.pager .prev_page,
.pager .next_page {
font-size: 0.9rem;
margin: 0 3px;
padding: 6px 9px;
min-width: 20px;
text-align: center;
}
.pager .pages {
gap: 4px;
justify-content: center;
}
}
/* ==================================================================
R STRUCTURE DE PAGE
================================================================== */
@media (max-width: 767px) {
.mcb-wrap {
padding-left: 14px !important;
padding-right: 14px !important;
padding-bottom: 14px !important;
}
.mcb-column-inner {
margin: 0 0 12px 0;
}
.section_wrapper {
border-radius: 18px;
}
}
/* ==================================================================
S EN-TETE D'ARTICLE
entry-title etait a 50px / line-height 75px : illisible sur
telephone. Les deux images de fond passent a l'echelle du bloc.
================================================================== */
@media (max-width: 1024px) {
#Wrapper .section-post-header .section_wrapper .entry-title,
#Wrapper .section-post-header .entry-title {
font-size: 34px;
line-height: 1.25;
}
#Wrapper .section-post-header .section_wrapper {
background-size: 100% auto !important;
}
#Wrapper .section-post-header .section_wrapper .entry-title {
background-size: 100% auto !important;
}
}
@media (max-width: 767px) {
#Wrapper .section-post-header .section_wrapper .entry-title,
#Wrapper .section-post-header .entry-title {
font-size: 26px;
line-height: 1.22;
padding-bottom: 6px;
}
#Wrapper .section-post-header .post-meta {
font-size: 14px;
gap: 6px 14px;
}
.section.mcb-section.section-post-about {
padding: 16px !important;
}
.section-post-about .section_wrapper {
padding: 18px 12px;
}
}
/* ==================================================================
T NAVIGATION ARTICLE PRECEDENT / SUIVANT
La vignette flottante mange l'ecran sur telephone : on ne
garde que la fleche.
================================================================== */
@media (max-width: 767px) {
#Wrapper .post-nav.minimal .arrow {
width: 38px;
height: 38px;
font-size: 16px;
}
body .fixed-nav .photo,
body .fixed-nav .desc {
display: none;
}
body .fixed-nav .arrow {
width: 38px;
height: 38px;
}
}
/* ==================================================================
U VIDEOS EMBARQUEES
Ratio 16/9 fluide. Volontairement limite aux iframes posees
directement dans le contenu, pour ne pas casser le conteneur
video responsive du theme (.video_wrapper).
================================================================== */
@media (max-width: 1024px) {
.mcb-column-inner > iframe[src*="youtube.com"],
.mcb-column-inner > iframe[src*="youtu.be"],
.column_attr > iframe[src*="youtube.com"],
.column_attr > iframe[src*="youtu.be"],
.the_content_wrapper > iframe[src*="youtube.com"],
.the_content_wrapper > iframe[src*="youtu.be"],
p > iframe[src*="youtube.com"],
p > iframe[src*="youtu.be"] {
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9;
display: block;
}
}
@media (max-width: 767px) {
iframe[src*="youtube.com"],
iframe[src*="youtu.be"] {
border-width: 3px;
}
}
/* ==================================================================
V PIED DE PAGE
Les colonnes de widgets sont en flex-row avec un filet vertical :
on empile, et le filet devient horizontal.
================================================================== */
@media (max-width: 767px) {
#Footer .widgets_wrapper {
background-size: 100% auto;
padding: 28px 0 40px;
}
#Footer .widgets_wrapper .container {
flex-direction: column;
align-items: center;
}
#Footer .widgets_wrapper .column {
width: 100%;
justify-content: center;
text-align: center;
padding: 0;
}
#Footer .widgets_wrapper .column + .column {
border-left: 0;
margin-left: 0;
padding-left: 0;
border-top: 1px solid #2e1f0a;
margin-top: 18px;
padding-top: 18px;
}
#Footer .widgets_wrapper .widget {
flex-direction: column;
align-items: center;
gap: 8px;
width: 100%;
}
#Footer .widgets_wrapper .widget > h4,
#Footer .widgets_wrapper .widget .widget-title,
#Footer .widgets_wrapper .widget .wp-block-heading {
font-size: 14px;
text-align: center;
}
#Footer .widgets_wrapper .widget_categories ul {
justify-content: center;
gap: 6px 16px;
}
#Footer .widgets_wrapper .widget_categories li a,
#Footer .widgets_wrapper a {
font-size: 14.5px;
padding: 3px 0;
}
/* Bandeau de copyright */
#Footer .footer_copy {
background-position: center top;
background-size: cover;
}
#Footer .footer_copy .copyright {
font-size: 12.5px;
line-height: 1.75;
letter-spacing: 0.4px;
padding-left: 14px;
padding-right: 14px;
}
/* Ligne "Website update" : autorisee a passer a la ligne */
ul.contact_details li.slogan {
flex-wrap: wrap;
padding: 10px 0;
text-align: center;
}
ul.contact_details li.slogan .modification-block {
white-space: normal;
}
.modification-block {
font-size: 13.5px;
flex-wrap: wrap;
justify-content: center;
}
}
/* ==================================================================
W RETOUR EN HAUT DE PAGE
================================================================== */
@media (max-width: 767px) {
#back_to_top {
right: 14px !important;
bottom: 14px !important;
width: 44px !important;
height: 44px !important;
border-radius: 14px !important;
}
#back_to_top i {
font-size: 19px !important;
}
}
/* ==================================================================
X PETIT MOBILE (<= 479px)
Dernier resserrement pour les ecrans les plus etroits.
================================================================== */
@media (max-width: 479px) {
#Subheader {
padding: 28px 0 28px 0;
}
#Subheader .page_titre {
font-size: 32px;
}
#Subheader .sur_titre {
font-size: 14px;
}
#Subheader .sous_titre {
font-size: 13.5px;
}
p.fmt-section {
font-size: 25px;
}
#Wrapper .section-post-header .section_wrapper .entry-title,
#Wrapper .section-post-header .entry-title {
font-size: 22px;
}
.mcb-wrap {
padding-left: 10px !important;
padding-right: 10px !important;
}
ntext,
ttext {
font-size: 13px;
padding: 8px 10px;
}
blockquote {
padding: 12px 14px;
font-size: 14.5px;
}
.gallery-item {
width: 100%;
}
.hk-bar {
gap: 8px 12px;
}
.hk-bar-a,
.hk-bar-on {
font-size: 11px;
}
#Content table {
min-width: 520px;
font-size: 12px;
}
#Content table th,
#Content table td {
padding: 7px 8px;
}
.blog_wrapper .posts_group.classic .post-item .image_frame img {
height: 165px;
}
#Footer .footer_copy .copyright {
font-size: 11.5px;
}
}
/* ==================================================================
25 MUSEUM — fiches et grilles
Toutes les classes commencent par hk-mu- : aucune collision possible.
Aucune variable, aucun :has(), valeurs litterales.
Chaque regle cible l'element ET ses descendants, pour fonctionner
aussi bien sur du HTML colle que sur un element BeBuilder auquel
vous avez donne la classe dans Attributes > CSS class.
================================================================== */
/* --- Titre de fiche -------------------------------------------- */
.hk-mu-title,
.hk-mu-title h1,
.hk-mu-title h2,
.hk-mu-title h3,
.hk-mu-title h4 {
font-family: "Pirate-font", serif;
font-size: 40px;
font-weight: 500;
line-height: 1.12;
letter-spacing: 0;
text-transform: none;
color: #ffffff;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.9);
margin: 0 0 4px;
}
.hk-mu-kicker,
.hk-mu-kicker p {
font-family: "Courier New", Courier, monospace;
font-size: 11px;
letter-spacing: .2em;
text-transform: uppercase;
color: #9e7148;
margin: 0 0 6px;
}
.hk-mu-subtitle,
.hk-mu-subtitle p {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
color: #c8c4be;
margin: 0 0 26px;
}
/* --- Fiche en deux colonnes ----------------------------------- */
.hk-mu-sheet {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 40px;
align-items: start;
}
.hk-mu-sheet-visual {
margin: 0;
}
.hk-mu-sheet-body {
min-width: 0;
}
@media (max-width: 900px) {
.hk-mu-sheet {
grid-template-columns: minmax(0, 1fr);
gap: 28px;
}
}
/* --- Liste etiquette / valeur (HTML colle) --------------------- */
.hk-mu-specs {
margin: 0;
padding: 0;
border-top: 1px solid #2e1f0a;
}
.hk-mu-spec {
display: grid;
grid-template-columns: 170px minmax(0, 1fr);
gap: 18px;
padding: 11px 0;
border-bottom: 1px solid #2e1f0a;
}
.hk-mu-spec dt {
margin: 0;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: #9e7148;
line-height: 1.9;
}
.hk-mu-spec dd {
margin: 0;
font-size: 15px;
color: #ffffff;
}
.hk-mu-spec dd small {
display: block;
font-size: 12.5px;
color: #8c8c8c;
}
/* --- Le meme rendu, mais pour une table TablePress ------------- */
/* Ajoutez hk-mu-fiche dans "Extra CSS class" de la table TablePress */
.tablepress.hk-mu-fiche {
width: 100%;
border-collapse: collapse;
margin: 0;
}
.tablepress.hk-mu-fiche tbody td {
padding: 11px 18px 11px 0;
border: 0;
border-bottom: 1px solid #2e1f0a;
background: transparent;
vertical-align: top;
}
.tablepress.hk-mu-fiche tbody td.column-1 {
width: 170px;
font-size: 12px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: #9e7148;
background: transparent;
white-space: normal;
}
.tablepress.hk-mu-fiche tbody td.column-2 {
font-size: 15px;
color: #ffffff;
}
.tablepress.hk-mu-fiche tbody tr:hover td {
background: transparent;
}
/* --- Cadre du visuel ------------------------------------------ */
/* Le cadre est porte par .hk-mu-frame seul. Les cadres que BeTheme
ajoute a l'interieur sont neutralises, sinon on obtient deux
bordures imbriquees quand la classe est posee sur un element Image. */
.hk-mu-frame {
display: block;
border: 4px double #333333;
background: #000000;
padding: 0;
overflow: hidden;
transition: border-color .25s ease;
}
.hk-mu-frame .image_frame,
.hk-mu-frame .image_wrapper,
.hk-mu-frame .mcb-column-inner {
border: 0;
margin: 0;
padding: 0;
background: none;
box-shadow: none;
}
.hk-mu-frame:hover {
border-color: #9e7148;
}
.hk-mu-frame img {
display: block;
width: 100%;
height: auto;
}
.hk-mu-frame-on {
border-color: #9e7148;
}
.hk-mu-caption,
.hk-mu-caption p {
font-family: "Courier New", Courier, monospace;
font-size: 11px;
letter-spacing: .08em;
text-transform: uppercase;
color: #8c8c8c;
margin: 10px 0 0;
}
/* --- Silhouette a l'echelle ----------------------------------- */
.hk-mu-scale {
display: flex;
align-items: flex-end;
gap: 16px;
margin: 28px 0 0;
padding: 18px 0 0;
border-top: 1px solid #2e1f0a;
}
.hk-mu-scale-shape {
flex: 0 0 auto;
width: 72px;
border: 1px solid #9e7148;
background: repeating-linear-gradient(135deg, rgba(158, 113, 72, .10) 0 2px, rgba(0, 0, 0, 0) 2px 7px);
}
.hk-mu-scale-legend {
font-family: "Courier New", Courier, monospace;
font-size: 11px;
letter-spacing: .1em;
text-transform: uppercase;
color: #8c8c8c;
line-height: 1.8;
margin: 0;
}
.hk-mu-scale-legend b {
display: block;
color: #9e7148;
font-weight: 500;
}
/* --- Notes et sources ----------------------------------------- */
.hk-mu-notes {
margin: 34px 0 0;
padding: 0;
border-top: 1px solid #2e1f0a;
}
.hk-mu-notes h4 {
margin: 22px 0 8px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
color: #9e7148;
}
.hk-mu-notes p {
margin: 0 0 12px;
color: #e4e0da;
}
/* --- Jeu de lobby cards --------------------------------------- */
.hk-mu-set-head {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px 16px;
padding-bottom: 12px;
border-bottom: 1px solid #2e1f0a;
margin-bottom: 22px;
}
.hk-mu-set-head h3 {
margin: 0;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
color: #ffffff;
}
.hk-mu-set-count {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
letter-spacing: .1em;
color: #9e7148;
}
/* Une carte par rangee : visuel a gauche, releve a droite.
Meme proportion de colonnes que la fiche, pour que les deux
gabarits se repondent. */
.hk-mu-cardlist {
display: grid;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #2e1f0a;
}
.hk-mu-cardrow {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 30px;
align-items: start;
margin: 0;
padding: 26px 0;
border-bottom: 1px solid #2e1f0a;
}
.hk-mu-cardrow-visual {
margin: 0;
}
.hk-mu-cardrow-body {
min-width: 0;
}
.hk-mu-cardrow-no {
margin: 0 0 5px;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
letter-spacing: .2em;
text-transform: uppercase;
color: #9e7148;
}
.hk-mu-cardrow-title,
.hk-mu-cardrow-title h4 {
margin: 0 0 16px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 1.35;
letter-spacing: 0;
text-transform: none;
color: #ffffff;
}
.hk-mu-cardrow .hk-mu-specs {
border-top: 0;
}
.hk-mu-cardrow .hk-mu-spec:last-child {
border-bottom: 0;
padding-bottom: 0;
}
/* Quand les colonnes sont montees par BeBuilder (import JSON), c'est
le wrap qui porte la separation : pas de grille CSS, sinon elle
entrerait en conflit avec les colonnes du theme. */
.hk-mu-cardwrap {
border-bottom: 1px solid #2e1f0a;
}
.hk-mu-set-title,
.hk-mu-set-title h2 {
margin: 0 0 6px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
color: #ffffff;
}
.hk-mu-card-frame {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 14 / 11;
border: 4px double #333333;
background: #050505;
overflow: hidden;
font-family: "Courier New", Courier, monospace;
font-size: 13px;
color: #3d3d3d;
transition: border-color .25s ease;
}
.hk-mu-card-frame:hover {
border-color: #9e7148;
}
.hk-mu-card-frame img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 700px) {
.hk-mu-cardrow {
grid-template-columns: minmax(0, 1fr);
gap: 18px;
}
}
/* --- Table de reperage des cartes (TablePress) ---------------- */
/* Ajoutez hk-mu-cards dans "Extra CSS class" de la table TablePress */
.tablepress.hk-mu-cards {
width: 100%;
border-collapse: collapse;
margin: 0;
}
.tablepress.hk-mu-cards thead th {
padding: 10px 14px 10px 0;
border: 0;
border-bottom: 1px solid #9e7148;
background: transparent;
text-align: left;
font-size: 11.5px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: #9e7148;
white-space: nowrap;
}
.tablepress.hk-mu-cards tbody td {
padding: 10px 14px 10px 0;
border: 0;
border-bottom: 1px solid #2e1f0a;
background: transparent;
vertical-align: top;
font-size: 14px;
color: #ffffff;
}
.tablepress.hk-mu-cards tbody td.column-1 {
width: 46px;
font-family: "Courier New", Courier, monospace;
font-size: 13px;
color: #9e7148;
background: transparent;
}
.tablepress.hk-mu-cards tbody tr:hover td {
background: transparent;
}
/* --- Responsive ---------------------------------------------- */
@media (max-width: 560px) {
.hk-mu-spec {
grid-template-columns: minmax(0, 1fr);
gap: 2px;
}
.hk-mu-spec dt {
line-height: 1.6;
}
.tablepress.hk-mu-fiche tbody td.column-1 {
width: auto;
}
.hk-mu-title,
.hk-mu-title h1,
.hk-mu-title h2,
.hk-mu-title h3,
.hk-mu-title h4 {
font-size: 30px;
}
}
/* ==================================================================
26 PAGE 404
================================================================== */
.hk-404 {
max-width: 800px;
margin: 60px auto;
padding: 20px 40px 00px;
text-align: center;
background: #000000;
border: 0px solid #2e1f0a;
border-radius: 30px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
.hk-404 .hk-404-kicker {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
letter-spacing: .2em;
text-transform: uppercase;
color: #9e7148;
margin: 0 0 10px;
}
.hk-404 .hk-404-code {
font-family: "Pirate-font", serif;
font-size: 140px;
line-height: 1;
color: #9e7148;
text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.9);
margin: 0;
}
.hk-404 h1.hk-404-title {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: .08em;
color: #ffffff;
margin: 0 0 18px;
}
.hk-404 .hk-404-text {
font-size: 17px;
color: #c8c4be;
max-width: 56ch;
margin: 0 auto 28px;
}
.hk-404 .hk-404-search {
max-width: 420px;
margin: 0 auto;
}
.hk-404 .hk-404-search input.field {
width: 100%;
box-sizing: border-box;
text-align: center;
}
@media (max-width: 767px) {
.hk-404 {
margin: 30px 0;
padding: 34px 18px 28px;
border-radius: 18px;
}
.hk-404 .hk-404-code {
font-size: 90px;
}
.hk-404 h1.hk-404-title {
font-size: 22px;
}
.hk-404 .hk-404-text {
font-size: 15px;
}
}
.hk-404 .hk-404-icon {
display: block;
font-size: 160px;
line-height: 1;
color: #9e7148;
text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.9);
margin: 6px 0 12px;
}
/* ==================================================================
27 MUSEUM - personnalisation des fiches
================================================================== */
/* Titre de la fiche : style des h2 du site */
body .hkm-fiche .hk-mu-title {
font-family: Objektiv, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 30px;
letter-spacing: 2px;
text-transform: uppercase;
color: #9e7148;
text-shadow: none;
margin: 0 0 5px;
}
@media (max-width: 767px) {
body .hkm-fiche .hk-mu-title {
font-size: 22px;
line-height: 1.3;
}
}
body .hkm-fiche .hk-mu-kicker {
font-family: Objektiv, sans-serif;
font-size: 11px;
letter-spacing: 1px;
color: #8c8c8c;
}