p {
    margin: 0;
}

#wrapper5 rect {
 display: none; 
}

/* ================================
   slider-main
   ================================ */
/* Desktop (default) */
#slider-maincolumn1 {
  margin-top: -120px !important;
  margin-bottom: -100px !important;
  margin-left: -25px !important;
}

/* Tablet (μέχρι 1024px) */
@media (max-width: 1024px) {
  #slider-maincolumn1 {
    margin-top: -80px !important;
    margin-bottom: -60px !important;
    margin-left: -15px !important;
  }
}

/* Mobile landscape (μέχρι 768px) */
@media (max-width: 768px) {
  #slider-maincolumn1 {
    margin-top: -50px !important;
    margin-bottom: -40px !important;
    margin-left: -10px !important;
  }
}

/* Mobile portrait (μέχρι 480px) */
@media (max-width: 480px) {
  #slider-maincolumn1 {
    margin-top: -30px !important;
    margin-bottom: -20px !important;
    margin-left: -5px !important;
  }
}
/* ================================
   top-news-session
   ================================ */
#top-news-session > .inner {
	margin-top: -120px;
	margin-bottom: -40px;
	margin-left:-40px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Tablet (μέχρι 1024px) */
@media (max-width: 1024px) {
  #slider-maincolumn1 {
    margin-top: -40px !important;
    margin-bottom: -20px !important;
    margin-left: -30px !important;
  }
}

/* Mobile landscape (μέχρι 768px) */
@media (max-width: 768px) {
  #slider-maincolumn1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: -20px !important;
  }
}

/* Mobile portrait (μέχρι 480px) */
@media (max-width: 480px) {
  #slider-maincolumn1 {
    margin-top: 40px !important;
    margin-bottom: 30px !important;
    margin-left: -25px !important;
  }
}

/* ================================
   OFFCANVAS MENU (aristera)
   ================================ */
.offcanvas-start {
  width: 100%;              /* full screen overlay */
  max-width: 100%;
  background: #ffffff;      /* λευκό background */
}

.offcanvas-header {
  border-bottom: 1px solid #ddd;
}

.offcanvas-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

/* links inside the offcanvas menu */
.offcanvas-body ul,
.offcanvas-body li {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.offcanvas-body a {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;         /* πιο μεγάλα γράμματα */
  font-weight: 600;        /* πιο έντονα */
  color: #111;             /* μαύρη γραμματοσειρά */
  text-decoration: none;
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.2s ease-in-out;
}

.offcanvas-body a:hover {
  color: #d32f2f;          /* κόκκινο hover   */
  padding-left: 8px;       /* μικρό animation */
}

/* ================================
   HAMBURGER + SEARCH BUTTONS
   ================================ */
button[data-bs-toggle="offcanvas"] {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  background: transparent;  /* minimal look */
  border: none;             /* xwris border */
  box-shadow: none;         /* xwris skia */
  color: #000;              /* mauro gia na ksexwrizei */
  padding: 5px 10px;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}

button[data-bs-toggle="offcanvas"]:hover {
  color: #d32f2f; /* kokkino sto hover */
}

/* ================================
   OFFCANVAS SEARCH (deksia)
   ================================ */
#offcanvasSearch {
  width: 100%;
  max-width: 400px; /* p.x. steno panel deksia */
}

#offcanvasSearch .offcanvas-body input[type="search"],
#offcanvasSearch .offcanvas-body input[type="text"] {
  width: 100%;
  font-size: 18px;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* ================================
   FLEX CONTAINER FOR BUTTONS
   ================================ */
.offcanvas-buttons {
  display: flex;
  justify-content: space-between; /* ☰ aristera, 🔍 deksia */
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 9999; /* na einai panta pano */
}

/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ===============  TYPOGRAPHY BASE================================ */
/* ================================================================ */
body {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #111 !important;
  background-color: #fff !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin-top: 1em !important;
  margin-bottom: 0.5em !important;
}

/* τίτλοι άρθρων */
.article-title, h2 a {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #000 !important;
  text-decoration: none !important;
}
.article-title a:hover,
h2 a:hover {
  color: #c62828 !important; /* κόκκινο hover */
}

/* ================================
   LINKS
   ================================ */
a {
  color: #111 !important;
  text-decoration: none !important;
  transition: color 0.2s ease-in-out !important;
}
a:hover {
  color: #c62828 !important;
}

/* ================================
   OFFCANVAS MENU
   ================================ */
.offcanvas-body a {
  font-family: 'Open Sans', sans-serif !important;
  letter-spacing: 0.5px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #111 !important;
  text-decoration: none !important;
}
.offcanvas-body a:hover {
  color: #c62828 !important;
}

/* ================================
   OFFCANVAS BUTTONS
   ================================ */
