@font-face {
  font-display: swap;
}
:root, [data-bs-theme="light"] {
  --body-color: #000052;
  --body-bg: #edecf4;
  --bs-body-bg: #edecf4;
  --body-line-height: 1.7;
  --cassiopeia-color-primary: #112855;
  --cassiopeia-color-link: #224faa;
  --bs-btn-bg: #112855;
  --bs-btn-border-color: #112855;
  --bs-btn-hover-bg: #424077;
  --bs-btn-hover-border-color: #424077;
  --bs-link-color-rgb: #224faa;
}
a:not([class]) {
  color: var(--cassiopeia-color-link);
}
.offline-card .header {
  background-color: #fff;
  background-image: none;
  color: #010156;
}
.offline-card .logo-icon {
  display: none;
}
.site-grid {
  background-image: url(../../../../../images/people-color.png);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 12vh;
}
.container-topbar, .container-below-top {
/*  position: fixed;*/
  width: 100%;
  z-index: 1;
}
.bg-fosscomm {
  background-color: #22192c !important;
}
.container-topbar a:not(.btn):hover {
  color: var(--body-color);
}
.container-topbar .mod-menu.menu-horizontal {
  border-bottom: 1px solid #000052;
  background-color: #dedcee;
  border-left: 1px solid #000052;
  border-right: 1px solid #000052;
  border-radius: 0 0 7px 7px;
  box-shadow: 1px 3px 13px #000052;
}
.container-header {
  background-image: none;
  background-color: inherit;
/*  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;*/
  box-shadow: none;
}
.container-header .navbar-brand {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  z-index: 0;
}
.container-header nav {
  margin-top: 0;
}
.container-header .container-nav {
  flex-wrap: nowrap;
  justify-content: center;
}
.container-header .mod-finder {
  margin-left: 21px;
}
.mod-finder .awesomplete {
  width: 150px;
}
.mod-finder .awesomplete input {
  background-color: var(--body-bg);
}
.metismenu-item:hover {
  background-color: #fff;
}
.metismenu.mod-menu .metismenu-item > a:hover {
  text-decoration: none;
}
.metismenu-item a {
  font-family: var(--body-font-family);
  line-height: inherit;
}
.metismenu-item a::before {
  font-family: "Font Awesome 6 Free";
}
.metismenu.mod-menu .metismenu-item .level-2 a {
  color: currentColor;
}
.btn-yellow {
  --btn-color: #000;
  --btn-bg: #f2edd9;
  --btn-border-color: #6d757e;
  --btn-hover-color: #000;
  --btn-hover-bg: #ece399;
  --btn-hover-border-color: #6d757e;
  --btn-focus-shadow-rgb: 79,122,158;
  --btn-active-color: #000;
  --btn-active-bg: #f2edd9;
  --btn-active-border-color: #6d757e;
  --btn-disabled-color: #000;
  --btn-disabled-bg: #f2edd9;
  --btn-disabled-border-color: #6d757e;
}
.btn-primary {
  --bs-btn-bg: var(--cassiopeia-color-link);
  --bs-btn-border-color: var(--cassiopeia-color-link);
}
.metismenu.mod-menu .metismenu-item .level-2:hover {
  background-color: var(--gray-200);
}
.geek-osmap {
  z-index: 9;
}
.container-header .metismenu > li > a:hover::after, .container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.active > a::after {
  background: var(--body-color);
}
.com-content-category-blog__item.blog-item {
  padding: 1rem;
}
.com-content-category-blog__item .item-content {
  text-align: center;
}
.pagenavigation .pagination, .pager .pagination {
  margin: 3em 0;
}
.main-top .row {
  padding: 2rem 0;
}
/*hide custom fields in blog view*/
.com-content-category-blog.blog .fields-container {
  display: none;
}
/*popfeed*/
.popfeed_form_box {
  z-index: 9999;
}
.popfeed_form_wrapper {
  z-index: 9999;
  border-radius: 1rem;
  overflow: auto !important;
}
.popfeed_fixed {
  text-align: center;
  border-radius: 7px;
  z-index: 1000;
}
.popfeed_fixed a {
  text-decoration: none;
}
.popfeed_form_wrapper .close_link {
  text-decoration: none;
  padding-left: 1rem;
}
.popfeed_fixed:hover {
  background: #fdfbe5;
}
.popfeed_error.error {
  background: var(--danger);
  color: #fff;
  padding: 1em;
  width: fit-content;
  border: 1px solid black;
  border-radius: 7px;
  display: flex;
  margin: auto;
}
.popfeed_field.captcha_field .frc-captcha {
  max-width: 100%;
}
.popfeedbutton {
  width: 100%;
  margin: 7px 0;
  font-size: larger;
  font-weight: bold;
}
.popfeed_message.message {
  top: 13rem;
  position: fixed;
  background-color: var(--success-border-subtle);
  padding: 7px;
  z-index: 99;
  transition: ease-in;
  transition-duration: 2s;
  border: 1px solid #424077;
  border-radius: 7px;
  -webkit-animation: cssAnimation 5s forwards; 
  animation: cssAnimation 5s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
.newsfeed {
  list-style: none;
  padding-left: 0rem;
}
.newsfeed li {
  padding-bottom: 1rem;
}
a:not([class]) {
  text-decoration: none;
}
.field-entry.message {
  list-style: none;
  background-color: var(--cassiopeia-color-hover);
  color: var(--template-text-light);
  padding: 1em;
  border-radius: 1rem;
  margin-top: 1rem;
}
.field-entry.email, .field-entry.phone, .field-entry.website, .field-entry.city-details, .field-entry.municipality-contact-details {
  list-style: none;
  line-height: 26px;
  background-color: #dedcee;
  border-radius: 0;
  padding: 7px 1rem;
  max-width: 90%;
}
.field-entry.city-details, .field-entry.municipality-contact-details {
  border-radius: 1rem 1rem 0 0;
  font-weight: bold;
}
/*.field-entry.phone {
  border-radius: 1rem 1rem 0 0;
}*/
.field-entry.website {
  border-radius: 0 0 1rem 1rem;
}
ul.fields-container {
  padding-left: 0;
}
ul.fields-container .field-entry.popul {
  display: inline-flex;
  flex-direction: row;
  margin-top: 1rem;
}
.popul .field-value {
  font-weight: bold;
}
.apografi-2011 .field-value {
  font-weight: normal;
}
.field-label.icon-mail {
  font-family: inherit;
  font-weight: 500;
}
.icon-mail-2::before, .icon-mail::before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
}
.com-content-article__body .leaflet-container {
  margin-top: 3rem;
  z-index: 9;
}
.page-header h1 {
  text-align: center;
}
.com-contact.contact h1 {
  text-align: center;
}
.com-content-category.category-list h1 {
  text-align: center;
}
.com-content-category-blog.blog h1 {
  text-align: center;
}
joomla-tab button[role="tab"] {
  font-weight: bold;
  width: -moz-available;
}
joomla-tab > joomla-tab-element {
  background-color: #f6f5fb;
}
.com-content-article.item-page .bg-danger {
  color: #fff;
  padding: 2rem;
  border-radius: 1rem;
}
/*.com-content-article.item-page .bg-warning,*/ .bg-warning {
  background-color: #eeb56a !important;
  color: var(--cassiopeia-color-primary);
  padding: 2rem;
  border-radius: 1rem;
}
.main-bottom.card {
  padding: 1rem;
  background-color: var(--light);
}
/*geek OSM popup*/
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: rgba(255,255,255,0.9);
  text-align: center !important;
}
.leaflet-popup-content strong {
  font-size: 16px;
}
.leaflet-popup-content p {
  margin: 7px 0 !important;
}
.leaflet-popup-content img {
  max-height: 120px;
}
/*jt search*/
.jt-search-wrap.nostyle .search-btn, .jt-search-wrap.nostyle .close-btn {
  background-color: inherit !important;
  color: #000052 !important;
  width: 38px !important;
  top: 60% !important;
}
.jt-search.container {
  background-color: rgba(0, 0, 82, 0.7) !important;
  border-radius: 3rem 0;
}
.jt-search-wrap.nostyle .jt-search.container.show-nostyle .close-btn {
  color: #fff !important;
}
.jt-search.container.nostyle {
  background-color: rgba(27, 31, 105, 0.7) !important;
}
.btn.search-btn:hover {
  background-color: #fff !important;
}

