@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

h1, h2, h3, h4, h5, h6, .site-title {
    font-family: 'Open Sans', sans-serif !important;
}

body {
//      font-family: "Helvetica Neue", 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    background-color: #ab0537;
}

.site-grid {
    background-color: #ffffff !important;
    max-width: 960px !important;
    margin: 20px auto !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) !important;
    padding: 0 20px;
    border-radius: 5px;
}

.header, .footer, .container-topbar, .container-below-top {
    max-width: 100% !important;
    width: 100% !important;
}

.container-top-b ul, 
.top-b ul,
div[class*="top-b"] ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.container-top-b li, 
.top-b li,
div[class*="top-b"] li {
    list-style-type: none !important;
    background-image: none !important;
    padding: 0 15px !important;
    margin: 0 !important;
}

.container-top-b a, 
.top-b a {
    text-decoration: none !important;
    display: block !important;
}

.top-b ul li {
    position: relative !important;
}

.top-b ul li ul {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    display: none !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    z-index: 999 !important;
    min-width: 180px !important;
    flex-direction: column !important;
}

.top-b ul li:hover > ul {
    display: flex !important;
}

.top-b ul li ul li {
    padding: 8px 15px !important;
    width: 100% !important;
}

button.mm-toggler.mm-toggler-link.mm-collapsed {
    display: none;
}

.container-top-b .moduletable,
.container-top-b > .grid-child,
.top-b {
    display: block !important;
    width: 100% !important;
}

.container-top-b {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
}

.card {
    --card-spacer-y: 0rem;
    --card-spacer-x: 0rem;
    --card-title-spacer-y: 0rem;
    --card-border-width: 0px;
}

.mod-menu a {
    display: inline-block !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    transition: background-color 0.2s ease;
}

.metismenu.mod-menu .metismenu-item {
    padding: 0px !important;
    font-size: 15px;
}

li.metismenu-item.level-1.default.current.active a {
    color: white !important;
    background: #ab0537;
    border-radius: 5px;
}

.mod-menu a, .mod-menu button {
    color: #ab0537 !important;
}

.mod-menu a:hover {
    text-decoration: none !important;
    background-color: #eee !important;
    color: black !important;
    border-radius: 5px;
}

.mod-menu a:active {
    background: #ab0537 !important;
    color: white !important;
    border-radius: 5px !important;
}

@media (min-width: 992px) {
    
    .top-b ul li {
        position: relative !important;
    }

    .top-b ul li ul {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        display: none !important; 
        background-color: #ffffff !important; 
        box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; 
        z-index: 999 !important;
        min-width: 180px !important;
        flex-direction: column !important; 
    }

    .top-b ul li:hover > ul {
        display: flex !important;
    }

    .top-b ul li ul li {
        padding: 8px 15px !important;
        width: 100% !important;
    }

  header.header.container-header.full-width {
    display: none;
  }
  
}

@media (max-width: 991px) {
    
    .mod-menu ul.dropdown-menu,
    .mod-menu ul li ul {
        display: none !important;
        position: static !important;
        box-shadow: none !important;
        padding-left: 20px !important;
        width: 100% !important;
    }

    .mod-menu ul.dropdown-menu.show,
    .mod-menu ul li ul.show,
    .mod-menu .show > ul {
        display: block !important;
    }
    
    .mod-menu .mm-toggler,
    .mod-menu .dropdown-toggle::after {
        display: inline-block !important;
        cursor: pointer !important;
    }

  .mod-menu li.parent {
        position: relative;
    }

    .mod-menu .mm-toggler, 
    .mod-menu .dropdown-toggle {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: transparent !important;
        border: none !important;
        z-index: 2 !important;
        text-align: right !important;
        padding-right: 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .mod-menu li.parent > a {
        position: relative;
        z-index: 1;
        width: 100%;
        padding-right: 40px !important;
    }

    .mod-menu .mm-toggler::after,
    .mod-menu .dropdown-toggle::after {
        font-size: 1.2rem !important;
        color: #333 !important;
    }
}

.metismenu.mod-menu .mm-toggler:after {
  display: none;
}

div.mod_search103 input[type="search"] {
    width: auto;
    border-radius: 15px;
    text-align: center;
}
.search.mod_search103 {
    text-align: center;
}

#mod-custom115 > div {
    display: block !important;
}
#mod-custom115 > div > div {
  background: #ffffdb;
  float: right;
}

.logo-main {
  max-width: 282px;
  margin-top: 20px;
}

a:not([class]) {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .site-title {
  font-family: 'Open Sans', sans-serif;
}
h1 {
  font-size: 26px;
  line-height: 28px;
  font-weight: 600;
}
h2 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
}
.page-header h1 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
}
.page-header {
  border-bottom:  1px solid #eee;
  margin: 2px 0px 10px 0px;
  padding-bottom: 5px;
}

.com-content-article__body {
    letter-spacing: -0.5px;
}

.container-footer {
    grid-column: breakout-start / breakout-end !important;
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    background-color: #ab0537;
}

#mod-custom126 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

#mod-custom126 p {
    display: flex !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    position: relative !important;
    min-height: 60px !important;
}

#mod-custom126 p a:first-of-type {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

#mod-custom126 p a:last-of-type {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

#mod-custom126 p a img {
    float: none !important; 
}

#mod-custom126 .copyright-d {
    width: 100% !important;
    text-align: left !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    color: #333;
}

.footer .grid-child {
    padding: .5rem .5em;
}

.container-top-a>*, .container-top-b>*, .container-bottom-a>*, .container-bottom-b>* {
    margin-top: 20px !important;
}

