/* ========================================================================== */ /* FONT-MIXINS */ /* ========================================================================== */ /* ---------------------------------- event --------------------------------- */ /*------------------------------------*\ MAIN \*------------------------------------*/ /* global box-sizing */ *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* html element 62.5% font-size for REM use */ html { font-size: 62.5%; } body { font: 300 18px/1.8 "Westeinde Caption", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; } /* clear */ .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } .clear { *zoom: 1; } img { max-width: 100%; vertical-align: bottom; } a { color: #000; text-decoration: none; cursor: pointer; } a:hover { color: #000; } a:focus, a:hover, a:active { outline: 0; } input:focus { outline: 0; border: 1px solid #888; } input::selection { color: #888; background-color: #aaa; } button { background: transparent; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 0; border: 0; } button:focus { outline: none; } /* ---------------------------- default selection --------------------------- */ html *::selection { color: #000; background-color: #fdff00; } /* -------------------------------------------------------------------------- */ /* MEDIA QUERIES */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* GLOBAL VARIABLES */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* other mixins */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* COOKIE NOTIFICATION */ /* -------------------------------------------------------------------------- */ .cookie-notice-container { font: bold 1rem "Westeinde Caption"; color: #000; display: flex; flex-direction: column; align-content: center; padding: 2rem; } @media (min-width: 1024px) { .cookie-notice-container { font-size: 1.2rem; } } @media (min-width: 1279px) { .cookie-notice-container { font-size: 1.3rem; } } @media (min-width: 1919px) { .cookie-notice-container { font-size: 2.5rem; } } @media (min-width: 769px) { .cookie-notice-container { flex-direction: row; max-width: 1024px; margin: 0 auto; } } @media (min-width: 1919px) { .cookie-notice-container { max-width: 1920px; } } .cookie-notice-container span { text-align: left; } @media (min-width: 769px) { .cookie-notice-container span { flex: 1 1 auto; align-self: center; } } .cookie-notice-container #cn-accept-cookie { background-color: #000; border-radius: 50%; display: inline-block; order: 99; font: bold 1.5rem "Westeinde Caption"; color: #000; color: #ff0; padding: 1rem 2rem; height: -moz-max-content; height: max-content; height: -moz-fit-content; height: fit-content; margin-top: 1.5rem; align-self: center; } @media (min-width: 360px) { .cookie-notice-container #cn-accept-cookie { font-size: 1.8rem; } } @media (min-aspect-ratio: 1 / 1) { .cookie-notice-container #cn-accept-cookie { font-size: 2.5rem; } } @media (min-width: 769px) { .cookie-notice-container #cn-accept-cookie { font-size: 1.3rem; color: #000; } } @media (min-width: 1024px) { .cookie-notice-container #cn-accept-cookie { font-size: 1.5rem; } } @media (min-width: 1279px) { .cookie-notice-container #cn-accept-cookie { font-size: 2rem; } } @media (min-width: 1919px) { .cookie-notice-container #cn-accept-cookie { font-size: 3rem; } } @media (min-width: 769px) { .cookie-notice-container #cn-accept-cookie { margin: 0; color: #ff0; flex: 0 0 auto; } } .cookie-notice-container #cn-more-info { font: bold 1.5rem "Westeinde Caption"; color: #000; margin-top: 1rem; -webkit-text-stroke: #000 1px; color: transparent; } @media (min-width: 360px) { .cookie-notice-container #cn-more-info { font-size: 1.8rem; } } @media (min-aspect-ratio: 1 / 1) { .cookie-notice-container #cn-more-info { font-size: 2.5rem; } } @media (min-width: 769px) { .cookie-notice-container #cn-more-info { font-size: 1.3rem; color: #000; } } @media (min-width: 1024px) { .cookie-notice-container #cn-more-info { font-size: 1.5rem; } } @media (min-width: 1279px) { .cookie-notice-container #cn-more-info { font-size: 2rem; } } @media (min-width: 1919px) { .cookie-notice-container #cn-more-info { font-size: 3rem; } } @media (min-width: 769px) { .cookie-notice-container #cn-more-info { flex: 0 0 auto; margin: 0 2rem; line-height: 1; align-self: center; } } @media (min-width: 1024px) { .cookie-notice-container #cn-more-info { color: transparent; } } /* -------------------------------------------------------------------------- */ /* STRUCTURE */ /* -------------------------------------------------------------------------- */ /* wrapper */ .wrapper { margin: 0 auto; position: relative; width: 100vw; height: 100vh; z-index: 1; /* -------------------------------------------------------------------------- */ /* header */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* STRUCTURE ALL PAGE */ /* -------------------------------------------------------------------------- */ } .wrapper .header { position: fixed; top: 0; width: 100vw; display: flex; flex-direction: row; justify-content: space-between; align-items: center; z-index: 3000; /* -------------------------------------------------------------------------- */ /* header elements */ /* -------------------------------------------------------------------------- */ /* ========================================================================== */ /* SEARCH */ /* ========================================================================== */ /* ------------------------------ search mobile ----------------------------- */ /* ----------------------------- search desktop ----------------------------- */ /* -------------------- header scroll: scroll with click -------------------- */ /* ========================================================================== */ /* MENUS */ /* ========================================================================== */ /* ------------------------------- bedo circle ------------------------------ */ } @media (min-width: 769px) { .wrapper .header { height: 0; position: relative; width: 0; } .wrapper .header::before { display: none; } } .wrapper .header .header-1, .wrapper .header .header-2 { display: flex; flex-direction: row; align-items: center; line-height: 0; } @media (min-width: 769px) { .wrapper .header .header-1, .wrapper .header .header-2 { width: 7.5rem; position: fixed; top: 0; height: 100vh; flex-direction: column; flex: 0 0 auto !important; padding: 2rem !important; justify-content: space-between !important; align-content: space-between; background: #fff; } } @media (min-width: 1024px) { .wrapper .header .header-1, .wrapper .header .header-2 { width: 10rem; } } .wrapper .header .header-1 div, .wrapper .header .header-2 div { z-index: 3500; } .wrapper .header .header-1 a, .wrapper .header .header-2 a { display: inline-block; } .wrapper .header .header-1 { justify-content: space-between; flex: 1 1 auto; padding: 2rem 0 2rem 2rem; } @media (min-width: 769px) { .wrapper .header .header-1 { border-right: #000 1px solid; } } .wrapper .header .header-2 { justify-content: flex-end; flex: 0 1 auto; padding: 2rem 2rem 2rem 0; } @media (min-width: 769px) { .wrapper .header .header-2 { order: 99; border-left: #000 1px solid; right: 0; } } .wrapper .header .dis-logo { background-image: url(../img/dis-logo-white.png); background-image: url(../img/dis-logo-white.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; width: 5rem; height: 5rem; } @media (min-width: 769px) { .wrapper .header .dis-logo { background-image: url(../img/dis-logo-black.png); background-image: url(../img/dis-logo-black.svg); height: 4rem; width: 4rem; } } @media (min-width: 1024px) { .wrapper .header .dis-logo { height: 5rem; width: 5rem; } } .wrapper .header .icon { height: 3rem; width: 3rem; background-size: contain; background-position: center center; background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0); } @media (min-width: 769px) { .wrapper .header .icon { height: 2.5rem; width: 2.5rem; } } @media (min-width: 1024px) { .wrapper .header .icon { height: 3rem; width: 3rem; } } .wrapper .header .facebook-icon { background-image: url(../img/facebook_icon-white.png); background-image: url(../img/facebook_icon-white.svg); } @media (min-width: 769px) { .wrapper .header .facebook-icon { background-image: url(../img/facebook_icon-black.png); background-image: url(../img/facebook_icon-black.svg); } } .wrapper .header .instagram-icon { background-image: url(../img/instagram_icon-white.png); background-image: url(../img/instagram_icon-white.svg); } @media (min-width: 769px) { .wrapper .header .instagram-icon { background-image: url(../img/instagram_icon-black.png); background-image: url(../img/instagram_icon-black.svg); } } .wrapper .header .esemeny-icon { background-image: url(../img/naptar_icon-white.png); background-image: url(../img/naptar_icon-white.svg); } @media (min-width: 769px) { .wrapper .header .esemeny-icon { background-image: url(../img/naptar_icon-black.png); background-image: url(../img/naptar_icon-black.svg); } } .wrapper .header .menubutton-icon { background-image: url(../img/dis-plus-white.png); background-image: url(../img/dis-plus-white.svg); } @media (min-width: 769px) { .wrapper .header .menubutton-icon { background-image: url(../img/dis-plus-black.png); background-image: url(../img/dis-plus-black.svg); } } .wrapper .header .kereso-icon { background-image: url(../img/kereso_icon-white.png); background-image: url(../img/kereso_icon-white.svg); } @media (min-width: 769px) { .wrapper .header .kereso-icon { background-image: url(../img/kereso_icon-black.png); background-image: url(../img/kereso_icon-black.svg); } } @media (min-width: 769px) { .wrapper .header .header-1 > div, .wrapper .header .header-2 > div { flex: 0 0 5rem !important; } } .wrapper .header .menubutton { order: 99; } .wrapper .header .menubutton button { transform-origin: center; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; } .wrapper .header .menubutton button.rotated { -moz-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); } @media (min-width: 769px) { .wrapper .header .menubutton button.inverted .menubutton-icon { background-image: url(../img/dis-plus-white.png); background-image: url(../img/dis-plus-white.svg); } } @media (min-width: 769px) { .wrapper .header .menubutton { order: unset; } } .wrapper .header .social-link, .wrapper .header .events-link { margin: 0 2rem 0 0; } .wrapper .header .social-link.hidden, .wrapper .header .events-link.hidden { display: none !important; } @media (min-width: 769px) { .wrapper .header .social-link, .wrapper .header .events-link { margin: 0; } } .wrapper .header .search-box { display: none; } .wrapper .header .search-bar form.search { display: flex; flex-direction: row; border-bottom: #fff 1px solid; background-color: #000; } .wrapper .header .search-bar form.search input { font: 900 4rem "Westeinde Caption"; color: #000; -webkit-text-stroke: #fff 1px; background-color: #000; padding: 0; border: none; caret-color: #fff; flex: 1 1 auto; width: 1rem; } @media (min-width: 1024px) { .wrapper .header .search-bar form.search input { font-size: 4rem; color: #000 !important; } } .wrapper .header .search-bar form.search button { flex: 0 0 auto; } @media (min-width: 769px) { .wrapper .header .search-box { display: block; flex: 1 1 0 !important; } .wrapper .header .search-bar { display: none; position: fixed; width: 0; left: 7.5rem; bottom: 0; height: 10rem; } } @media (min-width: 769px) and (min-width: 1024px) { .wrapper .header .search-bar { left: 10rem; } } @media (min-width: 769px) { .wrapper .header .search-bar form.search { border-bottom: none; height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; } .wrapper .header .search-bar form.search input { padding: 0 5rem; } .wrapper .header .search-bar form.search button { display: none; } } .wrapper .header .header-scroll { display: none; } .wrapper .header #sidebar { padding-top: 9rem !important; background-color: #000; } @media (min-width: 769px) { .wrapper .header #sidebar { padding: 0 !important; } } .wrapper .header #sidebar .sidebar-wrapper { position: relative; height: 100%; overflow: auto; padding: 0 4rem; padding-bottom: 4rem; } @media (min-width: 769px) { .wrapper .header #sidebar .sidebar-wrapper { padding: 4rem; display: flex; flex-direction: row; align-items: center; height: 100vh; } } .wrapper .header #sidebar .sidebar-wrapper .menuseparator { display: block; width: 100%; height: 1px; background-color: #fff; } @media (min-width: 769px) { .wrapper .header #sidebar .sidebar-wrapper .menuseparator { width: 1px; height: 70%; flex: 0 0 auto; margin: 4rem; } } .wrapper .header #sidebar .sidebar-wrapper ul { margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0px; padding-inline-start: 0; } @media (min-width: 769px) { .wrapper .header #sidebar .sidebar-wrapper ul { flex: 1 1 50%; display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: space-evenly; } } .wrapper .header #sidebar .sidebar-wrapper ul li { display: block; padding: 2rem; flex-shrink: 1; } @media (min-width: 769px) { .wrapper .header #sidebar .sidebar-wrapper ul li { padding: 0; } } .wrapper .header #sidebar .sidebar-wrapper ul li a { font: 900 4rem "Westeinde Caption"; color: #000; -webkit-text-stroke: #fff 1px; } .wrapper .header #sidebar .sidebar-wrapper ul li a:hover { color: #fff; } @media (min-width: 769px) { .wrapper .header #sidebar .sidebar-wrapper ul li a { font-size: 1.4rem; } } @media (min-width: 1024px) { .wrapper .header #sidebar .sidebar-wrapper ul li a { font-size: 2.5rem; } } .wrapper .header #tag-nav { display: none; position: fixed; right: calc(20rem + 4px); top: calc(4rem/ 2); z-index: 1000; } @media (min-width: 769px) { .wrapper .header #tag-nav { top: 1rem; } } @media (min-width: 1279px) { .wrapper .header #tag-nav { top: 0.5rem; } } @media (min-width: 769px) { .wrapper .header #tag-nav { display: block; } } .wrapper .header #tag-nav ul { padding: 0; margin: 0; font: 900 1rem "Westeinde Caption"; color: transparent; -webkit-text-stroke: #000 1px; text-transform: uppercase; } .wrapper .header #tag-nav ul.current { color: #000 !important; } @media (min-width: 769px) { .wrapper .header #tag-nav ul { font-size: 1rem; } } @media (min-width: 1024px) { .wrapper .header #tag-nav ul { font-size: 1.2rem; } } @media (min-width: 1279px) { .wrapper .header #tag-nav ul { font-size: 1.2rem; } } .wrapper .header #tag-nav ul li { display: inline; } .wrapper .header #tag-nav ul li a span { height: calc(4rem/ 2); width: 1rem; margin: auto; display: block; text-align: center; position: absolute; transform-origin: 50% 100%; font: 900 1rem "Westeinde Caption"; color: transparent; -webkit-text-stroke: #000 1px; text-transform: uppercase; } @media (min-width: 769px) { .wrapper .header #tag-nav ul li a span { height: 3rem; } } @media (min-width: 1279px) { .wrapper .header #tag-nav ul li a span { height: 3.5rem; } } .wrapper .header #tag-nav ul li a span.current { color: #000 !important; } @media (min-width: 769px) { .wrapper .header #tag-nav ul li a span { font-size: 1rem; } } @media (min-width: 1024px) { .wrapper .header #tag-nav ul li a span { font-size: 1.2rem; } } @media (min-width: 1279px) { .wrapper .header #tag-nav ul li a span { font-size: 1.2rem; } } .wrapper .header #tag-nav ul li a span.char1 { -moz-transform: rotate(21.17647deg); -o-transform: rotate(21.17647deg); -ms-transform: rotate(21.17647deg); -webkit-transform: rotate(21.17647deg); transform: rotate(21.17647deg); -webkit-animation: spin1 10s linear infinite; -moz-animation: spin1 10s linear infinite; animation: spin1 10s linear infinite; } @-moz-keyframes spin1 { 100% { -moz-transform: rotate(381.17647deg); } } @-webkit-keyframes spin1 { 100% { -webkit-transform: rotate(381.17647deg); } } @keyframes spin1 { 100% { -webkit-transform: rotate(381.17647deg); transform: rotate(381.17647deg); } } .wrapper .header #tag-nav ul li a span.char2 { -moz-transform: rotate(42.35294deg); -o-transform: rotate(42.35294deg); -ms-transform: rotate(42.35294deg); -webkit-transform: rotate(42.35294deg); transform: rotate(42.35294deg); -webkit-animation: spin2 10s linear infinite; -moz-animation: spin2 10s linear infinite; animation: spin2 10s linear infinite; } @-moz-keyframes spin2 { 100% { -moz-transform: rotate(402.35294deg); } } @-webkit-keyframes spin2 { 100% { -webkit-transform: rotate(402.35294deg); } } @keyframes spin2 { 100% { -webkit-transform: rotate(402.35294deg); transform: rotate(402.35294deg); } } .wrapper .header #tag-nav ul li a span.char3 { -moz-transform: rotate(63.52941deg); -o-transform: rotate(63.52941deg); -ms-transform: rotate(63.52941deg); -webkit-transform: rotate(63.52941deg); transform: rotate(63.52941deg); -webkit-animation: spin3 10s linear infinite; -moz-animation: spin3 10s linear infinite; animation: spin3 10s linear infinite; } @-moz-keyframes spin3 { 100% { -moz-transform: rotate(423.52941deg); } } @-webkit-keyframes spin3 { 100% { -webkit-transform: rotate(423.52941deg); } } @keyframes spin3 { 100% { -webkit-transform: rotate(423.52941deg); transform: rotate(423.52941deg); } } .wrapper .header #tag-nav ul li a span.char4 { -moz-transform: rotate(84.70588deg); -o-transform: rotate(84.70588deg); -ms-transform: rotate(84.70588deg); -webkit-transform: rotate(84.70588deg); transform: rotate(84.70588deg); -webkit-animation: spin4 10s linear infinite; -moz-animation: spin4 10s linear infinite; animation: spin4 10s linear infinite; } @-moz-keyframes spin4 { 100% { -moz-transform: rotate(444.70588deg); } } @-webkit-keyframes spin4 { 100% { -webkit-transform: rotate(444.70588deg); } } @keyframes spin4 { 100% { -webkit-transform: rotate(444.70588deg); transform: rotate(444.70588deg); } } .wrapper .header #tag-nav ul li a span.char5 { -moz-transform: rotate(105.88235deg); -o-transform: rotate(105.88235deg); -ms-transform: rotate(105.88235deg); -webkit-transform: rotate(105.88235deg); transform: rotate(105.88235deg); -webkit-animation: spin5 10s linear infinite; -moz-animation: spin5 10s linear infinite; animation: spin5 10s linear infinite; } @-moz-keyframes spin5 { 100% { -moz-transform: rotate(465.88235deg); } } @-webkit-keyframes spin5 { 100% { -webkit-transform: rotate(465.88235deg); } } @keyframes spin5 { 100% { -webkit-transform: rotate(465.88235deg); transform: rotate(465.88235deg); } } .wrapper .header #tag-nav ul li a span.char6 { -moz-transform: rotate(127.05882deg); -o-transform: rotate(127.05882deg); -ms-transform: rotate(127.05882deg); -webkit-transform: rotate(127.05882deg); transform: rotate(127.05882deg); -webkit-animation: spin6 10s linear infinite; -moz-animation: spin6 10s linear infinite; animation: spin6 10s linear infinite; } @-moz-keyframes spin6 { 100% { -moz-transform: rotate(487.05882deg); } } @-webkit-keyframes spin6 { 100% { -webkit-transform: rotate(487.05882deg); } } @keyframes spin6 { 100% { -webkit-transform: rotate(487.05882deg); transform: rotate(487.05882deg); } } .wrapper .header #tag-nav ul li a span.char7 { -moz-transform: rotate(148.23529deg); -o-transform: rotate(148.23529deg); -ms-transform: rotate(148.23529deg); -webkit-transform: rotate(148.23529deg); transform: rotate(148.23529deg); -webkit-animation: spin7 10s linear infinite; -moz-animation: spin7 10s linear infinite; animation: spin7 10s linear infinite; } @-moz-keyframes spin7 { 100% { -moz-transform: rotate(508.23529deg); } } @-webkit-keyframes spin7 { 100% { -webkit-transform: rotate(508.23529deg); } } @keyframes spin7 { 100% { -webkit-transform: rotate(508.23529deg); transform: rotate(508.23529deg); } } .wrapper .header #tag-nav ul li a span.char8 { -moz-transform: rotate(169.41176deg); -o-transform: rotate(169.41176deg); -ms-transform: rotate(169.41176deg); -webkit-transform: rotate(169.41176deg); transform: rotate(169.41176deg); -webkit-animation: spin8 10s linear infinite; -moz-animation: spin8 10s linear infinite; animation: spin8 10s linear infinite; } @-moz-keyframes spin8 { 100% { -moz-transform: rotate(529.41176deg); } } @-webkit-keyframes spin8 { 100% { -webkit-transform: rotate(529.41176deg); } } @keyframes spin8 { 100% { -webkit-transform: rotate(529.41176deg); transform: rotate(529.41176deg); } } .wrapper .header #tag-nav ul li a span.char9 { -moz-transform: rotate(190.58824deg); -o-transform: rotate(190.58824deg); -ms-transform: rotate(190.58824deg); -webkit-transform: rotate(190.58824deg); transform: rotate(190.58824deg); -webkit-animation: spin9 10s linear infinite; -moz-animation: spin9 10s linear infinite; animation: spin9 10s linear infinite; } @-moz-keyframes spin9 { 100% { -moz-transform: rotate(550.58824deg); } } @-webkit-keyframes spin9 { 100% { -webkit-transform: rotate(550.58824deg); } } @keyframes spin9 { 100% { -webkit-transform: rotate(550.58824deg); transform: rotate(550.58824deg); } } .wrapper .header #tag-nav ul li a span.char10 { -moz-transform: rotate(211.76471deg); -o-transform: rotate(211.76471deg); -ms-transform: rotate(211.76471deg); -webkit-transform: rotate(211.76471deg); transform: rotate(211.76471deg); -webkit-animation: spin10 10s linear infinite; -moz-animation: spin10 10s linear infinite; animation: spin10 10s linear infinite; } @-moz-keyframes spin10 { 100% { -moz-transform: rotate(571.76471deg); } } @-webkit-keyframes spin10 { 100% { -webkit-transform: rotate(571.76471deg); } } @keyframes spin10 { 100% { -webkit-transform: rotate(571.76471deg); transform: rotate(571.76471deg); } } .wrapper .header #tag-nav ul li a span.char11 { -moz-transform: rotate(232.94118deg); -o-transform: rotate(232.94118deg); -ms-transform: rotate(232.94118deg); -webkit-transform: rotate(232.94118deg); transform: rotate(232.94118deg); -webkit-animation: spin11 10s linear infinite; -moz-animation: spin11 10s linear infinite; animation: spin11 10s linear infinite; } @-moz-keyframes spin11 { 100% { -moz-transform: rotate(592.94118deg); } } @-webkit-keyframes spin11 { 100% { -webkit-transform: rotate(592.94118deg); } } @keyframes spin11 { 100% { -webkit-transform: rotate(592.94118deg); transform: rotate(592.94118deg); } } .wrapper .header #tag-nav ul li a span.char12 { -moz-transform: rotate(254.11765deg); -o-transform: rotate(254.11765deg); -ms-transform: rotate(254.11765deg); -webkit-transform: rotate(254.11765deg); transform: rotate(254.11765deg); -webkit-animation: spin12 10s linear infinite; -moz-animation: spin12 10s linear infinite; animation: spin12 10s linear infinite; } @-moz-keyframes spin12 { 100% { -moz-transform: rotate(614.11765deg); } } @-webkit-keyframes spin12 { 100% { -webkit-transform: rotate(614.11765deg); } } @keyframes spin12 { 100% { -webkit-transform: rotate(614.11765deg); transform: rotate(614.11765deg); } } .wrapper .header #tag-nav ul li a span.char13 { -moz-transform: rotate(275.29412deg); -o-transform: rotate(275.29412deg); -ms-transform: rotate(275.29412deg); -webkit-transform: rotate(275.29412deg); transform: rotate(275.29412deg); -webkit-animation: spin13 10s linear infinite; -moz-animation: spin13 10s linear infinite; animation: spin13 10s linear infinite; } @-moz-keyframes spin13 { 100% { -moz-transform: rotate(635.29412deg); } } @-webkit-keyframes spin13 { 100% { -webkit-transform: rotate(635.29412deg); } } @keyframes spin13 { 100% { -webkit-transform: rotate(635.29412deg); transform: rotate(635.29412deg); } } .wrapper .header #tag-nav ul li a span.char14 { -moz-transform: rotate(296.47059deg); -o-transform: rotate(296.47059deg); -ms-transform: rotate(296.47059deg); -webkit-transform: rotate(296.47059deg); transform: rotate(296.47059deg); -webkit-animation: spin14 10s linear infinite; -moz-animation: spin14 10s linear infinite; animation: spin14 10s linear infinite; } @-moz-keyframes spin14 { 100% { -moz-transform: rotate(656.47059deg); } } @-webkit-keyframes spin14 { 100% { -webkit-transform: rotate(656.47059deg); } } @keyframes spin14 { 100% { -webkit-transform: rotate(656.47059deg); transform: rotate(656.47059deg); } } .wrapper .header #tag-nav ul li a span.char15 { -moz-transform: rotate(317.64706deg); -o-transform: rotate(317.64706deg); -ms-transform: rotate(317.64706deg); -webkit-transform: rotate(317.64706deg); transform: rotate(317.64706deg); -webkit-animation: spin15 10s linear infinite; -moz-animation: spin15 10s linear infinite; animation: spin15 10s linear infinite; } @-moz-keyframes spin15 { 100% { -moz-transform: rotate(677.64706deg); } } @-webkit-keyframes spin15 { 100% { -webkit-transform: rotate(677.64706deg); } } @keyframes spin15 { 100% { -webkit-transform: rotate(677.64706deg); transform: rotate(677.64706deg); } } .wrapper .header #tag-nav ul li a span.char16 { -moz-transform: rotate(338.82353deg); -o-transform: rotate(338.82353deg); -ms-transform: rotate(338.82353deg); -webkit-transform: rotate(338.82353deg); transform: rotate(338.82353deg); -webkit-animation: spin16 10s linear infinite; -moz-animation: spin16 10s linear infinite; animation: spin16 10s linear infinite; } @-moz-keyframes spin16 { 100% { -moz-transform: rotate(698.82353deg); } } @-webkit-keyframes spin16 { 100% { -webkit-transform: rotate(698.82353deg); } } @keyframes spin16 { 100% { -webkit-transform: rotate(698.82353deg); transform: rotate(698.82353deg); } } .wrapper .header #tag-nav ul li a span.char17 { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation: spin17 10s linear infinite; -moz-animation: spin17 10s linear infinite; animation: spin17 10s linear infinite; } @-moz-keyframes spin17 { 100% { -moz-transform: rotate(720deg); } } @-webkit-keyframes spin17 { 100% { -webkit-transform: rotate(720deg); } } @keyframes spin17 { 100% { -webkit-transform: rotate(720deg); transform: rotate(720deg); } } .wrapper .header #tag-nav ul li a span.pause { animation-play-state: paused; } .wrapper main section { /* -------------------------------- load more ------------------------------- */ } .wrapper main section article { position: relative; } .wrapper main section article .metadata { position: absolute; background-color: #fff; padding: 2rem; right: 0; min-width: 50vw; text-align: center; font: bold 1rem "Westeinde Caption"; color: #000; z-index: 1; } @media (min-width: 1024px) { .wrapper main section article .metadata { font-size: 1.2rem; } } @media (min-width: 1279px) { .wrapper main section article .metadata { font-size: 1.3rem; } } @media (min-width: 1919px) { .wrapper main section article .metadata { font-size: 2.5rem; } } @media (max-width: 768px) { .wrapper main section article .metadata::after { content: ""; display: block; position: absolute; background-color: transparent; width: 0; height: 0; left: -5rem; top: -5rem; border-top: 5rem solid transparent; border-left: 5rem solid transparent; border-right: 5rem solid transparent; border-bottom: 5rem solid #fff; position: absolute; z-index: -1; } } .wrapper main section .misha_loadmore { text-align: center; padding: 2rem 0; } @media (min-width: 769px) { .wrapper main section .misha_loadmore { min-width: 10rem; width: calc(100vw - ((100vh - 8rem) / 2 * 3) - 20rem); margin-right: 10rem; align-self: stretch; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; } } .wrapper main section .misha_loadmore a, .wrapper main section .misha_loadmore p { font: bold 3rem "Westeinde Caption"; color: transparent; -webkit-text-stroke: #000 1px; } @media (min-aspect-ratio: 1 / 1) { .wrapper main section .misha_loadmore a, .wrapper main section .misha_loadmore p { font-size: 2rem !important; } } @media (min-width: 1024px) { .wrapper main section .misha_loadmore a, .wrapper main section .misha_loadmore p { font-size: 3rem; } } @media (min-width: 769px) { .wrapper main section .misha_loadmore a, .wrapper main section .misha_loadmore p { transform-origin: center; white-space: nowrap; width: 100vh; -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); text-align: center; } } .touchevents .header-scroll { display: none !important; } @media (min-width: 769px) { .touchevents .archive, .touchevents .home, .touchevents .search-results { overflow-y: hidden; } } /* -------------------------------------------------------------------------- */ /* ARCHIVE AND HOMEPAGE */ /* -------------------------------------------------------------------------- */ .archive, .home, .search-results, .search-no-results, .error404 { /* -------------------------- no results on mobile -------------------------- */ } .archive .wrapper, .home .wrapper, .search-results .wrapper, .search-no-results .wrapper, .error404 .wrapper { /* ----------------------------- header on home ----------------------------- */ } @media (min-width: 769px) { .archive .wrapper, .home .wrapper, .search-results .wrapper, .search-no-results .wrapper, .error404 .wrapper { overflow-y: hidden; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; min-width: 100vw; } } @media (min-width: 769px) { .archive .wrapper .header .header-scroll, .home .wrapper .header .header-scroll, .search-results .wrapper .header .header-scroll, .search-no-results .wrapper .header .header-scroll, .error404 .wrapper .header .header-scroll { display: block; position: fixed; height: 100vh; width: 10rem; flex: 1 0 auto !important; top: 0; } } .archive .wrapper .header .header-scroll.header-scroll-left, .home .wrapper .header .header-scroll.header-scroll-left, .search-results .wrapper .header .header-scroll.header-scroll-left, .search-no-results .wrapper .header .header-scroll.header-scroll-left, .error404 .wrapper .header .header-scroll.header-scroll-left { left: 7.5rem; } @media (min-width: 1024px) { .archive .wrapper .header .header-scroll.header-scroll-left, .home .wrapper .header .header-scroll.header-scroll-left, .search-results .wrapper .header .header-scroll.header-scroll-left, .search-no-results .wrapper .header .header-scroll.header-scroll-left, .error404 .wrapper .header .header-scroll.header-scroll-left { left: 10rem; } } .archive .wrapper .header .header-scroll.header-scroll-left button, .home .wrapper .header .header-scroll.header-scroll-left button, .search-results .wrapper .header .header-scroll.header-scroll-left button, .search-no-results .wrapper .header .header-scroll.header-scroll-left button, .error404 .wrapper .header .header-scroll.header-scroll-left button { cursor: url("../img/cursor-arrow-black-left.png"), w-resize; } .archive .wrapper .header .header-scroll.header-scroll-right, .home .wrapper .header .header-scroll.header-scroll-right, .search-results .wrapper .header .header-scroll.header-scroll-right, .search-no-results .wrapper .header .header-scroll.header-scroll-right, .error404 .wrapper .header .header-scroll.header-scroll-right { right: 7.5rem; } @media (min-width: 1024px) { .archive .wrapper .header .header-scroll.header-scroll-right, .home .wrapper .header .header-scroll.header-scroll-right, .search-results .wrapper .header .header-scroll.header-scroll-right, .search-no-results .wrapper .header .header-scroll.header-scroll-right, .error404 .wrapper .header .header-scroll.header-scroll-right { right: 10rem; } } .archive .wrapper .header .header-scroll.header-scroll-right button, .home .wrapper .header .header-scroll.header-scroll-right button, .search-results .wrapper .header .header-scroll.header-scroll-right button, .search-no-results .wrapper .header .header-scroll.header-scroll-right button, .error404 .wrapper .header .header-scroll.header-scroll-right button { cursor: url("../img/cursor-arrow-black-right.png"), e-resize; } .archive .wrapper .header .header-scroll button, .home .wrapper .header .header-scroll button, .search-results .wrapper .header .header-scroll button, .search-no-results .wrapper .header .header-scroll button, .error404 .wrapper .header .header-scroll button { height: 100vh; width: 10rem; } .archive.archive .wrapper .header, .archive.search-results .wrapper .header, .archive.search-no-results .wrapper .header, .archive.error404 .wrapper .header, .home.archive .wrapper .header, .home.search-results .wrapper .header, .home.search-no-results .wrapper .header, .home.error404 .wrapper .header, .search-results.archive .wrapper .header, .search-results.search-results .wrapper .header, .search-results.search-no-results .wrapper .header, .search-results.error404 .wrapper .header, .search-no-results.archive .wrapper .header, .search-no-results.search-results .wrapper .header, .search-no-results.search-no-results .wrapper .header, .search-no-results.error404 .wrapper .header, .error404.archive .wrapper .header, .error404.search-results .wrapper .header, .error404.search-no-results .wrapper .header, .error404.error404 .wrapper .header { background-color: #000; } @media (min-width: 769px) { .archive main, .home main, .search-results main, .search-no-results main, .error404 main { height: 100vh; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; position: relative; } } .archive main section, .home main section, .search-results main section, .search-no-results main section, .error404 main section { /* ------------------------- archivetitle on mobile ------------------------- */ /* --------------------------- home article mobile/default -------------------------- */ /* ------------------------ home article desktop big ------------------------ */ /* ------------------------------------ - ----------------------------------- */ /* ----------------------- home articles desktop small ----------------------- */ } @media (min-width: 769px) { .archive main section, .home main section, .search-results main section, .search-no-results main section, .error404 main section { display: flex; flex-direction: row; margin: 0; height: 100vh; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; } } .archive main section .archivetitle, .home main section .archivetitle, .search-results main section .archivetitle, .search-no-results main section .archivetitle, .error404 main section .archivetitle { padding: 8rem 2rem 0; } .archive main section article, .home main section article, .search-results main section article, .search-no-results main section article, .error404 main section article { min-height: 87.5vw; /* ----------------------- home article mobile cutout ----------------------- */ /* ----------------------- home article mobile first 2 ----------------------- */ } .archive main section article > a, .home main section article > a, .search-results main section article > a, .search-no-results main section article > a, .error404 main section article > a { margin: 0; padding: 0; border: none; display: inline-block; } .archive main section article .thumbnailwrapper img, .home main section article .thumbnailwrapper img, .search-results main section article .thumbnailwrapper img, .search-no-results main section article .thumbnailwrapper img, .error404 main section article .thumbnailwrapper img { height: 50vw; width: 100vw; object-fit: cover; } .archive main section article h2, .home main section article h2, .search-results main section article h2, .search-no-results main section article h2, .error404 main section article h2 { width: 100%; padding: 1.5rem 2rem 1rem; margin: 0; line-height: 0.8; } .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { font: bold 1.5rem "Westeinde Caption"; color: #000; } @media (min-width: 360px) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { font-size: 1.8rem; } } @media (min-aspect-ratio: 1 / 1) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { font-size: 2.5rem; } } @media (min-width: 769px) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { font-size: 1.3rem; color: #000; } } @media (min-width: 1024px) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { font-size: 1.5rem; } } @media (min-width: 1279px) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { font-size: 2rem; } } @media (min-width: 1919px) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { font-size: 3rem; } } .archive main section article .metadata, .home main section article .metadata, .search-results main section article .metadata, .search-no-results main section article .metadata, .error404 main section article .metadata { top: calc(50vw - 5rem + 1px); height: 5rem; display: flex; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; justify-content: space-around; flex-wrap: nowrap; align-items: center; padding: 0; z-index: 15; } .archive main section article .metadata::after, .home main section article .metadata::after, .search-results main section article .metadata::after, .search-no-results main section article .metadata::after, .error404 main section article .metadata::after { display: none; } @media (max-width: 768px) { .archive main section article .metadata::after, .home main section article .metadata::after, .search-results main section article .metadata::after, .search-no-results main section article .metadata::after, .error404 main section article .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 5rem + (5rem + 1px)); border-top: #000 1px solid; background-color: white; left: calc(5rem); margin-left: calc((5rem + 1px) * -1); z-index: 90; } .archive main section article .metadata::before, .home main section article .metadata::before, .search-results main section article .metadata::before, .search-no-results main section article .metadata::before, .error404 main section article .metadata::before { display: block; content: ""; position: absolute; width: calc(5rem); height: calc(5rem); top: 0; background-color: white; z-index: 9; left: calc((5rem + 1px) * -1); border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } } .archive main section article .metadata > *, .home main section article .metadata > *, .search-results main section article .metadata > *, .search-no-results main section article .metadata > *, .error404 main section article .metadata > * { z-index: 15; } .archive main section article .metadata .vr, .home main section article .metadata .vr, .search-results main section article .metadata .vr, .search-no-results main section article .metadata .vr, .error404 main section article .metadata .vr { height: 100%; width: 1px; background-color: #000; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; box-shadow: 0 0 1px transparent; } .archive main section article .metadata .bevezetoWrapper, .archive main section article .metadata .alcimWrapper, .archive main section article .metadata .curvyArrow, .home main section article .metadata .bevezetoWrapper, .home main section article .metadata .alcimWrapper, .home main section article .metadata .curvyArrow, .search-results main section article .metadata .bevezetoWrapper, .search-results main section article .metadata .alcimWrapper, .search-results main section article .metadata .curvyArrow, .search-no-results main section article .metadata .bevezetoWrapper, .search-no-results main section article .metadata .alcimWrapper, .search-no-results main section article .metadata .curvyArrow, .error404 main section article .metadata .bevezetoWrapper, .error404 main section article .metadata .alcimWrapper, .error404 main section article .metadata .curvyArrow { display: none; } .archive main section article h2, .home main section article h2, .search-results main section article h2, .search-no-results main section article h2, .error404 main section article h2 { position: relative; border-top: #000 1px solid; z-index: 8; } .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { padding: 0 2rem 3rem; font: bold 1.5rem "Westeinde Caption"; color: #000; font-weight: 300; color: #000; } @media (min-width: 360px) { .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { font-size: 1.8rem; } } @media (min-aspect-ratio: 1 / 1) { .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { font-size: 2.5rem; } } @media (min-width: 769px) { .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { font-size: 1.3rem; color: #000; } } @media (min-width: 1024px) { .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { font-size: 1.5rem; } } @media (min-width: 1279px) { .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { font-size: 2rem; } } @media (min-width: 1919px) { .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { font-size: 3rem; } } @media (min-width: 769px) { .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { font: bold 1rem "Butler"; line-height: 1rem; } } @media (min-width: 1024px) { .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { font-size: 2rem; line-height: 2rem; } } .archive main section article > .bevezetoWrapper::before, .home main section article > .bevezetoWrapper::before, .search-results main section article > .bevezetoWrapper::before, .search-no-results main section article > .bevezetoWrapper::before, .error404 main section article > .bevezetoWrapper::before { display: block; content: ""; height: 1px; width: 20%; margin: 0 auto; background-color: #000; margin-bottom: 1rem; } .archive main section article.post_nr_1, .archive main section article.post_nr_2, .home main section article.post_nr_1, .home main section article.post_nr_2, .search-results main section article.post_nr_1, .search-results main section article.post_nr_2, .search-no-results main section article.post_nr_1, .search-no-results main section article.post_nr_2, .error404 main section article.post_nr_1, .error404 main section article.post_nr_2 { min-height: 100vh; } .archive main section article.post_nr_1 .thumbnailwrapper img, .archive main section article.post_nr_2 .thumbnailwrapper img, .home main section article.post_nr_1 .thumbnailwrapper img, .home main section article.post_nr_2 .thumbnailwrapper img, .search-results main section article.post_nr_1 .thumbnailwrapper img, .search-results main section article.post_nr_2 .thumbnailwrapper img, .search-no-results main section article.post_nr_1 .thumbnailwrapper img, .search-no-results main section article.post_nr_2 .thumbnailwrapper img, .error404 main section article.post_nr_1 .thumbnailwrapper img, .error404 main section article.post_nr_2 .thumbnailwrapper img { height: 50vh; } .archive main section article.post_nr_1 .metadata, .archive main section article.post_nr_2 .metadata, .home main section article.post_nr_1 .metadata, .home main section article.post_nr_2 .metadata, .search-results main section article.post_nr_1 .metadata, .search-results main section article.post_nr_2 .metadata, .search-no-results main section article.post_nr_1 .metadata, .search-no-results main section article.post_nr_2 .metadata, .error404 main section article.post_nr_1 .metadata, .error404 main section article.post_nr_2 .metadata { top: calc(50vh - 5rem + 1px); } .archive main section article.post_nr_1 h2, .archive main section article.post_nr_2 h2, .home main section article.post_nr_1 h2, .home main section article.post_nr_2 h2, .search-results main section article.post_nr_1 h2, .search-results main section article.post_nr_2 h2, .search-no-results main section article.post_nr_1 h2, .search-no-results main section article.post_nr_2 h2, .error404 main section article.post_nr_1 h2, .error404 main section article.post_nr_2 h2 { padding-top: 3rem; } .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, .home main section article.post_nr_1 h2 a, .home main section article.post_nr_2 h2 a, .search-results main section article.post_nr_1 h2 a, .search-results main section article.post_nr_2 h2 a, .search-no-results main section article.post_nr_1 h2 a, .search-no-results main section article.post_nr_2 h2 a, .error404 main section article.post_nr_1 h2 a, .error404 main section article.post_nr_2 h2 a { font: bold 2.2rem "Westeinde Caption"; color: #000; } @media (min-width: 360px) { .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, .home main section article.post_nr_1 h2 a, .home main section article.post_nr_2 h2 a, .search-results main section article.post_nr_1 h2 a, .search-results main section article.post_nr_2 h2 a, .search-no-results main section article.post_nr_1 h2 a, .search-no-results main section article.post_nr_2 h2 a, .error404 main section article.post_nr_1 h2 a, .error404 main section article.post_nr_2 h2 a { font-size: 2.8rem; } } @media (min-aspect-ratio: 1 / 1) { .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, .home main section article.post_nr_1 h2 a, .home main section article.post_nr_2 h2 a, .search-results main section article.post_nr_1 h2 a, .search-results main section article.post_nr_2 h2 a, .search-no-results main section article.post_nr_1 h2 a, .search-no-results main section article.post_nr_2 h2 a, .error404 main section article.post_nr_1 h2 a, .error404 main section article.post_nr_2 h2 a { font-size: 2.5rem; } } @media (min-width: 1024px) { .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, .home main section article.post_nr_1 h2 a, .home main section article.post_nr_2 h2 a, .search-results main section article.post_nr_1 h2 a, .search-results main section article.post_nr_2 h2 a, .search-no-results main section article.post_nr_1 h2 a, .search-no-results main section article.post_nr_2 h2 a, .error404 main section article.post_nr_1 h2 a, .error404 main section article.post_nr_2 h2 a { font-size: 5rem; } } @media (min-width: 1279px) { .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, .home main section article.post_nr_1 h2 a, .home main section article.post_nr_2 h2 a, .search-results main section article.post_nr_1 h2 a, .search-results main section article.post_nr_2 h2 a, .search-no-results main section article.post_nr_1 h2 a, .search-no-results main section article.post_nr_2 h2 a, .error404 main section article.post_nr_1 h2 a, .error404 main section article.post_nr_2 h2 a { font-size: 6.8rem; } } @media (min-width: 1919px) { .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, .home main section article.post_nr_1 h2 a, .home main section article.post_nr_2 h2 a, .search-results main section article.post_nr_1 h2 a, .search-results main section article.post_nr_2 h2 a, .search-no-results main section article.post_nr_1 h2 a, .search-no-results main section article.post_nr_2 h2 a, .error404 main section article.post_nr_1 h2 a, .error404 main section article.post_nr_2 h2 a { font-size: 11rem; } } @media (min-width: 360px) { .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, .home main section article.post_nr_1 h2 a, .home main section article.post_nr_2 h2 a, .search-results main section article.post_nr_1 h2 a, .search-results main section article.post_nr_2 h2 a, .search-no-results main section article.post_nr_1 h2 a, .search-no-results main section article.post_nr_2 h2 a, .error404 main section article.post_nr_1 h2 a, .error404 main section article.post_nr_2 h2 a { line-height: 1.5; } } .archive main section article.post_nr_1 .bevezetoWrapper::before, .archive main section article.post_nr_2 .bevezetoWrapper::before, .home main section article.post_nr_1 .bevezetoWrapper::before, .home main section article.post_nr_2 .bevezetoWrapper::before, .search-results main section article.post_nr_1 .bevezetoWrapper::before, .search-results main section article.post_nr_2 .bevezetoWrapper::before, .search-no-results main section article.post_nr_1 .bevezetoWrapper::before, .search-no-results main section article.post_nr_2 .bevezetoWrapper::before, .error404 main section article.post_nr_1 .bevezetoWrapper::before, .error404 main section article.post_nr_2 .bevezetoWrapper::before { margin-bottom: 0; } .archive main section article.post_nr_1 .bevezetoWrapper .bevezeto, .archive main section article.post_nr_2 .bevezetoWrapper .bevezeto, .home main section article.post_nr_1 .bevezetoWrapper .bevezeto, .home main section article.post_nr_2 .bevezetoWrapper .bevezeto, .search-results main section article.post_nr_1 .bevezetoWrapper .bevezeto, .search-results main section article.post_nr_2 .bevezetoWrapper .bevezeto, .search-no-results main section article.post_nr_1 .bevezetoWrapper .bevezeto, .search-no-results main section article.post_nr_2 .bevezetoWrapper .bevezeto, .error404 main section article.post_nr_1 .bevezetoWrapper .bevezeto, .error404 main section article.post_nr_2 .bevezetoWrapper .bevezeto { padding-top: 1rem; } @media (min-width: 769px) { .archive main section .home_wrapper-big, .home main section .home_wrapper-big, .search-results main section .home_wrapper-big, .search-no-results main section .home_wrapper-big, .error404 main section .home_wrapper-big { flex: 0 0 auto; border-right: #000 1px solid; /* ------------------------ home article desktop 1 + 2 ----------------------- */ } .archive main section .home_wrapper-big article, .home main section .home_wrapper-big article, .search-results main section .home_wrapper-big article, .search-no-results main section .home_wrapper-big article, .error404 main section .home_wrapper-big article { position: relative; width: calc(100vw - (7.5rem * 3)); height: calc(100vh - 4rem); min-height: unset; margin: 0; padding: 0; margin-left: 7.5rem; margin-top: 4rem; border-top: 1px #000 solid; /* ------------- home article desktop big - thumbnail and title ------------- */ /* -------------------------- home article metadata big------------------------- */ /* --------------------- home article desktop big hover --------------------- */ } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-big article, .home main section .home_wrapper-big article, .search-results main section .home_wrapper-big article, .search-no-results main section .home_wrapper-big article, .error404 main section .home_wrapper-big article { width: calc(100vw - (10rem * 3)); margin-left: 10rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-big article .thumbnailwrapper, .home main section .home_wrapper-big article .thumbnailwrapper, .search-results main section .home_wrapper-big article .thumbnailwrapper, .search-no-results main section .home_wrapper-big article .thumbnailwrapper, .error404 main section .home_wrapper-big article .thumbnailwrapper { width: 60%; height: calc(100% - 4rem); display: flex; flex-direction: row; justify-content: flex-start; } .archive main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, .home main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, .search-results main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, .search-no-results main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, .error404 main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail { object-fit: cover; width: 100%; height: 100%; } .archive main section .home_wrapper-big article h2, .home main section .home_wrapper-big article h2, .search-results main section .home_wrapper-big article h2, .search-no-results main section .home_wrapper-big article h2, .error404 main section .home_wrapper-big article h2 { height: unset; position: absolute; top: 0; padding: 2rem; padding-left: 4rem; border: none; width: calc(100vw - 18.75rem); } } @media (min-width: 769px) 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-no-results main section .home_wrapper-big article .metadata, .error404 main section .home_wrapper-big article .metadata { bottom: 0; top: unset; background: transparent; width: 100%; height: 7.5rem; display: flex; flex-direction: row; padding: 0; justify-content: flex-start; align-items: center; overflow: visible !important; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .archive main section .home_wrapper-big article .metadata, .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata, .search-no-results main section .home_wrapper-big article .metadata, .error404 main section .home_wrapper-big article .metadata { height: 9rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-big article .metadata, .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata, .search-no-results main section .home_wrapper-big article .metadata, .error404 main section .home_wrapper-big article .metadata { height: 11.5rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive main section .home_wrapper-big article .metadata, .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata, .search-no-results main section .home_wrapper-big article .metadata, .error404 main section .home_wrapper-big article .metadata { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-big article .metadata, .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata, .search-no-results main section .home_wrapper-big article .metadata, .error404 main section .home_wrapper-big article .metadata { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-big article .metadata, .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata, .search-no-results main section .home_wrapper-big article .metadata, .error404 main section .home_wrapper-big article .metadata { font-size: 2rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-big article .metadata > div, .home main section .home_wrapper-big article .metadata > div, .search-results main section .home_wrapper-big article .metadata > div, .search-no-results main section .home_wrapper-big article .metadata > div, .error404 main section .home_wrapper-big article .metadata > div { flex: 1 1 auto; } .archive main section .home_wrapper-big article .metadata .categories, .home main section .home_wrapper-big article .metadata .categories, .search-results main section .home_wrapper-big article .metadata .categories, .search-no-results main section .home_wrapper-big article .metadata .categories, .error404 main section .home_wrapper-big article .metadata .categories { display: block; padding: 0; } .archive main section .home_wrapper-big article .metadata .postedon, .home main section .home_wrapper-big article .metadata .postedon, .search-results main section .home_wrapper-big article .metadata .postedon, .search-no-results main section .home_wrapper-big article .metadata .postedon, .error404 main section .home_wrapper-big article .metadata .postedon { padding: 0; } .archive main section .home_wrapper-big article .metadata .bevezetoWrapper, .archive main section .home_wrapper-big article .metadata .alcimWrapper, .home main section .home_wrapper-big article .metadata .bevezetoWrapper, .home main section .home_wrapper-big article .metadata .alcimWrapper, .search-results main section .home_wrapper-big article .metadata .bevezetoWrapper, .search-results main section .home_wrapper-big article .metadata .alcimWrapper, .search-no-results main section .home_wrapper-big article .metadata .bevezetoWrapper, .search-no-results main section .home_wrapper-big article .metadata .alcimWrapper, .error404 main section .home_wrapper-big article .metadata .bevezetoWrapper, .error404 main section .home_wrapper-big article .metadata .alcimWrapper { display: none; } .archive main section .home_wrapper-big article .metadata .transparent, .archive main section .home_wrapper-big article .metadata .transparent a, .archive main section .home_wrapper-big article .metadata .transparent div, .home main section .home_wrapper-big article .metadata .transparent, .home main section .home_wrapper-big article .metadata .transparent a, .home main section .home_wrapper-big article .metadata .transparent div, .search-results main section .home_wrapper-big article .metadata .transparent, .search-results main section .home_wrapper-big article .metadata .transparent a, .search-results main section .home_wrapper-big article .metadata .transparent div, .search-no-results main section .home_wrapper-big article .metadata .transparent, .search-no-results main section .home_wrapper-big article .metadata .transparent a, .search-no-results main section .home_wrapper-big article .metadata .transparent div, .error404 main section .home_wrapper-big article .metadata .transparent, .error404 main section .home_wrapper-big article .metadata .transparent a, .error404 main section .home_wrapper-big article .metadata .transparent div { color: transparent !important; } .archive main section .home_wrapper-big article .metadata .filler, .home main section .home_wrapper-big article .metadata .filler, .search-results main section .home_wrapper-big article .metadata .filler, .search-no-results main section .home_wrapper-big article .metadata .filler, .error404 main section .home_wrapper-big article .metadata .filler { flex: 0 0 auto; width: 60%; height: 1px; align-self: flex-start; } .archive main section .home_wrapper-big article .metadata .curvyArrow, .home main section .home_wrapper-big article .metadata .curvyArrow, .search-results main section .home_wrapper-big article .metadata .curvyArrow, .search-no-results main section .home_wrapper-big article .metadata .curvyArrow, .error404 main section .home_wrapper-big article .metadata .curvyArrow { position: absolute; display: block; right: 0; top: 0; height: 10rem; width: 5rem; } .archive main section .home_wrapper-big article .metadata .curvyArrow object, .home main section .home_wrapper-big article .metadata .curvyArrow object, .search-results main section .home_wrapper-big article .metadata .curvyArrow object, .search-no-results main section .home_wrapper-big article .metadata .curvyArrow object, .error404 main section .home_wrapper-big article .metadata .curvyArrow object { height: 10rem; position: absolute; right: 0; top: calc(-50% + 0.5px); } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-big article .metadata .curvyArrow, .home main section .home_wrapper-big article .metadata .curvyArrow, .search-results main section .home_wrapper-big article .metadata .curvyArrow, .search-no-results main section .home_wrapper-big article .metadata .curvyArrow, .error404 main section .home_wrapper-big article .metadata .curvyArrow { height: 15rem; width: 7.5rem; } .archive main section .home_wrapper-big article .metadata .curvyArrow object, .home main section .home_wrapper-big article .metadata .curvyArrow object, .search-results main section .home_wrapper-big article .metadata .curvyArrow object, .search-no-results main section .home_wrapper-big article .metadata .curvyArrow object, .error404 main section .home_wrapper-big article .metadata .curvyArrow object { height: 15rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-big article .bevezeto, .archive main section .home_wrapper-big article .alcim, .home main section .home_wrapper-big article .bevezeto, .home main section .home_wrapper-big article .alcim, .search-results main section .home_wrapper-big article .bevezeto, .search-results main section .home_wrapper-big article .alcim, .search-no-results main section .home_wrapper-big article .bevezeto, .search-no-results main section .home_wrapper-big article .alcim, .error404 main section .home_wrapper-big article .bevezeto, .error404 main section .home_wrapper-big article .alcim { color: #000 !important; } .archive main section .home_wrapper-big article .alcimWrapper, .home main section .home_wrapper-big article .alcimWrapper, .search-results main section .home_wrapper-big article .alcimWrapper, .search-no-results main section .home_wrapper-big article .alcimWrapper, .error404 main section .home_wrapper-big article .alcimWrapper { align-self: flex-start; padding: 2rem 0 5rem; min-width: 8rem; margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-start; align-content: space-around; position: relative; } .archive main section .home_wrapper-big article .alcimWrapper .alcim, .home main section .home_wrapper-big article .alcimWrapper .alcim, .search-results main section .home_wrapper-big article .alcimWrapper .alcim, .search-no-results main section .home_wrapper-big article .alcimWrapper .alcim, .error404 main section .home_wrapper-big article .alcimWrapper .alcim { writing-mode: vertical-rl; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); flex: 0 0 auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: flex-end; } .archive main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, .home main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, .search-results main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, .search-no-results main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, .error404 main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner { text-align: left; } .archive main section .home_wrapper-big article .bevezetoWrapper, .home main section .home_wrapper-big article .bevezetoWrapper, .search-results main section .home_wrapper-big article .bevezetoWrapper, .search-no-results main section .home_wrapper-big article .bevezetoWrapper, .error404 main section .home_wrapper-big article .bevezetoWrapper { line-height: 1; padding: 2rem; align-self: flex-start; } .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { margin: 0; overflow: hidden; font: bold 1.5rem "Westeinde Caption"; color: #000; font-weight: 300; color: #000; } } @media (min-width: 769px) and (min-width: 360px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 3rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font: bold 1rem "Butler"; line-height: 1rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 2rem; line-height: 2rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font: bold 1.5rem "Westeinde Caption"; color: #000; font-weight: 300; color: #000; text-align: left; } } @media (min-width: 769px) and (min-width: 360px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 3rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font: bold 1rem "Butler"; line-height: 1rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 2rem; line-height: 2rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-big article.hovered h2 > a, .home main section .home_wrapper-big article.hovered h2 > a, .search-results main section .home_wrapper-big article.hovered h2 > a, .search-no-results main section .home_wrapper-big article.hovered h2 > a, .error404 main section .home_wrapper-big article.hovered h2 > a { color: #000; } .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::after, .home main section .home_wrapper-big.home_wrapper-1 article .metadata::after, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::after, .search-no-results main section .home_wrapper-big.home_wrapper-1 article .metadata::after, .error404 main section .home_wrapper-big.home_wrapper-1 article .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 4rem + (1px)); border-top: #000 1px solid; background-color: transparent; left: calc(4rem); margin-left: calc((1px) * -1); z-index: 90; } .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before, .home main section .home_wrapper-big.home_wrapper-1 article .metadata::before, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before, .search-no-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before, .error404 main section .home_wrapper-big.home_wrapper-1 article .metadata::before { display: block; content: ""; position: absolute; width: calc(4rem); height: calc(4rem); top: 0; background-color: transparent; z-index: 9; left: calc((1px) * -1); border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } .archive main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, .home main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, .search-no-results main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, .error404 main section .home_wrapper-big.home_wrapper-1 article .metadata .filler { position: relative; } .archive main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, .home main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, .search-results main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, .search-no-results main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, .error404 main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper { float: right; } .archive main section .home_wrapper-big.home_wrapper-2 article .metadata, .home main section .home_wrapper-big.home_wrapper-2 article .metadata, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata, .search-no-results main section .home_wrapper-big.home_wrapper-2 article .metadata, .error404 main section .home_wrapper-big.home_wrapper-2 article .metadata { justify-content: flex-end; } .archive main section .home_wrapper-big.home_wrapper-2 article .metadata::after, .home main section .home_wrapper-big.home_wrapper-2 article .metadata::after, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::after, .search-no-results main section .home_wrapper-big.home_wrapper-2 article .metadata::after, .error404 main section .home_wrapper-big.home_wrapper-2 article .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 4rem + (1px)); border-top: #000 1px solid; background-color: transparent; right: calc(4rem); margin-right: calc((1px) * -1); z-index: 90; } .archive main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .home main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .search-no-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .error404 main section .home_wrapper-big.home_wrapper-2 article .metadata::before { display: block; content: ""; position: absolute; width: calc(4rem); height: calc(4rem); top: 0; background-color: transparent; z-index: 9; right: calc((1px) * -1); border-right: #000 solid 1px; -moz-transform: skewX(45deg); -o-transform: skewX(45deg); -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); transform: skewX(45deg); transform-origin: right bottom; } .archive main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, .home main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, .search-no-results main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, .error404 main section .home_wrapper-big.home_wrapper-2 article .metadata .filler { order: -1; } .archive main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, .home main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, .search-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, .search-no-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, .error404 main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper { width: calc(60% + 5rem); } .archive main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, .home main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, .search-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, .search-no-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, .error404 main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img { left: -5rem; position: relative; } } @media (min-width: 769px) { .archive main section .home_wrapper-small, .archive main section #post-404, .home main section .home_wrapper-small, .home main section #post-404, .search-results main section .home_wrapper-small, .search-results main section #post-404, .search-no-results main section .home_wrapper-small, .search-no-results main section #post-404, .error404 main section .home_wrapper-small, .error404 main section #post-404 { height: calc(100vh - 8rem); width: calc((100vh - 8rem) / 2 * 3); max-width: calc(100vw - (7.5rem * 3)); max-height: calc((100vw - (7.5rem * 3)) / 3 * 2); flex-shrink: 0; display: flex; flex-direction: row; flex-wrap: wrap; margin: auto 0; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small, .archive main section #post-404, .home main section .home_wrapper-small, .home main section #post-404, .search-results main section .home_wrapper-small, .search-results main section #post-404, .search-no-results main section .home_wrapper-small, .search-no-results main section #post-404, .error404 main section .home_wrapper-small, .error404 main section #post-404 { max-width: calc(100vw - (10rem * 3)); max-height: calc((100vw - (10rem * 3)) / 3 * 2); } } @media (min-width: 769px) { .archive main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .archive main section #post-404.home_wrapper-s1:not(.home_wrapper-1), .home main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .home main section #post-404.home_wrapper-s1:not(.home_wrapper-1), .search-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .search-results main section #post-404.home_wrapper-s1:not(.home_wrapper-1), .search-no-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .search-no-results main section #post-404.home_wrapper-s1:not(.home_wrapper-1), .error404 main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .error404 main section #post-404.home_wrapper-s1:not(.home_wrapper-1) { margin-left: 3.75rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .archive main section #post-404.home_wrapper-s1:not(.home_wrapper-1), .home main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .home main section #post-404.home_wrapper-s1:not(.home_wrapper-1), .search-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .search-results main section #post-404.home_wrapper-s1:not(.home_wrapper-1), .search-no-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .search-no-results main section #post-404.home_wrapper-s1:not(.home_wrapper-1), .error404 main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .error404 main section #post-404.home_wrapper-s1:not(.home_wrapper-1) { margin-left: 5rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .archive main section .home_wrapper-small#post-404, .archive main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .archive main section #post-404#post-404, .home main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .home main section .home_wrapper-small#post-404, .home main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .home main section #post-404#post-404, .search-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-results main section .home_wrapper-small#post-404, .search-results main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-results main section #post-404#post-404, .search-no-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-no-results main section .home_wrapper-small#post-404, .search-no-results main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-no-results main section #post-404#post-404, .error404 main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .error404 main section .home_wrapper-small#post-404, .error404 main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .error404 main section #post-404#post-404 { margin-left: 7.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .archive main section .home_wrapper-small#post-404, .archive main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .archive main section #post-404#post-404, .home main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .home main section .home_wrapper-small#post-404, .home main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .home main section #post-404#post-404, .search-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-results main section .home_wrapper-small#post-404, .search-results main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-results main section #post-404#post-404, .search-no-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-no-results main section .home_wrapper-small#post-404, .search-no-results main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-no-results main section #post-404#post-404, .error404 main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .error404 main section .home_wrapper-small#post-404, .error404 main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .error404 main section #post-404#post-404 { margin-left: 10rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small:last-child, .archive main section #post-404:last-child, .home main section .home_wrapper-small:last-child, .home main section #post-404:last-child, .search-results main section .home_wrapper-small:last-child, .search-results main section #post-404:last-child, .search-no-results main section .home_wrapper-small:last-child, .search-no-results main section #post-404:last-child, .error404 main section .home_wrapper-small:last-child, .error404 main section #post-404:last-child { margin-right: 7.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small:last-child, .archive main section #post-404:last-child, .home main section .home_wrapper-small:last-child, .home main section #post-404:last-child, .search-results main section .home_wrapper-small:last-child, .search-results main section #post-404:last-child, .search-no-results main section .home_wrapper-small:last-child, .search-no-results main section #post-404:last-child, .error404 main section .home_wrapper-small:last-child, .error404 main section #post-404:last-child { margin-right: 10rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small article, .archive main section .home_wrapper-small .archivetitle, .archive main section .home_wrapper-small .archivedescription, .archive main section #post-404 article, .archive main section #post-404 .archivetitle, .archive main section #post-404 .archivedescription, .home main section .home_wrapper-small article, .home main section .home_wrapper-small .archivetitle, .home main section .home_wrapper-small .archivedescription, .home main section #post-404 article, .home main section #post-404 .archivetitle, .home main section #post-404 .archivedescription, .search-results main section .home_wrapper-small article, .search-results main section .home_wrapper-small .archivetitle, .search-results main section .home_wrapper-small .archivedescription, .search-results main section #post-404 article, .search-results main section #post-404 .archivetitle, .search-results main section #post-404 .archivedescription, .search-no-results main section .home_wrapper-small article, .search-no-results main section .home_wrapper-small .archivetitle, .search-no-results main section .home_wrapper-small .archivedescription, .search-no-results main section #post-404 article, .search-no-results main section #post-404 .archivetitle, .search-no-results main section #post-404 .archivedescription, .error404 main section .home_wrapper-small article, .error404 main section .home_wrapper-small .archivetitle, .error404 main section .home_wrapper-small .archivedescription, .error404 main section #post-404 article, .error404 main section #post-404 .archivetitle, .error404 main section #post-404 .archivedescription { flex: 0 0 calc(100% / 3); height: 50%; position: relative; min-height: unset; } .archive main section .home_wrapper-small article .thumbnailwrapper, .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper, .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper, .archive main section #post-404 article .thumbnailwrapper, .archive main section #post-404 .archivetitle .thumbnailwrapper, .archive main section #post-404 .archivedescription .thumbnailwrapper, .home main section .home_wrapper-small article .thumbnailwrapper, .home main section .home_wrapper-small .archivetitle .thumbnailwrapper, .home main section .home_wrapper-small .archivedescription .thumbnailwrapper, .home main section #post-404 article .thumbnailwrapper, .home main section #post-404 .archivetitle .thumbnailwrapper, .home main section #post-404 .archivedescription .thumbnailwrapper, .search-results main section .home_wrapper-small article .thumbnailwrapper, .search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper, .search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper, .search-results main section #post-404 article .thumbnailwrapper, .search-results main section #post-404 .archivetitle .thumbnailwrapper, .search-results main section #post-404 .archivedescription .thumbnailwrapper, .search-no-results main section .home_wrapper-small article .thumbnailwrapper, .search-no-results main section .home_wrapper-small .archivetitle .thumbnailwrapper, .search-no-results main section .home_wrapper-small .archivedescription .thumbnailwrapper, .search-no-results main section #post-404 article .thumbnailwrapper, .search-no-results main section #post-404 .archivetitle .thumbnailwrapper, .search-no-results main section #post-404 .archivedescription .thumbnailwrapper, .error404 main section .home_wrapper-small article .thumbnailwrapper, .error404 main section .home_wrapper-small .archivetitle .thumbnailwrapper, .error404 main section .home_wrapper-small .archivedescription .thumbnailwrapper, .error404 main section #post-404 article .thumbnailwrapper, .error404 main section #post-404 .archivetitle .thumbnailwrapper, .error404 main section #post-404 .archivedescription .thumbnailwrapper { width: 100%; height: 100%; } .archive main section .home_wrapper-small article .thumbnailwrapper img, .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper img, .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper img, .archive main section #post-404 article .thumbnailwrapper img, .archive main section #post-404 .archivetitle .thumbnailwrapper img, .archive main section #post-404 .archivedescription .thumbnailwrapper img, .home main section .home_wrapper-small article .thumbnailwrapper img, .home main section .home_wrapper-small .archivetitle .thumbnailwrapper img, .home main section .home_wrapper-small .archivedescription .thumbnailwrapper img, .home main section #post-404 article .thumbnailwrapper img, .home main section #post-404 .archivetitle .thumbnailwrapper img, .home main section #post-404 .archivedescription .thumbnailwrapper img, .search-results main section .home_wrapper-small article .thumbnailwrapper img, .search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper img, .search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper img, .search-results main section #post-404 article .thumbnailwrapper img, .search-results main section #post-404 .archivetitle .thumbnailwrapper img, .search-results main section #post-404 .archivedescription .thumbnailwrapper img, .search-no-results main section .home_wrapper-small article .thumbnailwrapper img, .search-no-results main section .home_wrapper-small .archivetitle .thumbnailwrapper img, .search-no-results main section .home_wrapper-small .archivedescription .thumbnailwrapper img, .search-no-results main section #post-404 article .thumbnailwrapper img, .search-no-results main section #post-404 .archivetitle .thumbnailwrapper img, .search-no-results main section #post-404 .archivedescription .thumbnailwrapper img, .error404 main section .home_wrapper-small article .thumbnailwrapper img, .error404 main section .home_wrapper-small .archivetitle .thumbnailwrapper img, .error404 main section .home_wrapper-small .archivedescription .thumbnailwrapper img, .error404 main section #post-404 article .thumbnailwrapper img, .error404 main section #post-404 .archivetitle .thumbnailwrapper img, .error404 main section #post-404 .archivedescription .thumbnailwrapper img { width: 100%; height: 100%; object-fit: cover; } .archive main section .home_wrapper-small article .metadata, .archive main section .home_wrapper-small .archivetitle .metadata, .archive main section .home_wrapper-small .archivedescription .metadata, .archive main section #post-404 article .metadata, .archive main section #post-404 .archivetitle .metadata, .archive main section #post-404 .archivedescription .metadata, .home main section .home_wrapper-small article .metadata, .home main section .home_wrapper-small .archivetitle .metadata, .home main section .home_wrapper-small .archivedescription .metadata, .home main section #post-404 article .metadata, .home main section #post-404 .archivetitle .metadata, .home main section #post-404 .archivedescription .metadata, .search-results main section .home_wrapper-small article .metadata, .search-results main section .home_wrapper-small .archivetitle .metadata, .search-results main section .home_wrapper-small .archivedescription .metadata, .search-results main section #post-404 article .metadata, .search-results main section #post-404 .archivetitle .metadata, .search-results main section #post-404 .archivedescription .metadata, .search-no-results main section .home_wrapper-small article .metadata, .search-no-results main section .home_wrapper-small .archivetitle .metadata, .search-no-results main section .home_wrapper-small .archivedescription .metadata, .search-no-results main section #post-404 article .metadata, .search-no-results main section #post-404 .archivetitle .metadata, .search-no-results main section #post-404 .archivedescription .metadata, .error404 main section .home_wrapper-small article .metadata, .error404 main section .home_wrapper-small .archivetitle .metadata, .error404 main section .home_wrapper-small .archivedescription .metadata, .error404 main section #post-404 article .metadata, .error404 main section #post-404 .archivetitle .metadata, .error404 main section #post-404 .archivedescription .metadata { width: 100%; min-width: unset; height: 2.5rem; position: absolute; bottom: 0; right: 0; top: unset; background: transparent; display: flex; flex-direction: row; padding: 0; justify-content: space-between; align-items: stretch; display: none; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small article .metadata, .archive main section .home_wrapper-small .archivetitle .metadata, .archive main section .home_wrapper-small .archivedescription .metadata, .archive main section #post-404 article .metadata, .archive main section #post-404 .archivetitle .metadata, .archive main section #post-404 .archivedescription .metadata, .home main section .home_wrapper-small article .metadata, .home main section .home_wrapper-small .archivetitle .metadata, .home main section .home_wrapper-small .archivedescription .metadata, .home main section #post-404 article .metadata, .home main section #post-404 .archivetitle .metadata, .home main section #post-404 .archivedescription .metadata, .search-results main section .home_wrapper-small article .metadata, .search-results main section .home_wrapper-small .archivetitle .metadata, .search-results main section .home_wrapper-small .archivedescription .metadata, .search-results main section #post-404 article .metadata, .search-results main section #post-404 .archivetitle .metadata, .search-results main section #post-404 .archivedescription .metadata, .search-no-results main section .home_wrapper-small article .metadata, .search-no-results main section .home_wrapper-small .archivetitle .metadata, .search-no-results main section .home_wrapper-small .archivedescription .metadata, .search-no-results main section #post-404 article .metadata, .search-no-results main section #post-404 .archivetitle .metadata, .search-no-results main section #post-404 .archivedescription .metadata, .error404 main section .home_wrapper-small article .metadata, .error404 main section .home_wrapper-small .archivetitle .metadata, .error404 main section .home_wrapper-small .archivedescription .metadata, .error404 main section #post-404 article .metadata, .error404 main section #post-404 .archivetitle .metadata, .error404 main section #post-404 .archivedescription .metadata { height: 5rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small article .metadata::after, .archive main section .home_wrapper-small .archivetitle .metadata::after, .archive main section .home_wrapper-small .archivedescription .metadata::after, .archive main section #post-404 article .metadata::after, .archive main section #post-404 .archivetitle .metadata::after, .archive main section #post-404 .archivedescription .metadata::after, .home main section .home_wrapper-small article .metadata::after, .home main section .home_wrapper-small .archivetitle .metadata::after, .home main section .home_wrapper-small .archivedescription .metadata::after, .home main section #post-404 article .metadata::after, .home main section #post-404 .archivetitle .metadata::after, .home main section #post-404 .archivedescription .metadata::after, .search-results main section .home_wrapper-small article .metadata::after, .search-results main section .home_wrapper-small .archivetitle .metadata::after, .search-results main section .home_wrapper-small .archivedescription .metadata::after, .search-results main section #post-404 article .metadata::after, .search-results main section #post-404 .archivetitle .metadata::after, .search-results main section #post-404 .archivedescription .metadata::after, .search-no-results main section .home_wrapper-small article .metadata::after, .search-no-results main section .home_wrapper-small .archivetitle .metadata::after, .search-no-results main section .home_wrapper-small .archivedescription .metadata::after, .search-no-results main section #post-404 article .metadata::after, .search-no-results main section #post-404 .archivetitle .metadata::after, .search-no-results main section #post-404 .archivedescription .metadata::after, .error404 main section .home_wrapper-small article .metadata::after, .error404 main section .home_wrapper-small .archivetitle .metadata::after, .error404 main section .home_wrapper-small .archivedescription .metadata::after, .error404 main section #post-404 article .metadata::after, .error404 main section #post-404 .archivetitle .metadata::after, .error404 main section #post-404 .archivedescription .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 2.5rem); border-top: #000 1px solid; background-color: transparent; left: calc(2.5rem); margin-left: 0; z-index: 90; } .archive main section .home_wrapper-small article .metadata::before, .archive main section .home_wrapper-small .archivetitle .metadata::before, .archive main section .home_wrapper-small .archivedescription .metadata::before, .archive main section #post-404 article .metadata::before, .archive main section #post-404 .archivetitle .metadata::before, .archive main section #post-404 .archivedescription .metadata::before, .home main section .home_wrapper-small article .metadata::before, .home main section .home_wrapper-small .archivetitle .metadata::before, .home main section .home_wrapper-small .archivedescription .metadata::before, .home main section #post-404 article .metadata::before, .home main section #post-404 .archivetitle .metadata::before, .home main section #post-404 .archivedescription .metadata::before, .search-results main section .home_wrapper-small article .metadata::before, .search-results main section .home_wrapper-small .archivetitle .metadata::before, .search-results main section .home_wrapper-small .archivedescription .metadata::before, .search-results main section #post-404 article .metadata::before, .search-results main section #post-404 .archivetitle .metadata::before, .search-results main section #post-404 .archivedescription .metadata::before, .search-no-results main section .home_wrapper-small article .metadata::before, .search-no-results main section .home_wrapper-small .archivetitle .metadata::before, .search-no-results main section .home_wrapper-small .archivedescription .metadata::before, .search-no-results main section #post-404 article .metadata::before, .search-no-results main section #post-404 .archivetitle .metadata::before, .search-no-results main section #post-404 .archivedescription .metadata::before, .error404 main section .home_wrapper-small article .metadata::before, .error404 main section .home_wrapper-small .archivetitle .metadata::before, .error404 main section .home_wrapper-small .archivedescription .metadata::before, .error404 main section #post-404 article .metadata::before, .error404 main section #post-404 .archivetitle .metadata::before, .error404 main section #post-404 .archivedescription .metadata::before { display: block; content: ""; position: absolute; width: calc(2.5rem); height: calc(2.5rem); top: 0; background-color: transparent; z-index: 9; left: 0; border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small article .metadata::after, .archive main section .home_wrapper-small .archivetitle .metadata::after, .archive main section .home_wrapper-small .archivedescription .metadata::after, .archive main section #post-404 article .metadata::after, .archive main section #post-404 .archivetitle .metadata::after, .archive main section #post-404 .archivedescription .metadata::after, .home main section .home_wrapper-small article .metadata::after, .home main section .home_wrapper-small .archivetitle .metadata::after, .home main section .home_wrapper-small .archivedescription .metadata::after, .home main section #post-404 article .metadata::after, .home main section #post-404 .archivetitle .metadata::after, .home main section #post-404 .archivedescription .metadata::after, .search-results main section .home_wrapper-small article .metadata::after, .search-results main section .home_wrapper-small .archivetitle .metadata::after, .search-results main section .home_wrapper-small .archivedescription .metadata::after, .search-results main section #post-404 article .metadata::after, .search-results main section #post-404 .archivetitle .metadata::after, .search-results main section #post-404 .archivedescription .metadata::after, .search-no-results main section .home_wrapper-small article .metadata::after, .search-no-results main section .home_wrapper-small .archivetitle .metadata::after, .search-no-results main section .home_wrapper-small .archivedescription .metadata::after, .search-no-results main section #post-404 article .metadata::after, .search-no-results main section #post-404 .archivetitle .metadata::after, .search-no-results main section #post-404 .archivedescription .metadata::after, .error404 main section .home_wrapper-small article .metadata::after, .error404 main section .home_wrapper-small .archivetitle .metadata::after, .error404 main section .home_wrapper-small .archivedescription .metadata::after, .error404 main section #post-404 article .metadata::after, .error404 main section #post-404 .archivetitle .metadata::after, .error404 main section #post-404 .archivedescription .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 5rem); border-top: #000 1px solid; background-color: transparent; left: calc(5rem); margin-left: 0; z-index: 90; } .archive main section .home_wrapper-small article .metadata::before, .archive main section .home_wrapper-small .archivetitle .metadata::before, .archive main section .home_wrapper-small .archivedescription .metadata::before, .archive main section #post-404 article .metadata::before, .archive main section #post-404 .archivetitle .metadata::before, .archive main section #post-404 .archivedescription .metadata::before, .home main section .home_wrapper-small article .metadata::before, .home main section .home_wrapper-small .archivetitle .metadata::before, .home main section .home_wrapper-small .archivedescription .metadata::before, .home main section #post-404 article .metadata::before, .home main section #post-404 .archivetitle .metadata::before, .home main section #post-404 .archivedescription .metadata::before, .search-results main section .home_wrapper-small article .metadata::before, .search-results main section .home_wrapper-small .archivetitle .metadata::before, .search-results main section .home_wrapper-small .archivedescription .metadata::before, .search-results main section #post-404 article .metadata::before, .search-results main section #post-404 .archivetitle .metadata::before, .search-results main section #post-404 .archivedescription .metadata::before, .search-no-results main section .home_wrapper-small article .metadata::before, .search-no-results main section .home_wrapper-small .archivetitle .metadata::before, .search-no-results main section .home_wrapper-small .archivedescription .metadata::before, .search-no-results main section #post-404 article .metadata::before, .search-no-results main section #post-404 .archivetitle .metadata::before, .search-no-results main section #post-404 .archivedescription .metadata::before, .error404 main section .home_wrapper-small article .metadata::before, .error404 main section .home_wrapper-small .archivetitle .metadata::before, .error404 main section .home_wrapper-small .archivedescription .metadata::before, .error404 main section #post-404 article .metadata::before, .error404 main section #post-404 .archivetitle .metadata::before, .error404 main section #post-404 .archivedescription .metadata::before { display: block; content: ""; position: absolute; width: calc(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: 1919px) { .archive main section .home_wrapper-small article .metadata, .archive main section .home_wrapper-small .archivetitle .metadata, .archive main section .home_wrapper-small .archivedescription .metadata, .archive main section #post-404 article .metadata, .archive main section #post-404 .archivetitle .metadata, .archive main section #post-404 .archivedescription .metadata, .home main section .home_wrapper-small article .metadata, .home main section .home_wrapper-small .archivetitle .metadata, .home main section .home_wrapper-small .archivedescription .metadata, .home main section #post-404 article .metadata, .home main section #post-404 .archivetitle .metadata, .home main section #post-404 .archivedescription .metadata, .search-results main section .home_wrapper-small article .metadata, .search-results main section .home_wrapper-small .archivetitle .metadata, .search-results main section .home_wrapper-small .archivedescription .metadata, .search-results main section #post-404 article .metadata, .search-results main section #post-404 .archivetitle .metadata, .search-results main section #post-404 .archivedescription .metadata, .search-no-results main section .home_wrapper-small article .metadata, .search-no-results main section .home_wrapper-small .archivetitle .metadata, .search-no-results main section .home_wrapper-small .archivedescription .metadata, .search-no-results main section #post-404 article .metadata, .search-no-results main section #post-404 .archivetitle .metadata, .search-no-results main section #post-404 .archivedescription .metadata, .error404 main section .home_wrapper-small article .metadata, .error404 main section .home_wrapper-small .archivetitle .metadata, .error404 main section .home_wrapper-small .archivedescription .metadata, .error404 main section #post-404 article .metadata, .error404 main section #post-404 .archivetitle .metadata, .error404 main section #post-404 .archivedescription .metadata { height: 10rem; } .archive main section .home_wrapper-small article .metadata::after, .archive main section .home_wrapper-small .archivetitle .metadata::after, .archive main section .home_wrapper-small .archivedescription .metadata::after, .archive main section #post-404 article .metadata::after, .archive main section #post-404 .archivetitle .metadata::after, .archive main section #post-404 .archivedescription .metadata::after, .home main section .home_wrapper-small article .metadata::after, .home main section .home_wrapper-small .archivetitle .metadata::after, .home main section .home_wrapper-small .archivedescription .metadata::after, .home main section #post-404 article .metadata::after, .home main section #post-404 .archivetitle .metadata::after, .home main section #post-404 .archivedescription .metadata::after, .search-results main section .home_wrapper-small article .metadata::after, .search-results main section .home_wrapper-small .archivetitle .metadata::after, .search-results main section .home_wrapper-small .archivedescription .metadata::after, .search-results main section #post-404 article .metadata::after, .search-results main section #post-404 .archivetitle .metadata::after, .search-results main section #post-404 .archivedescription .metadata::after, .search-no-results main section .home_wrapper-small article .metadata::after, .search-no-results main section .home_wrapper-small .archivetitle .metadata::after, .search-no-results main section .home_wrapper-small .archivedescription .metadata::after, .search-no-results main section #post-404 article .metadata::after, .search-no-results main section #post-404 .archivetitle .metadata::after, .search-no-results main section #post-404 .archivedescription .metadata::after, .error404 main section .home_wrapper-small article .metadata::after, .error404 main section .home_wrapper-small .archivetitle .metadata::after, .error404 main section .home_wrapper-small .archivedescription .metadata::after, .error404 main section #post-404 article .metadata::after, .error404 main section #post-404 .archivetitle .metadata::after, .error404 main section #post-404 .archivedescription .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 10rem); border-top: #000 1px solid; background-color: transparent; left: calc(10rem); margin-left: 0; z-index: 90; } .archive main section .home_wrapper-small article .metadata::before, .archive main section .home_wrapper-small .archivetitle .metadata::before, .archive main section .home_wrapper-small .archivedescription .metadata::before, .archive main section #post-404 article .metadata::before, .archive main section #post-404 .archivetitle .metadata::before, .archive main section #post-404 .archivedescription .metadata::before, .home main section .home_wrapper-small article .metadata::before, .home main section .home_wrapper-small .archivetitle .metadata::before, .home main section .home_wrapper-small .archivedescription .metadata::before, .home main section #post-404 article .metadata::before, .home main section #post-404 .archivetitle .metadata::before, .home main section #post-404 .archivedescription .metadata::before, .search-results main section .home_wrapper-small article .metadata::before, .search-results main section .home_wrapper-small .archivetitle .metadata::before, .search-results main section .home_wrapper-small .archivedescription .metadata::before, .search-results main section #post-404 article .metadata::before, .search-results main section #post-404 .archivetitle .metadata::before, .search-results main section #post-404 .archivedescription .metadata::before, .search-no-results main section .home_wrapper-small article .metadata::before, .search-no-results main section .home_wrapper-small .archivetitle .metadata::before, .search-no-results main section .home_wrapper-small .archivedescription .metadata::before, .search-no-results main section #post-404 article .metadata::before, .search-no-results main section #post-404 .archivetitle .metadata::before, .search-no-results main section #post-404 .archivedescription .metadata::before, .error404 main section .home_wrapper-small article .metadata::before, .error404 main section .home_wrapper-small .archivetitle .metadata::before, .error404 main section .home_wrapper-small .archivedescription .metadata::before, .error404 main section #post-404 article .metadata::before, .error404 main section #post-404 .archivetitle .metadata::before, .error404 main section #post-404 .archivedescription .metadata::before { display: block; content: ""; position: absolute; width: calc(10rem); height: calc(10rem); 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) { .archive main section .home_wrapper-small article .metadata.vis, .archive main section .home_wrapper-small .archivetitle .metadata.vis, .archive main section .home_wrapper-small .archivedescription .metadata.vis, .archive main section #post-404 article .metadata.vis, .archive main section #post-404 .archivetitle .metadata.vis, .archive main section #post-404 .archivedescription .metadata.vis, .home main section .home_wrapper-small article .metadata.vis, .home main section .home_wrapper-small .archivetitle .metadata.vis, .home main section .home_wrapper-small .archivedescription .metadata.vis, .home main section #post-404 article .metadata.vis, .home main section #post-404 .archivetitle .metadata.vis, .home main section #post-404 .archivedescription .metadata.vis, .search-results main section .home_wrapper-small article .metadata.vis, .search-results main section .home_wrapper-small .archivetitle .metadata.vis, .search-results main section .home_wrapper-small .archivedescription .metadata.vis, .search-results main section #post-404 article .metadata.vis, .search-results main section #post-404 .archivetitle .metadata.vis, .search-results main section #post-404 .archivedescription .metadata.vis, .search-no-results main section .home_wrapper-small article .metadata.vis, .search-no-results main section .home_wrapper-small .archivetitle .metadata.vis, .search-no-results main section .home_wrapper-small .archivedescription .metadata.vis, .search-no-results main section #post-404 article .metadata.vis, .search-no-results main section #post-404 .archivetitle .metadata.vis, .search-no-results main section #post-404 .archivedescription .metadata.vis, .error404 main section .home_wrapper-small article .metadata.vis, .error404 main section .home_wrapper-small .archivetitle .metadata.vis, .error404 main section .home_wrapper-small .archivedescription .metadata.vis, .error404 main section #post-404 article .metadata.vis, .error404 main section #post-404 .archivetitle .metadata.vis, .error404 main section #post-404 .archivedescription .metadata.vis { display: flex; } .archive main section .home_wrapper-small article .metadata .categories, .archive main section .home_wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .postedon, .archive main section #post-404 article .metadata .categories, .archive main section #post-404 article .metadata .postedon, .archive main section #post-404 .archivetitle .metadata .categories, .archive main section #post-404 .archivetitle .metadata .postedon, .archive main section #post-404 .archivedescription .metadata .categories, .archive main section #post-404 .archivedescription .metadata .postedon, .home main section .home_wrapper-small article .metadata .categories, .home main section .home_wrapper-small article .metadata .postedon, .home main section .home_wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .postedon, .home main section .home_wrapper-small .archivedescription .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .postedon, .home main section #post-404 article .metadata .categories, .home main section #post-404 article .metadata .postedon, .home main section #post-404 .archivetitle .metadata .categories, .home main section #post-404 .archivetitle .metadata .postedon, .home main section #post-404 .archivedescription .metadata .categories, .home main section #post-404 .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .categories, .search-results main section .home_wrapper-small article .metadata .postedon, .search-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section #post-404 article .metadata .categories, .search-results main section #post-404 article .metadata .postedon, .search-results main section #post-404 .archivetitle .metadata .categories, .search-results main section #post-404 .archivetitle .metadata .postedon, .search-results main section #post-404 .archivedescription .metadata .categories, .search-results main section #post-404 .archivedescription .metadata .postedon, .search-no-results main section .home_wrapper-small article .metadata .categories, .search-no-results main section .home_wrapper-small article .metadata .postedon, .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-no-results main section #post-404 article .metadata .categories, .search-no-results main section #post-404 article .metadata .postedon, .search-no-results main section #post-404 .archivetitle .metadata .categories, .search-no-results main section #post-404 .archivetitle .metadata .postedon, .search-no-results main section #post-404 .archivedescription .metadata .categories, .search-no-results main section #post-404 .archivedescription .metadata .postedon, .error404 main section .home_wrapper-small article .metadata .categories, .error404 main section .home_wrapper-small article .metadata .postedon, .error404 main section .home_wrapper-small .archivetitle .metadata .categories, .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, .error404 main section .home_wrapper-small .archivedescription .metadata .categories, .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, .error404 main section #post-404 article .metadata .categories, .error404 main section #post-404 article .metadata .postedon, .error404 main section #post-404 .archivetitle .metadata .categories, .error404 main section #post-404 .archivetitle .metadata .postedon, .error404 main section #post-404 .archivedescription .metadata .categories, .error404 main section #post-404 .archivedescription .metadata .postedon { font: bold 1rem "Westeinde Caption"; color: #000; display: flex; flex-direction: row; align-content: center; margin-top: auto; margin-bottom: auto; flex-wrap: nowrap; justify-content: center; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small article .metadata .categories, .archive main section .home_wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .postedon, .archive main section #post-404 article .metadata .categories, .archive main section #post-404 article .metadata .postedon, .archive main section #post-404 .archivetitle .metadata .categories, .archive main section #post-404 .archivetitle .metadata .postedon, .archive main section #post-404 .archivedescription .metadata .categories, .archive main section #post-404 .archivedescription .metadata .postedon, .home main section .home_wrapper-small article .metadata .categories, .home main section .home_wrapper-small article .metadata .postedon, .home main section .home_wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .postedon, .home main section .home_wrapper-small .archivedescription .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .postedon, .home main section #post-404 article .metadata .categories, .home main section #post-404 article .metadata .postedon, .home main section #post-404 .archivetitle .metadata .categories, .home main section #post-404 .archivetitle .metadata .postedon, .home main section #post-404 .archivedescription .metadata .categories, .home main section #post-404 .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .categories, .search-results main section .home_wrapper-small article .metadata .postedon, .search-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section #post-404 article .metadata .categories, .search-results main section #post-404 article .metadata .postedon, .search-results main section #post-404 .archivetitle .metadata .categories, .search-results main section #post-404 .archivetitle .metadata .postedon, .search-results main section #post-404 .archivedescription .metadata .categories, .search-results main section #post-404 .archivedescription .metadata .postedon, .search-no-results main section .home_wrapper-small article .metadata .categories, .search-no-results main section .home_wrapper-small article .metadata .postedon, .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-no-results main section #post-404 article .metadata .categories, .search-no-results main section #post-404 article .metadata .postedon, .search-no-results main section #post-404 .archivetitle .metadata .categories, .search-no-results main section #post-404 .archivetitle .metadata .postedon, .search-no-results main section #post-404 .archivedescription .metadata .categories, .search-no-results main section #post-404 .archivedescription .metadata .postedon, .error404 main section .home_wrapper-small article .metadata .categories, .error404 main section .home_wrapper-small article .metadata .postedon, .error404 main section .home_wrapper-small .archivetitle .metadata .categories, .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, .error404 main section .home_wrapper-small .archivedescription .metadata .categories, .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, .error404 main section #post-404 article .metadata .categories, .error404 main section #post-404 article .metadata .postedon, .error404 main section #post-404 .archivetitle .metadata .categories, .error404 main section #post-404 .archivetitle .metadata .postedon, .error404 main section #post-404 .archivedescription .metadata .categories, .error404 main section #post-404 .archivedescription .metadata .postedon { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-small article .metadata .categories, .archive main section .home_wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .postedon, .archive main section #post-404 article .metadata .categories, .archive main section #post-404 article .metadata .postedon, .archive main section #post-404 .archivetitle .metadata .categories, .archive main section #post-404 .archivetitle .metadata .postedon, .archive main section #post-404 .archivedescription .metadata .categories, .archive main section #post-404 .archivedescription .metadata .postedon, .home main section .home_wrapper-small article .metadata .categories, .home main section .home_wrapper-small article .metadata .postedon, .home main section .home_wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .postedon, .home main section .home_wrapper-small .archivedescription .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .postedon, .home main section #post-404 article .metadata .categories, .home main section #post-404 article .metadata .postedon, .home main section #post-404 .archivetitle .metadata .categories, .home main section #post-404 .archivetitle .metadata .postedon, .home main section #post-404 .archivedescription .metadata .categories, .home main section #post-404 .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .categories, .search-results main section .home_wrapper-small article .metadata .postedon, .search-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section #post-404 article .metadata .categories, .search-results main section #post-404 article .metadata .postedon, .search-results main section #post-404 .archivetitle .metadata .categories, .search-results main section #post-404 .archivetitle .metadata .postedon, .search-results main section #post-404 .archivedescription .metadata .categories, .search-results main section #post-404 .archivedescription .metadata .postedon, .search-no-results main section .home_wrapper-small article .metadata .categories, .search-no-results main section .home_wrapper-small article .metadata .postedon, .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-no-results main section #post-404 article .metadata .categories, .search-no-results main section #post-404 article .metadata .postedon, .search-no-results main section #post-404 .archivetitle .metadata .categories, .search-no-results main section #post-404 .archivetitle .metadata .postedon, .search-no-results main section #post-404 .archivedescription .metadata .categories, .search-no-results main section #post-404 .archivedescription .metadata .postedon, .error404 main section .home_wrapper-small article .metadata .categories, .error404 main section .home_wrapper-small article .metadata .postedon, .error404 main section .home_wrapper-small .archivetitle .metadata .categories, .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, .error404 main section .home_wrapper-small .archivedescription .metadata .categories, .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, .error404 main section #post-404 article .metadata .categories, .error404 main section #post-404 article .metadata .postedon, .error404 main section #post-404 .archivetitle .metadata .categories, .error404 main section #post-404 .archivetitle .metadata .postedon, .error404 main section #post-404 .archivedescription .metadata .categories, .error404 main section #post-404 .archivedescription .metadata .postedon { font-size: 1.3rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-small article .metadata .categories, .archive main section .home_wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .postedon, .archive main section #post-404 article .metadata .categories, .archive main section #post-404 article .metadata .postedon, .archive main section #post-404 .archivetitle .metadata .categories, .archive main section #post-404 .archivetitle .metadata .postedon, .archive main section #post-404 .archivedescription .metadata .categories, .archive main section #post-404 .archivedescription .metadata .postedon, .home main section .home_wrapper-small article .metadata .categories, .home main section .home_wrapper-small article .metadata .postedon, .home main section .home_wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .postedon, .home main section .home_wrapper-small .archivedescription .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .postedon, .home main section #post-404 article .metadata .categories, .home main section #post-404 article .metadata .postedon, .home main section #post-404 .archivetitle .metadata .categories, .home main section #post-404 .archivetitle .metadata .postedon, .home main section #post-404 .archivedescription .metadata .categories, .home main section #post-404 .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .categories, .search-results main section .home_wrapper-small article .metadata .postedon, .search-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section #post-404 article .metadata .categories, .search-results main section #post-404 article .metadata .postedon, .search-results main section #post-404 .archivetitle .metadata .categories, .search-results main section #post-404 .archivetitle .metadata .postedon, .search-results main section #post-404 .archivedescription .metadata .categories, .search-results main section #post-404 .archivedescription .metadata .postedon, .search-no-results main section .home_wrapper-small article .metadata .categories, .search-no-results main section .home_wrapper-small article .metadata .postedon, .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-no-results main section #post-404 article .metadata .categories, .search-no-results main section #post-404 article .metadata .postedon, .search-no-results main section #post-404 .archivetitle .metadata .categories, .search-no-results main section #post-404 .archivetitle .metadata .postedon, .search-no-results main section #post-404 .archivedescription .metadata .categories, .search-no-results main section #post-404 .archivedescription .metadata .postedon, .error404 main section .home_wrapper-small article .metadata .categories, .error404 main section .home_wrapper-small article .metadata .postedon, .error404 main section .home_wrapper-small .archivetitle .metadata .categories, .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, .error404 main section .home_wrapper-small .archivedescription .metadata .categories, .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, .error404 main section #post-404 article .metadata .categories, .error404 main section #post-404 article .metadata .postedon, .error404 main section #post-404 .archivetitle .metadata .categories, .error404 main section #post-404 .archivetitle .metadata .postedon, .error404 main section #post-404 .archivedescription .metadata .categories, .error404 main section #post-404 .archivedescription .metadata .postedon { font-size: 2.5rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small article .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .categories, .archive main section #post-404 article .metadata .categories, .archive main section #post-404 .archivetitle .metadata .categories, .archive main section #post-404 .archivedescription .metadata .categories, .home main section .home_wrapper-small article .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .categories, .home main section #post-404 article .metadata .categories, .home main section #post-404 .archivetitle .metadata .categories, .home main section #post-404 .archivedescription .metadata .categories, .search-results main section .home_wrapper-small article .metadata .categories, .search-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section #post-404 article .metadata .categories, .search-results main section #post-404 .archivetitle .metadata .categories, .search-results main section #post-404 .archivedescription .metadata .categories, .search-no-results main section .home_wrapper-small article .metadata .categories, .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-no-results main section #post-404 article .metadata .categories, .search-no-results main section #post-404 .archivetitle .metadata .categories, .search-no-results main section #post-404 .archivedescription .metadata .categories, .error404 main section .home_wrapper-small article .metadata .categories, .error404 main section .home_wrapper-small .archivetitle .metadata .categories, .error404 main section .home_wrapper-small .archivedescription .metadata .categories, .error404 main section #post-404 article .metadata .categories, .error404 main section #post-404 .archivetitle .metadata .categories, .error404 main section #post-404 .archivedescription .metadata .categories { margin-left: 2.5rem; padding-right: 0.5rem; flex: 1 0 auto; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small article .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .categories, .archive main section #post-404 article .metadata .categories, .archive main section #post-404 .archivetitle .metadata .categories, .archive main section #post-404 .archivedescription .metadata .categories, .home main section .home_wrapper-small article .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .categories, .home main section #post-404 article .metadata .categories, .home main section #post-404 .archivetitle .metadata .categories, .home main section #post-404 .archivedescription .metadata .categories, .search-results main section .home_wrapper-small article .metadata .categories, .search-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section #post-404 article .metadata .categories, .search-results main section #post-404 .archivetitle .metadata .categories, .search-results main section #post-404 .archivedescription .metadata .categories, .search-no-results main section .home_wrapper-small article .metadata .categories, .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-no-results main section #post-404 article .metadata .categories, .search-no-results main section #post-404 .archivetitle .metadata .categories, .search-no-results main section #post-404 .archivedescription .metadata .categories, .error404 main section .home_wrapper-small article .metadata .categories, .error404 main section .home_wrapper-small .archivetitle .metadata .categories, .error404 main section .home_wrapper-small .archivedescription .metadata .categories, .error404 main section #post-404 article .metadata .categories, .error404 main section #post-404 .archivetitle .metadata .categories, .error404 main section #post-404 .archivedescription .metadata .categories { margin-left: 5rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-small article .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .categories, .archive main section #post-404 article .metadata .categories, .archive main section #post-404 .archivetitle .metadata .categories, .archive main section #post-404 .archivedescription .metadata .categories, .home main section .home_wrapper-small article .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .categories, .home main section #post-404 article .metadata .categories, .home main section #post-404 .archivetitle .metadata .categories, .home main section #post-404 .archivedescription .metadata .categories, .search-results main section .home_wrapper-small article .metadata .categories, .search-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section #post-404 article .metadata .categories, .search-results main section #post-404 .archivetitle .metadata .categories, .search-results main section #post-404 .archivedescription .metadata .categories, .search-no-results main section .home_wrapper-small article .metadata .categories, .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-no-results main section #post-404 article .metadata .categories, .search-no-results main section #post-404 .archivetitle .metadata .categories, .search-no-results main section #post-404 .archivedescription .metadata .categories, .error404 main section .home_wrapper-small article .metadata .categories, .error404 main section .home_wrapper-small .archivetitle .metadata .categories, .error404 main section .home_wrapper-small .archivedescription .metadata .categories, .error404 main section #post-404 article .metadata .categories, .error404 main section #post-404 .archivetitle .metadata .categories, .error404 main section #post-404 .archivedescription .metadata .categories { margin-left: 10rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small article .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .categories, .archive main section #post-404 article .metadata .categories, .archive main section #post-404 .archivetitle .metadata .categories, .archive main section #post-404 .archivedescription .metadata .categories, .home main section .home_wrapper-small article .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .categories, .home main section #post-404 article .metadata .categories, .home main section #post-404 .archivetitle .metadata .categories, .home main section #post-404 .archivedescription .metadata .categories, .search-results main section .home_wrapper-small article .metadata .categories, .search-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section #post-404 article .metadata .categories, .search-results main section #post-404 .archivetitle .metadata .categories, .search-results main section #post-404 .archivedescription .metadata .categories, .search-no-results main section .home_wrapper-small article .metadata .categories, .search-no-results main section .home_wrapper-small .archivetitle .metadata .categories, .search-no-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-no-results main section #post-404 article .metadata .categories, .search-no-results main section #post-404 .archivetitle .metadata .categories, .search-no-results main section #post-404 .archivedescription .metadata .categories, .error404 main section .home_wrapper-small article .metadata .categories, .error404 main section .home_wrapper-small .archivetitle .metadata .categories, .error404 main section .home_wrapper-small .archivedescription .metadata .categories, .error404 main section #post-404 article .metadata .categories, .error404 main section #post-404 .archivetitle .metadata .categories, .error404 main section #post-404 .archivedescription .metadata .categories { padding-right: 1rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .postedon, .archive main section #post-404 article .metadata .postedon, .archive main section #post-404 .archivetitle .metadata .postedon, .archive main section #post-404 .archivedescription .metadata .postedon, .home main section .home_wrapper-small article .metadata .postedon, .home main section .home_wrapper-small .archivetitle .metadata .postedon, .home main section .home_wrapper-small .archivedescription .metadata .postedon, .home main section #post-404 article .metadata .postedon, .home main section #post-404 .archivetitle .metadata .postedon, .home main section #post-404 .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .postedon, .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section #post-404 article .metadata .postedon, .search-results main section #post-404 .archivetitle .metadata .postedon, .search-results main section #post-404 .archivedescription .metadata .postedon, .search-no-results main section .home_wrapper-small article .metadata .postedon, .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-no-results main section #post-404 article .metadata .postedon, .search-no-results main section #post-404 .archivetitle .metadata .postedon, .search-no-results main section #post-404 .archivedescription .metadata .postedon, .error404 main section .home_wrapper-small article .metadata .postedon, .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, .error404 main section #post-404 article .metadata .postedon, .error404 main section #post-404 .archivetitle .metadata .postedon, .error404 main section #post-404 .archivedescription .metadata .postedon { padding: 0 0.5rem; flex: 1 0 auto; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .postedon, .archive main section #post-404 article .metadata .postedon, .archive main section #post-404 .archivetitle .metadata .postedon, .archive main section #post-404 .archivedescription .metadata .postedon, .home main section .home_wrapper-small article .metadata .postedon, .home main section .home_wrapper-small .archivetitle .metadata .postedon, .home main section .home_wrapper-small .archivedescription .metadata .postedon, .home main section #post-404 article .metadata .postedon, .home main section #post-404 .archivetitle .metadata .postedon, .home main section #post-404 .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .postedon, .search-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section #post-404 article .metadata .postedon, .search-results main section #post-404 .archivetitle .metadata .postedon, .search-results main section #post-404 .archivedescription .metadata .postedon, .search-no-results main section .home_wrapper-small article .metadata .postedon, .search-no-results main section .home_wrapper-small .archivetitle .metadata .postedon, .search-no-results main section .home_wrapper-small .archivedescription .metadata .postedon, .search-no-results main section #post-404 article .metadata .postedon, .search-no-results main section #post-404 .archivetitle .metadata .postedon, .search-no-results main section #post-404 .archivedescription .metadata .postedon, .error404 main section .home_wrapper-small article .metadata .postedon, .error404 main section .home_wrapper-small .archivetitle .metadata .postedon, .error404 main section .home_wrapper-small .archivedescription .metadata .postedon, .error404 main section #post-404 article .metadata .postedon, .error404 main section #post-404 .archivetitle .metadata .postedon, .error404 main section #post-404 .archivedescription .metadata .postedon { padding: 0 1rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2, .error404 main section #post-404 .archivedescription h2 a { font: bold 1.5rem "Westeinde Caption"; color: #000; } } @media (min-width: 769px) and (min-width: 360px) { .archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2, .error404 main section #post-404 .archivedescription h2 a { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2, .error404 main section #post-404 .archivedescription h2 a { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2, .error404 main section #post-404 .archivedescription h2 a { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2, .error404 main section #post-404 .archivedescription h2 a { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2, .error404 main section #post-404 .archivedescription h2 a { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2, .error404 main section #post-404 .archivedescription h2 a { font-size: 3rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivedescription h2, .archive main section #post-404 article h2, .archive main section #post-404 .archivetitle h2, .archive main section #post-404 .archivedescription h2, .home main section .home_wrapper-small article h2, .home main section .home_wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivedescription h2, .home main section #post-404 article h2, .home main section #post-404 .archivetitle h2, .home main section #post-404 .archivedescription h2, .search-results main section .home_wrapper-small article h2, .search-results main section .home_wrapper-small .archivetitle h2, .search-results main section .home_wrapper-small .archivedescription h2, .search-results main section #post-404 article h2, .search-results main section #post-404 .archivetitle h2, .search-results main section #post-404 .archivedescription h2, .search-no-results main section .home_wrapper-small article h2, .search-no-results main section .home_wrapper-small .archivetitle h2, .search-no-results main section .home_wrapper-small .archivedescription h2, .search-no-results main section #post-404 article h2, .search-no-results main section #post-404 .archivetitle h2, .search-no-results main section #post-404 .archivedescription h2, .error404 main section .home_wrapper-small article h2, .error404 main section .home_wrapper-small .archivetitle h2, .error404 main section .home_wrapper-small .archivedescription h2, .error404 main section #post-404 article h2, .error404 main section #post-404 .archivetitle h2, .error404 main section #post-404 .archivedescription h2 { display: none; position: absolute; top: 0; background-color: #fff; height: 100%; padding: 0; border: none; } .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2 a { margin-top: 1.25rem; margin-right: 1rem; margin-bottom: 3rem; margin-left: 2.5rem; bottom: 0; height: -moz-max-content; height: max-content; height: -moz-fit-content; height: fit-content; position: absolute; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2 a { margin-top: 2.5rem; margin-right: 2rem; margin-bottom: 7rem; margin-left: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2 a { margin-right: 1rem; margin-bottom: 6rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2 a, .archive main section #post-404 article h2 a, .archive main section #post-404 .archivetitle h2 a, .archive main section #post-404 .archivedescription h2 a, .home main section .home_wrapper-small article h2 a, .home main section .home_wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivedescription h2 a, .home main section #post-404 article h2 a, .home main section #post-404 .archivetitle h2 a, .home main section #post-404 .archivedescription h2 a, .search-results main section .home_wrapper-small article h2 a, .search-results main section .home_wrapper-small .archivetitle h2 a, .search-results main section .home_wrapper-small .archivedescription h2 a, .search-results main section #post-404 article h2 a, .search-results main section #post-404 .archivetitle h2 a, .search-results main section #post-404 .archivedescription h2 a, .search-no-results main section .home_wrapper-small article h2 a, .search-no-results main section .home_wrapper-small .archivetitle h2 a, .search-no-results main section .home_wrapper-small .archivedescription h2 a, .search-no-results main section #post-404 article h2 a, .search-no-results main section #post-404 .archivetitle h2 a, .search-no-results main section #post-404 .archivedescription h2 a, .error404 main section .home_wrapper-small article h2 a, .error404 main section .home_wrapper-small .archivetitle h2 a, .error404 main section .home_wrapper-small .archivedescription h2 a, .error404 main section #post-404 article h2 a, .error404 main section #post-404 .archivetitle h2 a, .error404 main section #post-404 .archivedescription h2 a { margin-left: 10rem; margin-bottom: 12rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small article, .archive main section #post-404 article, .home main section .home_wrapper-small article, .home main section #post-404 article, .search-results main section .home_wrapper-small article, .search-results main section #post-404 article, .search-no-results main section .home_wrapper-small article, .search-no-results main section #post-404 article, .error404 main section .home_wrapper-small article, .error404 main section #post-404 article { cursor: pointer; } .archive main section .home_wrapper-small .archivetitle, .archive main section #post-404 .archivetitle, .home main section .home_wrapper-small .archivetitle, .home main section #post-404 .archivetitle, .search-results main section .home_wrapper-small .archivetitle, .search-results main section #post-404 .archivetitle, .search-no-results main section .home_wrapper-small .archivetitle, .search-no-results main section #post-404 .archivetitle, .error404 main section .home_wrapper-small .archivetitle, .error404 main section #post-404 .archivetitle { margin: 0; width: calc(100% / 3); position: relative; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 1rem 2rem; text-align: center; border-right: #000 1px solid; } .archive main section .home_wrapper-small .archivetitle::after, .archive main section #post-404 .archivetitle::after, .home main section .home_wrapper-small .archivetitle::after, .home main section #post-404 .archivetitle::after, .search-results main section .home_wrapper-small .archivetitle::after, .search-results main section #post-404 .archivetitle::after, .search-no-results main section .home_wrapper-small .archivetitle::after, .search-no-results main section #post-404 .archivetitle::after, .error404 main section .home_wrapper-small .archivetitle::after, .error404 main section #post-404 .archivetitle::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 5rem); border-top: #000 1px solid; background-color: transparent; left: calc(5rem); margin-left: 0; z-index: 90; } .archive main section .home_wrapper-small .archivetitle::before, .archive main section #post-404 .archivetitle::before, .home main section .home_wrapper-small .archivetitle::before, .home main section #post-404 .archivetitle::before, .search-results main section .home_wrapper-small .archivetitle::before, .search-results main section #post-404 .archivetitle::before, .search-no-results main section .home_wrapper-small .archivetitle::before, .search-no-results main section #post-404 .archivetitle::before, .error404 main section .home_wrapper-small .archivetitle::before, .error404 main section #post-404 .archivetitle::before { display: block; content: ""; position: absolute; width: calc(5rem); height: calc(5rem); top: 0; background-color: transparent; z-index: 9; left: 0; border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, .home main section .home_wrapper-small .archivetitle h1, .home main section #post-404 .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1, .search-results main section #post-404 .archivetitle h1, .search-no-results main section .home_wrapper-small .archivetitle h1, .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { font: bold 2.2rem "Westeinde Caption"; color: #000; margin: 0; display: block; width: 100%; text-align: left; } } @media (min-width: 769px) and (min-width: 360px) { .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, .home main section .home_wrapper-small .archivetitle h1, .home main section #post-404 .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1, .search-results main section #post-404 .archivetitle h1, .search-no-results main section .home_wrapper-small .archivetitle h1, .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { font-size: 2.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, .home main section .home_wrapper-small .archivetitle h1, .home main section #post-404 .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1, .search-results main section #post-404 .archivetitle h1, .search-no-results main section .home_wrapper-small .archivetitle h1, .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, .home main section .home_wrapper-small .archivetitle h1, .home main section #post-404 .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1, .search-results main section #post-404 .archivetitle h1, .search-no-results main section .home_wrapper-small .archivetitle h1, .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { font-size: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, .home main section .home_wrapper-small .archivetitle h1, .home main section #post-404 .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1, .search-results main section #post-404 .archivetitle h1, .search-no-results main section .home_wrapper-small .archivetitle h1, .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { font-size: 6.8rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, .home main section .home_wrapper-small .archivetitle h1, .home main section #post-404 .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1, .search-results main section #post-404 .archivetitle h1, .search-no-results main section .home_wrapper-small .archivetitle h1, .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { font-size: 11rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small .archivetitle.tag, .archive main section #post-404 .archivetitle.tag, .home main section .home_wrapper-small .archivetitle.tag, .home main section #post-404 .archivetitle.tag, .search-results main section .home_wrapper-small .archivetitle.tag, .search-results main section #post-404 .archivetitle.tag, .search-no-results main section .home_wrapper-small .archivetitle.tag, .search-no-results main section #post-404 .archivetitle.tag, .error404 main section .home_wrapper-small .archivetitle.tag, .error404 main section #post-404 .archivetitle.tag { order: 1; } .archive main section .home_wrapper-small .archivetitle.tag h1, .archive main section #post-404 .archivetitle.tag h1, .home main section .home_wrapper-small .archivetitle.tag h1, .home main section #post-404 .archivetitle.tag h1, .search-results main section .home_wrapper-small .archivetitle.tag h1, .search-results main section #post-404 .archivetitle.tag h1, .search-no-results main section .home_wrapper-small .archivetitle.tag h1, .search-no-results main section #post-404 .archivetitle.tag h1, .error404 main section .home_wrapper-small .archivetitle.tag h1, .error404 main section #post-404 .archivetitle.tag h1 { text-transform: uppercase; } .archive main section .home_wrapper-small .archivetitle > object, .archive main section #post-404 .archivetitle > object, .home main section .home_wrapper-small .archivetitle > object, .home main section #post-404 .archivetitle > object, .search-results main section .home_wrapper-small .archivetitle > object, .search-results main section #post-404 .archivetitle > object, .search-no-results main section .home_wrapper-small .archivetitle > object, .search-no-results main section #post-404 .archivetitle > object, .error404 main section .home_wrapper-small .archivetitle > object, .error404 main section #post-404 .archivetitle > object { position: absolute; top: 2rem; right: 2rem; width: 5rem; height: 5rem; } .archive main section .home_wrapper-small .archivedescription, .archive main section #post-404 .archivedescription, .home main section .home_wrapper-small .archivedescription, .home main section #post-404 .archivedescription, .search-results main section .home_wrapper-small .archivedescription, .search-results main section #post-404 .archivedescription, .search-no-results main section .home_wrapper-small .archivedescription, .search-no-results main section #post-404 .archivedescription, .error404 main section .home_wrapper-small .archivedescription, .error404 main section #post-404 .archivedescription { order: 4; border-top: #000 1px solid; border-right: #000 1px solid; border-bottom: #000 1px solid; margin: 0; width: 100%; position: relative; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 2rem; } .archive main section .home_wrapper-small .archivedescription p, .archive main section #post-404 .archivedescription p, .home main section .home_wrapper-small .archivedescription p, .home main section #post-404 .archivedescription p, .search-results main section .home_wrapper-small .archivedescription p, .search-results main section #post-404 .archivedescription p, .search-no-results main section .home_wrapper-small .archivedescription p, .search-no-results main section #post-404 .archivedescription p, .error404 main section .home_wrapper-small .archivedescription p, .error404 main section #post-404 .archivedescription p { margin: 0; font: bold 1rem "Butler"; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small .archivedescription p, .archive main section #post-404 .archivedescription p, .home main section .home_wrapper-small .archivedescription p, .home main section #post-404 .archivedescription p, .search-results main section .home_wrapper-small .archivedescription p, .search-results main section #post-404 .archivedescription p, .search-no-results main section .home_wrapper-small .archivedescription p, .search-no-results main section #post-404 .archivedescription p, .error404 main section .home_wrapper-small .archivedescription p, .error404 main section #post-404 .archivedescription p { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-small .archivedescription p, .archive main section #post-404 .archivedescription p, .home main section .home_wrapper-small .archivedescription p, .home main section #post-404 .archivedescription p, .search-results main section .home_wrapper-small .archivedescription p, .search-results main section #post-404 .archivedescription p, .search-no-results main section .home_wrapper-small .archivedescription p, .search-no-results main section #post-404 .archivedescription p, .error404 main section .home_wrapper-small .archivedescription p, .error404 main section #post-404 .archivedescription p { font-size: 1.8rem; } } .archive.no-result, .archive.error404, .archive.search-no-results, .home.no-result, .home.error404, .home.search-no-results, .search-results.no-result, .search-results.error404, .search-results.search-no-results, .search-no-results.no-result, .search-no-results.error404, .search-no-results.search-no-results, .error404.no-result, .error404.error404, .error404.search-no-results { /* -------------------------- no results on desktop ------------------------- */ } .archive.no-result .wrapper, .archive.error404 .wrapper, .archive.search-no-results .wrapper, .home.no-result .wrapper, .home.error404 .wrapper, .home.search-no-results .wrapper, .search-results.no-result .wrapper, .search-results.error404 .wrapper, .search-results.search-no-results .wrapper, .search-no-results.no-result .wrapper, .search-no-results.error404 .wrapper, .search-no-results.search-no-results .wrapper, .error404.no-result .wrapper, .error404.error404 .wrapper, .error404.search-no-results .wrapper { height: unset; } .archive.no-result .wrapper section .archivetitle, .archive.error404 .wrapper section .archivetitle, .archive.search-no-results .wrapper section .archivetitle, .home.no-result .wrapper section .archivetitle, .home.error404 .wrapper section .archivetitle, .home.search-no-results .wrapper section .archivetitle, .search-results.no-result .wrapper section .archivetitle, .search-results.error404 .wrapper section .archivetitle, .search-results.search-no-results .wrapper section .archivetitle, .search-no-results.no-result .wrapper section .archivetitle, .search-no-results.error404 .wrapper section .archivetitle, .search-no-results.search-no-results .wrapper section .archivetitle, .error404.no-result .wrapper section .archivetitle, .error404.error404 .wrapper section .archivetitle, .error404.search-no-results .wrapper section .archivetitle { padding: 8rem 2rem 0; } .archive.no-result .wrapper #post-404, .archive.error404 .wrapper #post-404, .archive.search-no-results .wrapper #post-404, .home.no-result .wrapper #post-404, .home.error404 .wrapper #post-404, .home.search-no-results .wrapper #post-404, .search-results.no-result .wrapper #post-404, .search-results.error404 .wrapper #post-404, .search-results.search-no-results .wrapper #post-404, .search-no-results.no-result .wrapper #post-404, .search-no-results.error404 .wrapper #post-404, .search-no-results.search-no-results .wrapper #post-404, .error404.no-result .wrapper #post-404, .error404.error404 .wrapper #post-404, .error404.search-no-results .wrapper #post-404 { text-align: center; line-height: 1.4; } .archive.no-result .wrapper #content article.no-result, .archive.error404 .wrapper #content article.no-result, .archive.search-no-results .wrapper #content article.no-result, .home.no-result .wrapper #content article.no-result, .home.error404 .wrapper #content article.no-result, .home.search-no-results .wrapper #content article.no-result, .search-results.no-result .wrapper #content article.no-result, .search-results.error404 .wrapper #content article.no-result, .search-results.search-no-results .wrapper #content article.no-result, .search-no-results.no-result .wrapper #content article.no-result, .search-no-results.error404 .wrapper #content article.no-result, .search-no-results.search-no-results .wrapper #content article.no-result, .error404.no-result .wrapper #content article.no-result, .error404.error404 .wrapper #content article.no-result, .error404.search-no-results .wrapper #content article.no-result { height: unset; } @media (min-width: 769px) { .archive.no-result main, .archive.error404 main, .archive.search-no-results main, .home.no-result main, .home.error404 main, .home.search-no-results main, .search-results.no-result main, .search-results.error404 main, .search-results.search-no-results main, .search-no-results.no-result main, .search-no-results.error404 main, .search-no-results.search-no-results main, .error404.no-result main, .error404.error404 main, .error404.search-no-results main { width: 100vw; } .archive.no-result main section, .archive.error404 main section, .archive.search-no-results main section, .home.no-result main section, .home.error404 main section, .home.search-no-results main section, .search-results.no-result main section, .search-results.error404 main section, .search-results.search-no-results main section, .search-no-results.no-result main section, .search-no-results.error404 main section, .search-no-results.search-no-results main section, .error404.no-result main section, .error404.error404 main section, .error404.search-no-results main section { width: 100%; } .archive.no-result main section .home_wrapper-1, .archive.no-result main section article#post-404, .archive.error404 main section .home_wrapper-1, .archive.error404 main section article#post-404, .archive.search-no-results main section .home_wrapper-1, .archive.search-no-results main section article#post-404, .home.no-result main section .home_wrapper-1, .home.no-result main section article#post-404, .home.error404 main section .home_wrapper-1, .home.error404 main section article#post-404, .home.search-no-results main section .home_wrapper-1, .home.search-no-results main section article#post-404, .search-results.no-result main section .home_wrapper-1, .search-results.no-result main section article#post-404, .search-results.error404 main section .home_wrapper-1, .search-results.error404 main section article#post-404, .search-results.search-no-results main section .home_wrapper-1, .search-results.search-no-results main section article#post-404, .search-no-results.no-result main section .home_wrapper-1, .search-no-results.no-result main section article#post-404, .search-no-results.error404 main section .home_wrapper-1, .search-no-results.error404 main section article#post-404, .search-no-results.search-no-results main section .home_wrapper-1, .search-no-results.search-no-results main section article#post-404, .error404.no-result main section .home_wrapper-1, .error404.no-result main section article#post-404, .error404.error404 main section .home_wrapper-1, .error404.error404 main section article#post-404, .error404.search-no-results main section .home_wrapper-1, .error404.search-no-results main section article#post-404 { position: relative; width: calc(100% - 15rem); max-width: unset; } } @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; margin-left: 0; position: absolute; width: 100%; height: 100%; left: 0; background-color: transparent; display: flex; flex-direction: column; justify-content: flex-end; } .archive.no-result main section .home_wrapper-1 .archivetitle h1, .archive.no-result main section article#post-404 .archivetitle h1, .archive.error404 main section .home_wrapper-1 .archivetitle h1, .archive.error404 main section article#post-404 .archivetitle h1, .archive.search-no-results main section .home_wrapper-1 .archivetitle h1, .archive.search-no-results main section article#post-404 .archivetitle h1, .home.no-result main section .home_wrapper-1 .archivetitle h1, .home.no-result main section article#post-404 .archivetitle h1, .home.error404 main section .home_wrapper-1 .archivetitle h1, .home.error404 main section article#post-404 .archivetitle h1, .home.search-no-results main section .home_wrapper-1 .archivetitle h1, .home.search-no-results main section article#post-404 .archivetitle h1, .search-results.no-result main section .home_wrapper-1 .archivetitle h1, .search-results.no-result main section article#post-404 .archivetitle h1, .search-results.error404 main section .home_wrapper-1 .archivetitle h1, .search-results.error404 main section article#post-404 .archivetitle h1, .search-results.search-no-results main section .home_wrapper-1 .archivetitle h1, .search-results.search-no-results main section article#post-404 .archivetitle h1, .search-no-results.no-result main section .home_wrapper-1 .archivetitle h1, .search-no-results.no-result main section article#post-404 .archivetitle h1, .search-no-results.error404 main section .home_wrapper-1 .archivetitle h1, .search-no-results.error404 main section article#post-404 .archivetitle h1, .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h1, .search-no-results.search-no-results main section article#post-404 .archivetitle h1, .error404.no-result main section .home_wrapper-1 .archivetitle h1, .error404.no-result main section article#post-404 .archivetitle h1, .error404.error404 main section .home_wrapper-1 .archivetitle h1, .error404.error404 main section article#post-404 .archivetitle h1, .error404.search-no-results main section .home_wrapper-1 .archivetitle h1, .error404.search-no-results main section article#post-404 .archivetitle h1 { display: inline-block; position: relative; width: unset; } .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, .archive.search-no-results main section article#post-404 .archivetitle h2, .home.no-result main section .home_wrapper-1 .archivetitle h2, .home.no-result main section article#post-404 .archivetitle h2, .home.error404 main section .home_wrapper-1 .archivetitle h2, .home.error404 main section article#post-404 .archivetitle h2, .home.search-no-results main section .home_wrapper-1 .archivetitle h2, .home.search-no-results main section article#post-404 .archivetitle h2, .search-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-results.no-result main section article#post-404 .archivetitle h2, .search-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-results.error404 main section article#post-404 .archivetitle h2, .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-results.search-no-results main section article#post-404 .archivetitle h2, .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-no-results.no-result main section article#post-404 .archivetitle h2, .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-no-results.error404 main section article#post-404 .archivetitle h2, .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-no-results.search-no-results main section article#post-404 .archivetitle h2, .error404.no-result main section .home_wrapper-1 .archivetitle h2, .error404.no-result main section article#post-404 .archivetitle h2, .error404.error404 main section .home_wrapper-1 .archivetitle h2, .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { font: bold 2.2rem "Westeinde Caption"; color: #000; display: inline-block; height: unset; top: unset; position: relative; margin: 0; } } @media (min-width: 769px) and (min-width: 360px) { .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, .archive.search-no-results main section article#post-404 .archivetitle h2, .home.no-result main section .home_wrapper-1 .archivetitle h2, .home.no-result main section article#post-404 .archivetitle h2, .home.error404 main section .home_wrapper-1 .archivetitle h2, .home.error404 main section article#post-404 .archivetitle h2, .home.search-no-results main section .home_wrapper-1 .archivetitle h2, .home.search-no-results main section article#post-404 .archivetitle h2, .search-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-results.no-result main section article#post-404 .archivetitle h2, .search-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-results.error404 main section article#post-404 .archivetitle h2, .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-results.search-no-results main section article#post-404 .archivetitle h2, .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-no-results.no-result main section article#post-404 .archivetitle h2, .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-no-results.error404 main section article#post-404 .archivetitle h2, .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-no-results.search-no-results main section article#post-404 .archivetitle h2, .error404.no-result main section .home_wrapper-1 .archivetitle h2, .error404.no-result main section article#post-404 .archivetitle h2, .error404.error404 main section .home_wrapper-1 .archivetitle h2, .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { font-size: 2.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, .archive.search-no-results main section article#post-404 .archivetitle h2, .home.no-result main section .home_wrapper-1 .archivetitle h2, .home.no-result main section article#post-404 .archivetitle h2, .home.error404 main section .home_wrapper-1 .archivetitle h2, .home.error404 main section article#post-404 .archivetitle h2, .home.search-no-results main section .home_wrapper-1 .archivetitle h2, .home.search-no-results main section article#post-404 .archivetitle h2, .search-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-results.no-result main section article#post-404 .archivetitle h2, .search-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-results.error404 main section article#post-404 .archivetitle h2, .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-results.search-no-results main section article#post-404 .archivetitle h2, .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-no-results.no-result main section article#post-404 .archivetitle h2, .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-no-results.error404 main section article#post-404 .archivetitle h2, .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-no-results.search-no-results main section article#post-404 .archivetitle h2, .error404.no-result main section .home_wrapper-1 .archivetitle h2, .error404.no-result main section article#post-404 .archivetitle h2, .error404.error404 main section .home_wrapper-1 .archivetitle h2, .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, .archive.search-no-results main section article#post-404 .archivetitle h2, .home.no-result main section .home_wrapper-1 .archivetitle h2, .home.no-result main section article#post-404 .archivetitle h2, .home.error404 main section .home_wrapper-1 .archivetitle h2, .home.error404 main section article#post-404 .archivetitle h2, .home.search-no-results main section .home_wrapper-1 .archivetitle h2, .home.search-no-results main section article#post-404 .archivetitle h2, .search-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-results.no-result main section article#post-404 .archivetitle h2, .search-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-results.error404 main section article#post-404 .archivetitle h2, .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-results.search-no-results main section article#post-404 .archivetitle h2, .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-no-results.no-result main section article#post-404 .archivetitle h2, .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-no-results.error404 main section article#post-404 .archivetitle h2, .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-no-results.search-no-results main section article#post-404 .archivetitle h2, .error404.no-result main section .home_wrapper-1 .archivetitle h2, .error404.no-result main section article#post-404 .archivetitle h2, .error404.error404 main section .home_wrapper-1 .archivetitle h2, .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { font-size: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, .archive.search-no-results main section article#post-404 .archivetitle h2, .home.no-result main section .home_wrapper-1 .archivetitle h2, .home.no-result main section article#post-404 .archivetitle h2, .home.error404 main section .home_wrapper-1 .archivetitle h2, .home.error404 main section article#post-404 .archivetitle h2, .home.search-no-results main section .home_wrapper-1 .archivetitle h2, .home.search-no-results main section article#post-404 .archivetitle h2, .search-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-results.no-result main section article#post-404 .archivetitle h2, .search-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-results.error404 main section article#post-404 .archivetitle h2, .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-results.search-no-results main section article#post-404 .archivetitle h2, .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-no-results.no-result main section article#post-404 .archivetitle h2, .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-no-results.error404 main section article#post-404 .archivetitle h2, .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-no-results.search-no-results main section article#post-404 .archivetitle h2, .error404.no-result main section .home_wrapper-1 .archivetitle h2, .error404.no-result main section article#post-404 .archivetitle h2, .error404.error404 main section .home_wrapper-1 .archivetitle h2, .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { font-size: 6.8rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, .archive.search-no-results main section article#post-404 .archivetitle h2, .home.no-result main section .home_wrapper-1 .archivetitle h2, .home.no-result main section article#post-404 .archivetitle h2, .home.error404 main section .home_wrapper-1 .archivetitle h2, .home.error404 main section article#post-404 .archivetitle h2, .home.search-no-results main section .home_wrapper-1 .archivetitle h2, .home.search-no-results main section article#post-404 .archivetitle h2, .search-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-results.no-result main section article#post-404 .archivetitle h2, .search-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-results.error404 main section article#post-404 .archivetitle h2, .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-results.search-no-results main section article#post-404 .archivetitle h2, .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, .search-no-results.no-result main section article#post-404 .archivetitle h2, .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, .search-no-results.error404 main section article#post-404 .archivetitle h2, .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, .search-no-results.search-no-results main section article#post-404 .archivetitle h2, .error404.no-result main section .home_wrapper-1 .archivetitle h2, .error404.no-result main section article#post-404 .archivetitle h2, .error404.error404 main section .home_wrapper-1 .archivetitle h2, .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { 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 */ /* -------------------------------------------------------------------------- */ .search-results #content .archivetitle { word-wrap: break-word; } .search-results #content .archivetitle h1 { font: bold 1.5rem "Westeinde Caption"; color: #000; } @media (min-width: 360px) { .search-results #content .archivetitle h1 { font-size: 1.8rem; } } @media (min-aspect-ratio: 1 / 1) { .search-results #content .archivetitle h1 { font-size: 2.5rem; } } @media (min-width: 769px) { .search-results #content .archivetitle h1 { font-size: 1.3rem; color: #000; } } @media (min-width: 1024px) { .search-results #content .archivetitle h1 { font-size: 1.5rem; } } @media (min-width: 1279px) { .search-results #content .archivetitle h1 { font-size: 2rem; } } @media (min-width: 1919px) { .search-results #content .archivetitle h1 { font-size: 3rem; } } .search-no-results .wrapper { height: unset; } .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 */ /* -------------------------------------------------------------------------- */ body.category.category-esemeny { /* ---------------------------- Events on desktop --------------------------- */ } body.category.category-esemeny header { background-color: #000; } body.category.category-esemeny main { padding-top: 9rem; } body.category.category-esemeny main article { height: 85vw; max-height: calc(50vw + 180px); } body.category.category-esemeny main article .thumbnailwrapper { height: 50vw; } body.category.category-esemeny main article .thumbnailwrapper img { width: 100%; height: 100%; } body.category.category-esemeny main article .event-metadata { display: flex; flex-direction: column; justify-content: space-between; align-content: stretch; padding: 1rem; height: 35vw; max-height: 180px; } @media (min-width: 360px) { body.category.category-esemeny main article .event-metadata { padding: 2rem; } } body.category.category-esemeny main article .event-metadata .top-row, body.category.category-esemeny main article .event-metadata .bottom-row { display: flex; flex-direction: row; justify-content: space-between; height: 50%; flex: 1 1 auto; } body.category.category-esemeny main article .event-metadata .top-row { align-items: center; } body.category.category-esemeny main article .event-metadata .top-row .ev-date { font: 800 1.6rem "Butler"; color: #000; color: #00f; } @media (min-width: 360px) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { font-size: 1.8rem; } } @media (min-width: 769px) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { font-size: 2rem; } } @media (min-width: 1024px) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { font-size: 2.5rem; } } @media (min-width: 1279px) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { font-size: 3rem; } } @media (min-width: 1919px) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { font-size: 4rem; } } body.category.category-esemeny main article .event-metadata .top-row a { -moz-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); font: normal 2.8rem "Westeinde Caption"; color: #000; } @media (min-width: 769px) { body.category.category-esemeny main article .event-metadata .top-row a { font-size: 3rem; } } @media (min-width: 1024px) { body.category.category-esemeny main article .event-metadata .top-row a { font-size: 4rem; } } @media (min-width: 1279px) { body.category.category-esemeny main article .event-metadata .top-row a { font-size: 5rem; } } @media (min-width: 1919px) { body.category.category-esemeny main article .event-metadata .top-row a { font-size: 7rem; } } body.category.category-esemeny main article .event-metadata .bottom-row { align-items: flex-end; } body.category.category-esemeny main article .event-metadata .bottom-row h2 { flex: 1 0.9 auto; height: unset; padding: 0; border: none; padding-right: 2rem; } body.category.category-esemeny main article .event-metadata .bottom-row h2 a { font: 800 1.6rem "Butler"; color: #000; } @media (min-width: 360px) { body.category.category-esemeny main article .event-metadata .bottom-row h2 a { font-size: 1.8rem; } } @media (min-width: 769px) { body.category.category-esemeny main article .event-metadata .bottom-row h2 a { font-size: 2rem; } } @media (min-width: 1024px) { body.category.category-esemeny main article .event-metadata .bottom-row h2 a { font-size: 2.5rem; } } @media (min-width: 1279px) { body.category.category-esemeny main article .event-metadata .bottom-row h2 a { font-size: 3rem; } } @media (min-width: 1919px) { body.category.category-esemeny main article .event-metadata .bottom-row h2 a { font-size: 4rem; } } body.category.category-esemeny main article .event-metadata .bottom-row .vr { flex: 0 0 auto; width: 1px; height: 100%; background-color: #000; box-shadow: 0 0 1px transparent; } body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { flex: 1 1 auto; padding-left: 1rem; font: 500 1.3rem "Westeinde Caption"; -webkit-text-stroke: #00f 1px; color: transparent; } @media (min-width: 360px) { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { font-size: 1.4rem; } } @media (min-width: 769px) { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { font-size: 1.9rem; } } @media (min-width: 1024px) { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { font-size: 2.8rem; } } @media (min-width: 1279px) { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { font-size: 2.8rem; } } @media (min-width: 1919px) { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { font-size: 4rem; } } body.category.category-esemeny main article .event-metadata .bottom-row a.text-link:hover { -webkit-text-stroke: transparent; color: #00f; } body.category.category-esemeny main article .event-metadata .hr { flex: 0 0 auto; height: 1px; width: 100%; background-color: #000; } @media (min-width: 769px) { body.category.category-esemeny main { padding-top: 0; } body.category.category-esemeny main section { margin: 4rem 10rem; border-top: #000 1px solid; height: calc(100vh - 8rem); display: flex; flex-direction: row; align-content: center; } body.category.category-esemeny main section article { width: calc(50vw - 10rem); max-width: calc(100vh - 5rem); height: unset; min-height: unset; margin: 0 10rem 0 0; display: flex; flex-direction: column; justify-content: center; } body.category.category-esemeny main section article .thumbnailwrapper { height: unset; flex: 0 0 auto; } body.category.category-esemeny main section article .event-metadata { height: unset; max-height: 25rem; flex: 1 1 auto; padding: 0; } } @media (min-width: 769px) and (min-width: 1919px) { body.category.category-esemeny main section article .event-metadata { max-height: 35rem; } } @media (min-width: 769px) { body.category.category-esemeny main section article .event-metadata .top-row { flex: 1 1 auto; padding-right: 2rem; } body.category.category-esemeny main section article .event-metadata .top-row .ev-date { padding-left: 2rem; } body.category.category-esemeny main section article .event-metadata .bottom-row { flex: 1 1 auto; } body.category.category-esemeny main section article .event-metadata .bottom-row h2 { padding-left: 2rem; padding-bottom: 2rem; padding-right: 0; } body.category.category-esemeny main section article .event-metadata .bottom-row .vr { margin: 0 1rem; } body.category.category-esemeny main section article .event-metadata .bottom-row .text-link { padding-right: 2rem; padding-bottom: 2rem; padding-left: 0; } } /* -------------------------------------------------------------------------- */ /* single */ /* -------------------------------------------------------------------------- */ .single, .page { /* ---------------------------- single on mobile ---------------------------- */ /* -------------------------------- lightbox -------------------------------- */ } @media (min-width: 769px) { .single .wrapper, .page .wrapper { height: unset; width: 100%; } .single .wrapper .header .header-1, .single .wrapper .header .header-2, .page .wrapper .header .header-1, .page .wrapper .header .header-2 { background: transparent; border: none; } .single .wrapper .header .header-1 .social-link, .single .wrapper .header .header-1 .search-box, .single .wrapper .header .header-1 .events-link, .single .wrapper .header .header-2 .social-link, .single .wrapper .header .header-2 .search-box, .single .wrapper .header .header-2 .events-link, .page .wrapper .header .header-1 .social-link, .page .wrapper .header .header-1 .search-box, .page .wrapper .header .header-1 .events-link, .page .wrapper .header .header-2 .social-link, .page .wrapper .header .header-2 .search-box, .page .wrapper .header .header-2 .events-link { display: none; } } .single article, .page article { padding-bottom: 5rem; /* ---------------------------- single header on desktop --------------------------- */ /* ---------------------------- single content hr --------------------------- */ /* ----------------------------- single content ----------------------------- */ } .single article .thumbnailwrapper, .page article .thumbnailwrapper { padding: 0; } .single article .thumbnailwrapper img.attachment-post-thumbnail, .page article .thumbnailwrapper img.attachment-post-thumbnail { height: 75vh; width: 100vw; object-fit: cover; padding: 0; } .single article .titlewrapper, .page article .titlewrapper { position: relative; top: 0; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start; padding: 0; padding-top: 10rem; } .single article .titlewrapper .metadata, .page article .titlewrapper .metadata { width: calc(100vw - 5rem); bottom: unset !important; height: 5rem; position: relative; align-self: flex-end; display: flex; flex-direction: column; justify-content: center; padding-left: 0; font: bold 1.4rem "Westeinde Caption"; } @media (min-width: 769px) { .single article .titlewrapper .metadata, .page article .titlewrapper .metadata { font: 900 1.5rem "Westeinde Caption"; color: #fff; -webkit-text-stroke: #000 1px; } } @media (min-width: 1024px) { .single article .titlewrapper .metadata, .page article .titlewrapper .metadata { font-size: 2rem; } } .single article .titlewrapper .metadata .metaWrapper, .page article .titlewrapper .metadata .metaWrapper { display: flex; flex-direction: row; justify-content: flex-start; } .single article .titlewrapper .metadata .metaWrapper .time-cat::after, .page article .titlewrapper .metadata .metaWrapper .time-cat::after { content: " "; display: inline-block; } .single article .titlewrapper .metadata .metaWrapper .format::before, .page article .titlewrapper .metadata .metaWrapper .format::before { content: "|"; display: inline-block; } .single article .titlewrapper h1.single-title, .page article .titlewrapper h1.single-title { margin: 0; font: 800 3rem "Butler"; color: #000; padding: 2rem; background-color: #fff; } @media (min-width: 769px) { .single article .titlewrapper h1.single-title, .page article .titlewrapper h1.single-title { font-size: 3.5rem; } } @media (min-width: 1024px) { .single article .titlewrapper h1.single-title, .page article .titlewrapper h1.single-title { font-size: 5rem; } } @media (max-width: 768px) { .single article.has-post-thumbnail .titlewrapper, .page article.has-post-thumbnail .titlewrapper { position: absolute; height: 100vh; justify-content: flex-end; padding: 0; } .single article.has-post-thumbnail .titlewrapper h1.single-title, .page article.has-post-thumbnail .titlewrapper h1.single-title { min-height: 25vh; } } @media (min-width: 769px) { .single article, .page article { min-height: calc(100vh - 10rem); margin-top: 100vh; margin-left: 5rem; background-color: #fff; border-left: #000 solid 1px; padding-left: 10rem; /* ---------------------- title and metadata on desktop --------------------- */ } .single article .thumbnailwrapper, .page article .thumbnailwrapper { position: fixed; top: 0; left: 0; z-index: -1; bottom: 0; width: 100%; } .single article .thumbnailwrapper img.attachment-post-thumbnail, .page article .thumbnailwrapper img.attachment-post-thumbnail { object-fit: cover; padding: 0; width: 100%; height: 100%; } .single article .titlewrapper, .page article .titlewrapper { position: relative; justify-content: flex-start; height: unset; padding-top: 0; } .single article .titlewrapper .metadata, .page article .titlewrapper .metadata { top: -5rem; width: calc(100% + 5rem); padding-left: 0; padding-right: 0; } .single article .titlewrapper .metadata::after, .page article .titlewrapper .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 5rem + (5rem + 1px)); border-top: #000 1px solid; background-color: white; left: calc(5rem); margin-left: calc((5rem + 1px) * -1); z-index: 90; } .single article .titlewrapper .metadata::before, .page article .titlewrapper .metadata::before { display: block; content: ""; position: absolute; width: calc(5rem); height: calc(5rem); top: 0; background-color: white; z-index: 9; left: calc((5rem + 1px) * -1); border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } .single article .titlewrapper .metadata .metaWrapper, .page article .titlewrapper .metadata .metaWrapper { padding-right: 20rem; padding-left: 0; max-width: calc(768px + 20rem); padding-left: 5rem; } .single article .titlewrapper h1.single-title, .page article .titlewrapper h1.single-title { background-color: transparent; min-height: unset; top: -5rem; position: relative; padding-right: 20rem; padding-left: 0; max-width: calc(768px + 20rem); } } .single article hr, .page article hr { height: 1px; background-color: #ff5f5f; padding: 0; margin: 0 auto; border: none; width: 20%; } .single article hr.content-wrap, .page article hr.content-wrap { width: 40%; } .single article hr.content-begin, .page article hr.content-begin { margin-top: 2rem; } @media (min-width: 769px) { .single article hr.content-begin, .page article hr.content-begin { margin-top: 0 !important; } } .single article hr.content-end, .page article hr.content-end { margin-top: 4rem; margin-bottom: 0; } @media (min-width: 769px) { .single article hr.content-end, .page article hr.content-end { margin-top: 2rem; margin-bottom: 2rem; } } .single article hr.wp-block-separator:nth-of-type(2), .page article hr.wp-block-separator:nth-of-type(2) { margin-bottom: 4rem; } .single article.has-post-thumbnail hr.content-begin, .page article.has-post-thumbnail hr.content-begin { margin-top: calc(25vh + 2rem); } .single article .single-content, .page article .single-content { position: relative; padding: 2rem; /* ---------------------------- images on single ---------------------------- */ } @media (min-width: 769px) { .single article .single-content, .page article .single-content { top: -5rem; padding-right: 20rem; padding-left: 0; max-width: calc(768px + 20rem); } } .single article .single-content p, .page article .single-content p { line-height: 1.3; } .single article .single-content h2, .page article .single-content h2 { font: 800 3rem "Butler"; } .single article .single-content h3, .page article .single-content h3 { font: 800 2rem "Butler"; color: #000; margin: 2rem 0; display: inline-block; background: #ff5f5f; -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } .single article .single-content h4, .page article .single-content h4 { font-weight: 300; font-size: 2.4rem; line-height: 1.3; } .single article .single-content a:hover, .page article .single-content a:hover { text-decoration: underline; } .single article .single-content strong, .page article .single-content strong { font-weight: 900; } .single article .single-content blockquote, .page article .single-content blockquote { font: 800 2rem "Butler"; color: #000; margin: 3rem 0; } .single article .single-content blockquote p, .page article .single-content blockquote p { background: #ff5f5f; display: inline; padding: 5px 0 3px; -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } .single article .single-content blockquote cite, .page article .single-content blockquote cite { display: block; position: relative; font-size: 80%; top: 0.5rem; left: 2rem; } .single article .single-content .wp-block-pullquote, .page article .single-content .wp-block-pullquote { padding: 4rem; } .single article .single-content .wp-block-pullquote blockquote, .page article .single-content .wp-block-pullquote blockquote { display: inline; position: relative; } .single article .single-content .wp-block-pullquote blockquote p, .page article .single-content .wp-block-pullquote blockquote p { font: 800 2.1rem "Butler"; color: #000; padding-top: 8px; } @media (min-width: 769px) { .single article .single-content .wp-block-pullquote blockquote p, .page article .single-content .wp-block-pullquote blockquote p { font-size: 2.8rem; padding-top: 5px; } } .single article .single-content .wp-block-pullquote blockquote cite, .page article .single-content .wp-block-pullquote blockquote cite { position: absolute; font-size: 80%; bottom: -3rem; right: 0; top: unset; left: unset; display: inline-block; } .single article .single-content .wp-block-image, .page article .single-content .wp-block-image { margin: 2rem 0; position: relative !important; } @media (min-width: 769px) { .single article .single-content .wp-block-image, .page article .single-content .wp-block-image { padding: 0; } } .single article .single-content .wp-block-image:not(.wp-block-image-aligned), .page article .single-content .wp-block-image:not(.wp-block-image-aligned) { width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; } .single article .single-content .wp-block-image figcaption, .page article .single-content .wp-block-image figcaption { bottom: 0 !important; } .single article .single-content .wp-block-image figcaption::after, .page article .single-content .wp-block-image figcaption::after { content: ""; display: block; position: absolute; background-color: transparent; width: 0; height: 0; right: -5rem; top: -5rem; border-top: 5rem solid transparent; border-left: 5rem solid transparent; border-right: 5rem solid transparent; border-bottom: 5rem solid #fff; position: absolute; z-index: -1; } .single article .single-content .wp-block-gallery, .page article .single-content .wp-block-gallery { padding: 0; margin: 2rem 0; } .single article .single-content .wp-block-gallery li, .page article .single-content .wp-block-gallery li { margin-right: 0; } @media (min-width: 769px) { .single article .single-content .wp-block-gallery li, .page article .single-content .wp-block-gallery li { margin: 0; } } @media (min-width: 769px) { .single article .single-content .wp-block-gallery li:nth-child(odd) figcaption, .page article .single-content .wp-block-gallery li:nth-child(odd) figcaption { padding-right: 0; } } .single article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after, .page article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after { content: ""; display: block; position: absolute; background-color: transparent; width: 0; height: 0; right: -5rem; top: -5rem; border-top: 5rem solid transparent; border-left: 5rem solid transparent; border-right: 5rem solid transparent; border-bottom: 5rem solid #fff; position: absolute; z-index: -1; } .single article .single-content .wp-block-gallery li:nth-child(even) figcaption, .page article .single-content .wp-block-gallery li:nth-child(even) figcaption { right: 0; top: 0; } @media (min-width: 769px) { .single article .single-content .wp-block-gallery li:nth-child(even) figcaption, .page article .single-content .wp-block-gallery li:nth-child(even) figcaption { padding-left: 0; } } .single article .single-content .wp-block-gallery li:nth-child(even) figcaption::after, .page article .single-content .wp-block-gallery li:nth-child(even) figcaption::after { content: ""; display: block; position: absolute; background-color: transparent; width: 0; height: 0; left: -5rem; bottom: -5rem; border-bottom: 5rem solid transparent; border-left: 5rem solid transparent; border-right: 5rem solid transparent; border-top: 5rem solid #fff; position: absolute; z-index: -1; } .single article .single-content .wp-block-image figcaption, .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption, .page article .single-content .wp-block-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { background: #fff; position: absolute; display: none; width: calc(100% - 5rem); height: 5rem; padding: 1rem 2rem; margin: auto 0; bottom: unset; font: 900 1rem "Westeinde Caption"; color: #000; line-height: 1; text-align: left; overflow: unset; flex-direction: column; justify-content: center; z-index: 1; align-content: stretch; } @media (min-width: 769px) { .single article .single-content .wp-block-image figcaption, .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption, .page article .single-content .wp-block-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { display: flex; width: calc(100% - 2.5rem); height: 2.5rem; padding: 0.5rem 1rem; } } @media (min-width: 1024px) { .single article .single-content .wp-block-image figcaption, .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption, .page article .single-content .wp-block-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { width: calc(100% - 5rem); height: 5rem; padding: 1rem 2rem; } } .single article .single-content .wp-block-image figcaption span, .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption span, .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption span, .page article .single-content .wp-block-image figcaption span, .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption span, .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (min-width: 769px) { .single article .single-content .wp-block-image figcaption, .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption, .page article .single-content .wp-block-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { display: none; } .single article .single-content .wp-block-image figcaption.vis, .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption.vis, .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption.vis, .page article .single-content .wp-block-image figcaption.vis, .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption.vis, .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption.vis { display: flex; } } .single article .single-content .wp-block-gallery .alignedWrapper, .single article .single-content .wp-block-image .alignedWrapper, .page article .single-content .wp-block-gallery .alignedWrapper, .page article .single-content .wp-block-image .alignedWrapper { position: relative; } @media (min-width: 769px) { .single article .single-content .wp-block-gallery .alignedWrapper, .single article .single-content .wp-block-image .alignedWrapper, .page article .single-content .wp-block-gallery .alignedWrapper, .page article .single-content .wp-block-image .alignedWrapper { max-width: 50%; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; } .single article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper, .single article .single-content .wp-block-image .alignedWrapper.alignleftWrapper, .page article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper, .page article .single-content .wp-block-image .alignedWrapper.alignleftWrapper { padding-right: 2rem; float: left; } .single article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper, .single article .single-content .wp-block-image .alignedWrapper.alignrightWrapper, .page article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper, .page article .single-content .wp-block-image .alignedWrapper.alignrightWrapper { padding-left: 2rem; float: right; } } .single article .single-content .wp-block-gallery .alignedWrapper .alignleft, .single article .single-content .wp-block-gallery .alignedWrapper .alignright, .single article .single-content .wp-block-image .alignedWrapper .alignleft, .single article .single-content .wp-block-image .alignedWrapper .alignright, .page article .single-content .wp-block-gallery .alignedWrapper .alignleft, .page article .single-content .wp-block-gallery .alignedWrapper .alignright, .page article .single-content .wp-block-image .alignedWrapper .alignleft, .page article .single-content .wp-block-image .alignedWrapper .alignright { margin: 0; position: relative; float: unset; } @media (min-width: 769px) { .single article .single-content .wp-block-gallery .alignedWrapper .alignleft, .single article .single-content .wp-block-gallery .alignedWrapper .alignright, .single article .single-content .wp-block-image .alignedWrapper .alignleft, .single article .single-content .wp-block-image .alignedWrapper .alignright, .page article .single-content .wp-block-gallery .alignedWrapper .alignleft, .page article .single-content .wp-block-gallery .alignedWrapper .alignright, .page article .single-content .wp-block-image .alignedWrapper .alignleft, .page article .single-content .wp-block-image .alignedWrapper .alignright { width: auto; } } .single article .single-content .wp-block-gallery .alignedWrapper .alignleft img, .single article .single-content .wp-block-gallery .alignedWrapper .alignright img, .single article .single-content .wp-block-image .alignedWrapper .alignleft img, .single article .single-content .wp-block-image .alignedWrapper .alignright img, .page article .single-content .wp-block-gallery .alignedWrapper .alignleft img, .page article .single-content .wp-block-gallery .alignedWrapper .alignright img, .page article .single-content .wp-block-image .alignedWrapper .alignleft img, .page article .single-content .wp-block-image .alignedWrapper .alignright img { height: auto; } .single article .single-content .authors, .page article .single-content .authors { font: bold 1.4rem "Westeinde Caption"; font-size: 2rem; color: #fff; -webkit-text-stroke: #000 1px; color: #000; -webkit-text-stroke: 0px; } @media (min-width: 769px) { .single article .single-content .authors, .page article .single-content .authors { font: 900 1.5rem "Westeinde Caption"; color: #fff; -webkit-text-stroke: #000 1px; } } @media (min-width: 1024px) { .single article .single-content .authors, .page article .single-content .authors { font-size: 2rem; } } @media (min-width: 1024px) { .single article .single-content .authors, .page article .single-content .authors { font-size: 3rem; } } .single article .single-content .authors a, .page article .single-content .authors a { font: bold 1.4rem "Westeinde Caption"; font-size: 2rem; color: #fff; -webkit-text-stroke: #000 1px; } @media (min-width: 769px) { .single article .single-content .authors a, .page article .single-content .authors a { font: 900 1.5rem "Westeinde Caption"; color: #fff; -webkit-text-stroke: #000 1px; } } @media (min-width: 1024px) { .single article .single-content .authors a, .page article .single-content .authors a { font-size: 2rem; } } @media (min-width: 1024px) { .single article .single-content .authors a, .page article .single-content .authors a { font-size: 3rem; } } .single #cboxOverlay, .page #cboxOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; z-index: 10; } .single #colorbox, .page #colorbox { z-index: 12; } @media (min-width: 769px) { .single #colorbox, .page #colorbox { z-index: 3150; } } .single #colorbox:focus, .page #colorbox:focus { border: none; outline: none; } .single #colorbox #cboxContent #cboxTitle, .page #colorbox #cboxContent #cboxTitle { padding: 1rem; font: 900 1rem "Westeinde Caption"; color: #000; color: #fff; text-align: center; width: 100%; } .single #colorbox #cboxContent #cboxTitle span, .page #colorbox #cboxContent #cboxTitle span { max-width: calc(100% - 8rem); display: inline-block; } @media (min-width: 769px) { .single #colorbox #cboxContent #cboxTitle span, .page #colorbox #cboxContent #cboxTitle span { max-width: 100%; } } .single #colorbox #cboxContent #cboxCurrent, .page #colorbox #cboxContent #cboxCurrent { display: none !important; } .single #colorbox #cboxContent button, .page #colorbox #cboxContent button { position: absolute; background-repeat: no-repeat; background-position: center; background-size: 100%; } .single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxNext, .page #colorbox #cboxContent button#cboxPrevious, .page #colorbox #cboxContent button#cboxNext { background-image: url(../img/solid_arrow_right.svg); width: 2rem; height: 4rem; bottom: -5rem; filter: invert(100); z-index: 14; } @media (min-width: 769px) { .single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxNext, .page #colorbox #cboxContent button#cboxPrevious, .page #colorbox #cboxContent button#cboxNext { position: fixed; top: 50%; z-index: 3200; } } .single #colorbox #cboxContent button#cboxPrevious, .page #colorbox #cboxContent button#cboxPrevious { left: 1rem; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } @media (min-width: 769px) { .single #colorbox #cboxContent button#cboxPrevious, .page #colorbox #cboxContent button#cboxPrevious { left: 4rem; } } .single #colorbox #cboxContent button#cboxNext, .page #colorbox #cboxContent button#cboxNext { right: 1rem; } @media (min-width: 769px) { .single #colorbox #cboxContent button#cboxNext, .page #colorbox #cboxContent button#cboxNext { right: 4rem; } } .single #colorbox #cboxContent button#cboxClose, .page #colorbox #cboxContent button#cboxClose { background-image: url(../img/dis-plus-white.svg); width: 2rem; height: 2rem; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -3rem; right: 1rem; } @media (min-width: 769px) { .single #colorbox #cboxContent button#cboxClose, .page #colorbox #cboxContent button#cboxClose { position: fixed; right: 4rem; top: 4rem; } } /* ------------------------------ related posts ----------------------------- */ .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) { .toHome a, #related_posts > h3 a { font: 900 1.5rem "Westeinde Caption"; color: #fff; -webkit-text-stroke: #000 1px; } } @media (min-width: 1024px) { .toHome a, #related_posts > h3 a { font-size: 2rem; } } .toHome a:hover, #related_posts > h3 a:hover { color: #000; -webkit-text-stroke-color: transparent; } .toHome hr, #related_posts > h3 hr { margin-top: 2rem !important; } @media (min-width: 769px) { .toHome { position: relative; padding-top: 4rem; top: -5rem; margin: 0; padding-right: 20rem; padding-left: 0; max-width: calc(768px + 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) { #related_posts { top: -5rem; position: relative; padding-top: 4rem; padding-right: 20rem; padding-left: 0; max-width: calc(768px + 20rem); } #related_posts > h3 { display: block; } #related_posts ul { display: flex; flex-direction: row; flex-wrap: nowrap; height: calc((100vw - 16rem) / 3); max-height: calc(1024px / 3); } #related_posts ul li { width: calc(100% / 3); padding-bottom: calc(100% / 3); position: relative; height: 0; } #related_posts ul li .relatedWrapper { position: absolute; height: 100%; width: 100%; } #related_posts ul li .related_thumbnailwrapper { width: 100%; height: 100%; } #related_posts ul li .related_thumbnailwrapper img { width: 100%; height: 100%; object-fit: cover; } #related_posts ul li .metadata { width: 100%; min-width: unset; position: absolute; bottom: 0; right: 0; background: transparent; display: flex; flex-direction: row; padding: 0; justify-content: space-between; align-items: stretch; height: 5rem; display: none; } #related_posts ul li .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 5rem); border-top: #000 1px solid; background-color: transparent; left: calc(5rem); margin-left: 0; z-index: 90; } #related_posts ul li .metadata::before { display: block; content: ""; position: absolute; width: calc(5rem); height: calc(5rem); top: 0; background-color: transparent; z-index: 9; left: 0; border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } } @media (min-width: 769px) and (min-width: 769px) { #related_posts ul li .metadata { height: 2.5rem; } #related_posts ul li .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 2.5rem); border-top: #000 1px solid; background-color: transparent; left: calc(2.5rem); margin-left: 0; z-index: 90; } #related_posts ul li .metadata::before { display: block; content: ""; position: absolute; width: calc(2.5rem); height: calc(2.5rem); top: 0; background-color: transparent; z-index: 9; left: 0; border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } } @media (min-width: 769px) and (min-width: 1024px) { #related_posts ul li .metadata { height: 5rem; } #related_posts ul li .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 5rem); border-top: #000 1px solid; background-color: transparent; left: calc(5rem); margin-left: 0; z-index: 90; } #related_posts ul li .metadata::before { display: block; content: ""; position: absolute; width: calc(5rem); height: calc(5rem); top: 0; background-color: transparent; z-index: 9; left: 0; border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } } @media (min-width: 769px) { #related_posts ul li .metadata.vis { display: flex; } #related_posts ul li .metadata .categories, #related_posts ul li .metadata .postedon { font: bold 1rem "Westeinde Caption"; color: #000; display: flex; flex-direction: column; justify-content: center; align-content: center; } } @media (min-width: 769px) and (min-width: 1024px) { #related_posts ul li .metadata .categories, #related_posts ul li .metadata .postedon { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1279px) { #related_posts ul li .metadata .categories, #related_posts ul li .metadata .postedon { font-size: 1.3rem; } } @media (min-width: 769px) and (min-width: 1919px) { #related_posts ul li .metadata .categories, #related_posts ul li .metadata .postedon { font-size: 2.5rem; } } @media (min-width: 769px) { #related_posts ul li .metadata .categories { padding: 1.33333rem 0; flex: 1 1 auto; margin-left: 6rem; } } @media (min-width: 769px) and (min-width: 769px) { #related_posts ul li .metadata .categories { margin-left: 2rem; } } @media (min-width: 769px) and (min-width: 1024px) { #related_posts ul li .metadata .categories { margin-left: 6rem; } } @media (min-width: 769px) { #related_posts ul li .metadata .postedon { padding: 1.33333rem 1rem; flex: 1 0 auto; } #related_posts ul li h2, #related_posts ul li h2 a { font: bold 1.5rem "Westeinde Caption"; color: #000; } } @media (min-width: 769px) and (min-width: 360px) { #related_posts ul li h2, #related_posts ul li h2 a { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { #related_posts ul li h2, #related_posts ul li h2 a { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { #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) { #related_posts ul li h2, #related_posts ul li h2 a { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { #related_posts ul li h2, #related_posts ul li h2 a { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { #related_posts ul li h2, #related_posts ul li h2 a { font-size: 3rem; } } @media (min-width: 769px) { #related_posts ul li h2 { display: none; position: absolute; top: 0; background-color: #fff; height: 100%; padding-left: 4rem; } } @media (min-width: 769px) and (min-width: 769px) { #related_posts ul li h2 { padding-left: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { #related_posts ul li h2 { padding-left: 4rem; } } @media (min-width: 769px) and (min-width: 1279px) { #related_posts ul li h2 { padding: 5rem; } } @media (min-width: 769px) { #related_posts ul li h2 a { height: -moz-max-content; height: max-content; height: -moz-fit-content; height: fit-content; position: absolute; bottom: 7rem; width: calc(100% - 8rem); } } @media (min-width: 769px) and (min-width: 769px) { #related_posts ul li h2 a { bottom: 3.5rem; width: calc(100% - 4rem); } } @media (min-width: 769px) and (min-width: 1024px) { #related_posts ul li h2 a { bottom: 7rem; width: calc(100% - 8rem); } } @media (min-width: 769px) and (min-width: 1279px) { #related_posts ul li h2 a { width: calc(100% - 10rem); } } /* -------------------------------- page only------------------------------- */ @media (max-width: 768px) { body.page.rolunk .wrapper .header { background-color: #000; } body.page.rolunk .thumbnailwrapper { display: none; } body.page.rolunk .titlewrapper { padding-top: 10rem; position: relative; height: unset; min-height: unset; } body.page.rolunk .titlewrapper .metadata { display: none; } body.page.rolunk .titlewrapper h1.single-title { min-height: unset; } body.page.rolunk .single-content { padding-top: 2rem; } body.page .single-content { padding-top: 8rem; } } @media (min-width: 769px) { body.page article { margin-top: 10rem; } } /* -------------------------------------------------------------------------- */ /* TAG COLORS */ /* -------------------------------------------------------------------------- */ @media (max-width: 768px) { .archive.tag-be .metadata, .archive .tag-be .metadata, .home.tag-be .metadata, .home .tag-be .metadata, .search-results.tag-be .metadata, .search-results .tag-be .metadata { color: #fdff00 !important; } .archive.tag-be .metadata .vr, .archive .tag-be .metadata .vr, .home.tag-be .metadata .vr, .home .tag-be .metadata .vr, .search-results.tag-be .metadata .vr, .search-results .tag-be .metadata .vr { background-color: #fdff00 !important; } } .archive.tag-be .metadata a, .archive .tag-be .metadata a, .home.tag-be .metadata a, .home .tag-be .metadata a, .search-results.tag-be .metadata a, .search-results .tag-be .metadata a { color: #fdff00 !important; } @media (max-width: 768px) { .archive.tag-be .metadata::before, .archive.tag-be .metadata::after, .archive .tag-be .metadata::before, .archive .tag-be .metadata::after, .home.tag-be .metadata::before, .home.tag-be .metadata::after, .home .tag-be .metadata::before, .home .tag-be .metadata::after, .search-results.tag-be .metadata::before, .search-results.tag-be .metadata::after, .search-results .tag-be .metadata::before, .search-results .tag-be .metadata::after { border-color: #fdff00 !important; } } @media (max-width: 768px) { .archive.tag-be h2, .archive .tag-be h2, .home.tag-be h2, .home .tag-be h2, .search-results.tag-be h2, .search-results .tag-be h2 { border-top-color: #fdff00 !important; } } .archive.tag-be > .bevezetoWrapper::before, .archive .tag-be > .bevezetoWrapper::before, .home.tag-be > .bevezetoWrapper::before, .home .tag-be > .bevezetoWrapper::before, .search-results.tag-be > .bevezetoWrapper::before, .search-results .tag-be > .bevezetoWrapper::before { background-color: #fdff00 !important; } .archive.tag-be hr, .archive .tag-be hr, .home.tag-be hr, .home .tag-be hr, .search-results.tag-be hr, .search-results .tag-be hr { background-color: #fdff00 !important; } .archive.tag-be figcaption, .archive .tag-be figcaption, .home.tag-be figcaption, .home .tag-be figcaption, .search-results.tag-be figcaption, .search-results .tag-be figcaption { color: #fdff00 !important; } @media (min-width: 769px) { .archive.tag-be.home-big h2 a, .archive .tag-be.home-big h2 a, .home.tag-be.home-big h2 a, .home .tag-be.home-big h2 a, .search-results.tag-be.home-big h2 a, .search-results .tag-be.home-big h2 a { color: #fdff00; } .archive.tag-be.home-big.hovered, .archive .tag-be.home-big.hovered, .home.tag-be.home-big.hovered, .home .tag-be.home-big.hovered, .search-results.tag-be.home-big.hovered, .search-results .tag-be.home-big.hovered { background-color: #fdff00 !important; } .archive.tag-be.home-small .metadata, .archive.tag-be.home-small .metadata a, .archive .tag-be.home-small .metadata, .archive .tag-be.home-small .metadata a, .home.tag-be.home-small .metadata, .home.tag-be.home-small .metadata a, .home .tag-be.home-small .metadata, .home .tag-be.home-small .metadata a, .search-results.tag-be.home-small .metadata, .search-results.tag-be.home-small .metadata a, .search-results .tag-be.home-small .metadata, .search-results .tag-be.home-small .metadata a { color: #000 !important; } } .archive.tag-be.bedo-sub-wrapper > a, .archive .tag-be.bedo-sub-wrapper > a, .home.tag-be.bedo-sub-wrapper > a, .home .tag-be.bedo-sub-wrapper > a, .search-results.tag-be.bedo-sub-wrapper > a, .search-results .tag-be.bedo-sub-wrapper > a { -webkit-text-stroke: #fdff00 1px !important; } .archive.tag-be.bedo-sub-wrapper span, .archive .tag-be.bedo-sub-wrapper span, .home.tag-be.bedo-sub-wrapper span, .home .tag-be.bedo-sub-wrapper span, .search-results.tag-be.bedo-sub-wrapper span, .search-results .tag-be.bedo-sub-wrapper span { color: #fdff00 !important; } .archive.tag-be.bedo-sub-wrapper .circle, .archive .tag-be.bedo-sub-wrapper .circle, .home.tag-be.bedo-sub-wrapper .circle, .home .tag-be.bedo-sub-wrapper .circle, .search-results.tag-be.bedo-sub-wrapper .circle, .search-results .tag-be.bedo-sub-wrapper .circle { background-color: #fdff00 !important; } .archive.tag-be.archive.tag, .archive .tag-be.archive.tag, .home.tag-be.archive.tag, .home .tag-be.archive.tag, .search-results.tag-be.archive.tag, .search-results .tag-be.archive.tag { background-color: #fdff00 !important; } .archive.tag-be.archive.tag .header-1, .archive.tag-be.archive.tag .header-2, .archive .tag-be.archive.tag .header-1, .archive .tag-be.archive.tag .header-2, .home.tag-be.archive.tag .header-1, .home.tag-be.archive.tag .header-2, .home .tag-be.archive.tag .header-1, .home .tag-be.archive.tag .header-2, .search-results.tag-be.archive.tag .header-1, .search-results.tag-be.archive.tag .header-2, .search-results .tag-be.archive.tag .header-1, .search-results .tag-be.archive.tag .header-2 { background-color: #fdff00 !important; } .archive.tag-be.archive.tag article *:not(.vr), .archive .tag-be.archive.tag article *:not(.vr), .home.tag-be.archive.tag article *:not(.vr), .home .tag-be.archive.tag article *:not(.vr), .search-results.tag-be.archive.tag article *:not(.vr), .search-results .tag-be.archive.tag article *:not(.vr) { background-color: #fdff00 !important; } .archive.tag-be ::selection, .archive .tag-be ::selection, .home.tag-be ::selection, .home .tag-be ::selection, .search-results.tag-be ::selection, .search-results .tag-be ::selection { color: #000; background-color: #3c00ff; } @media (min-width: 769px) { .archive.tag-be.random .thumbnailwrapper > img, .archive .tag-be.random .thumbnailwrapper > img, .home.tag-be.random .thumbnailwrapper > img, .home .tag-be.random .thumbnailwrapper > img, .search-results.tag-be.random .thumbnailwrapper > img, .search-results .tag-be.random .thumbnailwrapper > img { -webkit-mask: url(../img/clip/be_desktop.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; mask: url(../img/clip/be_desktop.svg); mask-repeat: no-repeat; mask-size: 100%; } } @media (max-width: 768px) { .archive.tag-do .metadata, .archive .tag-do .metadata, .home.tag-do .metadata, .home .tag-do .metadata, .search-results.tag-do .metadata, .search-results .tag-do .metadata { color: #3c00ff !important; } .archive.tag-do .metadata .vr, .archive .tag-do .metadata .vr, .home.tag-do .metadata .vr, .home .tag-do .metadata .vr, .search-results.tag-do .metadata .vr, .search-results .tag-do .metadata .vr { background-color: #3c00ff !important; } } .archive.tag-do .metadata a, .archive .tag-do .metadata a, .home.tag-do .metadata a, .home .tag-do .metadata a, .search-results.tag-do .metadata a, .search-results .tag-do .metadata a { color: #3c00ff !important; } @media (max-width: 768px) { .archive.tag-do .metadata::before, .archive.tag-do .metadata::after, .archive .tag-do .metadata::before, .archive .tag-do .metadata::after, .home.tag-do .metadata::before, .home.tag-do .metadata::after, .home .tag-do .metadata::before, .home .tag-do .metadata::after, .search-results.tag-do .metadata::before, .search-results.tag-do .metadata::after, .search-results .tag-do .metadata::before, .search-results .tag-do .metadata::after { border-color: #3c00ff !important; } } @media (max-width: 768px) { .archive.tag-do h2, .archive .tag-do h2, .home.tag-do h2, .home .tag-do h2, .search-results.tag-do h2, .search-results .tag-do h2 { border-top-color: #3c00ff !important; } } .archive.tag-do > .bevezetoWrapper::before, .archive .tag-do > .bevezetoWrapper::before, .home.tag-do > .bevezetoWrapper::before, .home .tag-do > .bevezetoWrapper::before, .search-results.tag-do > .bevezetoWrapper::before, .search-results .tag-do > .bevezetoWrapper::before { background-color: #3c00ff !important; } .archive.tag-do hr, .archive .tag-do hr, .home.tag-do hr, .home .tag-do hr, .search-results.tag-do hr, .search-results .tag-do hr { background-color: #3c00ff !important; } .archive.tag-do figcaption, .archive .tag-do figcaption, .home.tag-do figcaption, .home .tag-do figcaption, .search-results.tag-do figcaption, .search-results .tag-do figcaption { color: #3c00ff !important; } @media (min-width: 769px) { .archive.tag-do.home-big h2 a, .archive .tag-do.home-big h2 a, .home.tag-do.home-big h2 a, .home .tag-do.home-big h2 a, .search-results.tag-do.home-big h2 a, .search-results .tag-do.home-big h2 a { color: #3c00ff; } .archive.tag-do.home-big.hovered, .archive .tag-do.home-big.hovered, .home.tag-do.home-big.hovered, .home .tag-do.home-big.hovered, .search-results.tag-do.home-big.hovered, .search-results .tag-do.home-big.hovered { background-color: #3c00ff !important; } .archive.tag-do.home-small .metadata, .archive.tag-do.home-small .metadata a, .archive .tag-do.home-small .metadata, .archive .tag-do.home-small .metadata a, .home.tag-do.home-small .metadata, .home.tag-do.home-small .metadata a, .home .tag-do.home-small .metadata, .home .tag-do.home-small .metadata a, .search-results.tag-do.home-small .metadata, .search-results.tag-do.home-small .metadata a, .search-results .tag-do.home-small .metadata, .search-results .tag-do.home-small .metadata a { color: #000 !important; } } .archive.tag-do.bedo-sub-wrapper > a, .archive .tag-do.bedo-sub-wrapper > a, .home.tag-do.bedo-sub-wrapper > a, .home .tag-do.bedo-sub-wrapper > a, .search-results.tag-do.bedo-sub-wrapper > a, .search-results .tag-do.bedo-sub-wrapper > a { -webkit-text-stroke: #3c00ff 1px !important; } .archive.tag-do.bedo-sub-wrapper span, .archive .tag-do.bedo-sub-wrapper span, .home.tag-do.bedo-sub-wrapper span, .home .tag-do.bedo-sub-wrapper span, .search-results.tag-do.bedo-sub-wrapper span, .search-results .tag-do.bedo-sub-wrapper span { color: #3c00ff !important; } .archive.tag-do.bedo-sub-wrapper .circle, .archive .tag-do.bedo-sub-wrapper .circle, .home.tag-do.bedo-sub-wrapper .circle, .home .tag-do.bedo-sub-wrapper .circle, .search-results.tag-do.bedo-sub-wrapper .circle, .search-results .tag-do.bedo-sub-wrapper .circle { background-color: #3c00ff !important; } .archive.tag-do.archive.tag, .archive .tag-do.archive.tag, .home.tag-do.archive.tag, .home .tag-do.archive.tag, .search-results.tag-do.archive.tag, .search-results .tag-do.archive.tag { background-color: #3c00ff !important; } .archive.tag-do.archive.tag .header-1, .archive.tag-do.archive.tag .header-2, .archive .tag-do.archive.tag .header-1, .archive .tag-do.archive.tag .header-2, .home.tag-do.archive.tag .header-1, .home.tag-do.archive.tag .header-2, .home .tag-do.archive.tag .header-1, .home .tag-do.archive.tag .header-2, .search-results.tag-do.archive.tag .header-1, .search-results.tag-do.archive.tag .header-2, .search-results .tag-do.archive.tag .header-1, .search-results .tag-do.archive.tag .header-2 { background-color: #3c00ff !important; } .archive.tag-do.archive.tag article *:not(.vr), .archive .tag-do.archive.tag article *:not(.vr), .home.tag-do.archive.tag article *:not(.vr), .home .tag-do.archive.tag article *:not(.vr), .search-results.tag-do.archive.tag article *:not(.vr), .search-results .tag-do.archive.tag article *:not(.vr) { background-color: #3c00ff !important; } .archive.tag-do ::selection, .archive .tag-do ::selection, .home.tag-do ::selection, .home .tag-do ::selection, .search-results.tag-do ::selection, .search-results .tag-do ::selection { color: #000; background-color: #fdff00; } @media (min-width: 769px) { .archive.tag-do.random .thumbnailwrapper > img, .archive .tag-do.random .thumbnailwrapper > img, .home.tag-do.random .thumbnailwrapper > img, .home .tag-do.random .thumbnailwrapper > img, .search-results.tag-do.random .thumbnailwrapper > img, .search-results .tag-do.random .thumbnailwrapper > img { -webkit-mask: url(../img/clip/do_desktop.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; mask: url(../img/clip/do_desktop.svg); mask-repeat: no-repeat; mask-size: 100%; } } @media (max-width: 768px) { .archive.tag-think .metadata, .archive .tag-think .metadata, .home.tag-think .metadata, .home .tag-think .metadata, .search-results.tag-think .metadata, .search-results .tag-think .metadata { color: #00ffb8 !important; } .archive.tag-think .metadata .vr, .archive .tag-think .metadata .vr, .home.tag-think .metadata .vr, .home .tag-think .metadata .vr, .search-results.tag-think .metadata .vr, .search-results .tag-think .metadata .vr { background-color: #00ffb8 !important; } } .archive.tag-think .metadata a, .archive .tag-think .metadata a, .home.tag-think .metadata a, .home .tag-think .metadata a, .search-results.tag-think .metadata a, .search-results .tag-think .metadata a { color: #00ffb8 !important; } @media (max-width: 768px) { .archive.tag-think .metadata::before, .archive.tag-think .metadata::after, .archive .tag-think .metadata::before, .archive .tag-think .metadata::after, .home.tag-think .metadata::before, .home.tag-think .metadata::after, .home .tag-think .metadata::before, .home .tag-think .metadata::after, .search-results.tag-think .metadata::before, .search-results.tag-think .metadata::after, .search-results .tag-think .metadata::before, .search-results .tag-think .metadata::after { border-color: #00ffb8 !important; } } @media (max-width: 768px) { .archive.tag-think h2, .archive .tag-think h2, .home.tag-think h2, .home .tag-think h2, .search-results.tag-think h2, .search-results .tag-think h2 { border-top-color: #00ffb8 !important; } } .archive.tag-think > .bevezetoWrapper::before, .archive .tag-think > .bevezetoWrapper::before, .home.tag-think > .bevezetoWrapper::before, .home .tag-think > .bevezetoWrapper::before, .search-results.tag-think > .bevezetoWrapper::before, .search-results .tag-think > .bevezetoWrapper::before { background-color: #00ffb8 !important; } .archive.tag-think hr, .archive .tag-think hr, .home.tag-think hr, .home .tag-think hr, .search-results.tag-think hr, .search-results .tag-think hr { background-color: #00ffb8 !important; } .archive.tag-think figcaption, .archive .tag-think figcaption, .home.tag-think figcaption, .home .tag-think figcaption, .search-results.tag-think figcaption, .search-results .tag-think figcaption { color: #00ffb8 !important; } @media (min-width: 769px) { .archive.tag-think.home-big h2 a, .archive .tag-think.home-big h2 a, .home.tag-think.home-big h2 a, .home .tag-think.home-big h2 a, .search-results.tag-think.home-big h2 a, .search-results .tag-think.home-big h2 a { color: #00ffb8; } .archive.tag-think.home-big.hovered, .archive .tag-think.home-big.hovered, .home.tag-think.home-big.hovered, .home .tag-think.home-big.hovered, .search-results.tag-think.home-big.hovered, .search-results .tag-think.home-big.hovered { background-color: #00ffb8 !important; } .archive.tag-think.home-small .metadata, .archive.tag-think.home-small .metadata a, .archive .tag-think.home-small .metadata, .archive .tag-think.home-small .metadata a, .home.tag-think.home-small .metadata, .home.tag-think.home-small .metadata a, .home .tag-think.home-small .metadata, .home .tag-think.home-small .metadata a, .search-results.tag-think.home-small .metadata, .search-results.tag-think.home-small .metadata a, .search-results .tag-think.home-small .metadata, .search-results .tag-think.home-small .metadata a { color: #000 !important; } } .archive.tag-think.bedo-sub-wrapper > a, .archive .tag-think.bedo-sub-wrapper > a, .home.tag-think.bedo-sub-wrapper > a, .home .tag-think.bedo-sub-wrapper > a, .search-results.tag-think.bedo-sub-wrapper > a, .search-results .tag-think.bedo-sub-wrapper > a { -webkit-text-stroke: #00ffb8 1px !important; } .archive.tag-think.bedo-sub-wrapper span, .archive .tag-think.bedo-sub-wrapper span, .home.tag-think.bedo-sub-wrapper span, .home .tag-think.bedo-sub-wrapper span, .search-results.tag-think.bedo-sub-wrapper span, .search-results .tag-think.bedo-sub-wrapper span { color: #00ffb8 !important; } .archive.tag-think.bedo-sub-wrapper .circle, .archive .tag-think.bedo-sub-wrapper .circle, .home.tag-think.bedo-sub-wrapper .circle, .home .tag-think.bedo-sub-wrapper .circle, .search-results.tag-think.bedo-sub-wrapper .circle, .search-results .tag-think.bedo-sub-wrapper .circle { background-color: #00ffb8 !important; } .archive.tag-think.archive.tag, .archive .tag-think.archive.tag, .home.tag-think.archive.tag, .home .tag-think.archive.tag, .search-results.tag-think.archive.tag, .search-results .tag-think.archive.tag { background-color: #00ffb8 !important; } .archive.tag-think.archive.tag .header-1, .archive.tag-think.archive.tag .header-2, .archive .tag-think.archive.tag .header-1, .archive .tag-think.archive.tag .header-2, .home.tag-think.archive.tag .header-1, .home.tag-think.archive.tag .header-2, .home .tag-think.archive.tag .header-1, .home .tag-think.archive.tag .header-2, .search-results.tag-think.archive.tag .header-1, .search-results.tag-think.archive.tag .header-2, .search-results .tag-think.archive.tag .header-1, .search-results .tag-think.archive.tag .header-2 { background-color: #00ffb8 !important; } .archive.tag-think.archive.tag article *:not(.vr), .archive .tag-think.archive.tag article *:not(.vr), .home.tag-think.archive.tag article *:not(.vr), .home .tag-think.archive.tag article *:not(.vr), .search-results.tag-think.archive.tag article *:not(.vr), .search-results .tag-think.archive.tag article *:not(.vr) { background-color: #00ffb8 !important; } .archive.tag-think ::selection, .archive .tag-think ::selection, .home.tag-think ::selection, .home .tag-think ::selection, .search-results.tag-think ::selection, .search-results .tag-think ::selection { color: #000; background-color: #ff5f5f; } @media (min-width: 769px) { .archive.tag-think.random .thumbnailwrapper > img, .archive .tag-think.random .thumbnailwrapper > img, .home.tag-think.random .thumbnailwrapper > img, .home .tag-think.random .thumbnailwrapper > img, .search-results.tag-think.random .thumbnailwrapper > img, .search-results .tag-think.random .thumbnailwrapper > img { -webkit-mask: url(../img/clip/think_desktop.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; mask: url(../img/clip/think_desktop.svg); mask-repeat: no-repeat; mask-size: 100%; } } @media (max-width: 768px) { .archive.tag-love .metadata, .archive .tag-love .metadata, .home.tag-love .metadata, .home .tag-love .metadata, .search-results.tag-love .metadata, .search-results .tag-love .metadata { color: #ff5f5f !important; } .archive.tag-love .metadata .vr, .archive .tag-love .metadata .vr, .home.tag-love .metadata .vr, .home .tag-love .metadata .vr, .search-results.tag-love .metadata .vr, .search-results .tag-love .metadata .vr { background-color: #ff5f5f !important; } } .archive.tag-love .metadata a, .archive .tag-love .metadata a, .home.tag-love .metadata a, .home .tag-love .metadata a, .search-results.tag-love .metadata a, .search-results .tag-love .metadata a { color: #ff5f5f !important; } @media (max-width: 768px) { .archive.tag-love .metadata::before, .archive.tag-love .metadata::after, .archive .tag-love .metadata::before, .archive .tag-love .metadata::after, .home.tag-love .metadata::before, .home.tag-love .metadata::after, .home .tag-love .metadata::before, .home .tag-love .metadata::after, .search-results.tag-love .metadata::before, .search-results.tag-love .metadata::after, .search-results .tag-love .metadata::before, .search-results .tag-love .metadata::after { border-color: #ff5f5f !important; } } @media (max-width: 768px) { .archive.tag-love h2, .archive .tag-love h2, .home.tag-love h2, .home .tag-love h2, .search-results.tag-love h2, .search-results .tag-love h2 { border-top-color: #ff5f5f !important; } } .archive.tag-love > .bevezetoWrapper::before, .archive .tag-love > .bevezetoWrapper::before, .home.tag-love > .bevezetoWrapper::before, .home .tag-love > .bevezetoWrapper::before, .search-results.tag-love > .bevezetoWrapper::before, .search-results .tag-love > .bevezetoWrapper::before { background-color: #ff5f5f !important; } .archive.tag-love hr, .archive .tag-love hr, .home.tag-love hr, .home .tag-love hr, .search-results.tag-love hr, .search-results .tag-love hr { background-color: #ff5f5f !important; } .archive.tag-love figcaption, .archive .tag-love figcaption, .home.tag-love figcaption, .home .tag-love figcaption, .search-results.tag-love figcaption, .search-results .tag-love figcaption { color: #ff5f5f !important; } @media (min-width: 769px) { .archive.tag-love.home-big h2 a, .archive .tag-love.home-big h2 a, .home.tag-love.home-big h2 a, .home .tag-love.home-big h2 a, .search-results.tag-love.home-big h2 a, .search-results .tag-love.home-big h2 a { color: #ff5f5f; } .archive.tag-love.home-big.hovered, .archive .tag-love.home-big.hovered, .home.tag-love.home-big.hovered, .home .tag-love.home-big.hovered, .search-results.tag-love.home-big.hovered, .search-results .tag-love.home-big.hovered { background-color: #ff5f5f !important; } .archive.tag-love.home-small .metadata, .archive.tag-love.home-small .metadata a, .archive .tag-love.home-small .metadata, .archive .tag-love.home-small .metadata a, .home.tag-love.home-small .metadata, .home.tag-love.home-small .metadata a, .home .tag-love.home-small .metadata, .home .tag-love.home-small .metadata a, .search-results.tag-love.home-small .metadata, .search-results.tag-love.home-small .metadata a, .search-results .tag-love.home-small .metadata, .search-results .tag-love.home-small .metadata a { color: #000 !important; } } .archive.tag-love.bedo-sub-wrapper > a, .archive .tag-love.bedo-sub-wrapper > a, .home.tag-love.bedo-sub-wrapper > a, .home .tag-love.bedo-sub-wrapper > a, .search-results.tag-love.bedo-sub-wrapper > a, .search-results .tag-love.bedo-sub-wrapper > a { -webkit-text-stroke: #ff5f5f 1px !important; } .archive.tag-love.bedo-sub-wrapper span, .archive .tag-love.bedo-sub-wrapper span, .home.tag-love.bedo-sub-wrapper span, .home .tag-love.bedo-sub-wrapper span, .search-results.tag-love.bedo-sub-wrapper span, .search-results .tag-love.bedo-sub-wrapper span { color: #ff5f5f !important; } .archive.tag-love.bedo-sub-wrapper .circle, .archive .tag-love.bedo-sub-wrapper .circle, .home.tag-love.bedo-sub-wrapper .circle, .home .tag-love.bedo-sub-wrapper .circle, .search-results.tag-love.bedo-sub-wrapper .circle, .search-results .tag-love.bedo-sub-wrapper .circle { background-color: #ff5f5f !important; } .archive.tag-love.archive.tag, .archive .tag-love.archive.tag, .home.tag-love.archive.tag, .home .tag-love.archive.tag, .search-results.tag-love.archive.tag, .search-results .tag-love.archive.tag { background-color: #ff5f5f !important; } .archive.tag-love.archive.tag .header-1, .archive.tag-love.archive.tag .header-2, .archive .tag-love.archive.tag .header-1, .archive .tag-love.archive.tag .header-2, .home.tag-love.archive.tag .header-1, .home.tag-love.archive.tag .header-2, .home .tag-love.archive.tag .header-1, .home .tag-love.archive.tag .header-2, .search-results.tag-love.archive.tag .header-1, .search-results.tag-love.archive.tag .header-2, .search-results .tag-love.archive.tag .header-1, .search-results .tag-love.archive.tag .header-2 { background-color: #ff5f5f !important; } .archive.tag-love.archive.tag article *:not(.vr), .archive .tag-love.archive.tag article *:not(.vr), .home.tag-love.archive.tag article *:not(.vr), .home .tag-love.archive.tag article *:not(.vr), .search-results.tag-love.archive.tag article *:not(.vr), .search-results .tag-love.archive.tag article *:not(.vr) { background-color: #ff5f5f !important; } .archive.tag-love ::selection, .archive .tag-love ::selection, .home.tag-love ::selection, .home .tag-love ::selection, .search-results.tag-love ::selection, .search-results .tag-love ::selection { color: #000; background-color: #00ffb8; } @media (min-width: 769px) { .archive.tag-love.random .thumbnailwrapper > img, .archive .tag-love.random .thumbnailwrapper > img, .home.tag-love.random .thumbnailwrapper > img, .home .tag-love.random .thumbnailwrapper > img, .search-results.tag-love.random .thumbnailwrapper > img, .search-results .tag-love.random .thumbnailwrapper > img { -webkit-mask: url(../img/clip/love_desktop.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; mask: url(../img/clip/love_desktop.svg); mask-repeat: no-repeat; mask-size: 100%; } } .single .tag-be .titlewrapper .metadata { color: #fdff00 !important; } @media (min-width: 769px) { .single .tag-be .titlewrapper .metadata { color: #fff !important; -webkit-text-stroke: #fdff00 1px !important; } } .single .tag-be .titlewrapper .metadata a { color: #fdff00 !important; } @media (min-width: 769px) { .single .tag-be .titlewrapper .metadata a { color: #fff !important; -webkit-text-stroke: #fdff00 1px !important; } .single .tag-be .titlewrapper .metadata a:hover { color: #fdff00 !important; } } .single .tag-be .single-content blockquote p, .single .tag-be .single-content h3 { background: #fdff00 !important; -moz-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; -webkit-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; } .single .tag-be .single-content blockquote p a, .single .tag-be .single-content h3 a { color: #7e7f00; } .single .tag-be .single-content a { color: #fdff00; } .single .tag-be .single-content .authors a { -webkit-text-stroke: #fdff00 1px !important; } .single .tag-be .single-content .authors a:hover { color: #fdff00 !important; text-decoration: none; } .single .tag-do .titlewrapper .metadata { color: #3c00ff !important; } @media (min-width: 769px) { .single .tag-do .titlewrapper .metadata { color: #fff !important; -webkit-text-stroke: #3c00ff 1px !important; } } .single .tag-do .titlewrapper .metadata a { color: #3c00ff !important; } @media (min-width: 769px) { .single .tag-do .titlewrapper .metadata a { color: #fff !important; -webkit-text-stroke: #3c00ff 1px !important; } .single .tag-do .titlewrapper .metadata a:hover { color: #3c00ff !important; } } .single .tag-do .single-content blockquote p, .single .tag-do .single-content h3 { background: #3c00ff !important; -moz-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; -webkit-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; } .single .tag-do .single-content blockquote p a, .single .tag-do .single-content h3 a { color: #1e007f; } .single .tag-do .single-content a { color: #3c00ff; } .single .tag-do .single-content .authors a { -webkit-text-stroke: #3c00ff 1px !important; } .single .tag-do .single-content .authors a:hover { color: #3c00ff !important; text-decoration: none; } .single .tag-think .titlewrapper .metadata { color: #00ffb8 !important; } @media (min-width: 769px) { .single .tag-think .titlewrapper .metadata { color: #fff !important; -webkit-text-stroke: #00ffb8 1px !important; } } .single .tag-think .titlewrapper .metadata a { color: #00ffb8 !important; } @media (min-width: 769px) { .single .tag-think .titlewrapper .metadata a { color: #fff !important; -webkit-text-stroke: #00ffb8 1px !important; } .single .tag-think .titlewrapper .metadata a:hover { color: #00ffb8 !important; } } .single .tag-think .single-content blockquote p, .single .tag-think .single-content h3 { background: #00ffb8 !important; -moz-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; -webkit-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; } .single .tag-think .single-content blockquote p a, .single .tag-think .single-content h3 a { color: #007f5c; } .single .tag-think .single-content a { color: #00ffb8; } .single .tag-think .single-content .authors a { -webkit-text-stroke: #00ffb8 1px !important; } .single .tag-think .single-content .authors a:hover { color: #00ffb8 !important; text-decoration: none; } .single .tag-love .titlewrapper .metadata { color: #ff5f5f !important; } @media (min-width: 769px) { .single .tag-love .titlewrapper .metadata { color: #fff !important; -webkit-text-stroke: #ff5f5f 1px !important; } } .single .tag-love .titlewrapper .metadata a { color: #ff5f5f !important; } @media (min-width: 769px) { .single .tag-love .titlewrapper .metadata a { color: #fff !important; -webkit-text-stroke: #ff5f5f 1px !important; } .single .tag-love .titlewrapper .metadata a:hover { color: #ff5f5f !important; } } .single .tag-love .single-content blockquote p, .single .tag-love .single-content h3 { background: #ff5f5f !important; -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; } .single .tag-love .single-content blockquote p a, .single .tag-love .single-content h3 a { color: #7f2f2f; } .single .tag-love .single-content a { color: #ff5f5f; } .single .tag-love .single-content .authors a { -webkit-text-stroke: #ff5f5f 1px !important; } .single .tag-love .single-content .authors a:hover { color: #ff5f5f !important; text-decoration: none; } body.hover-tag-be, .header-1.hover-tag-be, .header-2.hover-tag-be { background-color: #fdff00 !important; } body.hover-tag-do, .header-1.hover-tag-do, .header-2.hover-tag-do { background-color: #3c00ff !important; } body.hover-tag-think, .header-1.hover-tag-think, .header-2.hover-tag-think { background-color: #00ffb8 !important; } body.hover-tag-love, .header-1.hover-tag-love, .header-2.hover-tag-love { background-color: #ff5f5f !important; } /* -------------------------------------------------------------------------- */ /* imports */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* BUTLER */ /* -------------------------------------------------------------------------- */ @font-face { font-family: "Butler"; src: url("../fonts/Butler-UltraLight.woff2") format("woff2"), url("../fonts/Butler-UltraLight.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: "Butler"; src: url("../fonts/Butler-Light.woff2") format("woff2"), url("../fonts/Butler-Light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "Butler"; src: url("../fonts/Butler.woff2") format("woff2"), url("../fonts/Butler.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Butler"; src: url("../fonts/Butler-Medium.woff2") format("woff2"), url("../fonts/Butler-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Butler"; src: url("../fonts/Butler-Bold.woff2") format("woff2"), url("../fonts/Butler-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: "Butler"; src: url("../fonts/Butler-ExtraBold.woff2") format("woff2"), url("../fonts/Butler-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: "Butler"; src: url("../fonts/Butler-Black.woff2") format("woff2"), url("../fonts/Butler-Black.woff") format("woff"); font-weight: 900; font-style: normal; } /* -------------------------------------------------------------------------- */ /* westeinde */ /* -------------------------------------------------------------------------- */ @font-face { font-family: "Westeinde Caption"; src: url("../fonts/WesteindeCaption-Thin.woff2") format("woff2"), url("../fonts/WesteindeCaption-Thin.woff") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: "Westeinde Caption"; src: url("../fonts/WesteindeCaption-ThinItalic.woff2") format("woff2"), url("../fonts/WesteindeCaption-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; } @font-face { font-family: "Westeinde Caption"; src: url("../fonts/WesteindeCaption-Light.woff2") format("woff2"), url("../fonts/WesteindeCaption-Light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "Westeinde Caption"; src: url("../fonts/WesteindeCaption-LightItalic.woff2") format("woff2"), url("../fonts/WesteindeCaption-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: "Westeinde Caption"; src: url("../fonts/WesteindeCaption-Regular.woff2") format("woff2"), url("../fonts/WesteindeCaption-Regular.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Westeinde Caption"; src: url("../fonts/WesteindeCaption-Bold.woff2") format("woff2"), url("../fonts/WesteindeCaption-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: "Westeinde Caption"; src: url("../fonts/WesteindeCaption-BoldItalic.woff2") format("woff2"), url("../fonts/WesteindeCaption-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; } @font-face { font-family: "Westeinde Caption"; src: url("../fonts/WesteindeCaption-Heavy.woff2") format("woff2"), url("../fonts/WesteindeCaption-Heavy.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: "Westeinde Caption"; src: url("../fonts/WesteindeCaption-HeavyItalic.woff2") format("woff2"), url("../fonts/WesteindeCaption-HeavyItalic.woff") format("woff"); font-weight: 900; font-style: italic; } /*------------------------------------*\ MISC \*------------------------------------*/ ::selection { background: #04A4CC; color: #FFF; text-shadow: none; } ::-webkit-selection { background: #04A4CC; color: #FFF; text-shadow: none; } ::-moz-selection { background: #04A4CC; color: #FFF; text-shadow: none; } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #FFF; border: 1px solid #F0F0F0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }