/*!
Theme Name: brand.new
Theme URI: https://eeriee.com/
Author: Eeriee
Author URI: https://eeriee.com/
Description: The brand.new theme.
Version: 0.9 15092020 1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: brand-new-v2

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

brand.new v2 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Main CSS file: /style.css
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

STYLES

# General
# Nav bar
    ## Toggles
# Footer
    ## Navigator
    ## Cookies notice
# Homepage
	## Grid mode
	## Full screen mode
	## Projects index mode
# Posts (Projects)
# About us page
# Contact page
# Error 404 page
# Privacy policy
# WooCommerce
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/* .elementor-accordion-title {
padding-bottom: 1.8vw;
display: block;

removve .elementor-accordion-item margin
} */
.about-us__field.about-us__field--11,
.about-us__field.about-us__field--10 {
	display: none;
}

@font-face {
	font-family: 'BN Grotesque';
	src: url("../assets/fonts/BNGrotesque-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'BN Grotesque Bold';
	src: url("../assets/fonts/BNGrotesque-Bold_v2.ttf") format("truetype");
	font-weight: bold;
	font-style: bold;
	font-display: swap;
}

::-webkit-scrollbar {
	width: 0px;
	background: transparent;
	/* Chrome/Safari/Webkit */
}

html {
	overflow: scroll;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
	-ms-scroll-chaining: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	position: relative;
	min-height: 100vh;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

main {
	background-color: #ffffff;
	position: relative;
	z-index: 2;
}

body.night-mode-on main {
	background-color: #000000;
}

/* @media (prefers-color-scheme: dark) {
    html, body.night-mode-on, body.night-mode-on main {
        background-color: #000000;
    }tbd
} */

*,
.projects__single[data-href=""] td {
	cursor: url("../assets/cursor.png") 20 20, auto;
	cursor: image-set(url("../assets/cursor.png") 1x, url("../assets/cursor@2x.png") 2x) 20 20, auto;
	cursor: -webkit-image-set(url("../assets/cursor.png") 1x, url("../assets/cursor@2x.png") 2x) 20 20, auto;
}

*:active .cursor {
	cursor: url("../assets/cursor-active.png") 20 20, auto;
	cursor: image-set(url("../assets/cursor-active.png") 1x, url("../assets/cursor-active@2x.png") 2x) 20 20, auto;
	cursor: -webkit-image-set(url("../assets/cursor-active.png") 1x, url("../assets/cursor-active@2x.png") 2x) 20 20, auto;
}

/* .cursor { tbd
   width: 36px;
   height: 36px;
   top: 0;
   left: 0;
   z-index: 3;
   position: fixed;
   border-radius: 20px;
   background-color: #f8ff00;
   transform: translate(-15px, -15px);
   opacity: 0.9;
   pointer-events: none;
} */
/* ::-webkit-scrollbar {
    width: 0;tbd
    background: transparent;
} */
body,
p,
.wpb_wrapper p,
.wpb_wrapper span,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'BN Grotesque Bold', Helvetica, sans-serif, Arial;
	color: #000000;
}

body.night-mode-on body,
body.night-mode-on p,
body.night-mode-on h1,
body.night-mode-on h2,
body.night-mode-on h3,
body.night-mode-on h4,
body.night-mode-on h5,
body.night-mode-on h6,
body.night-mode-on a:any-link {
	color: #ffffff;
}

a,
a:-webkit-any-link {
	outline: none;
}

.body-blurred {
	background: #efefef;
	overflow: hidden;
}

.blurred {
	filter: blur(10px) brightness(1);
	-webkit-filter: blur(10px) brightness(1);
	overflow: hidden;
}

body.night-mode-on .blurred {
	filter: blur(10px) brightness(0.7);
	-webkit-filter: blur(10px) brightness(0.7);
}

.entry-title,
.hide {
	display: none !important;
}

.reader-notice {
	opacity: 0;
	height: 0;
	margin: 0;
}

.loading__screen {
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #ffffff;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.night-mode-on .loading__screen {
	background-color: #000000;
}

.page-id-19633 .loading__screen {
	display: none;
}

.loading__screen__image {
	/* position: absolute;
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; tbd */
	background-image: url(../assets/loading-black@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	max-width: 253px;
	height: 100%;
	max-height: 253px;
	cursor: none;
	z-index: 100;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 4.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-duration: 4.5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}

body.night-mode-on .loading__screen__image {
	background-image: url(../assets/loading-white@2x.png);
	cursor: none;
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

body.night-mode-on .dim-on-dark-mode {
	filter: brightness(0.8);
	-webkit-filter: brightness(0.8);
}

.coming-soon {
	background-color: #e0e0e0;
	overflow: hidden;
}

.marquee {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

.marquee p {
	font-size: 30vw;
	white-space: nowrap;
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-moz-animation: scroll-left 25s linear infinite;
	-webkit-animation: scroll-left 25s linear infinite;
	animation: scroll-left 25s linear infinite;
}

@-moz-keyframes scroll-left {
	0% {
		-moz-transform: translateX(65%);
	}

	100% {
		-moz-transform: translateX(-65%);
	}
}

@-webkit-keyframes scroll-left {
	0% {
		-webkit-transform: translateX(65%);
	}

	100% {
		-webkit-transform: translateX(-65%);
	}
}

@keyframes scroll-left {
	0% {
		-moz-transform: translateX(65%);
		-webkit-transform: translateX(65%);
		transform: translateX(65%);
	}

	100% {
		-moz-transform: translateX(-65%);
		-webkit-transform: translateX(-65%);
		transform: translateX(-65%);
	}
}

.custom-menu {
	display: none;
	z-index: 1000;
	position: absolute;
	overflow: hidden;
	border: 1px solid #3c3c3c;
	white-space: nowrap;
	background: #3c3c3c;
	color: #eaeaea;
	border-radius: 5px;
	padding: 15px;
}

.custom-menu li {
	padding: 8px 12px;
	list-style-type: none;
	transition: all .3s ease;
	user-select: none;
}

.custom-menu li:hover {
	background-color: #c3c3c3;
}

.custom-menu .seperator {
	height: 2px;
	margin: 0;
	background-color: #c3c3c3;
}

/*Developer tools (for debugging purposes)*/
.developer-tools {
	opacity: 0.5;
	position: absolute;
	bottom: 0;
	left: 1.8%;
	z-index: 100;
	background: #000000;
	pointer-events: none;
}

.developer-tools p {
	font-family: monospace;
	margin: 0;
	color: #ffffff;
}

.cross:before,
.cross:after {
	content: "";
	position: fixed;
	background: #ff000063;
	z-index: 99;
	opacity: 0.1;
}

.cross:before {
	left: 50%;
	top: 4px;
	bottom: 4px;
	width: 2px;
	transform: translateX(-50%);
}

.cross:after {
	top: 50%;
	left: 4px;
	right: 4px;
	height: 2px;
	transform: translateY(-50%);
}

/*--------------------------------------------------------------
# Nav bar
--------------------------------------------------------------*/
nav {
	float: right;
}

.header {
	position: fixed;
	width: 100%;
	padding: 0 1.5%;
	top: 0.46875vw;
	z-index: 5;
	display: none;
}

/* .home .header {
   z-index: 2;
} */
body.logged-in header {
	margin-top: 32px !important;
}

.header__logo__wrapper {
	width: 180px;
	float: left;
}

.header__logo {
	position: absolute;
	margin: 0;
	z-index: 1;
	font-size: 2.8vw;
}

.header__logo--shop {
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
}

.header__menu {
	display: inline-flex;
	font-size: 2.8vw;
	font-weight: 500;
}

.header__menu__collapsible--open {
	width: 100%;
	height: 100%;
	position: fixed;
}

.header__menu__background {
	width: 300%;
	height: 300%;
	top: -50%;
	left: 0;
	z-index: 0;
	position: absolute;
	background-image: url(../assets/background-grid-white.png);
}

body.night-mode-on .header__menu__background {
	filter: invert(1);
}

.header__menu__collapsible--closed {
	display: inherit;
}

.header__menu__button--open {
	z-index: 1;
}

.woocommerce-checkout main {
	min-height: 100vh;
}

.woocommerce-cart .menu-menu-container,
.woocommerce-cart .header__menu,
.woocommerce-cart .language-switcher,
.woocommerce-cart .night-mode,
.woocommerce-cart .footer__column *:not(.footer__copyright, .footer__link--credits),
.woocommerce-checkout .menu-menu-container,
.woocommerce-checkout .header__menu,
.woocommerce-checkout .language-switcher,
.woocommerce-checkout .night-mode,
.woocommerce-checkout .footer__column *:not(.footer__copyright, .footer__link--credits),
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods {
	display: none;
}

.woocommerce-checkout footer {
	height: 50px;
}

.woocommerce-checkout .footer__copyright,
.woocommerce-checkout .footer__link--credits {
	margin: 0;
}

.woocommerce-checkout .footer__column:not(:first-child) {
	padding: 0;
}

/*--------------------------------------------------------------
## Toggles
--------------------------------------------------------------*/
.menu-item {
	margin-right: 2.3vw;
}

.menu-item:nth-child(1) {
	margin-right: 2.2vw;
}

.menu-item:nth-child(2) {
	margin-right: 2.2vw;
}

.menu-item:nth-child(3) {
	margin-right: 2.2vw;
}

.main-navigation a {
	margin-left: 0;
}

.header__menu__toggles {
	display: inline-flex;
	position: relative;
	top: 0.65vw;
	image-rendering: -webkit-optimize-contrast;
}

@media not all and (min-resolution:.001dpcm) {
	@media {
		.header__menu__toggles {
			image-rendering: auto;
		}
	}
}

.language-switcher {
	background-image: url(../assets/language-switcher-en.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 5vw;
	height: 2.7vw;
	margin-right: 2.1vw;
}

.language-switcher--active {
	background-image: url(../assets/language-switcher-el.png) !important;
}

body:not(.night-mode-on) .language-switcher {
	filter: invert(1);
}

.night-mode {
	background-image: url(../assets/day-mode.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 5vw;
	height: 2.7vw;
	margin-right: 2.1vw;
}

.night-mode--active {
	background-image: url(../assets/night-mode.png) !important;
}

body:not(.night-mode-on) .night-mode {
	filter: invert(1);
}

.grid-toggle {
	/* background-image: url(../assets/index.png); */
	background-image: url(../assets/grid.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 5vw;
	height: 2.7vw;
}

.fullscreen-toggle {
	background-image: url(../assets/fullscreen.png) !important;
}

/* .page-id-19391 .fullscreen-toggle, */
.index-toggle {
	background-image: url(../assets/index.png) !important;
}

body:not(.night-mode-on) .grid-toggle {
	filter: invert(1);
}

.header__button--close {
	width: 1.5vw;
	height: 1.5vw;
	margin: 0 1vw;
	position: relative;
	top: -0.7vw;
}

body.night-mode-on .header__button--close {
	filter: invert(1);
}

.invert-colors {
	mix-blend-mode: difference;
	color: #000000;
}

.invert-unsupported {
	color: #000000;
}

@supports not (mix-blend-mode: difference) {
	.invert-colors {
		color: #000000;
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
	height: 474.36px;
	display: flex;
	justify-content: space-between;
	padding: 0 1.5%;
}

.footer__column {
	font-size: 1.48072vw;
	/* font-size: 28.43px;tbd */
	line-height: 0.9;
	display: flex;
	flex-direction: column;
}

.footer__column:not(:first-child) {
	padding-top: 3.125vw;
	/* padding-top: 60px; */
}

.footer__column:nth-child(3) {
	flex-basis: 29%;
}

.page-template-contact-php .footer__column:nth-child(3) {
	visibility: hidden;
}

.page-template-contact-php .footer__link--policy {
	margin-top: calc(50% - 0.4em);
}

.footer__link--policy {
	margin-top: calc(50% - 1.84em);
}

.footer__link--credits {
	margin-top: auto;
}

.footer__link--policy,
.footer__link--credits {
	margin-bottom: 1.5em;
}

/* Hide Twitter link for now */
.footer__column:nth-child(3) .footer__link:nth-child(5) {
	display: none;
}

.footer__title {
	font-size: 2.7942vw;
	/* font-size: 53.65px;tbd */
}

.page-template-contact-php .footer__title {
	visibility: hidden;
	margin: 0;
}

.footer__newsletter {
	position: relative;
}

input[type="email"].footer__newsletter__input {
	width: 31.11vw;
	/* width: 597.4px; */
	font-size: 1.4807vw;
	/* font-size: 28.43px; */
	background-color: #00000000;
	border: none;
	border-bottom: 2px solid #000000;
	/* border-bottom: 2px solid #B0B0B0;tbd */
	border-radius: 0;
	color: #000000;
	font-family: 'BN Grotesque Bold', sans-serif;
}

.night-mode-on input[type="email"].footer__newsletter__input {
	border-bottom: 2px solid #ffffff;
}

.night-mode-on input[type="email"].footer__newsletter__input,
.night-mode-on .footer__newsletter__input::placeholder {
	color: #ffffff;
}

input.footer__newsletter__input:focus-visible {
	outline: none;
}

input.footer__newsletter__input div {
	z-index: -1;
}

.footer__newsletter__input::placeholder {
	/* bottom: 5px;
   position: relative; */
	opacity: 1;
	font-size: 1.4807vw;
	/* font-size: 28.43px; */
	color: #000000;
}

.night-mode-on .footer__newsletter__input::placeholder {
	color: #ffffff;
}

.footer__newsletter__input:focus {
	outline: none;
}

.footer__newsletter__icon {
	position: absolute;
	right: 0;
	top: calc(50% - 7.5px);
	cursor: pointer;
}

.footer__newsletter__asterisk {
	font-size: 16px;
	position: absolute;
	display: none;
}

.footer__newsletter__asterisk:nth-of-type(2) {
	left: 7vw;
}

html:lang(el) .footer__newsletter__asterisk:nth-of-type(2) {
	left: 11vw;
}

.footer__newsletter__asterisk::before {
	content: "*";
	font-size: 2em;
}

.footer__newsletter__asterisk:nth-of-type(2)::before {
	content: "**";
}

.footer__copyright {
	margin-top: auto;
}

.footer__address {
	font-style: normal;
}

.footer__address a {
	pointer-events: none;
}

.footer__up-again {
	width: 6.927vw;
	/* width: 133px; */
	height: 6.927vw;
	border: 1px solid;
	border-radius: 3.645vw;
	/* border-radius: 70px; */
}

.footer__up-again p {
	top: calc(50% - 1.5em);
	left: 0.35em;
	position: relative;
}

html:lang(el) .footer__up-again p {
	top: calc(50% - 1.8em);
	left: -0.1em;
	text-align: center;
}

/* old */
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 27.5vw;
	/* margin-top: 60px; */
	padding: 0 1.5%;
}

/* .footer__contact-page {
    margin: 0;
}

.footer__contact-page,
.footer__contact-page a {
    color: #000000;
}

.footer__links {
    top: 6vw;
    position: absolute;
}

.footer__copyright {
    bottom: 0;
    position: absolute;
    display: inline-flex;
}

.footer__copyright__text {
    font-size: 1.5vw;
    color: #000000;
}

.footer__copyright__text.developed-by {
    position: fixed;
    width: 100%;
}

.menu-footer-1-container,
.menu-footer-2-container,
.menu-footer-3-container {
    display: inline-flex;
    margin-right: 7vw;
}

.menu-footer-1-container:lang(el),
.menu-footer-2-container:lang(el),
.menu-footer-3-container:lang(el) {
    margin-right: 4.9vw;
}

.menu-footer-1-container ul,
.menu-footer-2-container ul,
.menu-footer-3-container ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.menu-footer-1-container ul ul,
.menu-footer-2-container ul ul,
.menu-footer-3-container ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 2;
}

.menu-footer-1-container ul ul ul,
.menu-footer-2-container ul ul ul,
.menu-footer-3-container ul ul ul {
    left: -999em;
    top: 0;
}

.menu-footer-1-container ul ul li:hover > ul,
.menu-footer-1-container ul ul li.focus > ul,
.menu-footer-2-container ul ul li:hover > ul,
.menu-footer-2-container ul ul li.focus > ul,
.menu-footer-3-container ul ul li:hover > ul,
.menu-footer-3-container ul ul li.focus > ul {
    left: 100%;
}

.menu-footer-1-container ul ul a,
.menu-footer-2-container ul ul a,
.menu-footer-3-container ul ul a {
    width: 200px;
}

.menu-footer-1-container ul li:hover > ul,
.menu-footer-1-container ul li.focus > ul,
.menu-footer-2-container ul li:hover > ul,
.menu-footer-2-container ul li.focus > ul,
.menu-footer-3-container ul li:hover > ul,
.menu-footer-3-container ul li.focus > ul {
    left: auto;
}

.menu-footer-1-container a,
.menu-footer-2-container a,
.menu-footer-3-container a {
    display: block;
    text-transform: lowercase;
    text-decoration: none;
    margin-right: 35px;
    font-size: 2.8vw;
    line-height: 100%;
    color: #000000;
}

.footer .menu-item:last-child {
    margin-right: 0;
}

.footer__back-to-top {
    right: 30px;
    top: 5.3vw;
    position: absolute;
    font-size: 2.8vw;
    opacity: 0.3;
    z-index: 5;
}

.single .footer__back-to-top,
.footer__about-page .footer__back-to-top,
.footer__contact-page .footer__back-to-top,
.page-id-19633 .footer__back-to-top {
    display: none;
} */
/*--------------------------------------------------------------
## Navigator
--------------------------------------------------------------*/
.navigator {
	font-size: 2.8vw;
	background-color: #ffffff;
	opacity: 0.3;
	position: relative;
	top: -6.5vw;
}

body.night-mode-on .navigator {
	font-size: 2.8vw;
	background-color: #000000;
	position: relative;
	top: -6.6vw;
}

.page-template-front-page .navigator,
.page-template-full-screen .navigator,
.page-template-contact .navigator__link--r {
	display: none;
}

.navigator__link--l {
	display: inline-flex;
}

.navigator__link__arrow--l,
.navigator__link__arrow--r {
	line-height: 1.2;
}

.navigator__link__arrow--l:before {
	content: "\4000";
	font-size: 63px;
	line-height: 0;
}

.navigator__link--r {
	float: right;
	display: inline-flex;
	margin-top: 0.7vw;
}

.left-arrow:before {
	content: "\e001";
	line-height: 0;
}

.right-arrow:before {
	content: "\e002";
	line-height: 0;
}

.navigator__link__arrow--r:first-child {
	display: none;
}

.navigator__link__text {
	font-family: 'BN Grotesque Bold', Helvetica, sans-serif, Arial;
	margin: 0;
	line-height: 1;
}

.contact .navigator {
	position: relative;
	margin: -1px;
	z-index: 2;
}

.contact .navigator a:last-child {
	display: none;
}

/*--------------------------------------------------------------
## Cookies notice
--------------------------------------------------------------*/
.cookies-notice {
	width: 55%;
	height: 18.4vw;
	opacity: 0.94;
	bottom: 2.8vw;
	right: 0;
	position: fixed;
	background-color: #f8ff00;
	z-index: 100;
	padding: 0 2.1vw;
	font-family: 'BN Grotesque Bold', Helvetica, sans-serif, Arial;
	animation: slideIn 0.2s ease-out;
	-webkit-animation: slideIn 0.2s ease-out;
	-moz-animation: slideIn 0.2s ease-out;
	display: none;
}

@keyframes slideIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-webkit-keyframes slideIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes slideIn {
	0% {
		opacity: 0;
		-moz-transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

.slideOut {
	animation: slideOut 0.2s ease-out;
	-webkit-animation: slideOut 0.2s ease-out;
	-moz-animation: slideOut 0.2s ease-out;
	animation-direction: reverse;
}

@keyframes slideOut {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-webkit-keyframes slideOut {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes slideOut {
	0% {
		opacity: 0;
		-moz-transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

.cookies-notice__wrapper {
	position: absolute;
	top: 2vw;
}

.cookies-notice__text {
	font-family: 'BN Grotesque Bold', Helvetica, sans-serif, Arial;
	color: #000000;
	font-size: 1.2vw;
	font-weight: bold;
	line-height: 0.8;
	margin: 0;
}

.cookies-notice__readmore {
	font-family: 'BN Grotesque Bold', Helvetica, sans-serif, Arial;
	font-size: 1.2vw;
	font-weight: bold;
	line-height: 0.8;
	opacity: 0.3;
}

body.night-mode-on .cookies-notice,
.cookies-notice__text,
.cookies-notice__readmore {
	color: #000000 !important;
}

.cookies-notice__button {
	position: absolute;
	bottom: 0.2vw;
	font-size: 2.8vw;
}

.cookies-notice__button::after {
	content: "";
	position: absolute;
	background-image: url(../assets/arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 35%;
	top: 1.2vw;
	margin-left: 16vw;
}

.cookies-notice__button:lang(el)::after {
	margin-left: 7.4vw;
}

.cookies-notice__button:focus {
	outline: none;
}

.cookies-notice__button:hover {
	color: #000000;
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Grid mode
--------------------------------------------------------------*/
.homepage {
	background-color: #ffffff;
	overflow: hidden;
}

.night-mode-on {
	background-color: black;
	color: white;
}

.grid::after {
	content: '';
	display: block;
	clear: both;
}

.grid-item {
	float: left;
	overflow: hidden;
	position: absolute;
	/* z-index: 4; */
}

.post-title {
	position: absolute;
	cursor: none;
	font-size: 9vw;
	color: #ffffff;
	line-height: 0.75;
	letter-spacing: -4px;
	width: 100%;
	margin: 0;
	z-index: 1;
	will-change: left, top, scroll-position;
	/* -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); */
}

#postTitle,
#postTitle .en_text,
.contact__join__text .en_text,
#postTitle .gr_text,
.contact__join__text .gr_text {
	height: 100%;
	width: 100%;
	cursor: none;
	line-height: 0.77;
	/* white-space: nowrap; */
}

.page-id-19391 #postTitle {
	white-space: nowrap
}

img#postTitle {
	max-width: max-content;
	max-height: max-content;
	display: block;
}

.en_text:lang(el) {
	display: none;
}

.gr_text:lang(en) {
	display: none;
}

.post-link {
	display: block;
}

a.post-link[href=""],
a.post-link:not([href]) {
	pointer-events: none;
}

.post-image {
	z-index: 3;
	width: 100%;
	max-width: 100%;
}

/* .page-id-19391 .post-image {
    position: absolute;
    cursor: none;
} */
.hover-image {
	display: block;
	cursor: none;
	pointer-events: none;
	position: absolute !important;
	width: 100%;
	left: 0;
	top: 0;
}

.title-behind-image {
	z-index: 2 !important;
}

.title-behind-video {
	z-index: 2 !important;
}

.title-over-hover-image {
	z-index: 6 !important;
}

.post-hidden {
	display: none;
}

.outline-title {
	color: transparent !important;
	-webkit-text-stroke-width: 1.7px;
	-webkit-text-stroke-color: #000000;
}

body.night-mode-on .white-text {
	color: #ffffff !important;
}

body.night-mode-on .outline-title.white-text {
	-webkit-text-stroke-color: #ffffff !important;
}

body.night-mode-on .black-text {
	color: #000000 !important;
}

body.night-mode-on .outline-title.black-text {
	-webkit-text-stroke-color: #000000 !important;
}

body.night-mode-on .darkgrey-text {
	color: #383838 !important;
}

body.night-mode-on .outline-title.darkgrey-text {
	-webkit-text-stroke-color: #383838 !important;
}

body.night-mode-on .midgrey-text {
	color: #848484 !important;
}

body.night-mode-on .outline-title.midgrey-text {
	-webkit-text-stroke-color: #848484 !important;
}

body.night-mode-on .lightgrey-text {
	color: #D8D8D8 !important;
}

body.night-mode-on .outline-title.lightgrey-text {
	-webkit-text-stroke-color: #D8D8D8 !important;
}

body.night-mode-on .ce000f-text {
	color: #ce000f !important;
}

body.night-mode-on .outline-title.ce000f-text {
	-webkit-text-stroke-color: #ce000f !important;
}

body.night-mode-on .bd0020-text {
	color: #BD0020 !important;
}

body.night-mode-on .outline-title.bd0020-text {
	-webkit-text-stroke-color: #BD0020 !important;
}

body.night-mode-on .golden-text {
	color: #AA9649 !important;
}

body.night-mode-on .outline-title.golden-text {
	-webkit-text-stroke-color: #AA9649 !important;
}

body.night-mode-on .lightgold-text {
	color: #A69C69 !important;
}

body.night-mode-on .outline-title.lightgold-text {
	-webkit-text-stroke-color: #A69C69 !important;
}

body.night-mode-on .purple-text {
	color: #6100FB !important;
}

body.night-mode-on .outline-title.purple-text {
	-webkit-text-stroke-color: #6100FB !important;
}

body.night-mode-on .fluogreen-text {
	color: #00FF64 !important;
}

body.night-mode-on .outline-title.fluogreen-text {
	-webkit-text-stroke-color: #00FF64 !important;
}

body.night-mode-on .cyan-text {
	color: #008ed0 !important;
}

body.night-mode-on .grayishmagenta-text {
	color: #bca1bf !important;
}

body.night-mode-on .outline-title.cyan-text {
	-webkit-text-stroke-color: #008ed0 !important;
}

body.night-mode-on .white-background {
	background-color: #ffffff !important;
}

body.night-mode-on .black-background {
	background-color: #000000 !important;
}

body.night-mode-on .darkgrey-background {
	background-color: #383838 !important;
}

body.night-mode-on .midgrey-background {
	background-color: #848484 !important;
}

body.night-mode-on .lightgrey-background {
	background-color: #D8D8D8 !important;
}

body.night-mode-on .ce000f-background {
	background-color: #ce000f !important;
}

body.night-mode-on .bd0020-background {
	background-color: #BD0020 !important;
}

body.night-mode-on .golden-background {
	background-color: #AA9649 !important;
}

body.night-mode-on .lightgold-background {
	background-color: #A69C69 !important;
}

body.night-mode-on .purple-background {
	background-color: #6100FB !important;
}

body.night-mode-on .fluogreen-background {
	background-color: #00FF64 !important;
}

body.night-mode-on .cyan-background {
	background-color: #008ed0 !important;
}

body.night-mode-on .grayishmagenta-background {
	background-color: #bca1bf !important;
}

/*--------------------------------------------------------------
## Full screen mode
--------------------------------------------------------------*/
.fullscreen {
	max-width: 100%;
	cursor: none;
}

.page-template-full-screen {
	cursor: none !important;
}

.project {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: none;
}

.project picture {
	cursor: none;
}

.project .post-title {
	z-index: 1;
	font-size: 8.6vw;
	letter-spacing: -10px;
	cursor: none;
	margin: 0;
}

.project .post-title h2 {
	cursor: none;
	margin: 0;
}

.fullscreen-homepage img#postTitle {
	display: initial;
}

/*
.fullscreen .post-title {
     tbd    transform: translateX(-50%);
    will-change: top, left;
}
*/
.title-overflowed {
	left: -6vw;
	position: relative;
}

.fullscreen .post-image {
	display: block;
	position: relative;
	margin: 0 auto;
	z-index: 2;
	pointer-events: none;
	cursor: none;
}

.video-thumbnail {
	/*   tbd position: absolute !important;*/
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1 !important;
}

.fullscreen .hover-image {
	z-index: 3 !important;
}

.post-video {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	/*    it was relative - changed to abs to fix the fucking issue tbd notice*/
	z-index: 2;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	cursor: none;
	/* tbd
    margin: 0 auto;
    transform: translateY(-50%);
*/
}

/*--------------------------------------------------------------
## Projects index mode
--------------------------------------------------------------*/
/* .page-id-19633 {
    overflow: hidden;
} */
.projects-index {
	width: 100vw;
	/* margin-top: 7.7vw; */
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom: 0;
	background-color: #ffffff;
}

.night-mode-on .projects-index {
	background-color: #000000;
}

.projects-index thead::after {
	content: "";
	background-color: #FFFFFF;
	width: 100vw;
	height: var(--padding-top);
	display: block;
	position: fixed;
	z-index: 10;
	top: 0;
}

.night-mode-on thead::after {
	background-color: #000000;
}

.projects-index thead th:nth-child(1) {
	width: 16.5vw;
}

.projects-index thead th:nth-child(2) {
	width: 23.3vw;
}

.projects-index thead th:nth-child(3) {
	width: 28.4vw;
}

.projects-index thead th:nth-child(4) {
	width: 37.8vw;
}

.projects-index thead tr {
	top: var(--padding-top);
	/* top: 11.71vw;tbd */
	position: sticky;
	background-color: #ffffff;
	text-align: left;
	z-index: 11;
}

/* Fix scroll jump, also change .projects-index thead::after and .projects-index thead tr */
.logged-in .projects-index thead tr {
	/* top: 13.3vw; */
	top: var(--padding-top);
}

.night-mode-on .projects-index thead tr {
	background-color: #000000;
}

@media (prefers-color-scheme: dark) {
	body.night-mode-on .projects-index thead tr {
		background-color: #000000;
	}
}

.projects-index thead tr::after {
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	/* bottom: 0; */
	top: 3.6625vw;
	/* top: 3.5625vw; */
	/* top: 3.6625vw;tbd */
	/* top: 4.0625vw; */
	display: block;
	position: absolute;
	background-color: #000000;
}

.night-mode-on .projects-index thead tr::after {
	background-color: #ffffff;
}

.projects__option {
	display: inline-flex;
	align-items: center;
	margin-left: 30px;
}

.projects__option__text {
	line-height: 1;
	font-size: 1.01354vw;
	margin: 15px;
	/* tbd margin-left: 0.78125vw; */
}

th:last-child .projects__option,
th:last-child .projects__option__text {
	margin-left: 0;
}

.projects__select {
	width: 2.083vw;
	height: 2.083vw;
	border: 1px solid #000000;
	border-radius: 1.04166vw;
	display: inline-block;
}

.night-mode-on .projects__select {
	border: 1px solid #ffffff;
}

.projects__select--active {
	background-color: #000000;
}

.night-mode-on .projects__select--active {
	background-color: #ffffff;
}

.projects__indicator {
	display: inline-block;
	cursor: pointer;
	transition: 0.2s all;
}

.projects__option--active .projects__indicator {
	transform: rotate(90deg);
}

.projects__option--active.projects__option--desc .projects__indicator {
	transform: rotate(270deg);
}

.projects-index tbody::before {
	content: "";
	display: block;
	/* margin-top: 76px; */
}

.projects-index tbody tr {
	border-bottom: 1px solid #000000;
}

.night-mode-on .projects-index tbody tr {
	border-bottom: 1px solid #ffffff;
}

.projects-index tbody td {
	font-size: 2.083vw;
	vertical-align: top;
	cursor: url("../assets/VISIT_HD.png") 20 20, auto;
	cursor: -webkit-image-set(url("../assets/VISIT_HD.png") 1x, url("../assets/VISIT_retina.png") 2x) 20 20, auto;
}

.projects-index tbody td:first-child {
	white-space: nowrap;
}

.projects-index tbody td:last-child {
	width: 31.8vw;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 2.2vw;
}

/* .projects__single {
    position: relative;
    overflow: hidden;
} */
.projects__single {
	transition: 0.1s all;
}

.projects__single--active {
	background-color: #000000;
	color: #ffffff;
}

.night-mode-on .projects__single--active {
	background-color: #ffffff;
	color: #000000;
}

.projects__single__follow {
	display: none;
	/* position: absolute;tbd
    top: -100%;
    left: -100%;
    transform: translate(-50%, -50%);
    transition: none;
    cursor: none; */
}

.projects__single__text {
	line-height: 0.95;
	padding: 1.5625vw calc(3.0729vw + 30px) 1.1625vw calc(3.0729vw + 30px);
}

.tag {
	height: 2.3421vw;
	/* height: 44.97px;tbd */
	font-size: 1.0135vw;
	border: 1px solid #000000;
	border-radius: 1.3416vw;
	padding: 0.5vw 0.88541vw 0.5208vw 0.88541vw;
	/* padding: 0.67708vw 0.88541vw 0.5208vw 0.88541vw; */
	top: 1.2vw;
	/* top: 1.1979vw; tbd */
	position: relative;
	transition: none;
	/* z-index: 10; why??tbd */
	cursor: url("../assets/cursor.png") 20 20, auto;
	cursor: -webkit-image-set(url("../assets/cursor.png") 1x, url("../assets/cursor@2x.png") 2x) 20 20, auto;
}

.tag:active {
	cursor: url("../assets/cursor-active.png") 20 20, auto;
	cursor: -webkit-image-set(url("../assets/cursor-active.png") 1x, url("../assets/cursor-active@2x.png") 2x) 20 20, auto;
}

.projects__single--active .tag,
.night-mode-on .tag {
	border: 1px solid #ffffff;
}

.night-mode-on .projects__single--active .tag {
	border: 1px solid #000000;
}

.row--active.tag--active {
	background-color: #000000;
	color: #ffffff;
}

.night-mode-on .row--active.tag--active {
	background-color: #ffffff;
	color: #000000;
}

.tag--disabled {
	pointer-events: none;
}

/* Elementor styles */
.elementor-19633 .elementor-element.elementor-element-fd60be3 .elementor-spacer-inner {
	height: 290px;
}

.elementor-19633 .elementor-element.elementor-element-fd60be3 {
	z-index: 11;
	width: 100%;
	max-width: 100%;
	top: 0px;
}

.elementor-19633 .elementor-element.elementor-element-fd60be3 > .elementor-widget-container {
	background-color: #FFFFFF;
}

body:not(.rtl) .elementor-19633 .elementor-element.elementor-element-fd60be3 {
	left: 0px;
}

body.rtl .elementor-19633 .elementor-element.elementor-element-fd60be3 {
	right: 0px;
}

:root {
	--page-title-display: none;
}

/* Start custom CSS for spacer, class: .elementor-element-fd60be3 */
.elementor-19633 .elementor-element.elementor-element-fd60be3 .elementor-spacer-inner {
	height: 15.1vw;
}

.elementor-19633 .elementor-element.elementor-element-fd60be3 > .elementor-widget-container {
	transition: none;
}

.night-mode-on .elementor-19633 .elementor-element.elementor-element-fd60be3 > .elementor-widget-container {
	background-color: #000000;
}

@media screen and (max-width: 640px) {
	.elementor-19633 .elementor-element.elementor-element-fd60be3 .elementor-spacer-inner {
		height: 40vw;
	}
}

@media (prefers-color-scheme: dark) {
	body.night-mode-on .elementor-19633 .elementor-element.elementor-element-fd60be3 > .elementor-widget-container {
		background-color: #000000;
	}
}

/*--------------------------------------------------------------
# Posts (Projects)
--------------------------------------------------------------*/
.post {
	padding: 15.2% 1.5% 0;
	overflow: hidden;
}

.project.page {
	margin: 0;
}

.entry-content {
	margin-top: 4vw;
}

.project-text-left {
	width: 49%;
	float: left;
}

.project-text-right {
	width: 48%;
	float: right;
}

.full-width-img-fix img,
.full-width-fix {
	width: 104% !important;
	max-width: 104% !important;
	left: -2% !important;
	position: relative !important;
}

.full-width-padding-fix {
	padding: 2%;
	background-color: #ffffff;
}

.night-mode-on .full-width-padding-fix {
	background-color: #000000;
}

.project-bubbles {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.project-bubble {
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
	white-space: nowrap; /* Prevent bubbles from splitting text awkwardly */

	white-space: nowrap;
	height: 2.3421vw;
	font-size: 1.25vw;
	border: 1px solid #000000;
	border-radius: 1.3416vw;
	margin: 0;
	margin-top: -1px;
	line-height: 2em;
	padding: 0 1.18541vw;
}
.flex-break {
	width: 100%; /* Forces a new line */
	height: 0; /* No visible height */
}


.night-mode-on .project-bubble {
	border: 1px solid #ffffff;
}

/* Looping Background widget */
.looping-background {
	width: 100vw;
	height: 100vh;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
	pointer-events: none;
}

.looping-background__image {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	display: inline-block;
	position: absolute;
	opacity: 0;
	transition: opacity 4s ease-in-out;
}

.looping-background__image.--in {
	opacity: 1;
}

/* .looping-background__image {
	position:absolute;
	left:0;
	top:0;

	animation-name: fade;
	animation-iteration-count: infinite;
	animation-duration: attr(data-count) "s";
}

@keyframes fade {
	0% {opacity: 0;}
	20% {opacity: 1;}
	33% {opacity: 1;}
	53% {opacity: 0;}
	100% {opacity: 0;}
}

.looping-background__image--2 {
	animation-delay: -4s;
}
.looping-background__image--3 {
	animation-delay: -2s;
} */
/* Try Mean widget */
@font-face {
	font-family: 'Mean';
	src: url("../assets/fonts/mean_dc-Thin.ttf") format("truetype");
	font-display: swap;
	font-weight: 100;
}

@font-face {
	font-family: 'Mean';
	src: url("../assets/fonts/mean_dc-Light.ttf") format("truetype");
	font-display: swap;
	font-weight: 200;
}

@font-face {
	font-family: 'Mean';
	src: url("../assets/fonts/mean_dc-Regular.ttf") format("truetype");
	font-display: swap;
	font-weight: 400;
}

@font-face {
	font-family: 'Mean';
	src: url("../assets/fonts/mean_dc-Medium.ttf") format("truetype");
	font-display: swap;
	font-weight: 500;
}

@font-face {
	font-family: 'Mean';
	src: url("../assets/fonts/mean_dc-bold.ttf") format("truetype");
	font-display: swap;
	font-weight: 700;
}

.font {
	width: 100%;
	height: 1110px;
	position: relative;
	font-family: 'Mean';
	/* transition: none; tbd why?*/
	color: #000000;
}

.font__preview {
	width: 100%;
	height: 1110px;
	background-color: #eeeeee;
	font-size: 3.125vw;
	background-size: cover;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-image: url('../assets/bg.jpg');
	outline: none;
	position: absolute;
	/* background-image: url('assets/sq1.jpg'); */
	/* 	overflow: hidden;
   white-space: nowrap; */
}

.font__preview div {
	/* display: contents;tbd */
}

.font__slider {
	width: 186px;
	height: 2px;
	-webkit-appearance: none;
	background-color: #000000;
	outline: none;
	position: relative;
}

input.font__slider {
	color: #000000;
}

.black-background .font__slider {
	color: #ffffff;
	background-color: #ffffff;
}

.font__slider::-webkit-slider-thumb {
	width: 19px;
	height: 19px;
	border: 2px solid #241F20;
	border-radius: 12px;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	background-color: #ffffff;
}

.font__slider::-moz-range-thumb {
	width: 19px;
	height: 19px;
	border: 2px solid #241F20;
	border-radius: 12px;
	cursor: pointer;
	background-color: #ffffff;
}

.font__slider--size::before {
	content: "A";
	left: -30px;
	top: -10px;
	font-size: 22px;
	position: absolute;
	cursor: pointer;
}

.font__slider--size::after {
	content: "A";
	right: -35px;
	top: -20px;
	font-size: 36px;
	position: absolute;
	cursor: pointer;
}

.font__slider--kerning::before {
	content: "AA";
	left: -45px;
	top: -10px;
	font-size: 22px;
	position: absolute;
	cursor: pointer;
}

.font__slider--kerning::after {
	content: "A A";
	right: -61px;
	top: -10px;
	font-size: 22px;
	position: absolute;
	letter-spacing: 5px;
	cursor: pointer;
}

.font__slider--leading::before {
	content: "A\A A";
	left: -45px;
	top: -12px;
	font-size: 22px;
	position: absolute;
	white-space: pre;
	line-height: 0.7;
	transform: rotate(270deg);
	cursor: pointer;
}

.font__slider--leading::after {
	content: "A \A A";
	right: -61px;
	top: -32px;
	font-size: 22px;
	position: absolute;
	white-space: pre;
	transform: rotate(270deg);
	cursor: pointer;
}

.font__picker {
	position: absolute;
	top: 30px;
	left: 30px;
	border: 3px solid #000000;
	background-color: #ffffff;
	color: #000000;
	font-size: 27px;
	z-index: 1;
}

.font__picker__active {
	padding: 13px 83px 7px 83px;
	cursor: pointer;
	font-size: 27px;
	margin: 0;
}

.font__picker__active:active {
	background-color: #000000;
	color: #ffffff;
}

.night-mode-on .font__picker__active {
	color: #000000;
}

.font__picker__list {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 0;
	max-height: 0;
	overflow: hidden;
	z-index: 1;
}

.font__picker__list--active {
	height: 100%;
	max-height: 3000px;
}

.font__picker li {
	padding: 12px 83px 6px 83px;
	cursor: pointer;
}

.font__picker li:hover {
	background-color: #000000;
	color: #ffffff;
}

.font__picker__weight--thin:first-child {
	border-top: 3px solid #000000;
}

.font__picker__weight--thin {
	font-weight: 100;
}

.font__picker__weight--light {
	font-weight: 200;
}

.font__picker__weight--regular {
	font-weight: 400;
}

.font__picker__weight--medium {
	font-weight: 500;
}

.font__picker__weight--bold {
	font-weight: 700;
}

.font__top {
	width: 680px;
	top: 45px;
	left: calc(50% - 340px);
	position: absolute;
	display: flex;
	justify-content: space-between;
}

.font__topright {
	width: 231px;
	top: 30px;
	right: 30px;
	position: absolute;
	display: flex;
	justify-content: space-between;
}

.font__alignment {
	width: 60px;
	height: 40px;
	cursor: pointer;
	border: 3px solid #000000;
	background-size: contain;
	transition: 0.1s all;
	transition-timing-function: linear;
}

.font__alignment:hover {
	border: 6px solid #000000;
}

.font__alignment--left {
	background-image: url('../assets/alignment-left.jpg');
}

.font__alignment--center {
	background-image: url('../assets/alignment-center.jpg');
}

.font__alignment--right {
	background-image: url('../assets/alignment-right.jpg');
}

.font__right {
	width: 80px;
	top: calc(50% - 40px);
	right: 30px;
	position: absolute;
	display: flex;
	justify-content: space-between;
}

.font__right .font__slider {
	transform: rotate(90deg);
}

.font__bottom {
	width: 195px;
	bottom: 120px;
	left: calc(50% - 97.5px);
	position: absolute;
	display: flex;
	justify-content: space-between;
}

.font__background {
	width: 40px;
	height: 40px;
	border-radius: 30px;
	border: 3px solid #000000;
	cursor: pointer;
}

.font__background--grid {
	background-image: url('../assets/font-grid.jpg');
	background-size: 150%;
	background-position: center;
}

.font__background--black {
	background-color: #000000;
}

.font__background--white {
	background-color: #ffffff;
}

.font__background--active {
	border: 6px solid #000000;
}

/*--------------------------------------------------------------
# About us page
--------------------------------------------------------------*/
/* Alternate colors
.about-us,
.about-us__field__inner,
.footer__about-page,
.page-template-about-us,
.page-template-about-us .site-content,
.page-template-about-us .navigator {
    background: #eaeaea;
}

body.night-mode-on.about-us,
body.night-mode-on.about-us__body,
body.night-mode-on .about-us__field,
body.night-mode-on .about-us__field__inner,
body.night-mode-on .footer__about-page,
body.night-mode-on.page-template-about-us,
body.night-mode-on.page-template-about-us .site-content,
body.night-mode-on.page-template-about-us .navigator {
    background: #151515 !important;
}
.about-us__body {
    background: #eaeaea;
    width: 100%;
    z-index: 1;
}
*/
.about-us__field {
	/* Alternate colors   background: #eaeaea;*/
	min-height: 100vh;
	clip-path: inset(0% 0% 0% 0%);
	-webkit-clip-path: inset(0% 0% 0% 0%);
	position: relative;
	overflow: hidden;
}

.about-us__field__inner {
	position: fixed;
}

.about-us__text {
	font-size: 8vw;
	letter-spacing: -5px;
	line-height: 83%;
	padding: 1% 16.66%;
	z-index: 2;
	position: relative;
}

.about-us__text--small {
	font-size: 4vw;
	letter-spacing: -1px;
	line-height: 100%;
}

.about-us__image__wrapper {
	position: fixed !important;
	margin: 0;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

.about-us__image,
.about-us__video {
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.round-video {
	shape-outside: circle();
	clip-path: circle();
	-webkit-clip-path: circle();
}

.center-image-on-desktop,
.center-video-on-desktop {
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.about-us .invert-image-colors {
	filter: invert(1);
	-webkit-filter: invert(100%);
	filter: progid: DXImageTransform.Microsoft.BasicImage(invert='1');
	transform: translateZ(0);
	will-change: transform;
}

body.night-mode-on .about-us .invert-image-colors {
	filter: none;
	-webkit-filter: none;
}

body.night-mode-on .invert-image-colors {
	filter: invert(1);
	-webkit-filter: invert(100%);
	filter: progid: DXImageTransform.Microsoft.BasicImage(invert='1');
	transform: translateZ(0);
	will-change: transform;
}

body.night-mode-on .invert-video-colors {
	filter: invert(1);
	-webkit-filter: invert(100%);
	filter: progid: DXImageTransform.Microsoft.BasicImage(invert='1');
}

/* wtf? tbd
@-moz-document url-prefix() {
    body.night-mode-on .invert-image-colors {
        position: fixed;
    }
}
*/
/*--------------------------------------------------------------
# Contact page
--------------------------------------------------------------*/
.contact__coordinates {
	padding: 1vw 1vw 0 1vw;
	position: relative;
	overflow: hidden;
}

.contact__coordinates__inner {
	display: grid;
}

.contact__coordinates__map {
	z-index: 3;
	position: absolute;
	top: 22%;
	left: 43%;
	width: 15vw;
	height: 15vw;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-position: center 54%;
	background-size: cover !important;
	border-radius: 50%;
	cursor: none !important;
}

.contact__coordinates h1 {
	font-size: 17.5vw;
	text-align: left;
	line-height: 0.75;
	letter-spacing: -0.3vw;
	margin: 1.5vw 0;
	cursor: none;
	z-index: 2;
}

.contact__coordinates--mobile {
	display: none;
}

.contact__info {
	margin-top: 3vw;
}

.contact__info__wrapper {
	display: flex;
	margin: 0 0.5vw;
}

.contact__info__box {
	width: 33.33%;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 4;
	cursor: none;
}

.contact__info__box:nth-child(1) {
	flex-basis: 50%;
}

.contact__info__box h2 {
	font-size: 2.8vw;
	line-height: 100%;
	cursor: none;
}

.contact__info__box h2 span,
.contact__info__box a {
	cursor: none;
}

.contact__info__box:nth-child(1) {
	justify-content: flex-start;
}

.contact__info__box:nth-child(3) {
	justify-content: flex-end;
	pointer-events: all;
}

.page-template-front-page .InstaFix::before,
.page-template-full-screen .InstaFix::before {
	margin: 0.087vw;
	content: "";
}

.single-post .InstaFix::before,
.page-template-about-us .InstaFix::before,
.page-template-contact .InstaFix::before {
	margin: 0.088vw;
	content: "";
}

.contact__join {
	overflow: hidden;
	position: relative;
}

.contact__join h1 {
	font-size: 45vw;
	text-align: center;
	line-height: 100%;
	margin: 0;
	cursor: none;
}

.contact__join__title {
	font-size: 41.5vw;
	/* font-size: 41.113vw;tbd */
	margin: 0;
}

.contact__join__title--large {
	height: 1.02em;
	margin-top: -12vw;
	margin-left: -16px;
}

.contact__join__title--small {
	top: 7.1vw;
	position: relative;
	font-size: 1.480vw;
	padding: 0 1.5%;
}

.contact__join__text {
	font-family: 'BN Grotesque Bold', Helvetica, sans-serif, Arial;
	position: absolute;
	float: left;
	text-align: left;
	font-size: 2.8vw;
	line-height: 100%;
	margin: 0;
	color: #ffffff;
	mix-blend-mode: difference;
	cursor: none !important;
	width: 38%;
	transform: translate(-50%, -50px);
	will-change: top, left;
}

body.night-mode-on .contact__join__text {
	color: #ffffff;
}

.contact__join__arrow {
	width: 4vw;
}

/*--------------------------------------------------------------
# Error 404 page
--------------------------------------------------------------*/
.error404 {
	overflow: hidden;
}

.error-page {
	height: 100vh;
	text-align: center;
	background-image: url(../assets/404-background.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 90vw;
}

body.night-mode-on .error-page {
	background-image: url(../assets/404-dark-background.png);
}

.error-page__header {
	font-size: 20vw;
	margin: 0;
	line-height: 1;
	letter-spacing: -15px;
}

.error-page__text {
	font-size: 1.4vw;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	transform: translate(-50%, -50%);
	width: 100%;
}

.text-spacing {
	width: 0.5em;
	display: inline-block;
}

.error404 .navigator,
.error404 .footer {
	display: none;
}

/*--------------------------------------------------------------
# Privacy policy
--------------------------------------------------------------*/
.privacy {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	background-color: #f8ff00;
	z-index: 101;
	display: none;
	overflow: hidden;
}

.privacy * {
	cursor: url("../assets/cursor-black.png") 20 20, auto;
	cursor: -webkit-image-set(url("../assets/cursor-black.png") 1x, url("../assets/cursor-black@2x.png") 2x) 20 20, auto;
}

.privacy *:active {
	cursor: url("../assets/cursor-black-active.png") 20 20, auto;
	cursor: -webkit-image-set(url("../assets/cursor-black-active.png") 1x, url("../assets/cursor-black-active@2x.png") 2x), 20 20, auto;
}

.privacy__heading {
	width: 16vw;
	height: 100%;
	float: left;
	line-height: 1;
	margin: 0.6% 1.1%;
	font-size: 2.42vw;
}

.privacy__heading h1 {
	width: 16vw;
}

.privacy__text__wrapper {
	width: 78%;
	height: 100%;
	display: flex;
	float: left;
	overflow: auto;
}

.privacy__text {
	font-family: 'BN Grotesque', Helvetica, sans-serif, Arial;
	column-count: 4;
	column-gap: 19px;
	column-fill: auto;
	font-size: 0.781vw;
	line-height: 1.2;
	letter-spacing: 1.7px;
	hyphens: auto;
}

body.night-mode-on .privacy__text,
body.night-mode-on .privacy__heading h1 {
	color: #000000;
}

.privacy__close__button {
	position: fixed;
	top: 2%;
	right: 1%;
	width: 1.5vw;
	height: 1.5vw;
}

/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
/* Checkout form fixes */
.woocommerce-checkout .woocommerce-shipping-totals,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .product-quantity {
	display: none !important;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table td,
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table th,
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr {
	border: #000000;
	border-bottom: 1px solid #000000;
}

.woocommerce-checkout .product-name,
.woocommerce-checkout .product-total,
.woocommerce-checkout .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order-table tfoot th {
	color: #000000 !important;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row,
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row,
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row {
	padding-right: var(--forms-columns-gap-padding, 10px);
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .form-row-first,
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .form-row-last {
	width: 50%;
}

.woocommerce-checkout .validate-postcode.form-row-first {
	position: relative;
	top: 7px;
}

.form-row.address-field.validate-required.validate-postcode.form-row-wide.form-row-first {
	top: 0;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page::placeholder {
	color: #C3C3C3;
}

.profession-field .optional {
	display: none;
}

/* Country picker fixes */
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single {
	height: 48px;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 48px;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order {
	padding: var(--purchase-button-padding, 0.7em 1em);
}

.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],
.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #000000;
	color: #ffffff;
}

.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected=true],
.woocommerce-checkout .select2-container--default .select2-results__option[data-selected=true] {
	background-color: #000000;
	color: #ffffff;
}

.woocommerce-checkout .select2-dropdown {
	border: 1px solid #000000;
	border-radius: 0;
}

.woocommerce-checkout .select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #000000;
	border-radius: 0;
}

.woocommerce-checkout .e-woo-select2-wrapper .select2-results__option {
	color: #000000;
}

/* Order summary/review fixes */
div#order_review {
	padding-top: 45px;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table {
	border-spacing: 0;
	border-collapse: collapse;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table td,
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table .order-total td,
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table .order-total th,
.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table .order-total tr {
	padding-bottom: var(--order-summary-rows-gap-bottom, 4px);
}

/* Choose Font -- Mean */
.choose-font {
	width: 100%;
	display: table;
}

.choose-font__row {
	display: table-row;
}

.choose-font__row--disabled {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.22;
}

.choose-font__row--loading * {
	cursor: progress;
}

.choose-font__cell {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.0vw;
	line-height: 1.6;
	padding: 1vw 1.3vw 0.2vw 1.3vw;
	border-bottom: 0.15625vw solid #000000;
	position: relative;
}

.night-mode-on .choose-font__cell {
	border-bottom: 0.15625vw solid #ffffff;
}

.choose-font__row:first-child .choose-font__cell {
	padding-bottom: 1.4583vw;
}

.choose-font__row:first-child .choose-font__cell:first-child {
	padding-left: 5.1vw;
}

/* Safari fix */
.choose-font__row:last-of-type .choose-font__cell:last-child {
	text-align: right;
}

.choose-font__cell--weight-column {
	width: 30%;
}

.choose-font__cell--type-column {
	width: 52%;
}

.choose-font__cell--price-column {
	width: 0%;
}

/* tbd for pdf specs .choose-font__row:first-child .choose-font__cell:nth-child(3) {
	padding-left: 3.3vw;
} */
.choose-font__cell--weight {
	font-size: 2.6vw;
}

.choose-font__cell--weight::before {
	content: "";
	width: 2.083333333333333vw;
	height: 2.083333333333333vw;
	border-radius: 2.083333333333333vw;
	border: 0.15625vw solid #000000;
	display: inline-block;
	margin-right: 1.71vw;
}

.night-mode-on .choose-font__cell--weight::before {
	border: 3px solid #ffffff;
}

.choose-font__cell--active.choose-font__cell--weight::before {
	background-color: #000000;
}

.night-mode-on .choose-font__cell--active.choose-font__cell--weight::before {
	background-color: #ffffff;
}

.choose-font__license {
	font-size: 1.6vw;
	margin-right: 5.2vw;
}

.choose-font__license--loading {
	pointer-events: none;
}

.choose-font__license--desktop {
	margin-right: 8vw;
}

.choose-font__license--web {
	margin-right: 10.4vw;
}

.choose-font__license--app {
	margin-right: 0;
}

.choose-font__license::before {
	content: " ";
	font-size: 1.3020833333333335vw;
	padding: 0.052083333333333336vw 0.3645833333333333vw;
	border: 0.15625vw solid #000000;
	margin-right: 1.1458333333333333vw;
	top: -0.5729166666666666vw;
	position: relative;
	width: 1.5104166666666667vw;
	height: 1.5104166666666667vw;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

body.night-mode-on .choose-font__license::before {
	border: 0.15625vw solid #ffffff;
}

.choose-font__license--active.choose-font__license::before {
	content: "";
	background-image: url(../assets/cross.png);
	filter: invert(1);
	background-repeat: no-repeat;
	background-position: 45% center;
	background-size: 40%;
	border: 0.15625vw solid #ffffff;
}

body.night-mode-on .choose-font__license--active.choose-font__license::before {
	filter: none;
}

/* tbd .choose-font__cell--download {
	padding: 0 1.3vw;
}

.choose-font__download {
	width: max-content;
	border: 1px solid #000000;
	border-radius: 1.92vw;
	display: block;
	padding: 0.2vw 1.92vw 0 1.92vw;
	font-size: 1.6vw;
}

.choose-font__download:active {
	background-color: #000000;
	color: #ffffff;
}

.night-mode-on .choose-font__download {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #ffffff;
}

.night-mode-on .choose-font__download:active {
	background-color: #ffffff;
	color: #000000;
} */
.choose-font__cell--price {
	font-size: 2.6vw;
	text-align: right;
}

.choose-font__cell--price::before {
	content: "€";
}

.choose-font__cell--price::after {
	content: ",00";
}

.choose-font__sum {
	left: -2em;
	bottom: 1em;
	position: absolute;
	font-size: 1.0416666666666665vw;
}

/* Safari fix */
@media not all and (min-resolution: 0.001dpcm) {
	@media {
		.choose-font__sum {
			left: -1em;
			bottom: 0;
			position: relative;
		}
	}
}

.choose-font__select {
	border: none;
	border-bottom: 2px solid #000000;
	color: #000000;
	opacity: 0;
	background-color: transparent;
	font-size: 1.0416666666666665vw;
	font-family: 'BN Grotesque Bold', Helvetica, sans-serif, Arial;
	-webkit-appearance: none;
	border-bottom: 3px solid black !important;
	border-radius: 0;
	/* tbd background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%; */
}

body.night-mode-on .choose-font__select {
	border-bottom: 2px solid #ffffff !important;
	color: #ffffff;
}

.choose-font__select:focus {
	outline: none;
}

.choose-font__select--desktop {
	margin-right: 5.1vw;
}

.choose-font__select--web {
	margin-right: 3.8vw;
}

.choose-font__vat-notice {
	margin-top: 3.90625vw;
	font-size: 1.0416666666666665vw;
}

a.choose-font__checkout {
	right: 0;
	bottom: 0;
	position: absolute;
	color: #ffffff;
	font-size: 1.6322916666666667vw;
	padding: 0.46875vw 3.125vw 0.15625vw 3.125vw;
	border-radius: 1.5625vw;
	background: transparent linear-gradient(68deg, #FFFFFF 0%, #FF000B 30%) 0% 0% no-repeat padding-box;
}

.woocommerce-checkout th.product-total {
	width: 30%;
}

/* VAT field */
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout .form-row > span {
	position: relative;
}

.vat-field .woocommerce-input-wrapper::before {
	content: attr(data-country);
	position: absolute;
	top: -0.2em;
	left: 1.1em;
	font-family: 'BN Grotesque', Helvetica, sans-serif, Arial;
}

.vat-field input#billing_vat {
	padding-left: 3em !important;
}

/* Select document type */
.select-document {
	font-size: 17px;
	margin-bottom: 20px;
	color: #000000;
}

.select-document input {
	margin-right: 10px;
	margin-left: 10px;
}

.select-document input:first-child {
	margin-left: 20px;
}

.select-document input[type='radio']:after {
	width: 18px;
	height: 18px;
	border-radius: 18px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #ffffff;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #000000;
}

.select-document input[type='radio']:checked:after {
	width: 18px;
	height: 18px;
	border-radius: 18px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #000000;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #000000;
}

/* Safari fix */
@media not all and (min-resolution: 0.001dpcm) {
	@media {
		.select-document input[type='radio']:after,
		.select-document input[type='radio']:checked:after {
			top: -5px;
		}
	}
}

/* Elementor Thank You page */
.woocommerce-order-overview__total,
.woocommerce-order-overview__payment-method,
.order-again {
	display: none;
}

.woocommerce-order-overview__email {
	border-right: 0 !important;
}

.woocommerce-customer-details,
.woocommerce-order-details {
	width: 50%;
	float: left;
}

.woocommerce-customer-details {
	padding-left: 4%;
}

li.woocommerce-order-overview__email.email strong {
	text-transform: lowercase !important;
}

.elementor-widget-woocommerce-purchase-summary .woocommerce .woocommerce-table__line-item a {
	color: #000000;
	pointer-events: none;
}

.elementor-widget-woocommerce-purchase-summary .woocommerce .shop_table,
.elementor-widget-woocommerce-purchase-summary .woocommerce address {
	padding: 0 !important;
}

.elementor-widget-woocommerce-purchase-summary table {
	border-spacing: 0;
	border-collapse: collapse;
}

.elementor-widget-woocommerce-purchase-summary .woocommerce address {
	top: 4em;
	position: relative;
}

.woocommerce-column__title::after {
	content: "";
	display: block;
	height: 1px;
	top: 3.4em;
	position: relative;
	background: #000000;
}

.wc-item-meta {
	margin: 0;
	padding: 0;
}

.woocommerce-order-details {
	width: 55%;
}

.woocommerce-customer-details {
	width: 35%;
}

.woocommerce-page .elementor-widget-woocommerce-purchase-summary a.woocommerce-MyAccount-downloads-file.button.alt {
	background-color: #000000;
	color: #ffffff;
	border-radius: 0;
	padding: 15px 30px;
	position: relative;
	top: -0.7em;
}

.woocommerce-page .elementor-widget-woocommerce-purchase-summary a.woocommerce-MyAccount-downloads-file.button.alt:hover {
	color: #ffffff;
}