/*=============== GOOGLE FONTS ===============*/
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:wght@100..900&display=swap");

/*=============== VARIABLES CSS ===============*/
:root {
  --header-height: 3.5rem;
  /*========== Colors ==========*/
  /*Color mode HSL(hue, saturation, lightness)*/
  --primary-color: #9e513f;
  --secondary-color: #102a36;
  /*========== Font and typography ==========*/
  /*.5rem = 8px | 1rem = 16px ...*/
  --body-font: "Inter", sans-serif;
  --second-font: "EB Garamond", serif;
  --biggest-font-size: 8.5rem;
  --h1-font-size: 8.5rem;
  --h2-font-size: 6.5rem;
  --h3-font-size: 3.5rem;
  --normal-font-size: 1.5rem;
  --small-font-size: 1rem;
  --smaller-font-size: 0.75rem;

  /*========== Font weight ==========*/
  --font-regular: 400;
  --font-medium: 500;
  --font-semi-bold: 600;

  /*========== z index ==========*/
  --z-tooltip: 10;
  --z-fixed: 100;
  /*========== z index ==========*/
  --site-container: 1400px;
  --site-border-radius-bigger: 7rem;
  --site-border-radius-big: 5rem;
  --site-border-radius: 2rem;
}
/*========== Responsive typography ==========*/
/* @media screen and (max-width: 1152px) {
  :root {
    --biggest-font-size: 5.5rem;
    --h1-font-size: 2.5rem;
    --h2-font-size: 1.5rem;
    --h3-font-size: 1.25rem;
    --normal-font-size: 1.5rem;
    --small-font-size: 1rem;
    --smaller-font-size: 0.75rem;
  }
} */
/*=============== BASE ===============*/
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}
body,
button,
input {
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  color: black;
}
body {
  background-color: var(--primary-color);

  overflow-x: hidden;
}
button,
input {
  outline: none;
  border: none;
}
h1 {
  font-size: var(--h1-font-size);
}
h2 {
  font-size: var(--h2-font-size);
}
h1,
h2 {
  color: black;
  font-family: var(--second-font);
  font-weight: var(--font-regular);
  line-height: 1;
}
h3,
h4 {
  color: black;
  font-family: var(--body-font);
  font-weight: bold;
  line-height: 1;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.xxl-container {
  max-width: 1700px;
  margin: auto;
}
.xl-container {
  max-width: var(--site-container);
  margin: auto;
}

.l-container {
  max-width: 1200px;
  margin: auto;
}
.shadow {
  background: linear-gradient(rgb(0, 0, 0, 0), rgba(0, 0, 0.05));
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.visually-hidden {
  display: none;
}

a.pdf-url {
  color: white;
  background-color: var(--secondary-color);
  padding: 1rem 2rem;
  border-radius: 6rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: fit-content;
  font-size: 1.7rem;
  font-weight: bold;
  word-break: break-all;
}
a.pdf-url::after {
  content: "\f3c6";
  font-family: "remixicon";
  color: white;
}

/* scrollbar  */
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--secondary-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 6rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: white;
}
/* animations  */
@keyframes moveImage {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(1px, 1px) scale(1.05) rotate(1deg);
  }
  50% {
    transform: translate(-1px, -2px) scale(1) rotate(2deg);
  }
  75% {
    transform: translate(1px, -2px) scale(1.05) rotate(3deg);
  }
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
}
@keyframes moveImage2 {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(1px, 3px) scale(1.05) rotate(3deg);
  }
  50% {
    transform: translate(-2px, -1px) scale(1.02) rotate(1deg);
  }
  75% {
    transform: translate(1.5px, -1px) scale(1.01) rotate(2deg);
  }
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
}
@keyframes moveImage3 {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(1px, 2px) scale(1.05) rotate(-1deg);
  }
  50% {
    transform: translate(-2px, -1px) scale(1.01) rotate(1deg);
  }
  75% {
    transform: translate(3px, -2px) scale(1.02) rotate(-3deg);
  }
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
}
@keyframes moveImage4 {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(-1px, -5px) scale(1.05) rotate(-1deg);
  }
  50% {
    transform: translate(2px, 5px) scale(1) rotate(1deg);
  }
  75% {
    transform: translate(1.5px, -3px) scale(1.05) rotate(2deg);
  }
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
}
/*=============== HEADER ===============*/
header#header .header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 150px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.header__logo img {
  height: 110px;
  max-height: 110px;
  width: 100%;
}
.header__main-nav-wrapper {
  border: 1px solid white;
  border-radius: var(--site-border-radius-big);
}
.header__main-nav-wrapper ul {
  display: flex;
  color: white;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.header__main-nav-wrapper .header__main-nav {
  padding: 1rem 3rem;
}
.header__main-nav-wrapper .header__main-nav li.menu-item.has-dropdown {
  position: relative;
  padding-right: 3rem;
  transition: all 300ms ease-in-out;
}
.header__main-nav-wrapper .header__main-nav li.menu-item.has-dropdown:after {
  content: "\ea4e";
  font-family: "remixicon";
  font-size: 1.6rem;
  color: white;
  position: absolute;
  right: 0.8rem;
  top: 18px;
  transform: translateY(-45%);
  transition: all 300ms ease-in-out;
}
.header__main-nav-wrapper .header__main-nav li.menu-item.has-dropdown:hover:after {
  transform: translateY(-45%) rotate(180deg);
}
.header__main-nav-wrapper ul li a {
  color: white;
}
.header__search {
  display: none;
  margin: 0rem 1rem;
  margin-left: auto;
}
.header__search .form-search {
  border: 1px solid white;
  border-radius: 6rem;
  padding: 1rem;
  display: flex;
}
.header__search input {
  color: white;
  background-color: transparent;
}
.header__search input::placeholder {
  color: white;
}
.main-menu .submenu ul {
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}
.main-menu .submenu {
  position: absolute;
  background-color: white;
  display: none;
  flex-direction: column;
  padding: 2rem;

  border-radius: var(--site-border-radius);
  z-index: 9999;
  min-width: 240px;
  top: 54px;
}
.menu-item {
  padding: 1rem;
}
.menu-item.has-dropdown._active {
  background-color: white;
  color: var(--secondary-color);
  padding: 1rem;
  border-radius: 6rem;
}
.menu-item.has-dropdown._active a {
  color: var(--secondary-color);
  transition: all 300ms ease-in-out;
}
.header__main-nav-wrapper .header__main-nav li.menu-item.has-dropdown._active:after {
  color: var(--secondary-color);
}
.main-menu .submenu a {
  color: var(--secondary-color);
}
.main-menu .submenu._active {
  display: flex;
}
.main-menu .submenu .submenu-list li {
  border-radius: 6rem;
  padding: 1rem 2rem;
  transition: all 300ms ease-in-out;
}
.main-menu .submenu .submenu-list li:hover {
  color: white;
  background-color: var(--secondary-color);
  border-radius: 6rem;
  padding: 1rem 2rem;
}
.main-menu .submenu .submenu-list li:hover a {
  color: white;
}
.header__buttons i {
  color: white;
  cursor: pointer;
  font-size: 2rem;
}
/*=============== MOBILE MENU ===============*/
#mobile-menu {
  position: fixed;
  right: 0px;
  z-index: 6;
  background-color: var(--secondary-color);
  color: white;
  height: 100vh;
  top: 0;
  box-shadow: 0px 7px 5px 4px #00000066;
  transition: all 500ms ease-out;
  transform: translate(100vw, 0);
  max-width: 342px;
}
#mobile-menu .mobile-only-item {
  display: none;
}
#mobile-menu._active {
  transform: translate(0, 0);
}
#mobile-menu li.menu-item a {
  color: white;
}
#mobile-menu li.menu-item.has-dropdown {
  position: relative;
  padding-right: 3rem;
  transition: all 300ms ease-in-out;
}
#mobile-menu li.menu-item.has-dropdown:after {
  content: "\ea4e";
  font-family: "remixicon";
  font-size: 1.6rem;
  color: white;
  position: absolute;
  right: 0.8rem;
  top: 20px;
  transform: translateY(-45%);
  transition: all 300ms ease-in-out;
}
.mobile-content {
  padding: 2rem 5rem;
}
.mobile-top {
  padding: 1rem 1rem;
  padding-bottom: 0;
  color: black;
  font-size: 2rem;
}
.mobile-search .form-search {
  border: 1px solid white;
  border-radius: 6rem;
  padding: 1rem;
  display: flex;
}
.mobile-search {
  margin: 0rem 5rem;
}
.mobile-search input {
  color: white;
  background-color: transparent;
}
.mobile-search input::placeholder {
  color: white;
}
.languages {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 2rem 5rem;
  padding-top: 0;
}
.lang {
  border: 2px solid white;
  border-radius: 6rem;
}
.lang img {
  max-width: 25px;
}

