/*!
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

# Generic rules for mobile and tablet
# Mobile
# Tablet
# Desktop
    ## Tall displays
# Large desktop

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic rules for mobile and tablet
--------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
    body:not(.single-post) {
        height: 100%;
        overflow: auto;
        position: relative;
        touch-action: pan-x pan-y;
    }

    #wpadminbar {
        display: none;
    }

    body.logged-in header {
        margin: 0 !important;
    }

    .loading__screen__image {
        margin: auto;
    }

    br {
        margin: 0;
    }

    .desktop__break {
        display: none;
    }

    .header__menu__button--closed:lang(el):after {
        content: "μενού";
    }

    .header__menu__button--open:lang(el):after {
        content: "κλείσε" !important;
    }

    .homepage__title__wrapper {
        display: none;
    }

    .invert-header-colors,
    .invert-header-colors a:any-link {
        color: #ffffff;
        mix-blend-mode: difference;
    }

    thead tr::after {
        top: 7.6625vw;
    }

    thead th:nth-child(1) {
        width: 18.5vw;
        white-space: nowrap;
    }

    .projects__option__text {
        font-size: 2.01354vw;
    }

    .about-us__field {
        pointer-events: none;
    }

    .footer__contact-page .footer__back-to-top,
    .footer__about-page .footer__back-to-top {
        display: none;
    }

    .contact {
        pointer-events: none;
    }

    .contact .navigator {
        display: none;
    }

    .footer__contact-page {
        display: none !important;
    }

    /* Smooth titles on full-screen tbd */
    /* Wrapper */
    .post-title {
        position: absolute;
        clip: rect(0px auto auto 0px) !important;
        clip: rect(0px, auto, auto, 0px) !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        will-change: unset;
    }

    .fullscreen-homepage .image-caption {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        position: fixed;
    }

    .fullscreen-homepage img#postTitle {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: block;
    }

    .fullscreen .post-title {
        transform: none;
    }

    body.night-mode-on.page-template-full-screen .header__logo a {
        color: #ffffff !important;
    }

    /* Title */
    /*Is this the culprit for the image rendering issue? tbd notice*/
    .post-title h2 {
        position: fixed;
        top: 100%;
        width: 100%;
        height: 100%;
    }

    /* End of smooth titles on full-screen */
    .project .post-title h2 {
        transform: translateY(-50%);
    }

    .outline-title {
        -webkit-text-stroke-width: 1px;
    }

    _::-webkit-full-page-media,
    _:future,
    :root .project .post-title {
        transform: none;
    }

    /*tbd?
    .post-video {
        width: 100%;
        height: 100%;
    }
*/
    .navigator {
        display: none;
    }

    .woocommerce-order-details,
    .woocommerce-customer-details {
        width: 100%;
        padding: 0;
    }

    .elementor-widget-woocommerce-purchase-summary .woocommerce h2 {
        margin-bottom: 20px;
    }

    .woocommerce-column__title::after {
        top: 1em;
    }
}

@media screen and (max-width: 1150px) and (orientation: landscape) {
    .post-video {
        object-fit: cover;
    }
}

