@charset "UTF-8"; /* Theme Name: LAWO Author: BlackForestShops Description: Wordpress Child-Theme der LAWO AG basierend auf dem Eltern-Theme Divi (v4) Version: 1.0 Template: Divi This is the child theme for Divi theme, generated with Generate Child Theme plugin by catchthemes. (optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain) */ /* 888 d8888 888 888 .d88888b. .d8888b. 888 888 888 d88888 888 o 888 d88P" "Y88b d88P Y88b 888 888 888 d88P888 888 d8b 888 888 888 Y88b. 888 888 888 d88P 888 888 d888b 888 888 888 "Y888b. 888888 888 888 888 .d88b. .d8888b 888 d88P 888 888d88888b888 888 888 "Y88b. 888 888 888 888 d8P Y8b 88K 888 d88P 888 88888P Y88888 888 888 "888 888 888 888 888 88888888 "Y8888b. 888 d8888888888 8888P Y8888 Y88b. .d88P Y88b d88P Y88b. Y88b 888 888 Y8b. X88 88888888 d88P 888 888P Y888 "Y88888P" "Y8888P" "Y888 "Y88888 888 "Y8888 88888P' 888 Y8b d88P "Y88P" */ @font-face { font-family: "OpenSans"; src: url("./fonts/OpenSans-Light.ttf") format("truetype"); } @font-face { font-family: "OpenSansRegular"; src: url("./fonts/OpenSans-Regular.ttf") format("truetype"); } @font-face { font-family: "OpenSansBold"; src: url("./fonts/OpenSans-Bold.ttf") format("truetype"); } ::selection { background: #027faf; color: #fff; } body, p, .dmach-acf-value, .et_pb_de_mach_acf_item { font-family: OpenSansRegular, sans-serif; } .bfs-main-header a { font-size: 16px !important; font-weight: 400 !important; } :root { /* Viewport 360px bis 1280px */ /*** Unter dieser URL mit den Einstellungen erstellt ***/ /*** https://www.fluid-type-scale.com/calculate?minFontSize=28&minWidth=360&minRatio=1.125&maxFontSize=36&maxWidth=1280&maxRatio=1.25&steps=6+%2C+5%2C+4%2C+3%2C+2%2C+1&baseStep=3&prefix=heading&useContainerWidth=false&includeFallbacks=false&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=360 ***/ /* H3 Standard: 28px bis 36px*/ --heading-6: clamp(1.19rem, 0.03vi + 1.18rem, 1.2rem); --heading-5: clamp(1.33rem, 0.29vi + 1.27rem, 1.5rem); --heading-4: clamp(1.5rem, 0.65vi + 1.35rem, 1.88rem); --heading-3: clamp(1.69rem, 1.14vi + 1.43rem, 2.34rem); --heading-2: clamp(1.69rem, 1.14vi + 1.43rem, 2.34rem); --heading-1: clamp(1.9rem, 1.79vi + 1.49rem, 2.93rem); /*** Unter dieser URL mit den Einstellungen erstellt ***/ /*** https://www.fluid-type-scale.com/calculate?minFontSize=17&minWidth=360&minRatio=1.125&maxFontSize=19&maxWidth=1280&maxRatio=1.25&steps=xs%2C+s%2C+m%2C+l%2C+xl%2C+xxl&baseStep=m&prefix=text&useContainerWidth=false&includeFallbacks=false&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=360 ***/ /* --text-m Standard: 17px bis 19px*/ --text-xs: clamp(0.74rem, -0.11vi + 0.76rem, 0.68rem); --text-s: clamp(0.83rem, 0.03vi + 0.83rem, 0.85rem); --text-m: clamp(0.94rem, 0.22vi + 0.89rem, 1.06rem); --text-l: clamp(1.05rem, 0.48vi + 0.95rem, 1.33rem); --text-xl: clamp(1.19rem, 0.82vi + 1rem, 1.66rem); --text-xxl: clamp(1.33rem, 1.29vi + 1.05rem, 2.08rem); --line-height-xs: 1.3; --line-height-s: 1.3; --line-height-m: 1.5; --line-height-l: 1.4; --line-height-xl: 1.4; --line-height-xxl: 1.3; --line-height-h6: 1.4; --line-height-h5: 1.3; --line-height-h4: 1.3; --line-height-h3: 1.3; --line-height-h2: 1.2; --line-height-h1: 1.2; --li-margin: 0.5em; } .bfs-heading h1 { font-size: var(--heading-1); line-height: var(--line-height-h1); font-weight: 800; } .bfs-heading h2 { font-size: var(--heading-2); line-height: var(--line-height-h2); } .bfs-heading h3 { font-size: var(--heading-3); line-height: var(--line-height-h3); } .bfs-heading h4 { font-size: var(--heading-4); line-height: var(--line-height-h4); } .bfs-heading h5 { font-size: var(--heading-5); line-height: var(--line-height-h5); } .bfs-heading h6 { font-size: var(--heading-6); line-height: var(--line-height-h6); } .bfs-text-xs p { font-size: var(--text-xs); line-height: var(--line-height-xs); } .bfs-text-xs li { font-size: var(--text-xs); line-height: var(--line-height-xs); margin-block-end: var(--li-margin); } .bfs-text-s p { font-size: var(--text-s); line-height: var(--line-height-s); } .bfs-text-s li { font-size: var(--text-s); line-height: var(--line-height-s); margin-block-end: var(--li-margin); } .bfs-text-m p { font-size: var(--text-m); line-height: var(--line-height-m); } .bfs-text-m a { font-size: var(--text-m); line-height: var(--line-height-m); } .bfs-text-m li { font-size: var(--text-m); line-height: var(--line-height-m); } .bfs-text-l p { font-size: var(--text-l); line-height: var(--line-height-l); } .bfs-text-l li { font-size: var(--text-l); line-height: var(--line-height-l); margin-block-end: var(--li-margin); } .bfs-text-xl p { font-size: var(--text-xl); line-height: var(--line-height-xl); } .bfs-text-xl li { font-size: var(--text-xl); line-height: var(--line-height-xl); margin-block-end: var(--li-margin); } .bfs-text-xxl p { font-size: var(--text-xxl); line-height: var(--line-height-xxl); } .bfs-text-xxl li { font-size: var(--text-xxl); line-height: var(--line-height-xxl); margin-block-end: var(--li-margin); } /* 888 888 888 888 888 888 888 888 888 8888888888 .d88b. 888 88888b. .d88b. 888d888 888 888 d8P Y8b 888 888 "88b d8P Y8b 888P" 888 888 88888888 888 888 888 88888888 888 888 888 Y8b. 888 888 d88P Y8b. 888 888 888 "Y8888 888 88888P" "Y8888 888 888 888 888 */ .features-inner-headline-container .bfs-heading h4 { font-size: var(--heading-4); line-height: 1 !important; } @media (max-width: 980px) { .de-mega-menu .close-icon { display: block !important; } .de-mega-menu .et_mobile_nav_menu { display: none !important; } .de-mega-menu .et_pb_menu .et_pb_menu__menu { display: block !important; } } .bfs-submenu .et_pb_menu_inner_container, .bfs-submenu .et_pb_menu__wrap, .bfs-submenu .et_pb_menu__menu, .bfs-submenu.et_pb_menu .et_pb_menu__menu > nav, .bfs-submenu.et_pb_menu .et_pb_menu__menu > nav > ul { display: block; } .bfs-submenu .et_mobile_nav_menu { display: none; } #page-container .bfs-submenu ul.sub-menu { position: relative; visibility: visible; opacity: 1; top: 0; left: 0; width: auto; border-top: none; box-shadow: none; display: none; transition: none; } #page-container .bfs-submenu ul.sub-menu a { text-transform: none; background: none; } #page-container .bfs-submenu li { display: block; width: fit-content; } #page-container .bfs-submenu li a { width: fit-content; display: inline-block; } .bfs-submenu .menu-item-has-children > a:first-child:after { display: none; } span.bfs-submenu-toggle { font-family: "ETmodules"; display: inline-block; line-height: 18px; text-align: center; width: 20px; height: 20px; border: 1px solid #666; transform: scale(1.2); transition: 0.3s ease; cursor: pointer; } .toggled > span.bfs-submenu-toggle { transform: scale(1.2) rotate(180deg); } /* 888 888 888 888 888 888 888 888 888 8888888888 .d88b. 8888b. .d88888 .d88b. 888d888 888 888 d8P Y8b "88b d88" 888 d8P Y8b 888P" 888 888 88888888 .d888888 888 888 88888888 888 888 888 Y8b. 888 888 Y88b 888 Y8b. 888 888 888 "Y8888 "Y888888 "Y88888 "Y8888 888 */ .bfs-header .bfs-main-header { display: flex; align-items: center; } .bfs-header .bfs-main-header div { display: flex; align-items: center; justify-content: flex-start; } .bfs-header .bfs-main-header .et-last-child { align-self: stretch; justify-content: flex-end; } .bfs-header .bfs-main-header .et-last-child div:last-child { display: flex; align-self: stretch; align-items: center; cursor: pointer; } .bfs-header .bfs-main-header .et_mobile_nav_menu { display: none; } .bfs-header .bfs-main-header .bfs-header-search { cursor: pointer; } .bfs-header .bfs-main-header .bfs-header-search .et_pb_image_wrap { width: 30px; } .bfs-header .bfs-main-header .bfs-header-search a:after { display: none !important; } .bfs-header .bfs-main-header .bfs-header-search:hover span { transform: scale(1.07); } .bfs-header .bfs-main-header .bfs-header-sales-button:hover p { transform: scale(1.07); } .bfs-header .bfs-over-header { display: flex; } .bfs-header .bfs-over-header .et-last-child { display: flex; align-items: center; justify-content: flex-end; } /* 888888b. 8888888888 .d8888b. d8888 d8b .d8888b. 888 888 "88b 888 d88P Y88b d88888 Y8P d88P Y88b 888 888 .88P 888 Y88b. d88P888 Y88b. 888 8888888K. 8888888 "Y888b. d88P 888 8888 8888b. 888 888 "Y888b. .d88b. 8888b. 888d888 .d8888b 88888b. 888 "Y88b 888 "Y88b. d88P 888 "888 "88b `Y8bd8P' "Y88b. d8P Y8b "88b 888P" d88P" 888 "88b 888 888 888 "888 d88P 888 888 .d888888 X88K "888 88888888 .d888888 888 888 888 888 888 d88P 888 Y88b d88P d8888888888 888 888 888 .d8""8b. Y88b d88P Y8b. 888 888 888 Y88b. 888 888 8888888P" 888 "Y8888P" d88P 888 888 "Y888888 888 888 "Y8888P" "Y8888 "Y888888 888 "Y8888P 888 888 888 d88P 888P" */ .bfs-ajax-search .dipl_ajax_search_results { max-height: 80vh !important; } #mm_ajax_search .close-icon { top: 4px !important; right: 209px !important; background-color: #00a7e6 !important; width: 35px !important; height: 35px !important; } .mm_ajax_search_disable { opacity: 0; pointer-events: none; width: 0; padding: 0 !important; /*disable the manu entry ho is required*/ } .bfs-search-bar input { border: none !important; border-bottom: 1px solid #fff !important; } /* 888888b. 8888888888 .d8888b. 8888888b. 888 .d8888b. 888 888 888 "88b 888 d88P Y88b 888 Y88b 888 d88P Y88b 888 888 888 .88P 888 Y88b. 888 888 888 Y88b. 888 888 8888888K. 8888888 "Y888b. 888 d88P .d88b. .d8888b 888888 "Y888b. 888888 888 888 888 .d88b. .d8888b 888 "Y88b 888 "Y88b. 8888888P" d88""88b 88K 888 "Y88b. 888 888 888 888 d8P Y8b 88K 888 888 888 "888 888 888 888 "Y8888b. 888 "888 888 888 888 888 88888888 "Y8888b. 888 d88P 888 Y88b d88P 888 Y88..88P X88 Y88b. Y88b d88P Y88b. Y88b 888 888 Y8b. X88 8888888P" 888 "Y8888P" 888 "Y88P" 88888P' "Y888 "Y8888P" "Y888 "Y88888 888 "Y8888 88888P' 888 Y8b d88P "Y88P" */ /*replace Twitter icon with X in The Monarch plugin*/ .et_monarch .et_social_icon_twitter:before, .et_monarch .et_social_icon_twitter:after { content: ""; font-family: "Font Awesome 6 Brands" !important; } .et_social_icons_container li { width: fit-content !important; } .bfs-presskit-button { width: fit-content; } /* 888888b. 8888888888 .d8888b. 888b d888 .d8888b. .d8888b. 888 888 "88b 888 d88P Y88b 8888b d8888 d88P "88b d88P Y88b 888 888 .88P 888 Y88b. 88888b.d88888 Y88b. d88P Y88b. 888 8888888K. 8888888 "Y888b. 888Y88888P888 .d88b. 88888b. 888 888 "Y8888P" "Y888b. 888 888 88888b. 88888b.d88b. .d88b. 88888b. 888 888 888 "Y88b 888 "Y88b. 888 Y888P 888 d8P Y8b 888 "88b 888 888 .d88P88K.d88P "Y88b. 888 888 888 "88b 888 "888 "88b d8P Y8b 888 "88b 888 888 888 888 888 "888 888 Y8P 888 88888888 888 888 888 888 888" Y888P" "888 888 888 888 888 888 888 888 88888888 888 888 888 888 888 d88P 888 Y88b d88P 888 " 888 Y8b. 888 888 Y88b 888 Y88b .d8888b Y88b d88P Y88b 888 888 d88P 888 888 888 Y8b. 888 888 Y88b 888 8888888P" 888 "Y8888P" 888 888 "Y8888 888 888 "Y88888 "Y8888P" Y88b "Y8888P" "Y88888 88888P" 888 888 888 "Y8888 888 888 "Y88888 */ .bfs-submenu .et_pb_menu_inner_container, .bfs-submenu .et_pb_menu__wrap, .bfs-submenu .et_pb_menu__menu, .bfs-submenu .et_pb_menu { display: block !important; } .bfs-submenu .et_pb_menu_inner_container .et_pb_menu__menu, .bfs-submenu .et_pb_menu__wrap .et_pb_menu__menu, .bfs-submenu .et_pb_menu__menu .et_pb_menu__menu, .bfs-submenu .et_pb_menu .et_pb_menu__menu { display: block !important; } .bfs-submenu .et_pb_menu_inner_container .et_pb_menu__menu nav, .bfs-submenu .et_pb_menu__wrap .et_pb_menu__menu nav, .bfs-submenu .et_pb_menu__menu .et_pb_menu__menu nav, .bfs-submenu .et_pb_menu .et_pb_menu__menu nav { display: block !important; } .bfs-submenu .et_pb_menu_inner_container .et_pb_menu__menu nav ul, .bfs-submenu .et_pb_menu__wrap .et_pb_menu__menu nav ul, .bfs-submenu .et_pb_menu__menu .et_pb_menu__menu nav ul, .bfs-submenu .et_pb_menu .et_pb_menu__menu nav ul { display: block !important; } .bfs-submenu .et_pb_menu_inner_container .et_pb_menu__menu nav ul li, .bfs-submenu .et_pb_menu__wrap .et_pb_menu__menu nav ul li, .bfs-submenu .et_pb_menu__menu .et_pb_menu__menu nav ul li, .bfs-submenu .et_pb_menu .et_pb_menu__menu nav ul li { display: block !important; } .bfs-submenu .et_mobile_nav_menu { display: none !important; } #page-container .bfs-submenu ul .sub-menu { position: relative !important; visibility: visible !important; opacity: 1 !important; top: 0 !important; left: 0 !important; width: auto !important; border-top: none !important; box-shadow: none !important; display: none !important; transition: none !important; } #page-container .bfs-submenu ul .sub-menu a { text-transform: none !important; background: none !important; } #page-container .bfs-submenu li { display: block !important; width: fit-content !important; } #page-container .bfs-submenu li a { width: fit-content !important; display: inline-block !important; } #page-container .bfs-submenu .menu-item-has-children a:first-child:after { display: none !important; } /* 888b d888 888b d888 .d88888b. d8b 888 8888b d8888 8888b d8888 d88P" "Y88b Y8P 888 88888b.d88888 88888b.d88888 888 888 888 888Y88888P888 .d88b. .d88b. 8888b. 888Y88888P888 .d88b. 88888b. 888 888 888 888 888 888 .d88b. 888d888 888d888 888 .d88888 .d88b. .d8888b 888 Y888P 888 d8P Y8b d88P"88b "88b 888 Y888P 888 d8P Y8b 888 "88b 888 888 888 888 888 888 d8P Y8b 888P" 888P" 888 d88" 888 d8P Y8b 88K 888 Y8P 888 88888888 888 888 .d888888 888 Y8P 888 88888888 888 888 888 888 888 888 Y88 88P 88888888 888 888 888 888 888 88888888 "Y8888b. 888 " 888 Y8b. Y88b 888 888 888 888 " 888 Y8b. 888 888 Y88b 888 Y88b. .d88P Y8bd8P Y8b. 888 888 888 Y88b 888 Y8b. X88 888 888 "Y8888 "Y88888 "Y888888 888 888 "Y8888 888 888 "Y88888 "Y88888P" Y88P "Y8888 888 888 888 "Y88888 "Y8888 88888P' 888 Y8b d88P "Y88P" */ #mm_search_menu.de-mega-menu { width: calc(100% - 160px) !important; } .bfs-search-close-icon { top: 40px !important; right: 35px !important; } /* 888 888 .d8888b. 888 d8b 888 888 888 d88P Y88b 888 Y8P 888 888 888 Y88b. 888 888 8888888888 .d88b. 888d888 .d88b. "Y888b. 888 888 .d88888 .d88b. 888d888 888 888 d8P Y8b 888P" d88""88b "Y88b. 888 888 d88" 888 d8P Y8b 888P" 888 888 88888888 888 888 888 "888 888 888 888 888 88888888 888 888 888 Y8b. 888 Y88..88P Y88b d88P 888 888 Y88b 888 Y8b. 888 888 888 "Y8888 888 "Y88P" "Y8888P" 888 888 "Y88888 "Y8888 888 */ .hero-slider-container { overflow: hidden !important; } .hero-slider-container .slick-slide img { height: auto !important; } /* .d8888b. 888 888 888 888 .d8888b. 888 d8b 888 d88P Y88b 888 888 888 888 d88P Y88b 888 Y8P 888 Y88b. 888 888 888 888 Y88b. 888 888 "Y888b. 888888 8888b. 888d888 888888 8888888888 .d88b. 888d888 .d88b. "Y888b. 888 888 .d88888 .d88b. 888d888 "Y88b. 888 "88b 888P" 888 888 888 d8P Y8b 888P" d88""88b "Y88b. 888 888 d88" 888 d8P Y8b 888P" "888 888 .d888888 888 888 888 888 88888888 888 888 888 "888 888 888 888 888 88888888 888 Y88b d88P Y88b. 888 888 888 Y88b. 888 888 Y8b. 888 Y88..88P Y88b d88P 888 888 Y88b 888 Y8b. 888 "Y8888P" "Y888 "Y888888 888 "Y888 888 888 "Y8888 888 "Y88P" "Y8888P" 888 888 "Y88888 "Y8888 888 */ .bfs-slider .et_pb_slide:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(33, 33, 33, 0.6); z-index: 1; opacity: 0; } .bfs-slider .et_pb_slide:has(.et_pb_slide_title):before { opacity: 1; } .bfs-slider .et_pb_slide_title { margin-bottom: 0.5em; position: relative; } .bfs-slider .et_pb_slide_content { margin-bottom: 1.5em; } .bfs-slider:hover .et-pb-arrow-prev { left: 85px !important; } .bfs-slider:hover .et-pb-arrow-next { right: 85px !important; } .bfs-slider-home { height: calc(100vh - 120px) !important; } .bfs-slider-home .et_pb_slider_container_inner { display: flex; width: 100%; align-items: flex-end; vertical-align: unset !important; padding: 3%; } .bfs-slider-home .et_pb_slide { height: calc(100vh - 120px) !important; padding: 0 !important; } .bfs-slider-home .et_pb_slides .et_pb_container { display: flex !important; table-layout: unset !important; flex-direction: column !important; justify-content: flex-end !important; } .bfs-slider-home .et_pb_slide_image { position: relative !important; display: inline-flex !important; vertical-align: bottom; max-width: 260px; margin-top: unset !important; bottom: 0 !important; top: unset !important; animation: none !important; margin-right: 2.5% !important; } .bfs-slider-home .et_pb_slide_description { padding: 0 !important; display: inline-flex !important; flex-direction: column !important; max-width: 500px !important; float: unset !important; margin: unset !important; } .bfs-slider-home .et_pb_slide_description .et_pb_slide_content { margin-bottom: 0 !important; } .bfs-slider-home .et_pb_slide_description .et_pb_slide_content p { font-size: 1em; } @media all and (max-width: 980px) { .bfs-slider-home .et_pb_slide_image { display: none !important; } .bfs-slider-home .et_pb_slider_container_inner { padding: 6%; } } .bfs-pagination .page-numbers a { padding: 5px 13px; } .bfs-pagination .page-numbers .current { padding: 5px 13px; } .bfs-search:after { content: "U"; font-family: ETModules; font-size: 20px; color: #444444; position: absolute; top: 50%; right: 10px; transform: translateY(-50%) scaleX(-1); pointer-events: none; z-index: 9; } .mfp-counter { display: none !important; } /* 8888888888 888 888 888 888 d8b 888 888 d8b 888 888 888 888 888 Y8P 888 888 Y8P 888 888 888 888 888 888 888 8888888 888 888 888 888 8888888888 .d88b. 888 .d88b. 88888b. 888888 888 88888b.d88b. .d88b. 888 888 888 888 888 888 888 d8P Y8b 888 d88P"88b 888 "88b 888 888 888 "888 "88b d88P"88b 888 888 888 888 888 888 888 88888888 888 888 888 888 888 888 888 888 888 888 888 888 888 Y88b 888 888 888 888 888 Y8b. 888 Y88b 888 888 888 Y88b. 888 888 888 888 Y88b 888 888 "Y88888 888 888 888 888 "Y8888 888 "Y88888 888 888 "Y888 888 888 888 888 "Y88888 888 888 Y8b d88P Y8b d88P "Y88P" "Y88P" */ .bfs-container-full-height-img { display: flex; align-items: center; } .bfs-container-full-height-img .et_pb_column_1_2 { width: 50% !important; margin-right: 0 !important; } .bfs-container-full-height-img .et-last-child { padding: 0px 100px 0px 40px; } @media all and (max-width: 980px) { .bfs-container-full-height-img { display: block; } .bfs-container-full-height-img .et_pb_column_1_2 { width: 100% !important; } .bfs-container-full-height-img .et-last-child { width: 80% !important; margin: 30px 10% 100px 10% !important; padding: 0px; } } /*this sets the height of the image module*/ .bfs-full-height-img { height: 100%; } /*this sets the height of the image container*/ .bfs-full-height-img .et_pb_image_wrap { height: 100%; } /*this sets the height and fit of the actual image*/ .bfs-full-height-img img { aspect-ratio: 16/9; object-fit: cover; height: 100%; } .bfs-4-3-img img { aspect-ratio: 4/3; object-fit: cover; height: 100%; } /* 888b d888 888 d8b 888 d8b 888 888 .d8888b. 888 8888b d8888 888 Y8P 888 Y8P 888 888 d88P Y88b 888 88888b.d88888 888 888 888 888 Y88b. 888 888Y88888P888 8888b. .d8888b 88888b. 888 88888b. .d88b. 888 888 .d88b. 88888b. 888888 "Y888b. 88888b. .d88b. 888 888 888 888 Y888P 888 "88b 88K 888 "88b 888 888 "88b d8P Y8b 888 888 d88P"88b 888 "88b 888 "Y88b. 888 "88b d88""88b 888 888 888 888 Y8P 888 .d888888 "Y8888b. 888 888 888 888 888 88888888 888 888 888 888 888 888 888 "888 888 888 888 888 888 888 888 888 " 888 888 888 X88 888 888 888 888 888 Y8b. 888 888 Y88b 888 888 888 Y88b. Y88b d88P 888 888 Y88..88P Y88b 888 d88P 888 888 "Y888888 88888P' 888 888 888 888 888 "Y8888 88888888 888 "Y88888 888 888 "Y888 "Y8888P" 888 888 "Y88P" "Y8888888P" 888 Y8b d88P "Y88P" */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.9 !important; } .mfp-wrap .mfp-content .mfp-close { font-size: 40px !important; top: 40px; opacity: 1 !important; background-color: #027faf !important; width: 50px; height: 50px; text-align: center; padding: 6px 10px 10px 10px; line-height: 20px; right: 0 !important; cursor: pointer !important; } .mfp-wrap .mfp-content .mfp-close:hover { background-color: #dc1d7d !important; } .mfp-wrap .mfp-container .mfp-arrow { opacity: 1 !important; } .mfp-wrap .mfp-container .mfp-arrow:after { background: #027faf !important; font-size: 40px !important; color: #fff !important; padding: 5px; } .mfp-wrap .mfp-container .mfp-arrow-right { right: 0px !important; } /* 8888888888 888 .d8888b. 888 888 888 888 d88P Y88b 888 888 888 888 888 888 888 888 8888888 888 .d88b. 888 888 888 .d88b. 88888b. 888888 .d88b. 88888b. 888888 888 888 d8P Y8b `Y8bd8P' 888 d88""88b 888 "88b 888 d8P Y8b 888 "88b 888 888 888 88888888 X88K 888 888 888 888 888 888 888 88888888 888 888 888 888 888 Y8b. .d8""8b. Y88b d88P Y88..88P 888 888 Y88b. Y8b. 888 888 Y88b. 888 888 "Y8888 888 888 "Y8888P" "Y88P" 888 888 "Y888 "Y8888 888 888 "Y888 */ .flex-content_btn { display: block; width: fit-content; } .bfs_btn--center { width: fit-content; margin: 0 auto; } .divi-filter-archive-loop { margin-bottom: 0 !important; } .features-inner-headline-container { display: flex; } .features-inner-headline-container .features-inner-headline-flag { width: fit-content; display: inline-flex; margin-right: 0.7em; } .features-inner-headline-container .features-inner-headline-flag h6 { margin-bottom: 0 !important; padding-bottom: 4px !important; padding-top: 0px !important; padding-left: 12px !important; padding-right: 12px !important; } .features-inner-headline-container .features-inner-headline { width: fit-content; display: inline-flex; } .features-inner-headline-container .features-inner-headline h6 { margin-bottom: 0 !important; padding-bottom: 4px !important; padding-top: 0px !important; } .features-inner-description-container { position: relative !important; } .features-inner-description-container .features-inner-image { float: left; margin: 0 15px 15px 0; } .features-inner-description-container .features-inner-image img { aspect-ratio: 1/1; object-fit: cover; max-width: 150px; } .bfs-slide-show-with-thumb .slick-slide { height: 100%; aspect-ratio: 16/9; } .bfs-slide-show-with-thumb .slick-slide div { aspect-ratio: 16/9 !important; min-height: auto !important; } .bfs-slide-show-with-thumb .et_pb_de_mach_acf_slider_containter_nav .slick-list { width: 100% !important; } .bfs-slide-show-with-thumb .et_pb_de_mach_acf_slider_containter_nav .slick-track { width: 100% !important; } .bfs-slide-show-with-thumb .et_pb_de_mach_acf_slider_containter_nav .slick-track .slick-slide .et_pb_de_mach_gallery_item { max-width: 230px; aspect-ratio: 16/9; } .bfs-slide-show-with-thumb .et_pb_de_mach_acf_slider_containter_nav .slick-track .slick-slide img { max-width: 230px; aspect-ratio: 16/9; margin: 10px 10px 0 0; } .bfs-slide-show-with-thumb .et_pb_de_mach_acf_slider_containter_nav .slick-track .slick-current { position: relative; } .bfs-slide-show-with-thumb .et_pb_de_mach_acf_slider_containter_nav .slick-track .slick-current::after { content: ""; width: calc(100% - 10px); height: 100%; position: absolute; top: 10px; bottom: 0; right: 0; left: 0; background-color: rgba(2, 127, 175, 0.7); } /* 8888888 .d8888b. 88888888888 888 888 888 d88P "88b 888 888 888 888 Y88b. d88P 888 888 888 888 88888b.d88b. 8888b. .d88b. .d88b. "Y8888P" 888 .d88b. 888 888 888888 888 .d88b. .d88b. 88888b. 888 888 "888 "88b "88b d88P"88b d8P Y8b .d88P88K.d88P 888 d8P Y8b `Y8bd8P' 888 888 d88""88b d88""88b 888 "88b 888 888 888 888 .d888888 888 888 88888888 888" Y888P" 888 88888888 X88K 888 888 888 888 888 888 888 888 888 888 888 888 888 888 Y88b 888 Y8b. Y88b .d8888b 888 Y8b. .d8""8b. Y88b. 888 Y88..88P Y88..88P 888 d88P 8888888 888 888 888 "Y888888 "Y88888 "Y8888 "Y8888P" Y88b 888 "Y8888 888 888 "Y888 88888888 "Y88P" "Y88P" 88888P" 888 888 Y8b d88P 888 "Y88P" 888 */ .bfs-image-text-loop { display: flex; } .bfs-image-text-loop .dmach-grid-item { display: flex; flex-direction: row; } .bfs-image-text-loop .dmach-grid-item:nth-child(even) .bfs-image-and-text-container { flex-direction: row-reverse; } .bfs-image-text-loop .dmach-grid-item:nth-child(even) .bfs-image-and-text-container .et_pb_column { margin-right: 0 !important; margin-left: 5.5% !important; } .bfs-image-text-loop .dmach-grid-item:nth-child(even) .bfs-image-and-text-container .et-last-child { margin-left: 0 !important; } .bfs-image-text-loop .bfs-image-and-text-container { display: flex; } .bfs-image-text-loop .bfs-image-and-text-container .et_pb_column { display: flex; flex-direction: column; justify-content: center; } .bfs-image-text-loop .bfs-image-and-text-container .bfs-image-and-text-container_image img { height: 100% !important; object-fit: cover !important; aspect-ratio: 4/3; } /* 88888888888 888 .d8888b. 888 .d8888b. 8888888888 888 888 888 d88P Y88b 888 d88P "88b 888 888 888 888 Y88b. 888 Y88b. d88P 888 888 888 888d888 8888b. .d88888 .d88b. "Y888b. 88888b. .d88b. 888 888 888 "Y8888P" 8888888 888 888 .d88b. 88888b. 888888 .d8888b 888 888P" "88b d88" 888 d8P Y8b "Y88b. 888 "88b d88""88b 888 888 888 .d88P88K.d88P 888 888 888 d8P Y8b 888 "88b 888 88K 888 888 .d888888 888 888 88888888 "888 888 888 888 888 888 888 888 888" Y888P" 888 Y88 88P 88888888 888 888 888 "Y8888b. 888 888 888 888 Y88b 888 Y8b. Y88b d88P 888 888 Y88..88P Y88b 888 d88P Y88b .d8888b 888 Y8bd8P Y8b. 888 888 Y88b. X88 888 888 "Y888888 "Y88888 "Y8888 "Y8888P" 888 888 "Y88P" "Y8888888P" "Y8888P" Y88b 8888888888 Y88P "Y8888 888 888 "Y888 88888P' */ .trade_show_or_event_wrapper .et_pb_row { margin: 0 !important; display: flex; align-items: center; } .trade_show_or_event_wrapper .trade_show_or_event_entry-dateAndVenue .et_pb_column { display: flex; } .trade_show_or_event_wrapper .trade_show_or_event_btn { display: block; width: fit-content; } /*** Responsive Styles Tablet And Below ***/ @media all and (max-width: 980px) { .trade_show_or_event_wrapper .et_pb_row { margin: 0 !important; display: block !important; } .trade_show_or_event_wrapper img { max-width: 400px !important; } } @media all and (max-width: 479px) { .trade_show_or_event_wrapper .trade_show_or_event_entry-dateAndVenue .et_pb_column { display: block; margin-bottom: 20px !important; } .trade_show_or_event_wrapper .trade_show_or_event_entry-dateAndVenue .et_pb_column .et_pb_module { display: inline-block !important; margin-bottom: 0px !important; } .trade_show_or_event_wrapper .trade_show_or_event_entry-dateAndVenue .et_pb_column .et_pb_module .dmach-acf-before { display: none; } .trade_show_or_event_wrapper .trade_show_or_event_entry-dateAndVenue .et_pb_column .trade_show_or_event_entry-venue { display: block; } } .trade_show_or_event_carousel-wrapper .trade_show_or_event_carousel .et_pb_row { display: flex; align-items: center; } .trade_show_or_event_carousel-wrapper .trade_show_or_event_carousel .trade_show_or_event_carousel-dateAndVenue .et_pb_column { display: flex; } .trade_show_or_event_carousel-wrapper .trade_show_or_event_carousel .trade_show_or_event_carousel-dateAndVenue .et_pb_column .et_pb_module { margin-bottom: 0 !important; } .trade_show_or_event_carousel-wrapper .trade_show_or_event_carousel .trade_show_or_event_carousel-image { display: flex; justify-content: flex-end; } .trade_show_or_event_carousel-wrapper .trade_show_or_event_carousel .trade_show_or_event_carousel-image img { max-height: 120px; width: auto; border-right: 2px solid #dc1d7d; padding-right: 40px; } .trade_show_or_event_carousel-wrapper .slick-next, .trade_show_or_event_carousel-wrapper .slick-prev { width: 40px !important; height: 40px !important; right: unset !important; left: 50px !important; top: unset !important; bottom: -90px; border: 2px solid #dc1d7d; border-radius: 3px !important; } .trade_show_or_event_carousel-wrapper .slick-next:before, .trade_show_or_event_carousel-wrapper .slick-prev:before { top: -2px; bottom: 0; left: -2px; right: 0; font-size: 38px !important; } .trade_show_or_event_carousel-wrapper .slick-next:hover:before, .trade_show_or_event_carousel-wrapper .slick-prev:hover:before { transform: scale(1.2); } .trade_show_or_event_carousel-wrapper .slick-prev { left: 0 !important; } /* 8888888888 888 888 888 888 888 8888888 .d88b. .d88b. 888888 .d88b. 888d888 888 d88""88b d88""88b 888 d8P Y8b 888P" 888 888 888 888 888 888 88888888 888 888 Y88..88P Y88..88P Y88b. Y8b. 888 888 "Y88P" "Y88P" "Y888 "Y8888 888 */ .bfs-footer { color: #ffffff !important; } .bfs-footer-menu .et_mobile_nav_menu { display: none !important; } .bfs-footer-menu .et_pb_menu__wrap { justify-content: flex-start !important; } .bfs-footer-menu .et_pb_menu__menu { display: block !important; margin-left: 0 !important; } .bfs-footer-menu .et_pb_menu__menu ul { display: block !important; } .bfs-footer-menu .bfs-newsletter-button { text-align: center; } .bfs-under-footer { display: flex; align-items: center; } .bfs-under-footer p, .bfs-under-footer a { font-size: 14px !important; } .bfs-under-footer .et_pb_menu__menu { display: block !important; } .bfs-under-footer .et_mobile_nav_menu { display: none !important; } .bfs-sidebar_icons { border-radius: 3px; } .bfs-sidebar_icons:hover img { transform: scale(1.07); } .et_pb_scroll_top { bottom: 6px !important; right: 5px !important; border-radius: 3px !important; background-color: #212121 !important; padding: 5px 7px 5px 4px !important; } .et_pb_scroll_top:hover { transform: scale(1.07); } /*** Responsive Styles Tablet And Below ***/ @media all and (max-width: 980px) { .bfs-under-footer { flex-direction: column-reverse; } .et_pb_menu__wrap, ul { justify-content: flex-start !important; } } /* 888888b. 888 8888888888 888 d8b 888 888 "88b 888 888 888 Y8P 888 888 .88P 888 888 888 888 8888888K. 888 .d88b. .d88b. 8888888 888 888 888888 888d888 8888b. .d88b. 888 888 .d88b. 888d888 888d888 888 .d88888 .d88b. .d8888b 888 "Y88b 888 d88""88b d88P"88b 888 `Y8bd8P' 888 888P" "88b d88""88b 888 888 d8P Y8b 888P" 888P" 888 d88" 888 d8P Y8b 88K 888 888 888 888 888 888 888 888 X88K 888 888 .d888888 888 888 Y88 88P 88888888 888 888 888 888 888 88888888 "Y8888b. 888 d88P 888 Y88..88P Y88b 888 888 .d8""8b. Y88b. 888 888 888 Y88..88P Y8bd8P Y8b. 888 888 888 Y88b 888 Y8b. X88 8888888P" 888 "Y88P" "Y88888 8888888888 888 888 "Y888 888 "Y888888 "Y88P" Y88P "Y8888 888 888 888 "Y88888 "Y8888 88888P' 888 Y8b d88P "Y88P" */ .swiper-container { padding-bottom: 80px !important; } .swiper-button-next, .swiper-button-prev { right: unset !important; left: 50px !important; top: unset !important; bottom: -20px; border: 2px solid #dc1d7d; border-radius: 3px !important; color: #dc1d7d !important; padding: 9px 13px !important; } .swiper-button-next:after, .swiper-button-prev:after { font-weight: bold; } .swiper-button-next:hover:after, .swiper-button-prev:hover:after { transform: scale(1.2); } .swiper-button-prev { left: 0 !important; } .el-dbe-blog-extra-slider .swiper-pagination { position: absolute; bottom: 20px; left: 0 !important; right: 0 !important; width: fit-content; margin: 0 auto !important; } .bfs-blog-extra-single-slide article:hover img { transform: scale(1.07); } .bfs-blog-extra-single-slide .post-content { padding: 0 30px 30px 30px !important; } .bfs-blog-extra-single-slide .entry-title { margin-top: 0 !important; } .bfs-blog-extra-single-slide .post-media img:hover { opacity: 1 !important; } .bfs-blog-extra-single-slide .post-media:hover { opacity: 1 !important; } /*** Responsive Styles Smartphone Only ***/ @media all and (max-width: 767px) { .swiper-container { padding-bottom: 100px !important; } .el-dbe-blog-extra-slider .swiper-pagination { bottom: 50px; } } @media all and (max-width: 980px) { .bfs-blog-extra-single-slide article { border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); background: #fff; border: 1px solid #eaeaea; } .bfs-blog-extra-single-slide .post-content { padding: 20px 20px 30px 20px !important; width: 100% !important; } .bfs-blog-extra-single-slide .post-media { width: 100% !important; } .bfs-blog-extra-single-slide .entry-title { margin-top: 10px !important; } } .bfs-news article { margin-bottom: 80px !important; } @media screen and (min-width: 1201px) { .bfs-news article { width: calc(33.8% - 20px) !important; margin-right: 20px !important; } .bfs-news article:nth-child(3n) { margin-right: 0 !important; } } @media screen and (min-width: 900px) and (max-width: 1200px) { .bfs-news article { width: calc(49.8% - 20px) !important; margin-right: 20px !important; } .bfs-news article:nth-child(2n) { margin-right: 0 !important; } } @media screen and (min-width: 768px) and (max-width: 899px) { .bfs-news article { width: 100% !important; margin-right: 0 !important; margin-bottom: 40px !important; } } /* 888b d888 888 d8b .d88888b. d8b 8888b d8888 888 Y8P d88P" "Y88b Y8P 88888b.d88888 888 888 888 888Y88888P888 .d88b. .d88888 888 8888b. 888 888 888 888 .d88b. 888d888 888 .d88b. .d8888b 888 Y888P 888 d8P Y8b d88" 888 888 "88b 888 888 888 888 d8P Y8b 888P" 888 d8P Y8b 88K 888 Y8P 888 88888888 888 888 888 .d888888 888 Y8b 888 888 888 88888888 888 888 88888888 "Y8888b. 888 " 888 Y8b. Y88b 888 888 888 888 Y88b.Y8b88P Y88b 888 Y8b. 888 888 Y8b. X88 888 888 "Y8888 "Y88888 888 "Y888888 "Y888888" "Y88888 "Y8888 888 888 "Y8888 88888P' Y8b */ /*** Responsive Styles Large Desktop And Above ***/ /*** Responsive Styles Standard Desktop Only ***/ /*** Responsive Styles Tablet And Below ***/ /*** Responsive Styles Tablet Only ***/ /*** Responsive Styles Smartphone Only ***/ /*** Responsive Styles Smartphone Portrait ***/ .bfs-gallery-grid .et_pb_gallery_grid .et_pb_gallery_item img { width: 100%; aspect-ratio: 4/3; object-fit: cover; } .bfs-gallery-grid .et_pb_module_inner .filtered-posts-cont .grid-item .grid-posts { gap: 10px !important; } /* .d8888b. 888 d8b 888888b. .d8888b. .d8888b. 888 d88P Y88b 888 Y8P 888 "88b d88P Y88b d88P Y88b 888 Y88b. 888 888 .88P 888 888 888 888 888 "Y888b. .d88b. .d8888b 888888 888 .d88b. 88888b. 8888888K. 888 888 .d88b. 888 .d88b. 888d888 .d8888b "Y88b. d8P Y8b d88P" 888 888 d88""88b 888 "88b 888 "Y88b 888 88888 888 d88""88b 888 d88""88b 888P" 88K "888 88888888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 "Y8888b. Y88b d88P Y8b. Y88b. Y88b. 888 Y88..88P 888 888 888 d88P Y88b d88P Y88b d88P Y88..88P 888 Y88..88P 888 X88 "Y8888P" "Y8888 "Y8888P "Y888 888 "Y88P" 888 888 8888888P" "Y8888P88 "Y8888P" "Y88P" 888 "Y88P" 888 88888P' */ .bfs-loop-item-full .et_pb_row { display: flex; align-items: center; } .bfs-loop-item, .bfs-loop-item-full { margin-bottom: 0 !important; } .bfs-set-hidden { visibility: hidden; height: 0; } .bfs-set-hidden * { height: 0 !important; } .section-blue { background-color: #00a7e6 !important; color: #ffffff !important; } .section-blue h2, .section-blue h3, .section-blue h4, .section-blue h5, .section-blue h6 { color: #ffffff !important; } .section-magenta { background-color: #dc1d7d !important; color: #ffffff !important; } .section-magenta h2, .section-magenta h3, .section-magenta h4, .section-magenta h5, .section-magenta h6 { color: #ffffff !important; } .section-light-grey { background-color: #ededed !important; color: #212121 !important; } .section-light-grey h2, .section-light-grey h3, .section-light-grey h4, .section-light-grey h5, .section-light-grey h6 { color: #212121 !important; } .section-light-white { background-color: #ffffff !important; color: #212121 !important; } .section-light-white h2, .section-light-white h3, .section-light-white h4, .section-light-white h5, .section-light-white h6 { color: #027faf !important; }