/* ---------------------------- Header ------------------------------- */
.header.container-header.full-width {
  background-image: none;
  background-color: #fff;
}

/* ------- Custom Top Modules------ */
.custom-top-modules {
  display: flex; justify-content: space-between;
  align-items: center; width: 100%; padding: 10px 0;
  background-color: #f5f5f5;
}

/* Flags */
.topflags { flex: 0 0 6%; /* Sets width to 15% */ text-align: left; }
div.mod-languages { margin: 0 0 0 1rem; }
div.mod-languages a { padding:0; margin: 0;}
div.mod-languages ul.lang-inline li { padding:0; margin: 0 0 0 .5rem;}

/* Search */
.topsearch { flex: 0 0 44%; /* Sets width to 30% */  text-align: left;
  margin-left: 10px; /* Maintains spacing btn topflags and topsearch */ }
div.searchtop input { margin: 0 0 0 1rem;  font-size: 0.8rem;}
/* div.top-info i p{ float: left; color: #000; font-size:0.9rem;} */
#mod-search-searchword102 { display: block; padding: 6px 12px; 
  height: 38px; font-size: 0.95rem; color: #555555; background-color: #fff;
  background-image: none; border: 1px solid #ccc; border-radius: 4px; 
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* Top Info, Tel, Email */
.topinfo { flex: 0 0 50%; /* Sets width to 50% */ text-align: right;}
div#top-info-contact {font-size: 0.9rem; margin-right: 1.5rem;}
div#top-info-contact a {color: #075473; text-decoration: none; }
div#top-info-contact a:hover {color: #043143;}
div#top-info-days {font-size: 0.9rem; margin-right: 1.5rem;}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .custom-top-modules { flex-direction: column; align-items: flex-start; }
    .topflags, .topsearch, .topinfo {flex: 0 0 100%; /* Full width on smaller screens */
        text-align: left; }
    .topsearch { margin-left: 0; margin-top: 10px; }
    .topinfo { margin-top: 10px; }
}


/* ---------------------------- Below Top ---------------------------- */
.container-below-top {
  background-color: #02374f;
  max-width: 1920px;
}


/* ---------------------------- Banner ---------------------------- */

/*
container-banner.full-width{
  background-color: #243162 !important;
}

div.container-banner {
  background-color: #243162 !important;
}


/* ---------------------------- Mega Menu ---------------------------- */

/*
#jux_megamenu192-jux-sticky-wrapper {
  margin: 0 auto;
}
*/

#jux_megamenu192-jux-sticky-wrapper {
  width: 99%;
}

#ΑρχικήΝέα span { /* Gia na min emfanizetai o titlos sto Menu Item Arxiki Nea */
  display: none;
}

#ΑρχικήΝέα i {
  font-size: 1.5em;
  margin: -1px 0 0 0;
}

li.main-hor-menu i.jux-fa {
  margin-right: 0.65em !important;
}

.mod_jux_megamenu .megamenu-wrapper .group-title .image-title {
  text-transform: none;
}


/* -------------------------- Accordion SlideShow -------------------------- */
.mod-jux-image-slider .content-inner {
  max-width: 750px;
}

.accordion.frontpage p {
  font-size: 30px;
  line-height: 1em !important;
}

div.accordion.frontpage span.description {
  border-radius: 5px;
  bottom: 6% !important; 
  left: 2%;
}

.accordion h2.caption {
  font-size: 30px !important;
  font-weight: normal;
  padding: 15px 30px !important;
  border-radius: 5px;
}

.swiper-pagination.pagination194.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 50% !important;
}

.slide-btn {          /* Slide Button */
  font-size: 14px;
  /* text-transform: none; */
}


/* ---------------------------- Bottom  ---------------------------- */
div#bottom-center h3, h3.card-header {
  text-transform: none;
  font-weight: 400;
  font-size: 24px;
  color: rgb(33, 37, 41);
  background: none;
  border:none; 
}

div.bottom-a.card { border: none; }
div.bottom-a.card a { color: #000; }
div.bottom-a.card a:hover { text-decoration: none; color: #075473;}
div.bottom-a.card ul.mod-menu.mod-list.nav.bottom-links  a::before { font-family: "Font Awesome 5 Free";
  font-weight: 700; content: "\f105"; margin-right: 8px;}



/* ---------------------------- Footer  ---------------------------- */
footer.container-footer.footer.full-width .grid-child { padding: 1.5rem .5em; }
.container-footer.footer.full-width { background: #075473; }
.footer.no-card.footer-copyright { width: 100%; text-align: center; 
  background: #075473;}

/* ---------------------------- Breadcrumb  ---------------------------- */
.breadcrumb { background:none;}
/*
.mod-breadcrumbs.breadcrumb.px-3.py-2 {
  margin: 0;
  padding-left: 0 !important;
}

.breadcrumb a {color: #fff; text-decoration: none;}
.mod-breadcrumbs.breadcrumb.px-3.py-2 { margin: 0;}
*/

/* ---------------------------- Articles Page Title  ---------------------------- */

.page-header { background: #075473; color: #fff;}

.page-header h1 { font-size: 24px; font-weight: 400; line-height: 32px; padding: 0.5em 1rem; }



/* ---------------------------- Arxiki Selida  ---------------------------- */
div.container-fluid.arxiki-selida-mple a {
  color: yellow;
  text-decoration:none;
}

div.container-fluid.arxiki-selida-gkri a {
  color: yellow;
  text-decoration:none;
}

div.container-fluid.arxiki-selida-mple a:hover {
  color: #fff;
}

div.container-fluid.arxiki-selida-gkri a:hover{
  color: #fff;
}

/* ---------------------------- Students Page ---------------------------- */
a.students {
  justify-content: space-between;
  text-decoration: none;
}

a.students:hover{
    text-decoration:none;
}

img.students {
	width: 100%; 
	height: auto;"
}

div.students {
  /* 
  background-color: rgb(9, 65, 105);
  color: #fff;
  min-height: 200px; 
  */
  width: 100%;
  height: min-content;
  margin: 10px auto;
  border-radius: 0.75rem;
  box-sizing: border-box;
  border: 2px #094169 solid;
  padding: 10px;
  transition: 0.5s;
}

div.students:hover {
  /* background: rgb(127, 182, 213);
  border-color: rgb(127, 182, 213); */
  background-color: rgb(9, 65, 105);
  color: #fff;
  border: 2px #094169 solid;
  transform: scale(1.05);
}

div.students span.students {
  font-weight: normal;
  font-size: 36px;
  font-size: calc(1.0rem + .9vw);
  text-align: center;
}

div.students i.fa {
  font-size: 40px;
  margin: 10px;
}

div.col.students-row {
  text-align: center;
  color: #fff;
  background-color: rgb(34, 79, 170);
  border-radius: 0.75rem;
  box-sizing: border-box;
  border: 2px #094169 solid;
  padding: 10px;
  margin: 0px 7px 20px 7px;
}
div.col.students-row h3 {
  font-size: calc(1.6rem + .9vw);
  font-weight: normal;
  padding: .5rem !important;
}




@media only screen and (min-width: 480px) and (max-width: 767px) {
  div.accordion.frontpage span.description p {
    font-size: 17px !important;
    line-height: 22px !important;
  }

  div.accordion.frontpage span.description {
    bottom: 20% !important; 
    left: 2%;
  }
}





/*
:root {
  --available-height: 100vh;
  --available-width: calc(100vw - 10rem);
  --effective-ratio: calc(var(--available-width)/var(--available-height));
}

*/