.action.search {
  background-color: transparent;
}
.action.search i {
  color: white;
  font-size: 2rem;
}

.mobile-socials {
  display: flex;
  gap: 1rem;
  font-size: 2rem;
  align-items: center;
  justify-content: center;
}
.mobile-menu-close i {
  color: white;
  cursor: pointer;
}
.mobile-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6rem;
  border: 2px solid var(--secondary-color);
  padding: 1rem;
  color: var(--secondary-color);
}
#mobile-menu .menu-item.has-dropdown._active {
  background: transparent;
}
#mobile-menu .submenu {
  display: none;
}
#mobile-menu .submenu._active {
  display: flex;
}
#mobile-menu .submenu-list {
  padding-left: 1rem;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
/*=============== CURSOR ===============*/
/* body {
  height: 100vh;
  cursor: none;
}
.cursor-dot {
  width: 6px;
  height: 6px;
  background-color: white;
  mix-blend-mode: difference;
}
.cursor-outline {
  width: 40px;
  height: 40px;
  border: 2px solid white;
  mix-blend-mode: difference;
}
.cursor-dot,
.cursor-outline {
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 10;
  pointer-events: none;
} */
/*=============== Border ===============*/
.site-border {
  position: relative;
  width: 100%;
  height: 0.3rem;
  background-color: black;
  margin-top: 2rem;
  pointer-events: none;
}
.site-border::after {
  position: absolute;
  content: "";
  border: 0.3rem solid black;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 6rem;
  bottom: -11px;
  left: 0;
  right: 0;
  margin: auto;
}
.site-border._invert::after {
  bottom: 2px;
}
#mobile-menu .site-border {
  background-color: white;
  height: 0.1rem;
}
#mobile-menu .site-border::after {
  border: 0.1rem solid white;
  bottom: -8px;
}
#mobile-menu .site-border._invert::after {
  bottom: 0px;
}
/*=============== MAIN ===============*/
main#main {
  border-radius: 7rem;
  background-color: white;
  margin: auto;
  margin-left: 5rem;
  margin-right: 5rem;
  padding-bottom: 7rem;
}
/*=============== HOME PAGE ===============*/
.section-title {
  margin-top: 17rem;
  margin-bottom: 4rem;
  width: fit-content;
}
.see-more-btn {
  background-color: var(--secondary-color);
  border-radius: 6rem;
  color: white;
  padding: 1.5rem 2rem;
  display: flex;
  width: fit-content;
  gap: 1rem;
  align-items: center;
}
/*== HERO ==*/
#hero {
  background-image: url(../images/mystras-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh - 130px);
  color: white;
  border-radius: 0;
  border-top-left-radius: var(--site-border-radius-bigger);
  border-top-right-radius: var(--site-border-radius-bigger);
  position: relative;
  overflow: hidden;
  transition: all 300ms ease-in-out;
}
#hero._scrolled {
  border-radius: var(--site-border-radius-bigger);
}
.hero-container {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: end;
  max-width: var(--site-container);
  margin: auto;
  height: 100%;
  padding-bottom: 8.5rem;
}
.hero__title h1 {
  color: white;
  max-width: 20ch;
  padding-bottom: 4rem;
}
.hero__subtitle {
  background-color: #ffffff40;
  width: fit-content;
  border-radius: 6rem;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
.hero__button {
  padding-bottom: 9.5rem;
}
.hero__button a {
  background-color: white;
  padding: 1rem 2rem;
  border-radius: 6rem;
  font-weight: bold;
}
.hero__hours {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.hero__hours-icon i {
  font-size: 3rem;
  background-color: #ffffff40;
  padding: 0.8rem;
  border-radius: 6rem;
}
.hero__right {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.hero__socials {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.hero__socials i {
  color: white;
  font-size: 2rem;
  padding: 0.8rem;
  background-color: #ffffff40;
  border-radius: 6rem;
}
.hero__scroll {
  position: relative;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero__scroll-line {
  height: 150px;
  width: 2px;
  background-color: white;
}
.hero__scroll-text {
  position: absolute;
  top: 50%;
  left: -26px;
  transform: rotate(270deg);
  font-weight: 300;
  pointer-events: none;
}
.hero__scroll-arrow {
  position: absolute;
  bottom: -14px;
  font-size: 2.5rem;
}
/*== EFARMOGES ==*/
.efarmoges-container {
  max-width: var(--site-container);
  margin: auto;
  padding-top: 17rem;
  display: flex;
  gap: 3vh;
  justify-content: center;
}
.efarmoges__efarmogi___bg,
.efarmoges__efarmogi___bg img {
  height: 100%;
}
.efarmoges__efarmogi___bg img {
  object-fit: cover;
  width: 100%;
}
.efarmoges__efarmogi-container {
  position: relative;
  border-radius: var(--site-border-radius);
  overflow: hidden;
  display: block;
}
.efarmoges__left .efarmoges__efarmogi-container {
  height: 80vh;
}
.efarmoges__right-top .efarmoges__efarmogi-container {
  aspect-ratio: 1/1;
  height: calc(45vh - 1.5vh);
}
.efarmoges__right-bot .efarmoges__efarmogi-container {
  height: calc(35vh - 1.5vh);
}

.efarmoges__right {
  display: flex;
  flex-direction: column;
  gap: 3vh;
}
.efarmoges__right-top {
  display: flex;
  gap: 3vh;
}
.efarmoges__efarmogi___info {
  position: absolute;
  bottom: 0;
  color: white;
  display: flex;
  align-items: flex-end;
  gap: 2rem;
  margin: 2rem;
  width: 100%;
  justify-content: space-between;
}
.efarmogi__name {
  font-family: var(--second-font);
  font-size: 2.5rem;
  color: white;
}
.efarmoges__efarmogi___shadow {
  background: linear-gradient(rgb(0 0 0 / 10%), rgb(0 0 0 / 65%));
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.efarmogi__btn {
  display: flex;
  border: 2px solid white;
  border-radius: 6rem;
  padding: 0.5rem;
  margin-right: 4rem;
}
/*== VIDEO ==*/
section.video-arxiki {
  max-width: var(--site-container);
  margin: auto;
}
section.video-arxiki .section-title {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
section.video-arxiki video {
  max-height: 50vh;
  object-fit: cover;
  border-radius: var(--site-border-radius);
}
/*== FOTOTHIKI ==*/
section.fotothiki .section-title {
}
.fothiki__images-wrapper {
  height: 70vh;
  width: 100%;
}
.fothiki__images-container {
  position: relative;
}
.fothiki__images-container img {
  position: absolute;
  max-width: 250px;
  width: 100%;
  display: flex;
  object-fit: cover;
  border-radius: var(--site-border-radius);
  animation: moveImage 240s infinite;
}

.fothiki__images-container img:nth-child(1) {
  top: 10rem;
  left: -100px;
  height: 50vh;
}
.fothiki__images-container img:nth-child(2) {
  left: calc(-100px + 280px);
  height: 50vh;
  animation: moveImage2 240s infinite;
}
.fothiki__images-container img:nth-child(3) {
  top: 8rem;
  left: calc(-100px + 280px * 2);
  height: 50vh;
  max-width: 500px;
  animation: moveImage3 240s infinite;
}
.fothiki__images-container img:nth-child(4) {
  left: calc(-100px + 280px * 3 + 250px);
  height: 20vh;
  max-width: 300px;
  top: 5rem;
  animation: moveImage 240s infinite;
}
.fothiki__images-container img:nth-child(5) {
  left: calc(-100px + 280px * 3 + 250px);
  height: 20vh;
  max-width: 300px;
  top: calc(21rem + 5rem);
  animation: moveImage4 240s infinite;
}
.fothiki__images-container img:nth-child(6) {
  left: calc(-100px + 280px * 4 + 300px);
  height: 50vh;
  animation: moveImage2 240s infinite;
}
.fothiki__images-container img:nth-child(7) {
  top: -5rem;
  left: calc(-100px + 280px * 5 + 300px);
  height: 50vh;
  animation: moveImage3 240s infinite;
}
section.fotothiki .see-more-btn {
  width: fit-content;
  margin: auto;
  display: flex;
}
/*== EPISKEPSI ==*/
section.episkepsi .episkepsi-wrapper {
  background-color: var(--secondary-color);
  color: white;
  border-radius: var(--site-border-radius-big);
  padding: 7rem 10rem;
  margin-top: 17rem;
}
section.episkepsi .section-title {
  margin-top: 0;
}

section.episkepsi .section-title h2 {
  color: white;
}
section.episkepsi .site-border {
  background-color: white;
}
section.episkepsi .site-border::after {
  border: 0.3rem solid white;
}
.episkepsi__btns-wrapper {
  display: flex;
  gap: 2rem;
  background-color: white;
  color: black;
  padding: 1rem 2rem;
  border-radius: 6rem;
  width: fit-content;
  margin: auto;
  margin-top: 7rem;
}
.episkepsi-button {
  border: 1px solid var(--secondary-color);
  border-radius: 6rem;
  padding: 1rem 2rem;
  cursor: pointer;
}
.episkepsi-button._active {
  background-color: var(--secondary-color);
  color: white;
}
.episkepsi__content .episkepsi-content-data._hidden {
  display: none;
}
.episkepsi__content {
  height: 25vh;
  overflow-y: auto;
  margin-top: 7rem;
}
.episkepsi__content h3 {
  color: white;
  font-weight: bold;
  font-size: 3.5rem;
  text-decoration: underline;
  margin-bottom: 2rem;
}
.episkepsi__content h4 {
  color: white;
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
.episkepsi__content p {
  color: white;
}
.episkepsi__content .ores-leitourgias,
.episkepsi__content .eisitiria {
  display: flex;
  gap: 5rem;
  flex-wrap: wrap;
}
.episkepsi__content .eisitiria-italic {
  padding-top: 3rem;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
}
.episkepsi__content .pdfs {
  display: flex;
  gap: 3rem;
  align-items: center;
  margin-top: 2rem;
  flex-wrap: wrap;
}
.episkepsi__content .pdfs a {
  display: flex;
  padding: 1rem 3rem;
  color: black;
  background-color: white;
  width: fit-content;
  border-radius: 6rem;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.episkepsi__content .pdfs i {
  font-size: 2rem;
}
/*== NEA ==*/
section.nea .nea-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 5rem;
  margin-top: 17rem;
}
section.nea .section-title {
  margin-top: 0;
}
section.nea h3 {
  font-family: var(--second-font);
  font-size: 4.5rem;
}
.nea__paragraph p {
  font-size: 2.5rem;
  margin-top: 3.5rem;
  margin-bottom: 4.5rem;
}
.neo__featured {
  height: 50vh;
  position: relative;
  border-radius: var(--site-border-radius);
  overflow: hidden;
}
.neo__featured-bg {
  height: 50vh;
}
.neo__featured-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.neo__featured___info {
  position: absolute;
  color: white;
  margin-left: 5rem;
  margin-right: 5rem;
  bottom: 2.5rem;
}
.neo__featured___info h3 {
  color: white;
  margin-bottom: 1rem;
}
.featured-show-more {
  color: white;
}
section.nea .shadow {
  background: linear-gradient(rgb(0, 0, 0, 0), rgb(0 0 0 / 70%));
}
.neo__container {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.neo__image img {
  aspect-ratio: 16/9;
  object-fit: cover;
  max-width: 350px;
  border-radius: var(--site-border-radius);
}
.nea-flex {
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
}
.neo__content p {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.neo__content h3 {
  font-weight: 400;
}
.neo__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.neo__content p {
  font-size: 1.9rem;
}
.see-more-btn {
  margin-left: auto;
  margin-top: auto;
}

/*== FOOTER ==*/
.footer-container {
  margin-top: 2rem;
}
footer .espa-banner img {
  max-width: 650px;
  margin: auto;
}
footer .footer-top-border {
  position: relative;
  width: 100%;
  height: 0.1rem;
  background-color: white;
  margin-top: 2rem;
  pointer-events: none;
}
footer .footer-top-border::after {
  position: absolute;
  content: "";
  border: 0.1rem solid white;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 6rem;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
}
footer .footer-bot-border {
  position: relative;
  width: 100%;
  height: 0.1rem;
  background-color: white;
  margin-top: 2rem;
  pointer-events: none;
}
footer .footer-bot-border::after {
  position: absolute;
  content: "";
  border: 0.1rem solid white;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 6rem;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
}
footer .footer__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.footer__menu-title,
.footer__newsletter-title {
  color: white;
  font-weight: bold;
  font-size: 2.9rem;
  font-family: var(--second-font);
  margin-bottom: 2rem;
}
ul.footer__menu li:not(:last-child) {
  margin-bottom: 1rem;
}
ul.footer__menu li a,
.footer__newsletter-text {
  color: white;
  font-weight: 300;
  font-size: 2rem;
}
.footer__grid-col._left {
  display: flex;
  gap: 4rem;
}
.newsletter__container {
  display: flex;
  background-color: #7b3c2d;
  border-radius: 6rem;
  padding: 1rem 2rem;
  width: fit-content;
}
.newsletter__container input {
  background-color: transparent;
  color: white;
  width: 100%;
}
.newsletter__submit input {
  font-weight: bold;
  color: black;
}
.newsletter__submit {
  background: white;
  color: black;
  font-weight: bold;
  padding: 1rem 2rem;
  border-radius: 6rem;
}
.newsletter__container input::placeholder {
  display: block !important;
  color: #ffffffa8;
  font-weight: 700;
}
.footer__newsletter-form {
  margin-top: 5rem;
}
.footer__socials {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.footer__socials i {
  color: white;
  font-size: 2rem;
}

.footer__bot-container {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.footer__bot-container .site-logo a {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  font-size: 4.5rem;
  font-family: var(--second-font);
  color: white;
}
.footer__bot-container .site-logo img {
  max-width: 70px;
}
.site-copyright {
  display: flex;
  align-items: center;
  color: white;
}
.site-copyright a {
  color: white;
}

/*=============== ESWTERIKES ===============*/
.page-header {
  max-height: 350px;
  border-radius: 6rem;
  overflow: hidden;
  position: relative;
}
.page-header img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  max-height: 350px;
  object-position: top center;
}
.page-header__shadow {
  background: linear-gradient(rgb(0, 0, 0, 0), rgba(0, 0, 0.05));
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.page-header__content {
  position: absolute;
  left: calc((93vw - var(--site-container)) / 2);
  bottom: 9rem;
  margin: auto;
}
@media (max-width: 1560px) {
  .page-header__content {
    left: 6rem;
  }
}

.page-header__title h1 {
  color: white;
}
.page-header__title .site-border {
  background-color: white;
}
.page-header__title .site-border::after {
  border: 0.3rem solid white;
}
.breadcrumbs {
  background-color: #5885a6;
  color: white;
  width: fit-content;
  border-radius: 6rem;
}
.breadcrumb {
  display: flex;
  align-items: center;
  padding: 0.5rem 2rem;
  border-radius: 6rem;
  margin-bottom: 4rem;
}
.breadcrumb a {
  font-size: 1.2rem;
  color: white;
}
.breadcrumb-item {
  display: flex;
}
.breadcrumb-item._active a {
  font-weight: bold;
}
.breadcrumb-item span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.site-pagination {
  margin-top: 10rem;
}
ul.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10rem;
}
ul.pagination li a {
  background-color: white;
  color: black;
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--site-border-radius-bigger);
  aspect-ratio: 1 / 1;
  width: 45px;
  height: 45px;
}
ul.pagination li.active a {
  background-color: var(--primary-color);
  color: white;
}
ul.pagination li a i {
  font-size: 2rem;
}
/*=============== EPISKEPSI ===============*/
.episkepsi-page .episkepsi__btns {
  margin-bottom: 7rem;
}
.episkepsi-page .episkepsi-content-data {
  background-color: var(--secondary-color);
  color: white;
  border-radius: var(--site-border-radius-big);
  padding: 7rem 10rem;
  margin-top: 5rem;
  position: relative;
}
.episkepsi-page .episkepsi-content-data#eisitiria {
  background-color: #5885a6;
}
.episkepsi-page .episkepsi-content-data#prosvasimotita {
  background-color: #de9631;
}
.episkepsi-page .episkepsi-content-data#politirio {
  background-color: #62804f;
}
.episkepsi-page .episkepsi-content-data h3 {
  color: white;
  font-weight: bold;
  font-size: 3.5rem;
  text-decoration: underline;
  margin-bottom: 5rem;
}
.episkepsi-page .episkepsi-content-data h4 {
  color: white;
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 2.5rem;
}
.episkepsi-page .episkepsi-content-data p {
  color: white;
  margin-right: 11rem;
}
.episkepsi-page .episkepsi-content-data .ores-leitourgias,
.episkepsi-page .episkepsi-content-data .eisitiria {
  display: flex;
  gap: 5rem;
  flex-wrap: wrap;
}
.episkepsi-page .episkepsi-content-data .eisitiria-italic {
  padding-top: 3rem;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
}
.episkepsi-page .episkepsi-content-data .pdfs {
  display: flex;
  gap: 3rem;
  align-items: center;
  margin-top: 2rem;
  flex-wrap: wrap;
}
.episkepsi-page .episkepsi-content-data .pdfs a {
  display: flex;
  padding: 1rem 3rem;
  color: black;
  background-color: white;
  width: fit-content;
  border-radius: 6rem;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.episkepsi-page .episkepsi-content-data .pdfs i {
  font-size: 2rem;
}
.episkepsi__icon {
  pointer-events: none;
  position: absolute;
  top: 1rem;
  right: 2rem;
}
.episkepsi__icon i {
  font-size: 20rem;
  opacity: 0.2;
}
.episkepsi-page .video-arxiki {
  margin-top: 5rem;
  border-radius: var(--site-border-radius-bigger);
}
.episkepsi-page section.video-arxiki video {
  border-radius: 5rem;
}

/*=============== EFARMOGES PAGE  ===============*/
.efarmogi-page p {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.zoom-btns {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 2rem;
  cursor: pointer;
}
.zoom-btns div {
  background-color: var(--secondary-color);
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6rem;
}
.zoom-btns i {
  font-size: 2.5rem;
  color: white;
}
.embed-efarmogi-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #000; /* Background color to fill any potential spaces */
  overflow: hidden;
  border-radius: 5rem;
}
.embed-efarmogi-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  background-color: #000; /* Background color to fill any potential spaces */
}
.embed-efarmogi-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  transform-origin: top left;
  transform: scale(0.73); /* Adjust the scale as needed */
  border: 0;
}
/*=============== NEA ===============*/
.nea-page .episkepsi__btns-wrapper {
  margin-bottom: 7rem;
}
.neo-tag {
  width: fit-content;
  color: white;
  padding: 1rem 2rem;
  border-radius: 6rem;
  text-align: center;
}
.nea-page .episkepsi-button#ekdiloseis {
  border: 1px solid #ba2c16;
}
.nea-page .episkepsi-button#epistoimonika-synendria {
  border: 1px solid #62804f;
}
.nea-page .episkepsi-button#ekdoseis {
  border: 1px solid #5885a6;
}
.nea-page .episkepsi-button#ekpedeftika-programmata {
  border: 1px solid #de9631;
}
.nea-page .episkepsi-button#drasthriotites-gia-paidia {
  border: 1px solid #d5b6e5;
}
.nea-page .episkepsi-button#ekdiloseis._active,
.neo-tag[tag-data="ekdiloseis"] {
  background-color: #ba2c16;
}
.nea-page .episkepsi-button#epistoimonika-synendria._active,
.neo-tag[tag-data="epistoimonika-synendria"] {
  background-color: #62804f;
}
.nea-page .episkepsi-button#ekdoseis._active,
.neo-tag[tag-data="ekdoseis"] {
  background-color: #5885a6;
}
.nea-page .episkepsi-button#ekpedeftika-programmata._active,
.neo-tag[tag-data="ekpedeftika-programmata"] {
  background-color: #de9631;
}
.nea-page .episkepsi-button#drasthriotites-gia-paidia._active,
.neo-tag[tag-data="drasthriotites-gia-paidia"] {
  background-color: #d5b6e5;
}
.neo-pinned {
  margin-bottom: 5rem;
}
.neo-pinned article {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
}
.neo-pinned img {
  max-height: 320px;
  width: 100%;
  object-fit: cover;
  border-radius: var(--site-border-radius);
}
.neo-pinned .neo-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.neo-pinned .neo-title {
  font-weight: bold;
  font-family: var(--body-font);
  font-size: 3.5rem;
}
.neo-pinned .neo-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.neo-pinned .neo-see-more,
.nea-page .nea-grid .neo-see-more {
  display: flex;
  justify-content: end;
  gap: 2rem;
  align-items: center;
  font-weight: 500;
}
.neo-pinned .neo-see-more i,
.nea-page .nea-grid .neo-see-more i {
  font-size: 2rem;
}
.nea-page .nea-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}
.nea-page .nea-grid img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: var(--site-border-radius);
}
.nea-page .nea-grid .neo-tag {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.nea-page .nea-grid .neo-title {
  font-weight: bold;
  font-family: var(--body-font);
  font-size: 2.5rem;
  margin-bottom: 2.5rem;
}
.nea-page .nea-grid .neo-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2.5rem;
}

