body {
  background-color: #f7f6f6;
}

a,
a:visited,
a:active {
  color: #285a9f;
}

a:hover {
  /* color: #0056b3; */
  color: #02b3e4;
}

.main-menu-1x {
  background-color: #fff;
}

.main-menu-1x a,
.main-menu-1x a:hover,
.main-menu-1x a:visited,
.main-menu-1x a:active
 {
  color: #454545;
}

.elx_menu {
  margin-left: auto !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

ul { margin: 0 0 1.5em 3em; }

ul.elx_menu ul[data-level]:not([data-level="0"]) li { padding-left: 7px; }

ul.elx_menu li ul[data-level]:not([data-level="0"]) li ul[data-level]:not([data-level="0"]) {
	padding-top: 0;
	margin-left: 0;
}

ul.elx_menu li ul[data-level]:not([data-level="0"]) li a i {
	float: right;
	padding-top: 3px;
}

ul[data-level="1"]:hover,
ul[data-level="2"]:hover {
  background: #fff;
  top: 100%;
  opacity: 1;
}

.navbar-light .navbar-brand img {
  max-width: 169px;
  object-fit: cover;
}

#orgchart {
  margin-top: -10px;
  margin-left: 10px;
  border-left: 1px solid #dedfe0;
}

#orgchart a {
  color: #fff;
  background-color: #285a9f;
}

#orgchart a:hover {
  background-color: #02b3e4;
}

.main-banner .overlay-text {
  margin-top: 17.5%;
}

.page-banner .overlay-text {
  margin-top: 19%;
}

.btco-hover-menu .collapse ul ul,
.btco-hover-menu .collapse ul ul ul {
  min-width: max-content;
}

.btco-hover-menu a , .navbar > li > a {
  text-transform: none;
  padding: 10px 10px;
}

.btco-hover-menu .collapse ul ul ul {
  top: -3px;
}

.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul[data-level="1"],
.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul[data-level="2"] {
  background: #fff;
  margin-left: 14px;
  padding-top: 15px;
}

.btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul[data-level="1"],
.btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul[data-level="2"] {
  background: #fff;
  margin-left: 0;
}

ul.elx_menu ul[data-level="1"] li,
ul.elx_menu ul[data-level="2"] li { 
	padding-left: 7px;
}

ul.elx_menu li ul[data-level="1"] li ul[data-level="2"] {
  padding-top: 0;
  margin-left: 0;
}

ul.elx_menu li ul[data-level="1"] li a i,
ul.elx_menu li ul[data-level="2"] li a i {
  float: right;
  padding-top: 15px;
}

[data-level="1"] li,
[data-level="2"] li {
	border-bottom: 1px solid #eee;
}

[data-level] li li:last-child {
/* [data-level="0"] li li:last-child,
[data-level="1"] li li:last-child,
[data-level="2"] li li:last-child { */
	border-bottom: 0 solid #eee;
}

ul.elx_menu li[data-level0="subs"] a i {
	padding-left: 3px;
	font-weight: 700;
}

[data-level0="subs"]:hover > [data-level="1"], 
[data-level1="subs"]:hover > [data-level="2"] {
	display: block;
}

