/* 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 */ @import "print.css"; /* ============================================ Variables ============================================ */ :root { --content-width: 70rem; --mobile-top-bar-height: 6rem; --yellow: #FFBC0D; --red: #d90012; --black: #000000; --white: #ffffff; --dark-gray:#707070; --gray: #A0A0A0; --medium-gray: #D0D2D1; --light-gray: #ececec; --brown: #411D0D; --text-img-spacing: 3%; --overlay-light: rgba(255, 255, 255, 0.3); --overlay-dark: rgba(0, 0, 0, 0.20); --img-border: .5rem solid white; --menu-gap: 1.5rem; --megamenu-width: 86%; --burger-menu-transition: 300ms; --transition-shorter:100ms; --transition-short:200ms; --transition-medium-short:250ms; --transition-normal:300ms; --transition-medium:500ms; --sesame-seeds-1-duration:1500ms; --sesame-seeds-2-duration:1000ms; --sesame-seeds-3-duration:1500ms; } @media (prefers-reduced-motion) { :root { --transition-shorter:0ms; --transition-short:0ms; --transition-medium-short:0ms; --transition-normal:0ms; --transition-medium:0ms; --sesame-seeds-1-duration:0ms; --sesame-seeds-2-duration:0ms; --sesame-seeds-3-duration:0ms; } } /* ============================================ Global ============================================ */ html { font-size: 1vw; } .wso-hide { display: none; } a.wso-absolute-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; } body.wso-smile #Wrapper .wso-smile-menu-item a, body.wso-eat #Wrapper .wso-eat-menu-item a, body.wso-machhaltigkeit #Wrapper .wso-care-menu-item a, body.wso-nutrition-calculator #Wrapper .wso-eat-menu-item a, body.single-wso_product #Wrapper .wso-eat-menu-item a, body.wso-mccafe #Wrapper .wso-eat-menu-item a, body.wso-career #Wrapper .wso-work-menu-item a, body.single-wso_job #Wrapper .wso-work-menu-item a { color: var(--yellow) !important; } #Wrapper .section.wso-external-page .column.mcb-column.one.column_column { width: 100% !important; margin: 0 !important; } /* ================= Transitions ================= */ .ui-tabs .ui-tabs-nav li a { -webkit-transition: all var(--transition-shorter) ease-in-out !important; -o-transition: all var(--transition-shorter) ease-in-out !important; -moz-transition: all var(--transition-shorter) ease-in-out !important; transition: all var(--transition-shorter) ease-in-out !important; } .accordion .question .title, .accordion .question .title i, .wso-video-button { -webkit-transition: all var(--transition-short) ease-in-out !important; -o-transition: all var(--transition-short) ease-in-out !important; -moz-transition: all var(--transition-short) ease-in-out !important; transition: all var(--transition-short) 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 var(--transition-normal) ease-in-out !important; -o-transition: all var(--transition-normal) ease-in-out !important; -moz-transition: all var(--transition-normal) ease-in-out !important; transition: all var(--transition-normal) ease-in-out !important; } .image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links { -webkit-transition: all var(--transition-medium) ease-in-out !important; -o-transition: all var(--transition-medium) ease-in-out !important; -moz-transition: all var(--transition-medium) ease-in-out !important; transition: all var(--transition-medium) ease-in-out !important; } /* ================= 404 ================= */ body.error404 { height: auto; } #Wrapper .wso-404-buttons a.button { margin: 1rem 1rem 0 !important; } #Wrapper .wso-404-buttons a.button:last-child { background: white !important; } #Wrapper .wso-404-buttons a.button:hover:last-child { background: var(--yellow) !important; } /* ================= Fancybox ================= */ :is(.fancybox-content,.fancybox__content), .fancybox__content{ --fancybox-content-color:var(--black); position: absolute !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; } :is(.fancybox-active,.fancybox__active).compensate-for-scrollbar { margin-right: 0; } :is(.fancybox-navigation,.fancybox__navigation) button, :is(.fancybox-navigation,.fancybox__navigation) button:hover, .fancybox__nav button, .fancybox__nav button:hover{ background-color: transparent; } :is(.fancybox-navigation,.fancybox__navigation) button::after, .fancybox__nav button::after{ display: none; } :is(.fancybox-container,.fancybox__container), .fancybox__container{ z-index: 9999999999 !important; } :is(.fancybox-slide--html,.fancybox__slide) :is(.fancybox-close-small,[data-fancybox-close]) { background: transparent !important; color: var(--black) !important; height: 4rem; width: 4rem; } .fancybox__container .fancybox__slide .fancybox__content>.f-button.is-close-btn { --f-button-svg-width:60%; --f-button-svg-height:60%; --f-button-svg-fill:currentColor; top:0; } :is(.fancybox-slide--html,.fancybox__slide) :is(.fancybox-close-small,[data-fancybox-close]):hover { color: var(--black) !important; } :is(.fancybox-slide--html,.fancybox__slide) :is(.fancybox-close-small,[data-fancybox-close]):after { content: none !important; } .wso-contact-popup :is(.fancybox-content,.fancybox__content), .wso-contact-popup .fancybox__content { -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; text-align: center !important; } .wso-contact-popup:is(.fancybox-container,.fancybox__container) :is(.fancybox-content,.fancybox__content) .wso-h2, .wso-contact-popup.fancybox__container .fancybox__content .wso-h2{ margin-bottom: 0 !important; } .wso-contact-popup:is(.fancybox-container,.fancybox__container) :is(.fancybox-content,.fancybox__content) a.button, .wso-contact-popup.fancybox__container .fancybox__content a.button { margin-left: .5rem !important; margin-right: .5rem !important; margin-top: 2rem !important; float: left !important; } .wso-contact-popup:is(.fancybox-container,.fancybox__container) :is(.fancybox-content,.fancybox__content) a.button.wso-tel-button, .wso-contact-popup.fancybox__container .fancybox__content a.button.wso-tel-button{ overflow: visible !important; border-radius: 1em !important; /* float: none !important; */ } .wso-contact-popup:is(.fancybox-container,.fancybox__container) :is(.fancybox-content,.fancybox__content) a.button.wso-tel-button:after, .wso-contact-popup.fancybox__container .fancybox__content a.button.wso-tel-button:after{ top: 100%; content: ''; display: block !important; position: absolute !important; height: 2rem; width: 6rem; background: url(/wp-content/uploads/2021/03/melty-cheese-detail.svg) no-repeat center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); visibility: visible !important; opacity: 1 !important; bottom: 0rem !important; } a.button.wso-mail-button span:before, a.button.wso-tel-button span:before{ content: ''; display: inline-block; position: relative; height: 1em; width: 1em; background: url(/wp-content/uploads/2021/11/mail.svg) no-repeat center; vertical-align: middle; margin-right: 0.5rem; background-size: contain !important; } a.button.wso-tel-button span:before { background: url(/wp-content/uploads/2021/11/phone.svg) no-repeat center; background-size: contain !important; } .fancybox__content button { background: rgba(30,30,30,.6) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none; cursor: pointer; display: inline-block; margin: 0; transition: color var(--transition-short); vertical-align: top; visibility: inherit; right: 0 !important; vertical-align: middle !important; padding: 7px !important; } .fancybox__nav button[disabled] { display: none !important; } /* ================= 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; } #Wrapper .wso-img-box.wso-proportional-img .image_wrapper, #Wrapper .wso-img-box.wso-img-proportional .image_wrapper{ height: auto !important; } .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-img-contain img { -o-object-fit: contain !important; object-fit: contain !important; 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; } .wso-cover-disabled img { -o-object-fit: contain !important; object-fit: contain !important; } .wso-cover-disabled.wso-left-bottom img { -o-object-position: 25% 100% !important; object-position: 25% 100% !important; font-family: 'object-fit: contain; object-position: 25% 100%;'; } /* ================= Float right ================= */ @media only screen and (min-width: 768px) { .wso-float-right { float: right; } .wso-404 .section_wrapper.mcb-section-inner { display: flex; flex-direction: row; justify-content: center; align-items: center; } } /* ================= Lazy load ================= */ img[data-lazy-src*="http"] { -webkit-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) 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, #Wrapper .wso-section-intro a.button/*, #Wrapper .wso-section-breaker a.button*/ { font-size: 1.25rem !important; line-height: 1.65em !important; font-family: 'Speedee Regular',sans-serif !important; letter-spacing: -.025em !important; } p.wso-small { color: var(--dark-gray) !important; font-size: .95rem !important; display: inline-block; line-height: 1.35em; } #Wrapper .wso-section-intro a.button { font-size: 1.45rem !important; } #Wrapper .wpgb-card p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-size: .95rem !important; line-height: 1.5em !important; font-weight: normal !IMPORTANT; } #Wrapper .wso-404 h1.wso-title { font-size: 5rem !important; } #Wrapper .wso-section-intro a.button, #Wrapper .wso-section-breaker a.button { font-family: 'Speedee Bold',sans-serif !important; } #Wrapper .wso-section-intro .mcb-wrap.wrap:not(.wso-hero-img) .column_attr, #Wrapper .wso-section-breaker .mcb-wrap.wrap:not(.wso-hero-img) .column_attr { display:flex; flex-direction: column; align-items: center; align-content:center; } #Wrapper .wso-section-intro .mcb-wrap.wrap:not(.wso-hero-img) .column_attr .wso-desktop-play-button, #Wrapper .wso-section-breaker .mcb-wrap.wrap:not(.wso-hero-img) .column_attr .wso-desktop-play-button { order:-1; } .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: 1rem !important; } #Wrapper h1, #Wrapper .wso-h1, #Wrapper h2, #Wrapper .wso-h2, #Top_bar .mfn-megamenu-title, #Top_bar .wso-megamenu-text, :is(.fancybox-content,.fancybox__content) .wso-h2, .fancybox__content .wso-h2, #Wrapper .section.wso-subnavigation.wso-subnavigation-mobile b { font-size: 2.2rem; line-height: 1.3em; font-weight: 400; margin-bottom: 1rem; font-family: 'Speedee Bold',sans-serif !important; } #Wrapper h3:where(:not(.wso-h1)), #Wrapper .wso-h3, #Wrapper .wp-caption-text h3, :is(.fancybox-content,.fancybox__content) .wso-h3, .fancybox__content .wso-h3 { font-size: 1.65rem !important; line-height: 1.25em !important; font-weight: 700 !important; margin-bottom: 1rem !important; font-family: 'Speedee Bold',sans-serif !important; letter-spacing: -.025em; } #Wrapper h4:where(:not(.wso-h1)), #Wrapper .wso-h4, .wso-highlight-button p, .ui-tabs .ui-tabs-nav li a, #Footer .widget_nav_menu ul li a, #Top_bar .menu .wso-burger-menu li.menu-item-has-children > a, .wp-grid-builder .wpgb-card.wpgb-no-result>div, span.wmjo-autocomplete-header, span.wmjo-range-header, :is(.fancybox-content,.fancybox__content) .wso-h4, .fancybox__content .wso-h4, #Wrapper .wso-work-filter-div p.wso-h3, #Wrapper #product-allergens .wso-h6 { font-size: 1.45rem !important; line-height: 1.4em !important; font-weight: 400 !important; margin-bottom: .6rem !important; font-family: 'Speedee Regular',sans-serif !important; letter-spacing: -.025em; } #Wrapper #product-allergens .wso-h6 { font-family: 'Speedee Bold',sans-serif !important; } #Wrapper #Footer h4 { font-size: 1.25rem !important; } h4:where(:not(.wso-h1)), #Wrapper .wso-h4, .ui-tabs .ui-tabs-nav li a { color: var(--black); } #Wrapper h5:where(:not(.wso-h1)), #Wrapper .wso-h5, :is(.fancybox-content,.fancybox__content) .wso-h5, .fancybox__content .wso-h5{ font-size: 1.35rem !important; line-height: 1.4em !important; font-weight: 400; margin-bottom: 1rem; font-family: 'Speedee Regular',sans-serif !important; } #Wrapper h6:where(:not(.wso-h1)), #Wrapper .wso-h6, :is(.fancybox-content,.fancybox__content) .wso-h6, .fancybox__content .wso-h6 { font-size: 1.3rem !important; line-height: 1.3em !important; font-weight: 700 !important; margin-bottom: 1rem !important; font-family: 'Speedee Bold',sans-serif !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; } #Wrapper .dark a:not(.button) { color: white !important; } #Wrapper .section.wso-section-grid .column a:not(.button), #Wrapper b, #Wrapper strong { font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; vertical-align: baseline !important; } #Wrapper .wpcf7 a { text-decoration: underline !important; } #Wrapper .section .column p a:not(.button):not(.wso-video-button):not(.ui-tabs-anchor):not(.wpgb-card-layer-link):not(.wpgb-lightbox):not(.applink):after { content: ''; height: 1em; width: 1em; position: relative; display: inline-block; background: url(/wp-content/uploads/2021/04/arrow-right.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; vertical-align: middle; margin-left: .25em !important; margin-top: -.15em !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; display:none; } #Wrapper .section p a { vertical-align: baseline !important; } #Wrapper .section .column p a:not(.button):not(.wso-video-button):not(.ui-tabs-anchor):not(.wpgb-card-layer-link):not(.wpgb-lightbox):hover:after { margin-left: .75em !important; } /* ================================== CONTENT WIDTH & FLOAT ================================== */ @media only screen and (min-width: 768px){ .section.content-three-fourth .column.mcb-column { width: 75% !important; } .section.content-one-third .column.mcb-column { width: 66% !important; } .section.content-half .column.mcb-column { width: 50% !important; position: relative !important; } .section.content-third .column.mcb-column { width: 33% !important; } .section.content-fourth .column.mcb-column { width: 25% !important; } .section.wso-content-float-right .wrap:not(.wso-hero-img) .column.mcb-column { float: right; } .section.mcb-section.wso-section-image.wso-half-half-layout .wrap { width: 50% !important; } .section.mcb-section.wso-section-image.wso-one-third-layout .wrap { width: 33.33% !important; } .section.mcb-section.wso-section-image.wso-two-third-layout .wrap { width: 66.66% !important; } .section.mcb-section.wso-section-image.wso-one-fourth-layout .wrap { width: 25% !important; } .section.mcb-section.wso-section-image.wso-three-fourth-layout .wrap { width: 75% !important; } .section.content-half.wso-content-float-left .wso-hero-img .column.mcb-column { right: 0 !important; float: right !important; } #Wrapper .wso-dropdown-wrap .wso-section-image-boxes .column.mcb-column.one.column_column { margin-bottom: 0 !important; } } .section.mcb-section.wso-section-image.wso-full-layout .column.mcb-column.column_image.wso-img { width: 98% !important; } .section.mcb-section.wso-section-image.wso-full-layout img { width: auto !important; max-width: 100% !important; display: block; margin: 0 auto; } /* ================================== WHITE BOX ================================== */ .wso-white-box-layout { background: white !important; padding: 2rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; -webkit-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); } .wso-white-box-layout.wso-icon-box { padding: 3.5rem 3rem !important; } /* ================================== ROUND BORDER ================================== */ .wso-round-border .wrap .mcb-wrap-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .wso-round-border .column.mcb-column:not(.column_image) .column_attr.clearfix { padding: 3rem !important; } .wso-round-border .wrap .mcb-wrap-inner .column.mcb-column.column_image.wso-img { height: auto !important; margin: 0 !important; } .wso-round-border:not(.wso-flex-direction-vertical) .wrap .mcb-wrap-inner .column.mcb-column.column_image.wso-img img { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; bottom: 0; right: 0; } .section.wso-round-border.wso-section-multi-column.mcb-section.wso-melty-cheese-bg-right:after { bottom: 1rem !important; left: 67%; width: 25% !important; z-index: 0; } .section.wso-round-border.wso-section-multi-column.mcb-section.wso-melty-cheese-bg-left:after { bottom: 1rem !important; width: 25% !important; z-index: 0; } .section.wso-round-border.wso-section-multi-column.mcb-section.wso-melty-cheese-bg-right:after { height: 3rem !important; bottom: 0rem !important; } .section.wso-round-border.wso-section-multi-column.mcb-section.wso-melty-cheese-bg-left:after { bottom: 1rem !important; width: 25% !important; z-index: 0; left: 29% !important; } .section.wso-round-border.wso-section-multi-column.mcb-section.wso-melty-cheese-bg-left.wso-middle-padding-bottom:after { height: 3rem !important; bottom: 2rem !important; } @media only screen and (min-width: 768px) { .wso-round-border .column { /*width: 50% !important;*/ } .wso-round-border .wrap .mcb-wrap-inner .wso-float-right { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } #Wrapper .wso-flex-direction-vertical .wrap .mcb-wrap-inner { -webkit-flex-direction: column !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } #Wrapper .wso-round-border.wso-flex-direction-vertical .column { width: 100%; margin: 0 !important; } #Wrapper .wso-round-border.wso-flex-direction-vertical .column.mcb-column:not(.column_image) .column_attr.clearfix { padding: 0 !important; } #Wrapper .wso-round-border.wso-flex-direction-vertical .column.mcb-column:not(.column_image):nth-child(2):not(:last-child) { padding-bottom: 0 !important; } #Wrapper .wso-round-border.wso-flex-direction-vertical .column.mcb-column:not(.column_image):last-child:not(:nth-child(2)) { padding-top: 0 !important; } /* ================================== SUBNAVIGATION ================================== */ .wso-subnavigation.wso-subnavigation-sticky { background: var(--yellow) !important; /*position: fixed !important;*/ position: absolute !important; top: 8.15rem !important; width: 100% !important; z-index: 999999 !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); } body.menu-sticky .wso-subnavigation.wso-subnavigation-sticky { /*top: 7.15rem !important;*/ } .wso-subnavigation.wso-subnavigation-sticky .section_wrapper.mcb-section-inner { padding: .65em 0 !important; margin-right: 0 !important; max-width: 75% !important; } .wso-subnavigation-sticky .wso-subnavigation-overflow { width: 100% !important; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } .wso-subnavigation a.wso-sublinks { font-size: 1.15rem !important; width: auto !important; margin: 0 2rem !important; } .wso-subnavigation a.wso-sublinks:focus-visible, .wso-subnavigation a.wso-sublinks:hover { outline:none !important } .wso-subnavigation a.wso-sublinks:focus-visible span, .wso-subnavigation a.wso-sublinks:hover span{ text-decoration: underline; } .wso-subnavigation a.wso-sublinks span.button_label { float: left; } .wso-subnavigation a:hover { color: black !important; text-decoration: underline !important; } .wso-subnavigation.wso-subnavigation-mobile a:hover { text-decoration: none !important; } .wso-subnavigation-sticky .subswiper.wso-subnavigation-scroll:after, .wso-subnavigation-sticky .swiper:after { content: ''; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 3rem; z-index: 2; background: -moz-linear-gradient(260deg, rgba(255,188,13,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(260deg, rgba(255,188,13,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(260deg, rgba(255,188,13,1) 0%, rgba(255,255,255,0) 100%); pointer-events: none !important; } .wso-subnavigation-sticky .subswiper.wso-subnavigation-scroll:before, .wso-subnavigation-sticky .swiper:before { content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 3rem; z-index: 2; background: -moz-linear-gradient(90deg, rgba(255,188,13,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(255,188,13,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(255,188,13,1) 0%, rgba(255,255,255,0) 100%); pointer-events: none !important; } .wso-subnavigation.wso-subnavigation-mobile { padding: 3rem 1rem !important; } .wso-subnavigation.wso-subnavigation-mobile .section_wrapper.mcb-section-inner { max-width: var(--content-width) !important; } .wso-subnavigation.wso-subnavigation-mobile a { display: inline-block; width: 100%; font-size: 1.5rem !important; padding: 1rem 0 !important; border-bottom: 1px solid #EEEEEE; font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; position: relative; margin-top: .5rem; } .wso-subnavigation.wso-subnavigation-mobile a:last-child { border: 0 !important; } .wso-subnavigation.wso-subnavigation-mobile a:after { content: ''; display: block; position: absolute; background: url(/wp-content/uploads/2021/08/subnavigation-link.svg) no-repeat center; background-size: contain; height: 1em; width: 1em; right: 0; top: 50%; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } /* ================================== HOME INTRO ================================== */ .wso-home-intro .wrap:nth-child(2) .wso-img { -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; overflow: hidden; } .wso-home-intro .wrap:nth-child(2) .column.mcb-column.one .column_attr { padding: 1rem 2rem 0; } .wso-home-intro .wrap:nth-child(2) .mcb-wrap-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; padding-left: .5rem; } .wso-home-intro .wrap:nth-child(2) .mcb-wrap-inner .column.mcb-column.one { -webkit-flex-basis: 100% !important; -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; -webkit-box-flex: 1 !important; -webkit-flex: 1 !important; -moz-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; } @media only screen and (min-width: 768px) { .wso-home-intro .wrap:first-child { width: 21% !important; } .wso-home-intro .wrap:nth-child(2) { width: 79% !important; } } .wso-home-intro .wrap:nth-child(2) .wso-white-box-layout { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } /* ================= 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 0 1rem 1.5rem; } .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: .5rem; } .wso-yellow .column_column ul, .wso-yellow .column_column ol { color: var(--black) !important; } .wso-yellow a:hover { color: white !important; } .column_column ul, .column_column ol { list-style: none !important; } .column_column ul li, .column_column ol li { position: relative !important; } .column_column ol:not(.wpgb-page-dots) li:before { color: black; content: counter(step-counter)'.'; background: var(--yellow); font-size: 1em; border-radius: 50%; margin-right: .5rem; margin-left: -2.5rem; height: 2rem !important; width: 2rem !important; display: inline-block; text-align: center; font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; line-height: inherit; } .column_column ol:not(.wpgb-page-dots) { margin-left: 2.5rem; padding-right: 0; list-style-type: none; } .column_column ol:not(.wpgb-page-dots) li { counter-increment: step-counter; margin-bottom: 20px; } .column_column ul li:not(.wpgb-dot):not(.menu-item):before { content: ''; display: inline-block !important; position: relative; height: .65em; width: .65em; background: radial-gradient(circle, var(--black) 0%, var(--black) 40%, transparent 45%); -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; margin-left: -0.75rem; left: -.5em; top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); vertical-align: bottom !important; margin-bottom: .15em !important; } #Wrapper .column_column ul li ul { margin: .1em 0rem .1em .75rem !important; } #Wrapper .column_column ul li ul li { margin-bottom: 0 !important; margin-top: 0 !important; } /* ============================================ Header ============================================ */ /* ================= Top Bar ================= */ #Top_bar.loading { display: block; } .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: 0rem !important; } } /* ================= Logo ================= */ #Top_bar .logo { position: absolute; top: 48%; left: 0rem; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-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: 7rem; max-height: 100% !important; } /* ================= Menu ================= */ #Top_bar > .container > .column { width: 99% !important; margin: 0 .5% !important; } #Top_bar .menu > li > a, #Top_bar .menu > li > a span:not(.description) { line-height: 1em !important; } #Top_bar .menu > li > a { font-size: 1.25rem; font-weight: 500; padding: 1.75rem 0 !important; font-family: 'Speedee Bold',sans-serif !important; } .header-transparent #Top_bar:not(.is-sticky) .menu > li > a:not(:hover), .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.3rem 1rem 0.4rem 1rem; margin-block: .85rem; } #Top_bar .menu > li.current-menu-item > a span, #Top_bar .menu > li.current_page_item > a span, #Top_bar .menu > li.current-menu-parent > a span, #Top_bar .menu > li.current-page-parent > a span, #Top_bar .menu > li.current-menu-ancestor > a span, #Top_bar .menu > li.current-page-ancestor > a span, #Top_bar .menu > li.current_page_ancestor > a span, #Top_bar .menu > li.hover > a span, #Top_bar .menu > li > a:is(:hover,:focus-visible) span{ color:var(--black) !important; background-color: var(--yellow); } #Top_bar .menu > li > a span { border-radius: 100vw; color:var(--black) !important; } #Top_bar .menu > li:not(.wso-menu-button) { margin: 0 .75rem !important; } #Top_bar .menu > li.wso-icon.wso-map-icon { margin-left: 4rem !important; } #Top_bar .menu > li.wso-menu-button { margin-left: 2rem; } #Top_bar .menu > li.wso-menu-button > a span:not(.description) { line-height: 1em !important; background: var(--yellow) !important; -webkit-border-radius: 4em !important; -moz-border-radius: 4em !important; border-radius: 4em !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-family: 'Speedee Bold',sans-serif !important; padding: 1rem 2rem !important; position: relative; font-size: 1rem; margin-block:0; border: 4px solid var(--yellow) !important; } #Top_bar .menu > li.wso-menu-button > a:hover span:not(.description), #Top_bar .menu > li.wso-menu-button > a:focus-visible span:not(.description) { background: white !important; color: var(--black) !important; } #Top_bar .menu > li.wso-menu-button:hover > a, #Top_bar .menu > li.wso-menu-button:focus-visible > a { color: var(--black) !important; } #Top_bar .menu > li.wso-menu-button > a span:after { content:''; display: block !important; position: absolute !important; height: 2rem; width: 6rem; background: url(/wp-content/uploads/2021/03/melty-cheese-detail.svg) no-repeat center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; left: 65%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); visibility: visible !important; opacity: 1 !important; bottom: -2rem !important; } #Top_bar .menu > li.wso-icon span, li.wso-icon span { display: none !important; } #Top_bar .menu > li.wso-icon a:after, li.wso-icon a:after { content: ''; display: block !important; position: relative !important; height: 1.6em !important; width: 1.6em !important; visibility: visible !important; opacity: 1 !important; left: 0 !important; top: 0 !important; margin: .7rem 0; background-color: var(--yellow) !important; padding: .5rem; border-radius: .5rem; -webkit-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%); } #Top_bar .menu > li.wso-icon a:hover:after, li.wso-icon a:hover:after { -webkit-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 30%); -moz-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 30%); box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 30%); } #Top_bar .menu > li.wso-icon.wso-map-icon a:after, li.wso-icon.wso-map-icon a:after { background: url(/wp-content/uploads/2025/06/map-marker-icon.svg) no-repeat center; background-size: auto 55% !important; } li.wso-icon.wso-map-icon:hover a:after, li.wso-icon.wso-search-icon:hover a:after, li.wso-icon.wso-map-icon a:focus-visible:after, li.wso-icon.wso-search-icon a:focus-visible:after { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } #Top_bar .menu > li.wso-icon.wso-search-icon a:after, li.wso-icon.wso-search-icon a:after { background: url(/wp-content/uploads/2025/06/search-icon.svg) no-repeat center; background-size: auto 55% !important; } .wso-mobile-item { position: fixed !important; z-index: 9999 !important; list-style: none !important; } li.wso-icon.wso-mobile-item a:after { margin: 0 !important; } .wso-mobile-item.wso-map-icon { top: 1.5rem; left: 2rem; } .wso-mobile-item.wso-search-icon { top: 1.5rem; right: 2rem; } li.wso-icon.wso-mobile-item a:after { height: 2em !important; width: 2em !important; -webkit-background-size: auto 1.5rem !important; -moz-background-size: auto 1.5rem !important; -o-background-size: auto 1.5rem !important; background-size: auto 1.5rem !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; -webkit-background-size: auto 1.1rem !important; -moz-background-size: auto 1.1rem !important; -o-background-size: auto 1.1rem !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"); -webkit-background-size: auto .95rem !important; -moz-background-size: auto .95rem !important; -o-background-size: auto .95rem !important; 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"); } /*Submenu*/ #Top_bar .menu > li.menu-item-has-children > ul { display: block!important; top: -webkit-calc(100% + var(--menu-gap)); top: -moz-calc(100% + var(--menu-gap)); 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; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%,30px); -ms-transform: translate(-50%,30px); -moz-transform: translate(-50%,30px); -o-transform: translate(-50%,30px); transform: translate(-50%,30px); -webkit-transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear var(--transition-medium),padding 0s linear var(--transition-medium)!important; -moz-transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear var(--transition-medium),padding 0s linear var(--transition-medium)!important; -o-transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear var(--transition-medium),padding 0s linear var(--transition-medium)!important; -webkit-transition: opacity var(--transition-medium) ease 0s,max-height 0s linear var(--transition-medium),padding 0s linear var(--transition-medium),-webkit-transform var(--transition-medium) ease 0s!important; transition: opacity var(--transition-medium) ease 0s,max-height 0s linear var(--transition-medium),padding 0s linear var(--transition-medium),-webkit-transform var(--transition-medium) ease 0s!important; -o-transition: opacity var(--transition-medium) ease 0s,max-height 0s linear var(--transition-medium),padding 0s linear var(--transition-medium),-o-transform var(--transition-medium) ease 0s!important; -moz-transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear var(--transition-medium),padding 0s linear var(--transition-medium),-moz-transform var(--transition-medium) ease 0s!important; transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear var(--transition-medium),padding 0s linear var(--transition-medium)!important; transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear var(--transition-medium),padding 0s linear var(--transition-medium),-webkit-transform var(--transition-medium) ease 0s,-moz-transform var(--transition-medium) ease 0s,-o-transform var(--transition-medium) 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; pointer-events: all!important; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); -webkit-transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear 0s,padding 0s linear 0s!important; -moz-transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear 0s,padding 0s linear 0s!important; -o-transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear 0s,padding 0s linear 0s!important; -webkit-transition: opacity var(--transition-medium) ease 0s,max-height 0s linear 0s,padding 0s linear 0s,-webkit-transform var(--transition-medium) ease 0s!important; transition: opacity var(--transition-medium) ease 0s,max-height 0s linear 0s,padding 0s linear 0s,-webkit-transform var(--transition-medium) ease 0s!important; -o-transition: opacity var(--transition-medium) ease 0s,max-height 0s linear 0s,padding 0s linear 0s,-o-transform var(--transition-medium) ease 0s!important; -moz-transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear 0s,padding 0s linear 0s,-moz-transform var(--transition-medium) ease 0s!important; transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear 0s,padding 0s linear 0s!important; transition: opacity var(--transition-medium) ease 0s,transform var(--transition-medium) ease 0s,max-height 0s linear 0s,padding 0s linear 0s,-webkit-transform var(--transition-medium) ease 0s,-moz-transform var(--transition-medium) ease 0s,-o-transform var(--transition-medium) 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 var(--transition-medium) ease 0s,top var(--transition-medium) ease 0s !important; -moz-transition: opacity var(--transition-medium) ease 0s,top var(--transition-medium) ease 0s !important; -o-transition: opacity var(--transition-medium) ease 0s,top var(--transition-medium) ease 0s !important; transition: opacity var(--transition-medium) ease 0s,top var(--transition-medium) ease 0s !important; -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); -moz-transform: translate(-50%,-50%) rotate(45deg); -o-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: -webkit-calc(100% + var(--menu-gap)); top: -moz-calc(100% + var(--menu-gap)); top: calc(100% + var(--menu-gap)); max-height: 100px!important; opacity: 1 !important; -webkit-transition-delay: .4s !important; -moz-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::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; -moz-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; -moz-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: -webkit-calc((100% - var(--megamenu-width)) / 2) !important; left: -moz-calc((100% - var(--megamenu-width)) / 2) !important; left: calc((100% - var(--megamenu-width)) / 2) !important; -webkit-transform: translate(0,30px); -ms-transform: translate(0,30px); -moz-transform: translate(0,30px); -o-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); -moz-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); padding: 3rem 6rem; } #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 { -moz-box-shadow: none; 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; -moz-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); } /* ================= Burgermenu ================= */ #Top_bar .wso-burger-menu { float: right !important; width: 2.6rem; height: 2.6rem; margin-left: 1rem !important; padding: 1.2rem 0 !important; } #Top_bar.is-sticky .wso-burger-menu { padding: 1rem 0 !important; } #Top_bar .wso-burger-menu > span { position: absolute; margin-top: .33rem; width: 2.6rem; height: 2rem; cursor: pointer; } #Top_bar .wso-burger-menu > span::after, #Top_bar .wso-burger-menu > span::before { content:''; border-color: white; border-style:solid; width:100%; position:absolute; -webkit-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); -o-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); -moz-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); } #Top_bar.is-sticky .wso-burger-menu > span::after, #Top_bar.is-sticky .wso-burger-menu > span::before { border-color: var(--color-2) !important; } #Top_bar .wso-burger-menu > span::before { border-width: 1px 0 1px 0; top:0; height: .9rem; } #Top_bar .wso-burger-menu > span::after { border-width: 1px 0 0 0; top: 1.9rem; height: 0px; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::after, .wso-burger-menu-active #Top_bar .wso-burger-menu > span::before { top:.8rem; height:0rem; border-width: 1px 0 0 0; -webkit-transition: var(--burger-menu-transition) height 0s, var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; -o-transition: var(--burger-menu-transition) height 0s, var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; -moz-transition: var(--burger-menu-transition) height 0s, var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; transition: var(--burger-menu-transition) height 0s, var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 999; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 999; } #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul { left: 0 !important; width: 100% !important; overflow-y: auto !important; } .wso-burger-menu-active #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul { max-height: -webkit-calc(100vh - 9rem) !important; max-height: -moz-calc(100vh - 9rem) !important; max-height: calc(100vh - 9rem) !important; } #Top_bar .menu .wso-burger-menu li ul { display: block !important; position: relative; left: 0; } #Top_bar .menu .wso-burger-menu li.menu-item-has-children > ul > li.menu-item-has-children { margin-bottom: 1.5rem; } #Top_bar .menu .wso-burger-menu li.menu-item-has-children > a { color: var(--color-1); } #Top_bar .wso-burger-menu .wso-megamenu-img { padding-left: 0 !important; padding-right: 4rem !important; } #Top_bar .wso-megamenu-text { margin-bottom: 3rem; padding-right: 4rem !important; } .wso-burger-menu-active #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu)::after, .wso-burger-menu-active #Wrapper #Top_bar .menu > li.menu-item-has-children > a::after, .wso-burger-menu-active #Top_bar .menu > li:not(.wso-burger-menu).menu-item-has-children > ul { display: none !important; } /*Mobil*/ #Side_slide #menu .wso-burger-menu { border: none !important; } #Side_slide .wso-burger-menu > .sub-menu, #Side_slide #menu .wso-burger-menu ul.mfn-megamenu > li > ul > li > .menu-toggle { display: block !important; } #Side_slide #menu .wso-burger-menu ul.mfn-megamenu > li > ul > li:not(.hover) > ul, #Side_slide .wso-burger-menu > .menu-toggle { display: none !important; } #Side_slide .wso-burger-menu > .sub-menu { background-color: inherit !important; } /* ================= Sticky ================= */ #Top_bar.is-sticky { height: auto !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; opacity: 1 !important; background: rgb(255 255 255 / 100%) !important; } #Wrapper #Top_bar.is-sticky #logo img { width: 7rem !important; } #Top_bar.is-sticky .menu > li > a { /* padding: .75rem 0 !important; */ } /* ============================================ Side Slide ============================================ */ body.mobile-side-slide { left: 0 !important; } #Side_slide { background-color: var(--color-4); border-color: var(--color-4); } #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; } #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button), #Side_slide #menu ul li.submenu .menu-toggle { color: white; } #Side_slide #menu ul li { border-color: rgba(255, 255, 255, 0.2) !important; } #Side_slide #menu ul li a { margin: 0 !important; padding: 1rem !important; font-size: 1.3rem !important; line-height: 1em !important; } #Side_slide #menu > ul > li > a, #Side_slide #menu .wso-burger-menu ul.mfn-megamenu > li > ul > li > a { font-weight: 500; } #Side_slide #menu ul li ul { background-color: var(--color-5); } #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; -webkit-background-size: auto 1.3rem !important; -moz-background-size: auto 1.3rem !important; -o-background-size: auto 1.3rem !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"); -webkit-background-size: auto 1.5rem !important; -moz-background-size: auto 1.5rem !important; -o-background-size: auto 1.5rem !important; 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: -webkit-calc(100% - 2rem); width: -moz-calc(100% - 2rem); width: calc(100% - 2rem); -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 auto !important; } #Side_slide #menu ul li.wso-hide-side-slide { display: none; } /* ============================================ Footer ============================================ */ section.section-page-footer, .section.section-page-footer * { height: 0 !important; margin: 0 !important; } #Footer .section { padding: 4rem 0 !important; } #Footer .widgets_wrapper { padding: 0; background: var(--yellow) !important; margin-bottom: 1rem; } #Footer .footer_copy span:hover { text-decoration: underline; } #Footer .footer_copy span { cursor: pointer; } /*Chrome subpixel rendering fix*/ @media (min-width:768px) { #Footer { background-color:var(--yellow); } #Footer .widgets_wrapper { margin-bottom: 0rem; } #Footer .footer_copy { padding-top: 1rem; } } /*#Footer .widgets_wrapper:after { content: ''; background: url(/wp-content/uploads/2021/03/melty-cheese-detail.svg) no-repeat top; background-size: contain !important; height: 2rem; width: 7rem; display: block; position: absolute; left: 50%; transform: translateX(-50%); margin-top: -1px; pointer-events: none !important; }*/ #Footer .widgets_wrapper .widget { padding: 0; margin: 0; } #Footer i { font-size: 1.5rem; } #Footer aside h3 { margin-top: 1.4rem; } #Footer aside > h4 { font-size: 1.5rem !important; font-weight: 400 !important; } #Footer aside > h4::after { border-color: white; } @media only screen and (min-width: 768px) { #Footer .column.one-second { padding: 0 3rem; -webkit-box-sizing: border-box; -moz-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:after { display: none; } #Footer .widget_nav_menu ul li a:hover { opacity: .7; } #Footer .wso-footer-img { width: 65%; max-width: 12rem; margin-bottom: 2rem; } ul#menu-footer-menu { margin: 0 !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } ul#menu-footer-menu > li { margin: 0 !important; } #Footer a { font-family: 'Speedee Bold',sans-serif !important; font-size: .85rem !important; } #Footer a:hover { text-decoration: none !important; } #Footer .menu-footer-menu-container a::after { content: ''; background: url(/wp-content/uploads/2021/03/melty-cheese-detail.svg) no-repeat top; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; height: 3rem; width: 10.5rem; display: block; position: absolute; left: 50%; -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); -o-transform: translate(-50%,0%); transform: translate(-50%,0%); margin-top: -1px; pointer-events: none !important; bottom: -3.95rem; -webkit-transition:var(--transition-short); -o-transition:var(--transition-short); -moz-transition:var(--transition-short); transition:var(--transition-short); } #Footer .menu-footer-menu-container a::before { content:''; height:100%; width:100%; box-sizing: content-box; position: absolute; z-index: -1; background-color: transparent; pointer-events: none; border-radius: 100vw; padding:0 .8rem; top:50%; left:50%; translate:-50% -50%; transition:var(--transition-short); } #Footer .menu-footer-menu-container a:is(:hover,:focus-visible) { color:var(--black) !important; } #Footer .menu-footer-menu-container a:is(:hover,:focus-visible)::before { background-color: var(--white); } #Footer .menu-footer-menu-container a:is(:hover,:focus-visible)::after { -webkit-transform: translate(-50%,100%); -moz-transform: translate(-50%,100%); -ms-transform: translate(-50%,100%); -o-transform: translate(-50%,100%); transform: translate(-50%,100%); } @media only screen and (max-width:767px) { #Footer .menu-footer-menu-container a { position: relative; } } .wso-social-media-links { padding: 3rem 0 !important; text-align: center !important; } .wso-social-media-links a { display: inline-block; line-height:0; } .wso-social-media-links span:after { content: ''; display: block; position: relative; height: 2rem; width: 2rem; -webkit-transition: var(--transition-short) all !important; -moz-transition: var(--transition-short) all !important; -o-transition: var(--transition-short) all !important; transition: var(--transition-short) all !important; } .wso-social-media-links span { -webkit-transition: var(--transition-normal) all !important; -o-transition: var(--transition-normal) all !important; -moz-transition: var(--transition-normal) all !important; transition: var(--transition-normal) all !important; } @media(min-width:768px) and (hover:hover) { .wso-social-media-links a:hover span{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } } .wso-social-media-links a:focus-visible { outline:none !important; } .wso-social-media-links a:focus-visible span{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .wso-social-media-links .wso-facebook span:after { background: url(/wp-content/uploads/2025/06/facebook-icon.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .wso-social-media-links .wso-instagram span:after { background: url(/wp-content/uploads/2025/06/instagram-icon.svg) no-repeat center; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; } .wso-social-media-links .wso-youtube span:after { background: url(/wp-content/uploads/2025/06/youtube-icon.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .wso-social-media-links .wso-tiktok span:after { background: url(/wp-content/uploads/2025/06/tiktok-icon-dekstop.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .wso-social-media-links .wso-linkedin span:after { background: url(/wp-content/uploads/2025/06/linkedin-mobile.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .wso-social-media-links span { padding: 2rem; background: white !important; display: inline-block; margin: 0 .5rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; -webkit-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); } /* ================= Footer Copy ================= */ #Footer .footer_copy { background-color: white; } #Footer .footer_copy * { color: var(--black) !important; font-size: 1rem !important; min-height: auto !important; } #Footer .footer_copy .one { margin-bottom: 0; padding: 1rem 0; } .footer-copy-center #Footer .footer_copy .copyright { margin: 0; float: left; width: 100%; } /* ============================================ Buttons ============================================ */ #Wrapper a.button, #Wrapper .jig-loadMoreButton, input[type="submit"], .wpgb-facet button.wpgb-button, #Wrapper .jig-loadMoreButton, button.wmnc-products-add-btn, .wpgb-facet .wpgb-toggle-hidden, .wso-contact-popup :is(.fancybox-content,.fancybox__content) a.button, .wso-contact-popup .fancybox__content a.button, .button.wso-apply-filter-button { font-weight: 700 !important; /* text-transform: uppercase !important; */ margin: 1rem .05rem 0 !important; padding: .75rem 2rem !important; display: inline-block; color: var(--black) !important; background: var(--yellow) !important; border: 4px solid var(--yellow) !important; -webkit-border-radius: 4em !important; -moz-border-radius: 4em !important; border-radius: 4em !important; font-family: 'Speedee Bold',sans-serif !important; line-height: 1.5em; /* -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; -ms-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out;*/ -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out; font-size: 1.15rem !important; letter-spacing: 0 !important; -webkit-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; } #Wrapper a.button .button_label { padding: 0; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps a.button, .dark #Wrapper a.button, #Wrapper .wso-melty-cheese-bg a.button, #Wrapper .wso-yellow a.button, .dark #Wrapper .jig-loadMoreButton, .dark input[type="submit"], .dark .wpgb-facet button.wpgb-button, .dark #Wrapper .jig-loadMoreButton{ background: white !important; border-color: white !important; } #Wrapper a.button::after { top: 4px; bottom: 4px; left: 4px; right: 4px; height: auto !important; width: auto !important; z-index: -1; pointer-events: none !important; } #Wrapper a.button:hover:after { opacity: 0; } #Wrapper .wso-smile-section .wso-mymcdonalds a.button:hover:after, #Wrapper a.button.wso-mymcdonalds-color:hover:after, #Wrapper .wso-section-breaker.wso-mymcdonalds a.button:hover:after, #Wrapper .wso-section-breaker.wso-mymcdonalds:not(.dark) a.button:hover:after, body.wso-mymcdonals.wso-smile #Wrapper a.button:hover:after, body #Wrapper .section a.button.wso-gradient-button:hover:after, #Wrapper .wso-smile-section .wso-mymcdonalds a.button:focus-visible:after, #Wrapper a.button.wso-mymcdonalds-color:focus-visible:after, #Wrapper .wso-section-breaker.wso-mymcdonalds a.button:focus-visible:after, #Wrapper .wso-section-breaker.wso-mymcdonalds:not(.dark) a.button:focus-visible:after, body.wso-mymcdonals.wso-smile #Wrapper a.button:focus-visible:after, body #Wrapper .section a.button.wso-gradient-button:focus-visible:after { opacity: 1 !important; } #Wrapper .wso-smile-section .wso-mymcdonalds a.button:after, #Wrapper a.button.wso-mymcdonalds-color:after, #Wrapper .wso-section-breaker.wso-mymcdonalds a.button:after, #Wrapper .wso-section-breaker.wso-mymcdonalds:not(.dark) a.button:after, body.wso-mymcdonals.wso-smile #Wrapper a.button:after, body #Wrapper .section a.button.wso-gradient-button:after{ content: '' !important; background: white !important; -webkit-border-radius: 4em !important; -moz-border-radius: 4em !important; border-radius: 4em !important; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } #Wrapper .wso-smile-section .wso-mymcdonalds a.button:before, #Wrapper a.button.wso-mymcdonalds-color:before, #Wrapper .wso-section-breaker.wso-mymcdonalds a.button:before, #Wrapper .wso-section-breaker.wso-mymcdonalds:not(.dark) a.button:before, body.wso-mymcdonals.wso-smile #Wrapper a.button:before, body #Wrapper .section a.button.wso-gradient-button:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; background: -webkit-linear-gradient(180deg, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(145,0,99,1)), color-stop(40%, rgba(219,0,7,1)), to(rgba(232,114,10,1))) !important; background: -webkit-linear-gradient(top, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; background: -moz-linear-gradient(top, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; background: -o-linear-gradient(top, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; background: linear-gradient(180deg, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; } #Wrapper .wso-product-tax-section a.button { margin-top: 0 !important; } /*Justified Image Grid Button*/ #Wrapper .jig-loadMoreButton { position: relative; max-width: 100% !important; display: inline-block; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !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, .wpgb-facet button.wpgb-button:after, .wpgb-facet .wpgb-toggle-hidden:after, .button.wso-apply-filter-button:after{ content: none !important; } #Wrapper a.button:hover, #Wrapper .jig-loadMoreButton:hover, input[type="submit"]:hover, .wpgb-facet button.wpgb-button:hover, #Wrapper .jig-loadMoreButton:hover, button.wmnc-products-add-btn:hover, .wpgb-facet .wpgb-toggle-hidden:hover, .wso-contact-popup :is(.fancybox-content,.fancybox__content) a.button:hover, .wso-contact-popup .fancybox__content a.button:hover, .button.wso-apply-filter-button:hover, #Wrapper a.button:focus-visible, #Wrapper .jig-loadMoreButton:focus-visible, input[type="submit"]:focus-visible, .wpgb-facet button.wpgb-button:focus-visible, #Wrapper .jig-loadMoreButton:focus-visible, button.wmnc-products-add-btn:focus-visible, .wpgb-facet .wpgb-toggle-hidden:focus-visible, .wso-contact-popup :is(.fancybox-content,.fancybox__content) a.button:focus-visible, .wso-contact-popup .fancybox__content a.button:focus-visible, .button.wso-apply-filter-button:focus-visible{ color: var(--black) !important; background: white !important; border-color: var(--yellow) !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps a.button:hover, .dark #Wrapper a.button:hover, #Wrapper .wso-melty-cheese-bg a.button:hover, .dark #Wrapper .jig-loadMoreButton:hover, .dark input[type="submit"]:hover, #Wrapper .wso-yellow a.button:hover, .dark .wpgb-facet button.wpgb-button:hover, #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps a.button:focus-visible, .dark #Wrapper a.button:focus-visible, #Wrapper .wso-melty-cheese-bg a.button:focus-visible, .dark #Wrapper .jig-loadMoreButton:focus-visible, .dark input[type="submit"]:focus-visible, #Wrapper .wso-yellow a.button:focus-visible, .dark .wpgb-facet button.wpgb-button:focus-visible{ background: var(--yellow) !important; border-color: white !important; /*color: white !important;*/ } .wpgb-facet .wpgb-toggle-hidden { margin-bottom: 2rem !important; margin-top: 0 !important; font-size: .9rem !important; outline: 0 !important; } #Wrapper .section.wso-section-breaker.wso-align-center .column .button { margin: 1rem 1rem 0 !important; } /*#Wrapper .section.wso-section-breaker.wso-align-center a.button:last-child { border: 2px solid var(--yellow) !important; background: white !important; color: var(--yellow) !important; } #Wrapper .section.wso-section-breaker.wso-align-center a.button:last-child:hover { color: white !important; background: var(--yellow) !important; }*/ #Wrapper .section.wso-section-breaker:not(.dark) a.button { color: var(--black) !important; } #Wrapper .section.wso-section-breaker:not(.dark) a.button:hover, #Wrapper .section.wso-section-breaker:not(.dark) a.button:focus-visible { /*color: white !important;*/ } #Wrapper span.wso-product-filter-reset { float: right !important; color: var(--black) !important; } button.wpgb-button.wpgb-reset, span.wso-product-filter-close, span.wso-product-filter-reset { border: 0 !important; padding: 0 !important; background: transparent !important; color: var(--yellow) !important; margin: 0 !important; float: right; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; line-height: 1em !important; } button.wpgb-button.wpgb-reset:hover, span.wso-product-filter-close:hover, #Wrapper span.wso-product-filter-reset:hover { background: transparent !important; color: var(--black) !important; text-decoration: underline; } button.wpgb-button.wpgb-reset:hover:after { content: none !important; } span.wso-product-filter-close, span.wso-product-filter-reset, span.wso-apply-product-filter { color: black !important; font-family: 'Speedee Bold',sans-serif !important; font-size: 1.15rem !important; float: left; cursor: pointer !important; } span.wso-product-filter-close:hover { color: var(--black) !important; } #Wrapper .button.wso-apply-filter-button { margin-bottom: 0 !important; margin-top: 1rem !important; text-align: center !important; display: inline-block !important; float: none !important; } body[data-browser-name="Firefox"] .button.wso-apply-filter-button .wso-apply-product-filter { /*margin-bottom: -.25em !important;*/ } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; -moz-appearance: none !important; margin: 0; } .wso-apply-filter .wpgb-facet { display: block !important; width: 100% !important; margin-bottom: 1rem; } #job-filter .wso-filter-div .wpgb-facet button.wpgb-button.wpgb-reset { float: none; } #Wrapper .section:not(.wso-align-right):not(.wso-align-center) a.button { margin-right: .5rem !important; } #Wrapper .section:not(.wso-align-right):not(.wso-align-center) .wso-restaurant-grid a.button { margin-right: .25rem !important; padding-left: 1.6rem !important; padding-right: 1.6rem !important; } /* ================= Video Button ================= */ .wso-tg-background-video { position: absolute !important; top: 0; width: 100% !important; height: 100% !important; } .wso-tg-background-video video.wso-added-video { height: auto; min-height: 100% !important; width: 100% !important; min-width: 100% !important; top: 50% !important; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #Wrapper .wso-video-button { position: relative; display: inline-block; height: 3rem; width: 3rem; margin: 0 auto 1.5rem !important; font-size: 3rem !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /*#Wrapper .column_image .image_wrapper .wso-video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; margin-bottom: 0; }*/ #Wrapper .column_image .image_wrapper .wso-video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; margin-bottom: 0 !important; pointer-events: all !important; } #Wrapper .wso-video-button:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-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); -moz-transform: translate(-50%,-50%) scale(1.1); -o-transform: translate(-50%,-50%) scale(1.1); transform: translate(-50%,-50%) scale(1.1); } .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; } #Wrapper .wpgb-card-2 .wso-video-button { position: absolute !important; top: 50% !important; z-index: 99; left: 50% !important; margin: 0 !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); height: 4rem; width: 4rem; } #Wrapper .wpgb-card-2 .wso-video-button:hover { height: 5rem; width: 5rem; } /* ============================================ Accordion ============================================ */ .section.mcb-section.wso-section-accordion-bg:after { content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(/wp-content/uploads/2021/04/accordion-bg-01.svg) no-repeat center top; -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .accordion .question { background: white !important; padding: 2.5rem 2rem !important; margin-bottom: 2rem !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; -webkit-box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); border: 0 !important; } .accordion .question p:last-child, .accordion .question .column:last-child { margin: 0 !important; } .accordion .question p.wso-happy-meal-info-text { font-size: .7em !important; line-height: 1.5em !important; margin-top: 2rem !important; position: relative; display: inline-block !important; width: 100% !important; text-align: center; } .wso-happy-meal-menu-link>a:hover, .wso-happy-meal-menu-link>a:focus { color:var(--black); text-decoration: underline; } .accordion .question:first-child { /* border-top: 1px solid var(--color-2) !important; */ } .accordion .question.active:after { display: none !important; } .accordion .question .title, .accordion .question .answer { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .accordion .question .title { font-size: 1.3rem; line-height: 1.3em; color: var(--black) !important; padding: 0 3rem 0 0 !important; text-align: left; pointer-events: all !important; } .accordion .question .title i { width: auto !important; height: auto !important; top: 50% !important; left: auto !important; right: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); font-size: 1.4rem !important; color: var(--black) !important; } .accordion .question.active .title i { color: var(--black) !important; } .accordion .question .title > .acc-icon-plus:before { content: '\e868'; } .accordion .question .title > .acc-icon-minus:before { content: '\e946'; } .accordion .question .answer { padding: 1.5rem 0 0 !important; } .section.mcb-section.wso-section-accordion:not(.wso-section-accordion-bg) .accordion .question .title { background: var(--yellow) !important; padding: 1rem 2rem !important; font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; } .section.mcb-section.wso-section-accordion:not(.wso-section-accordion-bg) .accordion .question { padding: 0 !important; } .section.mcb-section.wso-section-accordion:not(.wso-section-accordion-bg) .accordion .question .answer { padding: 2rem !important; } .section.mcb-section.wso-section-accordion:not(.wso-section-accordion-bg) .accordion i { color: black !important; right: 1rem; font-size: 2rem !important; } .wso-section-accordion .column_accordion { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.privacy-policy .section.mcb-section.wso-section-accordion:not(.wso-section-accordion-bg) .accordion .question .title { background: white !important; } body.privacy-policy .section.mcb-section.wso-section-accordion:not(.wso-section-accordion-bg) .accordion .question { -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: -0.2em -0.2em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: -0.2em -0.2em 1em 0 rgb(119 119 119 / 15%) !important; } /* ============================================ Tabs ============================================ */ #Wrapper .ui-tabs { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; overflow: visible !important; } #Wrapper .ui-tabs::after { content:''; width:1px; height:1px; display:table; visibility:none; clear:both } #Wrapper .ui-tabs .ui-tabs-nav { position: relative; display: inline-block; border: none; z-index: 2; } #Wrapper .ui-tabs .ui-tabs-nav li a { margin-bottom: 0 !important; padding: .75rem 2rem !important; background: white; border: 1px solid transparent !important; color: var(--black); border-bottom-color: var(--yellow) !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-decoration: none !important; -webkit-border-radius: 1em 1em 0 0 !important; -moz-border-radius: 1em 1em 0 0 !important; border-radius: 1em 1em 0 0 !important; -webkit-box-shadow: 0 -.25em .5em .1em rgb(119 119 119 / 15%); -moz-box-shadow: 0 -.25em .5em .1em rgb(119 119 119 / 15%); box-shadow: 0 -.25em .5em .1em rgb(119 119 119 / 15%); } #Wrapper .section .ui-tabs .ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor, #Wrapper .section .wso-faq-grid .wpgb-card .question .title { font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; text-decoration: none !important; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a, #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a.ui-tabs-anchor { border: 1px solid var(--yellow) !important; border-bottom-color: transparent !important; /*color: white;*/ background: var(--yellow); text-decoration: underline !important; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-tab:after { content: ''; display: block !important; position: absolute !important; width: 100% !important; height: 2rem; background: url(/wp-content/uploads/2021/03/melty-cheese-section.svg) no-repeat center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; bottom: -1.9rem; left: 0; z-index: 0; -webkit-transform:translate(0,-100%); -moz-transform:translate(0,-100%); -ms-transform:translate(0,-100%); -o-transform:translate(0,-100%); transform:translate(0,-100%); z-index:-1; -webkit-transition:var(--transition-short); -o-transition:var(--transition-short); -moz-transition:var(--transition-short); transition:var(--transition-short); } #Wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-tab.ui-state-active:after { -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); } /*#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(--yellow); } #Wrapper .ui-tabs-nav::after { left: auto; right: -100rem; } } #Wrapper .ui-tabs .ui-tabs-panel { padding: 4rem 0 3rem !important; } #Wrapper .wso-mymcdonalds .ui-tabs .ui-tabs-panel { padding: 0 !important; } #Wrapper .wso-mymcdonalds .ui-tabs-nav::before, #Wrapper .wso-mymcdonalds .ui-tabs-nav::after { content: none !important; } .wso-mymcdonalds-point-accordion .wso-mymcdonalds .ui-tabs .ui-tabs-nav li { width: auto !important; } #Wrapper .wso-mymcdonalds .ui-tabs .ui-tabs-nav li.ui-tabs-tab:after { content: none !important; } #Wrapper .wso-mymcdonalds .ui-tabs .ui-tabs-nav li.ui-state-active a { background: #910063 !important; border-color: #910063 !important; color: white !important; } #Wrapper .wso-mymcdonalds .ui-tabs .ui-tabs-nav li a { border: 0 !important; } #Wrapper .wso-mymcdonalds-point-accordion .wso-mymcdonalds .wso-table-scrollable { margin: 0 !important; padding: 0 !important; overflow: hidden !important; } #Wrapper .wso-mymcdonalds-point-accordion .wso-mymcdonalds table { margin: 0 !important; } .wso-mymcdonalds-point-accordion + .wso-section-text .wrap { width: 90% !important; margin: 0 auto !important; display: inline-block !important; left: 5%; } body.wso-adventskalender #Wrapper #Content .section.mcb-section { background: #050D26 !important; } body.wso-adventskalender #Wrapper #Content .section.mcb-section p, body.wso-adventskalender #Wrapper #Content .section.mcb-section h1, body.wso-adventskalender #Wrapper #Content .section.mcb-section h2, body.wso-adventskalender #Wrapper #Content .section.mcb-section h3, body.wso-adventskalender #Wrapper #Content .section.mcb-section h4, body.wso-adventskalender #Wrapper #Content .section.mcb-section h5, body.wso-adventskalender #Wrapper #Content .section.mcb-section h6 { color: white !important; } body.wso-adventskalender #Wrapper #Content .section.mcb-section.wso-section-image .column.mcb-column.column_image.wso-img { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.wso-adventskalender #Wrapper #Content .section.mcb-section.wso-section-image img { width: 100% !important; } body.wso-adventskalender #Wrapper #Content .section.mcb-section.wso-section-image .section_wrapper.mcb-section-inner { max-width: 100% !important; } @media only screen and (min-width: 768px){ body.wso-adventskalender #Wrapper #Content .section.mcb-section.wso-section-text-img .section_wrapper.mcb-section-inner { display: flex; flex-direction: row !important; align-items: center; } body.wso-adventskalender #Wrapper #Content .section.mcb-section.wso-section-text-img .section_wrapper.mcb-section-inner .wrap.mcb-wrap.one-second.valign-top.wso-float-right { order: 2; } } /* ============================================ Accordion & Tab Sections ============================================ */ .accordion .question .answer .section .mcb-section-inner, .ui-tabs .ui-tabs-panel .section .mcb-section-inner { max-width: 100% !important; } #Wrapper #Content .accordion .question .answer .section, #Wrapper #Content .ui-tabs .ui-tabs-panel .section, #Wrapper #Content .accordion .question .answer .section:first-child, #Wrapper #Content .ui-tabs .ui-tabs-panel .section:first-child { padding: 0 !important; background: white !important; } #Wrapper #Content .accordion .question .answer .section + .section, #Wrapper #Content .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 { -webkit-transform-origin: 50% 25% !important; -moz-transform-origin: 50% 25% !important; -ms-transform-origin: 50% 25% !important; -o-transform-origin: 50% 25% !important; transform-origin: 50% 25% !important; } .accordion .question.active .title > .acc-icon-plus { display: block; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } /* ============================================ Justified Image Grid ============================================ */ .justified-image-grid { text-align: center; } /* ============================================ Contact Form ============================================ */ input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea { font-size: 0.95rem !important; line-height: 1.85em !important; padding: .5rem 1rem !important; color: var(--black) !important; background-color: var(--white) !important; border-color: var(--dark-gray) !important; -webkit-transition: all var(--transition-normal) ease-in-out !important; -o-transition: all var(--transition-normal) ease-in-out !important; -moz-transition: all var(--transition-normal) ease-in-out !important; transition: all var(--transition-normal) ease-in-out !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; border-width: 2px !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(--yellow) !important; background: white !important; } ::-webkit-input-placeholder { color: var(--dark-gray) !important; line-height: 1em !important; } ::-moz-placeholder { opacity: 1 !important; color: var(--dark-gray) !important; line-height: 1em !important; } :-ms-input-placeholder { color: var(--dark-gray) !important; line-height: 1em !important; } :-moz-placeholder { color: var(--dark-gray) !important; line-height: 1em !important; } .wpgb-facet.wpgb-facet-17 input::-webkit-input-placeholder, .wpgb-facet.wpgb-facet-11 input::-webkit-input-placeholder { color: var(--black) !important; } .wpgb-facet.wpgb-facet-17 input::-moz-placeholder, .wpgb-facet.wpgb-facet-11 input::-moz-placeholder{ color: var(--black) !important; } .wpgb-facet.wpgb-facet-17 input:-ms-input-placeholder, .wpgb-facet.wpgb-facet-11 input:-ms-input-placeholder { color: var(--black) !important; } .wpgb-facet.wpgb-facet-17 input:-moz-placeholder, .wpgb-facet.wpgb-facet-11 input:-moz-placeholder { color: var(--black) !important; } span.wpcf7-form-control-wrap { margin-bottom: .5rem !important;; } .wpcf7-form .column.one { width: 98% !important; margin: 0 1%10px !important; } .wpcf7-acceptance, .wpcf7-checkbox, .wpcf7-radio { display: block; text-align: left; } .intl-tel-input.separate-dial-code .selected-flag { background-color: transparent; } #Wrapper .column.one.wso-contact-heading { margin: 1rem 0 0 !important; } #Wrapper .column.one.wso-info:before { content: 'i'; display: inline-block; position: relative; height: 1.25rem; float: left; color: var(--black) !important; border: 2px solid var(--black); width: 1.25rem; text-align: center; line-height: 1.1em; margin: .75em .75em 0 0; border-radius: 50% !important; font-size: 1rem; } #Wrapper .column.one.wso-info { margin-top: 1rem; } #Wrapper .column:not(.wso-privacy-notice) label, #Wrapper .column:not(.wso-privacy-notice) .wso-label { font-family: 'Speedee Bold',sans-serif !important; font-weight: 700 !important; text-align: left !important; } #Wrapper label span:not(.wpcf7-list-item-label):not([lang],[aria-label],[aria-hidden],[aria-details]), #Wrapper .wso-label span:not(.wpcf7-list-item-label):not([lang],[aria-label],[aria-hidden],[aria-details]) { color: #DB0007 !important; vertical-align: top !important; } .wpcf7 form.sent .wpcf7-response-output { /*background: var(--yellow) !important;*/ border-radius: 1em !important; margin-bottom: 0 !important; /* background: black !important; */ background: #3eab3e !important; color: white !important; } .wpcf7-not-valid-tip { font-size: max(16px, 0.6em) !important; position: absolute; bottom: -1.2em; left: 0em; line-height: 1em !important; } input[type="file"], input[type="file"]:visited, input[type="file"]:hover, input[type="file"]:focus, input[type="file"]:active { margin:0; overflow: visible; /* long file names overflow so just hide the end */ background: #ffffff; outline: none; cursor: pointer; -webkit-appearance: textfield; -moz-appearance: textfield; width: 65% !important; font-size: 1rem; line-height: 1em; padding: .75rem 1rem; border: 3px solid #ececec; height: 2.8rem !important; text-align: left !important; } /* Note: Firefox flags the file name box as a *readonly* input. So that attribute selector was added below. Note: These selectors blow up in IE so have to be separated from the same styles above. */ input[type="file"]:disabled, input[type="file"]:read-only { margin: 0; overflow: visible; /* long file names overflow so just hide the end */ background: #ececec; border: 3px solid #ececec; border-radius: .5rem; outline: none; cursor: pointer; -webkit-appearance: textfield; -moz-appearance: textfield; font-size: 1rem; line-height: 1em; padding: .75rem 1rem; } body[data-browser-name="Safari"] .wpcf7 input[type="file"], body[data-browser-name="Mobile Safari"] .wpcf7 input[type="file"]{ padding: 0 .5rem !important; float: none !important; text-align: left !important; box-sizing: content-box !important; width: 63% !important; } /* IE UPLOAD BUTTON STYLE: This attempts to alter the file upload button style in IE. Keep in mind IE gives you limited design control but at least you can customize its upload button.*/ ::-ms-browse { /* IE */ display: inline-block; margin: 0; padding: .75rem 1.5rem; text-align: center; background: #fff; white-space: nowrap; cursor: pointer; float: right; border-radius: 1.5em; outline: none; border: 3px solid var(--yellow); color: black !important; font-family: 'Speedee Bold',sans-serif !important; position: absolute !important; right: 0 !important; top: 0 !important; line-height: 1em; } ::-ms-browse:hover { background: var(--yellow) !important; } /* FIREFOX UPLOAD BUTTON STYLE */ ::file-selector-button {/* firefox */ display: inline-block; margin: 0; padding: .75rem 1.5rem; -webkit-appearance: button; text-align: center; border-radius: 1.5em; outline: none; border: none; border: 3px solid var(--yellow); background: white; white-space: nowrap; cursor: pointer; float: right; color: black !important; font-family: 'Speedee Bold',sans-serif !important; position: absolute !important; right: 0 !important; top: 0 !important; line-height: 1em; } ::file-selector-button:hover { background: var(--yellow) !important; } /* CHROME AND EDGE UPLOAD BUTTON STYLE */ ::-webkit-file-upload-button { /* chrome and edge */ display: inline-block; margin: 0; padding: .75rem 1.5rem; -webkit-appearance: button; text-align: center; border-radius: 1.5em; outline: none; border: none; border: 3px solid var(--yellow); background: white; white-space: nowrap; cursor: pointer; float: right; color: black !important; font-family: 'Speedee Bold',sans-serif !important; position: absolute !important; right: 0 !important; top: 0 !important; line-height: 1em; } ::-webkit-file-upload-button:hover { background: var(--yellow) !important; } @media only screen and (max-width: 1023px) { input[type="file"], input[type="file"]:visited, input[type="file"]:hover, input[type="file"]:focus, input[type="file"]:active { width: 55% !important; } } @media only screen and (max-width: 767px) { input[type="file"], input[type="file"]:visited, input[type="file"]:hover, input[type="file"]:focus, input[type="file"]:active { width: 100% !important; margin-bottom: 4rem !important; } ::-ms-browse { /* IE */ bottom: 0 !important; top: auto !important; height: auto !important; left: 50%; right: auto !important; text-align: center !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* FIREFOX UPLOAD BUTTON STYLE */ ::file-selector-button {/* firefox */ bottom: 0 !important; top: auto !important; height: auto !important; left: 50%; right: auto !important; text-align: center !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* CHROME AND EDGE UPLOAD BUTTON STYLE */ ::-webkit-file-upload-button { /* chrome and edge */ bottom: 0 !important; top: auto !important; height: auto !important; left: 50%; right: auto !important; text-align: center !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } /* ================= DATEPICKER ================= */ .ui-datepicker .ui-widget-header { border-radius: 0 !important; } div#ui-datepicker-div { font-size: 1rem !important; max-width: 20rem !important; visibility: visible; opacity: 1; z-index: 9999999999 !important; margin-left: 0rem !important; margin-top: -0rem; border-radius: 1em !important; overflow: hidden !important; border: 0 !important; } .ui-datepicker table { margin: 0 !important; border: 5px solid white !important; } .ui-datepicker { background-color: white !important; -webkit-box-shadow: 0 2rem 5rem 0 rgba(0,0,0,0.1) !important; -moz-box-shadow: 0 2rem 5rem 0 rgba(0,0,0,0.1) !important; box-shadow: 0 2rem 5rem 0 rgba(0,0,0,0.1) !important; } .ui-datepicker .ui-widget-header { border: none; background: var(--yellow); display: block; position: relative; } .ui-datepicker th { font-weight: normal !important; padding: .35em .5em !important; background: none !important; color: var(--black) !important; border: 0 !important; line-height: 1.5em !important; width: 2rem !important; } .ui-datepicker-prev span { background-image: none !important; } .ui-datepicker-prev::after, .ui-datepicker-next::after { content: '\e8b8'; font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none!important; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color: var(--black) !important; } .ui-datepicker-next span { background-image: none !important; } .ui-datepicker-next::after { content: '\e916'; } .ui-datepicker-header select { border: 1px solid var(--gray); } .datepicker.dropdown-menu { border-radius: 0; border: 0; padding: 15rem; } .datepicker.dropdown-menu:before { border-bottom: 0; } .datepicker.dropdown-menu thead tr:first-child { font-size: 1rem; } .datepicker.dropdown-menu td, .datepicker.dropdown-menu th { border-radius: 0; border: 0; padding: 9rem 10rem; } .datepicker.dropdown-menu td.active, .datepicker.dropdown-menu td.active:hover { border: 0; text-shadow: none; } .datepicker.dropdown-menu table tr td.old, .datepicker.dropdown-menu table tr td.new { background-color: white !important; color: var(--gray) !important; } .datepicker.dropdown-menu tbody td { border: 1px solid white; } .ui-datepicker td { border: none !important; text-align: center; } .ui-datepicker td:not(:last-child) { border-right: 2px solid white !important; } .ui-datepicker table tr td { border-width: 0 2px 2px 0 !important; } .ui-datepicker table tr:not(:last-child) { border-bottom: 2px solid white !important; } .ui-datepicker .ui-state-default { border: none !important; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; text-align: center; } .ui-datepicker .ui-state-highlight { background-color: black !important; color: white; } .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-state-active {text-decoration: none !important;border: 1px solid black !important;color: white !important;} .ui-datepicker table tr:hover td a { color: var(--black) !important; } .ui-datepicker table tr:hover td a.ui-state-highlight, .ui-datepicker table tr:hover td a.ui-state-active { color: white !important; } .ui-datepicker-title { color: white; } div#ui-datepicker-div .ui-widget-content { border-style: solid; border-width: 0px !important; } .ui-datepicker { padding: 0 !important; } div#ui-datepicker-div td.ui-datepicker-today a { } div#ui-datepicker-div .ui-state-default, div#ui-datepicker-div .ui-widget-content .ui-state-default, div#ui-datepicker-div .ui-widget-header .ui-state-default { border: 1px solid transparent !important; background: var(--yellow) !important; font-weight: normal !important; color: var(--black) !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; width: 2.2rem !important; height: 2.2rem !important; line-height: 2em; } div#ui-datepicker-div .ui-state-hover, div#ui-datepicker-div .ui-widget-content .ui-state-hover, div#ui-datepicker-div .ui-widget-header .ui-state-hover, div#ui-datepicker-div .ui-state-focus, div#ui-datepicker-div .ui-widget-content .ui-state-focus, div#ui-datepicker-div .ui-widget-header .ui-state-focus { border-color: black !important; background: black !important; font-weight: normal !important; color: white !important; } .ui-datepicker .ui-datepicker-title select { padding: inherit; width: auto; display: inline-block; margin: auto; -webkit-appearance: none !important; background: transparent !important; border: none !important; color: white !important; text-transform: uppercase; font-weight: 600 !important; font-size: 1rem !important; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: auto; } .ui-datepicker-title { color: black; font-style: normal; font-size: 1.2rem !important; display: inline-block; width: 100%; text-align: center !important; } .ui-timepicker-div dl dd { margin: 0 .5rem .25rem 40%; padding: 0 !important; height: auto !important; border: 0 !important; line-height: 2.5em !important; } .ui-timepicker-div dl:not(:first-child) dd:not(:first-child) { } .ui-timepicker-div dl { margin: 0 !important; } .ui-datepicker .ui-datepicker-buttonpane { margin-top: 1.25rem !important; } .ui-datepicker .ui-datepicker-buttonpane button { margin: 0em .2em .4em; padding: .25em .6em; } .ui-timepicker-div dl dt { margin-left: .5rem !important; padding: 0 !important; border: 0 !important; line-height: 2.25em; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { border: 0 !important; font-weight: 700 !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background: transparent !important; border: 0px !important; border: none !important; top: 50%; width: 1.2em; height: 1.25rem; position: absolute !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } div#ui-datepicker-div .ui-datepicker-prev:hover, div#ui-datepicker-div .ui-datepicker-next:hover { background: transparent !important; border: 0px !important; border: none !important; } .ui-datepicker-prev::after, .ui-datepicker-next::after { top: 0 !important; position: absolute; display: inline-block !important; float: left; height: 100% !important; line-height: 1.5em !important; font-weight: 700 !important; } .ui-datepicker .ui-datepicker-next { right: 0 !important; } .ui-datepicker-prev:hover::after, .ui-datepicker-next:hover::after { color: black !important; cursor: pointer !important; } /* ================= Checkboxes ================= */ #Wrapper span.wpcf7-list-item { margin: 0; } #Wrapper span.wpcf7-list-item label { font-weight: 400 !important; font-family: 'Speedee Regular',sans-serif !important; } #Wrapper span.wpcf7-list-item { margin: 0 1em 0 0 !important; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) { display: block !important; position: absolute; margin:0.2rem 0 0 -0.25rem ; width:0.1rem; height:0.1rem; z-index: 1000; padding:0.6rem !important; box-sizing:content-box; appearance: none; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span { display: block; position: relative; padding-left: 1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 1.5em; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:last-child { margin-bottom: 0; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:before { margin-left: -1.65rem; } /*#Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:before { content: ''; display: inline-block; width: 1em; height: 1em; border: 1px solid var(--yellow); border-radius: 100%; position: relative; top: .22em; margin-left: -1.5rem; margin-top: 0 !important; margin-right: .45em; vertical-align: top; opacity: .6; -webkit-transition: all .12s, border-color .08s; -o-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; margin-top: 4px; }*/ /*#Wrapper input[type="checkbox"]:not([id*="borlabs"]):checked + span:before { width: .5em; margin-right: .95em; top: 0; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }*/ span#CookieBoxTextHeadline:after { content: ''; display: block; position: relative; width: 100%; height: 6rem; margin-top: 1rem !important; background: url(/wp-content/uploads/2021/09/schokocookie-006-layers.png) no-repeat center; background-size: contain; } span#CookieBoxTextHeadline { width: 100% !important; text-align: center !important; font-family: 'Speedee Bold',sans-serif !important; color: black !important; } #BorlabsCookieBox p:last-child { margin: 0; display: block !important; float: left; width: 100% !important; } #BorlabsCookieBox ._brlbs-box-advanced ul li { margin: 0 !important; } #BorlabsCookieBox p { font-family: 'Speedee Regular',sans-serif !important; line-height: 1.35em !important; letter-spacing: 0 !important; } .BorlabsCookie ._brlbs-checkbox { font-size: .8em !important; } #BorlabsCookieBox p#CookieBoxTextDescription { text-align: center !important; } #BorlabsCookieBox .cookie-box a._brlbs-btn, #BorlabsCookieBox a._brlbs-btn{ font-family: 'Speedee Bold',sans-serif !important; border-radius: 1.5em !important; padding: .75em 2em; -webkit-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; border: 4px solid var(--yellow) !important; font-size: 1rem; } body #BorlabsCookieBox ._brlbs-box .container { max-height: 90vh !important; height: auto !important; padding: 1rem !important; overflow-x: hidden !important; overflow-y: auto !important; margin-right: 0.15rem; } #BorlabsCookieBox ._brlbs-box, #BorlabsCookieBox ._brlbs-bar { padding: 0 !important; } #BorlabsCookieBox ._brlbs-box .cookie-box[aria-hidden="true"] .container:not(.not-visible) { padding: 0 !important; height: 0 !important; } #BorlabsCookieBox .cookie-preference[aria-hidden="true"] .container.not-visible { height: 0 !important; padding: 0 !important; } #BorlabsCookieBox .cookie-preference table tr td, #BorlabsCookieBox .cookie-preference table tr th, #BorlabsCookieBox .cookie-preference table { background-color: transparent !important; } #BorlabsCookieBox .cookie-preference table { margin: 0 !important; } #BorlabsCookieBox ._brlbs-manage { display: none !important; } #BorlabsCookieBox ._brlbs-box-wrap { max-width: 400px !important; border-radius: 1.5rem!important; overflow: hidden!important; } #BorlabsCookieBox .cookie-preference table td, #BorlabsCookieBox .cookie-preference table th { line-height: 1.3em !important; } .BorlabsCookie a._brlbs-cursor.d-block { margin-bottom: 1rem; } #BorlabsCookieBox .cookie-preference ._brlbs-refuse { margin: .25rem 0 1rem 0 !important; text-align: center; } #BorlabsCookieBox .cookie-preference ._brlbs-refuse a._brlbs-cursor { font-family: 'Speedee Bold',sans-serif!important; border-radius: 1.5em!important; -webkit-box-shadow: .2em .5em 1.5em 0 rgb(119 119 119 / 15%)!important; -moz-box-shadow: .2em .5em 1.5em 0 rgb(119 119 119 / 15%)!important; box-shadow: .2em .5em 1.5em 0 rgb(119 119 119 / 15%)!important; border: 4px solid var(--yellow)!important; width: 100% !important; display: inline-block; text-align: center !important; color: black !important; font-size: 1em; padding: 0.75em 1.5em; } #BorlabsCookieBox .wso-table-scrollable { margin: 0 !important; overflow: hidden !important; } @media only screen and (max-width: 479px){ #BorlabsCookieBox ._brlbs-box-wrap { max-width: 90vw !important; } #BorlabsCookieBox ._brlbs-btn { font-size: 1.15rem !important; } } div#BorlabsCookieBox { z-index: 99999999999999 !important; } #BorlabsCookieBox .container .row.no-gutters.align-items-center { flex-direction: column; } #BorlabsCookieBox .container .row.no-gutters.align-items-center .col-12.col-sm-7 { width: 100% !important; flex-basis: 100% !important; max-width: 100% !important; } #BorlabsCookieBox .container .row.no-gutters.align-items-center .col-12.col-sm-7 a._brlbs-btn { display: inline-block; margin: 0 1% 0.25rem!important; float: left; width: 49% !important; text-align: center !important; } body #BorlabsCookieBox .col-12.col-sm-7 ._brlbs-accept { margin-left: 0 !important; margin-right: 0 !important; } #BorlabsCookieBox .container .row.no-gutters.align-items-center .col-12.col-sm-7 a._brlbs-btn:first-child { margin-left: 0 !important; } #BorlabsCookieBox .container .row.no-gutters.align-items-center .col-12.col-sm-7 a._brlbs-btn:last-child { margin-right: 0 !important; } #BorlabsCookieBox .container .row.no-gutters.align-items-center .col-12.col-sm-5 { max-width: 100% !important; text-align: center !important; } #BorlabsCookieBox .container .d-flex.justify-content-between { float: left; width: 100% !important; text-align: center !important; margin: 0 !important; } #BorlabsCookieBox .cookie-preference ._brlbs-legal { text-align: center !important; } #BorlabsCookieBox .bcac-item p { height: auto !important; position: relative !important; display: inline-block !important; } #BorlabsCookieBox .bcac-item { position: relative !important; display: inline-block; width: 100% !important; } #BorlabsCookieBox ::-webkit-scrollbar { width: .5rem; border-radius: 1em !important; cursor: pointer !important; } /* Track */ #BorlabsCookieBox ::-webkit-scrollbar-track { background: #e6e6e6; border-radius: 1em !important; cursor: pointer !important; } /* Handle */ #BorlabsCookieBox ::-webkit-scrollbar-thumb { background: var(--black); /*background: -webkit-linear-gradient(left, var(--yellow) 30%, white 30%); background: -o-linear-gradient(left, var(--yellow) 30%, white 30%); background: linear-gradient(to right, var(--yellow) 30%, white 30%);*/ left: 0 !important; border-radius: 1em !important; cursor: pointer !important; } /* ================= Radio ================= */ #Wrapper .wpcf7-list-item-label { cursor: pointer !important; font-weight: 400 !important; font-family: 'Speedee Regular',sans-serif !important; } #Wrapper input[type="radio"] { position: absolute; opacity: 0; } #Wrapper .wpcf7-radio span.wpcf7-list-item-label::before, #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:before { content: ''; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid var(--light-gray); display: inline-block; width: 1em; height: 1em; position: relative; top: -.1em; margin-right: .3em; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; background: var(--light-gray); -webkit-background-size: 65% auto; -moz-background-size: 65% auto; -o-background-size: 65% auto; background-size: 65% auto; background-repeat: no-repeat; background-position: center; vertical-align: middle; } #Wrapper input[type="radio"]:checked + span.wpcf7-list-item-label::before, #Wrapper input[type="checkbox"]:not([id*="borlabs"]):checked + span:before { background-color: var(--yellow); border-color: var(--yellow); background-image: url(/wp-content/uploads/2025/06/check-icon.svg); -webkit-background-size: 65% auto; -moz-background-size: 65% auto; -o-background-size: 65% auto; background-size: 65% auto; background-repeat: no-repeat; background-position: center; /*-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; -moz-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; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !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: .25rem !important; right: -.75rem !important; color: black !important; width: 28px !important; height: 28px !important; text-align: center !important; display: block !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; 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(--yellow) !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; -moz-box-shadow: none !important; box-shadow: none !important; overflow: visible; max-height: 900px !important; } .wso-infowindow { padding: 0.5rem 2rem 0.5rem .75rem !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; -moz-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; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; margin: 0 !important; } .wso-infowindow p { margin: 0 !important; font-size: 1rem !important; line-height: 1.2em !important; } /*Restourant infobox mobil*/ .gm-style-iw-t{ display: none !important } @media(max-width:767px){ #Wrapper .wso-restaurant-search .gm-style-iw-a { position:absolute; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; } .wso-restaurant-search .gm-style-iw-t { position:absolute; top: auto; left: -50vw; right: -50vw !important; bottom: -40vh !important; height: 0; width: 100vw; display:block!important; } #Wrapper .wso-restaurant-search .gm-style-iw-t>div { position:absolute; top: auto; left:0; right:0; bottom: 0 !important; height: auto; width: 100vw; background-color:#fff; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); max-width: 100% !important; border-radius: 1rem 1rem 0 0!important; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-bottom: 1rem !important; -webkit-box-sizing:border-box !important; box-sizing:border-box !important; } #Wrapper .wso-restaurant-search .gm-style-iw-t>div>button { height: 1.5rem !important; width: 1.5rem !important; position: relative !important; display: block !important; left: 0 !important; top: 0rem; z-index: 99; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); padding: 0 !important; margin: 0 auto !important; -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; -webkit-box-shadow:none !important; box-shadow:none !important; background-image:url('/wp-content/uploads/2021/10/arrow-flat-yellow.svg') !important; background-size:contain !important; background-position:center; border-radius:0; background-repeat:no-repeat !important; outline: none !important; border: none !important; } #Wrapper .wso-restaurant-search .gm-style-iw-t>div>button>img, #Wrapper .wso-restaurant-search .gm-style-iw-t>div>button::after { display:none !important } #Wrapper .wso-restaurant-search .gm-style-iw-t>div .gm-style-iw-d { max-height:initial !important; margin: 0 !important; } #Wrapper .wso-restaurant-search .gm-style-iw-t>div .wso-infobox-1 { padding:1rem 2rem 0 2rem !important; -webkit-box-sizing:border-box !important; box-sizing:border-box !important; width:100% !important; } #Wrapper .wso-restaurant-search .gm-style-iw-t>div .wso-infobox-2{ padding:0 2rem 1rem 2rem !important; -webkit-box-sizing:border-box !important; box-sizing:border-box !important; width:100% !important; } .wso-restaurant-search .gm-style-iw-t>div .wso-infobox-2::after { content:''; display:table; clear:both; float:none; visibility:hidden; } #Wrapper .wso-restaurant-search .gm-style-iw-t>div .wso-infobox-2 a.button{ width:49%; margin: 0 .5% .5rem !important; text-align:center; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; float: left; font-size: 1rem !important; padding: 0.65rem 1.25rem !important; border-width: 2px !important; padding-left: 1.3rem !important; padding-right: 1.3rem !important; } #Wrapper .wso-restaurant-search .gm-style-iw-t>div .wso-infobox-2 a.button:last-child, #Wrapper .wso-restaurant-search .gm-style-iw-t>div .wso-infobox-2 a.button:last-child, #Wrapper .wso-restaurant-search .gm-style-iw-t>div .wso-infobox-2 a.button:not(.wso-no-outline-button):nth-last-child(2), #Wrapper .wso-restaurant-search .gm-style-iw-t>div .wso-infobox-2 a.button:not(.wso-no-outline-button):nth-last-child(2) { background: white !important; } #Wrapper .wso-restaurant-search .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom{ top: 55px; bottom: auto !important; } #Wrapper .wso-restaurant-search .gm-style-iw-t>div .wso-infobox-2 a.button.wso-burger-party-button { display:none !important; } /*.wso-restaurant-grid { display:none !important }*/ } /* ============================================ 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: -webkit-calc(100vw - 60px); max-width: -moz-calc(100vw - 60px); max-width: calc(100vw - 60px); top: 0; height: 100%; background-color: #e7e7e7; z-index: 999; will-change: transform; -webkit-transition: transform var(--transition-medium) ease-in-out; -o-transition: transform var(--transition-medium) ease-in-out; -webkit-transition: -webkit-transform var(--transition-medium) ease-in-out; transition: -webkit-transform var(--transition-medium) ease-in-out; -o-transition: -o-transform var(--transition-medium) ease-in-out; -moz-transition: transform var(--transition-medium) ease-in-out, -moz-transform var(--transition-medium) ease-in-out; transition: transform var(--transition-medium) ease-in-out; transition: transform var(--transition-medium) ease-in-out, -webkit-transform var(--transition-medium) ease-in-out, -moz-transform var(--transition-medium) ease-in-out, -o-transform var(--transition-medium) ease-in-out; transition: transform var(--transition-medium) ease-in-out, -webkit-transform var(--transition-medium) ease-in-out; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -moz-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); -moz-transform: translate(-100%,0); -o-transform: translate(-100%,0); transform: translate(-100%,0); -webkit-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); will-change: transform; -webkit-transition: transform var(--transition-medium) ease-in-out; -o-transition: transform var(--transition-medium) ease-in-out; -webkit-transition: -webkit-transform var(--transition-medium) ease-in-out; transition: -webkit-transform var(--transition-medium) ease-in-out; -o-transition: -o-transform var(--transition-medium) ease-in-out; -moz-transition: transform var(--transition-medium) ease-in-out, -moz-transform var(--transition-medium) ease-in-out; transition: transform var(--transition-medium) ease-in-out; transition: transform var(--transition-medium) ease-in-out, -webkit-transform var(--transition-medium) ease-in-out, -moz-transform var(--transition-medium) ease-in-out, -o-transform var(--transition-medium) ease-in-out; transition: transform var(--transition-medium) ease-in-out, -webkit-transform var(--transition-medium) 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; -moz-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; -moz-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; -moz-transform: translateY(-50%) !important; -o-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 var(--transition-normal) ease !important; -o-transition: all var(--transition-normal) ease !important; -moz-transition: all var(--transition-normal) ease !important; transition: all var(--transition-normal) ease !important; } #wso-sidebar-close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-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); -moz-transform: translate(-50%,-50%) rotate(45deg); -o-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); -moz-transform: translate(-50%,-50%) rotate(-45deg); -o-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: -webkit-calc(100vw - 16px); max-width: -moz-calc(100vw - 16px); max-width: calc(100vw - 16px); } #wso-sidebar-parent { left: -webkit-calc(100vw - 15px); left: -moz-calc(100vw - 15px); 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); -moz-transform: translate(-100%,0) translate(-100%,0); -o-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); -moz-transform: translate3d(-100%,0,0) translate3d(15px,0,0); transform: translate3d(-100%,0,0) translate3d(15px,0,0); } } /* ============================================ Content width ============================================ */ #Top_bar > .container, .mcb-section:not(.full-width) .section_wrapper, .entry-content > .mcb-section.full-width .section_wrapper .mcb-section:not(.full-width) .section_wrapper, #Footer .container, #Footer .footer_action .container .mcb-section:not(.full-width) .section_wrapper, .wpgb-card-2 .wpgb-block-1, .section.full-width > .section_wrapper { max-width: var(--content-width) !important; } #Wrapper .wso-section-text-img-fullwidth > .section_wrapper, #Wrapper .wso-section-slider.wso-fullscreen > .section_wrapper { max-width: 100% !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; } .column, .columns { margin: 0 1% 1rem; } .column_image img { width: 100%; } .wso-wrap-content .column { margin-bottom: 3rem !important; } .section.wso-product-tax-section .column { margin: 0rem !important; width: 100% !important; } .wso-wrap-grid .column_button { margin-top: 1rem; } .wso-align-center .column_button { text-align: center !important; } .wso-align-center ul { list-style-position: inside !important; margin-left: 0 !important; } .wso-align-center .wso-section-text ul { margin-left: 1.5rem !important; } .section.mcb-section.wso-big-padding-top, .wso-section-multi-column .section.mcb-section.wso-big-padding-top { padding-top: 8rem !important; } .section.mcb-section.wso-middle-padding-top, .wso-section-multi-column .section.mcb-section.wso-middle-padding-top { padding-top: 5rem !important; } .section.mcb-section.wso-small-padding-top, .wso-section-multi-column .section.mcb-section.wso-small-padding-top { padding-top: 3rem !important; } .section.mcb-section.wso-no-padding-top, .wso-section-multi-column .section.mcb-section.wso-no-padding-top { padding-top: 0rem !important; } .section.mcb-section.wso-big-padding-bottom, .wso-section-multi-column .section.mcb-section.wso-big-padding-bottom, body #Wrapper #Content .section.wso-product-melty-cheese { padding-bottom: 8rem !important; } .section.mcb-section.wso-middle-padding-bottom, .wso-section-multi-column .section.mcb-section.wso-middle-padding-bottom{ padding-bottom: 5rem !important; } .section.mcb-section.wso-small-padding-bottom, .wso-section-multi-column .section.mcb-section.wso-small-padding-bottom{ padding-bottom: 3rem !important; } .section.mcb-section.wso-no-padding-bottom, .wso-section-multi-column .section.mcb-section.wso-no-padding-bottom{ padding-bottom: 0rem !important; } /* ================= MELTY CHEESE ================= */ #Wrapper .wso-melty-cheese-bg { background: var(--yellow) !important; margin-bottom: 16rem; padding-bottom: 0 !important; } .wso-melty-cheese-bg:after { content: ''; display: block; position: absolute; width: 120%; left: -10%; height: 15rem; background: url(/wp-content/uploads/2021/03/melty-cheese-section.svg) no-repeat center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; top: 99%; pointer-events: none !important; } .section.mcb-section.wso-section-image-boxes.wso-melty-cheese-bg-left:before, .section.mcb-section.wso-section-image-boxes.wso-melty-cheese-bg-middle:before, .section.mcb-section.wso-section-image-boxes.wso-melty-cheese-bg-right:before { content: ''; display: block !important; position: absolute !important; height: 7rem; width: 20%; background: url(/wp-content/uploads/2021/03/melty-cheese-product-cat.svg) no-repeat center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; left: 15%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); visibility: visible !important; opacity: 1 !important; top: -1px; pointer-events: none !important; } .section.mcb-section.wso-section-image-boxes.wso-melty-cheese-bg-right:before { left: 85%; } .section.mcb-section.wso-section-image-boxes.wso-melty-cheese-bg-middle:before { left: 50%; } .section.mcb-section.wso-grid-yellow-melty-cheese-bg:after { content: ''; display: block; position: absolute; width: 100%; height: 45rem; background: url(/wp-content/uploads/2021/04/melty-cheese-bg-grid.svg) no-repeat center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; top: 0; /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ overflow: visible !important; pointer-events: none !important; } .section.mcb-section.wso-grid-33.wso-grid-yellow-melty-cheese-bg:after { background-position: center top !important; } .section.mcb-section.wso-section-image-boxes.wso-melty-cheese-bg-right:after { content: none !important; } /* ================= SHADOW ================= */ .section.wso-shadow-top:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 2.5rem; background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), to(rgba(0,0,0,0.1))); background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); pointer-events: none !important; z-index: 9; } .section.wso-shadow-bottom:after, .section.wso-presse-link-section:before { content: ''; display: block; position: absolute; left: 0; bottom: -2.5rem; width: 100%; height: 2.5rem; background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), to(rgba(0,0,0,0.1))); background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); pointer-events: none !important; z-index: 10; } /* ================= POMMES BG ================= */ .section.wso-pommes-full-width-bottom:after { content: ''; display: block; position: absolute; bottom: 0; left: 1%; width: 98%; height: 15rem; background: url(/wp-content/uploads/2021/07/gruppe-13965.svg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center top; background-repeat: no-repeat; } #Wrapper .section.wso-pommes-full-width-bottom { padding-bottom: 17rem !important; } .section.mcb-section.wso-pommes-pattern:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 40%; background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), to(rgba(0,0,0,0.2))); background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); pointer-events: none !important; } .section.mcb-section.wso-pommes-pattern:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,0.2))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); pointer-events: none !important; } #Wrapper .section.mcb-section.wso-pommes-pattern { background: url(/wp-content/uploads/2021/04/fries-bottom.svg) !important; -webkit-background-size: 100% auto !important; -moz-background-size: 100% auto !important; -o-background-size: 100% auto !important; background-size: 100% auto !important; background-repeat: repeat; background-position: center; background-attachment: fixed !important; } .section.mcb-section.wso-pommes-left-bottom:before { content: ''; display: block; position: absolute; left: -13%; bottom: -1px; height: 24rem; width: 40%; background: url(/wp-content/uploads/2021/04/fries.svg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 0; pointer-events: none !important; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; transition:.5s; } .section.mcb-section.wso-pommes-right-bottom:before { content: ''; display: block; position: absolute; right: -13%; bottom: -1px; height: 24rem; width: 40%; background: url(/wp-content/uploads/2021/04/fries.svg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 0; pointer-events: none !important; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; transition:.5s; } @media (prefers-reduced-motion:no-preference) { /*Animation*/ .section.wso-section-bottom-below-screen-bottom.mcb-section.wso-pommes-left-bottom:before { -webkit-transform:translate(-4rem,4rem); -moz-transform:translate(-4rem,4rem); -ms-transform:translate(-4rem,4rem); -o-transform:translate(-4rem,4rem); transform:translate(-4rem,4rem); } .section.wso-section-bottom-below-screen-bottom.mcb-section.wso-pommes-right-bottom:before { -webkit-transform: translate(4rem,4rem) scaleX(-1); -moz-transform: translate(4rem,4rem) scaleX(-1); -ms-transform: translate(4rem,4rem) scaleX(-1); -o-transform: translate(4rem,4rem) scaleX(-1); transform: translate(4rem,4rem) scaleX(-1); } } div#productcategory-intro:before { left: -10%; bottom: 0; height: 20%; width: 30%; } .section.mcb-section.wso-pommes-left-bottom:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3.5rem; background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,0.1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); pointer-events: none !important; } /* ================= SESAM BG ================= */ .section.mcb-section.wso-sesam:after { content: ''; display: block; position: absolute; height: 100%; width: 40%; left: auto !important; background: url(/wp-content/uploads/2021/04/sesam.svg) no-repeat center bottom; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; right: 0; bottom: -15%; pointer-events: none !important; } .section.mcb-section.wso-sesam.wso-yellow:after { background-image: url(/wp-content/uploads/2021/04/sesam-bg-1.svg); -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; bottom: 0; background-position: center !important; } .section.mcb-section.wso-sesam.wso-section-breaker:after { left: 0 !important; top: 0 !important; width: 100% !important; } #Wrapper .section.mcb-section.wso-sesam + .section { z-index: 0; background: transparent !important; } .section.mcb-section.wso-section-breaker.wso-sesam-bg:before, .section.mcb-section.wso-section-multi-column.wso-round-border .wrap.wso-sesam.wso-yellow:after{ content: ''; display: block; position: absolute; height: 100%; width: 100%; background: url(/wp-content/uploads/2021/04/sesam-bg-1.svg) repeat center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; top: 0; z-index: 0 !important; pointer-events: none !important; } .section.mcb-section.wso-section-multi-column.wso-round-border .wrap.wso-sesam.wso-yellow:after { z-index: -1 !important; opacity: 1 !important; visibility: visible !important; } #Wrapper .section.mcb-section.wso-sesam + .section.wso-yellow { background: var(--yellow) !important; } /* ================= PRODUCT ================= */ body #Wrapper #Content .section.wso-product-melty-cheese:after { content: ''; display: block; position: absolute; height: 5.5rem; width: 26rem; right: 17%; background: url(/wp-content/uploads/2021/03/melty-cheese-detail.svg) no-repeat; background-position: center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } div#product-intro .section_wrapper.mcb-section-inner > div { padding: 5% !important; } div#product-intro .section_wrapper.mcb-section-inner { position: relative !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); background: white !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -moz-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; align-items: flex-end !important; } div#product-intro .section_wrapper.mcb-section-inner .wrap.wso-wrap-content:last-child { display: flex; flex-direction: column-reverse; align-items: center; padding: 3% 3% 3% 0 !important; margin-top: -5rem !important; } #Wrapper div#product-intro .section_wrapper.mcb-section-inner { overflow: visible !important; } div#product-intro img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; max-height: 30rem; } div#product-intro .section_wrapper.mcb-section-inner .column { margin: 0 !important; width: 100% !important; } #Wrapper div#product-intro h1 { font-size: 3.75rem !important; hyphens: auto; } #Wrapper div#product-intro a.button { margin-top: 2rem !important; font-size: .95rem !important; } #Wrapper div#product-intro a.button span:after { content: '+'; font-size: 2em; vertical-align: middle; vertical-align: -moz-middle-with-baseline; line-height: .5em !important; margin-left: .25em; color: var(--black) !important; height: .6em !important; position: relative; display: inline-block; } #Wrapper div#product-intro a.button:hover span:after { color: var(--black) !important; } /*body[data-browser-name="Firefox"] #Wrapper div#product-intro a.button span::after { vertical-align: -moz-middle-with-baseline; } body[data-browser-name="Firefox"] #Wrapper .wpgb-radio-control, body[data-browser-name="Firefox"] #Wrapper .wpgb-checkbox-control{ vertical-align: text-top !important; margin-top: .15em !important; } body[data-browser-name="Firefox"] #Wrapper .wpgb-facet-1 .wpgb-radio-control { margin-top: -0.1em !important; }*/ #Wrapper .wso-glutenfree-div img, #Wrapper .wso-ama-logo-div img.wso-ama-logo, #Wrapper .wso-chicken-logo img, #Wrapper .wso-rainforest-logo img, #Wrapper .wso-msc-logo img { height: 2.5rem !important; float: left; margin-bottom: .25rem; width: auto !important; } #Wrapper .wso-glutenfree-div p, #Wrapper .wso-ama-logo-div p { font-size: .9em !important; float: left; display: block !important; width: 100% !important; line-height: 1em; } #Wrapper .wso-ama-logo-div img.wso-ama-logo { height: 2.5rem !important; float: left; -o-object-position: center left; object-position: center left; font-family: 'object-fit: cover; object-position: center left;'; } #Wrapper .wso-rainforest-logo img { height: 5rem !important; } #Wrapper .wso-chicken-logo img, #Wrapper .wso-msc-logo img { height: 3.75rem !important; } #Wrapper .wso-glutenfree-div, #Wrapper .wso-ama-logo-div, #Wrapper .wso-chicken-logo, #Wrapper .wso-rainforest-logo, #Wrapper .wso-msc-logo { margin-top: 1rem; display: inline-block; width: 50% !important; float: left; } div#product-allergens ul { margin: 0 0 2rem !important; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } div#product-allergens li::before { content: none !important; } div#product-allergens li { display: inline-block !important; margin: 0 2rem 1rem 0!important; text-align: center !important; font-size: 1.15rem !important; } div#product-allergens li span { width: 3rem !important; height: 3rem !important; background: var(--yellow) !important; color: var(--black) !important; font-weight: 700 !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; display: block; margin: 0 auto !important; line-height: 3rem !important; text-align: center !important; font-family: 'Speedee Bold',sans-serif !important; font-size: 1.5em !important; } div#product-allergens a.button { width: 100% !important; text-align: center !important; background: var(--yellow) !important; color: var(--black) !important; -webkit-box-shadow: 0.2em 0.5em 1em 0.2em rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0.2em rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1em 0.2em rgb(119 119 119 / 15%) !important; } div#product-allergens .column.one li, div#product-allergens .column.one-second li{ width: calc(16% - 2rem); } div#product-allergens .column.one-second li { /* width: calc(33.33% - 2rem);*/ } #product-allergens .column.one-second { width: 100% !important; } div#product-allergens ul.wso-static-contamination-ul li { width: calc(100% - 2rem) !important; text-align: left !important; margin: 0 0rem 0rem 2rem !important; font-size: inherit !important; float: left !important; line-height: 1.65em !important; } div#product-allergens ul.wso-static-contamination-ul { display: block !important; } div#product-allergens ul.wso-static-contamination-ul li::before { content: '' !important; } p.wso-static-contamination-text { line-height: 1.65em !important; } #Wrapper #Content div#product-allergens a.button:hover { background: var(--yellow) !important; color: var(--black) !important; border-color: var(--yellow) !important; } li.ui-tabs-tab:before { content: none !important; } div#product-nutritional-values.section.mcb-section.wso-sesam:after { width: 30% !important; background-position: center top !important; background-repeat: repeat-y !important; top: 5rem; height: -webkit-calc(100% + 23rem); height: -moz-calc(100% + 23rem); height: calc(100% + 23rem); z-index: 0; -webkit-background-size: auto auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; } div#product-nutritional-values li.ui-tabs-tab { /* width: 33% !important; */ text-align: center !important; min-width: 12rem; background: white; } div#product-nutritional-values ul.ui-tabs-nav { /* width: 100% !important; */ float: left; } div#product-nutritional-values .accordion { max-width: 100% !important; margin: 0 !important; pointer-events: all !important; } div#product-nutritional-values .question { padding: 0 !important; margin-bottom: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; overflow: visible !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: 0 !important; } div#product-nutritional-values .title { display: inline-block !important; padding-right: 1.5em !important; color: var(--gray) !important; font-size: 1rem !important; } div#product-nutritional-values .title i { color: var(--gray) !important; font-size: 1em !important; } #Wrapper div#product-nutritional-values li.ui-tabs-tab a { -webkit-border-radius: 2rem 2rem 0 0; -moz-border-radius: 2rem 2rem 0 0; border-radius: 2rem 2rem 0 0; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: -0.2em -0.2em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: -0.2em -0.2em 1em 0 rgb(119 119 119 / 15%) !important; border-bottom: 0 !important; } div#product-nutritional-values .wso-nutritional-value-div { display: inline-block; width: 100% !important; margin-bottom: .5em !important; } div#product-nutritional-values .wso-nutritional-value-div p { width: 50% !important; float: left; margin: 0 !important; font-size: 1.15rem !important; } div#product-nutritional-values .wso-nutritional-value-div p + p { width: auto !important; float: right; min-width: 9em; vertical-align: baseline !important; } .wso-progress-div { display: inline-block; width: 100% !important; position: relative; height: 1em; background: #f4f4f4; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; float: left !important; } .wso-progress-div-inner { position:absolute; top:0; left:0; bottom:0; background-color:var(--black); -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; max-width: 100%; } #Wrapper div#product-nutritional-values .ui-tabs-panel { width: 100% !important; float: left !important; padding: 3rem !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: -0.2em -0.2em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: -0.2em -0.2em 1em 0 rgb(119 119 119 / 15%) !important; -webkit-border-radius: 2em 0 2em 2em !important; -moz-border-radius: 2em 0 2em 2em !important; border-radius: 0 2em 2em 2em !important; background: white !important; transition:var(--transition-short) opacity 0; } #Wrapper div#product-nutritional-values .ui-tabs-panel[style*="display: none"], #Wrapper div#product-nutritional-values .ui-tabs-panel[style*="display:none"] { /* display:block !important;*/ position:absolute; bottom:0; pointer-events:none; opacity:0; } div#product-nutritional-values .ui-tabs-nav::before, div#product-nutritional-values .ui-tabs-nav::after { display: none; } div#product-nutritional-values .wso-portion-select { display:flex; justify-content:flex-start; align-items:stretch; margin-left:-1rem; margin-right:-1rem; flex-wrap:wrap; margin-bottom: 2rem; } #Wrapper div#product-nutritional-values .wso-more-info-accordion.cross-contamination { display: inline-block !important; width: 100% !important; margin-bottom: 2rem; } #Wrapper div#product-nutritional-values .wso-more-info-accordion .title { width: 100% !important; padding: 1rem 3rem 1rem 1rem !important; color: black !important; font-size: 1.2rem !important; display: inline-block !important; float: left; } #Wrapper div#product-nutritional-values .wso-more-info-accordion .title i { right: .5rem; } #Wrapper div#product-nutritional-values .wso-more-info-accordion .accordion .question{ -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: -0.2em -0.2em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: -0.2em -0.2em 1em 0 rgb(119 119 119 / 15%) !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; background: white !important; position: relative !important; display: inline-block !important; width: 100% !important; } #Wrapper div#product-nutritional-values .wso-more-info-accordion .accordion .answer { float: left; padding: 0 1rem 1rem !important; width: 100% !important; margin: 0 !important; font-size: 1rem !important; } #Wrapper div#product-nutritional-values .wso-more-info-accordion .title > i:before { color: var(--black) !important; font-size: 1.5em !important; } .wso-variants-select { float: right; margin-top: -1.5rem; z-index: 999 !important; } .wso-variants-select + .ui-tabs ul.ui-tabs-nav { pointer-events: all !important; } .wso-variants-select + .ui-tabs { z-index: 1 !important; pointer-events: none !important; } select#wso-variant-select { cursor: pointer !important; margin: 0 !important; width: 12rem; line-height: 1em !important; height: 3rem; /* padding: 0 !important; */ -webkit-border-radius: 2em !important; -moz-border-radius: 2em !important; border-radius: 2em !important; } select#wso-variant-select:focus { background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55% !important; } select, select:focus { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) !important; background-repeat: no-repeat !important; background-position: right 5px top 55% !important; } div#product-nutritional-values .wso-portion-name { position:absolute; bottom:0; left:0; right:0; height: 50%; display:flex; align-items:flex-end; justify-content:center; background-color: #fff; z-index: -1; box-shadow: 0em 0em .5em 0 rgb(119 119 119 / 10%) !important; border-radius: 1rem; box-sizing: border-box; padding: .5rem; font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; text-decoration: none !important; transition:500ms; } div#product-nutritional-values .wso-portion-name::before { content:''; width:1.51rem; height:1.51rem; display:block; background-color:var(--light-gray); border-radius:50%; margin-right:.5rem; transform:translate(0,-10%); background-image:url(/wp-content/uploads/2021/08/check-icon-yellow.svg); background-position:center center; background-repeat:no-repeat; background-size:0; transition:.5s; } div#product-nutritional-values .wso-portion-select-option{ height:11.3rem; width:9.38rem; position:relative; margin-right: 1rem; margin-left: 1rem; max-width:calc(33.33% - 2rem); cursor: pointer !important; } div#product-nutritional-values .wso-portion-select-option img { position:absolute; bottom:20%; left:0; right:0; width:100%; height:80%; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; } div#product-nutritional-values .wso-portion-select-option .wso-portion-name { text-align:center; } div#product-nutritional-values .wso-portion-select-option-active .wso-portion-name { background-color:var(--yellow); height:100% } div#product-nutritional-values .wso-portion-select-option-active .wso-portion-name::before { background-size: auto 0.35rem; background-color: #fff; } .wso-ingredients-grid .wpgb-layout { overflow: hidden; } .wso-ingredients-grid .wpgb-card-media .wpgb-card-media-thumbnail { /* width: 100% !important; */ margin: auto !important; /* height: 7.5rem !important; */ /* position: relative !important; */ max-width: 7.5rem !important; } /*.wso-ingredients-grid .wpgb-viewport.wpgb-carousel*/ .wso-ingredients-grid .wpgb-layout { margin-right: 8rem !important; overflow: visible !important; margin-left: 0rem; } .wso-ingredients-grid .wpgb-area.wpgb-area-bottom-1 { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0rem !important; z-index: 99999 !important; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; margin: 0 !important; pointer-events: none !important; } .wso-ingredients-grid button.wpgb-prev-button, .wso-ingredients-grid button.wpgb-next-button, .wst-wpgb-wrapper button.wpgb-prev-button, .wst-wpgb-wrapper button.wpgb-next-button{ color: var(--black) !important; -webkit-transform: rotate(45deg) skew(0deg, 0deg); -ms-transform: rotate(45deg) skew(0deg, 0deg); -moz-transform: rotate(45deg) skew(0deg, 0deg); -o-transform: rotate(45deg) skew(0deg, 0deg); transform: rotate(45deg) skew(0deg, 0deg); width: 1.75rem !important; height: 1.75rem !important; pointer-events: all !important; } .wso-ingredients-grid button.wpgb-prev-button, .wst-wpgb-wrapper button.wpgb-prev-button, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-prev-button{ border-bottom: 5px solid !important; border-left: 5px solid !important; } .wp-grid-builder .wpgb-carousel { cursor: auto !important; } .wso-ingredients-grid button.wpgb-next-button, .wst-wpgb-wrapper button.wpgb-next-button, .swiper-button-next, .swiper-button-prev{ border-right: 5px solid !important; border-top: 5px solid !important; } #Wrapper .wst-wpgb-wrapper .wso-ingredients-grid .wpgb-card.wpgb-card-10 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-size: .95rem !important; } .wso-ingredients-grid .wpgb-card-media { height: 7.5rem !important; } .wso-ingredients-grid .wpgb-card-media svg { display: none !important; } .wso-ingredients-grid { margin: 2rem 0 !important; } .wso-ingredients-grid .wpgb-prev-button::after, .wso-ingredients-grid .wpgb-next-button::after, .wso-ingredients-grid .wpgb-prev-button svg, .wso-ingredients-grid .wpgb-next-button svg, .wst-wpgb-wrapper .wpgb-prev-button::after, .wst-wpgb-wrapper .wpgb-next-button::after, .wst-wpgb-wrapper .wpgb-prev-button svg, .wst-wpgb-wrapper .wpgb-next-button svg{ content: none !important; display: none !important; } .wso-product-cat-description { margin-bottom: 3rem !important; } p + .wso-ingredients-slider-div { margin-top: 3rem; } #Wrapper .wpgb-grid-42 .wpgb-area.wpgb-area-left:after, #Wrapper .wpgb-grid-42 .wpgb-area.wpgb-area-right:after, #Wrapper .wpgb-grid-43 .wpgb-area.wpgb-area-left:after, #Wrapper .wpgb-grid-43 .wpgb-area.wpgb-area-right:after, #Wrapper .wpgb-grid-32 .wpgb-area.wpgb-area-left:after, #Wrapper .wpgb-grid-32 .wpgb-area.wpgb-area-right:after, #Wrapper .wso-news-grid .wpgb-area.wpgb-area-left:after, #Wrapper .wso-news-grid .wpgb-area.wpgb-area-right:after{ content: '' !important; display: block !important; position: absolute !important; top: 50%; left: 35% !important; height: 4rem; width: 4rem; background: white; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; opacity: 1 !important; z-index: 0; visibility: visible !important; border-radius: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; -webkit-transition: var(--transition-short); -o-transition: var(--transition-short); -moz-transition: var(--transition-short); transition: var(--transition-short); } #Wrapper .wpgb-grid-43 .wpgb-area.wpgb-area-left:after, #Wrapper .wpgb-grid-43 .wpgb-area.wpgb-area-right:after, .wso-barchart-section .swiper-button-next:after, .wso-barchart-section .swiper-button-prev:after { background: var(--yellow); } .wso-barchart-section .swiper-button-next:after, .wso-barchart-section .swiper-button-prev:after { z-index: -5 !important; } .wso-barchart-slider { overflow: hidden; } #Wrapper .wso-barchart-section .swiper-button-next, #Wrapper .wso-barchart-section .swiper-button-prev, #Wrapper .wso-app-benefits-slider .swiper-button-next, #Wrapper .wso-app-benefits-slider .swiper-button-prev{ background-color: var(--yellow) !important; z-index: 99; top: 50% !important; height: 4rem !important; width: 4rem !important; border: 0 !important; border-radius: 50% !important; } #Wrapper .wso-app-benefits-slider .swiper-button-next, #Wrapper .wso-app-benefits-slider .swiper-button-prev { background: white !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%) !important; } #Wrapper .wso-barchart-section .swiper-button-next { right: -1rem !important; } #Wrapper .wso-barchart-section .swiper-button-prev { left: -1rem !important; } #Wrapper .wpgb-grid-42 .wpgb-area.wpgb-area-left:hover:after, #Wrapper .wpgb-grid-42 .wpgb-area.wpgb-area-right:hover:after, #Wrapper .wpgb-grid-32 .wpgb-area.wpgb-area-left:hover:after, #Wrapper .wpgb-grid-32 .wpgb-area.wpgb-area-right:hover:after, #Wrapper .wso-news-grid .wpgb-area.wpgb-area-left:hover:after, #Wrapper .wso-news-grid .wpgb-area.wpgb-area-right:hover:after, #Wrapper .wpgb-grid-43 .wpgb-area.wpgb-area-left:hover:after, #Wrapper .wpgb-grid-43 .wpgb-area.wpgb-area-right:hover:after { -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%) !important; } #Wrapper .wpgb-grid-42 .wpgb-area.wpgb-area-right:after, #Wrapper .wpgb-grid-32 .wpgb-area.wpgb-area-right:after, #Wrapper .wso-news-grid .wpgb-area.wpgb-area-right:after, #Wrapper .wpgb-grid-43 .wpgb-area.wpgb-area-right:after { left: 65% !important; } .wso-barchart-section .swiper-button-next:after, .wso-barchart-section .swiper-button-prev:after, #Wrapper .wso-app-benefits-slider .swiper-button-next:after, #Wrapper .wso-app-benefits-slider .swiper-button-prev:after { content: '' !important; display: block; position: absolute; border-color: var(--black) !important; width: 1.75rem !important; height: 1.75rem !important; pointer-events: all !important; border: 5px solid; background: transparent !important; } .wso-barchart-section .swiper-button-next:after, .wso-barchart-section .swiper-button-prev:after, #Wrapper .wso-app-benefits-slider .swiper-button-next:after, #Wrapper .wso-app-benefits-slider .swiper-button-prev:after { border-width: 5px 5px 0 0 !important; } .wso-barchart-section .swiper-button-next:after, #Wrapper .wso-app-benefits-slider .swiper-button-next:after { -webkit-transform: rotate(45deg) skew(0deg, 0deg); -ms-transform: rotate(45deg) skew(0deg, 0deg); -moz-transform: rotate(45deg) skew(0deg, 0deg); -o-transform: rotate(45deg) skew(0deg, 0deg); transform: rotate(45deg) skew(0deg, 0deg); left: 20%; } .wso-barchart-section .swiper-button-prev:after, #Wrapper .wso-app-benefits-slider .swiper-button-prev:after{ -webkit-transform: rotate(225deg) skew(0deg, 0deg) !important; -ms-transform: rotate(225deg) skew(0deg, 0deg) !important; -moz-transform: rotate(225deg) skew(0deg, 0deg) !important; -o-transform: rotate(225deg) skew(0deg, 0deg) !important; transform: rotate(225deg) skew(0deg, 0deg) !important; left: 35%; } .wso-barchart-section .swiper-button-next, .wso-barchart-section .swiper-button-prev { -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transform: none !important; } #Wrapper .wpgb-grid-32 .wpgb-area-left, #Wrapper .wso-news-grid .wpgb-area-left{ left: -2rem !important; } #Wrapper .wpgb-grid-32 .wpgb-area-right, #Wrapper .wso-news-grid .wpgb-area-right{ right: -2rem !important; } #Wrapper .wso-app-benefits-slider .swiper-button-next:after, #Wrapper .wso-app-benefits-slider .swiper-button-prev:after { border-color: var(--black) !important; } #Wrapper .wso-app-benefits-slider .swiper-button-next { right: 0rem !important; } #Wrapper .wso-app-benefits-slider .swiper-button-prev { left: 0 !important; } #Wrapper .wso-app-benefits-slider .swiper-button-next, #Wrapper .wso-app-benefits-slider .swiper-button-prev { -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } /* ================= MCCAFE ================= */ .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background { position: absolute !important; width: 100% !important; height: 100% !important; bottom: 0 !important; right: 0 !important; top: 0 !important; left: 0 !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column > .section_wrapper { max-width: 100% !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background .mcb-wrap-inner, #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background .column.wso-img { margin: 0 !important; width: 100% !important; height: 100% !important; top: 0 !important; bottom: 0 !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background + .wrap .section { background: transparent !important; padding: 10rem 0 !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background + .wrap .section .column_attr.clearfix, .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background + .wrap h2, .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background + .wrap h3, .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background + .wrap p { color: white !important; } .wso-mccafe .wso-intro-slogan { margin: 0 auto !important; width: 20rem !important; height: auto !important; } .wso-mccafe .wso-section-hero .wso-intro-slogan + h1.wso-title { display: none; } @media only screen and (min-width: 768px){ .wso-mccafe .wso-section-text-img .column_image.wso-img-proportional img { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: contain !important; object-fit: contain !important; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; } .wso-mccafe .wso-section-text-img .mcb-wrap .column_image.wso-img-proportional .image_wrapper { height: 100% !important; } .section.mcb-section.wso-logo-image img { width: 60% !important; left: 50% !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image { position: absolute !important; bottom: -15rem; left: -5% !important; z-index: 9 !important; width: auto !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image img { width: 52vw !important; height: auto !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image * { height: auto !important; width: auto !important; } .wso-mccafe #Wrapper #Content .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background + .wrap .section:first-child { padding: 8rem 0 13rem!important; } #Wrapper .wso-section-intro.wso-mccafe-intro .wso-title, .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column.wso-mccafe-breaker h2{ font-family: 'Speedee Condensed Light',sans-serif !important; text-transform: uppercase !important; } #Wrapper .wso-section-intro.wso-mccafe-intro .wrap:not(.wso-hero-img) { max-width: var(--content-width) !important; left: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; } #Wrapper .wso-section-intro.wso-mccafe-intro .wrap:not(.wso-hero-img) .column_attr.clearfix { text-align: left !important; } #Wrapper .wso-section-multi-column.wso-video-section.wso-mccafe-breaker .column.mcb-column.column_image.wso-img.one { margin: 0 !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background .image_frame { width: 100% !important; border-radius: 0 !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column.wso-mccafe-breaker .wrap:not(.wso-absolute-background) { padding: 5rem 0 !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column.wso-mccafe-breaker .wrap:not(.wso-absolute-background) .mcb-wrap-inner, body #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro + .wso-section-multi-column.wso-video-section .wrap .mcb-wrap-inner { max-width: var(--content-width) !important; display: block !important; margin: 0 auto !important; } .wso-section-multi-column.wso-video-section.wso-mccafe-breaker .column.mcb-column.column_image.wso-img.one .image_frame { width: 65% !important; } #Wrapper .wso-section-intro.wso-mccafe-intro h1, #Wrapper .wso-section-intro.wso-mccafe-intro h3 { color: var(--brown) !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column.wso-mccafe-breaker h2 { font-size: 3.4rem !important; } #Wrapper .wso-section-intro.wso-mccafe-intro .wso-title { font-size: 5.5rem !important; line-height: 1em !important; margin-bottom: 1rem !important; } #Wrapper .wso-section-intro.wso-mccafe-intro h3 { font-size: 1.75rem !important; } body #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro:first-child .image_wrapper { padding-top: 41% !important; } body #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro .wrap:not(.wso-hero-img) { top: 40% !important; } body #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro + .wso-section-multi-column.wso-video-section .column.mcb-column.column_image.wso-img.one { margin-bottom: 0 !important; margin-top: -12.5rem; } /* ================= M-ELEMENT BG ================= */ .section.mcb-section.wso-yellow.wso-m-element-bg-left:before, .section.mcb-section.wso-yellow.wso-m-element-bg-middle:before, .section.mcb-section.wso-yellow.wso-m-element-bg-right:before, .section.mcb-section.wso-white.wso-m-element-bg-left:before, .section.mcb-section.wso-white.wso-m-element-bg-middle:before, .section.mcb-section.wso-white.wso-m-element-bg-right:before, div#productcategory-intro:after { content: ''; display: block; position: absolute; background: url(/wp-content/uploads/2021/04/mcd-logo.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; height: 23rem; width: 27rem; bottom: -2rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; pointer-events: none !important; } .section.mcb-section.wso-white.wso-m-element-bg-left:before, .section.mcb-section.wso-white.wso-m-element-bg-middle:before, .section.mcb-section.wso-white.wso-m-element-bg-right:before, div#productcategory-intro:after { background: url(/wp-content/uploads/2021/04/mcd-logo-yellow.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .section.mcb-section.wso-yellow.wso-m-element-bg-right:before, .section.mcb-section.wso-white.wso-m-element-bg-right:before { left: 94%; } .section.mcb-section.wso-yellow.wso-m-element-bg-left:before, .section.mcb-section.wso-white.wso-m-element-bg-left:before { left: 5%; } .section.mcb-section.wso-yellow.wso-m-element-bg-middle:before, .section.mcb-section.wso-white.wso-m-element-bg-middle:before { left: 50%; } #Wrapper .wso-section-grid.wso-grid-14 a.button, #Wrapper .wso-section-grid .wso-search-grid a.button { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; color: var(--black) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; overflow: visible; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #Wrapper .wso-section-grid .wso-search-grid a.button { color: var(--black) !important; border-radius: 100vw !important; background-color: var(--yellow) !important; padding:0.1rem 1rem !important; } #Wrapper .wso-section-grid .wso-search-grid .wso-h3 a, #Wrapper .wso-section-grid .wso-search-grid p { color: var(--black) !important; } #Wrapper .wso-section-grid.wso-grid-14 a.button:after, #Wrapper .wso-section-grid .wso-search-grid a.button:after { content: '' !important; display: inline-block; position: relative; height: 1.25em; width: 1.25em; background: url(/wp-content/uploads/2021/04/arrow-right-yellow.svg) no-repeat center !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; opacity: 1; vertical-align: middle; margin-left: .5em !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; pointer-events: none !important; position: absolute; right: -1.75em !important; left: auto !important; top: .2em; } #Wrapper .wso-section-grid.wso-grid-14 a.button:hover:after, #Wrapper .wso-section-grid .wso-search-grid a.button:hover:after { /* margin-left: 1em !important; */ right: -2.25em !important; } #Wrapper .wso-section-grid.wso-grid-14 a.button:hover, #Wrapper .wso-section-grid .wso-search-grid a.button:hover { text-decoration: underline !important; } @media only screen and (min-width: 768px){ #Wrapper .section.mcb-section.wso-section-grid.wso-grid-14 .wso-wrap-grid:after, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-51 .wso-wrap-grid:after, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32 .wso-wrap-grid:after { content: ''; display: block; position: absolute; visibility: visible; overflow: visible; width: 35%; height: 110%; top: -5% !important; /* background: white; */ right: -25%; z-index: 99; background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%) !important; pointer-events: none !important; } #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32 .wso-wrap-grid:after { width: 45%; } #Wrapper .section.mcb-section.wso-section-grid.wso-grid-14 .wso-wrap-grid:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-51 .wso-wrap-grid:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32 .wso-wrap-grid:before{ content: ''; display: block; position: absolute; visibility: visible; overflow: visible; width: 35%; height: 110%; top: -5% !important; /* background: white; */ left: -25%; z-index: 99; background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) !important; pointer-events: none !important; } #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32 .wso-wrap-grid:before { width: 25%; } } div#productcategory-intro:after { right: -55% !important; left: auto !important; height: 70% !important; width: 55%; top: 35%; bottom: auto !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 0; } .wso-search-grid span.wso-highlight:after { background: var(--yellow)!important; z-index: -2 !important; content: ''; display: block !important; position: absolute; left: -5%; top: 5%; height: 105%; width: 110%; opacity: .85; } .wso-search-grid span.wso-highlight b, .wso-search-grid span.wso-highlight { display: inline !important; position: relative; z-index: 0 !important; } /* ================= Section Multi Column ================= */ .wso-section-multi-column .wrap .section { clear: both; } .section.mcb-section.wso-section-multi-column.wso-job-filter.wso-grid-yellow-melty-cheese-bg { z-index: 1; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap { background: var(--yellow) !important; padding: 3rem 2rem !important; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; -webkit-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 10%); -moz-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 10%); box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 10%); } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap.one-second { width: 48%; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap.one-third { width: 31.333%; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap.one-fourth { width: 23%; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .section_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .section_wrapper::after { display:none; } /*#Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps a.button { background: white !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps a.button:hover { background: var(--black) !important; }*/ #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap .column:not(.column_image) { margin-bottom: 0 !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap .column.column_image { height: 10rem; width: auto !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap .column.column_image img { height: 10rem; width: auto !important; display: block; float: none !important; margin: 0 auto; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; } @media only screen and (min-width: 768px){ #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps a.button { padding: .75rem 1rem !important; position: absolute !important; width: 80%;left: 50%; bottom: 2rem !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .column_attr.clearfix { margin-bottom: 4rem; } } /* ================= 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 BACKGROUND ================= */ .wso-yellow, #Wrapper .wso-section-breaker:not(.full-width).wso-yellow .wrap.wso-hero-img { background: var(--yellow) !important; } #Wrapper .wso-white, #Wrapper .wso-section-breaker:not(.full-width).wso-white .wrap.wso-hero-img { background: white !important; } /* ================= Section Breaker ================= */ #Wrapper .wso-section-breaker:not(.full-width) { /* padding: 0 !important; */ } #Wrapper .wso-section-breaker:not(.full-width) .wrap:last-child { padding: 5% !important; } #Wrapper .wso-section-breaker:not(.full-width) .section_wrapper, #Wrapper .wso-round-border .section_wrapper, div#product-intro .section_wrapper.mcb-section-inner { position: relative !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); background: white !important; z-index: 1; } #Wrapper .wso-section-breaker:not(.full-width).wso-yellow { background: transparent !important; } .wso-section-breaker.wso-mcdelivery-logo .wso-hero-img .column:after { /*content: ''; display: block; position: absolute; height: 6rem; width: 9rem; background: url(/wp-content/uploads/2021/03/mcdelivery-logo.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; bottom: 0; z-index: 999;*/ } #Wrapper .wso-round-border .section_wrapper .column.one:not(.column_image) { padding: 3rem; } #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; } #Wrapper .section a.wso-position-absolute { position: absolute !important; left: 0; top: 0; height: 100% !important; width: 100% !important; pointer-events: all !important; z-index: 999; } .wso-section-breaker .wso-hero-img + .wrap { pointer-events: none !important; } .wso-section-breaker .wso-hero-img + .wrap a.button, .wso-section-breaker .wso-hero-img + .wrap a { pointer-events: all !important; } .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; } @media only screen and (min-width: 768px) { body:not(.wso-machhaltigkeit):not(.wso-smile):not(.wso-mccafe):not(.wso-covid-19) .wso-section-intro .wso-hero-img:not(.wso-no-img-overlay)::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--overlay-dark); z-index: 8; visibility: visible; height: 100%; width: 100%; } } .wso-section-hero.wso-align-right .wso-highlight-button { right: auto; left: 0; } .section.mcb-section.wso-melty-cheese-bg-left:after, .section.mcb-section.wso-melty-cheese-bg-middle:after, .section.mcb-section.wso-melty-cheese-bg-right:after, .section.mcb-section.wso-melty-cheese-bg-full:after { content: ''; display: block !important; position: absolute !important; height: 7rem; width: 40%; background: url(/wp-content/uploads/2021/03/melty-cheese-section.svg) no-repeat center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; left: 20%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); visibility: visible !important; opacity: 1 !important; bottom: -6.9rem; z-index: 9; pointer-events: none !important; } .section.mcb-section.wso-melty-cheese-bg-middle:after { left: 50%; } .section.mcb-section.wso-melty-cheese-bg-right:after { left: 80%; -webkit-transform: translateX(-50%) scaleX(-1) !important; -moz-transform: translateX(-50%) scaleX(-1) !important; -ms-transform: translateX(-50%) scaleX(-1) !important; -o-transform: translateX(-50%) scaleX(-1) !important; transform: translateX(-50%) scaleX(-1) !important; } #Wrapper .section.wso-round-border.wso-section-multi-column.mcb-section.wso-melty-cheese-bg-right.wso-yellow:after { top: auto !important; bottom: -6.9rem !important; z-index: 999; width: 40% !important; left: 80% !important; } .section.mcb-section.wso-melty-cheese-bg-full:after { left: 50%; width: 100% !important; height: 10rem; bottom: -9.9rem; } .section.mcb-section.wso-melty-cheese-bg-left:not(.wso-section-image-boxes), .section.mcb-section.wso-melty-cheese-bg-middle:not(.wso-section-image-boxes), .section.mcb-section.wso-melty-cheese-bg-right:not(.wso-section-image-boxes) { /*margin-bottom: 5rem;*/ } .section.mcb-section.wso-melty-cheese-bg-full { margin-bottom: 10rem; } /* ================= Section Intro ================= */ body:not(.home) #Wrapper #Content .section:where(:not(.wso-subnavigation)):first-child, div#product-intro, .wmnc-overview.hide + div#Filter/*, #Wrapper #Content .section.wso-rn-show.wso-no-results*/ { padding-top: 12rem !important; } body:not(.home) #Wrapper #Content .section.wso-404:first-child { padding-top: 8rem !important; } .wmnc-overview:not(.hide) + div#product-intro { padding-top: 5rem !important; } body.home #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child { /*padding-top: 12rem !important;*/ } #Wrapper .wso-melty-cheese-bg.wso-new-covid-intro { margin-bottom: 0rem; z-index: 1; padding: 5rem 0 !important; } #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child { padding-top: 2rem !important; } #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .wrap.wso-float-right { padding-top: 3rem !important; padding-bottom: 3rem !important; padding-right: var(--text-img-spacing) !important; } body #Wrapper #Content .section.wso-section-intro:first-child, body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro { padding: 0 !important; margin-top: 10rem; } body #Wrapper #Content .section.wso-section-intro#product-intro { padding-top: 12rem !important; margin: 0 !important; background: white !important; } /*#Wrapper .wso-section-intro h1, #Wrapper .wso-section-intro h2 { margin-bottom:0 !important; font-size: 2.85rem !important; }*/ #Wrapper .wso-section-intro .wso-title { font-size: 2.85rem !important; margin-bottom: 0 !important; } #Wrapper .wso-section-intro .wso-subtitle { font-size: 1.9rem !important; } /* ================= Img Column ================= */ .wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) { height: 17rem; 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: 27rem !important; */ } #Wrapper .wso-img-box:has(a:focus-visible) .image_frame { outline: 1px solid var(--black); } .wso-img-box .image_frame { /* position: absolute; */ /* top: 0;*/ -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); overflow: hidden !important; -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; background: white; } .wso-img-box:hover .image_frame { -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); overflow: hidden !important; } .wso-img-box .image_frame, .wso-img-box .image_wrapper a { height: 100%; width: 100%; } #Wrapper .wso-img-box .image_wrapper { height: 22rem !important; } .wso-img-box .image_wrapper a:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.5))); background: -o-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: -moz-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: linear-gradient(180deg,transparent,rgba(0,0,0,.5)); z-index: 1; pointer-events: none; } .if-zoom .wso-img-box .image_frame:hover .image_wrapper img, .if-zoom .wso-img-box .image_frame.hover .image_wrapper img { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .if-zoom .wso-img-box, .if-zoom .wso-img-box .wp-caption-text { -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; } .if-zoom .wso-img-box:hover { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); } .if-zoom .wso-img-box:hover .wp-caption-text{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); } .column_image .wp-caption-text { position: relative; bottom: 0; left: 0; width: 100%; background: white; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: black !important; z-index: 2; padding: 2rem !important; pointer-events: none; } .column_image .wp-caption-text span:not([lang],[aria-label],[aria-hidden],[aria-details]) { display: block; font-size: .75em; } .column_image .wp-caption-text p[class*=wso-h] span, .column_image .wp-caption-text h3 span { font-size: inherit; } .column_image .wp-caption-text * { color: black; } #Wrapper .column_image .wp-caption-text h3, #Wrapper .column_image .wp-caption-text .wso-h3 { margin: 0 !important; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative !important; gap:0.2em; } /* ================= Highlight Button ================= */ #Wrapper .wso-highlight-button { position: absolute; top: -8rem; right: -10rem; width: 13rem !important; height: 13rem !important; margin: 0; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid var(--yellow); -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); background: var(--yellow); } #Wrapper .wso-highlight-button p { position: absolute; top: 50%; width: auto; left: 0; right: 0; padding: 0 1.25rem !important; margin-bottom: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center; } #Wrapper .wso-highlight-button p strong { display: block; font-size: 2rem !important; line-height: 1.1em !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0; margin-bottom: .7rem !important; font-family: 'Speedee Bold',sans-serif !important; } /*#Wrapper .wso-highlight-button p strong::after { content: " "; width: 7rem; display: block; margin: 1rem auto; border-bottom: 1px solid var(--color-2); }*/ #Wrapper .wso-highlight-button p br { display: none; } #Wrapper .dark .wso-highlight-button, #Wrapper .dark .wso-highlight-button p strong::after { /* border-color: #ffffff !important; */ } /* ============================================ Section Text Img ============================================ */ .wso-section-text-img .column { margin-bottom: 0 !important; } /*.wso-img-box .image_frame, .wso-img-box .image_wrapper,*/ .wso-section-text-img:not(.wso-section-text-img-fullwidth) .mcb-wrap-inner .column_image .image_wrapper { -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; overflow: hidden !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 .column_image.wso-img-proportional .image_wrapper { height: auto !important; } .wso-section-text-img .mcb-wrap-inner .column_image.wso-img-proportional .image_frame { display: flex; flex-direction: row; align-items: center; } .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.wso-img-proportional .image_wrapper { position: relative !important; } .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper, .wso-section-image .image_wrapper { width: 100%; -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; } .wso-section-text-img-fullwidth .mcb-wrap-inner .column_image .image_wrapper { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .wso-section-text-img .wrap:first-child, .wso-section-text .wrap:first-child:not(:only-child) { padding-right: var(--text-img-spacing); height: auto !important; } .wso-section-text-img .wrap:last-child { padding-left: var(--text-img-spacing); /*position: absolute !important;*/ right: 0 !important; } .wso-section-text-img .wrap.wso-float-right, .wso-section-text .wrap:last-child:not(:only-child){ padding-left: var(--text-img-spacing); padding-right: 0; } .wso-section-text-img .wrap.wso-float-right + .wrap { padding-right: var(--text-img-spacing); padding-left: 0; left: 0 !important; right: auto !important; } .wso-section-text-img.wso-layout-2 .wrap { padding-top: 0; padding-bottom: 0; } .wso-section-text .wrap:not(:first-child):not(:last-child):not(:only-child) { padding-right: -webkit-calc(var(--text-img-spacing)/2); padding-right: -moz-calc(var(--text-img-spacing)/2); padding-right: calc(var(--text-img-spacing)/2); padding-left: -webkit-calc(var(--text-img-spacing)/2); padding-left: -moz-calc(var(--text-img-spacing)/2); padding-left: calc(var(--text-img-spacing)/2); } .section.mcb-section.wso-section-text-img.wso-one-third-layout .wrap + .wrap, .section.mcb-section.wso-section-text-img.wso-two-third-layout .wrap { width: 33.33% !important; } .section.mcb-section.wso-section-text-img.wso-one-third-layout .wrap, .section.mcb-section.wso-section-text-img.wso-two-third-layout .wrap + .wrap { width: 66.66% !important; } .section.mcb-section.wso-section-text-img.wso-one-fourth-layout .wrap + .wrap, .section.mcb-section.wso-section-text-img.wso-three-fourth-layout .wrap { width: 25% !important; } .section.mcb-section.wso-section-text-img.wso-one-fourth-layout .wrap, .section.mcb-section.wso-section-text-img.wso-three-fourth-layout .wrap + .wrap { width: 75% !important; } .section.mcb-section.wso-section-text-img.wso-two-fifth-layout .wrap + .wrap, .section.mcb-section.wso-section-text-img.wso-three-fifth-layout .wrap{ width: 45% !important; } .section.mcb-section.wso-section-text-img.wso-three-fifth-layout .wrap + .wrap, .section.mcb-section.wso-section-text-img.wso-two-fifth-layout .wrap{ width: 55% !important; } #Wrapper .wrap.wso-text-wrap-padding { padding-top: 3rem !important; padding-bottom: 3rem !important; } #Wrapper .wso-404 .wrap.wso-text-wrap-padding { padding-right: 0 !important; padding-left: 4rem !important; } .wso-404 .section_wrapper.mcb-section-inner { /*max-width: 80% !important; margin-right: 5%;*/ } } /* ================= Section Text 2 Img ================= */ @media only screen and (min-width: 768px) { .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:first-child { float: right; width: 80%; height: 57% !important; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) { position: absolute; left: 0; bottom: 0; width: 75%; height: 40% !important; z-index: 2; } } /* ================= 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: 90%; height: 38% !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: 55%; 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: 40%; height: 50% !important; z-index: 3; } } /* ================= 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(--gray); padding: 5% 7%; } .wso-section-text-img-fullwidth .wrap.wso-float-right:first-child { background-color: var(--black); } #Wrapper .section.wso-product-tax-section.wso-melty-cheese-bg-middle + .section.wso-product-tax-section:not(.wso-melty-cheese-bg-middle) { background: transparent !important; z-index: 3 !important; } /* ================= IMPRESSUM ================= */ body #Wrapper div#impressum.section:before, body #Wrapper div#datenschutz.section:before { top: 15% !important; height: 30%; width: 80%; background-position: center bottom; left: 100% !important; } body #Wrapper div#impressum.section:after, body #Wrapper div#datenschutz.section:after, .section.wso-shadow-bottom + .wso-melty-cheese-bg-right:after { top: 0 !important; left: 75% !important; } body #Wrapper .section.wso-section-text a:not(.button), body #Wrapper .section.wso-section-text-img a:not(.button) { font-family: 'Speedee Regular',sans-serif !important; font-weight: normal !important; text-decoration: underline !important; vertical-align: baseline !important; } body #Wrapper .section.wso-section-text a:not(.wso-gradient-button)::after, body #Wrapper .section.wso-section-text-img a:not(.wso-gradient-button):after { content: none !important; } /* ============================================ WP Grid Builder ============================================ */ .wp-grid-builder .wpgb-card [class*="wpgb-block-"] { white-space: inherit !important; } .wpgb-facet button.wpgb-button { outline: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* 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; -moz-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; -webkit-transition: all var(--transition-medium) ease-in-out !important; -o-transition: all var(--transition-medium) ease-in-out !important; transition: all var(--transition-medium) ease-in-out !important; } body:not([data-browser-name="IE"]) .wpgb-card-1:hover .wpgb-card-media-thumbnail, body:not([data-browser-name="IE"]) .wpgb-card-3:hover .wpgb-card-media-thumbnail { -webkit-transform: scale(1.1) !important; -moz-transform: scale(1.1) !important; -o-transform: scale(1.1) !important; transform: scale(1.1) !important; } */ body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-1, body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-3, body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-1 .wpgb-card-content, body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-3 .wpgb-card-content{ -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -o-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; -webkit-transition: all var(--transition-medium) ease-in-out !important; -o-transition: all var(--transition-medium) ease-in-out !important; -moz-transition: all var(--transition-medium) ease-in-out !important; transition: all var(--transition-medium) ease-in-out !important; } body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-1:hover, body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-1:focus-within, body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-3:hover, body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-3:focus-within{ -webkit-transform: scale(1.02) !important; -moz-transform: scale(1.02) !important; -ms-transform: scale(1.02) !important; -o-transform: scale(1.02) !important; transform: scale(1.02) !important; } body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-1:hover .wpgb-card-content, body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-1:focis-within .wpgb-card-content, body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-3:hover .wpgb-card-content, body:not([data-browser-name="IE"]) .wp-grid-builder .wpgb-card-3:focis-within .wpgb-card-content{ -webkit-transform: scale(0.98) !important; -moz-transform: scale(0.98) !important; -ms-transform: scale(0.98) !important; -o-transform: scale(0.98) !important; transform: scale(0.98) !important; } /* body:not([data-browser-name="IE"]) .wso-job-grid:not(.wp-grid-builder) .wpgb-card-1 { -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } */ .wso-job-grid:not(.wp-grid-builder) .wpgb-card-1 .wpgb-card-wrapper .wpgb-block-4.wso-h4.wpgb-idle-scheme-2 { display: none !important; } .wso-job-grid:not(.wp-grid-builder) .wpgb-card-1 .wpgb-card-wrapper { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -o-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; -webkit-transition: all var(--transition-medium) ease-in-out !important; -o-transition: all var(--transition-medium) ease-in-out !important; -moz-transition: all var(--transition-medium) ease-in-out !important; transition: all var(--transition-medium) ease-in-out !important; } .wso-job-grid:not(.wp-grid-builder) .wpgb-card-1:hover .wpgb-card-wrapper { -webkit-transform: scale(1.02) !important; -moz-transform: scale(1.02) !important; -ms-transform: scale(1.02) !important; -o-transform: scale(1.02) !important; transform: scale(1.02) !important; } .wso-job-grid:not(.wp-grid-builder) .wpgb-card.wpgb-card-1 { width: 33.33% !important; float: left; position: relative; display: inline-block !important; margin-bottom: 2rem !important; } .wso-job-grid .wpgb-card .wpgb-card-inner { position: relative !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column !important; flex-direction: column !important; height: 100% !important; width: 100% !important; } .wso-job-grid .wpgb-card .wpgb-card-1 .wpgb-card-media { min-height: 20rem !important; } .wso-job-grid .wpgb-card svg { height: 0 !important; } .wpgb-card-1 .wpgb-lightbox { display:contents; } .wso-job-grid .wpgb-card .wpgb-card-media-thumbnail { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; } .wso-job-grid .wpgb-card.wpgb-card-1 a.wpgb-card-layer-link { position: absolute; height: 100% !important; width: 100% !important; } .wso-job-grid .wpgb-card .wpgb-card-media-content { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; top: 0; right: 0; bottom: 0; left: 0; padding: 0; } .wso-jobs-grid-div.wso-jobs-grid-div-no-margin { position: relative !important; display: flex !important; flex-direction: row; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: stretch !important; overflow: visible !important; } .wso-job-grid-overview .wpgb-card-1 .wpgb-card-wrapper { height: 100% !important; } .wso-job-grid .wpgb-card .wpgb-card-media-thumbnail div { background-position: center top !important; } .wso-job-grid .wpgb-card .wpgb-card-media-thumbnail div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .wso-job-grid .wpgb-card .wpgb-card-media { position: relative; display: -ms-flexbox; display: flex; } /* ================= Navigation & Facets ================= */ .wpgb-facet>fieldset:last-child { margin-bottom: 0rem !important; } /*Arrows*/ .wp-grid-builder.wso-ingredients-grid .wpgb-prev-button:disabled, .wp-grid-builder.wso-ingredients-grid .wpgb-next-button:disabled { opacity: 0 !important; } .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); -moz-transform: rotate(45deg) skew(12deg, 12deg); -o-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%; -moz-transform-origin: 50% 50%; -o-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; padding: 0 !important; } .wp-grid-builder .wpgb-page-dots li, .swiper-pagination-bullet { width: 20px !important; height: 20px !important; padding: 0 !important; margin: 0 2px !important; outline: none !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot:only-child { display: none; } .wp-grid-builder .wpgb-page-dots .wpgb-dot:after, .swiper-pagination-bullet:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: var(--black) !important; border: 0 !important; height: 65% !important; width: 65% !important; margin: 3.5px auto !important; opacity: .6; -webkit-transition: all var(--transition-normal) ease-in-out !important; -moz-transition: all var(--transition-normal) ease-in-out !important; -o-transition: all var(--transition-normal) ease-in-out !important; transition: all var(--transition-normal) ease-in-out !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected="true"]:after, .swiper-pagination-bullet-active:after { background-color: var(--black) !important; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 1 !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected="true"] { margin: 0 5px !important; } .swiper-pagination-bullet { position: relative !important; display: inline-block !important; background: transparent !important; opacity: 1 !important; } .swiper-pagination-bullet:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50% !important; } .swiper-pagination { bottom: 0 !important; margin-top: 1rem !important; position: relative !important; } /*Filter Radio*/ .wpgb-facet .wpgb-hierarchical-list { text-align: center; display: inline-block; width: 100%; } .wpgb-facet .wpgb-hierarchical-list { display: inline-block !important; } body .wpgb-facet ul.wpgb-expanded li[hidden] { display: none; } @media only screen and (min-width: 768px) { .wpgb-radio-facet .wpgb-hierarchical-list li { display: inline-block; /* margin: 0 1.5rem !important; */ -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; float: left; margin-top: 0 !important; cursor: pointer; } } .wpgb-radio-facet .wpgb-radio .wpgb-radio-label::after, .wpgb-facet .wpgb-radio-facet .wpgb-radio-control:after, .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control:after /*,.wso-filter-link-before span:after*/ { /* content: " "; */ display: block; margin-top: .5rem; border-bottom: 1px solid transparent; } .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] .wpgb-radio-label::after, .wpgb-facet .wpgb-radio-facet .wpgb-radio-control:after, .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control:after { /*border-bottom: 1px solid var(--color-1) !important;*/ } .wpgb-facet .wpgb-radio-facet .wpgb-radio-control:after, #Wrapper .wpgb-checkbox-facet li span.wpgb-checkbox-control:after, #Wrapper .wpgb-radio-facet li span.wpgb-radio-control:after /*, .wso-filter-link-before span:after */ { content: "" !important; position: relative !important; top: -.05rem !important; height: .75rem !important; width: .35rem !important; border: solid transparent !important; -webkit-transition: border-color ease var(--transition-medium-short), -webkit-transform ease var(--transition-medium-short) !important; transition: border-color ease var(--transition-medium-short), -webkit-transform ease var(--transition-medium-short) !important; -o-transition: border-color ease var(--transition-medium-short), -o-transform ease var(--transition-medium-short) !important; -moz-transition: transform ease var(--transition-medium-short), border-color ease var(--transition-medium-short), -moz-transform ease var(--transition-medium-short) !important; transition: transform ease var(--transition-medium-short), border-color ease var(--transition-medium-short) !important; transition: transform ease var(--transition-medium-short), border-color ease var(--transition-medium-short), -webkit-transform ease var(--transition-medium-short), -moz-transform ease var(--transition-medium-short), -o-transform ease var(--transition-medium-short) !important; min-width: auto !important; min-height: auto !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; display: block !important; margin: 0 !important; -webkit-transform: rotate(45deg) scale(1) !important; -moz-transform: rotate(45deg) scale(1) !important; -ms-transform: rotate(45deg) scale(1) !important; -o-transform: rotate(45deg) scale(1) !important; transform: rotate(45deg) scale(1) !important; border-width: 0px 2px 2px 0 !important; background: transparent !important; left: .15em !important; } .wso-filter-link-before span:first-child:after{ content: '' !important; background: url(/wp-content/uploads/2025/06/download-icon.svg) no-repeat center; background-size: contain !important; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: all ease var(--transition-medium-short) !important; -o-transition: all ease var(--transition-medium-short) !important; -moz-transition: all ease var(--transition-medium-short) !important; transition: all ease var(--transition-medium-short) !important; } .wso-filter-link-before:hover span:first-child:after, .wso-filter-link-before span.checked:first-child:after, .wso-filter-link-before:focus-within span:first-child:after { opacity: 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 .5rem !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; color: var(--color-2) !important; outline: none !important; } .wpgb-facet .wpgb-pagination li a[aria-current] { color: var(--color-1) !important; } /*Loading Spinner*/ #Wrapper .wpgb-loader .wpgb-loader-6 * { color: var(--color-1) !important; background: var(--color-1) !important; } /*Checkbox*/ .wpgb-facet .wpgb-hierarchical-list li::before { content: none !important; } .wpgb-facet .wpgb-hierarchical-list li .wpgb-checkbox, .wpgb-radio-facet .wpgb-radio, .wpgb-checkbox-facet .wpgb-checkbox { float: left; background: white !important; padding: 1rem !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; outline: none !important; -webkit-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 25%) !important; -moz-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 25%) !important; box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 25%) !important; overflow: visible !important; margin-right: 1rem !important; margin-bottom: 1rem !important; cursor: pointer !important; line-height: 0 !important; } .wpgb-facet .wpgb-hierarchical-list li .wpgb-checkbox:focus-visible, .wpgb-radio-facet .wpgb-radio:focus-visible, .wpgb-checkbox-facet .wpgb-checkbox:focus-visible { outline:2px solid var(--black) !important; } .wpgb-facet .wpgb-hierarchical-list, .wpgb-facet .wpgb-hierarchical-list li { /* overflow: visible !important; */ margin: 0 !important; } .wpgb-facet .wpgb-hierarchical-list li span.wpgb-checkbox-label, .wpgb-radio-facet .wpgb-radio-control span.wpgb-radio-label { padding-left: .5em !important; font-size: 1rem !important; } .wpgb-facet .wpgb-hierarchical-list li span.wpgb-checkbox-control, .wpgb-radio-facet span.wpgb-radio-control, .wso-filter-link-before span:first-child, #Wrapper .wpgb-checkbox-facet span.wpgb-checkbox-control { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; background-color: var(--gray) !important; border-color: var(--gray) !important; } .wpgb-facet .wpgb-hierarchical-list li span.wpgb-checkbox-control, .wpgb-radio-facet span.wpgb-radio-control, .wso-filter-link-before span:first-child, #Wrapper .wpgb-checkbox-facet span.wpgb-checkbox-control { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; background-color: var(--gray) !important; border-color: var(--gray) !important; outline: none !important; -webkit-transition: all ease var(--transition-medium-short) !important; -o-transition: all ease var(--transition-medium-short) !important; -moz-transition: all ease var(--transition-medium-short) !important; transition: all ease var(--transition-medium-short) !important; } .wpgb-facet .wpgb-hierarchical-list li .wpgb-checkbox[aria-pressed="true"], .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] { background: var(--yellow) !important; } #Wrapper .wpgb-facet .wpgb-hierarchical-list li .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control, #Wrapper .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control, #Wrapper .wpgb-checkbox-facet li.selected span.wpgb-checkbox-control, #Wrapper .wpgb-radio-facet li.selected span.wpgb-radio-control { background: white !important; border-color: white !important; } #Wrapper .wpgb-facet .wpgb-hierarchical-list .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control:after, #Wrapper .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control:after, #Wrapper .wpgb-checkbox-facet li.selected span.wpgb-checkbox-control:after, #Wrapper .wpgb-radio-facet li.selected span.wpgb-radio-control:after { border-color: var(--black) !important; } #Wrapper .wpgb-facet-1 .wpgb-radio-facet li span.wpgb-radio-control:after { top: 0 !important; left: 0.25rem !important; } #Wrapper .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control, #Wrapper .wpgb-radio-facet .wpgb-radio span.wpgb-radio-control, #Wrapper .wpgb-checkbox-facet span.wpgb-checkbox-control { height: 1rem; width: 1rem; position: relative; display: inline-block; margin-right: .3em; vertical-align: middle; } .wpgb-facet .wpgb-radio-label, .wpgb-facet .wpgb-rating-label, .wpgb-facet .wpgb-checkbox-label { font-size: 1rem !important; line-height: 1em !important; } .wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li, .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li{ display: inline-block !important; } .wpgb-facet.wpgb-facet-22, .wpgb-facet.wpgb-facet-21 { float: left; } .wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li .wpgb-checkbox, .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li .wpgb-checkbox{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; } #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control, #Wrapper .wpgb-radio-facet .wpgb-hierarchical-list li.selected .wpgb-radio, #Wrapper .wpgb-checkbox-facet .wpgb-hierarchical-list li.selected .wpgb-checkbox{ background-color: var(--yellow) !important; } #Wrapper .wpgb-checkbox-facet li.selected, #Wrapper .wpgb-checkbox-facet li { margin: 0 !important; } #Wrapper .wpgb-checkbox-facet li span.wpgb-checkbox-control:after, #Wrapper .wpgb-radio-facet li span.wpgb-radio-control:after { margin: 0 !important; left: .3rem !important; top: .05rem !important; } #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li .wpgb-checkbox span.wpgb-checkbox-control::after, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li .wpgb-checkbox span.wpgb-checkbox-control::after{ /*left: 0.65em !important;*/ /*top: 0.35em !important;*/ height: 0.75em !important; width: 0.35em !important; } #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control::after, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control::after { opacity: 1 !important; border-color: var(--black) !important; } /* ================= Grid Slider ================= */ #Wrapper .wso-section-slider h4 { font-size: 1.25rem !important; line-height: 1.65em !important; margin-bottom: 1rem !important; } .wso-section-slider { background-color: white !important; } .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 { padding: 0 !important; margin: 0 !important; top: 0; bottom: 0; } @media only screen and (min-width: 768px){ .wso-section-slider:not(.wso-fullscreen), .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-main, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-layout, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-carousel, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-masonry, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-card { height: 75vh !important; max-height: 70rem; } .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: 40rem !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; -moz-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; text-align: center !important; z-index: 1 !important; display: inline-block !important; } /*.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: 1; }*/ #Wrapper .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-2 { position: absolute !important; left: 0; width: auto !important; bottom: 0 !important; } .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; left: 0 !important; margin: 0 !important; } .wp-grid-builder.wpgb-grid-19 .wpgb-area-left, .wp-grid-builder.wpgb-grid-19 .wpgb-area-right { display: none; } .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; margin: 11rem auto 6rem !important; max-width: var(--content-width) !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-1 { position: relative !important; left: 0 !important; top: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transform: none !important; padding-left: 5% !important; text-align: left !important; } .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-block-5 { -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); overflow: hidden !important; } .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body > div { width: 50% !important; } .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-1 h1, .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-1 h2, .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-1 h3, .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-1 h4, .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-1 h5, .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-1 h6, .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-1 p, .wp-grid-builder .wpgb-card-8 p { color: var(--black) !important; } /*KEN BURNS @media only screen and (min-width: 1240px) { .wpgb-card-2 .wso-slider-skin-img img { -webkit-animation-name: kenburns; animation-name: kenburns; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-direction: alternate; animation-direction: alternate; opacity: 1; -webkit-animation-delay: var(--transition-shorter); animation-delay: var(--transition-shorter); } .wpgb-card-2:nth-child(2n+1) .wso-slider-skin-img img { -webkit-animation-name: kenburns-1; animation-name: kenburns-1; } .wpgb-card-2:nth-child(2n+2) .wso-slider-skin-img img { -webkit-animation-name: kenburns-2; animation-name: kenburns-2; } } @-webkit-keyframes kenburns-1 { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { -webkit-transform: scale3d(1.225, 1.225, 1.225) translate3d(-100px, -70px, 0px); transform: scale3d(1.225, 1.225, 1.225) translate3d(-100px, -70px, 0px); } } @-webkit-keyframes kenburns-2 { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(100px, 70px, 0px); transform: scale3d(1.2, 1.2, 1.2) translate3d(100px, 70px, 0px); } } /* ================= PRODUCT CATEGORY ================= */ #Wrapper div#productcategory-intro { background: white !important; } /* ================= PRODUCT GRID ================= */ .wso-product-grid .wpgb-card-media.wpgb-scheme-light { width: 17rem; /* height: 8rem; */ margin-right: 1rem !important; } .wso-product-grid .wpgb-card-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; flex-direction: row !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } #Wrapper .wso-product-grid .wpgb-block-3 { margin-bottom: .5rem !important; font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; padding-right: 1rem !important; } #Wrapper .wso-product-grid .wpgb-block-3 a:after { content: none !important; } #Wrapper .wso-product-grid .wpgb-card-body * { text-align: left !important; color: var(--black) !important; } #Wrapper .wp-grid-builder.wso-product-grid .wpgb-card-6 .wpgb-block-4 a { font-weight: 400 !important; font-family: 'Speedee Regular',sans-serif !important; font-size: 1.15rem !important; } #Wrapper .wp-grid-builder.wso-product-grid .wpgb-card-6 .wpgb-block-3 a { font-size: 1.5rem !important; } #Wrapper .wso-product-grid .wpgb-card-body, #Wrapper .wso-career-grid .wpgb-card-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } #Wrapper .wso-product-grid .wpgb-card-wrapper, .wso-product-cat-grid .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-thumbnail, #Wrapper .wso-career-grid .wpgb-card-wrapper { -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; /* margin: 0 1rem; */ /* position: relative !important; */ } #Wrapper .wso-product-grid .wpgb-card-wrapper, #Wrapper .wso-career-grid .wpgb-card-wrapper { position: relative !important; } #Wrapper .wso-history-timeline .wpgb-card-wrapper .wpgb-card-inner, #Wrapper .wso-sustainability-grid .wpgb-card-wrapper .wpgb-card-inner{ -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: visible; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; } .wso-history-timeline img { width: 100% !important; } #Wrapper .wso-career-grid .wpgb-card-wrapper { background: white !important; } #Wrapper .wso-product-grid .wpgb-card:hover .wpgb-card-wrapper, .wso-product-cat-grid .wpgb-card:hover .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-thumbnail, #Wrapper .wso-career-grid .wpgb-card:hover .wpgb-card-wrapper, #Wrapper .wso-history-timeline .wpgb-card:hover .wpgb-card-wrapper .wpgb-card-inner, #Wrapper .wso-sustainability-grid .wpgb-card:hover .wpgb-card-wrapper .wpgb-card-inner{ -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%) !important; } .wso-product-grid .wpgb-viewport.wpgb-carousel, .wso-career-grid .wpgb-viewport.wpgb-carousel { overflow: visible; } .wso-product-grid-overview .wso-grid-no-posts { position:absolute; top:0; left:0; right:0; bottom:0; display:flex; justify-content:center; align-items:center; } .wso-product-grid-overview .wpgb-no-result .wpgb-card-wrapper { position:relative; min-height:16rem; } #Wrapper #Content .wso-product-grid-overview .wso-grid-no-posts-inner p { font-size: 1.25rem !important; line-height: 1.2em !important; font-family: 'Speedee Regular',sans-serif !important; letter-spacing: -.025em !important; margin-bottom:1.3rem; } #Wrapper #Content .wso-product-grid-overview .wso-grid-no-posts-inner a span{ font-size: 1.25rem !important; display: inline-block !important; padding: 0 !important; font-family: 'Speedee Bold',sans-serif !important; } #Wrapper #Content .wso-product-grid-overview .wso-grid-no-posts-inner a span:after { content: ''; display: inline-block; position: relative; background: url(/wp-content/uploads/2025/06/filter-icon.svg) no-repeat center; height: 1em; width: 1em; vertical-align: middle; margin-top: -.25em; margin-left: 1em; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; } #Wrapper #Content .wso-product-grid-overview .wso-grid-no-posts-inner a{ background: white !important; padding: 2.5rem 2rem !important; margin-bottom: 2rem !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; -webkit-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%); border: 0 !important; padding: .9rem 1rem !important; display: inline-block !important; width: auto !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; margin: 0 !important; border: 0 !important; line-height: 1em !important; } #Wrapper .wso-product-grid .wpgb-card-body a.wst-fancybox-btn.button { float: right !important; padding: .1rem .5rem !important; line-height: 1em !important; -webkit-border-radius: .5rem 0em .5rem 0em !important; -moz-border-radius: .5rem 0em .5rem 0em !important; border-radius: .5rem 0em .5rem 0em !important; font-size: 2rem !important; background: var(--yellow) !important; border: 4px solid var(--yellow) !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-right: 0 !important; } #Wrapper .wso-product-grid .wpgb-card-body .wso-add-to-nutrition-calculator-button { position: absolute; right: 0rem !important; bottom: 0rem !important; float: right !important; z-index: 9; } body:not(.wso-nutrition-calculator) #Wrapper .wso-product-grid .wpgb-card-body .wso-add-to-nutrition-calculator-button { display: none !important; } #Wrapper .wso-product-grid.wpgb-grid-28 .wpgb-card-body .wso-add-to-nutrition-calculator-button { bottom: 0 !important; right: 0 !important; } #Wrapper .wso-product-grid .wpgb-card-body a.wst-fancybox-btn.button span { color: var(--black) !important; float: left !important; } #Wrapper .wso-product-grid .wpgb-card-body a.wst-fancybox-btn.button:hover span { color: var(--black) !important; } #Wrapper .wso-product-grid-overview.wso-product-grid-no-shuffle .wpgb-card .wpgb-card-inner { min-height: auto !important; } #Wrapper .wso-product-grid-overview.wso-product-grid-no-shuffle .wpgb-card .wpgb-card-media.wpgb-scheme-light { margin-top: 0 !important; } #Wrapper .wso-product-grid-overview.wso-product-grid-no-shuffle .wpgb-card p:empty { display: none !important; } @media only screen and (min-width: 768px){ .wso-product-grid .wpgb-viewport.wpgb-carousel { width: 85% !important; } /*.wso-career-grid .wpgb-viewport.wpgb-carousel,*/ .wso-career-grid .wpgb-layout { width: 80% !important; } .wso-product-cat-description { display: none !important; } #Wrapper .wso-product-grid-overview.wso-product-grid-no-shuffle .wpgb-card .wpgb-card-body { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; display: flex !important; } } .wp-grid-builder .wpgb-card-7 .wpgb-card-media { position: relative !important; display: inline-block !important; } .wso-product-cat-grid .wpgb-card-content.wpgb-scheme-dark { margin: 1rem auto 1.2rem !important; } .wso-product-cat-grid .wpgb-card-content.wpgb-scheme-dark * { background: transparent !important; } .wp-grid-builder.wso-product-cat-grid .wpgb-card svg[data-ratio] { padding-top: 100% !important; } .wp-grid-builder.wso-product-cat-grid .wpgb-card .wpgb-card-media-thumbnail div { -webkit-background-size: auto 85% !important; -moz-background-size: auto 85% !important; -o-background-size: auto 85% !important; background-size: auto 85% !important; } #Wrapper .wso-product-cat-grid .wpgb-block-3.wso-h3 { color: var(--black) !important; margin: 0 !important; } #Wrapper .wso-product-cat-grid .wpgb-card-media-content-bottom { bottom: 1rem !important; } .wso-product-cat-grid .wpgb-card { top: auto!important; left: auto!important; position: relative!important; -webkit-transform: none!important; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; transform: none!important; float: left; width: -webkit-calc(16.333% - 2rem) !important; width: -moz-calc(16.333% - 2rem) !important; width: calc(16.333% - 2rem) !important; margin: 0 1rem !important; } .wso-product-cat-grid .wpgb-card:first-child { width: -webkit-calc(34.666% - 2rem) !important; width: -moz-calc(34.666% - 2rem) !important; width: calc(34.666% - 2rem) !important; height: auto !important; } .wso-product-cat-grid .wpgb-card:first-child .wpgb-scheme-light:after { content: ''; display: block; position: absolute; bottom: -3rem; right: 1rem; background: url(/wp-content/uploads/2021/03/melty-cheese-product-cat.svg) no-repeat center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; height: 3rem; width: 45%; z-index: -9; } #Wrapper .wso-product-grid .wpgb-card .wpgb-card-media-thumbnail div { -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; } #Wrapper p.wso-productcat-heading, #Wrapper h3.wso-productcat-heading { font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; border-bottom: 3px solid var(--yellow); /* margin-bottom: 3rem !important; */ } .section.wso-product-tax-section + div#happy-meal:after { background: url(/wp-content/uploads/2021/03/melty-cheese-section.svg) no-repeat center top !important; } .section.wso-product-tax-section p:empty { display: none !important; } #Wrapper .section.wso-product-tax-section p.wso-h3 { margin: 0 !important; } .section.wso-product-tax-section .wso-product-tax-grid-div { /* margin-bottom: 3rem !important; */ } .section.wso-product-tax-section .wso-product-tax-grid-div.wso-product-tax-grid-div-no-margin, .section.wso-product-tax-section .wso-product-tax-grid-div:last-child { margin: 0 !important; } #Wrapper .wso-product-grid-overview .wpgb-card .wpgb-card-wrapper { background: white !important; } #Wrapper .wso-product-grid-overview .wpgb-card .wpgb-card-body p { margin-right: 1.75rem; } #Wrapper .wso-product-grid-overview .wpgb-card p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { line-height: 1.2em !important; } .section.wso-product-tax-section.wso-melty-cheese-bg-middle::after, .section.wso-product-tax-section+div#happy-meal:after { width: 120%; height: 15rem; top: 74.5%; z-index: 0; } .section.wso-product-tax-section+div#happy-meal:after { left: 50% !important; background-size: contain !important; } .section.wso-product-tax-section.wso-melty-cheese-bg-middle.wso-breakfast::after { top: 82.75% !important; } .section.wso-product-tax-section.wso-melty-cheese-bg-middle.wso-breakfast::before { height: 83%; } .section.wso-product-tax-section.wso-melty-cheese-bg-middle { margin-bottom: 0rem !important; z-index: 2; } .section.wso-product-tax-section.wso-melty-cheese-bg-middle { background: white !important; } .section.wso-product-tax-section.wso-melty-cheese-bg-middle:before { content: ''; display: block; left: 0; top: 0; width: 100%; height: 75%; background: var(--yellow); position: absolute; } .wpgb-card-media-content-top, .wso-product-tax-link a { height: 100% !important; width: 100% !important; position: absolute; left: 0; top: 0; } .wso-product-grid.wso-grid-overview.wso-product-grid-overview.wso-product-repeater .wso-product-tax-grid-div { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: flex-start; overflow: visible !important; } .wso-product-grid.wso-grid-overview.wso-product-grid-overview.wso-product-repeater .wpgb-card-6:hover .wpgb-card-inner { -webkit-transform: scale(1.01) !important; -moz-transform: scale(1.01) !important; -ms-transform: scale(1.01) !important; -o-transform: scale(1.01) !important; transform: scale(1.01) !important; } .wso-product-repeater .wso-product-tax-grid-div .wpgb-card.wpgb-card-6 { width: calc(25% - 3rem) !important; display: inline-block !important; margin-bottom: 2rem; margin-right: 1.5rem; margin-left: 1.5rem; } #Wrapper .wso-product-grid-overview a.wpgb-card-layer-link { position: absolute; height: 100% !important; width: 100% !important; top: 0; left: 0; z-index: 0; } #Wrapper .wso-product-grid-overview .wpgb-card { /*position: relative !important;*/ } .wso-product-tax-link { z-index: 99 !important; } @media only screen and (min-width: 768px) { .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-content .wpgb-card-media-content-top/*, .wso-product-cat-grid-cobbles .wpgb-card:last-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-content .wpgb-card-media-content-top*/ { width: 222% !important; right: 0 !important; left: auto; } } body #Wrapper .wso-product-cat-grid-cobbles.wp-grid-builder .wpgb-card .wpgb-card-wrapper, body #Wrapper .wso-product-cat-grid-cobbles.wp-grid-builder .wpgb-card .wpgb-card-media { width: 100% !important; } /*------PRODUCT-CAT-COBBLES------*/ #Wrapper .wso-product-cat-grid-cobbles .wpgb-card { width: -webkit-calc(33.333% - 2rem) !important; width: -moz-calc(33.333% - 2rem) !important; width: calc(33.333% - 2rem) !important; height: 14rem !important; margin-bottom: 7rem !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:first-child { width: -webkit-calc(66.66% - 2rem) !important; width: -moz-calc(66.66% - 2rem) !important; width: calc(66.66% - 2rem) !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card .wpgb-card-media-thumbnail div, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card .wpgb-card-media-content { -webkit-transition: var(--transition-short); -o-transition: var(--transition-short); -moz-transition: var(--transition-short); transition: var(--transition-short); } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:hover, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:focus-within { -webkit-transform: scale(1.02) !important; -moz-transform: scale(1.02) !important; -ms-transform: scale(1.02) !important; -o-transform: scale(1.02) !important; transform: scale(1.02) !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:hover .wpgb-card-media-thumbnail div, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:hover .wpgb-card-media-content, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:focus-within .wpgb-card-media-thumbnail div, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:focus-within .wpgb-card-media-content { -webkit-transform: scale(1.1) !important; -moz-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; -o-transform: scale(1.1) !important; transform: scale(1.1) !important; } @media only screen and (min-width: 768px) { .wso-career-blog-grid .wp-grid-builder .wpgb-card.wso-first-grid-card .wpgb-card-inner { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .wso-career-blog-grid .wp-grid-builder .wpgb-card.wso-first-grid-card .wpgb-card-inner > div, body:not(.home) .wso-news-grid:not(.wso-grid-slider) .wpgb-card.wso-first-grid-card .wpgb-card-inner > div{ -webkit-flex-basis: 50% !important; -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; height: auto !important; } .wso-career-blog-grid .wp-grid-builder .wpgb-card.wso-first-grid-card .wpgb-card-body, body:not(.home) .wso-news-grid:not(.wso-grid-slider) .wpgb-card.wso-first-grid-card .wpgb-card-body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: flex-start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: flex-start !important; -ms-flex-pack: flex-start !important; justify-content: center !important; } #Wrapper .wso-career-blog-grid .wp-grid-builder .wpgb-card.wso-first-grid-card .wso-h3 { font-size: 2rem !important; } #Wrapper .wso-career-blog-grid .wp-grid-builder .wpgb-card.wso-first-grid-card .wso-h4 > p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-size: 1.25rem !important; } /*#Wrapper .wso-product-cat-grid-cobbles .wpgb-card:last-child { width: -webkit-calc(66.66% - 2rem) !important; width: -moz-calc(66.66% - 2rem) !important; width: calc(66.66% - 2rem) !important; }*/ #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-thumbnail div/*, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:last-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-thumbnail div*/ { width: 60% !important; top: -5rem !important; -webkit-background-size: auto 23rem !important; -moz-background-size: auto 23rem !important; -o-background-size: auto 23rem !important; background-size: auto 23rem !important; } .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-content/*, .wso-product-cat-grid-cobbles .wpgb-card:last-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-content*/ { width: 45% !important; right: 0; left: auto !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media-content-bottom p.wpgb-block-3.wso-h3/*, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:last-child .wpgb-card-media-content-bottom p.wpgb-block-3.wso-h3*/{ /*font-size: 2rem !important;*/ margin-bottom: 0 !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:last-child/*, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:nth-last-child(2)*/ { margin-bottom: 0 !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media-content-bottom/*, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:last-child .wpgb-card-media-content-bottom*/ { bottom: auto !important; top: 50%; -webkit-transform: translate(0,-50%) !important; -moz-transform: translate(0,-50%) !important; -ms-transform: translate(0,-50%) !important; -o-transform: translate(0,-50%) !important; transform: translate(0,-50%) !important; width: 80%; margin: 0 auto; } .wso-product-grid-overview .wpgb-card-inner { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; flex-direction: column !important; } .wso-product-grid-overview .wpgb-card-inner .wpgb-card-body { padding: 0 1rem 1rem !important; display: inline-block !important; position: static !important; } #Wrapper .wso-product-grid-overview .wpgb-card-inner p.wso-h4 { line-height: 1em !important; margin-bottom: .15em !important; font-size: 1.3rem !important; } #Wrapper .wso-product-grid-overview .wpgb-card-wrapper, #Wrapper .wso-product-grid-overview .wpgb-card-inner, #Wrapper .wso-product-grid-overview .wpgb-card-media, #Wrapper .wso-product-grid-overview .wpgb-card { overflow: visible !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; } #Wrapper .wso-product-grid-overview .wpgb-card .wpgb-card-media { /* margin-top: -5rem !important; */ /* margin-bottom: -1rem !important; */ width: 80% !important; left: 0% !important; /* margin-right: 0 !important; */ display: block !important; margin: -5rem auto 0 !important; } #Wrapper .wso-product-grid-overview .wpgb-card-inner { /* margin-top: 2.5rem !important; */ /*position: relative !important;*/ /*display: inline-block !important;*/ -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; height: 100% !important; min-height: 15rem; } #Wrapper .wso-product-grid-overview .wpgb-card-inner .wpgb-card-content { height: auto !important; } #Wrapper .wso-product-grid-overview .wpgb-card .wpgb-card-body { background: transparent !important; -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; height: auto !important; width: 100% !important; } #Wrapper .wso-product-grid-overview .wpgb-card { padding-top: 3rem !important; min-height: 19rem !important; } } body #Wrapper .wso-product-cat-grid-cobbles.wp-grid-builder { margin-left: -1rem !important; margin-right: -1rem !important; width: -webkit-calc(100% + 2rem) !important; width: -moz-calc(100% + 2rem) !important; width: calc(100% + 2rem) !important; } #Wrapper .wso-product-cat-grid-cobbles p.wpgb-block-3.wso-h3 { color: var(--black) !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card-media-thumbnail div { position: absolute !important; top: -9rem; -webkit-background-size: auto 16rem !important; -moz-background-size: auto 16rem !important; -o-background-size: auto 16rem !important; background-size: auto 16rem !important; } #Wrapper .wso-product-cat-grid-cobbles a.wpgb-handle-lb.wpgb-lightbox { overflow: visible !important; } .wso-product-cat-grid-cobbles .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-thumbnail { overflow: visible !important; background: white !important; /* width: 100% !important; */ } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card-media-content-bottom { bottom: 1.5rem !important; } #Wrapper .wso-product-cat-grid-cobbles.wp-grid-builder .wpgb-viewport { height: auto !important; } /* ================= Career Skin ================= */ .wso-career-grid .wpgb-card-body { padding: 1rem 2.5rem 2rem !important; } #Wrapper .wso-career-grid .wpgb-block-3.wso-h3 { font-size: 1.65rem !important; line-height: 1.25em !important; font-weight: 700 !important; margin-bottom: 1rem !important; font-family: 'Speedee Bold',sans-serif !important; color: black; } #Wrapper .wso-career-grid .wpgb-card-media-thumbnail div { -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; } #Wrapper .wso-career-grid.wp-grid-builder .wpgb-card svg[data-ratio] { padding-top: 35% !important; } #Wrapper .wso-career-grid.wp-grid-builder .wpgb-card-media-thumbnail { margin-top: 2rem !important; } /* ================= Grid Skin 1 ================= */ .wso-grid-slider.wso-news-grid .wpgb-viewport.wpgb-carousel { /*width: 75% !important;*/ overflow: visible !important; } .wso-grid-slider.wso-news-grid .wpgb-layout { /* width: 75% !important;*/ } /*.wso-grid-slider.wso-news-grid .wpgb-viewport.wpgb-carousel .wpgb-masonry { position: relative !important; top: 0; bottom: 0; width: 75% !important; }*/ .wp-grid-builder.wso-news-grid.wso-grid-slider .wpgb-card-1 .wpgb-card-media, .home .wp-grid-builder.wso-news-grid .wpgb-card-1 .wpgb-card-media, .wp-grid-builder.wso-news-grid.wso-grid-slider .wpgb-card-13 .wpgb-card-media{ height: 25rem !important; } #career-blog .wp-grid-builder.wso-news-grid .wpgb-card-1 .wpgb-card-media { height: auto !important; } .wso-news-grid:not(.wso-grid-slider) .wpgb-area.wpgb-area-bottom-1, .wso-news-grid:not(.wso-grid-slider) .wpgb-area.wpgb-area-top-2 { display: none !important; } .wp-grid-builder .wpgb-card-1 .wpgb-card-media, .wp-grid-builder .wpgb-card-13 .wpgb-card-media, .wso-job-grid-overview .wpgb-card-1 .wpgb-card-media { height: auto !important; } .wp-grid-builder .wpgb-card-1 .wpgb-card-media-thumbnail, .wso-job-grid-overview .wpgb-card-1 .wpgb-card-media-thumbnail { /* height: 20rem !important; */ } .wp-grid-builder.wpgb-enabled .wpgb-card-1 .wpgb-card-wrapper, .wso-job-grid-overview .wpgb-card-1 .wpgb-card-wrapper, .wp-grid-builder.wpgb-enabled .wpgb-card-13 .wpgb-card-wrapper, .wp-grid-builder.wpgb-enabled .wpgb-card-14 .wpgb-card-wrapper{ -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; background-color: white !important; } .wp-grid-builder.wpgb-enabled.wso-grid-slider .wpgb-card-1 .wpgb-card-wrapper, .wso-job-grid-overview .wpgb-card-1 .wpgb-card-wrapper, .wp-grid-builder.wpgb-enabled.wso-grid-slider .wpgb-card-13 .wpgb-card-wrapper{ margin: 0 1rem; } .wp-grid-builder.wpgb-enabled .wpgb-card-1:hover .wpgb-card-wrapper, .wp-grid-builder.wpgb-enabled .wpgb-card-13:hover .wpgb-card-wrapper, .wp-grid-builder.wpgb-enabled .wpgb-card-14:hover .wpgb-card-wrapper { -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); } .wpgb-card-1 .wpgb-card-header, .wpgb-card-13 .wpgb-card-body, .wpgb-card-14 .wpgb-card-body .wso-download-content{ text-align: center !important; padding: 1.5rem 2rem 1rem !important; } .wso-grid-slider.wso-news-grid .wpgb-card-body { min-height: 12rem; } #Wrapper .wpgb-card-1 .wpgb-card-header .wso-h3, #Wrapper .wpgb-card-13 .wpgb-card-body .wso-h3, #Wrapper .wpgb-card-14 .wpgb-card-body .wso-h3{ position: relative; color: var(--black) !important; min-height: 3.8rem; text-align: center !important; font-family: 'Speedee Bold',sans-serif !important; font-size: 1.45rem !important; } .wp-grid-builder .wpgb-card-1 .wpgb-block-4, .wp-grid-builder .wpgb-card-3 .wpgb-block-4{ text-align: center !important; /* color: var(--gray) !important; */ } .wpgb-card-1 .wpgb-card-header .wso-h3::after, .wpgb-card-13 .wpgb-card-body .wso-h3::after, .wpgb-card-14 .wpgb-card-body .wso-h3::after{ margin-bottom: 1rem !important; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -1.2rem; } #Wrapper .wso-job-grid .wpgb-card-1 .wpgb-card-header .wso-h3 { text-align: left !important; hyphens: manual !important; } .wp-grid-builder.wso-job-grid .wpgb-card-1 .wpgb-block-4 { display: none !important; } .home #Wrapper .wpgb-card-1 .wpgb-card-header .wso-h3, .home .wpgb-card-1 .wpgb-card-header *, .home #Wrapper .wpgb-card-13 .wpgb-card-body .wso-h3, .home .wpgb-card-13 .wpgb-card-body *, .home #Wrapper .wpgb-card-14 .wpgb-card-body .wso-h3, .home .wpgb-card-14 .wpgb-card-body *{ min-height: auto !important; text-align: left !important; } #Wrapper .wpgb-card-1 .wso-news-skin-event-date, #Wrapper .wpgb-card-13 .wso-news-skin-event-date { margin-bottom: 0 !important; text-align: center; padding: 4rem 1rem 1rem; background: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.5))); background: -o-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: -moz-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: linear-gradient(180deg,transparent,rgba(0,0,0,.5)); } .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; } .wp-grid-builder.wso-page-grid .wpgb-carousel { overflow: visible !important; } .wp-grid-builder.wso-page-grid .wpgb-card .wpgb-card-media, .wso-news-grid.wp-grid-builder .wpgb-card:only-child .wpgb-card-media { min-height: 20rem; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-job-filter .wpgb-card-1 .wso-h3, #Wrapper .section.mcb-section.wso-section-multi-column.wso-job-filter .wpgb-card-1 .wpgb-block-4, #Wrapper .wso-press-archive p.wpgb-block-3.wso-h3, #Wrapper .wso-press-archive .wpgb-block-4, #Wrapper .wso-press-archive .wpgb-block-1 { text-align: left !important; } .wso-press-text-content .wso-round-border { -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; overflow: hidden !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); margin-bottom: 2rem !important; background: white; } .wso-press-text-content .wso-round-border.wso-press-release-media-mobile { margin-top: 5rem !important; } #Wrapper .wso-press-text-content .wso-round-border a.button { padding: .5rem 1.5rem !important; font-size: .85rem !important; margin-right: 1rem !important; } p.uppercase { text-transform: uppercase !important; } .wso-press-text-content .wso-round-border p { font-size: .95rem !important; line-height: 1.3em !important; } .wso-press-release-content h1.wso-title { margin-bottom: 4rem !important; } #Wrapper .wso-press-text-content .wso-round-border b { display: block !important; } #Wrapper .wso-press-text-content .wso-round-border .wso-press-release-text { padding: 1.5rem 2rem !important; } .wrap.mcb-wrap.two-fifth.wso-press-text-content .mcb-wrap-inner { margin-left: 5rem; } .wrap.mcb-wrap.two-fifth.wso-press-text-content img { width: 100% !important; } .wso-press-release-contact-wrap { margin-top: 5rem; } .wso-press-release-contact-wrap .wso-press-release-content { display: flex; flex-direction: row !important; justify-content: stretch !important; align-items: stretch; } .wso-press-release-image 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-press-release-contact-wrap .wso-press-release-content .wso-press-release-image { flex-basis: 69%; } .wso-press-release-contact-wrap .wso-press-release-content .wso-press-release-text { width: 100% !important; } #Wrapper .wso-career-blog-grid .wpgb-card-1 .wpgb-card-media { min-height: auto !important; } /*.wso-career-blog-grid .wpgb-masonry { display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; justify-content: space-between !important; } .wso-career-blog-grid .wp-grid-builder .wpgb-card { position: relative !important; left: auto !important; top: auto !important; margin-bottom: 2rem; height: auto !important; }*/ /*.wso-career-blog-grid .wp-grid-builder .wpgb-card:first-child { -webkit-flex-basis: 66% !important; -ms-flex-preferred-size: 66% !important; flex-basis: 66% !important; }*/ .wp-grid-builder .wpgb-card-1 .wpgb-card-media { min-height: 20rem !important; } .wp-grid-builder .wpgb-card { z-index: 1 !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 { -webkit-transition: all .8s ease-in-out !important; -o-transition: all .8s ease-in-out !important; -moz-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 { max-height: 0; margin-bottom: 0 !important; } .wpgb-card-3:hover .wpgb-card-media-content-bottom .wpgb-block-2 p { 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: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.5))); background: -o-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: -moz-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: linear-gradient(180deg,transparent,rgba(0,0,0,.5)); z-index: 1; pointer-events: none; -webkit-transition: all var(--transition-medium) ease-in-out !important; -o-transition: all var(--transition-medium) ease-in-out !important; -moz-transition: all var(--transition-medium) ease-in-out !important; transition: all var(--transition-medium) 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: -webkit-gradient(linear,left bottom, left top,from(transparent),to(rgba(0,0,0,.5))); background: -o-linear-gradient(bottom,transparent,rgba(0,0,0,.5)); background: -webkit-linear-gradient(bottom,transparent,rgba(0,0,0,.5)); background: -moz-linear-gradient(bottom,transparent,rgba(0,0,0,.5)); background: linear-gradient(360deg,transparent,rgba(0,0,0,.5)); } button.wpgb-button.wpgb-load-more { background: transparent !important; border: 0 !important; padding: 0 !important; color: var(--black) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; margin-top: 2rem !important; } button.wpgb-button.wpgb-load-more:hover { color: var(--black) !important; background: transparent !important; } button.wpgb-button.wpgb-load-more:hover::after { content: none !important; } .section.mcb-section.wso-section-multi-column.wso-job-filter .wso-news-grid:not(.wso-grid-slider) .wpgb-layout:after { /*content: ''; display: block; position: absolute; height: 30rem; width: 100%; bottom: -6rem; left: 0; z-index: 1; background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);*/ } .wso-news-grid:not(.wso-grid-slider) .wpgb-layout { z-index: 0 !important; } .wso-news-grid:not(.wso-grid-slider) .wpgb-area.wpgb-area-bottom-1 { display: block !important; text-align: center !important; z-index: 16 !important; } .home .wso-news-grid .wpgb-area.wpgb-area-bottom-1 { display: none !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; -moz-transform: none !important; -ms-transform: none !important; -o-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: -webkit-calc(90% * 2 - 8px) !important; padding-top: -moz-calc(90% * 2 - 8px) !important; 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: -webkit-calc(90% * 2 - 10px) !important; padding-top: -moz-calc(90% * 2 - 10px) !important; 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: -webkit-calc(90% - 19px) !important; padding-top: -moz-calc(90% - 19px) !important; 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%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; } .wpgb-card-5 .wpgb-card-body { border: 1px solid var(--black) !important; padding: 30% 2rem 3rem !important; } #Wrapper .wpgb-card-5 .wso-h3, #Wrapper .wpgb-card-5 .wso-h4 { color: var(--yellow); } #Wrapper .wpgb-card-5 .wso-h3 { margin-bottom: .2rem !important; } #Wrapper .wpgb-card-5 .wso-h4 { font-weight: 200 !important; } .wpgb-card-5 .wso-team-link { display: block !important; } #Wrapper .wpgb-card-5 .button { margin-top: 2rem !important; } /* ================= 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; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .wpgb-card-4 .wpgb-card-media-thumbnail div { -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; 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; } } .wpgb-grid-24 .wpgb-wrapper::before { content: ''; width: 100%; height: 100%; position: absolute; border: 1px solid #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; pointer-events: none; } .wpgb-grid-24 .wpgb-card-4 .wpgb-card-wrapper { border: 1px solid #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ============================================ CTA group ============================================ */ .wso-fixed-nav { display: none !important; } #wso-cta-group { position: fixed; right: 1rem !important; bottom: 1rem !important; z-index: 9; height: 6rem; } #wso-cta-group::before { content:''; background-color:transparent; background-image:url('/wp-content/uploads/2021/09/menu-bg.svg'); background-position:5% 100%; background-size:auto 300vw; top:0; height:100%; display:block; position:fixed; width: 100%; left: 0; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; -webkit-transform:translate(0,-100%); -moz-transform:translate(0,-100%); -ms-transform:translate(0,-100%); -o-transform:translate(0,-100%); transform:translate(0,-100%); } #wso-cta-group::before { content:''; background-color:transparent; background-image:url('/wp-content/uploads/2021/09/menu-bg.svg'), linear-gradient(var(--yellow) 0%, var(--yellow) 100%); background-position:5% 100%, 0% calc(-60vw - 25vh); background-size:auto 300vw, 100% 100%; background-repeat:no-repeat; top:0; height: calc(100% + 14rem); display:block; position:fixed; width: 100%; left: 0; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: var(--transition-normal) transform 0s linear, 0s opacity var(--transition-medium) linear; -webkit-transform:translate(0,-100%); -moz-transform:translate(0,-100%); -ms-transform:translate(0,-100%); -o-transform:translate(0,-100%); transform:translate(0,-100%); opacity: 0; } @media(min-width:75vh) { #wso-cta-group::before { background-image:url('/wp-content/uploads/2021/09/menu-bg.svg'); } } #wso-cta-toggle { display: inline-block; width: 4rem; height: 4rem; background: var(--yellow) !important; padding: 1rem; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; -webkit-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 25%); -moz-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 25%); box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 25%); overflow:hidden; position: relative; z-index: 5; } a#wso-cta-toggle:hover .wso-sidebar-tooltip { opacity: 1; pointer-events: all; } div#wso-cta-group a#wso-cta-toggle::before, div#wso-cta-group a#wso-cta-toggle::after { content: ''; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; display: inline-block; text-decoration: none!important; width: 100%; height: 100%; text-align: center; font-variant: normal; text-transform: none; -webkit-transition: all var(--transition-medium-short) ease-out; -moz-transition: all var(--transition-medium-short) ease-out; -o-transition: all var(--transition-medium-short) ease-out; transition: all var(--transition-medium-short) ease-out; position:absolute; width:45%; left:50%; top: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); height: 63%; z-index:0; } div#wso-cta-group a#wso-cta-toggle::before { background: url(/wp-content/uploads/2021/07/burger-bun-t.svg) no-repeat center; background-position:top; } div#wso-cta-group a#wso-cta-toggle::after{ background: url(/wp-content/uploads/2021/07/burger-bun-b.svg) no-repeat center; background-position:bottom; } div#wso-cta-group a#wso-cta-toggle span.wso-mobile-menu-button { position: absolute; display: block; width: 45%; height: 1.3rem; top: 54.2%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } div#wso-cta-group a#wso-cta-toggle span.wso-mobile-menu-button::before { content:''; background:url(/wp-content/uploads/2021/07/burger-menu-1.svg); position: absolute; display: block; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; transition:.5s; } div#wso-cta-group a#wso-cta-toggle span.wso-mobile-menu-button .wso-mobile-menu-button-inner::before { content:''; background:url(/wp-content/uploads/2021/07/burger-patty.svg); position: absolute; display: block; width: 100%; height: 100%; bottom: 0%; left: 0%; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center bottom; background-repeat: no-repeat; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; transition:.5s; } div#wso-cta-group a#wso-cta-toggle span.wso-mobile-menu-button .wso-mobile-menu-button-inner::after { content:''; background:url(/wp-content/uploads/2021/07/burger-patty.svg); position: absolute; display: block; width: 100%; height: 100%; bottom: 0%; left: 0%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center bottom; background-repeat: no-repeat; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; transition:.5s; } /*div#wso-cta-group.wso-active a#wso-cta-toggle:after { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; background: url(/wp-content/uploads/2021/03/burger-menu-icon.svg) no-repeat center; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; }*/ #wso-cta-menu { position: absolute; bottom: 100%; right: 0; /* padding-bottom: 5px; */ list-style: none !important; margin: 0 !important; top: 4rem; } #wso-cta-group:not(.wso-active) #wso-cta-menu li { pointer-events: none; } #wso-cta-group #wso-cta-menu li { font-size: 1rem; line-height: 1em; white-space: nowrap; width: auto; max-height: 0; opacity: 0; text-align: right !important; } #wso-cta-group.wso-active #wso-cta-menu li { opacity: 1; width: auto; max-height: none !important; min-width: 20rem; margin: 0; position: relative !important; } ul#wso-cta-menu span { display: block !important; vertical-align: middle !important; width: 100% !important; padding: 0rem 0; text-align: right !important; float: none !important; } #wso-cta-overlay { position: fixed; z-index: 8; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% !important; background: white; opacity: 0; -webkit-transition: opacity var(--transition-medium) ease, height 0s ease var(--transition-medium); -moz-transition: opacity var(--transition-medium) ease, height 0s ease var(--transition-medium); -o-transition: opacity var(--transition-medium) ease, height 0s ease var(--transition-medium); transition: opacity var(--transition-medium) ease, height 0s ease var(--transition-medium); pointer-events: none !important; } #wso-cta-overlay.wso-active { opacity: 1; -webkit-transition: opacity var(--transition-medium) ease, height 0s ease 0s; -moz-transition: opacity var(--transition-medium) ease, height 0s ease 0s; -o-transition: opacity var(--transition-medium) ease, height 0s ease 0s; transition: opacity var(--transition-medium) ease, height 0s ease 0s; } #wso-cta-group:not(.wso-active) .menu-main-menu-container { pointer-events:none; display:none; } #wso-cta-group .wso-icon, #wso-cta-group .wso-menu-button { display: none !important; } #wso-cta-group li a { font-size: 3rem; line-height: 1em !important; font-weight: 500; margin: 1.15rem 0 !important; font-family: 'Speedee Bold',sans-serif !important; display: inline-block !important; } #wso-cta-group li a:hover { color: white !important; text-decoration: none !important; } #wso-cta-group .menu-main-menu-container { position: fixed !important; top: 45%; left: 2rem; -webkit-transform: translateY(-1000%); -moz-transform: translateY(-1000%); -ms-transform: translateY(-1000%); -o-transform: translateY(-1000%); transform: translateY(-1000%); right: 2rem; -webkit-transition:.5s top 0s, var(--transition-medium) opacity 0s, 0s -webkit-transform var(--transition-medium); transition:.5s top 0s, var(--transition-medium) opacity 0s, 0s -webkit-transform var(--transition-medium); -o-transition:.5s top 0s, var(--transition-medium) opacity 0s, 0s -o-transform var(--transition-medium); -moz-transition:.5s top 0s, 0s transform var(--transition-medium), var(--transition-medium) opacity 0s, 0s -moz-transform var(--transition-medium); transition:.5s top 0s, 0s transform var(--transition-medium), var(--transition-medium) opacity 0s; transition:.5s top 0s, 0s transform var(--transition-medium), var(--transition-medium) opacity 0s, 0s -webkit-transform var(--transition-medium), 0s -moz-transform var(--transition-medium), 0s -o-transform var(--transition-medium); opacity:0; } li.wso-menu-button.wso-mobile-item { bottom: 2rem; left: 1.5rem; z-index: 8 !important; } li.wso-menu-button.wso-mobile-item a { padding: 1rem 2rem !important; display: inline-block; color: var(--black) !important; background: var(--yellow) !important; border: 4px solid var(--yellow) !important; -webkit-border-radius: 4em !important; -moz-border-radius: 4em !important; border-radius: 4em !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-family: 'Speedee Bold',sans-serif !important; line-height: 1.5em; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; font-size: 1.3rem !important; -webkit-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; } li.wso-menu-button.wso-mobile-item a:hover { background: white !important; text-decoration:none; } li.wso-menu-button.wso-mobile-item.wso-product-overview a span:after { content: ''; display: block; position: relative; height: 1.5rem; width: 1.5rem; background: url(/wp-content/uploads/2021/11/back-b.svg) no-repeat center; background-size: contain; background-repeat: no-repeat; margin: 0 auto; /*top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ } li.wso-menu-button.menu-item.wso-mobile-item.wso-product-overview span { position: relative; display: inline-block; float: left; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); left: 50%; } li.wso-menu-button.wso-mobile-item.wso-product-overview a { padding: 0 !important; height: 3rem; width: 3rem; } li.wso-menu-button.menu-item.wso-mobile-item.wso-product-overview { left: 1.5rem !important; bottom: 7rem !important; z-index: 8 !important; } /*div#wso-cta-group.wso-active + li.wso-menu-button.wso-mobile-item a { background: white !important; }*/ /*active*/ div#wso-cta-group.wso-active a#wso-cta-toggle::before { opacity:0; top: 30%; } div#wso-cta-group.wso-active a#wso-cta-toggle::after { opacity:0; top:65%; } div#wso-cta-group.wso-active a#wso-cta-toggle span.wso-mobile-menu-button::before { top: 0%; -webkit-transform: translate(-50%,-100%); -moz-transform: translate(-50%,-100%); -ms-transform: translate(-50%,-100%); -o-transform: translate(-50%,-100%); transform: translate(-50%,-100%); opacity:0; } div#wso-cta-group.wso-active a#wso-cta-toggle span.wso-mobile-menu-button .wso-mobile-menu-button-inner::before { -webkit-transform: translate(16.667%, 16.667%) rotate(-45deg) ; -moz-transform: translate(16.667%, 16.667%) rotate(-45deg) ; -ms-transform: translate(16.667%, 16.667%) rotate(-45deg) ; -o-transform: translate(16.667%, 16.667%) rotate(-45deg) ; transform: translate(16.667%, 16.667%) rotate(-45deg) ; } div#wso-cta-group.wso-active a#wso-cta-toggle span.wso-mobile-menu-button .wso-mobile-menu-button-inner::after { -webkit-transform: translate(-16.667%, 16.667%) rotate(45deg) ; -moz-transform: translate(-16.667%, 16.667%) rotate(45deg) ; -ms-transform: translate(-16.667%, 16.667%) rotate(45deg) ; -o-transform: translate(-16.667%, 16.667%) rotate(45deg) ; transform: translate(-16.667%, 16.667%) rotate(45deg) ; } #wso-cta-group.wso-active .menu-main-menu-container { --link-bubble-horizontal-spacing:1.5rem; margin-left: calc(-1 * var(--link-bubble-horizontal-spacing)); top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: var(--transition-medium) top 0s, var(--transition-medium) opacity 0s, 0s -webkit-transform 0s; transition: var(--transition-medium) top 0s, var(--transition-medium) opacity 0s, 0s -webkit-transform 0s; -o-transition: var(--transition-medium) top 0s, var(--transition-medium) opacity 0s, 0s -o-transform 0s; -moz-transition: var(--transition-medium) top 0s, 0s transform 0s, var(--transition-medium) opacity 0s, 0s -moz-transform 0s; transition: var(--transition-medium) top 0s, 0s transform 0s, var(--transition-medium) opacity 0s; transition: var(--transition-medium) top 0s, 0s transform 0s, var(--transition-medium) opacity 0s, 0s -webkit-transform 0s, 0s -moz-transform 0s, 0s -o-transform 0s; opacity:1; overflow:auto; max-height:calc(100vh - var(--mobile-top-bar-height)); } @media only screen and (min-width:100vh) { #wso-cta-group.wso-active .menu-main-menu-container { top:auto; bottom:0%; transform: translateY(0%); } } #wso-cta-group.wso-active::before { transform: translate(0,0); /*background-position:5% calc(100% + 14rem), 0% calc(-60vw - 30vh);*/ opacity: 1; transition:transform var(--transition-normal) linear, 0s opacity 0s linear; } #wso-cta-group.wso-active .menu-main-menu-container a { background: transparent !important; padding:0.5rem var(--link-bubble-horizontal-spacing) !important; border-radius: 100vw; } #wso-cta-group.wso-active .menu-main-menu-container a:hover, #wso-cta-group.wso-active .menu-main-menu-container a:focus { background: var(--white) !important; border-color: transparent !important; color: var(--black) !important; } .wso-mobile-menu-active .wso-menu-button.menu-item.wso-mobile-item a { background: white !important; } .wso-mobile-menu-active .wso-menu-button.menu-item.wso-mobile-item a:hover, .wso-mobile-menu-active .wso-menu-button.menu-item.wso-mobile-item a:focus { background: var(--yellow) !important; border-color: white !important; color: white !important; } .wso-mobile-menu-active { overflow: hidden !important; } /* ================= CAREER BLOG FILTER ================= */ .wso-wrap-map iframe { max-height: 70vh; } .wso-job-grid .wpgb-card.wpgb-card-1:only-child, .wso-job-grid:not(.wp-grid-builder) .wpgb-card.wpgb-card-1:only-child { left: 50% !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important; max-width: 60% !important; width: 50vw !important; } .wso-job-grid.wp-grid-builder .wpgb-card .wpgb-card-media-thumbnail div { background-position: center top !important; } .wso-job-grid .wpgb-card.wpgb-card-1:only-child .wpgb-card-media.wpgb-scheme-light { height: 25rem !important; } #Wrapper .wso-job-filter::after { background-position: center top !important; height: 100%; background-image: url(/wp-content/uploads/2021/03/melty-cheese-section.svg); bottom: 0; top: 5.9rem; width: 75%; } #Wrapper .wso-job-filter::before { content: ''; display: block; position: absolute; height: 6rem; width: 100%; background: var(--yellow); background: -moz-linear-gradient(180deg, rgba(230,169,10,1) 0%, rgba(255,188,13,1) 100%); background: -webkit-linear-gradient(180deg, rgba(230,169,10,1) 0%, rgba(255,188,13,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(230,169,10,1)), to(rgba(255,188,13,1))); background: -webkit-linear-gradient(top, rgba(230,169,10,1) 0%, rgba(255,188,13,1) 100%); background: -moz-linear-gradient(top, rgba(230,169,10,1) 0%, rgba(255,188,13,1) 100%); background: -o-linear-gradient(top, rgba(230,169,10,1) 0%, rgba(255,188,13,1) 100%); background: linear-gradient(180deg, rgba(230,169,10,1) 0%, rgba(255,188,13,1) 100%); top: 0; } .wpgb-facet input[type="search"], select.wpgb-select{ background: white !important; border-color: white !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; height: auto !important; line-height: 1.2em !important; min-height: auto !important; padding: 1rem !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; border: 0 !important; font-size: 1rem !important; overflow: visible !important; } .wpgb-facet .wpgb-search-facet button.wpgb-clear-button { width: 2rem; right: .5em !important; height: 2rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: white !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .wpgb-facet .wpgb-input-icon { right: .5rem !important; left: auto !important; height: 1em !important; width: 1em !important; top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: var(--black) !important; } .wso-job-filter .accordion .question .answer { overflow: visible !important; } .wso-job-filter .wso-filter-div { width: 66% !important; } .wso-job-filter .wso-search-div { width: 32% !important; float: right; } .wso-job-filter .wso-filter-div, .wso-job-filter .wso-search-div { display: inline-block !important; } .wso-job-filter .wso-filter-div .question, .wso-product-filter.wso-filter-div .question, .wso-bonus-book-section .wso-filter-div .question { padding: .9rem 1rem !important; display: inline-block !important; width: auto !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; margin: 0 !important; border: 0 !important; line-height: 1em !important; } .wso-job-filter .wso-filter-div .question .title, .wso-product-filter.wso-filter-div .question .title, .wso-bonus-book-section .wso-filter-div .question .title { font-size: 1.25rem !important; display: inline-block !important; padding: 0 !important; font-family: 'Speedee Bold',sans-serif !important; } .wso-job-filter .wso-filter-div .question .title i, .wso-product-filter.wso-filter-div .question .title i { display: none !important; } .wso-job-filter .wso-filter-div .question .title:after, .wso-product-filter.wso-filter-div .question .title:after { content: ''; display: inline-block; position: relative; background: url(/wp-content/uploads/2025/06/filter-icon.svg) no-repeat center; height: 1em; width: 1em; vertical-align: middle; margin-top: -.25em; margin-left: 1em; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; } #Wrapper .wso-bonus-book-section .wso-filter-div .question .title { padding-right: 2rem !important; min-width: 10rem; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; } #Wrapper .wso-bonus-book-section .wso-filter-div .question.active .title { width: 100% !important; } #Wrapper .wso-bonus-book-section .wso-filter-div .question { margin-bottom: 2rem !important; } .wso-job-filter .wso-filter-div .question.active, .wso-product-filter.wso-filter-div .question.active { width: 100% !important; } .wso-product-filter .accordion .question .answer { padding: 1.5rem !important; } .wso-product-filter ul.wpgb-hierarchical-list { display: inline-block !important; margin: 0 0 1rem !important; width: 100% !important; } ul.wpgb-hierarchical-list.product-cat li::before, ul.wpgb-hierarchical-list.allergens li::before, ul.wpgb-hierarchical-list.product-filter li::before { content: none !important; } div#job-filter .wso-filter-div li::before { content: none !important; } .wso-product-filter p.wso-h3 { display: block; position: relative; float: left; width: 100% !important; } #job-filter .wso-filter-div .question.active { margin-bottom: 3rem !important; } .wso-filter-wrap { margin-bottom: 0 !important; min-height: 15rem; } .wso-filter-wrap .wpgb-facet .wpgb-facet-title { display: none !important; } .wso-filter-wrap .accordion .question .answer { /*overflow: visible;*/ } div#job-filter { min-height: auto !important; z-index: 1; } div#news-filter { z-index: 1; } #news-filter span.wso-product-filter-close { position: absolute; right: 1rem; top: 1rem; } #news-filter .question:not(.active) span.wso-product-filter-close { display: none !important; opacity: 0 !important; } div#job-filter .wso-filter-div { width: 100% !important; } div#job-filter.wso-filter-wrap .wpgb-facet .wpgb-facet-title, span.wmjo-autocomplete-header, span.wmjo-range-header, #Wrapper .wso-work-filter-div p.wso-h3{ display: inline-block !important; font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; } span.wmjo-autocomplete-header, span.wmjo-range-header { width: 100% !important; float: left; display: block !important; } #Wrapper .wso-work-filter-div p.wso-h3 { margin-bottom: 0 !important; } #Wrapper #job-filter::before { height: 16rem !important; } #Wrapper #job-filter::after { top: 15.9rem !important; } .wso-filter-grid .wso-wrap-content .column { margin-bottom: 0rem !important; } .wso-state-icon { display: inline-block; width: 33%; margin-bottom: 2rem; } .wso-state-icon-div { width: 70% !important; margin: 0 auto; } #Wrapper #Content .wpgb-card-1 .wpgb-block-2 .wso-job-count { font-size: 1.75rem !important; line-height: 1.4em !important; font-family: 'Speedee Bold',sans-serif !important; color: var(--black) !important; margin: 0 !important; padding: .75rem 2rem; background: var(--yellow) !important; -webkit-border-radius: 2rem 2rem 0em 2rem; -moz-border-radius: 2rem 2rem 0em 2rem; border-radius: 2rem 2rem 0em 2rem; } body[data-browser-name="Firefox"] #Wrapper .wpgb-card-1 .wpgb-block-2 .wso-job-count { /* padding: .75rem 2rem .5rem !important;*/ } #Wrapper .wpgb-card-1 .wpgb-block-2 { margin: 0 !important; position: absolute; right: 0; bottom: 0; } .wso-job-grid .wpgb-card-media-content-bottom { top: 0; } .wmjo-range-value-wrapper, .wmjo-range-wrapper { position: relative !important; float: left !important; display: inline-block !important; } .wmjo-range-container { position: relative !important; display: inline-block !important; width: 55% !important; } .wmjo-range-wrapper { width: 100% !important; margin-bottom: 1rem; } input.wmjo-autocomplete.pac-target-input { border-color: var(--black) !important; background: white !important; } input.wmjo-range { width: 20rem; -webkit-appearance: none; appearance: none; height: .1rem; background: var(--black); outline: none; opacity: 1; -webkit-transition: var(--transition-short); transition: opacity var(--transition-short); } /* Mouse-over effects */ input.wmjo-range:hover { opacity: 1; } /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ input.wmjo-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 1rem; height: 1rem; background: var(--yellow); border:1px solid var(--black); cursor: pointer; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } input.wmjo-range::-moz-range-thumb { width: 1rem; height: 1rem; background: var(--black); cursor: pointer; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } div#job-filter .wso-filter-div li::before { content: none !important; } ul.wpgb-hierarchical-list.job-type .wpgb-radio { margin-bottom: 0 !important; } ul.wpgb-hierarchical-list.job-type { display: inline-block; margin-left: 0 !important; } .wpgb-facett.wpgb-facet-32 { display: inline-block; width: 30% !important; float: left; } .wso-work-filter-div { display: inline-block; float: left; width: 37% !important; } .wso-work-filter-div:nth-child(2) { width: 61% !important; } .wso-work-filter { display: inline-block; width: 80% !important; } ul.wpgb-hierarchical-list.job-workspaces, ul.wpgb-hierarchical-list.job-work-time { margin-left: 0 !important; } #Wrapper .wso-job-filter-apply-reset { float: right; width: 20% !important; text-align: center !important; } #Wrapper .wso-job-filter-apply-reset span.wso-product-filter-reset { display: inline-block; width: 100% !important; } #Wrapper .wso-job-filter-apply-reset .button.wso-apply-filter-button { margin-top: 0 !important; margin-bottom: 1rem !important; } .wso-standort .wmjo-autocomplete-wrapper { width: 45% !important; } /* ============================================ CONTACT ============================================ */ #Wrapper .section.wso-contact-section .wso-label-inherit label { display: inline-block !important; float: left; } #Wrapper .section.wso-contact-section .wso-radio-buttons { margin: 0 !important; display: inline-block; width: auto !important; margin-left: 2rem !important; } #Wrapper .section.wso-contact-section .wso-radio-buttons label { margin: 0 !important; line-height: 1em !IMPORTANT; } #Wrapper .section.wso-contact-section .wso-radio-buttons .wpcf7-radio span.wpcf7-list-item-label::before { top: 0 !important; } #Wrapper .wso-contact-section p { font-size: 1.15rem !important; } #Wrapper .section.wso-contact-section:after { background: url(/wp-content/uploads/2021/07/melty-cheese-contact.svg); height: 40.5rem; width: 100%; top: 0; bottom: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 45% 0%; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap { background: transparent !important; /* padding: 3rem 2rem !important; */ margin-top: -6.5rem !important; z-index: 9; float: right; width: 58% !important; } #Wrapper .wso-contact-section .wso-contact-form-wrap p { line-height: 1.35em !important; } #Wrapper .wso-contact-section .wso-contact-form-wrap .wpcf7 p { text-align: left !important; } .wpcf7-spinner { margin-left: 0 !important; margin-right: 0 !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap .column.mcb-column.one.column_tabs { width: 100% !important; margin: 0 !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap li.ui-tabs-tab { width: 33.3333% !important; text-align: center !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap ul.ui-tabs-nav { width: 100.1% !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap .ui-tabs-nav::after, #Wrapper .section.wso-contact-section .wso-contact-form-wrap .ui-tabs-nav::before { content: none !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap .ui-tabs-nav a { border: 0 !important; } #Wrapper .section.mcb-section.wso-contact-section { margin-top: 3rem; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap .ui-tabs .ui-tabs-panel { padding: 4rem 2rem 1rem !important; background: white !important; -webkit-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); -webkit-border-radius: 0 0 1.5rem 1.5rem; -moz-border-radius: 0 0 1.5rem 1.5rem; border-radius: 0 0 1.5rem 1.5rem; } #Wrapper .section.wso-contact-section .column a:not(.button) { font-family: 'Speedee Regular',sans-serif !important; font-weight: 400 !important; vertical-align: baseline !important; } #Wrapper .section.wso-contact-section .column a:not(.button):hover { color: var(--black) !important; text-decoration: underline !important; } #Wrapper .section.wso-contact-section .column a:not(.button):after { content: none !important; } #Wrapper .section.wso-contact-section .wso-contact-info a.button { background: white !important; border-color: white !important; } #Wrapper .section.wso-contact-section .wso-contact-info a.button:hover { background: var(--yellow) !important; border-color: white !important; color: black !important; } #Wrapper .section.wso-contact-section .two-fifth { float: left; } #Wrapper .section.wso-contact-section .two-fifth.wso-contact-info { /* margin-bottom: 5rem !important; */ margin-bottom: 3rem !important; } #Wrapper .section.wso-contact-section .two-fifth.wso-contact-info .column.wso-mobile-yellow { margin-top: 2rem; } #Wrapper .wso-press-contact-column { margin-bottom: 3rem !important; } #Wrapper .section.wso-contact-section .wpcf7-list-item-label a, #Wrapper .section.wso-contact-section .wpcf7-list-item-label a:not(.button):hover { color: black !important; } /* ============================================ TIMELINE ============================================ */ #Wrapper .wso-history-timeline .wpgb-viewport.wpgb-carousel, #Wrapper .wso-sustainability-grid .wpgb-viewport.wpgb-carousel{ overflow: visible !important; } #Wrapper .wso-history-timeline .wpgb-card[aria-hidden="true"], #Wrapper .wso-sustainability-grid .wpgb-card[aria-hidden="true"]{ opacity: 0.5 !important; } #Wrapper .wso-history-timeline .wpgb-card-wrapper, #Wrapper .wso-sustainability-grid .wpgb-card-wrapper{ margin: 8rem 2rem 0 !important; } #Wrapper .wso-history-timeline .wpgb-card-body, #Wrapper .wso-sustainability-grid .wpgb-card-body{ padding: 2rem !important; } #Wrapper .wso-history-timeline .wso-h4 { font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; font-size: 1.15rem !important; margin-bottom: 1rem !important; } #Wrapper .wso-history-timeline .wso-h3 { color: var(--black) !important; margin-bottom: .25em !important; } #Wrapper .wso-history-timeline .wpgb-card:nth-child(even) .wpgb-card-content .wpgb-card-body { background: var(--yellow) !important; } #Wrapper .wso-history-timeline .wpgb-card:nth-child(even) .wso-h3 { color: var(--black) !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-left { left: 10rem !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-right{ right: 10rem !important; } #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-left{ left: 15rem !important; } #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-right{ right: 15rem !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-prev-button, #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-next-button{ border-width: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transform: none !important; width: 2rem !important; height: 2rem !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; overflow: visible !important; z-index: 4; opacity: 1 !important; color: var(--black) !important; } #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-prev-button, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-next-button { color: var(--black) !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-prev-button svg, #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-next-button svg, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-prev-button svg, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-next-button svg{ padding: 0 !important; height: 2rem; width: 2rem; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-left button:after, #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-right button:after, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-left button:after, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-right button:after { content: ''; background: white; position: absolute; display: block; height: 4rem; width: 4rem; top: 50%; left: 55%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; -webkit-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); -webkit-transition: all var(--transition-short) ease-in-out; -moz-transition: all var(--transition-short) ease-in-out; -o-transition: all var(--transition-short) ease-in-out; transition: all var(--transition-short) ease-in-out; opacity: 1 !important; z-index: -6 !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-left:hover button:after, #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-right:hover button:after, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-left:hover button:after, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-right:hover button:after{ -webkit-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 35%); -moz-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 35%); box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 35%); } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-right button:after, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-right button:after{ left: 45% !important; } #Wrapper .wso-history-timeline.wp-grid-builder button[disabled] { opacity: 0 !important; } #Wrapper .wso-sustainability-grid.wp-grid-builder button[disabled]{ opacity: 1 !important; } #Wrapper .wso-history-timeline .wpgb-card-header, #Wrapper .wso-sustainability-grid .wpgb-card-header{ position: absolute !important; top: -8rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; margin: .25rem 2rem; overflow: hidden !important; } body[data-browser-name="Firefox"] #Wrapper .wso-history-timeline .wpgb-card .wpgb-card-header p.wso-h3, body[data-browser-name="Firefox"] #Wrapper .wso-history-timeline .wpgb-card[aria-hidden="false"] .wpgb-card-header p.wso-h3 { /* line-height: 1em !important;*/ /* margin-top: .25em !important;*/ } #Wrapper .wso-sustainability-grid .wpgb-card-header { overflow: visible !important; } #Wrapper .wso-history-timeline .wpgb-card-wrapper .wpgb-card-inner .wpgb-card-media{ -webkit-border-radius: 1em 1em 0 0; -moz-border-radius: 1em 1em 0 0; border-radius: 1em 1em 0 0; } #Wrapper .wso-history-timeline .wpgb-card-wrapper .wpgb-card-inner .wpgb-card-media + .wpgb-card-content { /* border-radius: 0 0 1em 1em !important; */ } #Wrapper .wso-history-timeline .wpgb-card-wrapper .wpgb-card-inner .wpgb-card-content, #Wrapper .wso-sustainability-grid .wpgb-card-wrapper .wpgb-card-inner .wpgb-card-content{ -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden; } #Wrapper .wso-history-timeline .wpgb-card-header .wso-h3, #Wrapper .wso-history-timeline .wpgb-card:nth-child(even) .wpgb-card-header .wso-h3 { color: black !important; margin: 0 !important; background: white !important; padding: .25rem 1.25rem; } #Wrapper .wso-history-timeline .wpgb-card[aria-hidden="false"] .wpgb-card-header .wso-h3 { color: var(--black) !important; } #Wrapper .wso-history-timeline .wpgb-card-body { display:flex; flex-direction:column; } #Wrapper .wso-history-timeline .wpgb-card-body .wso-thumbnail { order:-1; } #Wrapper .wso-history-timeline .wpgb-main:before { content: ''; display: block; position: absolute; top: 0; height: 3.5rem; background: var(--yellow); background: -moz-linear-gradient(180deg, rgba(237,175,13,1) 0%, rgba(255,188,13,1) 80%, rgba(255,188,13,1) 100%); background: -webkit-linear-gradient(180deg, rgba(237,175,13,1) 0%, rgba(255,188,13,1) 80%, rgba(255,188,13,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(237,175,13,1)), color-stop(80%, rgba(255,188,13,1)), to(rgba(255,188,13,1))); background: -webkit-linear-gradient(top, rgba(237,175,13,1) 0%, rgba(255,188,13,1) 80%, rgba(255,188,13,1) 100%); background: -moz-linear-gradient(top, rgba(237,175,13,1) 0%, rgba(255,188,13,1) 80%, rgba(255,188,13,1) 100%); background: -o-linear-gradient(top, rgba(237,175,13,1) 0%, rgba(255,188,13,1) 80%, rgba(255,188,13,1) 100%); background: linear-gradient(180deg, rgba(237,175,13,1) 0%, rgba(255,188,13,1) 80%, rgba(255,188,13,1) 100%); width: 100%; margin-top: -.25rem; } #Wrapper .wso-history-timeline .wpgb-main:after { content: ''; display: block; position: absolute; top: 3.4rem; height: 2.5rem; background-image:url(/wp-content/uploads/2021/03/melty-cheese-detail.svg); width: 100%; margin-top: -.25rem; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%; background-position:43% top; background-repeat:no-repeat; } #Wrapper .wso-history-timeline .wso-thumbnail { margin-top: -2rem !important; margin-left: -2rem !important; margin-right: -2rem; margin-bottom: 2rem !important; } #Wrapper .wso-history-timeline .wso-isolated-thumbnail { width: auto !important; margin-top: 2rem; margin-bottom: -2rem; float: none !important; position: relative !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #Wrapper .wso-history-timeline .wso-isolated-thumbnail img { width: auto !important; display: inline-block !important; position: relative !important; max-height: 10rem; } #Wrapper .wso-history-timeline .wpgb-card-inner:after { content: ''; display: block; position: absolute; top: -6.5rem; height: 2px; border-top: 2px dashed black; width: 100%; background: transparent !important; left: 6rem; z-index: -1; } #Wrapper .wso-history-timeline .wpgb-card:last-child .wpgb-card-inner:after { content: none !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-next-button svg, #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-prev-button svg, #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-next-button:after, #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-prev-button:after { content: '' !important; display: inline-block !important; } #Wrapper .wso-mobile-section .wso-history-timeline .wpgb-card-header, #Wrapper .wso-mobile-section .wso-history-timeline .wpgb-card-inner:after, #Wrapper .wso-mobile-section .wso-history-timeline .wpgb-main:before { display: none !important; } #Wrapper .wso-mobile-section .wso-history-timeline .wpgb-card .wpgb-card-wrapper { margin: 0 2rem 5rem !important; } #Wrapper .wso-mobile-section .wso-history-timeline .wpgb-card:last-child .wpgb-card-wrapper { margin-bottom: 0 !important; } #Wrapper .wso-mobile-section .wso-history-timeline .wpgb-card:not(:last-child) .wpgb-card-wrapper:after { content: ''; display: block; position: absolute; left: 50%; width: 1px; height: 5rem !important; bottom: 0; background: black; } #Wrapper .wso-sustainability-grid .wpgb-card-inner:after { content: ''; display: block; position: absolute; top: -6.9rem; height: 2px; border-top: 5px solid black; width: 113.5%; background: transparent !important; left: 50%; z-index: -1; } #Wrapper .wso-sustainability-grid .wpgb-card:last-child .wpgb-card-inner:after { content: none !important; } #Wrapper .wso-sustainability-grid p.wpgb-block-5 { text-align: center !important; } #Wrapper .wso-sustainability-grid p.wpgb-block-3:before { content: ''; display: block; position: relative; height: 1em; width: 1em; background: url(/wp-content/uploads/2021/09/nachhaltigkeit-grid-element.svg) no-repeat center; background-size: 75% auto !important; margin: 0 auto; background-color: white; padding: .75em; } #Wrapper .wso-sustainability-grid p.wpgb-block-3 { line-height: 1em !important; margin: 0 !important; } #Wrapper .wso-sustainability-grid .wpgb-card-header { margin: 0 !important; left: 50% !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; background: transparent !important; } @media only screen and (max-width: 782px){ /*.wso-sustainability-grid .wpgb-viewport.wpgb-carousel*/ .wso-sustainability-grid .wpgb-layout { width: 90% !important; left: 5% !important; } #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-left, #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-right { display: none !important; } } @media only screen and (min-width: 783px){ #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-bottom-1 { display: none !important; } } /* ============================================ FAQs ============================================ */ .wso-faq-tax-heading { text-align: center; max-width: 70% !important; margin: 0 auto 3rem; position: relative; float: none; clear: both; } .wso-faqs .mfn-acc.accordion_wrapper { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .wso-faqs .question { -webkit-column-break-inside: avoid !important; -moz-column-break-inside: avoid !important; break-inside: avoid !important; -webkit-column-break-after: avoid !important; -moz-column-break-after: avoid !important; break-after: avoid !important; -webkit-column-break-before: avoid !important; -moz-column-break-before: avoid !important; break-before: avoid !important; margin-bottom: 1rem !important; border: 0 !important; display: inline-block !important; float: left; clear: right; width: 100% !important; } .wso-faqs .accordion { margin-bottom: 5rem !important; } .wso-faq-grid .question { margin: 0 !important; -webkit-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; padding: 1.5rem 2rem !important; } .wp-grid-builder.wso-faq-grid .wpgb-card { position: relative !important; float: left; width: 100% !important; left: 0 !important; top: auto !important; margin: 1% 0 !important; } #Wrapper .section .wso-faq-grid .wpgb-card .question .answer p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6), #Wrapper .section .wso-faq-grid .wpgb-card .question .title{ font-size: 1.15rem !important; color: var(--black) !important; } #Wrapper .section .wso-faq-grid .wpgb-card .question .answer p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-weight: normal !important; } .wso-faq-grid .answer a:after { content: none !important; } .wso-faq-grid .wpgb-card-body { background: transparent !important; } #Wrapper .section.mcb-section.wso-faq-filter::after { top: 0 !important; z-index: 0; left: 25% !important; bottom: auto !important; } .section.mcb-section.wso-faq-filter .wpgb-facet.wpgb-facet-11 { width: 50%; float: right; } .section.mcb-section.wso-faq-filter .wpgb-facet.wpgb-facet-15 { display: inline-block; width: 100% !important; margin-top: 3rem; } .section.mcb-section.wso-faq-filter span.wpgb-radio-control, .wso-filter-link-before span:first-child, #Wrapper .wpgb-facet.wpgb-facet-16 span.wpgb-radio-control, #Wrapper .wpgb-facet.wpgb-facet-22 span.wpgb-checkbox-control, #Wrapper .wpgb-facet.wpgb-facet-21 span.wpgb-checkbox-control{ position: relative !important; display: block !important; height: 2rem !important; width: 2rem !important; margin: 0 auto .5em; border: 0 !important; } .section.mcb-section.wso-faq-filter span.wpgb-radio-label, .wpgb-facet.wpgb-facet-16 span.wpgb-radio-control, .wpgb-facet.wpgb-facet-22 span.wpgb-checkbox-control, .wpgb-facet.wpgb-facet-21 span.wpgb-checkbox-control{ display: block; width: 100% !important; padding: 0; } .wpgb-facet.wpgb-facet-16 span.wpgb-radio-label, #Wrapper .wpgb-facet.wpgb-facet-22 span.wpgb-checkbox-label, #Wrapper .wpgb-facet.wpgb-facet-21 span.wpgb-checkbox-label { padding: 0 !important; } .section.mcb-section.wso-faq-filter .wpgb-radio, .wpgb-facet.wpgb-facet-16 .wpgb-radio, .wpgb-facet.wpgb-facet-22 .wpgb-checkbox, .wpgb-facet.wpgb-facet-21 .wpgb-checkbox{ display: inline-block !important; background: transparent !important; border: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; overflow: visible !important; margin-right: 1rem !important; margin-bottom: 1rem !important; float: left !important; line-height: 1.5em !important; } #Wrapper .section.mcb-section.wso-faq-filter .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control, #Wrapper .wso-filter-link-before span:first-child.checked, #Wrapper .wso-filter-link-before:hover span:first-child, #Wrapper .wpgb-facet.wpgb-facet-16 .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control, #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-checkbox[aria-pressed="true"] span.wpgb-radio-control, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-checkbox[aria-pressed="true"] span.wpgb-radio-control { background: var(--yellow) !important; } #Wrapper .section.mcb-section.wso-faq-filter .wpgb-radio span.wpgb-radio-control::after, /* .wso-filter-link-before span:after, */ #Wrapper .wpgb-facet.wpgb-facet-16 .wpgb-radio span.wpgb-radio-control:after, #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-checkbox span.wpgb-checkbox-control:after, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-checkbox span.wpgb-checkbox-control:after{ left: 50% !important; top: 45% !important; margin: 0 !important; -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(1) !important; -moz-transform: translate(-50%,-50%) rotate(45deg) scale(1) !important; -ms-transform: translate(-50%,-50%) rotate(45deg) scale(1) !important; -o-transform: translate(-50%,-50%) rotate(45deg) scale(1) !important; transform: translate(-50%,-50%) rotate(45deg) scale(1) !important; position: absolute !important; height: 1rem !important; width: .5rem !important; } #Wrapper .section.mcb-section.wso-faq-filter .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control::after, /* .wso-filter-link-before span.checked:after, .wso-filter-link-before:hover span:after, */ #Wrapper .wpgb-facet.wpgb-facet-16 .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control::after, #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control::after, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control::after{ border-color: white !important; } .section.mcb-section.wso-faq-background:after { content: ''; display: block; position: absolute; width: 120%; height: 14rem; bottom: -3.9rem; left: -10%; background: url(/wp-content/uploads/2021/03/melty-cheese-section.svg); z-index: 0; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center top; background-repeat: no-repeat; } .section.mcb-section.wso-faq-background:before { content:''; display: block; position: absolute; left: 0; top: 0; bottom: 10rem; background: var(--yellow); width: 100%; } .section.mcb-section.wso-faq-background { overflow: visible !important; z-index: 1; } #Wrapper .wso-filter-links .wso-filter-link-before { width: 20% !important; float: left; text-align: center; line-height: 1.25em !important; } #Wrapper .section .wso-filter-links .wso-filter-link-before, #Wrapper .section .wso-filter-links .wso-filter-link-before a { font-size: 1rem !important; font-weight: normal !important; font-family: 'Speedee Regular',sans-serif !important; } /*#Wrapper .wso-filter-links .wso-filter-link-before:first-child { display: none; }*/ .wso-filter-links { display: block; position: relative; float: left; width: 100% !important; margin-top: 3rem !important; } .wso-filter-div.wso-filter-mobile-div { display: inline-block !important; float: left !important; } .wso-filter-div.wso-filter-mobile-div .question { margin-bottom: 1rem !important; padding: 1rem !important; border: 0 !important; pointer-events: all !important; } #Wrapper .wso-filter-div.wso-filter-mobile-div .wso-filter-link-before { width: 100% !important; display: inline-block !important; text-align: left !important; } #Wrapper .wso-filter-div.wso-filter-mobile-div .wso-filter-link-before span:first-child { display: inline-block !important; vertical-align: middle !important; margin-bottom: 0 !important; margin-right: 1rem; height: 1.5rem !important; width: 1.5rem !important; margin-top: -.15em; } #Wrapper .wso-filter-div.wso-filter-mobile-div .wso-filter-link-before:not(:last-child) { margin-bottom: 1rem !important; border-bottom: 1px solid var(--light-gray); padding-bottom: 1rem; } #Wrapper .wso-filter-div.wso-filter-mobile-div .wso-filter-link-before br { display: none; } .wso-filter-div.wso-filter-mobile-div .wso-filter-links { margin: 0 !important; } #Wrapper .wso-filter-div.wso-filter-mobile-div .accordion { max-width: 100% !important; } /* ============================================ PRESSE ============================================ */ #Wrapper .section.mcb-section.wso-presse-link-section { background: #F2F2F2 !important; } #Wrapper .section.mcb-section.wso-presse-link-section .column_column { margin: 0 !important; width: 100% !important; } #Wrapper .section.mcb-section.wso-presse-link-section a.button { margin: 0 !important; width: 33.33% !important; text-align: center; background: transparent !important; border: 0 !important; float: left; padding: 1rem !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #Wrapper .wso-press-archive { z-index: 9 !important; background: transparent !important; } #Wrapper .section.wso-presse-link-section::after { bottom: -6.99rem !important; } #Wrapper .section.wso-presse-link-section::before { height: 1.5rem; bottom: -1.5rem; } #Wrapper .section.mcb-section.wso-presse-link-section a.button:hover { opacity: 1 !important; } #Wrapper .section.mcb-section.wso-presse-link-section a.button.wso-current-page span:after { content: ''; display: block; position: absolute; left: 50%; height: 2px; width: 100%; background: var(--black); bottom: -.25em; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #Wrapper .section.mcb-section.wso-presse-link-section a.button span { display: inline-block; position: relative; line-height: 1em !important; } #Wrapper .section.mcb-section.wso-presscontact-section .wso-float-right .mcb-wrap-inner { display: inline-block; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; -webkit-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; } div#presscontact { padding: 10rem 0 !important; } #Wrapper .section.mcb-section.wso-presscontact-section .wso-float-right .column { margin: 0 !important; width: 100% !important; } #Wrapper .section.mcb-section.wso-presscontact-section .wso-float-right .column .column_attr.clearfix { padding: 2rem; } #Wrapper .section.mcb-section.wso-presscontact-section .wso-float-right .column a { font-weight: normal !important; font-family: 'Speedee Regular',sans-serif !important; } #Wrapper .section.mcb-section.wso-presscontact-section .column p a:not(.button):not(.wso-video-button):not(.ui-tabs-anchor):not(.wpgb-card-layer-link):not(.wpgb-lightbox):after { content: none !important; } #Wrapper .section.mcb-section.wso-presscontact-section a:not(.button):hover { color: var(--black) !important; text-decoration: underline !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-presscontact-section:before { content: ''; display: block; position: absolute; width: 110%; height: 18rem; background: url(/wp-content/uploads/2021/03/melty-cheese-section.svg) no-repeat center top; top: 0; -webkit-background-size: auto 100% !important; -moz-background-size: auto 100% !important; -o-background-size: auto 100% !important; background-size: auto 100% !important; left: -5%; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .section.mcb-section.wso-section-multi-column.wso-presscontact-section .wrap.wso-press-contact-links .column { margin-bottom: 3rem !important; } .wpgb-facet.wpgb-facet-16, .wpgb-facet.wpgb-facet-22, .wpgb-facet.wpgb-facet-21{ width: auto !important; display: inline-block; } .wpgb-facet.wpgb-facet-16 .wpgb-radio, .wpgb-facet.wpgb-facet-22 .wpgb-checkbox, .wpgb-facet.wpgb-facet-21 .wpgb-checkbox { padding-left: 0 !important; } .wpgb-facet.wpgb-facet-17 { display: inline-block; float: right; } .wpgb-facet.wpgb-facet-17 input.wpgb-input.form-control.input { padding: 1rem 2rem !important; height: auto !important; min-height: auto !important; background: white !important; border: 0 !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; -webkit-box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); width: 17rem; } .wpgb-facet .wpgb-clear-button { background: white !important; width: 2.5rem !important; -webkit-border-radius: 2em !important; -moz-border-radius: 2em !important; border-radius: 2em !important; height: 2.5rem !important; top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: .25em !important; } .wso-press-archive-filter .accordion .question { background: #F8F8F8 !important; border: 0 !important; padding: 1rem 1.5rem !important; display: inline-block; } .wso-press-archive-filter .accordion { width: auto !important; /* display: inline-block; */ } .wso-press-archive-filter .accordion .question .answer { overflow: visible; } .wso-press-archive-filter .accordion .question.active { width: 100% !important; } .wso-press-archive-filter .wso-filter-div .wpgb-facet.wpgb-facet-18, .wso-filter-div .wpgb-facet.wpgb-facet-11 { width: 48% !important; display: inline-block; font-size: 1rem !important; } .wso-press-archive-filter .wso-filter-div .wpgb-facet.wpgb-facet-18 { margin-right: 3%; } .wpgb-facet select.wpgb-select+.wpgb-select-controls .wpgb-select-separator { display: none !important; } .wpgb-facet select.wpgb-select+.wpgb-select-controls svg { color: var(--black) !important; width: 1.5rem !important; height: 1.5rem !important; margin: 0.5rem !important; } .wpgb-facet select.wpgb-select+.wpgb-select-controls { fill: var(--yellow) !important; } .section.wso-press-center-intro::after { bottom: -7rem !important; left: 70% !important; } /* ============================================ DATEPICKER ============================================ */ .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: white !important; top: 65% !important; } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: white !important; top: 20% !important; } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { padding: .5rem !important; height: 2rem !important; } .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { height: 1rem !important; width: 1rem !important; float: left; } .numInputWrapper span { opacity: 1 !important; } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: white !important; } .flatpickr-month { height: auto !important; } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { color: white !important; fill: white !important; } .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: var(--yellow) !important; } .flatpickr-current-month { float: left; display: inline-block !important; height: auto !important; position: relative !important; padding: 0 !important; width: 100% !important; left: 0 !important; background: black !important; color: white !important; } .flatpickr-current-month * { color: white !important; /* border-color: white !important; */ } .flatpickr-current-month .flatpickr-monthDropdown-months { margin: 0 !important; display: inline-block; -webkit-appearance: none !important; -moz-appearance: none !important; } .flatpickr-current-month .numInputWrapper { width: auto !important; text-align: left !important; /* background: white !important; */ color: white !important; } .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { padding: .5em 1rem !important; line-height: 1em !important; background: transparent !important; color: white !important; } .flatpickr-current-month input.cur-year { pointer-events: none !important; } .flatpickr-calendar .flatpickr-day { color: var(--black); } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: var(--yellow) !important; border-color: var(--yellow) !important; color:var(--black) !important; } .flatpickr-calendar .flatpickr-day.flatpickr-disabled, .flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover, .flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.notAllowed, .flatpickr-calendar .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-calendar .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-calendar .flatpickr-day.prevMonthDay{ color:var(--dark-gray); } .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 var(--yellow) !important; -moz-box-shadow: -10px 0 0 var(--yellow) !important; box-shadow: -10px 0 0 var(--yellow) !important; } .flatpickr-weekdays, .flatpickr-weekdays * { background: var(--yellow) !important; color: var(--black) !important; font-family: 'Speedee Bold',sans-serif !important; font-weight: normal !important; font-size: 1rem !important; height: auto !important; } span.flatpickr-weekday { line-height: 1em !important; padding: .5rem 0 !important; } .flatpickr-innerContainer { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .flatpickr-calendar { margin: .5rem 0 !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; /* border: 0 !important; */ -webkit-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; } .flatpickr-rContainer { overflow: hidden !important; /* -webkit-border-radius: 1em !important; */ /* -moz-border-radius: 1em !important; */ /* border-radius: 1em !important; */ } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { left: 50% !important; z-index: 999999 !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important; border-width: .35rem; margin: 0 -.35rem !important; } .acplt .acplt-clear { /* background: white !important; */ bottom: 1px; z-index: 9999; width: 2.5rem !important; } /* ============================================ DOWNLOAD-CENTER ============================================ */ .wso-download-image img { display: inline-block !important; float: left !important; position: relative !important; clear: both !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; min-width: 100% !important; width: 100% !important; height: 100% !important; } .wso-download-image { height: 14rem !important; overflow: hidden; display: inline-block !important; float: left; position: relative !important; width: 100% !important; } .wpgb-card-14 .wpgb-card-body .wso-download-content { text-align: left !important; position: relative !important; float: left !important; display: inline-block !important; clear: both !important; width: 100% !important; } #Wrapper .wp-grid-builder .wpgb-card-14 .wpgb-block-7 { margin: 0 !important; display: inline-block !important; width: 100% !important; height: 100% !important; } #Wrapper .wso-download-center:not(.wso-section-text-img) a.button { background: white !important; border-color: white !important; -webkit-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; } #Wrapper .wso-download-center:not(.wso-section-text-img) a.button .button_label:after { content:''; display: inline-block; position: relative; height: 1.25em; width: 1.25em; background: url(/wp-content/uploads/2025/06/download-icon.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; vertical-align: middle !important; margin-left: .5em; top: .1em; float: right; } #Wrapper .wso-download-center:not(.wso-section-text-img) a.button span.button_label span { font-weight: normal !important; font-family: 'Speedee Regular',sans-serif !important; } /*body[data-browser-name="Firefox"] #Wrapper .wso-download-center:not(.wso-section-text-img) a.button span.button_label span { vertical-align: baseline !important; } body[data-browser-name="Firefox"] #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-radio-label span { vertical-align: baseline !important; }*/ a.wso-download-link { color: var(--black) !important; } #Wrapper .wso-download-cards-overview { margin-top: 3rem; } #Wrapper #Content .wpgb-card .wso-download-content a.wso-download-link:after { content: '' !important; display: inline-block !important; position: relative !important; height: .8em !important; width: .8em !important; background: url(/wp-content/uploads/2021/10/download-icon-black.svg) no-repeat center !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; margin-left: .35em !important; } #Wrapper #Content .wpgb-card .wso-download-content a.wso-download-link:hover::after { margin-left: .35em !important; } #Wrapper .wso-download-card { position: relative; display: inline-block; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; -webkit-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1.5em 0 rgb(119 119 119 / 15%) !important; overflow: hidden; width: 31% !important; margin: 0 1% 2%; } #Wrapper .wso-download-card div:not(.wso-download-image) { display: block; float: left; position: relative; padding: 1.5rem; width: 100% !important; } #Wrapper .section .wpgb-card.wpgb-card-14 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6), #Wrapper .wso-press-archive .wpgb-block-4.wso-h4, #Wrapper .wso-press-archive .wpgb-block-1.wso-h4{ font-size: 1.25rem !important; line-height: 1.65em !important; color: var(--dark-gray) !important; } #Wrapper .section .wp-grid-builder .wpgb-card.wpgb-card-14 .wpgb-scheme-dark .wpgb-idle-scheme-2, #Wrapper .section .wp-grid-builder .wpgb-card.wpgb-card-14 .wpgb-scheme-dark [class^="wpgb-block-"].wpgb-hover-scheme-2:hover, #Wrapper .wso-press-archive .wp-grid-builder .wpgb-scheme-dark .wpgb-idle-scheme-2, #Wrapper .wso-press-archive .wp-grid-builder .wpgb-scheme-dark [class^="wpgb-block-"].wpgb-hover-scheme-2:hover { color: var(--dark-gray) !important; } #Wrapper .wpgb-card-13 .wpgb-block-1.wso-h4 { font-size: 1rem !important; } #Wrapper .wso-download-card div { display: block; float: left; clear: both; position: relative; } #Wrapper .wso-download-card div img { display: inline-block !important; float: left; position: relative; } /* -------------------------------------------- MACHHALTIGKEIT -------------------------------------------- */ body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .image_wrapper , body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .image_wrapper { margin-top: 5rem; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .wrap:not(.wso-hero-img) , body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wrap:not(.wso-hero-img) { width: 35%; left: 15% !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .wrap:not(.wso-hero-img) * , body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wrap:not(.wso-hero-img) * { color: black !important; text-align: left !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .wrap.wso-hero-img img , body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wrap.wso-hero-img img { -o-object-fit: contain !important; object-fit: contain !important; font-family: 'object-fit: contain; object-position: 150% 100;'; -o-object-position: 150% 100% !important; object-position: 150% 100% !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro .wso-title { font-size: 2.2rem !important; line-height: 1.3em !important; font-weight: 400 !important; margin-bottom: 1rem !important; font-family: 'Speedee Bold',sans-serif !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child , body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro { margin-top: 12rem; } .wso-intro-slogan { display: block; position: relative; height: 4rem; width: 15rem; margin-bottom: 4rem; } .wso-ama-section .column.mcb-column.column_image.wso-img.one.wso-img-proportional .image_frame { width: auto !important; display: inline-block !important; margin: 0 auto !important; float: none !important; position: relative !important; max-width: 12rem !important; } .wso-ama-section .column.mcb-column.column_image.wso-img.one.wso-img-proportional { text-align: center !important; } @media only screen and (min-width: 768px) { .wso-ama-section .wrap.mcb-wrap.one-second { width: 48% !important; margin: 0 1% !important; } } #Wrapper .section.wso-img-contain .wp-caption-text { position: relative !important; } #Wrapper .section.wso-img-contain .wso-img-box { height: auto !important; } .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-right:after, .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-middle:after, .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-left:after { background: url(/wp-content/uploads/2021/03/melty-cheese-product-cat.svg) no-repeat center top; background-size: contain; width: 15%; height: 3rem; bottom: -2.9rem; -webkit-transform: translateX(-50%) scaleX(-1) !important; -moz-transform: translateX(-50%) scaleX(-1) !important; -ms-transform: translateX(-50%) scaleX(-1) !important; -o-transform: translateX(-50%) scaleX(-1) !important; transform: translateX(-50%) scaleX(-1) !important; } .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-right:after { -webkit-transform: translateX(-50%) scaleX(1) !important; -moz-transform: translateX(-50%) scaleX(1) !important; -ms-transform: translateX(-50%) scaleX(1) !important; -o-transform: translateX(-50%) scaleX(1) !important; transform: translateX(-50%) scaleX(1) !important; left: 83%; } .wso-kinderhilfe-logo-absolute { position: absolute !important; top: 16rem !important; width: 6rem !important; right: 2rem !important; } div#kinderhilfe.wso-section-text-img .wrap:last-child .column_image:before, #Wrapper #Content .section.wso-dropdown-section .wso-kinderhilfe-wrap .column.mcb-column.one.column_image:before { content: ''; display: block; position: absolute; height: 9rem; width: 7rem; background: url(/wp-content/uploads/2021/08/bild-48.png) no-repeat center; background-size: contain; top: 1rem; right: 1rem; z-index: 1; } #Wrapper .wso-flex-direction-vertical.wso-kinderhilfe-section .column.mcb-column:not(.column_image):nth-child(2):not(:last-child) { padding-bottom: 3rem !important; } #Wrapper .wso-flex-direction-vertical.wso-kinderhilfe-section a.button:last-child, div#kinderhilfe.wso-section-text-img a.button:last-child{ background: transparent !important; border: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding-right: 0 !important; } #Wrapper .wso-flex-direction-vertical.wso-kinderhilfe-section a.button:hover:last-child, div#kinderhilfe.wso-section-text-img a.button:hover:last-child{ text-decoration: underline !important; } body.wso-machhaltigkeit .wso-img-box .image_wrapper a:before { content: none !important; } body.wso-machhaltigkeit #Wrapper .wso-img-box .image_wrapper { height: auto !important; } /* ============================================ DROPDOWN-SECTION ============================================ */ #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap { cursor: pointer !important; background: #f8f8f8; -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; } #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .section:not(.wso-section-image-boxes) { padding: 0 !important; -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; overflow: hidden !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; } #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .section:not(.wso-section-image-boxes):hover { -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .section:not(.wso-section-image-boxes):after { content: ''; background: url(/wp-content/uploads/2021/10/arrow-flat-black.svg) no-repeat center center; background-size: contain; height: 1.5em; width: 1.5em; position: absolute; display: block; left: 50%; bottom: .5rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 99; } #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .section.wso-section-text-img .image_wrapper { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; overflow: visible !important; } #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .section:not(.wso-section-image-boxes) .image_wrapper, #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .section:not(.wso-section-image-boxes) .image_frame { height: 100% !important; } #Wrapper #Content .section.wso-dropdown-section .column.mcb-column.one.column_image { margin: 0 !important; width: 100% !important; } #Wrapper #Content .section.wso-dropdown-section > .section_wrapper.mcb-section-inner { display: flex; flex-direction: column; justify-content: stretch !important; align-items: stretch !important; align-content: stretch !important; } #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap:not(:last-child) { margin-bottom: 5rem; } #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .wso-section-text-img:not(.wso-active) + .column.wso-hide-before-klick, #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .wso-section-text-img:not(.wso-active) + .column.wso-hide-before-klick *, #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .wso-section-text-img:not(.wso-active) + .wso-section-image-boxes, #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .wso-section-text-img:not(.wso-active) + .wso-section-image-boxes *{ height: 0 !important; opacity: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; /* display: none !important; */ } .wso-dropdown-wrap .wso-hide-before-klick, .wso-dropdown-wrap .wso-section-image-boxes { width: 100% !important; margin: 0 !important; padding: 3rem !important; -webkit-transition: all var(--transition-short) ease-in-out !important; -o-transition: all var(--transition-short) ease-in-out !important; -moz-transition: all var(--transition-short) ease-in-out !important; transition: all var(--transition-short) ease-in-out !important; } #Wrapper .wso-dropdown-wrap .wso-img-box img { -o-object-fit: contain !important; object-fit: contain !important; font-family: 'object-fit: contain; object-position: center;'; width: 100% !important; height: 100% !important; padding: 2rem 1rem 0 !important; } #Wrapper .wso-dropdown-wrap .wp-caption-text { position: relative !important; padding: 1rem !important; } #Wrapper .wso-dropdown-wrap .wso-img-box { height: auto !important; margin: 1% !important; overflow: visible !important; } #Wrapper .wso-dropdown-wrap .wso-img-box .image_wrapper { height: auto !important; } #Wrapper .wso-dropdown-wrap .wso-img-box .image_wrapper a:before { content: none !important; } #Wrapper .wso-dropdown-wrap .column_image .wp-caption-text h3, #Wrapper .wso-dropdown-wrap .column_image .wp-caption-text .wso-h3 { font-size: 1.15rem !important; height: 3rem !important; } #Wrapper .wso-dropdown-wrap .wso-section-image-boxes { background: transparent !important; padding: 3rem 2rem !important; } #Wrapper .wso-dropdown-wrap .wso-hide-before-klick a.button:last-child, #Wrapper a.button.wso-no-stroke-button { border: 0 !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; color: var(--black) !important; } #Wrapper .wso-dropdown-wrap .wso-hide-before-klick a.button:last-child span:after, #Wrapper a.button.wso-no-stroke-button span:after { content: '' !important; display: inline-block !important; position: relative !important; height: 1em !important; width: 1em !important; background: url(/wp-content/uploads/2022/12/arrow-right-black.svg) no-repeat center; background-size: contain; vertical-align: middle; margin-left: .5rem; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; -ms-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; } #Wrapper .wso-dropdown-wrap .wso-hide-before-klick a.button:hover:last-child span:after, #Wrapper a.button.wso-no-stroke-button:hover span:after { margin-left: 1rem !important; } #Wrapper .section.wso-yellow a.button.wso-no-stroke-button { color: white !important; } #Wrapper .section.wso-yellow a.button.wso-no-stroke-button span:after { background: url(/wp-content/uploads/2021/04/arrow-right.svg) no-repeat center; } #Wrapper .wso-dropdown-wrap .wso-img-box:nth-child(2):after { content: ''; display: block; position: absolute; bottom: -1rem; height: 1rem; width: 100%; background: url(/wp-content/uploads/2021/03/melty-cheese-detail.svg) no-repeat; background-position: 80% 50%; background-size: contain; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } @media only screen and (max-width: 1023px){ #Wrapper .wso-dropdown-wrap .section_wrapper.mcb-section-inner { max-width: 100% !important; } #Wrapper .wso-dropdown-wrap .column_image .wp-caption-text h3 { font-size: 1rem !important; } #Wrapper .wso-dropdown-wrap .wp-caption-text { padding: 1rem .5rem !important; } } @media only screen and (max-width: 767px) { #Wrapper #Content .wso-dropdown-wrap { max-width: var(--content-width) !important; margin: 0 auto 3rem!important; } #Wrapper #Content .wso-dropdown-wrap:last-child { margin-bottom: 0 !important; } #Wrapper .wso-dropdown-wrap .wso-section-image-boxes { padding: 2rem 1rem !important; } #Wrapper .wso-dropdown-wrap .wso-section-image-boxes > .section_wrapper.mcb-section-inner { max-width: 100% !important; } #Wrapper .wso-dropdown-wrap .wso-img-box { margin: .75rem 0 !important; width: 100% !important; } #Wrapper .wso-dropdown-wrap .wso-section-image-boxes { padding: 1.75rem 1rem !important; } body:not(.home) #Wrapper #Content .section .wso-dropdown-wrap .wso-img-box .image_wrapper, body:not(.home) #Wrapper #Content .section:first-child .wso-dropdown-wrap .wso-img-box .image_wrapper{ padding-bottom: 0 !important; min-height: 6rem !important; margin-bottom: 1rem; } #Wrapper .wso-dropdown-wrap .column_image .wp-caption-text h3 { height: auto !important; } #Wrapper .wso-dropdown-wrap .wp-caption-text { display: flex !important; align-items: center !important; } #Wrapper .wso-dropdown-wrap .wso-hide-before-klick .column_attr.clearfix { max-width: 100% !important; } #Wrapper .wso-dropdown-wrap .wso-hide-before-klick { padding: 3rem 2rem 1rem !important; margin: 0 !important; } } /* -------------------------------------------- MYMCDONALDS -------------------------------------------- */ .wso-mymcdonalds .wso-content:after, .wso-mymcdonalds .accordion:after, .wso-smile-section .wso-mymcdonalds .mcb-wrap-inner:after, #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner:after { content: ''; display: block; position: absolute; background: -moz-linear-gradient(180deg, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%); background: -webkit-linear-gradient(180deg, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(145,0,99,1)), color-stop(40%, rgba(219,0,7,1)), to(rgba(232,114,10,1))); background: -webkit-linear-gradient(top, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%); background: -moz-linear-gradient(top, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%); background: -o-linear-gradient(top, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%); background: linear-gradient(180deg, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%); top: 0; left: 0; bottom: 0; right: 0; z-index: -2; } .wso-mymcdonalds .wso-content, .wso-mymcdonalds .accordion, .wso-smile-section .wso-mymcdonalds .mcb-wrap-inner, #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner { position: relative; display: block; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden; padding: 2rem; } .wso-mymcdonalds .accordion .mfn-acc.accordion_wrapper { -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden; } .wso-mymcdonalds .wso-content:before, .wso-mymcdonalds .accordion:before, .wso-smile-section .wso-mymcdonalds .mcb-wrap-inner:before, #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner:before { content: ''; display: block; position: absolute; top: .7rem; left: .7rem; bottom: .7rem; right: .7rem; background: white; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; z-index: -1; } #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner:before { z-index: 1; } #Wrapper .wso-section-breaker.wso-mymcdonalds .wrap.mcb-wrap.one.valign-top.clearfix { background: transparent !important; overflow: hidden !important; } #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner:after { z-index: 0 !important; visibility: visible !important; opacity: 1 !important; height: 100% !important; } #Wrapper .wso-section-breaker.wso-mymcdonalds .wrap.wso-hero-img { height: calc(100% - 1.4rem) !important; width: calc(100% - 1.4rem) !important; top: .7rem !important; left: .7rem !important; } .home #Wrapper .wso-section-breaker.wso-mymcdonalds .wrap.wso-hero-img { border-radius: 0em .45em .45em 0 !important; } .wso-mymcdonalds .wso-content .column.wso-float-right .column_attr.clearfix { padding: 1rem 3rem 0 !important; } .wso-mymcdonalds .accordion .mfn-acc.accordion_wrapper.open1st { border-radius: 1em !important; overflow: hidden; } .wrap.wso-float-right.wso-mymcdonalds-app.wso-mymcdonalds { margin-top: 2rem; } #Wrapper .wso-float-right.wso-mymcdonalds-app.wso-mymcdonalds .mcb-wrap-inner { padding: 0 !important; } .wrap.wso-float-right.wso-mymcdonalds-app.wso-mymcdonalds img { float: left; } .wso-app-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 2rem !important; } .wso-app-links a { display: inline-block; -webkit-flex-basis: 35% !important; -ms-flex-preferred-size: 35% !important; flex-basis: 35% !important; } .wso-happy-meal-app-text a { flex-basis: auto !important; } .wso-app-store a { width: 100% !important; } #Wrapper .wso-app-store a { margin: .5rem auto !important; text-align: center !important; display: inline-block !important; float: left !important; } .wso-app-store a img { /* margin-left: 1rem; */ display: inline-block !important; } .wso-app-store { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-left: 1rem; } .wso-app-links > a:first-child img { width: 100% !important; height: auto !important; margin-right: 1rem !important; } .wso-app-qrcode-links { margin-top: 1rem; } .wso-app-qrcode-links .wso-qr-code-app { display: inline-block !important; float: left; margin-right: 1rem !important; } .wso-app-qrcode-links a { float: left; clear: both; } .wso-app-qrcode-links .wso-app-links { display: inline-block !important; float: left; margin: .75rem 0 !important; } .wso-app-qrcode-links .wso-qr-code-app img { width: 8rem; float: left; } .wso-mymcdonalds .accordion .question .title i { color: var(--black) !important; } .wso-mymcdonalds .accordion .question { margin: 0 !important; background: white !important; padding: 1rem !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; overflow: hidden; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: 0!important; } .wso-mymcdonalds .accordion .question:not(:last-child) { border-bottom: 1px solid var(--gray) !important; } .wso-mymcdonalds .accordion, .wso-smile-section .wso-mymcdonalds .mcb-wrap-inner, #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner { padding: .7rem !important; } #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner { width: calc(var(--content-width) - 2rem) !important; } .wso-smile-section .wso-mymcdonalds .column_image.wso-img { -webkit-border-radius: .5em .5em 0 0 !important; -moz-border-radius: .5em .5em 0 0 !important; border-radius: .5em .5em 0 0 !important; overflow: hidden; } .wso-mymcdonalds .mfn-acc.accordion_wrapper.toggle { -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; overflow: hidden !important; } #Wrapper .wso-mymcdonalds .answer { margin-left: -1rem; margin-right: -1rem; margin-bottom: -1rem; margin-top: 1rem; border-top: 1px solid var(--gray) !important; padding: 0 !important; } #Wrapper .wso-mymcdonalds .answer td:first-child { border-right: 0 !important; text-align: left !important; padding-left: 2rem; padding-right: 2rem; } #Wrapper .answer table { margin: 0 !important; border-radius: 0 !important; } #Wrapper .wso-mymcdonalds table td { border-color: var(--gray) !important; line-height: 1.8em !important; } td.wso-points { text-align: right !important; padding-right: 2.5rem !important; } td.wso-points:after { content: ''; display: inline-block; position: relative; height: 1.2em; width: 1.2em; background: url(/wp-content/uploads/2021/08/myms.svg) no-repeat center; background-size: contain; vertical-align: middle; margin-left: .5em; margin-top: -.15em; } .wso-smile #Wrapper h1 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-smile #Wrapper h2 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-smile #Wrapper h3 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-smile #Wrapper h4 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-smile #Wrapper h5 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-smile #Wrapper h6 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-smile #Wrapper p span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-mymcdonalds-breaker h1 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-mymcdonalds-breaker h2 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-mymcdonalds-breaker h3 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-mymcdonalds-breaker h4 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-mymcdonalds-breaker h5 span:not([lang],[aria-label],[aria-hidden],[aria-details]), .wso-mymcdonalds-breaker h6 span:not([lang],[aria-label],[aria-hidden],[aria-details]){ background: -webkit-linear-gradient(90deg, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(#910063), color-stop(40%, #db0007), to(#e8720a)); background: -webkit-linear-gradient(top, #910063 0%, #db0007 40%, #e8720a 100%); background: -moz-linear-gradient(top, #910063 0%, #db0007 40%, #e8720a 100%); background: -o-linear-gradient(top, #910063 0%, #db0007 40%, #e8720a 100%); background: linear-gradient(90deg, #910063 0%, #db0007 40%, #e8720a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-top: 2px !important; vertical-align: baseline !important; } #happy-meal .wso-wrap-content .column { margin-bottom: 1rem !important; } #happy-meal .accordion .title { background: white !important; text-align: center !important; margin-bottom: 2rem !important; } #happy-meal .accordion .title i { width: 100% !important; bottom: 0 !important; top: 4rem !important; left: 0 !important; height: 2rem !important; color: var(--black) !important; } #happy-meal + .section.mcb-section.wso-preview { padding-top: 0 !important; } #Wrapper .wso-happy-meal-app-section img { position: relative !important; height: auto !important; display: inline-block !important; width: 100% !important; } #Wrapper .wso-happy-meal-app-section .mcb-wrap-inner { display: inline-block !important; width: 100% !important; float: left; } #Wrapper .wso-happy-meal-app-section .mcb-wrap-inner * { width: 100% !important; } #Wrapper .wso-happy-meal-app-section::after { bottom: -3.9rem !important; left: 36% !important; top: auto !important; } #Wrapper #Content .wso-happy-meal-app-section .mcb-wrap-inner .column_image.wso-img { margin-bottom: 0 !important; } .wso-section-text.wso-align-center .wso-app-links { display: inline-block !important; } .wso-section-text.wso-align-center img { margin: 0 .25rem .5rem; } #Wrapper .wso-app-links img { height: 2.5rem !important; width: auto !important; } div#happy-meal:after { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(/wp-content/uploads/2021/08/family-dot-background.svg) no-repeat center; } .wso-mymcdonalds-point-accordion .wso-mymcdonalds { width: 90%; margin: 0 auto; } .wrap.wso-happy-meal-wrap.wso-happy-meal-mobile-slider { margin: 0 !important; } .wrap.wso-happy-meal-wrap.wso-happy-meal-mobile-slider .mcb-wrap-inner .column_column { width: 85% !important; margin: 0 7.5% !important; background: white !important; padding: 2rem .5rem 2rem !important; position: relative !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); } .wso-happy-meal-section .swiper { overflow: visible !important; } #Wrapper .wrap.wso-happy-meal-mobile-slider .column_image img { position: relative !important; height: 100% !important; width: 100% !important; -o-object-fit: contain !important; object-fit: contain !important; -o-object-position: center bottom !important; object-position: center bottom !important; font-family: 'object-fit: contain; object-position: center bottom;'; } #Wrapper #Content .section .wrap.wso-happy-meal-mobile-slider.wso-happy-meal-wrap .column_image .image_wrapper { height: 100% !important; width: 100% !important; padding: 0 !important; } #Wrapper .wrap.wso-happy-meal-mobile-slider .column.mcb-column.column_image.wso-img.one { width: 8rem !important; height: 100% !important; right: -1rem !important; left: auto !important; bottom: -2rem !important; pointer-events: none !important; } .wso-app-benefits-swiper-slider .wso-app-benefits-slides img { height: 18rem !important; width: auto !important; margin: 1rem 0 !important; -webkit-transition: all var(--transition-normal) ease-in-out !important; -moz-transition: all var(--transition-normal) ease-in-out !important; -o-transition: all var(--transition-normal) ease-in-out !important; transition: all var(--transition-normal) ease-in-out !important; } .wso-app-benefits-swiper-slider .wso-app-benefits-slides.swiper-slide.swiper-slide-active img { height: 20rem !important; margin: 0 !important; } .wso-app-benefits-slider-mobile .swiper { overflow: visible !important; } .wso-app-benefits-slides.swiper-slide:not(.swiper-slide-visible) { opacity: 0; } /*-------SWIPER-SLIDER--------*/ .swiper-button-next, .swiper-button-prev { color: var(--black) !important; top: 42.5% !important; -webkit-transform: rotate(45deg) skew(0deg, 0deg); -ms-transform: rotate(45deg) skew(0deg, 0deg); -moz-transform: rotate(45deg) skew(0deg, 0deg); -o-transform: rotate(45deg) skew(0deg, 0deg); transform: rotate(45deg) skew(0deg,0deg); height: 2rem !important; width: 2rem !important; outline: none !important; } body #mcmenue-slider .swiper-pagination-bullet:after { background-color: var(--black) !important; } .swiper-button-prev:after, .swiper-button-next:after { content: none !important; } .wso-happy-meal-swiper-slider .swiper-button-next, .wso-happy-meal-swiper-slider .swiper-button-prev { display: none !important; } .swiper-button-next { right: 1rem !important; } .swiper-button-prev { left: 1rem !important; -webkit-transform: rotate(225deg) skew(0deg, 0deg); -ms-transform: rotate(225deg) skew(0deg, 0deg); -moz-transform: rotate(225deg) skew(0deg, 0deg); -o-transform: rotate(225deg) skew(0deg, 0deg); transform: rotate(225deg) skew(0deg, 0deg); } .wso-barchart-section h2 { margin-bottom: 3rem !important; } .wso-barchart-section .swiper-pagination { display: none; } .wso-barchart-section .wso-wrap-code .column_column:not(.column_buttons) .column_attr.clearfix { padding: 3rem !important; position: relative !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; /* overflow: hidden !important; */ -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); background: white !important; } #Wrapper .section.wso-barchart-section .wso-wrap-content h2 { width: 85% !important; margin: 0 auto 1rem !important; } /*-------MYMCDONALDS-SLIDER--------*/ .wso-mymcdonalds-slider .wpgb-viewport.wpgb-carousel { /* overflow: visible !important; */ } .wso-mymcdonalds-slider .wpgb-main .wpgb-layout { width: 80% !important; margin: 0 auto; } /*-------SMILE--------*/ .wso-smile-section .wso-mymcdonalds .wso-app-links { justify-content: center; } .wso-smile-section .wso-mymcdonalds h2.wso-title:before { content: ''; display: block; position: relative; height: 1.75rem; width: 3rem; background: url(/wp-content/uploads/2021/08/mymcdonalds-logo.svg) no-repeat center; background-size: contain; margin: -2rem auto 0; } #Wrapper .wso-smile-section .wso-mymcdonalds a.button, #Wrapper a.button.wso-mymcdonalds-color, #Wrapper .wso-section-breaker.wso-mymcdonalds a.button, #Wrapper .wso-section-breaker.wso-mymcdonalds:not(.dark) a.button, body.wso-mymcdonals.wso-smile #Wrapper a.button, body #Wrapper .section a.button.wso-gradient-button{ background: -moz-linear-gradient(180deg, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; background: -webkit-linear-gradient(180deg, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(145,0,99,1)), color-stop(40%, rgba(219,0,7,1)), to(rgba(232,114,10,1))) !important; background: -webkit-linear-gradient(top, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; background: -moz-linear-gradient(top, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; background: -o-linear-gradient(top, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; background: linear-gradient(180deg, rgba(145,0,99,1) 0%, rgba(219,0,7,1) 40%, rgba(232,114,10,1) 100%) !important; border: 0 !important; padding: 1rem 2.25rem !important; color: white !important; } #Wrapper .wso-smile-section .wso-mymcdonalds a.button:hover, #Wrapper a.button.wso-mymcdonalds-color:hover, #Wrapper .wso-section-breaker.wso-mymcdonalds a.button:hover, #Wrapper .wso-section-breaker.wso-mymcdonalds:not(.dark) a.button:hover, body.wso-mymcdonals.wso-smile #Wrapper a.button:hover, body #Wrapper .section a.button.wso-gradient-button:hover, #Wrapper .wso-smile-section .wso-mymcdonalds a.button:focus-visible, #Wrapper a.button.wso-mymcdonalds-color:focus-visible, #Wrapper .wso-section-breaker.wso-mymcdonalds a.button:focus-visible, #Wrapper .wso-section-breaker.wso-mymcdonalds:not(.dark) a.button:focus-visible, body.wso-mymcdonals.wso-smile #Wrapper a.button:focus-visible, body #Wrapper .section a.button.wso-gradient-button:focus-visible{ background: transparent !important; color: var(--black) !important; } @media only screen and (min-width: 768px) { .wso-smile-section .one-second.mcb-wrap { margin: 0 2% !important; position: relative !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; overflow: hidden !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); background: white !important; width: 46%; } .wso-smile-section .one-second.wso-family { float: right; } .wso-smile-section .section_wrapper.mcb-section-inner { display: flex !important; justify-content: space-between !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; } } .wso-smile-section .one-second.mcb-wrap .column { width: 100%; margin-left: 0 !important; margin-right: 0 !important; } .wso-smile-section .one-second.mcb-wrap .column_column .clearfix { padding: 2rem !important; } /* -------------------------------------------- RESTAURANTS -------------------------------------------- */ .wpgb-map-facet { padding-bottom: 85vh !important; } .wso-restaurant-tax .wso-tax-img img { height: 4rem; width: 4rem; } .section.mcb-section.wso-restaurant-search { padding: 0 !important; } .section.mcb-section.wso-restaurant-search .section_wrapper.mcb-section-inner { max-width: 100% !important; } .section.mcb-section.wso-section-multi-column.wso-restaurant-search-filter { padding-bottom: 0 !important; } .wso-restaurant-search-filter .accordion .question { padding: 0 !important; border: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; display: inline-block !important; } .wpgb-facet .wpgb-inline-list li:before { content: none !important; } .wpgb-facet .wpgb-inline-list li .wpgb-button[aria-pressed="true"] { background: var(--yellow) !important; border: 1px solid var(--yellow) !important; opacity: 1 !important; } .wpgb-facet .wpgb-inline-list li .wpgb-button { font-weight: 700 !important; margin: 1rem .05rem 0 !important; padding: .5rem 1.5rem !important; display: inline-block; color: var(--black) !important; background: #CCCCCC; -webkit-border-radius: 4em !important; -moz-border-radius: 4em !important; border-radius: 4em !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-family: 'Speedee Bold',sans-serif !important; line-height: 1.5em; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out; font-size: 1.15rem !important; letter-spacing: 0 !important; opacity: .5; border: 1px solid #CCCCCC; margin: 0 !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; min-height: auto !important; /*border: 0 !important;*/ } .wpgb-facet .wpgb-inline-list li .wpgb-button:focus { outline: none !important; } .wpgb-facet .wpgb-inline-list li .wpgb-button span.wpgb-button-label { float: left !important; font-size: inherit !important; line-height: inherit !important; } .wpgb-facet .wpgb-inline-list li .wpgb-button::before{ content:''; height: 0rem; width:5rem; max-width:100%; top:100%; left:50%; -webkit-transform:translate(-50%,0%); -moz-transform:translate(-50%,0%); -ms-transform:translate(-50%,0%); -o-transform:translate(-50%,0%); transform:translate(-50%,0%); background-image:url(/wp-content/uploads/2021/03/melty-cheese-product-cat.svg); display: block; position: absolute; -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto; background-size:100% auto; background-position:top center; background-repeat:no-repeat; -webkit-transition:2s !important; -o-transition:2s !important; -moz-transition:2s !important; transition:2s !important; } .wpgb-facet .wpgb-inline-list li .wpgb-button[aria-pressed='true']::before{ opacity:1 !important; height:2rem; } .wpgb-facet .wpgb-button-label { padding: 0 !important; font-size: 1rem; } .wpgb-facet.wpgb-facet-21 { display: inline-block; margin-bottom: 1rem; } .wpgb-facet.wpgb-facet-20 { display: inline-block; float: right; min-width: 19rem; margin-left: 3rem; } .wpgb-facet .wpgb-inline-list li { margin: 0 1rem 1rem 0 !important; } .wso-restaurant-search-filter .accordion .question .title { font-family: 'Speedee Bold',sans-serif !important; } .wso-map-filter { margin-top: 3rem !important; } .wpgb-facet.wpgb-facet-20 input.wpgb-input { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border-bottom: 1px solid var(--gray) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; padding: .5rem 0 !important; } .wpgb-facet.wpgb-facet-20 .wpgb-geolocation-input input[type="search"]::placeholder { font-weight:100 !important; color:var(--black) !important; } .wpgb-facet.wpgb-facet-20 .wpgb-geolocation-input input[type="search"] { background-color:transparent !important; } .wso-restaurant-search-filter .accordion .question.active { width: 100% !important; } .wso-restaurant-search-filter .accordion .question .title { width: auto !important; display: inline-block !important; } @media(min-width:768px) { body:not(.home) #Wrapper #Content .section.wso-restaurant-search-filter:first-child { padding-top: 8rem !important; } } .wpgb-facet.wpgb-facet-20 .wpgb-locate-button, .acplt button.acplt-clear { left: -3.25rem; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; height: auto !important; line-height: 1.2em !important; min-height: auto !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; border: 0 !important; font-size: 1rem !important; -webkit-border-radius: .5em !important; -moz-border-radius: .5em !important; border-radius: .5em !important; color: var(--black) !important; background-color: var(--yellow); z-index: 99; width: 2.5rem; } .wpgb-facet.wpgb-facet-20 .wpgb-locate-button svg { height: 1rem !important; } .wpgb-facet.wpgb-facet-20 .wpgb-input-icon { margin: 0 !important; right: 0 !important; } .wpgb-facet.wpgb-facet-20 .wpgb-geolocation-facet::after { display:table; content:''; clear:both; } .wpgb-facet.wpgb-facet-20 .wpgb-geo-radius input{ background: white !important; border-color: white !important; height: auto !important; line-height: 1.2em !important; min-height: auto !important; border-radius: 0em !important; border: 0 !important; font-size: 1rem !important; overflow: visible !important; border-bottom: 1px solid var(--gray) !important; box-shadow: none !important; padding: 0.5rem 0 !important; width:2.5rem !important; text-align: center; } .wpgb-facet.wpgb-facet-20 .wpgb-geo-radius { font-size: 1rem !important; margin: 1rem 0rem 2rem 0; } .wso-restaurant-grid .wpgb-card .wpgb-card-wrapper { padding: 1rem 2rem !important; margin-bottom: 1rem !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; background: white !important; } .wso-restaurant-tax { display: inline-block !important; text-align: center !important; margin-right: 1rem !important; margin-top: 1rem !important; width: calc(31% - 1rem) !important; float: left; } body.single-wso_restaurant .wso-restaurant-tax { width: calc(16% - 1rem) !important; } .wso-map-filter .wso-filter-div .question.active { margin-bottom:0 !important; } .wso_restaurant-template-default #Wrapper .wso-restaurant-infos .wso-restaurant-facts h3{ margin-bottom:0rem !important; } .single-wso_restaurant :where(.wso-restaurant-infos .wso-tabs-panel) p { display:block; position: relative; width: min-content; white-space: nowrap; } .single-wso_restaurant :where(.wso-restaurant-infos .wso-tabs-panel) p::before { content:''; position: absolute; inset:0.1rem -0.7rem; background-color: transparent; border-radius: 100vw; display:block; z-index:-1; } .single-wso_restaurant :where(.wso-restaurant-infos .wso-tabs-panel) p.wso-today::before { background-color: var(--yellow); } .single-wso_restaurant p.wso-today { font-family: 'Speedee Bold',sans-serif !important; } .single-wso_restaurant #Wrapper .ui-tabs .ui-tabs-panel p span { width: 3rem !important; display: inline-block; } .single-wso_restaurant #Wrapper .ui-tabs .ui-tabs-panel p { margin-bottom: 0 !important; } .single-wso_restaurant #Wrapper .ui-tabs .ui-tabs-panel { padding: 2rem !important; -webkit-box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%); -webkit-border-radius: 0 0 1em 1em !important; -moz-border-radius: 0 0 1em 1em !important; border-radius: 0 0 1em 1em !important; border: 0 !important; } .single-wso_restaurant #Wrapper .ui-tabs .ui-tabs-nav li { width: 33.333% !important; border: 0 !important; float: left !important; } .single-wso_restaurant #Wrapper .ui-tabs .ui-tabs-nav li a { background: white; -webkit-border-radius: 1em 1em 0 0 !important; -moz-border-radius: 1em 1em 0 0 !important; border-radius: 1em 1em 0 0 !important; -webkit-box-shadow: 0 -.25em .5em .1em rgb(119 119 119 / 15%); -moz-box-shadow: 0 -.25em .5em .1em rgb(119 119 119 / 15%); box-shadow: 0 -.25em .5em .1em rgb(119 119 119 / 15%); color: transparent !important; border: 0 !important; height: 3.5rem !important; } .single-wso_restaurant #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { background: var(--yellow); } .single-wso_restaurant #Wrapper .ui-tabs .ui-tabs-nav { width: 100% !important; border: 0 !important; float: left !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav::before, .single-wso_restaurant #Wrapper .ui-tabs-nav::after { content: none !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.wso-restaurant-tab a:before { content: '' !important; display: block !important; position: absolute !important; height: 100% !important; width: 100% !important; background: url(/wp-content/uploads/2021/04/mcd-logo-yellow.svg) no-repeat center !important; left: 0; top: 0; -webkit-background-size: auto 60% !important; -moz-background-size: auto 60% !important; -o-background-size: auto 60% !important; background-size: auto 60% !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.ui-state-active.wso-restaurant-tab a { background-color: var(--red); border-color: var(--red); } .single-wso_restaurant #Wrapper .ui-tabs-nav li.wso-restaurant-tab::after { display:none !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.wso-mcdrive-tab a:before { content: '' !important; display: block !important; position: absolute !important; height: 100% !important; width: 100% !important; background: url(/wp-content/uploads/2021/09/001-car-fill-from-frontal-view.svg) no-repeat center !important; left: 0; top: 0; -webkit-background-size: auto 60% !important; -moz-background-size: auto 60% !important; -o-background-size: auto 60% !important; background-size: auto 60% !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.ui-state-active.wso-mcdrive-tab a:before { background: url(/wp-content/uploads/2021/09/001-car-fill-from-frontal-view-white.svg) no-repeat center !important; -webkit-background-size: auto 60% !important; -moz-background-size: auto 60% !important; -o-background-size: auto 60% !important; background-size: auto 60% !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.wso-mccafe-tab a:before { content: '' !important; display: block !important; position: absolute !important; height: 100% !important; width: 100% !important; background: url(/wp-content/uploads/2021/09/path-809.svg) no-repeat center !important; left: 0; top: 0; -webkit-background-size: auto 50% !important; -moz-background-size: auto 50% !important; -o-background-size: auto 50% !important; background-size: auto 50% !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.wso-mcdrive-tab, .single-wso_restaurant #Wrapper .ui-tabs-nav li.wso-mccafe-tab, .single-wso_restaurant #Wrapper .ui-tabs div#mcdrive, .single-wso_restaurant #Wrapper .ui-tabs div#mccafe { display: none !important; } .single-wso_restaurant #Wrapper span.wso-open { display: none !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.ui-state-active.wso-mccafe-tab a:before { background: url(/wp-content/uploads/2021/09/path-809-white.svg) no-repeat center !important; -webkit-background-size: auto 50% !important; -moz-background-size: auto 50% !important; -o-background-size: auto 50% !important; background-size: auto 50% !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.wso-mjam-tab a:before { content: '' !important; display: block !important; position: absolute !important; height: 100% !important; width: 100% !important; background: url(/wp-content/uploads/2021/10/mjam-green.png) no-repeat center !important; left: 0; top: 0; -webkit-background-size: auto 80% !important; -moz-background-size: auto 80% !important; -o-background-size: auto 80% !important; background-size: auto 80% !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.ui-state-active.wso-mjam-tab a:before { background: url(/wp-content/uploads/2021/10/mjam-white.png) no-repeat center !important; -webkit-background-size: auto 80% !important; -moz-background-size: auto 80% !important; -o-background-size: auto 80% !important; background-size: auto 80% !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.ui-state-active.wso-mjam-tab a { background: #61FF04; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.wso-lieferando-tab a:before { content: '' !important; display: block !important; position: absolute !important; height: 100% !important; width: 100% !important; background: url(/wp-content/uploads/2021/10/lieferandoat-orange.svg) no-repeat center !important; left: 0; top: 0; -webkit-background-size: 80% auto !important; -moz-background-size: 80% auto !important; -o-background-size: 80% auto !important; background-size: 80% auto !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.ui-state-active.wso-lieferando-tab a:before { background: url(/wp-content/uploads/2021/10/lieferandoat.svg) no-repeat center !important; -webkit-background-size: 80% auto !important; -moz-background-size: 80% auto !important; -o-background-size: 80% auto !important; background-size: 80% auto !important; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.ui-state-active.wso-lieferando-tab a { background: #EF8006; } .single-wso_restaurant #Wrapper .ui-tabs-nav li.ui-state-active.wso-lieferando-tab:after, .single-wso_restaurant #Wrapper .ui-tabs-nav li.ui-state-active.wso-mjam-tab:after{ content: none !important; } .single-wso_restaurant .section.wso-section-multi-column .wrap.mcb-wrap.wso-restaurant-infos .mcb-wrap-inner, .single-wso_restaurant .section.mcb-section.wso-section-text.wso-open-jobs .mcb-wrap-inner, .single-wso_restaurant .wso-service-wrap .mcb-wrap-inner{ padding: 0 4rem !important; } .single-wso_restaurant #Wrapper .section .column a:not(.button) { text-decoration: none !important; font-family: 'Speedee Bold',sans-serif !important; } /*.single-wso_restaurant #Wrapper .section.wso-open-jobs .column a:after,*/ .single-wso_restaurant #Wrapper .wso-back-to-overview .column a:before { content: '' !important; display: inline-block !important; position: relative !important; height: 1em !important; width: 1em !important; background: url(/wp-content/uploads/2022/12/arrow-right-black.svg) no-repeat center !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; vertical-align: middle !important; } .single-wso_restaurant #Wrapper .section.wso-open-jobs .column a:hover { color: var(--black) !important; } .single-wso_restaurant #Wrapper .wso-back-to-overview .column a:before { -webkit-transform: rotate(180deg) !important; -moz-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important; margin-right: .25em !important; margin-top: -.15em !important; } .single-wso_restaurant #Wrapper h1 { position: relative; } .single-wso_restaurant #Wrapper h1:before { content: ''; display: block; position: absolute; height: 100%; width: 3rem; background: url(/wp-content/uploads/2021/07/map-marker.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; left: -4rem; } .wso-back-to-overview { position: absolute !important; } .wso-restaurant-infos { margin-top: 5rem !important; } .wso-restaurant-tabs { padding: 2rem 0 !important; } #Wrapper .wso-restaurant-infos a.button:last-child, #Wrapper .wso-restaurant-grid a.button:last-child, #Wrapper .wso-restaurant-infos a.button:not(.wso-no-outline-button):nth-last-child(2), #Wrapper .wso-restaurant-grid a.button:not(.wso-no-outline-button):nth-last-child(2){ background: white !important; } #Wrapper .wso-restaurant-infos a.button:last-child:hover, #Wrapper .wso-restaurant-grid a.button:last-child:hover, #Wrapper .wso-restaurant-infos a.button:not(.wso-no-outline-button):nth-last-child(2):hover, #Wrapper .wso-restaurant-grid a.button:not(.wso-no-outline-button):nth-last-child(2):hover{ background: var(--yellow) !important; } #Wrapper .wso-restaurant-grid a.button:not(:last-child) { margin-right: 1rem !important; } .wso-restaurant-grid * { color: black !important; } .wso-restaurant-grid .wpgb-block-2 { padding-top: 1rem !important; } #Wrapper .wso-restaurant-grid .wpgb-card.wpgb-no-result .wpgb-card-wrapper { padding: 1rem !important; font-size: 1.2rem !important; } .wso-restaurant-tax-container { margin-top: 1rem !important; margin-bottom: .5rem !important; display: inline-block; width: 100% !important; } .wso-restaurant-tax-container p { font-family: 'Speedee Bold',sans-serif !important; } .section.mcb-section.wso-restaurant-search .column { width: 100% !important; margin: 0 !important; } .section.mcb-section.wso-restaurant-search .wso-restaurant-grid { margin-left: 14rem !important; margin-right: 1rem !important; } @media only screen and (min-width: 768px){ .section.mcb-section.wso-restaurant-search .wso-restaurant-grid .wpgb-wrapper { overflow-y: scroll !important; height: 88vh !important; padding-right: 1rem; /* padding-bottom: 1rem !important; */ } } .wso-restaurant-grid .wpgb-block-2 { max-height:0; overflow:hidden; -webkit-transition: var(--transition-medium) !important; -o-transition: var(--transition-medium) !important; -moz-transition: var(--transition-medium) !important; transition: var(--transition-medium) !important; } /*.wso-restaurant-grid .wso-restaurant-card-active .wpgb-block-2, .wso-restaurant-grid .wpgb-card:hover .wpgb-block-2 { max-height: 25rem; }*/ .wso-restaurant-grid .wpgb-masonry, .wso-restaurant-grid .wpgb-viewport { height:auto !important; /* overflow: scroll; */ } .wso-restaurant-grid .wpgb-masonry .wpgb-card.wso-restaurant-card-active .wpgb-block-2 { overflow: visible !important; } .wso-restaurant-grid .wpgb-masonry .wpgb-card { position:relative !important; top:auto !important; left:auto !important; bottom:auto !important; right:auto !important; width:100% !important; height:auto !important; } .section.mcb-section.wso-restaurant-search:after { content: ''; display: block; position: absolute; top: auto; left: -30%; height: 100%; width: 50%; bottom: 0 !important; background: url(/wp-content/uploads/2021/04/mcd-logo-yellow.svg) no-repeat 100% 100%; -webkit-background-size: 100% auto !important; -moz-background-size: 100% auto !important; -o-background-size: 100% auto !important; background-size: 100% auto !important; z-index: 0; bottom: 0; } .wso-jobprofil-wrapper { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-top: 2rem !important; margin-left: -1% !important; margin-right: -1% !important; } .wso-jobprofil-wrapper .wpgb-card.wpgb-card-1.wso-jobprofil-div { width: 23% !important; display: inline-block !important; float: left; margin: 1% !important; border-radius: 1em !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); overflow: hidden !important; -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; background: white !important; position: relative !important; } .wso-jobprofil-wrapper .wpgb-card.wpgb-card-1.wso-jobprofil-div:hover { -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 35%); } .wso-jobprofil-wrapper .wpgb-card.wpgb-card-1.wso-jobprofil-div .wpgb-card-media-thumbnail { overflow: hidden !important; position: relative !important; display: inline-block; width: 100% !important; float: left !important; } .wso-jobprofil-wrapper .wpgb-card.wpgb-card-1.wso-jobprofil-div .wpgb-card-media-thumbnail div { position: relative; display: inline-block; float: left; background-size: cover !important; width: 100% !important; height: 100% !important; padding-top: 85% !important; } #Wrapper .wso-jobprofil-wrapper .wpgb-card.wpgb-card-1.wso-jobprofil-div .wso-job-count { padding: .25rem 1.5rem; font-size: 1.5rem !important; } .wso-jobprofil-wrapper .wpgb-card-media-content { position: absolute !important; right: 0 !important; bottom: 0 !important; z-index: 5 !important; } .wso-jobprofil-wrapper .wpgb-card-media.wpgb-scheme-light { position: relative !important; display: inline-block !important; width: 100% !important; float: left; } .wso-jobprofil-wrapper .wpgb-card-content.wpgb-scheme-dark { position: relative; float: left; display: inline-block !important; width: 100% !important; } .wso-jobprofil-wrapper .wpgb-card-body { padding: 1rem 1rem .5rem !important; text-align: left !important; } .wso-jobprofil-wrapper a.wpgb-card-layer-link { position: absolute !important; left: 0; top: 0; height: 100%; width: 100%; } .single-wso_restaurant #Wrapper .section.wso-open-jobs .column .wso-jobprofil-wrapper a.wpgb-card-layer-link:after { content: none !important; } #Wrapper .wso-jobprofil-wrapper .wpgb-card-body p.wpgb-block-3.wso-h3 { font-size: 1.2rem !important; hyphens: auto !important; margin: 0 !important; text-align: left !important; } @media (max-width:767px) { .wpgb-map-facet { padding-bottom: 80vh !important; } } /*----SCROLLBAR----*/ /* width */ #Content ::-webkit-scrollbar { width: .5rem; border-radius: 1em !important; cursor: pointer !important; } /* Track */ #Content ::-webkit-scrollbar-track { background: white; border-radius: 1em !important; cursor: pointer !important; } /* Handle */ #Content ::-webkit-scrollbar-thumb { background: var(--black); /*background: -webkit-linear-gradient(left, var(--yellow) 30%, white 30%); background: -o-linear-gradient(left, var(--yellow) 30%, white 30%); background: linear-gradient(to right, var(--yellow) 30%, white 30%);*/ left: 0 !important; border-radius: 1em !important; cursor: pointer !important; } /* Handle on hover */ #Content ::-webkit-scrollbar-thumb:hover { background: black; border-radius: 1em !important; } /* ============================================ SMILE ============================================ */ @media only screen and (min-width: 1240px) { .section.mcb-section.wso-button-bar .column_attr { display: flex !important; justify-content: space-between !important; flex-direction: row !important; } } #Wrapper .section.mcb-section.wso-button-bar a.button { margin-left: .25rem !important; margin-right: .25rem !important; margin-top: .25rem !important; } #Wrapper .wso-mymcdonalds-app a.wso-qr-code-app { display: inline-block !important; margin-top: 2rem; float: left; clear: both !important; } #Wrapper .wso-mymcdonalds-app .wrap .mcb-wrap-inner .column.mcb-column.column_image.wso-img-proportional img { position: relative !important; padding-left: 2rem; } #Wrapper .wso-mymcdonalds-app .wrap .mcb-wrap-inner .column.mcb-column.column_image.wso-img-proportional * { height: 100% !important; } /*-----FAMILY-----*/ #Wrapper #Content .section.wso-family-intro .wso-hero-img { position: relative !important; } #Wrapper #Content .section.wso-family-intro .wrap:not(.wso-hero-img), .wso-family-intro h1.wso-title { display: none; } .wso-family-intro svg { width: 100% !important; height: auto !important; } .wso-family-intro .section_wrapper.mcb-section-inner { max-width: 100% !important; } body:not(.home) #Wrapper #Content .section.wso-family-intro { padding-bottom: 0 !important; padding-top: 0 !important; background: white !important; } body:not(.home) #Wrapper #Content .section.wso-family-intro .column_attr { max-width: 100% !important; width: 100% !important; } .wso-mymcdonalds .wso-mobile-border.wso-content:after { width: 100% !important; height: 100% !important; visibility: visible; } .wso-mymcdonalds .wso-mobile-border.wso-content:before { visibility: visible !important; height: calc(100% - 1.4rem) !important; width: calc(100% - 1.4rem) !important; } /*------HAPPY-MEAL------*/ .section.mcb-section.wso-section-multi-column.wso-happy-meal-section:before { content: ''; display: block; position: absolute; background: url(/wp-content/uploads/2021/03/melty-cheese-section.svg); height: 15rem; top: auto !important; bottom: 4rem !important; -webkit-background-size: auto 100% !important; -moz-background-size: auto 100% !important; -o-background-size: auto 100% !important; background-size: auto 100% !important; background-repeat: no-repeat; background-position: center !important; width: 120%; left: -10%; } .section.mcb-section.wso-section-multi-column.wso-happy-meal-section:after { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 18.9rem; background: var(--yellow) !important; height: auto !important; width: 100%; } .wrap.wso-happy-meal-wrap:not(.wso-happy-meal-mobile-slider) { width: 23%; margin: 0 1% !important; background: white !important; padding: 2rem .5rem 1rem !important; position: relative !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); } .wrap.wso-happy-meal-wrap.wso-main-meal .wso-img { position: absolute !important; height: 9rem !important; wdith: auto !important; max-width: 9rem !important; margin: 0 !important; bottom: -3.5rem; left: -3rem; } .wrap.wso-happy-meal-wrap h3.wso-title:after, .wso-preview h3.wso-title:after, .wso-happy-meal-content h3:after{ content: ''; display: block; position: relative; height: 3px; width: 90%; left: 5%; background: var(--yellow) !important; margin: .5rem 0 !important; } .wso-preview h3.wso-title:after { left: 0 !important; width: 100% !important; background: var(--red) !important; margin: 1rem 0 !important; } .wso-mobile-preview { text-align: center !important; } .wso-happy-meal-content h3:after { margin: .25rem 0 !important; width: 100%; left: 0; } #Wrapper .wso-happy-meal-content h3 { margin-bottom: .25rem !important; } #Wrapper .wrap.wso-happy-meal-wrap h6:last-child { margin: 0 !important; } #Wrapper .wrap.wso-happy-meal-wrap h6 a:hover { color: var(--yellow) !important; } .wrap.wso-happy-meal-wrap.wso-side-meal .wso-img, .wrap.wso-happy-meal-wrap.wso-vitamin .wso-img{ position: absolute !important; height: 4rem !important; width: auto !important; margin: 0 !important; bottom: -3rem; right: -1rem; max-width: 9rem !important; } .wrap.wso-happy-meal-wrap.wso-side-meal .wso-img { height: 5rem !important; } .wrap.wso-happy-meal-wrap.wso-vitamin .wso-img { height: 10rem !important; right: -5rem; bottom: -3rem; } .wrap.wso-happy-meal-wrap.wso-side-meal h6 strong, .wrap.wso-happy-meal-wrap.wso-side-meal h6 b { color: var(--yellow) !important; } #Wrapper .wrap.wso-happy-meal-wrap h6 { font-size: 1.2rem !important; } .section.mcb-section.equal-height-wrap.wso-preview .section_wrapper.mcb-section-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center !important; } .wso-happy-meal-content-repeater { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; } .wso-happy-meal-content-repeater .wso-happy-meal-content { text-align: center; } .wso-happy-meal-content img { max-height: 15rem !important; width: auto !important; } @media only screen and (min-width: 768px) { .wso-happy-meal-content.wso-happy-meal-book { display: flex; flex-direction: row; justify-content: center; align-items: center !important; margin-top: 1rem; } .section.mcb-section.wso-mymcdonalds-header-after-element:after { content: ''; display: block; position: absolute; right: -8rem;top: 30%; height: 35rem; width: 26rem; background: url(/wp-content/uploads/2021/09/mymcdonalds-ms-right.svg) no-repeat center; background-size: contain; } .section.mcb-section.wso-mymcdonalds-header-after-element { z-index: 2; } body.wso-mymcdonals footer#Footer:before { content: ''; display: block; position: absolute; left: -4rem; top: -23rem; height: 30rem; width: 22rem; background: url(/wp-content/uploads/2021/09/mymcdonalds-ms-right.svg) no-repeat center; background-size: contain; z-index: 1; visibility: visible; } .wso-product-grid.wso-grid-overview.wso-product-grid-overview.wso-product-repeater { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } } @media only screen and (max-width: 767px) { .wso-happy-meal-content.wso-happy-meal-book { text-align: center } } /* ============================================ VOUCHER ============================================ */ #Wrapper .wp-grid-builder.wso-bonus-book-grid .wpgb-wrapper { width: 100% !important; } #Wrapper .wp-grid-builder.wso-bonus-book-grid { margin-left: -1rem !important; margin-right: -1rem !important; } #Wrapper .wp-grid-builder.wso-bonus-book-grid, #Wrapper .wp-grid-builder.wso-bonus-book-grid .wpgb-wrapper, #Wrapper .wp-grid-builder.wso-bonus-book-grid .wpgb-main, #Wrapper .wp-grid-builder.wso-bonus-book-grid .wpgb-layout, #Wrapper .wp-grid-builder.wso-bonus-book-grid .wpgb-viewport.wpgb-carousel, #Wrapper .wso-bonus-book-grid .wpgb-masonry, #Wrapper .wpgb-card.wpgb-card-20, #Wrapper .wpgb-card.wpgb-card-20 .wpgb-card-wrapper, #Wrapper .wpgb-card.wpgb-card-20 .wpgb-card-inner, #Wrapper .wpgb-card.wpgb-card-20 .wpgb-card-content, #Wrapper .wpgb-card.wpgb-card-20 .wpgb-card-body { overflow: visible !important; } .wp-grid-builder.wso-bonus-book-grid .wpgb-viewport.wpgb-carousel { /* overflow: visible !important; */ margin-left: 2rem !important; margin-right: 2rem !important; } .wp-grid-builder.wso-bonus-book-grid .wso-voucher-div { display: inline-block !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; overflow: hidden !important; -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; background: white; width: calc(100% - 2rem) !important; text-align: center !important; margin-bottom: 1.75rem !important; float: left; margin-left: 1rem !important; margin-right: 1rem !important; } .wso-voucher-div .wso-qr-code img { width: 10rem !important; position: relative !important; display: block; margin: 0 auto !important; } .wso-voucher-div .wso-qr-code-wrap p { line-height: 1.2em !important; font-size: .9em !important; } .wp-grid-builder.wso-bonus-book-grid .wso-voucher-div .wso-qr-code-wrap { padding: 0 2rem 1rem; } #Wrapper .wpgb-card .wso-voucher-div .wso-qr-code-wrap p.wso-voucher-code:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { color: var(--gray) !important; width: 100% !important; float: left !important; display: inline-block !important; margin-bottom: 1rem; font-size: 1.25rem !important; } .wso-voucher-div .wso-qr-code { position: relative !important; display: inline-block; width: 100% !important; float: left; } .wso-voucher-div .wso-product-img img { display: inline-block !important; float: left; /*margin-bottom: 1.5rem;*/ width: 100% !important; } .wp-grid-builder.wso-bonus-book-grid .wso-voucher-div .wso-product-img { width: 100% !important; position: relative !important; display: inline-block !important; float: left; } .wp-grid-builder.wso-bonus-book-grid .wso-voucher-div { position: relative!important; } .wp-grid-builder.wso-bonus-book-grid .wso-voucher-div .wso-product-img:before { content: ''; background: url(/wp-content/uploads/2021/10/arrow-flat-yellow.svg) no-repeat center center; background-size: contain; height: 2.5em; width: 2.5em; position: absolute; display: block; left: auto; right: 1rem; top: auto !important; bottom: -3rem !important; /*-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);*/ z-index: 99; } .wso-voucher-div p.wso-h3 { position: relative; display: inline-block; width: 100%; padding: 0 4rem; } .wp-grid-builder.wso-bonus-book-grid .wso-bonus-book-card-active .wso-voucher-div .wso-product-img:before { -webkit-transform: scaleY(-1) !important; -moz-transform: scaleY(-1) !important; -ms-transform: scaleY(-1) !important; -o-transform: scaleY(-1) !important; transform: scaleY(-1) !important; } .wso-voucher-text { max-height: 0; overflow: hidden; -webkit-transition: var(--transition-medium) !important; -o-transition: var(--transition-medium) !important; -moz-transition: var(--transition-medium) !important; transition: var(--transition-medium) !important; position: relative !important; float: left !important; width: 100%!important; display: inline-block!important; } .wso-voucher-text .wso-h3 { padding-top: 1.5rem !important; } .wpgb-card.wso-bonus-book-card-active .wso-voucher-text { max-height: 25rem !important; -webkit-transition: var(--transition-medium) !important; -o-transition: var(--transition-medium) !important; -moz-transition: var(--transition-medium) !important; transition: var(--transition-medium) !important; opacity: 1; overflow: hidden!important; } .wp-grid-builder.wso-bonus-book-grid .wpgb-masonry .wpgb-card { position: relative!important; top: auto!important; left: auto!important; bottom: auto!important; right: auto!important; /* width: 100%!important; */ height: auto!important; display: inline-block !important; float: left !important; } .wso-bonus-book-grid .wpgb-viewport { height: auto !important; } .wp-grid-builder.wso-bonus-book-grid .wpgb-masonry .wpgb-card:hover .wso-voucher-div { -webkit-transform: scale(1.05)!important; -moz-transform: scale(1.05)!important; -ms-transform: scale(1.05)!important; -o-transform: scale(1.05)!important; transform: scale(1.05)!important; } /* ============================================ COVID ============================================ */ .wso-covid-icon-section .wrap.mcb-wrap.one-second .mcb-wrap-inner, .wso-covid-icon-section .wrap.mcb-wrap.one-third .mcb-wrap-inner{ display: flex !important; flex-direction: row !important; justify-content: space-between; align-items: flex-start !important; } .wso-covid-icon-section .wrap.mcb-wrap.one-second .column.mcb-column.two-third.column_column { margin-left: 3rem; } .wso-covid-icon-section .wrap.mcb-wrap.one-third .column.mcb-column.two-third.column_column { margin-left: 1.5rem; } .wso-covid-icon-section .wrap.mcb-wrap.one-second { width: 47% !important; } .wso-covid-icon-section .wrap.mcb-wrap.one-second:nth-child(2) { float: right !important; } .wso-covid-half-half .mcb-wrap-inner { display: flex; flex-direction: row !important; flex-wrap: wrap; align-items: center; } .wso-covid-half-half img { width: auto !important; float: none !important; display: block !important; margin: 0 auto; } .wso-covid-triple-icons img { width: auto !important; height: 8rem !important; } .wso-covid-19 .wso-section-image img { display: block !important; margin: 0 auto !important; float: none !important; width: auto !important; } .wso-covid-19 .wso-section-image * { text-align: center !important; float: none !important; } .wso-covid-19 .wso-section-image { padding: 3rem 0 !important; } .wso-section-multi-column.wso-video-section .column.mcb-column.column_image.wso-img.one .image_frame { width: 60% !important; margin: 0 auto !important; border-radius: 1em !important; overflow: hidden; } .wso-section-multi-column.wso-video-section .column.mcb-column.column_image.wso-img.one { height: 25rem; margin-bottom: -10rem; z-index: 99999 !important; } .section.mcb-section.wso-section-multi-column.wso-covid-half-half { padding-top: 10rem !important; } .wso-section-multi-column.wso-video-section .section_wrapper.mcb-section-inner { z-index: 10; } /* ============================================ SEARCH-GRID ============================================ */ .wp-grid-builder.wso-search-grid .wpgb-card-inner { padding: 2rem 0 !important; position: relative; border-bottom: 1px solid var(--black); } #Wrapper .wso-section-grid .wso-search-grid a.button:after { height: 1em; width: 1em; right: -1.5em !important; } #Wrapper .wso-section-grid .wso-search-grid p { margin-bottom: 1rem !important; z-index: 5; } #Wrapper .wso-section-grid .wso-search-grid .wpgb-hover-accent-1:hover p { color: var(--black) !important; } #Wrapper .wso-section-grid .wso-search-grid .wpgb-hover-accent-1:hover p.wso-h3 { color: var(--yellow) !important; } #Wrapper .wso-search-section .wpgb-facet input[type="search"] { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border-bottom: 3px solid var(--yellow) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; padding: .5rem 1rem !important; font-size: 2rem !important; font-family: 'Speedee Regular',sans-serif !important; } .wpgb-facet.wpgb-facet-24 { margin-top: 3rem; } #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-radio { padding: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background-color: var(--light-gray) !important; text-align: left !important; margin-right: 0 !important; padding-inline: 0.5rem !important; padding-block:.25rem !important; border-right: none; border-radius: 100vw !important; width: auto !important; float: left !important; display: inline-block !important; border-bottom: 0 !important; } #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-hierarchical-list { display:flex !important; flex-wrap: wrap; gap:.5rem; } @media only screen and (max-width:959px) { #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-hierarchical-list { gap:.8rem; } #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-radio { padding-inline: 0.75rem !important; } } .wpgb-facet.wpgb-facet-24 .wpgb-radio span.wpgb-radio-control { display: none !important; } .wpgb-facet.wpgb-facet-24 .wpgb-radio span.wpgb-radio-label { padding: 0 !important; } .wpgb-facet.wpgb-facet-24 li:last-child .wpgb-radio { border: 0 !important; padding: 0 !important; margin: 0 !important; } #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] { background-color:var(--yellow) !important; } #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-radio-facet .wpgb-radio:hover { background-color:var(--yellow) !important; } #Wrapper .wpgb-facet.wpgb-facet-24 h4.wpgb-facet-title, #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-radio-label { font-weight: 700 !important; font-family: 'Speedee Bold',sans-serif !important; } #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-hierarchical-list li { width: auto !important; float: left !important; } #Wrapper .wso-search-section .wpgb-facet .wpgb-search-facet button.wpgb-clear-button { right: 5rem !important; bottom: 0; color: var(--yellow) !important; } #Wrapper .wso-search-section svg.wpgb-input-icon { padding: 1rem !important; margin: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 3.5rem !important; height: 3.5rem !important; color: var(--black) !important; background: var(--yellow) !important; font-size: 2rem !important; pointer-events: all !important; cursor: pointer !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; border-radius: 1rem 1rem 0 1rem !important; } #Wrapper .wso-search-section .wpgb-facet .wpgb-search-facet button.wpgb-clear-button svg { height: 2rem !important; } /* ============================================ DATA ICONS ============================================ */ .wso-data-icons .wso-wrap-code .column { width: 100%; margin-left: 0; margin-right: 0 !important; } .wso-data-icons .wso-wrap-code .column .column_attr.clearfix { display: flex; flex-direction: row; flex-wrap: wrap; } .wso-data-icons .wso-wrap-code a.scroll { flex-basis: 16.66% !important; font-size: .9rem !important; padding: 1rem 2rem !important; line-height: 1.2em !important; } .wso-data-icons .wso-wrap-code a.scroll:before { content: ''; display: block; position: relative; height: 3rem; width: 3rem; margin: 0 auto .5rem; border: 1px solid var(--yellow); border-radius: 50% !important; } a.scroll.wso-information-collect:before { background: url(/wp-content/uploads/2021/11/element-387.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-information-use:before { background: url(/wp-content/uploads/2021/11/element-426.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-information-share:before { background: url(/wp-content/uploads/2021/11/element-423.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-children-privacy:before { background: url(/wp-content/uploads/2021/11/element-380.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-choices-rights:before { background: url(/wp-content/uploads/2021/11/element-376.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-possible-changes:before { background: url(/wp-content/uploads/2021/11/element-401.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-online-services:before { background: url(/wp-content/uploads/2021/11/element-429.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-links-website-social:before { background: url(/wp-content/uploads/2021/11/element-419.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-information-security:before { background: url(/wp-content/uploads/2021/11/element-407.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-retention:before { background: url(/wp-content/uploads/2021/11/element-398.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-international-data-transfers:before { background: url(/wp-content/uploads/2021/11/element-410.svg) no-repeat center; background-size: auto 50% !important; } a.scroll.wso-contact:before { background: url(/wp-content/uploads/2021/11/element-404.svg) no-repeat center; background-size: auto 50% !important; } /* ============================================ Responsiv ============================================ */ .wso-mobile-section .wpgb-facet.wpgb-facet-16 .wpgb-radio span.wpgb-radio-control, .wso-mobile-section .wpgb-facet.wpgb-facet-22 .wpgb-checkbox span.wpgb-checkbox-control, .wso-mobile-section .wpgb-facet.wpgb-facet-21 .wpgb-checkbox span.wpgb-checkbox-control { display: inline-block !important; margin: 0 1rem 0 0 !important; float: left; } .wso-mobile-section .wpgb-facet.wpgb-facet-16 .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control, .wso-mobile-section .wpgb-facet.wpgb-facet-22 .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control, .wso-mobile-section .wpgb-facet.wpgb-facet-21 .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control{ background: white !important; } .wso-mobile-section .wpgb-facet.wpgb-facet-16 .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control::after, .wso-mobile-section .wpgb-facet.wpgb-facet-22 .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control::after, .wso-mobile-section .wpgb-facet.wpgb-facet-21 .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control::after{ border-color: var(--yellow) !important; } .section.mcb-section.wso-section-text .column, .section.mcb-section.wso-section-text p:last-child { margin: 0 !important; } .section.mcb-section.wso-section-text.wso-small p { font-size: 1rem !important; line-height: 1.65em !important; } @media only screen and (max-width: 1499px) and (min-width: 1240px) { html { font-size: 1.15vw !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .wrap:not(.wso-hero-img), body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wrap:not(.wso-hero-img) { left: 10% !important; width: 40%; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image { bottom: -13rem; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-left { left: 7.5rem !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-right{ right: 7.5rem !important; } } @media only screen and (max-width: 1239px) and (min-width: 1024px) { html { font-size: 1.35vw !important; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { html { font-size: 1.6vw !important; } .wpgb-facet.wpgb-facet-20 + .wso-filter-div { width: 58% !important; } .wpgb-facet.wpgb-facet-20 + .wso-filter-div .wpgb-facet .wpgb-hierarchical-list { text-align:left; } } @media only screen and (max-width: 767px) and (min-width: 600px) { html { font-size: 2.5vw !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro p { /* width: 75% !important; */ } .wso-intro-slogan { margin-bottom: 12rem; } } @media only screen and (max-width: 599px) { html { font-size: 3.7vw !important; } } @media only screen and (max-width: 1239px) { #Wrapper #Top_bar { position: fixed !important; top: 0 !important; /* height: var(--mobile-top-bar-height) !important; */ /* height: 0 !important; */ } #Wrapper #Top_bar .container, #Wrapper #Top_bar .column, #Wrapper #Top_bar .top_bar_left, #Wrapper #Top_bar .menu_wrapper { height: 100%; } #Wrapper #Top_bar #logo img, #Wrapper #Top_bar.is-sticky #logo img { /* width: 4.5rem !important; */ } #Wrapper #Top_bar a.responsive-menu-toggle { position: absolute; top: 50% !important; right: 1rem; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); margin: 0 !important; width: auto !important; height: auto !important; color: white; } #Wrapper #Top_bar.is-sticky a.responsive-menu-toggle { color: var(--color-1); } #Top_bar a.responsive-menu-toggle i { font-size: 2rem !important; } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2 { /* font-size: 3.2rem; */ } #Wrapper .wso-highlight-button { top: -6rem; right: 0; } #Top_bar .logo { top: 0%; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); margin: 0 !important; } #Wrapper .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-2 { left: 11.5rem; } .section.mcb-section.wso-pommes-left-bottom:before { height: 20rem !important; } .section.mcb-section.wso-restaurant-search .wso-restaurant-grid { margin: 0 2rem !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .wrap:not(.wso-hero-img), body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wrap:not(.wso-hero-img) { width: 45% !important; left: 5% !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .image_wrapper, body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .image_wrapper { margin-top: 12rem !important; } #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-right { right: 12rem !important; } #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-left { left: 12rem !important; } body.wso-mymcdonals footer#Footer:before { width: 18rem; top: -21.5rem !important; } .section.mcb-section.wso-mymcdonalds-header-after-element:after { width: 17rem !important; right: -2rem !important; top: 10% !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image { bottom: -12rem; } body #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro:first-child .image_wrapper { padding-top: 53% !important; } #Wrapper .wso-history-timeline .wpgb-card-wrapper { margin: 8rem 1rem 0 !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-left { left: 6.5rem !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-right{ right: 6.5rem !important; } #Wrapper .wso-history-timeline .wpgb-card-inner:after { left: 4rem; } #Wrapper .wpgb-grid-32 .wpgb-area-left, #Wrapper .wso-news-grid .wpgb-area-left { left: -1rem!important; } #Wrapper .wpgb-grid-32 .wpgb-area-right, #Wrapper .wso-news-grid .wpgb-area-right { right: -1rem!important; } } @media only screen and (max-width: 1023px) { :root { --content-width: 90%; } .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: 33rem; } .wso-section-text-img-fullwidth .wrap:first-child { padding: 5% 4%; } #Wrapper .wso-highlight-button { top: -5rem; width: 10rem !important; height: 10rem !important; } .wso-highlight-button p { font-size: .7rem !important; } #Wrapper .wso-highlight-button p strong { font-size: 2em !important; } #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; } #Top_bar .menu > li:not(.wso-menu-button) { margin: 0rem !important; } #Top_bar .menu > li.wso-icon.wso-map-icon { margin: 0 .75rem !important; } #Top_bar .menu > li.wso-menu-button { margin-left: 1.5rem; } .wso-product-cat-grid .wpgb-card { width: -webkit-calc(25% - 2rem) !important; width: -moz-calc(25% - 2rem) !important; width: calc(25% - 2rem) !important; } .wso-product-cat-grid .wpgb-card:first-child { width: -webkit-calc(50% - 2rem) !important; width: -moz-calc(50% - 2rem) !important; width: calc(50% - 2rem) !important; height: auto !important; } .wp-grid-builder.wso-product-cat-grid .wpgb-card:first-child svg[data-ratio] { padding-top: 105.5% !important; } .section.mcb-section.wso-pommes-left-bottom:before { height: 15rem !important; } .section.mcb-section.wso-faq-filter .wpgb-facet.wpgb-facet-11 { width: 100% !important; float: left !important; } .wso-404 .section_wrapper.mcb-section-inner { /*max-width: 90% !important; margin-right: 2.5%;*/ } .wrap.mcb-wrap.two-fifth.wso-press-text-content .mcb-wrap-inner { margin-left: 2.5rem !important; } #Wrapper .wso-press-text-content .wso-round-border .wso-press-release-text { padding: 1rem 1.25rem !important; } #Wrapper .wso-press-text-content .wso-round-border a.button { margin-right: .45rem !important; } .wso-section-multi-column.wso-video-section .column.mcb-column.column_image.wso-img.one .image_frame, .wso-section-multi-column.wso-video-section.wso-mccafe-breaker .column.mcb-column.column_image.wso-img.one .image_frame { width: 80% !important; } .wso-mccafe .wso-section-multi-column.wso-video-section .column.mcb-column.column_image.wso-img.one .image_frame { border-radius: 1em !important; overflow: hidden !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .image_wrapper, body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .image_wrapper { margin-top: 18rem !important; } .wso-kinderhilfe-logo-absolute { top: 12rem !important; } #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-right { right: 10rem !important; } #Wrapper .wso-sustainability-grid.wp-grid-builder .wpgb-area-left { left: 10rem !important; } #Wrapper .wso-history-timeline .wpgb-card-wrapper, #Wrapper .wso-sustainability-grid .wpgb-card-wrapper { margin: 8rem 1rem 0 !important; } .single-wso_restaurant #Wrapper h1:before { content: none !important; } .wso-restaurant-infos { margin-top: 2rem !important; } .single-wso_restaurant .section.wso-section-multi-column .wrap { position: relative !important; width: 100% !important; } .section.mcb-section.wso-restaurant-search .wrap { width: 100% !important; } .single-wso_restaurant .section.wso-section-multi-column .wrap.mcb-wrap.wso-restaurant-infos .mcb-wrap-inner, .single-wso_restaurant .section.mcb-section.wso-section-text.wso-open-jobs .mcb-wrap-inner, .single-wso_restaurant .wso-service-wrap .mcb-wrap-inner { padding: 0 !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image { bottom: -13rem; left: -22% !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image img { width: 70vw !important; } body #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro:first-child .image_wrapper { padding-top: 65% !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-left { left: 1rem !important; } #Wrapper .wso-history-timeline.wp-grid-builder .wpgb-area-right{ right: 1rem !important; } .wso-product-repeater .wso-product-tax-grid-div .wpgb-card.wpgb-card-6 { width: calc(33.33% - 3rem) !important; } div#product-allergens .column.one li, div#product-allergens .column.one-second li{ width: calc(20% - 2rem); } .wso-grid-slider.wso-news-grid .wpgb-card-body { min-height: 12rem; } .wp-grid-builder.wso-news-grid.wso-grid-slider .wpgb-card-1 .wpgb-card-media, .home .wp-grid-builder.wso-news-grid .wpgb-card-1 .wpgb-card-media, .wp-grid-builder.wso-news-grid.wso-grid-slider .wpgb-card-13 .wpgb-card-media { height: 20rem !important; } .wp-grid-builder .wpgb-card-1 .wpgb-card-media { min-height: auto !important; } .wso-data-icons .wso-wrap-code a.scroll { padding: 0.5rem 1rem !important; } .wpgb-facet .wpgb-hierarchical-list li .wpgb-checkbox, .wpgb-radio-facet .wpgb-radio, .wpgb-checkbox-facet .wpgb-checkbox { margin-right: 0.5rem !important; } #job-filter input.wmjo-autocomplete.pac-target-input { min-width: 13rem !important; width: auto !important; } input.wmjo-range { width: 18rem !important; } #Wrapper .wpgb-facet.wpgb-facet-22 span.wpgb-checkbox-label, #Wrapper .wpgb-facet.wpgb-facet-21 span.wpgb-checkbox-label{ font-size: .9rem !important; } #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-inline-list li .wpgb-button { font-size: 1rem !important; } #Wrapper .wpgb-facet .wpgb-inline-list li .wpgb-button::before { width: 3rem !important; } #BorlabsCookieBox ._brlbs-accept { width: 48% !important; float: left; display: block !important; margin: 0rem 1% 1rem !important; } html #BorlabsCookieBox ._brlbs-accept a._brlbs-btn { padding: 0.75em 0.5em !important; font-size: .9rem !important; line-height: 1.2em !important; } #BorlabsCookieBox .cookie-preference ._brlbs-refuse a._brlbs-cursor { padding: 0.75em 0.5em !important; font-size: .9rem !important; line-height: 1.2em !important; } #BorlabsCookieBox .col-12.col-sm-7 ._brlbs-accept { width: 100% !important; } #BorlabsCookieBox p { font-size: .85rem !important; } } @media only screen and (min-width: 960px) { .wso-mobile-item, .wso-mobile-burger-menu { display: none !important; } } @media only screen and (max-width: 959px) { #Top_bar .logo { position: relative !important; top: -1px !important; -webkit-transform: translate(-50%,0%) !important; -ms-transform: translate(-50%,0%) !important; -moz-transform: translate(-50%,0%) !important; -o-transform: translate(-50%,0%) !important; transform: translate(-50%,0%) !important; left: 50% !important; } #Top_bar .menu_wrapper { display: none !important; } body.wso-mymcdonals footer#Footer:before, .section.mcb-section.wso-mymcdonalds-header-after-element:after { display: none !important; } .wso-mymcdonalds-point-accordion + .wso-section-text .wrap { width: 100% !important; left: 0 !important; } #Footer .footer_copy { margin-bottom: 2.5rem; } /* #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle { position:fixed; bottom: 1.5rem !important; right: 1.5rem !important; top: auto !important; background-color:var(--yellow); -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width: 5.82rem !important; height: 5.82rem !important; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle i { width: 38% !important; position:relative; height:0; padding-top: 18%; display:block; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle i::before, #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle i::after{ content: '' !important; border-color: var(--color-1); border-style:solid; width:100%; position:absolute; -webkit-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) width var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); -o-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) width var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); -moz-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) width var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) width var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); margin:0 !important; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); left: 50%;} #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle i::before{ border-width: .158rem 0 .158rem 0; height: 100%;} #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle i::after { border-width: .158rem 0 0 0; height: 0px;} body.mobile-menu-open #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle i::before, body.mobile-menu-open #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle i::after { height:0rem; border-width: .158rem 0 0 0; -webkit-transition: var(--burger-menu-transition) height 0s, 0s width var(--burger-menu-transition), var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; -o-transition: var(--burger-menu-transition) height 0s, 0s width var(--burger-menu-transition), var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; -moz-transition: var(--burger-menu-transition) height 0s, 0s width var(--burger-menu-transition), var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; transition: var(--burger-menu-transition) height 0s, 0s width var(--burger-menu-transition), var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s;} body.mobile-menu-open #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle i::before { -webkit-transform: translate(-50%,-50%) rotate(-45deg); -moz-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); -o-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); z-index: 999;} body.mobile-menu-open #Wrapper #Top_bar .menu_wrapper .responsive-menu-toggle i::after { -webkit-transform: translate(-50%,-50%) rotate(45deg); -moz-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); -o-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); z-index: 999;} #Wrapper #Top_bar { z-index:999999} #Side_slide::before{ position: absolute; content:''; background:url('/wp-content/uploads/2021/04/mcd-logo.svg'); top:0; left:0; right:0; -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto; background-size:100% auto; background-position:bottom center; background-repeat:no-repeat; background-color: var(--yellow); -webkit-transition: var(--transition-medium); -o-transition: var(--transition-medium); -moz-transition: var(--transition-medium); transition: var(--transition-medium); -webkit-transform: translate(0,-100%); -moz-transform: translate(0,-100%); -ms-transform: translate(0,-100%); -o-transform: translate(0,-100%); transform: translate(0,-100%); height:0;} body.mobile-menu-open #Side_slide::before{ -webkit-transform: translate(0,0%); -moz-transform: translate(0,0%); -ms-transform: translate(0,0%); -o-transform: translate(0,0%); transform: translate(0,0%); height:130vh} body #Content, body #footer { -webkit-transition:var(--transition-short) opacity; -o-transition:var(--transition-short) opacity; -moz-transition:var(--transition-short) opacity; transition:var(--transition-short) opacity;} body.mobile-menu-open #Content, body.mobile-menu-open #Footer { opacity:0;} #Side_slide { right:0 !important; left:0 !important; top:0!important; bottom:0!important; width: 100%; -webkit-transform: translate(0,-100%); -moz-transform: translate(0,-100%); -ms-transform: translate(0,-100%); -o-transform: translate(0,-100%); transform: translate(0,-100%); -webkit-transition:.5s margin-top 0s, var(--transition-medium) opacity 0s, 0s -webkit-transform var(--transition-medium); transition:.5s margin-top 0s, var(--transition-medium) opacity 0s, 0s -webkit-transform var(--transition-medium); -o-transition:.5s margin-top 0s, var(--transition-medium) opacity 0s, 0s -o-transform var(--transition-medium); -moz-transition:.5s margin-top 0s, var(--transition-medium) opacity 0s, 0s transform var(--transition-medium), 0s -moz-transform var(--transition-medium); transition:.5s margin-top 0s, var(--transition-medium) opacity 0s, 0s transform var(--transition-medium); transition:.5s margin-top 0s, var(--transition-medium) opacity 0s, 0s transform var(--transition-medium), 0s -webkit-transform var(--transition-medium), 0s -moz-transform var(--transition-medium), 0s -o-transform var(--transition-medium); margin-top:-2rem; padding-top: 6.5rem; height: 100vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0;} #Side_slide #menu{ opacity:0; -webkit-transition:var(--transition-short); -o-transition:var(--transition-short); -moz-transition:var(--transition-short); transition:var(--transition-short);} body.mobile-menu-open #Side_slide #menu{ opacity:1;} #Side_slide .close-wrapper { display:none;} body.mobile-menu-open #Side_slide { margin-top:0rem; width: 100%; -webkit-transform: translate(0,0%); -moz-transform: translate(0,0%); -ms-transform: translate(0,0%); -o-transform: translate(0,0%); transform: translate(0,0%); -webkit-transition:var(--transition-medium) margin-top 0s, var(--transition-medium) opacity 0s, 0s -webkit-transform 0s; transition:var(--transition-medium) margin-top 0s, var(--transition-medium) opacity 0s, 0s -webkit-transform 0s; -o-transition:var(--transition-medium) margin-top 0s, var(--transition-medium) opacity 0s, 0s -o-transform 0s; -moz-transition:var(--transition-medium) margin-top 0s, var(--transition-medium) opacity 0s, 0s transform 0s, 0s -moz-transform 0s; transition:var(--transition-medium) margin-top 0s, var(--transition-medium) opacity 0s, 0s transform 0s; transition:var(--transition-medium) margin-top 0s, var(--transition-medium) opacity 0s, 0s transform 0s, 0s -webkit-transform 0s, 0s -moz-transform 0s, 0s -o-transform 0s;} body #Side_slide a, body.mobile-menu-open #Side_slide a{ color:#000 !important;} #body_overlay { display:none !important;} */ .wso-mymcdonalds-point-accordion .wso-mymcdonalds { width: 100% !important; } .wso-job-grid:not(.wp-grid-builder) .wpgb-card.wpgb-card-1 { width: 50% !important; margin-bottom: 1rem !important; } .wso-job-grid-overview .wpgb-card-1 .wpgb-card-wrapper { margin: 0 0.5rem !important; } } @media only screen and (min-width: 768px) { span.wpcf7-form-control-wrap.salutation { width: 40% !important; } span.wpcf7-form-control-wrap.title { width: 65%; } body #Wrapper #Content .section.wso-section-intro:first-child .wso-hero-img, body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wso-hero-img { position: relative !important; } body #Wrapper #Content .section.wso-section-intro:first-child .section_wrapper, body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .section_wrapper { max-width: 100% !important; } body #Wrapper #Content .section.wso-section-intro:first-child .image_wrapper, body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .image_wrapper { height: 0 !important; padding-top: 33% !important; } body #Wrapper #Content .section.wso-section-intro:first-child .image_wrapper img, body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .image_wrapper img { position: absolute !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; height: 100% !important; width: 100% !important; } body #Wrapper #Content .section.wso-section-intro:first-child .wrap:not(.wso-hero-img), body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wrap:not(.wso-hero-img) { position: absolute !important; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); max-width: 90%; left: 5%; } body.wso-covid-19 #Wrapper #Content .section.wso-section-intro:first-child .image_wrapper, body.wso-covid-19 #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .image_wrapper { height: auto !important; padding: 0 !important; } body.wso-covid-19 #Wrapper #Content .section.wso-section-intro:first-child .image_wrapper img, body.wso-covid-19 #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .image_wrapper img { position: relative !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-ama-section .section_wrapper.mcb-section-inner { display: flex; flex-direction: row; flex-wrap: wrap !important; } #job-filter .wso-filter-div .wpgb-facet { display: inline-block !important; float: left !important; } #job-filter .wso-filter-div .wpgb-facet.wpgb-facet-9 { width: 26% !important; } #job-filter .wso-filter-div .wpgb-facet.wpgb-facet-10 { width: 54% !important; } .wso-apply-filter { display: inline-block; float: left; width: 20%; text-align: center !important; } #job-filter input.wmjo-autocomplete.pac-target-input { display: inline-block !important; float: left; min-width: 15rem; } .wso-standort * { display: inline-block !important; float: left !important; } .wso-standort { position: relative !important; width: 70% !important; display: inline-block !important; } .wso-eat #Wrapper .section .section_wrapper.mcb-section-inner { max-width: 60rem !important; } #Wrapper .wso-section-breaker:not(.full-width) .wrap:last-child .column.mcb-column.one.column_column { width: 45% !important; } .wso-mymcdonalds-point-accordion + .wso-section-text .column_attr.clearfix { width: 90% !important; margin: 0 auto; } .wso-filter-div { width: 65% !important; float: left; display: inline-block !important; } .wso-filter-div.wso-product-filter { width: 100% !important; } .wso-restaurant-grid .wso-restaurant-card-active .wso-close-restaurant-card img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #Wrapper .wso-close-restaurant-card { height: 1.5em; width: 1.5em; position: absolute; display: inline-block !important; right: 1rem; top: 0.5rem; z-index: 99; margin: 0 !important; left: auto !important; padding: 0 !important; } #Wrapper .section.wso-barchart-section .wso-wrap-content { height: 0 !important; } .single-wso_product #Wrapper .ui-tabs { width: 90% !important; margin: 0 auto 1rem; } } @media only screen and (max-width: 767px) { :root { --mobile-top-bar-height: 5rem; } #Wrapper #Top_bar { background-color: white !important; height: 6.5rem !important; /* height: 0 !important; */ margin: 0 !important; border: 0 !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; } .wso-mobile-menu-active #Wrapper #Top_bar{ background-color: transparent !important; } #Wrapper #Top_bar:not(.is-sticky) { height: 0 !important; background: transparent !important; } #Wrapper #Top_bar #logo img, #Wrapper #Top_bar.is-sticky #logo img { width: 4.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; } .wso-404 .section_wrapper.mcb-section-inner { margin: 0 !important; } #Wrapper .wso-section-breaker:not(.full-width) .wrap:last-child { padding: 3rem 2rem 1rem !important; } #Wrapper #Content { /* margin-top: var(--mobile-top-bar-height); */ } /*.wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card, */ .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 { /* min-height: 500px; */ /* position: relative !important; */ /* max-height: 95vh !important; */ /* height: 100% !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: none !important; min-height: auto !important; margin-top: 5rem; height: auto !important; position: relative !important; overflow: visible !IMPORTANT; } .wso-section-slider .wpgb-grid-19, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card { /* height: 100% !important; */ /* min-height: 100% !important; */ overflow: visible !important; } .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body { /* display: block !important; */ margin: 2rem auto 0 !important; position: relative !important; height: auto !important; -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); overflow: hidden !important; width: 100% !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; max-width: 100% !important; } .wp-grid-builder.wpgb-grid-19 .wpgb-card .wpgb-card-content { display: block !important; float: left !important; height: auto !important; } .wp-grid-builder.wpgb-grid-19 .wpgb-card .wpgb-card-inner, .wp-grid-builder.wpgb-grid-19 .wpgb-card .wpgb-card-wrapper { height: auto !important; position: relative !important; display: inline-block !important; width: 100% !important; } .wpgb-card-2 .wpgb-card-content, .wpgb-card-2 .wpgb-card-media.wpgb-scheme-light, .wpgb-card-2 .wpgb-wrapper, .wpgb-card-2 .wpgb-main, .wpgb-card-2 .wpgb-layout, .wpgb-card-2 .wpgb-carousel, .wpgb-card-2 .wpgb-masonry, .wpgb-card-2 .wpgb-card { height: auto !important; } #Wrapper .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-2 { display: none !important; } .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body > div { width: 100% !important; height: auto !important; position: relative !important; display: block !important; float: left !important; max-width: 100% !important; } .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-card-body .wpgb-block-1 { padding: 2rem !important; } .home .wst-wpgb-wrapper .wpgb-card-2 .wpgb-block-5 { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .home .wpgb-card-2 .wso-slider-skin-img { height: 100% !important; position: relative !important; float: left; min-height: auto !important; width: 100% !important; } .home .wpgb-card-2 .wso-slider-skin-img img { height: 100% !important; float: left !important; /* position: absolute !important; */ width: 100% !important; } .wpgb-grid-19 .wpgb-area-bottom-1 { position: relative !important; bottom: 3rem !important; z-index: 99999 !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(--yellow) !important; background-color: var(--yellow); /* color: white; */ } #Wrapper .ui-tabs .ui-tabs-nav li a { padding: .5rem 1rem !important; margin-bottom: -1px !important; } div#product-nutritional-values li.ui-tabs-tab { width: 33.333% !important; min-width: auto !important; } div#product-nutritional-values ul.ui-tabs-nav { width: 100% !important; } #Wrapper div#product-nutritional-values .ui-tabs-panel { -webkit-border-radius: 0 0 2em 2em !important; -moz-border-radius: 0 0 2em 2em !important; border-radius: 0 0 2em 2em !important; padding: 2rem 1rem !important; } div#product-nutritional-values .wso-nutritional-value-div p:not(:first-child) { text-align: right !important; } div#product-nutritional-values .wso-portion-select { margin-left:-.5rem; margin-right:-.5rem; margin-bottom: 1rem !important; } div#product-intro .section_wrapper.mcb-section-inner { flex-direction: column-reverse !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; overflow: visible !important; } div#product-nutritional-values .wso-portion-select-option{ height: 8.7rem; margin-right: .5rem; margin-left: .5rem; max-width:calc(33.33% - 1rem); } #Wrapper .wso-section-hero:not(.wso-section-breaker) { padding: 5rem 0 !important; } .wso-section-text-img:not(.wso-section-text-img-fullwidth) .wrap:first-child, .wso-section-text-img:not(.wso-section-text-img-fullwidth) .column_image { margin-bottom: 1rem !important; } #Wrapper .wso-highlight-button { top: -8rem; } #Wrapper .wso-img-box { height: auto !important; } #Wrapper .section.wso-img-contain .wso-img-box:not(:last-child) { margin-bottom: 2rem !important; } #Wrapper .wso-img-box img { position: absolute !important; /* display: inline-block !important; */ } .wso-machhaltigkeit #Wrapper .section.wso-img-contain .column.wso-img-box:nth-child(2):after { content: ''; display: block; position: absolute; bottom: -1.5rem; left: 50%; width: 7rem; height: 1.5rem; background: url(/wp-content/uploads/2021/03/melty-cheese-product-cat.svg) no-repeat center top; background-size: contain; } #Wrapper .wso-img-box .image_wrapper { -webkit-flex-basis: 75% !important; -ms-flex-preferred-size: 75% !important; flex-basis: 75% !important; position: relative; width: 100% !important; height: 100% !important; display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; min-height: 8rem; } #Wrapper .wso-img-box .image_frame { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; overflow: hidden !important; } #Wrapper .wso-img-box .wp-caption-text { position: relative !important; text-align: left !important; padding: 2rem 1.25rem !important; } #Wrapper .column_image .wp-caption-text h3 { display: block !important; height: auto !important; font-size: 1.5rem !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; } ul#menu-footer-menu { -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } ul#menu-footer-menu > li { margin-bottom: 1rem !important; } ul#menu-footer-menu > li:last-child { margin-bottom: 0rem !important; } #Footer .widgets_wrapper:after { width: 102% !important; height: 8rem; background: url(/wp-content/uploads/2021/03/melty-cheese-mobile.svg) no-repeat center top; } #Footer .widgets_wrapper { margin-bottom: 0rem; } .wso-social-media-links span { margin: 0 .5rem; padding: .75rem; -webkit-border-radius: 1.25rem !important; -moz-border-radius: 1.25rem !important; border-radius: 1.25rem !important; } .wso-social-media-links span:after { height: 2rem !important; width: 2rem !important; } .wso-news-grid { /* margin-left: -1rem !important; */ /* margin-right: -1rem !important; */ } .wso-news-grid.wp-grid-builder .wpgb-card:only-child { width: 100% !important; } .wso-social-media-links .wso-facebook span:after { background: url(/wp-content/uploads/2025/06/facebook-mobile.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .wso-social-media-links .wso-instagram span:after { background: url(/wp-content/uploads/2025/06/insta-mobile.svg) no-repeat center; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; } .wso-social-media-links .wso-youtube span:after { background: url(/wp-content/uploads/2025/06/youtube-mobile.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .wso-social-media-links .wso-tiktok span:after { background: url(/wp-content/uploads/2025/06/tiktok-icon-mobile.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .wso-social-media-links .wso-linkedin span:after { background: url(/wp-content/uploads/2025/06/linkedin-desktop.svg) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .wso-page-grid .wpgb-card-1 .wpgb-card-header { padding: 1.5rem !important; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } #Wrapper .wpgb-card-1 .wpgb-card-header .wso-h3 { min-height: auto !important; vertical-align: middle !important; margin: 0 !important; /* font-size: 1rem !important; */ } #Wrapper .wpgb-card p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-size: .85rem !important; } .wp-grid-builder .wpgb-card-1 .wpgb-card-media { min-height: 13rem !important; } .section.mcb-section:not(.wso-section-slider) { /* padding: 3rem 0 !important; */ } .wso-wrap-content .column { margin-bottom: 1.5rem !important; } /*#Wrapper .wso-page-grid .wpgb-viewport.wpgb-carousel { margin-right: -13rem !important; overflow: visible !important; }*/ #Wrapper .wso-page-grid .wpgb-layout { margin-right: -12rem !important; overflow: visible !important; } .wso-news-grid .wpgb-card.wpgb-card-1:first-child:after { content: ''; display: block; position: absolute; height: 15rem; width: 90%; background: url(/wp-content/uploads/2021/03/melty-cheese-small.svg) no-repeat center right; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; right: .65rem !important; bottom: -3.25rem; z-index: -1; } .wso-career-blog-grid .wso-news-grid .wpgb-card.wpgb-card-1:first-child:after { content: none !important; } .wso-logo-lottiefile-wrapper, .wso-logo-lottiefile-wrapper *{ display: none !important; } #Footer a { font-size: 1em !important; } #Footer .section { padding: 2rem 0 0 !important; } .wso-social-media-links { padding: 1rem 0 2rem !important; } .wso-product-cat-grid .wpgb-card { width: -webkit-calc(33.33% - 2rem) !important; width: -moz-calc(33.33% - 2rem) !important; width: calc(33.33% - 2rem) !important; } .wso-product-cat-grid .wpgb-card:first-child { width: -webkit-calc(66.66% - 2rem) !important; width: -moz-calc(66.66% - 2rem) !important; width: calc(66.66% - 2rem) !important; height: auto !important; } .wp-grid-builder.wso-product-cat-grid .wpgb-card:first-child svg[data-ratio] { padding-top: 103% !important; } .wso-product-cat-grid .wpgb-card-content.wpgb-scheme-dark { margin: .5rem auto 1rem !important; } .wso-product-cat-grid .wpgb-card:first-child .wpgb-card-body * { text-align: left !important; } body:not(.home) #Wrapper .section.mcb-section:not(.wso-white):first-child, .wso-filter-wrap:not(.wrap) { background: var(--yellow) !important; } body #Wrapper #Content .section.mcb-section.wso-presse-link-section:first-child, body #Wrapper #Content .section.mcb-section.wso-presse-link-section:first-child + .section.wso-section-text { padding-bottom: 0 !important; } body #Wrapper #Content .section.mcb-section.wso-presse-link-section:first-child + .section.wso-section-text + .section { padding-top: 1rem !important; overflow: visible !important; z-index: 1; margin-top: -1px !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-presscontact-section:before { top: -1px !important; } body.wso-machhaltigkeit #Wrapper #Content .section.mcb-section:first-child, body.single-wso_restaurant:not(.home) #Wrapper #Content .section.mcb-section:first-child, body.single-wso_product #Wrapper #Content .section.mcb-section:first-child, body.wso-smile #Wrapper #Content .section.mcb-section:first-child, body.single-wso_press_release #Wrapper #Content .section.mcb-section:first-child, body #Wrapper #Content .section.mcb-section.wso-404, body #Wrapper #Content .section.mcb-section.wso-smile-section { background: white !important; } body:not(.home) #Wrapper #Content .section:first-child, div#product-intro/*, #Wrapper #Content .section.wso-rn-show.wso-no-results*/ { padding-top: 7rem !important; } body:not(.home) #Wrapper #Content .section.wso-section-slider { padding: 0 !important; } #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child, body #Wrapper #Content .section.wso-section-intro:first-child, body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro, body #Wrapper #Content .section.wso-section-intro#product-intro { margin-top: 0 !important; padding: 7rem 0 0rem !important; } body #Wrapper #Content .section.mcb-section.wso-404 { text-align: center !important; } body #Wrapper #Content .section.wso-section-intro#product-intro:after { content: none !important; } .wso-job-filter .wso-filter-div .question, .wso-job-filter .wso-filter-div .question .title { float: right; } .wso-job-filter .accordion .question { transition:var(--transition-normal); max-width:100%; } .wso-job-filter .accordion .question:not(.active) { max-width: 6.1em; } .wso-job-filter .accordion .question .answer { transition:var(--transition-normal); max-width: 100vw !important; max-height:0 !important; opacity:0; pointer-events:none; transform: translate(150%,0); padding-top:0rem !important; margin-top:1.5rem; display: block !important; width: 100% !important; } .wso-job-filter .accordion .question.active .answer { max-height: none !important; opacity:1; pointer-events:all; transform: translate(0%,0); } .wso-section-multi-column.wso-job-filter .wso-filter-div .question, .wso-section-multi-column.wso-job-filter .wso-filter-div .question .title { float: left !important; } #job-filter .wso-filter-div .question.active .title { color: white !important; } #job-filter .wso-filter-div .question.active { margin: 0 !important; padding: .9rem 1.5rem !important; } #Wrapper .wso-job-filter::before, #Wrapper .wso-job-filter::after { content: none !important; } .wpgb-card-1 .wpgb-card-header, .wpgb-card-13 .wpgb-card-body, .wpgb-card-14 .wpgb-card-body .wso-download-content { text-align: left !important; padding: 1rem !important; } .section.wso-section-center-below-screen-center.mcb-section.wso-pommes-left-bottom:before { transform: translate(-6rem,7rem) rotate(-5deg)!important; } .section.mcb-section.wso-pommes-left-bottom:before { width: 140% !important; left: -52%; height: 20rem !important; transform:rotate(-5deg) translate(0rem,2rem); } .wso-filter-grid .column_attr { text-align: left !important; } .wso-job-grid .wpgb-card.wpgb-card-1:only-child { width: 100% !important; max-width: 100% !important; left: 0 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .wso-filter-grid .column_attr h2 { font-size: 2rem !important; } #Wrapper .wso-grid-yellow-melty-cheese-bg + .wso-filter-grid.wso-white { background: var(--yellow) !important; } .section.mcb-section.wso-big-padding-top, .wso-section-multi-column .section.mcb-section.wso-big-padding-top{ padding-top: 4rem !important; } .section.mcb-section.wso-middle-padding-top, .section.mcb-section.wso-section-multi-column.wso-covid-half-half, .wso-section-multi-column .section.mcb-section.wso-middle-padding-top{ padding-top: 2.5rem !important; } .section.mcb-section.wso-small-padding-top, .wso-section-multi-column .section.mcb-section.wso-small-padding-top{ padding-top: 1.5rem !important; } .section.mcb-section.wso-big-padding-bottom, .wso-section-multi-column .section.mcb-section.wso-big-padding-bottom { padding-bottom: 4rem !important; } .section.mcb-section.wso-middle-padding-bottom, .wso-section-multi-column .section.mcb-section.wso-middle-padding-bottom { padding-bottom: 2.5rem !important; } .section.mcb-section.wso-small-padding-bottom, .wso-section-multi-column .section.mcb-section.wso-small-padding-bottom { padding-bottom: 1.5rem !important; } div#product-content h3 { text-align: center !important; } body #Wrapper #Content .section.wso-section-intro:first-child .section_wrapper, body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .section_wrapper { position: relative; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; max-width: 100% !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .section_wrapper { max-width: 100% !important; } body:not(.wso-mccafe) #Wrapper #Content .section.wso-section-intro:first-child .wso-hero-img , body:not(.wso-mccafe) #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wso-hero-img { position: relative !important; } body #Wrapper #Content .section.wso-section-intro:first-child .section_wrapper .wrap:not(.wso-hero-img), body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .section_wrapper .wrap:not(.wso-hero-img), #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .wrap.wso-float-right { max-width: 90% !important; margin: 0 auto .5rem !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .wrap:not(.wso-hero-img) , body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wrap:not(.wso-hero-img) { margin: 0 auto !important; width: 90% !important; left: 0 !important; max-width: 100% !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .wrap.wso-hero-img , body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wrap.wso-hero-img { position: absolute !important; top: -4.5rem; left: 0; bottom: 0; right: 0; } #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .wrap.wso-float-right { padding: 0 !important; text-align: center !important; float: none !important; } #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .mcb-wrap-inner .column_image .image_wrapper { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } body #Wrapper #Content .section.wso-section-intro:first-child a.button, body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro a.button, body:not(.home):not(.single-wso_job) #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:not(.wso-white):first-child .wrap.wso-float-right a.button { background: white !important; border-color: white !important; } body #Wrapper #Content .section.wso-section-intro:first-child a.button:hover, body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro a.button:hover, body:not(.home):not(.single-wso_job) #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:not(.wso-white):first-child .wrap.wso-float-right a.button:hover { background: var(--yellow) !important; color: black !important; } body #Wrapper #Content .section.wso-section-intro:first-child a.button:hover span.button_label , body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro a.button:hover span.button_label { color: black !important; } body #Wrapper #Content .section.wso-section-intro:first-child * , body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro * { color: black !important; } .wso-mccafe .wso-intro-slogan { width: 15rem !important; } #Wrapper div#product-intro a.button { border-color: transparent !important; -webkit-box-shadow: 0.2em 0.5em 1em .2em rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0.2em rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1em 0.2em rgb(119 119 119 / 15%) !important; } body #Wrapper #Content div#product-intro a.button:hover * { /*color: white !important;*/ } /* #Wrapper div#product-intro a.button span:after { color: white !important; } */ .wso-grid-slider.wso-news-grid .wpgb-viewport.wpgb-carousel { /* width: 86% !important; */ margin-left: auto !important; margin-right: auto !important; } .wso-grid-slider.wso-news-grid .wpgb-layout { width: 86% !important; } .section.mcb-section.wso-sesam:after { width: 95% !important; } .wso-round-border .column.mcb-column:not(.column_image) .column_attr.clearfix { padding: 1.5rem 0 !important; } .wso-career-grid .wpgb-viewport.wpgb-carousel .wpgb-card { width: 85% !important; margin-left: 7.5%; } .section.mcb-section.wso-grid-yellow-melty-cheese-bg:after { background-position: center top; } .wso-filter-wrap { min-height: auto !important; } #Wrapper .wp-grid-builder .wpgb-card-1 .wso-h4 p, #Wrapper .wp-grid-builder .wpgb-card-13 .wso-h4 p{ font-size: 1.1rem !important; } .wso-job-filter .wso-filter-div, .wso-job-filter .wso-search-div { width: 100% !important; } .wso-job-filter .wso-search-div { margin-bottom: 1rem !important; } #Wrapper .wso-job-filter .wso-filter-div .accordion { max-width: 100% !important; } #Wrapper h1, #Wrapper .wso-h1, #Wrapper h2, #Wrapper .wso-h2, #Top_bar .mfn-megamenu-title, #Top_bar .wso-megamenu-text, #Wrapper .section.wso-subnavigation.wso-subnavigation-mobile b { font-size: 2rem !important; margin-bottom: .5rem !important; } #Wrapper h3, #Wrapper .wso-h3, #Wrapper .wp-caption-text h3, :is(.fancybox-content,.fancybox__content) .wso-h3, .fancybox__content .wso-h3, #Wrapper .wso-section-intro h1, #Wrapper .wso-section-intro h2 { margin-bottom: .5em !important; } .section.mcb-section.wso-section-image-boxes.wso-melty-cheese-bg-left:before, .section.mcb-section.wso-section-image-boxes.wso-melty-cheese-bg-middle:before, .section.mcb-section.wso-section-image-boxes.wso-melty-cheese-bg-right:before { width: 40% !important; } .wso-round-border .wrap .mcb-wrap-inner { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .wso-round-border .wrap .mcb-wrap-inner .column.mcb-column.column_image.wso-img img { position: relative !important; } .section:not(.full-width) .section_wrapper .column { margin-bottom: 1rem !important; } .section:not(.full-width) .section_wrapper .column_image:not(.wso-img-box) { margin-bottom: 0 !important; } body.single-wso_job:not(.home) #Wrapper #Content .section:first-child, body.single-wso_job:not(.home) #Wrapper #Content .section.wso-section-text-img:first-child { padding: 7rem 2rem 2.5rem !important; background: white !important; } body.home #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child { max-width: var(--content-width) !important; margin-inline: auto !important; margin-bottom: 4rem; } body.single-wso_job #Wrapper #Content .section:first-child { padding-bottom: 0 !important; overflow: visible; z-index: 1; } body.single-wso_job #Wrapper #Content .section:first-child:after { content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url(/wp-content/uploads/2021/05/mobile-melty-cheese.svg); -webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-repeat: no-repeat; background-position: center top; } body.single-wso_job #Wrapper #Content .section:first-child .wrap, body.home #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .wrap { background: white !important; margin: 0 !important; } body.single-wso_job #Wrapper #Content .section:first-child .wrap:first-child, body.home #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .wrap:first-child { padding: 2rem !important; width: 100% !important; max-width: 100% !important; } body.single-wso_job #Wrapper #Content .section:first-child .wrap:first-child { padding: 2rem 1rem !important; } .home #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .wrap:first-child .column_attr.clearfix, .home #Wrapper .entry-content .section.wso-section-breaker .wrap .column_attr.clearfix { max-width: 100% !important; } body.single-wso_job #Wrapper #Content .section:first-child .wrap .column, body.home #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .wrap .column { margin: 0 !important; } body.single-wso_job #Wrapper #Content .section:first-child .section_wrapper.mcb-section-inner, body.home #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .section_wrapper.mcb-section-inner { -webkit-border-radius: 1.5em !important; -moz-border-radius: 1.5em !important; border-radius: 1.5em !important; overflow: hidden !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); } body.home #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .column { text-align: left !important; } body.home #Wrapper .entry-content .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child { padding-bottom: 0 !important; overflow: visible !important; z-index: 1 } #Top_bar > .container, .mcb-section:not(.full-width) .section_wrapper, .entry-content > .mcb-section.full-width .section_wrapper .mcb-section:not(.full-width) .section_wrapper, #Footer .container, #Footer .footer_action .container .mcb-section:not(.full-width) .section_wrapper, .wpgb-card-2 .wpgb-block-1, .section.full-width > .section_wrapper, #Wrapper .section.mcb-section .section_wrapper .accordion .section .clearfix { max-width: 100% !important; } .mcb-section:not(.full-width) .section_wrapper .column:not(.column_image) .clearfix, .entry-content > .mcb-section.full-width .section_wrapper .mcb-section:not(.full-width) .section_wrapper .column:not(.column_image) .clearfix, .section.full-width > .section_wrapper .column:not(.column_image) .clearfix, .mcb-section .section_wrapper .accordion, .wso-wrap-image-boxes .mcb-wrap-inner, body.single-wso_press_release #Wrapper #Content .section.mcb-section .mcb-wrap-inner { max-width: var(--content-width) !important; margin-left: auto !important; margin-right: auto !important; } .wso-section-text-img:not(.wso-section-text-img-fullwidth) .mcb-wrap-inner .column_image .image_wrapper { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #Wrapper .section.wso-section-text-img:not(.wso-last-half-half-section) { padding-bottom: 0 !important; } .section.mcb-section.wso-section-text .column, .section.mcb-section.wso-section-text p:last-child { margin: 0 !important; } .section.mcb-section.wso-melty-cheese-bg-left:after, .section.mcb-section.wso-melty-cheese-bg-middle:after, .section.mcb-section.wso-melty-cheese-bg-right:after, .section.mcb-section.wso-melty-cheese-bg-full:after { top: -.1rem; bottom: auto !important; } .section.mcb-section.wso-melty-cheese-bg-left.wso-yellow:after, .section.mcb-section.wso-melty-cheese-bg-middle.wso-yellow:after, .section.mcb-section.wso-melty-cheese-bg-right.wso-yellow:after, .section.mcb-section.wso-melty-cheese-bg-full.wso-yellow:after { top: auto; bottom: -6.95rem !important; } .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-right:after, .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-middle:after, .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-left:after { height: 7rem; width: 17rem; } .section.mcb-section.wso-melty-cheese-bg-right.wso-grid-38:after { top: 0 !important; } .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-right { margin-bottom: 2rem !important; } .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-right:after { left: 60%; } .wso-machhaltigkeit .section.mcb-section.wso-melty-cheese-bg-left:after { left: 40%; } #Wrapper .wso-round-border .section_wrapper { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #Wrapper .wso-round-border { padding: 0 !important; } #Wrapper .wso-section-breaker.wso-white { /*padding: 0 !important;*/ text-align: center !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: 100% !important;} .wso-job-grid .wpgb-card.wpgb-card-1:only-child .wpgb-card-media.wpgb-scheme-light { height: 17rem !important; } .wpgb-facet .wpgb-hierarchical-list li { display: inline-block !important; width: 100% !important; position: relative !important; float: left !important; margin: 0 !important; } .wpgb-facet .wpgb-hierarchical-list li .wpgb-checkbox, .wpgb-radio-facet li .wpgb-radio, .wpgb-checkbox-facet li .wpgb-checkbox { width: 100% !important; margin: 0 !important; text-align: left !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; /* vertical-align: middle !important; */ line-height: 1em !important; } .wpgb-facet .wpgb-hierarchical-list li:not(:last-child) .wpgb-checkbox, .wpgb-radio-facet li:not(:last-child) .wpgb-radio, .wpgb-checkbox-facet li:not(:last-child) .wpgb-checkbox { border-bottom: 2px solid #EEEEEE !important; } .wpgb-facet .wpgb-hierarchical-list li .wpgb-checkbox[aria-pressed="true"], .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] { background: transparent !important; } .wpgb-facet .wpgb-hierarchical-list { display: inline-block !important; position: relative !important; /*margin-bottom: 1rem !important;*/ width: 100% !important; } .wpgb-facet .wpgb-hierarchical-list li .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control, .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control { background: var(--yellow) !important; border-color: var(--yellow) !important; } .wpgb-facet .wpgb-hierarchical-list .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control:after, .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control:after { border-color: white !important; height: .6rem !important; width: .3rem !important; top: -.025em !important; } div#job-filter { padding-top: 0 !important; margin-top: -1rem !important; margin-bottom: 0rem !important; } .section.mcb-section.wso-section-accordion-bg:after { content: none !important; } .section.mcb-section.wso-section-accordion .wso-wrap-content:after { content: '' !important; background: url(/wp-content/uploads/2021/05/mobile-melty-cheese.svg) no-repeat right bottom; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; visibility: visible; z-index: -1; } body.privacy-policy .section.mcb-section.wso-section-accordion .wso-wrap-content:after { content: none !important; } body.privacy-policy .section.mcb-section.wso-section-accordion .wso-wrap-content { padding: 0 !important; margin-bottom: 0 !important; } div#happy-meal.section.mcb-section.wso-section-accordion .wso-wrap-content:after { content: none !important; } .section.mcb-section.wso-section-accordion .wso-wrap-content { padding: 3rem 0 !important; margin-bottom: 1.5rem; } div#happy-meal.section.mcb-section.wso-section-accordion .wso-wrap-content { padding: 3rem 0 0 !important; margin: 0 !important; } #Wrapper .section.mcb-section.wso-section-accordion { padding-top: 0 !important; padding-bottom: 0 !important; } #Wrapper .section.mcb-section.wso-section-accordion { padding-top: 0 !important; padding-bottom: 0 !important; } .section.mcb-section.wso-section-grid.wso-grid-32:before { content: ''; display: block; position: absolute; left: 0; top: 0; height: 50% !important; width: 100% !important; background: url(/wp-content/uploads/2021/05/melty-cheese-bg-mobile-01.svg) no-repeat; z-index: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center bottom; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .section.mcb-section.wso-grid-yellow-melty-cheese-bg:after { content: none !important; } .wso-state-icon-div { width: 100% !important; } .wso-state-icon-div img { width: 4.5rem; } .wso-state-icon { margin-bottom: .5em !important; } #Wrapper .wpgb-card-1 .wpgb-block-2 .wso-job-count { background: white !important; color: var(--yellow) !important; z-index: 9999 !important; -webkit-border-radius: 2rem 0rem 0rem 2rem; -moz-border-radius: 2rem 0rem 0rem 2rem; border-radius: 2rem 0rem 0rem 2rem; padding: .25rem 1rem; min-width: 4rem !important; } #Wrapper .wpgb-card-1 .wpgb-block-2, #Wrapper .wpgb-card-13 .wpgb-block-2{ top: 0 !important; bottom: auto !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card-media-thumbnail div { -webkit-background-size: auto 90% !important; -moz-background-size: auto 90% !important; -o-background-size: auto 90% !important; background-size: auto 90% !important; top: 0 !important; } .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-thumbnail div/*, .wso-product-cat-grid-cobbles .wpgb-card:last-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-thumbnail div*/ { width: 100% !important; top: 0 !important; } .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-content/*, .wso-product-cat-grid-cobbles .wpgb-card:last-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-content*/ { width: 100% !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media-content-bottom/*, #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:last-child .wpgb-card-media-content-bottom*/ { /*top: auto !important;*/ -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media-content-bottom { top: auto !important; } body #Wrapper .wso-product-cat-grid-cobbles .wpgb-card, /*#Wrapper .wso-product-cat-grid-cobbles .wpgb-card:last-child, */#Wrapper .wso-product-cat-grid-cobbles .wpgb-card:nth-last-child(2) { margin-bottom: 11.75% !important; height: auto !important; } body #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:nth-child(2), body #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:nth-child(3) { height: -webkit-calc(50%) !important; height: -moz-calc(50%) !important; height: calc(50%) !important; float: right !important; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card-media-content { position: absolute !important; bottom: -3.5rem; left: 0 !important; } body #Wrapper .wso-product-cat-grid-cobbles p.wpgb-block-3.wso-h3 { /* text-align: left !important; */ font-size: 1.1rem !important; line-height: 1em !important; } body #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:first-child p.wpgb-block-3.wso-h3 { text-align: left !important; padding: 0 1rem; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card .wpgb-card-media.wpgb-scheme-light { padding-top: 100% !important; position: relative !important; height: auto !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media.wpgb-scheme-light { padding-top: 110% !important; } #Wrapper .wso-product-cat-grid-cobbles.wp-grid-builder, #Wrapper .wso-product-cat-grid-cobbles.wp-grid-builder .wpgb-wrapper, #Wrapper .wso-product-cat-grid-cobbles.wp-grid-builder .wpgb-main, .wst-wpgb-wrapper.grid-34 { height: auto !important; position: relative !important; display: inline-block !important; width: 100% !important; } body #Wrapper .wso-product-cat-grid-cobbles.wp-grid-builder { width: 100% !important; margin: 0 !important; } div#productcategory-intro:after { content: none !important; } div#product-intro .section_wrapper.mcb-section-inner > div { padding: 0 !important; text-align: center !important; } div#product-intro .section_wrapper.mcb-section-inner .wrap.wso-wrap-content:last-child { padding: 0 !important; margin-top: -2rem !important; } .wso-ingredients-grid .wpgb-layout{ overflow: visible !important; margin-right: 7rem !important; } .wso-ingredients-grid .wpgb-viewport.wpgb-carousel { overflow: visible !important; } .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-content .wpgb-card-media-content-top { width: 100% !important; } #Wrapper .wso-product-grid .wpgb-card-body { padding: 1rem .5rem 1rem 0 !important; } body:not(.home) #Wrapper .section.wso-product-tax-section.section.mcb-section:first-child { background: white !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap { margin: 0 1rem 1rem; padding: 3rem 1.5rem !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /*#Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap:first-child { -webkit-border-radius: 1.5rem 1.5rem 0 0 !important; -moz-border-radius: 1.5rem 1.5rem 0 0 !important; border-radius: 1.5rem 1.5rem 0 0 !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap:nth-child(2) { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; padding-bottom: 1rem !important; padding-top: 1rem !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap:nth-child(3) { -webkit-border-radius: 0 0 1.5rem 1.5rem !important; -moz-border-radius: 0 0 1.5rem 1.5rem !important; border-radius: 0 0 1.5rem 1.5rem !important; }*/ #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap .column:not(.column_image) { margin-top: 2rem; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps { padding-bottom: 0 !important; } #Wrapper .wso-round-border .wrap.wso-mobile-border { margin: 2.5rem 2rem !important; -webkit-border-radius: 1.5em !important; -moz-border-radius: 1.5em !important; border-radius: 1.5em !important; width: -webkit-calc(100% - 4rem) !important; width: -moz-calc(100% - 4rem) !important; width: calc(100% - 4rem) !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); background: white !important; overflow: hidden !important; } #Wrapper .section.wso-round-border.wso-section-multi-column.mcb-section.wso-melty-cheese-bg-right:after { top: auto !important; bottom: -0.5rem !important; width: 35% !important; } #Wrapper .section.wso-round-border.wso-section-multi-column.mcb-section.wso-melty-cheese-bg-left:after { display: none !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap { width: 100% !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding: 0 1.5rem !important; } .wso-press-contact-column:after { content: ''; display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: url(/wp-content/uploads/2021/05/mobile-melty-cheese.svg); z-index: -1; background-position: 91% 100%; background-repeat: no-repeat; -webkit-background-size: 270% auto; -moz-background-size: 270% auto; -o-background-size: 270% auto; background-size: 270% auto; } #Wrapper .wso-press-contact-column { position: relative; margin: 0 !important; padding: 1.5rem 0 5rem!important; margin-bottom: 2rem !important; } #Wrapper .wso-press-contact-column a.button { background: white !important; border-color: white !important; } #Wrapper .wso-press-contact-column a.button:hover { background: var(--yellow) !important; color: var(--black) !important; } .wso-mobile-yellow .column_attr.clearfix { background: var(--yellow); text-align: center; padding: 2rem; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -webkit-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); box-shadow: 0.3em 0.5em 1.5em 0 rgb(119 119 119 / 15%); } #Wrapper .section.wso-contact-section .two-fifth.wso-contact-info { margin: 0 !important; padding: 2rem 0 !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap { margin: 0 !important; } /* #Wrapper .section.wso-contact-section .wso-contact-form-wrap:after { content: ''; display: block; position: absolute; background: url(/wp-content/uploads/2021/05/melty-cheese-bg-mobile-01.svg) no-repeat center top; height: 100% !important; width: 100% !important; visibility: visible; z-index: -1; top: 0; -webkit-background-size: auto 50%; -moz-background-size: auto 50%; -o-background-size: auto 50%; background-size: auto 50%; } */ #Wrapper .section.wso-contact-section .wso-contact-form-wrap form { padding: 1.5rem 1.5rem !important; background: white !important; display: inline-block; -webkit-border-radius: 2em !important; -moz-border-radius: 2em !important; border-radius: 2em !important; max-width: 100% !important; } .wso-mobile-styling .column.wso-restaurant-options, .wso-mobile-styling .column.one.wso-mcdonalds-adress { flex-direction: column !important; } .wso-mobile-styling .column.wso-restaurant-options > label, .wso-mobile-styling .column.one.wso-mcdonalds-adress > label { margin-bottom: 1rem !important; } #Wrapper .column:not(.wso-privacy-notice) label:not(.wpgb-geo-radius) { font-size: 1.1rem !important; } #Wrapper .section.wso-contact-section .wso-radio-buttons { margin-left: 0rem !important; float: right; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap .column.mcb-column:first-child { text-align: center; margin: 0 !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap .column.mcb-column:first-child .column_attr.clearfix { max-width: 100% !important; } .wso-mobile-styling .column { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .wso-mobile-styling .column > span { -webkit-flex-basis: 70% !important; -ms-flex-preferred-size: 70% !important; flex-basis: 70% !important; margin: 0 !important; } .wso-mobile-styling .column > label { margin: 0 !important; line-height: 1em !important; } #Wrapper .section.mcb-section.wso-content-float-left { /*padding-bottom: 0 !important;*/ } .wmnc-overview.hide + div#Filter { padding-top: 7rem !important; } .home #Wrapper .wso-section-breaker { text-align: left !important; } #Wrapper .wso-melty-cheese-bg.wso-new-covid-intro { /* background: white !important; */ padding: 3rem 0 !important; margin-bottom: 5rem !important; } #Wrapper .wso-melty-cheese-bg.wso-new-covid-intro a.button, .home #Wrapper .wso-section-breaker a.button { background: var(--yellow) !important; border-color: var(--yellow) !important; } #Wrapper .wso-melty-cheese-bg.wso-new-covid-intro a.button:hover, .home #Wrapper .wso-section-breaker a.button:hover { background:white !important; color: var(--black) !important; } body:not(.home) #Wrapper #Content .section:first-child, div#product-intro{ padding-bottom: 2.5rem !important; } body:not(.home) #Wrapper #Content .section.wso-section-hero:first-child, body:not(.home) #Wrapper #Content .section.wso-section-text-img:first-child{ padding-bottom: 0 !important; } #Wrapper .wso-faq-grid .accordion { width: 100% !important; max-width: 100% !important; } #Wrapper .wso-faq-grid .accordion .question { padding: 1.25rem !important; } #Wrapper .wso-filter-links .wso-filter-link-before { width: 33.33% !important; } #Wrapper .section.mcb-section.wso-presscontact-section .wso-float-right .mcb-wrap-inner { margin: 1.5rem !important; background: white !important; } #Wrapper .section.mcb-section.wso-presscontact-section .wso-float-right .column .column_attr.clearfix { max-width: 100% !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-presscontact-section:before { background: url(/wp-content/uploads/2021/05/melty-cheese-bg-mobile-01.svg); -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; height: 50%; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; width: 100% !important; left: 0; } .section.mcb-section.wso-section-multi-column.wso-presscontact-section .wrap.wso-press-contact-links { padding: 2rem 0 0 !important; text-align: center; } .section.mcb-section.wso-section-multi-column.wso-presscontact-section .wrap.wso-press-contact-links .column { margin-bottom: 2rem !important; display: inline-block !important; position: relative !important; } .section.mcb-section.wso-section-multi-column.wso-presscontact-section .wrap.wso-press-contact-links .column:first-child:before { content: ''; display: block; position: absolute; top: -15%; left: 0; background: url(/wp-content/uploads/2021/07/melty-cheese-contact.svg) no-repeat; height: 130%; width: 100%; z-index: -1; -webkit-background-size: 200% auto !important; -moz-background-size: 200% auto !important; -o-background-size: 200% auto !important; background-size: 200% auto !important; background-position: 0% 100%; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-presscontact-section .wrap.wso-press-contact-links .column:first-child a.button { background: white !important; border-color: white !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-presscontact-section .wrap.wso-press-contact-links .column:first-child a.button:hover { background: var(--yellow) !important; } #Wrapper .section.mcb-section.wso-presse-link-section .column_attr.clearfix { max-width: 100% !important; } #Wrapper .section.mcb-section.wso-presse-link-section { background: var(--yellow) !important; } #Wrapper .section.mcb-section.wso-presse-link-section::before { content: none !important; } #Wrapper .section.mcb-section.wso-presse-link-section .wrap { background: white !important; margin: 0 1rem !important; max-width: -webkit-calc(100% - 2rem) !important; max-width: -moz-calc(100% - 2rem) !important; max-width: calc(100% - 2rem) !important; width: -webkit-calc(100% - 2rem) !important; width: -moz-calc(100% - 2rem) !important; width: calc(100% - 2rem) !important; -webkit-border-radius: .5em !important; -moz-border-radius: .5em !important; border-radius: .5em !important; } #Wrapper .section.mcb-section.wso-presse-link-section a.button span { padding: 1rem !important; width: 100% !important; } #Wrapper .section.mcb-section.wso-presse-link-section a.button { padding: 0 !important; border: 2px solid white !important; -webkit-border-radius: .5em !important; -moz-border-radius: .5em !important; border-radius: .5em !important; width: 33.33% !important; } #Wrapper .section.mcb-section.wso-presse-link-section a.button.wso-current-page span:after { width: 100%; height: 100%; z-index: -1; -webkit-border-radius: .5em !important; -moz-border-radius: .5em !important; border-radius: .5em !important; top: 0 !important; bottom: 0 !important; -webkit-transition: all var(--transition-normal) ease-in-out; -moz-transition: all var(--transition-normal) ease-in-out; -o-transition: all var(--transition-normal) ease-in-out; transition: all var(--transition-normal) ease-in-out; } #Wrapper .section.mcb-section.wso-presse-link-section a.button:hover span::after { background: var(--black); } #Wrapper .section.mcb-section.wso-section-code.wso-download-center:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 17rem; width: 100%; background: url(/wp-content/uploads/2021/05/melty-cheese-bg-mobile-01.svg); background-position: center bottom; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #Wrapper .section.mcb-section.wso-section-code.wso-download-center .wso-wrap-code { text-align: center; } #Wrapper .section.mcb-section.wso-section-code.wso-download-center .wso-download-cards-overview { text-align: left !important; } #Wrapper .wso-download-card { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } #Wrapper .wso-download-card .wso-download-image, #Wrapper .wso-download-card .wso-download-image img { width: 100% !important; } #Wrapper .wso-download-center a.button { padding: .75rem .5rem !important; font-size: 1rem !important; } /*.wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li,*/ .wpgb-facet.wpgb-facet-16 .wpgb-hierarchical-list li { display: inline-block !important; width: 50% !important; } .wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li, .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li { display: inline-block !important; width: 100% !important; margin-bottom: 1rem !important; border-bottom: 1px solid var(--gray); padding-bottom: .5rem; padding-top: .5rem; } .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li:first-child { border-top: 1px solid var(--gray); } .wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li:last-child, .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important } #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li .wpgb-checkbox span.wpgb-checkbox-control::after, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li .wpgb-checkbox span.wpgb-checkbox-control::after{ top: 0.15em !important; left: 0.3em !important; height: 0.55em !important; width: 0.3em !important; } #Wrapper .wpgb-facet.wpgb-facet-22 span.wpgb-checkbox-control, #Wrapper .wpgb-facet.wpgb-facet-21 span.wpgb-checkbox-control { height: 1em !important; width: 1em !important; vertical-align: middle !important; margin-right: .5rem !important; position: absolute !important; margin-left: auto; right: 0; } #Wrapper .wpgb-facet.wpgb-facet-16 .wpgb-radio, #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-checkbox, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-checkbox { /* display: inline-block !important; */ /* width: auto !important; */ border: 0 !important; padding: 0 !important; } #Wrapper .wpgb-facet.wpgb-facet-16, #Wrapper .wpgb-facet.wpgb-facet-17, #Wrapper .wpgb-facet.wpgb-facet-22, #Wrapper .wpgb-facet.wpgb-facet-21 { width: 100% !important; } #Wrapper .wpgb-facet.wpgb-facet-17 input.wpgb-input.form-control.input { width: 100% !important; } #Wrapper .wso-press-archive-filter .accordion .question { margin: 2rem 0 !important; background: transparent !important; -webkit-box-shadow:none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; overflow: visible !important; } #Wrapper .wso-press-archive-filter .accordion { max-width: 100% !important; background: transparent !important; display: inline-block !important; width: 100% !important; } #Wrapper .wso-press-archive-filter .accordion .question .title i { color: white !important; } .section.mcb-section.wso-section-code.wso-press-archive-filter + .section.mcb-section.wso-section-grid.wso-press-archive { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .section.mcb-section.wso-section-code.wso-faq-filter + div#faq-allgemeines { padding-top: 0 !important; } .wso-press-archive-filter .wso-filter-div .wpgb-facet.wpgb-facet-18, .wso-filter-div .wpgb-facet.wpgb-facet-11 { margin: .5rem 0 !important; width: 100% !important; } #Wrapper #Content .section.mcb-section.wso-section-multi-column.full-width.wso-restaurant-search-filter { background: white !important; padding-bottom: 0 !important; } #Wrapper #Content .section.mcb-section.wso-section-multi-column.full-width.wso-restaurant-search-filter:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 13.5rem; width: 100%; background: url(/wp-content/uploads/2021/08/restaurant-mobile-background.svg) no-repeat center bottom; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } #Wrapper #Content .section.mcb-section.wso-section-multi-column.full-width.wso-restaurant-search-filter { padding-top: 7rem !important; } .wpgb-facet.wpgb-facet-20 { width: 100% !important; margin-bottom: 1.5rem !important; } .wpgb-facet .wpgb-geolocation-facet label { margin-left: 3.5rem; } .wpgb-facet.wpgb-facet-20 .wpgb-locate-button, button.acplt-clear{ left: 0 !important; } #Wrapper #Content .wso-filter-div > .accordion { max-width: 100% !important; } #Wrapper .section.mcb-section.wso-restaurant-search { padding: 0 !important; } #Wrapper #Content .section.mcb-section.wso-restaurant-search .column_attr.clearfix { max-width: 100% !important; } .wso-map-filter { /*margin-top: 5rem !important;*/ } .wso-restaurant-search-filter .accordion .question { padding: .5rem 1.5rem !important; margin-bottom: 1rem !important; -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 2em !important; overflow: hidden !important; -webkit-box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.1em 0.25em .5em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.1em 0.25em 0.5em 0 rgb(119 119 119 / 15%) !important; } .wso-restaurant-search-filter .accordion .question .answer { /* position: absolute; */ } #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control::after, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control::after { border-color: white !important; top: .45em !important; width: .3rem !important; } .wso-tax-img img.attachment-full.size-full { height: 3rem; width: 3rem; } .wso-restaurant-tax { margin-right: .5rem !important; width: calc(32% - .5rem) !important; } body.single-wso_restaurant .wso-restaurant-tax { width: calc(32% - .5rem) !important; font-size: 1rem !important; } .section.mcb-section.wso-restaurant-search .wso-restaurant-grid { margin: 2rem .5em 1rem!important; } #Wrapper .wso-restaurant-grid a.button { font-size: 1rem !important; padding: .65rem 1.25rem !important; border-width: 2px !important; } #Wrapper .section:not(.wso-align-right):not(.wso-align-center) .wso-restaurant-grid a.button { margin-right: .2rem !important; padding-left: 1.3rem !important; padding-right: 1.3rem !important; } #Wrapper .wso-restaurant-grid a.button:not(:last-child) { margin-right: .1rem !important; } .wso-variants-select { float: left !important; margin: 0 !important; margin-bottom: 2rem !important; } #Wrapper div#product-nutritional-values li.ui-tabs-tab a { font-size: .9em !important; } div#product-nutritional-values .wso-portion-select-option .wso-portion-name { font-size: .75em !important; line-height: 1.5em !important; } div#product-nutritional-values .wso-portion-select-option-active .wso-portion-name::before { width: 1.2rem !important; height: 1.2rem !important; background-size: auto .5em !important; } body:not(.home) #Wrapper #Content .section.wso-family-intro { padding: 6rem 0 0 !important; } body:not(.home) #Wrapper #Content .section.wso-family-intro svg { width: 155% !important; transform: translateX(-18.5%) !important; } #Wrapper .section.wso-mymcdonalds-app .wrap .mcb-wrap-inner .column.mcb-column.column_image.wso-img-proportional img { padding: 0 !important; position: relative !important; -o-object-fit: contain !important; object-fit: contain !important; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; width: 100% !important; height: auto !important; } #Wrapper .wso-mymcdonalds-app { text-align: center !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-yellow-bg-wraps .wrap .column.column_image { height: auto !important; width: 100% !important; } body:not(.home) #Wrapper #Content .section:first-child .column_image .image_wrapper { height: 0 !important; padding-bottom: 66% !important; overflow: hidden; } body.wso-mccafe #Wrapper #Content .section:first-child .column_image .image_wrapper { padding-bottom: 100% !important; } body #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro:first-child .image_wrapper { padding-top: 0 !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .image_wrapper, body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .image_wrapper { margin: 0 !important; height: 100% !important; padding: 0 !important; } #Wrapper #Content .section .column_image:not(.wso-img-box):not(.wso-cover-disabled) .image_wrapper { height: 0 !important; padding-bottom: 64% !important; overflow: hidden; } #Wrapper #Content .section .column_image:not(.wso-img-box):not(.wso-cover-disabled) .image_wrapper img { position: absolute !important; -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; left: 0; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .wrap.wso-hero-img img { width: 90% !important; right: -23% !important; left: auto !important; font-family: 'object-fit: contain; object-position: 100% 0%;'; -o-object-position: 100% 0% !important; object-position: 100% 0% !important; max-width: none !important; top: 5%; } .wso-smile-section .wrap.one-second { margin: 1.5rem 2rem !important; -webkit-border-radius: 1.5em !important; -moz-border-radius: 1.5em !important; border-radius: 1.5em !important; width: -webkit-calc(100% - 4rem) !important; width: -moz-calc(100% - 4rem) !important; width: calc(100% - 4rem) !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%); background: white !important; overflow: hidden !important; } .wso-smile-section .one-second.mcb-wrap .column_column .clearfix { padding: 1rem 0 !important; } .wso-smile-section .wso-mymcdonalds h2.wso-title:before { height: 2.5rem !important; width: 5rem; } .wso-smile-section .wso-mymcdonalds .wso-app-links { display: none !important; } .wso-mobile-image-switch .section_wrapper.mcb-section-inner { display: flex; flex-direction: column-reverse; } #Wrapper .wso-mobile-image-switch.wso-yellow { padding-top: 0 !important; } .wso-mobile-image-switch .column_column * { /* margin-bottom: 0 !important; */ margin-top: 1rem; } .wso-text-center-mobile { text-align: center !important; } #Wrapper .section.mcb-section.wso-mcdonalds-app-multi-section { padding-top: 2.5rem !important; text-align: center !important; } #Wrapper .section.mcb-section.wso-mcdonalds-app-multi-section.wso-round-border .wrap .mcb-wrap-inner { -webkit-flex-direction: column !important; -moz-box-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .wso-mymcdonalds-point-accordion .wso-mymcdonalds .accordion { max-width: 100% !important; } td.wso-points { padding-right: 1rem !important; vertical-align: middle !important; width: 5.5rem !important; padding-left: 0 !important; } td.wso-points:after { height: 1.5em !important; width: 1.5em !important; margin-top: -.25em !important; } #Wrapper .wso-mymcdonalds .answer td:first-child { padding-left: 1.5rem !important; padding-right: 0 !important; } img.wso-mymcdonalds-logo-header { max-height: 4rem; } body.wso-smile .wso-section-multi-column .wso-mobile-border { text-align: center !important; } .wso-app-links { display: inline-block !important; } #Wrapper .wso-app-links img { max-height: 2.25rem; } .section.mcb-section.wso-section-multi-column.wso-happy-meal-section { text-align: center !important; } #Wrapper .wso-happy-meal-app-section .wrap.wso-mobile-border.wso-content { margin: 0 0 3rem !important; width: 100% !important; -webkit-border-radius: 0em !important; -moz-border-radius: 0em !important; border-radius: 0em !important; -webkit-box-shadow: none !important; -moz-box-shadow:none !important; box-shadow: none !important; } #Wrapper .wso-happy-meal-app-section::after { width: 80%; height: 4rem; bottom: -.9rem !important; } #Wrapper #Content .section .column_image.wso-img-proportional:not(.wso-img-box):not(.wso-no-proportional-img) img { /* position: relative !important; */ /* height: auto !important; */ /* margin: 0 auto !important; */ /* display: block; */ /* width: auto !important; */ } #Wrapper #Content .section .column_image.wso-img-proportional:not(.wso-img-box):not(.wso-no-proportional-img) .image_wrapper { /* position: relative !important; */ /* height: auto !important; */ /* padding: 0 !important; */ } #Wrapper #Content .section .column_image.wso-img-proportional:not(.wso-img-box) { margin-bottom: 1em !important; } #Wrapper #Content .section:not(.wso-section-multi-column) .wrap:last-child .column_image.wso-img-proportional:not(.wso-img-box) { margin: 0 !important; } #Wrapper .wso-round-border.wso-flex-direction-vertical .column.mcb-column:not(.column_image):nth-child(2) { padding-left: 0 !important; padding-right: 0 !important; } #Wrapper .wso-round-border.wso-flex-direction-vertical .column.mcb-column:not(.column_image):last-child { padding-left: 0 !important; padding-right: 0 !important; } .wso-press-release-contact-wrap .wso-press-release-content { display: inline-block !important; width: 100% !important; } #Wrapper .wso-press-text-content .wso-round-border .wso-press-release-text { padding: 1rem 1.5rem !important; } .home .wso-section-breaker .wrap.mcb-wrap.one.wso-hero-img { position: relative !important; } .home .wso-section-breaker .section_wrapper.mcb-section-inner { max-width: var(--content-width) !important; } .section.mcb-section.wso-section-hero.wso-section-breaker.wso-mcdelivery-logo:after { content: ''; display: block; position: absolute; height: 15rem; background: url(/wp-content/uploads/2021/03/melty-cheese-small.svg) no-repeat; background-size: contain; z-index: 0; visibility: visible; bottom: -1rem; width: 10rem; right: 1.75rem; background-position: bottom right; } .section.mcb-section.wso-section-hero.wso-section-breaker.wso-mcdelivery-logo { margin-bottom: 1rem; } .wso-covid-icon-section .wrap.mcb-wrap.one-second, .wso-covid-icon-section .wrap.mcb-wrap.one-second:nth-child(2) { width: 100% !important; max-width: var(--content-width) !important; float: none !important; display: block !important; margin: 0 auto !important; } .section.mcb-section.wso-section-multi-column.wso-covid-half-half { text-align: center !important; } .wso-covid-triple-icons img { width: 100% !important; height: auto !important; } .wso-section-multi-column.wso-video-section .column.mcb-column.column_image.wso-img.one .image_frame { width: 100% !important; border-radius: 0 !important; overflow: visible !important; } #Wrapper .wso-section-multi-column.wso-video-section:not(.wso-mccafe-breaker) { padding: 2rem 0 0 !important; } #Wrapper .wso-section-multi-column.wso-video-section:after { width: 85% !important; left: 60%; } .wso-covid-icon-section .wrap.mcb-wrap.one-second .mcb-wrap-inner, .wso-covid-icon-section .wrap.mcb-wrap.one-third .mcb-wrap-inner{ flex-direction: column !important; text-align: center !important; } .wso-covid-icon-section .wrap.mcb-wrap.one-second .column.mcb-column.two-third.column_column, .wso-covid-icon-section .wrap.mcb-wrap.one-third .column.mcb-column.two-third.column_column{ margin: 0 auto 1rem !important; } .wso-covid-icon-section .wrap.mcb-wrap.one-second img, .wso-covid-icon-section .wrap.mcb-wrap img{ max-height: 10rem; } body.wso-machhaltigkeit #Wrapper #Content .wso-dropdown-section.section:first-child .wso-img-box .image_wrapper { height: auto !important; padding-bottom: 0 !important; } .wso-machhaltigkeit #Wrapper .wso-dropdown-section .wso-img-box .wp-caption-text { padding: 1rem !important; padding-left: 0 !important; } #Wrapper .wso-dropdown-wrap .wso-img-box { margin: 1rem 0 !important; } #Wrapper .entry-content .wso-dropdown-section .section.mcb-section.equal-height-wrap.wso-section-text-img:first-child .wrap.wso-float-right { margin: 0rem auto 2rem !important; width: 100% !important; max-width: 100% !important; } #Wrapper .wso-dropdown-wrap .column_image .wp-caption-text h3 { height: auto !important; } #Wrapper #Content .section .column_image.wso-img-proportional:not(.wso-img-box):not(.wso-no-proportional-img) img { width: 100% !important; } .wso-kinderhilfe-logo-absolute { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; } #Wrapper #Content .section .wso-kinderhilfe-logo-absolute.column_image:not(.wso-img-box):not(.wso-cover-disabled) .image_wrapper { padding: 0 !important; height: auto !important; } #Wrapper #Content .section .wso-kinderhilfe-logo-absolute.column_image:not(.wso-img-box):not(.wso-cover-disabled) .image_wrapper img { position: relative !important; width: 10rem !important; display: block !important; margin: 0 auto 3rem !important; } #Wrapper .wso-section-hero.wso-weiterbildungs-breaker { margin-bottom: 6rem; } .wso-barchart-section .wso-wrap-code .column_column:not(.column_buttons) .column_attr.clearfix { padding: 1rem !important; } #Wrapper .wso-barchart-section .swiper-button-next, #Wrapper .wso-barchart-section .swiper-button-prev { height: 2rem !important; width: 2rem !important; top: -4rem !important; background: transparent !important; } #Wrapper .wso-barchart-section .swiper-button-next { right: -.5em !important; } #Wrapper .wso-barchart-section .swiper-button-prev { left: -.5em !important; } .wso-barchart-section .swiper-button-next:after, .wso-barchart-section .swiper-button-prev:after { height: 1.45rem !important; width: 1.45rem !important; border-width: 4px 4px 0 0 !important; border-color: var(--yellow) !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot:after, .swiper-pagination-bullet:after {margin: 2px auto !important;} .wp-grid-builder .wpgb-page-dots li, .swiper-pagination-bullet { width: 10px !important; height: 10px !important; } .swiper-pagination-bullet.swiper-pagination-bullet-active:after { margin: 0 !important; } #Wrapper .section.mcb-section.wso-pommes-left-bottom:not(.wso-grid-32), #Wrapper .section.mcb-section.wso-pommes-right-bottom:not(.wso-grid-32) { padding-bottom: 10rem !important; overflow: hidden !important; } body:not(.home) #Wrapper #Content .section.wso-section-hero:first-child .column_attr.clearfix { max-width: 100% !important; } .wso-job-filter .accordion .question.active .answer fieldset { left: 0 !important; float: left; width: 100% !important; } .wso-smile-section .wso-mymcdonalds .column_image.wso-img { -webkit-border-radius: 1em 1em 0 0 !important; -moz-border-radius: 1em 1em 0 0 !important; border-radius: 1em 1em 0 0 !important; } .wso-mymcdonalds .wso-content:before, .wso-mymcdonalds .accordion:before, .wso-smile-section .wso-mymcdonalds .mcb-wrap-inner:before, #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner:before{ -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; border-radius: 1em !important; } .wso-mymcdonalds .wso-content, .wso-mymcdonalds .accordion, .wso-smile-section .wso-mymcdonalds .mcb-wrap-inner, #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner { -webkit-border-radius: 1.5em !important; -moz-border-radius: 1.5em !important; border-radius: 1.5em !important; } #Wrapper #Content .section .column_image.wso-img-proportional-mobil:not(.wso-img-box):not(.wso-no-proportional-img) img { position: relative !important; height: auto !important; margin: 0 auto !important; display: block; width: auto !important; } #Wrapper #Content .section .column_image.wso-img-proportional-mobil:not(.wso-img-box):not(.wso-no-proportional-img) .image_wrapper { position: relative !important; height: auto !important; padding: 0 !important; } .wp-grid-builder.wso-faq-grid .wpgb-card { margin: 2% 0% !important; } #Wrapper #Content div#Filter:first-child { padding-bottom: 0 !important; background: white !important; } #Wrapper .section.mcb-section.wso-section-breaker.wso-book-breaker .wso-hero-img { height: 50%; bottom: 0 !important; top: auto !important; } #Wrapper .section.mcb-section.wso-section-breaker.wso-book-breaker .column_attr.clearfix { text-align: left !important; } #Wrapper #Content .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background .image_wrapper { padding: 0 !important; height: 100% !important; } body #Wrapper #Content .section.wso-section-intro:first-child .section_wrapper , body #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .section_wrapper { top: 0 !important; } body.wso-mccafe #Wrapper #Content .section.wso-section-hero:first-child { padding: 0 !important; } body.wso-mccafe #Wrapper #Content .section.wso-section-hero:first-child .wrap.mcb-wrap.one.wso-hero-img { position: relative !important; } body.wso-mccafe #Wrapper #Content .section.wso-section-intro:first-child .section_wrapper .wrap:not(.wso-hero-img) , body.wso-mccafe #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .section_wrapper .wrap:not(.wso-hero-img) { position: absolute !important; left: 5% !important; margin: 0 !important; top: 55% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } body.wso-mccafe #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro:first-child .section_wrapper .wrap:not(.wso-hero-img) { -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; top: 42% !important; left: 50% !important; } body.wso-mccafe #Wrapper #Content .section.wso-section-intro:first-child .section_wrapper .wrap:not(.wso-hero-img) * , body.wso-mccafe #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .section_wrapper .wrap:not(.wso-hero-img) * { margin-bottom: 0 !important; } body.wso-mccafe #Wrapper #Content .section .column_image.wso-img-proportional-mobil:not(.wso-img-box):not(.wso-no-proportional-img) img { width: 60% !important; margin-bottom: 1rem !important; } body.wso-mccafe .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 { text-align: left; } body.wso-mccafe #Wrapper #Content .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image .column_image:not(.wso-img-box):not(.wso-cover-disabled) .image_wrapper img { position: relative !important; width: 100% !important; height: auto !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image { position: relative !important; margin-top: -14rem; margin-bottom: 0 !important; left: -18% !important; bottom: -10rem !important; } .wso-mccafe #Wrapper #Content .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image * { height: auto !important; padding-bottom: 0 !important; } .wso-mccafe #Wrapper #Content .section.mcb-section.wso-section-multi-column:not(.wso-video-section) { margin-bottom: 12rem !important; } .wso-mccafe #Wrapper #Content .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background + .wrap .section:first-child { padding: 5rem 0 !important; } .wso-mccafe .wso-section-multi-column.wso-video-section .column.mcb-column.column_image.wso-img.one .image_frame { width: 100% !important; } body #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro + .wso-section-multi-column.wso-video-section .column.mcb-column.column_image.wso-img.one { margin: 0 !important; } #Wrapper .wso-section-intro.wso-mccafe-intro .wso-title { font-size: 3.5rem !important; } #Wrapper .wso-section-intro.wso-mccafe-intro h3 { font-size: 1.35rem !important; } body.wso-mccafe #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro:first-child .section_wrapper .wrap:not(.wso-hero-img) { top: 55% !important; } #news-filter.wso-job-filter .wso-filter-div .question, #news-filter.wso-job-filter .wso-filter-div .question .title{ float: left; } #news-filter.wso-job-filter .accordion .question.active .answer { margin: 0 !important; width: 100% !important; } body:not(.home) #Wrapper #Content .section#search, body:not(.home) #Wrapper #Content #search.wso-white { background: white !important; } .section.wso-product-tax-section.wso-melty-cheese-bg-middle { margin-bottom: 0 !important; } #Wrapper .wso-product-grid .wpgb-card-body .wso-add-to-nutrition-calculator-button { right: -0.05rem !important; bottom: 0rem !important; z-index: 99 !important; } div#presscontact { padding: 2.5rem 0 1.5rem !important; } .wso-app-qrcode-links, .wso-app-qrcode-links .wso-app-links, .wso-app-qrcode-links a { margin: 0 !important; } .wso-app-qrcode-links a { float: left; clear: none !important; } #Wrapper .wso-app-qrcode-links a img { max-height: 4rem !important; height: 3rem !important; } #Wrapper #Content .wso-happy-meal-app-section .mcb-wrap-inner .column_image.wso-img { margin-bottom: 0 !important; } .section.mcb-section.wso-section-accordion:not(.wso-section-accordion-bg) .accordion .question .title { padding: 1rem 3.5rem 1rem 1rem !important; } #happy-meal .accordion .title { padding: 1rem !important; } #Wrapper .section.wso-contact-section .column a:not(.button):hover { color: var(--black) !important; } #Wrapper .wpgb-facet.wpgb-facet-21 { /*display: none !important;*/ } #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-inline-list li .wpgb-button { font-size: .85rem !important; padding: 0.45rem 1rem !important; } .wso-grid-slider.wso-news-grid .wpgb-viewport.wpgb-carousel .wpgb-card { width: 100% !important; } .wso-grid-slider.wso-news-grid .wpgb-layout { width: 90%!important; margin: 0 auto !important; } #Wrapper .wso-glutenfree-div { text-align: center !important; } #Wrapper .wso-glutenfree-div img { float: none !important; margin: 0 !important; } .wso-app-benefits-slider-mobile .swiper { width: 80% !important; } .wso-app-benefits-slides.swiper-slide:not(.swiper-slide-visible) { opacity: .5; } .wso-app-benefits-slider .swiper-button-next { right: -2rem !important; } .wso-app-benefits-slider .swiper-button-prev { left: -2rem !important; } #Wrapper .section.mcb-section.wso-logo-image { padding-bottom: 3.5rem !important; } #Wrapper .section.mcb-section.wso-logo-image img { max-height: 25rem !important; } #Wrapper .wpgb-facet { display: inline-block !important; position: relative !important; width: 100% !important; } #Wrapper .wso-apply-filter { display: inline-block !important; position: relative !important; width: 100% !important; } .home #Wrapper .wso-section-breaker.wso-mymcdonalds .wrap.wso-hero-img { height: 100% !important; width: 100% !important; top: 0 !important; left: 0 !important; border-radius: 1em 1em 0 0 !important; } #Wrapper .wpgb-facet.wpgb-facet-14 { width: auto !important; float: right !important; line-height: 1em !important; height: auto !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card-media-content-bottom { /* top: 50.75%; */ } #Wrapper .wso-search-section .wpgb-facet input[type="search"] { font-size: 1.45rem !important; } #Wrapper #Content .section.wso-dropdown-section .wso-dropdown-wrap .section:not(.wso-section-image-boxes):after { bottom: 0rem; } #Footer .footer_copy { margin-bottom: 6.5rem; } #Wrapper #Content .section.wso-kinderhilfe-logo .column_image.wso-img-proportional-mobil:not(.wso-img-box):not(.wso-no-proportional-img) img { max-height: 20rem !important; margin-bottom: 3rem !important; } .wso-standort { margin-bottom: 1rem !important; } .wso-product-grid .wpgb-viewport.wpgb-carousel { width: 90% !important; } #Footer .menu-footer-menu-container a::after { display: none !important; content: none !important; } .wso-product-grid .wpgb-card-media.wpgb-scheme-light { height: auto !important; min-height: 7rem !important; margin-top: -1rem; margin-bottom: 0rem; max-width: 10rem !important; left: 0 !important; max-height: 10rem !important; } .wso-jobprofil-wrapper .wpgb-card.wpgb-card-1.wso-jobprofil-div { width: 48% !important; } .wso-jobprofil-wrapper .wpgb-card-media-content { top: 0 !important; bottom: auto !important; } body:not(.home) #Wrapper #Content .section:first-child.wso-smile-section { padding-top: 6rem !important; } body:not(.home) #Wrapper #Content .section.wso-smile-section .column_image .image_wrapper { padding-bottom: 50% !important; } body:not(.home) #Wrapper #Content .section.wso-smile-section .wso-mymcdonalds .column_attr.clearfix { padding-bottom: 0 !important; padding-top: 2rem !important; } .wso-contact-popup:is(.fancybox-container,.fancybox__container) :is(.fancybox-content,.fancybox__content) a.button, .wso-contact-popup.fancybox__container .fancybox__content a.button { float: none !important; margin-top: 1rem !important; font-size: 1rem !important; margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .wso-contact-popup :is(.fancybox-content,.fancybox__content), .wso-contact-popup .fancybox__content { padding: 2rem .25rem !important; } #Wrapper .wso-product-grid-overview .wpgb-card { width: 100%!important; margin: 1rem 0!important; /*float: left !important;*/ /*transform: none !important;*/ } #Wrapper .wso-product-grid-overview .wpgb-card .wpgb-card-wrapper { overflow: visible !important; justify-content: start !important; } .wso-mccafe #Wrapper .wso-product-grid-overview .wpgb-card .wpgb-card-wrapper { overflow: hidden !important; } #Wrapper .wpgb-radio-facet .wpgb-hierarchical-list li.selected .wpgb-radio, #Wrapper .wpgb-checkbox-facet .wpgb-hierarchical-list li.selected .wpgb-checkbox { background: transparent !important; } .wpgb-facet .wpgb-hierarchical-list li .wpgb-checkbox[aria-pressed="true"] span.wpgb-checkbox-control, .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control, #Wrapper .wpgb-checkbox-facet li.selected span.wpgb-checkbox-control, #Wrapper .wpgb-radio-facet li.selected span.wpgb-radio-control { background: var(--yellow) !important; border-color: var(--yellow) !important; } .wpgb-facet .wpgb-hierarchical-list .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control:after, .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] span.wpgb-radio-control:after, #Wrapper .wpgb-checkbox-facet li.selected span.wpgb-checkbox-control:after, #Wrapper .wpgb-radio-facet li.selected span.wpgb-radio-control:after { border-color: white !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro .wso-title { /*width: 65% !important;*/ } #Wrapper .section.wso-product-tax-section.wso-melty-cheese-bg-middle + .section.wso-product-tax-section:not(.wso-melty-cheese-bg-middle) { padding-top: 0 !important; } body:not(.home).wso-eat #Wrapper #Content .section.mcb-section.wso-section-multi-column:first-child { padding-bottom: 0 !important; } .wso-product-cat-grid-cobbles .wpgb-card-media.wpgb-scheme-light .wpgb-card-media-thumbnail { position: absolute !important; } div#product-allergens .column.one li, div#product-allergens .column.one-second li{ width: calc(33% - 1rem) !important; margin-right: 1rem !important; font-size: .9rem !important; } .wso-mymcdonalds .accordion, .wso-smile-section .wso-mymcdonalds .mcb-wrap-inner, #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner { padding: .5rem !important; -webkit-border-radius: 1.25em!important; -moz-border-radius: 1.25em!important; border-radius: 1.25em!important; } .wso-smile-section .wrap.one-second { -webkit-border-radius: 1em!important; -moz-border-radius: 1em!important; border-radius: 1em!important; } .wso-mymcdonalds .wso-content:before, .wso-mymcdonalds .accordion:before, .wso-smile-section .wso-mymcdonalds .mcb-wrap-inner:before, #Wrapper .wso-section-breaker.wso-mymcdonalds .section_wrapper.mcb-section-inner:before { top: .5rem; left: .5rem; bottom: .5rem; right: .5rem; } .wso-mymcdonalds .wso-mobile-border.wso-content:before { height: auto !important; width: auto !important; } body:not(.home) #Wrapper #Content .section.wso-mymcdonalds-header-after-element:first-child { padding-bottom: 0 !important; } .wso-grid-slider.wso-news-grid .wpgb-card-body { min-height: auto !important; } :is(.fancybox-slide--video,.fancybox__slide--video) { padding: .5rem !important; } #BorlabsCookieBox ._brlbs-box .container { /*max-height: 85vh !important;*/ } .section.wso-product-tax-section.wso-melty-cheese-bg-middle::after, .section.wso-product-tax-section+div#happy-meal:after, .section.wso-product-tax-section.wso-melty-cheese-bg-middle.wso-breakfast::after, #Wrapper .section.wso-product-tax-section.wso-melty-cheese-bg-middle.wso-filter-active::after{ top: 92.7%!important; } .section.wso-product-tax-section.wso-melty-cheese-bg-middle:before { height: 93% !important; } .wso-wrap-map iframe { max-height: 50vh; } #Wrapper .wpgb-facet-16 .wpgb-radio-facet .wpgb-radio span.wpgb-radio-control:after { top: 45%!important; height: 1rem !important; width: 0.5rem !important; } #Wrapper .section.mcb-section.wso-section-code.wso-barchart-section { padding-bottom: 0 !important; } #Wrapper .section.mcb-section.wso-pommes-pattern { -webkit-background-size: 200% auto!important; -moz-background-size: 200% auto!important; -o-background-size: 200% auto!important; background-size: 200% auto!important; } div#sport { padding-top: 0 !important; } #Wrapper .section.mcb-section.wso-section-image.wso-mobile-section + div#ziele { padding-top: 2.5rem !important; } #Filter.section:not(.full-width) .section_wrapper .column { margin: 0 !important; } #Wrapper .wso-hide-mobile { display: none !important; } #Wrapper .section.mcb-section.wso-middle-padding-bottom.wso-product-tax-section:not(.wso-pommes-right-bottom):not(.wso-pommes-left-bottom) { padding-bottom: 1rem !important; } #Wrapper .section.wso-product-tax-section .wso-wrap-content .column.mcb-column.one.column_column { margin-bottom: 0 !important; } #Wrapper .section.mcb-section.wso-grid-39 .column.mcb-column.one.column_column { margin-bottom: 0 !important; } body, .wpgb-card p, .gm-style p, #Wrapper .wso-section-intro a.button { line-height: 1.35em !important; } #Wrapper .wso-section-slider h4 { line-height: 1.35em !important; } #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32 + div#jobprofile, #Wrapper div#jobprofile + .section.mcb-section.wso-section-grid.wso-grid-14 { padding-top: 0 !important; } .wst-acf-map { height: 20rem!important; } #Wrapper .wso-restaurant-tabs { padding-bottom: 0 !important; margin-bottom: 0 !important; padding-top: 1rem !important; } #Wrapper .wso-jobprofil-wrapper { margin-top: 1rem !important; } #Wrapper .section.wso-open-jobs h3.wso-title { margin-bottom: 0 !important; } .single-wso_restaurant #Wrapper .ui-tabs .ui-tabs-panel { padding: 2rem 2rem 1.5rem !important; } #Wrapper .wso-restaurant-infos { margin-top: 1rem !important; } div#product-allergens ul { margin-bottom: 1rem !important; } #Wrapper .wpgb-card p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-size: 1.1rem !important; } #Wrapper .wso-history-timeline .wso-h4 { font-size: 1.25rem !important; } #Wrapper a.button, #Wrapper .jig-loadMoreButton, input[type="submit"], .wpgb-facet button.wpgb-button, #Wrapper .jig-loadMoreButton, button.wmnc-products-add-btn, .wpgb-facet .wpgb-toggle-hidden, .wso-contact-popup :is(:is(.fancybox-content,.fancybox__content),.fancybox__content) a.button, .wso-contact-popup .fancybox__content a.button, .button.wso-apply-filter-button { margin-top: .5rem !important; } .wso-data-icons .wso-wrap-code a.scroll { flex-basis: 33% !important; } .wso-press-text-content .wso-round-border.wso-press-release-media-mobile { margin-top: 2rem !important; } #Wrapper .wpgb-facett.wpgb-facet-32, #Wrapper .wso-work-filter, #Wrapper .wso-work-filter-div, #Wrapper .wso-job-filter-apply-reset, #Wrapper .wso-work-filter-div:nth-child(2) { width: 100% !important; } #Wrapper .wpgb-facett.wpgb-facet-32 ul.wpgb-hierarchical-list.job-type { width: 100% !important; margin-bottom: 0 !important; } #Wrapper .wpgb-facett.wpgb-facet-32 .wpgb-radio { border-bottom: 0 !important; } #Wrapper .wpgb-facett.wpgb-facet-32 li { width: 50% !important; float: left; } #Wrapper .wso-job-filter-apply-reset { margin-bottom: 1rem !important; } #Wrapper .wso-job-filter-apply-reset .button.wso-apply-filter-button { margin-bottom: .5rem !important; } #Wrapper .wso-work-filter-div p.wso-h3 { display: block; width: 100% !important; } #Wrapper .wso-work-filter-div .wpgb-facett { float: left; width: 100% !important; } #Wrapper .wso-work-filter-div ul.wpgb-hierarchical-list, #Wrapper .wso-work-filter-div ul.wpgb-hierarchical-list li { margin: 0 !important; } .wso-standort .wmjo-autocomplete-wrapper, .wso-standort .wmjo-range-container { width: 100% !important; } #job-filter input.wmjo-autocomplete.pac-target-input { min-width: auto !important; width: 100% !important; } input.wmjo-range { width: 100% !important; } .wso-job-grid:not(.wp-grid-builder) .wpgb-card.wpgb-card-1 .wpgb-card-content.wpgb-scheme-dark { min-height: 5.75rem; } #Wrapper .wpgb-grid-32 .wpgb-area-left, #Wrapper .wso-news-grid .wpgb-area-left { left: .5rem!important; bottom: auto !important; top: 50% !important; } #Wrapper .wpgb-grid-32 .wpgb-area-right, #Wrapper .wso-news-grid .wpgb-area-right { right: .5rem!important; bottom: auto !important; top: 50% !important; } .acplt .acplt-clear { left: -3.5em !important; } #Wrapper .wpgb-facet.wpgb-facet-22 .wpgb-hierarchical-list li .wpgb-checkbox span.wpgb-checkbox-control::after, #Wrapper .wpgb-facet.wpgb-facet-21 .wpgb-hierarchical-list li .wpgb-checkbox span.wpgb-checkbox-control::after{ left: 0.5em !important; top: 0.45em !important; } #Wrapper .wso-glutenfree-div, #Wrapper .wso-ama-logo-div, #Wrapper .wso-chicken-logo, #Wrapper .wso-rainforest-logo, #Wrapper .wso-msc-logo { width: 100% !important; } #Wrapper .wso-chicken-logo img, #Wrapper .wso-ama-logo-div img.wso-ama-logo, #Wrapper .wso-rainforest-logo img, #Wrapper .wso-msc-logo img { float: none; } body.wso-mccafe #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro.wso-mobile-switch:first-child .wrap:not(.wso-hero-img) { position: relative !important; top: 0 !important; -webkit-transform: translate(-50%,0%)!important; -moz-transform: translate(-50%,0%)!important; -ms-transform: translate(-50%,0%)!important; -o-transform: translate(-50%,0%)!important; transform: translate(-50%,0%)!important; } body.wso-mccafe #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro.wso-mobile-switch:first-child { padding: 7rem 0 0rem!important; } body.wso-mccafe #Wrapper #Content .section.wso-section-intro.wso-mccafe-intro.wso-mobile-switch:first-child + .wso-section-multi-column.wso-video-section:not(.wso-mccafe-breaker) .wrap:first-child { margin-top: -4rem !important; } #Wrapper #Content .column.mcb-column.one.wso-align-center.wso-mobile-left-align.column_column .column_attr.clearfix, #Wrapper .section.wso-mobile-left-align .column_attr.clearfix { text-align: left!important; } #Wrapper #Content .column.mcb-column.one.wso-align-center.wso-mobile-left-align.column_column .column_attr.clearfix { max-width: 100% !important; } #Wrapper .wso-mobile-buttons-center { text-align: center !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap .ui-tabs .ui-tabs-panel { padding: 0rem !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap .wrap { max-width: 100% !important; } #Wrapper .section.wso-contact-section .wso-contact-form-wrap .section.mcb-section.wso-section-text .column_attr.clearfix { padding: 2rem 2rem 0 !important; } #Wrapper .section.wso-contact-section .column li.ui-tabs-tab a.ui-tabs-anchor { font-size: 1.2rem !important; } .wso-mobile-styling .column > label { text-align: left !important; -webkit-flex-basis: 30% !important; -ms-flex-preferred-size: 30% !important; flex-basis: 30% !important; } #Wrapper .column.one.wso-info p { font-size: 1rem !important; flex-basis: 90% !important; text-align: left; margin: 0 !important; } #Wrapper .column.one.wso-info:before { margin: 0 !important; flex-basis: 1.25rem; } #Wrapper .wso-restaurant-tax p, #Wrapper .wpgb-card .wso-restaurant-tax p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-size: .85rem !important; } .flatpickr-current-month select.flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { font-size: 1.5rem !important; } .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { height: 2.5rem !important; width: 1.25rem !important; } .flatpickr-calendar { width: auto !important; max-width: 80% !important; } .flatpickr-weekdays, .flatpickr-weekdays * { font-size: 1.2rem !important; } .flatpickr-calendar .flatpickr-day { width: auto !important; font-size: 1rem !important; max-width: none !important; height: auto !important; max-height: none !important; line-height: 1em; padding: 1em 0.1em; } .dayContainer { width: 100% !important; max-width: 100% !important; min-width: auto !important; } .flatpickr-days, .flatpickr-rContainer, .flatpickr-innerContainer { width: 100% !important; } .numInputWrapper span { padding: 0 .5rem !important; width: auto !important; } .numInputWrapper span.arrowDown:after { border-left: .45rem solid transparent !important; border-right: .45rem solid transparent !important; border-top: .45rem solid rgba(57,57,57,.6) !important; left: 0 !important; } .numInputWrapper span.arrowUp:after { left: 0 !important; border-left: .45rem solid transparent !important; border-right: .45rem solid transparent !important; border-bottom: .45rem solid rgba(57,57,57,.6) !important; } .flatpickr-current-month input.cur-year { padding-right: 2rem !important; } button.wpgb-button.wpgb-load-more { margin-top: 2rem !important; } .wso-restaurant-grid .wpgb-block-2 { max-height: 30rem !important; } .wso-restaurant-grid .wpgb-card .wpgb-card-wrapper .wpgb-block-1 { padding-top: 2.5rem !important; } body[data-browser-name="Mobile Safari"] .wpcf7 input[type="file"] { width: calc(100% - 6px) !important; } .wso-subnavigation.wso-subnavigation-mobile { padding-bottom: 0 !important; } .wpgb-grid-41 .wpgb-area-bottom-1 { display: none !important; } #Wrapper .wso-app-benefits-slider .swiper-button-next { right: -3rem !important; } #Wrapper .wso-app-benefits-slider .swiper-button-prev { left: -3rem !important; } .wp-grid-builder.wso-bonus-book-grid .wso-voucher-div .wso-product-img:before { height: 2em !important; width: 2em !important; bottom: -2.5rem !important; } .wpcf7-form .column.one { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } body.wso-adventskalender #Wrapper #Content .section.mcb-section:not(.wso-section-text-img) .column_image:not(.wso-img-box):not(.wso-cover-disabled) .image_wrapper img { position: relative !important; } body.wso-adventskalender #Wrapper #Content .section.mcb-section:not(.wso-section-text-img) .column_image:not(.wso-img-box):not(.wso-cover-disabled) .image_wrapper { height: auto !important; padding: 0 !important; } span#CookieBoxTextHeadline:after { height: 5rem !important; } span#CookieBoxTextHeadline { font-size: 1.35rem !important; } #BorlabsCookieBox p { font-size: .8rem !important; } #Wrapper .section.wso-external-page .column.mcb-column.one.column_column .column_attr.clearfix { max-width: 100% !important; } #Wrapper #Content .section.wso-404 .column_image.wso-img-proportional:not(.wso-img-box):not(.wso-no-proportional-img) img { width: 75% !important; position: relative !important; } #Wrapper #Content .section.wso-404 .column_image.wso-img-proportional:not(.wso-img-box):not(.wso-no-proportional-img) .image_wrapper { height: auto !important; padding: 0 !important; } .wpgb-facet .wpgb-geolocation-facet label { margin-bottom: 0 !important; } #Wrapper .wso-product-grid-overview .wpgb-card.shuffle-item--visible { position: relative !important; top: auto !important; transform: none !important; } #Wrapper .wso-product-grid-overview .wpgb-card.shuffle-item--hidden { display: none !important; } #Wrapper .wso-product-grid.wso-grid-overview.wso-product-grid-overview.wso-product-repeater .wso-product-tax-grid-div { height: auto !important; } span.wso-product-filter-close { width: 100% !important; text-align: center; } #BorlabsCookieBox .cookie-preference ._brlbs-refuse { margin-top: 0 !important; } #BorlabsCookieBox .cookie-preference table td, #BorlabsCookieBox .cookie-preference table th { font-size: .7em !important; } .single-wso_restaurant #Wrapper a.button.wso-no-stroke-button { padding-right: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; padding-left: 0 !important; } } @media only screen and (max-width: 599px) { #Wrapper .wso-section-hero { /* padding: 9rem 0 7rem !important; */ } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2 { font-size: 1.85rem; } #Wrapper .wso-highlight-button { width: 8rem !important; height: 8rem !important; } .wso-highlight-button p { font-size: .5rem !important; } #Wrapper .wso-highlight-button p strong::after { width: 3rem; margin: .5rem auto; } body #Wrapper .wso-product-cat-grid-cobbles .wpgb-card, /*#Wrapper .wso-product-cat-grid-cobbles .wpgb-card:last-child,*/ #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:nth-last-child(2) {margin-bottom: 14.5% !important;} #Wrapper #Content .section.mcb-section.wso-section-multi-column.full-width.wso-restaurant-search-filter:after { height: 13rem; } .wpgb-facet .wpgb-inline-list li { margin: 0 .25rem .5rem 0 !important; } .wpgb-facet .wpgb-inline-list li .wpgb-button { font-size: .9rem !important; } #Wrapper .section.mcb-section.wso-button-bar a.button { width: 95% !important; margin-left: 0 !important; margin-right: 0 !important; } #Wrapper .wpgb-grid-42 .wpgb-area.wpgb-area-right { right: -.75rem !important; } #Wrapper .wpgb-grid-42 .wpgb-area.wpgb-area-left { left: -.75rem !important; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro:first-child .wrap.wso-hero-img img, body.wso-machhaltigkeit #Wrapper #Content .wso-subnavigation + .section.wso-section-intro .wrap.wso-hero-img img { right: -25%!important; width: 70% !important; top: 13% !important; } #Wrapper .wpgb-grid-42 .wpgb-area.wpgb-area-right:after, #Wrapper .wpgb-grid-42 .wpgb-area.wpgb-area-left:after { content: none !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image { margin-top: -16rem; left: -16% !important; } .wso-mccafe #Wrapper #Content .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-image * { height: auto !important; padding-bottom: 0 !important; } .wso-mccafe #Wrapper .section.mcb-section.wso-section-multi-column:not(.wso-video-section) {margin-bottom: 8rem !important;} .wso-mccafe #Wrapper #Content .section.mcb-section.wso-section-multi-column .wrap.mcb-wrap.one.wso-absolute-background + .wrap .section:first-child { padding: 5rem 0 !important; } #Wrapper div#product-intro h1 { font-size: 3.25rem !important; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card-media-content-bottom { top: 70%; } #Wrapper .wso-product-cat-grid-cobbles .wpgb-card:first-child .wpgb-card-media-content-bottom{ bottom: 1.75rem !important; } .wso-data-icons .wso-wrap-code a.scroll { flex-basis: 33% !important; font-size: .8rem !important; padding: 0.5rem !important; } .wso-job-grid .wpgb-card.wpgb-card-1:only-child, .wso-job-grid:not(.wp-grid-builder) .wpgb-card.wpgb-card-1:only-child { width: 100% !important; max-width: none !important; } .wso-intro-slogan { margin-bottom: 6rem; } body.wso-machhaltigkeit #Wrapper #Content .section.wso-section-intro.wso-environment-intro:first-child .wrap.wso-hero-img img { width: 65% !important; } #Wrapper .wso-app-benefits-slider .swiper-button-next, #Wrapper .wso-app-benefits-slider .swiper-button-prev { color: var(--yellow)!important; top: 50%!important; -webkit-transform: rotate(45deg) skew(0deg,0deg)!important; -ms-transform: rotate(45deg) skew(0deg,0deg)!important; -moz-transform: rotate(45deg) skew(0deg,0deg)!important; -o-transform: rotate(45deg) skew(0deg,0deg)!important; transform: rotate(45deg) skew(0deg,0deg)!important; height: 2rem!important; width: 2rem!important; outline: none!important; border-right: 5px solid!important; border-top: 5px solid!important; border-radius: 0 !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; right: -2rem !important; } #Wrapper .wso-app-benefits-slider .swiper-button-next:after, #Wrapper .wso-app-benefits-slider .swiper-button-prev:after { content: none !important; } #Wrapper .wso-app-benefits-slider .swiper-button-prev { -webkit-transform: rotate(225deg) skew(0deg,0deg) !important; -ms-transform: rotate(225deg) skew(0deg,0deg) !important; -moz-transform: rotate(225deg) skew(0deg,0deg) !important; -o-transform: rotate(225deg) skew(0deg,0deg) !important; transform: rotate(225deg) skew(0deg,0deg) !important; left: -2rem !important; right: auto !important; } html #BorlabsCookieBox ._brlbs-accept a._brlbs-btn, #BorlabsCookieBox .cookie-preference ._brlbs-refuse a._brlbs-cursor { font-size: .7rem !important; padding: 0.75em 0.25em !important; } } @media only screen and (max-width: 479px) { .section.mcb-section:not(.wso-section-slider) { /* padding: 1rem 0 !important; */ } /*.wso-ingredients-grid .wpgb-viewport.wpgb-carousel*/ .wso-ingredients-grid .wpgb-layout { margin-left: 7rem !important; margin-right: 7rem !important; } .wso-ingredients-grid .wpgb-viewport.wpgb-carousel .wpgb-card { width: 100% !important; } } @media only screen and (max-width: 375px) { span#CookieBoxTextHeadline:after { height: 4rem !important; } span#CookieBoxTextHeadline { font-size: 1.6rem !important; } } .section.section-page-footer .column.one.page-pager { margin: 0 !important; } /* Lottie Animations */ .wso-lottie-intro { display:block !important; position:fixed; left:50%; top:50%; z-index: 10000000; width:56.528vh; height:100vh; background-color: #fff; transition:var(--transition-medium) opacity 0s, 0s height var(--transition-medium); overflow:hidden; transform:translate(-50%,-50%) } @media(min-width:56.528vh) { .wso-lottie-intro { width:100vw; height:176.9vw; } } .wso-loaded .wso-lottie-intro { opacity:0; height: 0; } .wso-lottie-intro lottie-player{ width: 100% !important; height: auto !important; position:absolute; left:0; right:0; bottom: auto; top: -1vw; object-fit: cover; } #logo lottie-player { position:absolute !important ; z-index:10000 !important ; top:0 !important ; left:0 !important ; right:0 !important ; bottom:0 !important ; width:100% !important ; height:100% !important ; } @media (hover: hover) { #logo:hover .wso-logo-lottiefile-wrapper { display:block !important; } #logo .wso-logo-lottiefile-wrapper { position:absolute; top: 0px; left:0; right:0; /* bottom:0; */ width: 7rem !important; height: 7rem; } #logo lottie-player { position:absolute !important; z-index:10000 !important; top: 0 !important; left: 50% !important; right:auto !important; bottom:auto !important; width: 100% !important; height:100% !important; transform: translate(-50%,0%) scale(1); /* margin-top: -1rem; */ } /*.menu-sticky #logo lottie-player { top: 45.4% !important; left: 50.1% !important; }*/ } #wso_back_to_top.in_footer, #wso_back_to_top.sticky { right: 1rem !important; background: var(--yellow) !important; border-radius: 50% !important; -webkit-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; -moz-box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; box-shadow: 0.2em 0.5em 1em 0 rgb(119 119 119 / 15%) !important; z-index: 99 !important; height: 3rem; width: 3rem; line-height: 1.85em !important; font-size: 1.5rem !important; transition: none !important; position: fixed !important; bottom: 9rem !important; top: auto !important; } #wso_back_to_top.in_footer i, #wso_back_to_top.sticky i { color: black !important; } body:not(.wso-scroll-button) a#wso_back_to_top { display: none; } sup { display: inline; line-height: 0; } .grecaptcha-badge { display: none !important; } /*Fade-In Tabs on load*/ @media(min-width:1024px) { body:not(.wso-dom-ready) .wso-fade-in-tabs-on-load div.jq-tabs>ul>li { display:none !important; } .wso-fade-in-tabs-on-load div.jq-tabs>ul>li::before { content: '' !important; position:absolute; top:0; left:0; right:0; bottom:0; background-color: #fff; display:block; -webkit-transform:translate(0,100%); -ms-transform:translate(0,100%); transform:translate(0,100%); z-index:1; -webkit-transition: 0ms max-height 1333ms; -o-transition: 0ms max-height 1333ms; transition: 0ms max-height 1333ms; max-height: 10rem; } .wso-fade-in-tabs-on-load div.jq-tabs>ul>li a { -webkit-transition:100ms background-color 0ms, 333ms -webkit-transform 1000ms, 333ms -webkit-box-shadow 1333ms !important; transition:100ms background-color 0ms, 333ms -webkit-transform 1000ms, 333ms -webkit-box-shadow 1333ms !important; -o-transition:333ms transform 1000ms, 333ms box-shadow 1333ms, 100ms background-color 0ms !important; transition:333ms transform 1000ms, 333ms box-shadow 1333ms, 100ms background-color 0ms !important; transition:333ms transform 1000ms, 333ms box-shadow 1333ms, 100ms background-color 0ms, 333ms -webkit-transform 1000ms, 333ms -webkit-box-shadow 1333ms !important; } .wso-fade-in-tabs-on-load div.jq-tabs:not(.ui-widget)>ul>li a{ -webkit-transform:translate(0,100%); -ms-transform:translate(0,100%); transform:translate(0,100%); -webkit-box-shadow:none !important; box-shadow:none !important } .wso-fade-in-tabs-on-load div.jq-tabs.ui-widget>ul>li::before { max-height: 0; } #Wrapper .wso-fade-in-tabs-on-load div.jq-tabs>ul>li::after { content:''; -webkit-transition: 333ms width 1000ms, 0ms z-index 1333ms, 0ms opacity 1333ms, 200ms -webkit-transform 0ms !important; transition: 333ms width 1000ms, 0ms z-index 1333ms, 0ms opacity 1333ms, 200ms -webkit-transform 0ms !important; -o-transition: 333ms width 1000ms, 0ms z-index 1333ms, 0ms opacity 1333ms, 200ms transform 0ms !important; transition: 333ms width 1000ms, 0ms z-index 1333ms, 0ms opacity 1333ms, 200ms transform 0ms !important; transition: 333ms width 1000ms, 0ms z-index 1333ms, 0ms opacity 1333ms, 200ms transform 0ms, 200ms -webkit-transform 0ms !important; background-size: auto 100% !important; background-position:right top !important; } body #Wrapper .wso-fade-in-tabs-on-load div.jq-tabs:not(.ui-widget)>ul>li::after { width:0% !important; z-index:30 !important; } body #Wrapper .wso-fade-in-tabs-on-load div.jq-tabs:not(.ui-widget)>ul>li:not(:first-child)::after{ opacity:0; } } body:not(.menu-sticky) #wso_back_to_top { display:none; } /*----LOCKDOWN----*/ #Wrapper .section:not(.wso-align-right):not(.wso-align-center) .wso-restaurant-grid a.button.wso-burger-party-button, #Wrapper .wso-restaurant-infos a.button.wso-burger-party-button { display: none; } /* ========================================================================== */ /* A11Y */ /* ========================================================================== */ span.ui-spinner.ui-corner-all.ui-widget.ui-widget-content { border:none; } *:focus-visible{ outline: 2px solid var(--black) !important; border-radius:1.5rem; } .wso-yellow.dark h2, .wso-yellow.dark h2 a, .wso-yellow.dark h2 a:hover{ color: var(--black); } #Wrapper .wso-yellow.dark a:not(.button) { color: var(--black) !important; } #Wrapper .section.wso-yellow.dark .column p a:not(.button):not(.wso-video-button):not(.ui-tabs-anchor):not(.wpgb-card-layer-link):not(.wpgb-lightbox):not(.applink):after{ background-image: url(/wp-content/uploads/2022/12/arrow-right-black.svg); } #a11y-options { position: fixed; bottom:2rem; right:2rem; z-index: 100; background-image: url(/wp-content/uploads/2025/06/accessibility.svg); width:2.5rem; height:2.5rem; background-position: center center; background-repeat: no-repeat; background-size: 66%; padding:0; border-radius: 100%; background-color: var(--yellow); border:3px solid var(--yellow); } .wso-a11y-mode #a11y-options { background-color: var(--white); border:3px solid var(--black); } @media only screen and (max-width:767px) { #a11y-options { bottom:7.5rem; right:1rem; width:3rem; height:3rem; } } .visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } html body:not(.woocommerce) #Wrapper table a { color:#000000 !important; } /* #Wrapper .wso-slider-substitute .image_wrapper::after { background-color: var(--yellow); content: ''; display:block; width:2rem; aspect-ratio: 1/1; position: absolute;top:1rem; right:1rem; z-index: 10000; border-radius: 0.5rem; } */ .wso-skip-link { } .wso-screen-reader-text{ border: 0; clip-path: inset(50%); height: 1px; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .wso-screen-reader-text:focus, .wso-screen-reader-text:focus-visible, .wso-screen-reader-text:focus-within, .wso-screen-reader-text:target, .wso-screen-reader-text:hover, .wso-screen-reader-text:active{ border-radius: 100vw; clip: auto !important; font-size: 1rem; background-color: var(--yellow); clip-path: none; color: var(--black); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } .column_attr p a:focus-visible { background-color: var(--yellow); color:var(--black); } /* ---------------------------- video play pause ---------------------------- */ /* txt + 1 img */ .section.wso-section-text-img:not(.wso-section-text-2-img, .wso-section-text-3-img, .wso-section-text-img-fullwidth) .image_wrapper:not(:has(img, picture)) > video { position: static !important; width: 100% !important; height: auto !important; } .section.wso-section-text-img:not(.wso-section-text-2-img, .wso-section-text-3-img, .wso-section-text-img-fullwidth) .image_frame:not(:has(img, picture)):has(video) { display: grid; justify-content: center; align-items: center; } .section.wso-section-text-img:not(.wso-section-text-2-img, .wso-section-text-3-img, .wso-section-text-img-fullwidth) .image_frame:not(:has(img, picture)):has(video) .image_wrapper { position: relative !important; inset: auto; height: auto !important; width: 100% !important; } /* txt + 2/3 imgs*/ .section.wso-section-text-2-img .image_wrapper > video, .section.wso-section-text-3-img .image_wrapper > video, .section.wso-section-text-img-fullwidth .image_wrapper > video, .section.wso-section-text-img .image_frame:has(img, picture) .image_wrapper > video { position: absolute !important; width: 100% !important; height: 100% !important; inset: 0 0 0 0; -o-object-fit: cover; object-fit: cover; } [data-video-button] { position: absolute; width:2.5rem; aspect-ratio: 1 / 1; inset:.6rem auto auto .6rem; background-color: transparent !important; z-index: 1000; padding:0 !important; --play-icon-color:var(--black); --play-bg-color:var(--yellow); transition: 300ms; } [data-video-button] svg { position: absolute; inset:0; width:100% !important; height:100% !important; } [data-video-button] svg #play, [data-video-button] svg #pause{ transition: var(--transition-short); } [data-video-button="playing"] svg #pause, [data-video-button=""] svg #play{ opacity:1; } [data-video-button="playing"] svg #play, [data-video-button=""] svg #pause{ opacity:0; } [data-video-button="playing"] svg #pause, [data-video-button=""] svg #play{ opacity:1; } [data-video-button]:hover, [data-video-button]:focus { transform: scale(1.1); } /* ========================================================================== */ /* H1 IN NAV */ /* ========================================================================== */ .wso-h1-in-nav { position: absolute; top:var(--mobile-top-bar-height); left:calc((100% - var(--content-width)) / 2); right:calc((100% - var(--content-width)) / 2); padding-inline:0; padding-block: 1.3rem; margin:0 !important; font-family: 'Speedee Bold',sans-serif !important; font-size: .85rem !important; pointer-events:none; z-index: 10; } body .wso-h1-in-nav ~ #Content .wso-subnavigation { top:9.15rem !important; } body .wso-h1-in-nav ~ #Content .wso-wintergame-bg{ top:1.15rem !important; } body:has(.wso-subnavigation) .wso-h1-in-nav , body:has(.wso-wintergame-bg) .wso-h1-in-nav { top:calc(var(--mobile-top-bar-height) - 0.5rem) !important; z-index:10; } @media only screen and (max-width:959px) { .wso-h1-in-nav { left:0; right:0; text-align: center; } } @media only screen and (max-width:767px) { #Wrapper .wso-h1-in-nav { font-size: 1rem !important; padding-block:0.5rem; } } /* -------------------------------- jobs a11y ------------------------------- */ .wso-card-jobs .wpgb-card-inner { display:flex; flex-direction: column; } .wso-card-jobs .wpgb-card-inner .wpgb-card-content { order:2; } .wpgb-card-1 .wpgb-card-header { order:2; }