-
+
+
diff --git a/css/base.css b/css/base.css
index 2ee54ec..51295dc 100644
--- a/css/base.css
+++ b/css/base.css
@@ -199,6 +199,7 @@ html *::selection {
position: relative;
width: 100vw;
height: 100vh;
+ z-index: 1;
/* -------------------------------------------------------------------------- */
/* header */
/* -------------------------------------------------------------------------- */
@@ -291,6 +292,20 @@ html *::selection {
@media (min-width: 1024px) {
.wrapper .header object {
height: 3rem; } }
+ .wrapper .header .logo a,
+ .wrapper .header .logo button,
+ .wrapper .header .logo *,
+ .wrapper .header .social-link a,
+ .wrapper .header .social-link button,
+ .wrapper .header .social-link *,
+ .wrapper .header .menubutton a,
+ .wrapper .header .menubutton button,
+ .wrapper .header .menubutton *,
+ .wrapper .header .events-link a,
+ .wrapper .header .events-link button,
+ .wrapper .header .events-link * {
+ z-index: 3501;
+ cursor: pointer; }
.wrapper .header .logo .white,
.wrapper .header .social-link .white,
.wrapper .header .menubutton .white,
@@ -919,7 +934,7 @@ html *::selection {
.wrapper .header #tag-nav ul li a span.pause {
animation-play-state: paused; }
.wrapper main {
- z-index: 1; }
+ z-index: 2; }
.wrapper main section {
/* -------------------------------- load more ------------------------------- */ }
.wrapper main section article {
@@ -1241,7 +1256,7 @@ html *::selection {
.search-results main section article .metadata,
.search-no-results main section article .metadata,
.error404 main section article .metadata {
- top: calc(50vw - 5rem);
+ top: calc(50vw - 5rem + 1px);
height: 5rem;
display: flex;
width: -moz-max-content;
@@ -1251,7 +1266,59 @@ html *::selection {
justify-content: space-around;
flex-wrap: nowrap;
align-items: center;
- padding: 0; }
+ padding: 0;
+ z-index: 15; }
+ .archive main section article .metadata::after,
+ .home main section article .metadata::after,
+ .search-results main section article .metadata::after,
+ .search-no-results main section article .metadata::after,
+ .error404 main section article .metadata::after {
+ display: none; }
+ @media (max-width: 768px) {
+ .archive main section article .metadata::after,
+ .home main section article .metadata::after,
+ .search-results main section article .metadata::after,
+ .search-no-results main section article .metadata::after,
+ .error404 main section article .metadata::after {
+ position: absolute;
+ content: "";
+ display: block;
+ top: 0;
+ border: none;
+ width: calc(100% - 5rem + (5rem + 1px));
+ border-top: #000 1px solid;
+ background-color: white;
+ left: calc(5rem);
+ margin-left: calc((5rem + 1px) * -1);
+ z-index: 90; }
+ .archive main section article .metadata::before,
+ .home main section article .metadata::before,
+ .search-results main section article .metadata::before,
+ .search-no-results main section article .metadata::before,
+ .error404 main section article .metadata::before {
+ display: block;
+ content: "";
+ position: absolute;
+ width: calc(5rem);
+ height: calc(5rem);
+ top: 0;
+ background-color: white;
+ z-index: 9;
+ left: calc((5rem + 1px) * -1);
+ border-left: #000 solid 1px;
+ -moz-transform: skewX(-45deg);
+ -o-transform: skewX(-45deg);
+ -ms-transform: skewX(-45deg);
+ -webkit-transform: skewX(-45deg);
+ transform: skewX(-45deg);
+ transform-origin: left bottom;
+ border-top: #000 solid 1px; } }
+ .archive main section article .metadata > *,
+ .home main section article .metadata > *,
+ .search-results main section article .metadata > *,
+ .search-no-results main section article .metadata > *,
+ .error404 main section article .metadata > * {
+ z-index: 15; }
.archive main section article .metadata .vr,
.home main section article .metadata .vr,
.search-results main section article .metadata .vr,
@@ -1280,14 +1347,67 @@ html *::selection {
.error404 main section article .metadata .alcimWrapper,
.error404 main section article .metadata .curvyArrow {
display: none; }
+ .archive main section article h2,
+ .home main section article h2,
+ .search-results main section article h2,
+ .search-no-results main section article h2,
+ .error404 main section article h2 {
+ position: relative;
+ border-top: #000 1px solid;
+ z-index: 8; }
.archive main section article > .bevezetoWrapper,
.home main section article > .bevezetoWrapper,
.search-results main section article > .bevezetoWrapper,
.search-no-results main section article > .bevezetoWrapper,
.error404 main section article > .bevezetoWrapper {
- padding: 0 2rem 1.5rem;
- font: 300 1rem "Westeinde Caption";
+ padding: 0 2rem 3rem;
+ font: bold 1.5rem "Westeinde Caption";
+ color: #000;
+ font-weight: 300;
color: #000; }
+ @media (min-width: 360px) {
+ .archive main section article > .bevezetoWrapper,
+ .home main section article > .bevezetoWrapper,
+ .search-results main section article > .bevezetoWrapper,
+ .search-no-results main section article > .bevezetoWrapper,
+ .error404 main section article > .bevezetoWrapper {
+ font-size: 1.8rem; } }
+ @media (min-aspect-ratio: 1 / 1) {
+ .archive main section article > .bevezetoWrapper,
+ .home main section article > .bevezetoWrapper,
+ .search-results main section article > .bevezetoWrapper,
+ .search-no-results main section article > .bevezetoWrapper,
+ .error404 main section article > .bevezetoWrapper {
+ font-size: 2.5rem; } }
+ @media (min-width: 769px) {
+ .archive main section article > .bevezetoWrapper,
+ .home main section article > .bevezetoWrapper,
+ .search-results main section article > .bevezetoWrapper,
+ .search-no-results main section article > .bevezetoWrapper,
+ .error404 main section article > .bevezetoWrapper {
+ font-size: 1.3rem;
+ color: #000; } }
+ @media (min-width: 1024px) {
+ .archive main section article > .bevezetoWrapper,
+ .home main section article > .bevezetoWrapper,
+ .search-results main section article > .bevezetoWrapper,
+ .search-no-results main section article > .bevezetoWrapper,
+ .error404 main section article > .bevezetoWrapper {
+ font-size: 1.5rem; } }
+ @media (min-width: 1279px) {
+ .archive main section article > .bevezetoWrapper,
+ .home main section article > .bevezetoWrapper,
+ .search-results main section article > .bevezetoWrapper,
+ .search-no-results main section article > .bevezetoWrapper,
+ .error404 main section article > .bevezetoWrapper {
+ font-size: 2rem; } }
+ @media (min-width: 1919px) {
+ .archive main section article > .bevezetoWrapper,
+ .home main section article > .bevezetoWrapper,
+ .search-results main section article > .bevezetoWrapper,
+ .search-no-results main section article > .bevezetoWrapper,
+ .error404 main section article > .bevezetoWrapper {
+ font-size: 3rem; } }
@media (min-width: 769px) {
.archive main section article > .bevezetoWrapper,
.home main section article > .bevezetoWrapper,
@@ -1325,7 +1445,7 @@ html *::selection {
.search-no-results main section article.post_nr_2,
.error404 main section article.post_nr_1,
.error404 main section article.post_nr_2 {
- height: 100vh; }
+ min-height: 100vh; }
.archive main section article.post_nr_1 .thumbnailwrapper img, .archive main section article.post_nr_2 .thumbnailwrapper img,
.home main section article.post_nr_1 .thumbnailwrapper img,
.home main section article.post_nr_2 .thumbnailwrapper img,
@@ -1345,7 +1465,7 @@ html *::selection {
.search-no-results main section article.post_nr_2 .metadata,
.error404 main section article.post_nr_1 .metadata,
.error404 main section article.post_nr_2 .metadata {
- top: calc(50vh - 5rem); }
+ top: calc(50vh - 5rem + 1px); }
.archive main section article.post_nr_1 h2, .archive main section article.post_nr_2 h2,
.home main section article.post_nr_1 h2,
.home main section article.post_nr_2 h2,
@@ -1355,7 +1475,6 @@ html *::selection {
.search-no-results main section article.post_nr_2 h2,
.error404 main section article.post_nr_1 h2,
.error404 main section article.post_nr_2 h2 {
- height: 50vh;
padding-top: 3rem; }
.archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a,
.home main section article.post_nr_1 h2 a,
@@ -1434,71 +1553,26 @@ html *::selection {
.error404 main section article.post_nr_1 h2 a,
.error404 main section article.post_nr_2 h2 a {
line-height: 1.5; } }
- .archive main section article.post_nr_1 .metadata,
- .home main section article.post_nr_1 .metadata,
- .search-results main section article.post_nr_1 .metadata,
- .search-no-results main section article.post_nr_1 .metadata,
- .error404 main section article.post_nr_1 .metadata {
- z-index: 15; }
- .archive main section article.post_nr_1 .metadata::after,
- .home main section article.post_nr_1 .metadata::after,
- .search-results main section article.post_nr_1 .metadata::after,
- .search-no-results main section article.post_nr_1 .metadata::after,
- .error404 main section article.post_nr_1 .metadata::after {
- display: none; }
- .archive main section article.post_nr_1 .metadata::after,
- .home main section article.post_nr_1 .metadata::after,
- .search-results main section article.post_nr_1 .metadata::after,
- .search-no-results main section article.post_nr_1 .metadata::after,
- .error404 main section article.post_nr_1 .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); }
- .archive main section article.post_nr_1 .metadata::before,
- .home main section article.post_nr_1 .metadata::before,
- .search-results main section article.post_nr_1 .metadata::before,
- .search-no-results main section article.post_nr_1 .metadata::before,
- .error404 main section article.post_nr_1 .metadata::before {
- display: block;
- content: "";
- position: absolute;
- width: calc(5rem);
- height: calc(5rem);
- top: 0;
- background-color: white;
- z-index: 9;
- left: calc((5rem + 1px) * -1);
- border-left: #000 solid 1px;
- -moz-transform: skewX(-45deg);
- -o-transform: skewX(-45deg);
- -ms-transform: skewX(-45deg);
- -webkit-transform: skewX(-45deg);
- transform: skewX(-45deg);
- transform-origin: left bottom;
- border-top: #000 solid 1px; }
- .archive main section article.post_nr_1 .metadata > *,
- .home main section article.post_nr_1 .metadata > *,
- .search-results main section article.post_nr_1 .metadata > *,
- .search-no-results main section article.post_nr_1 .metadata > *,
- .error404 main section article.post_nr_1 .metadata > * {
- z-index: 15; }
- .archive main section article.post_nr_1 h2,
- .home main section article.post_nr_1 h2,
- .search-results main section article.post_nr_1 h2,
- .search-no-results main section article.post_nr_1 h2,
- .error404 main section article.post_nr_1 h2 {
- height: calc(50vh + 1px);
- top: -1px;
- position: relative;
- border-top: #000 1px solid;
- z-index: 8; }
+ .archive main section article.post_nr_1 .bevezetoWrapper::before, .archive main section article.post_nr_2 .bevezetoWrapper::before,
+ .home main section article.post_nr_1 .bevezetoWrapper::before,
+ .home main section article.post_nr_2 .bevezetoWrapper::before,
+ .search-results main section article.post_nr_1 .bevezetoWrapper::before,
+ .search-results main section article.post_nr_2 .bevezetoWrapper::before,
+ .search-no-results main section article.post_nr_1 .bevezetoWrapper::before,
+ .search-no-results main section article.post_nr_2 .bevezetoWrapper::before,
+ .error404 main section article.post_nr_1 .bevezetoWrapper::before,
+ .error404 main section article.post_nr_2 .bevezetoWrapper::before {
+ margin-bottom: 0; }
+ .archive main section article.post_nr_1 .bevezetoWrapper .bevezeto, .archive main section article.post_nr_2 .bevezetoWrapper .bevezeto,
+ .home main section article.post_nr_1 .bevezetoWrapper .bevezeto,
+ .home main section article.post_nr_2 .bevezetoWrapper .bevezeto,
+ .search-results main section article.post_nr_1 .bevezetoWrapper .bevezeto,
+ .search-results main section article.post_nr_2 .bevezetoWrapper .bevezeto,
+ .search-no-results main section article.post_nr_1 .bevezetoWrapper .bevezeto,
+ .search-no-results main section article.post_nr_2 .bevezetoWrapper .bevezeto,
+ .error404 main section article.post_nr_1 .bevezetoWrapper .bevezeto,
+ .error404 main section article.post_nr_2 .bevezetoWrapper .bevezeto {
+ padding-top: 1rem; }
@media (min-width: 769px) {
.archive main section .home_wrapper-big,
.home main section .home_wrapper-big,
@@ -1562,6 +1636,7 @@ html *::selection {
top: 0;
padding: 2rem;
padding-left: 4rem;
+ border: none;
width: calc(100vw - 18.75rem); } }
@media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article h2,
@@ -1783,8 +1858,53 @@ html *::selection {
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
margin: 0;
overflow: hidden;
- font: 300 1rem "Westeinde Caption";
+ font: bold 1.5rem "Westeinde Caption";
+ color: #000;
+ font-weight: 300;
color: #000; } }
+ @media (min-width: 769px) and (min-width: 360px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
+ font-size: 1.8rem; } }
+ @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
+ font-size: 2.5rem; } }
+ @media (min-width: 769px) and (min-width: 769px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
+ font-size: 1.3rem;
+ color: #000; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
+ font-size: 1.5rem; } }
+ @media (min-width: 769px) and (min-width: 1279px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
+ font-size: 2rem; } }
+ @media (min-width: 769px) and (min-width: 1919px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
+ font-size: 3rem; } }
@media (min-width: 769px) and (min-width: 769px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
@@ -1807,9 +1927,54 @@ html *::selection {
.search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
- font: 300 1rem "Westeinde Caption";
+ font: bold 1.5rem "Westeinde Caption";
+ color: #000;
+ font-weight: 300;
color: #000;
text-align: left; } }
+ @media (min-width: 769px) and (min-width: 360px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
+ font-size: 1.8rem; } }
+ @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
+ font-size: 2.5rem; } }
+ @media (min-width: 769px) and (min-width: 769px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
+ font-size: 1.3rem;
+ color: #000; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
+ font-size: 1.5rem; } }
+ @media (min-width: 769px) and (min-width: 1279px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
+ font-size: 2rem; } }
+ @media (min-width: 769px) and (min-width: 1919px) {
+ .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
+ .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
+ font-size: 3rem; } }
@media (min-width: 769px) and (min-width: 769px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
@@ -1847,7 +2012,8 @@ html *::selection {
border-top: #000 1px solid;
background-color: transparent;
left: calc(4rem);
- margin-left: calc((1px) * -1); }
+ margin-left: calc((1px) * -1);
+ z-index: 90; }
.archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
.home main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
.search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
@@ -1902,7 +2068,8 @@ html *::selection {
border-top: #000 1px solid;
background-color: transparent;
right: calc(4rem);
- margin-right: calc((1px) * -1); }
+ margin-right: calc((1px) * -1);
+ z-index: 90; }
.archive main section .home_wrapper-big.home_wrapper-2 article .metadata::before,
.home main section .home_wrapper-big.home_wrapper-2 article .metadata::before,
.search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before,
@@ -2282,7 +2449,8 @@ html *::selection {
border-top: #000 1px solid;
background-color: transparent;
left: calc(2.5rem);
- margin-left: 0; }
+ margin-left: 0;
+ z-index: 90; }
.archive main section .home_wrapper-small article .metadata::before,
.archive main section .home_wrapper-small .archivetitle .metadata::before,
.archive main section .home_wrapper-small .archivedescription .metadata::before,
@@ -2370,7 +2538,8 @@ html *::selection {
border-top: #000 1px solid;
background-color: transparent;
left: calc(5rem);
- margin-left: 0; }
+ margin-left: 0;
+ z-index: 90; }
.archive main section .home_wrapper-small article .metadata::before,
.archive main section .home_wrapper-small .archivetitle .metadata::before,
.archive main section .home_wrapper-small .archivedescription .metadata::before,
@@ -2489,7 +2658,8 @@ html *::selection {
border-top: #000 1px solid;
background-color: transparent;
left: calc(10rem);
- margin-left: 0; }
+ margin-left: 0;
+ z-index: 90; }
.archive main section .home_wrapper-small article .metadata::before,
.archive main section .home_wrapper-small .archivetitle .metadata::before,
.archive main section .home_wrapper-small .archivedescription .metadata::before,
@@ -3491,7 +3661,8 @@ html *::selection {
top: 0;
background-color: #fff;
height: 100%;
- padding: 0; }
+ padding: 0;
+ border: none; }
.archive main section .home_wrapper-small article h2 a,
.archive main section .home_wrapper-small .archivetitle h2 a,
.archive main section .home_wrapper-small .archivedescription h2 a,
@@ -3685,7 +3856,8 @@ html *::selection {
border-top: #000 1px solid;
background-color: transparent;
left: calc(5rem);
- margin-left: 0; }
+ margin-left: 0;
+ z-index: 90; }
.archive main section .home_wrapper-small .archivetitle::before,
.archive main section #post-404 .archivetitle::before,
.home main section .home_wrapper-small .archivetitle::before,
@@ -4397,7 +4569,7 @@ body.category.category-esemeny {
flex-direction: column;
justify-content: space-between;
align-content: stretch;
- padding: 1.5rem;
+ padding: 1rem;
height: 35vw;
max-height: 180px; }
@media (min-width: 360px) {
@@ -4409,7 +4581,7 @@ body.category.category-esemeny {
flex-direction: row;
justify-content: space-between;
height: 50%;
- flex: 0 0 auto; }
+ 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 {
@@ -4421,16 +4593,16 @@ body.category.category-esemeny {
font-size: 1.8rem; } }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
- font-size: 2.2rem; } }
+ font-size: 2rem; } }
@media (min-width: 1024px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
- font-size: 3rem; } }
+ font-size: 2.5rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
- font-size: 3.2rem; } }
+ font-size: 3rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
- font-size: 4.5rem; } }
+ font-size: 4rem; } }
body.category.category-esemeny main article .event-metadata .top-row a {
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
@@ -4457,23 +4629,26 @@ body.category.category-esemeny {
flex: 1 0.9 auto;
height: unset;
padding: 0;
- font: 800 1.6rem "Butler";
- color: #000; }
- @media (min-width: 360px) {
- body.category.category-esemeny main article .event-metadata .bottom-row h2 {
- font-size: 1.8rem; } }
- @media (min-width: 769px) {
- body.category.category-esemeny main article .event-metadata .bottom-row h2 {
- font-size: 2.2rem; } }
- @media (min-width: 1024px) {
- body.category.category-esemeny main article .event-metadata .bottom-row h2 {
- font-size: 3rem; } }
- @media (min-width: 1279px) {
- body.category.category-esemeny main article .event-metadata .bottom-row h2 {
- font-size: 3.2rem; } }
- @media (min-width: 1919px) {
- body.category.category-esemeny main article .event-metadata .bottom-row h2 {
- font-size: 4.5rem; } }
+ 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;
@@ -4482,10 +4657,10 @@ body.category.category-esemeny {
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;
- text-align: right; }
+ color: transparent; }
@media (min-width: 360px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 1.4rem; } }
@@ -4513,21 +4688,21 @@ body.category.category-esemeny {
body.category.category-esemeny main {
padding-top: 0; }
body.category.category-esemeny main section {
- height: 100%;
- padding-left: 10rem;
+ margin: 4rem 10rem;
+ border-top: #000 1px solid;
+ height: calc(100vh - 8rem);
display: flex;
- flex-direction: row; }
+ flex-direction: row;
+ align-content: center; }
body.category.category-esemeny main section article {
width: calc(50vw - 10rem);
- height: calc(50vw - 10rem);
max-width: calc(100vh - 5rem);
- max-height: calc(100vh - 5rem);
- min-width: 80vh;
- min-height: 80vh;
- margin: auto 10rem auto 0;
+ height: unset;
+ min-height: unset;
+ margin: 0 10rem 0 0;
display: flex;
flex-direction: column;
- justify-content: space-between; }
+ justify-content: center; }
body.category.category-esemeny main section article .thumbnailwrapper {
height: unset;
flex: 0 0 auto; }
@@ -4540,12 +4715,23 @@ body.category.category-esemeny {
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 .bottom-row h2 {
- padding-bottom: 2rem; }
- body.category.category-esemeny main section article .event-metadata .bottom-row .vr {
- margin: 0 2rem; }
- body.category.category-esemeny main section article .event-metadata .bottom-row .text-link {
- padding-bottom: 2rem; } }
+ body.category.category-esemeny main section article .event-metadata .top-row {
+ flex: 1 1 auto;
+ padding-right: 2rem; }
+ body.category.category-esemeny main section article .event-metadata .top-row .ev-date {
+ padding-left: 2rem; }
+ body.category.category-esemeny main section article .event-metadata .bottom-row {
+ flex: 1 1 auto; }
+ body.category.category-esemeny main section article .event-metadata .bottom-row h2 {
+ padding-left: 2rem;
+ padding-bottom: 2rem;
+ padding-right: 0; }
+ body.category.category-esemeny main section article .event-metadata .bottom-row .vr {
+ margin: 0 1rem; }
+ body.category.category-esemeny main section article .event-metadata .bottom-row .text-link {
+ padding-right: 2rem;
+ padding-bottom: 2rem;
+ padding-left: 0; } }
/* -------------------------------------------------------------------------- */
/* single */
@@ -4614,6 +4800,7 @@ body.category.category-esemeny {
display: flex;
flex-direction: column;
justify-content: center;
+ padding-left: 0;
font: bold 1.4rem "Westeinde Caption"; }
@media (min-width: 769px) {
.single article .titlewrapper .metadata,
@@ -4629,10 +4816,18 @@ body.category.category-esemeny {
.page article .titlewrapper .metadata .metaWrapper {
display: flex;
flex-direction: row;
- justify-content: space-between; }
+ justify-content: flex-start; }
.single article .titlewrapper .metadata .metaWrapper .time-cat,
.page article .titlewrapper .metadata .metaWrapper .time-cat {
z-index: 10; }
+ .single article .titlewrapper .metadata .metaWrapper .time-cat::after,
+ .page article .titlewrapper .metadata .metaWrapper .time-cat::after {
+ content: " ";
+ display: inline-block; }
+ .single article .titlewrapper .metadata .metaWrapper .format::before,
+ .page article .titlewrapper .metadata .metaWrapper .format::before {
+ content: "|";
+ display: inline-block; }
.single article .titlewrapper h1.single-title,
.page article .titlewrapper h1.single-title {
margin: 0;
@@ -4666,7 +4861,7 @@ body.category.category-esemeny {
margin-left: 5rem;
background-color: #fff;
border-left: #000 solid 1px;
- padding-left: 5rem;
+ padding-left: 10rem;
/* ---------------------- title and metadata on desktop --------------------- */ }
.single article .thumbnailwrapper,
.page article .thumbnailwrapper {
@@ -4691,7 +4886,7 @@ body.category.category-esemeny {
.single article .titlewrapper .metadata,
.page article .titlewrapper .metadata {
top: -5rem;
- width: 100%;
+ width: calc(100% + 5rem);
padding-left: 0;
padding-right: 0; }
.single article .titlewrapper .metadata::after,
@@ -4705,7 +4900,8 @@ body.category.category-esemeny {
border-top: #000 1px solid;
background-color: white;
left: calc(5rem);
- margin-left: calc((5rem + 1px) * -1); }
+ margin-left: calc((5rem + 1px) * -1);
+ z-index: 90; }
.single article .titlewrapper .metadata::before,
.page article .titlewrapper .metadata::before {
display: block;
@@ -4729,16 +4925,8 @@ body.category.category-esemeny {
.page article .titlewrapper .metadata .metaWrapper {
padding-right: 20rem;
padding-left: 0;
- max-width: calc(1024px + 20rem);
- justify-content: flex-start; }
- .single article .titlewrapper .metadata .metaWrapper .time-cat::after,
- .page article .titlewrapper .metadata .metaWrapper .time-cat::after {
- content: " ";
- display: inline-block; }
- .single article .titlewrapper .metadata .metaWrapper .format::before,
- .page article .titlewrapper .metadata .metaWrapper .format::before {
- content: "|";
- display: inline-block; }
+ max-width: calc(768px + 20rem);
+ padding-left: 5rem; }
.single article .titlewrapper h1.single-title,
.page article .titlewrapper h1.single-title {
background-color: transparent;
@@ -4747,7 +4935,7 @@ body.category.category-esemeny {
position: relative;
padding-right: 20rem;
padding-left: 0;
- max-width: calc(1024px + 20rem); } }
+ max-width: calc(768px + 20rem); } }
.single article hr,
.page article hr {
height: 1px;
@@ -4775,6 +4963,9 @@ body.category.category-esemeny {
.page article hr.content-end {
margin-top: 2rem;
margin-bottom: 2rem; } }
+ .single article hr.wp-block-separator:nth-of-type(2),
+ .page article hr.wp-block-separator:nth-of-type(2) {
+ margin-bottom: 4rem; }
.single article.has-post-thumbnail hr.content-begin,
.page article.has-post-thumbnail hr.content-begin {
margin-top: calc(25vh + 2rem); }
@@ -4789,7 +4980,7 @@ body.category.category-esemeny {
top: -5rem;
padding-right: 20rem;
padding-left: 0;
- max-width: calc(1024px + 20rem); } }
+ max-width: calc(768px + 20rem); } }
.single article .single-content p,
.page article .single-content p {
line-height: 1.3; }
@@ -4808,7 +4999,9 @@ body.category.category-esemeny {
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; }
.single article .single-content h4,
.page article .single-content h4 {
- font-weight: 500; }
+ font-weight: 300;
+ font-size: 2.4rem;
+ line-height: 1.3; }
.single article .single-content a:hover,
.page article .single-content a:hover {
text-decoration: underline; }
@@ -4824,7 +5017,7 @@ body.category.category-esemeny {
.page article .single-content blockquote p {
background: #ff5f5f;
display: inline;
- padding: 3px 0;
+ 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; }
@@ -4837,7 +5030,30 @@ body.category.category-esemeny {
left: 2rem; }
.single article .single-content .wp-block-pullquote,
.page article .single-content .wp-block-pullquote {
- text-align: unset; }
+ padding: 4rem; }
+ .single article .single-content .wp-block-pullquote blockquote,
+ .page article .single-content .wp-block-pullquote blockquote {
+ display: inline;
+ position: relative; }
+ .single article .single-content .wp-block-pullquote blockquote p,
+ .page article .single-content .wp-block-pullquote blockquote p {
+ font: 800 2.1rem "Butler";
+ color: #000;
+ padding-top: 8px; }
+ @media (min-width: 769px) {
+ .single article .single-content .wp-block-pullquote blockquote p,
+ .page article .single-content .wp-block-pullquote blockquote p {
+ font-size: 2.8rem;
+ padding-top: 5px; } }
+ .single article .single-content .wp-block-pullquote blockquote cite,
+ .page article .single-content .wp-block-pullquote blockquote cite {
+ position: absolute;
+ font-size: 80%;
+ bottom: -3rem;
+ right: 0;
+ top: unset;
+ left: unset;
+ display: inline-block; }
.single article .single-content .wp-block-image,
.page article .single-content .wp-block-image {
margin: 2rem 0;
@@ -4881,7 +5097,7 @@ body.category.category-esemeny {
@media (min-width: 769px) {
.single article .single-content .wp-block-gallery li,
.page article .single-content .wp-block-gallery li {
- margin-bottom: 4rem; } }
+ margin: 0; } }
@media (min-width: 769px) {
.single article .single-content .wp-block-gallery li:nth-child(odd) figcaption,
.page article .single-content .wp-block-gallery li:nth-child(odd) figcaption {
@@ -5175,7 +5391,7 @@ body.category.category-esemeny {
right: 4rem; } }
.single #colorbox #cboxContent button#cboxClose,
.page #colorbox #cboxContent button#cboxClose {
- background-image: url(../img/dis-plus.svg);
+ background-image: url(../img/dis-plus-white.svg);
width: 2rem;
height: 2rem;
-moz-transform: rotate(45deg);
@@ -5238,7 +5454,7 @@ body.category.category-esemeny {
margin: 0;
padding-right: 20rem;
padding-left: 0;
- max-width: calc(1024px + 20rem); }
+ max-width: calc(768px + 20rem); }
.toHome a {
margin-bottom: 4rem;
display: block; } }
@@ -5299,7 +5515,7 @@ body.category.category-esemeny {
padding-top: 4rem;
padding-right: 20rem;
padding-left: 0;
- max-width: calc(1024px + 20rem); }
+ max-width: calc(768px + 20rem); }
#related_posts > h3 {
display: block; }
#related_posts ul {
@@ -5348,7 +5564,8 @@ body.category.category-esemeny {
border-top: #000 1px solid;
background-color: transparent;
left: calc(5rem);
- margin-left: 0; }
+ margin-left: 0;
+ z-index: 90; }
#related_posts ul li .metadata::before {
display: block;
content: "";
@@ -5380,7 +5597,8 @@ body.category.category-esemeny {
border-top: #000 1px solid;
background-color: transparent;
left: calc(2.5rem);
- margin-left: 0; }
+ margin-left: 0;
+ z-index: 90; }
#related_posts ul li .metadata::before {
display: block;
content: "";
@@ -5412,7 +5630,8 @@ body.category.category-esemeny {
border-top: #000 1px solid;
background-color: transparent;
left: calc(5rem);
- margin-left: 0; }
+ margin-left: 0;
+ z-index: 90; }
#related_posts ul li .metadata::before {
display: block;
content: "";
@@ -5564,61 +5783,173 @@ body.category.category-esemeny {
/* TAG COLORS */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
- .tag-be .metadata {
+ .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; }
- .tag-be .metadata .vr {
+ .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; } }
-.tag-be .metadata a {
+.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; }
-.tag-be.post_nr_1:not(.home-big) .metadata::before, .tag-be.post_nr_1:not(.home-big) .metadata::after {
- border-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; } }
-.tag-be.post_nr_1:not(.home-big) h2 {
- border-top-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; } }
-.tag-be > .bevezetoWrapper::before {
+.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; }
-.tag-be hr {
+.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; }
-.tag-be figcaption {
+.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) {
- .tag-be.home-big h2 a {
+ .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; }
- .tag-be.home-big.hovered {
+ .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; }
- .tag-be.home-small .metadata,
- .tag-be.home-small .metadata a {
+ .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; } }
-.tag-be.bedo-sub-wrapper > a {
+.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; }
-.tag-be.bedo-sub-wrapper span {
+.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; }
-.tag-be.bedo-sub-wrapper .circle {
+.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; }
-.tag-be.archive.tag {
+.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; }
- .tag-be.archive.tag .header-1,
- .tag-be.archive.tag .header-2 {
+ .archive.tag-be.archive.tag .header-1,
+ .archive.tag-be.archive.tag .header-2,
+ .archive .tag-be.archive.tag .header-1,
+ .archive .tag-be.archive.tag .header-2,
+ .home.tag-be.archive.tag .header-1,
+ .home.tag-be.archive.tag .header-2,
+ .home .tag-be.archive.tag .header-1,
+ .home .tag-be.archive.tag .header-2,
+ .search-results.tag-be.archive.tag .header-1,
+ .search-results.tag-be.archive.tag .header-2,
+ .search-results .tag-be.archive.tag .header-1,
+ .search-results .tag-be.archive.tag .header-2 {
background-color: #fdff00 !important; }
- .tag-be.archive.tag article *:not(.vr) {
+ .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; }
-.tag-be ::selection {
+.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) {
- .tag-be.random .thumbnailwrapper > img {
+ .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%;
@@ -5627,61 +5958,173 @@ body.category.category-esemeny {
mask-size: 100%; } }
@media (max-width: 768px) {
- .tag-do .metadata {
+ .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; }
- .tag-do .metadata .vr {
+ .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; } }
-.tag-do .metadata a {
+.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; }
-.tag-do.post_nr_1:not(.home-big) .metadata::before, .tag-do.post_nr_1:not(.home-big) .metadata::after {
- border-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; } }
-.tag-do.post_nr_1:not(.home-big) h2 {
- border-top-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; } }
-.tag-do > .bevezetoWrapper::before {
+.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; }
-.tag-do hr {
+.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; }
-.tag-do figcaption {
+.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) {
- .tag-do.home-big h2 a {
+ .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; }
- .tag-do.home-big.hovered {
+ .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; }
- .tag-do.home-small .metadata,
- .tag-do.home-small .metadata a {
+ .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; } }
-.tag-do.bedo-sub-wrapper > a {
+.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; }
-.tag-do.bedo-sub-wrapper span {
+.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; }
-.tag-do.bedo-sub-wrapper .circle {
+.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; }
-.tag-do.archive.tag {
+.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; }
- .tag-do.archive.tag .header-1,
- .tag-do.archive.tag .header-2 {
+ .archive.tag-do.archive.tag .header-1,
+ .archive.tag-do.archive.tag .header-2,
+ .archive .tag-do.archive.tag .header-1,
+ .archive .tag-do.archive.tag .header-2,
+ .home.tag-do.archive.tag .header-1,
+ .home.tag-do.archive.tag .header-2,
+ .home .tag-do.archive.tag .header-1,
+ .home .tag-do.archive.tag .header-2,
+ .search-results.tag-do.archive.tag .header-1,
+ .search-results.tag-do.archive.tag .header-2,
+ .search-results .tag-do.archive.tag .header-1,
+ .search-results .tag-do.archive.tag .header-2 {
background-color: #3c00ff !important; }
- .tag-do.archive.tag article *:not(.vr) {
+ .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; }
-.tag-do ::selection {
+.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) {
- .tag-do.random .thumbnailwrapper > img {
+ .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%;
@@ -5690,61 +6133,173 @@ body.category.category-esemeny {
mask-size: 100%; } }
@media (max-width: 768px) {
- .tag-think .metadata {
+ .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; }
- .tag-think .metadata .vr {
+ .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; } }
-.tag-think .metadata a {
+.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; }
-.tag-think.post_nr_1:not(.home-big) .metadata::before, .tag-think.post_nr_1:not(.home-big) .metadata::after {
- border-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; } }
-.tag-think.post_nr_1:not(.home-big) h2 {
- border-top-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; } }
-.tag-think > .bevezetoWrapper::before {
+.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; }
-.tag-think hr {
+.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; }
-.tag-think figcaption {
+.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) {
- .tag-think.home-big h2 a {
+ .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; }
- .tag-think.home-big.hovered {
+ .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; }
- .tag-think.home-small .metadata,
- .tag-think.home-small .metadata a {
+ .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; } }
-.tag-think.bedo-sub-wrapper > a {
+.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; }
-.tag-think.bedo-sub-wrapper span {
+.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; }
-.tag-think.bedo-sub-wrapper .circle {
+.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; }
-.tag-think.archive.tag {
+.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; }
- .tag-think.archive.tag .header-1,
- .tag-think.archive.tag .header-2 {
+ .archive.tag-think.archive.tag .header-1,
+ .archive.tag-think.archive.tag .header-2,
+ .archive .tag-think.archive.tag .header-1,
+ .archive .tag-think.archive.tag .header-2,
+ .home.tag-think.archive.tag .header-1,
+ .home.tag-think.archive.tag .header-2,
+ .home .tag-think.archive.tag .header-1,
+ .home .tag-think.archive.tag .header-2,
+ .search-results.tag-think.archive.tag .header-1,
+ .search-results.tag-think.archive.tag .header-2,
+ .search-results .tag-think.archive.tag .header-1,
+ .search-results .tag-think.archive.tag .header-2 {
background-color: #00ffb8 !important; }
- .tag-think.archive.tag article *:not(.vr) {
+ .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; }
-.tag-think ::selection {
+.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) {
- .tag-think.random .thumbnailwrapper > img {
+ .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%;
@@ -5753,61 +6308,173 @@ body.category.category-esemeny {
mask-size: 100%; } }
@media (max-width: 768px) {
- .tag-love .metadata {
+ .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; }
- .tag-love .metadata .vr {
+ .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; } }
-.tag-love .metadata a {
+.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; }
-.tag-love.post_nr_1:not(.home-big) .metadata::before, .tag-love.post_nr_1:not(.home-big) .metadata::after {
- border-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; } }
-.tag-love.post_nr_1:not(.home-big) h2 {
- border-top-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; } }
-.tag-love > .bevezetoWrapper::before {
+.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; }
-.tag-love hr {
+.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; }
-.tag-love figcaption {
+.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) {
- .tag-love.home-big h2 a {
+ .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; }
- .tag-love.home-big.hovered {
+ .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; }
- .tag-love.home-small .metadata,
- .tag-love.home-small .metadata a {
+ .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; } }
-.tag-love.bedo-sub-wrapper > a {
+.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; }
-.tag-love.bedo-sub-wrapper span {
+.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; }
-.tag-love.bedo-sub-wrapper .circle {
+.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; }
-.tag-love.archive.tag {
+.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; }
- .tag-love.archive.tag .header-1,
- .tag-love.archive.tag .header-2 {
+ .archive.tag-love.archive.tag .header-1,
+ .archive.tag-love.archive.tag .header-2,
+ .archive .tag-love.archive.tag .header-1,
+ .archive .tag-love.archive.tag .header-2,
+ .home.tag-love.archive.tag .header-1,
+ .home.tag-love.archive.tag .header-2,
+ .home .tag-love.archive.tag .header-1,
+ .home .tag-love.archive.tag .header-2,
+ .search-results.tag-love.archive.tag .header-1,
+ .search-results.tag-love.archive.tag .header-2,
+ .search-results .tag-love.archive.tag .header-1,
+ .search-results .tag-love.archive.tag .header-2 {
background-color: #ff5f5f !important; }
- .tag-love.archive.tag article *:not(.vr) {
+ .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; }
-.tag-love ::selection {
+.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) {
- .tag-love.random .thumbnailwrapper > img {
+ .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%;
@@ -5815,16 +6482,20 @@ body.category.category-esemeny {
mask-repeat: no-repeat;
mask-size: 100%; } }
-@media (min-width: 769px) {
- .single .tag-be .titlewrapper .metadata {
- -webkit-text-stroke: #fdff00 1px !important; } }
-
-@media (min-width: 769px) {
+.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: #fff !important;
- -webkit-text-stroke: #fdff00 1px !important; }
- .single .tag-be .titlewrapper .metadata a:hover {
- color: #fdff00 !important; } }
+ 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 {
@@ -5845,16 +6516,20 @@ body.category.category-esemeny {
color: #fdff00 !important;
text-decoration: none; }
-@media (min-width: 769px) {
- .single .tag-do .titlewrapper .metadata {
- -webkit-text-stroke: #3c00ff 1px !important; } }
-
-@media (min-width: 769px) {
+.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: #fff !important;
- -webkit-text-stroke: #3c00ff 1px !important; }
- .single .tag-do .titlewrapper .metadata a:hover {
- color: #3c00ff !important; } }
+ 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 {
@@ -5875,16 +6550,20 @@ body.category.category-esemeny {
color: #3c00ff !important;
text-decoration: none; }
-@media (min-width: 769px) {
- .single .tag-think .titlewrapper .metadata {
- -webkit-text-stroke: #00ffb8 1px !important; } }
-
-@media (min-width: 769px) {
+.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: #fff !important;
- -webkit-text-stroke: #00ffb8 1px !important; }
- .single .tag-think .titlewrapper .metadata a:hover {
- color: #00ffb8 !important; } }
+ 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 {
@@ -5905,16 +6584,20 @@ body.category.category-esemeny {
color: #00ffb8 !important;
text-decoration: none; }
-@media (min-width: 769px) {
- .single .tag-love .titlewrapper .metadata {
- -webkit-text-stroke: #ff5f5f 1px !important; } }
-
-@media (min-width: 769px) {
+.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: #fff !important;
- -webkit-text-stroke: #ff5f5f 1px !important; }
- .single .tag-love .titlewrapper .metadata a:hover {
- color: #ff5f5f !important; } }
+ 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 {
diff --git a/js/scripts.js b/js/scripts.js
index 68059f1..c7ce164 100644
--- a/js/scripts.js
+++ b/js/scripts.js
@@ -17,12 +17,14 @@
// const wiw = window.innerWidth
// const bw = $('body').width()
- // const woh = window.outerHeight
+ // // const woh = window.outerHeight
// const wih = window.innerHeight
// const vh = $(window).height()
// const boh = document.body.offsetHeight
// const dch = document.documentElement.clientHeight
+ // console.log('pixelratio:', window.devicePixelRatio)
+
const bottomScrollHeight = 0
// height of scrollbar at bottom
@@ -41,11 +43,11 @@
// w_wow: wow,
// w_wiw: wiw,
// w_bw: bw,
- // desktophomemargin: desktophomemargin,
+ // // desktophomemargin: desktophomemargin,
// h_wih: wih,
// h_vh: vh,
- // bottomScrollHeight: bottomScrollHeight,
- // h_woh: woh,
+ // // bottomScrollHeight: bottomScrollHeight,
+ // // h_woh: woh,
// h_boh: boh,
// h_dch: dch
// }
@@ -151,22 +153,7 @@
}
}
- /* --------------------- generic page load for onresize --------------------- */
- function loadPage() {
- if (isMobile) {
- // hide social buttons
- $('.social-link, .events-link').addClass('hidden')
- // move search to menu
- $(".search-box>.search-bar").prependTo("#sidebar-wrapper")
- } else {
- $('.social-link, .events-link').removeClass('hidden')
- // move search to back
- $("#sidebar-wrapper>.search-bar").appendTo(".search-box")
- }
- }
-
- loadPage()
/* ========================================================================== */
/* SEARCH */
@@ -262,6 +249,54 @@
});
+ /* --------------------- generic page load for onresize --------------------- */
+
+ var articleWrapCounter = 0
+
+ function loadPage() {
+ if (isMobile) {
+ // hide social buttons
+ $('.social-link, .events-link').addClass('hidden')
+
+ // move search to menu
+ $(".search-box>.search-bar").prependTo("#sidebar-wrapper")
+
+ // set up no results
+ $('article.no-result').show()
+ $('body.no-result .archivetitle>h2').appendTo('article.no-result')
+ } else {
+ // not mobile
+
+ //show social links
+ $('.social-link, .events-link').removeClass('hidden')
+
+ // move search to back
+ $("#sidebar-wrapper>.search-bar").appendTo(".search-box")
+
+ // set up no results
+ $('article.no-result h2').appendTo('.archivetitle')
+ $('article.no-result').hide()
+ }
+
+ if (isMasonryPage) {
+ if (isMobile) {
+ //no overflowY
+ $('html').css({ overflowY: "unset" })
+
+ unWrapArts()
+ } else {
+ //no overflowY
+ $('html').css({ overflowY: "hidden" })
+
+ wrapArts()
+
+ $("body:not(.no-result) .archivetitle h1").fitText(0.7)
+ }
+ }
+ }
+
+ loadPage()
+
/* -------------------------------------------------------------------------- */
/* HOME & ARCHIVES */
/* -------------------------------------------------------------------------- */
@@ -272,80 +307,142 @@
if (isMasonryPage && $("article").hasClass('no-result')) {
$('body').addClass("no-result")
- if (!isMobile) {
- $('article.no-result h2').appendTo('.archivetitle')
- $('article.no-result').hide()
- }
+ // if (!isMobile) {
+ // $('article.no-result h2').appendTo('.archivetitle')
+ // $('article.no-result').hide()
+ // }
}
- /* ----------------------------- css on desktop ----------------------------- */
-
/* ------------------------------ wrap articles ----------------------------- */
+
+
+ function wrapArts() {
+ //calculate wrappable elements
+ if ($(".hbox").length) {
+ return
+ }
+ $('#content>*:not(.misha_loadmore)').addClass("hbox")
+ var wrapArticles = $(".hbox").length
+
+ if (isHome) {
+ $('.hbox:first-child').wrap('
').addClass("home-big")
+ $('.hbox:nth-child(2)').wrap('
').addClass("home-big")
+ wrapArticles = $(".hbox").length - 2
+ }
+
+ //add classes to articles and elements
+
+ for (let i = 0; i < wrapArticles; i++) {
+ var j = i + 1
+
+ if (isHome) {
+ j = i + 3
+ }
+
+ if (i % 6 == 0) {
+ articleWrapCounter++
+ }
+ //console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
+ $('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
+ //change order if there is a description
+ if ($("body").is('.archive, .tag') && articleWrapCounter == 1) {
+ if (j == 3 || j == 4) {
+ $('.hbox:nth-child(' + j + ')').css({ order: j - 1 })
+ } else if (j == 5 || j == 6) {
+ $('.hbox:nth-child(' + j + ')').css({ order: j })
+ }
+
+ }
+ }
+ //wrap classes
+ for (let i = 0; i < articleWrapCounter; i++) {
+ var j = i + 1
+ if (isHome) {
+ j = i + 3
+ }
+ var k = i + 1
+ $(".home-thumbnail-small-" + k).wrapAll('
')
+ if (i == 0) {
+ $(".home_wrapper-" + j).addClass("home_wrapper-s1")
+ }
+ }
+ }
+
+ function unWrapArts() {
+ $('.home_wrapper-big .hbox').unwrap('.home_wrapper-big')
+
+ var wrapArticles = $(".hbox").length
+ for (let i = 0; i < wrapArticles.length + 1; i++) {
+ $('article').removeClass('.home-thumbnail-small-' + i)
+
+ }
+ $('.hbox').removeClass('home-small').removeClass('hbox').unwrap('.home_wrapper-small')
+ }
+
if (!isMobile) {
if (isMasonryPage) {
- //no overflowY
- $('html').css({ overflowY: "hidden" })
- //calculate wrappable elements
- $('#content>*:not(.misha_loadmore)').addClass("hbox")
- var wrapArticles = $(".hbox").length
- //wrapping for big-small difference
- if (isHome) {
- $('.hbox:first-child').wrap('
').addClass("home-big")
- $('.hbox:nth-child(2)').wrap('
').addClass("home-big")
- wrapArticles = $(".hbox").length - 2
- }
+ // //calculate wrappable elements
+ // $('#content>*:not(.misha_loadmore)').addClass("hbox")
+ // var wrapArticles = $(".hbox").length
- //add classes to articles and elements
- var articleWrapCounter = 0
- for (let i = 0; i < wrapArticles; i++) {
- var j = i + 1
+ // //wrapping for big-small difference
+ // if (isHome) {
+ // $('.hbox:first-child').wrap('
').addClass("home-big")
+ // $('.hbox:nth-child(2)').wrap('
').addClass("home-big")
+ // wrapArticles = $(".hbox").length - 2
+ // }
- if (isHome) {
- j = i + 3
- }
+ // //add classes to articles and elements
+ // var articleWrapCounter = 0
+ // for (let i = 0; i < wrapArticles; i++) {
+ // var j = i + 1
- if (i % 6 == 0) {
- articleWrapCounter++
- }
- //console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
- $('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
- //change order if there is a description
- if ($("body").is('.archive, .tag') && articleWrapCounter == 1) {
- if (j == 3 || j == 4) {
- $('.hbox:nth-child(' + j + ')').css({ order: j - 1 })
- } else if (j == 5 || j == 6) {
- $('.hbox:nth-child(' + j + ')').css({ order: j })
- }
+ // if (isHome) {
+ // j = i + 3
+ // }
- }
- }
- //wrap classes
- for (let i = 0; i < articleWrapCounter; i++) {
- var j = i + 1
- if (isHome) {
- j = i + 3
- }
- var k = i + 1
- $(".home-thumbnail-small-" + k).wrapAll('
')
- if (i == 0) {
- $(".home_wrapper-" + j).addClass("home_wrapper-s1")
- }
- }
+ // if (i % 6 == 0) {
+ // articleWrapCounter++
+ // }
+ // //console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
+ // $('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
+ // //change order if there is a description
+ // if ($("body").is('.archive, .tag') && articleWrapCounter == 1) {
+ // if (j == 3 || j == 4) {
+ // $('.hbox:nth-child(' + j + ')').css({ order: j - 1 })
+ // } else if (j == 5 || j == 6) {
+ // $('.hbox:nth-child(' + j + ')').css({ order: j })
+ // }
+
+ // }
+ // }
+ // //wrap classes
+ // for (let i = 0; i < articleWrapCounter; i++) {
+ // var j = i + 1
+ // if (isHome) {
+ // j = i + 3
+ // }
+ // var k = i + 1
+ // $(".home-thumbnail-small-" + k).wrapAll('
')
+ // if (i == 0) {
+ // $(".home_wrapper-" + j).addClass("home_wrapper-s1")
+ // }
+ // }
/* -------------------------------- other css ------------------------------- */
//add bottom scrollbar to div on bottom:
- if (bottomScrollHeight > 0) {
- $(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
- }
+ // if (bottomScrollHeight > 0) {
+ // $(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
+ // }
//fit title
- $("body:not(.no-result) .archivetitle h1").fitText(0.7)
-
+ // $("body:not(.no-result) .archivetitle h1").fitText(0.7)
+
}//isMasonryPage end
}// !isMobile end
@@ -597,7 +694,7 @@
return
} else {
if (!isMobile) {
- if (isMasonryPage) {
+ if (isMasonryPage || isEsemeny) {
if (!$('.search-bar *').is(':focus')) {
// console.log("keydown!")
kd = true
@@ -629,7 +726,7 @@
//check for keyup for disabling counter
$('html *:not(input)').keyup(function (event) {
if (!isMobile) {
- if (isMasonryPage) {
+ if (isMasonryPage || isEsemeny) {
if (!$('.search-bar *').is(':focus')) {
kd = false
}
@@ -1077,6 +1174,12 @@
swipeRight: function () {
$.colorbox.prev()
},
+ swipeUp: function () {
+ return false
+ },
+ swipeDown: function () {
+ return false
+ },
})
// lightbox for galleries
@@ -1133,6 +1236,12 @@
}//if single end
+ /* ------------------------------- IOS fix try ------------------------------ */
+ // $(".logo a").click(function(e){
+ // e.preventDefault()
+ // alert('hello')
+ // })
+
/* -------------------------------------------------------------------------- */
/* window resize event */
diff --git a/sass/_font-mixins.scss b/sass/_font-mixins.scss
index 6214997..b1b572a 100644
--- a/sass/_font-mixins.scss
+++ b/sass/_font-mixins.scss
@@ -43,9 +43,13 @@
@media #{$smalldesktop} {
font-size: 5rem;
}
+
@media #{$bigdesktop} {
font-size: 6.8rem;
}
+ @media #{$bigdesktop-hidpi} {
+ // font-size: 5.5rem !important;
+ }
@media #{$verybigdesktop} {
font-size: 11rem;
}
@@ -84,6 +88,9 @@
@media #{$bigdesktop} {
font-size: 2rem;
}
+ @media #{$bigdesktop-hidpi} {
+ // font-size: 1.5rem !important;
+ }
@media #{$verybigdesktop} {
font-size: 3rem;
}
@@ -115,6 +122,10 @@
}
@mixin home-metadata-big {
+ // font-size: 1.4rem;
+ // @media #{$bigmobile} {
+ // font-size: 1.5rem;
+ // }
@media #{$tablet} {
font-size: 1.2rem;
}
@@ -127,7 +138,9 @@
}
@mixin home-metadata-bevezeto {
- font: 300 1rem "Westeinde Caption";
+ @include home-title-small();
+ font-weight: 300;
+ // font: 300 1rem "Westeinde Caption";
color: #000;
@media #{$tablet} {
font: bold 1rem "Butler";
@@ -196,9 +209,9 @@
}
@mixin single-h4 {
- font-weight: 500;
- // font-size: 2.4rem;
- // line-height: 1.6;
+ font-weight: 300;
+ font-size: 2.4rem;
+ line-height: 1.3;
}
@mixin captiontext {
@@ -213,6 +226,16 @@
color: #000;
}
+@mixin single-quote-big{
+ font: 800 2.1rem "Butler";
+ color: #000;
+ padding-top: 8px;
+ @media #{$tablet} {
+ font-size: 2.8rem;
+ padding-top: 5px;
+ }
+}
+
@mixin related-title {
font: 500 2rem "Westeinde Caption";
line-height: 1.3;
@@ -227,16 +250,16 @@
font-size: 1.8rem;
}
@media #{$tablet} {
- font-size: 2.2rem;
+ font-size: 2rem;
}
@media #{$smalldesktop} {
- font-size: 3rem;
+ font-size: 2.5rem;
}
@media #{$bigdesktop} {
- font-size: 3.2rem;
+ font-size: 3rem;
}
@media #{$verybigdesktop} {
- font-size: 4.5rem;
+ font-size: 4rem;
}
}
diff --git a/sass/base.scss b/sass/base.scss
index 98fc875..2233612 100644
--- a/sass/base.scss
+++ b/sass/base.scss
@@ -125,6 +125,12 @@ $bigdesktop: only screen and
min-width: 1279px
);
+$bigdesktop-hidpi: only screen and
+ (
+ min-width: 1279px
+ )
+ and (-webkit-min-device-pixel-ratio: 1.4);
+
$verybigdesktop: only screen and
(
min-width: 1919px
@@ -280,6 +286,7 @@ $v-unit-6: 24rem;
right: calc(#{$radius});
margin-right: $minusOffset;
}
+ z-index: 90;
}
&::before {
//filleted corner
@@ -381,6 +388,7 @@ $v-unit-6: 24rem;
position: relative;
width: 100vw;
height: 100vh;
+ z-index: 1;
/* -------------------------------------------------------------------------- */
/* header */
@@ -482,11 +490,14 @@ $v-unit-6: 24rem;
//icons in menu:
object {
height: 3rem;
+ // width: 3rem;
@media #{$tablet} {
height: 2.5rem;
+ // width: 2.5rem;
}
@media #{$smalldesktop} {
height: 3rem;
+ // width: 3rem;
}
}
@@ -499,6 +510,12 @@ $v-unit-6: 24rem;
.social-link,
.menubutton,
.events-link {
+ a,
+ button,
+ * {
+ z-index: 3501;
+ cursor: pointer;
+ }
.white {
display: block;
}
@@ -533,11 +550,14 @@ $v-unit-6: 24rem;
.logo {
object {
height: $h-unit-1;
+ // width: $h-unit-1;
@media #{$tablet} {
height: 4rem;
+ // width: 4rem;
}
@media #{$smalldesktop} {
height: $h-unit-1;
+ // width: $h-unit-1;
}
}
}
@@ -803,7 +823,7 @@ $v-unit-6: 24rem;
/* STRUCTURE ALL PAGE */
/* -------------------------------------------------------------------------- */
main {
- z-index: 1;
+ z-index: 2;
section {
article {
position: relative;
@@ -1001,7 +1021,7 @@ $v-unit-6: 24rem;
.metadata {
// bottom: 37.5vw;
- top: calc(50vw - #{$h-unit-1});
+ top: calc(50vw - #{$h-unit-1} + 1px);
height: $h-unit-1;
display: flex;
@include fit-content(width);
@@ -1010,6 +1030,18 @@ $v-unit-6: 24rem;
align-items: center;
padding: 0;
+ &::after {
+ display: none;
+ }
+ @media #{$only-mobile} {
+ @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
+ }
+
+ z-index: 15;
+ & > * {
+ z-index: 15;
+ }
+
.vr {
height: 100%;
width: 1px;
@@ -1027,8 +1059,15 @@ $v-unit-6: 24rem;
}
}
+ h2 {
+ // top: -1px;
+ position: relative;
+ border-top: #000 1px solid;
+ z-index: 8;
+ }
+
& > .bevezetoWrapper {
- padding: 0 2rem 1.5rem;
+ padding: 0 2rem 3rem;
@include home-metadata-bevezeto();
&::before {
display: block;
@@ -1055,18 +1094,18 @@ $v-unit-6: 24rem;
/* ----------------------- home article mobile first 2 ----------------------- */
&.post_nr_1,
&.post_nr_2 {
- height: 100vh;
+ min-height: 100vh;
.thumbnailwrapper {
img {
height: 50vh;
}
}
.metadata {
- top: calc(50vh - 5rem);
+ top: calc(50vh - 5rem + 1px);
}
h2 {
- height: 50vh;
-
+ // height: 50vh;
+ // height: calc(50vh + 1px);
padding-top: 3rem;
a {
@include home-title();
@@ -1075,28 +1114,38 @@ $v-unit-6: 24rem;
}
}
}
+ .bevezetoWrapper {
+ &::before {
+ // margin-top: 1rem;
+ margin-bottom: 0;
+ }
+ .bevezeto {
+ // @include home-metadata-big();
+ padding-top: 1rem;
+ }
+ }
}
//border on first elements
&.post_nr_1 {
- .metadata {
- &::after {
- display: none;
- }
+ // .metadata {
+ // &::after {
+ // display: none;
+ // }
- @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
- z-index: 15;
- & > * {
- z-index: 15;
- }
- }
- h2 {
- height: calc(50vh + 1px);
- top: -1px;
- position: relative;
- border-top: #000 1px solid;
- z-index: 8;
- }
+ // @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
+ // z-index: 15;
+ // & > * {
+ // z-index: 15;
+ // }
+ // }
+ // h2 {
+ // height: calc(50vh + 1px);
+ // top: -1px;
+ // position: relative;
+ // border-top: #000 1px solid;
+ // z-index: 8;
+ // }
}
} //article end
@@ -1148,6 +1197,7 @@ $v-unit-6: 24rem;
padding: 2rem;
padding-left: $v-unit-1;
+ border: none;
width: calc(100vw - #{$h-unit-1-5 * 2.5});
@media #{$smalldesktop} {
width: calc(100vw - #{$h-unit-5});
@@ -1322,6 +1372,7 @@ $v-unit-6: 24rem;
.metadata {
justify-content: flex-end;
+
@include triangle-corner-bordered(#{$v-unit-1}, 1px, transparent, #000, right);
.filler {
order: -1;
@@ -1480,6 +1531,7 @@ $v-unit-6: 24rem;
background-color: #fff;
height: 100%;
padding: 0;
+ border: none;
a {
margin-top: $h-unit-0-5 / 2;
@@ -1712,7 +1764,7 @@ body.category.category-esemeny {
flex-direction: column;
justify-content: space-between;
align-content: stretch;
- padding: 1.5rem;
+ padding: 1rem;
@media #{$bigmobile} {
padding: 2rem;
}
@@ -1725,7 +1777,7 @@ body.category.category-esemeny {
flex-direction: row;
justify-content: space-between;
height: 50%;
- flex: 0 0 auto;
+ flex: 1 1 auto;
}
.top-row {
@@ -1746,7 +1798,12 @@ body.category.category-esemeny {
flex: 1 0.9 auto;
height: unset;
padding: 0;
- @include event-title;
+ border: none;
+ padding-right: 2rem;
+ a{
+ @include event-title;
+ }
+
}
.vr {
flex: 0 0 auto;
@@ -1757,8 +1814,9 @@ body.category.category-esemeny {
}
a.text-link {
flex: 1 1 auto;
+ padding-left: 1rem;
@include event-link;
- text-align: right;
+ // text-align: right;
&:hover {
-webkit-text-stroke: transparent;
color: #00f;
@@ -1781,26 +1839,31 @@ body.category.category-esemeny {
main {
padding-top: 0;
section {
- height: 100%;
+ margin: $v-unit-1 $h-unit-2;
+ border-top: #000 1px solid;
+ height: calc(100vh - #{$v-unit-2});
// padding-top:
- padding-left: $h-unit-2;
+ // margin-left: $h-unit-2;
display: flex;
flex-direction: row;
+ align-content: center;
article {
width: calc(50vw - #{$h-unit-2});
- height: calc(50vw - #{$h-unit-2});
+ // height: calc(50vw - #{$h-unit-2});
max-width: calc(100vh - #{$h-unit-1});
- max-height: calc(100vh - #{$h-unit-1});
+ height: unset;
+ min-height: unset;
+ // max-height: calc(100vh - #{$h-unit-1});
- min-width: 80vh;
- min-height: 80vh;
+ // min-width: 80vh;
+ // min-height: 80vh;
// margin: auto;
- margin: auto $h-unit-2 auto 0;
+ margin: 0 $h-unit-2 0 0;
display: flex;
flex-direction: column;
- justify-content: space-between;
+ justify-content: center;
.thumbnailwrapper {
height: unset;
@@ -1814,25 +1877,28 @@ body.category.category-esemeny {
}
flex: 1 1 auto;
padding: 0;
- // .top-row{
- // .ev-date{
- // padding-left: 2rem;
- // }
+ .top-row {
+ flex: 1 1 auto;
+ .ev-date {
+ padding-left: 2rem;
+ }
- // padding-right: 2rem;
-
- // }
+ padding-right: 2rem;
+ }
.bottom-row {
+ flex: 1 1 auto;
h2 {
- // padding-left: 2rem;
+ padding-left: 2rem;
padding-bottom: 2rem;
+ padding-right: 0;
}
.vr {
- margin: 0 2rem;
+ margin: 0 1rem;
}
.text-link {
- // padding-right: 2rem;
+ padding-right: 2rem;
padding-bottom: 2rem;
+ padding-left: 0;
}
}
}
@@ -1849,7 +1915,8 @@ body.category.category-esemeny {
@mixin singleDesktopLayout() {
padding-right: $h-unit-4;
padding-left: 0;
- max-width: calc(1024px + #{$h-unit-4});
+ // max-width: calc(1024px + #{$h-unit-4});
+ max-width: calc(768px + #{$h-unit-4});
}
$padd: 2rem;
@@ -1913,17 +1980,26 @@ $padd: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
+ padding-left: 0;
@include single-metadata();
.metaWrapper {
display: flex;
flex-direction: row;
- justify-content: space-between;
+ justify-content: flex-start;
.time-cat {
z-index: 10;
}
+ .time-cat::after {
+ content: " ";
+ display: inline-block;
+ }
+ .format::before {
+ content: "|";
+ display: inline-block;
+ }
}
}
h1.single-title {
@@ -1957,7 +2033,7 @@ $padd: 2rem;
margin-left: $h-unit-1;
background-color: #fff;
border-left: #000 solid 1px;
- padding-left: $h-unit-1;
+ padding-left: $h-unit-2;
// & > * {
// padding: $padd $h-unit-1;
@@ -1993,7 +2069,8 @@ $padd: 2rem;
.metadata {
top: -#{$h-unit-1};
- width: 100%;
+ // left: -#{$h-unit-1};
+ width: calc(100% + #{$h-unit-1});
padding-left: 0;
padding-right: 0;
@@ -2001,15 +2078,7 @@ $padd: 2rem;
.metaWrapper {
@include singleDesktopLayout();
- justify-content: flex-start;
- .time-cat::after {
- content: " ";
- display: inline-block;
- }
- .format::before {
- content: "|";
- display: inline-block;
- }
+ padding-left: $h-unit-1;
}
// .time-cat {
@@ -2032,6 +2101,7 @@ $padd: 2rem;
background-color: #ff5f5f;
padding: 0;
margin: 0 auto;
+
border: none;
width: 20%;
&.content-wrap {
@@ -2051,6 +2121,9 @@ $padd: 2rem;
margin-bottom: $padd;
}
}
+ &.wp-block-separator:nth-of-type(2) {
+ margin-bottom: 4rem;
+ }
}
//override if thumbnail
@@ -2104,7 +2177,7 @@ $padd: 2rem;
p {
background: #ff5f5f;
display: inline;
- padding: 3px 0;
+ padding: 5px 0 3px;
@include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
}
@@ -2117,8 +2190,28 @@ $padd: 2rem;
}
}
+ //nagyon nagy kiemelt
.wp-block-pullquote {
- text-align: unset;
+ // text-align: unset;
+ padding: 4rem;
+ blockquote {
+ display: inline;
+ position: relative;
+ p{
+ @include single-quote-big();
+ }
+
+ cite {
+ // display: inline !important;
+ position: absolute;
+ font-size: 80%;
+ bottom: -3rem;
+ right: 0;
+ top: unset;
+ left: unset;
+ display: inline-block;
+ }
+ }
}
/* ---------------------------- images on single ---------------------------- */
@@ -2147,10 +2240,16 @@ $padd: 2rem;
.wp-block-gallery {
padding: 0;
margin: $padd 0;
+ // @media #{$tablet} {
+ // align-content: space-between;
+ // }
+
li {
margin-right: 0;
@media #{$tablet} {
- margin-bottom: $v-unit-1;
+ // margin-bottom: $v-unit-1 /2;
+ // margin-top: $v-unit-1 /2;
+ margin: 0;
}
&:nth-child(odd) figcaption {
@media #{$tablet} {
@@ -2342,7 +2441,7 @@ $padd: 2rem;
}
}
&#cboxClose {
- background-image: url(../img/dis-plus.svg);
+ background-image: url(../img/dis-plus-white.svg);
width: 2rem;
height: 2rem;
@include transform(rotate(45deg));
@@ -2650,6 +2749,7 @@ body.page {
@mixin tagcolors($color) {
//metadata on mobile
+
.metadata {
@media #{$only-mobile} {
color: $color !important;
@@ -2661,19 +2761,28 @@ body.page {
a {
color: $color !important;
}
- }
- //mobile desktop firat post
- &.post_nr_1:not(.home-big) {
- .metadata {
+
+ @media #{$only-mobile} {
&::before,
&::after {
border-color: $color !important;
}
}
- h2 {
+ }
+ //mobile desktop firat post
+ // &.post_nr_1:not(.home-big) {
+ // .metadata {
+ // &::before,
+ // &::after {
+ // border-color: $color !important;
+ // }
+ // }
+ h2 {
+ @media #{$only-mobile} {
border-top-color: $color !important;
}
}
+ // }
& > .bevezetoWrapper::before {
background-color: $color !important;
@@ -2755,11 +2864,13 @@ body.page {
@mixin tagcolors-single($color, $darkcolor) {
.titlewrapper {
.metadata {
+ color: $color !important;
@media #{$tablet} {
- // color: #fff !important;
+ color: #fff !important;
-webkit-text-stroke: $color 1px !important;
}
a {
+ color: $color !important;
@media #{$tablet} {
color: #fff !important;
-webkit-text-stroke: $color 1px !important;
@@ -2804,59 +2915,66 @@ $color-think-dark: #007f5c;
$color-love-dark: #7f2f2f;
//colors on articles
-
-.tag-be {
- @include tagcolors($color-be);
- ::selection {
- color: #000;
- background-color: $color-do;
- }
- // &.cut-even,
- &.random {
- .thumbnailwrapper > img {
- @include tagclip(be);
+.archive,
+.home,
+.search-results {
+ &.tag-be,
+ .tag-be {
+ @include tagcolors($color-be);
+ ::selection {
+ color: #000;
+ background-color: $color-do;
+ }
+ // &.cut-even,
+ &.random {
+ .thumbnailwrapper > img {
+ @include tagclip(be);
+ }
}
}
-}
-.tag-do {
- @include tagcolors($color-do);
- ::selection {
- color: #000;
- background-color: $color-be;
- }
- // &.cut-even,
- &.random {
- .thumbnailwrapper > img {
- @include tagclip(do);
+ &.tag-do,
+ .tag-do {
+ @include tagcolors($color-do);
+ ::selection {
+ color: #000;
+ background-color: $color-be;
+ }
+ // &.cut-even,
+ &.random {
+ .thumbnailwrapper > img {
+ @include tagclip(do);
+ }
}
}
-}
-.tag-think {
- @include tagcolors($color-think);
- ::selection {
- color: #000;
- background-color: $color-love;
- }
- // &.cut-even,
- &.random {
- .thumbnailwrapper > img {
- @include tagclip(think);
+ &.tag-think,
+ .tag-think {
+ @include tagcolors($color-think);
+ ::selection {
+ color: #000;
+ background-color: $color-love;
+ }
+ // &.cut-even,
+ &.random {
+ .thumbnailwrapper > img {
+ @include tagclip(think);
+ }
}
}
-}
-.tag-love {
- @include tagcolors($color-love);
- ::selection {
- color: #000;
- background-color: $color-think;
- }
- // &.cut-even,
- &.random {
- .thumbnailwrapper > img {
- @include tagclip(love);
+ &.tag-love,
+ .tag-love {
+ @include tagcolors($color-love);
+ ::selection {
+ color: #000;
+ background-color: $color-think;
+ }
+ // &.cut-even,
+ &.random {
+ .thumbnailwrapper > img {
+ @include tagclip(love);
+ }
}
}
}