button[data-bs-toggle="offcanvas"] {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 28px !important;
  font-weight: bold !important;
  line-height: 1 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #000 !important;
  padding: 5px 10px !important;
  cursor: pointer !important;
  transition: color 0.2s ease-in-out !important;
}
button[data-bs-toggle="offcanvas"]:hover {
  color: #c62828 !important;
}

/* container gia ta koumpia (☰ aristera, 🔍 deksia) */
.offcanvas-buttons {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  position: relative !important;
  z-index: 9999 !important;
}

/* ================================
   ARTICLE IMAGES
   ================================ */
.article img,
img.article-img {
  max-width: 100% !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
  margin-bottom: 10px !important;
}

/* ================================
   FOOTER
   ================================ */
footer {
  background: #f5f5f5 !important;
  padding: 20px 0 !important;
  font-size: 14px !important;
  color: #666 !important;
  text-align: center !important;
  font-family: 'Open Sans', sans-serif !important;
}
footer a {
  color: #666 !important;
}
footer a:hover {
  color: #c62828 !important;
}


/* ================================
   LINKS
   ================================ */
a {
  color: #111 !important;
  text-decoration: none !important;
  transition: color 0.2s ease-in-out !important;
  font-family: 'Open Sans', sans-serif !important;
}

a:visited {
  color: #444 !important;   /* σκούρο γκρι για visited */
}

a:hover {
  color: #c62828 !important; /* κόκκινο hover */
}


/* ================================
   CATEGORY BLOG MINIMAL STYLE
   ================================ */

/* Grid layout */
.blog-items {
  display: grid !important;
  grid-template-columns: repeat(auto-fill,minmax(320px,1fr)) !important;
  gap: 2rem !important;
}

/* Card container */
.article-card {
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
  transition: box-shadow .3s ease !important;
}
.article-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
}

/* Thumbnail */
.article-thumb img,
.blog-items .item-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  margin-bottom: 0.8rem !important;
}

/* Body */
.article-body {
  padding: 1rem 1.2rem !important;
}

/* Title */
.article-title {
  margin: 0 0 .5rem 0 !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
}
.article-title a,
.blog-items .item-title a {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  color: #222 !important;
  text-decoration: none !important;
}
.article-title a:hover,
.blog-items .item-title a:hover {
  color: #0077cc !important;
}

/* Meta */
.article-meta,
.blog-items .item-meta {
  font-size: 0.85rem !important;
  color: #777 !important;
  margin-bottom: 0.8rem !important;
}

/* Intro text */
.article-intro {
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  color: #444 !important;
}

/* Read More button */
.readmore .btn {
  margin-top: 1rem !important;
  background: #0077cc !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: .5rem 1rem !important;
  text-decoration: none !important;
  transition: background .2s ease !important;
}
.readmore .btn:hover {
  background: #005fa3 !important;
}


/* ================================
   CATEGORY BLOG awesome style
   ================================ */

/* Grid 2 στήλες */
.blog-items.grid-2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 2rem !important;
}
@media (max-width: 768px) {
  .blog-items.grid-2 {
    grid-template-columns: 1fr !important;
  }
}

/* Κάθε άρθρο card */
.mx-awesome12.blog-card {
  border-radius: 20px !important;
  overflow: hidden !important;
  position: relative !important;
  background: transparent !important;
  transition: box-shadow .3s ease !important;
}
.mx-awesome12.blog-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
}

/* Εικόνα */
.mx-awesome12 .blog-img {
  margin-bottom: -65px !important;
  overflow: hidden !important;
}
.mx-awesome12 .blog-img img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  transition: transform 0.4s ease-in-out !important;
}
.mx-awesome12:hover .blog-img img {
  transform: scale(1.08) !important;
}

/* Περιεχόμενο */
.mx-awesome12 .blog-content {
  background-color: #f6f6f6 !important;
  box-shadow: 0 0 15px rgba(0,0,0,0.04) !important;
  border-radius: 30px 75px 30px 30px !important;
  padding: 30px !important;
  position: relative !important;
  z-index: 3 !important;
}