@media screen and (max-width: 1150px) and (hover: none) {
    .about-us__image__wrapper {
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

    .post-title {
        bottom: 0;
        font-size: 19vw;
        text-align: center;
        cursor: none;
        /*        tbd display: none;*/
        position: absolute;
        top: 0;
        left: initial;
        right: initial;
        width: 100%;
        line-height: 0.80;
    }

    .fullscreen .post-title {
        transform: none;
    }
}

@media screen and (max-width: 1150px) and (hover: hover) and (pointer: fine) {

    /* .loading__screen__image {
        margin: 0;
    } tbd */
    .post-title {
        transform: translate(-50%, 50%) !important;
    }

    .fullscreen .post-title {
        transform: translate(-50%, -5%) !important;
        will-change: top, left;
    }

    .contact__coordinates__map {
        position: absolute !important;
    }
}

/*@media screen and (min-width: 1150px) and (hover: hover) and (pointer: coarse),*/
@media screen and (min-width: 1150px) and (hover: none) and (pointer: coarse),
@media screen and (min-width: 1150px) and (hover: none) and (pointer: fine) {
    .post-title {
        position: absolute;
        clip: rect(0px auto auto 0px) !important;
        clip: rect(0px, auto, auto, 0px) !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        will-change: unset;
    }

    .fullscreen .post-title {
        transform: none;
    }

    .post-title h2 {
        top: 100%;
        width: 100%;
        height: 100%;
        position: fixed;
        transform: translateY(-50%);
    }
}

/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/
@media screen and (max-width: 640px) {
    .about-us__video {
        object-fit: cover !important;
    }

    .hide-on-mobile {
        display: none;
    }

    .homepage {
        margin: 0;
    }
    
    .project-bubble {
        font-size: 4.0135vw;
        border-radius: 4.6416vw;
        padding: 0 1.88541vw 6.44vw 1.88541vw;
    }


    /* Header */
    .header__logo {
        font-size: 8.5vw;
    }

    .header__button--close {
        display: none;
    }

    .header__menu__button {
        font-size: 8.5vw;
        right: 0;
        position: absolute;
    }

    .header__menu__button--closed::after {
        content: "menu";
        display: block;
        font-size: 8.5vw;
    }

    .header__menu__button--open::after {
        content: "close";
        display: block;
        font-size: 8.5vw;
    }

    .header__menu__collapsible--closed {
        display: none;
    }

    .header__menu__collapsible--open {
        font-size: 16.5vw;
        line-height: 80%;
        right: 0;
        display: block;
        left: -11px;
        margin-top: 15vw;
    }

    .menu-menu-container {
        padding-top: 20vw;
    }

    .main-navigation a {
        display: block;
        text-transform: lowercase;
        text-decoration: none;
        margin-left: 15px;
    }

    .menu-item-6506 {
        display: inline-flex;
    }

    .lang-assets {
        display: inline-flex;
        top: 0;
        position: absolute;
        right: 0;
    }

    .lang-assets a {
        font-size: 8.5vw;
    }

    .main-navigation ul {
        display: grid;
    }

    .main-navigation li {
        margin-bottom: 1.5vw;
    }

    .header__menu__toggles {
        display: grid;
        padding-top: 2%;
        margin-left: 6.5vw;
    }

    .language-switcher,
    .night-mode,
    .grid-toggle {
        margin-left: -5px;
        margin-bottom: 5vw;
        width: 100%;
        height: 16vw;
        background-position: initial;
    }

    /* tbd fullscreen toggle
    body:not(.page-id-19633) .grid-toggle {
        display: none;
    } */
    /* Cookies */
    .cookies-notice {
        padding: 0 3vw;
        width: 74%;
        height: 54.5vw;
        bottom: 11vw;
    }

    .cookies-notice__wrapper {
        bottom: 10.35vw;
        top: -2vw;
        left: 4.3vw;
    }

    .cookies-notice__text {
        font-size: 4.7vw;
        line-height: 1;
    }

    .cookies-notice__text:lang(en) {
        line-height: 0.8;
    }

    .cookies-notice__readmore {
        line-height: 1.1;
        font-size: 4.7vw;
        top: -0.8vw;
        position: relative;
    }

    .cookies-notice__button {
        font-size: 8.5vw;
        line-height: 0.92;
        left: 4vw;
        bottom: 3.4vw;
    }

    .cookies-notice__button:lang(en) {
        width: 70%;
    }

    .cookies-notice__button::after {
        content: "";
        position: absolute;
        height: 31%;
        top: 9vw;
        margin-left: 6vw;
    }

    .cookies-notice__button:lang(en)::after {
        margin-left: 9.7vw;
    }

    .homepage__title__wrapper {
        display: none;
    }

    .cookies-notice__wrapper {
        margin-top: 7vw;
    }

    .cookies-notice__wrapper::before {
        font-size: 9.2vw;
        line-height: 1.1;
        margin-right: 3.5vw;
    }

    .cookies-notice__wrapper:lang(en)::before {
        line-height: 0.8;
    }

    .privacy {
        position: absolute;
    }

    .privacy__heading {
        position: fixed;
        width: 70vw;
        margin: 1%;
        top: 0.4%;
        overflow: auto;
    }

    .privacy__text__wrapper {
        width: 90%;
    }

    .privacy__heading h1.site-title.header__logo {
        width: 100%;
    }

    .privacy__text {
        column-count: 1;
        font-size: 3.8vw;
        margin: 30% 1%;
    }

    .privacy__close__button {
        position: fixed;
        top: 1.2%;
        right: 2%;
        width: 6vw;
        height: 6vw;
    }

    .gutter-sizer {
        width: 4%;
    }

    .grid {
        max-width: 100%;
        max-height: auto;
        margin: 0;
    }

    .grid-item {
        max-width: 100%;
        max-height: 255px;
        overflow: hidden;
        position: relative;
    }

    .post-title {
        font-size: 19vw;
        text-align: center;
        cursor: none;
        line-height: 0.80;
        width: 100%;
    }

    .project .post-title {
        font-size: 13.7vw;
        letter-spacing: -1.5px;
        line-height: 0.77;
    }

    .grid-item-1 .post-title {
        display: block;
    }

    .post-image {
        width: 100%;
        object-fit: cover;
    }

    .fullscreen .post-image {
        width: 100%;
        height: 100%;
    }

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

    .project img {
        width: 100%;
        max-width: 100% !important;
    }

    /* Projects */
    .projects-index {
        margin-top: 32.7vw;
        overflow: hidden;
    }

    .projects-index thead tr,
    .logged-in .projects-index thead tr {
        position: fixed;
        top: 33.1vw;
        vertical-align: bottom;
    }

    .projects-index thead::after {
        height: 50vw;
    }

    .projects-index thead tr::after {
        bottom: 0;
        top: 18.5625vw;
        /* top: 16.6625vw; */
        /* top: 20.53vw;tbd */
    }

    html:lang(el) .projects-index thead tr::after {
        top: 21vw;
    }

    .projects-index th:first-child .projects__select {
        margin-left: 1px;
    }

    .projects-index thead th:nth-child(1) {
        width: 22.5vw;
        /* width: 22.5vw;tbd */
        white-space: nowrap;
    }

    .projects-index thead th:nth-child(2) {
        width: 26vw;
        /* width: 22vw;tbd */
    }

    .projects-index thead th:nth-child(3) {
        width: 35.4vw;
        /* width: 31.4vw;tbd */
    }

    .projects-index thead th:nth-child(4) {
        width: 24.8vw;
        white-space: nowrap;
    }

    .projects__indicator {
        top: -1px;
        position: relative;
    }

    .projects__option {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 5px;
    }

    .projects__option__text {
        font-size: 3.2vw;
        margin-left: 0.1729vw;
        margin-bottom: 5px;
    }

    .projects__select {
        width: 6.8746vw;
        height: 6.8746vw;
        border-radius: 3.7333vw;
    }

    .projects-index tbody::before,
    .logged-in .projects-index tbody::before {
        margin-top: 73px;
    }

    .projects-index tbody td {
        font-size: 3.2vw;
    }

    .projects-index tbody td:nth-child(2) {
        left: -10px;
        position: relative;
    }

    .projects-index tbody td:nth-child(3) {
        left: -21px;
        position: relative;
    }

    .projects-index tbody td:last-child {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 2.8vw 0 1.7vw 0;
        margin-left: -8px;
    }

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

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

    .projects__single--active .tag {
        border: 1px solid #ffffff;
    }

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

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

    .projects__single {
        transition: none;
    }

    .projects__single__text {
        padding: 3.5625vw 1.0729vw 3.5625vw calc(1.0729vw + 3px);
        line-height: 1;
        z-index: 1;
        transition: 0;
    }

    .projects__single.projects__single--active td::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100vw;
        height: 100%;
        background: #000000;
        z-index: -1;
    }

    .night-mode-on .projects__single.projects__single--active td::before {
        background: #ffffff;
    }

    .tag {
        height: fit-content;
        top: -2px;
        font-size: 3.03vw;
        border-radius: 25px;
        padding: 5px 7px 3px 7px;
        z-index: 1;
        /*tbd padding: 10px 10px 7px 10px; */
    }

    .tag--multiword {
        width: min-content;
        line-height: 1;
    }

    html:lang(el) .projects__option__text {
        word-spacing: 999vw;
    }

    html:lang(el) .projects-index thead br {
        display: none;
    }

    html:lang(el) .projects-index thead tr {
        vertical-align: top;
    }

    html:lang(el) .projects__option__text {
        line-height: 0.95;
    }

    html:lang(el) .projects-index thead th:nth-child(1) {
        width: 20.5vw;
        white-space: normal;
    }

    html:lang(el) .projects-index thead th:nth-child(2) {
        width: 25vw;
    }

    html:lang(el) .projects-index thead th:nth-child(2) br {
        content: "";
        display: block;
        padding-bottom: 1em;
    }

    html:lang(el) .projects-index thead th:nth-child(3) {
        width: 29vw;
    }

    html:lang(el) .projects-index thead th:nth-child(4) {
        width: 37.8vw;
        vertical-align: bottom;
        white-space: initial;
    }

    html:lang(el) .projects__indicator {
        top: unset;
        bottom: 0.9em;
        position: absolute;
        margin-left: 5px;
        display: none;
    }

    html:lang(el) .tag {
        font-size: 2.63vw;
    }

    .tag--longword {
        letter-spacing: -0.5px;
    }

    /* Footer */
    /* .footer {
        height: 60vw;
        margin: 0;
        padding: 0 3vw;
    }

    .page-template-full-screen .footer__back-to-top {
        top: -27vw;
    }

    .page-template-about-us .navigator {
        padding: 0;
    }

    .page-template-about-us .navigator__link--l {
        top: -40vw;
        position: absolute;
    }

    .page-template-about-us .navigator__link--r {
        display: none;
    }

    .footer__contact-page.footer {
        padding: 0;
        position: relative;
    }

    .footer__contact-page .footer__copyright {
        bottom: none;
        position: relative;
        display: block;
    }

    .footer__contact-page .footer__copyright__text {
        margin-right: 0;
        padding: 0 1.8vw;
        color: #ffffff;
    }

    body.night-mode-on .footer__contact-page .footer__copyright__text {
        color: #000000 !important;
    }

    .footer__contact-page .footer__links {
        width: 100%;
        top: 6vw;
        padding: 0 1.8vw;
    }

    .menu-footer-2-container {
        float: right;
    }

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

    .menu-footer-1-container a,
    .menu-footer-2-container a,
    .menu-footer-3-container a {
        font-size: 6.5vw;
        margin-right: 6vw;
        margin-bottom: 2vw;
    }

    .menu-footer-1-container li,
    .menu-footer-2-container li,
    .menu-footer-3-container li {
        margin-bottom: -1.5vw;
    }

    .menu-footer-3-container li {
        bottom: 1.3vw;
        position: relative;
    }

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

    .home .footer__links {
        bottom: none;
        position: none;
        padding-top: 45vw;
    }

    .menu-footer-3-container {
        padding-top: 27vw;
    }

    .menu-footer-3-container a {
        font-size: smaller;
    }

    .home .footer__copyright {
        display: block;
        bottom: 0;
        margin: 0;
        line-height: 1;
        bottom: -120vw;
    }

    .footer__copyright {
        display: block;
        bottom: 7.1vw;
        line-height: 1;
    }

    .footer__copyright__text {
        font-size: small;
    }

    .footer__copyright__text:nth-child(1) {
        margin-block-end: 0;
    }

    .footer__copyright__text:nth-child(2) {
        margin-block-end: 0;
        margin-block-start: 2px;
    }

    .footer__contact-page .footer__copyright__text:nth-child(2) {
        padding-bottom: 5vw;
    }

    .footer__back-to-top {
        font-size: 8.5vw;
        left: 10%;
        right: 10%;
        text-align: center;
        margin: 0 auto;
        top: 0;
    }old footer tbd? */
    .footer {
        height: auto;
        display: grid;
        grid-template-columns: 1.3fr 1fr 0.7fr;
        grid-gap: 5px;
    }

    .footer__column,
    .footer__newsletter__input::placeholder {
        font-size: 4.24vw;
        /* font-size: 15.9px;tbd */
        line-height: 1.1;
        justify-content: flex-end;
    }

    .footer__column {
        /* flex-direction: initial;
        flex-wrap: wrap;tbd */
        white-space: nowrap;
        min-width: 0;
    }

    .footer__column:first-child {
        grid-column: span 3;
        margin-bottom: 5vw;
        /* margin-bottom: 15px;tbd */
    }

    .footer__title {
        font-size: 9vw;
        /* font-size: 33.78px; tbd */
    }

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

    .footer__column:nth-child(3) {
        left: 20px;
        position: relative;
    }

    .footer__address {
        margin: 0 0 2em;
    }

    /* v2 footer mobile */
    .footer__address,
    .footer__column:nth-child(3) .footer__link {
        display: none;
    }

    /* tbd    .elementor-element.elementor-element-21719.elementor-widget.elementor-widget-projects {
        padding-bottom: 50px;
        display: inline-block;
    } */
    .footer__newsletter {
        margin: 10px 0 11.8vw 0;
        /* margin: 10px 0 78px 0;tbd */
    }

    .footer__newsletter__input,
    input[type="email"].footer__newsletter__input {
        width: 100%;
        /* width: calc(100vw - 5%);tbd */
        height: 20px;
        font-size: 4.24vw;
        line-height: 1;
        caret-color: transparent;
    }

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

    .footer__newsletter__input::placeholder {
        bottom: 0;
    }

    .footer__newsletter__asterisk {
        font-size: 13px;
    }

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

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

    /* tbd
    .footer__newsletter__icon {
        top: 0.7em;
    } */
    .footer__link--internal {
        font-size: 9vw;
        /* font-size: 33.78px;tbd */
        line-height: 0.8;
    }

    .footer__address a {
        pointer-events: all;
    }

    .footer__link--policy {
        margin: 0;
    }

    .footer__link--credits {
        margin-bottom: 0.5em;
        margin-top: 0;
    }

    .footer__copyright:first-of-type {
        margin-bottom: 0;
    }

    .footer__copyright:last-of-type {
        margin-top: 0;
        margin-bottom: 0.5em;
    }

    .footer__up-again {
        width: 23.279vw;
        height: 23.279vw;
        border-radius: 23.279vw;
        /* width: 87.3px;
        width: 87.3px;
        height: 87.3px;
        border-radius: 87.3px; tbd */
        right: 3vw;
        bottom: 15vw;
        /* left: -20px; */
        position: absolute;
    }

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

    html:lang(el) .footer__up-again p {
        top: calc(50% - 1.5em);
        left: 0;
    }

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

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

    /* tbd
    .vc_column_container {
        padding: 5vw 0 3vw 0;
    }
    .wpb_wrapper h1 {
        font-size: 8.5vw;
        line-height: 1;
        margin: 0;
    }
    .wpb_wrapper p,
    .wpb_wrapper span {
        font-size: 5vw !important;
        line-height: 1.2;
        width: 102%;
        letter-spacing: 0.18vw;
        font-weight: bold;
        font-family: 'BN Grotesque Bold', Helvetica, sans-serif, Arial;
    }
    .wpb_wrapper p:first-child {
        margin-top: 1vw;
    }
    #content .wpb_alert p,
    #content .wpb_text_column p,
    .vc_message_box > p,
    .wpb_alert p,
    .wpb_text_column p {
        margin: 6vw 0;
    }
*/
    /*
    .project-text-left,
    .project-text-left p,
    .project-text-right {
        width: 100%;
        margin-bottom: 0 !important;
    }
    .vc_column_container > .vc_column-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
*/
    /* Try Mean widget */
    .font__preview {
        width: 100vw;
        height: 100vh;
        font-size: 58px;
    }

    .font__slider {
        width: 160px;
    }

    .font__picker {
        width: calc(100% - 36px);
        top: 15px;
        left: 15px;
        border: 3px solid #000000;
        background-color: #ffffff;
        color: #000000;
        font-size: 19px;
        text-align: center;
        position: absolute;
    }

    .font__picker__active {
        font-size: 19px;
        text-align: center;
    }

    .font__top {
        width: calc(100% - 20px);
        top: 100px;
        left: 10px;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    .font__top .font__slider {
        margin-bottom: 40px;
    }

    .font__slider--size::before {
        font-size: 19px;
    }

    .font__slider--size::after {
        font-size: 31px;
    }

    .font__slider::-webkit-slider-thumb,
    .font__slider::-moz-range-thumb {
        width: 16px;
        height: 16px;
    }

    .font__slider--kerning::before,
    .font__slider--kerning::after,
    .font__slider--leading::before,
    .font__slider--leading::after {
        font-size: 19px;
    }

    .font__topright {
        display: none;
    }

    .font__right {
        right: 15px;
    }

    .font__bottom {
        width: 134px;
        bottom: 15px;
        left: calc(50% - 67px);
    }

    .font__background {
        width: 27px;
        height: 27px;
    }

    /* About us */
    .about-us {
        margin: 0;
    }

    .about-us__body {
        margin-top: 10%;
        overflow: hidden;
    }

    .about-us__text {
        display: none;
    }

    .about-us__text--phones {
        font-size: 17.3vw;
        letter-spacing: -1px;
        line-height: 0.82;
        margin: 0 1%;
        width: 100%;
        /*      tbd  padding-top: 15%;*/
        hyphens: none;
        position: relative;
        overflow: hidden;
        display: block;
        z-index: 2;
    }

    .about-us__text--small {
        font-size: 8.5vw;
        letter-spacing: 0;
        line-height: 1;
        hyphens: none;
    }

    .about-us__video {
        width: 100%;
    }

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

    .image-over-text-mobile {
        z-index: 2 !important;
    }

    .page-template-about-us .navigator {
        font-size: 3vh;
        text-align: center;
        display: grid;
    }

    .navigator__link--l,
    .navigator__link--r {
        margin: 0 auto;
    }

    .navigator__link--l {
        padding: 15vw 0 10vw 0;
        margin-left: 10vw;
    }

    .navigator__link--l:lang(el) {
        margin-left: 6vw;
        width: 80%;
    }

    .navigator__link--r {
        margin-right: 25vw;
        margin-top: 10vw;
    }

    .navigator__link--r:lang(el) {
        margin-top: 10vw;
    }

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

    .navigator__link__arrow--l,
    .navigator__link__arrow--r {
        margin: 0 auto;
    }

    .navigator__link__text {
        font-size: 8.5vw;
    }

    .contact .navigator__link__arrow--l {
        background-image: url(../assets/arrow-white-left.png);
    }

    body.night-mode-on .contact .navigator__link__arrow--l {
        background-image: url(../assets/arrow-white-left.png);
    }

    .contact .navigator__link__arrow--r {
        background-image: url(../assets/arrow-white-right.png);
    }

    body.night-mode-on .contact .navigator__link__arrow--r {
        background-image: url(../assets/arrow-white-right.png);
    }

    img.contact__coordinates__link {
        width: 70%;
        z-index: -1;
        transform: translate(50px, -130px);
        position: relative;
    }

    .contact {
        position: fixed;
        overflow: hidden;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        background-color: #ffffff;
        position: relative;
        z-index: 2;
    }

    .contact__coordinates {
        height: 100vh;
        padding-top: 28vw;
        overflow: hidden;
    }

    .contact__coordinates__inner {
        padding: 0;
    }

    .contact__coordinates--desktop {
        display: none;
    }

    .contact__coordinates--mobile {
        display: block;
        font-size: 27.5vw;
    }

    .contact__coordinates__map {
        position: fixed;
        top: 17vw;
        width: 70vw;
        height: 70vw;
        left: 14vw;
        z-index: -1;
        pointer-events: all;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        background-size: auto !important;
        background-position: 50% 70%;
    }

    .contact__info {
        display: contents;
        mix-blend-mode: exclusion;
    }

    .contact__info__wrapper {
        height: 375px;
        bottom: 3vh;
        margin: 0 1%;
        display: block;
        position: absolute;
    }

    .contact__info__box {
        width: 100%;
        display: block;
    }

    .contact__info__box h2 {
        font-size: 8.5vw;
        line-height: 90%;
        /* width: 80%; */
        margin: 5vw 0px;
    }

    .contact__join {
        display: none;
    }

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

    body.night-mode-on .contact__join h1 {
        color: #000000;
    }

    .contact__coordinates h1 {
        z-index: 4;
        pointer-events: none;
        font-size: 25.5vw;
    }

    .contact__info__box:first-child {
        pointer-events: none;
    }

    .contact__join {
        position: relative;
        z-index: 5;
    }

    .contact__join__text {
        position: relative;
        width: 90%;
        font-size: 9vw;
        transform: none;
        float: none;
        margin: 0 auto;
        padding: 10vw 0;
        letter-spacing: -1px;
        line-height: 9vw;
    }

    .contact__join__arrow {
        width: 14vw;
    }

    .contact .navigator {
        background: #000000;
        padding-bottom: 20vw;
        margin: -1px;
        width: 100.2%;
        position: relative;
        z-index: 5;
    }

    .contact .navigator__link--l,
    .contact .navigator__link--r {
        width: 100%;
    }

    .contact .navigator__link__text {
        color: #ffffff;
        font-size: 9vw;
    }

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

    body.night-mode-on .footer__contact-page .footer__copyright__text {
        color: #ffffff;
    }

    .footer__contact-page .menu-footer-3-container {
        padding-top: 35vw;
    }

    .footer__contact-page,
    .footer__contact-page .footer__copyright,
    .footer__contact-page .footer__links {
        background: #000000;
    }

    .footer__contact-page {
        position: relative;
        z-index: 5;
    }

    .footer__copyright__text a {
        padding-bottom: 2vw;
    }

    .night-mode-on .footer__contact-page a:any-link {
        color: #000000 !important;
    }

    .error-page {
        background-size: 50vh;
    }

    .error-page__text {
        font-size: 6.4vw;
    }

    /* Choose Font -- Mean */
    .choose-font__cell {
        font-size: 12.99px;
        vertical-align: top;
    }

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

    .choose-font__cell--type-column {
        width: 30%;
        white-space: nowrap;
    }

    .choose-font__cell--price-column {
        width: 10%;
        color: #ffffff;
    }

    body.night-mode-on .choose-font__cell--price-column {
        color: #000000;
    }

    .choose-font__cell--weight {
        font-size: 20.44px;
        white-space: nowrap;
    }

    .choose-font__cell--weight::before {
        width: 16.44px;
        height: 16.44px;
        border-radius: 16.44px;
    }

    .choose-font__license {
        display: block;
        font-size: 14.41px;
    }

    .choose-font__license::before {
        width: 13.74px;
        height: 13.74px;
    }

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

    .choose-font__cell--price {
        font-size: 20.44px;
    }

    .choose-font__license--active.choose-font__license::before {
        background-size: 50%;
    }

    .choose-font__row:nth-child(8) .choose-font__cell {
        vertical-align: bottom;
    }

    .choose-font__select {
        width: 150%;
        left: -152%;
        position: relative;
        font-size: 14.41px;
    }

    .choose-font__sum {
        left: -2.7em;
        bottom: 0.4em;
        /* top: 1.2em;tbd */
        font-size: 11.82px;
    }

    .choose-font__vat-notice {
        font-size: 14.41px;
        color: #ffffff;
    }

    body.night-mode-on .choose-font__vat-notice {
        color: #000000;
    }

    a.choose-font__checkout {
        font-size: 17.12px;
        padding: 1.26875vw 6.125vw 0.45625vw 6.125vw;
        border-radius: 32px;
    }

    /* End of 640px */
}

@media screen and (max-width: 330px) {
    .header__menu__toggles {
        margin-left: 7.5vw;
    }

    .language-switcher {
        margin-left: -10px;
    }

    .night-mode {
        margin-left: -10px;
    }

    .menu-footer-3-container {
        padding-top: 24vw;
    }

    .menu-footer-3-container li {
        bottom: 0;
        position: relative;
    }

    thead tr::after {
        top: 19.6vw;
    }

    .contact__coordinates__map {
        width: 75vw;
        height: 75vw;
        left: 13.6vw;
        top: 10.5vw;
        z-index: -1;
        pointer-events: all;
    }

    .contact__coordinates h1 {
        font-size: 25.5vw;
        text-align: left;
        line-height: 80%;
        z-index: 4;
        cursor: none;
    }

    .contact__info__box h2 {
        font-size: 9.2vw;
    }

    /* End of 330px */
}

@media screen and (min-width: 330px) and (max-width: 350px) {
    .contact__coordinates {
        padding-top: 17vw;
    }

    /* End of 330-350px */
}

@media screen and (width: 375px) and (max-height: 560px) {
    .contact__coordinates {
        padding-top: 33.7vw;
    }

    /* End of 375x635px - iPhone 6/7/8/SE (2020) */
}

@media screen and (min-width: 400px) and (max-width: 430px) and (max-height: 630px) {
    .contact__coordinates {
        padding-top: 29.8vw;
    }

    /* End of 375x635px - iPhone 6 Plus/7 Plus/8 Plus */
}

@media screen and (width: 375px) and (height: 635px) {
    .contact__coordinates {
        padding-top: 33vw;
    }

    /*
tbd    .contact__info__wrapper {
        bottom: 26.5vw;
    }
*/
    /* End of 375x635px - iPhone Xs */
}

@media screen and (width: 390px) and (max-height: 844px) {
    .contact__coordinates {
        padding-top: 33vw;
    }

    /* tbd
    .contact__info__wrapper {
        bottom: 29vw;
    }
*/
    /* End of 390x844px - iPhone 12 */
}

@media screen and (width: 414px) and (height: 719px),
@media screen and (width: 414px) and (height: 715px) {
    .contact__coordinates {
        padding-top: 31.3vw !important;
    }

    /* tbd
    .contact__info__wrapper {
        bottom: 26.5vw;
    }
*/
    /* End of 414x719px - iPhone Xs Max */
}

/* tbd
@media screen and (min-width: 400px) and (max-width: 420px) {
    .contact__coordinates {
        padding-top: 18.3vw;
    }
     End of 440-414px 
}
*/
/*--------------------------------------------------------------
# Tablet
--------------------------------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 1150px) {
    .hide-on-tablet {
        display: none;
    }

    .header__logo {
        font-size: 3.6vw;
    }

    .header__button--close {
        display: none;
    }

    .header__menu__button {
        font-size: 3.6vw;
        right: 0;
        position: absolute;
    }

    .header__menu__button--closed::after {
        content: "menu";
        display: block;
        font-size: 3.7vw;
        right: 0;
        padding-right: 1.5%;
        position: absolute;
    }

    .header__menu__button--open::after {
        content: "close";
        display: block;
        font-size: 3.6vw;
    }

    body.night-mode-on .header__menu__button--open::after {
        content: "close";
        display: block;
        font-size: 3.6vw;
    }

    .header__menu__collapsible--closed {
        display: none;
    }

    .header__menu__collapsible--open {
        font-size: 3.6vw;
        right: 0;
        left: -11px;
        height: auto;
        margin-top: 12vw;
        position: absolute;
        display: block;
        animation-duration: 0.5s;
    }

    .main-navigation li {
        float: initial;
    }

    .main-navigation a {
        margin-left: 25px;
        font-size: 8.74vw;
        /* font-size: 10vw;tbd */
        line-height: 0.95;
        letter-spacing: -2.5px;
    }

    .header__menu__toggles {
        display: inline-grid;
    }

    .menu-menu-container {
        width: 60%;
    }

    .menu-item {
        margin-bottom: -10px;
    }

    .language-switcher {
        margin: 1.2vw 0 1.5vw 2.5vw;
    }

    .language-switcher,
    .night-mode,
    .grid-toggle {
        width: 15.136vw;
        height: 7.763vw;
        border-radius: 20%;
        background-position: initial;
    }

    .night-mode,
    .grid-toggle {
        margin: 0vw 0 1.4vw 2.5vw;
    }

    .grid {
        max-width: 100%;
        max-height: auto;
        margin-top: 10%;
    }

    .grid-item {
        max-width: 100%;
        max-height: auto;
        overflow: hidden;
        position: relative;
    }

    .post-title {
        font-size: 19vw;
        text-align: center;
        cursor: none;
        line-height: 0.80;
        width: 100%;
        letter-spacing: 0;
    }

    .grid-item-1 .post-title {
        display: block;
    }

    .project .post-title {
        font-size: 9.5vw;
        letter-spacing: -7px;
        line-height: 0.77;
    }

    .post-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hover-image {
        height: 100%;
        z-index: 3;
        position: absolute !important;
    }

    .menu-footer-1-container a,
    .menu-footer-2-container a,
    .menu-footer-3-container a {
        font-size: 3.6vw;
        line-height: 1.15;
        margin-right: 0;
        margin-bottom: 0;
    }

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

    .footer {
        margin-top: 40vw;
    }

    .footer__links {
        top: 6.5vw;
    }

    .page-template-about-us .footer {
        margin-top: 0;
    }

    .footer__copyright__text {
        font-size: 3.7vw;
    }

    .footer__newsletter__input,
    input[type="email"].footer__newsletter__input {
        width: 100%;
        /* width: calc(100vw - 5%);tbd */
        height: 20px;
        font-size: 1.48072vw;
        line-height: 1;
        caret-color: transparent;
    }

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

    .cookies-notice {
        padding: 0 18px;
        height: 25.5vw;
        bottom: 12vw;
    }

    .cookies-notice__text,
    .cookies-notice__readmore {
        font-size: 1.6vw;
        margin-top: 1vw;
    }

    .cookies-notice__button {
        height: 6vw;
        bottom: 2.2vw;
        font-size: 3.6vw;
        line-height: 0.9;
    }

    .cookies-notice__button::after {
        top: 3.5vw;
        margin-left: 20vw;
    }

    .cookies-notice__wrapper::before {
        font-size: 3.6vw;
        line-height: 1.6;
    }

    .privacy__text {
        column-count: 3;
        font-size: 0.97vw;
        letter-spacing: 0.7px;
    }

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

    .project img {
        width: 115%;
        max-width: none;
        left: -7.5%;
    }

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

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

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

    .navigator {
        font-size: 3.6vw;
        letter-spacing: -1.4px;
        padding-top: 0;
        top: -6.8vw;
        position: relative;
    }

    body.night-mode-on .navigator {
        font-size: 3.6vw;
        background-color: #000000;
        padding-top: 0;
    }

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

    .contact .navigator {
        padding-bottom: 5vw;
    }

    .footer {
        padding: 0 16px;
    }

    .footer__newsletter__asterisk {
        font-size: 10px;
    }

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

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

    .footer__back-to-top {
        font-size: 3.6vw;
        opacity: 0.3;
        top: 5.95vw;
        right: 13px;
    }

    tbody::before {
        margin-top: 30px;
    }

    .about-us__field--1 {
        padding-top: 50vw;
    }

    .about-us__text {
        margin: 0 1.2vw;
        padding: 1% 10%;
        line-height: 85%;
        letter-spacing: -2.5px;
        font-size: 8.8vw;
    }

    .about-us__text--small {
        font-size: 6vw;
        letter-spacing: 0;
        line-height: 100%;
    }

    .about-us__image,
    .about-us__video {
        max-width: 113vw;
        max-height: 100vh;
        width: auto;
    }

    .image-over-text-tablet {
        z-index: 2 !important;
    }

    .contact__coordinates__map {
        left: 30vw;
        top: 14vh;
        width: 40vw;
        height: 40vw;
        z-index: -1;
        pointer-events: all;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        background-size: auto !important;
    }

    .contact__coordinates__inner {
        padding: 17vw 0;
    }

    .contact__coordinates h1 {
        font-size: 17.7vw;
    }

    .contact__info {
        mix-blend-mode: difference;
        z-index: 2;
        width: 97%;
        /* width: 93%;tbd */
        top: 83vh !important;
    }

    .contact__info__wrapper {
        width: 100%;
    }

    .contact__info__box {
        top: -11vw;
        mix-blend-mode: difference;
    }

    .contact__info__box h2 {
        font-size: 3.6vw;
    }

    .contact__info__box h2,
    .contact__info__box a {
        mix-blend-mode: exclusion;
        color: white;
    }

    .contact__info__box a {
        right: 4vw;
    }

    .contact__info__email {
        left: 0;
        /* left: 43px;
        position: relative; */
    }

    /* tbd .contact__info__box:nth-child(2) {
        left: 20px;
    } */
    .contact__info__box:nth-child(3) {
        left: 1.6vw;
    }

    .contact__info {
        margin: 0;
    }

    .contact__join h1 {
        position: relative;
        top: 120vh;
    }

    .contact__join__text {
        position: absolute;
        font-size: 3.6vw;
        width: 50%;
        left: 50%;
        top: 33vw;
        transform: translate(-50%, -50%);
        transition: all .3s ease-out;
    }

    .footer {
        height: 30vw;
    }

    .footer__contact-page {
        z-index: 10;
    }

    .footer__copyright__text {
        font-size: 1.6vw;
        margin-right: 16.9vw;
        letter-spacing: -0.5px;
    }

    .error-page__text {
        font-size: 2.1vw;
    }
}