/*=============== EPIKOINONIA  ===============*/
.epikoinonia-page .contact-form {
  margin-top: 7rem;
  background-color: var(--secondary-color);
  color: white;
  padding: 10rem 6rem;
  border-radius: var(--site-border-radius);
  display: grid;
  grid-template-columns: 1fr 2fr;
  z-index: 1;
  position: relative;
}
.form-left {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: space-evenly;
}
.form-left__item {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.form-left__item-icon {
  background-color: white;
  border-radius: 7rem;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-left__item-icon i {
  color: black;
  font-size: 3rem;
}
.form-left__item-title {
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
.form-left__item-anchor {
  font-weight: lighter;
  font-size: 2.1rem;
  color: white;
}
.form-right {
  margin-left: 5rem;
  padding-left: 8rem;
  border-left: 1px solid white;
}
.form-right .comments-container {
  display: flex;
  flex-direction: column;
}
.form-right label {
  font-weight: bold;
  font-size: 1.5rem;
}
.form-right .inputs-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}
.form-right .input-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-right textarea {
  background-color: transparent;
  border: 1px solid white;
  border-radius: var(--site-border-radius);
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding: 1rem 2rem;
  color: white;
  font-size: 1.5rem;
  width: 100%;
}
.form-right input {
  background-color: transparent;
  border: 1px solid white;
  border-radius: var(--site-border-radius);
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding: 1rem 2rem;
  color: white;
  font-size: 1.5rem;
}
.form-right .submit-container {
  display: flex;
  justify-content: end;
}
.form-right .submit-container button {
  border-radius: var(--site-border-radius);
  padding: 1rem 2rem;
  background-color: white;
  color: black;
  font-weight: 800;
  position: relative;
  cursor: pointer;
  display: flex;
  gap: 1rem;
}
.mystras-map iframe {
  border: 0;
  height: 70vh;
  border-radius: 6rem;
  margin-top: -250px;
  filter: grayscale(1);
  padding-left: 1rem;
  padding-right: 1rem;
}

/*=============== NEO PAGE  ===============*/
main#main.main-neo-page {
  margin-top: 18.5rem;
}
.neo-page-header__top {
  display: flex;
  gap: 5rem;
}
.neo-page-header__img {
  width: 100%;
  max-width: 620px;
}
.neo-page-header__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin-top: -13rem;
  aspect-ratio: 16 / 9;
  border-radius: var(--site-border-radius);
  border: 3px solid var(--secondary-color);
}
.neo-page-header__top .breadcrumbs {
  margin-top: -14px;
}
.neo-page-header__bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5rem;
}
.neo-page-header__bot-left {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.neo-page-header__bot .divider {
  width: 5rem;
  height: 0.2rem;
  background-color: black;
}
.neo-page-content {
  margin-top: 5rem;
}
.neo-page-content p {
  color: #736e6e;
  font-size: 1.6rem;
  margin-bottom: 5rem;
}
.neo-page-content .two-image-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  margin-bottom: 5rem;
}
.two-image-container img {
  max-height: 300px;
  height: 100%;
  width: 100%;
  border-radius: var(--site-border-radius);
  object-fit: cover;
}
.neo-page-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: var(--body-font);
  margin-bottom: 2.5rem;
}
.neo-page-content .downloads-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
/*=============== FOTOTHIKI  ===============*/
.fotothiki-page .gallery-text {
  margin-top: 10rem;
  margin-bottom: 5.5rem;
  text-align: center;
}
#nanogallery2 {
  font-family: var(--second-font);
}

