/*
Theme Name: dyoipsi theme
Theme URI: https://www.ink.gr
Description: dyoipsi theme
Author: INK Design - Toys for Brands
Author URI: https://www.ink.gr
Version: 1.0
*/

/*------------------------------------*\
	GENERAL
\*------------------------------------*/
@font-face {
    font-family: "DyoYpsi";
    src: url("assets/media/fonts/ParmigianoCaptionPro-Regular.otf") format("opentype");
}
@font-face {
    font-family: "DyoYpsiLight";
    font-weight: 300;
    src: url("assets/media/fonts/ParmigianoCaptionPro-Light.otf") format("opentype");
}
@font-face {
    font-family: "DyoYpsiBold";
    font-weight: 700!important;
    src: url("assets/media/fonts/ParmigianoPiccoloPro-Bold.otf") format("opentype");
}
html, body {
  overflow-x: hidden;
  overflow-y: scroll;
}
body.error {
    overflow: hidden!important;
}
body {
  position: relative;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #958e88;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #958e88;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #958e88;
}
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility;
}
html {
	-webkit-tap-highlight-color: transparent;
}
body {
	background-color: #e0d6cc;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
input[type="text"],
input[type="search"] {
	font-size: inherit;
	line-height: inherit;
}
::-moz-selection {
	background-color: #04a4cc;
}
::selection {
	background-color: #04a4cc;
}
html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  background: transparent!important; 
  width: 0px!important;
}

::-webkit-scrollbar-track {
  background: transparent!important; 
  width: 0px!important;
}
 
::-webkit-scrollbar-thumb {
  background: transparent!important; 
  width: 0px!important;
}

::-webkit-scrollbar-thumb:hover {
  background: transparent!important; 
  width: 0px!important;
}
html, body {
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
.hiddenopacity {
    opacity:0;
}

.heightofbody {
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
}

div#wrapper {
    position: fixed;
}

body{
	line-height: 1.5;
}
a, a:focus, a:hover {
	text-decoration: none;
}
::-moz-selection, ::selection {
	text-shadow: none;
}
p,.year-content {font-size:16px;}
h1, h2, h3, h4, h5, h6, .wp-block-column ol li, .wp-block-column ul li {
    color: #6C583D;
    font-size: 2.5rem;
}
.wp-block-column ol, .wp-block-column ul {
    position:relative;
    margin:0;
}
.wp-block-column ol li::marker, .wp-block-column ul li::marker {
  color: #bba280;
  font-size: 18px;
    position:absolute;
    top:0;
}
.wp-block-column ol li {
    counter-increment: section;
    position: relative;
    padding-left: 18px;
    list-style: none;
}
.wp-block-image.moving img {
    box-shadow: -30px -30px 0 0 #bba381;
}
.moving.rightboxshadow img {
    box-shadow: 30px -30px 0 0 #bba381;
}
.wp-block-column ol li:before {
    content: counter(section)".";
    color: #bba280;
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 0;
}
tbody, tfoot, thead, tbody tr:nth-child(even) {
    border: 0;
    background: none!important;
}
/*------------------------------------*\
	TYPOGRAPHY COLORS
\*------------------------------------*/
body, a{
	color: rgb(35, 31, 32);
}
::-moz-selection, ::selection {
	color: #FFFFFF;
}
.white{
	color: #FFFFFF;
}
a:focus, a:hover{
	color: inherit;
}
.year-content a {
    text-decoration: none;
    font-weight:bold;
}
/*------------------------------------*\
	TYPOGRAPHY FONTS
\*------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, li, span, a, div {
    font-family: "DyoYpsi";
}

.light {
    font-family: "DyoYpsiLight";
}
b,strong,.bold {
    font-family: "DyoYpsiBold";
}
button#gotonext svg, button#gofront svg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid;
    padding: 10px;
    cursor: pointer;
}
button#gofront svg {
    border-color:white;
        transform: rotate(180deg);
}
button#gotonext svg path {
    fill: black;
}
button#gofront svg path {
    fill: white;
}
/*------------------------------------*\
	MENU BAR
\*------------------------------------*/

.mobile-menu-container {
    position: fixed;
    height:100%;
    background: #232323;
    width:100px;
    z-index: 9999999;
}

.mobile-menu-container, .mobile-menu-container a, .mobile-menu-container p, .mobile-menu-container h1, .mobile-menu-container h2, .mobile-menu-container h3, .mobile-menu-container h4, .mobile-menu-container h5, .mobile-menu-container h6, .mobile-menu-container span {
    color:white;
}
.mobile-menu-container svg path {
    fill:white;
}

.mobile-menu .text-left {
    left:0;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 30px;
}

.mobile-menu .text-right {
    left:0;
    text-align: center;
    position: absolute;
    width: 100%;
    top: auto;
    bottom: 30px;
}

.logo img, .logo svg {
    width: 70px;
}

.mobile-menu .text-center {
    left:0;
    position: absolute;
    width: 100%;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.js-off-canvas-overlay.is-overlay-fixed {
    opacity: 0;
}
.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: 100vw;
    width: calc(100vw - 100px);
    left:100px;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
    background: #232323;
    box-shadow:none;
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease,-webkit-transform .8s ease;
    box-shadow: none!important;
}
.off-canvas svg.topographic {
    position: absolute;
    height: 80vh;
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    transition: all ease 2s;
    transition-delay: 1s;
    opacity: 0;
}

.off-canvas.is-open svg.topographic {
    opacity: 1;
}

.off-canvas svg.topographic path {
    fill: rgba(255,255,255,0.3)!important;
}

.wpml-ls-legacy-list-horizontal a {
    font-size:14px;
}

a.mobile-menu-link:before, a.mobile-menu-link:after {
    content: "";
    top: 0;
    background: white;
    left: 50%;
    width: 25px;
    display: block;
    height: 2px;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    position: absolute;
    transition:all .5s ease;
}