@media (min-width: 992px) {
  .container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button {
    color: #010156;
    font-weight: bold;
  }
 .metismenu-item {
  color: #010156;
}
  .container-header .metismenu.menu-horizontal {
/*    justify-content: space-evenly;*/
    margin-left: auto;
    margin-right: auto;
    max-width: fit-content;
  }
  .container-footer .metismenu.menu-horizontal {
  justify-content: space-evenly;
 }
 .right.item-image {
  margin: 0;
  max-width: 50%;
  padding-left: 2rem;
 }
  .thumbnail.item-image {
  max-width: 33%;
  margin: 1rem;
 }
  .d-md-flex {
    justify-content: space-evenly;
  }
  .com-contact img {
  max-width: 30vw;
  padding: 0 2rem;
  }
  .mod-languages {
  display: block ruby;
  margin-top: 10px;
  }
}
/*tha to metanoioso afto*/
/*  .right.item-image {
  margin-top: -25rem;
}*/
@media (max-width: 767px) {
  .container-header {
  width: 100%;
  }
  .container-header .container-nav {
  justify-content: space-between;
  }
  .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;
  font-weight: bold;
  }
/*display the last 3 menu items horizontally*/
  .metismenu .metismenu-item.divider ~ .metismenu-item {
    display: inline-flex;
    width: 22vw;
  }

  #offcanvasNavbar1.text-bg-dark, #offcanvasNavbar207.text-bg-dark {
  background-color: var(--primary-bg-subtle) !important;
  height: fit-content;
  z-index: 9999;
  }
  .offcanvas-header {
  color: var(--cassiopeia-color-primary);
  }
  .card-body .geek-osmap {
    z-index: 9;
  }
  .btn {
    font-size: 1rem !important;
  }
  .mm-toggler.mm-toggler-link {
  visibility: hidden;
  }
  .container-header .navbar-toggler {
  border: 1px solid #112855;
  color: #112855;
  }
  .container-header .navbar-collapse.show {
  background-color: var(--body-bg);
  z-index: 9999;
  border: 1px solid var(--body-color);
  border-radius: 7px;
  }
  .field-entry.email, .field-entry.phone, .field-entry.website, .field-entry.city-details {
  max-width: 100%;
  }
  .text-regions-history {
  max-width: 100% !important;
  }
  .right.item-image {
  float: inherit;
  text-align: center;
  }
  .mod-footer {
  text-align: center;
  }
  .com-tags__category.category.list-group {
  display: grid !important;
  padding: 0;
  }
