From 609da6ba6a05a6843d68d550907fe9fddb046122 Mon Sep 17 00:00:00 2001 From: infeeeee Date: Sat, 7 Sep 2019 01:54:34 +0200 Subject: [PATCH] css cleanup --- css/base.css | 6264 ++++++++++++++---------------------------------- functions.php | 10 + header.php | 4 +- js/scripts.js | 4 +- sass/base.scss | 388 +-- 5 files changed, 1943 insertions(+), 4727 deletions(-) diff --git a/css/base.css b/css/base.css index 8efa40f..0431543 100644 --- a/css/base.css +++ b/css/base.css @@ -2,10 +2,6 @@ /* FONT-MIXINS */ /* ========================================================================== */ /* ---------------------------------- event --------------------------------- */ -/*------------------------------------*\ - MAIN -\*------------------------------------*/ -/* global box-sizing */ *, *:after, *:before { @@ -15,7 +11,6 @@ -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } -/* html element 62.5% font-size for REM use */ html { font-size: 62.5%; } @@ -23,7 +18,6 @@ body { font: 300 18px/1.8 "Westeinde Caption", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; } -/* clear */ .clear:before, .clear:after { content: " "; @@ -66,23 +60,10 @@ button { button:focus { outline: none; } -/* ---------------------------- default selection --------------------------- */ html *::selection { color: #000; background-color: #fdff00; } -/* -------------------------------------------------------------------------- */ -/* MEDIA QUERIES */ -/* -------------------------------------------------------------------------- */ -/* -------------------------------------------------------------------------- */ -/* GLOBAL VARIABLES */ -/* -------------------------------------------------------------------------- */ -/* -------------------------------------------------------------------------- */ -/* other mixins */ -/* -------------------------------------------------------------------------- */ -/* -------------------------------------------------------------------------- */ -/* COOKIE NOTIFICATION */ -/* -------------------------------------------------------------------------- */ .cookie-notice-container { font: bold 1rem "Westeinde Caption"; color: #000; @@ -187,22 +168,12 @@ html *::selection { .cookie-notice-container #cn-more-info { color: transparent; } } -/* -------------------------------------------------------------------------- */ -/* STRUCTURE */ -/* -------------------------------------------------------------------------- */ -/* wrapper */ .wrapper { margin: 0 auto; position: relative; width: 100vw; height: 100vh; - z-index: 1; - /* -------------------------------------------------------------------------- */ - /* header */ - /* -------------------------------------------------------------------------- */ - /* -------------------------------------------------------------------------- */ - /* STRUCTURE ALL PAGE */ - /* -------------------------------------------------------------------------- */ } + z-index: 1; } .wrapper .header { position: fixed; top: 0; @@ -211,20 +182,7 @@ html *::selection { flex-direction: row; justify-content: space-between; align-items: center; - z-index: 3000; - /* -------------------------------------------------------------------------- */ - /* header elements */ - /* -------------------------------------------------------------------------- */ - /* ========================================================================== */ - /* SEARCH */ - /* ========================================================================== */ - /* ------------------------------ search mobile ----------------------------- */ - /* ----------------------------- search desktop ----------------------------- */ - /* -------------------- header scroll: scroll with click -------------------- */ - /* ========================================================================== */ - /* MENUS */ - /* ========================================================================== */ - /* ------------------------------- bedo circle ------------------------------ */ } + z-index: 3000; } @media (min-width: 769px) { .wrapper .header { height: 0; @@ -232,15 +190,13 @@ html *::selection { width: 0; } .wrapper .header::before { display: none; } } - .wrapper .header .header-1, - .wrapper .header .header-2 { + .wrapper .header .header-inner { display: flex; flex-direction: row; align-items: center; line-height: 0; } @media (min-width: 769px) { - .wrapper .header .header-1, - .wrapper .header .header-2 { + .wrapper .header .header-inner { width: 7.5rem; position: fixed; top: 0; @@ -252,14 +208,11 @@ html *::selection { align-content: space-between; background: #fff; } } @media (min-width: 1024px) { - .wrapper .header .header-1, - .wrapper .header .header-2 { + .wrapper .header .header-inner { width: 10rem; } } - .wrapper .header .header-1 div, - .wrapper .header .header-2 div { + .wrapper .header .header-inner div { z-index: 3500; } - .wrapper .header .header-1 a, - .wrapper .header .header-2 a { + .wrapper .header .header-inner a { display: inline-block; } .wrapper .header .header-1 { justify-content: space-between; @@ -352,8 +305,7 @@ html *::selection { background-image: url(../img/kereso_icon-black.png); background-image: url(../img/kereso_icon-black.svg); } } @media (min-width: 769px) { - .wrapper .header .header-1 > div, - .wrapper .header .header-2 > div { + .wrapper .header .header-inner > div { flex: 0 0 5rem !important; } } .wrapper .header .menubutton { order: 99; } @@ -940,84 +892,82 @@ html *::selection { transform: rotate(720deg); } } .wrapper .header #tag-nav ul li a span.pause { animation-play-state: paused; } - .wrapper main section { - /* -------------------------------- load more ------------------------------- */ } - .wrapper main section article { - position: relative; } - .wrapper main section article .metadata { - position: absolute; - background-color: #fff; - padding: 2rem; - right: 0; - min-width: 50vw; - text-align: center; - font: bold 1rem "Westeinde Caption"; - color: #000; - z-index: 1; } - @media (min-width: 1024px) { - .wrapper main section article .metadata { - font-size: 1.2rem; } } - @media (min-width: 1279px) { - .wrapper main section article .metadata { - font-size: 1.3rem; } } - @media (min-width: 1919px) { - .wrapper main section article .metadata { - font-size: 2.5rem; } } - @media (max-width: 768px) { - .wrapper main section article .metadata::after { - content: ""; - display: block; - position: absolute; - background-color: transparent; - width: 0; - height: 0; - left: -5rem; - top: -5rem; - border-top: 5rem solid transparent; - border-left: 5rem solid transparent; - border-right: 5rem solid transparent; - border-bottom: 5rem solid #fff; - position: absolute; - z-index: -1; } } - .wrapper main section .misha_loadmore { + .wrapper main section article { + position: relative; } + .wrapper main section article .metadata { + position: absolute; + background-color: #fff; + padding: 2rem; + right: 0; + min-width: 50vw; text-align: center; - padding: 2rem 0; } + font: bold 1rem "Westeinde Caption"; + color: #000; + z-index: 1; } + @media (min-width: 1024px) { + .wrapper main section article .metadata { + font-size: 1.2rem; } } + @media (min-width: 1279px) { + .wrapper main section article .metadata { + font-size: 1.3rem; } } + @media (min-width: 1919px) { + .wrapper main section article .metadata { + font-size: 2.5rem; } } + @media (max-width: 768px) { + .wrapper main section article .metadata::after { + content: ""; + display: block; + position: absolute; + background-color: transparent; + width: 0; + height: 0; + left: -5rem; + top: -5rem; + border-top: 5rem solid transparent; + border-left: 5rem solid transparent; + border-right: 5rem solid transparent; + border-bottom: 5rem solid #fff; + position: absolute; + z-index: -1; } } + .wrapper main section .misha_loadmore { + text-align: center; + padding: 2rem 0; } + @media (min-width: 769px) { + .wrapper main section .misha_loadmore { + min-width: 10rem; + width: calc(100vw - ((100vh - 8rem) / 2 * 3) - 20rem); + margin-right: 10rem; + align-self: stretch; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + height: 100%; } } + .wrapper main section .misha_loadmore a, + .wrapper main section .misha_loadmore p { + font: bold 3rem "Westeinde Caption"; + color: transparent; + -webkit-text-stroke: #000 1px; } + @media (min-aspect-ratio: 1 / 1) { + .wrapper main section .misha_loadmore a, + .wrapper main section .misha_loadmore p { + font-size: 2rem !important; } } + @media (min-width: 1024px) { + .wrapper main section .misha_loadmore a, + .wrapper main section .misha_loadmore p { + font-size: 3rem; } } @media (min-width: 769px) { - .wrapper main section .misha_loadmore { - min-width: 10rem; - width: calc(100vw - ((100vh - 8rem) / 2 * 3) - 20rem); - margin-right: 10rem; - align-self: stretch; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - height: 100%; } } - .wrapper main section .misha_loadmore a, - .wrapper main section .misha_loadmore p { - font: bold 3rem "Westeinde Caption"; - color: transparent; - -webkit-text-stroke: #000 1px; } - @media (min-aspect-ratio: 1 / 1) { - .wrapper main section .misha_loadmore a, - .wrapper main section .misha_loadmore p { - font-size: 2rem !important; } } - @media (min-width: 1024px) { - .wrapper main section .misha_loadmore a, - .wrapper main section .misha_loadmore p { - font-size: 3rem; } } - @media (min-width: 769px) { - .wrapper main section .misha_loadmore a, - .wrapper main section .misha_loadmore p { - transform-origin: center; - white-space: nowrap; - width: 100vh; - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - text-align: center; } } + .wrapper main section .misha_loadmore a, + .wrapper main section .misha_loadmore p { + transform-origin: center; + white-space: nowrap; + width: 100vh; + -moz-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + text-align: center; } } .touchevents .header-scroll { display: none !important; } @@ -1028,1011 +978,648 @@ html *::selection { .touchevents .search-results { overflow-y: hidden; } } -/* -------------------------------------------------------------------------- */ -/* ARCHIVE AND HOMEPAGE */ -/* -------------------------------------------------------------------------- */ -.archive, -.home, -.search-results, -.search-no-results, -.error404 { - /* -------------------------- no results on mobile -------------------------- */ } - .archive .wrapper, - .home .wrapper, - .search-results .wrapper, - .search-no-results .wrapper, - .error404 .wrapper { - /* ----------------------------- header on home ----------------------------- */ } - @media (min-width: 769px) { - .archive .wrapper, - .home .wrapper, - .search-results .wrapper, - .search-no-results .wrapper, - .error404 .wrapper { - overflow-y: hidden; - width: -moz-max-content; - width: max-content; - width: -moz-fit-content; - width: fit-content; - min-width: 100vw; } } - @media (min-width: 769px) { - .archive .wrapper .header .header-scroll, - .home .wrapper .header .header-scroll, - .search-results .wrapper .header .header-scroll, - .search-no-results .wrapper .header .header-scroll, - .error404 .wrapper .header .header-scroll { +@media (min-width: 769px) { + .masonrypage .wrapper { + overflow-y: hidden; + width: -moz-max-content; + width: max-content; + width: -moz-fit-content; + width: fit-content; + min-width: 100vw; } } + +@media (min-width: 769px) { + .masonrypage .wrapper .header .header-scroll { + display: block; + position: fixed; + height: 100vh; + width: 10rem; + flex: 1 0 auto !important; + top: 0; } } + +.masonrypage .wrapper .header .header-scroll.header-scroll-left { + left: 7.5rem; } + @media (min-width: 1024px) { + .masonrypage .wrapper .header .header-scroll.header-scroll-left { + left: 10rem; } } + .masonrypage .wrapper .header .header-scroll.header-scroll-left button { + cursor: url("../img/cursor-arrow-black-left.png"), w-resize; } + +.masonrypage .wrapper .header .header-scroll.header-scroll-right { + right: 7.5rem; } + @media (min-width: 1024px) { + .masonrypage .wrapper .header .header-scroll.header-scroll-right { + right: 10rem; } } + .masonrypage .wrapper .header .header-scroll.header-scroll-right button { + cursor: url("../img/cursor-arrow-black-right.png"), e-resize; } + +.masonrypage .wrapper .header .header-scroll button { + height: 100vh; + width: 10rem; } + +.masonrypage:not(.home) .wrapper .header { + background-color: #000; } + +@media (min-width: 769px) { + .masonrypage main { + height: 100vh; + width: -moz-max-content; + width: max-content; + width: -moz-fit-content; + width: fit-content; + position: relative; } } + +@media (min-width: 769px) { + .masonrypage main section { + display: flex; + flex-direction: row; + margin: 0; + height: 100vh; + width: -moz-max-content; + width: max-content; + width: -moz-fit-content; + width: fit-content; } } + +.masonrypage main section .archivetitle { + padding: 8rem 2rem 0; } + +.masonrypage main section article { + min-height: 87.5vw; } + .masonrypage main section article > a { + margin: 0; + padding: 0; + border: none; + display: inline-block; } + .masonrypage main section article .thumbnailwrapper img { + height: 50vw; + width: 100vw; + object-fit: cover; } + .masonrypage main section article h2 { + width: 100%; + padding: 1.5rem 2rem 1rem; + margin: 0; + line-height: 0.8; } + .masonrypage main section article h2 a { + font: bold 1.5rem "Westeinde Caption"; + color: #000; } + @media (min-width: 360px) { + .masonrypage main section article h2 a { + font-size: 1.8rem; } } + @media (min-aspect-ratio: 1 / 1) { + .masonrypage main section article h2 a { + font-size: 2.5rem; } } + @media (min-width: 769px) { + .masonrypage main section article h2 a { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 1024px) { + .masonrypage main section article h2 a { + font-size: 1.5rem; } } + @media (min-width: 1279px) { + .masonrypage main section article h2 a { + font-size: 2rem; } } + @media (min-width: 1919px) { + .masonrypage main section article h2 a { + font-size: 3rem; } } + .masonrypage main section article .metadata { + top: calc(50vw - 5rem + 1px); + height: 5rem; + display: flex; + width: -moz-max-content; + width: max-content; + width: -moz-fit-content; + width: fit-content; + justify-content: space-around; + flex-wrap: nowrap; + align-items: center; + padding: 0; + z-index: 15; } + .masonrypage main section article .metadata::after { + display: none; } + @media (max-width: 768px) { + .masonrypage main section article .metadata::after { + position: absolute; + content: ""; display: block; - position: fixed; - height: 100vh; - width: 10rem; - flex: 1 0 auto !important; - top: 0; } } - .archive .wrapper .header .header-scroll.header-scroll-left, - .home .wrapper .header .header-scroll.header-scroll-left, - .search-results .wrapper .header .header-scroll.header-scroll-left, - .search-no-results .wrapper .header .header-scroll.header-scroll-left, - .error404 .wrapper .header .header-scroll.header-scroll-left { - left: 7.5rem; } - @media (min-width: 1024px) { - .archive .wrapper .header .header-scroll.header-scroll-left, - .home .wrapper .header .header-scroll.header-scroll-left, - .search-results .wrapper .header .header-scroll.header-scroll-left, - .search-no-results .wrapper .header .header-scroll.header-scroll-left, - .error404 .wrapper .header .header-scroll.header-scroll-left { - left: 10rem; } } - .archive .wrapper .header .header-scroll.header-scroll-left button, - .home .wrapper .header .header-scroll.header-scroll-left button, - .search-results .wrapper .header .header-scroll.header-scroll-left button, - .search-no-results .wrapper .header .header-scroll.header-scroll-left button, - .error404 .wrapper .header .header-scroll.header-scroll-left button { - cursor: url("../img/cursor-arrow-black-left.png"), w-resize; } - .archive .wrapper .header .header-scroll.header-scroll-right, - .home .wrapper .header .header-scroll.header-scroll-right, - .search-results .wrapper .header .header-scroll.header-scroll-right, - .search-no-results .wrapper .header .header-scroll.header-scroll-right, - .error404 .wrapper .header .header-scroll.header-scroll-right { - right: 7.5rem; } - @media (min-width: 1024px) { - .archive .wrapper .header .header-scroll.header-scroll-right, - .home .wrapper .header .header-scroll.header-scroll-right, - .search-results .wrapper .header .header-scroll.header-scroll-right, - .search-no-results .wrapper .header .header-scroll.header-scroll-right, - .error404 .wrapper .header .header-scroll.header-scroll-right { - right: 10rem; } } - .archive .wrapper .header .header-scroll.header-scroll-right button, - .home .wrapper .header .header-scroll.header-scroll-right button, - .search-results .wrapper .header .header-scroll.header-scroll-right button, - .search-no-results .wrapper .header .header-scroll.header-scroll-right button, - .error404 .wrapper .header .header-scroll.header-scroll-right button { - cursor: url("../img/cursor-arrow-black-right.png"), e-resize; } - .archive .wrapper .header .header-scroll button, - .home .wrapper .header .header-scroll button, - .search-results .wrapper .header .header-scroll button, - .search-no-results .wrapper .header .header-scroll button, - .error404 .wrapper .header .header-scroll button { - height: 100vh; - width: 10rem; } - .archive.archive .wrapper .header, .archive.search-results .wrapper .header, .archive.search-no-results .wrapper .header, .archive.error404 .wrapper .header, - .home.archive .wrapper .header, - .home.search-results .wrapper .header, - .home.search-no-results .wrapper .header, - .home.error404 .wrapper .header, - .search-results.archive .wrapper .header, - .search-results.search-results .wrapper .header, - .search-results.search-no-results .wrapper .header, - .search-results.error404 .wrapper .header, - .search-no-results.archive .wrapper .header, - .search-no-results.search-results .wrapper .header, - .search-no-results.search-no-results .wrapper .header, - .search-no-results.error404 .wrapper .header, - .error404.archive .wrapper .header, - .error404.search-results .wrapper .header, - .error404.search-no-results .wrapper .header, - .error404.error404 .wrapper .header { - background-color: #000; } - @media (min-width: 769px) { - .archive main, - .home main, - .search-results main, - .search-no-results main, - .error404 main { - height: 100vh; - width: -moz-max-content; - width: max-content; - width: -moz-fit-content; - width: fit-content; - position: relative; } } - .archive main section, - .home main section, - .search-results main section, - .search-no-results main section, - .error404 main section { - /* ------------------------- archivetitle on mobile ------------------------- */ - /* --------------------------- home article mobile/default -------------------------- */ - /* ------------------------ home article desktop big ------------------------ */ - /* ------------------------------------ - ----------------------------------- */ - /* ----------------------- home articles desktop small ----------------------- */ } - @media (min-width: 769px) { - .archive main section, - .home main section, - .search-results main section, - .search-no-results main section, - .error404 main section { - display: flex; - flex-direction: row; - margin: 0; - height: 100vh; - width: -moz-max-content; - width: max-content; - width: -moz-fit-content; - width: fit-content; } } - .archive main section .archivetitle, - .home main section .archivetitle, - .search-results main section .archivetitle, - .search-no-results main section .archivetitle, - .error404 main section .archivetitle { - padding: 8rem 2rem 0; } - .archive main section article, - .home main section article, - .search-results main section article, - .search-no-results main section article, - .error404 main section article { - min-height: 87.5vw; - /* ----------------------- home article mobile cutout ----------------------- */ - /* ----------------------- home article mobile first 2 ----------------------- */ } - .archive main section article > a, - .home main section article > a, - .search-results main section article > a, - .search-no-results main section article > a, - .error404 main section article > a { - margin: 0; - padding: 0; + top: 0; border: none; - display: inline-block; } - .archive main section article .thumbnailwrapper img, - .home main section article .thumbnailwrapper img, - .search-results main section article .thumbnailwrapper img, - .search-no-results main section article .thumbnailwrapper img, - .error404 main section article .thumbnailwrapper img { - height: 50vw; - width: 100vw; - object-fit: cover; } - .archive main section article h2, - .home main section article h2, - .search-results main section article h2, - .search-no-results main section article h2, - .error404 main section article h2 { - width: 100%; - padding: 1.5rem 2rem 1rem; - margin: 0; - line-height: 0.8; } - .archive main section article h2 a, - .home main section article h2 a, - .search-results main section article h2 a, - .search-no-results main section article h2 a, - .error404 main section article h2 a { - font: bold 1.5rem "Westeinde Caption"; - color: #000; } - @media (min-width: 360px) { - .archive main section article h2 a, - .home main section article h2 a, - .search-results main section article h2 a, - .search-no-results main section article h2 a, - .error404 main section article h2 a { - font-size: 1.8rem; } } - @media (min-aspect-ratio: 1 / 1) { - .archive main section article h2 a, - .home main section article h2 a, - .search-results main section article h2 a, - .search-no-results main section article h2 a, - .error404 main section article h2 a { - font-size: 2.5rem; } } - @media (min-width: 769px) { - .archive main section article h2 a, - .home main section article h2 a, - .search-results main section article h2 a, - .search-no-results main section article h2 a, - .error404 main section article h2 a { - font-size: 1.3rem; - color: #000; } } - @media (min-width: 1024px) { - .archive main section article h2 a, - .home main section article h2 a, - .search-results main section article h2 a, - .search-no-results main section article h2 a, - .error404 main section article h2 a { - font-size: 1.5rem; } } - @media (min-width: 1279px) { - .archive main section article h2 a, - .home main section article h2 a, - .search-results main section article h2 a, - .search-no-results main section article h2 a, - .error404 main section article h2 a { - font-size: 2rem; } } - @media (min-width: 1919px) { - .archive main section article h2 a, - .home main section article h2 a, - .search-results main section article h2 a, - .search-no-results main section article h2 a, - .error404 main section article h2 a { - font-size: 3rem; } } - .archive main section article .metadata, - .home main section article .metadata, - .search-results main section article .metadata, - .search-no-results main section article .metadata, - .error404 main section article .metadata { - top: calc(50vw - 5rem + 1px); - height: 5rem; - display: flex; - width: -moz-max-content; - width: max-content; - width: -moz-fit-content; - width: fit-content; - justify-content: space-around; - flex-wrap: nowrap; - align-items: center; - padding: 0; - z-index: 15; } - .archive main section article .metadata::after, - .home main section article .metadata::after, - .search-results main section article .metadata::after, - .search-no-results main section article .metadata::after, - .error404 main section article .metadata::after { - display: none; } - @media (max-width: 768px) { - .archive main section article .metadata::after, - .home main section article .metadata::after, - .search-results main section article .metadata::after, - .search-no-results main section article .metadata::after, - .error404 main section article .metadata::after { - position: absolute; - content: ""; - display: block; - top: 0; - border: none; - width: calc(100% - 5rem + (5rem + 1px)); - border-top: #000 1px solid; - background-color: white; - left: calc(5rem); - margin-left: calc((5rem + 1px) * -1); - z-index: 90; } - .archive main section article .metadata::before, - .home main section article .metadata::before, - .search-results main section article .metadata::before, - .search-no-results main section article .metadata::before, - .error404 main section article .metadata::before { - display: block; - content: ""; - position: absolute; - width: calc(5rem); - height: calc(5rem); - top: 0; - background-color: white; - z-index: 9; - left: calc((5rem + 1px) * -1); - border-left: #000 solid 1px; - -moz-transform: skewX(-45deg); - -o-transform: skewX(-45deg); - -ms-transform: skewX(-45deg); - -webkit-transform: skewX(-45deg); - transform: skewX(-45deg); - transform-origin: left bottom; - border-top: #000 solid 1px; } } - .archive main section article .metadata > *, - .home main section article .metadata > *, - .search-results main section article .metadata > *, - .search-no-results main section article .metadata > *, - .error404 main section article .metadata > * { - z-index: 15; } - .archive main section article .metadata .vr, - .home main section article .metadata .vr, - .search-results main section article .metadata .vr, - .search-no-results main section article .metadata .vr, - .error404 main section article .metadata .vr { - height: 100%; - width: 1px; - background-color: #000; - flex-grow: 0 !important; - flex-shrink: 0 !important; - flex-basis: auto !important; - box-shadow: 0 0 1px transparent; } - .archive main section article .metadata .bevezetoWrapper, - .archive main section article .metadata .alcimWrapper, - .archive main section article .metadata .curvyArrow, - .home main section article .metadata .bevezetoWrapper, - .home main section article .metadata .alcimWrapper, - .home main section article .metadata .curvyArrow, - .search-results main section article .metadata .bevezetoWrapper, - .search-results main section article .metadata .alcimWrapper, - .search-results main section article .metadata .curvyArrow, - .search-no-results main section article .metadata .bevezetoWrapper, - .search-no-results main section article .metadata .alcimWrapper, - .search-no-results main section article .metadata .curvyArrow, - .error404 main section article .metadata .bevezetoWrapper, - .error404 main section article .metadata .alcimWrapper, - .error404 main section article .metadata .curvyArrow { - display: none; } - .archive main section article h2, - .home main section article h2, - .search-results main section article h2, - .search-no-results main section article h2, - .error404 main section article h2 { - position: relative; + width: calc(100% - 5rem + (5rem + 1px)); border-top: #000 1px solid; - z-index: 8; } - .archive main section article > .bevezetoWrapper, - .home main section article > .bevezetoWrapper, - .search-results main section article > .bevezetoWrapper, - .search-no-results main section article > .bevezetoWrapper, - .error404 main section article > .bevezetoWrapper { - padding: 0 2rem 3rem; - font: bold 1.5rem "Westeinde Caption"; - color: #000; - font-weight: 300; + background-color: white; + left: calc(5rem); + margin-left: calc((5rem + 1px) * -1); + z-index: 90; } + .masonrypage main section article .metadata::before { + display: block; + content: ""; + position: absolute; + width: calc(5rem); + height: calc(5rem); + top: 0; + background-color: white; + z-index: 9; + left: calc((5rem + 1px) * -1); + border-left: #000 solid 1px; + -moz-transform: skewX(-45deg); + -o-transform: skewX(-45deg); + -ms-transform: skewX(-45deg); + -webkit-transform: skewX(-45deg); + transform: skewX(-45deg); + transform-origin: left bottom; + border-top: #000 solid 1px; } } + .masonrypage main section article .metadata > * { + z-index: 15; } + .masonrypage main section article .metadata .vr { + height: 100%; + width: 1px; + background-color: #000; + flex-grow: 0 !important; + flex-shrink: 0 !important; + flex-basis: auto !important; + box-shadow: 0 0 1px transparent; } + .masonrypage main section article .metadata .bevezetoWrapper, + .masonrypage main section article .metadata .alcimWrapper, + .masonrypage main section article .metadata .curvyArrow { + display: none; } + .masonrypage main section article h2 { + position: relative; + border-top: #000 1px solid; + z-index: 8; } + .masonrypage main section article > .bevezetoWrapper { + padding: 0 2rem 3rem; + font: bold 1.5rem "Westeinde Caption"; + color: #000; + font-weight: 300; + color: #000; } + @media (min-width: 360px) { + .masonrypage main section article > .bevezetoWrapper { + font-size: 1.8rem; } } + @media (min-aspect-ratio: 1 / 1) { + .masonrypage main section article > .bevezetoWrapper { + font-size: 2.5rem; } } + @media (min-width: 769px) { + .masonrypage main section article > .bevezetoWrapper { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 1024px) { + .masonrypage main section article > .bevezetoWrapper { + font-size: 1.5rem; } } + @media (min-width: 1279px) { + .masonrypage main section article > .bevezetoWrapper { + font-size: 2rem; } } + @media (min-width: 1919px) { + .masonrypage main section article > .bevezetoWrapper { + font-size: 3rem; } } + @media (min-width: 769px) { + .masonrypage main section article > .bevezetoWrapper { + font: bold 1rem "Butler"; + line-height: 1rem; } } + @media (min-width: 1024px) { + .masonrypage main section article > .bevezetoWrapper { + font-size: 2rem; + line-height: 2rem; } } + .masonrypage main section article > .bevezetoWrapper::before { + display: block; + content: ""; + height: 1px; + width: 20%; + margin: 0 auto; + background-color: #000; + margin-bottom: 1rem; } + .masonrypage main section article.post_nr { + min-height: 100vh; } + .masonrypage main section article.post_nr .thumbnailwrapper img { + height: 50vh; } + .masonrypage main section article.post_nr .metadata { + top: calc(50vh - 5rem + 1px); } + .masonrypage main section article.post_nr h2 { + padding-top: 3rem; } + .masonrypage main section article.post_nr h2 a { + font: bold 2.2rem "Westeinde Caption"; color: #000; } @media (min-width: 360px) { - .archive main section article > .bevezetoWrapper, - .home main section article > .bevezetoWrapper, - .search-results main section article > .bevezetoWrapper, - .search-no-results main section article > .bevezetoWrapper, - .error404 main section article > .bevezetoWrapper { - font-size: 1.8rem; } } + .masonrypage main section article.post_nr h2 a { + font-size: 2.8rem; } } @media (min-aspect-ratio: 1 / 1) { - .archive main section article > .bevezetoWrapper, - .home main section article > .bevezetoWrapper, - .search-results main section article > .bevezetoWrapper, - .search-no-results main section article > .bevezetoWrapper, - .error404 main section article > .bevezetoWrapper { + .masonrypage main section article.post_nr h2 a { font-size: 2.5rem; } } - @media (min-width: 769px) { - .archive main section article > .bevezetoWrapper, - .home main section article > .bevezetoWrapper, - .search-results main section article > .bevezetoWrapper, - .search-no-results main section article > .bevezetoWrapper, - .error404 main section article > .bevezetoWrapper { - font-size: 1.3rem; - color: #000; } } @media (min-width: 1024px) { - .archive main section article > .bevezetoWrapper, - .home main section article > .bevezetoWrapper, - .search-results main section article > .bevezetoWrapper, - .search-no-results main section article > .bevezetoWrapper, - .error404 main section article > .bevezetoWrapper { - font-size: 1.5rem; } } + .masonrypage main section article.post_nr h2 a { + font-size: 5rem; } } @media (min-width: 1279px) { - .archive main section article > .bevezetoWrapper, - .home main section article > .bevezetoWrapper, - .search-results main section article > .bevezetoWrapper, - .search-no-results main section article > .bevezetoWrapper, - .error404 main section article > .bevezetoWrapper { - font-size: 2rem; } } + .masonrypage main section article.post_nr h2 a { + font-size: 6.8rem; } } @media (min-width: 1919px) { - .archive main section article > .bevezetoWrapper, - .home main section article > .bevezetoWrapper, - .search-results main section article > .bevezetoWrapper, - .search-no-results main section article > .bevezetoWrapper, - .error404 main section article > .bevezetoWrapper { - font-size: 3rem; } } - @media (min-width: 769px) { - .archive main section article > .bevezetoWrapper, - .home main section article > .bevezetoWrapper, - .search-results main section article > .bevezetoWrapper, - .search-no-results main section article > .bevezetoWrapper, - .error404 main section article > .bevezetoWrapper { - font: bold 1rem "Butler"; - line-height: 1rem; } } - @media (min-width: 1024px) { - .archive main section article > .bevezetoWrapper, - .home main section article > .bevezetoWrapper, - .search-results main section article > .bevezetoWrapper, - .search-no-results main section article > .bevezetoWrapper, - .error404 main section article > .bevezetoWrapper { - font-size: 2rem; - line-height: 2rem; } } - .archive main section article > .bevezetoWrapper::before, - .home main section article > .bevezetoWrapper::before, - .search-results main section article > .bevezetoWrapper::before, - .search-no-results main section article > .bevezetoWrapper::before, - .error404 main section article > .bevezetoWrapper::before { - display: block; - content: ""; - height: 1px; - width: 20%; - margin: 0 auto; - background-color: #000; - margin-bottom: 1rem; } - .archive main section article.post_nr_1, .archive main section article.post_nr_2, - .home main section article.post_nr_1, - .home main section article.post_nr_2, - .search-results main section article.post_nr_1, - .search-results main section article.post_nr_2, - .search-no-results main section article.post_nr_1, - .search-no-results main section article.post_nr_2, - .error404 main section article.post_nr_1, - .error404 main section article.post_nr_2 { - min-height: 100vh; } - .archive main section article.post_nr_1 .thumbnailwrapper img, .archive main section article.post_nr_2 .thumbnailwrapper img, - .home main section article.post_nr_1 .thumbnailwrapper img, - .home main section article.post_nr_2 .thumbnailwrapper img, - .search-results main section article.post_nr_1 .thumbnailwrapper img, - .search-results main section article.post_nr_2 .thumbnailwrapper img, - .search-no-results main section article.post_nr_1 .thumbnailwrapper img, - .search-no-results main section article.post_nr_2 .thumbnailwrapper img, - .error404 main section article.post_nr_1 .thumbnailwrapper img, - .error404 main section article.post_nr_2 .thumbnailwrapper img { - height: 50vh; } - .archive main section article.post_nr_1 .metadata, .archive main section article.post_nr_2 .metadata, - .home main section article.post_nr_1 .metadata, - .home main section article.post_nr_2 .metadata, - .search-results main section article.post_nr_1 .metadata, - .search-results main section article.post_nr_2 .metadata, - .search-no-results main section article.post_nr_1 .metadata, - .search-no-results main section article.post_nr_2 .metadata, - .error404 main section article.post_nr_1 .metadata, - .error404 main section article.post_nr_2 .metadata { - top: calc(50vh - 5rem + 1px); } - .archive main section article.post_nr_1 h2, .archive main section article.post_nr_2 h2, - .home main section article.post_nr_1 h2, - .home main section article.post_nr_2 h2, - .search-results main section article.post_nr_1 h2, - .search-results main section article.post_nr_2 h2, - .search-no-results main section article.post_nr_1 h2, - .search-no-results main section article.post_nr_2 h2, - .error404 main section article.post_nr_1 h2, - .error404 main section article.post_nr_2 h2 { - padding-top: 3rem; } - .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, - .home main section article.post_nr_1 h2 a, - .home main section article.post_nr_2 h2 a, - .search-results main section article.post_nr_1 h2 a, - .search-results main section article.post_nr_2 h2 a, - .search-no-results main section article.post_nr_1 h2 a, - .search-no-results main section article.post_nr_2 h2 a, - .error404 main section article.post_nr_1 h2 a, - .error404 main section article.post_nr_2 h2 a { - font: bold 2.2rem "Westeinde Caption"; - color: #000; } - @media (min-width: 360px) { - .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, - .home main section article.post_nr_1 h2 a, - .home main section article.post_nr_2 h2 a, - .search-results main section article.post_nr_1 h2 a, - .search-results main section article.post_nr_2 h2 a, - .search-no-results main section article.post_nr_1 h2 a, - .search-no-results main section article.post_nr_2 h2 a, - .error404 main section article.post_nr_1 h2 a, - .error404 main section article.post_nr_2 h2 a { - font-size: 2.8rem; } } - @media (min-aspect-ratio: 1 / 1) { - .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, - .home main section article.post_nr_1 h2 a, - .home main section article.post_nr_2 h2 a, - .search-results main section article.post_nr_1 h2 a, - .search-results main section article.post_nr_2 h2 a, - .search-no-results main section article.post_nr_1 h2 a, - .search-no-results main section article.post_nr_2 h2 a, - .error404 main section article.post_nr_1 h2 a, - .error404 main section article.post_nr_2 h2 a { - font-size: 2.5rem; } } - @media (min-width: 1024px) { - .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, - .home main section article.post_nr_1 h2 a, - .home main section article.post_nr_2 h2 a, - .search-results main section article.post_nr_1 h2 a, - .search-results main section article.post_nr_2 h2 a, - .search-no-results main section article.post_nr_1 h2 a, - .search-no-results main section article.post_nr_2 h2 a, - .error404 main section article.post_nr_1 h2 a, - .error404 main section article.post_nr_2 h2 a { - font-size: 5rem; } } - @media (min-width: 1279px) { - .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, - .home main section article.post_nr_1 h2 a, - .home main section article.post_nr_2 h2 a, - .search-results main section article.post_nr_1 h2 a, - .search-results main section article.post_nr_2 h2 a, - .search-no-results main section article.post_nr_1 h2 a, - .search-no-results main section article.post_nr_2 h2 a, - .error404 main section article.post_nr_1 h2 a, - .error404 main section article.post_nr_2 h2 a { - font-size: 6.8rem; } } - @media (min-width: 1919px) { - .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, - .home main section article.post_nr_1 h2 a, - .home main section article.post_nr_2 h2 a, - .search-results main section article.post_nr_1 h2 a, - .search-results main section article.post_nr_2 h2 a, - .search-no-results main section article.post_nr_1 h2 a, - .search-no-results main section article.post_nr_2 h2 a, - .error404 main section article.post_nr_1 h2 a, - .error404 main section article.post_nr_2 h2 a { - font-size: 11rem; } } - @media (min-width: 360px) { - .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, - .home main section article.post_nr_1 h2 a, - .home main section article.post_nr_2 h2 a, - .search-results main section article.post_nr_1 h2 a, - .search-results main section article.post_nr_2 h2 a, - .search-no-results main section article.post_nr_1 h2 a, - .search-no-results main section article.post_nr_2 h2 a, - .error404 main section article.post_nr_1 h2 a, - .error404 main section article.post_nr_2 h2 a { - line-height: 1.5; } } - .archive main section article.post_nr_1 .bevezetoWrapper::before, .archive main section article.post_nr_2 .bevezetoWrapper::before, - .home main section article.post_nr_1 .bevezetoWrapper::before, - .home main section article.post_nr_2 .bevezetoWrapper::before, - .search-results main section article.post_nr_1 .bevezetoWrapper::before, - .search-results main section article.post_nr_2 .bevezetoWrapper::before, - .search-no-results main section article.post_nr_1 .bevezetoWrapper::before, - .search-no-results main section article.post_nr_2 .bevezetoWrapper::before, - .error404 main section article.post_nr_1 .bevezetoWrapper::before, - .error404 main section article.post_nr_2 .bevezetoWrapper::before { - margin-bottom: 0; } - .archive main section article.post_nr_1 .bevezetoWrapper .bevezeto, .archive main section article.post_nr_2 .bevezetoWrapper .bevezeto, - .home main section article.post_nr_1 .bevezetoWrapper .bevezeto, - .home main section article.post_nr_2 .bevezetoWrapper .bevezeto, - .search-results main section article.post_nr_1 .bevezetoWrapper .bevezeto, - .search-results main section article.post_nr_2 .bevezetoWrapper .bevezeto, - .search-no-results main section article.post_nr_1 .bevezetoWrapper .bevezeto, - .search-no-results main section article.post_nr_2 .bevezetoWrapper .bevezeto, - .error404 main section article.post_nr_1 .bevezetoWrapper .bevezeto, - .error404 main section article.post_nr_2 .bevezetoWrapper .bevezeto { - padding-top: 1rem; } - @media (min-width: 769px) { - .archive main section .home_wrapper-big, - .home main section .home_wrapper-big, - .search-results main section .home_wrapper-big, - .search-no-results main section .home_wrapper-big, - .error404 main section .home_wrapper-big { - flex: 0 0 auto; - border-right: #000 1px solid; - /* ------------------------ home article desktop 1 + 2 ----------------------- */ } - .archive main section .home_wrapper-big article, - .home main section .home_wrapper-big article, - .search-results main section .home_wrapper-big article, - .search-no-results main section .home_wrapper-big article, - .error404 main section .home_wrapper-big article { - position: relative; - width: calc(100vw - (7.5rem * 3)); - height: calc(100vh - 4rem); - min-height: unset; - margin: 0; - padding: 0; - margin-left: 7.5rem; - margin-top: 4rem; - border-top: 1px #000 solid; - /* ------------- home article desktop big - thumbnail and title ------------- */ - /* -------------------------- home article metadata big------------------------- */ - /* --------------------- home article desktop big hover --------------------- */ } } + .masonrypage main section article.post_nr h2 a { + font-size: 11rem; } } + @media (min-width: 360px) { + .masonrypage main section article.post_nr h2 a { + line-height: 1.5; } } + .masonrypage main section article.post_nr .bevezetoWrapper::before { + margin-bottom: 0; } + .masonrypage main section article.post_nr .bevezetoWrapper .bevezeto { + padding-top: 1rem; } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-big { + flex: 0 0 auto; + border-right: #000 1px solid; } + .masonrypage main section .home_wrapper-big article { + position: relative; + width: calc(100vw - (7.5rem * 3)); + height: calc(100vh - 4rem); + min-height: unset; + margin: 0; + padding: 0; + margin-left: 7.5rem; + margin-top: 4rem; + border-top: 1px #000 solid; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article, - .home main section .home_wrapper-big article, - .search-results main section .home_wrapper-big article, - .search-no-results main section .home_wrapper-big article, - .error404 main section .home_wrapper-big article { + .masonrypage main section .home_wrapper-big article { width: calc(100vw - (10rem * 3)); margin-left: 10rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-big article .thumbnailwrapper, - .home main section .home_wrapper-big article .thumbnailwrapper, - .search-results main section .home_wrapper-big article .thumbnailwrapper, - .search-no-results main section .home_wrapper-big article .thumbnailwrapper, - .error404 main section .home_wrapper-big article .thumbnailwrapper { - width: 60%; - height: calc(100% - 4rem); - display: flex; - flex-direction: row; - justify-content: flex-start; } - .archive main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, - .home main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, - .search-results main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, - .search-no-results main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, - .error404 main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail { - object-fit: cover; - width: 100%; - height: 100%; } - .archive main section .home_wrapper-big article h2, - .home main section .home_wrapper-big article h2, - .search-results main section .home_wrapper-big article h2, - .search-no-results main section .home_wrapper-big article h2, - .error404 main section .home_wrapper-big article h2 { - height: unset; - position: absolute; - top: 0; - padding: 2rem; - padding-left: 4rem; - border: none; - width: calc(100vw - 18.75rem); } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-big article .thumbnailwrapper { + width: 60%; + height: calc(100% - 4rem); + display: flex; + flex-direction: row; + justify-content: flex-start; } + .masonrypage main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail { + object-fit: cover; + width: 100%; + height: 100%; } + .masonrypage main section .home_wrapper-big article h2 { + height: unset; + position: absolute; + top: 0; + padding: 2rem; + padding-left: 4rem; + border: none; + width: calc(100vw - 18.75rem); } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article h2, - .home main section .home_wrapper-big article h2, - .search-results main section .home_wrapper-big article h2, - .search-no-results main section .home_wrapper-big article h2, - .error404 main section .home_wrapper-big article h2 { + .masonrypage main section .home_wrapper-big article h2 { width: calc(100vw - 25rem); padding-top: 4rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-big article h2 a, - .home main section .home_wrapper-big article h2 a, - .search-results main section .home_wrapper-big article h2 a, - .search-no-results main section .home_wrapper-big article h2 a, - .error404 main section .home_wrapper-big article h2 a { - padding-top: 2rem; } - .archive main section .home_wrapper-big article .metadata, - .home main section .home_wrapper-big article .metadata, - .search-results main section .home_wrapper-big article .metadata, - .search-no-results main section .home_wrapper-big article .metadata, - .error404 main section .home_wrapper-big article .metadata { - bottom: 0; - top: unset; - background: transparent; - width: 100%; - height: 7.5rem; - display: flex; - flex-direction: row; - padding: 0; - justify-content: flex-start; - align-items: center; - overflow: visible !important; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-big article h2 a { + padding-top: 2rem; } + .masonrypage main section .home_wrapper-big article .metadata { + bottom: 0; + top: unset; + background: transparent; + width: 100%; + height: 7.5rem; + display: flex; + flex-direction: row; + padding: 0; + justify-content: flex-start; + align-items: center; + overflow: visible !important; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { - .archive main section .home_wrapper-big article .metadata, - .home main section .home_wrapper-big article .metadata, - .search-results main section .home_wrapper-big article .metadata, - .search-no-results main section .home_wrapper-big article .metadata, - .error404 main section .home_wrapper-big article .metadata { + .masonrypage main section .home_wrapper-big article .metadata { height: 9rem; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article .metadata, - .home main section .home_wrapper-big article .metadata, - .search-results main section .home_wrapper-big article .metadata, - .search-no-results main section .home_wrapper-big article .metadata, - .error404 main section .home_wrapper-big article .metadata { + .masonrypage main section .home_wrapper-big article .metadata { height: 11.5rem; } } @media (min-width: 769px) and (min-width: 769px) { - .archive main section .home_wrapper-big article .metadata, - .home main section .home_wrapper-big article .metadata, - .search-results main section .home_wrapper-big article .metadata, - .search-no-results main section .home_wrapper-big article .metadata, - .error404 main section .home_wrapper-big article .metadata { + .masonrypage main section .home_wrapper-big article .metadata { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article .metadata, - .home main section .home_wrapper-big article .metadata, - .search-results main section .home_wrapper-big article .metadata, - .search-no-results main section .home_wrapper-big article .metadata, - .error404 main section .home_wrapper-big article .metadata { + .masonrypage main section .home_wrapper-big article .metadata { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .archive main section .home_wrapper-big article .metadata, - .home main section .home_wrapper-big article .metadata, - .search-results main section .home_wrapper-big article .metadata, - .search-no-results main section .home_wrapper-big article .metadata, - .error404 main section .home_wrapper-big article .metadata { + .masonrypage main section .home_wrapper-big article .metadata { font-size: 2rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-big article .metadata > div, - .home main section .home_wrapper-big article .metadata > div, - .search-results main section .home_wrapper-big article .metadata > div, - .search-no-results main section .home_wrapper-big article .metadata > div, - .error404 main section .home_wrapper-big article .metadata > div { - flex: 1 1 auto; } - .archive main section .home_wrapper-big article .metadata .categories, - .home main section .home_wrapper-big article .metadata .categories, - .search-results main section .home_wrapper-big article .metadata .categories, - .search-no-results main section .home_wrapper-big article .metadata .categories, - .error404 main section .home_wrapper-big article .metadata .categories { - display: block; - padding: 0; } - .archive main section .home_wrapper-big article .metadata .postedon, - .home main section .home_wrapper-big article .metadata .postedon, - .search-results main section .home_wrapper-big article .metadata .postedon, - .search-no-results main section .home_wrapper-big article .metadata .postedon, - .error404 main section .home_wrapper-big article .metadata .postedon { - padding: 0; } - .archive main section .home_wrapper-big article .metadata .bevezetoWrapper, - .archive main section .home_wrapper-big article .metadata .alcimWrapper, - .home main section .home_wrapper-big article .metadata .bevezetoWrapper, - .home main section .home_wrapper-big article .metadata .alcimWrapper, - .search-results main section .home_wrapper-big article .metadata .bevezetoWrapper, - .search-results main section .home_wrapper-big article .metadata .alcimWrapper, - .search-no-results main section .home_wrapper-big article .metadata .bevezetoWrapper, - .search-no-results main section .home_wrapper-big article .metadata .alcimWrapper, - .error404 main section .home_wrapper-big article .metadata .bevezetoWrapper, - .error404 main section .home_wrapper-big article .metadata .alcimWrapper { - display: none; } - .archive main section .home_wrapper-big article .metadata .transparent, - .archive main section .home_wrapper-big article .metadata .transparent a, - .archive main section .home_wrapper-big article .metadata .transparent div, - .home main section .home_wrapper-big article .metadata .transparent, - .home main section .home_wrapper-big article .metadata .transparent a, - .home main section .home_wrapper-big article .metadata .transparent div, - .search-results main section .home_wrapper-big article .metadata .transparent, - .search-results main section .home_wrapper-big article .metadata .transparent a, - .search-results main section .home_wrapper-big article .metadata .transparent div, - .search-no-results main section .home_wrapper-big article .metadata .transparent, - .search-no-results main section .home_wrapper-big article .metadata .transparent a, - .search-no-results main section .home_wrapper-big article .metadata .transparent div, - .error404 main section .home_wrapper-big article .metadata .transparent, - .error404 main section .home_wrapper-big article .metadata .transparent a, - .error404 main section .home_wrapper-big article .metadata .transparent div { - color: transparent !important; } - .archive main section .home_wrapper-big article .metadata .filler, - .home main section .home_wrapper-big article .metadata .filler, - .search-results main section .home_wrapper-big article .metadata .filler, - .search-no-results main section .home_wrapper-big article .metadata .filler, - .error404 main section .home_wrapper-big article .metadata .filler { - flex: 0 0 auto; - width: 60%; - height: 1px; - align-self: flex-start; } - .archive main section .home_wrapper-big article .metadata .curvyArrow, - .home main section .home_wrapper-big article .metadata .curvyArrow, - .search-results main section .home_wrapper-big article .metadata .curvyArrow, - .search-no-results main section .home_wrapper-big article .metadata .curvyArrow, - .error404 main section .home_wrapper-big article .metadata .curvyArrow { - position: absolute; - display: block; - right: 0; - top: 0; - height: 10rem; - width: 5rem; } - .archive main section .home_wrapper-big article .metadata .curvyArrow object, - .home main section .home_wrapper-big article .metadata .curvyArrow object, - .search-results main section .home_wrapper-big article .metadata .curvyArrow object, - .search-no-results main section .home_wrapper-big article .metadata .curvyArrow object, - .error404 main section .home_wrapper-big article .metadata .curvyArrow object { - height: 10rem; - position: absolute; - right: 0; - top: calc(-50% + 0.5px); } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-big article .metadata > div { + flex: 1 1 auto; } + .masonrypage main section .home_wrapper-big article .metadata .categories { + display: block; + padding: 0; } + .masonrypage main section .home_wrapper-big article .metadata .postedon { + padding: 0; } + .masonrypage main section .home_wrapper-big article .metadata .bevezetoWrapper, + .masonrypage main section .home_wrapper-big article .metadata .alcimWrapper { + display: none; } + .masonrypage main section .home_wrapper-big article .metadata .transparent, + .masonrypage main section .home_wrapper-big article .metadata .transparent a, + .masonrypage main section .home_wrapper-big article .metadata .transparent div { + color: transparent !important; } + .masonrypage main section .home_wrapper-big article .metadata .filler { + flex: 0 0 auto; + width: 60%; + height: 1px; + align-self: flex-start; } + .masonrypage main section .home_wrapper-big article .metadata .curvyArrow { + position: absolute; + display: block; + right: 0; + top: 0; + height: 10rem; + width: 5rem; } + .masonrypage main section .home_wrapper-big article .metadata .curvyArrow object { + height: 10rem; + position: absolute; + right: 0; + top: calc(-50% + 0.5px); } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article .metadata .curvyArrow, - .home main section .home_wrapper-big article .metadata .curvyArrow, - .search-results main section .home_wrapper-big article .metadata .curvyArrow, - .search-no-results main section .home_wrapper-big article .metadata .curvyArrow, - .error404 main section .home_wrapper-big article .metadata .curvyArrow { + .masonrypage main section .home_wrapper-big article .metadata .curvyArrow { height: 15rem; width: 7.5rem; } - .archive main section .home_wrapper-big article .metadata .curvyArrow object, - .home main section .home_wrapper-big article .metadata .curvyArrow object, - .search-results main section .home_wrapper-big article .metadata .curvyArrow object, - .search-no-results main section .home_wrapper-big article .metadata .curvyArrow object, - .error404 main section .home_wrapper-big article .metadata .curvyArrow object { + .masonrypage main section .home_wrapper-big article .metadata .curvyArrow object { height: 15rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-big article .bevezeto, - .archive main section .home_wrapper-big article .alcim, - .home main section .home_wrapper-big article .bevezeto, - .home main section .home_wrapper-big article .alcim, - .search-results main section .home_wrapper-big article .bevezeto, - .search-results main section .home_wrapper-big article .alcim, - .search-no-results main section .home_wrapper-big article .bevezeto, - .search-no-results main section .home_wrapper-big article .alcim, - .error404 main section .home_wrapper-big article .bevezeto, - .error404 main section .home_wrapper-big article .alcim { - color: #000 !important; } - .archive main section .home_wrapper-big article .alcimWrapper, - .home main section .home_wrapper-big article .alcimWrapper, - .search-results main section .home_wrapper-big article .alcimWrapper, - .search-no-results main section .home_wrapper-big article .alcimWrapper, - .error404 main section .home_wrapper-big article .alcimWrapper { - align-self: flex-start; - padding: 2rem 0 5rem; - min-width: 8rem; - margin: 0 auto; - display: flex; - flex-direction: column; - justify-content: flex-start; - align-content: space-around; - position: relative; } - .archive main section .home_wrapper-big article .alcimWrapper .alcim, - .home main section .home_wrapper-big article .alcimWrapper .alcim, - .search-results main section .home_wrapper-big article .alcimWrapper .alcim, - .search-no-results main section .home_wrapper-big article .alcimWrapper .alcim, - .error404 main section .home_wrapper-big article .alcimWrapper .alcim { - writing-mode: vertical-rl; - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - flex: 0 0 auto; - display: flex; - flex-direction: column; - justify-content: center; - align-content: center; - align-items: flex-end; } - .archive main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, - .home main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, - .search-results main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, - .search-no-results main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, - .error404 main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner { - text-align: left; } - .archive main section .home_wrapper-big article .bevezetoWrapper, - .home main section .home_wrapper-big article .bevezetoWrapper, - .search-results main section .home_wrapper-big article .bevezetoWrapper, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper, - .error404 main section .home_wrapper-big article .bevezetoWrapper { - line-height: 1; - padding: 2rem; - align-self: flex-start; } - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { - margin: 0; - overflow: hidden; - font: bold 1.5rem "Westeinde Caption"; - color: #000; - font-weight: 300; - color: #000; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-big article .bevezeto, + .masonrypage main section .home_wrapper-big article .alcim { + color: #000 !important; } + .masonrypage main section .home_wrapper-big article .alcimWrapper { + align-self: flex-start; + padding: 2rem 0 5rem; + min-width: 8rem; + margin: 0 auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-content: space-around; + position: relative; } + .masonrypage main section .home_wrapper-big article .alcimWrapper .alcim { + writing-mode: vertical-rl; + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + flex: 0 0 auto; + display: flex; + flex-direction: column; + justify-content: center; + align-content: center; + align-items: flex-end; } + .masonrypage main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner { + text-align: left; } + .masonrypage main section .home_wrapper-big article .bevezetoWrapper { + line-height: 1; + padding: 2rem; + align-self: flex-start; } + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + margin: 0; + overflow: hidden; + font: bold 1.5rem "Westeinde Caption"; + color: #000; + font-weight: 300; + color: #000; } } @media (min-width: 769px) and (min-width: 360px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 3rem; } } @media (min-width: 769px) and (min-width: 769px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font: bold 1rem "Butler"; line-height: 1rem; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 2rem; line-height: 2rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { - font: bold 1.5rem "Westeinde Caption"; - color: #000; - font-weight: 300; - color: #000; - text-align: left; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + font: bold 1.5rem "Westeinde Caption"; + color: #000; + font-weight: 300; + color: #000; + text-align: left; } } @media (min-width: 769px) and (min-width: 360px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 3rem; } } @media (min-width: 769px) and (min-width: 769px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font: bold 1rem "Butler"; line-height: 1rem; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, - .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 2rem; line-height: 2rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-big article.hovered h2 > a, - .home main section .home_wrapper-big article.hovered h2 > a, - .search-results main section .home_wrapper-big article.hovered h2 > a, - .search-no-results main section .home_wrapper-big article.hovered h2 > a, - .error404 main section .home_wrapper-big article.hovered h2 > a { - color: #000; } - .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::after, - .home main section .home_wrapper-big.home_wrapper-1 article .metadata::after, - .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::after, - .search-no-results main section .home_wrapper-big.home_wrapper-1 article .metadata::after, - .error404 main section .home_wrapper-big.home_wrapper-1 article .metadata::after { + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-big article.hovered h2 > a { + color: #000; } + .masonrypage main section .home_wrapper-big.home_wrapper-1 article .metadata::after { + position: absolute; + content: ""; + display: block; + top: 0; + border: none; + width: calc(100% - 4rem + (1px)); + border-top: #000 1px solid; + background-color: transparent; + left: calc(4rem); + margin-left: calc((1px) * -1); + z-index: 90; } + .masonrypage main section .home_wrapper-big.home_wrapper-1 article .metadata::before { + display: block; + content: ""; + position: absolute; + width: calc(4rem); + height: calc(4rem); + top: 0; + background-color: transparent; + z-index: 9; + left: calc((1px) * -1); + border-left: #000 solid 1px; + -moz-transform: skewX(-45deg); + -o-transform: skewX(-45deg); + -ms-transform: skewX(-45deg); + -webkit-transform: skewX(-45deg); + transform: skewX(-45deg); + transform-origin: left bottom; + border-top: #000 solid 1px; } + .masonrypage main section .home_wrapper-big.home_wrapper-1 article .metadata .filler { + position: relative; } + .masonrypage main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper { + float: right; } + .masonrypage main section .home_wrapper-big.home_wrapper-2 article .metadata { + justify-content: flex-end; } + .masonrypage main section .home_wrapper-big.home_wrapper-2 article .metadata::after { + position: absolute; + content: ""; + display: block; + top: 0; + border: none; + width: calc(100% - 4rem + (1px)); + border-top: #000 1px solid; + background-color: transparent; + right: calc(4rem); + margin-right: calc((1px) * -1); + z-index: 90; } + .masonrypage main section .home_wrapper-big.home_wrapper-2 article .metadata::before { + display: block; + content: ""; + position: absolute; + width: calc(4rem); + height: calc(4rem); + top: 0; + background-color: transparent; + z-index: 9; + right: calc((1px) * -1); + border-right: #000 solid 1px; + -moz-transform: skewX(45deg); + -o-transform: skewX(45deg); + -ms-transform: skewX(45deg); + -webkit-transform: skewX(45deg); + transform: skewX(45deg); + transform-origin: right bottom; } + .masonrypage main section .home_wrapper-big.home_wrapper-2 article .metadata .filler { + order: -1; } + .masonrypage main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper { + width: calc(60% + 5rem); } + .masonrypage main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img { + left: -5rem; + position: relative; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small, + .masonrypage main section #post-404 { + height: calc(100vh - 8rem); + width: calc((100vh - 8rem) / 2 * 3); + max-width: calc(100vw - (7.5rem * 3)); + max-height: calc((100vw - (7.5rem * 3)) / 3 * 2); + flex-shrink: 0; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: auto 0; } } + @media (min-width: 769px) and (min-width: 1024px) { + .masonrypage main section .home_wrapper-small, + .masonrypage main section #post-404 { + max-width: calc(100vw - (10rem * 3)); + max-height: calc((100vw - (10rem * 3)) / 3 * 2); } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), + .masonrypage main section #post-404.home_wrapper-s1:not(.home_wrapper-1) { + margin-left: 3.75rem; } } + @media (min-width: 769px) and (min-width: 1024px) { + .masonrypage main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), + .masonrypage main section #post-404.home_wrapper-s1:not(.home_wrapper-1) { + margin-left: 5rem; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .masonrypage main section .home_wrapper-small#post-404, + .masonrypage main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, + .masonrypage main section #post-404#post-404 { + margin-left: 7.5rem; } } + @media (min-width: 769px) and (min-width: 1024px) { + .masonrypage main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .masonrypage main section .home_wrapper-small#post-404, + .masonrypage main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, + .masonrypage main section #post-404#post-404 { + margin-left: 10rem; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small:last-child, + .masonrypage main section #post-404:last-child { + margin-right: 7.5rem; } } + @media (min-width: 769px) and (min-width: 1024px) { + .masonrypage main section .home_wrapper-small:last-child, + .masonrypage main section #post-404:last-child { + margin-right: 10rem; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small > *, + .masonrypage main section #post-404 > * { + flex: 0 0 calc(100% / 3); + height: 50%; + position: relative; + min-height: unset; } + .masonrypage main section .home_wrapper-small > * .thumbnailwrapper, + .masonrypage main section #post-404 > * .thumbnailwrapper { + width: 100%; + height: 100%; } + .masonrypage main section .home_wrapper-small > * .thumbnailwrapper img, + .masonrypage main section #post-404 > * .thumbnailwrapper img { + width: 100%; + height: 100%; + object-fit: cover; } + .masonrypage main section .home_wrapper-small > * .metadata, + .masonrypage main section #post-404 > * .metadata { + width: 100%; + min-width: unset; + height: 2.5rem; + position: absolute; + bottom: 0; + right: 0; + top: unset; + background: transparent; + display: flex; + flex-direction: row; + padding: 0; + justify-content: space-between; + align-items: stretch; + display: none; } } + @media (min-width: 769px) and (min-width: 1024px) { + .masonrypage main section .home_wrapper-small > * .metadata, + .masonrypage main section #post-404 > * .metadata { + height: 5rem; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small > * .metadata::after, + .masonrypage main section #post-404 > * .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; - width: calc(100% - 4rem + (1px)); + width: calc(100% - 2.5rem); border-top: #000 1px solid; background-color: transparent; - left: calc(4rem); - margin-left: calc((1px) * -1); + left: calc(2.5rem); + margin-left: 0; z-index: 90; } - .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before, - .home main section .home_wrapper-big.home_wrapper-1 article .metadata::before, - .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before, - .search-no-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before, - .error404 main section .home_wrapper-big.home_wrapper-1 article .metadata::before { + .masonrypage main section .home_wrapper-small > * .metadata::before, + .masonrypage main section #post-404 > * .metadata::before { display: block; content: ""; position: absolute; - width: calc(4rem); - height: calc(4rem); + width: calc(2.5rem); + height: calc(2.5rem); top: 0; background-color: transparent; z-index: 9; - left: calc((1px) * -1); + left: 0; border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); @@ -2040,500 +1627,10 @@ html *::selection { -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; - border-top: #000 solid 1px; } - .archive main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, - .home main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, - .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, - .search-no-results main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, - .error404 main section .home_wrapper-big.home_wrapper-1 article .metadata .filler { - position: relative; } - .archive main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, - .home main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, - .search-results main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, - .search-no-results main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, - .error404 main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper { - float: right; } - .archive main section .home_wrapper-big.home_wrapper-2 article .metadata, - .home main section .home_wrapper-big.home_wrapper-2 article .metadata, - .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata, - .search-no-results main section .home_wrapper-big.home_wrapper-2 article .metadata, - .error404 main section .home_wrapper-big.home_wrapper-2 article .metadata { - justify-content: flex-end; } - .archive main section .home_wrapper-big.home_wrapper-2 article .metadata::after, - .home main section .home_wrapper-big.home_wrapper-2 article .metadata::after, - .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::after, - .search-no-results main section .home_wrapper-big.home_wrapper-2 article .metadata::after, - .error404 main section .home_wrapper-big.home_wrapper-2 article .metadata::after { - position: absolute; - content: ""; - display: block; - top: 0; - border: none; - width: calc(100% - 4rem + (1px)); - border-top: #000 1px solid; - background-color: transparent; - right: calc(4rem); - margin-right: calc((1px) * -1); - z-index: 90; } - .archive main section .home_wrapper-big.home_wrapper-2 article .metadata::before, - .home main section .home_wrapper-big.home_wrapper-2 article .metadata::before, - .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before, - .search-no-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before, - .error404 main section .home_wrapper-big.home_wrapper-2 article .metadata::before { - display: block; - content: ""; - position: absolute; - width: calc(4rem); - height: calc(4rem); - top: 0; - background-color: transparent; - z-index: 9; - right: calc((1px) * -1); - border-right: #000 solid 1px; - -moz-transform: skewX(45deg); - -o-transform: skewX(45deg); - -ms-transform: skewX(45deg); - -webkit-transform: skewX(45deg); - transform: skewX(45deg); - transform-origin: right bottom; } - .archive main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, - .home main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, - .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, - .search-no-results main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, - .error404 main section .home_wrapper-big.home_wrapper-2 article .metadata .filler { - order: -1; } - .archive main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, - .home main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, - .search-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, - .search-no-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, - .error404 main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper { - width: calc(60% + 5rem); } - .archive main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, - .home main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, - .search-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, - .search-no-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, - .error404 main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img { - left: -5rem; - position: relative; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small, - .archive main section #post-404, - .home main section .home_wrapper-small, - .home main section #post-404, - .search-results main section .home_wrapper-small, - .search-results main section #post-404, - .search-no-results main section .home_wrapper-small, - .search-no-results main section #post-404, - .error404 main section .home_wrapper-small, - .error404 main section #post-404 { - height: calc(100vh - 8rem); - width: calc((100vh - 8rem) / 2 * 3); - max-width: calc(100vw - (7.5rem * 3)); - max-height: calc((100vw - (7.5rem * 3)) / 3 * 2); - flex-shrink: 0; - display: flex; - flex-direction: row; - flex-wrap: wrap; - margin: auto 0; } } - @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small, - .archive main section #post-404, - .home main section .home_wrapper-small, - .home main section #post-404, - .search-results main section .home_wrapper-small, - .search-results main section #post-404, - .search-no-results main section .home_wrapper-small, - .search-no-results main section #post-404, - .error404 main section .home_wrapper-small, - .error404 main section #post-404 { - max-width: calc(100vw - (10rem * 3)); - max-height: calc((100vw - (10rem * 3)) / 3 * 2); } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .archive main section #post-404.home_wrapper-s1:not(.home_wrapper-1), - .home main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .home main section #post-404.home_wrapper-s1:not(.home_wrapper-1), - .search-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .search-results main section #post-404.home_wrapper-s1:not(.home_wrapper-1), - .search-no-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .search-no-results main section #post-404.home_wrapper-s1:not(.home_wrapper-1), - .error404 main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .error404 main section #post-404.home_wrapper-s1:not(.home_wrapper-1) { - margin-left: 3.75rem; } } - @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .archive main section #post-404.home_wrapper-s1:not(.home_wrapper-1), - .home main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .home main section #post-404.home_wrapper-s1:not(.home_wrapper-1), - .search-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .search-results main section #post-404.home_wrapper-s1:not(.home_wrapper-1), - .search-no-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .search-no-results main section #post-404.home_wrapper-s1:not(.home_wrapper-1), - .error404 main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), - .error404 main section #post-404.home_wrapper-s1:not(.home_wrapper-1) { - margin-left: 5rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .archive main section .home_wrapper-small#post-404, - .archive main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .archive main section #post-404#post-404, - .home main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .home main section .home_wrapper-small#post-404, - .home main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .home main section #post-404#post-404, - .search-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .search-results main section .home_wrapper-small#post-404, - .search-results main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .search-results main section #post-404#post-404, - .search-no-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .search-no-results main section .home_wrapper-small#post-404, - .search-no-results main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .search-no-results main section #post-404#post-404, - .error404 main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .error404 main section .home_wrapper-small#post-404, - .error404 main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .error404 main section #post-404#post-404 { - margin-left: 7.5rem; } } - @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .archive main section .home_wrapper-small#post-404, - .archive main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .archive main section #post-404#post-404, - .home main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .home main section .home_wrapper-small#post-404, - .home main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .home main section #post-404#post-404, - .search-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .search-results main section .home_wrapper-small#post-404, - .search-results main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .search-results main section #post-404#post-404, - .search-no-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .search-no-results main section .home_wrapper-small#post-404, - .search-no-results main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .search-no-results main section #post-404#post-404, - .error404 main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .error404 main section .home_wrapper-small#post-404, - .error404 main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, - .error404 main section #post-404#post-404 { - margin-left: 10rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small:last-child, - .archive main section #post-404:last-child, - .home main section .home_wrapper-small:last-child, - .home main section #post-404:last-child, - .search-results main section .home_wrapper-small:last-child, - .search-results main section #post-404:last-child, - .search-no-results main section .home_wrapper-small:last-child, - .search-no-results main section #post-404:last-child, - .error404 main section .home_wrapper-small:last-child, - .error404 main section #post-404:last-child { - margin-right: 7.5rem; } } - @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small:last-child, - .archive main section #post-404:last-child, - .home main section .home_wrapper-small:last-child, - .home main section #post-404:last-child, - .search-results main section .home_wrapper-small:last-child, - .search-results main section #post-404:last-child, - .search-no-results main section .home_wrapper-small:last-child, - .search-no-results main section #post-404:last-child, - .error404 main section .home_wrapper-small:last-child, - .error404 main section #post-404:last-child { - margin-right: 10rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small article, - .archive main section .home_wrapper-small .archivetitle, - .archive main section .home_wrapper-small .archivedescription, - .archive main section #post-404 article, - .archive main section #post-404 .archivetitle, - .archive main section #post-404 .archivedescription, - .home main section .home_wrapper-small article, - .home main section .home_wrapper-small .archivetitle, - .home main section .home_wrapper-small .archivedescription, - .home main section #post-404 article, - .home main section #post-404 .archivetitle, - .home main section #post-404 .archivedescription, - .search-results main section .home_wrapper-small article, - .search-results main section .home_wrapper-small .archivetitle, - .search-results main section .home_wrapper-small .archivedescription, - .search-results main section #post-404 article, - .search-results main section #post-404 .archivetitle, - .search-results main section #post-404 .archivedescription, - .search-no-results main section .home_wrapper-small article, - .search-no-results main section .home_wrapper-small .archivetitle, - .search-no-results main section .home_wrapper-small .archivedescription, - .search-no-results main section #post-404 article, - .search-no-results main section #post-404 .archivetitle, - .search-no-results main section #post-404 .archivedescription, - .error404 main section .home_wrapper-small article, - .error404 main section .home_wrapper-small .archivetitle, - .error404 main section .home_wrapper-small .archivedescription, - .error404 main section #post-404 article, - .error404 main section #post-404 .archivetitle, - .error404 main section #post-404 .archivedescription { - flex: 0 0 calc(100% / 3); - height: 50%; - position: relative; - min-height: unset; } - .archive main section .home_wrapper-small article .thumbnailwrapper, - .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper, - .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper, - .archive main section #post-404 article .thumbnailwrapper, - .archive main section #post-404 .archivetitle .thumbnailwrapper, - .archive main section #post-404 .archivedescription .thumbnailwrapper, - .home main section .home_wrapper-small article .thumbnailwrapper, - .home main section .home_wrapper-small .archivetitle .thumbnailwrapper, - .home main section .home_wrapper-small .archivedescription .thumbnailwrapper, - .home main section #post-404 article .thumbnailwrapper, - .home main section #post-404 .archivetitle .thumbnailwrapper, - .home main section #post-404 .archivedescription .thumbnailwrapper, - .search-results main section .home_wrapper-small article .thumbnailwrapper, - .search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper, - .search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper, - .search-results main section #post-404 article .thumbnailwrapper, - .search-results main section #post-404 .archivetitle .thumbnailwrapper, - .search-results main section #post-404 .archivedescription .thumbnailwrapper, - .search-no-results main section .home_wrapper-small article .thumbnailwrapper, - .search-no-results main section .home_wrapper-small .archivetitle .thumbnailwrapper, - .search-no-results main section .home_wrapper-small .archivedescription .thumbnailwrapper, - .search-no-results main section #post-404 article .thumbnailwrapper, - .search-no-results main section #post-404 .archivetitle .thumbnailwrapper, - .search-no-results main section #post-404 .archivedescription .thumbnailwrapper, - .error404 main section .home_wrapper-small article .thumbnailwrapper, - .error404 main section .home_wrapper-small .archivetitle .thumbnailwrapper, - .error404 main section .home_wrapper-small .archivedescription .thumbnailwrapper, - .error404 main section #post-404 article .thumbnailwrapper, - .error404 main section #post-404 .archivetitle .thumbnailwrapper, - .error404 main section #post-404 .archivedescription .thumbnailwrapper { - width: 100%; - height: 100%; } - .archive main section .home_wrapper-small article .thumbnailwrapper img, - .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper img, - .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper img, - .archive main section #post-404 article .thumbnailwrapper img, - .archive main section #post-404 .archivetitle .thumbnailwrapper img, - .archive main section #post-404 .archivedescription .thumbnailwrapper img, - .home main section .home_wrapper-small article .thumbnailwrapper img, - .home main section .home_wrapper-small .archivetitle .thumbnailwrapper img, - .home main section .home_wrapper-small .archivedescription .thumbnailwrapper img, - .home main section #post-404 article .thumbnailwrapper img, - .home main section #post-404 .archivetitle .thumbnailwrapper img, - .home main section #post-404 .archivedescription .thumbnailwrapper img, - .search-results main section .home_wrapper-small article .thumbnailwrapper img, - .search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper img, - .search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper img, - .search-results main section #post-404 article .thumbnailwrapper img, - .search-results main section #post-404 .archivetitle .thumbnailwrapper img, - .search-results main section #post-404 .archivedescription .thumbnailwrapper img, - .search-no-results main section .home_wrapper-small article .thumbnailwrapper img, - .search-no-results main section .home_wrapper-small .archivetitle .thumbnailwrapper img, - .search-no-results main section .home_wrapper-small .archivedescription .thumbnailwrapper img, - .search-no-results main section #post-404 article .thumbnailwrapper img, - .search-no-results main section #post-404 .archivetitle .thumbnailwrapper img, - .search-no-results main section #post-404 .archivedescription .thumbnailwrapper img, - .error404 main section .home_wrapper-small article .thumbnailwrapper img, - .error404 main section .home_wrapper-small .archivetitle .thumbnailwrapper img, - .error404 main section .home_wrapper-small .archivedescription .thumbnailwrapper img, - .error404 main section #post-404 article .thumbnailwrapper img, - .error404 main section #post-404 .archivetitle .thumbnailwrapper img, - .error404 main section #post-404 .archivedescription .thumbnailwrapper img { - width: 100%; - height: 100%; - object-fit: cover; } - .archive main section .home_wrapper-small article .metadata, - .archive main section .home_wrapper-small .archivetitle .metadata, - .archive main section .home_wrapper-small .archivedescription .metadata, - .archive main section #post-404 article .metadata, - .archive main section #post-404 .archivetitle .metadata, - .archive main section #post-404 .archivedescription .metadata, - .home main section .home_wrapper-small article .metadata, - .home main section .home_wrapper-small .archivetitle .metadata, - .home main section .home_wrapper-small .archivedescription .metadata, - .home main section #post-404 article .metadata, - .home main section #post-404 .archivetitle .metadata, - .home main section #post-404 .archivedescription .metadata, - .search-results main section .home_wrapper-small article .metadata, - .search-results main section .home_wrapper-small .archivetitle .metadata, - .search-results main section .home_wrapper-small .archivedescription .metadata, - .search-results main section #post-404 article .metadata, - .search-results main section #post-404 .archivetitle .metadata, - .search-results main section #post-404 .archivedescription .metadata, - .search-no-results main section .home_wrapper-small article .metadata, - .search-no-results main section .home_wrapper-small .archivetitle .metadata, - .search-no-results main section .home_wrapper-small .archivedescription .metadata, - .search-no-results main section #post-404 article .metadata, - .search-no-results main section #post-404 .archivetitle .metadata, - .search-no-results main section #post-404 .archivedescription .metadata, - .error404 main section .home_wrapper-small article .metadata, - .error404 main section .home_wrapper-small .archivetitle .metadata, - .error404 main section .home_wrapper-small .archivedescription .metadata, - .error404 main section #post-404 article .metadata, - .error404 main section #post-404 .archivetitle .metadata, - .error404 main section #post-404 .archivedescription .metadata { - width: 100%; - min-width: unset; - height: 2.5rem; - position: absolute; - bottom: 0; - right: 0; - top: unset; - background: transparent; - display: flex; - flex-direction: row; - padding: 0; - justify-content: space-between; - align-items: stretch; - display: none; } } + border-top: #000 solid 1px; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small article .metadata, - .archive main section .home_wrapper-small .archivetitle .metadata, - .archive main section .home_wrapper-small .archivedescription .metadata, - .archive main section #post-404 article .metadata, - .archive main section #post-404 .archivetitle .metadata, - .archive main section #post-404 .archivedescription .metadata, - .home main section .home_wrapper-small article .metadata, - .home main section .home_wrapper-small .archivetitle .metadata, - .home main section .home_wrapper-small .archivedescription .metadata, - .home main section #post-404 article .metadata, - .home main section #post-404 .archivetitle .metadata, - .home main section #post-404 .archivedescription .metadata, - .search-results main section .home_wrapper-small article .metadata, - .search-results main section .home_wrapper-small .archivetitle .metadata, - .search-results main section .home_wrapper-small .archivedescription .metadata, - .search-results main section #post-404 article .metadata, - .search-results main section #post-404 .archivetitle .metadata, - .search-results main section #post-404 .archivedescription .metadata, - .search-no-results main section .home_wrapper-small article .metadata, - .search-no-results main section .home_wrapper-small .archivetitle .metadata, - .search-no-results main section .home_wrapper-small .archivedescription .metadata, - .search-no-results main section #post-404 article .metadata, - .search-no-results main section #post-404 .archivetitle .metadata, - .search-no-results main section #post-404 .archivedescription .metadata, - .error404 main section .home_wrapper-small article .metadata, - .error404 main section .home_wrapper-small .archivetitle .metadata, - .error404 main section .home_wrapper-small .archivedescription .metadata, - .error404 main section #post-404 article .metadata, - .error404 main section #post-404 .archivetitle .metadata, - .error404 main section #post-404 .archivedescription .metadata { - height: 5rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small article .metadata::after, - .archive main section .home_wrapper-small .archivetitle .metadata::after, - .archive main section .home_wrapper-small .archivedescription .metadata::after, - .archive main section #post-404 article .metadata::after, - .archive main section #post-404 .archivetitle .metadata::after, - .archive main section #post-404 .archivedescription .metadata::after, - .home main section .home_wrapper-small article .metadata::after, - .home main section .home_wrapper-small .archivetitle .metadata::after, - .home main section .home_wrapper-small .archivedescription .metadata::after, - .home main section #post-404 article .metadata::after, - .home main section #post-404 .archivetitle .metadata::after, - .home main section #post-404 .archivedescription .metadata::after, - .search-results main section .home_wrapper-small article .metadata::after, - .search-results main section .home_wrapper-small .archivetitle .metadata::after, - .search-results main section .home_wrapper-small .archivedescription .metadata::after, - .search-results main section #post-404 article .metadata::after, - .search-results main section #post-404 .archivetitle .metadata::after, - .search-results main section #post-404 .archivedescription .metadata::after, - .search-no-results main section .home_wrapper-small article .metadata::after, - .search-no-results main section .home_wrapper-small .archivetitle .metadata::after, - .search-no-results main section .home_wrapper-small .archivedescription .metadata::after, - .search-no-results main section #post-404 article .metadata::after, - .search-no-results main section #post-404 .archivetitle .metadata::after, - .search-no-results main section #post-404 .archivedescription .metadata::after, - .error404 main section .home_wrapper-small article .metadata::after, - .error404 main section .home_wrapper-small .archivetitle .metadata::after, - .error404 main section .home_wrapper-small .archivedescription .metadata::after, - .error404 main section #post-404 article .metadata::after, - .error404 main section #post-404 .archivetitle .metadata::after, - .error404 main section #post-404 .archivedescription .metadata::after { - position: absolute; - content: ""; - display: block; - top: 0; - border: none; - width: calc(100% - 2.5rem); - border-top: #000 1px solid; - background-color: transparent; - left: calc(2.5rem); - margin-left: 0; - z-index: 90; } - .archive main section .home_wrapper-small article .metadata::before, - .archive main section .home_wrapper-small .archivetitle .metadata::before, - .archive main section .home_wrapper-small .archivedescription .metadata::before, - .archive main section #post-404 article .metadata::before, - .archive main section #post-404 .archivetitle .metadata::before, - .archive main section #post-404 .archivedescription .metadata::before, - .home main section .home_wrapper-small article .metadata::before, - .home main section .home_wrapper-small .archivetitle .metadata::before, - .home main section .home_wrapper-small .archivedescription .metadata::before, - .home main section #post-404 article .metadata::before, - .home main section #post-404 .archivetitle .metadata::before, - .home main section #post-404 .archivedescription .metadata::before, - .search-results main section .home_wrapper-small article .metadata::before, - .search-results main section .home_wrapper-small .archivetitle .metadata::before, - .search-results main section .home_wrapper-small .archivedescription .metadata::before, - .search-results main section #post-404 article .metadata::before, - .search-results main section #post-404 .archivetitle .metadata::before, - .search-results main section #post-404 .archivedescription .metadata::before, - .search-no-results main section .home_wrapper-small article .metadata::before, - .search-no-results main section .home_wrapper-small .archivetitle .metadata::before, - .search-no-results main section .home_wrapper-small .archivedescription .metadata::before, - .search-no-results main section #post-404 article .metadata::before, - .search-no-results main section #post-404 .archivetitle .metadata::before, - .search-no-results main section #post-404 .archivedescription .metadata::before, - .error404 main section .home_wrapper-small article .metadata::before, - .error404 main section .home_wrapper-small .archivetitle .metadata::before, - .error404 main section .home_wrapper-small .archivedescription .metadata::before, - .error404 main section #post-404 article .metadata::before, - .error404 main section #post-404 .archivetitle .metadata::before, - .error404 main section #post-404 .archivedescription .metadata::before { - display: block; - content: ""; - position: absolute; - width: calc(2.5rem); - height: calc(2.5rem); - top: 0; - background-color: transparent; - z-index: 9; - left: 0; - border-left: #000 solid 1px; - -moz-transform: skewX(-45deg); - -o-transform: skewX(-45deg); - -ms-transform: skewX(-45deg); - -webkit-transform: skewX(-45deg); - transform: skewX(-45deg); - transform-origin: left bottom; - border-top: #000 solid 1px; } } - @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small article .metadata::after, - .archive main section .home_wrapper-small .archivetitle .metadata::after, - .archive main section .home_wrapper-small .archivedescription .metadata::after, - .archive main section #post-404 article .metadata::after, - .archive main section #post-404 .archivetitle .metadata::after, - .archive main section #post-404 .archivedescription .metadata::after, - .home main section .home_wrapper-small article .metadata::after, - .home main section .home_wrapper-small .archivetitle .metadata::after, - .home main section .home_wrapper-small .archivedescription .metadata::after, - .home main section #post-404 article .metadata::after, - .home main section #post-404 .archivetitle .metadata::after, - .home main section #post-404 .archivedescription .metadata::after, - .search-results main section .home_wrapper-small article .metadata::after, - .search-results main section .home_wrapper-small .archivetitle .metadata::after, - .search-results main section .home_wrapper-small .archivedescription .metadata::after, - .search-results main section #post-404 article .metadata::after, - .search-results main section #post-404 .archivetitle .metadata::after, - .search-results main section #post-404 .archivedescription .metadata::after, - .search-no-results main section .home_wrapper-small article .metadata::after, - .search-no-results main section .home_wrapper-small .archivetitle .metadata::after, - .search-no-results main section .home_wrapper-small .archivedescription .metadata::after, - .search-no-results main section #post-404 article .metadata::after, - .search-no-results main section #post-404 .archivetitle .metadata::after, - .search-no-results main section #post-404 .archivedescription .metadata::after, - .error404 main section .home_wrapper-small article .metadata::after, - .error404 main section .home_wrapper-small .archivetitle .metadata::after, - .error404 main section .home_wrapper-small .archivedescription .metadata::after, - .error404 main section #post-404 article .metadata::after, - .error404 main section #post-404 .archivetitle .metadata::after, - .error404 main section #post-404 .archivedescription .metadata::after { + .masonrypage main section .home_wrapper-small > * .metadata::after, + .masonrypage main section #post-404 > * .metadata::after { position: absolute; content: ""; display: block; @@ -2545,36 +1642,8 @@ html *::selection { left: calc(5rem); margin-left: 0; z-index: 90; } - .archive main section .home_wrapper-small article .metadata::before, - .archive main section .home_wrapper-small .archivetitle .metadata::before, - .archive main section .home_wrapper-small .archivedescription .metadata::before, - .archive main section #post-404 article .metadata::before, - .archive main section #post-404 .archivetitle .metadata::before, - .archive main section #post-404 .archivedescription .metadata::before, - .home main section .home_wrapper-small article .metadata::before, - .home main section .home_wrapper-small .archivetitle .metadata::before, - .home main section .home_wrapper-small .archivedescription .metadata::before, - .home main section #post-404 article .metadata::before, - .home main section #post-404 .archivetitle .metadata::before, - .home main section #post-404 .archivedescription .metadata::before, - .search-results main section .home_wrapper-small article .metadata::before, - .search-results main section .home_wrapper-small .archivetitle .metadata::before, - .search-results main section .home_wrapper-small .archivedescription .metadata::before, - .search-results main section #post-404 article .metadata::before, - .search-results main section #post-404 .archivetitle .metadata::before, - .search-results main section #post-404 .archivedescription .metadata::before, - .search-no-results main section .home_wrapper-small article .metadata::before, - .search-no-results main section .home_wrapper-small .archivetitle .metadata::before, - .search-no-results main section .home_wrapper-small .archivedescription .metadata::before, - .search-no-results main section #post-404 article .metadata::before, - .search-no-results main section #post-404 .archivetitle .metadata::before, - .search-no-results main section #post-404 .archivedescription .metadata::before, - .error404 main section .home_wrapper-small article .metadata::before, - .error404 main section .home_wrapper-small .archivetitle .metadata::before, - .error404 main section .home_wrapper-small .archivedescription .metadata::before, - .error404 main section #post-404 article .metadata::before, - .error404 main section #post-404 .archivetitle .metadata::before, - .error404 main section #post-404 .archivedescription .metadata::before { + .masonrypage main section .home_wrapper-small > * .metadata::before, + .masonrypage main section #post-404 > * .metadata::before { display: block; content: ""; position: absolute; @@ -2593,67 +1662,11 @@ html *::selection { transform-origin: left bottom; border-top: #000 solid 1px; } } @media (min-width: 769px) and (min-width: 1919px) { - .archive main section .home_wrapper-small article .metadata, - .archive main section .home_wrapper-small .archivetitle .metadata, - .archive main section .home_wrapper-small .archivedescription .metadata, - .archive main section #post-404 article .metadata, - .archive main section #post-404 .archivetitle .metadata, - .archive main section #post-404 .archivedescription .metadata, - .home main section .home_wrapper-small article .metadata, - .home main section .home_wrapper-small .archivetitle .metadata, - .home main section .home_wrapper-small .archivedescription .metadata, - .home main section #post-404 article .metadata, - .home main section #post-404 .archivetitle .metadata, - .home main section #post-404 .archivedescription .metadata, - .search-results main section .home_wrapper-small article .metadata, - .search-results main section .home_wrapper-small .archivetitle .metadata, - .search-results main section .home_wrapper-small .archivedescription .metadata, - .search-results main section #post-404 article .metadata, - .search-results main section #post-404 .archivetitle .metadata, - .search-results main section #post-404 .archivedescription .metadata, - .search-no-results main section .home_wrapper-small article .metadata, - .search-no-results main section .home_wrapper-small .archivetitle .metadata, - .search-no-results main section .home_wrapper-small .archivedescription .metadata, - .search-no-results main section #post-404 article .metadata, - .search-no-results main section #post-404 .archivetitle .metadata, - .search-no-results main section #post-404 .archivedescription .metadata, - .error404 main section .home_wrapper-small article .metadata, - .error404 main section .home_wrapper-small .archivetitle .metadata, - .error404 main section .home_wrapper-small .archivedescription .metadata, - .error404 main section #post-404 article .metadata, - .error404 main section #post-404 .archivetitle .metadata, - .error404 main section #post-404 .archivedescription .metadata { + .masonrypage main section .home_wrapper-small > * .metadata, + .masonrypage main section #post-404 > * .metadata { height: 10rem; } - .archive main section .home_wrapper-small article .metadata::after, - .archive main section .home_wrapper-small .archivetitle .metadata::after, - .archive main section .home_wrapper-small .archivedescription .metadata::after, - .archive main section #post-404 article .metadata::after, - .archive main section #post-404 .archivetitle .metadata::after, - .archive main section #post-404 .archivedescription .metadata::after, - .home main section .home_wrapper-small article .metadata::after, - .home main section .home_wrapper-small .archivetitle .metadata::after, - .home main section .home_wrapper-small .archivedescription .metadata::after, - .home main section #post-404 article .metadata::after, - .home main section #post-404 .archivetitle .metadata::after, - .home main section #post-404 .archivedescription .metadata::after, - .search-results main section .home_wrapper-small article .metadata::after, - .search-results main section .home_wrapper-small .archivetitle .metadata::after, - .search-results main section .home_wrapper-small .archivedescription .metadata::after, - .search-results main section #post-404 article .metadata::after, - .search-results main section #post-404 .archivetitle .metadata::after, - .search-results main section #post-404 .archivedescription .metadata::after, - .search-no-results main section .home_wrapper-small article .metadata::after, - .search-no-results main section .home_wrapper-small .archivetitle .metadata::after, - .search-no-results main section .home_wrapper-small .archivedescription .metadata::after, - .search-no-results main section #post-404 article .metadata::after, - .search-no-results main section #post-404 .archivetitle .metadata::after, - .search-no-results main section #post-404 .archivedescription .metadata::after, - .error404 main section .home_wrapper-small article .metadata::after, - .error404 main section .home_wrapper-small .archivetitle .metadata::after, - .error404 main section .home_wrapper-small .archivedescription .metadata::after, - .error404 main section #post-404 article .metadata::after, - .error404 main section #post-404 .archivetitle .metadata::after, - .error404 main section #post-404 .archivedescription .metadata::after { + .masonrypage main section .home_wrapper-small > * .metadata::after, + .masonrypage main section #post-404 > * .metadata::after { position: absolute; content: ""; display: block; @@ -2665,36 +1678,8 @@ html *::selection { left: calc(10rem); margin-left: 0; z-index: 90; } - .archive main section .home_wrapper-small article .metadata::before, - .archive main section .home_wrapper-small .archivetitle .metadata::before, - .archive main section .home_wrapper-small .archivedescription .metadata::before, - .archive main section #post-404 article .metadata::before, - .archive main section #post-404 .archivetitle .metadata::before, - .archive main section #post-404 .archivedescription .metadata::before, - .home main section .home_wrapper-small article .metadata::before, - .home main section .home_wrapper-small .archivetitle .metadata::before, - .home main section .home_wrapper-small .archivedescription .metadata::before, - .home main section #post-404 article .metadata::before, - .home main section #post-404 .archivetitle .metadata::before, - .home main section #post-404 .archivedescription .metadata::before, - .search-results main section .home_wrapper-small article .metadata::before, - .search-results main section .home_wrapper-small .archivetitle .metadata::before, - .search-results main section .home_wrapper-small .archivedescription .metadata::before, - .search-results main section #post-404 article .metadata::before, - .search-results main section #post-404 .archivetitle .metadata::before, - .search-results main section #post-404 .archivedescription .metadata::before, - .search-no-results main section .home_wrapper-small article .metadata::before, - .search-no-results main section .home_wrapper-small .archivetitle .metadata::before, - .search-no-results main section .home_wrapper-small .archivedescription .metadata::before, - .search-no-results main section #post-404 article .metadata::before, - .search-no-results main section #post-404 .archivetitle .metadata::before, - .search-no-results main section #post-404 .archivedescription .metadata::before, - .error404 main section .home_wrapper-small article .metadata::before, - .error404 main section .home_wrapper-small .archivetitle .metadata::before, - .error404 main section .home_wrapper-small .archivedescription .metadata::before, - .error404 main section #post-404 article .metadata::before, - .error404 main section #post-404 .archivetitle .metadata::before, - .error404 main section #post-404 .archivedescription .metadata::before { + .masonrypage main section .home_wrapper-small > * .metadata::before, + .masonrypage main section #post-404 > * .metadata::before { display: block; content: ""; position: absolute; @@ -2712,1810 +1697,380 @@ html *::selection { transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small article .metadata.vis, - .archive main section .home_wrapper-small .archivetitle .metadata.vis, - .archive main section .home_wrapper-small .archivedescription .metadata.vis, - .archive main section #post-404 article .metadata.vis, - .archive main section #post-404 .archivetitle .metadata.vis, - .archive main section #post-404 .archivedescription .metadata.vis, - .home main section .home_wrapper-small article .metadata.vis, - .home main section .home_wrapper-small .archivetitle .metadata.vis, - .home main section .home_wrapper-small .archivedescription .metadata.vis, - .home main section #post-404 article .metadata.vis, - .home main section #post-404 .archivetitle .metadata.vis, - .home main section #post-404 .archivedescription .metadata.vis, - .search-results main section .home_wrapper-small article .metadata.vis, - .search-results main section .home_wrapper-small .archivetitle .metadata.vis, - .search-results main section .home_wrapper-small .archivedescription .metadata.vis, - .search-results main section #post-404 article .metadata.vis, - .search-results main section #post-404 .archivetitle .metadata.vis, - .search-results main section #post-404 .archivedescription .metadata.vis, - .search-no-results main section .home_wrapper-small article .metadata.vis, - .search-no-results main section .home_wrapper-small .archivetitle .metadata.vis, - .search-no-results main section .home_wrapper-small .archivedescription .metadata.vis, - .search-no-results main section #post-404 article .metadata.vis, - .search-no-results main section #post-404 .archivetitle .metadata.vis, - .search-no-results main section #post-404 .archivedescription .metadata.vis, - .error404 main section .home_wrapper-small article .metadata.vis, - .error404 main section .home_wrapper-small .archivetitle .metadata.vis, - .error404 main section .home_wrapper-small .archivedescription .metadata.vis, - .error404 main section #post-404 article .metadata.vis, - .error404 main section #post-404 .archivetitle .metadata.vis, - .error404 main section #post-404 .archivedescription .metadata.vis { - display: flex; } - .archive main section .home_wrapper-small article .metadata .categories, - .archive main section .home_wrapper-small article .metadata .postedon, - .archive main section .home_wrapper-small .archivetitle .metadata .categories, - .archive main section .home_wrapper-small .archivetitle .metadata .postedon, - .archive main section .home_wrapper-small .archivedescription .metadata .categories, - .archive main section .home_wrapper-small .archivedescription .metadata .postedon, - .archive main section #post-404 article .metadata .categories, - .archive main section #post-404 article .metadata .postedon, - .archive main section #post-404 .archivetitle .metadata .categories, - .archive main section #post-404 .archivetitle .metadata .postedon, - .archive main section #post-404 .archivedescription .metadata .categories, - .archive main section #post-404 .archivedescription .metadata .postedon, - .home main section .home_wrapper-small article .metadata .categories, - .home main section .home_wrapper-small article .metadata .postedon, - .home main section .home_wrapper-small .archivetitle .metadata .categories, - .home main section .home_wrapper-small .archivetitle .metadata .postedon, - .home main section .home_wrapper-small .archivedescription .metadata .categories, - .home main section .home_wrapper-small .archivedescription .metadata .postedon, - .home main section #post-404 article .metadata .categories, - .home main section #post-404 article .metadata .postedon, - .home main section #post-404 .archivetitle .metadata .categories, - .home main section #post-404 .archivetitle .metadata .postedon, - .home main section #post-404 .archivedescription .metadata .categories, - .home main section #post-404 .archivedescription .metadata .postedon, - .search-results main section .home_wrapper-small article .metadata .categories, - .search-results main section .home_wrapper-small article .metadata .postedon, - .search-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-results main section #post-404 article .metadata .categories, - .search-results main section #post-404 article .metadata .postedon, - .search-results main section #post-404 .archivetitle .metadata .categories, - .search-results main section #post-404 .archivetitle .metadata .postedon, - .search-results main section #post-404 .archivedescription .metadata .categories, - .search-results main section #post-404 .archivedescription .metadata .postedon, - .search-no-results main section .home_wrapper-small article .metadata .categories, - .search-no-results main section .home_wrapper-small article .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-no-results main section #post-404 article .metadata .categories, - .search-no-results main section #post-404 article .metadata .postedon, - .search-no-results main section #post-404 .archivetitle .metadata .categories, - .search-no-results main section #post-404 .archivetitle .metadata .postedon, - .search-no-results main section #post-404 .archivedescription .metadata .categories, - .search-no-results main section #post-404 .archivedescription .metadata .postedon, - .error404 main section .home_wrapper-small article .metadata .categories, - .error404 main section .home_wrapper-small article .metadata .postedon, - .error404 main section .home_wrapper-small .archivetitle .metadata .categories, - .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, - .error404 main section .home_wrapper-small .archivedescription .metadata .categories, - .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, - .error404 main section #post-404 article .metadata .categories, - .error404 main section #post-404 article .metadata .postedon, - .error404 main section #post-404 .archivetitle .metadata .categories, - .error404 main section #post-404 .archivetitle .metadata .postedon, - .error404 main section #post-404 .archivedescription .metadata .categories, - .error404 main section #post-404 .archivedescription .metadata .postedon { - font: bold 1rem "Westeinde Caption"; - color: #000; - display: flex; - flex-direction: row; - align-content: center; - margin-top: auto; - margin-bottom: auto; - flex-wrap: nowrap; - justify-content: center; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small > * .metadata.vis, + .masonrypage main section #post-404 > * .metadata.vis { + display: flex; } + .masonrypage main section .home_wrapper-small > * .metadata .categories, + .masonrypage main section .home_wrapper-small > * .metadata .postedon, + .masonrypage main section #post-404 > * .metadata .categories, + .masonrypage main section #post-404 > * .metadata .postedon { + font: bold 1rem "Westeinde Caption"; + color: #000; + display: flex; + flex-direction: row; + align-content: center; + margin-top: auto; + margin-bottom: auto; + flex-wrap: nowrap; + justify-content: center; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small article .metadata .categories, - .archive main section .home_wrapper-small article .metadata .postedon, - .archive main section .home_wrapper-small .archivetitle .metadata .categories, - .archive main section .home_wrapper-small .archivetitle .metadata .postedon, - .archive main section .home_wrapper-small .archivedescription .metadata .categories, - .archive main section .home_wrapper-small .archivedescription .metadata .postedon, - .archive main section #post-404 article .metadata .categories, - .archive main section #post-404 article .metadata .postedon, - .archive main section #post-404 .archivetitle .metadata .categories, - .archive main section #post-404 .archivetitle .metadata .postedon, - .archive main section #post-404 .archivedescription .metadata .categories, - .archive main section #post-404 .archivedescription .metadata .postedon, - .home main section .home_wrapper-small article .metadata .categories, - .home main section .home_wrapper-small article .metadata .postedon, - .home main section .home_wrapper-small .archivetitle .metadata .categories, - .home main section .home_wrapper-small .archivetitle .metadata .postedon, - .home main section .home_wrapper-small .archivedescription .metadata .categories, - .home main section .home_wrapper-small .archivedescription .metadata .postedon, - .home main section #post-404 article .metadata .categories, - .home main section #post-404 article .metadata .postedon, - .home main section #post-404 .archivetitle .metadata .categories, - .home main section #post-404 .archivetitle .metadata .postedon, - .home main section #post-404 .archivedescription .metadata .categories, - .home main section #post-404 .archivedescription .metadata .postedon, - .search-results main section .home_wrapper-small article .metadata .categories, - .search-results main section .home_wrapper-small article .metadata .postedon, - .search-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-results main section #post-404 article .metadata .categories, - .search-results main section #post-404 article .metadata .postedon, - .search-results main section #post-404 .archivetitle .metadata .categories, - .search-results main section #post-404 .archivetitle .metadata .postedon, - .search-results main section #post-404 .archivedescription .metadata .categories, - .search-results main section #post-404 .archivedescription .metadata .postedon, - .search-no-results main section .home_wrapper-small article .metadata .categories, - .search-no-results main section .home_wrapper-small article .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-no-results main section #post-404 article .metadata .categories, - .search-no-results main section #post-404 article .metadata .postedon, - .search-no-results main section #post-404 .archivetitle .metadata .categories, - .search-no-results main section #post-404 .archivetitle .metadata .postedon, - .search-no-results main section #post-404 .archivedescription .metadata .categories, - .search-no-results main section #post-404 .archivedescription .metadata .postedon, - .error404 main section .home_wrapper-small article .metadata .categories, - .error404 main section .home_wrapper-small article .metadata .postedon, - .error404 main section .home_wrapper-small .archivetitle .metadata .categories, - .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, - .error404 main section .home_wrapper-small .archivedescription .metadata .categories, - .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, - .error404 main section #post-404 article .metadata .categories, - .error404 main section #post-404 article .metadata .postedon, - .error404 main section #post-404 .archivetitle .metadata .categories, - .error404 main section #post-404 .archivetitle .metadata .postedon, - .error404 main section #post-404 .archivedescription .metadata .categories, - .error404 main section #post-404 .archivedescription .metadata .postedon { + .masonrypage main section .home_wrapper-small > * .metadata .categories, + .masonrypage main section .home_wrapper-small > * .metadata .postedon, + .masonrypage main section #post-404 > * .metadata .categories, + .masonrypage main section #post-404 > * .metadata .postedon { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .archive main section .home_wrapper-small article .metadata .categories, - .archive main section .home_wrapper-small article .metadata .postedon, - .archive main section .home_wrapper-small .archivetitle .metadata .categories, - .archive main section .home_wrapper-small .archivetitle .metadata .postedon, - .archive main section .home_wrapper-small .archivedescription .metadata .categories, - .archive main section .home_wrapper-small .archivedescription .metadata .postedon, - .archive main section #post-404 article .metadata .categories, - .archive main section #post-404 article .metadata .postedon, - .archive main section #post-404 .archivetitle .metadata .categories, - .archive main section #post-404 .archivetitle .metadata .postedon, - .archive main section #post-404 .archivedescription .metadata .categories, - .archive main section #post-404 .archivedescription .metadata .postedon, - .home main section .home_wrapper-small article .metadata .categories, - .home main section .home_wrapper-small article .metadata .postedon, - .home main section .home_wrapper-small .archivetitle .metadata .categories, - .home main section .home_wrapper-small .archivetitle .metadata .postedon, - .home main section .home_wrapper-small .archivedescription .metadata .categories, - .home main section .home_wrapper-small .archivedescription .metadata .postedon, - .home main section #post-404 article .metadata .categories, - .home main section #post-404 article .metadata .postedon, - .home main section #post-404 .archivetitle .metadata .categories, - .home main section #post-404 .archivetitle .metadata .postedon, - .home main section #post-404 .archivedescription .metadata .categories, - .home main section #post-404 .archivedescription .metadata .postedon, - .search-results main section .home_wrapper-small article .metadata .categories, - .search-results main section .home_wrapper-small article .metadata .postedon, - .search-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-results main section #post-404 article .metadata .categories, - .search-results main section #post-404 article .metadata .postedon, - .search-results main section #post-404 .archivetitle .metadata .categories, - .search-results main section #post-404 .archivetitle .metadata .postedon, - .search-results main section #post-404 .archivedescription .metadata .categories, - .search-results main section #post-404 .archivedescription .metadata .postedon, - .search-no-results main section .home_wrapper-small article .metadata .categories, - .search-no-results main section .home_wrapper-small article .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-no-results main section #post-404 article .metadata .categories, - .search-no-results main section #post-404 article .metadata .postedon, - .search-no-results main section #post-404 .archivetitle .metadata .categories, - .search-no-results main section #post-404 .archivetitle .metadata .postedon, - .search-no-results main section #post-404 .archivedescription .metadata .categories, - .search-no-results main section #post-404 .archivedescription .metadata .postedon, - .error404 main section .home_wrapper-small article .metadata .categories, - .error404 main section .home_wrapper-small article .metadata .postedon, - .error404 main section .home_wrapper-small .archivetitle .metadata .categories, - .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, - .error404 main section .home_wrapper-small .archivedescription .metadata .categories, - .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, - .error404 main section #post-404 article .metadata .categories, - .error404 main section #post-404 article .metadata .postedon, - .error404 main section #post-404 .archivetitle .metadata .categories, - .error404 main section #post-404 .archivetitle .metadata .postedon, - .error404 main section #post-404 .archivedescription .metadata .categories, - .error404 main section #post-404 .archivedescription .metadata .postedon { + .masonrypage main section .home_wrapper-small > * .metadata .categories, + .masonrypage main section .home_wrapper-small > * .metadata .postedon, + .masonrypage main section #post-404 > * .metadata .categories, + .masonrypage main section #post-404 > * .metadata .postedon { font-size: 1.3rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .archive main section .home_wrapper-small article .metadata .categories, - .archive main section .home_wrapper-small article .metadata .postedon, - .archive main section .home_wrapper-small .archivetitle .metadata .categories, - .archive main section .home_wrapper-small .archivetitle .metadata .postedon, - .archive main section .home_wrapper-small .archivedescription .metadata .categories, - .archive main section .home_wrapper-small .archivedescription .metadata .postedon, - .archive main section #post-404 article .metadata .categories, - .archive main section #post-404 article .metadata .postedon, - .archive main section #post-404 .archivetitle .metadata .categories, - .archive main section #post-404 .archivetitle .metadata .postedon, - .archive main section #post-404 .archivedescription .metadata .categories, - .archive main section #post-404 .archivedescription .metadata .postedon, - .home main section .home_wrapper-small article .metadata .categories, - .home main section .home_wrapper-small article .metadata .postedon, - .home main section .home_wrapper-small .archivetitle .metadata .categories, - .home main section .home_wrapper-small .archivetitle .metadata .postedon, - .home main section .home_wrapper-small .archivedescription .metadata .categories, - .home main section .home_wrapper-small .archivedescription .metadata .postedon, - .home main section #post-404 article .metadata .categories, - .home main section #post-404 article .metadata .postedon, - .home main section #post-404 .archivetitle .metadata .categories, - .home main section #post-404 .archivetitle .metadata .postedon, - .home main section #post-404 .archivedescription .metadata .categories, - .home main section #post-404 .archivedescription .metadata .postedon, - .search-results main section .home_wrapper-small article .metadata .categories, - .search-results main section .home_wrapper-small article .metadata .postedon, - .search-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-results main section #post-404 article .metadata .categories, - .search-results main section #post-404 article .metadata .postedon, - .search-results main section #post-404 .archivetitle .metadata .categories, - .search-results main section #post-404 .archivetitle .metadata .postedon, - .search-results main section #post-404 .archivedescription .metadata .categories, - .search-results main section #post-404 .archivedescription .metadata .postedon, - .search-no-results main section .home_wrapper-small article .metadata .categories, - .search-no-results main section .home_wrapper-small article .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-no-results main section #post-404 article .metadata .categories, - .search-no-results main section #post-404 article .metadata .postedon, - .search-no-results main section #post-404 .archivetitle .metadata .categories, - .search-no-results main section #post-404 .archivetitle .metadata .postedon, - .search-no-results main section #post-404 .archivedescription .metadata .categories, - .search-no-results main section #post-404 .archivedescription .metadata .postedon, - .error404 main section .home_wrapper-small article .metadata .categories, - .error404 main section .home_wrapper-small article .metadata .postedon, - .error404 main section .home_wrapper-small .archivetitle .metadata .categories, - .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, - .error404 main section .home_wrapper-small .archivedescription .metadata .categories, - .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, - .error404 main section #post-404 article .metadata .categories, - .error404 main section #post-404 article .metadata .postedon, - .error404 main section #post-404 .archivetitle .metadata .categories, - .error404 main section #post-404 .archivetitle .metadata .postedon, - .error404 main section #post-404 .archivedescription .metadata .categories, - .error404 main section #post-404 .archivedescription .metadata .postedon { + .masonrypage main section .home_wrapper-small > * .metadata .categories, + .masonrypage main section .home_wrapper-small > * .metadata .postedon, + .masonrypage main section #post-404 > * .metadata .categories, + .masonrypage main section #post-404 > * .metadata .postedon { font-size: 2.5rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small article .metadata .categories, - .archive main section .home_wrapper-small .archivetitle .metadata .categories, - .archive main section .home_wrapper-small .archivedescription .metadata .categories, - .archive main section #post-404 article .metadata .categories, - .archive main section #post-404 .archivetitle .metadata .categories, - .archive main section #post-404 .archivedescription .metadata .categories, - .home main section .home_wrapper-small article .metadata .categories, - .home main section .home_wrapper-small .archivetitle .metadata .categories, - .home main section .home_wrapper-small .archivedescription .metadata .categories, - .home main section #post-404 article .metadata .categories, - .home main section #post-404 .archivetitle .metadata .categories, - .home main section #post-404 .archivedescription .metadata .categories, - .search-results main section .home_wrapper-small article .metadata .categories, - .search-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-results main section #post-404 article .metadata .categories, - .search-results main section #post-404 .archivetitle .metadata .categories, - .search-results main section #post-404 .archivedescription .metadata .categories, - .search-no-results main section .home_wrapper-small article .metadata .categories, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-no-results main section #post-404 article .metadata .categories, - .search-no-results main section #post-404 .archivetitle .metadata .categories, - .search-no-results main section #post-404 .archivedescription .metadata .categories, - .error404 main section .home_wrapper-small article .metadata .categories, - .error404 main section .home_wrapper-small .archivetitle .metadata .categories, - .error404 main section .home_wrapper-small .archivedescription .metadata .categories, - .error404 main section #post-404 article .metadata .categories, - .error404 main section #post-404 .archivetitle .metadata .categories, - .error404 main section #post-404 .archivedescription .metadata .categories { - margin-left: 2.5rem; - padding-right: 0.5rem; - flex: 1 0 auto; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small > * .metadata .categories, + .masonrypage main section #post-404 > * .metadata .categories { + margin-left: 2.5rem; + padding-right: 0.5rem; + flex: 1 0 auto; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small article .metadata .categories, - .archive main section .home_wrapper-small .archivetitle .metadata .categories, - .archive main section .home_wrapper-small .archivedescription .metadata .categories, - .archive main section #post-404 article .metadata .categories, - .archive main section #post-404 .archivetitle .metadata .categories, - .archive main section #post-404 .archivedescription .metadata .categories, - .home main section .home_wrapper-small article .metadata .categories, - .home main section .home_wrapper-small .archivetitle .metadata .categories, - .home main section .home_wrapper-small .archivedescription .metadata .categories, - .home main section #post-404 article .metadata .categories, - .home main section #post-404 .archivetitle .metadata .categories, - .home main section #post-404 .archivedescription .metadata .categories, - .search-results main section .home_wrapper-small article .metadata .categories, - .search-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-results main section #post-404 article .metadata .categories, - .search-results main section #post-404 .archivetitle .metadata .categories, - .search-results main section #post-404 .archivedescription .metadata .categories, - .search-no-results main section .home_wrapper-small article .metadata .categories, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-no-results main section #post-404 article .metadata .categories, - .search-no-results main section #post-404 .archivetitle .metadata .categories, - .search-no-results main section #post-404 .archivedescription .metadata .categories, - .error404 main section .home_wrapper-small article .metadata .categories, - .error404 main section .home_wrapper-small .archivetitle .metadata .categories, - .error404 main section .home_wrapper-small .archivedescription .metadata .categories, - .error404 main section #post-404 article .metadata .categories, - .error404 main section #post-404 .archivetitle .metadata .categories, - .error404 main section #post-404 .archivedescription .metadata .categories { + .masonrypage main section .home_wrapper-small > * .metadata .categories, + .masonrypage main section #post-404 > * .metadata .categories { margin-left: 5rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .archive main section .home_wrapper-small article .metadata .categories, - .archive main section .home_wrapper-small .archivetitle .metadata .categories, - .archive main section .home_wrapper-small .archivedescription .metadata .categories, - .archive main section #post-404 article .metadata .categories, - .archive main section #post-404 .archivetitle .metadata .categories, - .archive main section #post-404 .archivedescription .metadata .categories, - .home main section .home_wrapper-small article .metadata .categories, - .home main section .home_wrapper-small .archivetitle .metadata .categories, - .home main section .home_wrapper-small .archivedescription .metadata .categories, - .home main section #post-404 article .metadata .categories, - .home main section #post-404 .archivetitle .metadata .categories, - .home main section #post-404 .archivedescription .metadata .categories, - .search-results main section .home_wrapper-small article .metadata .categories, - .search-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-results main section #post-404 article .metadata .categories, - .search-results main section #post-404 .archivetitle .metadata .categories, - .search-results main section #post-404 .archivedescription .metadata .categories, - .search-no-results main section .home_wrapper-small article .metadata .categories, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-no-results main section #post-404 article .metadata .categories, - .search-no-results main section #post-404 .archivetitle .metadata .categories, - .search-no-results main section #post-404 .archivedescription .metadata .categories, - .error404 main section .home_wrapper-small article .metadata .categories, - .error404 main section .home_wrapper-small .archivetitle .metadata .categories, - .error404 main section .home_wrapper-small .archivedescription .metadata .categories, - .error404 main section #post-404 article .metadata .categories, - .error404 main section #post-404 .archivetitle .metadata .categories, - .error404 main section #post-404 .archivedescription .metadata .categories { + .masonrypage main section .home_wrapper-small > * .metadata .categories, + .masonrypage main section #post-404 > * .metadata .categories { margin-left: 10rem; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small article .metadata .categories, - .archive main section .home_wrapper-small .archivetitle .metadata .categories, - .archive main section .home_wrapper-small .archivedescription .metadata .categories, - .archive main section #post-404 article .metadata .categories, - .archive main section #post-404 .archivetitle .metadata .categories, - .archive main section #post-404 .archivedescription .metadata .categories, - .home main section .home_wrapper-small article .metadata .categories, - .home main section .home_wrapper-small .archivetitle .metadata .categories, - .home main section .home_wrapper-small .archivedescription .metadata .categories, - .home main section #post-404 article .metadata .categories, - .home main section #post-404 .archivetitle .metadata .categories, - .home main section #post-404 .archivedescription .metadata .categories, - .search-results main section .home_wrapper-small article .metadata .categories, - .search-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-results main section #post-404 article .metadata .categories, - .search-results main section #post-404 .archivetitle .metadata .categories, - .search-results main section #post-404 .archivedescription .metadata .categories, - .search-no-results main section .home_wrapper-small article .metadata .categories, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, - .search-no-results main section #post-404 article .metadata .categories, - .search-no-results main section #post-404 .archivetitle .metadata .categories, - .search-no-results main section #post-404 .archivedescription .metadata .categories, - .error404 main section .home_wrapper-small article .metadata .categories, - .error404 main section .home_wrapper-small .archivetitle .metadata .categories, - .error404 main section .home_wrapper-small .archivedescription .metadata .categories, - .error404 main section #post-404 article .metadata .categories, - .error404 main section #post-404 .archivetitle .metadata .categories, - .error404 main section #post-404 .archivedescription .metadata .categories { + .masonrypage main section .home_wrapper-small > * .metadata .categories, + .masonrypage main section #post-404 > * .metadata .categories { padding-right: 1rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small article .metadata .postedon, - .archive main section .home_wrapper-small .archivetitle .metadata .postedon, - .archive main section .home_wrapper-small .archivedescription .metadata .postedon, - .archive main section #post-404 article .metadata .postedon, - .archive main section #post-404 .archivetitle .metadata .postedon, - .archive main section #post-404 .archivedescription .metadata .postedon, - .home main section .home_wrapper-small article .metadata .postedon, - .home main section .home_wrapper-small .archivetitle .metadata .postedon, - .home main section .home_wrapper-small .archivedescription .metadata .postedon, - .home main section #post-404 article .metadata .postedon, - .home main section #post-404 .archivetitle .metadata .postedon, - .home main section #post-404 .archivedescription .metadata .postedon, - .search-results main section .home_wrapper-small article .metadata .postedon, - .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-results main section #post-404 article .metadata .postedon, - .search-results main section #post-404 .archivetitle .metadata .postedon, - .search-results main section #post-404 .archivedescription .metadata .postedon, - .search-no-results main section .home_wrapper-small article .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-no-results main section #post-404 article .metadata .postedon, - .search-no-results main section #post-404 .archivetitle .metadata .postedon, - .search-no-results main section #post-404 .archivedescription .metadata .postedon, - .error404 main section .home_wrapper-small article .metadata .postedon, - .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, - .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, - .error404 main section #post-404 article .metadata .postedon, - .error404 main section #post-404 .archivetitle .metadata .postedon, - .error404 main section #post-404 .archivedescription .metadata .postedon { - padding: 0 0.5rem; - flex: 1 0 auto; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small > * .metadata .postedon, + .masonrypage main section #post-404 > * .metadata .postedon { + padding: 0 0.5rem; + flex: 1 0 auto; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small article .metadata .postedon, - .archive main section .home_wrapper-small .archivetitle .metadata .postedon, - .archive main section .home_wrapper-small .archivedescription .metadata .postedon, - .archive main section #post-404 article .metadata .postedon, - .archive main section #post-404 .archivetitle .metadata .postedon, - .archive main section #post-404 .archivedescription .metadata .postedon, - .home main section .home_wrapper-small article .metadata .postedon, - .home main section .home_wrapper-small .archivetitle .metadata .postedon, - .home main section .home_wrapper-small .archivedescription .metadata .postedon, - .home main section #post-404 article .metadata .postedon, - .home main section #post-404 .archivetitle .metadata .postedon, - .home main section #post-404 .archivedescription .metadata .postedon, - .search-results main section .home_wrapper-small article .metadata .postedon, - .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-results main section #post-404 article .metadata .postedon, - .search-results main section #post-404 .archivetitle .metadata .postedon, - .search-results main section #post-404 .archivedescription .metadata .postedon, - .search-no-results main section .home_wrapper-small article .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, - .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, - .search-no-results main section #post-404 article .metadata .postedon, - .search-no-results main section #post-404 .archivetitle .metadata .postedon, - .search-no-results main section #post-404 .archivedescription .metadata .postedon, - .error404 main section .home_wrapper-small article .metadata .postedon, - .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, - .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, - .error404 main section #post-404 article .metadata .postedon, - .error404 main section #post-404 .archivetitle .metadata .postedon, - .error404 main section #post-404 .archivedescription .metadata .postedon { + .masonrypage main section .home_wrapper-small > * .metadata .postedon, + .masonrypage main section #post-404 > * .metadata .postedon { padding: 0 1rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { - font: bold 1.5rem "Westeinde Caption"; - color: #000; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small > * h2, + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2, + .masonrypage main section #post-404 > * h2 a { + font: bold 1.5rem "Westeinde Caption"; + color: #000; } } @media (min-width: 769px) and (min-width: 360px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { + .masonrypage main section .home_wrapper-small > * h2, + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2, + .masonrypage main section #post-404 > * h2 a { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { + .masonrypage main section .home_wrapper-small > * h2, + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2, + .masonrypage main section #post-404 > * h2 a { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { + .masonrypage main section .home_wrapper-small > * h2, + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2, + .masonrypage main section #post-404 > * h2 a { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { + .masonrypage main section .home_wrapper-small > * h2, + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2, + .masonrypage main section #post-404 > * h2 a { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { + .masonrypage main section .home_wrapper-small > * h2, + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2, + .masonrypage main section #post-404 > * h2 a { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { + .masonrypage main section .home_wrapper-small > * h2, + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2, + .masonrypage main section #post-404 > * h2 a { font-size: 3rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section #post-404 article h2, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivedescription h2, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivedescription h2, - .home main section #post-404 article h2, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivedescription h2, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section #post-404 article h2, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivedescription h2, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivedescription h2, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section #post-404 article h2, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivedescription h2 { - display: none; - position: absolute; - top: 0; - background-color: #fff; - height: 100%; - padding: 0; - border: none; } - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2 a { - margin-top: 1.25rem; - margin-right: 1rem; - margin-bottom: 3rem; - margin-left: 2.5rem; - bottom: 0; - height: -moz-max-content; - height: max-content; - height: -moz-fit-content; - height: fit-content; - position: absolute; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small > * h2, + .masonrypage main section #post-404 > * h2 { + display: none; + position: absolute; + top: 0; + background-color: #fff; + height: 100%; + padding: 0; + border: none; } + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2 a { + margin-top: 1.25rem; + margin-right: 1rem; + margin-bottom: 3rem; + margin-left: 2.5rem; + bottom: 0; + height: -moz-max-content; + height: max-content; + height: -moz-fit-content; + height: fit-content; + position: absolute; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2 a { + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2 a { margin-top: 2.5rem; margin-right: 2rem; margin-bottom: 7rem; margin-left: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2 a { + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2 a { margin-right: 1rem; margin-bottom: 6rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2 a { + .masonrypage main section .home_wrapper-small > * h2 a, + .masonrypage main section #post-404 > * h2 a { margin-left: 10rem; margin-bottom: 12rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small article, - .archive main section #post-404 article, - .home main section .home_wrapper-small article, - .home main section #post-404 article, - .search-results main section .home_wrapper-small article, - .search-results main section #post-404 article, - .search-no-results main section .home_wrapper-small article, - .search-no-results main section #post-404 article, - .error404 main section .home_wrapper-small article, - .error404 main section #post-404 article { - cursor: pointer; } - .archive main section .home_wrapper-small .archivetitle, - .archive main section #post-404 .archivetitle, - .home main section .home_wrapper-small .archivetitle, - .home main section #post-404 .archivetitle, - .search-results main section .home_wrapper-small .archivetitle, - .search-results main section #post-404 .archivetitle, - .search-no-results main section .home_wrapper-small .archivetitle, - .search-no-results main section #post-404 .archivetitle, - .error404 main section .home_wrapper-small .archivetitle, - .error404 main section #post-404 .archivetitle { - margin: 0; - width: calc(100% / 3); - position: relative; - bottom: 0; - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; - padding: 1rem 2rem; - text-align: center; - border-right: #000 1px solid; } - .archive main section .home_wrapper-small .archivetitle::after, - .archive main section #post-404 .archivetitle::after, - .home main section .home_wrapper-small .archivetitle::after, - .home main section #post-404 .archivetitle::after, - .search-results main section .home_wrapper-small .archivetitle::after, - .search-results main section #post-404 .archivetitle::after, - .search-no-results main section .home_wrapper-small .archivetitle::after, - .search-no-results main section #post-404 .archivetitle::after, - .error404 main section .home_wrapper-small .archivetitle::after, - .error404 main section #post-404 .archivetitle::after { - position: absolute; - content: ""; - display: block; - top: 0; - border: none; - width: calc(100% - 5rem); - border-top: #000 1px solid; - background-color: transparent; - left: calc(5rem); - margin-left: 0; - z-index: 90; } - .archive main section .home_wrapper-small .archivetitle::before, - .archive main section #post-404 .archivetitle::before, - .home main section .home_wrapper-small .archivetitle::before, - .home main section #post-404 .archivetitle::before, - .search-results main section .home_wrapper-small .archivetitle::before, - .search-results main section #post-404 .archivetitle::before, - .search-no-results main section .home_wrapper-small .archivetitle::before, - .search-no-results main section #post-404 .archivetitle::before, - .error404 main section .home_wrapper-small .archivetitle::before, - .error404 main section #post-404 .archivetitle::before { - display: block; - content: ""; - position: absolute; - width: calc(5rem); - height: calc(5rem); - top: 0; - background-color: transparent; - z-index: 9; - left: 0; - border-left: #000 solid 1px; - -moz-transform: skewX(-45deg); - -o-transform: skewX(-45deg); - -ms-transform: skewX(-45deg); - -webkit-transform: skewX(-45deg); - transform: skewX(-45deg); - transform-origin: left bottom; - border-top: #000 solid 1px; } - .archive main section .home_wrapper-small .archivetitle h1, - .archive main section #post-404 .archivetitle h1, - .home main section .home_wrapper-small .archivetitle h1, - .home main section #post-404 .archivetitle h1, - .search-results main section .home_wrapper-small .archivetitle h1, - .search-results main section #post-404 .archivetitle h1, - .search-no-results main section .home_wrapper-small .archivetitle h1, - .search-no-results main section #post-404 .archivetitle h1, - .error404 main section .home_wrapper-small .archivetitle h1, - .error404 main section #post-404 .archivetitle h1 { - font: bold 2.2rem "Westeinde Caption"; - color: #000; - margin: 0; - display: block; - width: 100%; - text-align: left; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small article, + .masonrypage main section #post-404 article { + cursor: pointer; } + .masonrypage main section .home_wrapper-small .archivetitle, + .masonrypage main section #post-404 .archivetitle { + margin: 0; + width: calc(100% / 3); + position: relative; + bottom: 0; + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: flex-start; + padding: 1rem 2rem; + text-align: center; + border-right: #000 1px solid; } + .masonrypage main section .home_wrapper-small .archivetitle::after, + .masonrypage main section #post-404 .archivetitle::after { + position: absolute; + content: ""; + display: block; + top: 0; + border: none; + width: calc(100% - 5rem); + border-top: #000 1px solid; + background-color: transparent; + left: calc(5rem); + margin-left: 0; + z-index: 90; } + .masonrypage main section .home_wrapper-small .archivetitle::before, + .masonrypage main section #post-404 .archivetitle::before { + display: block; + content: ""; + position: absolute; + width: calc(5rem); + height: calc(5rem); + top: 0; + background-color: transparent; + z-index: 9; + left: 0; + border-left: #000 solid 1px; + -moz-transform: skewX(-45deg); + -o-transform: skewX(-45deg); + -ms-transform: skewX(-45deg); + -webkit-transform: skewX(-45deg); + transform: skewX(-45deg); + transform-origin: left bottom; + border-top: #000 solid 1px; } + .masonrypage main section .home_wrapper-small .archivetitle h1, + .masonrypage main section #post-404 .archivetitle h1 { + font: bold 2.2rem "Westeinde Caption"; + color: #000; + margin: 0; + display: block; + width: 100%; + text-align: left; } } @media (min-width: 769px) and (min-width: 360px) { - .archive main section .home_wrapper-small .archivetitle h1, - .archive main section #post-404 .archivetitle h1, - .home main section .home_wrapper-small .archivetitle h1, - .home main section #post-404 .archivetitle h1, - .search-results main section .home_wrapper-small .archivetitle h1, - .search-results main section #post-404 .archivetitle h1, - .search-no-results main section .home_wrapper-small .archivetitle h1, - .search-no-results main section #post-404 .archivetitle h1, - .error404 main section .home_wrapper-small .archivetitle h1, - .error404 main section #post-404 .archivetitle h1 { + .masonrypage main section .home_wrapper-small .archivetitle h1, + .masonrypage main section #post-404 .archivetitle h1 { font-size: 2.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { - .archive main section .home_wrapper-small .archivetitle h1, - .archive main section #post-404 .archivetitle h1, - .home main section .home_wrapper-small .archivetitle h1, - .home main section #post-404 .archivetitle h1, - .search-results main section .home_wrapper-small .archivetitle h1, - .search-results main section #post-404 .archivetitle h1, - .search-no-results main section .home_wrapper-small .archivetitle h1, - .search-no-results main section #post-404 .archivetitle h1, - .error404 main section .home_wrapper-small .archivetitle h1, - .error404 main section #post-404 .archivetitle h1 { + .masonrypage main section .home_wrapper-small .archivetitle h1, + .masonrypage main section #post-404 .archivetitle h1 { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small .archivetitle h1, - .archive main section #post-404 .archivetitle h1, - .home main section .home_wrapper-small .archivetitle h1, - .home main section #post-404 .archivetitle h1, - .search-results main section .home_wrapper-small .archivetitle h1, - .search-results main section #post-404 .archivetitle h1, - .search-no-results main section .home_wrapper-small .archivetitle h1, - .search-no-results main section #post-404 .archivetitle h1, - .error404 main section .home_wrapper-small .archivetitle h1, - .error404 main section #post-404 .archivetitle h1 { + .masonrypage main section .home_wrapper-small .archivetitle h1, + .masonrypage main section #post-404 .archivetitle h1 { font-size: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .archive main section .home_wrapper-small .archivetitle h1, - .archive main section #post-404 .archivetitle h1, - .home main section .home_wrapper-small .archivetitle h1, - .home main section #post-404 .archivetitle h1, - .search-results main section .home_wrapper-small .archivetitle h1, - .search-results main section #post-404 .archivetitle h1, - .search-no-results main section .home_wrapper-small .archivetitle h1, - .search-no-results main section #post-404 .archivetitle h1, - .error404 main section .home_wrapper-small .archivetitle h1, - .error404 main section #post-404 .archivetitle h1 { + .masonrypage main section .home_wrapper-small .archivetitle h1, + .masonrypage main section #post-404 .archivetitle h1 { font-size: 6.8rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .archive main section .home_wrapper-small .archivetitle h1, - .archive main section #post-404 .archivetitle h1, - .home main section .home_wrapper-small .archivetitle h1, - .home main section #post-404 .archivetitle h1, - .search-results main section .home_wrapper-small .archivetitle h1, - .search-results main section #post-404 .archivetitle h1, - .search-no-results main section .home_wrapper-small .archivetitle h1, - .search-no-results main section #post-404 .archivetitle h1, - .error404 main section .home_wrapper-small .archivetitle h1, - .error404 main section #post-404 .archivetitle h1 { + .masonrypage main section .home_wrapper-small .archivetitle h1, + .masonrypage main section #post-404 .archivetitle h1 { font-size: 11rem; } } - @media (min-width: 769px) { - .archive main section .home_wrapper-small .archivetitle.tag, - .archive main section #post-404 .archivetitle.tag, - .home main section .home_wrapper-small .archivetitle.tag, - .home main section #post-404 .archivetitle.tag, - .search-results main section .home_wrapper-small .archivetitle.tag, - .search-results main section #post-404 .archivetitle.tag, - .search-no-results main section .home_wrapper-small .archivetitle.tag, - .search-no-results main section #post-404 .archivetitle.tag, - .error404 main section .home_wrapper-small .archivetitle.tag, - .error404 main section #post-404 .archivetitle.tag { - order: 1; } - .archive main section .home_wrapper-small .archivetitle.tag h1, - .archive main section #post-404 .archivetitle.tag h1, - .home main section .home_wrapper-small .archivetitle.tag h1, - .home main section #post-404 .archivetitle.tag h1, - .search-results main section .home_wrapper-small .archivetitle.tag h1, - .search-results main section #post-404 .archivetitle.tag h1, - .search-no-results main section .home_wrapper-small .archivetitle.tag h1, - .search-no-results main section #post-404 .archivetitle.tag h1, - .error404 main section .home_wrapper-small .archivetitle.tag h1, - .error404 main section #post-404 .archivetitle.tag h1 { - text-transform: uppercase; } - .archive main section .home_wrapper-small .archivetitle > object, - .archive main section #post-404 .archivetitle > object, - .home main section .home_wrapper-small .archivetitle > object, - .home main section #post-404 .archivetitle > object, - .search-results main section .home_wrapper-small .archivetitle > object, - .search-results main section #post-404 .archivetitle > object, - .search-no-results main section .home_wrapper-small .archivetitle > object, - .search-no-results main section #post-404 .archivetitle > object, - .error404 main section .home_wrapper-small .archivetitle > object, - .error404 main section #post-404 .archivetitle > object { - position: absolute; - top: 2rem; - right: 2rem; - width: 5rem; - height: 5rem; } - .archive main section .home_wrapper-small .archivedescription, - .archive main section #post-404 .archivedescription, - .home main section .home_wrapper-small .archivedescription, - .home main section #post-404 .archivedescription, - .search-results main section .home_wrapper-small .archivedescription, - .search-results main section #post-404 .archivedescription, - .search-no-results main section .home_wrapper-small .archivedescription, - .search-no-results main section #post-404 .archivedescription, - .error404 main section .home_wrapper-small .archivedescription, - .error404 main section #post-404 .archivedescription { - order: 4; - border-top: #000 1px solid; - border-right: #000 1px solid; - border-bottom: #000 1px solid; - margin: 0; - width: 100%; - position: relative; - bottom: 0; - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; - padding: 2rem; } - .archive main section .home_wrapper-small .archivedescription p, - .archive main section #post-404 .archivedescription p, - .home main section .home_wrapper-small .archivedescription p, - .home main section #post-404 .archivedescription p, - .search-results main section .home_wrapper-small .archivedescription p, - .search-results main section #post-404 .archivedescription p, - .search-no-results main section .home_wrapper-small .archivedescription p, - .search-no-results main section #post-404 .archivedescription p, - .error404 main section .home_wrapper-small .archivedescription p, - .error404 main section #post-404 .archivedescription p { - margin: 0; - font: bold 1rem "Butler"; - color: #000; } } + +@media (min-width: 769px) { + .masonrypage main section .home_wrapper-small .archivetitle.tag, + .masonrypage main section #post-404 .archivetitle.tag { + order: 1; } + .masonrypage main section .home_wrapper-small .archivetitle.tag h1, + .masonrypage main section #post-404 .archivetitle.tag h1 { + text-transform: uppercase; } + .masonrypage main section .home_wrapper-small .archivetitle > object, + .masonrypage main section #post-404 .archivetitle > object { + position: absolute; + top: 2rem; + right: 2rem; + width: 5rem; + height: 5rem; } + .masonrypage main section .home_wrapper-small .archivedescription, + .masonrypage main section #post-404 .archivedescription { + order: 4; + border-top: #000 1px solid; + border-right: #000 1px solid; + border-bottom: #000 1px solid; + margin: 0; + width: 100%; + position: relative; + bottom: 0; + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: flex-start; + padding: 2rem; } + .masonrypage main section .home_wrapper-small .archivedescription p, + .masonrypage main section #post-404 .archivedescription p { + margin: 0; + font: bold 1rem "Butler"; + color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small .archivedescription p, - .archive main section #post-404 .archivedescription p, - .home main section .home_wrapper-small .archivedescription p, - .home main section #post-404 .archivedescription p, - .search-results main section .home_wrapper-small .archivedescription p, - .search-results main section #post-404 .archivedescription p, - .search-no-results main section .home_wrapper-small .archivedescription p, - .search-no-results main section #post-404 .archivedescription p, - .error404 main section .home_wrapper-small .archivedescription p, - .error404 main section #post-404 .archivedescription p { + .masonrypage main section .home_wrapper-small .archivedescription p, + .masonrypage main section #post-404 .archivedescription p { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .archive main section .home_wrapper-small .archivedescription p, - .archive main section #post-404 .archivedescription p, - .home main section .home_wrapper-small .archivedescription p, - .home main section #post-404 .archivedescription p, - .search-results main section .home_wrapper-small .archivedescription p, - .search-results main section #post-404 .archivedescription p, - .search-no-results main section .home_wrapper-small .archivedescription p, - .search-no-results main section #post-404 .archivedescription p, - .error404 main section .home_wrapper-small .archivedescription p, - .error404 main section #post-404 .archivedescription p { + .masonrypage main section .home_wrapper-small .archivedescription p, + .masonrypage main section #post-404 .archivedescription p { font-size: 1.8rem; } } - .archive.no-result, .archive.error404, .archive.search-no-results, - .home.no-result, - .home.error404, - .home.search-no-results, - .search-results.no-result, - .search-results.error404, - .search-results.search-no-results, - .search-no-results.no-result, - .search-no-results.error404, - .search-no-results.search-no-results, - .error404.no-result, - .error404.error404, - .error404.search-no-results { - /* -------------------------- no results on desktop ------------------------- */ } - .archive.no-result .wrapper, .archive.error404 .wrapper, .archive.search-no-results .wrapper, - .home.no-result .wrapper, - .home.error404 .wrapper, - .home.search-no-results .wrapper, - .search-results.no-result .wrapper, - .search-results.error404 .wrapper, - .search-results.search-no-results .wrapper, - .search-no-results.no-result .wrapper, - .search-no-results.error404 .wrapper, - .search-no-results.search-no-results .wrapper, - .error404.no-result .wrapper, - .error404.error404 .wrapper, - .error404.search-no-results .wrapper { - height: unset; } - .archive.no-result .wrapper section .archivetitle, .archive.error404 .wrapper section .archivetitle, .archive.search-no-results .wrapper section .archivetitle, - .home.no-result .wrapper section .archivetitle, - .home.error404 .wrapper section .archivetitle, - .home.search-no-results .wrapper section .archivetitle, - .search-results.no-result .wrapper section .archivetitle, - .search-results.error404 .wrapper section .archivetitle, - .search-results.search-no-results .wrapper section .archivetitle, - .search-no-results.no-result .wrapper section .archivetitle, - .search-no-results.error404 .wrapper section .archivetitle, - .search-no-results.search-no-results .wrapper section .archivetitle, - .error404.no-result .wrapper section .archivetitle, - .error404.error404 .wrapper section .archivetitle, - .error404.search-no-results .wrapper section .archivetitle { - padding: 8rem 2rem 0; } - .archive.no-result .wrapper #post-404, .archive.error404 .wrapper #post-404, .archive.search-no-results .wrapper #post-404, - .home.no-result .wrapper #post-404, - .home.error404 .wrapper #post-404, - .home.search-no-results .wrapper #post-404, - .search-results.no-result .wrapper #post-404, - .search-results.error404 .wrapper #post-404, - .search-results.search-no-results .wrapper #post-404, - .search-no-results.no-result .wrapper #post-404, - .search-no-results.error404 .wrapper #post-404, - .search-no-results.search-no-results .wrapper #post-404, - .error404.no-result .wrapper #post-404, - .error404.error404 .wrapper #post-404, - .error404.search-no-results .wrapper #post-404 { - text-align: center; - line-height: 1.4; } - .archive.no-result .wrapper #content article.no-result, .archive.error404 .wrapper #content article.no-result, .archive.search-no-results .wrapper #content article.no-result, - .home.no-result .wrapper #content article.no-result, - .home.error404 .wrapper #content article.no-result, - .home.search-no-results .wrapper #content article.no-result, - .search-results.no-result .wrapper #content article.no-result, - .search-results.error404 .wrapper #content article.no-result, - .search-results.search-no-results .wrapper #content article.no-result, - .search-no-results.no-result .wrapper #content article.no-result, - .search-no-results.error404 .wrapper #content article.no-result, - .search-no-results.search-no-results .wrapper #content article.no-result, - .error404.no-result .wrapper #content article.no-result, - .error404.error404 .wrapper #content article.no-result, - .error404.search-no-results .wrapper #content article.no-result { - height: unset; } - @media (min-width: 769px) { - .archive.no-result main, .archive.error404 main, .archive.search-no-results main, - .home.no-result main, - .home.error404 main, - .home.search-no-results main, - .search-results.no-result main, - .search-results.error404 main, - .search-results.search-no-results main, - .search-no-results.no-result main, - .search-no-results.error404 main, - .search-no-results.search-no-results main, - .error404.no-result main, - .error404.error404 main, - .error404.search-no-results main { - width: 100vw; } - .archive.no-result main section, .archive.error404 main section, .archive.search-no-results main section, - .home.no-result main section, - .home.error404 main section, - .home.search-no-results main section, - .search-results.no-result main section, - .search-results.error404 main section, - .search-results.search-no-results main section, - .search-no-results.no-result main section, - .search-no-results.error404 main section, - .search-no-results.search-no-results main section, - .error404.no-result main section, - .error404.error404 main section, - .error404.search-no-results main section { - width: 100%; } - .archive.no-result main section .home_wrapper-1, - .archive.no-result main section article#post-404, .archive.error404 main section .home_wrapper-1, - .archive.error404 main section article#post-404, .archive.search-no-results main section .home_wrapper-1, - .archive.search-no-results main section article#post-404, - .home.no-result main section .home_wrapper-1, - .home.no-result main section article#post-404, - .home.error404 main section .home_wrapper-1, - .home.error404 main section article#post-404, - .home.search-no-results main section .home_wrapper-1, - .home.search-no-results main section article#post-404, - .search-results.no-result main section .home_wrapper-1, - .search-results.no-result main section article#post-404, - .search-results.error404 main section .home_wrapper-1, - .search-results.error404 main section article#post-404, - .search-results.search-no-results main section .home_wrapper-1, - .search-results.search-no-results main section article#post-404, - .search-no-results.no-result main section .home_wrapper-1, - .search-no-results.no-result main section article#post-404, - .search-no-results.error404 main section .home_wrapper-1, - .search-no-results.error404 main section article#post-404, - .search-no-results.search-no-results main section .home_wrapper-1, - .search-no-results.search-no-results main section article#post-404, - .error404.no-result main section .home_wrapper-1, - .error404.no-result main section article#post-404, - .error404.error404 main section .home_wrapper-1, - .error404.error404 main section article#post-404, - .error404.search-no-results main section .home_wrapper-1, - .error404.search-no-results main section article#post-404 { - position: relative; - width: calc(100% - 15rem); - max-width: unset; } } + +.masonrypage.no-result .wrapper, .masonrypage.error404 .wrapper, .masonrypage.search-no-results .wrapper { + height: unset; } + .masonrypage.no-result .wrapper section .archivetitle, .masonrypage.error404 .wrapper section .archivetitle, .masonrypage.search-no-results .wrapper section .archivetitle { + padding: 8rem 2rem 0; } + .masonrypage.no-result .wrapper #post-404, .masonrypage.error404 .wrapper #post-404, .masonrypage.search-no-results .wrapper #post-404 { + text-align: center; + line-height: 1.4; } + .masonrypage.no-result .wrapper #content article.no-result, .masonrypage.error404 .wrapper #content article.no-result, .masonrypage.search-no-results .wrapper #content article.no-result { + height: unset; } + +@media (min-width: 769px) { + .masonrypage.no-result main, .masonrypage.error404 main, .masonrypage.search-no-results main { + width: 100vw; } + .masonrypage.no-result main section, .masonrypage.error404 main section, .masonrypage.search-no-results main section { + width: 100%; } + .masonrypage.no-result main section .home_wrapper-1, + .masonrypage.no-result main section article#post-404, .masonrypage.error404 main section .home_wrapper-1, + .masonrypage.error404 main section article#post-404, .masonrypage.search-no-results main section .home_wrapper-1, + .masonrypage.search-no-results main section article#post-404 { + position: relative; + width: calc(100% - 15rem); + max-width: unset; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive.no-result main section .home_wrapper-1, - .archive.no-result main section article#post-404, .archive.error404 main section .home_wrapper-1, - .archive.error404 main section article#post-404, .archive.search-no-results main section .home_wrapper-1, - .archive.search-no-results main section article#post-404, - .home.no-result main section .home_wrapper-1, - .home.no-result main section article#post-404, - .home.error404 main section .home_wrapper-1, - .home.error404 main section article#post-404, - .home.search-no-results main section .home_wrapper-1, - .home.search-no-results main section article#post-404, - .search-results.no-result main section .home_wrapper-1, - .search-results.no-result main section article#post-404, - .search-results.error404 main section .home_wrapper-1, - .search-results.error404 main section article#post-404, - .search-results.search-no-results main section .home_wrapper-1, - .search-results.search-no-results main section article#post-404, - .search-no-results.no-result main section .home_wrapper-1, - .search-no-results.no-result main section article#post-404, - .search-no-results.error404 main section .home_wrapper-1, - .search-no-results.error404 main section article#post-404, - .search-no-results.search-no-results main section .home_wrapper-1, - .search-no-results.search-no-results main section article#post-404, - .error404.no-result main section .home_wrapper-1, - .error404.no-result main section article#post-404, - .error404.error404 main section .home_wrapper-1, - .error404.error404 main section article#post-404, - .error404.search-no-results main section .home_wrapper-1, - .error404.search-no-results main section article#post-404 { + .masonrypage.no-result main section .home_wrapper-1, + .masonrypage.no-result main section article#post-404, .masonrypage.error404 main section .home_wrapper-1, + .masonrypage.error404 main section article#post-404, .masonrypage.search-no-results main section .home_wrapper-1, + .masonrypage.search-no-results main section article#post-404 { width: calc(100% - 20rem); } } - @media (min-width: 769px) { - .archive.no-result main section .home_wrapper-1 .archivetitle, - .archive.no-result main section article#post-404 .archivetitle, .archive.error404 main section .home_wrapper-1 .archivetitle, - .archive.error404 main section article#post-404 .archivetitle, .archive.search-no-results main section .home_wrapper-1 .archivetitle, - .archive.search-no-results main section article#post-404 .archivetitle, - .home.no-result main section .home_wrapper-1 .archivetitle, - .home.no-result main section article#post-404 .archivetitle, - .home.error404 main section .home_wrapper-1 .archivetitle, - .home.error404 main section article#post-404 .archivetitle, - .home.search-no-results main section .home_wrapper-1 .archivetitle, - .home.search-no-results main section article#post-404 .archivetitle, - .search-results.no-result main section .home_wrapper-1 .archivetitle, - .search-results.no-result main section article#post-404 .archivetitle, - .search-results.error404 main section .home_wrapper-1 .archivetitle, - .search-results.error404 main section article#post-404 .archivetitle, - .search-results.search-no-results main section .home_wrapper-1 .archivetitle, - .search-results.search-no-results main section article#post-404 .archivetitle, - .search-no-results.no-result main section .home_wrapper-1 .archivetitle, - .search-no-results.no-result main section article#post-404 .archivetitle, - .search-no-results.error404 main section .home_wrapper-1 .archivetitle, - .search-no-results.error404 main section article#post-404 .archivetitle, - .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle, - .search-no-results.search-no-results main section article#post-404 .archivetitle, - .error404.no-result main section .home_wrapper-1 .archivetitle, - .error404.no-result main section article#post-404 .archivetitle, - .error404.error404 main section .home_wrapper-1 .archivetitle, - .error404.error404 main section article#post-404 .archivetitle, - .error404.search-no-results main section .home_wrapper-1 .archivetitle, - .error404.search-no-results main section article#post-404 .archivetitle { - border-bottom: 1px #000 solid; - border-right: none; - padding: 1rem 2rem !important; - margin-left: 0; - position: absolute; - width: 100%; - height: 100%; - left: 0; - background-color: transparent; - display: flex; - flex-direction: column; - justify-content: flex-end; } - .archive.no-result main section .home_wrapper-1 .archivetitle h1, - .archive.no-result main section article#post-404 .archivetitle h1, .archive.error404 main section .home_wrapper-1 .archivetitle h1, - .archive.error404 main section article#post-404 .archivetitle h1, .archive.search-no-results main section .home_wrapper-1 .archivetitle h1, - .archive.search-no-results main section article#post-404 .archivetitle h1, - .home.no-result main section .home_wrapper-1 .archivetitle h1, - .home.no-result main section article#post-404 .archivetitle h1, - .home.error404 main section .home_wrapper-1 .archivetitle h1, - .home.error404 main section article#post-404 .archivetitle h1, - .home.search-no-results main section .home_wrapper-1 .archivetitle h1, - .home.search-no-results main section article#post-404 .archivetitle h1, - .search-results.no-result main section .home_wrapper-1 .archivetitle h1, - .search-results.no-result main section article#post-404 .archivetitle h1, - .search-results.error404 main section .home_wrapper-1 .archivetitle h1, - .search-results.error404 main section article#post-404 .archivetitle h1, - .search-results.search-no-results main section .home_wrapper-1 .archivetitle h1, - .search-results.search-no-results main section article#post-404 .archivetitle h1, - .search-no-results.no-result main section .home_wrapper-1 .archivetitle h1, - .search-no-results.no-result main section article#post-404 .archivetitle h1, - .search-no-results.error404 main section .home_wrapper-1 .archivetitle h1, - .search-no-results.error404 main section article#post-404 .archivetitle h1, - .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h1, - .search-no-results.search-no-results main section article#post-404 .archivetitle h1, - .error404.no-result main section .home_wrapper-1 .archivetitle h1, - .error404.no-result main section article#post-404 .archivetitle h1, - .error404.error404 main section .home_wrapper-1 .archivetitle h1, - .error404.error404 main section article#post-404 .archivetitle h1, - .error404.search-no-results main section .home_wrapper-1 .archivetitle h1, - .error404.search-no-results main section article#post-404 .archivetitle h1 { - display: inline-block; - position: relative; - width: unset; } - .archive.no-result main section .home_wrapper-1 .archivetitle h2, - .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, - .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, - .archive.search-no-results main section article#post-404 .archivetitle h2, - .home.no-result main section .home_wrapper-1 .archivetitle h2, - .home.no-result main section article#post-404 .archivetitle h2, - .home.error404 main section .home_wrapper-1 .archivetitle h2, - .home.error404 main section article#post-404 .archivetitle h2, - .home.search-no-results main section .home_wrapper-1 .archivetitle h2, - .home.search-no-results main section article#post-404 .archivetitle h2, - .search-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-results.no-result main section article#post-404 .archivetitle h2, - .search-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-results.error404 main section article#post-404 .archivetitle h2, - .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-results.search-no-results main section article#post-404 .archivetitle h2, - .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-no-results.no-result main section article#post-404 .archivetitle h2, - .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-no-results.error404 main section article#post-404 .archivetitle h2, - .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-no-results.search-no-results main section article#post-404 .archivetitle h2, - .error404.no-result main section .home_wrapper-1 .archivetitle h2, - .error404.no-result main section article#post-404 .archivetitle h2, - .error404.error404 main section .home_wrapper-1 .archivetitle h2, - .error404.error404 main section article#post-404 .archivetitle h2, - .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, - .error404.search-no-results main section article#post-404 .archivetitle h2 { - font: bold 2.2rem "Westeinde Caption"; - color: #000; - display: inline-block; - height: unset; - top: unset; - position: relative; - margin: 0; } } + +@media (min-width: 769px) { + .masonrypage.no-result main section .home_wrapper-1 .archivetitle, + .masonrypage.no-result main section article#post-404 .archivetitle, .masonrypage.error404 main section .home_wrapper-1 .archivetitle, + .masonrypage.error404 main section article#post-404 .archivetitle, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle, + .masonrypage.search-no-results main section article#post-404 .archivetitle { + border-bottom: 1px #000 solid; + border-right: none; + padding: 1rem 2rem !important; + margin-left: 0; + position: absolute; + width: 100%; + height: 100%; + left: 0; + background-color: transparent; + display: flex; + flex-direction: column; + justify-content: flex-end; } + .masonrypage.no-result main section .home_wrapper-1 .archivetitle h1, + .masonrypage.no-result main section article#post-404 .archivetitle h1, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h1, + .masonrypage.error404 main section article#post-404 .archivetitle h1, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h1, + .masonrypage.search-no-results main section article#post-404 .archivetitle h1 { + display: inline-block; + position: relative; + width: unset; } + .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, + .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, + .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, + .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { + font: bold 2.2rem "Westeinde Caption"; + color: #000; + display: inline-block; + height: unset; + top: unset; + position: relative; + margin: 0; } } @media (min-width: 769px) and (min-width: 360px) { - .archive.no-result main section .home_wrapper-1 .archivetitle h2, - .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, - .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, - .archive.search-no-results main section article#post-404 .archivetitle h2, - .home.no-result main section .home_wrapper-1 .archivetitle h2, - .home.no-result main section article#post-404 .archivetitle h2, - .home.error404 main section .home_wrapper-1 .archivetitle h2, - .home.error404 main section article#post-404 .archivetitle h2, - .home.search-no-results main section .home_wrapper-1 .archivetitle h2, - .home.search-no-results main section article#post-404 .archivetitle h2, - .search-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-results.no-result main section article#post-404 .archivetitle h2, - .search-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-results.error404 main section article#post-404 .archivetitle h2, - .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-results.search-no-results main section article#post-404 .archivetitle h2, - .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-no-results.no-result main section article#post-404 .archivetitle h2, - .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-no-results.error404 main section article#post-404 .archivetitle h2, - .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-no-results.search-no-results main section article#post-404 .archivetitle h2, - .error404.no-result main section .home_wrapper-1 .archivetitle h2, - .error404.no-result main section article#post-404 .archivetitle h2, - .error404.error404 main section .home_wrapper-1 .archivetitle h2, - .error404.error404 main section article#post-404 .archivetitle h2, - .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, - .error404.search-no-results main section article#post-404 .archivetitle h2 { + .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, + .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, + .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, + .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 2.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { - .archive.no-result main section .home_wrapper-1 .archivetitle h2, - .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, - .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, - .archive.search-no-results main section article#post-404 .archivetitle h2, - .home.no-result main section .home_wrapper-1 .archivetitle h2, - .home.no-result main section article#post-404 .archivetitle h2, - .home.error404 main section .home_wrapper-1 .archivetitle h2, - .home.error404 main section article#post-404 .archivetitle h2, - .home.search-no-results main section .home_wrapper-1 .archivetitle h2, - .home.search-no-results main section article#post-404 .archivetitle h2, - .search-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-results.no-result main section article#post-404 .archivetitle h2, - .search-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-results.error404 main section article#post-404 .archivetitle h2, - .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-results.search-no-results main section article#post-404 .archivetitle h2, - .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-no-results.no-result main section article#post-404 .archivetitle h2, - .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-no-results.error404 main section article#post-404 .archivetitle h2, - .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-no-results.search-no-results main section article#post-404 .archivetitle h2, - .error404.no-result main section .home_wrapper-1 .archivetitle h2, - .error404.no-result main section article#post-404 .archivetitle h2, - .error404.error404 main section .home_wrapper-1 .archivetitle h2, - .error404.error404 main section article#post-404 .archivetitle h2, - .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, - .error404.search-no-results main section article#post-404 .archivetitle h2 { + .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, + .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, + .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, + .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { - .archive.no-result main section .home_wrapper-1 .archivetitle h2, - .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, - .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, - .archive.search-no-results main section article#post-404 .archivetitle h2, - .home.no-result main section .home_wrapper-1 .archivetitle h2, - .home.no-result main section article#post-404 .archivetitle h2, - .home.error404 main section .home_wrapper-1 .archivetitle h2, - .home.error404 main section article#post-404 .archivetitle h2, - .home.search-no-results main section .home_wrapper-1 .archivetitle h2, - .home.search-no-results main section article#post-404 .archivetitle h2, - .search-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-results.no-result main section article#post-404 .archivetitle h2, - .search-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-results.error404 main section article#post-404 .archivetitle h2, - .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-results.search-no-results main section article#post-404 .archivetitle h2, - .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-no-results.no-result main section article#post-404 .archivetitle h2, - .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-no-results.error404 main section article#post-404 .archivetitle h2, - .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-no-results.search-no-results main section article#post-404 .archivetitle h2, - .error404.no-result main section .home_wrapper-1 .archivetitle h2, - .error404.no-result main section article#post-404 .archivetitle h2, - .error404.error404 main section .home_wrapper-1 .archivetitle h2, - .error404.error404 main section article#post-404 .archivetitle h2, - .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, - .error404.search-no-results main section article#post-404 .archivetitle h2 { + .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, + .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, + .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, + .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .archive.no-result main section .home_wrapper-1 .archivetitle h2, - .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, - .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, - .archive.search-no-results main section article#post-404 .archivetitle h2, - .home.no-result main section .home_wrapper-1 .archivetitle h2, - .home.no-result main section article#post-404 .archivetitle h2, - .home.error404 main section .home_wrapper-1 .archivetitle h2, - .home.error404 main section article#post-404 .archivetitle h2, - .home.search-no-results main section .home_wrapper-1 .archivetitle h2, - .home.search-no-results main section article#post-404 .archivetitle h2, - .search-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-results.no-result main section article#post-404 .archivetitle h2, - .search-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-results.error404 main section article#post-404 .archivetitle h2, - .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-results.search-no-results main section article#post-404 .archivetitle h2, - .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-no-results.no-result main section article#post-404 .archivetitle h2, - .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-no-results.error404 main section article#post-404 .archivetitle h2, - .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-no-results.search-no-results main section article#post-404 .archivetitle h2, - .error404.no-result main section .home_wrapper-1 .archivetitle h2, - .error404.no-result main section article#post-404 .archivetitle h2, - .error404.error404 main section .home_wrapper-1 .archivetitle h2, - .error404.error404 main section article#post-404 .archivetitle h2, - .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, - .error404.search-no-results main section article#post-404 .archivetitle h2 { + .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, + .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, + .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, + .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 6.8rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .archive.no-result main section .home_wrapper-1 .archivetitle h2, - .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, - .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, - .archive.search-no-results main section article#post-404 .archivetitle h2, - .home.no-result main section .home_wrapper-1 .archivetitle h2, - .home.no-result main section article#post-404 .archivetitle h2, - .home.error404 main section .home_wrapper-1 .archivetitle h2, - .home.error404 main section article#post-404 .archivetitle h2, - .home.search-no-results main section .home_wrapper-1 .archivetitle h2, - .home.search-no-results main section article#post-404 .archivetitle h2, - .search-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-results.no-result main section article#post-404 .archivetitle h2, - .search-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-results.error404 main section article#post-404 .archivetitle h2, - .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-results.search-no-results main section article#post-404 .archivetitle h2, - .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, - .search-no-results.no-result main section article#post-404 .archivetitle h2, - .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, - .search-no-results.error404 main section article#post-404 .archivetitle h2, - .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, - .search-no-results.search-no-results main section article#post-404 .archivetitle h2, - .error404.no-result main section .home_wrapper-1 .archivetitle h2, - .error404.no-result main section article#post-404 .archivetitle h2, - .error404.error404 main section .home_wrapper-1 .archivetitle h2, - .error404.error404 main section article#post-404 .archivetitle h2, - .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, - .error404.search-no-results main section article#post-404 .archivetitle h2 { + .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, + .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, + .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, + .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 11rem; } } - @media (min-width: 769px) { - .archive.no-result main section .home_wrapper-1 .archivetitle .toHome, - .archive.no-result main section article#post-404 .archivetitle .toHome, .archive.error404 main section .home_wrapper-1 .archivetitle .toHome, - .archive.error404 main section article#post-404 .archivetitle .toHome, .archive.search-no-results main section .home_wrapper-1 .archivetitle .toHome, - .archive.search-no-results main section article#post-404 .archivetitle .toHome, - .home.no-result main section .home_wrapper-1 .archivetitle .toHome, - .home.no-result main section article#post-404 .archivetitle .toHome, - .home.error404 main section .home_wrapper-1 .archivetitle .toHome, - .home.error404 main section article#post-404 .archivetitle .toHome, - .home.search-no-results main section .home_wrapper-1 .archivetitle .toHome, - .home.search-no-results main section article#post-404 .archivetitle .toHome, - .search-results.no-result main section .home_wrapper-1 .archivetitle .toHome, - .search-results.no-result main section article#post-404 .archivetitle .toHome, - .search-results.error404 main section .home_wrapper-1 .archivetitle .toHome, - .search-results.error404 main section article#post-404 .archivetitle .toHome, - .search-results.search-no-results main section .home_wrapper-1 .archivetitle .toHome, - .search-results.search-no-results main section article#post-404 .archivetitle .toHome, - .search-no-results.no-result main section .home_wrapper-1 .archivetitle .toHome, - .search-no-results.no-result main section article#post-404 .archivetitle .toHome, - .search-no-results.error404 main section .home_wrapper-1 .archivetitle .toHome, - .search-no-results.error404 main section article#post-404 .archivetitle .toHome, - .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle .toHome, - .search-no-results.search-no-results main section article#post-404 .archivetitle .toHome, - .error404.no-result main section .home_wrapper-1 .archivetitle .toHome, - .error404.no-result main section article#post-404 .archivetitle .toHome, - .error404.error404 main section .home_wrapper-1 .archivetitle .toHome, - .error404.error404 main section article#post-404 .archivetitle .toHome, - .error404.search-no-results main section .home_wrapper-1 .archivetitle .toHome, - .error404.search-no-results main section article#post-404 .archivetitle .toHome { - display: none; } } -/* -------------------------------------------------------------------------- */ -/* Search results */ -/* -------------------------------------------------------------------------- */ +@media (min-width: 769px) { + .masonrypage.no-result main section .home_wrapper-1 .archivetitle .toHome, + .masonrypage.no-result main section article#post-404 .archivetitle .toHome, .masonrypage.error404 main section .home_wrapper-1 .archivetitle .toHome, + .masonrypage.error404 main section article#post-404 .archivetitle .toHome, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle .toHome, + .masonrypage.search-no-results main section article#post-404 .archivetitle .toHome { + display: none; } } + .search-results #content .archivetitle { word-wrap: break-word; } .search-results #content .archivetitle h1 { @@ -4552,865 +2107,702 @@ html *::selection { .search-no-results .wrapper main section .no-result { padding: 2rem; } -/* -------------------------------------------------------------------------- */ -/* Events */ -/* -------------------------------------------------------------------------- */ -body.category.category-esemeny { - /* ---------------------------- Events on desktop --------------------------- */ } - body.category.category-esemeny header { - background-color: #000; } - body.category.category-esemeny main { - padding-top: 9rem; } - body.category.category-esemeny main article { - height: 85vw; - max-height: calc(50vw + 180px); } - body.category.category-esemeny main article .thumbnailwrapper { - height: 50vw; } - body.category.category-esemeny main article .thumbnailwrapper img { - width: 100%; - height: 100%; } - body.category.category-esemeny main article .event-metadata { - display: flex; - flex-direction: column; - justify-content: space-between; - align-content: stretch; - padding: 1rem; - height: 35vw; - max-height: 180px; } - @media (min-width: 360px) { - body.category.category-esemeny main article .event-metadata { - padding: 2rem; } } - body.category.category-esemeny main article .event-metadata .top-row, - body.category.category-esemeny main article .event-metadata .bottom-row { - display: flex; - flex-direction: row; - justify-content: space-between; - height: 50%; - flex: 1 1 auto; } - body.category.category-esemeny main article .event-metadata .top-row { - align-items: center; } - body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font: 800 1.6rem "Butler"; - color: #000; - color: #00f; } - @media (min-width: 360px) { - body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font-size: 1.8rem; } } - @media (min-width: 769px) { - body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font-size: 2rem; } } - @media (min-width: 1024px) { - body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font-size: 2.5rem; } } - @media (min-width: 1279px) { - body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font-size: 3rem; } } - @media (min-width: 1919px) { - body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font-size: 4rem; } } - body.category.category-esemeny main article .event-metadata .top-row a { - -moz-transform: rotate(225deg); - -o-transform: rotate(225deg); - -ms-transform: rotate(225deg); - -webkit-transform: rotate(225deg); - transform: rotate(225deg); - font: normal 2.8rem "Westeinde Caption"; - color: #000; } - @media (min-width: 769px) { - body.category.category-esemeny main article .event-metadata .top-row a { - font-size: 3rem; } } - @media (min-width: 1024px) { - body.category.category-esemeny main article .event-metadata .top-row a { - font-size: 4rem; } } - @media (min-width: 1279px) { - body.category.category-esemeny main article .event-metadata .top-row a { - font-size: 5rem; } } - @media (min-width: 1919px) { - body.category.category-esemeny main article .event-metadata .top-row a { - font-size: 7rem; } } - body.category.category-esemeny main article .event-metadata .bottom-row { - align-items: flex-end; } - body.category.category-esemeny main article .event-metadata .bottom-row h2 { - flex: 1 0.9 auto; - height: unset; - padding: 0; - border: none; - padding-right: 2rem; } - body.category.category-esemeny main article .event-metadata .bottom-row h2 a { - font: 800 1.6rem "Butler"; - color: #000; } - @media (min-width: 360px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 a { - font-size: 1.8rem; } } - @media (min-width: 769px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 a { - font-size: 2rem; } } - @media (min-width: 1024px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 a { - font-size: 2.5rem; } } - @media (min-width: 1279px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 a { - font-size: 3rem; } } - @media (min-width: 1919px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 a { - font-size: 4rem; } } - body.category.category-esemeny main article .event-metadata .bottom-row .vr { - flex: 0 0 auto; - width: 1px; - height: 100%; - background-color: #000; - box-shadow: 0 0 1px transparent; } - body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { - flex: 1 1 auto; - padding-left: 1rem; - font: 500 1.3rem "Westeinde Caption"; - -webkit-text-stroke: #00f 1px; - color: transparent; } - @media (min-width: 360px) { - body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { - font-size: 1.4rem; } } - @media (min-width: 769px) { - body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { - font-size: 1.9rem; } } - @media (min-width: 1024px) { - body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { - font-size: 2.8rem; } } - @media (min-width: 1279px) { - body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { - font-size: 2.8rem; } } - @media (min-width: 1919px) { - body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { - font-size: 4rem; } } - body.category.category-esemeny main article .event-metadata .bottom-row a.text-link:hover { - -webkit-text-stroke: transparent; - color: #00f; } - body.category.category-esemeny main article .event-metadata .hr { - flex: 0 0 auto; - height: 1px; - width: 100%; - background-color: #000; } - @media (min-width: 769px) { - body.category.category-esemeny main { - padding-top: 0; } - body.category.category-esemeny main section { - margin: 4rem 10rem; - border-top: #000 1px solid; - height: calc(100vh - 8rem); +body.category.category-esemeny header { + background-color: #000; } + +body.category.category-esemeny main { + padding-top: 9rem; } + body.category.category-esemeny main article { + height: 85vw; + max-height: calc(50vw + 180px); } + body.category.category-esemeny main article .thumbnailwrapper { + height: 50vw; } + body.category.category-esemeny main article .thumbnailwrapper img { + width: 100%; + height: 100%; } + body.category.category-esemeny main article .event-metadata { + display: flex; + flex-direction: column; + justify-content: space-between; + align-content: stretch; + padding: 1rem; + height: 35vw; + max-height: 180px; } + @media (min-width: 360px) { + body.category.category-esemeny main article .event-metadata { + padding: 2rem; } } + body.category.category-esemeny main article .event-metadata .top-row, + body.category.category-esemeny main article .event-metadata .bottom-row { display: flex; flex-direction: row; - align-content: center; } - body.category.category-esemeny main section article { - width: calc(50vw - 10rem); - max-width: calc(100vh - 5rem); + justify-content: space-between; + height: 50%; + flex: 1 1 auto; } + body.category.category-esemeny main article .event-metadata .top-row { + align-items: center; } + body.category.category-esemeny main article .event-metadata .top-row .ev-date { + font: 800 1.6rem "Butler"; + color: #000; + color: #00f; } + @media (min-width: 360px) { + body.category.category-esemeny main article .event-metadata .top-row .ev-date { + font-size: 1.8rem; } } + @media (min-width: 769px) { + body.category.category-esemeny main article .event-metadata .top-row .ev-date { + font-size: 2rem; } } + @media (min-width: 1024px) { + body.category.category-esemeny main article .event-metadata .top-row .ev-date { + font-size: 2.5rem; } } + @media (min-width: 1279px) { + body.category.category-esemeny main article .event-metadata .top-row .ev-date { + font-size: 3rem; } } + @media (min-width: 1919px) { + body.category.category-esemeny main article .event-metadata .top-row .ev-date { + font-size: 4rem; } } + body.category.category-esemeny main article .event-metadata .top-row a { + -moz-transform: rotate(225deg); + -o-transform: rotate(225deg); + -ms-transform: rotate(225deg); + -webkit-transform: rotate(225deg); + transform: rotate(225deg); + font: normal 2.8rem "Westeinde Caption"; + color: #000; } + @media (min-width: 769px) { + body.category.category-esemeny main article .event-metadata .top-row a { + font-size: 3rem; } } + @media (min-width: 1024px) { + body.category.category-esemeny main article .event-metadata .top-row a { + font-size: 4rem; } } + @media (min-width: 1279px) { + body.category.category-esemeny main article .event-metadata .top-row a { + font-size: 5rem; } } + @media (min-width: 1919px) { + body.category.category-esemeny main article .event-metadata .top-row a { + font-size: 7rem; } } + body.category.category-esemeny main article .event-metadata .bottom-row { + align-items: flex-end; } + body.category.category-esemeny main article .event-metadata .bottom-row h2 { + flex: 1 0.9 auto; height: unset; - min-height: unset; - margin: 0 10rem 0 0; - display: flex; - flex-direction: column; - justify-content: center; } - body.category.category-esemeny main section article .thumbnailwrapper { - height: unset; - flex: 0 0 auto; } - body.category.category-esemeny main section article .event-metadata { - height: unset; - max-height: 25rem; - flex: 1 1 auto; - padding: 0; } } + padding: 0; + border: none; + padding-right: 2rem; } + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font: 800 1.6rem "Butler"; + color: #000; } + @media (min-width: 360px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 1.8rem; } } + @media (min-width: 769px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 2rem; } } + @media (min-width: 1024px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 2.5rem; } } + @media (min-width: 1279px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 3rem; } } + @media (min-width: 1919px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 4rem; } } + body.category.category-esemeny main article .event-metadata .bottom-row .vr { + flex: 0 0 auto; + width: 1px; + height: 100%; + background-color: #000; + box-shadow: 0 0 1px transparent; } + body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { + flex: 1 1 auto; + padding-left: 1rem; + font: 500 1.3rem "Westeinde Caption"; + -webkit-text-stroke: #00f 1px; + color: transparent; } + @media (min-width: 360px) { + body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { + font-size: 1.4rem; } } + @media (min-width: 769px) { + body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { + font-size: 1.9rem; } } + @media (min-width: 1024px) { + body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { + font-size: 2.8rem; } } + @media (min-width: 1279px) { + body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { + font-size: 2.8rem; } } + @media (min-width: 1919px) { + body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { + font-size: 4rem; } } + body.category.category-esemeny main article .event-metadata .bottom-row a.text-link:hover { + -webkit-text-stroke: transparent; + color: #00f; } + body.category.category-esemeny main article .event-metadata .hr { + flex: 0 0 auto; + height: 1px; + width: 100%; + background-color: #000; } + +@media (min-width: 769px) { + body.category.category-esemeny main { + padding-top: 0; } + body.category.category-esemeny main section { + margin: 4rem 10rem; + border-top: #000 1px solid; + height: calc(100vh - 8rem); + display: flex; + flex-direction: row; + align-content: center; } + body.category.category-esemeny main section article { + width: calc(50vw - 10rem); + max-width: calc(100vh - 5rem); + height: unset; + min-height: unset; + margin: 0 10rem 0 0; + display: flex; + flex-direction: column; + justify-content: center; } + body.category.category-esemeny main section article .thumbnailwrapper { + height: unset; + flex: 0 0 auto; } + body.category.category-esemeny main section article .event-metadata { + height: unset; + max-height: 25rem; + flex: 1 1 auto; + padding: 0; } } @media (min-width: 769px) and (min-width: 1919px) { body.category.category-esemeny main section article .event-metadata { max-height: 35rem; } } - @media (min-width: 769px) { - body.category.category-esemeny main section article .event-metadata .top-row { - flex: 1 1 auto; - padding-right: 2rem; } - body.category.category-esemeny main section article .event-metadata .top-row .ev-date { - padding-left: 2rem; } - body.category.category-esemeny main section article .event-metadata .bottom-row { - flex: 1 1 auto; } - body.category.category-esemeny main section article .event-metadata .bottom-row h2 { - padding-left: 2rem; - padding-bottom: 2rem; - padding-right: 0; } - body.category.category-esemeny main section article .event-metadata .bottom-row .vr { - margin: 0 1rem; } - body.category.category-esemeny main section article .event-metadata .bottom-row .text-link { - padding-right: 2rem; - padding-bottom: 2rem; - padding-left: 0; } } -/* -------------------------------------------------------------------------- */ -/* single */ -/* -------------------------------------------------------------------------- */ -.single, -.page { - /* ---------------------------- single on mobile ---------------------------- */ - /* -------------------------------- lightbox -------------------------------- */ } - @media (min-width: 769px) { - .single .wrapper, - .page .wrapper { - height: unset; - width: 100%; } - .single .wrapper .header .header-1, - .single .wrapper .header .header-2, - .page .wrapper .header .header-1, - .page .wrapper .header .header-2 { - background: transparent; - border: none; } - .single .wrapper .header .header-1 .social-link, - .single .wrapper .header .header-1 .search-box, - .single .wrapper .header .header-1 .events-link, - .single .wrapper .header .header-2 .social-link, - .single .wrapper .header .header-2 .search-box, - .single .wrapper .header .header-2 .events-link, - .page .wrapper .header .header-1 .social-link, - .page .wrapper .header .header-1 .search-box, - .page .wrapper .header .header-1 .events-link, - .page .wrapper .header .header-2 .social-link, - .page .wrapper .header .header-2 .search-box, - .page .wrapper .header .header-2 .events-link { - display: none; } } - .single article, - .page article { - padding-bottom: 5rem; - /* ---------------------------- single header on desktop --------------------------- */ - /* ---------------------------- single content hr --------------------------- */ - /* ----------------------------- single content ----------------------------- */ } - .single article .thumbnailwrapper, - .page article .thumbnailwrapper { +@media (min-width: 769px) { + body.category.category-esemeny main section article .event-metadata .top-row { + flex: 1 1 auto; + padding-right: 2rem; } + body.category.category-esemeny main section article .event-metadata .top-row .ev-date { + padding-left: 2rem; } + body.category.category-esemeny main section article .event-metadata .bottom-row { + flex: 1 1 auto; } + body.category.category-esemeny main section article .event-metadata .bottom-row h2 { + padding-left: 2rem; + padding-bottom: 2rem; + padding-right: 0; } + body.category.category-esemeny main section article .event-metadata .bottom-row .vr { + margin: 0 1rem; } + body.category.category-esemeny main section article .event-metadata .bottom-row .text-link { + padding-right: 2rem; + padding-bottom: 2rem; + padding-left: 0; } } + +@media (min-width: 769px) { + .singularpage .wrapper { + height: unset; + width: 100%; } + .singularpage .wrapper .header .header-inner { + background: transparent; + border: none; } + .singularpage .wrapper .header .header-inner .social-link, + .singularpage .wrapper .header .header-inner .search-box, + .singularpage .wrapper .header .header-inner .events-link { + display: none; } } + +.singularpage article { + padding-bottom: 5rem; } + .singularpage article .thumbnailwrapper { + padding: 0; } + .singularpage article .thumbnailwrapper img.attachment-post-thumbnail { + height: 75vh; + width: 100vw; + object-fit: cover; padding: 0; } - .single article .thumbnailwrapper img.attachment-post-thumbnail, - .page article .thumbnailwrapper img.attachment-post-thumbnail { - height: 75vh; - width: 100vw; - object-fit: cover; - padding: 0; } - .single article .titlewrapper, - .page article .titlewrapper { + .singularpage article .titlewrapper { + position: relative; + top: 0; + width: 100%; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-content: flex-start; + padding: 0; + padding-top: 10rem; } + .singularpage article .titlewrapper .metadata { + width: calc(100vw - 5rem); + bottom: unset !important; + height: 5rem; position: relative; - top: 0; - width: 100%; + align-self: flex-end; display: flex; flex-direction: column; - justify-content: flex-start; - align-content: flex-start; - padding: 0; - padding-top: 10rem; } - .single article .titlewrapper .metadata, - .page article .titlewrapper .metadata { - width: calc(100vw - 5rem); - bottom: unset !important; - height: 5rem; - position: relative; - align-self: flex-end; + justify-content: center; + padding-left: 0; + font: bold 1.4rem "Westeinde Caption"; } + @media (min-width: 769px) { + .singularpage article .titlewrapper .metadata { + font: 900 1.5rem "Westeinde Caption"; + color: #fff; + -webkit-text-stroke: #000 1px; } } + @media (min-width: 1024px) { + .singularpage article .titlewrapper .metadata { + font-size: 2rem; } } + .singularpage article .titlewrapper .metadata .metaWrapper { display: flex; - flex-direction: column; - justify-content: center; - padding-left: 0; - font: bold 1.4rem "Westeinde Caption"; } - @media (min-width: 769px) { - .single article .titlewrapper .metadata, - .page article .titlewrapper .metadata { - font: 900 1.5rem "Westeinde Caption"; - color: #fff; - -webkit-text-stroke: #000 1px; } } - @media (min-width: 1024px) { - .single article .titlewrapper .metadata, - .page article .titlewrapper .metadata { - font-size: 2rem; } } - .single article .titlewrapper .metadata .metaWrapper, - .page article .titlewrapper .metadata .metaWrapper { - display: flex; - flex-direction: row; - justify-content: flex-start; } - .single article .titlewrapper .metadata .metaWrapper .time-cat::after, - .page article .titlewrapper .metadata .metaWrapper .time-cat::after { - content: " "; - display: inline-block; } - .single article .titlewrapper .metadata .metaWrapper .format::before, - .page article .titlewrapper .metadata .metaWrapper .format::before { - content: "|"; - display: inline-block; } - .single article .titlewrapper h1.single-title, - .page article .titlewrapper h1.single-title { - margin: 0; - font: 800 3rem "Butler"; - color: #000; - padding: 2rem; - background-color: #fff; } - @media (min-width: 769px) { - .single article .titlewrapper h1.single-title, - .page article .titlewrapper h1.single-title { - font-size: 3.5rem; } } - @media (min-width: 1024px) { - .single article .titlewrapper h1.single-title, - .page article .titlewrapper h1.single-title { - font-size: 5rem; } } - @media (max-width: 768px) { - .single article.has-post-thumbnail .titlewrapper, - .page article.has-post-thumbnail .titlewrapper { - position: absolute; - height: 100vh; - justify-content: flex-end; - padding: 0; } - .single article.has-post-thumbnail .titlewrapper h1.single-title, - .page article.has-post-thumbnail .titlewrapper h1.single-title { - min-height: 25vh; } } - @media (min-width: 769px) { - .single article, - .page article { - min-height: calc(100vh - 10rem); - margin-top: 100vh; - margin-left: 5rem; - background-color: #fff; - border-left: #000 solid 1px; - padding-left: 10rem; - /* ---------------------- title and metadata on desktop --------------------- */ } - .single article .thumbnailwrapper, - .page article .thumbnailwrapper { - position: fixed; - top: 0; - left: 0; - z-index: -1; - bottom: 0; - width: 100%; } - .single article .thumbnailwrapper img.attachment-post-thumbnail, - .page article .thumbnailwrapper img.attachment-post-thumbnail { - object-fit: cover; - padding: 0; - width: 100%; - height: 100%; } - .single article .titlewrapper, - .page article .titlewrapper { - position: relative; - justify-content: flex-start; - height: unset; - padding-top: 0; } - .single article .titlewrapper .metadata, - .page article .titlewrapper .metadata { - top: -5rem; - width: calc(100% + 5rem); - padding-left: 0; - padding-right: 0; } - .single article .titlewrapper .metadata::after, - .page article .titlewrapper .metadata::after { - position: absolute; - content: ""; - display: block; - top: 0; - border: none; - width: calc(100% - 5rem + (5rem + 1px)); - border-top: #000 1px solid; - background-color: white; - left: calc(5rem); - margin-left: calc((5rem + 1px) * -1); - z-index: 90; } - .single article .titlewrapper .metadata::before, - .page article .titlewrapper .metadata::before { - display: block; - content: ""; - position: absolute; - width: calc(5rem); - height: calc(5rem); - top: 0; - background-color: white; - z-index: 9; - left: calc((5rem + 1px) * -1); - border-left: #000 solid 1px; - -moz-transform: skewX(-45deg); - -o-transform: skewX(-45deg); - -ms-transform: skewX(-45deg); - -webkit-transform: skewX(-45deg); - transform: skewX(-45deg); - transform-origin: left bottom; - border-top: #000 solid 1px; } - .single article .titlewrapper .metadata .metaWrapper, - .page article .titlewrapper .metadata .metaWrapper { - padding-right: 20rem; - padding-left: 0; - max-width: calc(768px + 20rem); - padding-left: 5rem; } - .single article .titlewrapper h1.single-title, - .page article .titlewrapper h1.single-title { - background-color: transparent; - min-height: unset; - top: -5rem; - position: relative; + flex-direction: row; + justify-content: flex-start; } + .singularpage article .titlewrapper .metadata .metaWrapper .time-cat::after { + content: " "; + display: inline-block; } + .singularpage article .titlewrapper .metadata .metaWrapper .format::before { + content: "|"; + display: inline-block; } + .singularpage article .titlewrapper h1.single-title { + margin: 0; + font: 800 3rem "Butler"; + color: #000; + padding: 2rem; + background-color: #fff; } + @media (min-width: 769px) { + .singularpage article .titlewrapper h1.single-title { + font-size: 3.5rem; } } + @media (min-width: 1024px) { + .singularpage article .titlewrapper h1.single-title { + font-size: 5rem; } } + @media (max-width: 768px) { + .singularpage article.has-post-thumbnail .titlewrapper { + position: absolute; + height: 100vh; + justify-content: flex-end; + padding: 0; } + .singularpage article.has-post-thumbnail .titlewrapper h1.single-title { + min-height: 25vh; } } + @media (min-width: 769px) { + .singularpage article { + min-height: calc(100vh - 10rem); + margin-top: 100vh; + margin-left: 5rem; + background-color: #fff; + border-left: #000 solid 1px; + padding-left: 10rem; } + .singularpage article .thumbnailwrapper { + position: fixed; + top: 0; + left: 0; + z-index: -1; + bottom: 0; + width: 100%; } + .singularpage article .thumbnailwrapper img.attachment-post-thumbnail { + object-fit: cover; + padding: 0; + width: 100%; + height: 100%; } + .singularpage article .titlewrapper { + position: relative; + justify-content: flex-start; + height: unset; + padding-top: 0; } + .singularpage article .titlewrapper .metadata { + top: -5rem; + width: calc(100% + 5rem); + padding-left: 0; + padding-right: 0; } + .singularpage article .titlewrapper .metadata::after { + position: absolute; + content: ""; + display: block; + top: 0; + border: none; + width: calc(100% - 5rem + (5rem + 1px)); + border-top: #000 1px solid; + background-color: white; + left: calc(5rem); + margin-left: calc((5rem + 1px) * -1); + z-index: 90; } + .singularpage article .titlewrapper .metadata::before { + display: block; + content: ""; + position: absolute; + width: calc(5rem); + height: calc(5rem); + top: 0; + background-color: white; + z-index: 9; + left: calc((5rem + 1px) * -1); + border-left: #000 solid 1px; + -moz-transform: skewX(-45deg); + -o-transform: skewX(-45deg); + -ms-transform: skewX(-45deg); + -webkit-transform: skewX(-45deg); + transform: skewX(-45deg); + transform-origin: left bottom; + border-top: #000 solid 1px; } + .singularpage article .titlewrapper .metadata .metaWrapper { padding-right: 20rem; padding-left: 0; - max-width: calc(768px + 20rem); } } - .single article hr, - .page article hr { - height: 1px; - background-color: #ff5f5f; - padding: 0; - margin: 0 auto; - border: none; - width: 20%; } - .single article hr.content-wrap, - .page article hr.content-wrap { - width: 40%; } - .single article hr.content-begin, - .page article hr.content-begin { - margin-top: 2rem; } - @media (min-width: 769px) { - .single article hr.content-begin, - .page article hr.content-begin { - margin-top: 0 !important; } } - .single article hr.content-end, - .page article hr.content-end { - margin-top: 4rem; - margin-bottom: 0; } - @media (min-width: 769px) { - .single article hr.content-end, - .page article hr.content-end { - margin-top: 2rem; - margin-bottom: 2rem; } } - .single article hr.wp-block-separator:nth-of-type(2), - .page article hr.wp-block-separator:nth-of-type(2) { - margin-bottom: 4rem; } - .single article.has-post-thumbnail hr.content-begin, - .page article.has-post-thumbnail hr.content-begin { - margin-top: calc(25vh + 2rem); } - .single article .single-content, - .page article .single-content { - position: relative; - padding: 2rem; - /* ---------------------------- images on single ---------------------------- */ } - @media (min-width: 769px) { - .single article .single-content, - .page article .single-content { + max-width: calc(768px + 20rem); + padding-left: 5rem; } + .singularpage article .titlewrapper h1.single-title { + background-color: transparent; + min-height: unset; top: -5rem; + position: relative; padding-right: 20rem; padding-left: 0; max-width: calc(768px + 20rem); } } - .single article .single-content p, - .page article .single-content p { - line-height: 1.3; } - .single article .single-content h2, - .page article .single-content h2 { - font: 800 3rem "Butler"; } - .single article .single-content h3, - .page article .single-content h3 { - font: 800 2rem "Butler"; - color: #000; - margin: 2rem 0; - display: inline-block; + .singularpage article hr { + height: 1px; + background-color: #ff5f5f; + padding: 0; + margin: 0 auto; + border: none; + width: 20%; } + .singularpage article hr.content-wrap { + width: 40%; } + .singularpage article hr.content-begin { + margin-top: 2rem; } + @media (min-width: 769px) { + .singularpage article hr.content-begin { + margin-top: 0 !important; } } + .singularpage article hr.content-end { + margin-top: 4rem; + margin-bottom: 0; } + @media (min-width: 769px) { + .singularpage article hr.content-end { + margin-top: 2rem; + margin-bottom: 2rem; } } + .singularpage article hr.wp-block-separator:nth-of-type(2) { + margin-bottom: 4rem; } + .singularpage article.has-post-thumbnail hr.content-begin { + margin-top: calc(25vh + 2rem); } + .singularpage article .single-content { + position: relative; + padding: 2rem; } + @media (min-width: 769px) { + .singularpage article .single-content { + top: -5rem; + padding-right: 20rem; + padding-left: 0; + max-width: calc(768px + 20rem); } } + .singularpage article .single-content p { + line-height: 1.3; } + .singularpage article .single-content h2 { + font: 800 3rem "Butler"; } + .singularpage article .single-content h3 { + font: 800 2rem "Butler"; + color: #000; + margin: 2rem 0; + display: inline-block; + background: #ff5f5f; + -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; + -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; + box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } + .singularpage article .single-content h4 { + font-weight: 300; + font-size: 2.4rem; + line-height: 1.3; } + .singularpage article .single-content a:hover { + text-decoration: underline; } + .singularpage article .single-content strong { + font-weight: 900; } + .singularpage article .single-content blockquote { + font: 800 2rem "Butler"; + color: #000; + margin: 3rem 0; } + .singularpage article .single-content blockquote p { background: #ff5f5f; + display: inline; + padding: 5px 0 3px; -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } - .single article .single-content h4, - .page article .single-content h4 { - font-weight: 300; - font-size: 2.4rem; - line-height: 1.3; } - .single article .single-content a:hover, - .page article .single-content a:hover { - text-decoration: underline; } - .single article .single-content strong, - .page article .single-content strong { - font-weight: 900; } - .single article .single-content blockquote, - .page article .single-content blockquote { - font: 800 2rem "Butler"; - color: #000; - margin: 3rem 0; } - .single article .single-content blockquote p, - .page article .single-content blockquote p { - background: #ff5f5f; - display: inline; - padding: 5px 0 3px; - -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; - -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; - box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } - .single article .single-content blockquote cite, - .page article .single-content blockquote cite { - display: block; - position: relative; + .singularpage article .single-content blockquote cite { + display: block; + position: relative; + font-size: 80%; + top: 0.5rem; + left: 2rem; } + .singularpage article .single-content .wp-block-pullquote { + padding: 4rem; } + .singularpage article .single-content .wp-block-pullquote blockquote { + display: inline; + position: relative; } + .singularpage article .single-content .wp-block-pullquote blockquote p { + font: 800 2.1rem "Butler"; + color: #000; + padding-top: 8px; } + @media (min-width: 769px) { + .singularpage article .single-content .wp-block-pullquote blockquote p { + font-size: 2.8rem; + padding-top: 5px; } } + .singularpage article .single-content .wp-block-pullquote blockquote cite { + position: absolute; font-size: 80%; - top: 0.5rem; - left: 2rem; } - .single article .single-content .wp-block-pullquote, - .page article .single-content .wp-block-pullquote { - padding: 4rem; } - .single article .single-content .wp-block-pullquote blockquote, - .page article .single-content .wp-block-pullquote blockquote { - display: inline; - position: relative; } - .single article .single-content .wp-block-pullquote blockquote p, - .page article .single-content .wp-block-pullquote blockquote p { - font: 800 2.1rem "Butler"; - color: #000; - padding-top: 8px; } - @media (min-width: 769px) { - .single article .single-content .wp-block-pullquote blockquote p, - .page article .single-content .wp-block-pullquote blockquote p { - font-size: 2.8rem; - padding-top: 5px; } } - .single article .single-content .wp-block-pullquote blockquote cite, - .page article .single-content .wp-block-pullquote blockquote cite { - position: absolute; - font-size: 80%; - bottom: -3rem; - right: 0; - top: unset; - left: unset; - display: inline-block; } - .single article .single-content .wp-block-image, - .page article .single-content .wp-block-image { - margin: 2rem 0; - position: relative !important; } + bottom: -3rem; + right: 0; + top: unset; + left: unset; + display: inline-block; } + .singularpage article .single-content .wp-block-image { + margin: 2rem 0; + position: relative !important; } + @media (min-width: 769px) { + .singularpage article .single-content .wp-block-image { + padding: 0; } } + .singularpage article .single-content .wp-block-image:not(.wp-block-image-aligned) { + width: -moz-max-content; + width: max-content; + width: -moz-fit-content; + width: fit-content; } + .singularpage article .single-content .wp-block-image figcaption { + bottom: 0 !important; } + .singularpage article .single-content .wp-block-image figcaption::after { + content: ""; + display: block; + position: absolute; + background-color: transparent; + width: 0; + height: 0; + right: -5rem; + top: -5rem; + border-top: 5rem solid transparent; + border-left: 5rem solid transparent; + border-right: 5rem solid transparent; + border-bottom: 5rem solid #fff; + position: absolute; + z-index: -1; } + .singularpage article .single-content .wp-block-gallery { + padding: 0; + margin: 2rem 0; } + .singularpage article .single-content .wp-block-gallery li { + margin-right: 0; } @media (min-width: 769px) { - .single article .single-content .wp-block-image, - .page article .single-content .wp-block-image { - padding: 0; } } - .single article .single-content .wp-block-image:not(.wp-block-image-aligned), - .page article .single-content .wp-block-image:not(.wp-block-image-aligned) { + .singularpage article .single-content .wp-block-gallery li { + margin: 0; } } + @media (min-width: 769px) { + .singularpage article .single-content .wp-block-gallery li:nth-child(odd) figcaption { + padding-right: 0; } } + .singularpage article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after { + content: ""; + display: block; + position: absolute; + background-color: transparent; + width: 0; + height: 0; + right: -5rem; + top: -5rem; + border-top: 5rem solid transparent; + border-left: 5rem solid transparent; + border-right: 5rem solid transparent; + border-bottom: 5rem solid #fff; + position: absolute; + z-index: -1; } + .singularpage article .single-content .wp-block-gallery li:nth-child(even) figcaption { + right: 0; + top: 0; } + @media (min-width: 769px) { + .singularpage article .single-content .wp-block-gallery li:nth-child(even) figcaption { + padding-left: 0; } } + .singularpage article .single-content .wp-block-gallery li:nth-child(even) figcaption::after { + content: ""; + display: block; + position: absolute; + background-color: transparent; + width: 0; + height: 0; + left: -5rem; + bottom: -5rem; + border-bottom: 5rem solid transparent; + border-left: 5rem solid transparent; + border-right: 5rem solid transparent; + border-top: 5rem solid #fff; + position: absolute; + z-index: -1; } + .singularpage article .single-content figcaption { + background: #fff; + position: absolute; + display: none; + width: calc(100% - 5rem); + height: 5rem; + padding: 1rem 2rem; + margin: auto 0; + bottom: unset; + font: 900 1rem "Westeinde Caption"; + color: #000; + line-height: 1; + text-align: left; + overflow: unset; + flex-direction: column; + justify-content: center; + z-index: 1; + align-content: stretch; } + @media (min-width: 769px) { + .singularpage article .single-content figcaption { + display: flex; + width: calc(100% - 2.5rem); + height: 2.5rem; + padding: 0.5rem 1rem; } } + @media (min-width: 1024px) { + .singularpage article .single-content figcaption { + width: calc(100% - 5rem); + height: 5rem; + padding: 1rem 2rem; } } + .singularpage article .single-content figcaption span { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + @media (min-width: 769px) { + .singularpage article .single-content figcaption { + display: none; } + .singularpage article .single-content figcaption.vis { + display: flex; } } + .singularpage article .single-content .wp-block-gallery .alignedWrapper, + .singularpage article .single-content .wp-block-image .alignedWrapper { + position: relative; } + @media (min-width: 769px) { + .singularpage article .single-content .wp-block-gallery .alignedWrapper, + .singularpage article .single-content .wp-block-image .alignedWrapper { + max-width: 50%; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; } - .single article .single-content .wp-block-image figcaption, - .page article .single-content .wp-block-image figcaption { - bottom: 0 !important; } - .single article .single-content .wp-block-image figcaption::after, - .page article .single-content .wp-block-image figcaption::after { - content: ""; - display: block; - position: absolute; - background-color: transparent; - width: 0; - height: 0; - right: -5rem; - top: -5rem; - border-top: 5rem solid transparent; - border-left: 5rem solid transparent; - border-right: 5rem solid transparent; - border-bottom: 5rem solid #fff; - position: absolute; - z-index: -1; } - .single article .single-content .wp-block-gallery, - .page article .single-content .wp-block-gallery { - padding: 0; - margin: 2rem 0; } - .single article .single-content .wp-block-gallery li, - .page article .single-content .wp-block-gallery li { - margin-right: 0; } - @media (min-width: 769px) { - .single article .single-content .wp-block-gallery li, - .page article .single-content .wp-block-gallery li { - margin: 0; } } - @media (min-width: 769px) { - .single article .single-content .wp-block-gallery li:nth-child(odd) figcaption, - .page article .single-content .wp-block-gallery li:nth-child(odd) figcaption { - padding-right: 0; } } - .single article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after, - .page article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after { - content: ""; - display: block; - position: absolute; - background-color: transparent; - width: 0; - height: 0; - right: -5rem; - top: -5rem; - border-top: 5rem solid transparent; - border-left: 5rem solid transparent; - border-right: 5rem solid transparent; - border-bottom: 5rem solid #fff; - position: absolute; - z-index: -1; } - .single article .single-content .wp-block-gallery li:nth-child(even) figcaption, - .page article .single-content .wp-block-gallery li:nth-child(even) figcaption { - right: 0; - top: 0; } - @media (min-width: 769px) { - .single article .single-content .wp-block-gallery li:nth-child(even) figcaption, - .page article .single-content .wp-block-gallery li:nth-child(even) figcaption { - padding-left: 0; } } - .single article .single-content .wp-block-gallery li:nth-child(even) figcaption::after, - .page article .single-content .wp-block-gallery li:nth-child(even) figcaption::after { - content: ""; - display: block; - position: absolute; - background-color: transparent; - width: 0; - height: 0; - left: -5rem; - bottom: -5rem; - border-bottom: 5rem solid transparent; - border-left: 5rem solid transparent; - border-right: 5rem solid transparent; - border-top: 5rem solid #fff; - position: absolute; - z-index: -1; } - .single article .single-content .wp-block-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption, - .page article .single-content .wp-block-image figcaption, - .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption, - .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { - background: #fff; - position: absolute; - display: none; - width: calc(100% - 5rem); - height: 5rem; - padding: 1rem 2rem; - margin: auto 0; - bottom: unset; - font: 900 1rem "Westeinde Caption"; - color: #000; - line-height: 1; - text-align: left; - overflow: unset; - flex-direction: column; - justify-content: center; - z-index: 1; - align-content: stretch; } + .singularpage article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper, + .singularpage article .single-content .wp-block-image .alignedWrapper.alignleftWrapper { + padding-right: 2rem; + float: left; } + .singularpage article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper, + .singularpage article .single-content .wp-block-image .alignedWrapper.alignrightWrapper { + padding-left: 2rem; + float: right; } } + .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignleft, + .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignright, + .singularpage article .single-content .wp-block-image .alignedWrapper .alignleft, + .singularpage article .single-content .wp-block-image .alignedWrapper .alignright { + margin: 0; + position: relative; + float: unset; } @media (min-width: 769px) { - .single article .single-content .wp-block-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption, - .page article .single-content .wp-block-image figcaption, - .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption, - .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { - display: flex; - width: calc(100% - 2.5rem); - height: 2.5rem; - padding: 0.5rem 1rem; } } - @media (min-width: 1024px) { - .single article .single-content .wp-block-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption, - .page article .single-content .wp-block-image figcaption, - .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption, - .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { - width: calc(100% - 5rem); - height: 5rem; - padding: 1rem 2rem; } } - .single article .single-content .wp-block-image figcaption span, - .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption span, - .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption span, - .page article .single-content .wp-block-image figcaption span, - .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption span, - .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption span { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; } - @media (min-width: 769px) { - .single article .single-content .wp-block-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption, - .page article .single-content .wp-block-image figcaption, - .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption, - .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { - display: none; } - .single article .single-content .wp-block-image figcaption.vis, - .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption.vis, - .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption.vis, - .page article .single-content .wp-block-image figcaption.vis, - .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption.vis, - .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption.vis { - display: flex; } } - .single article .single-content .wp-block-gallery .alignedWrapper, - .single article .single-content .wp-block-image .alignedWrapper, - .page article .single-content .wp-block-gallery .alignedWrapper, - .page article .single-content .wp-block-image .alignedWrapper { - position: relative; } - @media (min-width: 769px) { - .single article .single-content .wp-block-gallery .alignedWrapper, - .single article .single-content .wp-block-image .alignedWrapper, - .page article .single-content .wp-block-gallery .alignedWrapper, - .page article .single-content .wp-block-image .alignedWrapper { - max-width: 50%; - width: -moz-max-content; - width: max-content; - width: -moz-fit-content; - width: fit-content; } - .single article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper, - .single article .single-content .wp-block-image .alignedWrapper.alignleftWrapper, - .page article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper, - .page article .single-content .wp-block-image .alignedWrapper.alignleftWrapper { - padding-right: 2rem; - float: left; } - .single article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper, - .single article .single-content .wp-block-image .alignedWrapper.alignrightWrapper, - .page article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper, - .page article .single-content .wp-block-image .alignedWrapper.alignrightWrapper { - padding-left: 2rem; - float: right; } } - .single article .single-content .wp-block-gallery .alignedWrapper .alignleft, - .single article .single-content .wp-block-gallery .alignedWrapper .alignright, - .single article .single-content .wp-block-image .alignedWrapper .alignleft, - .single article .single-content .wp-block-image .alignedWrapper .alignright, - .page article .single-content .wp-block-gallery .alignedWrapper .alignleft, - .page article .single-content .wp-block-gallery .alignedWrapper .alignright, - .page article .single-content .wp-block-image .alignedWrapper .alignleft, - .page article .single-content .wp-block-image .alignedWrapper .alignright { - margin: 0; - position: relative; - float: unset; } - @media (min-width: 769px) { - .single article .single-content .wp-block-gallery .alignedWrapper .alignleft, - .single article .single-content .wp-block-gallery .alignedWrapper .alignright, - .single article .single-content .wp-block-image .alignedWrapper .alignleft, - .single article .single-content .wp-block-image .alignedWrapper .alignright, - .page article .single-content .wp-block-gallery .alignedWrapper .alignleft, - .page article .single-content .wp-block-gallery .alignedWrapper .alignright, - .page article .single-content .wp-block-image .alignedWrapper .alignleft, - .page article .single-content .wp-block-image .alignedWrapper .alignright { - width: auto; } } - .single article .single-content .wp-block-gallery .alignedWrapper .alignleft img, - .single article .single-content .wp-block-gallery .alignedWrapper .alignright img, - .single article .single-content .wp-block-image .alignedWrapper .alignleft img, - .single article .single-content .wp-block-image .alignedWrapper .alignright img, - .page article .single-content .wp-block-gallery .alignedWrapper .alignleft img, - .page article .single-content .wp-block-gallery .alignedWrapper .alignright img, - .page article .single-content .wp-block-image .alignedWrapper .alignleft img, - .page article .single-content .wp-block-image .alignedWrapper .alignright img { - height: auto; } - .single article .single-content .authors, - .page article .single-content .authors { + .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignleft, + .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignright, + .singularpage article .single-content .wp-block-image .alignedWrapper .alignleft, + .singularpage article .single-content .wp-block-image .alignedWrapper .alignright { + width: auto; } } + .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignleft img, + .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignright img, + .singularpage article .single-content .wp-block-image .alignedWrapper .alignleft img, + .singularpage article .single-content .wp-block-image .alignedWrapper .alignright img { + height: auto; } + .singularpage article .single-content .authors { + font: bold 1.4rem "Westeinde Caption"; + font-size: 2rem; + color: #fff; + -webkit-text-stroke: #000 1px; + color: #000; + -webkit-text-stroke: 0px; } + @media (min-width: 769px) { + .singularpage article .single-content .authors { + font: 900 1.5rem "Westeinde Caption"; + color: #fff; + -webkit-text-stroke: #000 1px; } } + @media (min-width: 1024px) { + .singularpage article .single-content .authors { + font-size: 2rem; } } + @media (min-width: 1024px) { + .singularpage article .single-content .authors { + font-size: 3rem; } } + .singularpage article .single-content .authors a { font: bold 1.4rem "Westeinde Caption"; font-size: 2rem; color: #fff; - -webkit-text-stroke: #000 1px; - color: #000; - -webkit-text-stroke: 0px; } + -webkit-text-stroke: #000 1px; } @media (min-width: 769px) { - .single article .single-content .authors, - .page article .single-content .authors { + .singularpage article .single-content .authors a { font: 900 1.5rem "Westeinde Caption"; color: #fff; -webkit-text-stroke: #000 1px; } } @media (min-width: 1024px) { - .single article .single-content .authors, - .page article .single-content .authors { + .singularpage article .single-content .authors a { font-size: 2rem; } } @media (min-width: 1024px) { - .single article .single-content .authors, - .page article .single-content .authors { + .singularpage article .single-content .authors a { font-size: 3rem; } } - .single article .single-content .authors a, - .page article .single-content .authors a { - font: bold 1.4rem "Westeinde Caption"; - font-size: 2rem; - color: #fff; - -webkit-text-stroke: #000 1px; } - @media (min-width: 769px) { - .single article .single-content .authors a, - .page article .single-content .authors a { - font: 900 1.5rem "Westeinde Caption"; - color: #fff; - -webkit-text-stroke: #000 1px; } } - @media (min-width: 1024px) { - .single article .single-content .authors a, - .page article .single-content .authors a { - font-size: 2rem; } } - @media (min-width: 1024px) { - .single article .single-content .authors a, - .page article .single-content .authors a { - font-size: 3rem; } } - .single #cboxOverlay, - .page #cboxOverlay { - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - background-color: #000; - z-index: 10; } - .single #colorbox, - .page #colorbox { - z-index: 12; } - @media (min-width: 769px) { - .single #colorbox, - .page #colorbox { - z-index: 3150; } } - .single #colorbox:focus, - .page #colorbox:focus { - border: none; - outline: none; } - .single #colorbox #cboxContent #cboxTitle, - .page #colorbox #cboxContent #cboxTitle { - padding: 1rem; - font: 900 1rem "Westeinde Caption"; - color: #000; - color: #fff; - text-align: center; - width: 100%; } - .single #colorbox #cboxContent #cboxTitle span, - .page #colorbox #cboxContent #cboxTitle span { - max-width: calc(100% - 8rem); - display: inline-block; } - @media (min-width: 769px) { - .single #colorbox #cboxContent #cboxTitle span, - .page #colorbox #cboxContent #cboxTitle span { - max-width: 100%; } } - .single #colorbox #cboxContent #cboxCurrent, - .page #colorbox #cboxContent #cboxCurrent { - display: none !important; } - .single #colorbox #cboxContent button, - .page #colorbox #cboxContent button { - position: absolute; - background-repeat: no-repeat; - background-position: center; - background-size: 100%; } - .single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxNext, - .page #colorbox #cboxContent button#cboxPrevious, - .page #colorbox #cboxContent button#cboxNext { - background-image: url(../img/solid_arrow_right.svg); - width: 2rem; - height: 4rem; - bottom: -5rem; - filter: invert(100); - z-index: 14; } - @media (min-width: 769px) { - .single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxNext, - .page #colorbox #cboxContent button#cboxPrevious, - .page #colorbox #cboxContent button#cboxNext { - position: fixed; - top: 50%; - z-index: 3200; } } - .single #colorbox #cboxContent button#cboxPrevious, - .page #colorbox #cboxContent button#cboxPrevious { - left: 1rem; - -moz-transform: scaleX(-1); - -o-transform: scaleX(-1); - -ms-transform: scaleX(-1); - -webkit-transform: scaleX(-1); - transform: scaleX(-1); } - @media (min-width: 769px) { - .single #colorbox #cboxContent button#cboxPrevious, - .page #colorbox #cboxContent button#cboxPrevious { - left: 4rem; } } - .single #colorbox #cboxContent button#cboxNext, - .page #colorbox #cboxContent button#cboxNext { - right: 1rem; } - @media (min-width: 769px) { - .single #colorbox #cboxContent button#cboxNext, - .page #colorbox #cboxContent button#cboxNext { - right: 4rem; } } - .single #colorbox #cboxContent button#cboxClose, - .page #colorbox #cboxContent button#cboxClose { - background-image: url(../img/dis-plus-white.svg); - width: 2rem; - height: 2rem; - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - top: -3rem; - right: 1rem; } - @media (min-width: 769px) { - .single #colorbox #cboxContent button#cboxClose, - .page #colorbox #cboxContent button#cboxClose { - position: fixed; - right: 4rem; - top: 4rem; } } -/* ------------------------------ related posts ----------------------------- */ +.singularpage #cboxOverlay { + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + background-color: #000; + z-index: 10; } + +.singularpage #colorbox { + z-index: 12; } + @media (min-width: 769px) { + .singularpage #colorbox { + z-index: 3150; } } + .singularpage #colorbox:focus { + border: none; + outline: none; } + .singularpage #colorbox #cboxContent #cboxTitle { + padding: 1rem; + font: 900 1rem "Westeinde Caption"; + color: #000; + color: #fff; + text-align: center; + width: 100%; } + .singularpage #colorbox #cboxContent #cboxTitle span { + max-width: calc(100% - 8rem); + display: inline-block; } + @media (min-width: 769px) { + .singularpage #colorbox #cboxContent #cboxTitle span { + max-width: 100%; } } + .singularpage #colorbox #cboxContent #cboxCurrent { + display: none !important; } + .singularpage #colorbox #cboxContent button { + position: absolute; + background-repeat: no-repeat; + background-position: center; + background-size: 100%; } + .singularpage #colorbox #cboxContent button#cboxPrevious, .singularpage #colorbox #cboxContent button#cboxNext { + background-image: url(../img/solid_arrow_right.svg); + width: 2rem; + height: 4rem; + bottom: -5rem; + filter: invert(100); + z-index: 14; } + @media (min-width: 769px) { + .singularpage #colorbox #cboxContent button#cboxPrevious, .singularpage #colorbox #cboxContent button#cboxNext { + position: fixed; + top: 50%; + z-index: 3200; } } + .singularpage #colorbox #cboxContent button#cboxPrevious { + left: 1rem; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -ms-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); } + @media (min-width: 769px) { + .singularpage #colorbox #cboxContent button#cboxPrevious { + left: 4rem; } } + .singularpage #colorbox #cboxContent button#cboxNext { + right: 1rem; } + @media (min-width: 769px) { + .singularpage #colorbox #cboxContent button#cboxNext { + right: 4rem; } } + .singularpage #colorbox #cboxContent button#cboxClose { + background-image: url(../img/dis-plus-white.svg); + width: 2rem; + height: 2rem; + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + top: -3rem; + right: 1rem; } + @media (min-width: 769px) { + .singularpage #colorbox #cboxContent button#cboxClose { + position: fixed; + right: 4rem; + top: 4rem; } } + .toHome, #related_posts > h3 { padding-bottom: 4rem; @@ -5461,131 +2853,131 @@ body.category.category-esemeny { margin-bottom: 4rem; display: block; } } -#related_posts { - /* ------------------------ related posts on desktop ------------------------ */ } - #related_posts > h3 { - display: none; } - #related_posts ul { - padding: 0; } - #related_posts ul li { - display: block; - position: relative; - cursor: pointer; } - #related_posts ul li > a { - margin: 0; - padding: 0; - border: none; - display: inline-block; } - #related_posts ul li .related_thumbnailwrapper img { - height: 50vw; - width: 100vw; - object-fit: cover; } - #related_posts ul li h2 { - width: 100%; - height: 50vw; - padding: 2rem; - padding-top: 3rem; - margin: 0; } - #related_posts ul li h2 a { - display: block; - font: 500 2rem "Westeinde Caption"; - line-height: 1.3; } - #related_posts ul li .metadata { - bottom: 50%; - height: 5rem; - display: flex; - width: -moz-max-content; - width: max-content; - width: -moz-fit-content; - width: fit-content; - justify-content: space-around; - flex-wrap: nowrap; - align-items: center; - padding: 0; } - #related_posts ul li .metadata .vr { +#related_posts > h3 { + display: none; } + +#related_posts ul { + padding: 0; } + #related_posts ul li { + display: block; + position: relative; + cursor: pointer; } + #related_posts ul li > a { + margin: 0; + padding: 0; + border: none; + display: inline-block; } + #related_posts ul li .related_thumbnailwrapper img { + height: 50vw; + width: 100vw; + object-fit: cover; } + #related_posts ul li h2 { + width: 100%; + height: 50vw; + padding: 2rem; + padding-top: 3rem; + margin: 0; } + #related_posts ul li h2 a { + display: block; + font: 500 2rem "Westeinde Caption"; + line-height: 1.3; } + #related_posts ul li .metadata { + bottom: 50%; + height: 5rem; + display: flex; + width: -moz-max-content; + width: max-content; + width: -moz-fit-content; + width: fit-content; + justify-content: space-around; + flex-wrap: nowrap; + align-items: center; + padding: 0; } + #related_posts ul li .metadata .vr { + height: 100%; + width: 1px; + background-color: #000; + flex-grow: 0 !important; + flex-shrink: 0 !important; + flex-basis: auto !important; + box-shadow: 0 0 1px transparent; } + +@media (min-width: 769px) { + #related_posts { + top: -5rem; + position: relative; + padding-top: 4rem; + padding-right: 20rem; + padding-left: 0; + max-width: calc(768px + 20rem); } + #related_posts > h3 { + display: block; } + #related_posts ul { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + height: calc((100vw - 16rem) / 3); + max-height: calc(1024px / 3); } + #related_posts ul li { + width: calc(100% / 3); + padding-bottom: calc(100% / 3); + position: relative; + height: 0; } + #related_posts ul li .relatedWrapper { + position: absolute; height: 100%; - width: 1px; - background-color: #000; - flex-grow: 0 !important; - flex-shrink: 0 !important; - flex-basis: auto !important; - box-shadow: 0 0 1px transparent; } - @media (min-width: 769px) { - #related_posts { - top: -5rem; - position: relative; - padding-top: 4rem; - padding-right: 20rem; - padding-left: 0; - max-width: calc(768px + 20rem); } - #related_posts > h3 { - display: block; } - #related_posts ul { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - height: calc((100vw - 16rem) / 3); - max-height: calc(1024px / 3); } - #related_posts ul li { - width: calc(100% / 3); - padding-bottom: calc(100% / 3); - position: relative; - height: 0; } - #related_posts ul li .relatedWrapper { - position: absolute; + width: 100%; } + #related_posts ul li .related_thumbnailwrapper { + width: 100%; + height: 100%; } + #related_posts ul li .related_thumbnailwrapper img { + width: 100%; height: 100%; - width: 100%; } - #related_posts ul li .related_thumbnailwrapper { - width: 100%; - height: 100%; } - #related_posts ul li .related_thumbnailwrapper img { - width: 100%; - height: 100%; - object-fit: cover; } - #related_posts ul li .metadata { - width: 100%; - min-width: unset; + object-fit: cover; } + #related_posts ul li .metadata { + width: 100%; + min-width: unset; + position: absolute; + bottom: 0; + right: 0; + background: transparent; + display: flex; + flex-direction: row; + padding: 0; + justify-content: space-between; + align-items: stretch; + height: 5rem; + display: none; } + #related_posts ul li .metadata::after { position: absolute; - bottom: 0; - right: 0; - background: transparent; - display: flex; - flex-direction: row; - padding: 0; - justify-content: space-between; - align-items: stretch; - height: 5rem; - display: none; } - #related_posts ul li .metadata::after { - position: absolute; - content: ""; - display: block; - top: 0; - border: none; - width: calc(100% - 5rem); - border-top: #000 1px solid; - background-color: transparent; - left: calc(5rem); - margin-left: 0; - z-index: 90; } - #related_posts ul li .metadata::before { - display: block; - content: ""; - position: absolute; - width: calc(5rem); - height: calc(5rem); - top: 0; - background-color: transparent; - z-index: 9; - left: 0; - border-left: #000 solid 1px; - -moz-transform: skewX(-45deg); - -o-transform: skewX(-45deg); - -ms-transform: skewX(-45deg); - -webkit-transform: skewX(-45deg); - transform: skewX(-45deg); - transform-origin: left bottom; - border-top: #000 solid 1px; } } + content: ""; + display: block; + top: 0; + border: none; + width: calc(100% - 5rem); + border-top: #000 1px solid; + background-color: transparent; + left: calc(5rem); + margin-left: 0; + z-index: 90; } + #related_posts ul li .metadata::before { + display: block; + content: ""; + position: absolute; + width: calc(5rem); + height: calc(5rem); + top: 0; + background-color: transparent; + z-index: 9; + left: 0; + border-left: #000 solid 1px; + -moz-transform: skewX(-45deg); + -o-transform: skewX(-45deg); + -ms-transform: skewX(-45deg); + -webkit-transform: skewX(-45deg); + transform: skewX(-45deg); + transform-origin: left bottom; + border-top: #000 solid 1px; } } @media (min-width: 769px) and (min-width: 769px) { #related_posts ul li .metadata { height: 2.5rem; } @@ -5652,17 +3044,18 @@ body.category.category-esemeny { transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } } - @media (min-width: 769px) { - #related_posts ul li .metadata.vis { - display: flex; } - #related_posts ul li .metadata .categories, - #related_posts ul li .metadata .postedon { - font: bold 1rem "Westeinde Caption"; - color: #000; - display: flex; - flex-direction: column; - justify-content: center; - align-content: center; } } + +@media (min-width: 769px) { + #related_posts ul li .metadata.vis { + display: flex; } + #related_posts ul li .metadata .categories, + #related_posts ul li .metadata .postedon { + font: bold 1rem "Westeinde Caption"; + color: #000; + display: flex; + flex-direction: column; + justify-content: center; + align-content: center; } } @media (min-width: 769px) and (min-width: 1024px) { #related_posts ul li .metadata .categories, #related_posts ul li .metadata .postedon { @@ -5675,25 +3068,27 @@ body.category.category-esemeny { #related_posts ul li .metadata .categories, #related_posts ul li .metadata .postedon { font-size: 2.5rem; } } - @media (min-width: 769px) { - #related_posts ul li .metadata .categories { - padding: 1.33333rem 0; - flex: 1 1 auto; - margin-left: 6rem; } } + +@media (min-width: 769px) { + #related_posts ul li .metadata .categories { + padding: 1.33333rem 0; + flex: 1 1 auto; + margin-left: 6rem; } } @media (min-width: 769px) and (min-width: 769px) { #related_posts ul li .metadata .categories { margin-left: 2rem; } } @media (min-width: 769px) and (min-width: 1024px) { #related_posts ul li .metadata .categories { margin-left: 6rem; } } - @media (min-width: 769px) { - #related_posts ul li .metadata .postedon { - padding: 1.33333rem 1rem; - flex: 1 0 auto; } - #related_posts ul li h2, - #related_posts ul li h2 a { - font: bold 1.5rem "Westeinde Caption"; - color: #000; } } + +@media (min-width: 769px) { + #related_posts ul li .metadata .postedon { + padding: 1.33333rem 1rem; + flex: 1 0 auto; } + #related_posts ul li h2, + #related_posts ul li h2 a { + font: bold 1.5rem "Westeinde Caption"; + color: #000; } } @media (min-width: 769px) and (min-width: 360px) { #related_posts ul li h2, #related_posts ul li h2 a { @@ -5719,14 +3114,15 @@ body.category.category-esemeny { #related_posts ul li h2, #related_posts ul li h2 a { font-size: 3rem; } } - @media (min-width: 769px) { - #related_posts ul li h2 { - display: none; - position: absolute; - top: 0; - background-color: #fff; - height: 100%; - padding-left: 4rem; } } + +@media (min-width: 769px) { + #related_posts ul li h2 { + display: none; + position: absolute; + top: 0; + background-color: #fff; + height: 100%; + padding-left: 4rem; } } @media (min-width: 769px) and (min-width: 769px) { #related_posts ul li h2 { padding-left: 2.5rem; } } @@ -5736,15 +3132,16 @@ body.category.category-esemeny { @media (min-width: 769px) and (min-width: 1279px) { #related_posts ul li h2 { padding: 5rem; } } - @media (min-width: 769px) { - #related_posts ul li h2 a { - height: -moz-max-content; - height: max-content; - height: -moz-fit-content; - height: fit-content; - position: absolute; - bottom: 7rem; - width: calc(100% - 8rem); } } + +@media (min-width: 769px) { + #related_posts ul li h2 a { + height: -moz-max-content; + height: max-content; + height: -moz-fit-content; + height: fit-content; + position: absolute; + bottom: 7rem; + width: calc(100% - 8rem); } } @media (min-width: 769px) and (min-width: 769px) { #related_posts ul li h2 a { bottom: 3.5rem; @@ -5757,7 +3154,6 @@ body.category.category-esemeny { #related_posts ul li h2 a { width: calc(100% - 10rem); } } -/* -------------------------------- page only------------------------------- */ @media (max-width: 768px) { body.page.rolunk .wrapper .header { background-color: #000; } @@ -5781,9 +3177,6 @@ body.category.category-esemeny { body.page article { margin-top: 10rem; } } -/* -------------------------------------------------------------------------- */ -/* TAG COLORS */ -/* -------------------------------------------------------------------------- */ @media (max-width: 768px) { .archive.tag-be .metadata, .archive .tag-be .metadata, @@ -5915,18 +3308,12 @@ body.category.category-esemeny { .search-results.tag-be.archive.tag, .search-results .tag-be.archive.tag { background-color: #fdff00 !important; } - .archive.tag-be.archive.tag .header-1, - .archive.tag-be.archive.tag .header-2, - .archive .tag-be.archive.tag .header-1, - .archive .tag-be.archive.tag .header-2, - .home.tag-be.archive.tag .header-1, - .home.tag-be.archive.tag .header-2, - .home .tag-be.archive.tag .header-1, - .home .tag-be.archive.tag .header-2, - .search-results.tag-be.archive.tag .header-1, - .search-results.tag-be.archive.tag .header-2, - .search-results .tag-be.archive.tag .header-1, - .search-results .tag-be.archive.tag .header-2 { + .archive.tag-be.archive.tag .header-inner, + .archive .tag-be.archive.tag .header-inner, + .home.tag-be.archive.tag .header-inner, + .home .tag-be.archive.tag .header-inner, + .search-results.tag-be.archive.tag .header-inner, + .search-results .tag-be.archive.tag .header-inner { background-color: #fdff00 !important; } .archive.tag-be.archive.tag article *:not(.vr), .archive .tag-be.archive.tag article *:not(.vr), @@ -6090,18 +3477,12 @@ body.category.category-esemeny { .search-results.tag-do.archive.tag, .search-results .tag-do.archive.tag { background-color: #3c00ff !important; } - .archive.tag-do.archive.tag .header-1, - .archive.tag-do.archive.tag .header-2, - .archive .tag-do.archive.tag .header-1, - .archive .tag-do.archive.tag .header-2, - .home.tag-do.archive.tag .header-1, - .home.tag-do.archive.tag .header-2, - .home .tag-do.archive.tag .header-1, - .home .tag-do.archive.tag .header-2, - .search-results.tag-do.archive.tag .header-1, - .search-results.tag-do.archive.tag .header-2, - .search-results .tag-do.archive.tag .header-1, - .search-results .tag-do.archive.tag .header-2 { + .archive.tag-do.archive.tag .header-inner, + .archive .tag-do.archive.tag .header-inner, + .home.tag-do.archive.tag .header-inner, + .home .tag-do.archive.tag .header-inner, + .search-results.tag-do.archive.tag .header-inner, + .search-results .tag-do.archive.tag .header-inner { background-color: #3c00ff !important; } .archive.tag-do.archive.tag article *:not(.vr), .archive .tag-do.archive.tag article *:not(.vr), @@ -6265,18 +3646,12 @@ body.category.category-esemeny { .search-results.tag-think.archive.tag, .search-results .tag-think.archive.tag { background-color: #00ffb8 !important; } - .archive.tag-think.archive.tag .header-1, - .archive.tag-think.archive.tag .header-2, - .archive .tag-think.archive.tag .header-1, - .archive .tag-think.archive.tag .header-2, - .home.tag-think.archive.tag .header-1, - .home.tag-think.archive.tag .header-2, - .home .tag-think.archive.tag .header-1, - .home .tag-think.archive.tag .header-2, - .search-results.tag-think.archive.tag .header-1, - .search-results.tag-think.archive.tag .header-2, - .search-results .tag-think.archive.tag .header-1, - .search-results .tag-think.archive.tag .header-2 { + .archive.tag-think.archive.tag .header-inner, + .archive .tag-think.archive.tag .header-inner, + .home.tag-think.archive.tag .header-inner, + .home .tag-think.archive.tag .header-inner, + .search-results.tag-think.archive.tag .header-inner, + .search-results .tag-think.archive.tag .header-inner { background-color: #00ffb8 !important; } .archive.tag-think.archive.tag article *:not(.vr), .archive .tag-think.archive.tag article *:not(.vr), @@ -6440,18 +3815,12 @@ body.category.category-esemeny { .search-results.tag-love.archive.tag, .search-results .tag-love.archive.tag { background-color: #ff5f5f !important; } - .archive.tag-love.archive.tag .header-1, - .archive.tag-love.archive.tag .header-2, - .archive .tag-love.archive.tag .header-1, - .archive .tag-love.archive.tag .header-2, - .home.tag-love.archive.tag .header-1, - .home.tag-love.archive.tag .header-2, - .home .tag-love.archive.tag .header-1, - .home .tag-love.archive.tag .header-2, - .search-results.tag-love.archive.tag .header-1, - .search-results.tag-love.archive.tag .header-2, - .search-results .tag-love.archive.tag .header-1, - .search-results .tag-love.archive.tag .header-2 { + .archive.tag-love.archive.tag .header-inner, + .archive .tag-love.archive.tag .header-inner, + .home.tag-love.archive.tag .header-inner, + .home .tag-love.archive.tag .header-inner, + .search-results.tag-love.archive.tag .header-inner, + .search-results .tag-love.archive.tag .header-inner { background-color: #ff5f5f !important; } .archive.tag-love.archive.tag article *:not(.vr), .archive .tag-love.archive.tag article *:not(.vr), @@ -6621,28 +3990,21 @@ body.category.category-esemeny { text-decoration: none; } body.hover-tag-be, -.header-1.hover-tag-be, -.header-2.hover-tag-be { +.header-inner.hover-tag-be { background-color: #fdff00 !important; } body.hover-tag-do, -.header-1.hover-tag-do, -.header-2.hover-tag-do { +.header-inner.hover-tag-do { background-color: #3c00ff !important; } body.hover-tag-think, -.header-1.hover-tag-think, -.header-2.hover-tag-think { +.header-inner.hover-tag-think { background-color: #00ffb8 !important; } body.hover-tag-love, -.header-1.hover-tag-love, -.header-2.hover-tag-love { +.header-inner.hover-tag-love { background-color: #ff5f5f !important; } -/* -------------------------------------------------------------------------- */ -/* imports */ -/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* BUTLER */ /* -------------------------------------------------------------------------- */ diff --git a/functions.php b/functions.php index 40a66e2..f37a624 100644 --- a/functions.php +++ b/functions.php @@ -225,6 +225,15 @@ function add_slug_to_body_class($classes) return $classes; } +function add_masonry_to_body_class( $classes ) { + if(is_home() || is_archive() || is_search() || is_404()){ + $classes[] = 'masonrypage'; + } else if(is_singular()){ + $classes[] = 'singularpage'; + } + return $classes; +} + // // If Dynamic Sidebar Exists // if (function_exists('register_sidebar')) // { @@ -605,6 +614,7 @@ remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0); // Add Filters add_filter('avatar_defaults', 'dis2019gravatar'); // Custom Gravatar in Settings > Discussion add_filter('body_class', 'add_slug_to_body_class'); // Add slug to body class (Starkers build) +add_filter('body_class', 'add_masonry_to_body_class'); // Add masonry to body class add_filter('widget_text', 'do_shortcode'); // Allow shortcodes in Dynamic Sidebar add_filter('widget_text', 'shortcode_unautop'); // Remove

tags in Dynamic Sidebars (better!) add_filter('wp_nav_menu_args', 'my_wp_nav_menu_args'); // Remove surrounding

from WP Navigation diff --git a/header.php b/header.php index 96c22e8..d6967d2 100644 --- a/header.php +++ b/header.php @@ -44,7 +44,7 @@ -
+