ul[data-level="1"] li[data-level1="nosubs"] a,
ul[data-level="2"] li[data-level2="nosubs"] a {
  color: #454545;
  font-weight: 400;
  /* padding: 8px 25px; */
  line-height: 30px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

[data-level="1"]:focus,
[data-level="1"]:hover,
[data-level="2"]:focus,
[data-level="2"]:hover {
  color: #285a9f; 
}

.main-menu li[data-level0] .btn-small {
  margin: 4px 0 0 15px;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 22px;
  /* text-transform: capitalize; */
  box-shadow: 0 10px 25px 0 rgba(46, 61, 73, 0.15);
}

.main-menu li[data-level0] .btn-small:hover {
  background: #454545;
  color: #fff;
}

.elx5_artbox_inner h3 {
  line-height: 1;
}

.elx5_dateauthor {
  padding-top: 0;
}

.elx_archive_page h2 {
  display: none;
}

.course-header-1x {
  padding: 3em 0;
}

.course-header-1x .course-header-left,
.course-header-1x .course-grid-list {
  margin-top: 0;
}

.course-header-1x .course-grid-list .all-course-list .elx_category_page .elx5_artbox {
  /* box-shadow: none;
  border-bottom: 2px dotted #285a9f; */
  min-height: 300px;
  box-shadow: 0 3px 35px 0 rgba(46, 61, 73, 0.06);
  border-radius: 25px;
}

.course-header-1x .course-grid-list .all-course-list .elx_archive_page .elx5_artbox {
  /* box-shadow: none;
  border-bottom: 2px dotted #285a9f; */
  box-shadow: 0 3px 35px 0 rgba(46, 61, 73, 0.06);
  border-radius: 25px;
}

.course-header-1x .course-header-left .card {
  box-shadow: none;
}

.course-header-1x .course-header-left .card .card-header {
  border-bottom: 1px solid #285a9f;
}

.blog-single-1x {
  padding: 50px 0 0 0;
}

.qrdiv {
  padding: 3em 2em 1.5em 2.5em;
}

img.qrcode {
  max-width: 150px;
}

.qrhelp {
  padding-left: 3.45em;
}

.elx_article_page .ios_dl_wrap {
  background-color: transparent;
  box-shadow: none;
}

.blog-single-1x .elx5_artbox {
  
}

.elx5_artbox .elx5_artbox_inner h3 a:hover {
  color: #285a9f;
  text-decoration: none;
}

figure.elx5_content_imageboxtl {
  margin: 2em 0 0 2em;
}

.elx5_artbox_inner h3 a {
  font-size: 20px;
  font-weight: 600;
  color: #454545;
  margin-bottom: 20px;
}

.course-header-1x .course-grid-list .all-course-list .elx5_artbox_inner:nth-child(3) {
  font-size: .8em;
  /* text-align: right; */
  padding-top: 0;
}

.elx5_vspace {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 0;
}
.elx5_pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}
.elx5_vspace ul {
  display: inline-flex;
  padding: 0;
  margin: 0;
}
.elx5_vspace ul li {
  margin-left: 5px;
}
ul.elx5_pagination li a {
  background-color: transparent;
  color: #6a6a6a;
  border: 0;
  font-size: 1.25em;
  padding: 8px 10px;
}
ul.elx5_pagination li a {
  border-radius: .25rem;
}
ul.elx5_pagination > li.elx5_pagdisabled {
  display: none;
}
.elx5_pagactive {

}

.elx5_category_header h1.elx5_category_h1i {
  /* Μιας και θα δίνω τον τίτλο στο heading, θα τον κρύβω στη σελίδα... */
  display: none;
}

.elx_engines_box,
#elx_addsearchengine {
  display: none;
}

#sfsbm {
  background: #337ab7;
  border: 1px solid #255986;
}

#sfsbm:hover {
  background: #255986;
}

.elx5_warning {
  background: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}

fieldset.elx5_fieldset {
  background: transparent;
}

.blog-single-body .elx_article_page .elx5_article_h1i {
  display: none;
}

.blog-single-body .elx_article_page .elx_dateauthor,
.blog-single-body .elx_article_page .elx_hits_box {
  text-align: right;
}

.blog-single-body .elx_article_page .elx_links_box_title,
.all-course-list .elx_article_page .elx_links_box_title {
  margin-bottom: 1em;
  padding-top: .5em;
  border-top: 2px dotted #285a9f;
}

.blog-single-body .elx_article_page .elx_tags_box,
.all-course-list .elx_article_page .elx_tags_box {
  margin-top: 1em;
  padding-bottom: .5em;
  border-bottom: 2px dotted #285a9f;
}

h3.elx_links_box_title {
  margin-top: 1.5em;
  font-size: 1.25em;
}

ul.elx5_links_box {
  margin-left: 1.35em;
}

ul.elx5_links_box li {
  list-style: none;
}

.elx_category_page .elx5_category_summary {
  border-bottom: 2px solid #ddd;
}

