@import url('//fonts.googleapis.com/css?family=Cinzel Decorative:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin&display=swap');

.logo-image {
  height: auto !important;
}
.adjust-img-frontpage {
  background-position: 80% 90% !important;
}
.site-branding {
  padding:1em 0;
  position:relative;
  z-index:3;
  text-align:center;
  justify-content: space-between; 
  height: 100vh; 
}
.site-branding a {
  text-decoration:none;
  transition:opacity .2s;
}
.site-branding a:focus,
.site-branding a:hover {
  opacity:.7;
}
.site-title {
  clear:none;
  font-size:34px !important;
  font-size:5rem;
  font-weight:400;
  line-height:1.25;
  margin:0;
  padding:0;
  position:relative;
  text-align:center;
  font-family: 'Cinzel Decorative', serif;
}
.site-title:after {
  content:"";
  position:absolute;
  width:310px;
  border-bottom:2px solid rgba(201,201,201,.4);
  bottom:0;
  left:50%;
  margin-left:-155px;
}
.site-title,
.site-title a {
  color:#222;
  opacity:1;
}
.site-branding-text .edit-link a {
  color:#fff;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:15px;
}
.site-branding-text .edit-link a:hover {
  opacity:.7;
}
.site-description {
  color:#666;
  font-size:20px;
  font-size:1.25rem;
  margin:0 auto;
  opacity: .8;
  padding-top:30px !important;
}

.article-list .article{
  border: 0px !important;
}
/* Στο off-canvas menu, κάνε την κεφαλίδα flex container */
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > .nav-header {
  display: flex;
  align-items: center;         /* Κεντρική κατακόρυφη στοίχιση */
  justify-content: space-between; 
  position: relative;          /* Αν χρειαστεί */
  min-height: 40px;            /* Παίζεις ανάλογα, για να κάθεται καλά το κείμενο/βελάκι */
  padding-right: 10px;         /* Λίγο δεξιό padding ώστε το βελάκι να μην ακουμπάει */
}

/* Αφαιρούμε την absolute θέση από το menu-toggler των γονικών items */
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > .nav-header > .menu-toggler {
  position: static;       /* αντι για absolute */
  transform: none;        /* καταργούμε το translateY(-50%) */
  margin-left: auto;      /* "κολλάει" δεξιά */
  cursor: pointer;        /* δείχνει ότι είναι clickable */
  font-size: 1rem;        /* αν θες να ορίσεις μέγεθος */
  line-height: 1;         /* ή ό,τι σε βολεύει */
}
/* Για τους υποφακέλους (child) των menu-parent */
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent li.menu-parent > .nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 35px;  /* μπορεί να είναι λίγο μικρότερο από το πρώτο επίπεδο */
  padding-right: 10px;
}

.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent li.menu-parent > .nav-header > .menu-toggler {
  position: static;
  transform: none;
  margin-left: auto;
  cursor: pointer;
  font-size: 0.9rem;  /* ίσως λίγο μικρότερο στο sub-level */
  line-height: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul.menu-child {
  display: none;
  margin-left: 0;
}
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > ul.menu-child {
  margin-left: 15px; /* ή λίγο padding, ανάλογα με το εφέ που θέλεις */
  padding-left: 5px;
}
.menu-toggler {
    display: inline-block;
    margin-left: 8px; /* Δημιουργεί απόσταση από το κείμενο */
    vertical-align: middle; /* Στοίχιση στη μέση του κειμένου */
}
.menu-deeper.menu-parent > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-child {
    display: none; /* Κρυφό υπομενού από προεπιλογή */
}
.menu-child.open {
    display: block; /* Εμφάνιση όταν προστίθεται η κλάση open */
}

.menu-child {
    display: none; /* Απόκρυψη όλων των υπομενού από προεπιλογή */
}
.menu-child.open {
    display: block; /* Τα υπομενού ανοίγουν μόνο όταν προστίθεται η κλάση open */
}
.menu-toggler {
    display: inline-block;
    margin-left: 8px; /* Διάστημα ανάμεσα στο κείμενο και το βελάκι */
    vertical-align: middle;
}
.menu-deeper.menu-parent > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

@media (max-width: 575.98px) {
  #sp-bottom2 { order: 1; }
  #sp-bottom3 { order: 2; }
  #sp-bottom4 { order: 3; }
  #sp-bottom1 { order: 4; text-align: center;}

  #sp-bottom1 .sppb-addon-single-image-container img{
    display: block;
    margin: 0 auto;
  }
}