/* ========================================================================== */ /* FONT-MIXINS */ /* ========================================================================== */ /* ---------------------------------- event --------------------------------- */ *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } html { font-size: 62.5%; } body { font: 300 18px/1.8 "Westeinde Caption", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; } .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; } html *::selection { color: #000; background-color: #fdff00; } .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; } } .wrapper { margin: 0 auto; position: relative; width: 100vw; height: 100vh; z-index: 1; } .wrapper .header { position: fixed; top: 0; width: 100vw; display: flex; flex-direction: row; justify-content: space-between; align-items: center; z-index: 3000; } @media (min-width: 769px) { .wrapper .header { height: 0; position: relative; width: 0; } .wrapper .header::before { display: none; } } .wrapper .header .header-inner { display: flex; flex-direction: row; align-items: center; line-height: 0; } @media (min-width: 769px) { .wrapper .header .header-inner { 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-inner { width: 10rem; } } .wrapper .header .header-inner div { z-index: 3500; } .wrapper .header .header-inner 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; } .wrapper .header .dis-logo.black { background-image: url(../img/dis-logo-black.png); background-image: url(../img/dis-logo-black.svg); } @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 .menubutton-icon.black { 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-inner > 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 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; } } @media (min-width: 769px) { .masonrypage .wrapper { overflow-y: hidden; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; min-width: 100vw; } } @media (min-width: 769px) { .masonrypage .wrapper .header .header-scroll { display: block; position: fixed; height: 100vh; width: 10rem; flex: 1 0 auto !important; top: 0; } } .masonrypage .wrapper .header .header-scroll.header-scroll-left { left: 7.5rem; } @media (min-width: 1024px) { .masonrypage .wrapper .header .header-scroll.header-scroll-left { left: 10rem; } } .masonrypage .wrapper .header .header-scroll.header-scroll-left button { cursor: url("../img/cursor-arrow-black-left.png"), w-resize; } .masonrypage .wrapper .header .header-scroll.header-scroll-right { right: 7.5rem; } @media (min-width: 1024px) { .masonrypage .wrapper .header .header-scroll.header-scroll-right { right: 10rem; } } .masonrypage .wrapper .header .header-scroll.header-scroll-right button { cursor: url("../img/cursor-arrow-black-right.png"), e-resize; } .masonrypage .wrapper .header .header-scroll button { height: 100vh; width: 10rem; } .masonrypage:not(.home) .wrapper .header { background-color: #000; } @media (min-width: 769px) { .masonrypage main { height: 100vh; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; position: relative; } } @media (min-width: 769px) { .masonrypage main section { display: flex; flex-direction: row; margin: 0; height: 100vh; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; } } .masonrypage main section .archivetitle { padding: 8rem 2rem 0; } .masonrypage main section article { min-height: 87.5vw; } .masonrypage main section article > a { margin: 0; padding: 0; border: none; display: inline-block; } .masonrypage main section article .thumbnailwrapper img { height: 50vw; width: 100vw; object-fit: cover; } .masonrypage main section article h2 { width: 100%; padding: 1.5rem 2rem 1rem; margin: 0; line-height: 0.8; } .masonrypage main section article h2 a { font: bold 1.5rem "Westeinde Caption"; color: #000; } @media (min-width: 360px) { .masonrypage main section article h2 a { font-size: 1.8rem; } } @media (min-aspect-ratio: 1 / 1) { .masonrypage main section article h2 a { font-size: 2.5rem; } } @media (min-width: 769px) { .masonrypage main section article h2 a { font-size: 1.3rem; color: #000; } } @media (min-width: 1024px) { .masonrypage main section article h2 a { font-size: 1.5rem; } } @media (min-width: 1279px) { .masonrypage main section article h2 a { font-size: 2rem; } } @media (min-width: 1919px) { .masonrypage main section article h2 a { font-size: 3rem; } } .masonrypage main section article .metadata { top: calc(50vw - 5rem + 1px); height: 5rem; display: flex; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; justify-content: space-around; flex-wrap: nowrap; align-items: center; padding: 0; z-index: 15; } .masonrypage main section article .metadata::after { display: none; } @media (max-width: 768px) { .masonrypage main section article .metadata::after { position: absolute; content: ""; display: block; 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; } .masonrypage main section article .metadata::before { display: block; content: ""; position: absolute; width: calc(5rem); height: calc(5rem); top: 0; background-color: white; z-index: 9; left: calc((5rem + 1px) * -1); border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } } .masonrypage main section article .metadata > * { z-index: 15; } .masonrypage main section article .metadata .vr { height: 100%; width: 1px; background-color: #000; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; box-shadow: 0 0 1px transparent; } .masonrypage main section article .metadata .bevezetoWrapper, .masonrypage main section article .metadata .alcimWrapper, .masonrypage main section article .metadata .curvyArrow { display: none; } .masonrypage main section article h2 { position: relative; border-top: #000 1px solid; z-index: 8; } .masonrypage main section article > .bevezetoWrapper { padding: 0 2rem 3rem; font: bold 1.5rem "Westeinde Caption"; color: #000; font-weight: 300; color: #000; } @media (min-width: 360px) { .masonrypage main section article > .bevezetoWrapper { font-size: 1.8rem; } } @media (min-aspect-ratio: 1 / 1) { .masonrypage main section article > .bevezetoWrapper { font-size: 2.5rem; } } @media (min-width: 769px) { .masonrypage main section article > .bevezetoWrapper { font-size: 1.3rem; color: #000; } } @media (min-width: 1024px) { .masonrypage main section article > .bevezetoWrapper { font-size: 1.5rem; } } @media (min-width: 1279px) { .masonrypage main section article > .bevezetoWrapper { font-size: 2rem; } } @media (min-width: 1919px) { .masonrypage main section article > .bevezetoWrapper { font-size: 3rem; } } @media (min-width: 769px) { .masonrypage main section article > .bevezetoWrapper { font: bold 1rem "Butler"; line-height: 1rem; } } @media (min-width: 1024px) { .masonrypage main section article > .bevezetoWrapper { font-size: 2rem; line-height: 2rem; } } .masonrypage main section article > .bevezetoWrapper::before { display: block; content: ""; height: 1px; width: 20%; margin: 0 auto; background-color: #000; margin-bottom: 1rem; } .masonrypage main section article.post_nr { min-height: 100vh; } .masonrypage main section article.post_nr .thumbnailwrapper img { height: 50vh; } .masonrypage main section article.post_nr .metadata { top: calc(50vh - 5rem + 1px); } .masonrypage main section article.post_nr h2 { padding-top: 3rem; } .masonrypage main section article.post_nr h2 a { font: bold 2.2rem "Westeinde Caption"; color: #000; } @media (min-width: 360px) { .masonrypage main section article.post_nr h2 a { font-size: 2.8rem; } } @media (min-aspect-ratio: 1 / 1) { .masonrypage main section article.post_nr h2 a { font-size: 2.5rem; } } @media (min-width: 1024px) { .masonrypage main section article.post_nr h2 a { font-size: 5rem; } } @media (min-width: 1279px) { .masonrypage main section article.post_nr h2 a { font-size: 6.8rem; } } @media (min-width: 1919px) { .masonrypage main section article.post_nr h2 a { font-size: 11rem; } } @media (min-width: 360px) { .masonrypage main section article.post_nr h2 a { line-height: 1.5; } } .masonrypage main section article.post_nr .bevezetoWrapper::before { margin-bottom: 0; } .masonrypage main section article.post_nr .bevezetoWrapper .bevezeto { padding-top: 1rem; } @media (min-width: 769px) { .masonrypage main section .home_wrapper-big { flex: 0 0 auto; border-right: #000 1px solid; } .masonrypage main section .home_wrapper-big article { position: relative; width: calc(100vw - (7.5rem * 3)); height: calc(100vh - 4rem); min-height: unset; margin: 0; padding: 0; margin-left: 7.5rem; margin-top: 4rem; border-top: 1px #000 solid; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-big article { width: calc(100vw - (10rem * 3)); margin-left: 10rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-big article .thumbnailwrapper { width: 60%; height: calc(100% - 4rem); display: flex; flex-direction: row; justify-content: flex-start; } .masonrypage main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail { object-fit: cover; width: 100%; height: 100%; } .masonrypage main section .home_wrapper-big article h2 { height: unset; position: absolute; top: 0; padding: 2rem; padding-left: 4rem; border: none; width: calc(100vw - 18.75rem); } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-big article h2 { width: calc(100vw - 25rem); padding-top: 4rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-big article h2 a { padding-top: 2rem; } .masonrypage main section .home_wrapper-big article .metadata { bottom: 0; top: unset; background: transparent; width: 100%; height: 7.5rem; display: flex; flex-direction: row; padding: 0; justify-content: flex-start; align-items: center; overflow: visible !important; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .masonrypage main section .home_wrapper-big article .metadata { height: 9rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-big article .metadata { height: 11.5rem; } } @media (min-width: 769px) and (min-width: 769px) { .masonrypage main section .home_wrapper-big article .metadata { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-big article .metadata { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .masonrypage main section .home_wrapper-big article .metadata { font-size: 2rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-big article .metadata > div { flex: 1 1 auto; } .masonrypage main section .home_wrapper-big article .metadata .categories { display: block; padding: 0; } .masonrypage main section .home_wrapper-big article .metadata .postedon { padding: 0; } .masonrypage main section .home_wrapper-big article .metadata .bevezetoWrapper, .masonrypage main section .home_wrapper-big article .metadata .alcimWrapper { display: none; } .masonrypage main section .home_wrapper-big article .metadata .transparent, .masonrypage main section .home_wrapper-big article .metadata .transparent a, .masonrypage main section .home_wrapper-big article .metadata .transparent div { color: transparent !important; } .masonrypage main section .home_wrapper-big article .metadata .filler { flex: 0 0 auto; width: 60%; height: 1px; align-self: flex-start; } .masonrypage main section .home_wrapper-big article .metadata .curvyArrow { position: absolute; display: block; right: 0; top: 0; height: 10rem; width: 5rem; } .masonrypage main section .home_wrapper-big article .metadata .curvyArrow object { height: 10rem; position: absolute; right: 0; top: calc(-50% + 0.5px); } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-big article .metadata .curvyArrow { height: 15rem; width: 7.5rem; } .masonrypage main section .home_wrapper-big article .metadata .curvyArrow object { height: 15rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-big article .bevezeto, .masonrypage main section .home_wrapper-big article .alcim { color: #000 !important; } .masonrypage main section .home_wrapper-big article .alcimWrapper { align-self: flex-start; padding: 2rem 0 5rem; min-width: 8rem; margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-start; align-content: space-around; position: relative; } .masonrypage main section .home_wrapper-big article .alcimWrapper .alcim { writing-mode: vertical-rl; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); flex: 0 0 auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: flex-end; } .masonrypage main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner { text-align: left; } .masonrypage main section .home_wrapper-big article .bevezetoWrapper { line-height: 1; padding: 2rem; align-self: flex-start; } .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { margin: 0; overflow: hidden; font: bold 1.5rem "Westeinde Caption"; color: #000; font-weight: 300; color: #000; } } @media (min-width: 769px) and (min-width: 360px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 3rem; } } @media (min-width: 769px) and (min-width: 769px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font: bold 1rem "Butler"; line-height: 1rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto { font-size: 2rem; line-height: 2rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font: bold 1.5rem "Westeinde Caption"; color: #000; font-weight: 300; color: #000; text-align: left; } } @media (min-width: 769px) and (min-width: 360px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 3rem; } } @media (min-width: 769px) and (min-width: 769px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font: bold 1rem "Butler"; line-height: 1rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { font-size: 2rem; line-height: 2rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-big article.hovered h2 > a { color: #000; } .masonrypage main section .home_wrapper-big.home_wrapper-1 article .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 4rem + (1px)); border-top: #000 1px solid; background-color: transparent; left: calc(4rem); margin-left: calc((1px) * -1); z-index: 90; } .masonrypage main section .home_wrapper-big.home_wrapper-1 article .metadata::before { display: block; content: ""; position: absolute; width: calc(4rem); height: calc(4rem); top: 0; background-color: transparent; z-index: 9; left: calc((1px) * -1); border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } .masonrypage main section .home_wrapper-big.home_wrapper-1 article .metadata .filler { position: relative; } .masonrypage main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper { float: right; } .masonrypage main section .home_wrapper-big.home_wrapper-2 article .metadata { justify-content: flex-end; } .masonrypage main section .home_wrapper-big.home_wrapper-2 article .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 4rem + (1px)); border-top: #000 1px solid; background-color: transparent; right: calc(4rem); margin-right: calc((1px) * -1); z-index: 90; } .masonrypage main section .home_wrapper-big.home_wrapper-2 article .metadata::before { display: block; content: ""; position: absolute; width: calc(4rem); height: calc(4rem); top: 0; background-color: transparent; z-index: 9; right: calc((1px) * -1); border-right: #000 solid 1px; -moz-transform: skewX(45deg); -o-transform: skewX(45deg); -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); transform: skewX(45deg); transform-origin: right bottom; } .masonrypage main section .home_wrapper-big.home_wrapper-2 article .metadata .filler { order: -1; } .masonrypage main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper { width: calc(60% + 5rem); } .masonrypage main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img { left: -5rem; position: relative; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small, .masonrypage main section #post-404 { height: calc(100vh - 8rem); width: calc((100vh - 8rem) / 2 * 3); max-width: calc(100vw - (7.5rem * 3)); max-height: calc((100vw - (7.5rem * 3)) / 3 * 2); flex-shrink: 0; display: flex; flex-direction: row; flex-wrap: wrap; margin: auto 0; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small, .masonrypage main section #post-404 { max-width: calc(100vw - (10rem * 3)); max-height: calc((100vw - (10rem * 3)) / 3 * 2); } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .masonrypage main section #post-404.home_wrapper-s1:not(.home_wrapper-1) { margin-left: 3.75rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .masonrypage main section #post-404.home_wrapper-s1:not(.home_wrapper-1) { margin-left: 5rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .masonrypage main section .home_wrapper-small#post-404, .masonrypage main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .masonrypage main section #post-404#post-404 { margin-left: 7.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .masonrypage main section .home_wrapper-small#post-404, .masonrypage main section #post-404.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .masonrypage main section #post-404#post-404 { margin-left: 10rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small:last-child, .masonrypage main section #post-404:last-child { margin-right: 7.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small:last-child, .masonrypage main section #post-404:last-child { margin-right: 10rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small > *, .masonrypage main section #post-404 > * { flex: 0 0 calc(100% / 3); height: 50%; position: relative; min-height: unset; } .masonrypage main section .home_wrapper-small > * .thumbnailwrapper, .masonrypage main section #post-404 > * .thumbnailwrapper { width: 100%; height: 100%; } .masonrypage main section .home_wrapper-small > * .thumbnailwrapper img, .masonrypage main section #post-404 > * .thumbnailwrapper img { width: 100%; height: 100%; object-fit: cover; } .masonrypage main section .home_wrapper-small > * .metadata, .masonrypage main section #post-404 > * .metadata { width: 100%; min-width: unset; height: 2.5rem; position: absolute; bottom: 0; right: 0; top: unset; background: transparent; display: flex; flex-direction: row; padding: 0; justify-content: space-between; align-items: stretch; display: none; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small > * .metadata, .masonrypage main section #post-404 > * .metadata { height: 5rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small > * .metadata::after, .masonrypage main section #post-404 > * .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 2.5rem); border-top: #000 1px solid; background-color: transparent; left: calc(2.5rem); margin-left: 0; z-index: 90; } .masonrypage main section .home_wrapper-small > * .metadata::before, .masonrypage main section #post-404 > * .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) { .masonrypage main section .home_wrapper-small > * .metadata::after, .masonrypage main section #post-404 > * .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 5rem); border-top: #000 1px solid; background-color: transparent; left: calc(5rem); margin-left: 0; z-index: 90; } .masonrypage main section .home_wrapper-small > * .metadata::before, .masonrypage main section #post-404 > * .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) { .masonrypage main section .home_wrapper-small > * .metadata, .masonrypage main section #post-404 > * .metadata { height: 10rem; } .masonrypage main section .home_wrapper-small > * .metadata::after, .masonrypage main section #post-404 > * .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 10rem); border-top: #000 1px solid; background-color: transparent; left: calc(10rem); margin-left: 0; z-index: 90; } .masonrypage main section .home_wrapper-small > * .metadata::before, .masonrypage main section #post-404 > * .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) { .masonrypage main section .home_wrapper-small > * .metadata.vis, .masonrypage main section #post-404 > * .metadata.vis { display: flex; } .masonrypage main section .home_wrapper-small > * .metadata .categories, .masonrypage main section .home_wrapper-small > * .metadata .postedon, .masonrypage main section #post-404 > * .metadata .categories, .masonrypage main section #post-404 > * .metadata .postedon { font: bold 1rem "Westeinde Caption"; color: #000; display: flex; flex-direction: row; align-content: center; margin-top: auto; margin-bottom: auto; flex-wrap: nowrap; justify-content: center; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small > * .metadata .categories, .masonrypage main section .home_wrapper-small > * .metadata .postedon, .masonrypage main section #post-404 > * .metadata .categories, .masonrypage main section #post-404 > * .metadata .postedon { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1279px) { .masonrypage main section .home_wrapper-small > * .metadata .categories, .masonrypage main section .home_wrapper-small > * .metadata .postedon, .masonrypage main section #post-404 > * .metadata .categories, .masonrypage main section #post-404 > * .metadata .postedon { font-size: 1.3rem; } } @media (min-width: 769px) and (min-width: 1919px) { .masonrypage main section .home_wrapper-small > * .metadata .categories, .masonrypage main section .home_wrapper-small > * .metadata .postedon, .masonrypage main section #post-404 > * .metadata .categories, .masonrypage main section #post-404 > * .metadata .postedon { font-size: 2.5rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small > * .metadata .categories, .masonrypage main section #post-404 > * .metadata .categories { margin-left: 2.5rem; padding-right: 0.5rem; flex: 1 0 auto; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small > * .metadata .categories, .masonrypage main section #post-404 > * .metadata .categories { margin-left: 5rem; } } @media (min-width: 769px) and (min-width: 1919px) { .masonrypage main section .home_wrapper-small > * .metadata .categories, .masonrypage main section #post-404 > * .metadata .categories { margin-left: 10rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small > * .metadata .categories, .masonrypage main section #post-404 > * .metadata .categories { padding-right: 1rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small > * .metadata .postedon, .masonrypage main section #post-404 > * .metadata .postedon { padding: 0 0.5rem; flex: 1 0 auto; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small > * .metadata .postedon, .masonrypage main section #post-404 > * .metadata .postedon { padding: 0 1rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small > * h2, .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2, .masonrypage main section #post-404 > * h2 a { font: bold 1.5rem "Westeinde Caption"; color: #000; } } @media (min-width: 769px) and (min-width: 360px) { .masonrypage main section .home_wrapper-small > * h2, .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2, .masonrypage main section #post-404 > * h2 a { font-size: 1.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .masonrypage main section .home_wrapper-small > * h2, .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2, .masonrypage main section #post-404 > * h2 a { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 769px) { .masonrypage main section .home_wrapper-small > * h2, .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2, .masonrypage main section #post-404 > * h2 a { font-size: 1.3rem; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small > * h2, .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2, .masonrypage main section #post-404 > * h2 a { font-size: 1.5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .masonrypage main section .home_wrapper-small > * h2, .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2, .masonrypage main section #post-404 > * h2 a { font-size: 2rem; } } @media (min-width: 769px) and (min-width: 1919px) { .masonrypage main section .home_wrapper-small > * h2, .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2, .masonrypage main section #post-404 > * h2 a { font-size: 3rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small > * h2, .masonrypage main section #post-404 > * h2 { display: none; position: absolute; top: 0; background-color: #fff; height: 100%; padding: 0; border: none; } .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2 a { margin-top: 1.25rem; margin-right: 1rem; margin-bottom: 3rem; margin-left: 2.5rem; bottom: 0; height: -moz-max-content; height: max-content; height: -moz-fit-content; height: fit-content; position: absolute; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2 a { margin-top: 2.5rem; margin-right: 2rem; margin-bottom: 7rem; margin-left: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2 a { margin-right: 1rem; margin-bottom: 6rem; } } @media (min-width: 769px) and (min-width: 1919px) { .masonrypage main section .home_wrapper-small > * h2 a, .masonrypage main section #post-404 > * h2 a { margin-left: 10rem; margin-bottom: 12rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small article, .masonrypage main section #post-404 article { cursor: pointer; } .masonrypage main section .home_wrapper-small .archivetitle, .masonrypage main section #post-404 .archivetitle { margin: 0; width: calc(100% / 3); position: relative; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 1rem 2rem; text-align: center; border-right: #000 1px solid; } .masonrypage main section .home_wrapper-small .archivetitle::after, .masonrypage main section #post-404 .archivetitle::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 5rem); border-top: #000 1px solid; background-color: transparent; left: calc(5rem); margin-left: 0; z-index: 90; } .masonrypage main section .home_wrapper-small .archivetitle::before, .masonrypage main section #post-404 .archivetitle::before { display: block; content: ""; position: absolute; width: calc(5rem); height: calc(5rem); top: 0; background-color: transparent; z-index: 9; left: 0; border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } .masonrypage main section .home_wrapper-small .archivetitle h1, .masonrypage main section #post-404 .archivetitle h1 { font: bold 2.2rem "Westeinde Caption"; color: #000; margin: 0; display: block; width: 100%; text-align: left; } } @media (min-width: 769px) and (min-width: 360px) { .masonrypage main section .home_wrapper-small .archivetitle h1, .masonrypage main section #post-404 .archivetitle h1 { font-size: 2.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .masonrypage main section .home_wrapper-small .archivetitle h1, .masonrypage main section #post-404 .archivetitle h1 { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small .archivetitle h1, .masonrypage main section #post-404 .archivetitle h1 { font-size: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .masonrypage main section .home_wrapper-small .archivetitle h1, .masonrypage main section #post-404 .archivetitle h1 { font-size: 6.8rem; } } @media (min-width: 769px) and (min-width: 1919px) { .masonrypage main section .home_wrapper-small .archivetitle h1, .masonrypage main section #post-404 .archivetitle h1 { font-size: 11rem; } } @media (min-width: 769px) { .masonrypage main section .home_wrapper-small .archivetitle.tag, .masonrypage main section #post-404 .archivetitle.tag { order: 1; } .masonrypage main section .home_wrapper-small .archivetitle.tag h1, .masonrypage main section #post-404 .archivetitle.tag h1 { text-transform: uppercase; } .masonrypage main section .home_wrapper-small .archivetitle > object, .masonrypage main section #post-404 .archivetitle > object { position: absolute; top: 2rem; right: 2rem; width: 5rem; height: 5rem; } .masonrypage main section .home_wrapper-small .archivedescription, .masonrypage main section #post-404 .archivedescription { order: 4; border-top: #000 1px solid; border-right: #000 1px solid; border-bottom: #000 1px solid; margin: 0; width: 100%; position: relative; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 2rem; } .masonrypage main section .home_wrapper-small .archivedescription p, .masonrypage main section #post-404 .archivedescription p { margin: 0; font: bold 1rem "Butler"; color: #000; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage main section .home_wrapper-small .archivedescription p, .masonrypage main section #post-404 .archivedescription p { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1279px) { .masonrypage main section .home_wrapper-small .archivedescription p, .masonrypage main section #post-404 .archivedescription p { font-size: 1.8rem; } } .masonrypage.no-result .wrapper, .masonrypage.error404 .wrapper, .masonrypage.search-no-results .wrapper { height: unset; } .masonrypage.no-result .wrapper section .archivetitle, .masonrypage.error404 .wrapper section .archivetitle, .masonrypage.search-no-results .wrapper section .archivetitle { padding: 8rem 2rem 0; } .masonrypage.no-result .wrapper #post-404, .masonrypage.error404 .wrapper #post-404, .masonrypage.search-no-results .wrapper #post-404 { text-align: center; line-height: 1.4; } .masonrypage.no-result .wrapper #content article.no-result, .masonrypage.error404 .wrapper #content article.no-result, .masonrypage.search-no-results .wrapper #content article.no-result { height: unset; } @media (min-width: 769px) { .masonrypage.no-result main, .masonrypage.error404 main, .masonrypage.search-no-results main { width: 100vw; } .masonrypage.no-result main section, .masonrypage.error404 main section, .masonrypage.search-no-results main section { width: 100%; } .masonrypage.no-result main section .home_wrapper-1, .masonrypage.no-result main section article#post-404, .masonrypage.error404 main section .home_wrapper-1, .masonrypage.error404 main section article#post-404, .masonrypage.search-no-results main section .home_wrapper-1, .masonrypage.search-no-results main section article#post-404 { position: relative; width: calc(100% - 15rem); max-width: unset; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage.no-result main section .home_wrapper-1, .masonrypage.no-result main section article#post-404, .masonrypage.error404 main section .home_wrapper-1, .masonrypage.error404 main section article#post-404, .masonrypage.search-no-results main section .home_wrapper-1, .masonrypage.search-no-results main section article#post-404 { width: calc(100% - 20rem); } } @media (min-width: 769px) { .masonrypage.no-result main section .home_wrapper-1 .archivetitle, .masonrypage.no-result main section article#post-404 .archivetitle, .masonrypage.error404 main section .home_wrapper-1 .archivetitle, .masonrypage.error404 main section article#post-404 .archivetitle, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle, .masonrypage.search-no-results main section article#post-404 .archivetitle { border-bottom: 1px #000 solid; border-right: none; padding: 1rem 2rem !important; margin-left: 0; position: absolute; width: 100%; height: 100%; left: 0; background-color: transparent; display: flex; flex-direction: column; justify-content: flex-end; } .masonrypage.no-result main section .home_wrapper-1 .archivetitle h1, .masonrypage.no-result main section article#post-404 .archivetitle h1, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h1, .masonrypage.error404 main section article#post-404 .archivetitle h1, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h1, .masonrypage.search-no-results main section article#post-404 .archivetitle h1 { display: inline-block; position: relative; width: unset; } .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font: bold 2.2rem "Westeinde Caption"; color: #000; display: inline-block; height: unset; top: unset; position: relative; margin: 0; } } @media (min-width: 769px) and (min-width: 360px) { .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 2.8rem; } } @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 6.8rem; } } @media (min-width: 769px) and (min-width: 1919px) { .masonrypage.no-result main section .home_wrapper-1 .archivetitle h2, .masonrypage.no-result main section article#post-404 .archivetitle h2, .masonrypage.error404 main section .home_wrapper-1 .archivetitle h2, .masonrypage.error404 main section article#post-404 .archivetitle h2, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle h2, .masonrypage.search-no-results main section article#post-404 .archivetitle h2 { font-size: 11rem; } } @media (min-width: 769px) { .masonrypage.no-result main section .home_wrapper-1 .archivetitle .toHome, .masonrypage.no-result main section article#post-404 .archivetitle .toHome, .masonrypage.error404 main section .home_wrapper-1 .archivetitle .toHome, .masonrypage.error404 main section article#post-404 .archivetitle .toHome, .masonrypage.search-no-results main section .home_wrapper-1 .archivetitle .toHome, .masonrypage.search-no-results main section article#post-404 .archivetitle .toHome { display: none; } } .search-results #content .archivetitle { word-wrap: break-word; } .search-results #content .archivetitle h1 { 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; } 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; } } @media (min-width: 769px) { .singularpage .wrapper { height: unset; width: 100%; } .singularpage .wrapper .header .header-inner { background: transparent; border: none; } .singularpage .wrapper .header .header-inner .social-link, .singularpage .wrapper .header .header-inner .search-box, .singularpage .wrapper .header .header-inner .events-link { display: none; } } .singularpage article { padding-bottom: 5rem; } .singularpage article .thumbnailwrapper { padding: 0; } .singularpage article .thumbnailwrapper img.attachment-post-thumbnail { height: 75vh; width: 100vw; object-fit: cover; padding: 0; } .singularpage article .titlewrapper { position: relative; top: 0; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start; padding: 0; padding-top: 10rem; } .singularpage article .titlewrapper .metadata { width: calc(100vw - 5rem); bottom: unset !important; height: 5rem; position: relative; 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) { .singularpage article .titlewrapper .metadata { font: 900 1.5rem "Westeinde Caption"; color: #fff; -webkit-text-stroke: #000 1px; } } @media (min-width: 1024px) { .singularpage article .titlewrapper .metadata { font-size: 2rem; } } .singularpage article .titlewrapper .metadata .metaWrapper { display: flex; flex-direction: row; justify-content: flex-start; } .singularpage article .titlewrapper .metadata .metaWrapper .time-cat::after { content: " "; display: inline-block; } .singularpage article .titlewrapper .metadata .metaWrapper .format::before { content: "|"; display: inline-block; } .singularpage article .titlewrapper h1.single-title { margin: 0; font: 800 3rem "Butler"; color: #000; padding: 2rem; background-color: #fff; } @media (min-width: 769px) { .singularpage article .titlewrapper h1.single-title { font-size: 3.5rem; } } @media (min-width: 1024px) { .singularpage article .titlewrapper h1.single-title { font-size: 5rem; } } @media (max-width: 768px) { .singularpage article.has-post-thumbnail .titlewrapper { position: absolute; height: 100vh; justify-content: flex-end; padding: 0; } .singularpage article.has-post-thumbnail .titlewrapper h1.single-title { min-height: 25vh; } } @media (min-width: 769px) { .singularpage article { min-height: calc(100vh - 10rem); margin-top: 100vh; margin-left: 5rem; background-color: #fff; border-left: #000 solid 1px; padding-left: 10rem; } .singularpage article .thumbnailwrapper { position: fixed; top: 0; left: 0; z-index: -1; bottom: 0; width: 100%; } .singularpage article .thumbnailwrapper img.attachment-post-thumbnail { object-fit: cover; padding: 0; width: 100%; height: 100%; } .singularpage article .titlewrapper { position: relative; justify-content: flex-start; height: unset; padding-top: 0; } .singularpage article .titlewrapper .metadata { top: -5rem; width: calc(100% + 5rem); padding-left: 0; padding-right: 0; } .singularpage article .titlewrapper .metadata::after { position: absolute; content: ""; display: block; top: 0; border: none; width: calc(100% - 5rem + (5rem + 1px)); border-top: #000 1px solid; background-color: white; left: calc(5rem); margin-left: calc((5rem + 1px) * -1); z-index: 90; } .singularpage article .titlewrapper .metadata::before { display: block; content: ""; position: absolute; width: calc(5rem); height: calc(5rem); top: 0; background-color: white; z-index: 9; left: calc((5rem + 1px) * -1); border-left: #000 solid 1px; -moz-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); transform-origin: left bottom; border-top: #000 solid 1px; } .singularpage article .titlewrapper .metadata .metaWrapper { padding-right: 20rem; padding-left: 0; max-width: calc(768px + 20rem); padding-left: 5rem; } .singularpage article .titlewrapper h1.single-title { background-color: transparent; min-height: unset; top: -5rem; position: relative; padding-right: 20rem; padding-left: 0; max-width: calc(768px + 20rem); } } .singularpage article hr { height: 1px; background-color: #ff5f5f; padding: 0; margin: 0 auto; border: none; width: 20%; } .singularpage article hr.content-wrap { width: 40%; } .singularpage article hr.content-begin { margin-top: 2rem; } @media (min-width: 769px) { .singularpage article hr.content-begin { margin-top: 0 !important; } } .singularpage article hr.content-end { margin-top: 4rem; margin-bottom: 0; } @media (min-width: 769px) { .singularpage article hr.content-end { margin-top: 2rem; margin-bottom: 2rem; } } .singularpage article hr.wp-block-separator:nth-of-type(2) { margin-bottom: 4rem; } .singularpage article.has-post-thumbnail hr.content-begin { margin-top: calc(25vh + 2rem); } .singularpage article .single-content { position: relative; padding: 2rem; } @media (min-width: 769px) { .singularpage article .single-content { top: -5rem; padding-right: 20rem; padding-left: 0; max-width: calc(768px + 20rem); } } .singularpage article .single-content p { line-height: 1.3; } .singularpage article .single-content h2 { font: 800 3rem "Butler"; } .singularpage article .single-content h3 { font: 800 2rem "Butler"; color: #000; margin: 2rem 0; display: inline-block; background: #ff5f5f; -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } .singularpage article .single-content h4 { font-weight: 300; font-size: 2.4rem; line-height: 1.3; } .singularpage article .single-content a:hover { text-decoration: underline; } .singularpage article .single-content strong { font-weight: 900; } .singularpage article .single-content blockquote { font: 800 2rem "Butler"; color: #000; margin: 3rem 0; } .singularpage article .single-content blockquote p { background: #ff5f5f; display: inline; padding: 5px 0 3px; -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } .singularpage article .single-content blockquote cite { display: block; position: relative; font-size: 80%; top: 0.5rem; left: 2rem; } .singularpage article .single-content .wp-block-pullquote { padding: 4rem; } .singularpage article .single-content .wp-block-pullquote blockquote { display: inline; position: relative; } .singularpage article .single-content .wp-block-pullquote blockquote p { font: 800 2.1rem "Butler"; color: #000; padding-top: 8px; } @media (min-width: 769px) { .singularpage article .single-content .wp-block-pullquote blockquote p { font-size: 2.8rem; padding-top: 5px; } } .singularpage article .single-content .wp-block-pullquote blockquote cite { position: absolute; font-size: 80%; bottom: -3rem; right: 0; top: unset; left: unset; display: inline-block; } .singularpage article .single-content .wp-block-image { margin: 2rem 0; position: relative !important; } @media (min-width: 769px) { .singularpage article .single-content .wp-block-image { padding: 0; } } .singularpage article .single-content .wp-block-image:not(.wp-block-image-aligned) { width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; } .singularpage article .single-content .wp-block-image figcaption { bottom: 0 !important; } .singularpage article .single-content .wp-block-image figcaption::after { content: ""; display: block; position: absolute; background-color: transparent; width: 0; height: 0; right: -5rem; top: -5rem; border-top: 5rem solid transparent; border-left: 5rem solid transparent; border-right: 5rem solid transparent; border-bottom: 5rem solid #fff; position: absolute; z-index: -1; } .singularpage article .single-content .wp-block-gallery { padding: 0; margin: 2rem 0; } .singularpage article .single-content .wp-block-gallery li { margin-right: 0; } @media (min-width: 769px) { .singularpage article .single-content .wp-block-gallery li { margin: 0; } } @media (min-width: 769px) { .singularpage article .single-content .wp-block-gallery li:nth-child(odd) figcaption { padding-right: 0; } } .singularpage article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after { content: ""; display: block; position: absolute; background-color: transparent; width: 0; height: 0; right: -5rem; top: -5rem; border-top: 5rem solid transparent; border-left: 5rem solid transparent; border-right: 5rem solid transparent; border-bottom: 5rem solid #fff; position: absolute; z-index: -1; } .singularpage article .single-content .wp-block-gallery li:nth-child(even) figcaption { right: 0; top: 0; } @media (min-width: 769px) { .singularpage article .single-content .wp-block-gallery li:nth-child(even) figcaption { padding-left: 0; } } .singularpage article .single-content .wp-block-gallery li:nth-child(even) figcaption::after { content: ""; display: block; position: absolute; background-color: transparent; width: 0; height: 0; left: -5rem; bottom: -5rem; border-bottom: 5rem solid transparent; border-left: 5rem solid transparent; border-right: 5rem solid transparent; border-top: 5rem solid #fff; position: absolute; z-index: -1; } .singularpage article .single-content figcaption { background: #fff; position: absolute; display: none; width: calc(100% - 5rem); height: 5rem; padding: 1rem 2rem; margin: auto 0; bottom: unset; font: 900 1rem "Westeinde Caption"; color: #000; line-height: 1; text-align: left; overflow: unset; flex-direction: column; justify-content: center; z-index: 1; align-content: stretch; } @media (min-width: 769px) { .singularpage article .single-content figcaption { display: flex; width: calc(100% - 2.5rem); height: 2.5rem; padding: 0.5rem 1rem; } } @media (min-width: 1024px) { .singularpage article .single-content figcaption { width: calc(100% - 5rem); height: 5rem; padding: 1rem 2rem; } } .singularpage article .single-content figcaption span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (min-width: 769px) { .singularpage article .single-content figcaption { display: none; } .singularpage article .single-content figcaption.vis { display: flex; } } .singularpage article .single-content .wp-block-gallery .alignedWrapper, .singularpage article .single-content .wp-block-image .alignedWrapper { position: relative; } @media (min-width: 769px) { .singularpage article .single-content .wp-block-gallery .alignedWrapper, .singularpage article .single-content .wp-block-image .alignedWrapper { max-width: 50%; width: -moz-max-content; width: max-content; width: -moz-fit-content; width: fit-content; } .singularpage article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper, .singularpage article .single-content .wp-block-image .alignedWrapper.alignleftWrapper { padding-right: 2rem; float: left; } .singularpage article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper, .singularpage article .single-content .wp-block-image .alignedWrapper.alignrightWrapper { padding-left: 2rem; float: right; } } .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignleft, .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignright, .singularpage article .single-content .wp-block-image .alignedWrapper .alignleft, .singularpage article .single-content .wp-block-image .alignedWrapper .alignright { margin: 0; position: relative; float: unset; } @media (min-width: 769px) { .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignleft, .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignright, .singularpage article .single-content .wp-block-image .alignedWrapper .alignleft, .singularpage article .single-content .wp-block-image .alignedWrapper .alignright { width: auto; } } .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignleft img, .singularpage article .single-content .wp-block-gallery .alignedWrapper .alignright img, .singularpage article .single-content .wp-block-image .alignedWrapper .alignleft img, .singularpage article .single-content .wp-block-image .alignedWrapper .alignright img { height: auto; } .singularpage article .single-content .authors { font: bold 1.4rem "Westeinde Caption"; font-size: 2rem; color: #fff; -webkit-text-stroke: #000 1px; color: #000; -webkit-text-stroke: 0px; } @media (min-width: 769px) { .singularpage article .single-content .authors { font: 900 1.5rem "Westeinde Caption"; color: #fff; -webkit-text-stroke: #000 1px; } } @media (min-width: 1024px) { .singularpage article .single-content .authors { font-size: 2rem; } } @media (min-width: 1024px) { .singularpage article .single-content .authors { font-size: 3rem; } } .singularpage article .single-content .authors a { font: bold 1.4rem "Westeinde Caption"; font-size: 2rem; color: #fff; -webkit-text-stroke: #000 1px; } @media (min-width: 769px) { .singularpage article .single-content .authors a { font: 900 1.5rem "Westeinde Caption"; color: #fff; -webkit-text-stroke: #000 1px; } } @media (min-width: 1024px) { .singularpage article .single-content .authors a { font-size: 2rem; } } @media (min-width: 1024px) { .singularpage article .single-content .authors a { font-size: 3rem; } } .singularpage #cboxOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; z-index: 10; } .singularpage #colorbox { z-index: 12; } @media (min-width: 769px) { .singularpage #colorbox { z-index: 3150; } } .singularpage #colorbox:focus { border: none; outline: none; } .singularpage #colorbox #cboxContent #cboxTitle { padding: 1rem; font: 900 1rem "Westeinde Caption"; color: #000; color: #fff; text-align: center; width: 100%; } .singularpage #colorbox #cboxContent #cboxTitle span { max-width: calc(100% - 8rem); display: inline-block; } @media (min-width: 769px) { .singularpage #colorbox #cboxContent #cboxTitle span { max-width: 100%; } } .singularpage #colorbox #cboxContent #cboxCurrent { display: none !important; } .singularpage #colorbox #cboxContent button { position: absolute; background-repeat: no-repeat; background-position: center; background-size: 100%; } .singularpage #colorbox #cboxContent button#cboxPrevious, .singularpage #colorbox #cboxContent button#cboxNext { background-image: url(../img/solid_arrow_right.svg); width: 2rem; height: 4rem; bottom: -5rem; filter: invert(100); z-index: 14; } @media (min-width: 769px) { .singularpage #colorbox #cboxContent button#cboxPrevious, .singularpage #colorbox #cboxContent button#cboxNext { position: fixed; top: 50%; z-index: 3200; } } .singularpage #colorbox #cboxContent button#cboxPrevious { left: 1rem; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } @media (min-width: 769px) { .singularpage #colorbox #cboxContent button#cboxPrevious { left: 4rem; } } .singularpage #colorbox #cboxContent button#cboxNext { right: 1rem; } @media (min-width: 769px) { .singularpage #colorbox #cboxContent button#cboxNext { right: 4rem; } } .singularpage #colorbox #cboxContent button#cboxClose { background-image: url(../img/dis-plus-white.svg); width: 2rem; height: 2rem; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -3rem; right: 1rem; } @media (min-width: 769px) { .singularpage #colorbox #cboxContent button#cboxClose { position: fixed; right: 4rem; top: 4rem; } } .toHome, #related_posts > h3 { padding-bottom: 4rem; 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 > 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); } } @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; } } @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-inner, .archive .tag-be.archive.tag .header-inner, .home.tag-be.archive.tag .header-inner, .home .tag-be.archive.tag .header-inner, .search-results.tag-be.archive.tag .header-inner, .search-results .tag-be.archive.tag .header-inner { background-color: #fdff00 !important; } .archive.tag-be.archive.tag article *:not(.vr), .archive .tag-be.archive.tag article *:not(.vr), .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-inner, .archive .tag-do.archive.tag .header-inner, .home.tag-do.archive.tag .header-inner, .home .tag-do.archive.tag .header-inner, .search-results.tag-do.archive.tag .header-inner, .search-results .tag-do.archive.tag .header-inner { background-color: #3c00ff !important; } .archive.tag-do.archive.tag article *:not(.vr), .archive .tag-do.archive.tag article *:not(.vr), .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-inner, .archive .tag-think.archive.tag .header-inner, .home.tag-think.archive.tag .header-inner, .home .tag-think.archive.tag .header-inner, .search-results.tag-think.archive.tag .header-inner, .search-results .tag-think.archive.tag .header-inner { background-color: #00ffb8 !important; } .archive.tag-think.archive.tag article *:not(.vr), .archive .tag-think.archive.tag article *:not(.vr), .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-inner, .archive .tag-love.archive.tag .header-inner, .home.tag-love.archive.tag .header-inner, .home .tag-love.archive.tag .header-inner, .search-results.tag-love.archive.tag .header-inner, .search-results .tag-love.archive.tag .header-inner { background-color: #ff5f5f !important; } .archive.tag-love.archive.tag article *:not(.vr), .archive .tag-love.archive.tag article *:not(.vr), .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-inner.hover-tag-be { background-color: #fdff00 !important; } body.hover-tag-do, .header-inner.hover-tag-do { background-color: #3c00ff !important; } body.hover-tag-think, .header-inner.hover-tag-think { background-color: #00ffb8 !important; } body.hover-tag-love, .header-inner.hover-tag-love { background-color: #ff5f5f !important; } /* -------------------------------------------------------------------------- */ /* 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; } }