.elx_category_page .elx_subcategories_title {
  font-size: 1.35em;
  margin-bottom: 1em;
}

.elx_category_page ul.elx_subcategories {
  margin-left: 1em;
}

.elx_category_page ul.elx_subcategories li {
  font-size: .9em;
  list-style: circle;
}

#recent-search .modal-body ul {
  margin-left: 1em;
}

#recent-search .modal-body ul li {
  list-style: square;
}

.footer-section-1x .footer-top .footer-top-right ul li {
  color: #6a6a6a;
}

.elx5_2colbox {

}

.elx_chain_title {
  display: none;
}

.single-course {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 320px; /* Adjust as needed */
  box-sizing: border-box;
  padding: 20px 0;
  border: 0px solid #ddd; /* Optional for visual debugging */
}

/* Ensure bottom padding consistency */
.single-course-content {
  flex-grow: 1; /* Ensures the title area takes up flexible space */
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 0 15% 15%;
}

.course-1x .all-course .single-course .single-course-content {
  padding: 10px 20px 0 20px;
}

.single-course .hvrbox-layer_bottom {
  max-height: 220px;
  object-fit: fill;
}

.course-header-1x .all-course-grid {
  background: transparent;
}

.course-header-1x .course-grid-list .all-course-grid .all-course .single-course,
.course-header-1x .course-grid-list .course-1x.all-course-grid .single-course .single-course-content {
  min-height: auto;
  text-align: center;
  padding-top: 30px;
}

.course-header-1x .course-grid-list .course-1x.all-course-grid .single-course .single-course-content {
  padding: 10px 20px 5px 20px;
  border-radius: 0 0 50px 50px;
}

/* .course-header-1x .course-grid-list .all-course-list .single-course .single-course-content a {
  font-weight: 400;
} */

.course-details-1x .course-details-sidebar .course-feature h2 {
  background: #f9f9f9;
  font-size: 16px;
  font-weight: 600;
  color: #454545;
  padding: 0 30px;
}

.blog-single-1x .blog-single-left-content .blog-single-body h2 {
  margin-bottom: 0;
}

.school-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 10px;
}

.school-gallery-grid img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.school-map {
  max-height: 400px;
}

.blog-single-left-content .blog-single-body .elx_article_page .container .course-details-1x {
  border-radius: 50px;
}

div.elx_category_page div.elx5_artbox_inner h3 a {
  font-size: 1.5rem;
  line-height: 1.5;
}

div.elx_category_page div.elx5_artbox_inner p {
  font-size: 1rem;
}

.single-course-content {
  border-radius: 0 0 50px 50px;
}

.achive-goals-1x {
  padding-bottom: 0;
}

.achive-goals-1x .single-goals h4 {
  font-size: 23px;
}

/* Module Diavgeia */
.achive-goals-1x .imodule {
  opacity: 0;
  transform: translateY(-20px);
  visibility: hidden;
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease;
  padding-left: 1em;
  padding-right: 1em;
}

.achive-goals-1x .imodule.show {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  padding-bottom: 100px;
}

.achive-goals-1x .module_diavgeia {
  padding: 1em 2.5em 1em 1.25em;
}

