/* be.css (BeTheme 27.5.2.1) — sitede kullanılan kurallar; üretim: purge-tara.js + purge-uret.js, Markention 26.10.2026. Elle düzenlenmez. */ /* Reset & Basics */ html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,img,strong,b,u,i,ol,ul,li,fieldset,form,label,table,tbody,thead,tr,th,td,article,aside,details,figure,figcaption,footer,header,nav,section,summary,time{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,nav,section{display:block} body{line-height:1} ol,ul{list-style:none} blockquote{quotes:none} blockquote:before,blockquote:after{content:'';content:none} table{border-collapse:collapse;border-spacing:0} /* Variables */ body { --mfn-column-gap-top: 0; --mfn-column-gap-bottom: 40px; --mfn-column-gap-left: 12px; --mfn-column-gap-right: 12px; --mfn-article-box-decoration: #0089F7; --mfn-before-after-slider: #fff; --mfn-before-after-label: rgba(0,0,0,0.25); --mfn-before-after-label-color: #fff; --mfn-blog-slider-date-bg: #f8f8f8; --mfn-blog-date-bg: #f8f8f8; --mfn-contactbox-line: rgba(255,255,255,.2); --mfn-infobox-line: rgba(255,255,255,.2); --mfn-faq-line: rgba(0,0,0,.1); --mfn-clients-tiles: rgba(0,0,0,.08); --mfn-clients-tiles-hover: #0089F7; --mfn-offer-thumbs-nav: #0089F7; --mfn-timeline-date-bg: #f8f8f8; --mfn-sliding-box-bg: #0089F7; --mfn-tabs-border-width: 1px; --mfn-tabs-border-color: rgba(0,0,0,.08); --mfn-shape-divider: #000; --mfn-icon-box-icon: #0089F7; --mfn-popup-tmpl-offset: 30px; --mfn-exitbutton-font-size: 16px; --mfn-exitbutton-size: 30px; --mfn-exitbutton-item-size: 16px; --mfn-exitbutton-offset-horizontal: 0px; --mfn-wpml-arrow-size: 10px; --mfn-sidemenu-always-visible-offset: 400px; --mfn-button-font-family: inherit; --mfn-button-font-size: inherit; --mfn-button-font-weight: inherit; --mfn-button-font-style: inherit; --mfn-button-letter-spacing: inherit; --mfn-button-gap: 10px; --mfn-button-padding: 10px 20px; --mfn-button-border-width: 0px; --mfn-button-border-style: solid; --mfn-button-border-radius: 3px; --mfn-button-transition: 0.2s; --mfn-button-color: #626262; --mfn-button-color-hover: #626262; --mfn-button-icon-color: #626262; --mfn-button-icon-color-hover: #626262; --mfn-button-bg: #dbdddf; --mfn-button-bg-hover: #d3d3d3; --mfn-button-border-color: transparent; --mfn-button-border-color-hover: transparent; --mfn-button-box-shadow: unset; --mfn-button-theme-color: #fff; --mfn-button-theme-color-hover: #fff; --mfn-button-theme-icon-color: #0095eb; --mfn-button-theme-icon-color-hover: #007cc3; --mfn-button-theme-bg: #0095eb; --mfn-button-theme-bg-hover: #007cc3; --mfn-button-theme-border-color: transparent; --mfn-button-theme-border-color-hover: transparent; --mfn-button-theme-box-shadow: unset; --mfn-button-shop-color: #fff; --mfn-button-shop-color-hover: #fff; --mfn-button-shop-icon-color: #0095eb; --mfn-button-shop-icon-color-hover: #007cc3; --mfn-button-shop-bg: #161922; --mfn-button-shop-bg-hover: #030304; --mfn-button-shop-border-color: transparent; --mfn-button-shop-border-color-hover: transparent; --mfn-button-shop-box-shadow: unset; --mfn-button-action-color: #626262; --mfn-button-action-color-hover: #626262; --mfn-button-action-bg: #dbdddf; --mfn-button-action-bg-hover: #d3d3d3; --mfn-button-action-border-color: transparent; --mfn-button-action-border-color-hover: transparent; --mfn-button-action-box-shadow: unset; } img:not([src$=".svg"]){ max-width: 100%; height: auto; } /* Basic Styles */ html{height:100%} body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%} /* TwentyTwenty */ *,*::before,*::after{box-sizing:inherit;-webkit-font-smoothing:antialiased} /* Typography */ h1,h2,h3,h4,h5,h6{margin-bottom:15px} h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none} p{margin:0 0 15px} em,i{font-style:italic} b,strong,dt{font-weight:700} .gallery-caption{display:block} /* Code Hightlighter */ pre{font-family:Consolas,monospace!important;border:1px solid #e8e8e8;background:#fff;border-radius:3px} pre{padding:21px 15px 20px;margin:15px 0;display:block;line-height:21px!important;background:#fff;background:-moz-linear-gradient(top,#fff 50%,#fafafa 50%);background:-webkit-linear-gradient(top,#fff 50%,#fafafa 50%);background:-o-linear-gradient(top,#fff 50%,#fafafa 50%);background:linear-gradient(top,#fff 50%,#fafafa 50%);background-size:42px 42px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap} /* Links */ a, a:visited, a:focus{text-decoration:none;outline:0} a:hover{text-decoration:underline} p a, p a:visited{line-height:inherit} /* Images */ img.scale-with-grid,.content_wrapper img{max-width:100%;height:auto} iframe{max-width:100%} /* Button | .button ------------------------------------------ */ button::-moz-focus-inner,input::-moz-focus-inner{ border:0; padding:0 } button, input[type=submit], .button, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: var(--mfn-button-gap); position: relative; box-sizing: border-box; font-family: var(--mfn-button-font-family); font-size: var(--mfn-button-font-size); font-weight: var(--mfn-button-font-weight); font-style: var(--mfn-button-font-style); letter-spacing: var(--mfn-button-letter-spacing); line-height: 1.2; padding: var(--mfn-button-padding); border-width: var(--mfn-button-border-width); border-style: var(--mfn-button-border-style); border-radius: var(--mfn-button-border-radius); outline: unset; text-decoration: none; cursor: pointer; overflow: hidden; transition: color var(--mfn-button-transition) ease-in-out, background-color var(--mfn-button-transition) ease-in-out, border-color var(--mfn-button-transition) ease-in-out; } /* Hover */ button:hover, input[type=submit]:hover, .button:hover, .wp-block-button__link:hover, .wp-block-button__link:hover { text-decoration: none; } /* Disabled */ button:disabled, input[type=submit]:disabled, .button:disabled, .wp-block-button__link:disabled, .wp-block-button__link:disabled { cursor: not-allowed; opacity: 0.3; } /* Loading */ button.loading, input[type=button].loading, input[type=reset].loading, input[type=submit].loading, .button.loading, .wp-block-button__link.loading, .woocommerce a.added_to_cart.loading, .wc-block-components-button:not(.is-link).loading, .wp-block-button__link.loading { color: transparent !important; transition-duration: unset; } button.loading::after, input[type=button].loading::after, input[type=reset].loading::after, input[type=submit].loading::after, .button.loading::after, .wp-block-button__link.loading::after, .woocommerce a.added_to_cart.loading::after, .wc-block-components-button:not(.is-link).loading::after, .wp-block-button__link.loading::after { content: ""; display: inline-block; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; border-top: 2px solid transparent !important; border-radius: 50%; width: 16px; height: 16px; animation: loading-spin 1s linear infinite; } button.loading:after, .button.loading:after { border: 2px solid rgba(0,0,0,.6); } @keyframes loading-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Button Icon */ button i, .button i { transition: all var(--mfn-button-transition) ease-in-out; } /* Button Icon right */ /* Full width */ /* Animations ----------------------------------*/ /* Animation: Slide */ .button-animation-slide .button, .button-animation-slide .wp-block-button__link { transform-style: preserve-3d; } .button-animation-slide .button:before, .button-animation-slide .wp-block-button__link:before { content: ""; display: block; position: absolute; z-index: -1; background-color: inherit; transition: all var(--mfn-button-transition) ease-in-out; } /* Slide Right */ .button-animation-slide-right .button:before, .button-animation-slide-right .wp-block-button__link:before, .button-animation-slide-right .wp-block-button__link:before { left: 0; top: 0; width: 0%; height: 100%; } .button-animation-slide-right .button:hover:before, .button-animation-slide-right .wp-block-button__link:hover:before, .button-animation-slide-right .wp-block-button__link:hover:before { width: 100%; } /* Slide Left */ /* Slide Top */ /* Slide Bottom */ /* Default ----------------------------------*/ button, .button, .wp-block-button__link { background-color: var(--mfn-button-bg); border-color: var(--mfn-button-border-color); color: var(--mfn-button-color); box-shadow: var(--mfn-button-box-shadow); } button i, .button i{ color: var(--mfn-button-icon-color); } button.loading:after, .button.loading:after { border-color: var(--mfn-button-color); } button:hover, .button:hover, .wp-block-button__link:hover { background-color: var(--mfn-button-bg-hover); border-color: var(--mfn-button-border-color-hover); color: var(--mfn-button-color-hover); } button:hover i, .button:hover i { color: var(--mfn-button-icon-color-hover); } button.loading:hover:after, .button.loading:hover:after { border-color: var(--mfn-button-color-hover); } .button-animation-slide button:hover, .button-animation-slide .button:hover, .button-animation-slide .wp-block-button__link:hover { background-color: var(--mfn-button-bg); } .button-animation-slide button:before, .button-animation-slide .button:before, .button-animation-slide .wp-block-button__link:before { background-color: var(--mfn-button-bg-hover); } /* Theme ----------------------------------*/ input[type="submit"] { background-color: var(--mfn-button-theme-bg); border-color: var(--mfn-button-theme-border-color); color: var(--mfn-button-theme-color); box-shadow: var(--mfn-button-theme-box-shadow); } .button_theme.loading:after { border-color: var(--mfn-button-theme-color); } input[type="submit"]:hover { background-color: var(--mfn-button-theme-bg-hover); border-color: var(--mfn-button-theme-border-color-hover); color: var(--mfn-button-theme-color-hover); } .button_theme.loading:hover:after { border-color: var(--mfn-button-theme-color-hover); } /* Shop highlight ----------------------------------*/ button.alt.loading:after, input[type="button"].alt.loading:after, input[type="reset"].alt.loading:after, input[type="submit"].alt.loading:after, .button.alt.loading:after, .widget-area .widget a.button.alt.loading:after, .added_to_cart.loading:after, .widget a.button.checkout.loading:after, .wc-block-components-button:not(.is-link).loading:after { border-color: var(--mfn-button-shop-color); } button.alt.loading:after:hover, input[type="button"].alt.loading:after:hover, input[type="reset"].alt.loading:after:hover, input[type="submit"].alt.loading:after:hover, .button.alt.loading:after:hover, .widget-area .widget a.button.alt.loading:after:hover, .added_to_cart.loading:after:hover, .widget a.button.checkout.loading:after:hover, .wc-block-components-button:not(.is-link).loading:after:hover, .wc-block-components-button:not(.is-link).loading:after:focus, .wc-block-components-button:not(.is-link).loading:after:active { border-color: var(--mfn-button-shop-color-hover); } /* Action ----------------------------------*/ .action_button { background-color: var(--mfn-button-action-bg); border-color: var(--mfn-button-action-border-color); color: var(--mfn-button-action-color); box-shadow: var(--mfn-button-action-box-shadow); } .action_button:hover { background-color: var(--mfn-button-action-bg-hover); border-color: var(--mfn-button-action-border-color-hover); color: var(--mfn-button-action-color-hover); } .button-animation-slide .action_button:hover { background-color: var(--mfn-button-action-bg); } .button-animation-slide .action_button:before { background-color: var(--mfn-button-action-bg-hover); } /* Sizes */ /* end: Button ------------------------------------------ */ /* Icons */ @font-face { font-family: 'mfn-icons'; src: url('/wp-content/themes/betheme/fonts/mfn/icons.eot?11083851'); src: url('/wp-content/themes/betheme/fonts/mfn/icons.eot?11083851#iefix') format('embedded-opentype'), url('/wp-content/themes/betheme/fonts/mfn/icons.woff2?11083851') format('woff2'), url('/wp-content/themes/betheme/fonts/mfn/icons.woff?11083851') format('woff'), url('/wp-content/themes/betheme/fonts/mfn/icons.ttf?11083851') format('truetype'), url('/wp-content/themes/betheme/fonts/mfn/icons.svg?11083851#mfn-icons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"]:before, [class*=" icon-"]:before{font-family:"mfn-icons";font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cancel:before{content:'\e82a'}.icon-clock:before{content:'\e843'}.icon-doc-text:before{content:'\e85d'}.icon-docs:before{content:'\e85f'}.icon-down-dir:before{content:'\e866'}.icon-down-open-mini:before{content:'\e869'}.icon-heart-empty-fa:before{content:'\e898'}.icon-heart-fa:before{content:'\e899'}.icon-layout:before{content:'\e8b1'}.icon-left-open-big:before{content:'\e8b8'}.icon-mail-line:before{content:'\e8d1'}.icon-phone:before{content:'\e8f4'}.icon-right-open:before{content:'\e915'}.icon-right-open-big:before{content:'\e916'}.icon-tag:before{content:'\e92f'}.icon-user:before{content:'\e94b'}.icon-menu-fine:before{content:'\e960'}.icon-search-fine:before{content:'\e962'}.icon-cancel-fine:before{content:'\e963'}.icon-x-twitter:before{content:'\e984'}.icon-instagram:before{content:'\f16d'}.icon-facebook:before{content:'\f30c'}.icon-pinterest:before{content:'\f312'}.icon-linkedin:before{content:'\f318'} /* Admin bar Live Builder link */ /* bbPress */ /* BuddyPress */ /* Contact Form 7 */ .wpcf7::after{clear:both;content:"";display:block} .wpcf7-form .column{padding: 0 10px 10px} .wpcf7-mail-sent-ok{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#7DCC68!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;} .wpcf7-mail-sent-ng{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#fb5455!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;} .cf7p-message .wpcf7-validation-errors{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#fb5455!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;} body:not(.cf7p-message) .wpcf7-validation-errors{border:none!important;display:none!important} body:not(.cf7p-message) .wpcf7-not-valid-tip{position:absolute!important;left:-50px!important;top:50%!important;transform: translateY(-50%);width:44px!important;height:44px!important;padding:0!important;background-color:#ed3b2e; text-indent:-9999px!important;padding:0;border:none!important} body:not(.cf7p-message) .wpcf7-not-valid-tip:after{content:'\e82a';font-family:"mfn-icons";position:absolute;left:18px;top:50%; transform: translateY(-50%);font-size:20px;color:#fff;text-indent:0} body:not(.cf7p-message) .wpcf7-not-valid-tip:before{content:'';position:absolute;right:-5px;top:16px;background-color:#ed3b2e;width:11px;height:11px;transform:rotate(45deg)} .wpcf7-captchar{margin-bottom:0} span.wpcf7-form-control-wrap{width:100%;position:relative!important;display:inline-block;margin-bottom:3px} span.wpcf7-form-control-wrap .wpcf7-date,span.wpcf7-form-control-wrap .wpcf7-quiz,span.wpcf7-form-control-wrap .wpcf7-number,span.wpcf7-form-control-wrap .wpcf7-select,span.wpcf7-form-control-wrap .wpcf7-text,span.wpcf7-form-control-wrap .wpcf7-textarea{width:100%;box-sizing:border-box;margin-bottom:0} .wpcf7 input[type="submit"]{font-size:inherit;margin-bottom:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none} .wpcf7 form .wpcf7-response-output{border:none;margin-top:0;clear:both} .wpcf7-form .wpcf7-spinner{top:20px} .wpcf7-form.init .wpcf7-spinner,.wpcf7-form.invalid .wpcf7-spinner{display:none} /* Contact Form 7 | Popup */ #popup_contact .wpcf7-form.invalid > p:after{display:block} #popup_contact .wpcf7-form-control-wrap{display:inline-block;margin-right:0;width:100%} #popup_contact div.wpcf7 img.ajax-loader{margin-top:10px} /* Easy Digital Downloads */ /* Google Map */ /* Gravity Forms */ /* Iubenda */ /* Mailchimp */ /* Magnific Popup */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:9042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:9043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle} .mfp-align-top .mfp-container:before{display:none} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:9045} .-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto} .mfp-ajax-cur{cursor:progress} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .mfp-auto-cursor .mfp-content{cursor:auto} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none!important} .mfp-loading.mfp-figure{display:none} .mfp-hide{display:none!important} .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:9044} .mfp-preloader a{color:#CCC} .mfp-preloader a:hover{color:#FFF} .mfp-s-ready .mfp-preloader{display:none} .mfp-s-error .mfp-content{display:none} button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:9046;box-shadow:none;touch-action:manipulation} button::-moz-focus-inner{padding:0;border:0} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace} .mfp-close:hover,.mfp-close:focus{opacity:1} .mfp-close:active{top:1px} .mfp-close-btn-in .mfp-close{font-size:26px;padding:0;color:#333} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%} .mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap} .mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent} .mfp-arrow:active{margin-top:-54px} .mfp-arrow:hover,.mfp-arrow:focus{opacity:1} .mfp-arrow:before,.mfp-arrow:after{content:''!important;display:block!important;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;background:none} .mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px} .mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7} .mfp-arrow-left{left:0} .mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px} .mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F} .mfp-arrow-right{right:0} .mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px} .mfp-arrow-right:before{border-left:27px solid #3F3F3F} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px} .mfp-iframe-holder .mfp-close{top:-40px} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto} .mfp-figure{line-height:0} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444} .mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px} .mfp-figure figure{margin:0} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto} .mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px} .mfp-image-holder .mfp-content{max-width:100%} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} .mfp-wrap button:after{width:0!important;height:0!important;background:none!important} .button-flat .mfp-arrow:after, .button-round .mfp-arrow:after{top:8px;opacity:1} .button-stroke .mfp-close{color:#fff!important} .button-stroke .mfp-close:hover{background:none!important} .button-stroke .mfp-arrow:hover{background:none!important} .mfp-inline{display:block!important;position:relative;background:#FFF;padding:25px 30px;width:auto;max-width:500px;margin:20px auto;} .mfp-inline p:nth-last-child(2){margin-bottom:0;} .button-stroke .mfp-inline .mfp-close{color:#333!important} .mfp-iframe-holder .mfp-content{text-align:center} .mfp-mp4{display:inline-block!important;position:relative;width:auto;max-width:80vw;max-height:80vh;margin:0 auto;} .mfp-mp4 video{max-width:100%;height:auto;margin:0 auto} .mfp-mp4 .mfp-close{right:-30px} @media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0} .mfp-img-mobile img.mfp-img{padding:0} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0} .mfp-img-mobile .mfp-counter{right:5px;top:3px} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0} } @media all and (max-width: 900px) { .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%} .mfp-container{padding-left:6px;padding-right:6px} } /* Slick Slider */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none} [dir='rtl'] .slick-slide{float:right!important} .slick-slide img{display:block;margin-left:auto;margin-right:auto;} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow{line-height:20px;margin-bottom:0!important} .slick-arrow.slick-hidden{display:none} .slider_pager .slick-dots{margin:0} /* Slider Pro */ /* Toolset */ /* The Events Callendar */ /* UI Datepicker */ /* Visual Composer | Frontend Editor */ .wpb_wrapper .wpcf7-form{display:inline-block;width:100%} /* Accessibility PBL */ body.keyboard-support #Top_bar .menu li.submenu > a > span{padding-right:30px} body.keyboard-support #Top_bar .menu li.submenu .menu-toggle{display:block;position:absolute;width:20px;height:20px;line-height:20px;text-align:center;padding:0;top:50%;right:5px;transform:translateY(-50%);opacity:.3} body.keyboard-support #Top_bar .menu li.submenu .menu-toggle:after{content:"+";display:block;height:20px;line-height:20px} body.keyboard-support #Top_bar .menu li.submenu .menu-toggle:focus{opacity:1} body.keyboard-support #Top_bar .menu li.submenu ul li .menu-arrow{display:none} body.keyboard-support #Top_bar .menu li.submenu ul li .menu-toggle{border:none} body.keyboard-support .slider_pagination li.slick-active:focus {outline: auto;} body.keyboard-support .mfn-header-tmpl-menu-sidebar[aria-expanded="false"]{display: none !important} body.keyboard-support .mfn-header-tmpl-menu-sidebar[aria-expanded="true"]{display: block !important} /* Grid 1240px */ body{min-width:960px} /* #wpadminbar ~ div:nth-last-child(2){height:auto!important} */ #Wrapper{max-width:1240px;margin:0 auto;position:relative;} .layout-full-width{padding:0} .layout-full-width #Wrapper{max-width:100%!important;width:100%!important;margin:0!important} #Content{width:100%;padding-top:30px;z-index: 0;position:relative;} .section{position:relative;box-sizing:border-box;} .section_wrapper,.container{max-width:1220px;height:100%;margin:0 auto;position:relative} .section_wrapper:after,.container:after{clear:both;content:" ";display:block;height:0;visibility:hidden;width:100%;} .mcb-wrap{float:left;position:relative;z-index:1;box-sizing:border-box} .column{float:left;margin:0;} .the_content_wrapper{margin:0 1%;width:98%;} .has_content .the_content_wrapper{margin-bottom:15px} .full-width-content #Content .content_wrapper, .full-width-content #Content .section_wrapper{max-width:unset!important} /* Wrap | Equal Height */ /* Background fix */ .section, .mcb-wrap, .mcb-column { background-position: left top; background-repeat: no-repeat; } /* Sizes */ /* .mcb-wrap */ /* 1/6 */ /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ .one.mcb-wrap { width: 100%; } /* 1/1 */ /* .column */ /* 1/6 */ .one-fifth.column { width: 20%; } /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ .one-second.column { width: 50%; } /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ .one.column { width: 100%; } /* 1/1 */ .mcb-column { position: relative; } .mcb-column-inner { position: relative; margin-top: var(--mfn-column-gap-top); margin-bottom: var(--mfn-column-gap-bottom); margin-left: var(--mfn-column-gap-left); margin-right: var(--mfn-column-gap-right); } /* Equal height */ /* Columns */ /* no-margin-h, margin-bottom-0px fix */ /* Wraps */ /* .Sidebar | .with_aside */ /* Sidebar - Both | .aside_both */ /* Column */ /* Column | Margin - Horizontal */ /* Column | Margin - Bottom */ /* set in section options */ /* set in item options */ /* Column | Equal Height */ /* Column | Align */ /* Extra Content */ .extra_content .the_content_wrapper{margin:0 1%} .the_content_wrapper.is-elementor{margin-bottom:0!important;} /* Clearing */ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} .clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:after{clear:both} /* Global */ /* HB2: when wrap is move up its below slider */ /* HB2: slider overlapping header submenu */ /* Section */ .section > .mcb-background-overlay { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;} .wrap > .mcb-wrap-inner > .mcb-wrap-background-overlay{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:inherit} /* Section | Highlight */ /* Transparent */ /* No Shadow */ .no-shadows #Top_bar.is-sticky{box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent} /* Blank & Under Construction */ .page.hide-title-area #Content,.no-content-padding #Content{padding:0!important} .with_aside.page.hide-title-area .sections_group{padding:0!important} .under-construction #mfn-gdpr.show{ display: none; } /* Slider | Pagination */ .slider_pagination .slick-active a{width:10px;height:8px;margin:0 10px;position:relative;top:4px;background:rgba(0,0,0,.15);-webkit-border-radius:2px;border-radius:2px} .slider_pagination .slick-active a:after{content:"";display:block;width:8px;height:8px;-webkit-border-radius:1px;border-radius:1px;position:absolute;left:1px;top:-3px;background:#D6D6D6;-webkit-transform:rotate(45deg);transform:rotate(45deg)} /* Slider Revolution */ /* Sliding top */ #Sliding-top.active a.sliding-top-control .minus{display:inline-block} #Sliding-top.active a.sliding-top-control .plus{display:none} /* Off canvas sidebar ------ */ .mfn-ofcs-opened { overflow: hidden; padding-right: 15px; } /* class */ .mfn-ofcs-opened .mfn-off-canvas-overlay { display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 1000; } .mfn-ofcs-opened .mfn-off-canvas-sidebar{left:0} /* Pager */ .pager_wrapper{margin-bottom:0; position: relative; z-index: 1;} .pager{text-align:center} .pager .pages{display:inline-block;margin:20px 30px 0;padding:4px 3px;-webkit-border-radius:5px;border-radius:5px;background-color:#f8f8f8;background-image:url(/wp-content/themes/betheme/images/stripes/stripes_3_b.png)} .pager .pages a,.pager .pages span.page-numbers{display:inline-block;margin:0 1px;width:35px;height:35px;line-height:35px;text-align:center;-webkit-border-radius:5px;border-radius:5px} .pager .pages a:hover{text-decoration:none} .pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current{color:#fff} .pager a.next_page{display:inline-block;line-height:43px} .pager .pages a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /* Load more button */ .pager_lm.loading{min-height:49px} .pager_lm:not(.loading){background:none} /* Pager single | blog post */ /* elementor fix */ .column_post_content .mcb-item-post_content-inner .elementor-section{ max-width: 100%; left: 0 !important; } .page-pager .mcb-column-inner,.post-pager .mcb-column-inner{margin-bottom:0!important;} /* Fixed Navigation */ #Content .fixed-nav, .mfn-header-tmpl-burger-sidebar-opened .fixed-nav{display:none} .fixed-nav{position:fixed;bottom:40px;height:80px;z-index:90} .fixed-nav.fixed-nav-prev{left:0} .fixed-nav.fixed-nav-next{right:0} .fixed-nav .arrow{display:block;width:35px;height:80px;font-size:15px;position:relative;z-index:92;color:#fff;line-height:80px;text-align:center} .fixed-nav .photo{height:80px;width:80px;position:relative;z-index:92;overflow:hidden;line-height:0;background-color:#eee} .fixed-nav .desc{width:190px;padding:6px 15px;min-height:68px;background:#fff;z-index:91} .fixed-nav .desc h6{margin-bottom:0} .fixed-nav .desc i{display:inline-block;margin-right:2px} .fixed-nav .desc i:before{margin-left:0} .fixed-nav .desc .date{display:inline-block;width:100%;padding-top:3px;border-top-width:1px;border-top-style:solid} .fixed-nav-prev .arrow,.fixed-nav-prev .photo,.fixed-nav-prev .desc{float:left} .fixed-nav-prev .desc{margin-left:-335px} .fixed-nav-prev:hover .desc, .fixed-nav-prev:focus .desc{margin-left:0} .fixed-nav-next .arrow,.fixed-nav-next .photo,.fixed-nav-next .desc{float:right} .fixed-nav-next .desc{margin-right:-335px} .fixed-nav-next:hover .desc, .fixed-nav-next:focus .desc{margin-right:0} .fixed-nav .photo,.fixed-nav .desc{transition:all .3s ease-in-out} .fixed-nav.format-quote .desc{display:none} .fixed-nav.format-quote .photo{ background-color:#eee; position: relative; z-index: 91; } .fixed-nav.format-quote .photo:after {content: '\e909'; font-family: "mfn-icons"; display: block; z-index:91; position: absolute; left: 0; top:0; width: 80px; height: 80px; line-height: 80px;text-align: center; font-size: 40px; color: rgba(0,0,0,.1); } .fixed-nav.format-link .photo img{display:none} .fixed-nav.format-link .photo{background-color:#eee; position: relative; z-index: 91; } .fixed-nav.format-link .photo:after {content: '\e8c2'; font-family: "mfn-icons"; display: block; z-index:91; position: absolute; right: 0; top:0; width: 80px; height: 80px; line-height: 80px;text-align: center; font-size: 40px; color: rgba(0,0,0,.1); } @media only screen and (max-width: 1430px) { .fixed-nav-prev .photo{position:static;margin-left:-115px} .fixed-nav-prev:hover .photo, .fixed-nav-prev:focus .photo{margin-left:0} .fixed-nav-prev:focus .photo{margin-left:0} .fixed-nav-next .photo{position:static;margin-right:-115px} .fixed-nav-next:hover .photo, .fixed-nav-next:focus .photo{margin-right:0} } .fixed-nav.style-images .arrow{display:none} .fixed-nav.style-images .photo{background:#EEEEEE;margin:0;} .fixed-nav.style-images .photo:before{font-family:'mfn-icons';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#ccc;transition:color .1s ease-in-out} .fixed-nav.style-images:hover .photo:before, .fixed-nav.style-images:focus .photo:before{color:#aaa} .fixed-nav-prev.style-images .photo:before{content:'\e8b8'} .fixed-nav-next.style-images .photo:before{content:'\e916'} .fixed-nav.style-images .photo:after { display: none; } .fixed-nav.style-images .photo img{position:relative;transition:opacity .1s ease-in-out} .fixed-nav.style-images:hover .photo img, .fixed-nav.style-images:focus .photo img{opacity:0} .fixed-nav.style-images .desc{display:none} .fixed-nav.style-arrows .arrow{display:none} .fixed-nav.style-arrows .photo{background:#EEEEEE;margin:0;} .fixed-nav.style-arrows .photo:before{font-family:'mfn-icons';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#ccc;transition:color .1s ease-in-out} .fixed-nav.style-arrows:hover .photo:before, .fixed-nav.style-arrows:focus .photo:before{color:#aaa} .fixed-nav-prev.style-arrows .photo:before{content:'\e8b8'} .fixed-nav-next.style-arrows .photo:before{content:'\e916'} .fixed-nav.style-arrows .photo:after { display: none; } .fixed-nav.style-arrows .photo img{display:none;} .fixed-nav.style-arrows .desc{display:none} .header-creative.tr-menu .fixed-nav .desc{margin:0;opacity:0} .header-creative.tr-menu .fixed-nav:hover .desc, .header-creative.tr-menu .fixed-nav:focus .desc{opacity:1} /* Filters */ #Filters .mcb-column-inner{margin-bottom:30px} #Filters .filters_buttons{padding:15px;margin:0;font-size:100%;background-image:url(/wp-content/themes/betheme/images/stripes/stripes_5_b.png);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden} #Filters .filters_buttons li{float:left;margin:0 15px 0 0;list-style:none} #Filters .filters_buttons li.categories i,#Filters .filters_buttons li.tags i,#Filters .filters_buttons li.authors i{margin-right:3px} #Filters .filters_buttons li.reset{float:right;margin-right:0} #Filters .filters_wrapper{display:none;margin-top:20px} #Filters .filters_wrapper ul{display:none;overflow:hidden;margin:0} #Filters .filters_wrapper ul li{display:inline-block;width:18.9%;margin:.5%;list-style:none} #Filters .filters_wrapper ul li a{display:block;padding:7px 10px;background:#fff;border:1px solid #F7F7F7;color:#858585} #Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a{text-decoration:none;color:#fff} #Filters .filters_wrapper ul li.close{width:auto;} #Filters .filters_wrapper ul li.close a{text-align:center;width:38px;padding:7px 0;background:#8B8B8B;border:1px solid #F7F7F7;color:#fff} #Filters .filters_wrapper ul li.close a:hover{background:#545454} #Filters .filters_wrapper li.reset-inner{display:none} #Filters .filters_wrapper ul li a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out} /* Header */ #Header_wrapper{position:relative} body:not(.template-slider) #Header_wrapper{background-repeat:no-repeat;background-position:top center} #Header{position:relative} body:not(.template-slider) #Header{min-height:250px} #Header .container{padding-left:var(--mfn-column-gap-left);padding-right:var(--mfn-column-gap-right);box-sizing:border-box} /* Action Bar */ #Action_bar{position:absolute;left:0;top:0;width:100%;z-index:30;line-height:21px;} #Action_bar .column{margin-bottom:0;overflow:hidden;padding: 0 20px; box-sizing: border-box;} #Action_bar .contact_details{float:left;color:rgba(255,255,255,0.5)} #Action_bar .contact_details li{display:inline-block;margin-right:10px;padding:20px 0} #Action_bar .contact_details li > i{margin-right:2px} #Action_bar .contact_details li:last-child{margin-right:0} #Action_bar .social{float:right;padding:20px 0} #Action_bar .social li{display:inline-block;margin-right:6px} #Action_bar .social li:last-child{margin-right:0} #Action_bar .social li a{color:rgba(255,255,255,.3);font-size:15px;line-height:15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #Action_bar .social li a:hover{color:#fff} /* Top bar */ #Top_bar{position:absolute;left:0;top:61px;width:100%;border-bottom:1px solid transparent;z-index:30} #Top_bar .column{display:flex;margin-bottom:0} .layout-full-width.header-fw #Action_bar .container,.layout-full-width.header-fw #Top_bar .container{max-width:100%;} .layout-full-width.header-fw #Top_bar .container { padding-left: 0; padding-right: 0; } #Top_bar .top_bar_left{position:relative;float:left;width:100%} #Header_creative #Top_bar{background-image:unset} /* Top bar | Logo */ #Top_bar .logo{float:left;margin:0 30px 0 20px;} #Top_bar .logo h1{margin:0} #Top_bar .logo:not(.text-logo) h1{line-height:0;font-size:0;margin:0} #Top_bar #logo{display:block;height:60px;line-height:60px;padding:15px 0;box-sizing:content-box;} #Top_bar #logo:hover{text-decoration:none} #Top_bar #logo img{vertical-align:middle;max-height:100%} #Top_bar #logo img.logo-sticky,#Top_bar #logo img.logo-mobile,#Top_bar #logo img.logo-mobile-sticky{display:none} #Top_bar #logo img[height]{width:auto;max-height:100%!important} /* FIX: wprocket */ #Top_bar .text-logo #logo{font-weight:300} #Top_bar .logo .custom-logo-link{display:block;height:60px;line-height:60px;padding:15px 0} #Top_bar .logo .custom-logo-link img{vertical-align:middle;max-height:100%;width:auto!important} /* Top bar | Logo | Advanced */ .logo-valign-top #Top_bar #logo img{vertical-align:top} .logo-valign-bottom #Top_bar #logo img{vertical-align:bottom} .logo-no-margin #Top_bar .logo{margin-left:0!important;padding:0!important} .logo-no-margin.header-plain #Top_bar .logo{margin:0!important} .logo-no-margin.header-fw #Top_bar .column{margin:0;width:100%} .logo-no-sticky-padding #Top_bar.is-sticky #logo{padding:0!important} .logo-no-sticky-padding #Top_bar.is-sticky #logo img.logo-sticky{max-height:60px} .logo-overflow #Top_bar .logo{height:60px;position:relative;z-index:198} .logo-overflow #Top_bar #logo{height:auto!important;margin-top:0!important;z-index:199} .logo-overflow #Top_bar #logo img{max-height:none;z-index:200} .logo-overflow #Top_bar .top_bar_right{z-index:200} .logo-overflow #Top_bar.is-sticky #logo{height:auto!important} .logo-overflow #Top_bar.is-sticky #logo img.logo-sticky:not(.svg){max-height:110px} .logo-overflow.header-creative #Top_bar:not(.is-sticky) .logo, .logo-overflow.header-stack #Top_bar:not(.is-sticky) .logo{height:auto} /* Top bar | Menu wrapper */ #Top_bar .menu_wrapper {float:left;z-index:201;} /* Top bar | Secondary menu wrapper */ #Top_bar .secondary_menu_wrapper{display:none;} /* Top bar | Menu responsive */ #Top_bar a.responsive-menu-toggle{display:none;position:absolute;right:15px;top:50%;margin-top:-17px;width:34px;height:34px;text-align:center;border-radius:3px;z-index:200;} #Top_bar a.responsive-menu-toggle i{font-size:22px;line-height:34px} #Top_bar a.responsive-menu-toggle span{float:right;padding:10px 5px;line-height:14px} /* Top bar | Banner */ #Top_bar .banner_wrapper{display:none;} /* Top bar | Search wrapper */ #Top_bar .search_wrapper {position:absolute;left:50%;transform: translateX(-50%);top:calc(100% + 40px);display:none;z-index:205;width:100%;box-sizing:border-box; width: 600px; max-width: 80%; overflow: hidden;} #Top_bar .search_wrapper > form { position: relative; } #Top_bar .search_wrapper input[type="text"]{width:100%;margin:0;box-sizing:border-box;-webkit-box-shadow:0 0 0;box-shadow:0 0 0;padding: 22px 30px 22px 60px;background:none;border-width:0;font-size:15px;color:rgba(0,0,0,.8);} #Top_bar .search_wrapper input[type="text"]:focus{background-color:transparent!important} #Top_bar .search_wrapper .icon_search, #Top_bar .search_wrapper .icon_close {position:absolute;top:50%;transform: translateY(-50%);} #Top_bar .search_wrapper .icon_search{left:15px;} #Top_bar .search_wrapper .icon_close{right:10px;} /* Live Search */ .mfn-live-search-box a.button.hidden{display: none} /* Live search item */ #Top_bar .search_wrapper, #Top_bar .top_bar_right .mfn-live-search-box { background-color: #fff; box-shadow: 0px 10px 46px 0px rgba(1,7,39,.1); border-radius: 4px; } .content-brightness-dark #Top_bar .search_wrapper input[type="text"] { color: rgba(255,255,255,.8); } .content-brightness-dark #Top_bar .search_wrapper .icon_search .path { stroke: rgba(255,255,255,.8); } /* Top bar | Right */ #Top_bar .top_bar_right{float:right;position:relative;padding:0 20px;flex-shrink:0} #Top_bar .top_bar_right .top_bar_right_wrapper{display:flex;align-items:center;height:100%} #Top_bar .top_bar_right .top-bar-right-icon{display:flex;align-items:center;margin:0 5px;line-height:0;font-size:20px;text-decoration:none} #Top_bar .top_bar_right .top_bar_right_wrapper > a:last-child{margin-right:0} #Top_bar .top_bar_right .top-bar-right-icon svg{width:26px} #Top_bar .top_bar_right .top-bar-right-icon svg .path{stroke:#444} #Top_bar .top_bar_right .top-bar-right-icon-cart{flex-shrink:0} /* user */ #Top_bar .top_bar_right .top-bar-right-icon-user img{border-radius:100%} /* wishlist */ #Top_bar .top-bar-right-icon-wishlist{position:relative} #Top_bar .header-wishlist-count{position:relative;margin-left:-5px;top:-10px;display:inline-block;width:18px;line-height:18px;text-align:center;font-size:11px;background-color:#333;color:#fff;border-radius:100%} /* icon cart */ #Top_bar a#header_cart .header-cart-count{position:relative;right:7px;margin-right:-4px;top:-10px;display:inline-block;width:18px;line-height:18px;text-align:center;font-size:11px;color:#fff;border-radius:100%} #Top_bar a#header_cart .header-cart-total{margin:0;padding-right:5px;font-size:16px;font-weight:500} /* icon user */ #Top_bar a.myaccount_button img{max-width:unset} /* search form */ #Top_bar .top_bar_right .top-bar-right-input{display:flex;align-items:center;margin:0 5px;white-space:nowrap;flex-shrink:0} #Top_bar .top_bar_right .top-bar-right-input form{display:flex;position: relative;} #Top_bar .top_bar_right .top-bar-right-input svg { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); } #Top_bar .top_bar_right .top-bar-right-input input{margin:0;padding:8px;width:160px; padding-left: 40px;} #Top_bar .top_bar_right .top-bar-right-input .mfn-livesearch-loading::after {margin: -8px 0 0 -5px; width: 10px; height: 10px; right: 10px; } #Top_bar .top_bar_right .top-bar-search-form { position: relative; } #Top_bar .top_bar_right .top-bar-search-form .mfn-live-search-box { position: absolute; z-index: 202; right: 0; top: calc(100% + 10px); width: 400px; border-top: 0; } /* action button */ #Top_bar .top_bar_right .action_button{display:flex;align-items:center;margin:0 5px;white-space:nowrap;flex-shrink:0} /* WPML */ #Top_bar .wpml-languages{display:flex;align-items:center;margin:0 5px;position:relative;z-index:210;font-size:13px;line-height:13px;white-space:nowrap;} #Top_bar .wpml-languages a.active{display:flex;align-items:center;box-sizing:content-box;padding:10px 6px 10px 10px;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:5px;border-radius:5px} #Top_bar .wpml-languages.disabled a.active{padding-right:10px;} #Top_bar .wpml-languages a.active i{font-size:14px;margin:0 0 0 5px} #Top_bar .wpml-languages a.active i:before{margin:0} #Top_bar .wpml-languages a:hover.active{text-decoration:none} #Top_bar .wpml-languages.enabled:hover a.active{border-radius:5px 5px 0 0;border-bottom-color:transparent} #Top_bar .wpml-languages a img{max-width:unset} #Top_bar .wpml-languages ul.wpml-lang-dropdown{position:absolute;left:0;top:100%;width:100%;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;z-index:205;overflow:hidden;display:none;border-width:0 1px 1px;border-style:solid;border-color:rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box} #Top_bar .wpml-languages ul.wpml-lang-dropdown li{border-bottom:1px solid rgba(0,0,0,0.05)} #Top_bar .wpml-languages ul.wpml-lang-dropdown li:last-child{border-bottom:0} #Top_bar .wpml-languages ul.wpml-lang-dropdown li a{font-size:12px;display:block;text-align:center;padding:10px 5px;opacity:.75;} #Top_bar .wpml-languages ul.wpml-lang-dropdown li a:hover{text-decoration:none;opacity:1;} #Top_bar .wpml-languages:hover{height:auto} #Top_bar .wpml-languages:hover ul.wpml-lang-dropdown{display:block} #Top_bar .wpml-languages a.active,#Top_bar .wpml-languages ul.wpml-lang-dropdown{background:#fff} #Top_bar .wpml-languages.horizontal{display:flex;flex-shrink:0;padding:10px;border:1px solid #e8e8e8;background:#fff;-webkit-border-radius:5px;border-radius:5px} #Top_bar .wpml-languages.horizontal ul li{float:left;margin-right:8px} #Top_bar .wpml-languages.horizontal ul li:last-child{margin-right:0} .mfn-language-switcher-dropdown .wpml-ls-legacy-list-horizontal{ border: none; padding: 0; } .mfn-language-switcher-dropdown .wpml-ls ul{ display: flex; flex-wrap: wrap; } .mfn-language-switcher-dropdown .wpml-ls ul li{ display: none; order: 2; float: none; width: 100%;} .mfn-language-switcher-dropdown .wpml-ls ul li a{ display: flex; align-items: center; } .mfn-language-switcher-dropdown .wpml-ls ul li a img{ height: auto; } .mfn-language-switcher-dropdown .wpml-ls ul li a img.wpml-ls-flag{ width: 18px; } .mfn-language-switcher-dropdown .wpml-ls ul li a, .mfn-language-switcher-dropdown .wpml-ls ul li a:hover{ text-decoration: none; } .mfn-language-switcher-dropdown .wpml-ls ul li.wpml-ls-current-language{ display: flex; order: 1; position: relative; } .mfn-language-switcher-dropdown .wpml-ls ul li ul{ display: none; box-sizing: border-box; } .mfn-language-switcher-dropdown .wpml-ls ul li:hover ul, .mfn-language-switcher-dropdown .wpml-ls ul li.hover ul{ display: block; position: absolute; top: 100%; left: 0; z-index: 4; background-color: #fff; } .mfn-language-switcher-dropdown .wpml-ls ul li ul li{ display: flex; } .mfn-language-switcher-dropdown.mfn-language-switcher-dropdown-icon ul li.wpml-ls-current-language > a span.mfn-arrow-icon{ content: ""; margin-left: 5px; line-height: 1em; font-size: var(--mfn-wpml-arrow-size); display: flex; align-items: center; justify-content: center; } /* Main Menu */ /* 1st level */ #Top_bar #menu{z-index:201} #Top_bar .menu{z-index:202} #Top_bar .menu.menu-mobile{display:none} #Top_bar .menu .mfn-megamenu{width:98%!important;margin:0 1%} #Top_bar .menu > li{margin:0;z-index:203;display:block;float:left} #Top_bar .menu > li:not(.mfn-megamenu-parent){position:relative} #Top_bar .menu > li.hover{z-index:204} #Top_bar .menu > li > a{display:block;line-height:60px;padding:15px 0;position:relative} #Top_bar .page-menu > li > a{padding:15px 20px} #Top_bar .menu > li > a:not(.menu-toggle):after{content:"";height:4px;width:100%;position:absolute;left:0;top:-4px;z-index:203;opacity:0} #Top_bar .menu > li > a span:not(.description){display:block;line-height:60px;padding:0 20px;white-space:nowrap;border-right-width:1px;border-style:solid} #Top_bar .menu > li > a span.description{font-size:11px;line-height:12px!important;margin:-12px -15px 0;color:#aaa;font-weight:300;text-align:center;display:block} #Top_bar .menu > li > a span > span:not(.description){display:inline!important;padding:0!important} #Top_bar .menu > li:last-child > a span{border:0} #Top_bar .menu > li > a:hover{text-decoration:none} #Top_bar .menu > li a.menu-toggle{display:none} .menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle) > span{padding-right:30px} .menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle):after{content:"";display:block!important;width:0;height:0;position:absolute;top:50%;left:auto;right:10px;margin-top:-2px;border-top:5px solid #ccc;border-left:5px solid transparent;border-right:5px solid transparent;background:none;opacity:.6} /* Animation */ #Top_bar .menu > li.current-menu-item > a:after, #Top_bar .menu > li.current_page_item > a:after, #Top_bar .menu > li.current-menu-parent > a:after, #Top_bar .menu > li.current-page-parent > a:after, #Top_bar .menu > li.current-menu-ancestor > a:after, #Top_bar .menu > li.current_page_ancestor > a:after, #Top_bar .menu > li.hover > a:after{opacity:1} #Top_bar .menu.page-menu > li > a {border-right:1px solid rgba(0, 0, 0, 0.05);margin:15px 0;padding:0 20px;} #Top_bar .menu.page-menu > li:last-child > a {border-right:none;} #Top_bar .menu.page-menu > li > a:after {display:none;} #Top_bar.is-sticky .menu_wrapper .menu.page-menu > li > a {margin:0;padding-left:20px;padding-right:20px;} /* 2nd level */ #Top_bar .menu li ul{position:absolute;left:0;top:100%;z-index:205;margin:0;display:none;background-image:url(/wp-content/themes/betheme/images/box_shadow.png);background-repeat:repeat-x;background-position:left top} #Top_bar .menu li > ul{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)} #Top_bar .menu li ul li{padding:0;width:200px;position:relative;font-weight:400} #Top_bar .menu li ul li a{padding:10px 20px;display:block;border-bottom:1px solid rgba(0,0,0,0.05)} #Top_bar .menu li ul li a span{display:inline-block;position:relative} #Top_bar .menu li ul li a .menu-arrow{position:absolute;right:7px;top:11px;font-size:12px;color:rgba(0,0,0,0.35)} #Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a{text-decoration:none;background:rgba(0,0,0,.06)} .menuo-sub-active #Top_bar .menu > li ul li.current-menu-item > a,.menuo-sub-active #Top_bar .menu > li ul li.current-menu-ancestor > a{background:rgba(0,0,0,.06)} /* .menuo-sub-limit #Top_bar .menu li ul li{width:200px} */ /* WPML */ #Top_bar .menu li ul li.wpml-ls-item{width:auto} #Top_bar .menu li ul li.wpml-ls-item a{padding-right:20px;white-space:nowrap} /* 3rd level */ #Top_bar .menu li ul li ul{position:absolute;left:200px;top:0;z-index:204} .menuo-last #Top_bar .menu > li.last ul:not(.mfn-megamenu){right:0;left:auto;-webkit-box-shadow:-2px 2px 2px 0 rgba(0,0,0,0.03);box-shadow:-2px 2px 2px 0 rgba(0,0,0,0.03)} .menuo-last #Top_bar .menu > li.last ul:not(.mfn-megamenu) li ul{right:200px} /* Animation */ #Top_bar .menu li ul li a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out} /* Secondary Menu ------------------------------------------------------------------------- */ #Header .secondary-menu > li.submenu{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0} #Header .secondary-menu > li.hover{background:#F9F9F9} /* Header styles --------------------------------------------------------------------- */ /* Header | Modern */ .header-modern #Top_bar .top_bar_right{top:-4px;margin-left:10px} .header-modern #Top_bar .top_bar_right:before{content:"";display:block;height:100%;width:10px;position:absolute;left:-10px;top:2px;transform:skewX(0deg) skewY(-25deg)} .header-modern #Top_bar.is-sticky .top_bar_right{top:0} /* Header | Classic */ .header-classic #Header .top_bar_left,.header-classic #Header .top_bar_right{background-color:transparent} .header-classic #Top_bar{position:static;background-color:#fff} .header-classic #Top_bar .top_bar_right:before{display:none} .header-classic #Action_bar{position:static;background-color:#2C2C2C} .header-classic #Action_bar .contact_details li,.header-classic #Action_bar .social{padding:12px 0} /* Header | Fixed */ @media only screen and (min-width: 768px) { .header-fixed #Top_bar{position:fixed;width:100%;left:0;top:0!important;z-index:701;background:#fff;opacity:.97;box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)} .header-fixed.ab-show #Top_bar{top:31px!important} .header-fixed #Top_bar .top_bar_left,.header-fixed #Top_bar .top_bar_right,.header-fixed #Top_bar .top_bar_right:before{background:none} .header-fixed #Top_bar .logo{width:auto;margin:0 30px 0 20px;padding:0} .header-fixed #Top_bar #logo, .header-fixed #Top_bar .custom-logo-link{padding:5px 0;height:50px;line-height:50px} .header-fixed #Top_bar .menu_wrapper{clear:none} .header-fixed #Top_bar .menu > li > a{padding:15px 0} .header-fixed #Top_bar .menu > li > a,.header-fixed #Top_bar .menu > li > a span{line-height:30px} .header-fixed #Top_bar .menu > li > a:not(.menu-toggle):after{top:auto;bottom:-4px} .header-fixed #Top_bar .menu > li > a span.description{margin-top:-5px;margin-bottom:-7px} .header-fixed #Top_bar .secondary_menu_wrapper{display:none} .tr-menu.header-fixed #Top_bar:not(.is-sticky){background:none!important;box-shadow:0 0 0 0 transparent} .header-fixed.admin-bar #Top_bar{top:32px!important} .header-fixed.woocommerce-demo-store #Top_bar{top:45px!important} .header-fixed.admin-bar.woocommerce-demo-store #Top_bar{top:77px!important} .header-fixed.admin-bar.ab-show #Top_bar{top:63px!important} .header-fixed.woocommerce-demo-store.ab-show #Top_bar{top:76px!important} .header-fixed.admin-bar.woocommerce-demo-store.ab-show #Top_bar{top:108px!important} } /* Header | Below */ .header-below #Top_bar{position:static;background-color:#fff} .header-below #Top_bar .top_bar_right{top:0} .header-below #Top_bar .top_bar_right:before{display:none} /* Header | Plain */ .header-plain #Top_bar{border-bottom-width:1px;border-style:solid;position:static} .header-plain.layout-boxed #Top_bar .container{max-width:100%} .header-plain #Top_bar .one.column{width:100%;margin:0} .header-plain #Top_bar .top_bar_right,.header-plain #Top_bar .top_bar_right_wrapper{top:0} .header-plain #Top_bar .top_bar_right:before{display:none} /* Header plain | Logo */ .header-plain #Top_bar #logo, .header-plain #Top_bar .custom-logo-link{height:50px;line-height:50px} /* Header plain | Menu */ .header-plain #Top_bar .menu_wrapper{float:right} .header-plain #Top_bar .menu > li > a{padding-top:0!important;padding-bottom:0!important} .header-plain #Top_bar .menu > li > a:not(.menu-toggle):after{display:none} .header-plain #Top_bar .menu > li > a span:not(.description){line-height:80px;padding:0 30px} .header-plain #Top_bar .menu > li:first-child > a span:not(.description){border-left-width:1px} .header-plain.menu-highlight #Top_bar .menu > li,.header-plain.menu-highlight #Top_bar .menu > li > a{margin:0} /* Header plain | Top bar right */ .header-plain #Top_bar .top_bar_right{padding:0;margin-left:auto} .header-plain #Top_bar .top_bar_right .top-bar-right-icon, .header-plain #Top_bar .top_bar_right .top-bar-right-input{height:100%;margin:0;padding:0 20px;border-left-width:1px;border-style:solid} .header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button{border-left-width:1px;border-style:solid} .header-plain #Top_bar a#header_cart span{margin-right:-9px} .header-plain #Top_bar .wpml-languages{margin:0;padding:0 20px;height:100%;border-left-width:1px;border-style:solid} .header-plain #Top_bar .wpml-languages a.active{border:0;padding:0;height:auto} .header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown li a{line-height:40px} .header-plain #Top_bar .wpml-languages a.active{background:none} .header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown{border:0;border-radius:0} .header-plain #Top_bar .action_button{height:100%;margin:0;border-radius:0;border-left:1px solid #F2F2F2;padding:0 30px!important} .header-plain.button-stroke #Top_bar .action_button{border-width:0 0 0 1px;background-color:#f7f7f7} /* Header plain | Sticky */ .header-plain #Top_bar.is-sticky .menu > li > a span:not(.description){line-height:60px!important} .header-plain #Top_bar.is-sticky .top_bar_right{padding:0;height:60px;top:0} .header-plain #Top_bar.is-sticky .wpml-languages{padding:0 25px;height:60px;line-height:60px} .header-plain #Top_bar.is-sticky .wpml-languages{top:0} .header-plain #Top_bar.is-sticky .action_button{line-height:60px!important} /* Header plain | Colors */ .header-plain #Top_bar{background-color:#fff} .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} /* Header | Split */ .header-split #Top_bar{position:static;background-color:#fff} .header-split #Top_bar .top_bar_right{display:none} /* Header | Shop */ .header-shop #Top_bar{position:static;background-color:#fff} .header-shop #Top_bar .column{display:block} .header-shop #Top_bar .top_bar_row { display: flex; align-items: center; } .header-shop #Top_bar .top_bar_row_first { z-index: 2; } .header-shop #Top_bar .top_bar_row_second { margin-top: -10px } .header-shop #Top_bar .logo a.responsive-menu-toggle { display: none; } .header-shop #Top_bar .top_bar_right{background-color:transparent} .header-shop #Top_bar .top_bar_right { flex: auto; padding-right: 10px; } .header-shop.logo-no-margin:not(.header-fw) #Top_bar .top_bar_right { padding-right: 0; } .header-shop #Top_bar .top_bar_right .top_bar_right_wrapper { width: 100%; justify-content: flex-end; } .header-shop #Top_bar .top_bar_right .top-bar-right-input { flex: auto; margin-right: 40px; } .header-shop #Top_bar .top_bar_right .top-bar-right-input > form, .header-shop #Top_bar .top_bar_right .top-bar-right-input input[type="text"], .header-shop #Top_bar .top_bar_right .top-bar-right-input .mfn-live-search-box { width: 100%; } .header-shop #Top_bar .top_bar_right a.responsive-menu-toggle { position: static; margin-top: unset; } .header-shop #Top_bar .menu_wrapper { width: 100%;} .header-shop #Top_bar .menu_wrapper #menu ul:nth-child(2) { margin-left: auto; } .header-shop #Top_bar .menu > li > a { padding: 5px 0; } body.header-shop.menu-highlight #Top_bar .menu > li > a { margin: 5px 0; } .header-shop #Top_bar.is-sticky .responsive-menu-toggle{display:block} /* Header | Shop Split */ .header-shop-split #Top_bar{position:static;background-color:#fff} .header-shop-split #Top_bar .top_bar_row { display: flex; align-items: center; width: 100%; } .header-shop-split #Top_bar .menu_wrapper { flex: 2; } .header-shop-split #Top_bar .logo { flex: 1; text-align: center; margin: 0 15px; } .header-shop-split #Top_bar .top_bar_right { flex: 2; padding: 0; } .header-shop-split #Top_bar .top_bar_right{background-color:transparent} .header-shop-split #Top_bar .top_bar_right .top_bar_right_wrapper { width: 100%; justify-content: flex-end; box-sizing: border-box; padding: 0 20px; } .header-shop-split #Top_bar .top_bar_right .top-bar-right-input { flex: auto; } .header-shop-split #Top_bar .top_bar_right .top-bar-right-input > form, .header-shop-split #Top_bar .top_bar_right .top-bar-right-input input[type="text"], .header-shop-split #Top_bar .top_bar_right .top-bar-right-input .mfn-live-search-box { width: 100%; } @media only screen and (min-width: 768px) { .header-shop-split.menuo-right #Top_bar .menu_wrapper { order: 3; display: flex; justify-content: flex-end; } .header-shop-split.menuo-right #Top_bar .logo { order: 2; } .header-shop-split.menuo-right #Top_bar .top_bar_right { order: 1; } .header-shop-split.menuo-right #Top_bar .top_bar_right .top_bar_right_wrapper { justify-content: flex-start; } .header-shop-split #Top_bar .menu_wrapper a.responsive-menu-toggle { position: static; margin-top: unset; } } /* Header | Stack */ .header-stack #Top_bar:not(.is-sticky) .top_bar_left{width:100%!important} .header-stack #Top_bar{position:static;background-color:#fff} .header-stack #Top_bar .logo{width:100%;margin:0;padding:0 30px;text-align:left;border-bottom-width:1px;border-style:solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .header-stack.header-center #Top_bar .logo{text-align:center} .header-stack.header-center #Top_bar .menu_wrapper{text-align:center;line-height:0} .header-stack.header-center #Top_bar #menu{line-height:21px;line-height:initial;text-align:left;text-align:initial} .header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper{width:100%} .header-stack.header-right #Top_bar .logo{text-align:right} .header-stack #Top_bar .logo #logo, .header-stack #Top_bar .logo .custom-logo-link{display:inline-block;height:auto} .header-stack #Top_bar .menu_wrapper{clear:both} .header-stack #Top_bar .menu_wrapper .menu > li > a{padding:0} .header-stack #Top_bar .menu > li > a span.description{margin-bottom:10px} .header-stack #Top_bar .top_bar_right{position:absolute;right:0;bottom:0;top:auto;height:60px} .header-stack #Top_bar .top_bar_right_wrapper{top:10px} .header-stack #Top_bar .top_bar_right:before{display:none} .header-stack #Top_bar .secondary_menu_wrapper{position:absolute;right:20px;top:35px;display:block} .header-stack.header-right #Top_bar .secondary_menu_wrapper{left:20px;right:auto} .header-stack #Top_bar.is-sticky .logo{border-bottom:unset} /* Header | Magazine */ .header-magazine #Top_bar .logo{width:auto;border:0} .header-magazine #Top_bar .top_bar_right:before{display:none} .header-magazine #Top_bar .secondary_menu_wrapper{display:none} .header-magazine #Top_bar .banner_wrapper{display:block;position:absolute;right:20px;top:20px;width:468px;height:60px;text-align:right;z-index:2} .header-magazine #Top_bar .banner_wrapper a{display:block;line-height:0} .header-magazine #Top_bar .banner_wrapper img{display:inline-block;max-width:100%;height:auto;max-height:60px} /* Header | Simple */ .header-simple #Top_bar .top_bar_left{width:100%!important;background:none} .header-simple #Top_bar:not(.is-sticky) .top_bar_left{top:-60px} .header-simple.ab-show #Top_bar:not(.is-sticky) .top_bar_left{top:0} .header-simple #Top_bar .top_bar_right,.header-simple #Top_bar .top_bar_right:before{display:none} .header-simple #Top_bar .menu > li > a span.description{margin:0 0 0 5px} /* Header | Empty */ /* Header | Transparent */ .header-transparent #Top_bar .top_bar_left, .header-transparent #Top_bar .top_bar_right, .header-transparent #Top_bar .top_bar_right:before{background:none;box-shadow:unset} .header-transparent #Top_bar .top_bar_right{top:0} .header-transparent #Top_bar #logo, .header-transparent #Top_bar .custom-logo-link{padding:0} .header-transparent #Top_bar .menu > li > a span{border-color:rgba(0,0,0,0.03)} .header-transparent #Top_bar .menu li > ul:not(.mfn-megamenu-bg){background-image:none} .header-transparent.ab-hide #Top_bar{top:0} .header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a{padding:0} .header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description){line-height:60px} /* Header | Overlay */ .header-overlay.ab-hide #Top_bar{top:40px} .header-overlay #Top_bar #logo, .header-overlay #Top_bar .custom-logo-link{height:auto} .header-overlay .overlay-menu-toggle.focus .open{display:none} .header-overlay.sticky-header .overlay-menu-toggle{position:fixed;margin-right:10px} /* Overlay | Menu Overlay */ /* Side Slide ------------------------------------------------------------------------- */ #body_overlay{position:fixed;top:0;left:0;width:100%;height:120%;background:rgba(0,0,0,.6);z-index:9002;display:none;} /* height +20% - mobile fallback */ body.mobile-side-slide{position:relative;overflow-x:visible;} #Side_slide{display:block;position:fixed;top:0px;right:-250px;max-width:100%;width:250px;height:100%;overflow:auto;border-bottom-width:60px;border-bottom-style:solid;z-index:99999;z-index:100000;} /* border-bottom:60px - mobile fallback */ #Side_slide.left{left:-250px;right:auto} #Side_slide .close-wrapper{height:60px} #Side_slide .close-wrapper a.close{height:34px;width:34px;display:block;float:right;margin:13px 13px 0 0} #Side_slide .close-wrapper a.close i{font-size:22px;line-height:34px;} #Side_slide .extras{padding:0 20px} #Side_slide .extras .action_button{float:none;width:100%;margin:0 0 20px;text-align:center;text-decoration:none} #Side_slide .extras .extras-wrapper{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:20px;} #Side_slide .extras .extras-wrapper a{display:flex;align-items:center;text-decoration:none;padding:5px;font-size:20px} #Side_slide .extras .extras-wrapper .top-bar-right-icon-user img{border-radius:100%} #Side_slide .extras .extras-wrapper .header-wishlist-count{position:relative;margin-left:-3px;top:-10px;text-align:center;font-size:11px} #Side_slide .extras .extras-wrapper .header-cart-count{position:relative;margin-left:-3px;top:-10px;text-align:center;font-size:11px} #Side_slide .extras .extras-wrapper .header-cart-total{margin:0;padding-right:5px;font-size:16px;font-weight:500} #Side_slide .extras .extras-wrapper .lang-active i{margin-left:-5px} #Side_slide #menu{display:block!important;margin-bottom:20px;max-height:none!important} #Side_slide #menu ul{width:100%!important;} #Side_slide #menu ul li{width:100%;position:relative;border-top:1px solid rgba(255,255,255,.03)} #Side_slide #menu > ul:last-child > li:last-child{border-bottom:1px solid rgba(255,255,255,.03)} #Side_slide #menu ul li a{display:block;padding:11px 5px 10px 20px;margin-right:50px;text-decoration:none;line-height:19px} #Side_slide #menu ul li a span.description{display:block;opacity:.5} #Side_slide #menu ul li a .menu-arrow{display:none} #Side_slide #menu ul li ul{display:none;background:rgba(255,255,255,.025)} #Side_slide #menu ul li ul li a{padding-left:35px} #Side_slide #menu ul li ul li ul li a{padding-left:50px} #Side_slide #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:5px;top:0;width:40px;height:40px;margin:0;padding:0;line-height:40px;font-size:22px;font-weight:100;text-align:center;cursor:pointer;opacity:0.5;} #Side_slide #menu ul li.submenu .menu-toggle:after{content:"+"} #Side_slide #menu ul li.hover > .menu-toggle{opacity:1} #Side_slide #menu ul li.hover > .menu-toggle:after{content:"-"} #Side_slide #menu ul.mfn-megamenu-bg{background-image:none!important} #Side_slide #menu ul.mfn-megamenu li .menu-toggle{display:none} #Side_slide #menu ul.mfn-megamenu > li > ul{display:block!important} #Side_slide #menu ul.mfn-megamenu > li > ul:first-child {background-color:transparent} #Side_slide #menu ul.mfn-megamenu > li > ul:first-child > li:first-child{border-top-width:0} #Side_slide .menu.menu-mobile{display:none} #Side_slide .lang-wrapper{margin-bottom:20px;text-align:center;display:none;} #Side_slide .lang-wrapper ul li{border-top:1px solid rgba(255,255,255,.03)} #Side_slide .lang-wrapper ul li:last-child{border-bottom:1px solid rgba(255,255,255,.03)} #Side_slide .lang-wrapper ul li a{display:block;padding:11px 20px 10px 20px;text-decoration:none;line-height:19px} #Side_slide .search-wrapper{margin-bottom:20px;position:relative;display:none;} #Side_slide .search-wrapper > form { position: relative; } #Side_slide .search-wrapper input.field{width:100%;background:none!important;border-width:1px 0 1px 0;border-color:rgba(255,255,255,.05);line-height:20px;padding:10px 55px 10px 20px;box-sizing:border-box;box-shadow:0 0 0 0 transparent;} #Side_slide .search-wrapper a.submit{position:absolute;top:0;right:5px;font-size:20px;padding:10px} #Side_slide .mfn-live-search-box .mfn-live-search-list { max-height: unset; } #Side_slide .mfn-livesearch-loading:after { margin: -8px 0 0 -5px; width: 10px; height: 10px; right: 50px; } #Side_slide .contact_details{text-align:center;margin-bottom:20px} #Side_slide .contact_details li{margin-bottom:1px} #Side_slide .social{text-align:center;margin:0 20px 13px} #Side_slide .social li{display:inline-block} #Side_slide .social li a{display:block;padding:3px 5px;text-decoration:none} #Side_slide .social-menu{text-align:center} #Side_slide .social-menu li{display:inline-block;margin-right:6px;padding-right:6px;border-right: 1px solid rgba(255,255,255,.1)} #Side_slide .social-menu li:last-child{margin-right:0;padding-right:0;border-right-width:0} /* Side Slide | Hide */ #Side_slide.hide-social .social{display:none!important} /* Side Slide | Color */ #Side_slide{background-color:#191919;border-color:#191919} /* border-bottom:60px - mobile fallback */ #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button), #Side_slide #menu ul li.submenu .menu-toggle{color:#a6a6a6} #Side_slide a:not(.action_button):hover, #Side_slide a.active, #Side_slide #menu ul li.hover > .menu-toggle{color:#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;} /* Side Slide | Light */ #Side_slide.light #menu ul li{border-top-color:rgba(0,0,0,.03)} #Side_slide.light #menu > ul:last-child > li:last-child{border-bottom-color:rgba(0,0,0,.03)} #Side_slide.light #menu ul li ul{background:rgba(0,0,0,.02)} #Side_slide.light .lang-wrapper ul li{border-top-color:rgba(0,0,0,.03)} #Side_slide.light .lang-wrapper ul li:last-child{border-bottom-color:rgba(0,0,0,.03)} #Side_slide.light .search-wrapper input.field{border-color:rgba(0,0,0,.05)} /* Side Slide | Icons */ .mobile-icon-user-hide #Side_slide .top-bar-right-icon-user, .mobile-icon-user-tb #Side_slide .top-bar-right-icon-user, .mobile-icon-wishlist-hide #Side_slide .top-bar-right-icon-wishlist, .mobile-icon-wishlist-tb #Side_slide .top-bar-right-icon-wishlist, .mobile-icon-cart-hide #Side_slide .top-bar-right-icon-cart, .mobile-icon-cart-tb #Side_slide .top-bar-right-icon-cart, .mobile-icon-search-hide #Side_slide .top-bar-right-icon-search, .mobile-icon-search-tb #Side_slide .top-bar-right-icon-search, .mobile-icon-wpml-hide #Side_slide .wpml-languages, .mobile-icon-wpml-tb #Side_slide .wpml-languages, .mobile-icon-action-hide #Side_slide .action_button, .mobile-icon-action-tb #Side_slide .action_button{display:none!important} /* Popup search */ .has-search-overlay.search-overlay-opened #search-overlay{position:fixed;top:0;left:0;width:100%;height:120%;background:rgba(0,0,0,.6);z-index:2;display:block;} /* height +20% - mobile fallback */ .has-search-blur.search-overlay-opened #Wrapper::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2} /* .has-search-overlay.search-overlay-opened .mfn-header-tmpl, .has-search-overlay.search-overlay-opened .mfn-bring-to-front, .has-search-blur.search-overlay-opened .mfn-header-tmpl, .has-search-blur.search-overlay-opened .mfn-bring-to-front{z-index:unset!important} */ /* Subheader ------------------------------------------------------------------------- */ #Subheader{background-color:rgba(0,0,0,.02);background-position:center top;background-repeat:no-repeat;padding:30px 0;position:relative} .hide-title-area #Subheader{display:none} #Subheader .title{margin-bottom:0;width:70%;float:left} #Subheader ul.breadcrumbs{display:block;width:30%;margin:1px 0 0;font-size:1em!important;float:right;text-align:right} #Subheader ul.breadcrumbs li{display:inline-block} #Subheader ul.breadcrumbs li,#Subheader ul.breadcrumbs li a{color:rgba(0,0,0,.3)} #Subheader ul.breadcrumbs li span{margin:0 10px;opacity:.4} #Subheader:after{content:"";height:3px;width:100%;display:block;position:absolute;left:0;bottom:-3px;z-index:1;box-shadow:inset 0px 4px 3px -2px rgba(0,0,0,.06)} #Subheader ul.woocommerce-breadcrumb li:last-child span{display:none} /* style */ .subheader-both-center #Subheader .title{width:100%;text-align:center} .subheader-both-center #Subheader .breadcrumbs{width:100%;text-align:center;margin-top:10px} /* Intro ------------------------------------------------------------------------- */ /* Light */ /* Dark */ /* Post ------------------------------------------------------------------------------ */ .post-item{margin-bottom:40px;position:relative;float:left;width:100%;overflow:hidden;} .post-item .date_label{position:absolute;left:0;top:7px;display:none;background-color:var(--mfn-blog-date-bg);} .post-item .date_label:after{border-left-color:var(--mfn-blog-date-bg);} .post-photo-wrapper{width:37%;float:left} .post-desc-wrapper{width:63%;float:left} .no-img > .image_frame{display:none} .no-img > .post-desc-wrapper{width:100%} .post-desc{padding:15px 0 0 20px} .search-results #Content { padding-top: 80px; } .search-results .search-item { display: flex; align-items: center; margin-bottom: 40px; } .search-results .search-item .post-featured-image { width: 30%; flex-shrink: 0; margin-right: 40px; } .search-results .search-item .search-content { width: 70%; } .search-results .search-item:not(.no-image) .search-content h4 { margin-bottom: 10px; } .search-results .search-item .search-content .post-product-price { margin-bottom: 10px; } .search-results .search-item.no-image .search-content{width:100%} .search-results .search-item .search-footer.align-right{text-align:right} .post-meta{margin-bottom:8px} .post-meta .author-date{float:left} .post-meta .author-date a{border-bottom-width:1px;border-style:dotted;text-decoration:none!important} .post-meta .category{float:right;position:relative} .post-meta .category.mata-tags{margin-right:10px} .post-meta .category .cat-btn{cursor:pointer} .post-meta .category .cat-wrapper{position:absolute;right:0;top:100%;display:none;z-index:21} .post-meta .category:hover .cat-wrapper{display:block} .post-meta .category .cat-wrapper ul{padding:7px;min-width:70px;background:#F9F9F9} .post-meta .category .cat-wrapper ul li{border-bottom:1px solid rgba(0,0,0,0.05)} .post-meta .category .cat-wrapper ul li:last-child{border-bottom:0} .post-meta .category .cat-wrapper ul li a{display:block;text-align:center;padding:1px 5px;color:#8B8B8B} .post-meta .category .cat-wrapper ul li a:hover{text-decoration:none;color:#5F5F5F;background:rgba(255,255,255,0.8)} .post-excerpt{margin-bottom:15px} .post-footer{background-color:rgba(0,0,0,.02);padding:7px 15px;overflow:hidden;line-height:30px} .post-footer .button-love{float:left} .post-footer .button-love a.mfn-love{display:inline-block;position:relative;padding-left:24px;margin-left:5px} .post-footer .button-love a.mfn-love i{position:absolute;left:0;top:0;font-size:16px} .post-footer .button-love a.mfn-love:hover{text-decoration:none} .post-footer .button-love a.mfn-love i:last-child{opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .post-footer .button-love a:hover.mfn-love i:last-child{opacity:1} .post-footer .post-links{float:right;border-left-width:1px;border-style:solid;padding-left:10px} .has-custom-bg .post-footer{background-color:transparent} .hide-more .post-footer .post-links .icon-doc-text,.hide-more .post-footer .post-links .post-more{display:none} .blog_slider.hide-more .item_wrapper .hr_color,.blog_slider.hide-more .item_wrapper .button{display:none} /* Grid */ /* Columns 2-6 */ /* Masonry */ /* Columns 2-6 */ /* Masonry tiles */ /* Photo wrapper */ /* Posts */ /* Post icon */ /* Line */ /* Desc wrapper animation */ /* Columns 2-6 */ /* With margin */ /* Colors */ /* Timeline */ /* Photo */ /* Photo 2 */ /* Columns 2-3 */ /* Post types */ /* Single Post ----------------------------------------------------------------------- */ .post-nav{padding:10px 15px 4px 130px;margin-bottom:20px;background-image:url(/wp-content/themes/betheme/images/stripes/stripes_5_b.png);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden} .share-simple .post-nav{padding-left:15px;padding-right:15px} .post-nav.minimal.column{padding:0;background:none;position:relative;height:40px!important;} .post-nav.minimal a{position:absolute;top:0;opacity:.6;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .post-nav.minimal a:hover {opacity:1} .post-nav.minimal a.prev{left:0;} .post-nav.minimal a.next{right:0;} .post-nav.minimal a.home{left:50%;margin:3px 0 0 -13px;} .post-nav.minimal a i{font-size:25px;line-height:30px;color:#626262} .post-nav.minimal a svg{fill:#626262} a.mfn-love:not(.loved) i:last-child{ display: none; } .post-header{margin-bottom:20px} .post-header .title_wrapper{margin-left:99px;border-left-width:1px;border-style:solid;padding-left:30px} .single-photo-wrapper .image_frame{margin-left:120px} .share-simple .single-photo-wrapper .image_frame{margin-left:0} .single-photo-wrapper.image{text-align:center} .single-photo-wrapper.image .image_frame{margin-left:0;display:inline-block} .section-post-header .single-photo-wrapper.image .image_frame{max-width:80%;max-width:calc(100% - 130px)} .share-simple .section-post-header .single-photo-wrapper.image .image_frame{max-width:100%} /* Hide Love */ .hide-love .button-love{display:none!important} .hide-love .post-header .title_wrapper{margin-left:0;padding-left:10px;border-left:none} .hide-love .post-nav{padding-left:15px} .hide-love .portfolio_group .portfolio-item .desc .title_wrapper{padding-right:0} /* Post related */ .section-post-related .section-related-adjustment{border-top-width:1px;border-style:solid;padding-top:20px} .section-post-related .post-related{position:relative;width:33.333%} .section-post-related .col-3 .post-related{width:33.333%} .section-post-related .col-3 .post-related:nth-child(3n+1){clear:both} .section-post-related .post-related .image_frame{margin-left:30px;margin-bottom:15px} .section-post-related .post-related .date_label{position:absolute;left:0;top:30px;z-index:20} .section-post-related .post-related hr{margin-left:30px;width:40%} .section-post-related .post-related a.button{margin-left:30px;margin-bottom:0} /* Section post related - simple */ .section-post-related .simple .post-related .image_frame{margin-left:0px;} .section-post-related .simple .post-related .date_label{margin-bottom:5px;position:static;padding:0;background-color:transparent;background-image:none;} .section-post-related .simple .post-related .date_label:after{display:none;} .section-post-related .simple .post-related hr { display: none; } .section-post-related .simple .post-related a.button{margin-left:0px;} /* Format | Link */ /* Format | Quote */ /* NO img */ .format-standard.no-img .section-post-header .single-photo-wrapper{display:none!important} /* Project decription */ /* Share Item */ /* Share | Simple | .share-simple-wrapper */ .share-simple .post-header .title_wrapper{margin-left:0;padding-left:0;border-left-width:0} .share-simple-wrapper{border-top:1px solid rgba(0,0,0,.08);padding:15px 0;text-align:left} .share-simple-wrapper .share-label{margin-right:10px} .share-simple-wrapper .icons{display:inline} .share-simple-wrapper .icons a{padding:0 5px;color:#a8a8a8} .share-simple-wrapper .icons .facebook:hover{color:#3B5998} .share-simple-wrapper .icons .twitter:hover{color:#1DA1F2} .share-simple-wrapper .icons .linkedin:hover{color:#0077B5} .share-simple-wrapper .icons .pinterest:hover{color:#BD081B} .share-simple-wrapper .button-love{float:right} .share-simple-wrapper .mfn-love{position:relative;display:inline-block;padding-left:24px;margin-left:5px} .share-simple-wrapper .mfn-love i{position:absolute;left:0;top:0;font-size:16px} .share-simple-wrapper .mfn-love:hover{text-decoration:none} .share-simple-wrapper .mfn-love i:last-child{opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .share-simple-wrapper .mfn-love:hover i:last-child{opacity:1} /* Templates | Preview --------------------------------------------------------------- */ /* Widgets */ .widget{margin:30px 0;position:relative} .widget:last-child:after{display:none} .widget:after{content:"";display:block;position:absolute;bottom:0;width:1500px;height:0;visibility:visible;border-width:1px 0 0;border-style:solid} .elementor-widget-sidebar .widget:after{content:unset} .wp-block-image img { height: auto; } /* Recent posts */ /* Formats */ /* Recent posts | style: blog news */ /* Animation */ /* Widget | Gallery | WordPress 4.9+ */ /* Recent posts | WordPress */ /* Categories */ /* Archives, Custom menu */ /* Meta, Pages, RSS */ /* Recent comments */ /* Recent comments wordpress */ /* Search */ /* Calendar */ /* Flickr */ /* Recent tweets */ /* Tag cloud */ /* Muffin menu */ .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{text-decoration:none;color:#fff!important} .widget_mfn_menu ul.submenus-hover li ul{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out} .widget_mfn_menu ul.submenus-hover li.current_page_item > ul,.widget_mfn_menu ul.submenus-hover li:hover > ul{max-height:10000px} .widget_mfn_menu ul.submenu-active li.current-menu-parent > ul, .widget_mfn_menu ul.submenu-active li.current-menu-ancestor > ul{max-height:10000px} .widget_mfn_menu ul.submenus-click li ul{overflow:hidden;max-height:0} .widget_mfn_menu ul.submenus-click li.hover > ul{max-height:10000px} @media(min-width: 768px){ .widget_mfn_menu ul.submenus-click-mobile li ul{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out} .widget_mfn_menu ul.submenus-click-mobile li.current_page_item > ul, .widget_mfn_menu ul.submenus-click-mobile li:hover > ul{max-height:10000px} } @media(max-width: 767px){ .widget_mfn_menu ul.submenus-click-mobile li ul{overflow:hidden;max-height:0} .widget_mfn_menu ul.submenus-click-mobile li.hover > ul{max-height:10000px} } /* Muffin login */ /* Portfolio ----------------------------------------------------------------------- */ /* List */ /* Flat */ /* Grid */ /* Masonry */ /* Masonry hover */ .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { opacity: 0; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.3); height: 100%; width: 100%; padding: 10% 10% 50px; box-sizing: border-box; z-index:2; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after { content: ""; display: block; margin: 15px 0; width: 20px; height: 3px; background: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a { color: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner { height: 100%; overflow: hidden; color: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper { bottom: 18px; box-sizing: border-box; left: 0; padding: 0 7% 0 8%; position: absolute; width: 100%; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a.external { font-size: 25px; color: #fff; position: relative; top: 0; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a.zoom { } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a.link { float: right; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a.external {} .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrapper a { color: #444; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after { background: #444; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc { opacity: 1; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a:hover.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a:hover.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a:hover.external { top: -3px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { padding: 10%; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { position: static; opacity: 1; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner { margin-bottom: 15px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrapper { position: static; padding: 0; margin-top: 30px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrapper a.zoom { display:none; } /* Animation */ .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrapper a.external, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Masonry minimal */ /* Masonry Flat */ /* Columns 2-6 */ /* Grid, Masonry, Masonry Hover */ /* Flat */ /* Exposure */ /* Colors */ /* Hover */ .section_wrapper .portfolio_wrapper .column.one.pager_wrapper .hover-desc{margin:40px 0!important} /* Footer */ #Footer{background-position:center top;background-repeat:no-repeat;position:relative} #Footer .widgets_wrapper{padding:15px 0} #Footer .widgets_wrapper .mcb-column-inner{margin-bottom:0} #Footer .widgets_wrapper .widget:after{display:none} #Footer .footer_copy .one{margin-bottom:20px;padding-top:30px;min-height:33px} #Footer .footer_copy .copyright{float:left} #Footer .footer_copy .social{float:right;margin-right:20px} #Footer .footer_copy .social li{display:inline-block;margin-right:6px} #Footer .footer_copy .social li:last-child{margin-right:0} #Footer .footer_copy .social li a{font-size:15px;line-height:15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .mfn-footer .footer_copy{border-top:1px solid rgba(255,255,255,.1)} .mfn-footer .footer_copy .social li a {color:rgba(255,255,255,.3);} .mfn-footer .footer_copy .social li a:hover{color:#fff} /* Back to top */ #back_to_top.hide{display:none} #back_to_top.sticky{position:fixed;right:75px;bottom:20px;z-index:9001} #back_to_top.sticky.scroll{opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #back_to_top.sticky.scroll.focus,#back_to_top.sticky.scroll:hover{opacity:1} .button-round #back_to_top.sticky{right:100px} /* Widgets */ /* Styles */ .footer-stick #Footer.is-sticky{position:fixed;width:100%;bottom:0;left:0} /* GDPR */ #mfn-gdpr.show{display:flex} /* Comments -------------------------------------------------------------------------- */ .comments{margin-bottom:0} #comments .nocomments{margin-bottom:40px} #comments > :first-child{border-top-width:1px;border-style:solid;padding-top:20px} /* #comments .commentlist > li .comment-meta a.comment-edit-link{float:right;padding-right:52px;position:relative;top:-19px} */ /* Respond -------------------------------------------------------------------------- */ /* Testimonials | Single | @you should not see this page ----------------------------- */ .single-testimonial .fixed-nav{display:none} /* Error 404 | #Error_404 ------------------------------------------------------------ */ body.error404{height:100%} body.error404:not(.events-archive) #Content{padding:0!important} /* Search Results | .search-not-found ------------------------------------------------ */ /* Video Section --------------------------------------------------------------------- */ /* Section Navigation ---------------------------------------------------------------- */ /* Dark ------------------------------------------------------------------------------ */ .dark{color:#fff!important} /* Blockquote */ /* Headings font */ /* Borders */ .dark input[type="text"],.dark .opening_hours,.dark .opening_hours .opening_hours_wrapper li,.dark .fixed-nav .desc h6{border-color:rgba(255,255,255,.08)} /* Grey */ .dark .fixed-nav .desc .date{color:#DEDEDE} /* Dividers */ /* FAQ */ /* Others */ .dark .opening_hours,.dark .opening_hours h3{color:#444} /* Pricing box */ /* Lists */ /* Pricing table */ /* Call to action */ /* Fancy heading */ /* Content slider */ /* Countdown */ /* Fancy links */ .dark a.hover.mfn-link-2 span:before{background:#fff} .dark a.hover.mfn-link-4:before,.dark a.hover.mfn-link-4:after{background:#fff} /* Pagination */ /* dropcap */ /* highlight */ /* Highlight underline */ /* tooltip*/ .tooltip.tooltip-img.hover .tooltip-content { opacity: 1; transform: translate(-50%, -10px); } .tooltip[data-position="bottom"].tooltip.tooltip-img.hover .tooltip-content { opacity: 1; transform: translate(-50%, 10px); } .tooltip[data-position="left"].tooltip.tooltip-img.hover .tooltip-content { transform: translate(-10px, -50%); } .tooltip[data-position="right"].tooltip.tooltip-img.hover .tooltip-content { transform: translate(10px, -50%); } /* blockquote */ blockquote{font-size:17px;line-height:31px;display:block;height:auto;margin:0 0 35px 25px;top:15px;position:relative;/*background:url(/wp-content/themes/betheme/images/stripes/textline.png) repeat-y;*/} blockquote:before{content:""} /* button */ /* images */ .image_frame{display:block;overflow:hidden;margin:0;border-style:solid;border-width:0;max-width:100%;line-height:0;box-sizing:border-box} /* Fix: SVG without width */ /* Fix for line-height problem in column */ .image_frame .image_wrapper{box-sizing:border-box} .image_frame a{display:block;-webkit-tap-highlight-color:transparent} .wp-caption-text{display:block;text-align:center;margin:0;padding:10px 0 5px;line-height:normal} .wp-caption-text.hide{display:none} .the_content_wrapper .image_frame{margin-bottom:20px} /* image_frame */ .image_frame .image_wrapper{position:relative;overflow:hidden} .image_frame .image_wrapper .mask{position:absolute;left:0;width:100%;height:100%;z-index:2} .image_frame .image_wrapper img:not(.ls-l){position:relative;top:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)} /* .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:-15px!important} */ /* this brokes images after import until regenerate thumbnails */ .image_frame:hover .image_wrapper img, .image_frame:focus .image_wrapper img, .image_frame.hover .image_wrapper img{top:-15px} .image_frame .image_wrapper .mask:after{content:"";display:block;position:absolute;left:0;width:100%;height:100%;z-index:3;opacity:0} .image_frame:hover .image_wrapper .mask:after, .image_frame:focus .image_wrapper .mask:after, .image_frame.hover .image_wrapper .mask:after{opacity:1} .image_frame .image_wrapper .image_links{ display: flex; width:100%;height:60px;position:absolute;left:0;bottom:-60px;z-index:4;overflow:hidden} .image_frame:hover .image_wrapper .image_links, .image_frame:focus .image_wrapper .image_links, .image_frame.hover .image_wrapper .image_links{bottom:0} .image_frame .image_wrapper .image_links a{display:flex;justify-content:center;align-items:center; flex: 1;position: relative;width:100%; border-style: solid; border-color: transparent; } .image_frame .image_wrapper .image_links a:not(:last-child){border-right-width: 1px;} .image_frame .image_wrapper .image_links a svg { width: 32px; } .image_frame .image_wrapper .image_links a.loading svg { visibility: hidden; } .image_frame .image_wrapper .image_links a.loading:before { display: none; } .image_frame .image_wrapper .image_links a.loading:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; margin: -10px 0 0 -10px; width: 20px; height: 20px; border-radius: 100%; border-width: 2px; border-style: solid; border-bottom-color: transparent !important; background: none; transform: none; transition: none !important; animation: spin 1.5s linear infinite;} .image_frame .image_wrapper .image_links.hover-title a{font-size:15px;text-decoration:none} /* hover-secondary-image */ .image_frame .image_wrapper.hover-secondary-image .image-primary{display:inline-block;opacity:1;transform: unset !important;} .image_frame .image_wrapper.hover-secondary-image .image-secondary{display:block;position:absolute;left:50%;top:50%!important;opacity:0;transform:translate(-50%,-50%)!important;} .image_frame:hover .image_wrapper.hover-secondary-image .image-primary, .image_frame:focus .image_wrapper.hover-secondary-image .image-primary, .image_frame.hover .image_wrapper.hover-secondary-image .image-primary{opacity:0} .image_frame:hover .image_wrapper.hover-secondary-image .image-secondary, .image_frame:focus .image_wrapper.hover-secondary-image .image-secondary, .image_frame.hover .image_wrapper.hover-secondary-image .image-secondary{opacity:1} .image_frame:hover .image_wrapper.hover-secondary-image .image-primary, .image_frame:focus .image_wrapper.hover-secondary-image .image-primary, .image_frame.hover .image_wrapper.hover-secondary-image .image-primary{opacity:0} .image_frame:hover .image_wrapper.hover-secondary-image .image-primary, .image_frame:focus .image_wrapper.hover-secondary-image .image-primary, .image_frame.hover .image_wrapper.hover-secondary-image .image-primary{top: 0!important;} .image_frame .image_wrapper.hover-secondary-image .wp-post-image{transition:opacity .4s ease-in-out} @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /* alignment */ .alignleft{float:left;margin:15px 15px 15px 0} .aligncenter{text-align:center;margin:0 auto;display:block} .aligncenter img{display:inline} /* animations */ .image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .image_frame .image_wrapper .image_links a{-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out} /* greyscale */ /* invert */ /* greyscale + invert */ /* if-overlay */ .if-overlay .image_frame .image_wrapper .image_links.hover-title{width:100%;left:0;margin-left:0;transform:translateY(-50%)} .if-overlay .image_frame.hover .image_wrapper .image_links{animation: if-overlay-animation 0.3s normal forwards ease-in-out;} .if-overlay .image_frame.hover .image_wrapper img{top:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} .if-overlay .image_item.hover .image_wrapper img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)} @keyframes if-overlay-animation { 0% { opacity: 0; } 100% { opacity: 1; } } /* if-overlay modern */ .if-modern-overlay .image_frame .image_wrapper .image_links.hover-title{width:80%;left:10%; top: auto; right: auto; bottom: 10%; } .if-modern-overlay .image_frame .image_wrapper .image_links.hover-title a { border-radius: 3px; width: auto; height: auto; padding: 10px; line-height: initial; } .if-modern-overlay .image_frame.hover .image_wrapper img{top:0} .if-modern-overlay .image_frame.hover .image_wrapper .image_links a{animation: if-modern-overlay-animation 0.2s normal forwards ease-in-out; } .if-modern-overlay .image_frame .image_wrapper .image_links a.loading:after { margin: -8px 0 0 -8px; width: 16px; height: 16px; border-width: 1.5px; opacity:1 } .image_frame .image_wrapper .image_links a { background-color: #fff; } .image_frame .image_wrapper .image_links a .path { stroke: #161922; } .image_frame .image_wrapper .image_links a.loading:after { border-color: #161922; } .image_frame .image_wrapper .image_links a:hover, .image_frame .image_wrapper .image_links a:focus { background-color: #fff; } .image_frame .image_wrapper .image_links a:hover .path{ stroke: #0089f7; } .image_frame .image_wrapper .image_links a { box-shadow: inset -1px 0 0 0 rgba(0,0,0,0) } @keyframes if-modern-overlay-animation { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } /* if-zoom */ .if-zoom .image_frame.hover .image_wrapper img{top:0} .if-zoom .image_frame.hover .image_wrapper img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .if-zoom image_frame.no_link.hover .image_wrapper img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)} /* if-disable */ .if-zoom .image_frame.hover .image_wrapper img{top:0} /* hover-disable */ .image_frame.hover-disable .image_wrapper .image_links{display:none} .image_frame.hover-disable .image_wrapper .mask{display:none!important} .image_frame.hover-disable .image_wrapper img{margin-bottom:0!important;top:0!important;-moz-transform:scale(1)!important;-webkit-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important} .image_frame.hover-disable:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0!important} /* video */ /* in this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width; for a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */ /* PBL Mask Shapes */ /* gallery */ .gallery .gallery-item{overflow:hidden; position: relative; padding-left: 12px; padding-right: 12px; margin: 0 0 24px 0;} .gallery .gallery-item .gallery-icon{border:0;width:100%;overflow:hidden;line-height:0;padding:0;position:relative} .gallery .gallery-item img{display:block;line-height:0;width:100%;max-width:100%;height:auto;border:0!important;} .gallery .image_frame{margin-bottom:0} /* Overflow fix */ .gallery-columns-4 .gallery-item:nth-of-type(4n+1){clear:both} .gallery .gallery-item .gallery-item-wrapper{ display: block; width:100%; height: 100%; position: relative;} /* gallery flat */ /* gallery fancy */ /* gallery masonry */ /* New gallery styles */ .gallery .gallery-caption{clear: both; box-sizing: border-box; position: relative; width: 100%;} .gallery.equal-heights.mfn-images-loaded .image_wrapper img{ min-height:100%; } /* fix for safari / height 100% with delay */ /* divider */ hr{display:block;border:none;outline:none;height:1px;width:100%;margin:0 auto 15px;clear:both} hr{margin:0 auto 15px;clear:both} .elementor-element[data-widget_type*=mfn] hr{margin:0 auto 15px;clear:both} /* fancy-divider */ /* section-divider */ /* section-decoration | height:100px - fallback */ /* section shape dividers */ /* idea_box */ /* google_font */ /* popup-content */ /* single_icon */ /* form */ form,fieldset{margin-bottom:0} textarea{min-height:60px;line-height:20px} label{display:block;margin-bottom:5px;font-weight:500} input[type="email"], input[type="search"], input[type="tel"], input[type="text"], textarea{padding:10px;outline:none;margin:0;width:230px;max-width:100%;display:block;margin-bottom:20px;font-size:15px;border-width:1px;border-style:solid;border-radius:0;box-sizing:border-box;-webkit-appearance:none} /* list ul ol li */ ul{list-style:none outside} ol{list-style:decimal} .post-excerpt ul,.the_content_wrapper ul,.elementor-widget-text-editor ul{list-style:disc outside;margin:0 0 15px 30px} .post-excerpt ol,.the_content_wrapper ol,.elementor-widget-text-editor ol{margin:0 0 15px 30px} .post-excerpt ul li,.the_content_wrapper ul li,.elementor-widget-text-editor ul li,.post-excerpt ol li,.the_content_wrapper ol li,.elementor-widget-text-editor ol li{margin-bottom:10px} .post-excerpt ul li ul{margin-top:10px;margin-bottom:0} dl{margin:0 0 30px} /* alert */ /* mfn-link */ /* #1: Brackets */ a.hover.mfn-link-1:before,a.hover.mfn-link-1:after{opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)} /* #2: 3D rolling links */ a.hover.mfn-link-2 span{-webkit-transform:rotateX(90deg) translateY(-22px);-moz-transform:rotateX(90deg) translateY(-22px);transform:rotateX(90deg) translateY(-22px)} /* #3: bottom line */ a.hover.mfn-link-3:after{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)} /* #4: second border slides up */ a.hover.mfn-link-4:before,a.hover.mfn-link-4:after{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} a.hover.mfn-link-4:after{top:0;opacity:1} /* #5: reveal, push out */ a.hover.mfn-link-5 span{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)} a.hover.mfn-link-5:before{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);transform:translateX(0%)} /* #6: text fill */ a.hover.mfn-link-6:before{max-width:100%} /* #7: border switch */ a.hover.mfn-link-7:before,a.hover.mfn-link-7:after{opacity:1} a.hover.mfn-link-7:before{left:50%;-webkit-transform:rotate(0deg) translateX(-50%);-moz-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)} a.hover.mfn-link-7:after{right:50%;-webkit-transform:rotate(0deg) translateX(50%);-moz-transform:rotate(0deg) translateX(50%);transform:rotate(0deg) translateX(50%)} /* #8: cross */ a.hover.mfn-link-8:before,a.hover.mfn-link-8:after{opacity:.7} a.hover.mfn-link-8:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)} a.hover.mfn-link-8:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)} /* #9: hover icon */ a.hover.mfn-link-9 i, a.hover.mfn-link-9 svg {transform: translate(-50%,80%);opacity:1;} /* variables */ a.hover.mfn-link-8:after,a.hover.mfn-link-8:before{background:rgba(0,0,0,0.1)} a.hover.mfn-link-2 span:before{color:#fff} /* accordion */ .accordion .question.active > .title{border-width:0 0 1px} .accordion .question.active >.title > .acc-icon-plus{display:none} .accordion .question.active > .title > .acc-icon-minus{display:flex} .accordion .question.active p:last-child{margin-bottom:0} /* faq */ .faq .question.active > .title > .acc-icon-plus{display:none} .faq .question.active > .title > .acc-icon-minus{display:block} .faq .question.active p:last-child{margin-bottom:0} /* table */ table{width:100%;box-sizing:border-box;margin-bottom:15px;border-collapse:collapse;border-spacing:0;border-radius:5px} table th,table td{padding:10px;text-align:center;border-width:1px;border-style:solid;vertical-align:middle} table th{font-weight:700; background: #f9f9f9; box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.04); } table tr:first-child td{ box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.06);} table tr:nth-child(2n) td{background:rgba(0,0,0,0.01)} /* table.simple */ /* table-hover */ /* feature_list */ /* list_item */ /* pricing-box */ /* Old */ /* content_slider */ .content_slider .content_slider_ul .slick-list { border-width:8px;border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box } .content_slider .content_slider_ul.slick-slider{opacity:1;max-height:none} .content_slider.default .content_slider_ul .slick-list { overflow: hidden; } /* flat */ .content_slider.flat .content_slider_ul .slick-list{border-width:0} /* description */ /* carousel */ .content_slider.carousel .content_slider_ul .slick-list{border-width:0} /* center */ .content_slider.center .content_slider_ul .slick-list{border-width:0} .content_slider.center .content_slider_ul li:not(.slick-center){transform:scale(.98)} /* .content_slider.center .content_slider_ul li:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;width:calc(100% - 10px);height:100%;margin-left:5px;background-color:rgba(0,0,0,.15);opacity:0;z-index:2} .content_slider.center .content_slider_ul li:not(.slick-center):after{opacity:1;} */ /* hide-arrows */ .content_slider.hide-arrows{padding:0} .content_slider.hide-arrows a.slider_prev,.content_slider.hide-arrows a.slider_next{display:none!important} .content_slider.hide-dots .slider_pagination{display:none!important} .section.full-width .column.one .content_slider.hide-arrows{padding:0 140px} /* animation */ /* offer */ .offer .offer_ul.slick-slider{opacity:1;max-height:none;overflow:visible} .offer .slick-arrow{position:absolute;width:46px;height:46px;padding:0;text-align:center;margin:0;background-color:#262626;} .offer .slider_pagination.show{opacity:1} .offer .slider_pagination .current{color:#fff} /* offer_thumb */ .offer_thumb_ul.slick-slider{opacity:1;max-height:none;overflow:visible} .offer_thumb .slick-dots, .offer_thumb .slick-dots li{margin:0} .offer_thumb .slider_pagination li.slick-active a:after { background-color: var(--mfn-offer-thumbs-nav); } .mfn-looped-slider-section .slick-dots{ display: flex; margin: 20px 0;} @media only screen and (min-width: 768px){ .offer_thumb .slider_pagination li.slick-active a{top:0;background-color:#fff;background-image:url(/wp-content/themes/betheme/images/stripes/stripes_3_b.png)} .offer_thumb .slider_pagination li:not(.slick-active) a:hover img{opacity:.6} .offer_thumb .slider_pagination li.slick-active a:before{opacity:1} .offer_thumb .slider_pagination li.slick-active a:after{opacity:1} } /* offer_thumb bottom */ /* Checkout */ /* Latest_news */ /* blog-teaser */ /* helper */ .helper .helper_content .item.active{padding-bottom:20px;max-height:unset} .helper .helper_header .links a.link.active{color:#999;background:rgba(0,0,0,.06)} /* heading */ /* required for text-align option */ /* Icon box 2 .mfn-icon-box */ /* Left * Right */ /* Top & Bottom */ /* Width */ /* Alignment */ @media(max-width: 1440px) { /* Left * Right */ /* Top & Bottom */ /* Width */ /* Alignment */ } @media(max-width: 959px) { /* Left * Right */ /* Top & Bottom */ /* Width */ /* Alignment */ } @media(max-width: 767px) { /* Left * Right */ /* Top & Bottom */ /* Width */ /* Alignment */ } /* Animations */ /* icon_box */ /* icon_position_left */ /* animation */ /* icon box & mfn-link */ /* article_box */ /* sliding_box */ /* story_box */ /* promo_box */ /* zoom_box */ /* counter */ /* chart_box */ /* progress_bars */ .progress_bars .bars_list:not(.hover) li .bar .progress{width:0!important} .progress_bars .bars_list.hover li .bar .progress{-webkit-transition:all 1.3s ease-in-out;-moz-transition:all 1.3s ease-in-out;-o-transition:all 1.3s ease-in-out;transition:all 1.3s ease-in-out} /* progress_icons */ /* trailer_box */ /* quick_fact */ /* countdown */ /* countdown-inline */ .downcount-inline.show-dhm .seconds, .downcount-inline.show-dhm .label-seconds{display:none} .downcount-inline.show-dh .seconds, .downcount-inline.show-dh .label-seconds, .downcount-inline.show-dh .minutes, .downcount-inline.show-dh .label-minutes{display:none} .downcount-inline.show-d .seconds, .downcount-inline.show-d .label-seconds, .downcount-inline.show-d .minutes, .downcount-inline.show-d .label-minutes, .downcount-inline.show-d .hours, .downcount-inline.show-d .label-hours{display:none} /* photo_box */ /* flat_box */ /* feature_box */ /* hover_box */ .hover_box{text-align:center;line-height:0} .hover_box a{display:block;line-height:0} .hover_box .hover_box_wrapper{position:relative;overflow:hidden;line-height:0;max-width:100%} .hover_box .hover_box_wrapper .visible_photo{display:inline-block;opacity:1} .hover_box .hover_box_wrapper .hidden_photo{display:block;position:absolute;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%)} .hover_box:hover .hover_box_wrapper .visible_photo,.hover_box.hover .hover_box_wrapper .visible_photo{opacity:0} .hover_box:hover .hover_box_wrapper .hidden_photo,.hover_box.hover .hover_box_wrapper .hidden_photo{opacity:1} .hover_box .hover_box_wrapper .visible_photo,.hover_box .hover_box_wrapper .hidden_photo{transition:all .4s ease-in-out} /* hover_color */ .hover_color{text-align:center;border-color:transparent} .hover_color a{display:block} .hover_color a:hover{text-decoration:none} .hover_color .hover_color_bg{box-sizing:border-box} .hover_color .hover_color_wrapper{text-decoration:none;padding:40px 30px} .hover_color,.hover_color a,.hover_color a:hover,.hover_color h1 a,.hover_color h2 a,.hover_color h3 a,.hover_color h4 a,.hover_color h5 a,.hover_color h6 a{color:#fff} .hover_color .hover_color_bg{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .hover_color,.hover_color_bg{height:100%} .hover_color .hover_color_wrapper{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .hover_color.align_left{text-align:left} .hover_color.align_right{text-align:right} .hover_color.align_center{text-align:center} .hover_color.align_justify{text-align:justify} /* content_link */ /* icon_bar */ /* social */ /* get_in_touch */ /* infobox */ /* opening_hours */ .opening_hours .opening_hours_wrapper .ohw-desc {display:block;} .opening_hours .opening_hours_wrapper ul{margin:0} .opening_hours .opening_hours_wrapper li{position:relative;padding-bottom:15px;margin-bottom:15px;text-align:center;border-bottom-width:1px;border-style:dashed;list-style:none} .opening_hours .opening_hours_wrapper li:last-child{border:0;padding-bottom:0;margin-bottom:0} .opening_hours .opening_hours_wrapper li label{margin-bottom:8px;font-size:12px;line-height:18px;display:inline-block;font-weight:400;padding:5px 11px;-webkit-border-radius:4px;border-radius:4px;background-image:url(/wp-content/themes/betheme/images/stripes/stripes_3_b.png);background-color:#f8f8f8} .opening_hours .opening_hours_wrapper li span{font-size:22px;line-height:22px;margin:0;padding:0 14px;display:block} .opening_hours .opening_hours_wrapper li span sup{font-size:13px;line-height:13px;position:relative;top:4px;margin-left:2px} .opening_hours{height:100%;box-sizing:border-box} /* timeline_items */ /* how_it_works */ /* column_map_basic */ /* map advanced */ /* team */ /* team_list */ /* mfn_heading */ /* fancy_heading */ /* call_to_action */ /* clients */ /* clients_slider */ .clients_slider ul.slick-slider{opacity:1;max-height:none} .clients_slider ul.slick-slider li img {max-height:100%;width: auto;} .clients_slider .slick-arrow { margin: 0; min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 5px; } [data-navigation-position="content"] .clients_slider_ul .slick-arrow { margin: 0; flex-shrink: 0; } [data-navigation-position="content"] .clients_slider_ul .slick-list { width: 100%; margin: 0 15px; } /* blog_slider */ .blog_slider_header .slick-arrow{margin:0} .blog_slider .blog_slider_ul.slick-slider{opacity:1;max-height:none} .blog_slider.hide-dots .slider_pager{display:none!important} .blog_slider.hide-arrows .blog_slider_header a.button{display:none!important} .blog_slider.hide-nav .slider_pager, .blog_slider.hide-nav .blog_slider_header a.button{display:none!important} /* blog_slider flat */ .blog_slider.flat .blog_slider_header .slick-arrow{position:absolute;width:60px;height:100%;border:0;border-radius:0;background-color:rgba(255,255,255,.4)!important;box-shadow:inset 0 0 0 0;background-image:none} .blog_slider.flat .blog_slider_header .slick-arrow:hover{background-color:rgba(255,255,255,.7)!important} .blog_slider.flat .blog_slider_header .slick-arrow:after{display:none} .blog_slider.flat .blog_slider_header .slick-arrow .button_icon{float:none;font-size:15px;padding:0;text-align:center;position:absolute;width:60%;top:50%;margin-top:-4px;background:none} .blog_slider.flat .blog_slider_header .slick-arrow .button_icon i{color:#000!important} .blog_slider.flat .blog_slider_header .slick-arrow .button_icon:after{display:none} .blog_slider.flat .blog_slider_header .slick-arrow{transition:all .3s ease-in-out} /* shop_slider */ .shop_slider .shop_slider_ul.slick-slider{opacity:1;max-height:none} /* portfolio_slider */ .portfolio_slider ul.slick-slider{opacity:1;max-height:none} /* portfolio_grid */ /* portfolio-photo */ /* portfolio items: filters */ /* testimonials_slider */ .testimonials_slider .slider_images li.slick-active a{opacity:1} .testimonials_slider .slider_images li.slick-active a:after{display:block} .testimonials_slider .testimonials_slider_ul.slick-slider{opacity:1;max-height:none} .testimonials_slider.hide-photos .testimonials_slider_ul li .single-photo-img{display:none !important} /* testimonials_slider single-photo */ /* testimonials_slider hide-bar */ .testimonials_slider.hide-bar .slider_images:before {display:none!important} .testimonials_slider.hide-bar .slider_images {background-color:transparent!important} /* testimonials_list */ /* Payment methods */ /* Before After | TwentyTwenty plugin ---------- */ .twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:rgba(0,0,0,0)} .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label{opacity:0} /* Ultrawide ---------- */ /* Others ---------- */ /* Date */ .date_label{font-size:12px;line-height:18px;display:inline-block;padding:2px 5px;-webkit-border-radius:4px;border-radius:4px;background-image:url(/wp-content/themes/betheme/images/stripes/stripes_3_b.png)} .date_label:after{content:"";display:block;position:absolute;right:-5px;top:6px;width:0;height:0;border-style:solid;border-width:5.5px 0 5.5px 5px;border-color:transparent} .date_label {background-color:#f8f8f8;color:#a8a8a8} .date_label:after{border-left-color:#f8f8f8} /* Item | Sidebar Widget */ /* Isotope Filtering */ .isotope_wrapper{ z-index: 1; position: relative; } /* fix header builder */ .isotope-item{z-index:2} /* Variables ---------- */ /* #2991d6 - theme color, link, #2275ac - link hover, strong */ /* Selections */ ::-moz-selection{color:#fff} ::selection{color:#fff} /* Borders */ .accordion .question.active .title,table th,table td,input[type="email"],input[type="search"],input[type="tel"],input[type="text"],textarea,.opening_hours .opening_hours_wrapper li,.post-footer .post-links,.post-header .title_wrapper,.section-post-related .section-related-adjustment,#comments > :first-child,.widget:after,.fixed-nav .desc .date,.woocommerce .product .related.products,.header-stack #Top_bar .logo{border-color:rgba(0,0,0,.08)} /* Tooltip */ /* Highlight */ /* Inputs */ input[type="email"],input[type="search"],input[type="tel"],input[type="text"],textarea{background-color:#fff;color:#626262;box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.02)} input[type="email"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,textarea:focus{background-color:#E9F5FC;border-color:#d5e5ee;color:#1982C2} /* Dividers */ hr{background-color:rgba(0,0,0,.08);color:rgba(0,0,0,.08)} /* Header */ #Top_bar .menu > li > a span{border-color:rgba(0,0,0,.05)} /* Footer */ /* Borders */ /* Image frames & Google maps & Icon bar */ .image_frame,.content_slider .content_slider_ul .slick-list{border-color:#f8f8f8} .wp-caption-text{background:#f8f8f8;color:#A6A6A6} .image_frame .image_wrapper{border-color:#e2e2e2} .image_frame .image_wrapper .mask{box-shadow:inset 0 0 5px 2px rgba(0,0,0,.07)} .image_frame .image_wrapper .mask:after{background:rgba(0,0,0,.15)} /* Image frame overlay */ /* Sliding box */ /* Counter & Chart */ /* Icon bar */ /* Get in touch & Infobox */ /* How it works */ /* Trailer box */ /* Icon box */ /* List */ /* Features list */ /* Tabs, Accordion, Toggle, Table, Faq */ table th{color:#444} /* Fake tabs */ .fake-tabs > ul li.active a:after { display: block; } .fake-tabs > .tab.active{height:unset;overflow:unset;opacity:1} /* Accessibility keyboard */ /* table of content */ .table_of_content.hide .title .toggle-hide{display:none} .table_of_content.hide .title .toggle-show{display:inline} .table_of_content.hide_on_start .table_of_content_wrapper{display:none} /* popup */ .mfn-popup .mfn-popup-content{display:block;position:fixed;top:50%;transform:translateY(-50%);max-height:80%;overflow:auto;left:0;right:0;margin:0 auto;max-width:80%;box-sizing:border-box;z-index:1999;background-color:#fff;border-radius: 3px; box-shadow: 0px 2px 4px rgba(105, 103, 139, 0.03);overflow: hidden;animation-name:mfn-popup-open;animation-duration:.3s} .mfn-popup-940 .mfn-popup-content { width:940px; } @keyframes mfn-popup-open { 0%{opacity:0;margin-top:-100px} 100%{opacity:1;margin-top:0} } .mfn-popup-arrow { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; width:40px; height:40px; font-size:30px; color: rgba(0,0,0,.3); transition: all 0.3s ease-in-out; cursor:pointer; background-color: transparent; } .mfn-popup-arrow:hover { color: rgba(0,0,0,.8);} /* close button */ .mfn-close-icon{z-index:5;display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;cursor:pointer;text-decoration:none!important} .mfn-close-icon .icon { color: rgba(0,0,0,.3); display: inline-block; transition: all 0.3s ease-in-out;} .mfn-close-icon:hover .icon { color: rgba(0,0,0,.8); transform: rotate(180deg); } /* Pricing */ /* jQuery UI tabs ---------- */ /* Style Simple ---------- */ /* Tabs */ /* Accordion & Toggle */ .style-simple .accordion .question.active:after{display:block} /* FAQ */ .style-simple .faq .question.active:after{display:block} /* Table */ /* Opening hours */ .style-simple .opening_hours .opening_hours_wrapper li{padding-bottom:0;border:0;margin-bottom:0;text-align:left} .style-simple .opening_hours .opening_hours_wrapper li label{background-color:transparent;background-image:none;font-size:15px;border-bottom:1px solid #ccc;padding:10px 0;border-radius:0} .style-simple .opening_hours .opening_hours_wrapper li span{font-size:32px;line-height:32px;padding:10px 0} .style-simple .opening_hours .opening_hours_wrapper li span sup{top:-1px;font-size:16px;line-height:16px;margin-left:4px} .style-simple .dark .opening_hours, .style-simple .dark .opening_hours h3{color:rgba(255,255,255,.9)} /* Icon box */ /* Filters */ .style-simple #Filters .filters_wrapper ul li.current-cat a{background:none;color:inherit} .style-simple #Filters .filters_wrapper ul li.current-cat a:after{display:block} /* Clients */ /* Progress bars */ /* Counters */ /* Lists */ /* Blockquote */ /* Testimonials slider */ /* Article box */ /* Idea box */ /* Sliding box */ /* Trailer box */ /* Timeline */ /* Quick fact */ /* countdown */ /* Chart box */ /* Content link */ /* How it works */ /* Offer thumb */ /* Features list */ /* Progress icons */ /* Pricing box */ /* Highlight */ /* Get in touch */ /* Infobox */ /* Icon bar */ /* Hover Efects | Disable ---------- */ /* FLEX || NEW BUILDER */ .section_wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; } .mcb-wrap { display: flex; align-items: flex-start; } .mcb-wrap-inner { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; position: relative; width: 100%; align-self: stretch;} /* Align self fix for height 100% */ /* Fix for align-items: stretch in wrap */ /* Fix for column_column flex width */ /* / FLEX || NEW BUILDER */ /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------- Header builder -------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* Variables */ .mfn-header-tmpl-fixed { position: fixed; top: 0; left: 0; } .mfn-header-tmpl-absolute { position: absolute; left: 0; top: 0; } .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky .mfn-header-tmpl-builder > .mfn-default-section { display: none; } .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky .mfn-header-sticky-section{ display: block; } @media ( min-width: 768px ){ .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky{ position: fixed; top: 0; left:0 } .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky{ animation-name: mfnShowSticky; animation-duration: 0.5s; } html.mfn-disable-css-animations .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky{ animation-duration: 0s; } } @media only screen and (max-width: 767px) { .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky:not(.mfn-hasMobile){ position: fixed; top: 0; animation-name: mfnShowSticky; animation-duration: 0.5s; } .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky.mfn-hasMobile .mfn-header-sticky-section{ display: none; } /* Padding 33px left / right fix */ } /* Animations */ @keyframes mfnShowSticky { 0% {top: -100%;} 100% {top: 0;} } /* Dropdown below next section content fix */ .mfn-header-tmpl .mfn-header-tmpl-builder > .mcb-section > .section_wrapper > .mcb-wrap:hover { z-index: 2; } /* Closeable section */ /* Admin bar fix */ .admin-bar .mfn-header-tmpl-fixed { margin-top: 32px; } .admin-bar.mfn-header-scrolled .mfn-header-tmpl:not(.mfn-header-tmpl-default) { margin-top: 32px; } .admin-bar .mfn-header-tmpl-menu-sidebar .mfn-close-icon { top: 42px; } @media screen and (max-width: 782px) { .admin-bar .mfn-header-tmpl-fixed { margin-top: 46px; } .admin-bar.mfn-header-scrolled .mfn-header-tmpl { margin-top: 46px; } .admin-bar .mfn-header-tmpl-menu-sidebar .mfn-close-icon { top: 56px; } } /* Overlay styles */ .mfn-content-gray #Content, .mfn-content-gray .mfn-main-slider { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .3s filter ease-in-out; } .mfn-content-blur #Content, .mfn-content-blur .mfn-main-slider { transition: .3s blur ease-in-out; } .mfn-content-overlay .mfn-header-overlay, .mfn-content-blur .mfn-header-overlay { opacity: 1; height: 100%; } /* Bring to front */ .mfn-bring-to-front { z-index: 4; } /****************************** Wraps mod ******************************/ /****************************** Items ******************************/ /* Items flex */ /*********** Header: Column */ /*********** Header: Logo */ /*********** Header: Promo Bar */ .column_header_promo_bar .promo_bar_slider:not(.mfn-initialized) .pbs_one:first-child{ display: block; animation: mfnPBSFadeIn 0.3s cubic-bezier(0.2,1,0.3,1); -webkit-animation: mfnPBSFadeIn 0.3s cubic-bezier(0.2,1,0.3,1); } @keyframes mfnPBSFadeIn { 0% {opacity: 0; transform: scale(0.98);} 100% {opacity: 1; transform: scale(1);} } @-webkit-keyframes mfnPBSFadeIn { 0% {opacity: 0; transform: scale(0.98);} 100% {opacity: 1; transform: scale(1);} } @keyframes mfnPBSFadeOut { 0% {opacity: 1;transform: scale(1);} 100% {opacity: 0;transform: scale(0.98);} } @-webkit-keyframes mfnPBSFadeOut { 0% {opacity: 1;transform: scale(1);} 100% {opacity: 0;transform: scale(0.98);} } /*********** Header: Search */ /*********** Header: Menu */ /* 1st level */ /* 2nd & 3rd level */ .mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover > .mfn-submenu { display: block; } /* 2nd level */ /* 3rd level */ /* Submenu type animation ------------------------------------*/ .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover > .mfn-submenu, .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover .mfn-menu-item-megamenu, .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover > .mfn-dropdown-pointer, .mfn-menu-submenu-show-fade-in.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover .mfn-dropdown-pointer { animation: mfnSubmenuFadeIn 0.5s cubic-bezier(0.2,1,0.3,1); -webkit-animation: mfnSubmenuFadeIn 0.5s cubic-bezier(0.2,1,0.3,1); } @keyframes mfnSubmenuFadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes mfnSubmenuFadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover > .mfn-submenu, .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover .mfn-menu-item-megamenu, .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover > .mfn-dropdown-pointer, .mfn-menu-submenu-show-fade-up.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover .mfn-dropdown-pointer { animation: mfnSubmenuFadeInUp 0.5s cubic-bezier(0.2,1,0.3,1); -webkit-animation: mfnSubmenuFadeInUp 0.5s cubic-bezier(0.2,1,0.3,1); } @keyframes mfnSubmenuFadeInUp { 0% {opacity: 0; transform: translateY(20px)} 100% {opacity: 1; transform: translateY(0);} } @-webkit-keyframes mfnSubmenuFadeInUp { 0% {opacity: 0; transform: translateY(20px)} 100% {opacity: 1; transform: translateY(0);} } /* Colors ------------------------------------*/ .mfn-header-menu .mfn-menu-li.current-menu-item > .mfn-menu-link { color: #0089f7; } /* Colors ------------------------------------*/ .mfn-megamenu-menu li.current-menu-item > a { color: #0089f7; } /* Z-index ------------------------------------*/ /* Addons ------------------------------------*/ /* Mega menu */ .mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover > .mfn-submenu { display: none; } /* Menu item alignment ------------------------------------*/ /* Icon positions ------------------------------------*/ /* Separator ------------------------------------*/ /* Gap ------------------------------------*/ /* Menu - Animation ------------------------------------*/ .mfn-menu-animation-text-line-bottom > .mfn-menu-li.current-menu-item > .mfn-menu-link .label-wrapper:before { transform: scale3d(1, 1, 1); } .mfn-menu-animation-text-toggle-line-bottom > .mfn-menu-li.current-menu-item > .mfn-menu-link .label-wrapper:before { transform: scale3d(1,1,1); transform-origin: 0% 50%; } .mfn-menu-animation-text-bg-line > .mfn-menu-li.current-menu-item > .mfn-menu-link .label-wrapper:before { transform: scale3d(1,1,1); } .mfn-menu-animation-text-bg-line > .mfn-menu-li.current-menu-item > .mfn-menu-link { color: #0089f7; } .mfn-menu-animation-toggle-line-top > .mfn-menu-li.current-menu-item > .mfn-menu-link:before, .mfn-menu-animation-toggle-line-bottom > .mfn-menu-li.current-menu-item > .mfn-menu-link:before { transform: scale3d(1, 1, 1); } .mfn-menu-animation-bg-left > .mfn-menu-li.current-menu-item > .mfn-menu-link .menu-item-helper { transform: scale3d(1, 1, 1); } /* Menu icon - Animation ------------------------------------*/ .mfn-menu-icon-rotate .mfn-menu-li.current-menu-item > .mfn-menu-link .menu-icon { transform: rotate(180deg); } .mfn-menu-icon-zoom .mfn-menu-li.current-menu-item > .mfn-menu-link .menu-icon { transform: scale(1.2) } /* Menu subicon - Animation ------------------------------------*/ .mfn-menu-submenu-icon-rotate > .mfn-menu-li.current-menu-item > .mfn-menu-link .menu-sub { transform: rotate(180deg); } .mfn-menu-submenu-icon-zoom > .mfn-menu-li.current-menu-item > .mfn-menu-link .menu-sub { transform: scale(1.2) } /* Dropdown pointer */ .mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover > .mfn-dropdown-pointer { display: inline-block; } .mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover > .mfn-dropdown-pointer{ display: inline-block; } /*********** Header: Header Icon * Menu burger (Icon box mod) */ /* Menu burger */ html.mfn-header-tmpl-burger-sidebar-opened{ overflow: hidden; } html.scrollbar-hidden .mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky .mfn-builder-content{padding-right:15px} .column_header_burger.mfn-header-tmpl-menu-active:before{ content: ""; display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1; background-color: rgba(0, 0, 0, 0.1); animation: mfnMmSubmenuFadeIn 1s cubic-bezier(0.2,1,0.3,1); -webkit-animation: mfnMmSubmenuFadeIn 1s cubic-bezier(0.2,1,0.3,1);} .mfn-header-tmpl-menu-sidebar { position: fixed !important; z-index: 1; top: 0; width: var(--mfn-header-menu-sidebar-width); height: 100vh; background-color: #f6f7f9; transition: .5s ease-in-out; } .mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar {} .mfn-header-tmpl-menu-sidebar .mfn-header-tmpl-menu-sidebar-wrapper { display: flex; flex-wrap: wrap; position: relative; align-items: center; overflow-y: auto; height: 100%; padding: 50px; box-sizing: border-box; } .mfn-header-tmpl-menu-sidebar .mfn-header-menu { flex-direction: column; width: 100%; } .mfn-header-tmpl-menu-sidebar .mfn-header-menu > .mfn-menu-li { flex-direction: column; } .mfn-header-tmpl-menu-sidebar .mfn-header-menu .mfn-submenu { display: none; position: relative; left: unset; top: unset; width: 100%; } .mfn-header-tmpl-menu-sidebar .mfn-header-menu .mfn-submenu .mfn-menu-li .mfn-submenu { left: unset; top: unset; } .mfn-header-tmpl-menu-sidebar-left { left: calc(var(--mfn-header-menu-sidebar-width) * -1); } .mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar-left { left: 0; } .mfn-header-tmpl-menu-sidebar-right { right: calc(var(--mfn-header-menu-sidebar-width) * -1); } .mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar-right { right: 0; } .mfn-header-tmpl-menu-sidebar-center{ display: none; } .mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar-center{ left:0; right:0; margin-left:auto; margin-right: auto; display: block;} .mfn-header-tmpl-menu-sidebar.mfn-header-classic-mobile-menu{ width: 100%; height: auto; transition: 0s; overflow: auto; } .mfn-header-tmpl-menu-sidebar .mfn-close-icon { position: absolute; top: 10px; } .mfn-header-tmpl-menu-sidebar-left .mfn-close-icon { left: 10px; } .mfn-header-tmpl-menu-sidebar-right .mfn-close-icon { right: 10px; } /* Custom position */ .mfn-header-tmpl-menu-sidebar .mfn-header-menu > .mfn-menu-li { display: inline-flex; margin: calc(var(--mfn-header-menu-gap) / 2) 0; } .mfn-header-tmpl-menu-sidebar .mfn-header-menu > .mfn-menu-li:first-child { margin-top: 0; } .mfn-header-tmpl-menu-sidebar .mfn-header-menu > .mfn-menu-li:last-child { margin-bottom: 0; } #Side_slide .menu_wrapper .mfn-header-menu { flex-direction: column; } #Side_slide .menu_wrapper .mfn-header-menu > .mfn-menu-li { flex-direction: column; } /* Cart & Wishlist */ /* Search_wrapper */ .mfn-header-tmpl .column_header_icon .mfn-searchbar-active .search_wrapper { display: block; } /* Link */ /* Left * Right */ /* Top & Bottom */ /* Icon wrapper - Width */ @media(max-width: 959px) { /* Left * Right */ /* Top & Bottom */ } @media(max-width: 767px) { /* Left * Right */ /* Top & Bottom */ } /* Empty */ /* --------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------ Mega Menu ---------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* Variables */ /* Types */ /* Positions */ /* Animation */ .mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover > .mfn-menu-item-megamenu.mfn-megamenu-grid.mfn-mm-grid-set{ display: block; } .mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover > .mfn-menu-item-megamenu{ display: block; } /* Mobile width mod */ /* Icon box fix */ /* MegaMenu display */ /* Fix for megamenu 100% min-height */ /****************************** Items ******************************/ /*********** Mega Menu: Menu */ /* 1st level */ /* 2nd & 3rd level */ .mfn-mm-submenu-on-click li.mfn-li-hover > .sub-menu { display: block; } /* 2nd level */ /* 3rd level */ /* Vertical */ /* Horizontal */ /* Menu type */ /* Submenu type animation ------------------------------------*/ .mfn-mm-submenu-show-fade-in.mfn-mm-submenu-on-click li.mfn-li-hover > .sub-menu { animation: mfnMmSubmenuFadeIn 0.5s cubic-bezier(0.2,1,0.3,1); -webkit-animation: mfnMmSubmenuFadeIn 0.5s cubic-bezier(0.2,1,0.3,1); } @keyframes mfnMmSubmenuFadeIn { 0% {opacity: 0;} 100% {top: 1;} } @-webkit-keyframes mfnMmSubmenuFadeIn { 0% {opacity: 0;} 100% {top: 1;} } .mfn-mm-submenu-show-fade-up.mfn-mm-submenu-on-click li.mfn-li-hover > .sub-menu { animation: mfnMmSubmenuFadeInUp 0.5s cubic-bezier(0.2,1,0.3,1); -webkit-animation: mfnMmSubmenuFadeInUp 0.5s cubic-bezier(0.2,1,0.3,1); } @keyframes mfnMmSubmenuFadeInUp { 0% {opacity: 0; transform: translateY(20px)} 100% {top: 1; transform: translateY(0);} } @-webkit-keyframes mfnMmSubmenuFadeInUp { 0% {opacity: 0; transform: translateY(20px)} 100% {top: 1; transform: translateY(0);} } /* Colors ------------------------------------*/ .mfn-megamenu-menu li.current-menu-item > a { color: #0089f7; } /* Z-index ------------------------------------*/ /* Addons ------------------------------------*/ /* Submenu OFF */ /* Icon positions ------------------------------------*/ /* Menu icon - Animation ------------------------------------*/ .mfn-mm-menu-icon-rotate li.current-menu-item > a .menu-icon { transform: rotate(180deg); } .mfn-mm-menu-icon-zoom li.current-menu-item > a .menu-icon { transform: scale(1.2) } /* Menu subicon - Animation ------------------------------------*/ .mfn-mm-submenu-icon-rotate li.current-menu-item > a .menu-sub, .mfn-mm-submenu-icon-rotate li.mfn-li-childrens-show > a .menu-sub { transform: rotate(180deg); } .mfn-mm-submenu-icon-zoom li.current-menu-item > a .menu-sub, .mfn-mm-submenu-icon-zoom li.mfn-li-childrens-show > a .menu-sub { transform: scale(1.2) } /* --------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- Footer ------------------------------------------------------ */ /* --------------------------------------------------------------------------------------------------------------- */ /* Types */ .mfn-footer-stick .mfn-footer-tmpl.is-sticky { position: fixed; width: 100%; bottom: 0; left: 0; } /****************************** Items ******************************/ /*********** Footer: Logo */ /*********** Header: Menu */ /* --------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- Swiper ------------------------------------------------------ */ /* --------------------------------------------------------------------------------------------------------------- */ body { --mfn-swiper-pagination-bullet-active-color: #007aff; --mfn-swiper-pagination-bullet-inactive-color: #000; --mfn-swiper-pagination-bullet-width: 10px; --mfn-swiper-pagination-bullet-height: 10px; --mfn-swiper-pagination-spacing: 20px; --mfn-swiper-arrow-width: auto; --mfn-swiper-arrow-height: auto; --mfn-swiper-arrow-size: 50px; --mfn-swiper-arrow-spacing: 20px; } .mfn-builder-content .swiper .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform; overflow: hidden;} .mfn-slider-linear .swiper-wrapper{ transition-timing-function : linear; } .mfn-builder-content .mfn-slider-linear .swiper-slide{ width: auto; } .mfn-builder-content .swiper-pagination { line-height: 1; } .mfn-builder-content .swiper-pagination-bullet { margin: 0 5px; width: var(--mfn-swiper-pagination-bullet-width); height: var(--mfn-swiper-pagination-bullet-height); transition: transform .2s ease-in-out; } .mfn-builder-content .swiper-pagination-bullet-active { background: var(--mfn-swiper-pagination-bullet-active-color); transform: scale(1.2); opacity: 1 !important; } .mfn-builder-content .swiper-button-next, .mfn-builder-content .swiper-button-prev { flex-shrink: 0; margin-top: 0; width: var(--mfn-swiper-arrow-width); height: var(--mfn-swiper-arrow-height); } .mfn-builder-content .swiper-button-next:after, .mfn-builder-content .swiper-button-prev:after { display: none; } .mfn-builder-content .swiper-button-next i, .mfn-builder-content .swiper-button-prev i { font-size: var(--mfn-swiper-arrow-size); } .mfn-builder-content .swiper-button-next i:before, .mfn-builder-content .swiper-button-prev i:before { margin: 0; } /* Order */ .mfn-builder-content .swiper-button-prev { order: 1; } .mfn-builder-content .swiper { order: 2; } .mfn-builder-content .swiper-button-next { order: 3; } .mfn-builder-content .swiper-pagination { order: 4; } /* Arrows styles */ .mfn-arrows-standard .swiper-button-next, .mfn-arrows-standard .swiper-button-prev { position: static; align-self: center; } .mfn-arrows-standard .swiper { flex: 1; margin: 0 var(--mfn-swiper-arrow-spacing); } .mfn-arrows-absolute{ position: relative; } .mfn-arrows-absolute .mfn-swiper-arrow{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; } .mfn-arrows-absolute .mfn-swiper-arrow.swiper-button-prev{ left: 0; } .mfn-arrows-absolute .mfn-swiper-arrow.swiper-button-next{ right: 0; } .mfn-arrows-overlay .swiper-button-next, .mfn-arrows-overlay .swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); } .mfn-arrows-overlay .swiper-button-prev { left: var(--mfn-swiper-arrow-spacing); } .mfn-arrows-overlay .swiper-button-next { right: var(--mfn-swiper-arrow-spacing); } .mfn-arrows-custom .swiper-button-next, .mfn-arrows-custom .swiper-button-prev { left: unset; right: unset; top: unset; bottom: unset; } /* Dots styles */ .mfn-dots-standard .swiper-pagination { width: 100%; margin-top: var(--mfn-swiper-pagination-spacing); } .mfn-dots-overlay .swiper-pagination { position: absolute; left: 50%; bottom: var(--mfn-swiper-pagination-spacing); transform: translateX(-50%); } .mfn-dots-custom .swiper-pagination { position: absolute; } /* --------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- Query loop ------------------------------------------------------ */ /* --------------------------------------------------------------------------------------------------------------- */ .swiper.mfn-looped-items-slider .swiper-slide{ height: auto; } /* Remove margin bottom for the last item in slider */ .mfn-ql-slider-wrapper-offset .swiper{overflow: visible;} /* Arrows standard * Dots standard */ .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-standard .swiper{order: 1; margin: 0 0 var(--mfn-swiper-pagination-spacing); } .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-standard .swiper-button-prev { order: 2; margin-right: var(--mfn-swiper-arrow-spacing); } .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-standard .swiper-pagination { order: 3; width: auto; align-self: center; margin-top: 0; } .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-standard .swiper-button-next { order: 4; margin-left: var(--mfn-swiper-arrow-spacing); } /* Arrows standard * Dots overlay */ .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-overlay .swiper-button-next, .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-overlay .swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); } .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-overlay .swiper-button-prev { left: var(--mfn-swiper-arrow-spacing); } .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-overlay .swiper-button-next { right: var(--mfn-swiper-arrow-spacing); } /* Arrows standard * Dots hidden */ .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-hidden .swiper{order: 1; margin: 0 0 var(--mfn-swiper-pagination-spacing); } .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-hidden .swiper-button-prev { order: 2; margin-right: var(--mfn-swiper-arrow-spacing); } .mfn-ql-slider-wrapper-offset.mfn-arrows-standard.mfn-dots-hidden .swiper-button-next { order: 3; } /* Loop masonry */ body:not(.mfn-ui) .mfn-looped-items-slider-wrapper .section_wrapper .swiper-wrapper .mfn-queryloop-item-wrapper{margin-left: 0; margin-right: 0;} /* --------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------- Popups ------------------------------------------------------ */ /* --------------------------------------------------------------------------------------------------------------- */ html.mfn-popup-browser-scroll-disabled{ overflow: hidden; max-height: 100vh; padding-right:15px; } .mfn-popup-browser-scroll-disabled .mfn-header-tmpl-fixed{width:calc(100% - 15px)} .mfn-popup-tmpl{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;} .mfn-popup-tmpl.mfn-popup-active{ display: block;} .mfn-popup-tmpl:before{ content:""; display: block; width:200%; height: 200%; left:-50%; top: -50%; position: absolute;} .mfn-popup-tmpl.mfn-popup-active:before{ animation-name: mfnpopupfade-in; animation-duration: 1s; } .mfn-popup-tmpl-content{display:flex;position:fixed;max-height: calc(100vh - (2*var(--mfn-popup-tmpl-offset)) );max-width: calc(100vw - (2*var(--mfn-popup-tmpl-offset)) );box-sizing:border-box;z-index:1999;background-color:#fff;border-radius: 3px; box-shadow: 0px 2px 4px rgba(105, 103, 139, 0.03); } .mfn-popup-tmpl-content .mfn-popup-tmpl-content-wrapper{ overflow:auto; padding: 30px; box-sizing: border-box; max-height: 100%; display: block; width: 100%;} .mfn-popup-tmpl.mfn-popup-tmpl-center .mfn-popup-tmpl-content{top:50%;transform:translateY(-50%) translateX(-50%);left:50%;} .mfn-popup-tmpl.mfn-popup-tmpl-top-left .mfn-popup-tmpl-content{top:0;left:0;margin: var(--mfn-popup-tmpl-offset);} .mfn-popup-tmpl.mfn-popup-tmpl-top-center .mfn-popup-tmpl-content{top:0;transform:translateX(-50%);left:50%; margin-top: var(--mfn-popup-tmpl-offset);} .mfn-popup-tmpl.mfn-popup-tmpl-top-right .mfn-popup-tmpl-content{top:0;right:0;margin: var(--mfn-popup-tmpl-offset);} .mfn-popup-tmpl.mfn-popup-tmpl-center-left .mfn-popup-tmpl-content{top:50%;transform:translateY(-50%);left:0;margin-left: var(--mfn-popup-tmpl-offset);} .mfn-popup-tmpl.mfn-popup-tmpl-center-right .mfn-popup-tmpl-content{top:50%;transform:translateY(-50%);right:0;margin-right: var(--mfn-popup-tmpl-offset);} .mfn-popup-tmpl.mfn-popup-tmpl-bottom-left .mfn-popup-tmpl-content{bottom:0;left:0;margin: var(--mfn-popup-tmpl-offset);} .mfn-popup-tmpl.mfn-popup-tmpl-bottom-center .mfn-popup-tmpl-content{bottom:0;transform:translateX(-50%);left:50%;margin-bottom: var(--mfn-popup-tmpl-offset);} .mfn-popup-tmpl.mfn-popup-tmpl-bottom-right .mfn-popup-tmpl-content{bottom:0;right:0;margin: var(--mfn-popup-tmpl-offset);} .mfn-popup-tmpl.mfn-popup-tmpl-width-default .mfn-popup-tmpl-content{width: 640px;} .mfn-popup-tmpl-custom-width .mfn-popup-tmpl-content{width: 640px;} .mfn-popup-tmpl.mfn-popup-tmpl-full-width .mfn-popup-tmpl-content{width: 100%;} .mfn-popup-tmpl .exit-mfn-popup:hover{text-decoration: none;} .mfn-popup-tmpl .mfn-popup-tmpl-content .mcb-column a.exit-mfn-popup{ font-size: var(--mfn-exitbutton-item-size); margin:0;} .mfn-popup-tmpl .mfn-popup-tmpl-content .mcb-column a.exit-mfn-popup img{ width: var(--mfn-exitbutton-item-size); } .mfn-popup-tmpl .exit-mfn-popup-abs{position: absolute; top: 0; z-index: 10; width: var(--mfn-exitbutton-size); height: var(--mfn-exitbutton-size); display: flex; justify-content: center; align-items: center; font-size: var(--mfn-exitbutton-font-size); transition: 0.3s; line-height: 1em;} .mfn-popup-close-button-right .exit-mfn-popup-abs{ right: var(--mfn-exitbutton-offset-horizontal); } .mfn-popup-close-button-left .exit-mfn-popup-abs{ left: var(--mfn-exitbutton-offset-horizontal); } .mfn-popup-tmpl.mfn-popup-tmpl-close-button-show-delay .exit-mfn-popup{ opacity: 0; transition: 0.5s } .mfn-popup-tmpl.mfn-popup-tmpl-close-button-hidden .exit-mfn-popup-abs{ display: none; } .mfn-popup-tmpl.mfn-popup-tmpl-close-button-show-delay.mfn-closebutton-active .exit-mfn-popup{ opacity: 1; } .mfn-popup-tmpl.mfn-popup-animate-fade-in.mfn-popup-active{ animation-name: mfnpopupfade-in; animation-duration: 0.5s; } .mfn-popup-tmpl.mfn-popup-animate-zoom-in.mfn-popup-active{ animation-name: mfnpopupzoom-in; animation-duration: 0.5s; } .mfn-popup-tmpl.mfn-popup-animate-fade-in-up.mfn-popup-active{ animation-name: mfnpopupfade-in-up; animation-duration: 0.5s; } .mfn-popup-tmpl.mfn-popup-animate-fade-in-down.mfn-popup-active{ animation-name: mfnpopupfade-in-down; animation-duration: 0.5s; } .mfn-popup-tmpl.mfn-popup-animate-fade-in-left.mfn-popup-active{ animation-name: mfnpopupfade-in-left; animation-duration: 0.5s; } .mfn-popup-tmpl.mfn-popup-animate-fade-in-right.mfn-popup-active{ animation-name: mfnpopupfade-in-right; animation-duration: 0.5s; } @keyframes mfnpopupfade-in { 0% { opacity: 0; }, 100%{ opacity: 1; } } @keyframes mfnpopupzoom-in { 0% {transform: scale(0.9);} 100% {transform: scale(1);} } @keyframes mfnpopupfade-in-up { 0% {transform: translateY(100px);} 100% {transform: translateY(0);} } @keyframes mfnpopupfade-in-down { 0% {transform: translateY(-100px);} 100% {transform: translateY(0);} } @keyframes mfnpopupfade-in-left { 0% {transform: translateX(100px);} 100% {transform: translateX(0);} } @keyframes mfnpopupfade-in-right { 0% {transform: translateX(-100px);} 100% {transform: translateX(0);} } @media only screen and (min-width: 960px) and (max-width: 1239px){ .mfn-popup-tmpl .section_wrapper, .mfn-popup-tmpl .container { max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .mfn-popup-tmpl .section_wrapper, .mfn-popup-tmpl .container{ max-width: 100%; } } @media only screen and (max-width: 767px) { .mfn-popup-tmpl .section_wrapper, .mfn-popup-tmpl .container { max-width: 100% !important; } .mfn-popup-tmpl .section_wrapper, .mfn-popup-tmpl .container { max-width: 100% !important; } .mfn-popup-tmpl .mfn-popup-tmpl-content-wrapper .section_wrapper, .mfn-popup-tmpl .container{max-width:100%!important;padding-left:0!important;padding-right:0!important} .mfn-popup-tmpl-content{ max-height: calc(90vh - (2*var(--mfn-popup-tmpl-offset)) ); } } /* --------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------ SideMenu ----------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* Variables */ .mfn-sidemenu-tmpl { --mfn-sidemenu-width: 400px; --mfn-header-menu-icon-size: 25px; --mfn-header-icon-color: #333; --mfn-sidemenu-menu-tabber-spacing: 15px; --mfn-sidemenu-menu-tabber-padding: 5px; --mfn-sidemenu-menu-tabber-tab-spacing: 3px; --mfn-sidemenu-menu-tabber-bg: rgba(0,0,0,.05); --mfn-sidemenu-menu-tabber-link-bg-active: #fff; --mfn-sidemenu-menu-tabber-link: rgba(0,0,0,.4); --mfn-sidemenu-menu-tabber-link-active: #000; --mfn-sidemenu-submenu-icon-size: 20px; --mfn-sidemenu-submenu-icon-width: 30px; --mfn-sidemenu-icon-width: 20px; --mfn-sidemenu-icon-gap: 5px; --mfn-sidemenu-closebutton-size: 30px; --mfn-sidemenu-closebutton-font-size: 16px; --mfn-sidemenu-closebutton-offset-horizontal: 0; --mfn-sidemenu-submenu-icon-offset-top: 4px; } .mfn-sidemenu-tmpl{ display: block; position: fixed; top: 0; z-index: 998; background-color: #fff; width: var(--mfn-sidemenu-width); max-width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; opacity: 0; transition: 0.3s; } .mfn-sidemenu-tmpl .mfn-sidemenu-tmpl-builder{ display: flex; flex-direction: column; min-height: 100%; width: 100%; box-sizing: border-box; max-height:100%; overflow: auto; } .mfn-sidemenu-align-left{left: calc( var(--mfn-sidemenu-width) * -1 );} .mfn-sidemenu-align-right{right: calc( var(--mfn-sidemenu-width) * -1 );} .mfn-sidemenu-align-left.mfn-sidemenu-active{ left: 0; opacity: 1; } .mfn-sidemenu-align-right.mfn-sidemenu-active{ right: 0; opacity: 1; } .mfn-sidemenu-tmpl .mfn-sidemenu-closebutton{ position: absolute; top: 0; z-index: 10; display: none; justify-content: center; align-items: center; width: var(--mfn-sidemenu-closebutton-size); height: var(--mfn-sidemenu-closebutton-size); font-size: var(--mfn-sidemenu-closebutton-font-size); line-height: 1em; } .mfn-sidemenu-tmpl .mfn-sidemenu-closebutton:hover{ text-decoration: none; } .mfn-sidemenu-tmpl.mfn-sidemenu-closebutton-active .mfn-sidemenu-closebutton{ display: flex; } .mfn-sidemenu-tmpl.mfn-sidemenu-close-button-right .mfn-sidemenu-closebutton{ right: var(--mfn-sidemenu-closebutton-offset-horizontal); } .mfn-sidemenu-tmpl.mfn-sidemenu-close-button-left .mfn-sidemenu-closebutton{ left: var(--mfn-sidemenu-closebutton-offset-horizontal); } /* Sidemenu always visible header fix */ @media only screen and (min-width: 1240px) { .mfn-sidemenu-always-visible-tmpl-left{ padding-left: var(--mfn-sidemenu-always-visible-offset) } .mfn-sidemenu-always-visible-tmpl-right{ padding-right: var(--mfn-sidemenu-always-visible-offset) } .header-creative.mfn-sidemenu-always-visible-tmpl-active .mfn-sidemenu-always-visible { display: none !important; } .mfn-sidemenu-always-visible-tmpl-left.header-fixed #Top_bar, .mfn-sidemenu-always-visible-tmpl-left #Top_bar.is-sticky, .mfn-sidemenu-always-visible-tmpl-left .mfn-header-tmpl-fixed, .mfn-sidemenu-always-visible-tmpl-left.mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky { left: var(--mfn-sidemenu-always-visible-offset); width: calc(100% - var(--mfn-sidemenu-always-visible-offset)); } .mfn-sidemenu-always-visible-tmpl-right.header-fixed #Top_bar, .mfn-sidemenu-always-visible-tmpl-right #Top_bar.is-sticky, .mfn-sidemenu-always-visible-tmpl-right .mfn-header-tmpl-fixed, .mfn-sidemenu-always-visible-tmpl-right.mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky { right: var(--mfn-sidemenu-always-visible-offset); width: calc(100% - var(--mfn-sidemenu-always-visible-offset)); } .mfn-sidemenu-always-visible-tmpl-active:not(.mfn-ui) .mfn-sidemenu-always-visible .mfn-sidemenu-closebutton{ display: none; } .mfn-sidemenu-bodyscroll-disabled{ padding-right: 15px; } } .mfn-sidemenu-bodyscroll-disabled{ overflow: hidden; } /* Admin bar fix */ .admin-bar .mfn-sidemenu-tmpl { margin-top: 32px; height: calc(100% - 32px); } /****************************** Items ******************************/ /*********** Sidemenu: Header Icon * Menu burger (Icon box mod) */ .mfn-sidemenu-tmpl .mfn-header-icon-box .icon-wrapper i { font-size: var(--mfn-header-menu-icon-size); color: var(--mfn-header-icon-color); } .mfn-sidemenu-tmpl .mfn-header-icon-box .icon-wrapper svg .path { stroke: var(--mfn-header-icon-color); } .mfn-sidemenu-tmpl .mfn-header-icon-box .icon-wrapper img, .mfn-sidemenu-tmpl .mfn-header-icon-box .icon-wrapper svg{ width: var(--mfn-header-menu-icon-size);} /*********** Sidemenu: Menu */ .mfn-sidemenu-menu { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: flex-start; } .mfn-sidemenu-menu li {display: flex; width: 100%; flex-wrap: wrap; position: relative;} .mfn-sidemenu-menu li a.mfn-menu-link{ display: flex; text-decoration: none; flex-grow: 1; align-items: center; padding: 4px 0; } .mfn-sidemenu-menu li a.mfn-menu-link .menu-icon{ display: flex; font-size: var(--mfn-sidemenu-icon-width); line-height:1em; } .mfn-sidemenu-menu li a.mfn-menu-link .menu-icon img{ width: var(--mfn-sidemenu-icon-width); height: auto; } .mfn-sidemenu-menu.mfn-menu-icon-left li a .menu-icon{ margin-right: var(--mfn-sidemenu-icon-gap); } .mfn-sidemenu-menu.mfn-menu-submenu-on li.menu-item-has-children ul{display: block; width: 100%;} /* Colors ------------------------------------*/ .mfn-sidemenu-menu .mfn-menu-li > .mfn-menu-link { color: #73748c; } .mfn-sidemenu-menu .mfn-menu-li:hover > .mfn-menu-link { color: #2a2b39; } .mfn-sidemenu-menu .mfn-menu-li.current-menu-item > .mfn-menu-link { color: #0089f7; } .mfn-sidemenu-menu .mfn-menu-link .menu-icon i { color: #0089f7; } /* Addons ------------------------------------*/ .mfn-sidemenu-menu li > .outer-menu-sub{display: none; position: absolute; top: var(--mfn-sidemenu-submenu-icon-offset-top); right: 0; z-index: 2; width: var(--mfn-sidemenu-submenu-icon-width); line-height: 1em; font-size: var(--mfn-sidemenu-submenu-icon-size); align-items: center; justify-content: center; text-decoration: none;} .mfn-sidemenu-menu.mfn-menu-submenu-icon-on li.menu-item-has-children > .outer-menu-sub{display: flex;} .mfn-sidemenu-menu .mfn-menu-link .label-wrapper .menu-desc { font-size: 85%; } /* Submenu ------------------------------------*/ /* Show / Hide */ .mfn-sidemenu-menu.mfn-menu-submenu-off li.menu-item-has-children .outer-menu-sub, .mfn-sidemenu-menu.mfn-menu-submenu-off li.menu-item-has-children ul { display: none; } /* Visibility */ .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-visible li ul{ padding-left: 15px; } .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-toggled li.menu-item-has-children ul{display: none; flex-wrap: wrap;} .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-toggled li.current-menu-item > ul, .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-toggled li.current-menu-ancestor > ul, .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-toggled li.current-menu-item { display: flex; } .mfn-sidemenu-menu.mfn-menu-submenu-on.mfn-menu-submenu-replace li.menu-item-has-children ul{ display: none; } /* Subicon - Animation */ .mfn-menu-submenu-icon-rotate .mfn-menu-li.current-menu-item > .outer-menu-sub > i, .mfn-menu-submenu-icon-rotate .mfn-menu-li.current-menu-ancestor > .outer-menu-sub > i { transform: rotate(180deg) !important; } .mfn-menu-submenu-icon-zoom .mfn-menu-li.current-menu-item > .outer-menu-sub i { transform: scale(1.2) } /* Tag cloud */ /* Breadcrumbs */ .mfn-sidemenu-breadcrumbs{ display: flex; width: 100%; margin-bottom: 5px; align-items: center;} .mfn-sidemenu-breadcrumbs a{ display: block; padding: 5px; margin-right: 5px; text-decoration: none;} /* Tabber */ .mfn-menu-tabs-wrapper ul.mfn-menu-tabs-nav li.active a { background-color: var(--mfn-sidemenu-menu-tabber-link-bg-active); color: var(--mfn-sidemenu-menu-tabber-link-active); } .mfn-menu-tabs-wrapper .mfn-menu-tabs-content.active{ display: block;} /* PAGINATION */ /* Pagination - Dots */ /* Pagination - prev next */ /* Pagination - load more */ .mfn-query-pagination-loadmore ul li .next.loading{ color: transparent; } .mfn-query-pagination-loadmore ul li .next.loading:after { color: var(--mfn-pagination-items-color); content: ""; display: block; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; margin: -10px 0 0 -10px; width: 20px; height: 20px; border-radius: 100%; border-width: 2px; border-style: solid; border-bottom-color: transparent !important; background: none; transform: none; transition: none !important; animation: spin 1.5s linear infinite;} /* Pagination - infinite load */ /* Line clamp */ /* Item Breadcrumbs */ /* Item share post */ /* Item Contact Form 7 */ /* Banner box */ .mfn-banner-box .hidden-desc .hidden-wrapper > *:last-child { margin-bottom: 0;} .mfn-banner-box .banner-desc .hidden-desc { opacity: 0; height: 0; transition: all var(--mfn-banner-box-animation-duration) ease-in-out; } .mfn-banner-box .banner-wrapper .hidden-desc .hidden-wrapper { padding-top: var(--mfn-banner-box-hidden-content-gap); } .mfn-banner-box:hover .banner-desc .hidden-desc { opacity: 1; height: var(--mfn-banner-box-height); } /* Content style */ /* Min-height for image */ /* Elements */ /* CTA types */ .mfn-banner-box .hidden-desc .banner-cta { transition-delay: var(--mfn-banner-box-animation-duration); } /* CTA Animation */ /* Image animation */ /* Image overlay */ @media only screen and (max-width: 959px) { .mfn-banner-box.mfn-show-hidden-elements-on-tablet .banner-desc .hidden-desc { opacity: 1; height: var(--mfn-banner-box-height); } } @media only screen and (max-width: 767px) { .mfn-banner-box.mfn-show-hidden-elements-on-mobile .banner-desc .hidden-desc { opacity: 1; height: var(--mfn-banner-box-height); } } /* Hotspot point ---------------------------------------------------------------------------------------------------------------- */ .mfn-image-hotspot .hotspot-point.is-active .hotspot-content{ display: block; } .mfn-image-hotspot .hotspot-point.is-active-force .hotspot-content{ display: block !important; } .mfn-image-hotspot .hotspot-point.is-active { z-index: 11; } /* Min-height for image */ /* Hotspot align */ /*.mfn-image-hotspot-left { justify-content: left; } .mfn-image-hotspot-center { justify-content: center; } .mfn-image-hotspot-right { justify-content: right; }*/ /* Points */ /* Visibility */ /* Points alignment */ /* Marker animation */ @keyframes hotspot-marker-pulse { 0% { outline: 0px solid var(--mfn-image-hotspot-marker-default-pulse-bg); } 100% { outline: 15px solid rgba(0, 0, 0, 0); } } @keyframes hotspot-marker-icon-pulse { 0% { outline: 0px solid var(--mfn-image-hotspot-marker-icon-pulse-bg); } 100% { outline: 15px solid rgba(0, 0, 0, 0); } } @keyframes hotspot-marker-text-pulse { 0% { outline: 0px solid var(--mfn-image-hotspot-marker-text-pulse-bg); } 100% { outline: 15px solid rgba(0, 0, 0, 0); } } @keyframes hotspot-marker-scale { 0% { transform: scale(1); } 60% { transform: scale(1.15); } 100% { transform: scale(1); } } @keyframes hotspot-marker-bounce { 0% { transform: translateY(0); } 50% { transform: translateY(-15%); } 100% { transform: translateY(0); } } /* Content animation */ .mfn-image-hotspot-content-fadeIn .hotspot-point.is-active .hotspot-content { opacity: 1; transform: scale(1); } .column.mfn-read-more-hidden{ display: none; }