/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2023 | 10:52:22 */
#wines-section {
  background-color: #f8f7f2;
}

.show-mob {
  display: none;
}
@media screen and (max-width: 890px) {
  .show-mob {
    display: block;
  }
  .show-desktop {
    display: none;
  }
}
.wines-control {
  width: 100%;
  max-width: 1478px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 110px;
}

.wines-intro-text {
  margin-bottom: 60px;
}

.wines-heading {
  font-family: 'OpenSans', sans-serif;
  font-weight: 300;
  font-size: 25px;
  color: #805961;
  text-align: center;
  display: none;
}

.wines-intro-text p {
  line-height: 20px;
  max-width: 740px;
  font-family: 'OpenSans', sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #000;
}

.wine-btns {
  display: flex;
  align-items: flex-end;
  gap: 40px;
  z-index: 9;
  position: relative;
  padding-left: 50px;
  min-height: 300px;
  margin-top: -300px;
  border-bottom: 1px solid #805961;
}

.wine-btns a {
  border: none;
  outline: none;
  background-color: transparent;
  text-decoration: none;
  color: #805961;
  letter-spacing: 2px;
  -webkit-writing-mode: vertical-lr;
  -webkit-text-orientation: sideways;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  text-orientation: sideways;
  text-align: right;
  transform: rotate(180deg) translateY(-100%);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  font-family: 'OpenSans', sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 96px;
  width: 85px;
  z-index: 9;
  transition: font-weight 0.2s linear;
  padding-bottom: 1px;
}

.wine-btns a::after {
  content: '';
  width: 3px;
  height: 35px;
  margin-top: 15px;
  background-color: #805961;
  transition: all 0.4s;
  display: block;
}

.wine-btns a:hover {
  font-weight: bold;
  color: #805961;
}

.wine-btns a:hover::after {
  height: 65px;
}

.wine-item {
  display: none;
  gap: 40px;
  background: #f8f7f2;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;

  padding-left: 20px;
  padding-right: 20px;
}

.wine-item.show-item {
  display: flex !important;
}

.info-container {
  /* width: 40%; */
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.info-content {
  text-align: center;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-top: 150px;
  padding-right: 25px;
}

.wine-item.show-item {
  display: flex;
}

#wines-section img.wine-logo {
  width: 100%;
  max-width: 300px;
  min-height: 87px;
  object-fit: contain;
  object-position: bottom;
}

#avgoustiatis img.wine-logo {
  max-width: 320px;
}

@media screen and (max-width: 890px) {
  #wines-section #avgoustiatis img.wine-logo {
    max-width: 240px;
  }
}

.wine-subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0;
}

.wine-desc,
.wine-see-more {
  font-family: 'OpenSans', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #000;
}

.wine-desc {
  margin: 0;
}

.wine-see-more {
  color: #000;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: all 0.2s;
  display: flex;
}

.wine-see-more::before {
  content: '';
  width: 13px;
  height: 1px;
  background-color: #000;
  transition: all 0.2s;
  display: block;
  align-self: center;
  margin-right: 8px;
  margin-bottom: -2px;
}

.wine-see-more:hover::before {
  width: 30px;
}

.wine-see-more:hover {
  padding-left: 30px;
  font-weight: 700;
  color: #000;
}

.images-container {
  /* width: 60%; */
  width: 50%;
}

.wine-inner {
  overflow: hidden;
  position: relative;
}

.bottle-img-container {
  position: relative;
  z-index: 3;
}

.wine-layer-bottom {
  position: absolute;
  top: 50%;
  transform: translateY(-25%);
  left: 40px;
  opacity: 0;
  transition: opacity 0.6s linear;
}

.wine-layer-top {
  position: absolute;
  top: 56%;
  transform: translateY(-50%);
  z-index: 2;
  left: 65px;
  overflow: hidden;
}

.wine-layer-top.out-white {
  left: 150px;
  top: 62%;
}
.wine-layer-top.out-red {
  top: 67%;
  left: 150px;
}

