/* Theme Name: LuVille Theme URI: https://thehomestyleclub.com Author: LuVille Author URI: https://thehomestyleclub.com Description: LuVille - Custom Theme based on blankslate Version: 2022 Requires at least: 5.2 Tested up to: 6.6 Requires PHP: 7.0 License: GNU General Public License v3 or Later License URI: https://www.gnu.org/licenses/gpl.html Text Domain: thehomestyleclub.com LuVille WordPress Theme © 2024 LuVille is distributed under the terms of the GNU GPL */ @font-face { font-family: 'Berkeley'; font-weight: 400; font-style: normal; src: url("fonts/berkeley/BerkeleyStd-Medium.woff2") format('woff2'), url("fonts/berkeley/BerkeleyStd-Medium.woff") format('woff'), url("fonts/berkeley/BerkeleyStd-Medium.ttf") format('truetype'); } @font-face { font-family: 'Berkeley'; font-weight: 600; font-style: normal; src: url("fonts/berkeley/BerkeleyStd-Bold.woff2") format('woff2'), url("fonts/berkeley/BerkeleyStd-Bold.woff") format('woff'), url("fonts/berkeley/BerkeleyStd-Bold.ttf") format('truetype'); } @font-face { font-family: 'Berkeley'; font-weight: 800; font-style: normal; src: url("fonts/berkeley/BerkeleyStd-Black.woff2") format('woff2'), url("fonts/berkeley/BerkeleyStd-Black.woff") format('woff'), url("fonts/berkeley/BerkeleyStd-Black.ttf") format('truetype'); } @font-face { font-family: 'Myriad'; font-weight: 400; font-style: normal; src: url("fonts/myriad/MyriadPro-Regular.woff2") format('woff2'), url("fonts/myriad/MyriadPro-Regular.woff") format('woff'), url("fonts/myriad/MyriadPro-Regular.ttf") format('truetype'); } @font-face { font-family: 'Myriad'; font-weight: 600; font-style: normal; src: url("fonts/myriad/MyriadPro-Bold.woff2") format('woff2'), url("fonts/myriad/MyriadPro-Bold.woff") format('woff'), url("fonts/myriad/MyriadPro-Bold.ttf") format('truetype'); } @font-face { font-family: 'Myriad'; font-weight: 400; font-style: italic; src: url("fonts/myriad/MyriadPro-It.woff2") format('woff2'), url("fonts/myriad/MyriadPro-It.woff") format('woff'), url("fonts/myriad/MyriadPro-It.ttf") format('truetype'); } @font-face { font-family: 'Myriad'; font-weight: 600; font-style: italic; src: url("fonts/myriad/MyriadPro-BoldIt.woff2") format('woff2'), url("fonts/myriad/MyriadPro-BoldIt.woff") format('woff'), url("fonts/myriad/MyriadPro-BoldIt.ttf") format('truetype'); } @font-face { font-family: 'Amazone'; font-weight: 400; font-style: italic; src: url("fonts/amazone/amazonebt_regular.woff") format('woff'), url("fonts/amazone/amazonebt_regular.ttf") format('truetype'); } /* Define the keyframes for rotation */ @keyframes rotate-div { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } :root { --kleur-beige: #f2eae4; --kleur-roze: #dd9d83; --kleur-blauw: #6ea4c4; --kleur-zand: #e4b890; --kleur-groen: #8fb1a7; --kleur-donkergroen: #609082; --kleur-brons: #b17850; --kleur-dark: #2e1716; --kleur-red: #b32319; --kleur-yellow: #fbc510; --kleur-white: #ffffff; } .has-black-color { color: #000000; } .has-cyan-bluish-gray-color { color: #abb8c3; } .has-pale-pink-color { color: #f78da7; } .has-vivid-red-color { color: #cf2e2e; } .has-luminous-vivid-orange-color { color: #ff6900; } .has-luminous-vivid-amber-color { color: #fcb900; } .has-light-green-cyan-color { color: #7bdcb5; } .has-vivid-green-cyan-color { color: #00d084; } .has-pale-cyan-blue-color { color: #8ed1fc; } .has-vivid-cyan-blue-color { color: #6ea4c4; } .has-vivid-purple-color { color: #9b51e0; } .has-pale-pink-color { color: var(--kleur-roze); } .has-black-background-color { background-color: #000000 !important; } .has-cyan-background-bluish-gray-color { background-color: #abb8c3 !important; } .has-white-background-color { background-color: #ffffff !important; } .has-pale-pink-background-color { background-color: #f78da7 !important; } .has-vivid-red-background-color { background-color: #cf2e2e !important; } .has-luminous-vivid-orange-background-color { background-color: #ff6900 !important; } .has-luminous-vivid-amber-background-color { background-color: #fcb900 !important; } .has-light-green-cyan-background-color { background-color: #7bdcb5 !important; } .has-vivid-green-cyan-background-color { background-color: #00d084 !important; } .has-pale-cyan-blue-background-color { background-color: #8ed1fc !important; } .has-vivid-cyan-blue-background-color { background-color: #0693e3 !important; } .has-vivid-purple-background-color { background-color: #9b51e0 !important; } .paper { background-image: url('images/paper.jpg'); background-size: 1000px 1000px; background-repeat: repeat; background-blend-mode: color-burn; } .paper.p50 { background-blend-mode: soft-light; } .paper.multiply { background-blend-mode: multiply; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{} .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal} .screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} .skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline} .skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto} .visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap} header * { transition: all 0.25s ease; } *:hover { transition: all 0.25s ease; } a { color: var(--kleur-donker); position: relative; text-decoration: underline; transition: all 0.25s ease; } a:hover { color: var(--kleur-red); transition: all 0.25s ease; } strong { font-weight: 600; } em { font-style: italic; } body { font-family: 'Myriad', sans-serif; line-height: 1.5em; font-size: 1em; color: var(--kleur-donker); background: var(--kleur-beige); overflow-x: hidden; } #wrapper { display: grid; } #wrapper:before { content: ''; position: relative; top: 0px; left: 0px; width: 100%; height: 100px; background: #fff; z-index: 1; } #header { display: flex; align-items: center; justify-content: left; height: 100px; margin: 0rem 0 0 0; z-index: 9; background: var(--kleur-dark); position: absolute; width: 100%; } #header * { margin: 0px; } #header nav { flex: 2; text-align: right; } #header nav ul { display: flex; gap: 1em; justify-content: left; align-items: center; margin: 1.4rem 2rem; } #header nav ul li { position: relative; z-index: 1; white-space: nowrap; } #header nav ul li a { font-family: 'Berkeley', serif; font-weight: 600; position: relative; padding: 1rem; display: block; text-align: center; font-size: 1em; text-decoration: none; text-transform: uppercase; color: #e8dcd2; } #header nav ul > li > a:hover { color: var(--kleur-red); } #header nav ul > li:nth-child(7) > a span { display: none; } #header nav ul > li > ul ul { display: block; top: 0 !important; bottom: auto; position: relative; } #header nav ul > li > ul li a { color: var(--kleur-dark); font-weight: 600; } #header nav ul > li > ul ul li a { font-size: 0.8em; padding-left: 2rem; color: var(--kleur-dark); } #header nav ul > li > ul ul ul li a { font-size: 0.7em; padding: 0rem 1rem 0rem 3rem; } #header.stick nav ul > li > ul ul li a { font-size: 0.8em; padding-left: 2rem; color: var(--kleur-dark); } #header.stick nav ul > li > ul ul ul li a { font-size: 0.7em; padding: 0rem 1rem 0rem 2rem; } #header nav ul > li > ul ul ul li:last-child { padding: 0rem; } #header nav ul > li > ul ul:before { content: ''; position: absolute; left: 1rem; top: -3px; height: calc(100% - 30px); width: 10px; border-left: 1px solid #999; } #header nav ul > li > ul ul ul:before { height: 100%; } #header nav ul > li > ul ul li a:before { content: ''; position: absolute; left: 1rem; top: -3px; height: 20px; width: 10px; border-bottom: 1px solid #ccc; border-left: 1px solid #999; } #header nav ul > li > ul ul ul li a:before { display: none; } #header nav ul li.current_page_item > a { color: var(--kleur-red); } figure.wp-block-gallery.has-nested-images { display: flex; margin: 0 auto; flex-wrap: wrap; max-width: 1400px; padding: 0 3rem; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { padding: 1rem; font-weight: 400; font-size: 1em; } .paginablokken { flex-wrap: wrap; display: flex; gap: 3rem; margin: 1rem 3rem 4rem 3rem; justify-content: center; } .paginablokken article { flex: 1; flex-basis: calc(25% - 3rem); max-width: 420px; } .paginablokken article figure { width: 100%; height: 0px; padding-bottom: 100%; background: #eee; overflow: hidden; text-align: center; position: relative; } .paginablokken article figure a { width: 100%; height: 100%; display: flex; justify-content: center; position: absolute; } .paginablokken article figure img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: all 0.25s ease; } .paginablokken article figure:hover img { transform: scale(1.05); transition: all 0.25s ease; } .paginablokken article h2 { margin: 0.5rem 0 0 0; font-size: 1.5em; position: relative; } .paginablokken article a { text-decoration: none; } .paginablokken.lijstje { margin-bottom: 5rem; } .paginablokken.lijstje article:before { content: ''; width: calc(100% + 10px); height: calc(100% + 10px); position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; background: url(images/lijstje.png) no-repeat; background-size: contain; margin: -5px; } .paginablokken.lijstje article:nth-child(1) { transform: rotate(-4deg); } .paginablokken.lijstje article:nth-child(2) { transform: rotate(4deg); } .paginablokken.lijstje article:nth-child(3) { transform: rotate(-4deg); } .paginablokken.lijstje article:nth-child(4) { transform: rotate(4deg); } .paginablokken.lijstje article:nth-child(1):after { transform: rotate(4deg); } .paginablokken.lijstje article:nth-child(2):after { transform: rotate(-4deg); } .paginablokken.lijstje article:nth-child(3):after { transform: rotate(4deg); } .paginablokken.lijstje article:nth-child(4):after { transform: rotate(-4deg); } .paginablokken.collecties article:nth-child(2) img { object-fit: unset; width: 100%; height: auto; } .paginablokken.lijstje article:after { content: ''; width: calc(100% + 10px); height: calc(25% + 10px); position: absolute; left: 0; bottom: -1.5rem; z-index: 1; pointer-events: none; background-size: contain; margin: -5px; } .paginablokken.lijstje article:nth-child(1):after { background: url('images/schild-molendam.png') center center / contain no-repeat; } .paginablokken.lijstje article:nth-child(2):after { background: url('images/schild-schneewald.png') center center / contain no-repeat; } .paginablokken.lijstje article:nth-child(3):after { background: url('images/schild-sledgeholm.png') center center / contain no-repeat; height: calc(30% + 10px); bottom: -2.5rem; } .paginablokken.lijstje article:nth-child(4):after { background: url('images/schild-ville-de-reidy.png') center center / contain no-repeat; } .paginablokken.lijstje article h2 { display: none; } .wp-block-column.dorp:after { content: ''; width: calc(100% - 3rem); height: calc(20% + 10px); position: absolute; left: 0px; bottom: -2rem; z-index: 1; pointer-events: none; background-size: contain; } .wp-block-column.dorp.molendam:after { background: url('images/schild-molendam.png') center center / contain no-repeat; } .wp-block-column.dorp.schneewald:after { background: url('images/schild-schneewald.png') center center / contain no-repeat; } .wp-block-column.dorp.sledgeholm:after { background: url('images/schild-sledgeholm.png') center center / contain no-repeat; height: calc(25% + 10px); bottom: -3.5rem; } .wp-block-column.dorp.reidy:after { background: url('images/schild-ville-de-reidy.png') center center / contain no-repeat; } .paginablokken article h2:after { content: ''; position: absolute; top: calc(50% - 5px); right: 0.5rem; width: 10px; height: 10px; background: transparent; display: inline; font-size: 11pt; border-left: 2px solid #111; border-bottom: 2px solid #111; transform: rotate(225deg); } .arc.links:before { left: -3rem; } .arc.rechts:before { right: -3rem; } .arc.boven:before { top: -3rem; } .arc.beneden:before { bottom: -3rem; } #header, #container, #footer { padding: 0px; font-weight: 500; } #header.stick { position: fixed; background: var(--kleur-dark); z-index: 999; width: 100%; top: 0px; left: 0px; transition: all 0.5s ease; height: 70px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); margin: 0px; } #header.stick #site-title a:before { height: 100px; width: 200px; top: 5px; transition: all 0.5s ease; background: url(images/luville-logo.gif) no-repeat bottom; margin: 0px 30px; background-size: contain; } #header.stick #site-title { height: 100px; } #header.stick nav ul { margin: 0px; padding: 0 1rem; } #header.stick nav ul ul { padding: 0px; } #header.stick nav ul li a { font-size: inherit; } #header.stick .goright { right: 0rem; } #header .goright { margin-left: auto; } #header .c2a a { color: #fff; background: var(--kleur-brons); border-radius: 2em; padding: 10px 25px 15px 25px; } #header .c2a:hover a { background: #211842; color: #fff; } .bigimage img { width: 100%; } figure { position: relative; text-align: center; } figure.funky:after { content: ''; position: absolute; top: 0.25rem; right: 0.25rem; margin: -2rem; border-radius: 0; width: 100%; height: 100%; z-index: -1; background: var(--kleur-roze); } .wp-block-columns.three-children .wp-block-column figure img { border-radius: 0px; margin: 0 0 1rem 0;} .wp-block-columns.three-children .wp-block-column figure:after { display: none; } .wp-block-column ul { margin-bottom: 1rem; } .wp-block-column ul li { padding: 0 0 1rem 2rem; position: relative; } .wp-block-column ul li:before { content: ''; width: 12px; height: 12px; background: var(--kleur-brons); left: 5px; top: 9px; position: absolute; border-radius: 12px; } header.header { padding: 3rem 3rem 0 3rem; } header.header h1.entry-title { margin: 0px; } #footer { background: var(--kleur-dark); display: flex; flex-wrap: wrap; } #footer > div { padding: 5rem 3rem; flex: 1; } #footer p { margin: 0px; } #footer .wpcf7-form label { color: #fff; } #footer h3, #footer h2 { color: var(--kleur-dark); font-size: 1.5em; } #footer ul li { color: var(--kleur-dark); font-weight: 400; line-height: 1.6em; margin: 0 0 0.5em 0; } #footer ul li ul { display: none; } #footer ul li a, .instabutton a { color: var(--kleur-dark); font-weight: 400; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; } #footer ul.menu li:last-child { display: none; } #copyright { position: relative; text-align: center; padding: 30px; background: var(--kleur-dark); color: rgba(255,255,255,0.5); font-size: 0.8em; display: flex; justify-content: center; gap: 2rem; } #copyright .menu { gap: 1rem; display: flex; } #copyright .menu a { text-decoration: none; } #copyright .menu a:hover { color: #fff; } h1, h2, h3 { font-family: 'Berkeley', serif; letter-spacing: -1px; } h1 { font-size: 3em; line-height: 1em; font-weight: 600; margin: 0px 0px 1.5rem 0px; } h2 { font-size: 2em; line-height: 1.1em; font-weight: 400; margin: 0px 0px 1.25rem 0px; } h3 { font-size: 1.5em; line-height: 1.25em; font-weight: 400; margin: 0px 0px 1rem 0px; } .cropper figure { margin: -5rem -3rem; } .nomargin { margin: 0px; } .has-x-large-font-size { font-size: 5em; } p { margin: 0px 0px 1rem 0px; line-height: 1.7em; font-weight: 400; } blockquote { padding: 0 0 0 2rem; position: relative; font-style: italic; font-weight: 300; } blockquote:before { content: ''; position: absolute; content: ' '; width: 3px; height: 100%; left: 5px; top: 0px; background: rgba(0,0,0,0.2); } figure.wp-block-gallery.has-nested-images { display: flex; } figure.wp-block-image img { width: 100%; } ul.wp-block-list { } ul.wp-block-list.onlinestores { display: flex; flex-wrap: wrap; gap: 1rem; } ul.wp-block-list li { position: relative; font-weight: 400; padding: 0 0 0 1.5em; margin: 0 0 0.5em 0; } ul.wp-block-list li:before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 8px; left: 5px; top: 9px; background: var(--kleur-donkergroen); } ul.wp-block-list.onlinestores li { flex-basis: 25%; padding: 0.5em 0; margin: 0px; border-bottom: 1px solid rgba(0,0,0,0.2); } ul.wp-block-list.onlinestores li a { text-decoration: none; } ul.wp-block-list.onlinestores li:before { display: none; } .breadcrumb { display: flex; flex-wrap: wrap; gap: 1rem; font-weight: 400; font-size: 0.9em; padding: 1rem 3rem; } .breadcrumb a { text-decoration: none; font-weight: 400; } .breadcrumb span.current-page { max-width: 300px; overflow: hidden; white-space: nowrap; } .latestposts:before, .latestposts:after, .entry-content > .wp-block-columns:before, .widget-container > .wp-block-columns:before, .entry-content > .wp-block-columns:after, .widget-container > .wp-block-columns:after, #footer:before, #footer:after { content: ''; position: relative; width: calc(50% - 700px); } .entry-content > .wp-block-columns > .wp-block-column, .widget-container > .wp-block-columns > .wp-block-column { padding: 5rem 3rem; position: relative; } .entry-content > .wp-block-columns > .wp-block-column.latestposts { padding: 0px; } .wp-block-columns.largetekst { max-width: 800px; margin: 0 auto; } .wp-block-columns.largetekst h2 { margin: 3rem 0 1.25rem 0; } .wp-block-column.latestposts > h2 { padding: 3rem 3rem 0 3rem; margin: 0px; } .archive-meta { padding: 1rem 0 0 0; } .wp-block-columns { margin: 0px; } .wp-block-columns .wp-block-column .wp-block-columns { gap: 5rem; } .wp-block-buttons { display: flex; gap: 1rem; margin: 1.5rem 0 0 0; } .wp-block-button>a { font-family: 'Berkeley', serif; font-weight: 600; padding: 0.8rem 1.2rem; text-transform: uppercase; background: var(--kleur-red); } .wp-block-button.is-style-outline>a { border: 0px; background: transparent; color: var(--kleur-red); -webkit-box-shadow:inset 0px 0px 0px 1px var(--kleur-red); -moz-box-shadow:inset 0px 0px 0px 1px var(--kleur-red); box-shadow:inset 0px 0px 0px 1px var(--kleur-red); } .wp-block-button:hover>a { background-color: var(--kleur-yellow) !important; color: var(--kleur-red) !important; } .wp-block-image.zoomed { margin: -5rem -3rem; } .page, .post, article { position: relative; } a.post-edit-link { position: absolute; right: 0px; top: 0px; padding: 10px 15px; font-size: 0.8em; opacity: 0.25; } #site-title { height: 120px; } #site-title a { position: absolute; left: calc(50% - 130px); top: 0px; } #site-title a span { display: none; } #site-title a:before { content: ''; position: absolute; left: 0px; top: 1rem; height: 150px; width: 260px; background: url(images/luville-logo.gif) no-repeat center; transition: all 0.5s ease; z-index: 1; background-size: contain; } .wp-block-separator { position: relative; height: 50px; border: 0px; margin: 2rem 0; } .backdrop { background: url(images/backdrop.png) repeat; align-items: center !important; } .single-post article { max-width: 800px; margin: 0 auto; padding: 2rem 2rem 4rem 2rem; } .single-post article .entry-meta { color: #aaa; margin: 0px 0px 10px 0px; display: block; } .single-post article .entry-meta a { color: #aaa; } .single-post article .entry-title a:hover, .single-post article .entry-title a { color: #211842; pointer-events: none; } .single-post article .entry-title a:after { display: none; } .single-post article h1 { color: var(--kleur-dark); font-weight: 400; line-height: 1.1em; } .single-post article img.wp-post-image { max-width: 100%; width: 100%; height: auto; border-radius: 0rem; margin: 0 0 1rem 0; } .single-post article figure { margin: 2rem -2rem 2rem -2rem; } .single-post article > figure:first-child { margin: -1rem -2rem 1rem -2rem; height: 0px; overflow: hidden; padding-bottom: 70%; display: flex; justify-content: center; align-items: center; } .single-post article > figure:first-child a { pointer-events: none; position: absolute; top: 0; display: flex; height: 100%; width: 100%; overflow: hidden; align-items: center; justify-content: center; } .single-post article header div.meta { padding: 0 0 1rem 0; flex-wrap: wrap; font-weight: 400; display: flex; gap: 0.5em; font-size: 0.9em; text-transform: lowercase; } .single-post article header div.meta a { text-decoration: none; } .single-post article header div.meta .author { text-transform: capitalize; } .single-post article h2 { margin: 1.25em 0px 1.25rem 0px; } .single-post article h3 { margin: 1em 0px 1rem 0px; } .single-post article .entry-content > .wp-block-columns .wp-block-column { padding: 0px; } .single-post article .entry-content > .wp-block-columns .wp-block-column h2 { margin: 0em 0px 1.25rem 0px; } .single-post article .entry-content > .wp-block-columns .wp-block-column h3 { margin: 0em 0px 1rem 0px; } .single-post article .entry-content > .wp-block-columns .wp-block-column figure { margin: 0px; } .single-post article .entry-content > .wp-block-columns { gap: 3rem; margin: 0rem -2rem; padding: 2rem; } .single-post article .entry-content > .wp-block-columns:before, .single-post article .entry-content > .wp-block-columns:after { display: none; } .single-post .entry-footer { font-size: 0.8em; opacity: 0.5; } .latestposts { display: flex; gap: 6rem; flex-wrap: wrap; padding: 0px; } .latestposts .listing-item, .latestposts article { flex: 1; max-width: 33.333333%; flex-basis: 33%; } .latestposts .listing-item img, .latestposts article img { max-width: 100%; height: auto; border-radius: 0rem; margin: 0 0 1rem 0; position: relative; display: block; } .latestposts .listing-item a.title, .latestposts article a.title { display: block; font-size: 1.5em; font-family: 'Source Serif 4', serif; margin: 0 0 1rem 0; text-decoration: none; } .latestposts .excerpt-more { color: var(--kleur-brons); } .latestposts article figure.blogimage { position: relative; width: 100%; padding-bottom: 70%; overflow: hidden; margin: 0 0 1rem 0; } .latestposts article figure.blogimage a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .latestposts article figure.blogimage a:hover { } .latestposts article figure.blogimage a img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: all 0.25s ease; } .latestposts article figure.blogimage a:hover img { transform: scale(1.05); transition: all 0.25s ease; } .latestposts article .entry-summary p, .latestposts article .entry-summary a.read-more-link { display: inline; } .latestposts { gap: 0; flex-wrap: wrap; } .latestposts article { padding: 3rem; } .latestposts > div { width: 100%; max-width: 1400px; display: flex; flex-wrap: wrap; } .category-magazines .latestposts article { flex: 1; max-width: 25%; flex-basis: 25%; } .category-magazines .latestposts article figure.blogimage { padding-bottom: 140%; } .category-magazines .latestposts article h2 { font-size: 1.2em; } .category-magazines .latestposts article .entry-summary a.read-more-link { display: block; } .gerelateerd { background: rgba(0,0,0,0.05); } .gerelateerd div { max-width: 1400px; margin: 0 auto; padding: 3rem 3rem 3rem 3rem; } .gerelateerd div ul { display: flex; flex-wrap: wrap; gap: 3rem; } .gerelateerd div ul li { flex: 1; flex-basis: calc(25% - 3rem); max-width: calc(25% - 3rem); } .gerelateerd li figure.blogimage { position: relative; width: 100%; padding-bottom: 70%; overflow: hidden; margin: 0 0 1rem 0; } .gerelateerd li figure.blogimage a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .gerelateerd li figure.blogimage img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: all 0.25s ease; } .gerelateerd li figure.blogimage:hover img { transform: scale(1.05); transition: all 0.25s ease; } .gerelateerd li a.titel { text-decoration: none; font-size: 1.2em; font-family: 'Source Serif 4', serif; } .nav-links { padding: 2rem 3rem; margin: 0 auto; max-width: 1400px; display: flex; justify-content: space-between; font-weight: 400; } .error404 .entry-content { padding: 3rem; } .error404 .entry-content input[type="search"] { border: 1px solid var(--kleur-dark); padding: 1rem; } body.archive header.header { max-width: 1400px; margin: 0 auto; padding: 3rem 3rem 0rem 3rem; } body.archive header.header h1, body.archive header.header h1 a { color: var(--kleur-dark); text-decoration: none; } body.archive .latestposts { margin: 0 0 3rem 0; } .faqlist { display: inherit; } .faqlist * { transition: none !important; } .faqlist > li { margin: 0px; padding: 0px 0px 0px 20px; line-height: 1.5em; border-bottom: 1px solid rgba(33,24,66,0.25); position: relative; list-style: none; font-weight: 400; } .faqlist > li:nth-child(odd) { margin: 0px; padding: 0px 0px 0px 25px; } .faqlist > li:nth-child(odd) strong { font-weight: 500; padding: 15px 0px 15px 10px; display: block; font-weight: bold; } .faqlist > li:nth-child(odd) strong:hover { text-decoration: underline; } .faqlist > li:nth-child(odd) { cursor: pointer; } .faqlist > li:nth-child(even) { display: none; padding: 15px 0px 15px 35px; margin: 0px; line-height: 1.5em; } .faqlist li strong:before { content: '+'; width: 20px; display: inline-block; margin: 0px 10px 0px 10px; font-weight: 500; position: absolute; background: #fff; color: #322f40; text-align: center; left: -10px; top: 27px; font-size: 20pt; opacity: 0.5; border-radius: 50px; font-weight: bold; line-height: 0px; } .faqlist li strong:hover:before { opacity: 1; } .faqlist li strong.switch:before { content: '-'; } .faqlist li strong > strong { padding: 0px; } .faqlist li strong > strong:before { display: none; } .faqlist li span.stonger { font-weight: bold; } .faqlist li:before { display: none; } .faqlist li li strong:before { display: none; } .faqlist > li ul { list-style: circle; margin: 15px 20px; } .faqlist > li ul li { font-size: 11pt; margin: 5px 0px; } .faqlist > li ul li img { height: auto; } .social { text-align: left; margin: 0px 0px 0px 0px; display: inline-block; width: 100%; } .social li { display: inline-block !important; text-indent: -5000px; } .social li a, .instabutton a { height: 50px; min-width: 50px; width: auto; background: rgba(255,255,255,0.25); display: block; margin: 5px; position: relative; opacity: 1; border-radius: 0px; } .social li a:hover, .instabutton a:hover { opacity: 1; background-color: rgba(255,255,255,1); } .social li a:before, .instabutton > a:before { content: ''; display: block; width: 50px; height: 50px; margin: 0px; position: absolute; left: 0px; top: 0px; } .social li:nth-child(1) a:before { background: url(images/social/facebook.svg) 12px 12px no-repeat; background-size: 25px 25px; } .social li:nth-child(2) a:before, .instabutton > a:before { background: url(images/social/instagram.svg) 12px 12px no-repeat; background-size: 25px 25px; } .social li:nth-child(3) a:before { background: url(images/social/pinterest.svg) 12px 12px no-repeat; background-size: 25px 25px; } .social li:nth-child(4) a:before { background: url(images/social/tiktok.svg) 12px 12px no-repeat; background-size: 25px 25px; } .instabutton a { font-size: 0px; margin: -4px 0.75rem -4px 0px; float: left; } #sb_instagram { padding: 0px !important; margin: 0 0 1px 0; } #sb_instagram #sbi_images { padding: 0px !important; gap: 1px !important; } .page-template-default .entry-content { padding: 3rem; } .wp-block-columns.three-children .wp-block-column { padding: 3rem; } .wp-block-columns.titleblock .wp-block-column { padding: 4rem 0 0 0; } .wp-block-columns.titleblock .wp-block-column h2.has-text-align-center { font-family: 'Amazone', sans-serif; } .wp-block-columns.max800:before, .wp-block-columns.max800:after { content: ''; position: relative; width: calc(50% - 450px); } .wp-block-group { max-width: 800px; margin: 0 auto; } textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="tel"],input[type="email"],input[type="date"] { background: #fff; padding: 0.7rem; border: 0px; width: 100%; margin: 0 0 0.5rem 0; font-size: 1em; font-family: 'Source Sans 3', sans-serif; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5)); } input[type="submit"] { cursor: pointer; width: 120px; font-family: 'Source Serif 4', serif; font-size: 11pt; text-transform: uppercase; background: var(--kleur-red); color: var(--kleur-white); line-height: 1em; padding: 1rem; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.0)); } input[type="submit"]:hover { background: var(--kleur-dark); color: var(--kleur-white); } .wpcf7-form label { font-size: 12pt; line-height: 2rem; display: block; } .wpcf7-form .formrow { display: flex; gap: 6rem; } .wpcf7-form .formrow.w50 { width: 50%; } .wpcf7-form .formrow > div, .wpcf7-form .formrow > p { flex: 1; } .wpcf7-form .formrow > div p { margin: 0px; } .wpcf7-form br { margin: 0px; display: none; } .wpcf7-form hr { margin: 3rem 0; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 0; } .wpcf7-form p { margin: 0px; } .wpcf7-form .wpcf7-radio { display: flex; gap: 1rem; margin: 0.5rem 0 0.75rem 0; } .wpcf7-form .wpcf7-radio * { margin: 0px; } .navigation.post-navigation { background: rgba(0,0,0,0.1);} .navigation.post-navigation a { text-decoration: none; } .magazines-template-default #header nav ul { margin: 0rem 1rem; } .magazines-template-default #header { height: 50px; background: rgba(255,255,255,0.5); } .magazines-template-default #site-title a:before { height: 50px; top: 0; } .magazines-template-default .breadcrumb { display: none; } a[hreflang="nl-NL"] { } a[hreflang="en-GB"] { } /* Store Locator Styles */ .wpsl-gmap-canvas { padding-bottom: 40%; } #wpsl-stores ul li:before { display: none; } #wpsl-result-list ul { flex-wrap: wrap; display: flex; gap: 1rem; } #wpsl-wrap { display: flex; flex-direction: column; } #wpsl-wrap.wpsl-store-below #wpsl-result-list li { padding: 2rem; flex: 1; background: rgba(255, 255, 255, 0.7); flex-basis: calc(33.333333% - 1em); max-width: calc(33.333333% - 0.5em); } .wpsl-store-below #wpsl-result-list #wpsl-stores { height: auto !important; } .wpsl-store-location strong { font-family: 'Source Serif 4', serif; font-size: 16pt; font-weight: 500; line-height: 1.25em; margin: 0 0 0.5rem 0; position: relative; display: block; } .wpsl-directions { float: right; } .wpsl-search { padding: 0px; display: flex; background: transparent; } .wpsl-search * { margin: 0px !important; font-size: 1em !important; background: transparent !important; filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0)) !important; } .wpsl-search form { display: flex; flex-direction: row; } #wpsl-search-wrap .wpsl-input label { display: none; } #wpsl-search-wrap .wpsl-input input { border-radius: 0px; border: 1px solid var(--kleur-dark); } #wpsl-search-btn, #wpsl-search-wrap input { border-radius: 0px; border: 1px solid var(--kleur-dark); filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0)) !important; height: 42px; } #wpsl-search-btn { width: 100px; background: var(--kleur-dark) !important; color: #fff; } #wpsl-search-btn:hover { background: var(--kleur-groen) !important; } /* Cookies en beschrijving vertalen */ html:lang(nl-NL) .cky-title, html:lang(nl-NL) .cky-notice-des p { font-size: 0; position: relative; } html:lang(nl-NL) .cky-title::before { content: "Wij waarderen uw privacy"; font-size: 20px; position: relative; top: 0; left: 0; } html:lang(nl-NL) .cky-notice-des p::before { content: "We gebruiken cookies om uw ervaring te verbeteren, gepersonaliseerde advertenties of inhoud te tonen, en ons verkeer te analyseren. Door op 'Alles accepteren' te klikken, stemt u in met ons gebruik van cookies."; font-size: 14px; position: relative; top: 0; left: 0; max-width: 100%; line-height: 1.5em; } html:lang(nl-NL) .cky-btn-reject, html:lang(nl-NL) .cky-btn-accept, html:lang(nl-NL) .cky-btn-customize { font-size: 0; position: relative; } html:lang(nl-NL) .cky-btn-reject::before { content: "Weigeren"; font-size: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } html:lang(nl-NL) .cky-btn-accept::before { content: "Accepteren"; font-size: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } html:lang(nl-NL) .cky-btn-customize::before { content: "Aanpassen"; font-size: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /************************************************************************************ bigger than 1000 *************************************************************************************/ @media screen and (min-width: 1000px) { #header nav { display: block !important; } #header nav ul ul { position: absolute; left: 0px; display: flex; flex-direction: column; justify-content: left; padding: 0px; margin: 0px; background: #fff; min-width: 220px; gap: 0px; bottom: 100px; top: auto; transition: all 1s ease; opacity: 0; align-items: start; } #header nav ul > li > ul, #header.stick nav ul > li > ul { padding: 1rem; } #header nav ul > li > ul ul, #header.stick nav ul > li > ul ul, #header nav ul > li:last-child > ul { padding: 0rem; } #header nav ul ul li a, #header.stick nav ul ul li a { text-align: left; padding: 0.3rem 1rem; } #header nav ul ul li:last-child:after { display: none; } #header nav ul li:nth-child(4) ul { width: 250px; } #header nav ul li.menu-item-has-children > a { padding-right: 1.5rem; } #header nav ul li.menu-item-has-children:after { content: ''; position: absolute; top: calc(50% - 8px); right: 0.25rem; width: 8px; height: 8px; background: transparent; display: inline; border-left: 1.5px solid #e8dcd2; border-bottom: 1.5px solid #e8dcd2; transform: rotate(-45deg) } #header nav ul li.menu-item-has-children:hover:after { border-left: 1.5px solid var(--kleur-red); border-bottom: 1.5px solid var(--kleur-red); } #header nav ul li.menu-item-has-children li.menu-item-has-children:after { display: none; } #header nav ul li:hover ul, #header nav ul li ul:hover { opacity: 1; top: 3.5rem; bottom: auto; transition: all 1s ease; z-index: 1; } #header nav ul>li:nth-child(7):after { content: ''; position: absolute; width: 100%; height: calc(100% - 1rem); border: 1px solid #e8dcd2; left: 0; top: -1px; margin: 0.5rem 0; pointer-events: none; } .magazines-template-default #wrapper:before { display: none; } .magazines-template-default #header nav ul ul { left: -1rem; } .wp-block-columns.four-children .wp-block-column { padding: 5rem 0 !important; } .wp-block-columns.four-children { gap: 3rem; } figure.minmarginvert { margin: -5rem 0; } } /************************************************************************************ bigger than 782 *************************************************************************************/ @media screen and (min-width: 782px) { body { font-size: 1.1em; } .wp-block-buttons.storefinder { margin: 0; position: absolute; justify-content: right; width: auto; right: 3rem; z-index: 1; gap: 0px; } .wp-block-buttons.storefinder .wp-block-button>a { font-size: 0.9em; padding: 0.5em 1em; } .paginablokken.two-children article figure { padding-bottom: 100%; } .paginablokken.two-children article figure a { flex-direction: column; } .paginablokken.two-children article figure img { height: auto; width: 100%; } figure.wp-block-image.minmargin { margin: -5rem -3rem; height: calc(100% + 10rem); width: calc(100% + 3rem); overflow: hidden; display: flex; justify-content: center; align-items: center; } figure.wp-block-image.minmargin img { height: 100%; max-width: inherit; width: auto; position: absolute; } figure.wp-block-image.minmargin.vert img { height: auto; max-width: 100%; width: 100%; position: absolute; } figure.wp-block-image.minmargin.vert.bottom { align-items: end; } /* Apply styles unless a parent has the .category-magazines class */ .latestposts article:nth-child(1):not(.category-magazines .latestposts article:nth-child(1)) { display: flex; max-width: 66.6666%; flex-basis: 66.6666%; gap: 2rem; } .latestposts article:nth-child(1):not(.category-magazines .latestposts article:nth-child(1)) .entry-summary p, .latestposts article:nth-child(1):not(.category-magazines .latestposts article:nth-child(1)) .entry-summary a.read-more-link { display: block; } .latestposts article:nth-child(1):not(.category-magazines .latestposts article:nth-child(1)) .entry-summary a.read-more-link { display: inline-block; color: #fff; padding: 0.5rem 1rem; background: #111; text-decoration: none; font-family: 'Source Serif 4', serif; font-size: 0.9em; font-weight: 400; } .latestposts article:nth-child(1):not(.category-magazines .latestposts article:nth-child(1)) .entry-summary a.read-more-link:hover { background-color: var(--kleur-groen); } .latestposts article:nth-child(1):not(.category-magazines .latestposts article:nth-child(1)) figure.blogimage { margin: 0px; flex: 1; flex-basis: 65%; padding-bottom: 65%; } .latestposts article:nth-child(1):not(.category-magazines .latestposts article:nth-child(1)) div.entry-summary { flex: 1; flex-basis: 35%; } } /************************************************************************************ smaller than 1100 *************************************************************************************/ @media screen and (max-width: 1100px) { #header nav ul { margin: 2rem 1rem; justify-content: center; gap: 0.5rem; } #header .goright { margin-left: 0; } #header.stick .goright { margin-left: auto; } #site-title a:before { top: 5rem; } } /************************************************************************************ smaller than 1000 *************************************************************************************/ @media screen and (max-width: 1000px) { #menu { display: none; } #wrapper:before { height: 50px; } #container, #footer { padding: 0px 0px; } #footer > div { padding: 3rem 2rem 0rem 2rem; } #footer > div:last-of-type { padding-bottom: 3rem; } #header { height: 50px; position: fixed; width: 100%; top: 0px; z-index: 1; gap: 0; margin: 0rem; } #header #site-title { height: 50px; } #site-title a { left: calc(50% - 110px); } #site-title a:before, #header.stick #site-title a:before { height: 120px; width: 220px; padding: 0px; margin: 0px; background: url(images/luville-logo.gif) no-repeat bottom; top: 0px; background-size: cover; z-index: 9999; } #site-title a:after { display: none; } .cropper figure { margin: -3rem -2rem; } .entry-content > .wp-block-columns > .wp-block-column, .widget-container > .wp-block-columns > .wp-block-column { padding: 2rem; } .wp-block-buttons { margin: 25px 0px 0px 0px; display: block; } .wp-block-buttons .wp-block-button:first-child { margin-bottom: 15px; } .hamburger { display: block; width: 50px; height: 50px; margin: 5px 10px; position: absolute; right: 0px; top: 0px; background: url(images/hamburger.svg) 12px 12px no-repeat; background-size: 24px 24px; } #header nav#menu * { transform: none; } #header nav#menu ul { display: flex; flex-wrap: wrap; gap: 0px; width: 100%; position: relative; top: 0px; left: 0px; margin: 0px; width: 100%; } #header nav#menu { background: rgba(0,0,0,0.5); text-align: left; transition: margin 0.4s; display: none; padding: 0px; margin-top: 0px;-webkit-box-shadow: 0px 30px 30px 10px rgba(0,0,0,0.2); box-shadow: 0px 30px 30px 10px rgba(0,0,0,0.2); position: absolute; height: 100vh; width: 100%; top: 50px; } #header nav#menu > ul:after { content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); z-index: -1; } #header nav#menu li { display: block; z-index: 999; background: #fff; width: 100%; position: relative; } #header nav#menu li a { background: #fff; display: block; padding: 1rem 2rem; font-size: 1.1em; text-decoration: none; color: var(--kleur-dark); letter-spacing: 1px; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.05); position: relative; z-index: 99; } #header nav#menu li li a { padding: 0.5rem 3rem; font-size: 0.9em; } #header nav#menu ul ul { top: 0; position: relative; display: none; } #header.stick, #header.stick #site-title { height: 50px; } #header.stick #site-title a:before { height: 50px;} .latestposts article { padding: 2rem; } .wp-block-columns .wp-block-column .wp-block-columns { gap: 0px; } .single-post article { padding: 2rem; } .wp-block-image.zoomed { margin: -2rem; } figure.wp-block-image.minmargin { margin: -2rem -2rem; width: calc(100% + 4rem); height: calc(100% + 4rem); } .latestposts article:nth-child(1) { max-width: 100% !important; flex-basis: 100% !important; } .latestposts article { max-width: 50%; flex-basis: 50%; } #wpsl-search-wrap form { padding: 2rem 0 0 0;} .wp-block-column.dorp:after { bottom: -1rem; height: 20%; left: 0px; width: calc(100% + 0px); } .paginablokken { flex-wrap: wrap; display: flex; gap: 2rem; margin: 1rem 0rem 1rem 0rem; justify-content: center; } } /************************************************************************************ smaller than 782 *************************************************************************************/ @media screen and (max-width: 782px) { body { font-size: 1em; } h1 { font-size: 2em; line-height: 1em; font-weight: 500; margin: 0px 0px 1rem 0px; } h2 { font-size: 1.5em; line-height: 1.1em; font-weight: 500; margin: 0px 0px 0.75rem 0px; } h3 { font-size: 1.25em; line-height: 1.25em; font-weight: 500; margin: 0px 0px 0.5rem 0px; } header.header { padding: 3rem 2rem 0 2rem; } #footer { flex-direction: column; } #header.stick nav ul { padding: 0px; } #copyright { flex-direction: column-reverse; } #copyright #menu-footer-menu { justify-content: center; } .wp-block-spacer { display: none; } .wpcf7-form .formrow { flex-direction: column; gap: 2rem; } .wpcf7-form .formrow.w50 { gap: 0rem; width: 100%; } .wpcf7-form .formrow.w50 p { margin: 0px; } .wp-block-columns.reverse { flex-direction: column-reverse; } .wp-block-columns.reverse.first .wp-block-image { margin: -2rem -2rem -1rem -2rem; transform: rotate(0deg); overflow: hidden; display: flex; max-height: 200px; } .wp-block-columns.reverse.first .wp-block-image img { border-radius: 0px; object-fit: cover; object-position: center; } .wp-block-columns.reverse.first .wp-block-image:after { display: none; } .latestposts, .display-posts-listing { flex-direction: column; } .latestposts .listing-item { max-width: 100%; } .latestposts article { padding: 2rem; max-width: 100%; } body.archive header.header { padding: 2rem 2rem 0 2rem; } .entry-content > .wp-block-columns > .wp-block-column { padding: 2rem 2rem 2rem 2rem; } .wp-block-columns.three-children .wp-block-column figure.is-resized img { height: 70px !important; } .latestposts > div { flex-wrap: wrap; } .display-posts-listing { flex-wrap: nowrap !important; } .gerelateerd div { padding: 2rem; } .gerelateerd div ul { gap: 1.5rem; } .gerelateerd div ul li { flex-basis: calc(50% - 1.5rem); max-width: 100%; } .gerelateerd div ul li a.titel { font-size: 1em; line-height: 1em; } .single-post article header div.meta { display: inline-block; } .single-post article header div.meta .reading-time, .single-post article header div.meta .tag-links { margin: 0 0 0 10px; } .single-post article > figure:first-child { margin-top: -2rem; } .breadcrumb { padding: 2.5rem 1rem 0rem 2rem; overflow: hidden; flex-flow: nowrap; display: none; } .wp-block-columns.four-children .wp-block-column { flex-basis: 50% !important; padding: 1rem; } .wp-block-columns.four-children { margin: 1rem; } .wp-block-columns.four-children figure.wp-block-image.size-full { margin: 0rem; } #wpsl-wrap.wpsl-store-below #wpsl-result-list li { flex-basis: 100%; max-width: 100%; padding: 1.5rem; } .page-template-page-notitle figure.wp-block-image.size-full { margin: -2rem; } .page-template-default .entry-content { padding: 2rem; } #header { z-index: 9; } #header nav#menu li span.menu-arrow { position: absolute; right: 0; top: 0; z-index: 999; padding: 1rem; width: 56px; height: 56px; } #header nav#menu li span.menu-arrow:after { content: '+'; text-align: center; position: absolute; top: calc(50% - 10px); right: 1.6rem; width: 8px; height: 8px; background: transparent; display: inline; font-size: 13pt; } #header nav#menu li span.menu-arrow.active:after { content: '-'; } #header nav#menu li li li a { padding-left: 4rem; } #header nav#menu li li li li a { padding-left: 5rem; } #header nav ul > li > ul ul li a:before { left: 3rem; top: 0px; height: 21px; width: 8px; } #header nav ul > li > ul ul ul li a:before { left: 4rem; top: 0px; height: 21px; width: 8px; display: block; } #header nav#menu li ul li span.menu-arrow { position: absolute; right: 0; top: 0; z-index: 999; padding: 0.5rem; height: 40px; } #header nav#menu ul ul { transition: none; } #header nav ul li.current_page_ancestor > ul { display: block; } #header nav ul li.current_page_item > a { color: var(--kleur-red) !important; } .paginablokken { gap: 2rem; margin: 0px; } .paginablokken article { flex-basis: calc(50% - 2rem); } .paginablokken article h2 { font-size: 1.1em; } .paginablokken article h2:after { top: calc(50% - 4px); right: 0.25rem; width: 7px; height: 7px; } .paginablokken.lijstje article:after { bottom: -1rem; } .paginablokken.lijstje article:nth-child(3):after { bottom: -1rem; } .instabutton a { display: none; } ul.wp-block-list.onlinestores li { flex-basis: calc(50% - 0.5rem); } .webwinkels .wp-block-spacer { display: block; } .wp-block-column.latestposts > h2 { padding: 2rem 2rem 0 2rem; } #site-title a { left: calc(50% - 75px); } #site-title a:before, #header.stick #site-title a:before { width: 150px; height: 80px; top: 2px; } .wp-block-column.dorp.molendam:before { content: ''; width: calc(100% + 10px); height: calc(100% + 10px); position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; background: url(images/lijstje.png) no-repeat; background-size: contain; margin: -5px; display: block; } }