/*popfeed for mobile*/
  .popfeed_form_wrapper {
    left: 3% !important;
    width: 90% !important;
  }
  #contact-form {
  width: 100% !important;
  }
  .blog-featured {
  visibility: hidden;
  display: none;
  }
  .btn-group {
  flex-wrap: wrap;
  }
  .map-legend .legend-item {
  padding: 7px !important;
  }
  .pagination {
  display: inline-flex;
  flex-flow: wrap;
  }
    div.mod-languages ul li.lang-active {
  background-color: transparent;
  display: ruby;
  }
  @supports (display:grid) {
  .site-grid {
    grid-template-areas:
".banner banner banner banner." 
".top-a  top-a  top-a  top-a. " 
".top-b  top-b  top-b  top-b. " 
".side-l side-l side-l side-l." 
".comp   comp   comp   comp.  " 
".side-r side-r side-r side-r." 
".bot-a  bot-a  bot-a  bot-a. " 
".bot-b  bot-b  bot-b  bot-b. ";
  }
}
}
@media (max-width: 424px) {
  nav {
    height: 9em !important;
  }
    .container-header .container-nav nav {
    margin-top: -3rem !important;
  }
  .blog-featured {
  visibility: hidden;
  display: none;
  }
}
.text-bg-success, .text-bg-danger {
  padding: 7px;
  white-space: nowrap;
  line-height: 40px;
}
.com-tags-tag-list.tag-category img {
  float: right;
}
/*all regions display*/
.com-tags__category.category.list-group {
  display: flex;
  flex-direction: row;
  text-align: center;
  padding: 1rem;
}
.com-tags__category .list-group-item + .list-group-item {
  border-top-width: 1px;
}
.com-tags.tag-category {
  text-align: center;
}
.grid-child.container-bottom-a {
  margin: 3rem 0;
}
.footer {
  margin-top: 0;
}
.footer a {
  color: var(--light);
}
.container-footer .metismenu.mod-menu .metismenu-item.active > a {
  text-decoration: none;
}
.container-footer .metismenu.mod-menu .metismenu-item > a:hover {
  text-decoration: none;
  color: var(--template-link-hover-color);
}
.container-footer .metismenu.mod-menu {
  margin-right: 4vw;
}
.footer .mod-list li {
  padding: 0;
}
.footer .metismenu.mod-menu .metismenu-item {
  padding: 0;
}
.footer .metismenu.mod-menu .metismenu-item > a {
  padding: .5em;
  color: #fff;
}
.container-header .mod-menu {
  color: var(--body-color);
}
/*hide sidebar in category list view*/
.view-category.cities-list .container-sidebar-right {
  display: none;
  visibility: hidden;
}
.view-category.cities-list .container-component {
  grid-area: main-end;
}
/*friendlycaptcha*/
.frc-captcha {
  min-width: fit-content !important;
  background-color: #edecf4 !important;
}
.frc-captcha * {
  font-size: 17px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}
