From 7ab073d2803496a1754abaf8b7579bfe775b8496 Mon Sep 17 00:00:00 2001 From: infeeeee Date: Wed, 14 Aug 2019 04:46:39 +0200 Subject: [PATCH] error, no result pages --- 404.php | 14 +- KÉZIKÖNYV.md | 9 +- _teendők.md | 10 +- css/base.css | 2459 ++++++++++++++++++++++++++++++-------- customizer.php | 11 + functions.php | 33 +- js/scripts.js | 154 ++- languages/HTML5Blank.pot | 88 +- languages/hu_HU.mo | Bin 4320 -> 4319 bytes languages/hu_HU.po | 90 +- loop-inner.php | 8 +- sass/base.scss | 557 +++++---- 12 files changed, 2573 insertions(+), 860 deletions(-) diff --git a/404.php b/404.php index 23e4398..9015c46 100644 --- a/404.php +++ b/404.php @@ -6,12 +6,14 @@
- -

-

- -

- +
+

+ +
diff --git a/KÉZIKÖNYV.md b/KÉZIKÖNYV.md index 9dfcb40..7e0cad3 100644 --- a/KÉZIKÖNYV.md +++ b/KÉZIKÖNYV.md @@ -1,5 +1,11 @@ # Felhasználói kézikönyv +## Tesztoldal elérhetősége + +[dis.gyetpet.dynu.net](https://dis.gyetpet.dynu.net) + +Ez általában ugynaz a verzió mint itt git-en, de előfordulhat, hogy a git le van maradva. + ## Különböző elemek szerkesztése ### Bejegyzések @@ -103,5 +109,6 @@ nvm install 11 nvm use 11 sudo apt install python npm install gulp-cli -g -nvm install dev +npm install dev ``` +`gulp watch` diff --git a/_teendők.md b/_teendők.md index dbbd81a..221b616 100644 --- a/_teendők.md +++ b/_teendők.md @@ -13,8 +13,6 @@ felgördülő alcím -> pozíciója a kép alsó éléhez igazodik Nyitócikkek felgördülő lead hosszát pontosítani -Nagycímes címek, még feljebb - semmiképpen ne lógjon a cím elé a felgördölő cucc Max karakterszám alcímnél, hogy hova menjen @@ -28,19 +26,15 @@ Kezdőlap: # Kategória oldalak -reszponzivitás több oldalméreten megnézni -vonalak néhol túlvékonyodik, vastagodik - egyenletlen # menü # Oldal -!Nincs találat oldal, pl keresésnél - -404 oldal - Menü oldalakat átnézni, mi hiányzik még, miről van adat egyáltalán +# keresési eredmények + # egyéb Cookie értesítés diff --git a/css/base.css b/css/base.css index 3118827..6d0529f 100644 --- a/css/base.css +++ b/css/base.css @@ -894,16 +894,22 @@ object { /* -------------------------------------------------------------------------- */ .archive, .home, -.search-results { +.search-results, +.search-no-results, +.error404 { /* -------------------------- no results on mobile -------------------------- */ } .archive .wrapper, .home .wrapper, - .search-results .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-results .wrapper, + .search-no-results .wrapper, + .error404 .wrapper { overflow-y: hidden; width: -moz-max-content; width: max-content; @@ -913,7 +919,9 @@ object { @media (min-width: 769px) { .archive .wrapper .header .header-scroll, .home .wrapper .header .header-scroll, - .search-results .wrapper .header .header-scroll { + .search-results .wrapper .header .header-scroll, + .search-no-results .wrapper .header .header-scroll, + .error404 .wrapper .header .header-scroll { display: block; position: fixed; height: 100vh; @@ -922,39 +930,55 @@ object { 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-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-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-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/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-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-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-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/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-results .wrapper .header .header-scroll button, + .search-no-results .wrapper .header .header-scroll button, + .error404 .wrapper .header .header-scroll button { height: 100vh; width: 10rem; } @media (min-width: 769px) { .archive main, .home main, - .search-results main { + .search-results main, + .search-no-results main, + .error404 main { height: 100vh; width: -moz-max-content; width: max-content; @@ -963,7 +987,9 @@ object { position: relative; } } .archive main section, .home main section, - .search-results 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 ------------------------ */ @@ -972,7 +998,9 @@ object { @media (min-width: 769px) { .archive main section, .home main section, - .search-results main section { + .search-results main section, + .search-no-results main section, + .error404 main section { display: flex; flex-direction: row; margin: 0; @@ -983,28 +1011,38 @@ object { width: fit-content; } } .archive main section .archivetitle, .home main section .archivetitle, - .search-results 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-results main section article, + .search-no-results main section article, + .error404 main section article { height: 100vh; } .archive main section article > a, .home main section article > a, - .search-results 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; 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-results main section article .thumbnailwrapper img, + .search-no-results main section article .thumbnailwrapper img, + .error404 main section article .thumbnailwrapper img { height: 50vh; width: 100vw; object-fit: cover; } .archive main section article h2, .home main section article h2, - .search-results main section article h2 { + .search-results main section article h2, + .search-no-results main section article h2, + .error404 main section article h2 { width: 100%; height: 50vh; padding: 2rem; @@ -1012,32 +1050,44 @@ object { margin: 0; } .archive main section article h2 a, .home main section article h2 a, - .search-results 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 3rem "Westeinde Caption"; color: #000; } @media (-webkit-min-device-pixel-ratio: 2.1) { .archive main section article h2 a, .home main section article h2 a, - .search-results 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 !important; } } @media (min-width: 1024px) { .archive main section article h2 a, .home main section article h2 a, - .search-results 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: 6rem; } } @media (min-width: 1279px) { .archive main section article h2 a, .home main section article h2 a, - .search-results 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: 7.5rem; } } @media (min-width: 1919px) { .archive main section article h2 a, .home main section article h2 a, - .search-results 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: 11rem; } } .archive main section article .metadata, .home main section article .metadata, - .search-results main section article .metadata { + .search-results main section article .metadata, + .search-no-results main section article .metadata, + .error404 main section article .metadata { bottom: 50%; height: 5rem; display: flex; @@ -1051,7 +1101,9 @@ object { padding: 0; } .archive main section article .metadata .vr, .home main section article .metadata .vr, - .search-results 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; @@ -1060,25 +1112,35 @@ object { flex-basis: auto !important; box-shadow: 0 0 1px transparent; } .archive main section article .metadata .bevezeto, - .archive main section article .metadata .alcim, + .archive main section article .metadata .alcimWrapper, .archive main section article .metadata .curvyArrow, .home main section article .metadata .bevezeto, - .home main section article .metadata .alcim, + .home main section article .metadata .alcimWrapper, .home main section article .metadata .curvyArrow, .search-results main section article .metadata .bevezeto, - .search-results main section article .metadata .alcim, - .search-results main section article .metadata .curvyArrow { + .search-results main section article .metadata .alcimWrapper, + .search-results main section article .metadata .curvyArrow, + .search-no-results main section article .metadata .bevezeto, + .search-no-results main section article .metadata .alcimWrapper, + .search-no-results main section article .metadata .curvyArrow, + .error404 main section article .metadata .bevezeto, + .error404 main section article .metadata .alcimWrapper, + .error404 main section article .metadata .curvyArrow { display: none; } @media (min-width: 769px) { .archive main section .home_wrapper-big, .home main section .home_wrapper-big, - .search-results 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-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); @@ -1093,13 +1155,17 @@ object { @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-results main section .home_wrapper-big article, + .search-no-results main section .home_wrapper-big article, + .error404 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-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; @@ -1107,22 +1173,43 @@ object { 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-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-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: 4rem; - padding-right: 2rem; - width: calc(100vw - 25rem); } + padding: 2rem; + padding-left: 4rem; + 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 { + 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-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; background: transparent; width: 100%; @@ -1136,94 +1223,93 @@ object { @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-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 { height: 10rem; } } @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-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 { 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-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 { font-size: 2rem; } } @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.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-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 { height: calc(10rem / 2); } } @media (min-width: 769px) { .archive main section .home_wrapper-big article .metadata.noBottomScrollbar, .home main section .home_wrapper-big article .metadata.noBottomScrollbar, - .search-results main section .home_wrapper-big article .metadata.noBottomScrollbar { + .search-results main section .home_wrapper-big article .metadata.noBottomScrollbar, + .search-no-results main section .home_wrapper-big article .metadata.noBottomScrollbar, + .error404 main section .home_wrapper-big article .metadata.noBottomScrollbar { height: 11.5rem; } .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-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-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-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 .bevezeto, - .archive main section .home_wrapper-big article .metadata .alcim, + .archive main section .home_wrapper-big article .metadata .alcimWrapper, .home main section .home_wrapper-big article .metadata .bevezeto, - .home main section .home_wrapper-big article .metadata .alcim, + .home main section .home_wrapper-big article .metadata .alcimWrapper, .search-results main section .home_wrapper-big article .metadata .bevezeto, - .search-results main section .home_wrapper-big article .metadata .alcim { - color: #000 !important; + .search-results main section .home_wrapper-big article .metadata .alcimWrapper, + .search-no-results main section .home_wrapper-big article .metadata .bevezeto, + .search-no-results main section .home_wrapper-big article .metadata .alcimWrapper, + .error404 main section .home_wrapper-big article .metadata .bevezeto, + .error404 main section .home_wrapper-big article .metadata .alcimWrapper { display: none; } - .archive main section .home_wrapper-big article .metadata .alcim, - .home main section .home_wrapper-big article .metadata .alcim, - .search-results main section .home_wrapper-big article .metadata .alcim { - -moz-transform: rotate(270deg); - -o-transform: rotate(270deg); - -ms-transform: rotate(270deg); - -webkit-transform: rotate(270deg); - transform: rotate(270deg); - transform-origin: top bottom; - text-align: left; - flex: 0 0 auto; - height: 5rem; - width: 20rem; - margin: 0 -3rem; } - .archive main section .home_wrapper-big article .metadata .bevezeto, - .home main section .home_wrapper-big article .metadata .bevezeto, - .search-results main section .home_wrapper-big article .metadata .bevezeto { - width: 50%; - flex: 0 1 auto; - text-align: left; - padding: 5rem; - font: bold 1rem "Butler"; } } - @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article .metadata .bevezeto, - .home main section .home_wrapper-big article .metadata .bevezeto, - .search-results main section .home_wrapper-big article .metadata .bevezeto { - font-size: 2rem; } } - @media (min-width: 769px) { .archive main section .home_wrapper-big article .metadata .transparent, .archive main section .home_wrapper-big article .metadata .transparent a, .home main section .home_wrapper-big article .metadata .transparent, .home main section .home_wrapper-big article .metadata .transparent a, .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 a, + .search-no-results main section .home_wrapper-big article .metadata .transparent, + .search-no-results main section .home_wrapper-big article .metadata .transparent a, + .error404 main section .home_wrapper-big article .metadata .transparent, + .error404 main section .home_wrapper-big article .metadata .transparent a { 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-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-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; @@ -1232,7 +1318,9 @@ object { 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-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; @@ -1240,21 +1328,73 @@ object { @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-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 { 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-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: 15rem; } } + @media (min-width: 769px) { + .archive main section .home_wrapper-big article.hovered .bevezeto, + .archive main section .home_wrapper-big article.hovered .alcim, + .home main section .home_wrapper-big article.hovered .bevezeto, + .home main section .home_wrapper-big article.hovered .alcim, + .search-results main section .home_wrapper-big article.hovered .bevezeto, + .search-results main section .home_wrapper-big article.hovered .alcim, + .search-no-results main section .home_wrapper-big article.hovered .bevezeto, + .search-no-results main section .home_wrapper-big article.hovered .alcim, + .error404 main section .home_wrapper-big article.hovered .bevezeto, + .error404 main section .home_wrapper-big article.hovered .alcim { + color: #000 !important; } + .archive main section .home_wrapper-big article.hovered .alcim, + .home main section .home_wrapper-big article.hovered .alcim, + .search-results main section .home_wrapper-big article.hovered .alcim, + .search-no-results main section .home_wrapper-big article.hovered .alcim, + .error404 main section .home_wrapper-big article.hovered .alcim { + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + text-align: right; + writing-mode: vertical-lr; + margin: 2rem; } + .archive main section .home_wrapper-big article.hovered .bevezeto, + .home main section .home_wrapper-big article.hovered .bevezeto, + .search-results main section .home_wrapper-big article.hovered .bevezeto, + .search-no-results main section .home_wrapper-big article.hovered .bevezeto, + .error404 main section .home_wrapper-big article.hovered .bevezeto { + height: 100%; + max-height: 100%; + text-align: left; + margin: 0 2rem; + padding: 2rem 0; + align-self: flex-start; + font: bold 1rem "Butler"; } } + @media (min-width: 769px) and (min-width: 1024px) { + .archive main section .home_wrapper-big article.hovered .bevezeto, + .home main section .home_wrapper-big article.hovered .bevezeto, + .search-results main section .home_wrapper-big article.hovered .bevezeto, + .search-no-results main section .home_wrapper-big article.hovered .bevezeto, + .error404 main section .home_wrapper-big article.hovered .bevezeto { + font-size: 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-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-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 { position: absolute; content: ""; display: block; @@ -1267,7 +1407,9 @@ object { margin-left: calc((1px) * -1); } .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-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 { display: block; content: ""; position: absolute; @@ -1287,19 +1429,27 @@ object { 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-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-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-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-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; @@ -1312,7 +1462,9 @@ object { margin-right: calc((1px) * -1); } .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-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; @@ -1331,21 +1483,34 @@ object { 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-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-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-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, - .search-results 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)); @@ -1357,85 +1522,236 @@ object { 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, - .search-results 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), - .search-results 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), - .search-results 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.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, - .search-results 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.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, - .search-results 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, - .search-results 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, - .search-results 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 .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; } .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 .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 .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 .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; @@ -1453,23 +1769,65 @@ object { .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 .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 .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; @@ -1483,12 +1841,33 @@ object { .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 .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; @@ -1510,12 +1889,33 @@ object { .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 .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; @@ -1529,12 +1929,33 @@ object { .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 .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; @@ -1556,22 +1977,64 @@ object { .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 .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: 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 .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; @@ -1585,12 +2048,33 @@ object { .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 .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; @@ -1612,12 +2096,33 @@ object { .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 .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, @@ -1625,18 +2130,60 @@ object { .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 .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; @@ -1653,18 +2200,60 @@ object { .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 .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-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-small article .metadata .categories, @@ -1673,18 +2262,60 @@ object { .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 .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-size: 1.3rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-small article .metadata .categories, @@ -1693,29 +2324,92 @@ object { .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 .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-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 .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; } } @@ -1723,57 +2417,162 @@ object { .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 .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: 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 .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: 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 .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 { 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 .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) 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 .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 1rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive main section .home_wrapper-small article h2, @@ -1782,18 +2581,60 @@ object { .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 .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-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { @@ -1803,18 +2644,60 @@ object { .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 .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-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-small article h2, @@ -1823,18 +2706,60 @@ object { .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 .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-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-small article h2, @@ -1843,29 +2768,92 @@ object { .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 .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-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 .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; @@ -1875,12 +2863,33 @@ object { .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 .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; @@ -1895,12 +2904,33 @@ object { .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 .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: 2.5rem; margin-right: 2rem; margin-bottom: 7rem; @@ -1909,35 +2939,91 @@ object { .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 .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-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 .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-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, - .search-results 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, - .search-results main section .home_wrapper-small .archivetitle { - margin: 0 auto; + .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; @@ -1949,8 +3035,15 @@ object { 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, - .search-results 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; @@ -1962,8 +3055,15 @@ object { left: calc(5rem); margin-left: 0; } .archive main section .home_wrapper-small .archivetitle::before, + .archive main section #post-404 .archivetitle::before, .home main section .home_wrapper-small .archivetitle::before, - .search-results 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; @@ -1982,8 +3082,15 @@ object { 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, - .search-results 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 3rem "Westeinde Caption"; color: #000; margin: 0; @@ -1992,44 +3099,100 @@ object { text-align: left; } } @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { .archive main section .home_wrapper-small .archivetitle h1, + .archive main section #post-404 .archivetitle h1, .home main section .home_wrapper-small .archivetitle h1, - .search-results 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-size: 2.5rem !important; } } @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, - .search-results 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-size: 6rem; } } @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, - .search-results 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-size: 7.5rem; } } @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, - .search-results 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-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, - .search-results 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, - .search-results 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, - .search-results 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, - .search-results 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; @@ -2044,59 +3207,246 @@ object { 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, - .search-results 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) 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, - .search-results 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 { 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, - .search-results 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 { font-size: 1.8rem; } } - .archive.no-result, + .archive.no-result, .archive.error404, .archive.search-no-results, .home.no-result, - .search-results.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.no-result .wrapper, .archive.error404 .wrapper, .archive.search-no-results .wrapper, .home.no-result .wrapper, - .search-results.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 header, + .archive.no-result .wrapper header, .archive.error404 .wrapper header, .archive.search-no-results .wrapper header, .home.no-result .wrapper header, - .search-results.no-result .wrapper header { + .home.error404 .wrapper header, + .home.search-no-results .wrapper header, + .search-results.no-result .wrapper header, + .search-results.error404 .wrapper header, + .search-results.search-no-results .wrapper header, + .search-no-results.no-result .wrapper header, + .search-no-results.error404 .wrapper header, + .search-no-results.search-no-results .wrapper header, + .error404.no-result .wrapper header, + .error404.error404 .wrapper header, + .error404.search-no-results .wrapper header { background-color: #000; } - .archive.no-result .wrapper #content .archivetitle, - .home.no-result .wrapper #content .archivetitle, - .search-results.no-result .wrapper #content .archivetitle { + .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 #content article.no-result, + .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, - .search-results.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.no-result main, .archive.error404 main, .archive.search-no-results main, .home.no-result main, - .search-results.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#content, - .home.no-result main section#content, - .search-results.no-result main section#content { + .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#content .home_wrapper-1, - .home.no-result main section#content .home_wrapper-1, - .search-results.no-result main section#content .home_wrapper-1 { + .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; } - .archive.no-result main section#content .home_wrapper-1 .archivetitle, - .home.no-result main section#content .home_wrapper-1 .archivetitle, - .search-results.no-result main section#content .home_wrapper-1 .archivetitle { + 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 { + 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; @@ -2105,8 +3455,226 @@ object { width: 100%; height: 100%; left: 0; - top: 0; - background-color: transparent; } } + 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 3rem "Westeinde Caption"; + color: #000; + display: inline-block; + height: unset; + top: unset; + position: relative; + margin: 0; } } + @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.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 { + font-size: 2.5rem !important; } } + @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 { + font-size: 6rem; } } + @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 { + font-size: 7.5rem; } } + @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 { + 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 */ @@ -2127,9 +3695,18 @@ object { .search-results #content .archivetitle h1 { font-size: 3rem; } } -@media (min-width: 769px) { - .search-no-results main { - padding: 0 20rem; } } +.search-no-results .wrapper { + height: unset; } + .search-no-results .wrapper header { + background-color: #000; } + .search-no-results .wrapper main section .archivetitle { + padding: 8rem 2rem 0; } + .search-no-results .wrapper main section .archivetitle h1 { + text-overflow: ellipsis; + overflow: hidden; + max-width: 100%; } + .search-no-results .wrapper main section .no-result { + padding: 2rem; } /* -------------------------------------------------------------------------- */ /* Events */ @@ -2295,8 +3872,7 @@ body.category.category-esemeny { .single, .page { /* ---------------------------- single on mobile ---------------------------- */ - /* -------------------------------- lightbox -------------------------------- */ - /* ------------------------------ related posts ----------------------------- */ } + /* -------------------------------- lightbox -------------------------------- */ } @media (min-width: 769px) { .single .wrapper, .page .wrapper { @@ -2915,217 +4491,183 @@ body.category.category-esemeny { position: fixed; right: 4rem; top: 4rem; } } - .single .toHome, - .single #related_posts > h3, - .page .toHome, - .page #related_posts > h3 { - padding-bottom: 4rem; - margin: 0 auto; - text-align: center; + +/* ------------------------------ related posts ----------------------------- */ +.toHome, +#related_posts > h3 { + padding-bottom: 4rem; + margin: 0 auto; + text-align: center; + font: bold 1.4rem "Westeinde Caption"; } + @media (min-width: 769px) { + .toHome, + #related_posts > h3 { + font: 900 1.5rem "Westeinde Caption"; + color: #fff; + -webkit-text-stroke: #000 1px; } } + @media (min-width: 1024px) { + .toHome, + #related_posts > h3 { + font-size: 2rem; } } + .toHome a, + #related_posts > h3 a { font: bold 1.4rem "Westeinde Caption"; } @media (min-width: 769px) { - .single .toHome, - .single #related_posts > h3, - .page .toHome, - .page #related_posts > h3 { + .toHome a, + #related_posts > h3 a { font: 900 1.5rem "Westeinde Caption"; color: #fff; -webkit-text-stroke: #000 1px; } } @media (min-width: 1024px) { - .single .toHome, - .single #related_posts > h3, - .page .toHome, - .page #related_posts > h3 { + .toHome a, + #related_posts > h3 a { font-size: 2rem; } } - .single .toHome a, - .single #related_posts > h3 a, - .page .toHome a, - .page #related_posts > h3 a { - font: bold 1.4rem "Westeinde Caption"; } - @media (min-width: 769px) { - .single .toHome a, - .single #related_posts > h3 a, - .page .toHome a, - .page #related_posts > h3 a { - font: 900 1.5rem "Westeinde Caption"; - color: #fff; - -webkit-text-stroke: #000 1px; } } - @media (min-width: 1024px) { - .single .toHome a, - .single #related_posts > h3 a, - .page .toHome a, - .page #related_posts > h3 a { - font-size: 2rem; } } - .single .toHome a:hover, - .single #related_posts > h3 a:hover, - .page .toHome a:hover, - .page #related_posts > h3 a:hover { - color: #000; - -webkit-text-stroke-color: transparent; } + .toHome a:hover, + #related_posts > h3 a:hover { + color: #000; + -webkit-text-stroke-color: transparent; } + +@media (min-width: 769px) { + .toHome { + position: relative; + padding-top: 4rem; + top: -5rem; + margin: 0; + padding-right: 20rem; + padding-left: 0; + max-width: calc(1024px + 20rem); } + .toHome a { + 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 { + 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) { - .single .toHome, - .page .toHome { + #related_posts { + top: -5rem; position: relative; padding-top: 4rem; - top: -5rem; - margin: 0; padding-right: 20rem; padding-left: 0; max-width: calc(1024px + 20rem); } - .single .toHome a, - .page .toHome a { - margin-bottom: 4rem; - display: block; } } - .single #related_posts, - .page #related_posts { - /* ------------------------ related posts on desktop ------------------------ */ } - .single #related_posts > h3, - .page #related_posts > h3 { - display: none; } - .single #related_posts ul, - .page #related_posts ul { - padding: 0; } - .single #related_posts ul li, - .page #related_posts ul li { - display: block; - position: relative; - cursor: pointer; } - .single #related_posts ul li > a, - .page #related_posts ul li > a { - margin: 0; - padding: 0; - border: none; - display: inline-block; } - .single #related_posts ul li .related_thumbnailwrapper img, - .page #related_posts ul li .related_thumbnailwrapper img { - height: 50vw; - width: 100vw; - object-fit: cover; } - .single #related_posts ul li h2, - .page #related_posts ul li h2 { - width: 100%; - height: 50vw; - padding: 2rem; - padding-top: 3rem; - margin: 0; } - .single #related_posts ul li h2 a, - .page #related_posts ul li h2 a { - display: block; - font: 500 2rem "Westeinde Caption"; - line-height: 1.3; } - .single #related_posts ul li .metadata, - .page #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; } - .single #related_posts ul li .metadata .vr, - .page #related_posts ul li .metadata .vr { + #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) { - .single #related_posts, - .page #related_posts { - top: -5rem; - position: relative; - padding-top: 4rem; - padding-right: 20rem; - padding-left: 0; - max-width: calc(1024px + 20rem); } - .single #related_posts > h3, - .page #related_posts > h3 { - display: block; } - .single #related_posts ul, - .page #related_posts ul { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - height: calc((100vw - 16rem) / 3); - max-height: calc(1024px / 3); } - .single #related_posts ul li, - .page #related_posts ul li { - width: calc(100% / 3); - padding-bottom: calc(100% / 3); - position: relative; - height: 0; } - .single #related_posts ul li .relatedWrapper, - .page #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%; } - .single #related_posts ul li .related_thumbnailwrapper, - .page #related_posts ul li .related_thumbnailwrapper { - width: 100%; - height: 100%; } - .single #related_posts ul li .related_thumbnailwrapper img, - .page #related_posts ul li .related_thumbnailwrapper img { - width: 100%; - height: 100%; - object-fit: cover; } - .single #related_posts ul li .metadata, - .page #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; } - .single #related_posts ul li .metadata::after, - .page #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; } - .single #related_posts ul li .metadata::before, - .page #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; } + #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) { - .single #related_posts ul li .metadata, - .page #related_posts ul li .metadata { + #related_posts ul li .metadata { height: 2.5rem; } - .single #related_posts ul li .metadata::after, - .page #related_posts ul li .metadata::after { + #related_posts ul li .metadata::after { position: absolute; content: ""; display: block; @@ -3136,8 +4678,7 @@ body.category.category-esemeny { background-color: transparent; left: calc(2.5rem); margin-left: 0; } - .single #related_posts ul li .metadata::before, - .page #related_posts ul li .metadata::before { + #related_posts ul li .metadata::before { display: block; content: ""; position: absolute; @@ -3156,11 +4697,9 @@ body.category.category-esemeny { transform-origin: left bottom; border-top: #000 solid 1px; } } @media (min-width: 769px) and (min-width: 1024px) { - .single #related_posts ul li .metadata, - .page #related_posts ul li .metadata { + #related_posts ul li .metadata { height: 5rem; } - .single #related_posts ul li .metadata::after, - .page #related_posts ul li .metadata::after { + #related_posts ul li .metadata::after { position: absolute; content: ""; display: block; @@ -3171,8 +4710,7 @@ body.category.category-esemeny { background-color: transparent; left: calc(5rem); margin-left: 0; } - .single #related_posts ul li .metadata::before, - .page #related_posts ul li .metadata::before { + #related_posts ul li .metadata::before { display: block; content: ""; position: absolute; @@ -3190,126 +4728,97 @@ body.category.category-esemeny { transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } } - @media (min-width: 769px) { - .single #related_posts ul li .metadata.vis, - .page #related_posts ul li .metadata.vis { - display: flex; } - .single #related_posts ul li .metadata .categories, - .single #related_posts ul li .metadata .postedon, - .page #related_posts ul li .metadata .categories, - .page #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) { - .single #related_posts ul li .metadata .categories, - .single #related_posts ul li .metadata .postedon, - .page #related_posts ul li .metadata .categories, - .page #related_posts ul li .metadata .postedon { + #related_posts ul li .metadata .categories, + #related_posts ul li .metadata .postedon { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .single #related_posts ul li .metadata .categories, - .single #related_posts ul li .metadata .postedon, - .page #related_posts ul li .metadata .categories, - .page #related_posts ul li .metadata .postedon { + #related_posts ul li .metadata .categories, + #related_posts ul li .metadata .postedon { font-size: 1.3rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .single #related_posts ul li .metadata .categories, - .single #related_posts ul li .metadata .postedon, - .page #related_posts ul li .metadata .categories, - .page #related_posts ul li .metadata .postedon { + #related_posts ul li .metadata .categories, + #related_posts ul li .metadata .postedon { font-size: 2.5rem; } } - @media (min-width: 769px) { - .single #related_posts ul li .metadata .categories, - .page #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) { - .single #related_posts ul li .metadata .categories, - .page #related_posts ul li .metadata .categories { + #related_posts ul li .metadata .categories { margin-left: 2rem; } } @media (min-width: 769px) and (min-width: 1024px) { - .single #related_posts ul li .metadata .categories, - .page #related_posts ul li .metadata .categories { + #related_posts ul li .metadata .categories { margin-left: 6rem; } } - @media (min-width: 769px) { - .single #related_posts ul li .metadata .postedon, - .page #related_posts ul li .metadata .postedon { - padding: 1.33333rem 1rem; - flex: 1 0 auto; } } + @media (min-width: 769px) { + #related_posts ul li .metadata .postedon { + padding: 1.33333rem 1rem; + flex: 1 0 auto; } } @media (min-width: 769px) and (min-width: 769px) { - .single #related_posts ul li h2, - .single #related_posts ul li h2 a, - .page #related_posts ul li h2, - .page #related_posts ul li h2 a { + #related_posts ul li h2, + #related_posts ul li h2 a { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { - .single #related_posts ul li h2, - .single #related_posts ul li h2 a, - .page #related_posts ul li h2, - .page #related_posts ul li h2 a { + #related_posts ul li h2, + #related_posts ul li h2 a { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .single #related_posts ul li h2, - .single #related_posts ul li h2 a, - .page #related_posts ul li h2, - .page #related_posts ul li h2 a { + #related_posts ul li h2, + #related_posts ul li h2 a { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { - .single #related_posts ul li h2, - .single #related_posts ul li h2 a, - .page #related_posts ul li h2, - .page #related_posts ul li h2 a { + #related_posts ul li h2, + #related_posts ul li h2 a { font-size: 3rem; } } - @media (min-width: 769px) { - .single #related_posts ul li h2, - .page #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) { - .single #related_posts ul li h2, - .page #related_posts ul li h2 { + #related_posts ul li h2 { padding-left: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { - .single #related_posts ul li h2, - .page #related_posts ul li h2 { + #related_posts ul li h2 { padding-left: 4rem; } } @media (min-width: 769px) and (min-width: 1279px) { - .single #related_posts ul li h2, - .page #related_posts ul li h2 { + #related_posts ul li h2 { padding: 5rem; } } - @media (min-width: 769px) { - .single #related_posts ul li h2 a, - .page #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) { - .single #related_posts ul li h2 a, - .page #related_posts ul li h2 a { + #related_posts ul li h2 a { bottom: 3.5rem; width: calc(100% - 4rem); } } @media (min-width: 769px) and (min-width: 1024px) { - .single #related_posts ul li h2 a, - .page #related_posts ul li h2 a { + #related_posts ul li h2 a { bottom: 7rem; width: calc(100% - 8rem); } } @media (min-width: 769px) and (min-width: 1279px) { - .single #related_posts ul li h2 a, - .page #related_posts ul li h2 a { + #related_posts ul li h2 a { width: calc(100% - 10rem); } } /* -------------------------------- page only------------------------------- */ diff --git a/customizer.php b/customizer.php index 9e63bb9..069b0b9 100644 --- a/customizer.php +++ b/customizer.php @@ -52,6 +52,17 @@ function dis2019_customizer_settings($wp_customize) 'type' => 'number', ))); + $wp_customize->add_setting('dis-2019-posts-on-archive'); + + $wp_customize->add_control(new WP_Customize_Control($wp_customize, 'dis-2019-posts-on-archive', + array( + 'label' => __('Number of posts on search results and archive pages', 'dis2019'), + 'section' => 'dis-2019', + 'description' => __('Search results and archive non tag pages. Use 6*n-1 numbers, e.g. 5, 11, 17, 23... ', 'dis2019'), + 'settings' => 'dis-2019-posts-on-archive', + 'type' => 'number', + ))); + //__('Choose from most used writer', 'dis2019') // get_theme_mod( 'dis-2019-posts-on-home' ); } diff --git a/functions.php b/functions.php index 2b11404..db798be 100644 --- a/functions.php +++ b/functions.php @@ -124,8 +124,8 @@ function dis2019_header_scripts() wp_register_script('lettering', get_template_directory_uri() . '/js/lib/jquery.lettering.js', array('jquery'), '1.0.0'); // wp_enqueue_script('lettering'); // Enqueue it! - // wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); // - // wp_enqueue_script('clamp'); // Enqueue it! + wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); // + wp_enqueue_script('clamp'); // Enqueue it! wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array( 'jquery', @@ -323,7 +323,8 @@ function remove_thumbnail_dimensions($html) } //Wrap aligned images to a div -function wrap_aligned_images($content){ +function wrap_aligned_images($content) +{ return preg_replace('/
\s*/iU', '
-
+ + + +
-
+
+
diff --git a/sass/base.scss b/sass/base.scss index 01d8785..29304e9 100644 --- a/sass/base.scss +++ b/sass/base.scss @@ -750,7 +750,9 @@ $v-unit-6: 24rem; .archive, .home, -.search-results { +.search-results, +.search-no-results, +.error404 { @media #{$tablet} { // overflow-y: hidden; } @@ -878,7 +880,7 @@ $v-unit-6: 24rem; } .bevezeto, - .alcim, + .alcimWrapper, .curvyArrow { display: none; } @@ -928,9 +930,19 @@ $v-unit-6: 24rem; height: unset; position: absolute; top: 0; - padding: 4rem; - padding-right: 2rem; - width: calc(100vw - #{$h-unit-5}); + + padding: 2rem; + padding-left: $v-unit-1; + + width: calc(100vw - #{$h-unit-1-5 * 2.5}); + @media #{$smalldesktop} { + width: calc(100vw - #{$h-unit-5}); + padding-top: 4rem; + } + + a { + padding-top: 2rem; + } } /* -------------------------- home article metadata big------------------------- */ @@ -974,29 +986,10 @@ $v-unit-6: 24rem; } .bevezeto, - .alcim { - color: #000 !important; + .alcimWrapper { display: none; } - .alcim { - @include transform(rotate(270deg)); - transform-origin: top bottom; - text-align: left; - flex: 0 0 auto; - height: $h-unit-1; - width: 20rem; - margin: 0 -3rem; - } - - .bevezeto { - width: 50%; - flex: 0 1 auto; - text-align: left; - padding: $h-unit-1; - @include home-metadata-bevezeto(); - } - .transparent, .transparent a { color: transparent !important; @@ -1035,6 +1028,31 @@ $v-unit-6: 24rem; /* --------------------- home article desktop big hover --------------------- */ &.hovered { + .bevezeto, + .alcim { + color: #000 !important; + // flex: 0 0 auto; + } + + .alcim { + @include transform(rotate(180deg)); + + text-align: right; + writing-mode: vertical-lr; + margin: $v-unit-1 / 2; + } + + .bevezeto { + height: 100%; + max-height: 100%; + text-align: left; + margin: 0 $v-unit-1 / 2; + padding: $v-unit-1 / 2 0; + align-self: flex-start; + + @include home-metadata-bevezeto(); + } + h2 > a { color: #000; } @@ -1082,7 +1100,8 @@ $v-unit-6: 24rem; /* ----------------------- home articles desktop small ----------------------- */ @media #{$tablet} { - .home_wrapper-small { + .home_wrapper-small, + #post-404 { height: calc(100vh - #{$v-unit-2}); width: calc((100vh - #{$v-unit-2}) / 2 * 3); max-width: calc(100vw - (#{$h-unit-1-5} * 3)); @@ -1102,7 +1121,8 @@ $v-unit-6: 24rem; margin-left: $h-unit-1; } } - &.home_wrapper-s1.home_wrapper-small.home_wrapper-1 { + &.home_wrapper-s1.home_wrapper-small.home_wrapper-1, + &#post-404 { margin-left: $h-unit-1-5; @media #{$smalldesktop} { margin-left: $h-unit-2; @@ -1251,7 +1271,7 @@ $v-unit-6: 24rem; } .archivetitle { - margin: 0 auto; + margin: 0; width: calc(100% / 3); position: relative; bottom: 0; @@ -1311,20 +1331,24 @@ $v-unit-6: 24rem; /* -------------------------- no results on mobile -------------------------- */ - &.no-result { + &.no-result, + &.error404, + &.search-no-results { .wrapper { height: unset; header { background-color: #000; } - #content { - .archivetitle { - padding: 8rem 2rem 0; - } + section .archivetitle { + padding: 8rem 2rem 0; + } - article.no-result { - height: unset; - } + #post-404 { + text-align: center; + line-height: 1.4; + } + #content article.no-result { + height: unset; } } @@ -1332,11 +1356,15 @@ $v-unit-6: 24rem; @media #{$tablet} { main { width: 100vw; - section#content { + section { width: 100%; - .home_wrapper-1 { + .home_wrapper-1, + article#post-404 { position: relative; width: calc(100% - #{$h-unit-1-5 * 2}); + @media #{$smalldesktop} { + width: calc(100% - #{$h-unit-2 * 2}); + } max-width: unset; .archivetitle { border-bottom: 1px #000 solid; @@ -1347,16 +1375,38 @@ $v-unit-6: 24rem; width: 100%; height: 100%; left: 0; - top: 0; + // top: 0; + background-color: transparent; - + + display: flex; + flex-direction: column; + justify-content: flex-end; + h1 { + display: inline-block; + position: relative; + width: unset; + } + h2 { + @include home-title(); + display: inline-block; + height: unset; + top: unset; + position: relative; + margin: 0; + // bottom: 0; + } + + .toHome { + display: none; + } } } } } } } -} //home, archive, search end +} //home, archive, search, 404 end /* -------------------------------------------------------------------------- */ /* Search results */ @@ -1374,13 +1424,26 @@ $v-unit-6: 24rem; } .search-no-results { - main { - @media #{$tablet} { - padding: 0 $h-unit-4; + .wrapper { + height: unset; + header { + background-color: #000; + } - // .archivetitle h1, - // article h2 { - // } + main { + section { + .archivetitle { + padding: 8rem 2rem 0; + h1 { + text-overflow: ellipsis; + overflow: hidden; + max-width: 100%; + } + } + .no-result { + padding: 2rem; + } + } } } } @@ -1544,6 +1607,8 @@ body.category.category-esemeny { max-width: calc(1024px + #{$h-unit-4}); } +$padd: 2rem; + .single, .page { //no menus on single @@ -1566,7 +1631,6 @@ body.category.category-esemeny { } } - $padd: 2rem; /* ---------------------------- single on mobile ---------------------------- */ article { padding-bottom: $h-unit-1; @@ -2024,247 +2088,246 @@ body.category.category-esemeny { } } } //#colorbox end +} //body.single, page end +/* ------------------------------ related posts ----------------------------- */ - /* ------------------------------ related posts ----------------------------- */ - - .toHome, - #related_posts > h3 { - padding-bottom: $padd * 2; - margin: 0 auto; - // display: inline-block; - text-align: center; +.toHome, +#related_posts > h3 { + padding-bottom: $padd * 2; + margin: 0 auto; + // display: inline-block; + text-align: center; + @include single-metadata(); + a { @include single-metadata(); + &:hover { + color: #000; + -webkit-text-stroke-color: transparent; + } + } +} +.toHome { + @media #{$tablet} { + position: relative; + padding-top: $padd * 2; + top: -#{$h-unit-1}; + margin: 0; + @include singleDesktopLayout(); + a { - @include single-metadata(); - &:hover { - color: #000; - -webkit-text-stroke-color: transparent; - } + margin-bottom: $padd * 2; + display: block; } } - .toHome { - @media #{$tablet} { +} + +#related_posts { + & > h3 { + display: none; + } + ul { + padding: 0; + li { + display: block; position: relative; - padding-top: $padd * 2; - top: -#{$h-unit-1}; - margin: 0; - @include singleDesktopLayout(); + cursor: pointer; - a { - margin-bottom: $padd * 2; - display: block; + & > a { + margin: 0; + padding: 0; + border: none; + display: inline-block; + } + + .related_thumbnailwrapper { + img { + // post thumbnail on home + height: 50vw; + width: 100vw; + object-fit: cover; + } + } + + h2 { + width: 100%; + height: 50vw; + padding: 2rem; + padding-top: 3rem; + margin: 0; + + a { + display: block; + @include related-title(); + } + } + + .metadata { + bottom: 50%; + height: $h-unit-1; + display: flex; + @include fit-content(width); + justify-content: space-around; + flex-wrap: nowrap; + align-items: center; + padding: 0; + + .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; + } } } } - #related_posts { + /* ------------------------ related posts on desktop ------------------------ */ + @media #{$tablet} { + top: -#{$h-unit-1}; + position: relative; + padding-top: $padd * 2; + @include singleDesktopLayout(); + & > h3 { - display: none; + display: block; } ul { - padding: 0; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + height: calc((100vw - #{$v-unit-4}) / 3); + max-height: calc(1024px / 3); li { - display: block; + width: calc(100% / 3); + padding-bottom: calc(100% / 3); + position: relative; - cursor: pointer; + height: 0; - & > a { - margin: 0; - padding: 0; - border: none; - display: inline-block; + .relatedWrapper { + position: absolute; + height: 100%; + width: 100%; } - .related_thumbnailwrapper { + width: 100%; + height: 100%; img { - // post thumbnail on home - height: 50vw; - width: 100vw; + width: 100%; + height: 100%; object-fit: cover; } } - h2 { + .metadata { width: 100%; - height: 50vw; - padding: 2rem; - padding-top: 3rem; - margin: 0; + 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: $h-unit-1; + @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left); + + @media #{$tablet} { + @include triangle-corner-bordered(#{$h-unit-0-5}, 0, transparent, #000, left); + height: $h-unit-0-5; + } + @media #{$smalldesktop} { + @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left); + height: $h-unit-1; + } + display: none; + &.vis { + display: flex; + } + + .categories, + .postedon { + @include home-metadata(); + display: flex; + flex-direction: column; + justify-content: center; + align-content: center; + } + .categories { + padding: $v-unit-1 / 3 0; + flex: 1 1 auto; + + margin-left: $v-unit-1 * 1.5; + + @media #{$tablet} { + margin-left: $v-unit-1 / 2; + } + @media #{$smalldesktop} { + margin-left: $v-unit-1 * 1.5; + } + } + .postedon { + padding: $v-unit-1 / 3 $v-unit-1 / 4; + flex: 1 0 auto; + } + } + + h2, + h2 a { + @include home-title-small(); + } + + h2 { + display: none; + position: absolute; + top: 0; + background-color: #fff; + height: 100%; + padding-left: $v-unit-1; + @media #{$tablet} { + padding-left: $h-unit-0-5; + } + @media #{$smalldesktop} { + padding-left: $v-unit-1; + } + @media #{$bigdesktop} { + padding: $h-unit-1; + } a { - display: block; - @include related-title(); - } - } - - .metadata { - bottom: 50%; - height: $h-unit-1; - display: flex; - @include fit-content(width); - justify-content: space-around; - flex-wrap: nowrap; - align-items: center; - padding: 0; - - .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; - } - } - } - } - - /* ------------------------ related posts on desktop ------------------------ */ - @media #{$tablet} { - top: -#{$h-unit-1}; - position: relative; - padding-top: $padd * 2; - @include singleDesktopLayout(); - - & > h3 { - display: block; - } - ul { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - height: calc((100vw - #{$v-unit-4}) / 3); - max-height: calc(1024px / 3); - li { - width: calc(100% / 3); - padding-bottom: calc(100% / 3); - - position: relative; - height: 0; - - .relatedWrapper { + @include fit-content(height); position: absolute; - height: 100%; - width: 100%; - } - .related_thumbnailwrapper { - width: 100%; - height: 100%; - img { - width: 100%; - height: 100%; - object-fit: cover; - } - } - .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: $h-unit-1; - @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left); + bottom: $h-unit-1 + $v-unit-1 * 0.5; + width: calc(100% - #{$v-unit-2}); @media #{$tablet} { - @include triangle-corner-bordered(#{$h-unit-0-5}, 0, transparent, #000, left); - height: $h-unit-0-5; + bottom: $h-unit-0-5 + $v-unit-1 / 4; + width: calc(100% - #{$v-unit-1}); } @media #{$smalldesktop} { - @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left); - height: $h-unit-1; - } - display: none; - &.vis { - display: flex; - } - - .categories, - .postedon { - @include home-metadata(); - display: flex; - flex-direction: column; - justify-content: center; - align-content: center; - } - .categories { - padding: $v-unit-1 / 3 0; - flex: 1 1 auto; - - margin-left: $v-unit-1 * 1.5; - - @media #{$tablet} { - margin-left: $v-unit-1 / 2; - } - @media #{$smalldesktop} { - margin-left: $v-unit-1 * 1.5; - } - } - .postedon { - padding: $v-unit-1 / 3 $v-unit-1 / 4; - flex: 1 0 auto; - } - } - - h2, - h2 a { - @include home-title-small(); - } - - h2 { - display: none; - position: absolute; - top: 0; - background-color: #fff; - height: 100%; - padding-left: $v-unit-1; - @media #{$tablet} { - padding-left: $h-unit-0-5; - } - @media #{$smalldesktop} { - padding-left: $v-unit-1; - } - @media #{$bigdesktop} { - padding: $h-unit-1; - } - - a { - @include fit-content(height); - position: absolute; - bottom: $h-unit-1 + $v-unit-1 * 0.5; width: calc(100% - #{$v-unit-2}); + } - @media #{$tablet} { - bottom: $h-unit-0-5 + $v-unit-1 / 4; - width: calc(100% - #{$v-unit-1}); - } - @media #{$smalldesktop} { - bottom: $h-unit-1 + $v-unit-1 * 0.5; - width: calc(100% - #{$v-unit-2}); - } - - @media #{$bigdesktop} { - width: calc(100% - #{$h-unit-2}); - } + @media #{$bigdesktop} { + width: calc(100% - #{$h-unit-2}); } } } } } } -} //body.single, page end +} /* -------------------------------- page only------------------------------- */ body.page {