/* End of 641-1150px */
@media screen and (min-width: 641px) and (max-width: 1150px) and (orientation: portrait) {
    thead tr {
        top: calc(22.3vw - 32px);
    }

    tbody::before {
        margin-top: 76px;
    }

    .contact__coordinates__inner {
        padding: 51.9vw 0;
    }

    .contact__coordinates__map {
        top: 41vh;
        left: 39vw;
        pointer-events: all;
    }
}

/* End of 641-1150px and orientation: portrait */
@media screen and (min-width: 641px) {

    .header__menu__button,
    .about-us__shadow--top,
    .about-us__shadow--bottom {
        display: none !important;
    }

    .contact__coordinates--desktop {
        display: block;
    }

    .about-us__text--phones {
        display: none;
    }
}

/* End of 641 */
@media screen and (min-width: 641px) and (max-width: 800px) and (orientation: portrait) {
    .footer {
        margin-top: 70vw;
    }

    .menu-item {
        margin-bottom: 0;
    }

    .page-template-about-us .footer {
        margin-top: 30vw;
    }
}

/* End of 641-800px portrait */
@media screen and (min-width: 641px) and (max-width: 1150px) and (orientation: portrait) {
    .navigator {
        padding-top: 15vw;
        font-size: 4.3vw;
    }

    .navigator__link--r {
        margin-top: 0.4vw;
    }

    .about-us__text {
        font-size: 9.4vw;
        letter-spacing: -4px;
    }

    .menu-footer-1-container a,
    .menu-footer-2-container a,
    .menu-footer-3-container a {
        margin: 10px 0;
    }
}