a.mobile-menu-link {
    position: relative;
}

a.mobile-menu-link:after {
    top: auto;
    bottom: 0;
    left: 0;
}

a.mobile-menu-link {
    font-size: 9px;
    height: 10px;
    color: white;
}
a.mobile-menu-link span:after {
    background: #232323;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    margin-top: 2px;
}

.wrapper.off-canvas-content.is-open-left a.mobile-menu-link:before,
.wrapper.off-canvas-content.is-open-top a.mobile-menu-link:before {
    width: 45px;
    left: 5px;
}


.wrapper.off-canvas-content.is-open-left a.mobile-menu-link:after,
.wrapper.off-canvas-content.is-open-top a.mobile-menu-link:after {
    width: 45px;
    left: 5px;
}


.wrapper.off-canvas-content.is-open-left a.mobile-menu-link:before,
.wrapper.off-canvas-content.is-open-top a.mobile-menu-link:before {
    transform: translateX(-50%) rotate(45deg);
    -ms-transform:translateX(-50%) rotate(45deg);
    -webkit-transform:translateX(-50%) rotate(45deg);
    top: 4px;
}
.wrapper.off-canvas-content.is-open-left a.mobile-menu-link:after,
.wrapper.off-canvas-content.is-open-top a.mobile-menu-link:after {
    transform: translateX(-50%) rotate(-45deg);
    -ms-transform:translateX(-50%) rotate(-45deg);
    -webkit-transform:translateX(-50%) rotate(-45deg);
    bottom: 5px;
}

.position-top {
    height: 100vh;
    -webkit-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    transform: translateY(-100vh);
    margin-top:60px;
    background: #232323;
    box-shadow:none;
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease,-webkit-transform .8s ease;
    box-shadow:none!important;
}

.wpml-ls-legacy-list-horizontal ul li a:after {
    content: " | ";
    position: absolute;
    margin-left: 7px;
}

.wpml-ls-legacy-list-horizontal ul li {
    position: relative;
}

.wpml-ls-legacy-list-horizontal ul li:last-child a:after {
    display: none;
}
.menusection .mobile-menu-link-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor:pointer;
}

.menusection {
    position: relative;
}
.is-open-left .menusection .mobile-menu-link-close {
    height: 50px;
    margin-top: -10px;
    cursor:pointer;
}


/*------------------------------------*\
	MENU
\*------------------------------------*/
ul.accordion.off-canvas-nav {
    margin: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    width: 100%;
    background: transparent;
    left: 0px;
}
ul.accordion.off-canvas-nav li a {
    color: white;
    font-size: 6vh;    
    outline: none;
}
ul.accordion.off-canvas-nav li {
    transition: all .5s ease;
}

ul.accordion.off-canvas-nav li a:hover {
    font-family: "DyoYpsiBold";
}

/*------------------------------------*\
	HOME
\*------------------------------------*/
.mybox.year.infoyear {
    padding-right: 0;
}
.oil.home-page-content {
    padding-left: 0;
}

.logo-first {
    width: 99vw;    
    height: 100vh;
    position: relative;
}
.logo-first .topographic {
    height: calc(100vh - 100px);
    position: absolute;
    width: 100%;
    top: 3vh;
    transition:all 3s ease;
    /*
    transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    */
    transform:scale(0.75);
    -ms-transform:scale(0.75);
    -webkit-transform:scale(0.75);
}
.logo-first .topographic.zoomout {
    transform:scale(0.75);
    -ms-transform:scale(0.75);
    -webkit-transform:scale(0.75);
}
.logo-first .topographic.zoomin {
    transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
}
.logo-first .logo-horizontal, .logo-first .logo-vertical {
    width:100%;
    padding: 0 20vw;
    position: absolute;
    top:50%;
    /*
    transform:translateY(-50%) scale(0.6);
    -ms-transform:translateY(-50%) scale(0.6);
    -webkit-transform:translateY(-50%) scale(0.6);
    */
    transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    -webkit-transform:translateY(-50%) scale(1);
    transition:all 3s ease;
}
.logo-first .logo-horizontal.zoomin, .logo-first .logo-vertical.zoomin {
    transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    -webkit-transform:translateY(-50%) scale(1);
}
.logo-first .logo-horizontal.zoomout, .logo-first .logo-vertical.zoomout {
    transform:translateY(-50%) scale(0.6);
    -ms-transform:translateY(-50%) scale(0.6);
    -webkit-transform:translateY(-50%) scale(0.6);
}

.zoomin-start svg {
    transform:translateY(-50%) scale(0.75);
    -ms-transform:translateY(-50%) scale(0.75);
    -webkit-transform:translateY(-50%) scale(0.75);
    animation: zoomin 3s linear;
    -webkit-animation: zoomin 3s linear;
    animation-fill-mode:forwards;
}

@keyframes zoomin {
  from {
    transform:scale(0.75);
    -ms-transform:scale(0.75);
    -webkit-transform:scale(0.75);
  }
  to {
    transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
  }
}
@-webkit-keyframes zoomin {
  from {
    transform:scale(0.75);
    -ms-transform:scale(0.75);
    -webkit-transform:scale(0.75);
  }
  to {
    transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
  }
}

.zoomout-start svg {
    transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    -webkit-transform:translateY(-50%) scale(1);
    animation: zoomout 3s linear;
    -webkit-animation: zoomout 3s linear;
    animation-fill-mode:forwards;
}

@keyframes zoomout {
  from {
    transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    -webkit-transform:translateY(-50%) scale(1);
  }
  to {
    transform:translateY(-50%) scale(0.6);
    -ms-transform:translateY(-50%) scale(0.6);
    -webkit-transform:translateY(-50%) scale(0.6);
  }
}
@-webkit-keyframes zoomout {
  from {
    transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    -webkit-transform:translateY(-50%) scale(1);
  }
  to {
    transform:translateY(-50%) scale(0.6);
    -ms-transform:translateY(-50%) scale(0.6);
    -webkit-transform:translateY(-50%) scale(0.6);
  }
}