.wine-layer-top img {
  transform: translateX(-70%);
  opacity: 0;
  transition: all 0.9s ease-in;
}

.show-item .wine-layer-bottom {
  opacity: 1;
}

.show-item .wine-layer-top img {
  transform: translate(0);
  opacity: 1;
}

@media screen and (max-width: 1275px) {
  #avgoustiatis .wine-layer-top img {
    max-width: 360px;
  }
}
@media screen and (max-width: 996px) {
  #avgoustiatis .wine-layer-top img {
    max-width: 300px;
  }
}

@media screen and (max-width: 1480px) {
  #wines-section {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (max-width: 1180px) {
  .wine-btns {
    padding-left: 10px;
    gap: 20px;
  }

  .wine-btns button {
    width: 70px;
  }
}

@media screen and (max-width: 890px) {
  .wines-control {
    padding-top: 50px;
  }

  .wines-heading {
    display: block;
  }

  .wines-intro-text p {
    text-align: center;
    color: #805961;
  }

  .wine-btns {
    justify-content: space-between;
  }

  .wine-item {
    flex-direction: column-reverse;
    align-items: center;
    padding: 250px 0 95px 0;
    gap: 0;
  }

  .info-container {
    width: 100%;
    /* display: flex; */
    justify-content: center;
  }

  .info-content {
    padding: 5px;
  }
  #wines-section img.wine-logo {
    min-height: 0;
    max-width: 165px;
    min-height: 50px;
  }

  .wine-subtitle {
    font-size: 20px;
    margin-bottom: 0;
  }

  .wine-desc {
    font-size: 14px;
    margin: 0;
    min-height: 90px;
  }

  .images-container {
    width: 100%;
  }

  .wine-inner {
    display: flex;
    justify-content: center;
  }

  .wine-layer-top.out-white img,
  .wine-layer-top.out-red img {
    transform: translateX(70%);
  }

  .wine-layer-top.out-white img,
  .wine-layer-top.out-red img {
    transform: translateX(70%);
  }

  .show-item .wine-layer-top.out-white img,
  .show-item .wine-layer-top.out-red img {
    transform: translateX(0);
  }

  .wine-inner img {
    width: 100%;
  }

  .wine-layer-top {
    top: 60%;
    left: 45%;
    width: 45%;
  }

  @media screen and (max-width: 890px) {
    #avgoustiatis .wine-layer-top {
      width: 54%;
    }
  }

  .wine-layer-top.top-full {
    left: 0;
    width: 100%;
  }

  .wine-layer-top.wine-layer-top.out-white {
    top: 66%;
    left: 0;
    width: 100%;
  }

  .wine-layer-bottom {
    left: 45%;
    width: 50%;
  }

  .wine-layer-top.out-white img {
    content: url(https://dev.mene-jo.gr/patriotis2023/wp-content/uploads/2023/07/full-bg.svg);
  }

  .wine-layer-bottom.kot-white img {
    content: url(https://dev.mene-jo.gr/patriotis2023/wp-content/uploads/2023/07/Group-819.png);
  }

  .wine-layer-bottom.kot-white {
    width: 56%;
    max-width: 270px;
    left: 44%;
    top: 45%;
  }

  .wine-layer-top.kot-white {
    top: 54%;
    max-width: 210px;
  }

  .wine-layer-bottom.kot-red img {
    content: url(https://dev.mene-jo.gr/patriotis2023/wp-content/uploads/2023/07/mob-splash-e1690730499254.png);
  }

  .wine-layer-bottom.kot-red {
    width: 56%;
    top: 44%;
    max-width: 270px;
  }

  .wine-layer-top.kot-red {
    top: 54%;
    max-width: 210px;
  }
}

@media screen and (max-width: 550px) {
  .wine-control {
    padding-top: 40px;
  }

  a.wine-link {
    font-size: 14px;
  }

  .wine-item {
    padding-top: 225px;
  }
}