2019 08 28 word mods

This commit is contained in:
infeeeee
2019-09-03 00:08:51 +02:00
parent 74a33168d7
commit cd3124784f
18 changed files with 681 additions and 401 deletions

View File

@@ -1,6 +1,7 @@
/* ========================================================================== */
/* FONT-MIXINS */
/* ========================================================================== */
/* ---------------------------------- event --------------------------------- */
/*------------------------------------*\
MAIN
\*------------------------------------*/
@@ -68,6 +69,11 @@ button {
object {
pointer-events: none; }
/* ---------------------------- default selection --------------------------- */
html *::selection {
color: #000;
background-color: #fdff00; }
/* -------------------------------------------------------------------------- */
/* MEDIA QUERIES */
/* -------------------------------------------------------------------------- */
@@ -256,14 +262,32 @@ object {
.wrapper .header .header-2 .social-link,
.wrapper .header .header-2 .menubutton,
.wrapper .header .header-2 .events-link {
filter: invert(100); } }
filter: invert(100); }
.wrapper .header .header-1 .logo::selection,
.wrapper .header .header-1 .logo::selection *,
.wrapper .header .header-1 .social-link::selection,
.wrapper .header .header-1 .social-link::selection *,
.wrapper .header .header-1 .menubutton::selection,
.wrapper .header .header-1 .menubutton::selection *,
.wrapper .header .header-1 .events-link::selection,
.wrapper .header .header-1 .events-link::selection *,
.wrapper .header .header-2 .logo::selection,
.wrapper .header .header-2 .logo::selection *,
.wrapper .header .header-2 .social-link::selection,
.wrapper .header .header-2 .social-link::selection *,
.wrapper .header .header-2 .menubutton::selection,
.wrapper .header .header-2 .menubutton::selection *,
.wrapper .header .header-2 .events-link::selection,
.wrapper .header .header-2 .events-link::selection * {
filter: invert(0); } }
@media (min-width: 1024px) {
.wrapper .header .header-1,
.wrapper .header .header-2 {
width: 10rem; } }
.wrapper .header .header-1 div,
.wrapper .header .header-2 div {
z-index: 3500; }
z-index: 3500;
-webkit-transform: translate3d(0, 0, 0); }
.wrapper .header .header-1 a,
.wrapper .header .header-2 a {
display: inline-block; }
@@ -283,24 +307,6 @@ object {
order: 99;
border-left: #000 1px solid;
right: 0; } }
.wrapper .header .totop {
position: fixed;
bottom: 1rem;
right: 1rem;
z-index: 2; }
@media (min-width: 769px) {
.wrapper .header .totop {
display: none; } }
.wrapper .header .totop a {
display: inline-block; }
.wrapper .header .totop a object {
height: 2rem;
filter: invert(100%);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.wrapper .header object {
height: 3rem; }
@media (min-width: 769px) {
@@ -323,7 +329,7 @@ object {
height: 5rem; } }
.wrapper .header .menubutton {
order: 99;
z-index: 3001; }
z-index: 3002; }
.wrapper .header .menubutton button {
transform-origin: center;
-webkit-transition: 0.5s linear;
@@ -425,13 +431,14 @@ object {
flex-direction: row;
align-items: center; } }
.wrapper .header #sidebar .sidebar-wrapper .menuseparator {
display: none; }
display: block;
width: 100%;
height: 1px;
background-color: #fff; }
@media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper .menuseparator {
display: block;
width: 1px;
height: 70%;
background-color: #fff;
flex: 0 0 auto;
margin: 4rem; } }
.wrapper .header #sidebar .sidebar-wrapper ul {
@@ -1146,6 +1153,7 @@ object {
.search-results main section article,
.search-no-results main section article,
.error404 main section article {
min-height: 87.5vw;
/* ----------------------- home article mobile cutout ----------------------- */
/* ----------------------- home article mobile first 2 ----------------------- */ }
.archive main section article > a,
@@ -1171,9 +1179,7 @@ object {
.search-no-results main section article h2,
.error404 main section article h2 {
width: 100%;
height: 37.5vw;
padding: 2rem;
padding-top: 1.5rem;
padding: 1.5rem 2rem 1rem;
margin: 0;
line-height: 0.8; }
.archive main section article h2 a,
@@ -1231,7 +1237,7 @@ object {
.search-results main section article .metadata,
.search-no-results main section article .metadata,
.error404 main section article .metadata {
bottom: 37.5vw;
top: calc(50vw - 5rem);
height: 5rem;
display: flex;
width: -moz-max-content;
@@ -1270,18 +1276,42 @@ object {
.error404 main section article .metadata .alcimWrapper,
.error404 main section article .metadata .curvyArrow {
display: none; }
.archive main section article.cut-even .metadata,
.home main section article.cut-even .metadata,
.search-results main section article.cut-even .metadata,
.search-no-results main section article.cut-even .metadata,
.error404 main section article.cut-even .metadata {
background-color: transparent; }
.archive main section article.cut-even .metadata::after,
.home main section article.cut-even .metadata::after,
.search-results main section article.cut-even .metadata::after,
.search-no-results main section article.cut-even .metadata::after,
.error404 main section article.cut-even .metadata::after {
display: none; }
.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";
color: #000; }
@media (min-width: 769px) {
.archive main section article > .bevezetoWrapper,
.home main section article > .bevezetoWrapper,
.search-results main section article > .bevezetoWrapper,
.search-no-results main section article > .bevezetoWrapper,
.error404 main section article > .bevezetoWrapper {
font: bold 1rem "Butler";
line-height: 1rem; } }
@media (min-width: 1024px) {
.archive main section article > .bevezetoWrapper,
.home main section article > .bevezetoWrapper,
.search-results main section article > .bevezetoWrapper,
.search-no-results main section article > .bevezetoWrapper,
.error404 main section article > .bevezetoWrapper {
font-size: 2rem;
line-height: 2rem; } }
.archive main section article > .bevezetoWrapper::before,
.home main section article > .bevezetoWrapper::before,
.search-results main section article > .bevezetoWrapper::before,
.search-no-results main section article > .bevezetoWrapper::before,
.error404 main section article > .bevezetoWrapper::before {
display: block;
content: "";
height: 1px;
width: 20%;
margin: 0 auto;
background-color: #000;
margin-bottom: 1rem; }
.archive main section article.post_nr_1, .archive main section article.post_nr_2,
.home main section article.post_nr_1,
.home main section article.post_nr_2,
@@ -1417,6 +1447,7 @@ object {
position: relative;
width: calc(100vw - (7.5rem * 3));
height: calc(100vh - 4rem);
min-height: unset;
margin: 0;
padding: 0;
margin-left: 7.5rem;
@@ -1484,6 +1515,7 @@ object {
.search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata {
bottom: 0;
top: unset;
background: transparent;
width: 100%;
height: 7.5rem;
@@ -1493,13 +1525,20 @@ object {
justify-content: flex-start;
align-items: center;
overflow: visible !important; } }
@media (min-width: 769px) and (min-aspect-ratio: 1 / 1) {
.archive main section .home_wrapper-big article .metadata,
.home main section .home_wrapper-big article .metadata,
.search-results main section .home_wrapper-big article .metadata,
.search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata {
height: calc(10rem / 2); } }
@media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article .metadata,
.home main section .home_wrapper-big article .metadata,
.search-results main section .home_wrapper-big article .metadata,
.search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata {
height: 10rem; } }
height: 11.5rem; } }
@media (min-width: 769px) and (min-width: 769px) {
.archive main section .home_wrapper-big article .metadata,
.home main section .home_wrapper-big article .metadata,
@@ -1521,13 +1560,6 @@ object {
.search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata {
font-size: 2rem; } }
@media (min-width: 769px) and (min-aspect-ratio: 1 / 1) {
.archive main section .home_wrapper-big article .metadata,
.home main section .home_wrapper-big article .metadata,
.search-results main section .home_wrapper-big article .metadata,
.search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata {
height: calc(10rem / 2); } }
@media (min-width: 769px) {
.archive main section .home_wrapper-big article .metadata > div,
.home main section .home_wrapper-big article .metadata > div,
@@ -1682,8 +1714,16 @@ object {
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
margin: 0;
overflow: hidden;
font: bold 1rem "Butler";
line-height: 1rem; } }
font: 300 1rem "Westeinde Caption";
color: #000; } }
@media (min-width: 769px) and (min-width: 769px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
font: bold 1rem "Butler";
line-height: 1rem; } }
@media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
@@ -1698,9 +1738,17 @@ object {
.search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
font: bold 1rem "Butler";
line-height: 1rem;
font: 300 1rem "Westeinde Caption";
color: #000;
text-align: left; } }
@media (min-width: 769px) and (min-width: 769px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
font: bold 1rem "Butler";
line-height: 1rem; } }
@media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
@@ -1982,7 +2030,8 @@ object {
.error404 main section #post-404 .archivedescription {
flex: 0 0 calc(100% / 3);
height: 50%;
position: relative; }
position: relative;
min-height: unset; }
.archive main section .home_wrapper-small article .thumbnailwrapper,
.archive main section .home_wrapper-small .archivetitle .thumbnailwrapper,
.archive main section .home_wrapper-small .archivedescription .thumbnailwrapper,
@@ -2084,6 +2133,7 @@ object {
position: absolute;
bottom: 0;
right: 0;
top: unset;
background: transparent;
display: flex;
flex-direction: row;
@@ -4278,9 +4328,12 @@ body.category.category-esemeny {
flex-direction: column;
justify-content: space-between;
align-content: stretch;
padding: 2rem;
padding: 1.5rem;
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;
@@ -4291,9 +4344,12 @@ body.category.category-esemeny {
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.8rem "Butler";
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: 2.2rem; } }
@@ -4312,7 +4368,7 @@ body.category.category-esemeny {
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
font: normal 2.8rem "Westeinde Caption";
font: normal 2.8rem "Westeinde Caption";
color: #000; }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row a {
@@ -4332,8 +4388,11 @@ body.category.category-esemeny {
flex: 1 0.9 auto;
height: unset;
padding: 0;
font: 800 1.8rem "Butler";
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; } }
@@ -4354,23 +4413,28 @@ 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;
font: 800 1.8rem "Butler";
color: #000;
font: 500 1.8rem "Westeinde Caption";
color: #00f;
font: 500 1.3rem "Westeinde Caption";
-webkit-text-stroke: #00f 1px;
color: transparent;
text-align: right; }
@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: 2.2rem; } }
font-size: 1.9rem; } }
@media (min-width: 1024px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 3rem; } }
font-size: 2.8rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 3.2rem; } }
font-size: 2.8rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 4.5rem; } }
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;
@@ -4596,7 +4660,16 @@ body.category.category-esemeny {
.page article .titlewrapper .metadata .metaWrapper {
padding-right: 20rem;
padding-left: 0;
max-width: calc(1024px + 20rem); }
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; }
.single article .titlewrapper h1.single-title,
.page article .titlewrapper h1.single-title {
background-color: transparent;
@@ -4648,6 +4721,9 @@ body.category.category-esemeny {
padding-right: 20rem;
padding-left: 0;
max-width: calc(1024px + 20rem); } }
.single article .single-content p,
.page article .single-content p {
line-height: 1.3; }
.single article .single-content h2,
.page article .single-content h2 {
font: 800 3rem "Butler"; }
@@ -4663,9 +4739,7 @@ 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-size: 2.4rem;
line-height: 1.6; }
font-weight: 500; }
.single article .single-content a:hover,
.page article .single-content a:hover {
text-decoration: underline; }
@@ -4791,6 +4865,7 @@ body.category.category-esemeny {
.page article .single-content .wp-block-gallery .blocks-gallery-item figcaption {
background: #fff;
position: absolute;
display: none;
width: calc(100% - 5rem);
height: 5rem;
padding: 1rem 2rem;
@@ -4801,7 +4876,6 @@ body.category.category-esemeny {
line-height: 1;
text-align: left;
overflow: unset;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
@@ -4813,6 +4887,7 @@ body.category.category-esemeny {
.page article .single-content .wp-block-image figcaption,
.page article .single-content .wp-block-gallery .blocks-gallery-image figcaption,
.page article .single-content .wp-block-gallery .blocks-gallery-item figcaption {
display: flex;
width: calc(100% - 2.5rem);
height: 2.5rem;
padding: 0.5rem 1rem; } }
@@ -4975,8 +5050,16 @@ body.category.category-esemeny {
font: 900 1rem "Westeinde Caption";
color: #000;
color: #fff;
width: 100%;
text-align: center; }
text-align: center;
width: 100%; }
.single #colorbox #cboxContent #cboxTitle span,
.page #colorbox #cboxContent #cboxTitle span {
max-width: calc(100% - 8rem);
display: inline-block; }
@media (min-width: 769px) {
.single #colorbox #cboxContent #cboxTitle span,
.page #colorbox #cboxContent #cboxTitle span {
max-width: 100%; } }
.single #colorbox #cboxContent #cboxCurrent,
.page #colorbox #cboxContent #cboxCurrent {
display: none !important; }
@@ -5405,6 +5488,9 @@ body.category.category-esemeny {
.tag-be .metadata a {
color: #fdff00 !important; }
.tag-be > .bevezetoWrapper::before {
background-color: #fdff00 !important; }
.tag-be hr {
background-color: #fdff00 !important; }
@@ -5441,21 +5527,14 @@ body.category.category-esemeny {
color: #000;
background-color: #3c00ff; }
.tag-be.random .thumbnailwrapper > img, .tag-be.cut-even .thumbnailwrapper > img {
-webkit-mask: url(../img/clip/be_mobil.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask: url(../img/clip/be_mobil.svg);
mask-repeat: no-repeat;
mask-size: 100%; }
@media (min-width: 769px) {
.tag-be.random .thumbnailwrapper > img, .tag-be.cut-even .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 (min-width: 769px) {
.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) {
.tag-do .metadata {
@@ -5466,6 +5545,9 @@ body.category.category-esemeny {
.tag-do .metadata a {
color: #3c00ff !important; }
.tag-do > .bevezetoWrapper::before {
background-color: #3c00ff !important; }
.tag-do hr {
background-color: #3c00ff !important; }
@@ -5502,21 +5584,14 @@ body.category.category-esemeny {
color: #000;
background-color: #fdff00; }
.tag-do.random .thumbnailwrapper > img, .tag-do.cut-even .thumbnailwrapper > img {
-webkit-mask: url(../img/clip/do_mobil.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask: url(../img/clip/do_mobil.svg);
mask-repeat: no-repeat;
mask-size: 100%; }
@media (min-width: 769px) {
.tag-do.random .thumbnailwrapper > img, .tag-do.cut-even .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 (min-width: 769px) {
.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) {
.tag-think .metadata {
@@ -5527,6 +5602,9 @@ body.category.category-esemeny {
.tag-think .metadata a {
color: #00ffb8 !important; }
.tag-think > .bevezetoWrapper::before {
background-color: #00ffb8 !important; }
.tag-think hr {
background-color: #00ffb8 !important; }
@@ -5563,21 +5641,14 @@ body.category.category-esemeny {
color: #000;
background-color: #ff5f5f; }
.tag-think.random .thumbnailwrapper > img, .tag-think.cut-even .thumbnailwrapper > img {
-webkit-mask: url(../img/clip/think_mobil.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask: url(../img/clip/think_mobil.svg);
mask-repeat: no-repeat;
mask-size: 100%; }
@media (min-width: 769px) {
.tag-think.random .thumbnailwrapper > img, .tag-think.cut-even .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 (min-width: 769px) {
.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) {
.tag-love .metadata {
@@ -5588,6 +5659,9 @@ body.category.category-esemeny {
.tag-love .metadata a {
color: #ff5f5f !important; }
.tag-love > .bevezetoWrapper::before {
background-color: #ff5f5f !important; }
.tag-love hr {
background-color: #ff5f5f !important; }
@@ -5624,21 +5698,14 @@ body.category.category-esemeny {
color: #000;
background-color: #00ffb8; }
.tag-love.random .thumbnailwrapper > img, .tag-love.cut-even .thumbnailwrapper > img {
-webkit-mask: url(../img/clip/love_mobil.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask: url(../img/clip/love_mobil.svg);
mask-repeat: no-repeat;
mask-size: 100%; }
@media (min-width: 769px) {
.tag-love.random .thumbnailwrapper > img, .tag-love.cut-even .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%; } }
@media (min-width: 769px) {
.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%; } }
@media (min-width: 769px) {
.single .tag-be .titlewrapper .metadata {