@keyframes zoominMobile {
  from {
    transform:scale(0.75);
    -ms-transform:scale(0.75);
    -webkit-transform:scale(0.75);
  }
  to {
    transform:scale(0.9);
    -ms-transform:scale(0.9);
    -webkit-transform:scale(0.9);
  }
}
@-webkit-keyframes zoominMobile {
  from {
    transform:scale(0.75);
    -ms-transform:scale(0.75);
    -webkit-transform:scale(0.75);
  }
  to {
    transform:scale(0.9);
    -ms-transform:scale(0.9);
    -webkit-transform:scale(0.9);
  }
}
@keyframes zoomoutMobile {
  from {
    transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    -webkit-transform:translateY(-50%) scale(1);
  }
  to {
    transform:translateY(-50%) scale(0.8);
    -ms-transform:translateY(-50%) scale(0.8);
    -webkit-transform:translateY(-50%) scale(0.8);
  }
}
@-webkit-keyframes zoomoutMobile {
  from {
    transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    -webkit-transform:translateY(-50%) scale(1);
  }
  to {
    transform:translateY(-50%) scale(0.8);
    -ms-transform:translateY(-50%) scale(0.8);
    -webkit-transform:translateY(-50%) scale(0.8);
  }
}





.slogan-front {
    position: absolute;
    top: auto;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
article, .section, .home-page-content, footer {
    height: 100vh!important;
}
article {
    min-width: 100vw;
}
.section, .wp-block-columns {
    float: left;
    width: auto;
}
.wp-block-columns {
    position: relative;
    vertical-align: middle;
    justify-content: center;
    align-items: center!important;
    height: 100vh;
}
.wp-block-column {
    width:calc(500px + 10vw);
}
.wp-block-column > h1, .wp-block-column > h2, .wp-block-column > h3, .wp-block-column > h4, .wp-block-column > h5, .wp-block-column > h6, .wp-block-column > p, .wp-block-column > figure, .wp-block-column > .wine-oil{
    max-width:500px;
    display:table;
    margin-left:auto;
    margin-right:50px;
}
.wp-block-column > figure img {
    box-shadow: -30px -30px 0px 0px #bba381;
}
.home-page-content {
    padding: 0 1vw 0 30px;
    display: -webkit-box;
}
.grid-all {
    display: table-cell;
    padding-left: 10rem;
    position: relative;
    vertical-align: middle;
}

.grid-container-inner {
    display: table;
    height: 100vh;
}
.grid-all > .mybox {
    padding: 0 30px;
}
/*------------------------------------*\
	TITLES
\*------------------------------------*/
.sectiontitle {
    position: relative;
    height: 100vh;
}


.sectiontitle .heading {
    position: absolute;
    height: 100vh;
    background: #232323;
    color: rgb(237, 234, 231);
    font-size: 5rem;
    line-height: 1;
}
.sectiontitle .heading .title {
    position: absolute;
    background: #232323;
    transform:translateY(0%);
    -ms-transform:translateY(0%);
    -webkit-transform:translateY(0%);
    animation:scrollTitle 60s alternate infinite;
    -webkit-animation:scrollTitle 60s alternate infinite;
    padding: 0 20px;
}
@keyframes scrollTitle {
  0% {
    transform: translateY(0);
  }
}
.sectiontitle .heading span.letter {
    -webkit-transform: rotate(-90deg)!important;
    -moz-transform: rotate(-90deg)!important;
    -ms-transform: rotate(-90deg)!important;
    -o-transform: rotate(-90deg)!important;
    transform: rotate(-90deg)!important;
    display:inherit;    
    height: 3rem;
    text-align: center;
    line-height: .7;
    padding: 0 20px;
    font-family: "DyoYpsiBold";
}
.sectiontitle .heading br {
    display: none;
}

.sectiontitle .heading span.symbol {
    position: absolute;
    left: 50%;
    margin-top: -2rem;
}
.land {
    max-width:1324px;
}
.land .wp-block-column p, .land .wp-block-column h1, .land .wp-block-column h2, .land .wp-block-column h3, .land .wp-block-column h4, .land .wp-block-column h5, .land .wp-block-column h6 {
    margin-left:0;
}
.vineyard {
    height: 100vh;
}
.show-from-right figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e0d6cc;
    transition: all 3s ease;
}
.show-from-right figure.show:after {
    width: 0;
}
#vineyard {
    margin: 0;
    width: calc(200% + 30px);
    bottom: 0!important;
    top: auto;
    position: absolute;
    max-width: calc(200% + 30px);
}
#vineyard img {
    max-width:100%;
    box-shadow:none;
}

/*------------------------------------*\
	WINES
\*------------------------------------*/
.wine-oil {
    position: relative;
    margin: 0 auto!important;
    text-align: center;
    width: 100%;
    max-width: 100%!important;
    height: 100vh;
}

