/* Theme Name: Knollentrekkers 66 Description: Jubilee child theme for Avada (66 years, proposal B "Lucht & loof"). Hardcodes the jubilee palette, heading font and logo; no Avada settings needed. See README.md. Author: ThemeFusion Author URI: https://theme-fusion.com Template: Avada Version: 1.66.6 Text Domain: Avada */ @import url('https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&family=The+Nautigal:wght@400;700&family=Lilita+One&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap'); .hide { display:none !important; } /* // HEADER // */ header.menu-container { /* background: rgb(0,0,0); */ background-image: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 80%); } header.fusion-sticky-transition { background-image: none !important; border-bottom: solid thin #ffffff !important; } header.fusion-sticky-transition nav div.fusion-column-wrapper { background-image: none !important; border: none !important; } /* .fusion-is-sticky div.fusion-header { border-bottom: solid thin #ffffff !important; } div.fusion-header { height: 70px; } */ /* Logo */ .knol-logo { max-width: 15% !important; background-color: #ffffff; padding: 35px 3px 7px 3px; margin-top: -25px !important; box-shadow: #222 3px 3px 20px 0; bottom: 0; transform: skewY(354deg); } .knol-logo-image { transform: skewY(6deg); } /* Menu */ /* nav.fusion-main-menu { float: left; margin-left: 50px; width: 80%; border-bottom: thin solid #ffffff; } .fusion-is-sticky nav.fusion-main-menu { border-bottom: none; } */ #menu-hoofdmenu .sub-menu { margin-top: 1px !important; } #menu-hoofdmenu>li:last-child { position: absolute; right: 0; } #menu-hoofdmenu>li:last-child a{ border: thin solid white; border-radius: 10px; margin: 15px 0 10px 0px; height: 40px !important; background-color: #c40e74; } #menu-hoofdmenu>li:last-child ul.sub-menu { background: none !important; margin-top: 0px !important;} #menu-hoofdmenu>li:last-child ul.sub-menu .menu-item { background: none !important; border: none !important;} #menu-hoofdmenu>li:last-child ul.sub-menu a{ background-color: rgba(0,0,0,0.6) !important; margin: 10px 0 0; height: auto !important; } #menu-hoofdmenu>li:last-child ul.sub-menu a:hover{ background-color: #c40e74 !important; color: var(--awb-color6);} /* Header Feesten */ /* .post-type-archive-tribe_events header { margin-bottom: -165px; display: inline-block; width: 100%;} .post-type-archive-tribe_events header .fusion-header { background-color: rgba(256, 256, 256, 0) !important; } */ .post-type-archive-tribe_events .fusion-is-sticky.fusion-header-wrapper .fusion-header { background-color: var(--header_sticky_bg_color) !important; } .post-type-archive-tribe_events .avada-page-titlebar-wrapper { margin-top: -25px !important; } .post-type-archive-tribe_events .fusion-page-title-bar { height: 380px; background-color: var(--awb-color5); } .post-type-archive-tribe_events .fusion-page-title-captions { padding-top: 145px; } .post-type-archive-tribe_events .fusion-page-title-captions h1 { text-transform: uppercase; } .post-type-archive-tribe_events .fusion-page-title-captions .fusion-breadcrumbs { color: #ffffff; } .post-type-archive-tribe_events .fusion-page-title-captions .fusion-breadcrumbs a { color: #ffffff; font-size: bold;} /* Feesten overzicht */ .post-type-archive-tribe_events .tribe-events-l-container { padding-top: 20px !important; } .post-type-archive-tribe_events .tribe-events-calendar-list__event-row { border: var(--awb-color3) solid 3px; padding: 0; margin: 15px 0px !important; } .post-type-archive-tribe_events .tribe-events-calendar-list__event-date-tag, .post-type-archive-tribe_events .tribe-events-calendar-list__event-details { padding-top: 15px; padding-bottom: 10px; } .post-type-archive-tribe_events .tribe-events-calendar-list__event-featured-image-wrapper { padding-right: 0 !important; } .post-type-archive-tribe_events .tribe-events-calendar-list__event-datetime .tribe-event-date-start::after { content: ' uur' !important; } .post-type-archive-tribe_events .tribe-events-calendar-list__month-separator { margin-top: 35px; } .post-type-archive-tribe_events .tribe-events-calendar-list__month-separator time { font-size: 22px !important; text-transform: uppercase; font-weight: bold !important; color: #0a7d48 !important; } /* Single feest */ .single-tribe_events #main { margin-top: -90px !important; z-index: 100; position: relative; background: none !important; } .single-tribe_events .fusion-events-featured-image { margin-bottom: 0px !important; } .single-tribe_events .tribe-events-event-image { border: solid 15px white; border-radius: 22px; background-color: white; } .single-tribe_events .tribe-events-event-image img { border-radius: 10px; } .single-tribe_events .fusion-events-single-title-content { display: none !important; } .single-tribe_events .tribe-events-c-subscribe-dropdown { margin-top: 65px !important; } .single-tribe_events .tribe-events-c-subscribe-dropdown__content { top: 0px !important; position: relative !important;} .single-tribe_events .fusion-evenement { padding: 0px !important; margin: 95px 0 20px !important;} .single-tribe_events .fusion-evenement h4.tribe-events-single-section-title { background-color:var(--awb-color7) !important; padding: 10px 20px !important; font-size: 24px!important; color: #1d2a22 !important; font-weight: 800; } .single-tribe_events .fusion-evenement dl { padding: 5px 20px !important; font-size: 18px !important; } .single-tribe_events .fusion-evenement .tribe-events-event-categories-label, .single-tribe_events .fusion-evenement .tribe-events-event-categories { display: none; } .single-tribe_events .fusion-evenement .tribe-events-single-section { margin-bottom: 0px !important;} .single-tribe_events .fusion-evenement .tribe-events-meta-group { margin-bottom: -10px !important;} .single-tribe_events .fusion-evenement .tribe-events-venue-map { margin-top: 0px !important;} /* // SLIDER // */ .slide-content { padding-top: 320px; } .slide-content .caption .fusion-title { font-size: 120px !important; } .slide-content .caption .fusion-title h2 { font-family: 'Qwitcher Grypen', cursive !important; font-weight: 700 !important; text-shadow: 5px 5px 10px #000; line-height: 0.7em !important;} .slide-content .heading .fusion-title h3 { font-weight: 700 !important; text-shadow: 5px 5px 10px #000;} .slide-content .caption .naam { -webkit-text-stroke: 0.015em #ffffff; font-size: 1.2em !important;} /* Section Titles */ .titlefield { transform: skewY(357deg); } /* // NEXT PARTY // */ ul.ecs-event-list {margin: 0 !important} ul.ecs-event-list li.ecs-event { list-style: none; font-size: 40px; color: #fff; font-family: 'Open Sans'; text-transform: uppercase; font-weight: 800; line-height: 50px;} /* Datum / Tijd */ div.event-date ul.ecs-event-list {float:right; width: 85%;} div.event-date ul.ecs-event-list li.ecs-event { text-align: right; } div.event-date .entry-title {display: none;} .tribe-event-time {display: none;} .home .tribe-event-date-start::after { content: ' uur'; font-weight: 400; font-size: 30px;} /* Naam / Locatie */ div.event-name ul.ecs-event-list {float:left;} div.event-name ul.ecs-event-list li.ecs-event .venue { font-weight: 100; font-size: 35px; text-transform: none;} div.event-name .entry-title { font-family: 'Open Sans'; font-weight: 800; margin: 0 0 -10px 0; line-height: 40px;} div.event-name .entry-title a {color: var(--awb-color6); font-size: 50px; text-shadow: 3px 3px 0 #1d2a22;} div.event-name .venue em { display: none;} /* Lees meer link */ div.event-link .entry-title {margin-top: 0 !important; margin-bottom: 0 !important;} div.event-link .entry-title a {color: #ffffff; font-size: 18px; text-decoration: underline;} /* Countdown */ .fusion-countdown-heading { font-weight: 800 !important; letter-spacing: 0 !important;} /* NIEUWS */ body.home div.nieuwsgrid ul.fusion-filters { display: none !important;} div.nieuwsgrid li.post-card div.iconsep { margin-top: -42px !important; } div.nieuwsgrid li.hermies-schatkamer div.cat { background-color:#c40e74 !important; } div.nieuwsgrid li.hermies-schatkamer div.iconsep span.icon-wrapper i.fa-file-alt { color:#c40e74 !important; } div.nieuwsgrid li.hermies-schatkamer div.iconsep span.icon-wrapper i.fa-file-alt:before { content:"\f3a5" !important; } div.nieuwsgrid li.knol-vertelt div.cat { background-color:var(--awb-color6) !important; color:#1d2a22 !important; } div.nieuwsgrid li.knol-vertelt div.cat a { color:#1d2a22 !important; } div.nieuwsgrid li.knol-vertelt div.cat a:hover { color:#444444 !important; } div.nieuwsgrid li.knol-vertelt div.iconsep span.icon-wrapper i.fa-file-alt { color:var(--awb-color6) !important; } div.nieuwsgrid li.knol-vertelt div.iconsep span.icon-wrapper i.fa-file-alt:before { content:"\f787" !important; } /* // FORMS // */ /* Avadaforms */ .fusion-form-form-wrapper .fusion-form-field { margin: 0 0 10px !important; } /* Contactform */ .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-select { color: #000000; } .tekstveld, .mailveld { margin-bottom: 10px;} .selectveld { margin-bottom: 5px !important;} .wpcf7-select-parent .select-arrow { height: 48px; width: 48px; line-height: 48px; } .akkoord { margin: 10px 0; display: inline-block; } .akkoord .wpcf7-list-item { margin-left: 5px; } .wpcf7 > form input[type="submit"] { text-transform: uppercase; } .wpcf7 > form input[type="submit"][disabled], .wpcf7 > form input[type="submit"][disabled]:hover, .wpcf7 > form input[type="submit"][disabled]:focus { background: #999; } /* Jubilee 66: six-colour stripe, add class "stripe-66" to a separator or container */ .stripe-66 { height: 8px; background: linear-gradient(90deg, #6cc72b 0 16.66%, #ffec22 0 33.33%, #a5d3ed 0 50%, #f4bad6 0 66.66%, #e9128a 0 83.33%, #0ca35e 0); } .jaartal { background-color: var(--awb-color4); z-index: 10; display: block; padding: 10px 0px; margin-top: -28px; transform: skewY(357deg); } /* RESPONSIVE */ /* Tablet - Landscape*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){ } /* Tablet - Portrait*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){ .menu-container { background-color: #ffec22; } } /* MOBILE - Landscape*/ @media only screen and (min-width: 320px) and (max-width: 767px )and (orientation: landscape) { .menu-container { background-color: #ffec22; } } /* MOBILE - Portrait*/ @media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){ .knol-logo { max-width: 25% !important; left: 10px !important; z-index: 100;} /*.menu-container { background-color: #ab3a8e !important; } .fusion-custom-menu { z-index: 90 !important; background-color: #ab3a8e !important; padding-top: 10px !important; max-height: 530px !important; } .fusion-custom-menu li a {background-color: #ab3a8e !important; color: #ffffff !important; } .fusion-flyout-menu-icons { margin-top: -32px !important; } .fusion-mobile-nav-item { text-transform: uppercase;} */ .pagetitle h1, .posttitle h1 {font-size: 46px !important;} .slide-content { padding-top: 200px; } .slide-content .caption { margin-top: -25px !important; margin-bottom:60px !important; } .slide-content .caption .fusion-title { font-size: 24px !important; } .slide-content .caption .fusion-title h2 { font-size: 54px !important; } ul.ecs-event-list li.ecs-event { font-size: 36px !important; } /* Datum / Tijd */ div.event-date p {text-align: left !important;} div.event-date ul.ecs-event-list {float:left; width: 100%; padding-left: 0px !important;} div.event-date ul.ecs-event-list li.ecs-event { text-align: left; } div.event-name ul.ecs-event-list {padding-left: 0px !important;} div.event-name .entry-title a { font-size: 40px; word-break: normal;} div.event-name ul.ecs-event-list li.ecs-event .venue { font-size: 26px; } div.event-link ul.ecs-event-list {padding-left: 0px !important;} .post-type-archive-tribe_events h1.entry-title { font-size: 36px !important; line-height: 1.2em !important; margin-bottom: 15px!important; } .tribe-common-l-container { padding-left: 0px !important; padding-right: 0px !important; } .tribe-events-calendar-list__event-title { font-size: 28px !important; word-break: break-all; } .tribe-events-calendar-list__event-featured-image-wrapper { width: 94% !important; } } /* ========================================================================== JUBILEE 66 OVERRIDES (proposal B "Lucht & loof") Temporary theme: everything is hardcoded here so no Avada settings change. Rollback = activate the original Knollentrekkers theme again. ========================================================================== */ /* Global palette. html:root beats Avada's :root, regardless of load order. */ html:root { --awb-color1: #ffffff; --awb-color1-h: 0; --awb-color1-s: 0%; --awb-color1-l: 100%; --awb-color1-a: 100%; --wp--preset--color--awb-color-1: #ffffff; --awb-color2: #eef7fc; --awb-color2-h: 201; --awb-color2-s: 70%; --awb-color2-l: 96%; --awb-color2-a: 100%; --wp--preset--color--awb-color-2: #eef7fc; --awb-color3: #a5d3ed; --awb-color3-h: 202; --awb-color3-s: 67%; --awb-color3-l: 79%; --awb-color3-a: 100%; --wp--preset--color--awb-color-3: #a5d3ed; --awb-color4: #0ca35e; --awb-color4-h: 153; --awb-color4-s: 86%; --awb-color4-l: 34%; --awb-color4-a: 100%; --wp--preset--color--awb-color-4: #0ca35e; --awb-color5: #e9128a; --awb-color5-h: 327; --awb-color5-s: 86%; --awb-color5-l: 49%; --awb-color5-a: 100%; --wp--preset--color--awb-color-5: #e9128a; --awb-color6: #ffec22; --awb-color6-h: 55; --awb-color6-s: 100%; --awb-color6-l: 57%; --awb-color6-a: 100%; --wp--preset--color--awb-color-6: #ffec22; --awb-color7: #6cc72b; --awb-color7-h: 95; --awb-color7-s: 64%; --awb-color7-l: 47%; --awb-color7-a: 100%; --wp--preset--color--awb-color-7: #6cc72b; --awb-color8: #1d2a22; --awb-color8-h: 143; --awb-color8-s: 18%; --awb-color8-l: 14%; --awb-color8-a: 100%; --wp--preset--color--awb-color-8: #1d2a22; /* Button colours (custom 12 and 13) */ --awb-custom12: #0ca35e; --awb-custom13: #c40e74; } /* Editor palette utility classes contain literal hex values */ .has-awb-color-1-color { color: #ffffff !important; } .has-awb-color-1-background-color { background-color: #ffffff !important; } .has-awb-color-1-border-color { border-color: #ffffff !important; } .has-awb-color-2-color { color: #eef7fc !important; } .has-awb-color-2-background-color { background-color: #eef7fc !important; } .has-awb-color-2-border-color { border-color: #eef7fc !important; } .has-awb-color-3-color { color: #a5d3ed !important; } .has-awb-color-3-background-color { background-color: #a5d3ed !important; } .has-awb-color-3-border-color { border-color: #a5d3ed !important; } .has-awb-color-4-color { color: #0ca35e !important; } .has-awb-color-4-background-color { background-color: #0ca35e !important; } .has-awb-color-4-border-color { border-color: #0ca35e !important; } .has-awb-color-5-color { color: #e9128a !important; } .has-awb-color-5-background-color { background-color: #e9128a !important; } .has-awb-color-5-border-color { border-color: #e9128a !important; } .has-awb-color-6-color { color: #ffec22 !important; } .has-awb-color-6-background-color { background-color: #ffec22 !important; } .has-awb-color-6-border-color { border-color: #ffec22 !important; } .has-awb-color-7-color { color: #6cc72b !important; } .has-awb-color-7-background-color { background-color: #6cc72b !important; } .has-awb-color-7-border-color { border-color: #6cc72b !important; } .has-awb-color-8-color { color: #1d2a22 !important; } .has-awb-color-8-background-color { background-color: #1d2a22 !important; } .has-awb-color-8-border-color { border-color: #1d2a22 !important; } /* Builder elements with a literal old colour in their inline style */ [style*="--awb-background-color:#ab3a8e"], [style*="--awb-background-color: #ab3a8e"] { --awb-background-color: #e9128a !important; } [style*="--awb-background-color:#ffe700"], [style*="--awb-background-color: #ffe700"] { --awb-background-color: #ffec22 !important; } [style*="--awb-text-hover-color:#ffe700"], [style*="--awb-text-hover-color: #ffe700"] { --awb-text-hover-color: #ffec22 !important; } [style*="--awb-background-color:#00792d"], [style*="--awb-background-color: #00792d"] { --awb-background-color: #0ca35e !important; } [style*="--awb-bg-color:#00792d"], [style*="--awb-bg-color: #00792d"] { --awb-bg-color: #0ca35e !important; } [style*="--awb-bg-color-hover:#00792d"], [style*="--awb-bg-color-hover: #00792d"] { --awb-bg-color-hover: #0a7d48 !important; } /* Headings: Lilita One only has weight 400, reset to avoid faux bold. Headings that the builder explicitly set to Open Sans (card titles, "bekijk alle" links) keep Open Sans. */ h1:not([style*="Open Sans"]), h2:not([style*="Open Sans"]), h3:not([style*="Open Sans"]), h4:not([style*="Open Sans"]), h5:not([style*="Open Sans"]), h6:not([style*="Open Sans"]), .fusion-title-heading:not([style*="Open Sans"]) { font-family: 'Lilita One', 'Arial Black', sans-serif !important; font-weight: 400 !important; } /* Jubilee logo (attachment 223 is the current logo), keeps aspect ratio */ .knol-logo-image img.wp-image-223 { content: url('img/logo-66.png'); width: auto !important; height: auto !important; max-width: 100%; } /* ========================================================================== PROPOSAL B LAYOUT ("Lucht & loof") The palette swap above only recolours; proposal B also moves colours to other roles (green band, pink labels, pink photo block, green footer). ========================================================================== */ /* Header: solid yellow bar with a green line, dark menu text */ .fusion-tb-header .fusion-builder-row-1 { background-color: #ffec22 !important; border-bottom: 4px solid #6cc72b; } .fusion-tb-header .fusion-builder-row-1 nav.fusion-layout-column > .fusion-column-wrapper { border-bottom: 0 !important; } .fusion-tb-header .awb-menu { --awb-color: #1d2a22 !important; --awb-active-color: #e9128a !important; --awb-submenu-bg: #e9128a !important; --awb-submenu-color: #ffffff !important; } .fusion-tb-header .awb-menu__main-a { color: #1d2a22; font-weight: 700; } .fusion-tb-header .awb-menu__main-li.current-menu-item > .awb-menu__main-a, .fusion-tb-header .awb-menu__main-a:hover { color: #e9128a; } .fusion-tb-header .awb-menu__sub-ul .menu-item { background-color: #e9128a !important; } .fusion-tb-header .awb-menu__sub-ul .menu-item:hover { background-color: #c40e74 !important; } /* Webshop: pink pill, Inschrijven: yellow with dark border */ #menu-item-2263 { align-self: center; } #menu-item-2263 > .awb-menu__main-a { background-color: #e9128a; color: #ffffff !important; border-radius: 6px; margin: 0 6px; padding: 7px 14px !important; height: auto !important; min-height: 0 !important; } #menu-item-2263 > .awb-menu__main-a:hover { background-color: #c40e74; } #menu-hoofdmenu>li:last-child a, .fusion-tb-header .awb-menu__main-li:last-child > .awb-menu__main-a { background-color: #ffec22 !important; color: #1d2a22 !important; border: 2px solid #1d2a22 !important; border-radius: 6px; } .fusion-tb-header .awb-menu__main-li:last-child > .awb-menu__main-a:hover { background-color: #1d2a22 !important; color: #ffec22 !important; } /* Logo badge without the white card, as in the jubilee logo */ .knol-logo { background-color: transparent !important; box-shadow: none !important; transform: none !important; padding-top: 0 !important; margin-top: 6px !important; } .knol-logo .fusion-column-wrapper { background: none !important; } .knol-logo-image { transform: none !important; filter: drop-shadow(0 6px 10px rgba(0,0,0,.35)); } /* Leftover purple slants: pink everywhere, green on the homepage (into the green band) */ svg.fusion-slant-candy[fill="rgba(171,58,142,1)"] { fill: #e9128a; } .home svg.fusion-slant-candy[fill="rgba(171,58,142,1)"] { fill: #6cc72b; } /* Homepage band "volgend feest / countdown": green with yellow, shadowed title */ .home .fusion-fullwidth[style*="--awb-background-color:#ab3a8e"] { --awb-background-color: #6cc72b !important; } .home .fusion-countdown { --awb-background: #6cc72b !important; --awb-subheading-text-color: #1d2a22 !important; --awb-counter-box-color: #1d2a22 !important; --awb-counter-text-color: #ffec22 !important; } .home .fusion-countdown .fusion-countdown-heading { font-family: 'Lilita One', 'Arial Black', sans-serif !important; font-weight: 400 !important; color: #ffec22 !important; text-shadow: 3px 3px 0 #1d2a22; } .home .fusion-countdown .fusion-dash { color: #ffec22 !important; } .home .fusion-countdown .fusion-dash .fusion-dash-title, .home .fusion-countdown .fusion-digit { color: #ffec22 !important; } .home ul.ecs-event-list li.ecs-event { color: #1d2a22; } .home div.event-link .entry-title a { color: #1d2a22; } /* Section labels ("NIEUWS"): pink, display font */ .titlefield h1, .titlefield h2, .titlefield h3, .titlefield .fusion-title-heading { font-family: 'Lilita One', 'Arial Black', sans-serif !important; font-weight: 400 !important; } .titlefield { --awb-bg-color: #e9128a !important; --awb-bg-color-hover: #e9128a !important; } .titlefield > .fusion-column-wrapper { background-color: #e9128a !important; } /* "Bekijk alle ..." underline in light blue */ .fusion-title.sep-underline { --awb-sep-color: #a5d3ed !important; border-bottom: 2px solid #a5d3ed !important; } /* News cards: light blue border and category bar, pink buttons */ div.nieuwsgrid li.post-card > .fusion-column-wrapper { border-color: #a5d3ed !important; } div.nieuwsgrid .iconsep .icon-wrapper { border-color: #a5d3ed !important; } div.nieuwsgrid .iconsep .icon-wrapper i { color: #e9128a !important; } div.nieuwsgrid .iconsep .fusion-separator-border { border-color: #a5d3ed !important; } div.nieuwsgrid .cat { --awb-background-color: #a5d3ed !important; background-color: #a5d3ed !important; --awb-text-color: #1d2a22 !important; --awb-link-color: #1d2a22 !important; --awb-text-hover-color: #c40e74 !important; color: #1d2a22 !important; } div.nieuwsgrid .cat a { color: #1d2a22 !important; } div.nieuwsgrid .fusion-title-heading { color: #1d2a22 !important; font-weight: 800 !important; } div.nieuwsgrid .fusion-button { background: #c40e74 !important; color: #ffffff !important; border-color: #e9128a !important; font-weight: 800; } div.nieuwsgrid .fusion-button .fusion-button-text, div.nieuwsgrid .fusion-button i { color: #ffffff !important; } div.nieuwsgrid .fusion-button:hover { background: #e9128a !important; } /* Photo block: light pink instead of yellow */ .home .fusion-fullwidth[style*="--awb-background-color:#ffe700"] { --awb-background-color: #f4bad6 !important; } .home .fusion-fullwidth[style*="--awb-background-color:#ffe700"] h2 { color: #1d2a22 !important; } .home .fusion-fullwidth[style*="--awb-background-color:#ffe700"] h2 span { color: #c40e74; } .home svg.fusion-slant-candy[fill="rgba(255,231,0,1)"] { fill: #f4bad6; } /* Sponsors: light blue band, dark title with dark green accent */ .home .fusion-fullwidth:has(.fusion-text-6) { background-color: #eef7fc !important; --awb-background-color: #eef7fc !important; } .home .fusion-text-6 { --awb-text-color: #1d2a22 !important; font-family: 'Lilita One', 'Arial Black', sans-serif; } .home .fusion-text-6 p, .home .fusion-text-6 span { font-family: 'Lilita One', 'Arial Black', sans-serif !important; font-weight: 400 !important; text-transform: uppercase; } .home .fusion-text-6 span { color: #0a7d48; } /* Footer: dark green with dark text (white is too weak on #0ca35e) */ .fusion-footer-widget-area { background-color: #0ca35e !important; border-top: 0 !important; } .fusion-footer-widget-area, .fusion-footer-widget-area p, .fusion-footer-widget-area a, .fusion-footer-widget-area .widget-title, .fusion-footer-widget-area li { color: #0f1a14 !important; } .fusion-footer-widget-area a:hover { color: #ffffff !important; } .fusion-footer-widget-area li { border-bottom-color: rgba(15,26,20,.3) !important; } .fusion-footer-copyright-area { background-color: #0a7d48 !important; border-top: 0 !important; } .fusion-footer-copyright-area, .fusion-footer-copyright-area .fusion-copyright-notice, .fusion-footer-copyright-area a { color: #ffffff !important; } /* Mobile/tablet header (separate container): same yellow bar */ header.menu-container { background-image: none !important; background-color: #ffec22 !important; border-bottom: 4px solid #6cc72b; } header.menu-container .fusion-column-wrapper { border-bottom: 0 !important; } header.menu-container .awb-menu { --awb-color: #1d2a22 !important; --awb-mobile-trigger-color: #1d2a22 !important; } header.menu-container .awb-menu__m-toggle, header.menu-container .awb-menu__m-toggle * { color: #1d2a22 !important; } /* Countdown title fits on small screens */ @media only screen and (max-width: 767px) { .home .fusion-countdown .fusion-countdown-heading { font-size: 28px !important; line-height: 1.15 !important; } } /* ========================================================================== OTHER PAGES: leftovers of the old palette outside the global colours ========================================================================== */ /* Default Avada buttons (Stuur, Bestellen, Meld je aan) were old green #65bc7b */ html:root { --button_gradient_top_color: #c40e74; --button_gradient_bottom_color: #c40e74; --button_gradient_top_color_hover: #e9128a; --button_gradient_bottom_color_hover: #e9128a; --button_bevel_color: #a00b5f; --button_bevel_color_hover: #a00b5f; } /* Builder elements with old purple as text/title colour (e.g. Lidmaatschap) */ [style*="--awb-text-color:#ab3a8e"], [style*="--awb-text-color: #ab3a8e"] { --awb-text-color: #c40e74 !important; } [style*="--awb-title-color:#ab3a8e"], [style*="--awb-title-color: #ab3a8e"] { --awb-title-color: #c40e74 !important; } [style*="--awb-icon-box-color:#ab3a8e"], [style*="--awb-icon-box-color: #ab3a8e"] { --awb-icon-box-color: #c40e74 !important; } /* Light green (#6cc72b) is unreadable as text on white: dark green instead */ [style*="--awb-text-color:var(--awb-color7)"] { --awb-text-color: #0a7d48 !important; } /* "Sponsoren bedankt!" / "Oud hoogheden" style headings: dark with dark green accent, as in proposal B */ .fusion-text[style*="--awb-text-color:var(--awb-color7)"] { --awb-text-color: #1d2a22 !important; } .fusion-text[style*="--awb-text-color:var(--awb-color7)"] p, .fusion-text[style*="--awb-text-color:var(--awb-color7)"] span { font-family: 'Lilita One', 'Arial Black', sans-serif !important; font-weight: 400 !important; } .fusion-text[style*="--awb-text-color:var(--awb-color7)"] span { color: #0a7d48; } /* Pagination */ .pagination .current { background-color: #e9128a !important; border-color: #e9128a !important; color: #ffffff !important; } .pagination a.inactive:hover { border-color: #e9128a !important; } /* The Events Calendar (Feesten): accent was old purple */ :root, .tribe-common { --tec-color-accent-primary: #c40e74 !important; --tec-color-accent-primary-hover: #e9128a !important; --tec-color-accent-primary-active: #e9128a !important; } .tribe-events-calendar-list__event-date-tag-daynum { color: #c40e74 !important; } /* Post grid filters (Nieuws: "All"): pink instead of light green */ [style*="--awb-filters-active-color:var(--awb-color7)"] { --awb-filters-hover-color: #c40e74 !important; --awb-filters-active-color: #c40e74 !important; --awb-active-filter-border-color: #e9128a !important; } /* Inline "color:var(--awb-color7)" (e.g. share box tagline): dark green for readability */ [style^="color:var(--awb-color7)"], [style*=";color:var(--awb-color7)"] { color: #0a7d48 !important; } /* ========================================================================== POLISH ========================================================================== */ /* Slider names as in proposal B: Lilita One, yellow with a hard dark shadow */ .slide-content .caption .fusion-title h2 { font-family: 'Lilita One', 'Arial Black', sans-serif !important; font-weight: 400 !important; color: #ffec22 !important; text-shadow: 4px 4px 0 #1d2a22 !important; line-height: 1 !important; font-size: clamp(44px, 5.6vw, 78px) !important; letter-spacing: .01em; } .slide-content .caption .naam { -webkit-text-stroke: 0 !important; font-size: 1em !important; } .slide-content .heading .fusion-title h3 { text-shadow: 3px 3px 0 #1d2a22 !important; margin-bottom: 6px !important; } /* Sticky header: shrink the logo so it no longer covers the content while scrolling */ /* An explicit start width is needed, a transition from "auto" would jump */ .fusion-tb-header .knol-logo-image img { width: 146px !important; height: auto !important; transition: width .45s ease-in-out; } .fusion-tb-header .fusion-sticky-transition .knol-logo-image img { width: 64px !important; } /* Countdown title: balanced lines instead of one orphan word */ .home .fusion-countdown .fusion-countdown-heading { text-wrap: balance; max-width: 24ch; margin-left: auto; margin-right: auto; } /* No white strip between the sponsors band and the footer */ .home #main { padding-bottom: 0 !important; } .home .fusion-fullwidth:has(.fusion-text-6) { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 40px !important; padding-bottom: 50px !important; } /* Photo block flows straight into the light blue sponsors band */ .home .fusion-fullwidth[style*="--awb-background-color:#ffe700"] { margin-bottom: 0 !important; } .home .fusion-fullwidth[style*="--awb-background-color:#ffe700"] svg.fusion-slant-candy:has(path[d="M100 0 L0 100 L101 100 Z"]) { fill: #eef7fc; } /* Text in the button green (custom 12) on white is too light: darker green */ [style*="--awb-text-color:var(--awb-custom12)"] { --awb-text-color: #0a7d48 !important; } /* Tablet: keep the slider names above the green slant */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .slide-content { padding-top: 160px !important; } .slide-content .caption .fusion-title h2 { font-size: 56px !important; } } /* Phone: smaller names */ @media only screen and (max-width: 767px) { .slide-content .caption .fusion-title h2 { font-size: 38px !important; } .slide-content .heading .fusion-title h3 { font-size: 18px !important; } }