/* Meta */
.mx-awesome12 .blog-meta {
  margin: -0.4em 0 15px 0 !important;
}
.mx-awesome12 .blog-meta span {
  font-size: 15px !important;
  color: #222 !important;
  margin-right: 15px !important;
  position: relative !important;
}
.mx-awesome12 .blog-meta span i {
  margin-right: 6px !important;
  color: var(--mxtawe-color, #FD8900) !important;
}
.mx-awesome12 .blog-meta span:not(:last-child):after {
  content: "" !important;
  height: 16px !important;
  width: 1px !important;
  background-color: #d8dde1 !important;
  position: absolute !important;
  top: 50% !important;
  right: -10px !important;
  transform: translateY(-50%) !important;
}

/* Τίτλος */
.mx-awesome12 .box-title {
  font-size: 22px !important;
  margin-bottom: 22px !important;
}
.mx-awesome12 .box-title a {
  color: #222 !important;
  text-decoration: none !important;
  background-image: linear-gradient(to left, #FD8900, #FD8900) !important;
  background-repeat: no-repeat !important;
  background-size: 0 2px !important;
  background-position: bottom left !important;
  transition: background-size 0.5s ease-in-out !important;
}
.mx-awesome12 .box-title a:hover {
  background-size: 100% 2px !important;
}

/* Intro text */
.mx-awesome12 .blog-content p {
  color: #444 !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  margin-bottom: 1rem !important;
}

/* Read More button */
.mx-awesome12 .th-btn {
  display: inline-block !important;
  background-image: linear-gradient(to right, #F25517 0%, #FD8900 100%) !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 14px 25px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  transition: all 0.4s ease-out !important;
}
.mx-awesome12 .th-btn:hover {
  opacity: 0.9 !important;
}
/* === Pagination Modern Style === */

.com-content-category-blog__navigation {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-top: 3rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid #eee !important;
}

.com-content-category-blog__counter {
  font-size: 0.9rem !important;
  color: #666 !important;
  margin-top: 1rem !important;
}

.com-content-category-blog__pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
}

.com-content-category-blog__pagination .page-link {
  display: inline-block !important;
  padding: 10px 16px !important;
  border-radius: 25px !important;
  background: #f6f6f6 !important;
  color: #444 !important;
  font-weight: 500 !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
  transition: all 0.25s ease !important;
}

.com-content-category-blog__pagination .page-link:hover {
  background: linear-gradient(to right, #F25517, #FD8900) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

.com-content-category-blog__pagination .active .page-link,
.com-content-category-blog__pagination .page-link.active {
  background: linear-gradient(to right, #F25517, #FD8900) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}





/* ---------- MOBILE FIXES (<= 768px) ---------- */

/* 1) Logo: σωστό μέγεθος & αναλογίες */
#logo { text-align: center !important; }
#logo .tck-logo-img {
  max-width: 100% !important;
  height: auto !important;
}
@media (max-width: 768px) {
  #logo .tck-logo-img {
    width: 240px !important;   /* προσαρμόζεται: βάλε 180–220px αν θέλεις */
    height: auto !important;
  }
}

/* 2) Πάνω γραμμή: στήλες να σπάνε σωστά στο κινητό */
@media (max-width: 768px) {
  #wrapper-top .tck-container-fluid {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  #wrapper-topcolumn1,
  #wrapper-topcolumn2 {
    width: 100% !important;
    float: none !important;
  }
  #top2 { margin-top: 12px !important; }
}

/* 3) Κύριο layout: δεξιά στήλη να πέφτει κάτω από το κέντρο */
@media (max-width: 992px) {
  .maincontent .column.center,
  #right.column2 {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }
  #right.column2 .inner {
    margin-top: 1.25rem !important;
  }
}

/* 4) Γενικό fallback για “flexiblecolumn” ώστε να γεμίζει όλο το πλάτος στο mobile */
@media (max-width: 768px) {
  .tck-row .flexiblecolumn {
    width: 100% !important;
  }
}

/* ================================
   OFFCANVAS MENU + BUTTONS
   ================================ */
.offcanvas {
  background: #fff !important;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15) !important;
  transition: transform 0.4s ease-in-out !important;
  z-index: 99999 !important;
}

.offcanvas-title {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: #000 !important;
}

.offcanvas-header {
  border-bottom: 1px solid #ddd !important;
}

.offcanvas-body ul,
.offcanvas-body li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.offcanvas-body a {
  display: block !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #111 !important;
  text-decoration: none !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  transition: all 0.2s ease-in-out !important;
}

.offcanvas-body a:hover {
  color: #c62828 !important;
  padding-left: 8px !important;
}

/* κουμπια ☰ και 🔍 */
.offcanvas-buttons {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  position: relative !important;
  z-index: 9999 !important;
}

.offcanvas-buttons button,
button[data-bs-toggle="offcanvas"] {
  font-size: 28px !important;
  font-weight: bold !important;
  background: transparent !important;
  border: none !important;
  color: #000 !important;
  padding: 5px 10px !important;
  cursor: pointer !important;
  transition: color 0.2s ease-in-out !important;
}

.offcanvas-buttons button:hover,
button[data-bs-toggle="offcanvas"]:hover {
  color: #c62828 !important;
}

/* SEARCH INPUT */
#offcanvasSearch input[type="search"],
#offcanvasSearch input[type="text"] {
  width: 100% !important;
  font-size: 18px !important;
  padding: 10px 15px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  outline: none !important;
}

.offcanvas .btn-close {
  filter: invert(0) !important;
  opacity: 0.6 !important;
}

.offcanvas .btn-close:hover {
  opacity: 1 !important;
}