/*=============== XRONOLOGIO  ===============*/
.xronologio__all {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.xronologio__all .xronologio-item {
  display: flex;
  gap: 5rem;
}
.xronologio__all .xronologio__title-container {
  width: calc(25% - 2.5rem);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.xronologio__all .xronologio__title-container h2 {
  font-size: 5rem;
}
.xronologio__all .xronologio__title-container .site-border {
  height: 0.1rem;
}
.xronologio__all .xronologio__title-container .site-border::after {
  border: 0.1rem solid black;
  bottom: -8px;
}
.xronologio__all .xronologio__content-container {
  width: calc(75% - 2.5rem);
}

.xronologio__all .xronologio__title {
  width: fit-content;
}

.xronologio__all .xronologio__subtitle {
  font-family: var(--second-font);
  font-size: 2.4rem;
  color: var(--primary-color);
  margin-top: 1rem;
}

.xronologio__all .xronologio__content-container {
  margin-top: 3rem;
}
.xronologio__all .gegonos {
  margin-bottom: 3.5rem;
  padding-bottom: 3.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.xronologio__all .gegonos:last-child {
  border-bottom: 0;
  margin-bottom: 7rem;
}
.xronologio__all .gegonos__xronologia h3 {
  font-size: 2rem;
  font-weight: bold;
  font-family: var(--second-font);
  margin-bottom: 0.5rem;
}

/* default page  */
.default-page .page-content {
  margin-top: 7rem;
}
.default-page .page-content p {
  margin-bottom: 1rem;
  line-height: 3rem;
  color: #494949;
  font-size: 1.6rem;
}
.default-page .page-header img {
  object-position: bottom center;
}
.related-images-swiper {
  margin-top: 2rem;
  background-color: #00000005;
  padding: 4rem;
  border-radius: 3rem;
  position: relative;
}
.related-slide-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
}
.related-content__title {
  font-size: 3rem;
  font-weight: bold;
}
.related-content__src {
  font-size: 1.2rem;
  margin-top: 1rem;
}
.related-img img {
  object-fit: cover;
  border-radius: 2rem;
  height: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.swiper-pagination {
  position: unset;
  margin-top: 3rem;
}
.swiper-pagination-bullet {
  width: 13px;
  height: 13px;
}
.swiper-pagination-bullet-active {
  background: var(--primary-color);
}
.swiper-btn-container {
  margin-top: 7rem;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.swiper-button-next,
.swiper-button-prev {
  color: white;
  background: var(--primary-color);
  border-radius: 99px;
  padding: 14px;
  position: unset;
}
.swiper-button-prev {
  transform: rotate(180deg);
}

.swiper-button-prev .swiper-navigation-icon {
  transform: rotate(0deg);
}

/* more pages   */
.default-page-more-pages {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 7rem;
  margin-bottom: 7rem;
}
.more-pages-page {
  border-radius: 3rem;
  background-image: url(assets/images/mystras-bg.jpg);
  background-size: cover;
  background-position: center;
}
.more-pages-page a {
  display: flex;
  justify-content: space-between;
  gap: 7rem;
  padding-top: 7rem;
  border-radius: 3rem;
  background: #0f436ac4;
  backdrop-filter: sepia(1);
}
.more-pages-content {
  padding: 7rem;
  padding-top: 0;
}
.more-pages-page h2 {
  color: white;
  font-size: 5rem;
  margin-bottom: 1rem;
}
.more-pages-images {
  position: relative;
  width: 100%;
  min-width: 260px;
}
.more-pages-image {
  background-color: white;
  padding: 8px;
  border-radius: 10px;
  width: fit-content;
}
.more-pages-image img {
  aspect-ratio: 9 / 12;
  height: 180px;
  object-fit: cover;
  border-radius: 5px;
}
.more-pages-images .img-1 {
  position: absolute;
  top: -4rem;
  transform: rotate(19deg) scale(0.85);
  right: -18px;
  filter: blur(1px);
}
.more-pages-images .img-2 {
  position: absolute;
  top: -4rem;
  transform: rotate(342deg);
  left: 6px;
}
.more-pages-images .img-3 {
  position: absolute;
  top: -11rem;
  transform: rotate(11deg);
  left: 71px;
}
.default-page .page-content .more-pages-page p {
  margin-bottom: 0;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.more-pages__btn {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
}
.more-pages__btn i {
  font-size: 8rem;
  color: white;
  transform: rotate(90deg);
}

.default-page-more-pages .more-pages-page:nth-child(even) .more-pages-content {
  order: 2;
}
.default-page-more-pages .more-pages-page:nth-child(even) .more-pages__btn {
  order: 3;
}

.default-page-more-pages .more-pages-page:nth-child(even) a {
  padding-left: 7rem;
  background: #9e513fc7;
}

.default-page-more-pages .more-pages-page:nth-child(even) .more-pages-images .img-3 {
  transform: rotate(342deg);
  left: 41px;
}
.default-page-more-pages .more-pages-page:nth-child(even) .more-pages-images .img-2 {
  transform: rotate(14deg);
}
.default-page-more-pages .more-pages-page:nth-child(even) .more-pages-images .img-1 {
  transform: rotate(354deg) scale(0.85);
}

/* ---------------------------------  */
/* SEARCH  */
/* -----------------------------------   */
.path-search .path-frontpage .path-frontpage {
  max-width: var(--site-container);
  margin: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.path-search .form-item.js-form-type-searc {
  display: flex;
  width: 100%;
  margin-bottom: 0;
}
.path-search .form-item {
  display: flex !important;
  flex-direction: column;
  margin-bottom: 0 !important;
  width: 100%;
  gap: 1rem;
}
.path-search .form-item label {
  font-weight: bold;
}
.path-search .form-item .description {
  font-size: 1rem;
  font-style: italic;
}
.path-search #edit-submit {
  display: flex;
  height: 46px;
  margin-bottom: 2rem;
}
.path-search h2 {
  margin-top: 8rem;
  margin-bottom: 2rem;
}
.path-search .search-results {
  padding: 0;
}
.path-search .item-list li {
  margin: 0;
  background-color: #f4f7f8;
  padding: 4rem;
  border-radius: var(--site-border-radius);
  margin-bottom: 2rem;
}
.form-select {
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  padding: 1rem 2rem;
  min-width: 300px;
  height: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
}
.path-search .search-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.path-search .search-form input {
  border: 1px solid var(--primary-color);
  border-radius: 99px;
  padding: 1.3rem 2rem;
  min-width: 300px;
}
.path-search .submit-container button {
  background-color: var(--secondary-color);
  border-radius: 6rem;
  color: white;
  padding: 1.5rem 2rem;
  display: flex;
  width: fit-content;
  gap: 1rem;
  align-items: center;
}

input[type="submit"] {
  height: 43px;
  margin-top: auto;
  background-color: var(--primary-color);
  color: white;
  padding: 0.5rem 3rem;
  border-radius: 5px;
  font-size: 1.6rem;
  font-weight: bold;
  border: 2px solid var(--primary-color);
}
/* BREAKPOINTS FOR 1550PX  */

@media only screen and (max-width: 1550px) {
  .xl-container,
  .hero-container,
  .efarmoges-container,
  section.video-arxiki,
  .main#main {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  section.episkepsi .episkepsi-wrapper {
    padding: 4rem 3rem;
  }
  section.nea .nea-grid {
    grid-template-columns: 1fr 3fr;
  }
  .nea__paragraph p {
    font-size: 2rem;
  }
  .page-header__title h1 {
    font-size: 4rem;
  }
  .neo-page-header__top-info h1 {
    font-size: 6.5rem;
  }
  .xronologio__all .xronologio__content-container {
    width: calc(65% - 2.5rem);
  }
  .xronologio__all .xronologio__title-container {
    width: calc(35% - 2.5rem);
  }
  .path-search .path-frontpage .path-frontpage {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* BREAKPOINTS FOR 1200PX  */

@media only screen and (max-width: 1200px) {
  .header__search {
    display: flex;
  }
  header#header .header__container {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .header__main-nav-wrapper,
  .mobile-search {
    display: none;
  }
  #mobile-menu .mobile-only-item {
    display: block;
  }
  .efarmoges-container {
    flex-direction: column;
  }
  .efarmoges__left .efarmoges__efarmogi-container {
    height: 50vh;
  }
  .efarmoges__right-top .efarmoges__efarmogi-container {
    height: unset;
  }
  .efarmoges-container {
    padding-top: 10rem;
  }
  .main#main {
    padding-bottom: 10rem;
  }
  .section-title,
  section.episkepsi .episkepsi-wrapper,
  section.nea .nea-grid {
    margin-top: 10rem;
  }
  section.nea .nea-grid {
    grid-template-columns: 1fr;
  }
  .episkepsi__btns-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 1rem;
    background-color: transparent;
  }
  .episkepsi-button {
    background-color: white;
  }
  .episkepsi-button._active {
    border: 1px solid white;
  }
  .episkepsi-page .video-arxiki {
    margin-left: 0;
    margin-right: 0;
  }
  .page-header__content {
    /* bottom: 8rem; */
    margin-right: 6rem;
  }
  .nea-page .nea-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .epikoinonia-page .contact-form {
    grid-template-columns: 1fr;
  }
  .form-left {
    flex-direction: row;
  }
  .form-left__item-icon {
    width: 50px;
    height: 50px;
  }
  .form-left__item-icon i {
    font-size: 2rem;
  }
  .form-left__item-title {
    font-size: 2rem;
    max-width: 6ch;
  }
  .form-left__item-anchor {
    font-size: 1.5rem;
  }
  .form-right {
    padding-left: 0;
    margin-left: 0;
    padding-top: 5rem;
    margin-top: 5rem;
    border-left: 0;
    border-top: 1px solid white;
  }
  .form-right .inputs-container {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  .neo-page-header__top {
    flex-direction: column;
  }
  .xronologio__all .xronologio__content-container {
    width: 100%;
  }
  .xronologio__all .xronologio__title-container {
    width: 100%;
  }
  .xronologio__all .xronologio-item {
    flex-direction: column;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xronologio__all .xronologio__title-container {
    align-items: flex-start;
  }
  .more-pages-images {
    display: none;
  }
  .default-page-more-pages .more-pages-page:nth-child(even) .more-pages-content {
    padding-left: 0;
  }
  .more-pages-content {
    padding-right: 0;
  }
  .more-pages-page a {
    gap: 0;
  }
}

/* BREAKPOINTS FOR 991PX  */

@media only screen and (max-width: 991px) {
  .related-slide-container {
    grid-template-columns: 1fr;
  }
  .efarmoges__left .efarmoges__efarmogi-container {
    height: 40vh;
  }
  footer .espa-banner img {
    max-width: 500px;
  }
  .xl-container,
  .hero-container,
  .efarmoges-container,
  section.video-arxiki,
  .main#main {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .episkepsi.xl-container {
    margin: 0;
  }
  section.episkepsi .episkepsi-wrapper {
    border-radius: 0;
    padding: 4rem 2rem;
  }
  .episkepsi__btns-wrapper {
    padding: 1rem 0rem;
  }
  .hero__title h1 {
    font-size: 5rem;
  }
  #hero._scrolled {
    border-radius: 3rem;
  }
  .episkepsi-page .episkepsi-content-data {
    padding: 4rem 3rem;
  }
  .page-header img,
  .page-header {
    max-height: 100%;
    height: 400px;
  }
  .form-left {
    flex-direction: column;
  }
  .neo-page-header__bot-left {
    flex-direction: column;
  }
  .fothiki__images-wrapper {
    overflow: hidden;
  }
  .path-search .search-form {
    flex-direction: column;
  }
}

/* BREAKPOINTS FOR 661PX  */

@media only screen and (max-width: 661px) {
  .main#main {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  h2 {
    font-size: 5rem;
  }

  .hero__socials,
  .header__search {
    display: none;
  }
  .mobile-search {
    display: flex;
  }
  .hero__scroll-text {
    left: -42px;
  }
  .efarmoges__right-top,
  .neo__container {
    flex-direction: column;
  }
  footer .espa-banner img {
    max-width: 300px;
  }
  footer .footer__grid {
    grid-template-columns: 1fr;
  }
  .footer__grid-col._left {
    flex-wrap: wrap;
  }
  .footer__bot-container {
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }
  footer .footer__grid {
    gap: 5rem;
  }
  section.nea h3 {
    font-size: 3.5rem;
  }
  .neo-pinned article {
    grid-template-columns: 1fr;
  }
  .neo-pinned img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: var(--site-border-radius);
    max-height: 100%;
  }
  .neo-pinned .neo-tag {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .neo-pinned .neo-title {
    font-weight: bold;
    font-family: var(--body-font);
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .neo-pinned .neo-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2.5rem;
  }
  .nea-page .nea-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .neo__image img {
    max-width: 300px;
  }
  .footer__bot-container .site-logo a {
    flex-direction: column;
  }
  .epikoinonia-page .contact-form {
    padding: 4rem 1rem;
  }
  .episkepsi-page .episkepsi-content-data p {
    margin-right: 1rem;
  }
  .episkepsi-page .episkepsi-content-data h3 {
    font-size: 2.5rem;
  }
  .episkepsi__icon i {
    font-size: 10rem;
  }
  .more-pages-page a {
    flex-direction: column;
    padding: 4rem;
    padding-bottom: 11rem;
  }
  .more-pages-content {
    padding: 0;
  }
  .more-pages__btn {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

/* BREAKPOINTS GIA MEGALES OTHONES  */
@media only screen and (min-width: 1921px) {
  .efarmoges__right {
    max-width: 62%;
  }
  .fothiki__images-container {
    transform: translate(330px, 10px);
  }
  .fothiki__images-container img {
    height: 30vh !important;
  }
  .fothiki__images-container img:nth-child(4),
  .fothiki__images-container img:nth-child(5) {
    height: 15vh !important;
  }
  .fothiki__images-wrapper {
    height: 48vh;
  }
}