.bg-color {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.wine-oil-titles .wp-block-column{
    margin:0!important
    
}
.hover-show {
    transition: all .5s ease;
    opacity: 0;
}
.wine-oil:hover .hover-show {
    opacity: 1;
}

.bg-img {
    position: absolute;
}

.bg-img.vertical-top {
    top: -100%;
    transition: all .5s ease;
    bottom: auto;
}
.wine-oil:hover .bg-img.vertical-top {
    top: 0%;
}
.bg-img.vertical-bottom {
    top: auto;
    bottom: -100%;
    transition: all .5s ease;
}

.wine-oil:hover .bg-img.vertical-bottom {
    bottom: 0%;
}
.bg-img.vertical-center {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}
.bg-img.horizontal-center {
    left: 0;
    right: 0;
}

.bg-img.horizontal-left {
    left: 0;
}

.bg-img.horizontal-right {
    right: 0;
}
.wine-oil .the-post {
    position: absolute;
    left: 0;
    right: 0;
}


.wine-oil-info {
  height: 100vh;
  position: absolute;
  left: 0;
  right: 0;
}


.the-post.bottom .wine-oil-info img.feat-img {
    bottom:3vh;   
}


.the-post.top .wine-oil-info img.feat-img {
    top:3vh;   
}

.the-post.center .wine-oil-info img.feat-img {
    top: 50%;
    transform: translateY(-50%);
    max-width:300px;
}

.wine-oil-info img.feat-img {
    max-height: 95vh;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/*
.wine-oil-titles .wp-block-column {
  max-width: 550px !important;
}
*/

.wine-oil .the-post.bottom .fieldset {
  margin-top: 17vh;
}
.wine-oil .the-post.top .fieldset {
  margin-top: -1vh;
}

.featured-container {
    position: absolute;
    bottom: 0;
    width: 100%;
}



/*------------------------------------*\
	PAGES
\*------------------------------------*/
button#gotonext, button#gofront {
    border: 0!important;
    color:inherit;
}
.hidden {
    display:none;
}
.page-content .wp-block-columns .wp-block-column h1, .page-content .wp-block-columns .wp-block-column h2, .page-content .wp-block-columns .wp-block-column h3, .page-content .wp-block-columns .wp-block-column h4, .page-content .wp-block-columns .wp-block-column h5, .page-content .wp-block-columns .wp-block-column h6, .page-content .wp-block-columns .wp-block-column p, .page-content .wp-block-columns .wp-block-column figure {
    margin-left: 0;
}

.page-content .wp-block-column {
    padding: 0 5vw;
}

.page-content .wp-block-columns .wp-block-column:first-child {
    padding-left:10vw;
}
.page-content .wp-block-columns .wp-block-column:last-child {
    padding-right:10vw;
}
.wp-block-columns.single .wp-block-column {
    width:calc(45vw);
}
.page-content .wp-block-column .wp-block-table {
    width:100%;
}
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6,
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6
{
    color:#6C583D;
    font-size:2.5rem;
    margin-bottom:15px;
}

form.wpcf7-form input, form.wpcf7-form textarea, form.wpcf7-form select {
    background: transparent!important;
    border: 0;
    box-shadow: none!important;
    border-bottom: 1px solid;
}

form.wpcf7-form textarea {
    height: 80px;
}

[type=button], [type=submit], button {
    border: double black 3px!important;
    padding: 10px 30px;
    position: relative;
    border-left: 1px solid!important;
    border-right: 1px solid!important;
    cursor:pointer;
    color:black;
}


/*------------------------------------*\
	HISTORY
\*------------------------------------*/
.year-content {
    width: 100%;
    max-width: 275px;
    display: table;
    margin-left: auto;
}
@media screen and (min-width:1024px) {
    .year-content {
        max-width: 300px;
    }
}

.mtop {
    margin-top: 50px;
}

.mbottom {
    margin-bottom: 50px;
}

img.year-thumb {
    position: relative;
    box-shadow: 30px -30px 0px 0px #bba381;
    margin-right: 100px;
}
@media screen and (min-width:1024px) {
    img.year-thumb {
        margin-top:60px;
    }
    .moving.rightboxshadow img {
        margin-right: 30px;
    }
}
.moving {
    transition:all .5s ease;
}
#showcurrentbar {
    content: "";
    position: fixed;
    bottom: 0;
    height: 5px;
    width: 0%;
    background: #bba381;
    transition: all .5s ease;
    z-index:99999999999999999999;
}
span.close-wine {
    position: fixed;
    top: 15px;
    right: 30px;
    font-size: 5rem;
    border: 2px solid;
    line-height: 0.8;
    padding: 2px 15px 4px;
    font-weight: 300;
    border-radius: 50%;
    cursor: pointer;
    font-family:initial;
}
main, #wrapper, footer, #main {
    transition:all .5s linear;
}

div#land .wp-block-column p {
    max-width: 230px;
}
div#land .wp-block-column:last-child p {
    margin-right: auto;
    margin-left: 0;
}
#estate p {
    margin-left: 0;
}
.wine-oil-titles.oil .wine-oil-info img.feat-img {
    top: 50%;
    transform: translateY(-50%);
}
/*
.wine-oil-titles.oil > .wp-block-column {
    max-width: 800px!important;
}
*/
.sectiontitle {
    position: relative;
    height: 100vh;
    width: 120px;
}
.sectiontitle .heading {
    position: relative;
    height: 100vh;
    background: #232323;
    color: rgb(237, 234, 231);
    font-size: 5rem;
    line-height: 1;
    width: 100%;
    left: 0;
    top: 0;
}

.vertical-title {
    border: 2px solid black;
    overflow: hidden;
    white-space: nowrap;
    transform: rotate(-90deg);
    position: absolute;
    background: #232323;
}

.first-marquee {
  display: inline-block;
  animation: marquee 30s linear infinite;
  /*transform: translateX(100%);*/
  transition: all 5s ease;
  transform:translate3d(0,0,0);
  
}

.second-marquee {
  display: inline-block;
  animation: marquee2 30s linear infinite;
  animation-delay:15s;
  /*transform: translateX(0%);*/
  transition: all 5s ease;
  transform:translate3d(0,0,0);
}
/*
.first-marquee.transtitle,.second-marquee.transtitle {
  transform:translate3d(-100px,0,0);
}
*/
.vertical-title {
    border: 0;
    overflow: hidden;
    white-space: nowrap;
    transform:  translate(-50%, -50%) rotate(-90deg);
    position: absolute;
    background: #232323;
    left: 0;
    width:100vh;
    left: 50%;
    top: 50%;
}
div#lanscape svg {
    width: 100px;
}

div#lanscape svg path {fill: #bba381;}
.is-open-left a.mobile-menu-link span:after {display: none;}