/* End of 641-1150px portrait */
/*--------------------------------------------------------------
# Desktop
--------------------------------------------------------------*/
@media screen and (min-width: 1150px) {
    .header__menu__background {
        display: none;
    }

    .vc_col-sm-6 {
        width: 49.6%% !important;
    }

    .wpb_wrapper h1 {
        font-size: 2.8vw;
        max-width: 80%;
    }

    .vc_row {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .wpb_wrapper p {
        font-size: 2.5vw;
        line-height: 1;
    }

    .menu-item-6774:lang(el)

    /*hide Instagram menu link on desktop for Greek */
        {
        display: none;
    }

    .hide-on-desktop {
        display: none;
    }

    .cookies-notice__button {
        height: 4.2vw;
    }

    .image-over-text-desktop {
        z-index: 2 !important;
    }
}

@media screen and (min-width: 1150px) and (max-width: 1365px) {
    .privacy__text {
        font-size: 0.9vw;
    }
}

@media screen and (min-width: 1720px) and (max-width: 1790px) {
    .footer__back-to-top {
        font-size: 2.7vw;
    }

    .privacy__text {
        font-size: 0.74vw;
    }
}

/*--------------------------------------------------------------
## Tall displays
--------------------------------------------------------------*/
@media screen and (aspect-ratio: 16/10) {
    .privacy__text__wrapper {
        width: 76.4%;
    }

    .privacy__text {
        font-size: 0.9vw;
    }
}

/*--------------------------------------------------------------
# Large desktop
--------------------------------------------------------------*/
@media screen and (min-width: 1921px) {

    .loading__screen__image,
    .loading__image {
        max-width: 350px;
        max-height: 350px;
    }

    .about-us__text {
        padding: 1% 13.66% !important;
    }

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

@media only screen and (min-width: 1150px) and (max-width: 1920px) and (-webkit-min-device-pixel-ratio: 2),
@media only screen and (min-width: 1150px) and (max-width: 1920px) and (-moz-min-device-pixel-ratio: 2),
@media only screen and (min-width: 1150px) and (max-width: 1920px) and (min-device-pixel-ratio: 2) {

    .about-us__image,
    .about-us__video {
        width: auto;
    }

    .about-us__video {
        transform: scale(0.5) !important;
        -moz-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
    }
}

/* tbd? 2.5k monitor issue
@media only screen and (min-width: 1921px) and (max-width: 2559px) and (-webkit-device-pixel-ratio: 1),
@media only screen and (min-width: 1921px) and (max-width: 2559px) and (-moz-device-pixel-ratio: 1),
@media only screen and (min-width: 1921px) and (max-width: 2559px) and (device-pixel-ratio: 1) {
    .about-us__image {
        transform: scale(0.65) !important;
        -moz-transform: scale(0.65) !important;
        -o-transform: scale(0.65) !important;
    }
}
*/
@media screen and (min-width: 2560px) {

    /* * {
        cursor: url("../assets/cursor@3x.png") 20 20, auto;
    }

    *:active {
        cursor: url("../assets/cursor-active@3x.png") 20 20, auto;
    }

    .privacy * {
        cursor: url("../assets/cursor-black@3x.png") 20 20, auto;
    }

    .privacy *:active {
        cursor: url("../assets/cursor-black-active@3x.png") 20 20, auto;
    } */
    .loading__screen__image,
    .loading__image {
        max-width: 507px;
        max-height: 506px;
    }

    img#postTitle {
        max-width: initial;
        max-height: initial;
    }

    /* tbody td { tbd
        cursor: url("../assets/VISIT_retina.png") 20 20, auto;
    } */
    .projects__single__text {
        padding: 1.5625vw calc(3.0729vw + 30px) 1.1625vw calc(3.0729vw + 19px);
    }
}

@media screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio:1) {
    .about-us__video {
        transform: scale(0.8) !important;
    }
}

@media screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio:1) and (min-resolution:.001dpcm) {
    img.about-us__image {
        transform: scale(1.5) !important;
    }

    .about-us__video {
        transform: scale(0.8) !important;
    }
}

@media screen and (min-width: 2560px) and (-webkit-min-device-pixel-ratio:1) and (min-resolution:.001dpcm) {
    img.about-us__image {
        transform: scale(2) !important;
    }
}