.banner-subitems {
  padding-top: 2em;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

.banner-subitems a {
  font-weight: bold;
  color: #ffffff;
}

/* Custom CSS rules - Created by kanatas on 2025-01-09 15:17:03 */

.main-banner .overlay-text h3 {
  font-size: 43px;
}

.elx_chain_previous, .elx_chain_next {
  text-align: left;
}

.elx_chain_previous img, .elx_chain_next img {
  display: block;
  margin: auto 0 10px 0;
  padding: 4px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  width: 120px;
  height: auto;
}
.elx_chain_previous .elx_chain_title, .elx_chain_next .elx_chain_title {
  display: block;
  text-align: left;
  margin: 0;
}

.footer-top-right .footer-social-link ul li i {
  height: 40px;
  width: 40px;
  padding-top: 11px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 50%;
}

.elx5_row_search {
  display: flex;
  flex-direction: row;
  gap: 25px;
}

.elx5_row_search > * {
  flex: 1;
}

.elx5_formtext_search {
  /* font:normal 14px/17px "Roboto", Helvetica, Arial, sans-serif; */
  margin: 10px auto;
  color:#272727; 
  box-sizing: border-box;
}

.blog-single-1x .blog-single-left-content .blog-single-body p {
	margin-bottom: 5px;
}

/* End of custom CSS */

div.elx_category_page div.elx5_artbox.elx5_artboxml figure.elx5_content_imagebox.elx5_content_imageboxml {
	padding-top: 40px;
	padding-left: 20px;
}

ul.elx_subcategories {
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: 2px dotted #285a9f;
}

/* Styles for screens 992px and above */
@media (min-width: 1200px) {
  .elx_menu {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .btco-hover-menu .collapse ul li {
    padding: 10px 0;
  }

  li[data-level0="subs"] > a::after {
    position: relative;
    right: -7px;
    top: 13px;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }

  li[data-level1="subs"] > a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 20px;
    top: 23px;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }

  .modal-dialog {
    max-width: 800px;
    line-height: 2em;
  }
}

@media (max-width: 1199px) {
  .btco-hover-menu .collapse ul ul,
  .btco-hover-menu .collapse ul ul[data-level="1"],
  .btco-hover-menu .collapse ul ul[data-level="2"] {
    background: #fff;
    margin-left: 14px;
    padding-top: 0;
  }

  .btco-hover-menu .collapse ul ul ul,
  .btco-hover-menu .collapse ul ul ul[data-level="1"],
  .btco-hover-menu .collapse ul ul ul[data-level="2"] {
    background: #fff;
    margin-left: 0;
  }

  ul.elx_menu ul[data-level="1"] li,
  ul.elx_menu ul[data-level="2"] li {
    padding-left: 7px;
  }

  ul.elx_menu li ul[data-level="1"] li ul[data-level="2"] {
    padding-top: 0;
    margin-left: 0;
  }

  ul.elx_menu li ul[data-level="1"] li a i,
  ul.elx_menu li ul[data-level="2"] li a i {
    float: right;
    padding-top: 0;
  }

  [data-level="1"] li,
  [data-level="2"] li {
    border-bottom: 1px solid #eee;
  }

  .fixed-top {
    position: relative;
  }

  .btco-hover-menu li {
    line-height: 40px;
  }

  .navbar {
    justify-content: space-between;
  }

  .navbar-light .navbar-brand img {
    max-width: 75%;
    max-height: 100%;
    padding-right: 0;
    margin-right: 0;
  }

  .navbar-brand {
    padding-right: 0;
    margin-right: 0;
  }

  #orgchart {
    margin: 0;
    border: none;
  }

  #orgchart .btn-small {
    margin: 10px 0 0 10px;
  }

  #msearchq {
    font-size: 12px;
  }
}

/* Styles for screens between 769px and 991px */
@media (min-width: 769px) and (max-width: 991px) {
  .single-course .hvrbox-layer_bottom {
    max-height: 150px;
  }
  .navbar {
    justify-content: space-between;
  }
}

/* Styles for screens 991px and below */
@media (max-width: 991px) {
  .main-banner .overlay-text {
    margin-top: 20%;
  }

  .page-banner .overlay-text {
    margin-top: 15%;
  }

  .single-course .hvrbox-layer_bottom {
    object-fit: cover;
  }

  figure.elx5_content_imagebox.elx5_content_imageboxtl,
  figure.elx5_content_imagebox.elx5_content_imageboxml {
    display: none;
  }

  .main-banner .overlay-text h3 {
    font-size: 35px;
  }

  #orgchart {
    margin: 0;
    border: none;
  }

  #orgchart .btn-small {
    margin: 10px 0 0 10px;
  }

  #msearchq {
    font-size: 12px;
  }
}

/* Styles for screens 575px and below */
@media (max-width: 575px) {
  .navbar {
    justify-content: center;
  }
}

.elx_article_page h5 {
	padding-top: .5em;
	padding-bottom: 2em;
}