.is-open-left a.mobile-menu-link span {
    color: #232323 !important;
}
.spanlabel {
    display:none;
}
/*
@keyframes marquee {
  from {
    transform: translateX(30%);
  }
  to {
    transform: translateX(-170%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(-70%);
  }
  to {
    transform: translateX(-270%);
  }
}
@keyframes marqueeMob {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marqueeMob2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}
*/
@media screen and (max-width:1024px) {
    .vertical-title {
        top:auto!important;
    }
    /*
    .first-marquee {
      display: inline-block;
      animation: marqueeMob 30s linear infinite;
      transform: translateX(100%);
      
    }
    .second-marquee {
      display: inline-block;
      animation: marqueeMob2 30s linear infinite;
      animation-delay:15s;
      transform: translateX(0%);
    }
    */
}

/*------------------------------------*\
	FOOTER
\*------------------------------------*/
#main {
    display: -webkit-box;
}
.main-footer svg.topographic path, .main-footer svg.topographic g, .main-footer svg.topographic linearGradient {
    fill: #ffffff36!important;
}
.footer, main {
    display: inline-block;
    float: left;
}
/*
footer.footer .main-footer > div , footer.footer .bottom-footer > div {
    -moz-transform: translateY(-50%) rotate(-90deg);
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    position: absolute;
    top:50%;
}
*/
footer.footer .wp-block-columns {
    position: relative;
    margin-left: 0;
}
/*
.wp-block-column.main-footer {
    height: 100vh;
    position: relative;
}
*/
/*
.wp-block-columns.bottom-footer {
    position: relative;
    height: 0;
    width: 0!important;
    min-width: 0!important;
    margin: 0px!important;
}
.wp-block-columns.bottom-footer .wp-block-columns {
    height: 50px;
    font-size: 15px;    
    width: 90vh;
    border-bottom: 1px solid white;
}
*/


button#gofront {
    margin-left: 30px;
    margin-top: -30px;
    left:50%;
    -moz-transform: translateX(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
        margin-top: 30px;
    margin-bottom: -100px;
}
.wp-block-column.bottom-left-footer a {
    font-size: 12px;
    text-align: center;
    padding-left:0;
}
.bottom-right-footer, .bottom-right-footer p {
    font-size: 12px;
}

footer.footer {
    background-color: #232323;
}