.frc-button {
  padding: 7px !important;
  background-color: #3e3e74 !important;
  color: #fff !important;
  white-space: normal;
}
.frc-button:hover {
  background-color: #ddd !important;
  color: #1a2c5b !important;
}
.frc-icon {
  fill: #3e3e74 !important;
}
.frc-banner {
  display: none !important;
}
/*contact page*/
.contact-details {
  background-color: #dedcee;
  padding: 3rem 1rem;
  border-radius: 13px;
  font-weight: 400;
  font-size: larger;
}
.contact-details:hover {
    background-color: #ddd;
}
.com-contact h2 {
  text-align: center;
  padding-top: 1rem;
}
#contact-form {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
#contact-form .btn.btn-primary.validate {
  width: 100%;
}
/*tagged items list as flex*/
.com-tags-tag-list__category {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 13px;
}
.com-tags-tag-list__category.category .item-container {
  padding: 13px;
  border: 1px solid white;
  text-align: center;
  font-weight: bold;
}
.com-tags-tag-list__category.category .item-container:hover {
  background-color: var(--template-bg-light);
}
.com-tags-tag-list__category .list-title::before {
  content: '\e51c';
  font-family: "Font Awesome 6 Free";
  color: var(--cassiopeia-color-link);
}
.com-tags-tag-list__category .list-title {
  font-family: inherit;
}
.text-regions-history {
  color: #000052 !important;
  background-color: #dedcee;
/*  max-width: 60%;*/
  padding: 1rem;
  border-radius: 1rem;
}
.jwts_content .col-sm {
  font-weight: bold;
}
.com-tags-compact__items .item-container a {
  padding: 13px;
}
.com-tags-tag-list.tag-category h1 {
  text-align: center;
}
._access-icon {
  bottom: 12vh !important;
}
.leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
  stroke-width: 2;
}
.map-legend {
  display: flex;
  flex-flow: wrap;
  margin-left: auto;
  margin-right: auto;
}
.map-legend .legend-item {
  list-style: none;
  padding-left: 2rem;
}
/*smart search*/
li.result__item img.float-start {
  margin-right: 20px;
  max-height: 100px;
  width: auto;
}
/*JL Content Fields Filter*/
.jlcontentfieldsfilter {
  display: flex;
  flex-direction: row;
  padding-left: 2rem;
}
.jlmf-section {
  margin-top: 0;
  margin-right: 2rem;
}
.jlmf-section .btn-secondary {
  margin-top: 1.3rem;
}
label.jlmf-label {
  font-size: 1rem;
  text-transform: capitalize;
  font-weight: bold;
}
.jlmf-link {
  margin-top: 0;
}
.jlmf-link:hover {
  text-decoration: none;
}
/*slider*/
div.jwts_toggleControlContainer a.jwts_toggleControl {
  font-size: 17px !important;
  font-weight: bold !important;
  border: 1px solid #d9d8d8 !important;
  border-radius: 4px !important;
  background: linear-gradient(#edecf4,60%,#dedcee) !important;
  padding: 7px !important;
  line-height: 2rem !important;
}
/*cookie notice plugin*/
#redim-cookiehint-bottom #redim-cookiehint {
  max-width: 1280px;
}
#redim-cookiehint .cookiecontent {
  font-size: 15px;
  line-height: 20px;
  color: var(--cassiopeia-color-primary);
}
#cookiehintsubmit {
  background: var(--template-contrast) !important;
}
#cookiehintsubmitno {
  background: var(--danger-text-emphasis) !important;
}
#cookiehintinfo a {
  border: 1px solid;
  border-radius: 5px;
  padding: 5px;
}
.com-contact.contact .field-entry.symparastatis, .com-contact.contact .field-entry.periodos, .com-contact.contact .field-entry.dimos-perifereia {
  text-align: center;
  list-style: none;
  font-weight: bold;
}
.com-contact-category__items .fields-container {
  list-style: none;
}
.wf-mediabox-container {
  background-color: var(--body-bg) !important;
  padding: 1.5em !important;
}
.wf-mediabox-caption {
  background-color: var(--body-bg) !important;
  text-align: center !important;
}
.wf-mediabox-nav {
  background-color: var(--body-bg) !important;
}
[class^="wf-mediabox"] {
  font-family: inherit !important;
  line-height: inherit !important;
}
.contact-thumbnail.img-thumbnail {
  max-width: 100px;
  border-radius: 13px;
  margin-right: 7px;
}
.latest-additions {
  width: 100%;
}
.latest-additions hr {
  margin-top: 0;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"] {
  background: transparent;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
  text-align: center;
}
/*websitecarbon badge*/
#wcb #wcb_a {
  background: var(--cassiopeia-color-primary) !important;
  font-weight: 500 !important;
  padding: .3em .7em !important;
}
#wcb.carbonbadge {
  --b2: var(--cassiopeia-color-primary) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
