/* ==================================================================== __ _______ ____ _____ ___ \ \ / / ____/ ___|| ____/ _ \ \ \ /\ / /| _| \___ \| _|| | | | \ V V / | |___ ___) | |__| |_| | \_/\_/ |_____|____/|_____\___/ __ __ ___ _____ _ _ _____ ____ ____ ___ _ ____ ____ | \/ |/ _ \_ _| | | | ____| _ \| __ ) / _ \ / \ | _ \| _ \ | |\/| | | | || | | |_| | _| | |_) | _ \| | | |/ _ \ | |_) | | | | | | | | |_| || | | _ | |___| _ <| |_) | |_| / ___ \| _ <| |_| | ==================================================================== Motherboard - v 1.1 ==================================================================== Hi there, we are WESEO a digital web agency based in Graz, Austria, always looking forward to build the best performing websites for our international clients. To do so we always to meet new people to work and to exchange ideas and visions with. If you have any question feel free to drop us a line via office@weseo.at. Your WESEO-Team ==================================================================== Theme Name: Betheme Child Theme URI: http://themes.muffingroup.com/betheme Author: Muffin group Author URI: http://muffingroup.com Description: Child Theme for Betheme - Premium WordPress Theme Template: betheme Version: 1.6.1 ==================================================================== */ /* ============================================ Variables ============================================ */ :root { --small-content-width: 78.021vw; --content-width: 89.427vw; --big-content-width: 93.958vw; --mobile-top-bar-height: 6rem; --color-1: #EBE8E5; --color-2: #FFE600; --color-3: #0f0f0f; --color-4: #ECE8E5; --color-5: ; --color-black: #222; --color-white: #fff; --color-gray: #f9f9f9; --color-warning: rgba(162, 2, 2, 1); --color-success: rgba(2, 162, 50, 1); --color-info: rgb(2, 26, 162, 1); --color-warning-lighter: rgba(162, 2, 2, 0.2); --color-success-lighter: rgba(2, 162, 50, 0.2); --color-info-lighter: rgb(2, 26, 162, 0.2); --text-img-spacing: 2.89%; --overlay-light: rgba(255, 255, 255, 0.3); --overlay-dark: rgba(0, 0, 0, 0.20); --img-border: .5rem solid white; --menu-gap: 1.042rem; --megamenu-width: 86%; --burger-menu-transition: 300ms; --padding-small: 4.795rem !important; --padding-standard: 8.515rem !important; --padding-big: 11.367rem !important; --burger-menu-min-height: 42rem; --slick-img-height: 20rem; --menu-item-padding: 1.3rem; --menu-height: 8.073rem; --burger-menu-width: 2.6rem; --font-size-h1: 5.729rem; --font-size-h2: 7.292rem; --font-size-h3: 1.823rem; --font-size-h4: 10.417rem; --font-size-h5: 1.146rem; --font-size-p: 0.938rem; --font-size-date: 2.344rem; --font-size-facts: 23.438rem; --font-size-shop: 0.729rem; } @media only screen and (max-width: 1023px) { :root { --content-width: 90%; --menu-height: 7.426rem; --font-size-h1: 3.376rem; --font-size-h2: 4.219rem; --font-size-h3: 1.603rem; --font-size-h4: 8.439rem; --font-size-h5: 1.266rem; --font-size-p: 1.266rem; --font-size-date: 2.532rem; --font-size-facts: 13.438rem; --font-size-shop: 0.729rem; --padding-small: calc(4.795rem/1.85) !important; --padding-standard: calc(8.515rem/1.85) !important; --padding-big: calc(11.367rem/1.85) !important; } } @media only screen and (max-width: 767px) { :root { --content-width: 84.37%; --font-size-facts: 13.438rem; } } @media only screen and (max-width: 599px) { :root { --font-size-facts: 10.127rem; } } /* ============================================ Global ============================================ */ html { font-size: 1vw; } .header_placeholder { display: none !important; height: 0 !important; } .wso-hide { display: none; } a.wso-absolute-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } /* ============================================ Section bg-color ============================================ */ #Wrapper .section.wso-bg-white { background-color: var(--color-white); } #Wrapper .section.wso-bg-black { background-color: var(--color-black); } #Wrapper .section.wso-bg-black + .section.wso-bg-black { margin-top: -1%; } #Wrapper .section.wso-bg-color-1 { background-color: var(--color-1); } #Wrapper .section.wso-bg-color-2 { background-color: var(--color-2); } #Wrapper .section.wso-bg-color-3 { background-color: var(--color-3); } #Wrapper .section.wso-bg-color-4 { background-color: var(--color-4); } /* ================= Transitions ================= */ .ui-tabs .ui-tabs-nav li a { -webkit-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important; } .accordion .question .title, .accordion .question .title i, .wso-video-button { -webkit-transition: all .2s ease-in-out !important; -o-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; } #Footer .widget_nav_menu ul li a, .wpcf7-list-item-label::before, .wpcf7-list-item-label::after, .wso-intro-video-button img { -webkit-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; } .image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links { -webkit-transition: all .5s ease-in-out !important; -o-transition: all .5s ease-in-out !important; transition: all .5s ease-in-out !important; } /* ================= 404 ================= */ body.error404 { height: auto; } /* ================= Fancybox ================= */ .fancybox-active.compensate-for-scrollbar { margin-right: 0; } .fancybox-navigation button, .fancybox-navigation button:hover { background-color: transparent; } .fancybox-navigation button::after { display: none; } /* ================= Object fit ================= */ .wso-slider-skin-img img, .wso-hero-img img, .wso-section-text-img .image_wrapper img, .wso-img-box img, .gallery-item img, .wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) img, #Top_bar .wso-megamenu-img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } .wso-hero-img video, .wso-section-text-img video, .wso-img:not(.wso-no-img) video, .wso-slider-skin-img video { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100%; height: 100%; } .wso-img.wso-no-img video { width: 100%; } @media only screen and (min-width: 768px) { .wso-hero-img video, .wso-section-text-img video, .wso-img:not(.wso-no-img) video, .wso-slider-skin-img video { position: absolute; z-index: 1; } } .wso-section-text-img .column_image.wso-img-proportional img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; } .wso-left-top img { -o-object-position: left top !important; object-position: left top !important; font-family: 'object-fit: cover; object-position: left top;' !important; } .wso-left-center img { -o-object-position: left center !important; object-position: left center !important; font-family: 'object-fit: cover; object-position: left center;' !important; } .wso-left-bottom img { -o-object-position: left bottom !important; object-position: left bottom !important; font-family: 'object-fit: cover; object-position: left bottom;' !important; } .wso-center-top img { -o-object-position: center top !important; object-position: center top !important; font-family: 'object-fit: cover; object-position: center top;' !important; } .wso-center-center img { -o-object-position: center center !important; object-position: center center !important; font-family: 'object-fit: cover; object-position: center center;' !important; } .wso-center-bottom img { -o-object-position: center bottom !important; object-position: center bottom !important; font-family: 'object-fit: cover; object-position: center bottom;' !important; } .wso-right-top img { -o-object-position: right top !important; object-position: right top !important; font-family: 'object-fit: cover; object-position: right top;' !important; } .wso-right-center img { -o-object-position: right center !important; object-position: right center !important; font-family: 'object-fit: cover; object-position: right center;' !important; } .wso-right-bottom img { -o-object-position: right bottom !important; object-position: right bottom !important; font-family: 'object-fit: cover; object-position: right bottom;' !important; } /* ================= Float right ================= */ @media only screen and (min-width: 768px) { .wso-float-right { float: right; } } /* ================= Lazy load ================= */ img[data-lazy-src*="http"] { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } img[data-lazy-src*="http"]:not(.lazyloaded) { opacity: 0 !important; } /* ============================================ Fonts & Headings ============================================ */ a[href*="mailto:"] { text-transform: none !important; } body, .wpgb-card p, .gm-style p { font-size: 0.95rem !important; line-height: 1.85em !important; font-weight: 300 !important; } .column > p, .column_visual > p, .column_attr > p, .column_attr > ul, .column_attr > ol, #Footer p, #Footer ul, #Footer ol, #Footer ul li, #Footer ol li { margin-bottom: 0rem !important; } #Wrapper .wso-background-color-black h1, #Wrapper .wso-background-color-black .wso-h1, #Wrapper .wso-section-hero.wso-background-color-black h1, #Wrapper .wso-section-hero.wso-background-color-black .wso-h1, #Wrapper .wso-section-hero.wso-background-color-black h2, #Wrapper .wso-background-color-black .wpgb-card-2 h2, #Wrapper .wso-background-color-black .wpgb-card-2 .wso-h2, #Wrapper .wso-background-color-black h2, #Wrapper .wso-background-color-black .wso-h2, #Wrapper .wso-background-color-black h3, #Wrapper .wso-background-color-black .wso-h3, #Wrapper .wso-background-color-black h4, #Wrapper .wso-background-color-black .wso-h4, #Wrapper .wso-background-color-black h5, #Wrapper .wso-background-color-black .wso-h5, #Wrapper .wso-background-color-black .wso-p, #Wrapper .wso-background-color-black p { color: var(--color-white) !important; } #Wrapper .section .column_attr h2 a, #Wrapper .section .column_attr h1 a, #Wrapper .section .column_attr h3 a, #Wrapper .section .column_attr h4 a, #Wrapper .section .column_attr h5 a { font-size: inherit !important; font-family: inherit !important; text-decoration: none !important; } #Wrapper h1, #Wrapper .wso-h1, #Wrapper .wso-section-hero h1, #Top_bar .mfn-megamenu-title, #Top_bar .wso-megamenu-text { color: var(--color-3) !important; font-family: 'brandon-grotesque Regular' !important; font-size: var(--font-size-h1) !important; line-height: 1.15em !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0; margin-bottom: 0; } #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2, #Wrapper h2, #Wrapper .wso-h2 { color: var(--color-3) !important; font-family: 'brandon-grotesque Regular' !important; font-size: var(--font-size-h2) !important; line-height: .99em !important; font-weight: 400 !important; text-transform: none !important; } #Wrapper h3, #Wrapper .wso-h3 { color: var(--color-3) !important; font-family: 'brandon-grotesque Medium' !important; font-size: var(--font-size-h3) !important; line-height: 1.38em !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; } #Wrapper .wso-h3 a:hover { text-decoration: none !important; } #Wrapper h4, #Wrapper .wso-h4, .ui-tabs .ui-tabs-nav li a, #Top_bar .menu .wso-burger-menu li.menu-item-has-children > a, .wp-grid-builder .wpgb-card.wpgb-no-result > div { color: var(--color-3) !important; font-family: 'brandon-grotesque Black' !important; font-size: var(--font-size-h4) !important; line-height: .99em !important; font-weight: 500 !important; letter-spacing: 0; text-transform: uppercase !important; } #Wrapper .wp-grid-builder .wpgb-card.wpgb-no-result { width: 100% !important; } #Wrapper .wp-grid-builder .wpgb-card.wpgb-no-result > div { font-size: var(--font-size-h2) !important; color: var(--color-1) !important; padding: 0 !important; hyphens: auto; width: 100% !important; } h4, .ui-tabs .ui-tabs-nav li a { color: var(--color-1); } h4[class*='wso-h']:not(.wso-h4) { color: inherit; } #Wrapper .dark .wso-h4 { color: white !important; } #Wrapper h5, #Wrapper .wso-h5 { color: var(--color-3) !important; font-family: 'brandon-grotesque Medium' !important; font-size: var(--font-size-h5) !important; line-height: .9em !important; font-weight: 400 !important; text-transform: initial !important; letter-spacing: 0; } #Wrapper h6, #Wrapper .wso-h6 { font-size: 1rem !important; line-height: 1.3em !important; font-weight: 400 !important; text-transform: initial !important; margin-bottom: 1rem !important; letter-spacing: 0; } #Wrapper .wso-p, #Wrapper p, p { color: var(--color-3) !important; font-family: 'brandon-grotesque Light' !important; font-size: var(--font-size-p) !important; line-height: 1.81em !important; font-weight: 300 !important; text-transform: none !important; } #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h1, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h2, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h3, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h4, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h5, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h6, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr p { max-width: var(--content-width); margin-left: auto; margin-right: auto; } /* ================= Heading after ================= */ #Wrapper h1:not([class*='wso-h'])::after, #Wrapper h2:not([class*='wso-h'])::after, #Wrapper .wso-h1::after, #Wrapper .wso-h2::after, #Top_bar .mfn-megamenu-title::after, #Footer aside > h4::after, #Footer aside > .wso-h4::after, #Wrapper .wpgb-card-1 .wpgb-card-body h3::after, #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3::after { display: none !important; } #Wrapper .section.wso-align-center > .section_wrapper > .mcb-wrap > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) > .column_attr h1::after, #Wrapper .section.wso-align-center > .section_wrapper > .mcb-wrap > .mcb-wrap-inner > .column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) h1::after, #Wrapper .column.wso-align-center .column_attr h1::after, #Wrapper .section.wso-align-center > .section_wrapper > .mcb-wrap > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) > .column_attr h2::after, #Wrapper .section.wso-align-center > .section_wrapper > .mcb-wrap > .mcb-wrap-inner > .column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) h2::after, #Wrapper .column.wso-align-center .column_attr h2::after, #Wrapper h1[style*="center;"]::after, #Wrapper h2[style*="center;"]::after, #Wrapper .wpgb-card-1 .wpgb-card-body h3::after, #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3::after, #Wrapper .wpgb-card-2 h2::after, #Wrapper .wpgb-card-2 .wso-h2::after, #Wrapper .wpgb-card-6 .wso-h2::after { margin-left: auto; } #Wrapper .section.wso-align-right > .section_wrapper > .mcb-wrap > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) > .column_attr h1::after, #Wrapper .section.wso-align-right > .section_wrapper > .mcb-wrap > .mcb-wrap-inner > .column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) h1::after, #Wrapper .column.wso-align-right .column_attr h1::after, #Wrapper .section.wso-align-right > .section_wrapper > .mcb-wrap > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) > .column_attr h2::after, #Wrapper .section.wso-align-right > .section_wrapper > .mcb-wrap > .mcb-wrap-inner > .column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) h2::after, #Wrapper .column.wso-align-right .column_attr h2::after, #Wrapper h1[style*="right;"]::after, #Wrapper h2[style*="right;"]::after { margin-left: auto; margin-right: 0; } #Wrapper .dark h1::after, #Wrapper .dark h2::after, #Wrapper .dark .wso-h2::after { border-color: white; } /* ================= List ================= */ .column_column ul, .column_helper ul, .column_visual ul, .icon_box ul, .mfn-acc ul, .ui-tabs-panel ul, .post-excerpt ul, .the_content_wrapper ul, .column_column ol, .column_visual ol, .the_content_wrapper ol { margin: 0; } .column_column ul li, .column_helper ul li, .column_visual ul li, .icon_box ul li, .mfn-acc ul li, .ui-tabs-panel ul li, .post-excerpt ul li, .the_content_wrapper ul li, .column_column ol li, .column_visual ol li, .the_content_wrapper ol li { margin-bottom: 0; } /* ============================================ Background option ============================================ */ #Wrapper .wso-background-color-black, #Footer .wso-background-color-black, .wso-background-color-black { background-color: var(--color-3) !important; } .wso-background-color-black:before, .wso-background-color-black:after, #Footer .widgets_wrapper:before, #Footer .widgets_wrapper:after { content: ''; display: block; width: 100%; height: 1rem; position: absolute; left: 0; overflow: visible; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 9 !important; } .wso-background-color-black:before, #Footer .widgets_wrapper:before { background-image: url(/wp-content/uploads/2022/12/group-325.svg); top: 0; transform: translateY(-100%); } .wso-background-color-black:after, #Footer .widgets_wrapper:after { background-image: url(/wp-content/uploads/2022/12/group-1617.svg); bottom: 0; transform: translateY(100%); } /* ============================================ Header ============================================ */ /* ================= Top Bar ================= */ #Top_bar { top: 0; background-color: transparent !important; pointer-events: none !important; border-bottom: unset !important; } #Top_bar.loading { display: block; } .header-simple #Top_bar:not(.is-sticky) .top_bar_left { top: 0; } .header-classic #Header .top_bar_left, .header-transparent #Header .top_bar_left { width: 100% !important; } @media only screen and (min-width: 1024px) { .header-transparent.ab-hide #Top_bar:not(.is-sticky) { top: 1rem !important; } } #Top_bar::before { content: ''; position: absolute; top: -2rem; left: 0; right: 0; bottom: -1rem; background: white !important; z-index: 999; opacity: 0; display: none; -webkit-transition: 5s; -o-transition: 5s; transition: 5s; } .wso-burger-menu-active #Top_bar::before { content: ''; position: absolute; top: -2rem; left: 0; right: 0; bottom: -1rem; background: white !important; z-index: 999; opacity: 1; -webkit-transition: 5s; -o-transition: 5s; transition: 5s; } @-webkit-keyframes burgerLineTopOpen { 0% { top: 0; } 50% { top: calc(50% - 1px); transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } 100% { top: calc(50% - 1px); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } } @keyframes burgerLineTopOpen { 0% { top: 0; } 50% { top: calc(50% - 1px); transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } 100% { top: calc(50% - 1px); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } } @-webkit-keyframes burgerLineTopClose { 0% { top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } 50% { top: 50%; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } 100% { top: 0; } } @keyframes burgerLineTopClose { 0% { top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } 50% { top: 50%; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } 100% { top: 0; } } @-webkit-keyframes burgerLineBottomOpen { 0% { bottom: 0; } 50% { bottom: 50%; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } 100% { bottom: 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } } @keyframes burgerLineBottomOpen { 0% { bottom: 0; } 50% { bottom: 50%; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } 100% { bottom: 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } } @-webkit-keyframes burgerLineBottomClose { 0% { bottom: 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } 50% { bottom: 50%; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } 100% { bottom: 0; } } @keyframes burgerLineBottomClose { 0% { bottom: 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } 50% { bottom: 50%; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } 100% { bottom: 0; } } #Top_bar .wso-burger-menu { position: relative; width: var(--burger-menu-width); height: var(--burger-menu-width); margin-left: 1rem !important; } #Top_bar .wso-burger-menu > span { display: block; position: absolute; top: 50%; width: 2.2rem; height: 2rem; cursor: pointer; margin: 0; z-index: 999; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } #Top_bar .wso-burger-menu > span > span.line { display: block; width: 100%; height: 2px; background-color: var(--color-white); position: absolute; opacity: 1; transition: all var(--burger-menu-transition) ease-in-out; -webkit-transition: all var(--burger-menu-transition) ease-in-out; -moz-transition: all var(--burger-menu-transition) ease-in-out; -ms-transition: all var(--burger-menu-transition) ease-in-out; -o-transition: all var(--burger-menu-transition) ease-in-out; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } #Top_bar.is-sticky .wso-burger-menu > span > span.line, body.header-split #Top_bar .wso-burger-menu > span > span.line { background-color: var(--color-1); } #Top_bar .wso-burger-menu > span > span.line:nth-child(1) { top: 0; -webkit-animation-name: burgerLineTopClose; animation-name: burgerLineTopClose; -webkit-animation-duration: var(--burger-menu-transition); animation-duration: var(--burger-menu-transition); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #Top_bar.loading .wso-burger-menu > span > span.line:nth-child(1) { top: 0 !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; } #Top_bar .wso-burger-menu > span > span.line:nth-child(2) { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } #Top_bar .wso-burger-menu > span > span.line:nth-child(3) { bottom: 0; -webkit-animation-name: burgerLineBottomClose; animation-name: burgerLineBottomClose; -webkit-animation-duration: var(--burger-menu-transition); animation-duration: var(--burger-menu-transition); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #Top_bar.loading .wso-burger-menu > span > span.line:nth-child(3) { bottom: 0 !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span > span.line { background-color: var(--color-1); transition: all var(--burger-menu-transition) ease-in-out; -webkit-transition: all var(--burger-menu-transition) ease-in-out; -moz-transition: all var(--burger-menu-transition) ease-in-out; -ms-transition: all var(--burger-menu-transition) ease-in-out; -o-transition: all var(--burger-menu-transition) ease-in-out; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span > span.line:nth-child(1) { -webkit-animation-name: burgerLineTopOpen; animation-name: burgerLineTopOpen; -webkit-animation-duration: var(--burger-menu-transition); animation-duration: var(--burger-menu-transition); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span > span.line:nth-child(2) { opacity: 0; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span > span.line:nth-child(3) { -webkit-animation-name: burgerLineBottomOpen; animation-name: burgerLineBottomOpen; -webkit-animation-duration: var(--burger-menu-transition); animation-duration: var(--burger-menu-transition); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #Top_bar .wso-burger-menu > span:last-child { display: none; } /* Header Style: header-classic (bg-white)*/ .header-classic #Top_bar .wso-burger-menu > span > span.line { background-color: var(--color-1); } /* ================= Logo ================= */ #Top_bar .logo { position: absolute; top: 50%; left: 1rem; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); /* transform: translate(0, -50%); */ margin: 0 !important; z-index: 1; } #Wrapper #Top_bar #logo, #Wrapper #Top_bar.is-sticky #logo { padding: 0 !important; height: auto !important; margin: 0 !important; } #Top_bar #logo img { width: 3.073rem; height: 3.854rem !important; max-height: 100% !important; } /* ================= Menu ================= */ @media only screen and (max-width: 767px) { #Top_bar .top_bar_right_wrapper { padding: 0; } } #Top_bar .menu_wrapper nav#menu { background-color: transparent; pointer-events: all !important; } #Top_bar ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } @media only screen and (min-width: 1024px) { #Top_bar .menu_left { display: none !important; } .menu-secondary-menu-container, .menu-secondary-menu-en-container { display: none !important; } #Wrapper #Top_bar a.responsive-menu-toggle { display: none !important; } } /* Motherboard Standard */ #Top_bar .menu > li > a, #Top_bar .menu > li > a span:not(.description) { line-height: 1.38em !important; } #Top_bar .menu > li > a { font-family: 'brandon-grotesque Bold' !important; font-size: var(--font-size-p); font-weight: 500; letter-spacing: 0; text-transform: uppercase; padding: 0 0 !important; } .header-transparent #Top_bar:not(.is-sticky) .menu > li > a:not(:hover) { color: white; z-index: 1; -webkit-transition: none; -o-transition: none; transition: none; } .header-transparent #Top_bar:not(.is-sticky) .menu > li > a:hover { color: white; z-index: 1; } #Top_bar .menu > li > a span:not(.description) { padding: 0 var(--menu-item-padding); } #Top_bar .menu > li.current_page_item > a { color: inherit !important; } @media only screen and (min-width: 768px) { .page-id-3429 #Wrapper .wso-section-text-img, .page-id-3451 #Wrapper .wso-section-text-img { padding-top: 17.188rem !important; } .wso-section-text-img:not(.wso-section-text-2-img, .wso-section-newsletter) .section_wrapper { display: -ms-grid; display: grid; /* height: -webkit-fit-content !important; */ height: -moz-fit-content !important; /* height: fit-content !important; */ -ms-grid-columns: 46.16% 33.16% 1fr; grid-template-columns: 46.16% 33.16% 1fr; -ms-grid-rows: 33.44fr 44.81fr 21.73fr; grid-template-rows: 33.44fr 44.81fr 21.73fr; margin-left: auto !important; margin-right: 0 !important; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper { margin-left: 0 !important; margin-right: auto !important; -ms-grid-columns: 1fr 33.16% 46.16%; grid-template-columns: 1fr 33.16% 46.16%; -ms-grid-rows: 21.73fr 44.81fr 33.44fr; grid-template-rows: 21.73fr 44.81fr 33.44fr; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 1; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper > *:nth-child(5) { -ms-grid-row: 2; -ms-grid-column: 2; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper > *:nth-child(6) { -ms-grid-row: 2; -ms-grid-column: 3; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper > *:nth-child(7) { -ms-grid-row: 3; -ms-grid-column: 1; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper > *:nth-child(8) { -ms-grid-row: 3; -ms-grid-column: 2; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper > *:nth-child(9) { -ms-grid-row: 3; -ms-grid-column: 3; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 1; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper > *:nth-child(5) { -ms-grid-row: 2; -ms-grid-column: 2; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper > *:nth-child(6) { -ms-grid-row: 2; -ms-grid-column: 3; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper > *:nth-child(7) { -ms-grid-row: 3; -ms-grid-column: 1; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper > *:nth-child(8) { -ms-grid-row: 3; -ms-grid-column: 2; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper > *:nth-child(9) { -ms-grid-row: 3; -ms-grid-column: 3; } } #Top_bar .top_bar_left { display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--menu-height) !important; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #Top_bar .menu_wrapper { position: relative !important; } #Top_bar .logo { position: relative !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; top: 1.563rem !important; left: 0 !important; margin-right: 1.563rem !important; pointer-events: all !important; } ul#menu-secondary-menu { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } #Top_bar .menu-main.menu_right li:last-of-type { margin-right: calc(1.771rem - var(--menu-item-padding)) !important; } #Top_bar .menu-main.menu_right li:not(:last-of-type):after { content: ''; display: block !important; height: 1.406rem; width: 1px; position: absolute; right: 0; top: 50%; background-color: var(--color-3) !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999 !important; } #Top_bar .menu-main.menu_right li[data-fm-font-color="fm-color-1"]:not(:last-of-type):after { background-color: var(--color-1) !important; } #Top_bar .menu-main.menu_right li { position: relative !important; height: 100% !important; width: 100% !important; } #Top_bar .menu > li[data-fm-font-color="fm-color-black"].hover > a { color: var(--color-3) !important; } #Top_bar .menu > li[data-fm-font-color="fm-color-1"].hover > a { color: var(--color-1) !important; } #Top_bar .menu > li > a:not(.wso-svg-logo) > span:after, #menu-floating-menu > li > a:after, #menu-floating-menu-en > li > a:after { content: ''; display: block; width: 0; height: 2px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Top_bar .menu > li[data-fm-font-color="fm-color-black"] > a > span:after, #menu-floating-menu > li[data-fm-font-color="fm-color-black"] > a:after, #menu-floating-menu-en > li[data-fm-font-color="fm-color-black"] > a:after { background-color: var(--color-3); } #Top_bar .menu > li[data-fm-font-color="fm-color-1"] > a > span:after, #menu-floating-menu > li[data-fm-font-color="fm-color-1"] > a:after, #menu-floating-menu-en > li[data-fm-font-color="fm-color-1"] > a:after { background-color: var(--color-1); } #Top_bar .menu > li.hover > a > span:after { width: 80% !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #menu-floating-menu > li:hover > a:after, #menu-floating-menu-en > li:hover > a:after { width: 100% !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #menu-floating-menu > li > a, #menu-floating-menu-en > li > a { line-height: 1.8em !important; } #menu-floating-menu > li > a:hover, #menu-floating-menu-en > li > a:hover { text-decoration: none !important; } #menu-floating-menu .pll-parent-menu-item .sub-menu, #menu-floating-menu-en .pll-parent-menu-item .sub-menu { height: 0 !important; overflow: hidden; position: absolute; top: 0; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #menu-floating-menu .pll-parent-menu-item, #menu-floating-menu-en .pll-parent-menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; position: relative; } #menu-floating-menu .pll-parent-menu-item:hover > a + .sub-menu, #menu-floating-menu .pll-parent-menu-item > a:focus + .sub-menu, #menu-floating-menu-en .pll-parent-menu-item:hover > a + .sub-menu, #menu-floating-menu-en .pll-parent-menu-item > a:focus + .sub-menu { height: 100% !important; top: 150%; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .wso-floating-menu ul.menu > li[data-fm-font-color="fm-color-1"] > a + ul > li > a { color: var(--color-1) !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #menu-floating-menu .pll-parent-menu-item .sub-menu .current-lang, #menu-floating-menu-en .pll-parent-menu-item .sub-menu .current-lang { display: none; } .pll-parent-menu-item > a:before { content: ''; display: block; width: .5rem; height: .5rem; position: absolute; right: -70%; bottom: 0; background-image: url(/wp-content/uploads/2023/01/vector-1-1.svg); background-repeat: no-repeat; background-size: contain; background-position: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } li[data-fm-font-color="fm-color-1"].pll-parent-menu-item > a:before { -webkit-filter: invert(1) !important; filter: invert(1) !important; } .menu-item > a:hover { color: unset; text-decoration: none !important; } /*CTA*/ #Top_bar .menu > li.wso-menu-cta > a span { position: relative; color: white !important; background-color: var(--color-1); } /*Phone & Email*/ #Top_bar .menu > li.wso-menu-mail > a { text-transform: none; } #Top_bar .menu > li.wso-menu-contact > a span { position: relative; margin-left: .5rem; padding-left: 1.7rem; } #Top_bar .menu > li.wso-menu-contact > a span::before { position: absolute; width: 2rem; height: 100%; left: 0; content: ''; background-repeat: no-repeat !important; background-size: auto 1.1rem !important; background-position: left center !important; } #Top_bar .menu > li.wso-menu-tel > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.59' height='26.53' viewBox='0 0 26.59 26.53'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23ccbda8;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.8,1.07h0a1.84,1.84,0,0,0-1.25.53l0,0A6.72,6.72,0,0,0,2.42,2.7a8,8,0,0,0-.87,1.62,6.47,6.47,0,0,0-.4,1.6c-.52,4.32,1.48,8.3,6.91,13.74,7.49,7.48,13.49,6.94,13.75,6.92a6.42,6.42,0,0,0,1.59-.41A7.78,7.78,0,0,0,25,25.3l1.17-1.1a1.75,1.75,0,0,0,.05-2.45l-4.07-4.07a1.75,1.75,0,0,0-2.46.05L17.4,20l-.25-.13-.41-.23a20.83,20.83,0,0,1-5-3.63A20.91,20.91,0,0,1,8.1,11l0-.07c-.06-.11-.12-.23-.18-.33l-.15-.25L10,8.07a1.73,1.73,0,0,0,0-2.45L6,1.55A1.66,1.66,0,0,0,4.8,1.07Z' transform='translate(-0.57 -0.57)'/%3E%3C/svg%3E"); } #Top_bar .menu > li.wso-menu-mail > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30.66' height='23.15' viewBox='0 0 30.66 23.15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%23ccbda8;%7D%3C/style%3E%3CclipPath id='a' transform='translate(-0.16 -0.16)'%3E%3Crect class='a' width='30.97' height='23.46'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cpath class='c' d='M15.54,14.73,29.13,1.14H1.84Zm4.4-3,9.89,9.89V1.84ZM1.14,21.62l9.94-9.93L1.14,1.83Zm.7.7H29.13l-9.89-9.89-3.35,3.34a.49.49,0,0,1-.34.15.47.47,0,0,1-.35-.15l-3.42-3.39Zm.65,1A2.33,2.33,0,0,1,.16,21V2.5A2.33,2.33,0,0,1,2.49.16h26A2.34,2.34,0,0,1,30.81,2.5V21a2.34,2.34,0,0,1-2.34,2.34Z' transform='translate(-0.16 -0.16)'/%3E%3C/g%3E%3C/svg%3E"); background-size: auto .95rem !important; } .header-transparent #Top_bar:not(.is-sticky) .menu > li.wso-menu-tel > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.59' height='26.53' viewBox='0 0 26.59 26.53'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:white;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.8,1.07h0a1.84,1.84,0,0,0-1.25.53l0,0A6.72,6.72,0,0,0,2.42,2.7a8,8,0,0,0-.87,1.62,6.47,6.47,0,0,0-.4,1.6c-.52,4.32,1.48,8.3,6.91,13.74,7.49,7.48,13.49,6.94,13.75,6.92a6.42,6.42,0,0,0,1.59-.41A7.78,7.78,0,0,0,25,25.3l1.17-1.1a1.75,1.75,0,0,0,.05-2.45l-4.07-4.07a1.75,1.75,0,0,0-2.46.05L17.4,20l-.25-.13-.41-.23a20.83,20.83,0,0,1-5-3.63A20.91,20.91,0,0,1,8.1,11l0-.07c-.06-.11-.12-.23-.18-.33l-.15-.25L10,8.07a1.73,1.73,0,0,0,0-2.45L6,1.55A1.66,1.66,0,0,0,4.8,1.07Z' transform='translate(-0.57 -0.57)'/%3E%3C/svg%3E"); } .header-transparent #Top_bar:not(.is-sticky) .menu > li.wso-menu-mail > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30.66' height='23.15' viewBox='0 0 30.66 23.15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:white;%7D%3C/style%3E%3CclipPath id='a' transform='translate(-0.16 -0.16)'%3E%3Crect class='a' width='30.97' height='23.46'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cpath class='c' d='M15.54,14.73,29.13,1.14H1.84Zm4.4-3,9.89,9.89V1.84ZM1.14,21.62l9.94-9.93L1.14,1.83Zm.7.7H29.13l-9.89-9.89-3.35,3.34a.49.49,0,0,1-.34.15.47.47,0,0,1-.35-.15l-3.42-3.39Zm.65,1A2.33,2.33,0,0,1,.16,21V2.5A2.33,2.33,0,0,1,2.49.16h26A2.34,2.34,0,0,1,30.81,2.5V21a2.34,2.34,0,0,1-2.34,2.34Z' transform='translate(-0.16 -0.16)'/%3E%3C/g%3E%3C/svg%3E"); } .wso-burger-menu-active #Top_bar .menu > li.wso-menu-tel > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.59' height='26.53' viewBox='0 0 26.59 26.53'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23ccbda8;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.8,1.07h0a1.84,1.84,0,0,0-1.25.53l0,0A6.72,6.72,0,0,0,2.42,2.7a8,8,0,0,0-.87,1.62,6.47,6.47,0,0,0-.4,1.6c-.52,4.32,1.48,8.3,6.91,13.74,7.49,7.48,13.49,6.94,13.75,6.92a6.42,6.42,0,0,0,1.59-.41A7.78,7.78,0,0,0,25,25.3l1.17-1.1a1.75,1.75,0,0,0,.05-2.45l-4.07-4.07a1.75,1.75,0,0,0-2.46.05L17.4,20l-.25-.13-.41-.23a20.83,20.83,0,0,1-5-3.63A20.91,20.91,0,0,1,8.1,11l0-.07c-.06-.11-.12-.23-.18-.33l-.15-.25L10,8.07a1.73,1.73,0,0,0,0-2.45L6,1.55A1.66,1.66,0,0,0,4.8,1.07Z' transform='translate(-0.57 -0.57)'/%3E%3C/svg%3E") !important; } .wso-burger-menu-active #Top_bar .menu > li.wso-menu-mail > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30.66' height='23.15' viewBox='0 0 30.66 23.15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%23ccbda8;%7D%3C/style%3E%3CclipPath id='a' transform='translate(-0.16 -0.16)'%3E%3Crect class='a' width='30.97' height='23.46'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cpath class='c' d='M15.54,14.73,29.13,1.14H1.84Zm4.4-3,9.89,9.89V1.84ZM1.14,21.62l9.94-9.93L1.14,1.83Zm.7.7H29.13l-9.89-9.89-3.35,3.34a.49.49,0,0,1-.34.15.47.47,0,0,1-.35-.15l-3.42-3.39Zm.65,1A2.33,2.33,0,0,1,.16,21V2.5A2.33,2.33,0,0,1,2.49.16h26A2.34,2.34,0,0,1,30.81,2.5V21a2.34,2.34,0,0,1-2.34,2.34Z' transform='translate(-0.16 -0.16)'/%3E%3C/g%3E%3C/svg%3E") !important; background-size: auto .95rem !important; } /*Submenu*/ .wso-burger-menu-active #Top_bar .menu-main > li.menu-item-has-children:nth-child(2) > ul.sub-menu { display: none !important; } #Top_bar .menu > li.menu-item-has-children > ul { display: block !important; top: calc(100% + var(--menu-gap)); left: 50%; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, 30px); -ms-transform: translate(-50%, 30px); transform: translate(-50%, 30px); -webkit-transition: opacity .5s ease 0s, transform .5s ease 0s, max-height 0s linear .5s, padding 0s linear .5s !important; -o-transition: opacity .5s ease 0s, transform .5s ease 0s, max-height 0s linear .5s, padding 0s linear .5s !important; -webkit-transition: opacity .5s ease 0s, max-height 0s linear .5s, padding 0s linear .5s, -webkit-transform .5s ease 0s !important; transition: opacity .5s ease 0s, max-height 0s linear .5s, padding 0s linear .5s, -webkit-transform .5s ease 0s !important; transition: opacity .5s ease 0s, transform .5s ease 0s, max-height 0s linear .5s, padding 0s linear .5s !important; transition: opacity .5s ease 0s, transform .5s ease 0s, max-height 0s linear .5s, padding 0s linear .5s, -webkit-transform .5s ease 0s !important; } #Top_bar .menu > li.menu-item-has-children:not(.wso-burger-menu).hover > ul, .wso-burger-menu-active #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul { max-height: 1500px !important; opacity: 1; /* min-height: 700px; */ pointer-events: all !important; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: opacity .5s ease 0s, transform .5s ease 0s, max-height 0s linear 0s, padding 0s linear 0s !important; -o-transition: opacity .5s ease 0s, transform .5s ease 0s, max-height 0s linear 0s, padding 0s linear 0s !important; -webkit-transition: opacity .5s ease 0s, max-height 0s linear 0s, padding 0s linear 0s, -webkit-transform .5s ease 0s !important; transition: opacity .5s ease 0s, max-height 0s linear 0s, padding 0s linear 0s, -webkit-transform .5s ease 0s !important; transition: opacity .5s ease 0s, transform .5s ease 0s, max-height 0s linear 0s, padding 0s linear 0s !important; transition: opacity .5s ease 0s, transform .5s ease 0s, max-height 0s linear 0s, padding 0s linear 0s, -webkit-transform .5s ease 0s !important; overflow: visible !important; padding: 1rem; } #Wrapper #Top_bar .menu > li.menu-item-has-children > a::after { content: "" !important; display: block !important; position: absolute; top: 200%; bottom: auto !important; left: 50%; right: auto; height: 1.35rem; width: 1.35rem; max-height: 0 !important; background-color: #ffffff; -webkit-transition: opacity .5s ease 0s, top .5s ease 0s !important; -o-transition: opacity .5s ease 0s, top .5s ease 0s !important; transition: opacity .5s ease 0s, top .5s ease 0s !important; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); opacity: 0 !important; } #Wrapper #Top_bar .menu > li.menu-item-has-children:not(.wso-burger-menu).hover > a::after { top: calc(100% + var(--menu-gap)); max-height: 100px !important; opacity: 1 !important; -webkit-transition-delay: .4s !important; -o-transition-delay: .4s !important; transition-delay: .4s !important; } #Wrapper #Top_bar .menu > li.menu-item-has-children:not(.wso-burger-menu).hover > a::before { content: "" !important; position: absolute; top: 100%; width: 100%; height: var(--menu-gap); } #Top_bar .menu > li.menu-item-has-children > ul > li { width: auto; } #Top_bar .menu > li.menu-item-has-children > ul > li > a { white-space: nowrap; } /* ================= Megamenu ================= */ #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu)::after { content: ""; pointer-events: none; position: absolute; height: 0; top: -100%; left: -100%; right: -100%; background-color: var(--overlay-dark); opacity: 0; -webkit-transition: height 0s ease .7s, opacity .7s ease !important; -o-transition: height 0s ease .7s, opacity .7s ease !important; transition: height 0s ease .7s, opacity .7s ease !important; } #Top_bar.is-sticky .mfn-megamenu-parent::after { top: 100%; } #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu).hover::after, .wso-burger-menu-active #Top_bar .menu > li.wso-burger-menu:after { height: 120vh; opacity: 1; -webkit-transition: height 0s ease 0s, opacity .7s ease !important; -o-transition: height 0s ease 0s, opacity .7s ease !important; transition: height 0s ease 0s, opacity .7s ease !important; } #Top_bar .mfn-megamenu-parent > ul.sub-menu.mfn-megamenu { width: var(--megamenu-width) !important; left: calc((100% - var(--megamenu-width)) / 2) !important; -webkit-transform: translate(0, 30px); -ms-transform: translate(0, 30px); transform: translate(0, 30px); } #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu).hover > ul.sub-menu.mfn-megamenu, .wso-burger-menu-active #Top_bar .mfn-megamenu-parent.wso-burger-menu > ul.sub-menu.mfn-megamenu { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); padding: 3rem 6rem !important; } #Top_bar .mfn-megamenu-title { text-transform: none !important; } #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu) .menu-item:not(.menu-item-type-gs_sim) .sub-menu { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } #Top_bar li.menu-item-has-children:not(.mfn-megamenu-parent) > ul.mfn-megamenu { box-shadow: none; -webkit-box-shadow: none; } #Top_bar .menu > li ul li a { border: none; padding: .5rem; } #Top_bar .menu > li ul li a:hover { color: var(--color-1); background-color: transparent; } #Top_bar .wso-megamenu-img { padding-left: 3rem !important; -webkit-box-sizing: border-box; box-sizing: border-box; } #Top_bar .wso-megamenu-img ul { height: 20rem; } #Top_bar .wso-megamenu-img li:first-child { float: right; width: 70% !important; height: 65% !important; } #Top_bar .wso-megamenu-img li:last-child { position: absolute; left: 0; bottom: 0; width: 45% !important; height: 45% !important; z-index: 2; border-top: var(--img-border); border-right: var(--img-border); } #Top_bar #menu li > a > span > svg { position: absolute; top: 50%; left: 50%; height: 3.854rem; width: 3.073rem; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #Top_bar #menu li:last-of-type > a > span { height: 3.854rem !important; width: 3.073rem !important; padding: 0 !important; margin: 0 var(--menu-item-padding) 1rem; } #Top_bar .logo { display: none !important; } /* ================= Sticky ================= */ #Top_bar.is-sticky { height: auto !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; } #Wrapper #Top_bar.is-sticky #logo img { width: 3.073rem !important; } #Top_bar.is-sticky .menu > li > a { padding: 0rem 0 !important; } /* ============================================ Side Slide ============================================ */ body.mobile-side-slide { left: 0 !important; } #Side_slide { background-color: white; border-color: white; padding: 0 3rem; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; border-bottom: 0 !important; max-height: 100vh !important; overflow: hidden; } #Side_slide .close-wrapper a.close { width: auto !important; height: auto !important; margin: .7rem !important; } #Side_slide .close-wrapper a.close i { font-size: 1.7rem !important; line-height: 1.5em !important; position: relative; top: .5rem !important; right: -1rem !important; } #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button), #Side_slide #menu ul li.submenu .menu-toggle { color: var(--color-1) !important; z-index: 9; background-color: var(--color-3) !important; -webkit-transition: width 300ms ease-in-out 300ms; -o-transition: width 300ms ease-in-out 300ms; transition: width 300ms ease-in-out 300ms; } #Side_slide #menu ul li.submenu .menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; top: 50%; left: 60%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: unset !important; } #Side_slide #menu-main-menu-version-3 .wso-burger-menu-left, #Side_slide #menu-main-menu-version-3 .wso-burger-menu-right { display: none !important; } #Side_slide #menu ul.menu > li.wso-burger-menu ul li, #Side_slide #menu ul.menu > li { border: 0 !important; border-bottom: unset !important; } #Side_slide #menu ul.menu > li.wso-burger-menu, #Side_slide #menu ul.menu > li.wso-burger-menu > ul > li, #Side_slide #menu ul.menu > li.wso-burger-menu > ul > li > ul > li, #Side_slide #menu ul.menu > li.wso-burger-menu > ul > li > ul > li > ul > li > ul > li { border-bottom: 0 !important; } #Side_slide #menu ul li a { display: block !important; font-family: 'brandon-grotesque Medium'; margin: 0 !important; padding: 0rem !important; font-size: 2.532rem !important; line-height: 1.55em !important; background-color: unset !important; } #Side_slide #menu ul li .wso-woocart-wrapper a { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .wso-megamenu-contact-info.wso-hide-desktop { display: none !important; } #Side_slide #menu .wso-megamenu-contact-info.wso-hide-desktop { border-bottom: 0 !important; display: block !important; } #Side_slide .wso-megamenu-contact-info.wso-hide-desktop p { text-align: left; font-size: .85rem; line-height: 1.6rem; } #Side_slide .wso-megamenu-contact-info.wso-hide-desktop div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #Side_slide .wso-megamenu-contact-info.wso-hide-desktop div span { margin: 0 !important; width: 25px; height: 25px; margin-right: 1rem !important; } #Side_slide #menu .wso-megamenu-contact-info.wso-hide-desktop div span a { padding: 0 !important; } #Side_slide .wso-megamenu-contact-info.wso-hide-desktop div span img { width: 25px; height: 25px; } #Side_slide .wso-menu-contact { display: none; } #Side_slide #menu > ul > li > a, #Side_slide #menu .wso-burger-menu ul.mfn-megamenu > li > ul > li > a { font-weight: 500 !important; } #Side_slide #menu ul li ul { background-color: white; } #Side_slide #menu ul li ul li ul li ul li ul li a span { font-weight: 300 !important; } #Side_slide #menu ul li.wso-menu-contact > a span { position: relative; padding-left: 2.4rem; } #Side_slide #menu ul li.wso-menu-contact > a span::before { position: absolute; width: 2rem; height: 100%; top: 0; left: 0; content: ''; background-repeat: no-repeat !important; background-size: auto 1.3rem !important; background-position: left center !important; } #Side_slide #menu ul li.wso-menu-tel > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.59' height='26.53' viewBox='0 0 26.59 26.53'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:white;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.8,1.07h0a1.84,1.84,0,0,0-1.25.53l0,0A6.72,6.72,0,0,0,2.42,2.7a8,8,0,0,0-.87,1.62,6.47,6.47,0,0,0-.4,1.6c-.52,4.32,1.48,8.3,6.91,13.74,7.49,7.48,13.49,6.94,13.75,6.92a6.42,6.42,0,0,0,1.59-.41A7.78,7.78,0,0,0,25,25.3l1.17-1.1a1.75,1.75,0,0,0,.05-2.45l-4.07-4.07a1.75,1.75,0,0,0-2.46.05L17.4,20l-.25-.13-.41-.23a20.83,20.83,0,0,1-5-3.63A20.91,20.91,0,0,1,8.1,11l0-.07c-.06-.11-.12-.23-.18-.33l-.15-.25L10,8.07a1.73,1.73,0,0,0,0-2.45L6,1.55A1.66,1.66,0,0,0,4.8,1.07Z' transform='translate(-0.57 -0.57)'/%3E%3C/svg%3E"); background-size: auto 1.5rem !important; } #Side_slide #menu ul li.wso-menu-mail > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30.66' height='23.15' viewBox='0 0 30.66 23.15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:white;%7D%3C/style%3E%3CclipPath id='a' transform='translate(-0.16 -0.16)'%3E%3Crect class='a' width='30.97' height='23.46'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cpath class='c' d='M15.54,14.73,29.13,1.14H1.84Zm4.4-3,9.89,9.89V1.84ZM1.14,21.62l9.94-9.93L1.14,1.83Zm.7.7H29.13l-9.89-9.89-3.35,3.34a.49.49,0,0,1-.34.15.47.47,0,0,1-.35-.15l-3.42-3.39Zm.65,1A2.33,2.33,0,0,1,.16,21V2.5A2.33,2.33,0,0,1,2.49.16h26A2.34,2.34,0,0,1,30.81,2.5V21a2.34,2.34,0,0,1-2.34,2.34Z' transform='translate(-0.16 -0.16)'/%3E%3C/g%3E%3C/svg%3E"); } #Side_slide #menu ul li.wso-menu-cta { margin-top: 2rem; border: none !important; } #Side_slide #menu ul li.wso-menu-cta > a { text-align: center; background-color: var(--color-1); width: calc(100% - 2rem); box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 auto !important; } #Side_slide #menu ul li.wso-hide-side-slide { display: none; } @media only screen and (min-width: 768px) { .wso-mobilmenu-active #Side_slide { width: 60vw; -webkit-transition: 10ms ease-in-out; -o-transition: 10ms ease-in-out; transition: 10ms ease-in-out; /* overflow: hidden; */ } } /* ============================================ Footer ============================================ */ #Wrapper + .wso-footer-breaker.wso-section-intro, #Wrapper .wso-footer-breaker.wso-section-intro { height: 97.57vh !important; padding: 0 !important; } .wso-footer-breaker .image_wrapper img { -webkit-filter: grayscale(1); filter: grayscale(1); } .wso-footer-breaker .wso-facts { position: absolute; top: 15.72% !important; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .wso-footer-breaker .wso-fact-number { font-family: 'brandon-grotesque Regular'; font-size: var(--font-size-h2) !important; line-height: .99em !important; color: #FFF !important; text-transform: inherit !important; } .wso-footer-breaker .image_wrapper:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: .2; z-index: 9; } /* ================================= Main Footer ================================= */ #Footer div:not(.footer_copy) .container { max-width: 76.406vw !important; margin: 0 auto !important; display: -ms-grid; display: grid; -ms-grid-columns: 48.26% 36.94% 14.79%; grid-template-columns: 48.26% 36.94% 14.79%; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #Footer .column { width: 100%; margin: 0 !important; } #Footer .one-fourth:first-of-type .textwidget { padding-right: 33.05% !important; } #Footer .one-second .widget { padding-right: 25.46%; } #Footer .container * { color: var(--color-4) !important; } #Footer .one-fourth:first-of-type .textwidget p { font-family: 'brandon-grotesque Medium' !important; font-size: var(--font-size-h3) !important; line-height: 1.38em !important; } #Footer .widget_nav_menu ul li a { color: var(--color-1) !important; font-family: 'brandon-grotesque Medium' !important; font-size: var(--font-size-p) !important; letter-spacing: 0 !important; line-height: 1.81em !important; text-transform: lowercase !important; padding: 0 !important; margin: 0 !important; } #Footer .column.one-second .widget_text:first-child p { font-family: 'brandon-grotesque Medium' !important; font-size: var(--font-size-p) !important; line-height: 1.81em !important; } #Footer .column.one-second .widget_text:first-child { margin-bottom: 2.083rem !important; } #Footer .column.one-second .widget_text:nth-child(2) * { font-family: 'brandon-grotesque Light' !important; font-size: var(--font-size-p) !important; line-height: 1.81em !important; font-weight: 100 !important; } #Footer .column.one-second .widget_text:nth-child(2) a { display: block !important; } #Footer .column.one-second .widget_text:nth-child(2) { margin-bottom: 2.865rem !important; } #Footer #menu-footer-menu, #Footer #menu-footer-menu-en { margin-bottom: 6.198rem !important; } #Footer .wso-social-wrapper p:first-of-type, #Wrapper.wso-social-wrapper p:first-of-type { font-family: 'brandon-grotesque Medium' !important; line-height: 1.81em !important; margin-bottom: 1.042rem !important; } .wso-social-link:hover { text-decoration: none !important; } .wso-social-link:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); text-decoration: none !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Footer .wso-social-link { position: relative !important; height: 1.354rem !important; width: 1.354rem !important; padding: .8rem; padding-left: 0; } #Footer .wso-social-link img { width: 1.354rem !important; height: 1.354rem !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Footer { background-color: var(--color-1); } #Footer .widgets_wrapper { position: relative; padding: 9.479rem 0 9.896rem; background-color: var(--color-3) !important; } #Footer .widgets_wrapper .widget { padding: 0; margin: 0 !important; } #Footer i { font-size: 1.5rem; } #Footer aside .wso-h3 { margin-top: 1.4rem; } #Footer aside > h4 { font-family: 'brandon-grotesque Medium' !important; font-size: var(--font-size-p) !important; line-height: 1.81em !important; margin-bottom: 0 !important; } #Footer aside > h4::after { border-color: white; } #Footer h4 { color: white !important; } @media only screen and (min-width: 768px) { #Footer .column.one-second { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } } #Footer .menu { background-color: transparent; list-style: none; padding: 0; } #Footer .widget_nav_menu ul li a { padding-bottom: .2rem !important; text-decoration: none !important; } #Footer .widget_nav_menu ul li a:after { content: ''; display: block; width: 0; height: 2px; position: absolute; bottom: .25rem; left: 0; background-color: var(--color-1); -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Footer .widget_nav_menu ul li a:hover:after { width: 80%; } #Footer .widget_nav_menu ul li:after { display: none; } #Footer .widget_nav_menu ul li a:hover { opacity: 1; } #Footer .wso-footer-img { width: 65%; max-width: 12rem; margin-bottom: 2rem; } /* ================= Footer Copy ================= */ .footer-copy-center #Footer .footer_copy .copyright a { color: var(--color-3) !important; } #Footer .footer_copy { background-color: white; } #Footer .footer_copy * { color: var(--color-1) !important; } #Footer .footer_copy .one { margin-bottom: 0; padding: 2.917rem 0 2.344rem; } .footer-copy-center #Footer .footer_copy .copyright { color: var(--color-3) !important; margin: 0; float: left; width: 100%; } /* ============================================ Buttons ============================================ */ #Wrapper a.button span, #Wrapper .jig-loadMoreButton span, input[type="submit"], input[type="submit"] ~ span, .wpgb-facet button.wpgb-button span, a.button span { font-family: 'brandon-grotesque Medium' !important; color: var(--color-1) !important; font-size: var(--font-size-h5) !important; line-height: .9em !important; letter-spacing: 0 !important; } #Wrapper a.button span:first-of-type, #Wrapper .jig-loadMoreButton span:first-of-type, #Wrapper input[type="submit"], .wpgb-facet button.wpgb-button span:first-of-type, a.button span:first-of-type { position: relative; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; display: inline-block !important; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; overflow: visible !important; z-index: 9 !important; } #Wrapper a.button:not(.simple, .wso-shop-button) span:first-of-type:after, #Wrapper .jig-loadMoreButton span:first-of-type:after, input[type="submit"] span:first-of-type:after, .wpgb-facet button.wpgb-button span:first-of-type:after, #Wrapper .wso-img-left-text-right a.button:not(.simple, .wso-shop-button) span:last-of-type:after { content: ''; display: block; position: absolute; top: 50%; left: .8rem; width: 7.5rem !important; height: 7.5rem !important; border-radius: 50% !important; margin: 0 !important; background-color: var(--color-2) !important; opacity: 0 !important; -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; overflow: visible !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; pointer-events: none !important; } #Wrapper .wso-img-left-text-right a.button:not(.simple, .wso-shop-button) span:last-of-type:after { left: unset !important; right: .8rem !important; } #Wrapper a.button:hover span:first-of-type:after, #Wrapper a.button:active span:first-of-type:after, #Wrapper .jig-loadMoreButton:hover span:first-of-type:after, #Wrapper .jig-loadMoreButton:active span:first-of-type:after, input[type="submit"]:hover span:first-of-type:after, input[type="submit"]:active span:first-of-type:after, .wpgb-facet button.wpgb-button:hover span:first-of-type:after, .wpgb-facet button.wpgb-button:active span:first-of-type:after, #Wrapper .wso-img-left-text-right a.button:not(.simple, .wso-shop-button):hover span:last-of-type:after { opacity: 1 !important; pointer-events: all !important; -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } #Wrapper a.button:not(.simple, .checkout-button):after, #Wrapper .jig-loadMoreButton:after, .wpcf7-form .one.button .wpcf7-form-control span:after, .wpgb-facet button.wpgb-button:after, a.button:not(.simple, .checkout-button):after { content: ''; display: block; position: relative; width: 6.875rem !important; height: 2px; margin: 0 0.885rem 0.32rem; max-width: 6.875rem !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; opacity: 1 !important; -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } #Wrapper a.button:not(.button.simple, .checkout-button):hover:after, #Wrapper a.button:not(.button.simple):active:after, #Wrapper .jig-loadMoreButton:hover:after, .wpcf7-form .one.button .wpcf7-form-control:hover span:after, .wpgb-facet button.wpgb-button:hover:after, #Footer a.button:hover:after, #Footer a.button:active:after { max-width: 0 !important; margin: 0 0.385rem .32rem 0 !important; -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } #Wrapper a.button span:last-of-type, input[type="submit"] ~ span, #Wrapper .jig-loadMoreButton span:last-of-type, input[type="submit"] span:last-of-type, .wpgb-facet button.wpgb-button span:last-of-type, a.button span:last-of-type { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; z-index: 9 !important; } #Wrapper #Footer a.button:hover span:first-of-type:after, #Wrapper .wso-background-color-black a.button:hover span:first-of-type:after, #Wrapper .grid-24 .button:hover span:first-of-type:after { opacity: 0 !important; pointer-events: none !important; } #Wrapper a.button:not(.simple, .wso-shop-button, .checkout-button), #Wrapper .jig-loadMoreButton, input[type="submit"], .wpgb-facet button.wpgb-button, #Wrapper .wpcf7-form .one.button, #Footer a.button:not(.simple, .wso-shop-button) { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; max-width: 20rem; text-transform: lowercase !important; margin: 0 !important; padding: 0 !important; display: inline-block; color: white !important; background-color: unset !important; border: none !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: visible !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #Wrapper .grid-24 a.button:hover { padding: 0 3rem !important; } #Wrapper a.button .button_label { padding: 0; } #Wrapper a.button.secondary-button { color: var(--color-1) !important; background-color: transparent !important; border: 2px solid var(--color-1) !important; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } #Wrapper a.button.secondary-button:hover { color: white !important; background-color: var(--color-1) !important; border: 2px solid var(--color-1) !important; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } #Wrapper .button.primary-button span { color: var(--color-3) !important; } #Wrapper .wso-background-color-black .button.primary-button span { color: var(--color-1) !important; font-size: var(--font-size-h5) !important; } #Wrapper .button.primary-button:after { background-color: var(--color-3) !important; } #Wrapper .wso-background-color-black .button.primary-button:after { background-color: var(--color-1) !important; } #Footer .button.button-primary:after { background-color: var(--color-1) !important; } /*Justified Image Grid Button*/ #Wrapper .jig-loadMoreButton { position: relative; max-width: 100% !important; display: inline-block; border: none !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: white; background: var(--color-1) !important; } .jig-loadMoreButton-inner { position: relative; z-index: 1; } /*Button Hover*/ #Wrapper .jig-loadMoreButton::after, #Top_bar .menu > li.wso-menu-cta > a span::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: rgba(0, 0, 0, .07); opacity: 0; } #Wrapper .jig-loadMoreButton:hover::after, #Top_bar .menu > li.wso-menu-cta:hover > a span::after { opacity: 1; } /* ================= Video Button ================= */ #Wrapper .wso-video-button { position: relative; display: inline-block; height: 5rem; width: 5rem; margin: 0 auto 1.5rem !important; font-size: 3rem !important; color: var(--color-2) !important; border: 2px solid var(--color-2); border-radius: 50%; } #Wrapper .dark .wso-video-button, #Wrapper .column_image .image_wrapper .wso-video-button { color: white !important; border-color: white !important; } #Wrapper .column_image .image_wrapper .wso-video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; margin-bottom: 0; } #Wrapper .wso-video-button:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #Wrapper .column_image .image_wrapper .wso-video-button:hover { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .wso-video-button i { position: absolute; top: 50%; left: 55%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .column_image .image_wrapper .wso-video-button-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--overlay-dark); z-index: 1; } /* ============================================ Accordion ============================================ */ .accordion .question { border: none; border-bottom: 1px solid var(--color-3) !important; } .wso-bg-black .accordion .question { border-bottom: 1px solid var(--color-1) !important; } .accordion .question:first-child { border-top: none; } .accordion .question.active:after { display: none !important; } .accordion .question .title, .accordion .question .answer { -webkit-box-shadow: none !important; box-shadow: none !important; } .accordion .question .title { font-family: 'brandon-grotesque Light' !important; font-size: var(--font-size-h3) !important; line-height: 1.38em; letter-spacing: 0 !important; color: var(--color-3) !important; padding: 2.135rem 0 2.135rem 3.568rem !important; } .wso-bg-black .accordion .question .title { color: #FFF !important; } .accordion .question .title i { width: auto !important; height: auto !important; top: 50% !important; right: auto !important; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 1.4rem !important; color: var(--color-3) !important; } .accordion .question.active .title i { color: var(--color-1) !important; } .accordion .question .title > .acc-icon-plus:before { content: ''; background-image: url(/wp-content/uploads/2022/12/group-123.svg); background-size: contain; width: 1.406rem; height: 1.406rem; } .wso-bg-black .accordion .question .title > .acc-icon-plus:before { background-image: url(/wp-content/uploads/2023/04/group-123-1.svg); } .accordion .question .title > .acc-icon-minus:before { content: '\e946'; } .accordion .question .answer { padding: 2rem 0 3rem !important; } .wso-section-accordion .wso-section-breaker { height: 60vh !important; } /* ============================================ Tabs ============================================ */ #Wrapper .ui-tabs { border-radius: 0 !important; } #Wrapper .ui-tabs .ui-tabs-nav { position: relative; display: inline-block; border: none; } #Wrapper .ui-tabs .ui-tabs-nav li a { margin-bottom: 0 !important; padding: 1rem 2rem !important; background: transparent; border: 1px solid transparent !important; color: var(--color-2); border-bottom-color: var(--color-1) !important; -webkit-box-shadow: none; box-shadow: none; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { border: 1px solid var(--color-1) !important; border-bottom-color: transparent !important; color: var(--color-1); } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active:after, #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: none !important; } @media only screen and (min-width: 768px) { .mcb-wrap.one .column.one .ui-tabs { overflow: visible; } #Wrapper .ui-tabs-nav::before, #Wrapper .ui-tabs-nav::after { content: ""; position: absolute; width: 100rem; left: -100rem; bottom: 0; border-bottom: 1px solid var(--color-1); } #Wrapper .ui-tabs-nav::after { left: auto; right: -100rem; } } #Wrapper .ui-tabs .ui-tabs-panel { padding: 4rem 0 3rem !important; } /* ============================================ Accordion & Tab Sections ============================================ */ #Wrapper .wso-section-accordion .section_wrapper { max-width: var(--small-content-width) !important; } .accordion .question .answer .section .mcb-section-inner, .ui-tabs .ui-tabs-panel .section .mcb-section-inner { max-width: 100% !important; } #Wrapper .accordion .question .answer .section, #Wrapper .ui-tabs .ui-tabs-panel .section { padding: 0 !important; } #Wrapper .accordion .question .answer .section + .section, #Wrapper .ui-tabs .ui-tabs-panel .section + .section { padding-top: 2rem !important; } .accordion .question .answer .section .one.wrap .one.column, .ui-tabs .ui-tabs-panel .section .one.wrap .one.column { width: 100%; margin-left: 0; margin-right: 0; } .accordion .question .answer .section.equal-height-wrap .wrap[style="height: 0px;"], .ui-tabs .ui-tabs-panel .section.equal-height-wrap .wrap[style="height: 0px;"] { height: auto !important; } /* ================= Rotating Icon ================= */ .accordion .question .title > .acc-icon-minus { display: none !important; } .accordion .question.active .title > .acc-icon-plus { display: block; } /* ============================================ Justified Image Grid ============================================ */ .justified-image-grid { text-align: center; } /* ============================================ Contact Form ============================================ */ #Wrapper .wso-section-code .section_wrapper { max-width: var(--small-content-width) !important; } .wso-section-code .wpcf7-form { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 5.104rem 1fr; grid-template-columns: 1fr 1fr; grid-gap: 2.135rem 5.104rem !important; } .wso-section-code .wpcf7-form .one-second { width: 100%; } .wso-section-code .wpcf7-form .one { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; } .wso-section-code .wpcf7-form .wpcf7-textarea { border: 1px solid; height: 13.958rem; margin-top: 3.196rem; padding: 1.355rem 1.615rem !important; } .wso-section-code .wpcf7-form .wso-privacy-notice { margin-bottom: 3.196rem !important; } .wso-section-code .wpcf7-form input[type="submit"] { display: inline-block !important; } .wso-section-code .wpcf7-form-control ~ span, .wso-section-code .wpcf7-form input[type="submit"] { position: relative; color: var(--color-3) !important; line-height: 1.3em !important; pointer-events: all !important; } .wso-section-code .wpcf7-form-control:disabled ~ span { cursor: not-allowed !important; pointer-events: all !important; } .wso-section-code .wpcf7-form-control ~ span { margin-left: 3rem; padding-left: calc(6.875rem + (0.885rem*2)) !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; z-index: 1 !important; } .wpcf7-form .button:after { display: none !important; } .wso-section-code .wpcf7-form input[type="submit"] { padding-right: 14rem !important; position: absolute !important; left: 0; top: 0; } .wso-section-code .wpcf7-form-control:enabled:hover ~ span { padding-left: 0.885rem !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .wso-section-code .wpcf7-form-control ~ span:after { content: ''; display: block !important; width: 6.875rem !important; height: 2px; position: absolute; bottom: 0.52rem; left: 0; margin: 0 0.885rem 0; background-color: var(--color-3); -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .wso-section-code .wpcf7-form-control:enabled:hover ~ span:after { width: 0rem !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } span.wpcf7-spinner { display: none !important; } .wpcf7-form .one.button .wpcf7-form-control span:after { background-color: var(--color-3) !important; margin-bottom: .52rem; } #Wrapper .wpcf7-form .one.button { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; pointer-events: none !important; } input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input:not(.select2-search_field)[type="text"], input[type="url"], select, .select2 .select2-selection, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea { font-family: 'brandon-grotesque Medium'; font-size: var(--font-size-h3) !important; line-height: 1.38em !important; padding: 0 0 2.135rem !important; color: var(--color-3) !important; background-color: transparent !important; border-color: var(--color-3) !important; border: none; border-bottom: 1px solid; -webkit-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; } input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus, .woocommerce .quantity input.qty:focus, .dark input[type="email"]:focus, .dark input[type="password"]:focus, .dark input[type="tel"]:focus, .dark input[type="text"]:focus, .dark select:focus, .dark textarea:focus { border-color: var(--color-3) !important; } ::-webkit-input-placeholder { color: var(--color-3) !important; } ::-moz-placeholder { opacity: 1 !important; color: var(--color-3) !important; } :-ms-input-placeholder { color: var(--color-3) !important; } :-moz-placeholder { color: var(--color-3) !important; } span.wpcf7-form-control-wrap { margin-bottom: 0; } .wpcf7-acceptance, .wpcf7-checkbox, .wpcf7-radio { display: block; text-align: left; } /* ================= Checkboxes ================= */ #Wrapper span.wpcf7-list-item { margin: 0; } #Wrapper span.wpcf7-list-item label { font-weight: 400; } #Wrapper span.wpcf7-list-item { margin: 0 1em 0 0 !important; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) { display: none !important; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span { display: block; position: relative; padding-left: 1.5em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-family: 'brandon-grotesque Light'; line-height: 1.5em; transition: all var(--burger-menu-transition) ease-in-out; -webkit-transition: all var(--burger-menu-transition) ease-in-out; -moz-transition: all var(--burger-menu-transition) ease-in-out; -ms-transition: all var(--burger-menu-transition) ease-in-out; -o-transition: all var(--burger-menu-transition) ease-in-out; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:last-child { margin-bottom: 0; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:before, #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:after { content: ''; display: inline-block; position: absolute; margin-top: 0; margin-right: 0; transition: all var(--burger-menu-transition) ease-in-out; -webkit-transition: all var(--burger-menu-transition) ease-in-out; -moz-transition: all var(--burger-menu-transition) ease-in-out; -ms-transition: all var(--burger-menu-transition) ease-in-out; -o-transition: all var(--burger-menu-transition) ease-in-out; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:before { width: 1rem; height: 1rem; top: .22em; left: 0; border: 1px solid var(--color-3); border-radius: 100%; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:after { content: '\e841'; color: var(--color-3); font-family: 'mfn-icons'; font-size: 0.8em; font-style: normal; font-weight: 400; line-height: 1em; top: 0.45em; left: 0.3em; speak: none; opacity: 0; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]):checked + span { color: var(--color-3); } #Wrapper input[type="checkbox"]:not([id*="borlabs"]):checked + span::before { background-color: var(--color-1); border-color: var(--color-3); border-width: 2px; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]):checked + span:after { opacity: 1; } /* ================= Radio ================= */ #Wrapper .wpcf7-list-item-label { cursor: pointer !important; } #Wrapper input[type="radio"] { position: absolute; opacity: 0; } #Wrapper .wpcf7-radio span.wpcf7-list-item-label::before { content: ''; border-radius: 100%; border: 1px solid var(--color-1); display: inline-block; width: 1em; height: 1em; position: relative; top: .22em; margin-right: .6em; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } #Wrapper input[type="radio"]:checked + span.wpcf7-list-item-label::before { background-color: var(--color-1); -webkit-box-shadow: inset 0 0 0 4px #f9f7f5; box-shadow: inset 0 0 0 4px #f9f7f5; } #Wrapper input[type="radio"]:focus + .wpcf7-list-item-label:before { outline: none; } #Wrapper input[type="radio"]:disabled + .wpcf7-list-item-label:before { -webkit-box-shadow: inset 0 0 0 4px #f4f4f4; box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; } #Wrapper input[type="radio"] + .wpcf7-list-item-label:empty:before { margin-right: 0; } /* ============================================ Google Map ============================================ */ .wst-acf-map { height: 30rem !important; } .gm-style { font-family: inherit !important; } .gm-style-iw, .gm-style .gm-style-iw-t { margin-top: -5px !important; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; border-radius: 0 !important; } .gm-style .gm-style-iw-t::after { margin-top: -.3rem !important; } div[class^="gm-style-iw"] { padding: 0 !important; overflow: visible !important; } .gm-style-iw > div { overflow-y: auto !important; margin-right: -20px !important; } #Wrapper .gm-style-iw-d { overflow: visible !important; max-height: 900px !important; } div[class^="gm-style-iw"] button { opacity: 1 !important; background-color: rgba(255, 255, 255, 1) !important; border: none !important; padding: 0 !important; top: 5px !important; right: 5px !important; color: black !important; width: 28px !important; height: 28px !important; text-align: center !important; display: block !important; border-radius: 50%; opacity: 1 !important; z-index: 9; } div[class^="gm-style-iw"] button img { display: none !important; } div[class^="gm-style-iw"] button:after { content: '\e963'; font-family: "mfn-icons"; font-style: normal; font-weight: 900; font-size: 14px !important; speak: none; display: inline-block; text-decoration: none !important; width: 100%; color: var(--color-2); text-align: center; font-variant: normal; text-transform: none; opacity: 1 !important; line-height: 28px !important; background: transparent !important; } div[class^="gm-style-iw"] button:hover { background-color: var(--color-1) !important; } div[class^="gm-style-iw"] button:hover:after { color: white; } .gm-style .gm-style-iw-c { background-color: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; overflow: visible; max-height: 900px !important; } .wso-infowindow { padding: 1.5rem 2.5rem !important; width: auto !important; display: block !important; margin-right: 20px; background-color: white; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; max-width: 20rem !important; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } /* ============================================ Sidebar ============================================ */ .wso-section-sidebar { z-index: 999; } html.wso-active-sidebar { overflow-y: hidden; } #wso-sidebar-parent { position: fixed; width: 750px; left: 100%; max-width: 100%; max-width: calc(100vw - 60px); top: 0; height: 100%; background-color: #e7e7e7; z-index: 999; will-change: transform; -webkit-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #wso-sidebar-parent.wso-active { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); will-change: transform; -webkit-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; } #wso-sidebar-body-overlay { position: fixed; left: 0; bottom: 0; right: 0; top: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 998; opacity: 0; cursor: crosshair; pointer-events: none; -webkit-transition: top 0s linear .36s, opacity .35s ease; -o-transition: top 0s linear .36s, opacity .35s ease; transition: top 0s linear .36s, opacity .35s ease; } #wso-sidebar-parent.wso-active + #wso-sidebar-body-overlay { pointer-events: all; opacity: 1; top: 0; -webkit-transition: top 0s linear, opacity .6s ease; -o-transition: top 0s linear, opacity .6s ease; transition: top 0s linear, opacity .6s ease; } .wso-sidebar { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .wso-sidebar-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; padding: 10%; -webkit-overflow-scrolling: touch; } #wso-sidebar-toggles { position: absolute; left: -60px; top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; list-style: none; margin: 0; } #wso-sidebar-toggles li { width: 60px; height: 60px; line-height: 60px; margin: 10px 0; background-color: #f0f0f0; cursor: pointer; background-position: center center; background-repeat: no-repeat; } #wso-sidebar-parent.wso-active li.wso-active, #wso-sidebar-toggles li:hover { background-color: #e7e7e7; } /* ================= Close Button ================= */ #wso-sidebar-close { position: absolute; right: 0; top: 0; height: 70px; width: 80px; z-index: 9; cursor: pointer; -webkit-transition: all .3s ease !important; -o-transition: all .3s ease !important; transition: all .3s ease !important; } #wso-sidebar-close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #wso-sidebar-close:before, #wso-sidebar-close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 1px; background-color: #1d1d1b !important; } #wso-sidebar-close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } #wso-sidebar-close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } /* ================= Scrollbar Fixes ================= */ @media only screen and (min-width: 1399px) { html.wso-active-sidebar body, html.wso-active-sidebar #Top_bar { max-width: calc(100vw - 16px); } #wso-sidebar-parent { left: calc(100vw - 15px); } #wso-sidebar-parent.wso-active { -webkit-transform: translate(-100%, 0) translate(-100%, 0); -ms-transform: translate(-100%, 0) translate(-100%, 0); transform: translate(-100%, 0) translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0) translate3d(15px, 0, 0); -ms-transform: translate3d(-100%, 0, 0) translate3d(15px, 0, 0); transform: translate3d(-100%, 0, 0) translate3d(15px, 0, 0); } } /* ============================================ Content width ============================================ */ .mcb-section:not(.full-width) .section_wrapper, .entry-content > .mcb-section.full-width .section_wrapper .mcb-section:not(.full-width) .section_wrapper, #Footer .footer_action .container .mcb-section:not(.full-width) .section_wrapper, .wpgb-card-2 .wpgb-block-1 { max-width: var(--content-width) !important; } #Wrapper .wso-section-text.wso-one-column .section_wrapper { max-width: var(--small-content-width) !important; } /* ============================================ Sections, Colums, Wraps ============================================ */ .section.wso-align-center > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) > .column_attr, .section.wso-align-center > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box), .column.wso-align-center .column_attr { text-align: center; } .section.wso-align-right > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) .column_attr, .section.wso-align-right > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > right.column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box), .column.wso-align-right .column_attr { text-align: right; } .one.column { width: 100% !important; } .column, .columns { margin: 0 0 !important; } .column_image img { width: 100%; } .wso-wrap-content .column { margin-bottom: 0rem !important; } /* ============================================ Section Padding Einstellungen ============================================ */ #Wrapper .section.mcb-section.wso-top-no-padding:not(.wso-section-slider) { padding-top: 0 !important; } #Wrapper .section.mcb-section.wso-bot-no-padding:not(.wso-section-slider) { padding-bottom: 0 !important; } #Wrapper .section.mcb-section.wso-top-small-padding:not(.wso-section-slider) { padding-top: var(--padding-small) !important; } #Wrapper .section.mcb-section.wso-bot-small-padding:not(.wso-section-slider) { padding-bottom: var(--padding-small) !important; } .section.mcb-section:not(.wso-section-slider) { padding-top: var(--padding-standard) !important; padding-bottom: var(--padding-standard) !important; } #Wrapper .section.mcb-section.wso-top-big-padding:not(.wso-section-slider) { padding-top: var(--padding-big) !important; } #Wrapper .section.mcb-section.wso-bot-big-padding:not(.wso-section-slider) { padding-bottom: var(--padding-big) !important; } /* ----------------------- text section first section ----------------------- */ #Wrapper .entry-content .wso-section-text-img:first-child { margin-top: 3rem !important; } /* ================= Section Multi Column ================= */ .wso-section-multi-column .wrap .section { clear: both; } /* ================= Section Template ================= */ .wso-section-template.section.mcb-section { padding-top: 0 !important; padding-bottom: 0 !important; } .wso-section-template > .section_wrapper { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .wso-section-template > .section_wrapper > .wrap > .mcb-wrap-inner > .one.column { width: 100%; margin: 0; } /* ================= Section Hero ================= */ #Wrapper .wso-section-hero { padding: 11% 0 !important; } .wso-section-hero .section_wrapper { position: static; } .wso-section-hero .column.one { margin: 0; width: 100%; } .wso-hero-img { position: absolute; top: 0; left: 0; height: 100%; pointer-events: none; overflow: hidden; } .wso-hero-img::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--overlay-light); z-index: 8; visibility: visible; height: 100%; width: 100%; } .dark .wso-hero-img::after { background-color: var(--overlay-dark); } .wso-hero-img .mcb-wrap-inner, .wso-hero-img .mcb-wrap-inner .column, .wso-hero-img .mcb-wrap-inner .column_attr, .wso-hero-img .mcb-wrap-inner .image_frame, .wso-hero-img .mcb-wrap-inner .image_wrapper { height: 100% !important; } .wso-section-hero.wso-align-right .wso-highlight-button { right: auto; left: 0; } /* ================= Section Intro ================= */ #Wrapper .wso-section-intro { padding: 17% 0 12% !important; } /* ================= Img Column ================= */ .wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) { height: 23vw; position: relative; } .wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) .image_frame, .wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) .image_wrapper { height: 100%; width: 100%; } /* ================= Img Boxes ================= */ #Wrapper .wso-img-box { position: relative; height: 24rem !important; } .wso-img-box .image_frame { position: absolute; top: 0; } .wso-img-box .image_frame, .wso-img-box .image_wrapper, .wso-img-box .image_wrapper a { height: 100%; width: 100%; } .wso-img-box .image_wrapper a:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .5)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5))); background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5)); z-index: 1; pointer-events: none; } .column_image .wp-caption-text { position: absolute; bottom: 0; left: 0; width: 100%; background: transparent; border-radius: 0; color: white; z-index: 2; padding: 1.5rem 7% !important; pointer-events: none; } .column_image .wp-caption-text span { display: block; font-size: .75em; } /* ================= Highlight Button ================= */ #Wrapper + .wso-footer-breaker .wso-highlight-button, #Wrapper .wso-highlight-button { position: absolute; right: 18.59%; top: 7.583rem; width: 7.5rem !important; height: 7.5rem !important; z-index: 9; } #Wrapper + .wso-footer-breaker .wso-highlight-button p, #Wrapper .wso-highlight-button p { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 70.13% !important; /* margin: 0 auto !important; */ font-family: 'brandon-grotesque Bold' !important; font-size: 0.833rem !important; letter-spacing: 0 !important; line-height: 1.19em !important; text-transform: uppercase !important; margin-bottom: 0 !important; text-align: center !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: break-spaces; } .wso-highlight-button p strong { max-width: 110% !important; overflow-wrap: unset !important; font-family: 'brandon-grotesque Bold' !important; } #Wrapper + .wso-footer-breaker .wso-highlight-button .column_attr, #Wrapper .wso-highlight-button .column_attr { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; background-color: var(--color-2) !important; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--color-2); -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .wso-highlight-button:hover .column_attr { border: 1px solid var(--color-3) !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } /* ============================================ Section Text ============================================ */ #Wrapper .wso-section-text .wso-wrap-content-above { height: auto !important; } /* ============================================ Section Text Abstände ============================================ */ #Wrapper .wso-section-text .wso-wrap-content-above { height: auto !important; } @media only screen and (min-width: 768px) { #Wrapper .wso-section-text.wso-two-columns .wrap:nth-last-child(2) { padding-right: 3.5rem !important; } #Wrapper .wso-section-text.wso-two-columns .wrap:last-child { padding-left: 3.5rem !important; } #Wrapper .wso-section-text.wso-three-columns .wrap:first-child { padding-right: 1rem !important; } #Wrapper .wso-section-text.wso-three-columns .wrap:nth-last-child(2) { padding: 0 1rem !important; } #Wrapper .wso-section-text.wso-three-columns .wrap:last-child { padding-left: 1rem !important; } #Wrapper .wso-section-text.wso-four-columns .wrap:first-child { padding: 0 1rem 0 0 !important; } #Wrapper .wso-section-text.wso-four-columns .wrap { padding: 0 1rem !important; } #Wrapper .wso-section-text.wso-four-columns .wrap:last-child { padding-left: 0 0 0 1rem !important; } } /* ============================================ Section Text Img ============================================ */ .wso-section-text-img .column { margin-bottom: 0 !important; } @media only screen and (min-width: 768px) { .wso-section-text-img .mcb-wrap:last-child .mcb-wrap-inner, .wso-section-text-img .mcb-wrap:last-child .column_image, .wso-section-text-img .mcb-wrap:last-child .image_frame, .wso-section-text-img .mcb-wrap:last-child .image_wrapper { height: 100% !important; } .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper, .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper a:not(.wso-video-button) { position: absolute; top: 0; left: 0; } .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper { width: 100%; } .wso-section-text-img:not(.wso-section-text-2-img) .wrap:first-child { height: auto !important; width: 100%; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 1/1/3/3; z-index: 9; } .wso-section-text-img:not(.wso-section-text-2-img) .wrap:last-child { /* position: absolute; */ width: 100%; right: 0; min-height: 31.094rem !important; max-height: 31.094rem !important; -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 2/2/4/4; } .wso-section-text-img .column_attr h2, .wso-section-text-img .column_attr .wso-h2, .wso-section-text-img .column_attr h1, .wso-section-text-img .column_attr .wso-h1, .wso-section-text-img .column_attr h3, .wso-section-text-img .column_attr .wso-h3 { margin-bottom: 4.688rem !important; } .wso-section-text-img .column_attr h2 + p, .wso-section-text-img .column_attr .wso-h2 + p, .wso-section-text-img .column_attr h1 + p, .wso-section-text-img .column_attr .wso-h1 + p, .wso-section-text-img .column_attr h3 + p, .wso-section-text-img .column_attr .wso-h3 + p { margin-top: -1.688rem !important; } .wso-section-text-img:not(.wso-section-text-2-img) .wrap.wso-float-right { padding-left: 0; padding-right: 0; -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 1/2/3/4; text-align: right !important; } .wso-section-text-img .wrap.wso-float-right + .wrap { padding-right: 0; padding-left: 0; left: 0; right: auto; -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 2/1/4/3; } .wso-section-text-img.wso-layout-2 .wrap { padding-top: 0; padding-bottom: 0; } } #Wrapper .wso-section-text-img .column_attr a > span { font-family: 'brandon-grotesque Medium' !important; } #Wrapper .wso-section-text-img:not(.wso-section-newsletter) .column_attr a { font-size: var(--font-size-h3) !important; font-family: 'brandon-grotesque Regular' !important; } #Wrapper .wso-section-text-img .column_attr a:hover { color: var(--color-3); } /* ================= Section Text 2 Img ================= */ #Wrapper .wso-section-text-2-img-left .wrap:last-child .mcb-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #Wrapper .wso-section-text-2-img-right .wrap:last-child .mcb-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wso-section-text-2-img-left .section_wrapper { margin-left: 0 !important; } .wso-section-text-2-img-right .section_wrapper { margin-right: 0 !important; } #Wrapper .wso-section-text-2-img .wrap:first-child { height: auto !important; width: 27.73% !important; } #Wrapper .wso-section-text-2-img-left .wrap:first-child { margin-left: var(--text-img-spacing); z-index: 9; } #Wrapper .wso-section-text-2-img-right .wrap:first-child { margin-right: var(--text-img-spacing); } #Wrapper .wso-section-text-2-img .wrap:last-child { padding-left: 0; position: absolute; width: 66.47%; right: 0; height: 100%; } #Wrapper .wso-section-text-2-img-left .wrap:last-child { padding-right: 0; margin-right: var(--text-img-spacing); } #Wrapper .wso-section-text-2-img-right .wrap:last-child { margin-left: var(--text-img-spacing); } #Wrapper .wso-section-text-2-img .wrap:last-child .mcb-wrap-inner > :nth-child(1) { width: 59.59% !important; } #Wrapper .wso-section-text-2-img .wrap:last-child .mcb-wrap-inner > :nth-child(2) { width: 34.59% !important; height: 61.57% !important; } .wso-section-text-2-img .column_attr h2, .wso-section-text-2-img .column_attr .wso-h2, .wso-section-text-2-img .column_attr h1, .wso-section-text-2-img .column_attr .wso-h1, .wso-section-text-2-img .column_attr h3, .wso-section-text-2-img .column_attr .wso-h3 { margin-bottom: 4.896rem !important; } #Wrapper .wso-section-text-2-img .column_attr p:first-of-type { padding-bottom: 2.083rem !important; } #Wrapper .wso-section-text-2-img .column_attr p { font-family: 'brandon-grotesque Regular' !important; font-size: calc(var(--font-size-p)*1.2) !important; } #Wrapper .wso-section-text-2-img .column_attr p:last-of-type { margin-bottom: 3.385rem !important; } #Wrapper .wso-section-text-2-img .column_attr a:last-of-type { margin-bottom: 13.493rem !important; } #Wrapper .wso-section-text-2-img .wso-zoom-in-image { left: 50% !important; top: 50% !important; width: 61.32% !important; height: 73.97% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden !important; pointer-events: none !important; } #Wrapper .wso-section-text-2-img .wso-zoom-in-image img { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); pointer-events: none !important; } /* ================= Section Text 3 Img ================= */ @media only screen and (min-width: 768px) { .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:first-child { float: right; width: 80%; height: 55% !important; padding-right: 10%; } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) { position: absolute; left: 0; bottom: 0; width: 65%; height: 60% !important; z-index: 2; } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(3) { position: absolute; right: 0; bottom: 10%; width: 50%; height: 35% !important; z-index: 3; } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) .image_frame { border-top: var(--img-border); border-right: var(--img-border); background: white !important; } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(3) .image_frame { border-top: var(--img-border); border-bottom: var(--img-border); border-left: var(--img-border); background: white !important; } } /* ================= Section Text Img Fullwidth ================= */ #Wrapper .wso-section-text-img-fullwidth, .wso-section-text-img-fullwidth .wrap:last-child { padding: 0 !important; } .wso-section-text-img-fullwidth .wrap:first-child { background-color: var(--color-3); padding: 5% 7%; } .wso-section-text-img-fullwidth .wrap.wso-float-right:first-child { background-color: var(--color-4); } /* --------------------------- Section Newsletter --------------------------- */ #Wrapper .wso-section-newsletter .section_wrapper { max-width: var(--content-width) !important; margin-right: auto; margin-left: 0 !important; padding-top: 12rem !important; padding-bottom: 11.3rem !important; display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: center; } #Wrapper .wso-section-newsletter .section_wrapper .wrap:not(.wso-float-right) { width: 22.88% !important; margin-right: auto; } #Wrapper .wso-section-newsletter .section_wrapper .wrap:not(.wso-float-right) .wso-zoom-in-image { width: 61.33%; height: 73.95% !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right { width: 67% !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr { display: grid; width: 100% !important; grid-auto-rows: max-content; grid-template-columns: 1fr 1fr; grid-gap: 0 2.81rem; } #Wrapper .wso-section-newsletter .section_wrapper .wso-headline-wrapper { grid-area: 1/1/2/2; width: 100%; display: flex; margin-bottom: 2.6rem !important; align-items: center; } #Wrapper .wso-section-newsletter .section_wrapper .wso-headline-wrapper .wso-logo-wrapper { height: 1.458rem !important; } #Wrapper .wso-section-newsletter .section_wrapper .wso-headline-wrapper .wso-logo-wrapper img { height: 100%; } #Wrapper .wso-section-newsletter .section_wrapper .wso-headline-wrapper .wso-title { font-size: 1.822rem !important; font-family: 'brandon-grotesque Medium' !important; padding-left: .73rem !important; margin-bottom: 0 !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wso-text-left { grid-area: 2/1/3/2; text-align: left; font-size: 1.822rem !important; line-height: 1.38em !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wso-text-left strong { font-family: 'brandon-grotesque Regular' !important; font-weight: inherit; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wso-text-left p, #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wso-text-right p { font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; margin-bottom: 0 !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wso-text-right p { font-family: inherit !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wso-text-right { grid-area: 2/2/3/3; text-align: left; font-size: 1.197rem !important; line-height: 1.81em !important; letter-spacing: 0 !important; font-family: 'brandon-grotesque Light'; opacity: .6; width: 100%; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wpcf7 { grid-area: 3/1/4/3; margin-top: 4.43rem !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wpcf7 * { color: var(--color-1) !important; border-color: var(--color-1) !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wpcf7 input::placeholder { color: var(--color-1) !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wpcf7 input:focus { color: var(--color-1) !important; background-color: transparent !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wpcf7-form { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2.14rem 3.85rem; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wpcf7-form .one-second { grid-column: span 1; width: 100% !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wpcf7-form .one { grid-column: 1/3; width: 100% !important; } #Wrapper .wso-section-newsletter input[type="checkbox"]:not([id*="borlabs"]) + span:before { border: 1px solid var(--color-1); } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .one.button > p { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; height: fit-content !important; overflow: visible !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .one.button .wpcf7-submit:disabled ~ span:not(.wpcf7-spinner) { cursor: not-allowed; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .one.button .wpcf7-submit:enabled ~ span:not(.wpcf7-spinner) { cursor: pointer; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .one.button span { padding-left: 7.607rem !important; margin-left: .833rem !important; position: relative; transition: 300ms ease-in-out; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .one.button span::before { content: ""; display: block; position: absolute; bottom: 20%; left: 0; background-color: var(--color-1) !important; height: 2px; width: 6.875rem; transition: 300ms ease-in-out; max-width: 50rem; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .one.button:hover span::before { max-width: 0rem !important; transition: 200ms ease-in-out; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .one.button:hover span { padding-left: 0 !important; transition: 300ms ease-in-out; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .one.button input { cursor: pointer; pointer-events: all !important; overflow: visible !important; height: 2rem; } @media only screen and (max-width: 1023px) { #Wrapper .wso-section-newsletter .section_wrapper { max-width: var(--content-width) !important; margin-right: auto; margin-left: auto !important; padding-top: 8.61rem !important; padding-bottom: 6.5rem !important; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right { width: 100% !important; max-height: unset !important; min-height: unset !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr { grid-template-columns: 36.76fr 63.24fr; grid-gap: 0; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .image_frame { width: 100%; height: 100% !important; grid-column: 1/2; grid-row: 1/2; position: relative; left: -15%; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .image_frame .image_wrapper { height: 100% !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .image_frame .wso-zoom-in-image { position: absolute; width: 61.29% !important; height: 74.02% !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wso-mobile-wrapper { grid-column: 2/3; grid-row: 1/2; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wso-text-right { grid-column: 1/3; font-size: 1.26rem !important; padding-top: 3.8rem !important; padding-bottom: 4.22rem !important; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wpcf7 { margin-top: 0 !important; } } @media only screen and (max-width:767px) { #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .image_frame { left: -25%; } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .wpcf7-form .one-second { grid-column: span 2; width: 100% !important; } } @media only screen and (max-width:599px) { #Wrapper .wso-section-newsletter .section_wrapper .wso-headline-wrapper { display: flex; flex-direction: column; align-items: flex-start; } #Wrapper .wso-section-newsletter .section_wrapper .wso-headline-wrapper .wso-logo-wrapper { margin-bottom: 1rem; } } #Wrapper .wso-section-newsletter .section_wrapper .wrap.wso-float-right .column_attr .one.button input:disabled { cursor: not-allowed; } /* ============================================ WP Grid Builder ============================================ */ .wp-grid-builder .wpgb-card [class*="wpgb-block-"] { white-space: inherit !important; } .wpgb-facet button.wpgb-button { outline: none; } body:not([data-browser-name="IE"]) .wpgb-card-1 .wpgb-card-media-thumbnail, body:not([data-browser-name="IE"]) .wpgb-card-3 .wpgb-card-media-thumbnail { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; -webkit-transition: all .5s ease-in-out !important; -o-transition: all .5s ease-in-out !important; transition: all .5s ease-in-out !important; } /* ================= Navigation & Facets ================= */ .wpgb-facet > fieldset:last-child { margin-bottom: 3rem !important; } /*Arrows*/ .wp-grid-builder .wpgb-prev-button, .wp-grid-builder .wpgb-next-button { min-width: auto !important; min-height: auto !important; width: 2.5rem !important; height: 2.5rem !important; margin: 0 !important; -webkit-transform: rotate(45deg) skew(12deg, 12deg); -ms-transform: rotate(45deg) skew(12deg, 12deg); transform: rotate(45deg) skew(12deg, 12deg); border-color: var(--color-2) !important; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; outline: none !important; } .wp-grid-builder .wpgb-prev-button { border-bottom: 1px solid !important; border-left: 1px solid !important; } .wp-grid-builder .wpgb-next-button { border-top: 1px solid !important; border-right: 1px solid !important; } .wp-grid-builder .wpgb-prev-button svg, .wp-grid-builder .wpgb-next-button svg, .wp-grid-builder .wpgb-prev-button::after, .wp-grid-builder .wpgb-next-button::after { display: none; } .wp-grid-builder .wpgb-area-left { left: -4rem !important; } .wp-grid-builder .wpgb-area-right { right: -4rem !important; } .dark .wp-grid-builder .wpgb-prev-button, .dark .wp-grid-builder .wpgb-next-button { border-width: 2px; border-color: white !important; } /*Slider Bullets*/ .wp-grid-builder .wpgb-page-dots { margin-top: 2rem !important; } .wp-grid-builder .wpgb-page-dots li { width: .9rem !important; height: .9rem !important; padding: 0 !important; margin: 0 .5rem !important; outline: none !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot:after { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent !important; border: 1px solid var(--color-1) !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected="true"]:after { background-color: var(--color-1) !important; } .dark .wp-grid-builder .wpgb-page-dots .wpgb-dot:after { border: 1px solid white !important; } .dark .wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected="true"]:after { background-color: white !important; } /*Filter Radio*/ .wpgb-facet .wpgb-hierarchical-list { display: flex !important; text-align: center; gap: 2rem !important; align-items: flex-end; } @media only screen and (min-width: 768px) { .wpgb-radio-facet .wpgb-hierarchical-list li { display: inline-block !important; margin: 0 !important; border-radius: 0 !important; } } @media only screen and (max-width:767px) { #Wrapper .wpgb-grid-22 .wpgb-area-top-2 { display: flex; width: 100% !important; margin: 0 !important; justify-content: space-between; flex-direction: column; } .wpgb-facet .wpgb-hierarchical-list { width: 100% !important; flex-direction: column; align-items: center; } .wpgb-radio-facet .wpgb-hierarchical-list li { width: 100% !important; } } .wpgb-radio-facet .wpgb-radio-control { display: none !important; } .wpgb-radio-facet .wpgb-radio-label { position: relative; text-transform: uppercase !important; color: var(--color-3) !important; padding: 0 !important; font-family: 'brandon-grotesque Medium' !important; font-size: var(--font-size-h5) !important; line-height: .9em !important; letter-spacing: 0 !important; } .wpgb-radio-facet .wpgb-radio .wpgb-radio-label::after { content: " "; display: block; margin-top: .5rem; border-bottom: 1px solid transparent; } .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] .wpgb-radio-label::after { border-bottom: 1px solid var(--color-1); } /*Pagination*/ .wpgb-pagination-facet { margin-top: 2rem; } .wpgb-facet .wpgb-pagination li { height: auto !important; min-width: 0 !important; margin: .2rem !important; font-size: .9rem !important; line-height: 1.4em !important; font-weight: 500 !important; outline: none !important; } .wpgb-facet .wpgb-pagination li a, .wpgb-facet .wpgb-pagination li a:hover { padding: 0 !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; color: var(--color-3) !important; outline: none !important; } .wpgb-facet .wpgb-pagination li a[aria-current] { color: var(--color-3) !important; background-color: var(--color-2); border-radius: 50%; height: 1.563rem; width: 1.563rem; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 .5rem !important; } /*Loading Spinner*/ #Wrapper .wpgb-loader .wpgb-loader-6 * { color: var(--color-1) !important; background: var(--color-1) !important; } /* ================= Grid Slider ================= */ .wso-section-slider { background-color: var(--color-1); } .wso-section-slider .wpgb-grid-19 { overflow: hidden; } .wso-section-slider .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider .wpgb-grid-19 .wpgb-main, .wso-section-slider .wpgb-grid-19 .wpgb-layout, .wso-section-slider .wpgb-grid-19 .wpgb-carousel, .wso-section-slider .wpgb-grid-19 .wpgb-masonry, .wso-section-slider .wpgb-grid-19 .wpgb-card { cursor: unset !important; padding: 0 !important; margin: 0 !important; top: 0; bottom: 0; } .wso-section-slider:not(.wso-fullscreen, .wso-sticky-slider), .wso-section-slider:not(.wso-fullscreen, .wso-sticky-slider) .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider:not(.wso-fullscreen, .wso-sticky-slider) .wpgb-grid-19 .wpgb-main, .wso-section-slider:not(.wso-fullscreen, .wso-sticky-slider) .wpgb-grid-19 .wpgb-layout, .wso-section-slider:not(.wso-fullscreen, .wso-sticky-slider) .wpgb-grid-19 .wpgb-carousel, .wso-section-slider:not(.wso-fullscreen, .wso-sticky-slider) .wpgb-grid-19 .wpgb-masonry, .wso-section-slider:not(.wso-fullscreen, .wso-sticky-slider) .wpgb-grid-19 .wpgb-card { height: 100vh !important; max-height: 70rem; cursor: unset !important; /* pointer-events: none !important; */ } .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-main, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-layout, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-carousel, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-masonry, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card { height: 100vh !important; max-height: 70rem; } .wpgb-card-2 { overflow: hidden; } .wpgb-card-2 .wpgb-card-content, .wpgb-card-2 .wpgb-card-body, .wpgb-card-2 .wpgb-block-5, .wpgb-card-2 .wso-slider-skin-img { height: 100% !important; } .wpgb-card-2 .wpgb-block-1 { position: absolute !important; top: 50% !important; left: 50% !important; width: 100% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; text-align: center !important; z-index: 2 !important; display: inline-block !important; } #Wrapper .wso-section-slider:not(.wso-sticky-slider, .wso-normal-slider) .wpgb-card-2 .wso-slider-skin-img::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--overlay-dark); z-index: 2; } .wp-grid-builder.wpgb-grid-19 .wpgb-area-left { left: 2rem !important; } .wp-grid-builder.wpgb-grid-19 .wpgb-area-right { right: 2rem !important; } .wpgb-grid-19 .wpgb-area-bottom-1 { position: absolute; bottom: 1.6rem; width: 100%; z-index: 3; margin: 0 !important; } /* ================= Grid Skin 1 ================= */ .wpgb-card-1 .wpgb-card-body { text-align: center; padding: 2rem 2rem 1rem !important; } #Wrapper .wpgb-card-1 .wpgb-card-body h3, #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3 { position: relative; color: var(--color-1) !important; min-height: 4.8rem; } .wpgb-card-1 .wpgb-card-body h3::after, #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3::after { margin-bottom: 1rem !important; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -1.2rem; } #Wrapper .wso-background-color-black .wpgb-card-1 .wso-news-skin-event-date { color: var(--color-1) !important; } #Wrapper .wpgb-card-1 .wso-news-skin-event-date { margin-bottom: 0 !important; text-align: center; padding: 4rem 1rem 1rem; background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .5)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5))); background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5)); color: var(--color-3) !important; } .wpgb-card-1 .wso-news-skin-event-date-highlight { position: absolute; right: 0; width: 3.5rem; background: var(--color-1) !important; padding: .5rem .7rem !important; font-size: .8rem !important; text-align: center !important; font-weight: 300 !important; } .wso-news-skin-event-date-highlight span { display: block; text-transform: uppercase !important; } .wso-news-skin-event-date-highlight-d { font-size: 1.8em !important; line-height: 1.25em !important; font-weight: 200 !important; } .wso-news-skin-event-date-highlight-d::after { content: " "; width: 1.8rem; display: block; margin: .2rem auto; border-bottom: 1px solid; } .wpgb-radio-facet .wpgb-radio-label:after { content: ""; position: absolute; bottom: -0.3rem; left: 50%; margin: 0 !important; border: 0 !important; width: 0%; height: 2px; background-color: var(--color-3) !important; transition: 300ms ease-in-out; transform: translateX(-50%); } .wpgb-radio-facet .wpgb-radio-label:hover:after { width: 100% !important; transition: 300ms ease-in-out; } .wpgb-facet .wpgb-hierarchical-list li { margin-top: 0 !important; } /* ================= Grid Skin 2 ================= */ .wpgb-card-3 .wpgb-card-media-content { z-index: 1; } .wpgb-card-3 .wpgb-card-media-content-bottom { padding: 1.5rem 7% !important; } .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 { overflow: hidden; } .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) { -webkit-transition: all .8s ease-in-out !important; -o-transition: all .8s ease-in-out !important; transition: all .8s ease-in-out !important; } .wpgb-card-3:not(:hover) .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) { max-height: 0; margin-bottom: 0 !important; } .wpgb-card-3:hover .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) { max-height: 7rem; margin-bottom: 0 !important; } .wpgb-card-3 .wpgb-card-media-thumbnail::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .5)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5))); background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5)); z-index: 1; pointer-events: none; -webkit-transition: all .5s ease-in-out !important; -o-transition: all .5s ease-in-out !important; transition: all .5s ease-in-out !important; } .wpgb-card-3:hover .wpgb-card-media-thumbnail::before { background-color: var(--overlay-dark); } .wpgb-card-3 .wpgb-card-media-content-top .wso-news-skin-event-date-highlight { padding-top: 1rem !important; background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, .5)); background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .5))); background: linear-gradient(360deg, transparent, rgba(0, 0, 0, .5)); } .wpgb-card-3 .wso-h4 { color: white !important; } /* ================= Grid Cobbles ================= */ @media only screen and (min-width: 768px) { div[class*="wso-cobbles-layout"] .wpgb-viewport { height: auto !important; } div[class*="wso-cobbles-layout"] .wpgb-card { top: auto !important; left: auto !important; position: relative !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; overflow: hidden !important; float: left; border: 5px solid transparent !important; } } /* ================= Grid Cobbles 1 ================= */ @media only screen and (min-width: 768px) { .wso-cobbles-layout-1 .wpgb-card { width: 33.33% !important; } .wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 1) { height: auto !important; } .wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 1) .wpgb-card-inner { padding-top: calc(90% * 2 - 8px) !important; vertical-align: bottom; } .wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 4), .wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 5) { width: 66.66% !important; } } /* ================= Grid Cobbles 2 ================= */ @media only screen and (min-width: 1240px) { .wso-cobbles-layout-2 .wpgb-card { width: 25% !important; } .wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 4) { height: auto !important; } .wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 4) .wpgb-card-inner { padding-top: calc(90% * 2 - 10px) !important; vertical-align: bottom; } .wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 1), .wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 9) { width: 50% !important; } } /* ================= Grid Cobbles 3 ================= */ @media only screen and (min-width: 768px) { .wso-cobbles-layout-3 .wpgb-card { width: 33.33% !important; } .wso-cobbles-layout-3 .wpgb-card:nth-child(4n + 1), .wso-cobbles-layout-3 .wpgb-card:nth-child(4n + 4) { width: 66.66% !important; } } /* ================= Grid Cobbles 4 ================= */ @media only screen and (min-width: 1240px) { .wso-cobbles-layout-4 .wpgb-card { width: 25% !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) { height: auto !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(8n + 5) { float: right; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) .wpgb-card-inner { padding-top: calc(90% - 19px) !important; vertical-align: bottom; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 4), .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) { width: 50% !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 5) { clear: both; } } /* ================= Grid Team ================= */ .wpgb-card-5 .wpgb-card-wrapper { padding-top: 30% !important; } .wpgb-card-5 .wpgb-card-media { position: absolute !important; top: 0; left: 50%; z-index: 4; width: 40%; border-radius: 50%; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .wpgb-card-5 .wpgb-card-body { border: 1px solid var(--color-2) !important; padding: 30% 2rem 3rem !important; } #Wrapper .wpgb-card-5 .wpgb-block-5 .wso-h4:nth-child(2) { font-weight: 200 !important; } .wpgb-card-5 .wso-team-link { display: block !important; } #Wrapper .wpgb-card-5 .button { margin-top: 2rem !important; } /* ================= Grid Testimonials ================= */ .wpgb-grid-28 { margin-top: 5rem !important; } @media only screen and (min-width: 960px) { .wpgb-grid-28 { padding: 0 10%; } } .wpgb-card-6 .wpgb-card-media { position: absolute !important; top: 0; left: 50%; z-index: 4; width: 9rem; border-radius: 50%; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .wpgb-card-6 .wpgb-card-body { background-color: var(--color-1) !important; padding: 6rem 4rem 4rem !important; } .wpgb-card-6 p:not(.wso-h2) { color: white !important; } .wso-testimonial-name span { display: block; } /* ================= Grid Client ================= */ .wpgb-card-4 .wpgb-card-media-thumbnail { width: 60% !important; left: 50% !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .wpgb-card-4 .wpgb-card-media-thumbnail div { background-size: contain !important; } .wpgb-card-4 .wpgb-card-media-content-center, .wpgb-card-4 .wpgb-block-2 { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; height: 100%; } @media only screen and (min-width: 768px) { .wpgb-grid-23 .wpgb-layout { /* margin: 0 7rem !important; */ } } /* ============================================== Counter ================================================ */ #Wrapper .wso-section-counter .section_wrapper { max-width: 90% !important; } #Wrapper .wso-section-counter .number-wrapper .number, #Wrapper .wso-section-counter .wso-counter-suffix { font-size: 2.5rem !important; line-height: 3rem !important; text-align: center; color: #545454 !important; text-transform: uppercase !important; font-weight: 800 !important; } #Wrapper .wso-section-counter .number-wrapper .number { line-height: .5em !important; } #Wrapper .wso-section-counter .number-wrapper .number { margin-top: 1rem !important; margin-bottom: .5rem !important; display: inline-block; } #Wrapper .wso-section-counter .wso-counter-subtitle { font-weight: 300 !important; font-size: .95rem !important; line-height: 1.38rem !important; text-transform: uppercase !important; margin-top: 1rem; } #Wrapper .wso-section-counter .img { width: 2.5rem; height: 2.5rem; margin-bottom: 2rem !important; } #Wrapper .wso-section-counter .img img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; width: 20% !important; height: 80% !important; } #Wrapper .li-wrap { position: relative !important; } #Wrapper .wso-counter-suffix { position: relative !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) { margin-top: 10rem; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li:nth-child(even) { margin-top: -7rem; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li.item-2:nth-child(even) { margin-top: 0rem; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li { position: relative; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li::after { content: ''; height: 45%; width: 2px; background-color: var(--color-1); display: block; position: absolute; left: 50%; bottom: -4rem; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li:nth-child(even)::after { content: ''; height: calc(45% + 4rem); width: 2px; background-color: var(--color-1); display: block; position: absolute; left: 50%; bottom: -4rem; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li.item-2:nth-child(even)::after { content: ''; height: 45%; width: 2px; background-color: var(--color-1); display: block; position: absolute; left: 50%; bottom: -4rem; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .li-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; margin-bottom: 3rem; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .img, #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .wso-counter, #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .wso-counter-suffix, #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .wso-counter-subtitle { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .img, #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .wso-counter-subtitle, #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .wso-counter.full-width { width: 100%; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .wso-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li .wso-counter > span { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding-left: 1rem; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container { display: -webkit-box; display: -ms-flexbox; display: flex !important; margin-bottom: 0 !important; margin: 0 !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li { list-style: none; -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; margin-bottom: 0 !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li.item-5 { min-width: 20% !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li.item-4 { min-width: 25% !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li.item-3 { min-width: 33.33% !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li.item-2 { min-width: 50% !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li.item-1 { min-width: 100% !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .column { margin: 0 !important; width: 100% !important; } @media only screen and (max-width: 767px) { #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li::after { display: none !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container { display: -webkit-box; display: -ms-flexbox; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0 !important; margin: 0 !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li { list-style: none; -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; margin-bottom: 0 !important; width: 100% !important; } #Wrapper .wso-section-counter .wrap:nth-child(2) .wso-counter-container li:nth-child(even) { margin-top: 0rem; } #Wrapper .wso-section-counter .wrap:nth-child(2) { margin-top: 2rem; } } /* ============================================ *\ | | | Slick Slider | | | | um den Slick slider zu benutzen muss das | | Snippet "Galerie als Slick Slider ausgeben" | | aktiv sein und das JIG Plugin muss | | deaktiviert sein | | | | Dokumentation: | | https://kenwheeler.github.io/slick/ | | | \* ============================================ */ .slick-slider.gallery br.slick-slide { display: none !important; } .slick-slider.gallery .gallery-item.slick-slide { clear: none !important; margin: 0 !important; ; height: var(--slick-img-height); } .slick-slider.gallery .gallery-item.slick-slide .gallery-icon { margin: 0 .5rem !important; } .slick-slider.gallery .gallery-item.slick-slide .gallery-icon, .slick-slider.gallery .gallery-item.slick-slide .gallery-icon .image_frame, .slick-slider.gallery .gallery-item.slick-slide .gallery-icon .image_wrapper, .slick-slider.gallery .gallery-item.slick-slide .gallery-icon .image_wrapper a { width: auto; height: 100%; } .slick-slider .slick-arrow { background-color: transparent !important; min-width: auto !important; min-height: auto !important; width: 2.5rem !important; height: 2.5rem !important; margin: 0 !important; -webkit-transform: translate(0, -50%) rotate(45deg) skew(12deg, 12deg); -ms-transform: translate(0, -50%) rotate(45deg) skew(12deg, 12deg); transform: translate(0, -50%) rotate(45deg) skew(12deg, 12deg); border-color: var(--color-2) !important; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; outline: none !important; font-size: 0 !important; z-index: 10 !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 !important; opacity: 1; } .slick-slider .slick-arrow::after { display: none !important; } .slick-slider .slick-arrow.slick-prev { position: absolute; top: calc(var(--slick-img-height) / 2); left: -3rem; border-left: 1px solid; border-bottom: 1px solid; } .slick-slider .slick-arrow.slick-next { position: absolute; top: calc(var(--slick-img-height) / 2); right: -2.5rem; border-right: 1px solid; border-top: 1px solid; } .full-width .slick-slider .slick-arrow.slick-prev { left: 1rem; } .full-width .slick-slider .slick-arrow.slick-next { right: 1rem; } .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; margin: 0 !important; padding: 2rem 0 0 0; font-size: 0 !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slick-dots li { list-style: none !important; height: auto !important; margin-bottom: 0 !important; font-size: 0; line-height: 0; } .slick-dots li button::after { display: none !important; } .slick-dots li button { margin: 0rem 0rem; padding: 0; font-size: 0; width: .9rem; height: .9rem; border-radius: 50%; background-color: transparent !important; border: 1px solid var(--color-1) !important; } .slick-dots li.slick-active button { background-color: var(--color-1) !important; } @media(min-width:768px) { .full-width .slick-slider .slick-arrow { border-color: #ffffff !important; } .full-width .slick-slider .slick-list.draggable::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(0, 0, 0, .5) 100%); pointer-events: none; } .slick-slider.gallery .gallery-item.slick-slide { width: auto !important; } } @media(max-width:767px) { .slick-slider.gallery .gallery-item.slick-slide { width: auto !important } .slick-slider.gallery .slick-track { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slick-dots { padding: 2rem 3rem; min-height: 6.8rem; } .slick-slider .slick-arrow.slick-prev, .full-width .slick-slider .slick-arrow.slick-prev { left: 1rem; } .slick-slider .slick-arrow.slick-next, .full-width .slick-slider .slick-arrow.slick-next { right: 1rem; } .slick-slider .slick-arrow, .full-width .slick-slider .slick-arrow { top: auto !important; bottom: 3.4rem; width: 1rem !important; height: 1rem !important; -webkit-transform: translate(0, 50%) rotate(45deg) skew(12deg, 12deg); -ms-transform: translate(0, 50%) rotate(45deg) skew(12deg, 12deg); transform: translate(0, 50%) rotate(45deg) skew(12deg, 12deg); } } /* ============================================ *\ | | | Chaotic Slick Slider | | | | Das ist ein Beispeil wie man einen | | Chaotischen Slider aufbauen kann. | | Man kann den slick Slider sehr leicht | | stylen weil er selbst fast keine styles mit | | sich bringt. | | Wenn man die Breite der Slides aendert, muss | | man im Snippet variableWidth=true einstellen | | | \* ============================================ */ @media(min-width:767px) { .wso-chaotic-slick.full-width .slick-slider .slick-list.draggable::after { background-image: none; } .wso-chaotic-slick .slick-slider.gallery .gallery-item.slick-slide { overflow: visible; height: 50vh !important; display: -webkit-box; display: -ms-flexbox; display: flex; } .wso-chaotic-slick .slick-slider.gallery .gallery-item.slick-slide .gallery-icon, .wso-chaotic-slick .slick-slider.gallery .gallery-item.slick-slide .gallery-icon .image_frame, .wso-chaotic-slick .slick-slider.gallery .gallery-item.slick-slide .gallery-icon .image_wrapper, .wso-chaotic-slick .slick-slider.gallery .gallery-item.slick-slide .gallery-icon .image_wrapper a { margin: 0 !important; } .wso-chaotic-slick .slick-slider.gallery .gallery-item.slick-slide:nth-child(3n+1) .gallery-icon { height: 30vh !important; margin-top: 0vh !important; margin-right: -2vw !important; } .wso-chaotic-slick .slick-slider.gallery .gallery-item.slick-slide:nth-child(3n+2) .gallery-icon { height: 30vh !important; margin-top: 20vh !important; margin-left: -2vw !important; } .wso-chaotic-slick .slick-slider.gallery .gallery-item.slick-slide:nth-child(3n+3) { z-index: 1 } .wso-chaotic-slick .slick-slider.gallery .gallery-item.slick-slide:nth-child(3n+3) .gallery-icon { height: 15vh !important; margin-top: 8vh !important; margin-left: -2vw !important; margin-right: -2vw !important; } } /* ========================== Marquee mit Fakten ========================== */ /*Jquery Test*/ .section.wso-section-fact:not(.wso-section-product-single-info) .marquee > div { /* -webkit-animation: unset; */ /* animation: unset; */ } .section.wso-section-fact .marquee::-webkit-scrollbar { width: 0; height: 0; } /*Test End*/ .wso-section-related-grid .marquee .wso-fact-number, .wso-section-grid .marquee .wso-fact-number { font-size: var(--font-size-h2) !important; font-family: 'brandon-grotesque Medium' !important; text-transform: inherit !important; font-weight: 400 !important; } .wso-section-related-grid .marquee, .wso-section-related-grid .marquee > div, .wso-section-grid .marquee, .wso-section-grid .marquee > div { height: 10rem; overflow: visible !important; } .wso-section-related-grid .marquee, .wso-section-grid .marquee { left: 0 !important; padding-left: 0 !important; } #Wrapper .wso-section-text-img:not(.wso-section-text-2-img) .column_attr p { width: 100%; margin-right: auto !important; font-family: 'brandon-grotesque Medium' !important; font-size: var(--font-size-h3) !important; line-height: 1.38em !important; } #Wrapper .wso-section-text-img:not(.wso-section-text-2-img) .wrap.wso-float-right .column_attr p { margin-left: auto !important; margin-right: 0 !important; } #Wrapper .wso-section-text-img:not(.wso-section-text-2-img) .column_attr p + a { margin-top: 4rem !important; } #Wrapper .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .column_attr a { margin-left: auto !important; margin-right: 0 !important; display: flex; flex-direction: row-reverse; } #Wrapper .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .column_attr a span:first-of-type { order: 3 !important; z-index: 99 !important; } #Wrapper .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .column_attr a span:last-of-type { order: 1 !important; position: relative; } #Wrapper .wso-img-left-text-right a.button:not(.simple, .wso-shop-button) span:first-of-type:after { display: none; } .wso-section-text-2-img .marquee { position: absolute; width: 100vw !important; left: -65vw; bottom: -50%; padding-top: 4rem !important; padding-left: 0 !important; z-index: 999 !important; height: 14.063rem !important; } .wso-section-text-2-img.wso-section-text-2-img-right .marquee { left: -10vw; } .wso-section-text-2-img .marquee .wso-fact-number { font-size: var(--font-size-h2); font-family: 'brandon-grotesque Regular'; text-transform: inherit !important; line-height: 1.2em !important; } .wso-section-text-2-img .marquee > div { /* height: 14.063rem !important; */ } .wso-section-text-2-img.wso-marquee-visible .section_wrapper { padding-bottom: calc(27.135rem - var(--padding-big)); } @media only screen and (min-width: 768px) { .wso-section-text-img:not(.wso-section-text-2-img, .wso-section-newsletter) .section_wrapper .column_attr { display: grid; grid-template-columns: 55fr 41fr; grid-auto-flow: row; grid-gap: 0 1rem; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper .column_attr * { grid-column: 1/2; } .wso-section-text-img:not(.wso-section-text-2-img).wso-img-left-text-right .section_wrapper .column_attr { display: grid; grid-template-columns: 41fr 55fr; grid-auto-flow: row; } .wso-section-text-img:not(.wso-section-text-2-img) .wrap.wso-float-right .column_attr * { grid-column: 2/3; } .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper .column_attr h1, .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper .column_attr .wso-h1, .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper .column_attr h2, .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper .column_attr .wso-h2, .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper .column_attr h3, .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper .column_attr .wso-h3, .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper .column_attr h4, .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper .column_attr .wso-h4 { grid-column: 1/3 !important; } } /* ================================== WSO MARQUEE ================================== */ .wso-background-color-black .marquee > div { color: var(--color-1) !important; } .marquee > div > span { position: relative; display: inline-flex !important; width: fit-content !important; height: calc(var(--font-size-h4) + 3.94rem) !important; font-family: 'brandon-grotesque Black'; font-size: var(--font-size-h4); font-weight: 500; line-height: 0.99em; padding-right: 1.917rem !important; padding-left: 8.854rem !important; overflow-y: visible !important; align-items: center; } .marquee > div > span:first-of-type { padding-left: 0 !important; } .marquee > div > span:last-of-type { padding-right: 3rem !important; margin-right: calc(var(--gap)*2) !important; } .marquee > div > span:first-of-type:after { display: none !important; } .section:not(.wso-footer-breaker) .marquee > div:last-of-type > span:first-of-type:after { display: block !important; } .section:not(.wso-footer-breaker) .marquee > div:last-of-type > span:first-of-type { padding-left: 8.854rem !important; } .section:not(.wso-footer-breaker) .marquee > div:last-of-type {} .marquee > div > span:after { content: ''; display: block; width: 5.208rem; height: 1px; position: absolute; left: 7%; top: 50%; background-color: var(--color-3) !important; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .wso-section-fact .wso-facts .column_attr { width: 100vw; left: -11%; } .wso-footer-breaker .marquee { left: 0% !important; padding-left: 0 !important; } /* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */ .marquee:hover > div { -webkit-animation-play-state: paused !important; animation-play-state: paused !important; } .wso-section-fact:not(.wso-section-product-single-info) .wrap:not(.wso-facts) .column_attr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wso-section-fact .wrap:not(.wso-facts) .column_attr h2, .wso-section-fact .wrap:not(.wso-facts) .column_attr .wso-h2, .wso-section-fact .wrap:not(.wso-facts) .column_attr h1, .wso-section-fact .wrap:not(.wso-facts) .column_attr .wso-h1, .wso-section-fact .wrap:not(.wso-facts) .column_attr h3, .wso-section-fact .wrap:not(.wso-facts) .column_attr .wso-h3, .wso-section-fact .wrap:not(.wso-facts) .column_attr h4, .wso-section-fact .wrap:not(.wso-facts) .column_attr .wso-h4 { width: 70%; } .wso-section-fact .wrap:not(.wso-facts) { margin-bottom: 9.01rem !important; } .wso-section-fact .wso-fact-text { display: flex !important; position: absolute; right: -1.146rem !important; bottom: 0; width: calc(var(--font-size-h4) + 3.94rem) !important; height: fit-content; text-align: left !important; font-family: 'brandon-grotesque Medium'; font-size: var(--font-size-h5) !important; line-height: 0.9em !important; text-transform: unset !important; -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(-90deg) translate(100%, -50%); -ms-transform: rotate(-90deg) translate(100%, -50%); transform: rotate(-90deg) translate(100%, -50%); white-space: normal !important; hyphens: auto !important; justify-content: flex-start; padding-left: 3.94rem; } .wso-section-fact .wso-facts .column_attr { position: relative; height: var(--font-size-h4) !important; } #Wrapper .wso-section-fact:not(.wso-section-product-single-info) .wrap:not(.wso-facts) .button { margin-bottom: 1.371rem !important; } @media only screen and (min-width: 768px) { .wso-section-fact:not(.wso-section-product-single-info) .section_wrapper { margin-left: auto !important; margin-right: 0 !important; } } @media only screen and (max-width:767px) { .marquee > div > span { padding-right: 2.917rem !important; } #Wrapper .wso-section-fact .wso-fact-text { right: -2.917rem !important; right: 0rem !important; width: calc(var(--font-size-h4) + 4.4rem) !important; padding-left: 3.4rem; transform: rotate(-90deg) translate(100%, 0%); } } /* ============================================ Logo Grid ============================================ */ #Wrapper .wso-section-grid-23 .section_wrapper { max-width: var(--small-content-width) !important; margin: 0 auto !important; } .wso-section-text.wso-one-column.wso-align-center .column_attr h2, .wso-section-text.wso-one-column.wso-align-center .column_attr .wso-h2, .wso-section-text.wso-one-column.wso-align-center .column_attr h1, .wso-section-text.wso-one-column.wso-align-center .column_attr .wso-h1, .wso-section-text.wso-one-column.wso-align-center .column_attr h3, .wso-section-text.wso-one-column.wso-align-center .column_attr .wso-h3, .wso-section-text.wso-one-column.wso-align-center .column_attr h4, .wso-section-text.wso-one-column.wso-align-center .column_attr .wso-h4 { width: 80% !important; margin: 0 auto 6.937rem !important; } #Wrapper .wso-section-grid-23 .wso-wrap-content .button.primary-button, #Wrapper .wso-section-text.wso-one-column .button.primary-button { margin: 0 auto !important; margin-bottom: 0rem !important; justify-content: center; } .grid-23 .wpgb-card-media-thumbnail { display: none !important; } .grid-23 .wpgb-card-media-content .wpgb-block-1, .grid-23 .wpgb-card { max-width: 6.927rem !important; min-width: 5.552rem !important; height: 4.167rem !important; } .grid-23 .wpgb-card-media-content-center { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 !important; padding: 0 !important; } .grid-23 .wpgb-card-media-content .wpgb-block-1 img { height: 100% !important; width: 100% !important; -webkit-transition: 700ms ease-in-out; -o-transition: 700ms ease-in-out; transition: 700ms ease-in-out; } .grid-23 .wpgb-card:hover .wpgb-card-media-content .wpgb-block-1 img { -webkit-filter: invert(1) !important; filter: invert(1) !important; -webkit-transition: 700ms ease-in-out; -o-transition: 700ms ease-in-out; transition: 700ms ease-in-out; } .grid-23 .wpgb-card .wpgb-card-media-content .wpgb-block-1:after { content: ''; display: block; width: 7rem; max-width: 0rem; height: 7rem; max-height: 0rem; position: absolute; left: 50%; top: 50%; background-color: var(--color-2); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; z-index: -1; -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .grid-23 .wpgb-card:hover .wpgb-card-media-content .wpgb-block-1:after { max-width: 7rem; max-height: 7rem; -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } /* ============================================ Partner Grid ============================================= */ #Wrapper .wso-section-grid .section_wrapper { max-width: var(--small-content-width) !important; } .wso-section-grid-24 .wso-wrap-content .column_attr h1, .wso-section-grid-24 .wso-wrap-content .column_attr .wso-h1, .wso-section-grid-24 .wso-wrap-content .column_attr h2, .wso-section-grid-24 .wso-wrap-content .column_attr .wso-h2, .wso-section-grid-24 .wso-wrap-content .column_attr h3, .wso-section-grid-24 .wso-wrap-content .column_attr .wso-h3, .wso-section-grid-24 .wso-wrap-content .column_attr h4, .wso-section-grid-24 .wso-wrap-content .column_attr .wso-h4 { width: 90%; } .wso-section-grid-24.wso-align-center .column_attr h1, .wso-section-grid-24.wso-align-center .column_attr .wso-h1, .wso-section-grid-24.wso-align-center .column_attr h2, .wso-section-grid-24.wso-align-center .column_attr .wso-h2, .wso-section-grid-24.wso-align-center .column_attr h3, .wso-section-grid-24.wso-align-center .column_attr .wso-h3, .wso-section-grid-24.wso-align-center .column_attr h4, .wso-section-grid-24.wso-align-center .column_attr .wso-h4 { margin: 0 auto; } .wso-section-grid-24 .wso-wrap-content .column_attr { margin-bottom: 12.188rem !important; } .grid-24 .wpgb-block-1 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; height: 100%; background-color: var(--color-1) !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 2.604rem 0 0 0 !important; } .grid-24 .wpgb-card-body { background-color: var(--color-1) !important; } .grid-24 .wpgb-block-1 img { height: 4.167rem !important; width: auto; margin-bottom: 1.615rem !important; } .wso-partner-title { min-height: 2.7em; margin-bottom: 1.615rem !important; } #Wrapper .wso-post-excerpt { font-family: 'brandon-grotesque Medium' !important; margin-bottom: 1.094rem !important; } #Wrapper .grid-24 .wpgb-block-1 .button.primary-button + .button.primary-button { margin-top: 1.458rem !important; } .wso-section-grid-24 .wso-wrap-grid .column:first-child .column_attr { margin-bottom: 6.25rem !important; } .entry-content > .section.wso-section-grid-24:nth-child(1) { padding-top: 15.188rem !important; } /* ======================================= Erfolge ======================================= */ .wso-success-fact-wrapper {} #Wrapper .wso-section-success .section_wrapper { max-width: var(--small-content-width) !important; } .wso-success-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 11.667rem !important; } .wso-section-success .column_attr div:last-of-type { margin-bottom: 5rem !important; } .wso-success-wrapper .wso-success-fact-wrapper { width: 15.71%; } .wso-success-wrapper .wso-success-title-wrapper { position: relative; width: 13.94%; } .wso-success-wrapper .wso-success-text-wrapper { width: 27.34%; padding-top: 1.238rem !important; } .wso-success-wrapper .wso-success-icon-wrapper { width: 42.78%; } .wso-success-title-wrapper .wso-success-title { position: absolute; bottom: 0; width: 150%; left: 5.104rem; margin-bottom: 0.481rem !important; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-90deg) translateY(100%); -ms-transform: rotate(-90deg) translateY(100%); transform: rotate(-90deg) translateY(100%); } #Wrapper .wso-success-wrapper .wso-success-text-wrapper p { font-family: 'brandon-grotesque Regular' !important; margin-bottom: 0 !important; } #Wrapper .wso-success-wrapper .wso-success-text-wrapper p:first-of-type { margin-bottom: 1.719rem !important; } .wso-success-wrapper .wso-success-icon-wrapper img { width: 2.083rem !important; height: 2.083rem !important; margin-right: 25.08% !important; } .wso-success-wrapper .wso-success-icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 3.998rem !important; } .wso-success-wrapper .wso-success-icon-wrapper:before { content: ''; display: block; width: 7.708rem; height: 1px; background-color: var(--color-3) !important; margin-top: 1.082rem !important; margin-right: 2.969rem !important; } #Wrapper .wso-success-wrapper .wso-success-fact-wrapper .wso-success-fact { margin-bottom: 0 !important; } .wso-section-success .column_attr > :nth-child(2n + 2) .wso-success-icon-wrapper { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wso-section-success .column_attr > :nth-child(2n + 2) .wso-success-fact-wrapper { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .wso-section-success .column_attr > :nth-child(2n + 2) .wso-success-title-wrapper { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .wso-section-success .column_attr > :nth-child(2n + 2) .wso-success-text-wrapper { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .wso-section-success .column_attr > :nth-child(2n + 2) .wso-success-icon-wrapper img { margin-right: 9.11% !important; } /* ================================== Woocommerce Cart ================================== */ body:not(.home) li.wso-woocart-cta { display: none !important; } li .wso-woocart-wrapper { position: relative; top: unset; right: unset; background-color: transparent; border: none !important; box-shadow: none; } li .wso-woocart-wrapper a { display: flex !important; } li .wso-woocart-wrapper::before { display: none !important; } li[data-fm-font-color="fm-color-1"] .wso-woocart-wrapper img { filter: invert(); } li[data-fm-font-color="fm-color-1"] .wso-woocart-wrapper span { color: var(--color-1) !important; } .wso-woocart-wrapper { width: 4.323rem; height: 4.323rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; right: 3.8vw; top: 80.42vh; background-color: #FFF; border-radius: 50%; -webkit-box-shadow: 0px 0px 5px var(--color-3); box-shadow: 0px 0px 5px var(--color-3); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; z-index: 999; } #header_cart { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header_cart img { width: 1.979rem !important; height: 1.979rem !important; -webkit-transition: 150ms ease-in-out; -o-transition: 150ms ease-in-out; transition: 150ms ease-in-out; } .wso-woocart-wrapper:hover #header_cart img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 150ms ease-in-out; -o-transition: 150ms ease-in-out; transition: 150ms ease-in-out; } .wso-woocart-wrapper .cart-contents { position: absolute; left: 70%; top: 30%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wso-woocart-wrapper .cart-contents span { color: var(--color-3) !important; font-family: 'brandon-grotesque Medium'; font-size: var(--font-size-p); } .wso-woocart-wrapper:before { content: ''; display: block; width: 102%; height: 102%; max-width: 0rem; max-height: 0rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; background-color: var(--color-2); z-index: -1; -webkit-transition: 550ms ease-in-out; -o-transition: 550ms ease-in-out; transition: 550ms ease-in-out; } .wso-woocart-wrapper:hover:before { max-width: 20rem; max-height: 20rem; -webkit-transition: 850ms ease-in-out; -o-transition: 850ms ease-in-out; transition: 850ms ease-in-out; } /* ------------------------------- circle text ------------------------------ */ .wso-woocart-wrapper.wso-product-info { display: block !important; width: 8rem !important; height: 8rem !important; } .wso-woocart-wrapper.wso-product-info a { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .wso-woocart-wrapper.wso-product-info img { width: 60%; height: 60%; transition: 300ms ease-in-out 500ms; } .wso-woocart-wrapper.wso-product-info:hover img { mix-blend-mode: multiply; transition: 300ms ease-in-out 500ms; } #wso-curved-text-bottom, #wso-curved-text-top { font-size: calc(var(--font-size-p)/100*80) !important; font-family: 'brandon-grotesque Bold' !important; width: 100%; height: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 0 !important; opacity: 0; transition: 300ms ease-in-out; } #wso-curved-text-bottom.wso-active, #wso-curved-text-top.wso-active { opacity: 1; transition: 300ms ease-in-out; } #wso-curved-text-bottom { top: unset !important; bottom: 0 !important; transform: translate(-50%, 0%); } #wso-curved-text-bottom > div, #wso-curved-text-top > div { height: 100% !important; width: 100%; } .wso-mobilmenu-active .wso-woocart-wrapper.wso-product-info { opacity: 0 !important; pointer-events: none !important; transition: 300ms ease-in-out; } @media only screen and (max-width:1023px) { html .wso-woocart-wrapper.wso-product-info { width: 8rem !important; height: 8rem !important; transition: 300ms ease-in-out; } .wso-woocart-wrapper.wso-product-info img { width: 55%; height: 55%; transition: 300ms ease-in-out 500ms; } } @media only screen and (max-width:599px) { html .wso-woocart-wrapper.wso-product-info { right: 3.8vw !important; top: 80vh !important; } } /*================================ News Grid ==================================*/ #Wrapper .wso-section-grid-14 h1, #Wrapper .wso-section-grid-14 h2, #Wrapper .wso-section-grid-14 h3, #Wrapper .wso-section-grid-14 h4, #Wrapper .wso-section-grid-14 h5 { width: var(--big-content-width) !important; margin-bottom: 5.833rem !important; margin-left: -9%; } #Wrapper .grid-14 { /* max-width: var(--small-content-width) !important; */ margin: 0 auto !important; } #Wrapper .wso-section-grid-22 h2, #Wrapper .wso-section-grid-22 h1, #Wrapper .wso-section-grid-22 h3, #Wrapper .wso-section-grid-22 h4, #Wrapper .wso-section-grid-22 h5 { width: 80%; margin-bottom: 12.188rem !important; } .grid-14 .wpgb-viewport { overflow: visible !important; } #Wrapper .wso-section-news-slider .section_wrapper .wrap.one:first-child { height: calc(29.063rem - var(--padding-standard)) !important; } #Wrapper .wso-section-related-grid .column_attr .button, #Wrapper .wso-section-grid-14 .column_attr .button, #Wrapper .wso-section-grid-22 .column_attr .button { position: relative; font-size: var(--font-size-h5) !important; text-align: right !important; display: block !important; padding-bottom: .2rem !important; margin-bottom: 2.604rem !important; max-width: unset !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; margin-left: auto !important; text-transform: uppercase !important; line-height: .9em !important; } #Wrapper .wso-section-grid-14 .column_attr .button span:after { display: none !important; } #Wrapper #Content .wso-section-grid-14 a.button:after, #Wrapper #Content .wso-section-grid-22 a.button:after, #Wrapper #Content .wso-section-related-grid .column_attr .button:after { max-width: unset !important; width: 0 !important; height: 2px; position: absolute; top: unset !important; bottom: -2px; left: 50%; margin: 0 !important; transform: translateX(-50%); transition: 500ms ease-in-out; } #Wrapper #Content .wso-section-grid-14 a.button:hover:after, #Wrapper #Content .wso-section-grid-22 a.button:hover:after, #Wrapper #Content .wso-section-related-grid .column_attr .button:hover:after { max-width: unset !important; width: 100% !important; transition: 500ms ease-in-out; opacity: 1 !important; visibility: visible; } #Wrapper .wso-section-related-grid.wso-bg-black .column_attr .button:after { background-color: var(--color-white) !important; } #Wrapper .wso-section-grid-14 .column_attr .button span:first-of-type, #Wrapper .wso-section-grid-22 .column_attr .button span:first-of-type { padding-right: .3rem; } #Wrapper .wso-section-related-grid .section_wrapper, #Wrapper .wso-section-grid-22 .section_wrapper { max-width: var(--small-content-width) !important; } .grid-14 .wpgb-card-media-thumbnail, .grid-14 .wpgb-card-media, .grid-22 .wpgb-card-media-thumbnail, .grid-22 .wpgb-card-media { height: 19.896rem !important; max-height: unset !important; } .grid-14 .wpgb-card-footer, .grid-22 .wpgb-card-footer { background-color: transparent !important; } .grid-14 .wpgb-card-media-thumbnail > a > div, .grid-22 .wpgb-card-media-thumbnail > a > div { height: 100% !important; -o-object-fit: cover !important; object-fit: cover !important; background-position: 0 -1px !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .grid-14 .wpgb-card:hover .wpgb-card-media-thumbnail div, .grid-22 .wpgb-card:hover .wpgb-card-media-thumbnail div { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Wrapper .wso-section-text-img .wso-news-skin-event-date { position: relative !important; } #Wrapper .wso-news-skin-event-date { font-size: var(--font-size-date) !important; font-family: 'brandon-grotesque Regular' !important; background: unset !important; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; padding: 0 !important; position: absolute; left: 50%; top: calc(-2.344rem/2); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .grid-14 .wpgb-card-media-content-bottom, .grid-14 .wpgb-card-media-content-bottom .wpgb-block-5, .grid-14 .wpgb-card-media-content-bottom .wpgb-block-5 .wso-news-skin-event-date, .grid-22 .wpgb-card-media-content-bottom, .grid-22 .wpgb-card-media-content-bottom .wpgb-block-5, .grid-22 .wpgb-card-media-content-bottom .wpgb-block-5 .wso-news-skin-event-date { height: 100%; } .grid-14 .wpgb-card-media-content, .grid-22 .wpgb-card-media-content { overflow: visible !important; } .grid-14 .wpgb-card-media, .grid-22 .wpgb-card-media { overflow: visible !important; } #Wrapper .grid-14 .wpgb-card-footer .wso-h3, #Wrapper .grid-22 .wpgb-card-footer .wso-h3 { font-size: var(--font-size-p) !important; margin-top: 1.094rem; line-height: 1.81em !important; font-family: 'brandon-grotesque Medium' !important; } .wso-background-color-black .grid-14 .wpgb-card .wpgb-card-media:before, .wso-background-color-black .grid-22 .wpgb-card .wpgb-card-media:before { background-color: var(--color-1) !important; } .grid-14 .wpgb-card .wpgb-card-media:before, .grid-22 .wpgb-card .wpgb-card-media:before { content: ''; display: block !important; height: 2px; width: 68.68%; background-color: var(--color-3) !important; display: block; position: absolute; right: -120%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1 !important; z-index: 999 !important; } .grid-22 .wpgb-card { width: 15.521rem !important; } .grid-14 .wpgb-masonry .wpgb-card:last-child .wpgb-card-media:before, .grid-22 .wpgb-masonry .wpgb-card:nth-child(3n + 3) .wpgb-card-media:before { display: none !important; } .grid-14 .wpgb-card .wpgb-card-media .wpgb-card-media-thumbnail, .grid-22 .wpgb-card .wpgb-card-media .wpgb-card-media-thumbnail { overflow: hidden; opacity: 1 !important; } .grid-14 .wpgb-masonry, .grid-22 .wpgb-masonry { opacity: 1 !important; background: transparent !important; background-color: unset !important; color: transparent !important; } #Wrapper .wso-section-related-grid .column_attr .grid-14 .wpgb-viewport { overflow: visible !important; } .grid-22 .wpgb-masonry > :nth-child(1n + 4) { margin-top: calc(0rem - (15.781rem - 9.375rem)); } /* ============================================ Slider ============================================ */ #Wrapper .wso-slider-headline { font-size: var(--font-size-facts) !important; font-family: 'brandon-grotesque Black' !important; line-height: .85em !important; text-transform: uppercase !important; color: var(--color-3) !important; } #Wrapper .wso-sticky-image-wrapper.wso-sticky { position: absolute; top: 0; left: 50%; width: 30rem !important; height: 30rem !important; z-index: 9 !important; overflow: visible; transform: translateX(-50%); transition: 100ms linear; pointer-events: none !important; } .wso-sticky-image-wrapper.wso-sticky.stick { transition: 100ms linear; } .wso-sticky-image-wrapper.wso-sticky img { max-width: unset !important; -o-object-fit: cover !important; object-fit: cover !important; -o-object-position: center center !important; object-position: center center !important; width: 50rem !important; height: auto !important; position: absolute; left: -10%; top: 0%; padding-top: 5rem; } #Wrapper .wso-sticky-slider .grid-19 .wpgb-viewport, #Wrapper .grid-19 .wpgb-card-body { height: 133vh !important; } #Wrapper .wso-sticky-slider .wso-slider-headline { width: 60%; margin: 0 auto; word-break: break-all; } #Wrapper .wso-sticky-slider .wso-slider-headline > span:before { content: ''; display: inline-block; width: 3.073rem; height: 3.854rem; position: absolute; top: 46%; left: 50%; background-image: url('/wp-content/uploads/2022/12/mielo-logo-01.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #Wrapper .wso-sticky-slider .wso-slider-headline > span { position: relative !important; display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } #Wrapper .wso-sticky-slider .grid-19 .wpgb-viewport { margin-top: var(--padding-standard) !important; margin-bottom: var(--padding-standard) !important; } #Wrapper .grid-19 .wso-slider-skin-img { background-color: var(--color-1) !important; } #Wrapper .wso-section-slider p.wso-h3 { position: relative !important; font-family: 'brandon-grotesque Bold' !important; font-size: var(--font-size-h3) !important; text-transform: inherit !important; line-height: 1.34em !important; z-index: 9999999; } .home #Wrapper .wso-section-slider p.wso-h3 { font-size: calc(var(--font-size-h3)*2.5) !important; margin-top: 0 !important; } .grid-19 .wso-h3 { margin-top: 3.125rem !important; } #Wrapper .grid-19 .wso-highlight-button { background-color: var(--color-2) !important; border-radius: 50%; border: 1px solid var(--color-2); top: 14.688rem; right: 0; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Wrapper .grid-19 .wso-highlight-button:hover { border: 1px solid var(--color-3); -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Wrapper .grid-19 .wso-highlight-button.wso-left { right: unset; left: 0; } #Wrapper .grid-19 .wso-highlight-button > p { font-size: .833rem !important; margin-left: auto !important; margin-right: auto !important; } #Wrapper .wso-normal-slider .grid-19 .wpgb-block-1 .wso-extra-image-true img { max-width: 70%; } #Wrapper .wso-slider-skin-img.wso-extra-image-true:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -o-linear-gradient(bottom, #ffffff4d, #ffffff4d); background: -webkit-gradient(linear, left bottom, left top, from(#ffffff4d), to(#ffffff4d)); background: linear-gradient(0deg, #ffffff4d, #ffffff4d); pointer-events: none !important; } @media only screen and (max-width:1239px) { #Wrapper .wso-sticky-image-wrapper.wso-sticky { height: 35rem !important; } } /* ============================================ Responsiv ============================================ */ @media only screen and (min-width: 1024px) { .wso-mobile-only { display: none !important; } } @media only screen and (max-width: 1499px) and (min-width: 1240px) { html { font-size: 1.15vw !important; } } @media only screen and (max-width: 1239px) and (min-width: 1024px) { html { font-size: 1.35vw !important; } } @media only screen and (max-width: 1239px) and (min-width: 768px) { body:not(.header-classic) #Wrapper #Top_bar a.responsive-menu-toggle { color: var(--color-white); z-index: 9999 !important; pointer-events: all !important; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { html { font-size: 1.6vw !important; } } @media only screen and (max-width: 767px) and (min-width: 600px) { html { font-size: 2.5vw !important; } } @media only screen and (max-width: 599px) { html { font-size: 3.7vw !important; } } @media only screen and (max-width: 1499px) { #Wrapper .wso-sticky-slider .wso-slider-headline { width: 70%; } #Wrapper .wso-sticky-slider .grid-19 .wpgb-viewport, #Wrapper .grid-19 .wpgb-card-body { height: 65rem !important; } .grid-14 .wpgb-card .wpgb-card-media:before, .grid-22 .wpgb-card .wpgb-card-media:before { content: ''; display: block !important; height: 2px; width: 58.68%; background-color: var(--color-3) !important; display: block; position: absolute; right: -95%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1 !important; z-index: 999 !important; } .wso-section-grid-23.wso-align-center .column_attr h2, .wso-section-grid-23.wso-align-center .column_attr .wso-h2, .wso-section-grid-23.wso-align-center .column_attr h1, .wso-section-grid-23.wso-align-center .column_attr .wso-h1, .wso-section-grid-23.wso-align-center .column_attr h3, .wso-section-grid-23.wso-align-center .column_attr .wso-h3, .wso-section-grid-23.wso-align-center .column_attr h4, .wso-section-grid-23.wso-align-center .column_attr .wso-h4 { margin: 0 auto 3.937rem !important; } } @media only screen and (max-width: 1239px) { #Wrapper #Top_bar { position: fixed !important; top: 0 !important; height: var(--mobile-top-bar-height) !important; } #Wrapper #Top_bar .container, #Wrapper #Top_bar .column, #Wrapper #Top_bar .top_bar_left, #Wrapper #Top_bar .menu_wrapper { height: 100%; z-index: 9999; } #Wrapper #Top_bar #logo img, #Wrapper #Top_bar.is-sticky #logo img { width: 4.5rem !important; } #Wrapper #Top_bar.is-sticky a.responsive-menu-toggle, body.header-transparent #Wrapper #Top_bar.is-sticky a.responsive-menu-toggle { color: var(--color-1); } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2 { font-size: 3.2rem !important; } #Wrapper .wso-highlight-button { /* top: -6rem; */ /* right: 0; */ } .wso-section-fact:not(.wso-section-product-single-info) .wrap:not(.wso-facts) .column_attr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wso-section-fact:not(.wso-section-product-single-info) .wrap:not(.wso-facts) .column_attr h1, .wso-section-fact:not(.wso-section-product-single-info) .wrap:not(.wso-facts) .column_attr h2, .wso-section-fact:not(.wso-section-product-single-info) .wrap:not(.wso-facts) .column_attr h3, .wso-section-fact:not(.wso-section-product-single-info) .wrap:not(.wso-facts) .column_attr h4, .wso-section-fact:not(.wso-section-product-single-info) .wrap:not(.wso-facts) .column_attr h5 { margin-bottom: 2.194rem !important; } #Wrapper .wso-sticky-slider .wso-slider-headline { width: 80%; } #Wrapper .wso-sticky-slider .grid-19 .wpgb-viewport, #Wrapper .grid-19 .wpgb-card-body { height: 70rem !important; } #Wrapper .wso-section-text-2-img .column_attr a:last-of-type { margin-bottom: 10.493rem !important; } .grid-22 .wpgb-card { width: 12.521rem !important; } .wso-success-wrapper { margin-bottom: 6.667rem !important; } #Footer .one-fourth:first-of-type .textwidget { padding-right: 20.05% !important; } #Footer .one-second .widget { padding-right: 16.46%; } #Footer .footer_copy .one { margin-bottom: 0; padding: 1.917rem 0 1.344rem; } #Wrapper .wso-section-product-single-info .column_attr { padding-bottom: 5.052rem; } } @media only screen and (max-width: 1023px) { .wso-mobile-none { display: none !important; } .wso-woocart-wrapper { display: none !important; } .wso-floating-menu { display: none !important; } .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-main, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-layout, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-carousel, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-masonry, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card { max-height: 55rem; } .wso-section-text-img-fullwidth .wrap:first-child { padding: 5% 4%; } #Wrapper .wso-video-button { width: 4rem; height: 4rem; font-size: 2.5rem; } .wp-grid-builder .wpgb-area-left { left: -2.5rem !important; } .wp-grid-builder .wpgb-area-right { right: -2.5rem !important; } #Side_slide .menu_right { display: none !important; } .menu-secondary-menu-container, .menu-secondary-menu-en-container { position: fixed; top: calc(var(--menu-height)/2); right: calc(7.384rem - .686rem); width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; z-index: 9999; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .menu-secondary-menu-container .menu, .menu-secondary-menu-en-container .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .menu-secondary-menu-container .menu li > a, .menu-secondary-menu-en-container .menu li > a { display: block; position: relative; font-family: 'brandon-grotesque Black' !important; text-transform: uppercase; font-size: 0.928rem !important; color: var(--color-3) !important; line-height: .9em !important; padding: 0 .3686rem !important; -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .menu-secondary-menu-container .menu li[data-fm-font-color="fm-color-black"] > a, .menu-secondary-menu-en-container .menu li[data-fm-font-color="fm-color-black"] > a { color: var(--color-3) !important; } .menu-secondary-menu-container .menu li[data-fm-font-color="fm-color-1"] > a, .menu-secondary-menu-en-container .menu li[data-fm-font-color="fm-color-1"] > a { color: var(--color-1) !important; } .wso-mobilmenu-active .menu-secondary-menu-container .menu li > a, .wso-mobilmenu-active .menu-secondary-menu-en-container .menu li > a { color: var(--color-1) !important; -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .menu-secondary-menu-container .menu li > a:after, .menu-secondary-menu-en-container .menu li > a:after { content: ''; position: absolute; right: 0; top: 50%; display: block; width: 2px; height: 100%; background-color: var(--color-3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } html:not(.wso-mobilmenu-active) .menu-secondary-menu-container .menu li[data-fm-font-color="fm-color-black"] > a:after, html:not(.wso-mobilmenu-active) .menu-secondary-menu-en-container .menu li[data-fm-font-color="fm-color-black"] > a:after { background-color: var(--color-3) !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } html:not(.wso-mobilmenu-active) .menu-secondary-menu-container .menu li[data-fm-font-color="fm-color-1"] > a:after, html:not(.wso-mobilmenu-active) .menu-secondary-menu-en-container .menu li[data-fm-font-color="fm-color-1"] > a:after { background-color: var(--color-1) !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .wso-mobilmenu-active .menu-secondary-menu-container .menu li > a:after, .wso-mobilmenu-active .menu-secondary-menu-en-container .menu li > a:after { background-color: var(--color-1); -webkit-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .menu-secondary-menu-container .menu li, .menu-secondary-menu-en-container .menu li { line-height: .9em !important; font-size: .928rem !important; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .menu-secondary-menu-container .menu li.wso-item-second-to-last > a:after, .menu-secondary-menu-en-container .menu li.wso-item-second-to-last > a:after { display: none !important; } #Wrapper #Top_bar a.responsive-menu-toggle { position: absolute; top: 48% !important; right: 2.194rem; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin: 0 !important; padding: 0; width: 1.934rem !important; height: 2rem !important; color: var(--color-1); pointer-events: all !important; } #Top_bar a.responsive-menu-toggle i { display: block; position: absolute; top: 50%; font-size: unset !important; line-height: unset !important; height: 2px; width: 2.025rem !important; border-radius: 5px !important; background-color: var(--color-3); -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } html:not(.wso-mobilmenu-active) #Top_bar a.responsive-menu-toggle[data-fm-font-color="fm-color-black"] i, html:not(.wso-mobilmenu-active) #Top_bar a.responsive-menu-toggle[data-fm-font-color="fm-color-black"] [class^="icon-"]:before, html:not(.wso-mobilmenu-active) #Top_bar a.responsive-menu-toggle[data-fm-font-color="fm-color-black"] [class^="icon-"]:after { background-color: var(--color-3) !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } html:not(.wso-mobilmenu-active) #Top_bar a.responsive-menu-toggle[data-fm-font-color="fm-color-1"] i, html:not(.wso-mobilmenu-active) #Top_bar a.responsive-menu-toggle[data-fm-font-color="fm-color-1"] [class^="icon-"]:before, html:not(.wso-mobilmenu-active) #Top_bar a.responsive-menu-toggle[data-fm-font-color="fm-color-1"] [class^="icon-"]:after { background-color: var(--color-1) !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Top_bar [class^="icon-"]:before, #Top_bar [class^="icon-"]:after { content: ''; position: absolute; left: 0; width: 2.025rem !important; height: 2px; border-radius: 5px !important; background-color: var(--color-3) !important; margin: 0 !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .wso-mobilmenu-active #Top_bar a.responsive-menu-toggle i { background-color: var(--color-1); -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .wso-mobilmenu-active #Top_bar [class^="icon-"]:before, .wso-mobilmenu-active #Top_bar [class^="icon-"]:after { background-color: var(--color-1) !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Top_bar [class^="icon-"]:before { top: -0.844rem; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; height: 2px !important; } #Top_bar [class^="icon-"]:after { bottom: -0.844rem; } .wso-mobilmenu-active #Top_bar [class^="icon-"]:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0rem; left: -0.298rem !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .wso-mobilmenu-active #Top_bar [class^="icon-"]:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0rem; left: -0.298rem !important; } .wso-mobilmenu-active #Top_bar .icon-menu-fine { width: 0rem !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .wso-before-content-button.primary-button { position: fixed; right: 6.44rem; top: 1.382rem; min-width: -webkit-fit-content !important; min-width: -moz-fit-content !important; min-width: fit-content !important; z-index: 1001; } #Side_slide .close-wrapper { display: none; } #Side_slide .menu_wrapper, #Side_slide .menu_wrapper #menu { height: 100% !important; overflow: visible; } #Side_slide .menu_left { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 12.152rem; padding-bottom: 3.966rem !important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #Side_slide .menu_left > li { justify-self: flex-end !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #Side_slide #menu ul li.submenu .menu-toggle:after { content: ''; display: block; width: 0.675rem; height: 0.675rem; background-image: url('/wp-content/uploads/2023/01/vector-1-2.svg'); background-repeat: no-repeat; background-size: 100%; background-position: center; margin: 0 !important; padding: 0 !important; } #Side_slide .menu_left .pll-parent-menu-item > a + ul { position: absolute; top: 100%; } #Side_slide .menu_left .pll-parent-menu-item > a + ul .current-lang { display: none !important; } #Side_slide .menu_left .pll-parent-menu-item > a + ul li { border: none !important; text-align: center !important; background-color: var(--color-3) !important; } #Side_slide .wso-contact-info { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; margin-top: auto; } #Side_slide .wso-contact-info .wso-contact-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #Side_slide .wso-contact-info .wso-contact-wrapper a > span { font-size: 1.266rem !important; line-height: 1.81em !important; text-align: center !important; } #Side_slide #menu .wso-contact-info .wso-contact-wrapper a { line-height: 1.81em !important; font-size: 1.266rem !important; } #Side_slide .wso-menu-cart { height: 4.388rem !important; width: 4.388rem !important; position: absolute !important; color: unset !important; bottom: 1.519rem; right: -1.65rem; } #Side_slide .wso-menu-cart .wso-woocart-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: relative !important; height: 100% !important; width: 100% !important; background-color: var(--color-2) !important; top: unset !important; right: unset !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; } #Side_slide .wso-menu-cart .wso-woocart-wrapper:before { display: none !important; } .wso-section-fact .wrap:not(.wso-facts) { margin-bottom: 3.058rem !important; } #Wrapper a.button:not(.simple, .wso-shop-button) span:first-of-type:after, #Wrapper .jig-loadMoreButton span:first-of-type:after, input[type="submit"] span:first-of-type:after, .wpgb-facet button.wpgb-button span:first-of-type:after, #Wrapper .wso-img-left-text-right .column_attr a.button:not(.simple, .wso-shop-button) span:last-of-type:after { width: 5.5rem !important; height: 5.5rem !important; } .grid-23 .wpgb-card-media-content .wpgb-block-1, .grid-23 .wpgb-card { min-width: unset !important; } .wso-section-grid-23.wso-align-center .column_attr h2, .wso-section-grid-23.wso-align-center .column_attr .wso-h2, .wso-section-grid-23.wso-align-center .column_attr h1, .wso-section-grid-23.wso-align-center .column_attr .wso-h1, .wso-section-grid-23.wso-align-center .column_attr h3, .wso-section-grid-23.wso-align-center .column_attr .wso-h3, .wso-section-grid-23.wso-align-center .column_attr h4, .wso-section-grid-23.wso-align-center .column_attr .wso-h4 { width: 100% !important; margin: 0 auto 4.135rem !important; } .wso-background-color-black:before, #Footer .widgets_wrapper:before { background-image: url(/wp-content/uploads/2022/12/group-325.svg); } .wso-background-color-black:after, #Footer .widgets_wrapper:after { background-image: url(/wp-content/uploads/2022/12/group-1617.svg); } #Wrapper .wso-sticky-slider .wso-slider-headline { width: 90%; } #Wrapper .wso-sticky-slider .grid-19 .wpgb-viewport, #Wrapper .grid-19 .wpgb-card-body { height: 70rem !important; } #Wrapper .wso-section-text-2-img .column_attr a:last-of-type { margin-bottom: 4.219rem !important; } #Wrapper .wso-section-text-2-img .wrap:last-child { position: relative; width: 100%; margin-right: 0 !important; width: 101vw !important; margin-left: -10%; } .wso-section-text-2-img-left .section_wrapper { margin-left: auto !important; } .wso-section-text-2-img-right .section_wrapper { margin-right: auto !important; } #Wrapper .wso-section-text-img:not(.wso-section-text-img-fullwidth, .wso-section-newsletter) .wrap:first-child { width: 100% !important; margin-bottom: 9.62rem !important; margin-left: 0 !important; } #Wrapper #Content .wso-section-text-2-img .wrap:first-child { margin-bottom: 0 !important; } .grid-14 .wpgb-card .wpgb-card-media:before, .grid-22 .wpgb-card .wpgb-card-media:before { content: ''; display: block !important; height: 2px; width: 40.68%; background-color: var(--color-3) !important; display: block; position: absolute; right: -70%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1 !important; z-index: 999 !important; } .grid-22 .wpgb-card, .grid-14 .wpgb-card { width: 18.521rem !important; } .grid-14 .wpgb-masonry .wpgb-card:last-child .wpgb-card-media:before, .grid-22 .wpgb-masonry .wpgb-card:nth-child(3n + 3) .wpgb-card-media:before { display: block !important; } .grid-14 .wpgb-masonry .wpgb-card:last-child .wpgb-card-media:before, .grid-22 .wpgb-masonry .wpgb-card:nth-child(2n + 2) .wpgb-card-media:before { display: none !important; } .grid-22 .wpgb-masonry > :nth-child(1n + 3) { margin-top: 0; } #Wrapper .wso-section-grid-22 h2, #Wrapper .wso-section-grid-22 h1, #Wrapper .wso-section-grid-22 h3, #Wrapper .wso-section-grid-22 h4, #Wrapper .wso-section-grid-22 h5 { width: 100%; margin-top: 3rem; margin-bottom: 10.188rem !important; } .wso-section-code .wpcf7-form { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 5.104rem 1fr; grid-template-columns: 1fr 1fr; grid-gap: 2.135rem 3.104rem !important; } .wso-success-wrapper .wso-success-icon-wrapper { display: none !important; } .wso-success-wrapper .wso-success-text-wrapper { width: calc(27.34% + 42.78%); } .wso-success-title-wrapper .wso-success-title { left: 3.104rem; } .grid-29 .wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail div, .grid-30 .wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail div { background-size: contain; } #Footer div:not(.footer_copy) .container { max-width: 76.406vw !important; margin: 0 auto !important; display: -ms-grid; display: grid; -ms-grid-columns: 50% 2rem 50%; grid-template-columns: 50% 50%; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 2rem; } #Footer .one-fourth:first-of-type .textwidget { padding-right: 0 !important; } #Footer .one-fourth:first-of-type { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; } #Wrapper .section.mcb-section.wso-top-no-padding:not(.wso-section-slider) { padding-top: var(--padding-standard) !important; } #Wrapper .wso-section-text-img:not(.wso-section-text-2-img) .column_attr p { width: 100%; } .wso-section-text-2-img .marquee { left: -5vw; bottom: -160%; } @media only screen and (min-width: 768px) { .wso-section-text-img:not(.wso-section-text-2-img) .section_wrapper { max-height: 60rem; } } } @media only screen and (max-width: 767px) { :root { --mobile-top-bar-height: 0rem; } #Wrapper #Top_bar { background-color: transparent; } #Wrapper #Top_bar #logo img, #Wrapper #Top_bar.is-sticky #logo img { width: 3.8rem !important; } #Wrapper #Top_bar a.responsive-menu-toggle { color: var(--color-1); } #Wrapper .section_wrapper, #Wrapper .container, #Wrapper .four.columns .widget-area { padding-left: 0 !important; padding-right: 0 !important; } #Wrapper #Content { margin-top: var(--mobile-top-bar-height); } .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-main, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-layout, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-carousel, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-masonry, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card { height: calc(100vh - var(--mobile-top-bar-height)) !important; } #Footer .widgets_wrapper .widget { /* padding: 1.2rem 0; */ } #Footer .widgets_wrapper .widget > div, #Footer aside > h4 { text-align: center; } #Footer aside > h4::after { margin-left: auto; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { border: 1px solid var(--color-1) !important; background-color: var(--color-1); color: white; } #Wrapper .wso-section-hero { padding: 24% 0 !important; } #Wrapper .wso-highlight-button { /* top: -8rem; */ } #Wrapper .wso-img-box { height: 90vw !important; } .wp-grid-builder.wpgb-grid-19 .wpgb-area-left { left: 1rem !important; } .wp-grid-builder.wpgb-grid-19 .wpgb-area-right { right: 1rem !important; } .wp-grid-builder .wpgb-prev-button, .wp-grid-builder .wpgb-next-button { width: 1.5rem !important; height: 1.5rem !important; } .wso-grid-slider .wpgb-area-left { left: .5rem !important; } .wso-grid-slider .wpgb-area-right { right: .5rem !important; } .wso-grid-slider .wpgb-area-left, .wso-grid-slider .wpgb-area-right { top: auto !important; bottom: -3.2rem !important; } .grid-19 .wso-h3 { margin-top: 2.046rem !important; } #Wrapper .wso-normal-slider .grid-19 .wpgb-block-1 .wso-extra-image-true img { max-width: 84.37%; } #Wrapper .wso-section-text-img .column_attr h1, #Wrapper .wso-section-text-img .column_attr h2, #Wrapper .wso-section-text-img .column_attr h3, #Wrapper .wso-section-text-img .column_attr h4, #Wrapper .wso-section-text-img .column_attr h5 { margin-bottom: 2.194rem !important; } .wso-section-fact .wrap:not(.wso-facts) .column_attr h2, .wso-section-fact .wrap:not(.wso-facts) .column_attr .wso-h2, .wso-section-fact .wrap:not(.wso-facts) .column_attr h1, .wso-section-fact .wrap:not(.wso-facts) .column_attr .wso-h1, .wso-section-fact .wrap:not(.wso-facts) .column_attr h3, .wso-section-fact .wrap:not(.wso-facts) .column_attr .wso-h3, .wso-section-fact .wrap:not(.wso-facts) .column_attr h4, .wso-section-fact .wrap:not(.wso-facts) .column_attr .wso-h4 { width: 100%; } #Wrapper .wso-sticky-slider .grid-19 .wpgb-viewport, #Wrapper .grid-19 .wpgb-card-body { height: 60rem !important; } #Wrapper .wso-sticky-slider .wso-slider-headline { width: 90%; } #Wrapper .wso-sticky-image-wrapper.wso-sticky { width: 20rem !important; height: 30rem !important; padding-bottom: 2rem; transition: 150ms ease; } .wso-sticky-image-wrapper.wso-sticky img { width: 35rem !important; position: absolute; left: -10%; top: 0%; padding-top: 5rem; } .wso-sticky-image-wrapper.wso-sticky.stick { /* left: 55% !important; */ } #Wrapper .grid-19 .wso-highlight-button { position: relative !important; top: unset !important; display: inline-block !important; float: right !important; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } #Wrapper .grid-19 .wso-highlight-button.wso-left { float: left !important; } #Wrapper .grid-19 .wso-highlight-button.wso-left:after { content: ''; display: block; width: 8.641rem; height: 1px; position: absolute; right: -185%; top: 50%; background-color: var(--color-3) !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #Wrapper .wso-sticky-slider .grid-19 p.wso-h3 { margin-bottom: 3.544rem; } #Wrapper .wso-section-text-2-img .wrap:last-child { position: relative; width: 100%; margin-right: 0 !important; width: 101vw !important; margin-left: -10%; max-height: 30rem !important; } #Wrapper .wso-section-text-2-img .wrap:last-child, #Wrapper .wso-section-text-2-img .wrap:last-child .column:not(.wso-zoom-in) img { height: 18.987rem !important; } #Wrapper .wso-section-text-2-img .wrap:last-child .mcb-wrap-inner > :nth-child(2) { width: 34.59% !important; max-height: 52% !important; } #Wrapper .wso-section-text-2-img .wrap:last-child .mcb-wrap-inner > :nth-child(2) > .image_frame, #Wrapper .wso-section-text-2-img .wrap:last-child .mcb-wrap-inner > :nth-child(2) > .image_frame > .image_wrapper:not(.wso-zoom-in-image) { height: 14.937rem !important; } #Wrapper .wso-section-text-2-img .wso-zoom-in-image { position: absolute; left: 50% !important; top: 50% !important; width: 61.32% !important; height: 73.97% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden !important; pointer-events: none !important; } .grid-14 .wpgb-card, .grid-22 .wpgb-card { width: 12.521rem !important; } .wso-section-code .wpcf7-form .one-second { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; } input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, .select2 .select2-selection, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea { padding: 0 0 1.135rem !important; } .wso-section-code .wpcf7-form { grid-gap: 1.135rem 3.104rem !important; } .wso-section-code .wpcf7-form .wpcf7-textarea { margin-top: 1.196rem; } .wso-section-code .wpcf7-form .wso-privacy-notice { margin-bottom: 1rem !important; } .wso-success-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wso-success-wrapper .wso-success-text-wrapper { width: 100%; } .wso-success-title-wrapper .wso-success-title { position: relative; bottom: 0; width: 100%; left: 0.481rem !important; margin-bottom: 0 !important; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: unset !important; -ms-transform: unset !important; transform: unset !important; } .wso-success-wrapper .wso-success-fact-wrapper { width: 100%; } .wso-success-wrapper .wso-success-title-wrapper { position: relative; width: 100%; } #Wrapper + .wso-footer-breaker.wso-section-intro, #Wrapper .wso-footer-breaker.wso-section-intro { height: 35.274rem !important; } #Footer .one-second .widget { padding-right: 0; } #Footer * { text-align: left !important; } #Footer .footer_copy .copyright { text-align: center !important; } #Wrapper + .wso-footer-breaker .wso-highlight-button, #Wrapper .wso-highlight-button { position: absolute; right: 10.59%; top: -3.417rem; width: 7.5rem !important; height: 7.5rem !important; z-index: 9; } .wso-mobilmenu-active #Side_slide { width: 100vw; -webkit-transition: 10ms ease-in-out; -o-transition: 10ms ease-in-out; transition: 10ms ease-in-out; overflow: hidden auto; } .wso-section-text-2-img .marquee { left: -8vw; bottom: -65%; } .wso-section-text-2-img.wso-marquee-visible .section_wrapper { padding-bottom: calc(17.135rem - var(--padding-big)); } #Wrapper .wso-img-left-text-right .column_attr * { text-align: right !important; } } @media only screen and (max-width: 599px) { #Wrapper .wso-section-hero { padding: 9rem 0 7rem !important; } #Wrapper .wso-sticky-slider .wso-slider-headline > span:before { width: 1.435rem; height: 1.772rem; } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2 { font-size: 2.7rem !important; } .wso-highlight-button p { font-size: .5rem !important; } #Wrapper .wso-highlight-button p strong::after { width: 3rem; margin: .5rem auto; } .wso-background-color-black:before, #Footer .widgets_wrapper:before { background-image: url(/wp-content/uploads/2022/12/group-325.svg); } .wso-background-color-black:after, #Footer .widgets_wrapper:after { background-image: url(/wp-content/uploads/2022/12/group-1617.svg); } .grid-23 .wpgb-masonry > :nth-child(1n + 5) { margin-top: -2rem; } #Wrapper .wso-sticky-slider .wso-slider-headline { width: 90%; } #Wrapper .grid-19 .wso-highlight-button.wso-left:after { content: ''; display: block; width: 4.641rem; height: 1px; position: absolute; right: -85%; top: 50%; background-color: var(--color-3) !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #Wrapper .wso-sticky-slider .grid-19 .wpgb-viewport, #Wrapper .grid-19 .wpgb-card-body { height: 50rem !important; } #Wrapper .wso-sticky-image-wrapper.wso-sticky { padding-bottom: 10.25rem !important; } .grid-14 .wpgb-card .wpgb-card-media:before, .grid-22 .wpgb-card .wpgb-card-media:before { content: ''; display: block !important; height: 2px; width: 80.68%; background-color: var(--color-3) !important; display: block; position: absolute; right: -140%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1 !important; z-index: 999 !important; } .grid-22 .wpgb-card { width: 100% !important; } #Footer div:not(.footer_copy) .container { max-width: 90% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #Footer #menu-footer-menu, #Footer #menu-footer-menu-en { margin-bottom: 2.198rem !important; } #Footer .widgets_wrapper { padding: 3.479rem 0 3.896rem; } .wso-section-text-2-img .marquee { left: -8vw; bottom: -45%; } .wso-section-text-2-img.wso-marquee-visible .section_wrapper { padding-bottom: calc(15.135rem - var(--padding-big)); } #Wrapper .wso-sticky-image-wrapper.wso-sticky { width: 20rem !important; height: 30rem !important; transition: 100ms ease; } .wso-sticky-image-wrapper.wso-sticky img { width: 22rem !important; left: 13%; transition: 150ms ease; } } /* ============================================ Google ReChaptcha ausblenden ============================================ */ .grecaptcha-badge { visibility: hidden; } /* Form hint */ .wso-recaptcha-hint { margin: 1rem 0; font-weight: 400; } .wso-recaptcha-hint a { color: var(--black); text-decoration: underline; }