.main-footer ul li a {
    font-size: 5rem;
    text-align: center;
    color: white;
    font-family: 'DyoYpsi';
    transition: all .5s ease;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.main-footer ul li {padding-top: 30px;}

.main-footer ul {padding-bottom: 130px;}
/*
footer.footer {
    width: 100vh;
    padding: 0 350px;
}
*/
.bottom-footer a, .bottom-footer p {
    color: white;
}

.main-footer ul li a:hover {
    font-family: "DyoYpsiBold";
}
/*
.main-footer svg.topographic {
    transform:rotate(-90deg);
}
*/

footer.footer {
    /*
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform-origin: left;*/
    height: 100vh!important;
    /*width: 100vw!important;
*/
}
footer.footer .wp-block-columns {
    height: auto;
    display: block;
}
footer.footer, /*footer.footer .wp-block-columns,*/ .wp-block-column.main-footer, .wp-block-columns.bottom-footer .wp-block-columns {
    width: 100vh;
}
footer svg.topographic {
    
    position: absolute;
    width: 80vh;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}
.wp-block-column.bottom-right-footer {
    width: 100vh;
}
.wp-block-column.bottom-left-footer {
    width: 50%;
    float: left;
}
footer.footer > .wp-block-columns {
    position: absolute;
    /*bottom:200px;
    width: 100vh;
    height: 100vw;*/
    top: 50%;
    /*left: 50%;
    moz-transform: translate(-50%,-50%) rotate(-90deg);
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);*/
    right:200px;
    moz-transform: translate(0,-50%) rotate(-90deg);
    -webkit-transform: translate(0,-50%) rotate(-90deg);
    -ms-transform: translate(0,-50%) rotate(-90deg);
    /*padding-top: 300px;*/
}
.bottom-right-footer p {
    margin-left: auto;
    text-align: right;
    margin-right: 0;
}
footer.moegt:after {
    position: absolute;
    background: inherit;
    content: "";
    top: 0;
    right: -29px;
    width: 30px;
    height: 100vh;
    right: -66px;
    width: 67px;
}
.wp-block-column.main-footer {
    margin-bottom: 130px;
}
.wp-block-columns.bottom-footer >.wp-block-columns {
    max-width: 88vh!important;
    display: flex;
    margin-left: 6vh;
    border-bottom: 1px solid white;
}
@media screen and (min-width:1024px) {
    
    main.home-page-main-container.page-container {
        margin-right: 0px!important;
        min-width: 100vw;
    }
    
    main.home-page-main-container.page-container.ctonactpage {
        width: 100vw;
    }
    .wp-block-columns {
        width: calc(100vw - 200px)!important;
        max-width: calc(100vw - 200px)!important;
    }/*
    div#rare-wines, div#rare-wines-el {
        width: calc(50vw - 100px)!important;
        max-width: calc(50vw - 100px)!important;
    }*/
    .footer .wp-block-columns {
        width:100vh!important;
        max-width:100vh!important;
    }
    body.draggable {
        cursor: move; /* fallback if grab cursor is unsupported */
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }
    .logo-first {
        padding-left:100px;
    }
    .wrapper.off-canvas-content:not(.is-open-left) a.mobile-menu-link:hover:before,
    .wrapper.off-canvas-content:not(.is-open-top) a.mobile-menu-link:hover:before,
    .mobile-menu-link.hovered:before,
   .mobile-menu-link.hovered:before {
        width: 45px;
        left: 5px;
    }
    .wrapper.off-canvas-content:not(.is-open-left) a.mobile-menu-link:hover:after,
    .wrapper.off-canvas-content:not(.is-open-top) a.mobile-menu-link:hover:after,
    .mobile-menu-link.hovered:after,
    .mobile-menu-link.hovered:after {
        width: 45px;
        left: 5px;
    }
    .wp-block-columns.bottom-footer .wp-block-columns {
        background-color: transparent!important;
    }
    .land > .wp-block-column.mybox:not(.vineyard) {
        margin-top: -200px;
    }
    .mybox.year {
        padding: 0 130px;
    }
    .wp-block-column.main-footer {
        margin-bottom: 330px;
    }
    
    .home-page-content.page-content {
        margin-left: 100px;
        min-width: 100vw;
        padding: 0;
    }
    .home-page-content.page-content.ctonactpage {
        width: 100vw;
    }
    footer svg.topographic {
        margin-top: -30%;
    }
    
    div#dialogos-wines > .wp-block-column:first-child .bg-img, div#dialogos-wines-el > .wp-block-column:first-child .bg-img  {
        margin-left: 70px;
    }
    div#wine-oil-203 .hover-show.bg-color, div#wine-oil-200 .hover-show.bg-color {
        width: calc(100% + 25px);
    }
}
@media screen and (max-width:1023px) {
    .paddingmoberge {
        padding-left: 40px;
        padding-right: 40px;
    }    
    
    body.home.page.page-id-67 footer.footer {
        margin-left: 100px; 
    }
    .zoomout-start svg {
        transform:translateY(-50%) scale(1);
        -ms-transform:translateY(-50%) scale(1);
        -webkit-transform:translateY(-50%) scale(1);
        animation: zoomoutMobile 3s linear;
        -webkit-animation: zoomoutMobile 3s linear;
        animation-fill-mode:forwards;
    }
    
    .zoomin-start svg {
        transform:translateY(-50%) scale(0.75);
        -ms-transform:translateY(-50%) scale(0.75);
        -webkit-transform:translateY(-50%) scale(0.75);
        animation: zoominMobile 3s linear;
        -webkit-animation: zoominMobile 3s linear;
        animation-fill-mode:forwards;
    }
    .wrapper.off-canvas-content.is-open-top a.mobile-menu-link:after, .wrapper.off-canvas-content.is-open-top a.mobile-menu-link:before {
        width: 30px;
    }
    div#land .moving img,
    div#estate .moving img {
        max-height: 60vh;
        width: auto;
    }
    #land .wp-block-column, 
    #estate .wp-block-column {
        position:relative;
    }
    #land .wp-block-column p, #land .wp-block-column ul, #land .wp-block-column ol, #land .wp-block-column .wp-block-image, 
    #estate .wp-block-column p, #estate .wp-block-column ul, #estate .wp-block-column ol, #estate .wp-block-column .wp-block-image {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)!important;
        width: 100%;
    }
    .abouttext {
        margin-left: -50vw;
    }
    /*------------------------------------*\
    	MENU BAR
    \*------------------------------------*/
    .mobile-menu-container {
        position: fixed;
        width:100vw;
        background: #232323;
        height:60px;
        z-index: 9999999;
    }
    .logo img, .logo svg {
        width: auto;
        height:50px;
        padding:5px;
    }
    main {
        padding-top: 60px;
        height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
        height: calc(var(--vh, 1vh) * 100);
    }
    .mobile-menu .text-left {
        width: 60px;
        right: 10px;
        left: auto;
        padding-top: 13px;
        height: 100%;
        top: 0;
    }
    
    .mobile-menu .text-right {
        width: 110px;
        left: 0;
        right: auto;
        top: 0;
        height: 100%;
        padding-top: 8px;
    }
    
    .mobile-menu .text-center {
        width: calc(100% - 185px);
        left: 50%;
        transform: translateX(-50%);
        -ms-transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        top: 4px;
    }
    .wrapper.off-canvas-content.is-open-top a.mobile-menu-link {
        top:8px;
    }
    
    /*------------------------------------*\
    	MENU
    \*------------------------------------*/
    ul.accordion.off-canvas-nav {
        width:100%;
        margin-top: -60px;
    }

    /*------------------------------------*\
    	HOME
    \*------------------------------------*/
    body.home main.home-page-main-container section {
        display:-webkit-box!important;
            margin-right: 50px;
    }
    .logo-first .logo-vertical {
        height: 40vh;
        min-height: 200px;
        width: 100%;
    }
    .logo-first .topographic {
        top:0;
    }
    /*
    .slogan-front {
        bottom: 60px;
    }
    */
    .grid-all > .mybox, .wp-block-column {
        width: 100vw;
        height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
        height: calc(var(--vh, 1vh) * 100);
    }
     .wp-block-column,.wp-block-image.moving {
         margin-top:30px;
     }
    
    .sectiontitle .heading {
        font-size: 2.5rem;
    }
    footer.footer .main-footer > div, footer.footer .bottom-footer > div {
        width:100%;
    }
    .sectiontitle .heading span.letter {
        height: 1.5rem; 
        line-height: 0.9;
        padding: 0px;
        font-size: 2rem;
        width: 3rem;
    }
    .wp-block-columns {
        margin-left: 0px;
    }
    
    .wp-block-column, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child), .year-content, .year {
        width: 100vw!important;
        padding: 0 5vw!important;
        flex-basis: inherit!important;
        flex-grow: inherit;
            margin-left: 0;
    }
    .wp-block-column.mybox.vineyard, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.mybox.vineyard:not(:only-child) {
        padding: 0!important;
    }
    .moving {
        transform: translate(0)!important;
    }
    .wp-block-columns.single {
        margin-left: 0;
    }
    
    .page-content p:empty, .post-content p:empty {
        display: none;
    }
    .home-page-content {
        /*padding:0;*/
    }
    /*
    .wp-block-columns.single .wp-block-column {
        margin-top: 50%;
        transform: translateY(-25%);
    }
    */
    h1, h2, h3, h4, h5, h6, .wp-block-column ol li, .wp-block-column ul li {
        font-size:1.7rem;
    }
    .wine-oil-info img.feat-img {
        max-height: 70vh!important;
        top: auto!important;
        bottom: 15vh!important;
    }
    .wp-block-column.thumb img {
        height: 70vh!important;
        width: auto;
    }
    .wp-block-column {
        overflow-y: auto;
    }
    .wine-oil-titles .wp-block-column {
        overflow-y: hidden!important;
    }
    /*****after scroll change***/
    
    .logo-first, article, .section, .home-page-content, footer, .grid-all > .mybox, .wp-block-column, .wp-block-columns {
        height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
        height: calc(calc(var(--vh, 1vh) * 100) - 60px);
        margin-top: 0;
    }
    .wp-block-column, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
         padding-top:30px!important;
         padding-bottom:30px!important;
     }
    
    /*
    #vineyard, #vineyard img {
        width: 100%;
        top: 0!important;
        bottom: auto!important;
        max-width: 100%!important;
        position: relative;
        visibility: visible;
        opacity: 1;
    }
    */
    .grid-all {
        padding-left: 20px;
        padding-right: 30px!important;
    }
    
    .grid-all > .mybox {
        padding: 0 30px!important;
    }
    
    .year-thumb {
        margin-top:50px;
    }
    
    img.year-image {
        width: 250px;
    }
    
    .sectiontitle {
        width: 60px;
    }
    
    .wine-oil-info img.feat-img {
        top: 50%!important;
        transform: translateY(-50%);
        bottom: 0!important;
        max-height: calc(100vh - 120px);
        max-height: calc(calc(var(--vh, 1vh) * 100) - 120px);
        margin-top: -40px;
    }
    
    .land {
        width:200vw;
    }
    
    .wine-oil-titles > .wp-block-column, .wp-block-columns.wine-oil-titles:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
        padding: 0!important;
    }
    
    
    .show-from-right figure:after {
        display:none!important;
    }
    
    /*****end after scroll change***/
    ul.accordion.off-canvas-nav li a {
        font-size:6vh;
    }
    .off-canvas svg.topographic {
        width: 80vw; 
        margin-top: -60px;
    }
    p { 
        font-size: 14px;
    }
    .vertical-title {
        width:200vh!important;
    }
    img.year-thumb {
          max-width: 80vw;
    }
    
    .wp-block-column ol, .wp-block-column ul {
        text-align: center;
    }
    
    .wp-block-column ol li, .wp-block-column ul li {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .wine.home-page-content .wine-content {
        padding: 0!important;
    }
    
    span.close-wine {
        font-size: 2rem;
        padding: 3px 10px 7px;
        right: 10px;
        position: absolute;
        top: 10px!important;
    }
    .wine-oil-titles.oil .wine-oil-info img.feat-img {
        height: 100vw!important;
    }
    .wine.home-page-content {
        width: 200vw!important;
        position: relative;
    }
    .vertical-title {
        bottom:100vh!important;
    }
    .wp-block-column.vineyard, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.vineyard:not(:only-child) {
        position: absolute;
        width: 200vw!important;
        left: 0;
    }
    .wp-block-column.vineyard {
        width:100%!important;
    }
    /*
    .land > .wp-block-column:last-child {
        margin-left: 100vw!important;
    }
    */
    #vineyard {
        width: 100%;
    }
    .wine-oil .the-post {
        width:100%;
        height:100%;
    }
    .mybox.year.infoyear {
        margin-right: -90px;
        margin-left: 30px;
    }
    .grid-all > .mybox {
        width:100vw!important;
    }
    
    .mybox.year.infoyear {
        margin-right: 0;
    }
    
    footer.footer > .wp-block-columns {
        position: relative;
        right: 0;
        transform: none;
        top: 0;
        width: 100%;
    }
    
    .main-footer ul li a {
        font-size: 4vh;
    }
    
    .main-footer ul li {
        padding-top: 1vh;
    }
    
    .main-footer ul {
        margin-top: 7vh;
        padding-bottom: 0;
    }
    
    .wp-block-column.main-footer {
        height: auto;
        margin: 0;
        position: relative;
    }
    
    footer.footer {
        height: calc(100vh - 60px)!important;
        height: calc(calc(var(--vh, 1vh) * 100) - 60px)!important;
        margin-top: 60px;
    }
    
    footer svg.topographic {
        width: 80%;
    }
    
    .wp-block-columns.bottom-footer {
        width: 100%!important;
    }
    
    .wp-block-column.bottom-left-footer {
        height: auto;
    }
    
    .wp-block-columns.bottom-footer >.wp-block-columns {
        margin: 0;
        display: block;
        height: auto!important;
        max-width: 100%;
    }
    
    
    span.copyrightspan {
        display: block;
        font-size: 0;
    }
    
    .wp-block-column.bottom-right-footer {
        width: 100%;
    }
    
    .wp-block-column.bottom-right-footer p {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom:0;
    }
    
    ul.vertical.medium-horizontal.menu {
        flex-direction: row;
    }
    
    .wp-block-columns.bottom-footer ul.vertical.medium-horizontal.menu li {
        display: inline-block;
        float: left;
    }
    
    .wp-block-column.bottom-right-footer {
        height: auto;
    }
    
    button#gofront {
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        margin-left: 0;
    }

    .wp-block-columns.bottom-footer .wp-block-columns {
        max-width: 100%!important;
    }
    
    footer.moegt:after {
        display:none
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child).main-footer, .wp-block-column, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child).bottom-left-footer, .wp-block-column, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child).bottom-right-footer {
        padding-top: 0vh!important;
        padding-bottom: 2vh!important;
    }
    footer.footer .wp-block-columns {
        margin-bottom: 0!important;
    }
    footer svg.topographic {
        width: 32vh;
    }
    .home-page-content.page-content {
        padding-left: 0;
    }
    
    button#gofront {
        position: absolute;
        bottom: 10px;
    }
    
    footer.footer { 
        position: relative;
    }
    
    footer.footer > .wp-block-columns {
        height: calc(100vh - 60px);
        height: calc(calc(var(--vh, 1vh) * 100) - 60px);
    }
    
    .wp-block-columns.bottom-footer {
        position: absolute!important;
        bottom: 75px;
    }
    .home-page-content.page-content .slogan-front.hide-for-large, .home-page-content.post-content .slogan-front.hide-for-large {
        bottom: 10px;
        left: 0;
        width: 100vw;
    }
    .slogan-front.hide-for-large {
        background:url('assets/media/images/swipe-icon-black.png');
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
    }
    .slogan-front.hide-for-large button {
        color: transparent;
    }
    .mybox.year {
        position: relative;
        height: 100%;
    }
    
    .mybox.year .yearboxpos {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
    }
    #wrapper, #main {
        overflow-y:hidden;
    }
    html, body, main.home-page-main-container section, main.home-page-main-container section article, main.home-page-main-container section article .home-page-content, main.home-page-main-container section article .home-page-content > .wp-block-columns {
        height: 100%!important;
    }
    .mybox.year .yearboxpos {
        overflow-y: auto;
        overflow-x: hidden;
    }
    .grid-container-inner {
        height: calc(100vh - 60px);
    }
    #land1 .wp-block-column {
        display: grid;
        align-items: center;
        justify-content: center;
        align-content: center;
        justify-items: stretch;
    }

    #land1 {
        padding-left: 20px;
    }
    .is-not-stacked-on-mobile.single.contact .wp-block-column {
        overflow: hidden;
    }
    body.home.safari footer.footer {
        margin-left:-21px;
    }
}