/*TEMPORARILY HIDDEN UNTIL POPULATED*/
.sidebar-right #wcb {
  visibility: hidden;
}
blockquote {
  margin: 1rem 0;
  font-size: 1.7rem;
  font-style: italic;
  text-align: center;
}
blockquote::before {
  content: '';
  background-image: url(/images/quote-double-open.svg);
  width: 60px;
  height: 60px;
  float: left;
  margin: 0 1rem;
}
/*overrides for tagged items depending on color*/
/* Χρωματισμός για articles με tag ID 17 (κόκκινο) */
.item-container.tag-red {
    background-color: #ffe6e6;
    border-left: 4px solid #dc3545;
    padding-left: 15px;
}
.item-container.tag-red .list-title a {
    color: #dc3545;
    font-weight: 500;
}
/* Χρωματισμός για articles με tag ID 20 (πράσινο) */
.item-container.tag-green {
    background-color: #e6ffe6;
    border-left: 4px solid #28a745;
    padding-left: 15px;
}
.item-container.tag-green .list-title a {
    color: #28a745;
    font-weight: 500;
}
/* Εάν έχει και τα δύο tags */
.item-container.tag-red.tag-green {
    background: linear-gradient(45deg, #ffe6e6 50%, #e6ffe6 50%);
    border-left: 4px solid #fd7e14;
}
.item-container.tag-red.tag-green .list-title a {
    color: #fd7e14;
    font-weight: 600;
}
/* Hover effects */
.item-container.tag-red:hover {
    background-color: #ffcccc;
}
.item-container.tag-green:hover {
    background-color: #ccffcc;
}
.item-container.tag-red.tag-green:hover {
    background: linear-gradient(45deg, #ffcccc 50%, #ccffcc 50%);
}
/* Box with a legend-like title sitting on the border */
.term-box {                /* wrapper div */
  position: relative;        /* needed for absolute positioning of the title */
  border: 1px solid #c9c9c9; /* grey border */
  border-radius: 6px;        /* soft corners */
  padding: 1rem;             /* space for content */
  margin: 1.5rem 0 1rem;     /* breathing room */
}

/* Title chip that interrupts the top border */
.term-box::before {        /* pseudo-element (generated content) */
  content: attr(data-title); /* pull text from data-title attribute */
  position: absolute;
  top: -0.7em;               /* sit on the border line */
  left: 1rem;
  padding: 0 .5rem;
  background: var(--body-bg, #fff);
  font-weight: 600;
  font-size: .95rem;
  color: #666;
  line-height: 1;
}
/* Hide the ::before title when JS enhancement is applied */
.term-box.term--js::before { content: none; }
/* Real “chip” (small label) that sits on the border */
.term-box .term-chip {
  position: absolute;        /* absolute = τοποθέτηση ως προς τον γονέα */
  top: -0.7em;
  left: 1rem;
  display: inline-flex;      /* inline-flex = οριζόντια στοίχιση */
  align-items: center;
  gap: .35rem;
  padding: 0 .5rem;
  background: var(--body-bg, #fff);
  font-weight: 600;
  font-size: .95rem;
  color: #666;
  line-height: 1;
  border-radius: .25rem;
}
.term-box .term-info {   /* the always-same info link */
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-decoration: none;
}
.term-box .term-info svg {
  width: 14px;
  height: 14px;
}
.term-box .term-info:focus-visible { outline: 2px solid #999; outline-offset: 2px; }
.term-box .term-info:hover svg { opacity: .7; background-color: #69d98a; border-radius: 100%;
  color: #fff; 
}
div.mod-languages ul li.lang-active {
  background-color: var(--dark-bg-subtle);
}