.top-b.card.navbar-nav {
    border-top: 1px solid rgba(0,0,0,0.075);
    border-bottom: 1px solid rgba(0,0,0,0.075);
    border-radius: 0px;
    padding: 10px 0px 5px 0px;
    margin-top: 0px !important;
    margin-bottom: -30px;
  }

a {
  color: #ab0537;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-bottom: 0rem;
}

div#eipan h2 {
    padding: 10px 0 10px 0px;
}

b, strong {
    font-weight: 600;
}

h3 {
  font-size: 18px;
  line-height: 20px;
  padding: 10px 0px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: var(--cassiopeia-font-weight-headings, 600);
}

.sidebar-left h3.card-header {
    font-size: 18px;
    margin-left: -6px;
}

.sidebar-left.card .card-body .mod-list li:hover {
    text-decoration: none;
    background: #eee;
}
.sidebar-left.card .card-body .mod-list li {
    padding: 0em 0;
    margin: -3px 0px;
    letter-spacing: -0.5;
}
.sidebar-left.card .card-body .mod-list li a {
    letter-spacing: -0.3px;
}
.sidebar-left.card .card-body .mod-list li.active>a {
    text-decoration: none;
}
.card-header {
    background-color: transparent !important;
}

.com-content-article__body > h2 {
    margin-bottom: 15px;
}

.com-content-article__body .imgbox img {
    width: 270px;
}

li.metismenu-item.item-753.level-3 {
    display: none;
}

.container-top-a {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}
.container-top-a > * {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


@media (min-width: 992px) {
@keyframes slidelogo {
  0% {
    /* Ξεκινάει από αριστερά */
    transform: translateX(-150px); 
    opacity: 0;
  }
  60% {
    /* Έχει εμφανιστεί πλήρως λίγο πριν το κέντρο */
    opacity: 1;
  }
  80% {
    /* ΤΟ ΣΗΜΕΙΟ ΤΗΣ ΣΥΓΚΡΟΥΣΗΣ: Ξεπερνάει τη θέση του κατά 30px προς τα δεξιά */
    transform: translateX(175px); 
  }
  100% {
    /* Επιστρέφει στην κανονική του θέση */
    transform: translateX(0); 
  }
}

@keyframes slideinfo {
  0% {
    /* Ξεκινάει από δεξιά */
    transform: translateX(150px); 
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  80% {
    /* ΤΟ ΣΗΜΕΙΟ ΤΗΣ ΣΥΓΚΡΟΥΣΗΣ: Ξεπερνάει τη θέση του κατά 30px προς τα αριστερά */
    transform: translateX(-175px); 
  }
  100% {
    /* Επιστρέφει στην κανονική του θέση */
    transform: translateX(0); 
  }
}

/* Κρατήστε τις κλάσεις όπως τις είχαμε, 
   αλλά αλλάξτε το timing function σε ease-out */
.logo-main {
  display: inline-block;
  animation-name: slidelogo;
  animation-duration: 1.8s; /* Λίγο πιο αργό για να προλάβει να φανεί το bounce */
  animation-delay: 0s;
  animation-timing-function: ease-out; /* Ομαλή έναρξη, φρενάρισμα στο bounce */
  animation-fill-mode: forwards;
}

.custominfo {
  animation-name: slideinfo;
  animation-duration: 1.8s;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
}

@media (min-width: 992px) {
  .headermobile {
    display: none;
  }
  .container-banner.full-width {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .toplogo {
    display: none;
  }
  .custominfo {
    display: none;
  }
  .top-b.card.navbar-nav {
    display: none !important;
  }
  .site-grid {
    margin: 10px !important;
  }
  nav.navbar.navbar-expand-lg {
    margin-top: -30px;
    margin-bottom: -6px;
  }
  .metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover {
    text-decoration: none;
  }
  .metismenu.mod-menu {
    margin-top: 15px;
  }
  a:focus-visible, .metismenu.mod-menu .metismenu-item>a:focus, .metismenu.mod-menu .metismenu-item>button:focus {
    outline-offset: 0px;
    outline: 0px solid;
  }
  .mm-collapse.mm-show .metismenu-item {
    font-size: 14px !important;
  }
  .sidebar-right.card {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px !important;
  }
  .sidebar-left.card .card-body .mod-list li:hover {
    background: transparent;
  }
  .metismenu-item a {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    display: block !important;
  }
}

div#mod-custom168 {
    background: #ffffdb;
}

#mod-custom126 p a img {
    min-width: 95px;
}



@media (max-width: 991.98px) {
  /* 1. Ακυρώνουμε την επίδραση του Grid στα κινητά */
  .site-grid {
    display: flex !important;
    flex-direction: column !important;
  }
  /* 2. Δίνουμε σειρά εμφάνισης σε όλα τα βασικά κομμάτια */
  .container-banner {
    order: 1 !important;
  }
  .container-top-a {
    order: 2 !important;
  }
  .container-top-b {
    order: 3 !important;
  }
  /* Η SIDEBAR LEFT ΜΠΑΙΝΕΙ ΕΔΩ (Θέση 4) */
  .container-sidebar-left {
    order: 4 !important;
    display: block !important;
    width: 100% !important;
  }
  /* ΤΟ ΚΥΡΙΩΣ ΑΡΘΡΟ ΜΠΑΙΝΕΙ ΕΔΩ (Θέση 5) */
  .container-component {
    order: 5 !important;
    display: block !important;
    width: 100% !important;
  }
  /* Η SIDEBAR RIGHT ΠΑΕΙ ΚΑΤΩ (Θέση 6) */
  .container-sidebar-right {
    order: 6 !important;
    display: block !important;
    width: 100% !important;
  }
}


#mod-custom168 .logomob {
  display: block;
  animation: fadeIn 0.8s ease-out forwards;
}