@media screen and (max-width:640px) {
    .logo img, .logo svg {
        width: 90%;
    }
    .social-media-sidebar {
        font-size: 11px;
        margin-top: 2px;
    }
    .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
        font-size: 1.5rem;
    }
    
    .home-page-content.page-content, .home-page-content.post-content {
        padding-top: 20px;
    }
    
    
    figure.wp-block-table td {
        display: block;
    }
    .year-content {
        padding:0!important;   
    }
    img.year-image.year-2014 {
        margin-top: -67px;
    }
}
#lanscape {
    display:none!important;
}

div#swipe {
    background: #232323;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    color: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    float: none;
    display: none;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: center;
    align-items: center;
    justify-content: center;
    transition:all .3s ease;
}
button.mgbutton.moove-gdpr-infobar-allow-all.gdpr-fbo-0 {
    color: black!important;
}

#moove_gdpr_cookie_modal a, #moove_gdpr_cookie_modal button {
    color: black!important;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   
    body.ipadpro div#lanscape {
        background: #232323;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 99999999;
        color: white;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        float: none;
        display: flex!important;
        flex-wrap: wrap;
        flex-direction: row;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    body:not(.ipadpro) div#lanscape {
        background: #232323;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 99999999;
        color: white;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        float: none;
        display: flex!important;
        flex-wrap: wrap;
        flex-direction: row;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    
    body.ipadpro .moving {
        transform: translateX(0px)!important;
    }
    body.ipadpro .show-from-right figure:after {
        display:none;
    }
}
@media screen and (max-width: 1023px) and (orientation: landscape) {
    /*
    html {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform-origin: left top;
        -webkit-transform-origin: left top;
        width: 100vh;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
    #wrapper, #main, body, main .mybox {
        width: 100vh!important;
        height: 100vw!important;
    }
    
    .mobile-menu-container {
        width: 100vh!important;
    }
    
    .logo-first svg {
        height: calc(100vw - 100px)!important;
        width: 100vh;
    }
    */
    body:not(.ipadpro) div#lanscape {
        background: #232323;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 99999999;
        color: white;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        float: none;
        display: flex!important;
        flex-wrap: wrap;
        flex-direction: row;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
}
.wpml-ls-statics-footer {
    display: none; 
}
/*
body.safari #wrapper, body.safari #main {
    white-space: nowrap;
    position: relative!important;
    height:100vh!important;
}
body.safari .mybox {
    white-space: normal!important;
}
html.safari, body.safari {
    height:100vh!important;
}
*/
@media screen and (max-width:425px) {
    #land1 .wp-block-column {
        display: grid;
        align-items: start;
        justify-content: end;
        justify-items: center;
            align-content: baseline;
    }
    #estate p {
        padding-top: 165px;
        padding-bottom: 20px;
    }

}
p.post-excerpt.has-text-align-left, h2.post-subtitle.has-text-align-left, button.post-more-link.has-text-align-left {
    margin-left: 0!important;
    margin-right: auto!important;
    text-align:left!important;
}

p.post-excerpt.has-text-align-right, h2.post-subtitle.has-text-align-right, button.post-more-link.has-text-align-right {
    margin-right: 0!important;
    margin-left: auto!important;
    text-align:right!important;
}
.pagination {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 30px;
        max-width: 100vw;
}

.pagination a:hover, .pagination button:hover, .pagination .current {
    background: #bba381;
}

.loopimg.has-text-align-left {
    margin-left: 30px!important;
}
button.post-more-link {
    display: table;
}
.oil .wine-oil-info img.feat-img { max-height: 60vh; }
.loopimg {
    transform: none!important;
}
body.safari #wrapper, body.safari #main {
    white-space: nowrap;
    height:100vh!important;
    height: calc(var(--vh, 1vh) * 100)!important;
    position: relative!important;    
    overflow-y:hidden;
}
body.safari .mybox {
    white-space: normal!important;
}
html.safari, body.safari {
    height:100vh!important;
    height: calc(var(--vh, 1vh) * 100)!important;
    overflow-x:scroll;
}
.leftedtext p {
    margin-right: auto;
    margin-left: 0;
}

.centeredtext  p {
    margin-right: auto;
    margin-left: 0;
}