/* Theme Name: theme.spartacus Theme URI: Author: eric lacaze | lacaze-carnier.com / iuno.co Author URI: Description: Theme Spartacus 2026 Requires at least: 6.8 Tested up to: 6.8 Requires PHP: 8.2 Version: 2026.01.15.001 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: theme-spartacus Tags: */ :root { color-scheme: light; --content-width : 992px; --wide-width : 1200px; --iuno-black: #000000; --wp--preset--color--iuno-black: #000000; --iuno-white: #ffffff; --wp--preset--color--iuno-white: #ffffff; --iuno-hg1: var(--wp--preset--color--iuno-hg1); --iuno-hg2: var(--wp--preset--color--iuno-hg2); --iuno-hg3: var(--wp--preset--color--iuno-hg3); --iuno-accent1: var(--wp--preset--color--iuno-accent1); --iuno-accent2: var(--wp--preset--color--iuno-accent2); --iuno-box: var(--wp--preset--color--iuno-box); --iuno-box-text: var(--wp--preset--color--iuno-box-text); --iuno-footer: var(--wp--preset--color--iuno-footer); --iuno-footer-text: var(--wp--preset--color--iuno-footer-text); } /* structure */ * { font-family: var(--wp--preset--font-family--titillium-web); } body { position: relative; background-color: var(--iuno-white); color: var(--iuno-black); width: 100%; z-index: +10; max-width: 100vw; margin: 0; padding: 0; overflow-x: hidden; } header { position: relative; margin: 0 0 -4rem 0; padding: 0; height: auto; z-index: 100; } main { position: relative; z-index: 10; } main a { color: inherit; } footer { position: relative; z-index: 20; } #footer-kangaroo { position: relative; display: block; z-index: +3; margin-top: -5rem; top: -1rem; } footer .contact { color: var(--iuno-accent-red); } footer .contact a { color: inherit; } footer nav a { color: var(--iuno-accent-dark-blue) !important; } footer nav a:hover, footer nav a:focus { color: var(--iuno-accent-red) !important; } /* accessibility */ .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .has-iuno-black-background-color * { color: var(--iuno-black); } .has-iuno-white-background-color * { color: var(--iuno-white); } .has-iuno-hg1-background-color * { color: var(--iuno-hg1); } .has-iuno-hg2-background-color * { color: var(--iuno-hg2); } .has-iuno-hg3-background-color * { color: var(--iuno-hg3); } .has-iuno-accent1-background-color * { color: var(--iuno-accent1); } .has-iuno-accent2-background-color * { color: var(--iuno-accent2); } .has-iuno-box-background-color * { color: var(--iuno-box); } .has-iuno-box-text-background-color * { color: var(--iuno-box-text); } .has-iuno-footer-background-color * { color: var(--iuno-footer); } .has-iuno-footer-text-background-color * { color: var(--iuno-footer-text); } .has-text-color.has-iuno-black-color { color: var(--iuno-black) !important; } .has-text-color.has-iuno-white-color { color: var(--iuno-white) !important; } .has-text-color.has-iuno-hg1-color { color: var(--iuno-hg1) !important; } .has-text-color.has-iuno-hg2-color { color: var(--iuno-hg2) !important; } .has-text-color.has-iuno-hg3-color { color: var(--iuno-hg3) !important; } .has-text-color.has-iuno-accent1-color { color: var(--iuno-accent1) !important; } .has-text-color.has-iuno-accent2-color { color: var(--iuno-accent2) !important; } .has-text-color.has-iuno-box-color { color: var(--iuno-box) !important; } .has-text-color.has-iuno-box-text-color { color: var(--iuno-box-text) !important; } .has-text-color.has-iuno-footer-color { color: var(--iuno-footer) !important; } .has-text-color.has-iuno-footer-text-color { color: var(--iuno-footer-text) !important; } /* // video .kb-blocks-bg-video-container .kb-background-video-buttons-wrapper { top: 2rem; bottom: auto !important; } // custom logo .is-style-iuno-logo img { margin-left: 0rem; width: auto; height: 6rem; aspect-ratio: auto; } @media (min-width: 600px) { .is-style-iuno-logo img { height: 7rem; } } .is-style-iuno-logo { z-index: 1100; } .is-style-iuno-logo .custom-logo-link { margin-bottom: -1rem; } // main menu header nav .wp-block-navigation-item { margin: 0 0 0 1rem; } header nav .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content, header nav .wp-block-navigation-item__content, header nav .wp-block-navigation-item__label { position: relative; transition: color 0.2s ease-in-out; } .single-kindergaerten header nav .kindergaerten .wp-block-navigation-item__label::before, .single-post header nav .aktuelles .wp-block-navigation-item__label::before, .archive.category header nav .aktuelles .wp-block-navigation-item__label::before, header nav .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content[aria-current=page] .wp-block-navigation-item__label::before, header nav .wp-block-navigation-submenu .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content[aria-current=page] .wp-block-navigation-item__label::before, header nav .wp-block-navigation-submenu .current-menu-ancestor::before { content: ""; position: absolute; display: block; bottom: -0.25rem; left: 0; width: 100%; height: 3px; border-radius: 0; background-color: var(--iuno-red); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header nav .wp-block-navigation-submenu.current-menu-item .wp-block-navigation-item__content[aria-current=page]::after, header nav .wp-block-navigation-item.current-menu-item ul:not(.wp-block-navigation-submenu) .wp-block-navigation-item__content::after, header nav .wp-block-navigation-submenu.current-menu-item .wp-block-navigation-item__label::after {} header nav a.current-menu-ancestor:hover::after, .single-kindergaerten header nav .kindergaerten:hover .wp-block-navigation-item__label::after, .single-post header nav .aktuelles:hover .wp-block-navigation-item__label::after, .archive.category header nav .aktuelles:hover .wp-block-navigation-item__label::after, header nav .current-menu-item:hover .wp-block-navigation-item__label::after { } header nav .wp-block-navigation-item ul { left: 0; right: auto; margin: 0 0 0 -1rem; padding: 0 0 0.5rem 0; } header nav .wp-block-navigation-item .wp-block-navigation-item { margin: 0; } header nav .has-modal-open.is-menu-open .wp-block-navigation-item .wp-block-navigation-item { padding: 0.25rem 0; } header nav .show-in-modal { display: none !important; } header nav .has-modal-open.is-menu-open .show-in-modal { display: block !important; } header nav .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container { color: var(--iuno-black); } header nav .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: var(--iuno-white); border: 1px solid var(--iuno-grey); } @media (min-width: 600px) { .wp-block-navigation__responsive-container-open { display: block !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: block !important! } } @media (min-width: 992px) { .wp-block-navigation__responsive-container-open { display: none !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none !important; } } #menu { z-index: 5; } @media (max-width: 992px) { #menu { width: 100%; z-index: 9999; top: 0; } } #menu .wp-block-navigation li a { color: var(--iuno-black) !important; } #menu .wp-block-navigation li a:hover { color: var(--iuno-red) !important; } #menu .has-modal-open.is-menu-open .wp-block-navigation li.current-menu-item{ color: var(--iuno-red) !important; } #menu .has-modal-open.is-menu-open .wp-block-navigation li { margin: 0 0 0 0; } #menu .has-modal-open.is-menu-open .wp-block-navigation li li { padding: 0 0 0 1rem; margin: 0 0 0.3rem 0; } #menu .wp-block-navigation li.karriere a { color: var(--iuno-dark-blue); } #menu .wp-block-navigation li.karriere a:hover { color: var(--iuno-red); } #menu .wp-block-navigation li.karriere li a { color: var(--iuno-black); } #menu .wp-block-navigation li.karriere li a:hover { color: var(--iuno-red); } #menu .has-modal-open.is-menu-open .wp-block-navigation ul { padding: 0.5rem 1rem 1rem 1rem; } #menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.karriere a { color: var(--iuno-dark-blue); } #menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.karriere ul a { color: var(--iuno-black); } #menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { padding: 0.5rem 1rem 0 1rem; } #menu .wp-block-navigation__responsive-container-open, #menu .wp-block-navigation__responsive-container-close { padding: 0.5rem; background-color: var(--iuno-red); border-radius: 0; color: var(--iuno-always-white); } @media (min-width: 600px) { #menu .wp-block-navigation__responsive-container-close { margin-right: 0.5rem; } } @media (min-width: 992px) { #menu .wp-block-navigation__responsive-container-close { margin-right: 0.1rem; } } #menu .has-modal-open.is-menu-open .wp-block-navigation__container { row-gap: 1rem; padding: 10rem 0rem 2rem 0rem; width: 100%; overflow: visible; list-style: none outside none; --navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; } #menu .has-modal-open.is-menu-open { overflow: scroll; z-index: 999; top: 0rem; left: 0; right: 0; bottom: 0; width: 100%; height: auto; animation: none !important; background-color: var(--iuno-grey); } #menu .has-modal-open.is-menu-open .wp-block-navigation__responsive-dialog { margin: 0rem 1rem 1rem 1rem; row-gap: 1rem; } #menu .has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content::after { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 11.5rem; z-index: 5; background-color: var(--iuno-white); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), 0% 100%); } #menu .has-modal-open.is-menu-open .wp-block-navigation__responsive-container-close { top: calc(2.65rem + ((5rem - (24px + 1rem)) / 2)); position: fixed; right: 1rem; display: block; z-index: 10; } @media (min-width: 600px) { #menu .has-modal-open.is-menu-open .wp-block-navigation__responsive-container-close { top: calc(2.65rem + ((6rem - (24px + 1rem)) / 2)); position: fixed; right: 1rem; display: block; z-index: 10; } } @media (max-width: 920px) { #menu .wp-block-navigation__responsive-dialog { margin: 1rem 1rem 1rem 1rem; row-gap: 1rem; } #menu .wp-block-navigation__responsive-container-close { } #menu .wp-block-navigation__responsive-container-content { } #menu .wp-block-navigation__container { row-gap: 1rem; padding: 1rem 2rem; width: 100%; overflow: visible; --navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; } } #menu .has-modal-open.is-menu-open ul.wp-block-navigation__container li { font-weight: 700; font-style: normal; position: relative; padding: 0.25rem 1rem; width: 100%; text-transform: none; } #menu .has-modal-open.is-menu-open ul.wp-block-navigation__container li.has-child { } #menu .has-modal-open.is-menu-open ul.wp-block-navigation__container li ul { padding: 1rem 1rem 1rem 3rem !important; } #menu .has-modal-open.is-menu-open ul.wp-block-navigation__container li ul li { font-weight: normal; font-style: italic; padding: 0; } #menu .has-modal-open.is-menu-open ul.wp-block-navigation__container li.wp-block-navigation-submenu a.wp-block-navigation-item__content::after, #menu .has-modal-open.is-menu-open ul.wp-block-navigation__container li a span::after { content: '❯'; color: inherit; display: inline-block; font-size: 0.75rem; font-weight: 400; padding-left: 0.5rem; } #menu .has-modal-open.is-menu-open ul.wp-block-navigation__container li.wp-block-navigation-submenu ul a.wp-block-navigation-item__content::after { display: none; } #menu .has-modal-open.is-menu-open a { color: inherit; text-decoration: none; } #menu .has-modal-open.is-menu-open a:hover, #menu .has-modal-open.is-menu-open a:active, #menu .has-modal-open.is-menu-open a:focus { color: var(--iuno-red); } */