/* Theme Name:Child Theme for Divi Theme URI: http://wordpress-style.net Description: Child Theme For Divi Author: Eduard Ungureanu Author URI: http://wordpress-style.net Template: Divi Version: 1.0 */ /* Start your custom CSS bellow this comment ============================================ */ #footer-info a{ color: #ffb400 !important; } /* Homepage: verberg logo in header op mobiel */ @media (max-width: 980px) { body.home .et_pb_image_0_tb_header { display: none; } } /* Mobiel: logo-kolom boven menu-kolom; pointer-events:none op kolom zodat hamburger klikbaar blijft, auto terug op alleen het logo-element */ @media (max-width: 980px) { .et_pb_column_1_tb_header { z-index: 4 !important; pointer-events: none; } .et_pb_column_1_tb_header .et_pb_image_0_tb_header { pointer-events: auto; } } /* Hamburger: 2 dunne streepjes op alle schermformaten =================================================== et_mobile_nav_menu is relative zodat mobile_nav absoluut gepositioneerd kan worden — hierdoor blijft de hamburger op zijn plek ook wanneer het menu opengaat. */ .et_mobile_nav_menu { position: relative !important; min-height: 64px !important; } .mobile_nav { position: absolute !important; right: 0 !important; top: 0 !important; bottom: 0 !important; } /* Hamburger-knop: vaste afmetingen (font-glyph zorgde eerder voor grootte) */ .mobile_menu_bar { width: 64px !important; height: 64px !important; display: block !important; position: relative !important; } /* Beide streepjes via ::before en ::after */ .mobile_menu_bar::before, .mobile_menu_bar::after { content: '' !important; display: block !important; position: absolute !important; width: 60px !important; height: 1px !important; background-color: currentColor !important; left: 50% !important; margin-left: -30px !important; bottom: auto !important; transition: transform 0.25s ease, top 0.25s ease !important; font-size: 0 !important; } .mobile_menu_bar::before { top: calc(50% - 5px) !important; } .mobile_menu_bar::after { top: calc(50% + 5px) !important; } /* Open-staat: hamburger mag NIET fixed worden (Divi wil dit via .de-burger-menu .opened .mobile_menu_bar { position:fixed }). Hogere specificiteit overschrijft dat — hamburger blijft absoluut gepositioneerd binnen mobile_nav en schuift dus niet mee. */ .de-burger-menu .et_pb_menu__wrap .mobile_nav.opened .mobile_menu_bar { position: absolute !important; right: 0 !important; top: 0 !important; } /* Open-staat: streepjes draaien tot kruisje. Overschrijft ook Divi's inline content:M (sluit-icoon) via hogere specificiteit (.mobile_nav.opened telt als twee klassen). */ .de-burger-menu .et_pb_menu__wrap .mobile_nav.opened .mobile_menu_bar::before { content: '' !important; left: 50% !important; margin-left: -30px !important; font-size: 0 !important; top: 50% !important; transform: rotate(45deg) !important; } .de-burger-menu .et_pb_menu__wrap .mobile_nav.opened .mobile_menu_bar::after { top: 50% !important; transform: rotate(-45deg) !important; } /* Footer: vaste RESERVATIONS-knop (rechtsonder, mobiel) altijd bovenop alle content. De wrapper heeft position:fixed via Divi inline styles; zonder z-index wordt hij overlapt door footer-elementen met een eigen stacking context. */ .et_pb_button_0_tb_footer_wrapper { z-index: 9999 !important; } /* Herstel knopstijlen nadat de wrapper naar is verplaatst (Divi's selector body #page-container .et_pb_section .et_pb_button_0_tb_footer werkt niet meer buiten de sectie-container) */ .et_pb_button_0_tb_footer_wrapper .et_pb_button_0_tb_footer { color: #EFE9E4 !important; border-color: #EFE9E4 !important; border-radius: 0px !important; font-size: 18px !important; background-color: #5E0909 !important; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important; }