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

@font-face {
  font-family: "AsgardBold";
  src: url('../fonts/font.woff2') format('woff2'), url('../fonts/font.woff') format('woff');
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
*, ul{
  margin: 0;
  padding: 0;  
  box-sizing: border-box;   
}
::selection{
  background-color: var(--basic);
  -webkit-text-fill-color: #fff; 
  color:#fff !important;
}

/* width */
::-webkit-scrollbar {
  width: var(--space-0-25);
}
/* Track */
::-webkit-scrollbar-track {
  background: var(--grey);
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--greydark);
  transition: all 300ms ease-out;
  cursor: pointer;
  opacity: 0.9;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  opacity: 1;
}

@view-transition {
  navigation: auto;
}

body{
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  font-size: var(--fs-base); /* Apply the fluid base size */
  color: #000;
  overflow-x: hidden;
  line-height: 1.4;
}
.layout-container{
  overflow: clip;
}
.serif,
.taxpage.cat .atitle,
.article > .atitle,
.taxteas .linktitlecover,
.name-field-othercat .label,
.taxpage.cat .name-field-subtitle,
.fool h2{
  font-family: AsgardBold;
}

/* line heights */
.article[data-id="51"] .awrap .txtwrap1{
  line-height: 2;
}
.big{
  line-height: 1.4;
}
h1, h2, h3, .bigg{
  line-height: 1.2;
}
.biggg,
.name-field-links a,
.name-field-files a,
.slink,
.name-field-files a,
.language-switcher-language-url .links a,
.block-wth-primary-local-tasks > ul a,
form label,
nav .menu a{
  line-height: 1.1;
}
.xl,
time,
.article > .atitle,
.taxpage.cat .name-field-subtitle,
.name-field-othercat .label,
.fool h2{
  line-height: 1;
}
.xxl,
.taxpage.cat .atitle{
  line-height: 0.9;
}


/* font-sizes */
.xxl,
.taxpage.todocat.cat .atitle{
  font-size: var(--fs-xxl);
}
.xl,
.taxpage.cat .atitle,
.basiclay.article > .atitle,
.name-field-othercat .label span{
  font-size: var(--fs-xl);
}
.biggg,
.biggg.atitle,
.taxpage.cat .name-field-subtitle,
.altlay.article > .atitle,
.article[data-id="44"] > .atitle,
.article[data-lay="34"] .atitle,
.name-field-othercat .label{
  font-size: var(--fs-biggg);
}
.bigg,
h1,
h1.atitle{
  font-size: var(--fs-bigg);
}
.big,
.atitle,
.sname,
h2{
  font-size: var(--fs-big);
}
h3, h4{
  font-size: 1.1rem;
}
.small,
time,
.name-field-links a,
.name-field-files a,
.sname2,
.slink2,
figcaption,
.description,
.language-switcher-language-url .links a{
  font-size: var(--fs-small);
}
.menu--sec .menu a{
  font-size: var(--fs-small-less);
}
.menu--main{
  font-size: var(--fs-stable-big);
}
.menu--main .menu ul a{
  font-size: var(--fs-stable-normal);
}

/* font-weight */
.xbold,
.name-field-links a,
.name-field-files a,
.slink,
.pager li a,
.field__label, 
.formatxt a,
.fool h2{
  font-weight: 800;
}
.sname,
header .menu--main a,
.language-switcher-language-url a{
  font-weight: 700;
}
.slink2,
header .menu--sec a{
  font-weight: 500;
}
.sname2{
  font-weight: 300;
}
.formatxt .slink{
  font-weight: normal;
}

/* colors */
.basic,
.name-field-othercat .label span,
.article.centxtalign > .atitle,
form label,
.field__label,
.article[data-lay="39"] > .atitle, 
article:not(.bkgcolor) .formatxt a:hover{
  color: var(--basic);
}
.grey,
time{
  color: var(--grey);
}
.greylight{
  color: var(--greylight);
}
.article > .atitle,
.language-switcher-language-url a,
header .menu a,
.greydark{
  color: var(--greydark);
}
.gradientlight{
  background: var(--lightgradient);
}
.orange{
  color: #e7522f;
}
footer{
  background: var(--greylighter);
}
.block-weather{
  background: #f0edda;
}

/* extras, tags & categories */
.extras .field-items-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-0-25);
  align-items: center;
}
.name-field-tags > .field-items-wrap > .field-item:not(:last-child) a::after,
.name-field-cat > .field-items-wrap > .field-item:not(:last-child) a::after{
  content: ",";
}
.extras{
  line-height: 1;
}
.name-field-tags a::before{
  content: '#';
}
.name-field-cat a::before{
  content: '>';
}


/* tables */
.tablewrap{
  overflow-x: auto;
  overflow-y: hidden;
}
table{
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}
table th,
table td{
  padding: var(--space-0-25);
  /* white-space: nowrap; */
  text-align: center;
  border: 1px solid #ccc;
}
table th:first-child,
table td:first-child{
  text-align: left;
}


/* margins & paddings */
.atitle{
  margin-bottom: 0;
}
.taxpage.cat .name-field-subtitle{
  margin-top: 0;
}
.block-label{
  margin-bottom: var(--space-0-5);
}
h1, h2, h3, h4,
.formatxt > *:not(:last-child){
  margin-bottom: var(--space-0-5);
}
.formatxt > * + h2,
.formatxt > * + h3,
.formatxt > * + h4{
  margin-top: var(--space-0-75);
}
figcaption{
  margin-top: 5px;
  font-style: italic;
}
.txtwrap2,
.basiclay .swrap2{
  padding-top: var(--space);
  padding-bottom: var(--space);
}
.article > .atitle,
.taxpage > .awrap,
.pager{
  padding-top: var(--space);
}
.altlay .txtwrap2{
  padding-top: var(--space-0-5);
}
.hasblock > .awrap > .txtwrap2{
  padding-bottom: 0;
}
.navwrap,
.path-user main{
  padding-top: var(--space);
  padding-bottom: var(--space-2);
}
.article.nodend{
  padding-bottom: var(--space);
}
.region-footer{
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}
.pager{
  margin-top: var(--space-0-5);
}
.headbot,
.headtop{
  padding-block: var(--space-0-25);
}
.navwrap > div,
.navwrap > .menu--sec,
.txtwrap1 > *:not(:first-child){
  margin-top: var(--space-0-5);
}
.txtwrap1 > h2.visually-hidden + *{
  margin-top: 0;
}
.name-field-links .field-item:not(:first-child),
.name-field-files .field-item:not(:first-child){
  margin-top: var(--space-0-25);
}

.wwrap,
.navwrap,
.path-user main{
  padding-left: var(--space);
  padding-right: var(--space);
}

.wwrap,
.path-user main,
.fluid,
.centxtposit > .awrap .txtwrap1{
  margin-left: auto;
  margin-right: auto;
}
.view-empty{
  margin-top: var(--space-0-5);
}
.headrtop{
  margin-bottom: 20px;
  position: relative;
  z-index: 5;
}
.views-exposed-form{
  margin-bottom: var(--space);
}
.foor > *:not(:last-child){
  margin-bottom: var(--space-0-5);
}
.field__label{
  margin-bottom: 5px;
}

/* lined divided items */
.navwrap > div,
.navwrap > .menu--sec{
  position: relative;
  padding-top: var(--space-0-5);
}
.navwrap > div::before,
.navwrap > .menu--sec::before{
  content: "";
  display: block;
  width: 50%;
  max-width: 250px;
  height: 1px;
  background-color: var(--greylight);
  position: absolute;
  left: 0;
  top: 0;
}

/* max-width */
.wwrap,
.path-user main{
  max-width: var(--w-basic);
}
.awrap .txtwrap1{
  max-width: var(--w-txtmax);
}
.todocat .awrap .txtwrap1,
.article[data-id="51"] .awrap .txtwrap1{
  max-width: unset;
}
.user-login-form{
  max-width: 500px;
}

/* links & buttons & submits */
a{
  color: inherit;
  transition: all 300ms ease-out;
  text-decoration: none;
}
.formatxt a:not(.slink){
  text-decoration: underline;
}
.formatxt a:not(.slink),
.name-field-tags a,
.name-field-cat a{
  opacity: 0.85;
}
.formatxt a:not(.slink):hover,
.name-field-tags a:hover,
.name-field-cat a:hover{
  opacity: 1;
}
button{
  all: unset;
  cursor: pointer;
}
.slink,
.name-field-links a,
.name-field-files a{
  color: #000;
  display: inline-block;
  border: none; 
  transition: all 0.2s ease-in-out; 
  position: relative;
  font-style: italic;
}
.slink,
.name-field-links a,
.name-field-files a{
  padding-left: 15px;
}
.slink:hover,
.name-field-links a:hover,
.name-field-files a:hover{
  color: var(--basic);
}
.slink::before,
.name-field-links a::before,
.name-field-files a::before{
  display: block;
  content: ">";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 300ms ease-out;
}
.slink:hover::before,
.name-field-links a:hover::before,
.name-field-files a:hover::before{
  left: 3px;
}
main a[href*="map"]::after,
html[lang="en"] .name-field-files a::after{
  font-weight: 400;
  font-style: normal;
}

html[lang="en"] main a[href*="map"]::after{
  content: " [map]";
}
html[lang="el"] main a[href*="map"]::after{
  content: " [χάρτης]";
}
html[lang="en"] .name-field-files a[href*="map"]::after{
  content: " [file]";
}
html[lang="el"] .name-field-files a[href*="map"]::after{
  content: " [αρχείο]";
}

.slink2,
.menu--sec .menu a,
main .form-submit,
.view-news .pager .button{
  display: inline-block;
  border: 2px solid var(--greydark);
  border-radius: 20px;
  padding: 6px 12px;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0);
  transform: translateY(0);
}
.view-news .pager .button{
  background-color: var(--basic);
  color: #fff;
}
.view-news .pager .button{
  border-color: #fff;
}
.slink2:hover,
.menu--sec .menu a:hover,
.menu--sec .menu a.is-active,
main .form-submit:hover{
  background-color: var(--greydark);
  color: #fff;
}
.view-news .pager .button:hover{
  background-color: #fff;
  color: var(--basic);
}
.view-news .pager .button:hover
.slink2:active,
.menu--sec .menu a:active,
main .form-submit:active,
.view-news .pager .button:active{
  transform: translateY(1px);
}
main .form-submit{
  transition: all 300ms ease-out;
  color: var(--greydark);
  font-weight: 800;
}
.menu--sec .menu a{
  min-width: 160px;
  text-align: center;
}

/* admin blocks */
.region-help,
.view-empty{
  text-align: center;
}
.region-help div[data-drupal-messages]{
  padding: var(--space-0-25);
  background-color: var(--basic);
  color: #fff;
  font-size: var(--fs-stable-normal);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  display: inline-block;
}
body:not(.user-logged-in) .region-help{
  text-align: left;
}
body:not(.user-logged-in) .region-help div[data-drupal-messages]{
  position: absolute;
  z-index: 30;
  left: 5px;
  top: 5px;
}
.block-wth-primary-local-tasks{
  position: relative;
  z-index: 10;
}

/* Container for the tabs (the ul element) */
.block-wth-primary-local-tasks > ul {
  list-style: none;
  display: flex; 
  justify-content: center;
  flex-wrap: wrap; 
  border-radius: 8px; 
  padding-top: 5px;
}
.path-user .block-wth-primary-local-tasks > ul{
  justify-content: flex-start;
  margin-bottom: var(--space-0-5);
}
.block-wth-primary-local-tasks > ul li a {
  display: block; 
  padding: var(--space-0-25) var(--space-0-5); 
  margin: 0 2px;
  text-decoration: none; 
  color: #666; 
  background-color: #eee; 
  border: none; 
  border-radius: 5px 5px 0 0;
  white-space: nowrap; 
  position: relative; 
  font-size: var(--fs-small);
  font-weight: 500;
}
.block-wth-primary-local-tasks > ul li a:hover {
  color: var(--basic); 
  background-color: #e9e9e9; 
  border-radius: 5px;
}
.block-wth-primary-local-tasks > ul li a.is-active,
.block-wth-primary-local-tasks > ul li a[aria-current="page"] {
  color: var(--basic); 
  background-color: #ffffff;
  font-weight: 600; 
  box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
  z-index: 1;
}
.block-wth-primary-local-tasks > ul li a.is-active::after,
.block-wth-primary-local-tasks > ul li a[aria-current="page"]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px; 
  background-color: var(--basic); 
  border-radius: 2px 2px 0 0;
}
.block-wth-primary-local-tasks > ul li a.is-active {
  padding-bottom: calc(var(--space-0-25) + 3px);
}


/* lists */
.layout-container nav ul{
  list-style: none;
  list-style-type: none;
}
.formatxt ul{
  list-style: none;
  list-style-type: none;
}
.formatxt li{
  margin: 5px 0 5px var(--space-0-5);
  list-style-position: outside;
}
.formatxt ul li{
  list-style-image: url('../imgs/list-icon.svg');
}


/* forms */
main form{
  max-width: 900px;
}
form label{
  display: block;
  margin-bottom: 5px;
}
form label.form-required::after{
  content: "*";
}
form input:not(.form-submit),
form textarea,
form select{
  display: block;
  color: inherit;
  transition: all 300ms ease-out;
  font-size: inherit;
  padding: 10px;
  font-family: inherit;
  line-height: 1.1;
  border: none;
  max-width: 100%;
  background-color: #fff;
  border-radius: 20px;
}
.article:not(.bkgcolor) form input:not(.form-submit),
.user-login-form input:not(.form-submit){
  border: 2px solid var(--basic);
}
form select{
  width: auto;
  min-width: 150px;
}
form .form-item{
  margin-bottom: var(--space-0-5);
  position: relative;
}

.form-type-radio{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: var(--space-0-25);
}
.form-type-radio{
  display: grid;
  grid-template-columns: var(--space-0-5) 1fr;
  grid-template-rows: auto auto;
  column-gap: var(--space-0-25);
  row-gap: 0;
}
.form-type-radio input[type="radio"]{
  width: var(--space-0-5);
  height: var(--space-0-5);
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  justify-self: start;
}
.form-type-radio label{
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.form-type-radio .description{
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
/* Toggle Switcher checkbox */
/* 1. The Container Grid */
.form-type-checkbox {
  display: grid;
  /* Column 1 is for the Toggle, Column 2 for text */
  grid-template-columns: 50px 1fr; 
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 0;
  align-items: start; /* Keeps toggle at the top */
}
/* 2. The Switcher (Input) */
.form-type-checkbox input[type="checkbox"] {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  /* Toggle Styles */
  appearance: none;
  -webkit-appearance: none;
  width: 50px;
  height: 26px;
  background-color: #ccc;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-top: 4px; /* Align with the first line of the label */
}
.form-type-checkbox input[type="checkbox"]:checked {
  background-color: #4CAF50;
}
/* 3. The Toggle Knob */
.form-type-checkbox input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.form-type-checkbox input[type="checkbox"]:checked::after {
  transform: translateX(24px);
}
/* 4. The Label */
.form-type-checkbox label {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  margin: 0;
  cursor: pointer;
  font-weight: bold;
  line-height: 1.4;
}
/* 5. The Description */
.form-type-checkbox .description {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  font-size: 0.9em;
  color: #666;
  margin-top: 4px;
}


form > p:not(:last-child){
  margin-bottom: var(--space-0-5);
}

form .description a{
  text-decoration: underline;
}

.views-exposed-form{
  display: flex;
  justify-content: center;
}
.views-exposed-form .form-item{
  margin-bottom: 0;
}
.form-submit{
  cursor: pointer;
  font-size: inherit;
}
.views-exposed-form,
.views-exposed-form select{
  text-align: center;
}


/* pager */
.pager ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-0-25);
}
.pager li{
  list-style: none;
}


/* flickity */
.flickity-slider > .field-item{
  width: 100%;
}
.flickity-viewport{
  transition: height 500ms ease-out;
}
.flickity-button:disabled{
  opacity: 0;
}
.flickity-prev-next-button{
  width: 28px;
  height: 44px;
  z-index: 30;
  border-radius: 0;
}
.flickity-prev-next-button:hover,
.flickity-prev-next-button:active,
.flickity-prev-next-button:focus{
  background-color: var(--basic);
  opacity: 1;
}
.flickity-prev-next-button svg path{
  color: #fff;
}
.flickity-prev-next-button,
.flickity-page-dots .dot{
  transition: all 300ms ease-out;
}
.flickity-page-dots{
  bottom: var(--space-0-5);
}
.flickity-page-dots .dot{
  width: var(--space-0-5);
  height: var(--space-0-5);
  background-color: #fff;
  opacity: 0.7;
} 
.flickity-page-dots .dot:hover,
.flickity-page-dots .dot:active,
.flickity-page-dots .dot:focus{
  opacity: 1;
}
.view-carousel .flickity-prev-next-button.previous{
  left: 0;
}
.view-carousel .flickity-prev-next-button.next{
  right: 0;
}


/* various */
main{
  position: relative;
}
.layout-container .formatxt hr{
  margin: var(--space-0-5) 0;
  height: 2px;
  border: none;
  background: var(--greylight);
  display: block;
  clear: both;
}
time{
  display: block;
}
.block-label{
  text-align: center;
}
@keyframes draw{  
  to {
    stroke-dashoffset: 0;
  }
}


/* edit links */
.media > .contextual{
  display: none;
}
.views-field-operations .dropbutton-wrapper{
  display: none;
}
.user-logged-in .views-field-operations .dropbutton-wrapper{ /* Operations links */
  display: inline-block;
  background-color: #eee;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  margin-top: 5px;
}
.user-logged-in .views-field-operations .dropbutton-wrapper a{
  text-decoration: none;
}
.user-logged-in .views-field-operations .dropbutton-wrapper a:hover{
  color: var(--basic);
}


/* side media */
.smedia > .awrap,
.article[data-lay="35"] .name-field-smedia > .field-items-wrap{
  display: flex;
  gap: var(--space);
}
.article[data-lay="35"] .name-field-smedia > .field-items-wrap{
  flex-wrap: wrap;
}
.smedia.nodend > .awrap{
  align-items: flex-start;
  overflow: visible; /* for sticky swrap2 position */
}
.smedia.nodend > .awrap,
.news.smedia > .awrap{
  flex-direction: row-reverse;
}
.smedia > .awrap > div,
.article[data-lay="35"] .name-field-smedia > .field-items-wrap > .field-item{
  width: calc(50% - var(--space-0-5));
}
.smedia[data-lay="40"] > .awrap > .swrap2{
  width: calc(62% - var(--space-0-5));
}
.smedia[data-lay="40"] > .awrap > .txtwrap2{
  width: calc(38% - var(--space-0-5));
}
.basiclay .swrap2{
  position: sticky;
  top: 0; /* Define where it should stick */
  align-self: flex-start;
}
.name-field-collage .media,
.article:not([data-lay="35"]) .swrap1,
.news .swrap1,
.article[data-lay="35"] .name-field-smedia > .field-items-wrap > .field-item{
  border-radius: var(--space);
  overflow: hidden;
}
.swrap1 .media img, 
.swrap1 .media video{
  width: 100%;
}

/* .centxtalign */
.centxtalign > .awrap .txtwrap1,
.centxtalign > .atitle{
  text-align: center;
}
.centxtalign > .awrap .formatxt img{
  margin-left: auto;
  margin-right: auto;
}

/* special layouts */
#css-anchor .article[data-lay="34"] > .awrap{
  display: block;
  position: relative;
}
#css-anchor .article[data-lay="34"] > .awrap > .txtwrap2{
  position: absolute;
  width: calc(50% + var(--space-0-5));
  right: 0;
  bottom: var(--space-2);
}
#css-anchor .article[data-lay="34"] > .awrap > .swrap2{
  width: calc(50% + var(--space));
  position: relative;
  padding-bottom: 0;
}
#css-anchor .article[data-lay="34"] > .awrap > .swrap2 img{
  width: 100%;
}
.article[data-lay="34"] .block-catcards{
  padding-top: var(--space);
}
#css-anchor .smedia[data-lay="39"] > .awrap{
  flex-direction: row;
}
#css-anchor .article[data-id="50"] .swrap1{
  border-radius: none;
  overflow: visible;
}

/* news */
.block-hnews,
.nodend.news{
  background-color: var(--basic);
  color: #fff;
}
.block-hnews .formatxt ul li,
.nodend.news .formatxt ul li{
    list-style-image: url(../imgs/list-icon-white.svg);
}
.nodend.news{
  padding-top: var(--space);
}
.block-hnews .view-news{
  padding-top: 150px;
}

/* scroll effect*/
.txtwrap2.effe{
  opacity: 0;
  transform: translateY(150px);
  transform-origin: center center;
  transition: all 1.5s ease-out;
}
.txtwrap2.effe.actelem{
  opacity: 1;
  transform: translateY(0);
}
.domino{
  opacity: 0;
  transform: translateY(100px);
  transform-origin: center center;
  transition: all 500ms ease-out;
}
.domino.effe.actelem{
  opacity: 1;
  transform: translateY(0);
} 
.basiclay .swrap1.effe{
  opacity: 0;
  transform: translateX(150px);
  transition: all 1.2s ease-out 300ms;
} 
.smedia.basiclay .swrap1.effe.actelem{
  opacity: 1;
  transform: translateX(0);
}
.atitle.effe{
  clip-path: inset(0 0 100% 0); 
  transform: translateY(20px);
  /* opacity: 0; for accessibility wave.webaim */
  transition: all 1.2s ease-out;
}
.atitle.effe.actelem{
  clip-path: inset(0 0 -20% 0);
  transform: translateY(0);
  /* opacity: 1; */
}


/* header */
header{
  position: relative;
  z-index: 100;
}
.headbot,
.headtop > .wwrap,
.headr > div,
.headr .menu,
.navwrap .menu--sec .menu,
.foortop{
  display: flex;
}
.headtop > .wwrap{
  justify-content: flex-end;
}
.headbot{
  justify-content: space-between;
}
.headbot,
.headtop > .wwrap,
.headrtop,
.foortop,
.headr .menu,
.navwrap .menu--sec .menu{
  align-items: center;
}
.menu{
  flex-wrap: wrap;
}
.headr .menu--main .menu{
  gap: var(--space-2);
  flex-wrap: nowrap;
}
.headr .menu--main .menu a{
  white-space: nowrap;
}
.foortop,
.headrbot{
  gap: var(--space);
}
.headtop > .wwrap,
.headrtop,
.headbot,
.menu--sec .menu{
  gap: var(--space-0-25);
}
.headr > div,
.foortop,
.headr .menu--main .menu{
  justify-content: flex-end;
}
.headtop{
  background: var(--greylighter);
}

/* header logo */
.logowrap{
  font-weight: bold;
  line-height: 1;
}
.slogo{
  display: flex;
  align-items: flex-end;
}
.slogo svg{
  display: block;
}
.slogo svg path{
  transition: all 500ms linear;
}
.snamewrap{
  margin-bottom: var(--space-0-25);
}

.menu--main li a,
.fool .field-content a,
.language-switcher-language-url .links a{
  display: inline-block;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.menu--main li a::after,
.language-switcher-language-url .links a::after,
.fool .field-content a::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background-color: var(--greydark);
  transition: all 300ms ease-out;
}
.headrbot > .menu--main > .menu > li{
  position: relative;
}
.headrbot > .menu--main > .menu ul{
  position: absolute;
  opacity: 0;
  pointer-events: none;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  transition: all 300ms ease-out;
  background: var(--lightgradient); 
  background-color: #fff;
  padding: var(--space-0-25) var(--space-0-5) var(--space-0-5);
  white-space: nowrap;
  text-align: center;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.headrbot > .menu--main > .menu > li:hover > ul{
  opacity: 1;
  pointer-events: all
}

.navwrap{
  position: fixed;
  top: 0;
  width: 450px;
  right: -450px;
  background-color: #fff;
  transition: all 500ms ease-out;
  height: 100vh;
  overflow: auto;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.navwrap .menu--main > .menu > li{
  margin: var(--space-0-25) 0;
}
.navwrap .menu--main > .menu > li:first-child{
  margin-top: 0;
}
.navwrap .menu--main > .menu ul{
  margin-left: var(--space-0-5);
}
.menu--main > .menu a:hover:after,
.menu--main > .menu a:focus:after,
.menu--main > .menu > .menu-item--active-trail > a:not([href*='#id-']):after,
.menu--main > .menu a.is-active:not([href*='#id-']):after,
.menu--main > .menu > .menu-item--expanded:hover > a:after,
.language-switcher-language-url .links a.is-active::after,
.language-switcher-language-url .links a:hover::after,
.fool .field-content a:hover::after{
  width: 100%;
}


/* navicon & totop */
.navicon,
.totop{
  background-color: var(--basictrans);
  position: fixed;
  z-index: 80;
  transition: all 300ms ease-out;
  cursor: pointer;
  overflow: hidden;
}
.navicon,
.totop{
  right: 0;
  width: 60px;
  height: 50px;
  opacity: 0;
}
.navicon{
  top: 0;
  transform: translateY(-100%);
}
.totop{
  bottom: 0;
  transform: translateY(100%);
}
.scrolled .navicon,
.scrolled .totop{
  transform: translateY(0);
  opacity: 1;
}
.navicon:hover,
.totop:hover{
  background-color: var(--basic);
}


/* navicon */
.opennav .navicon{
  background-color: transparent;
}
.navicon::before,
.navicon::after{
  content: " ";
}
.navicon::before,
.navicon::after,
.navicon span{
  position: absolute;
  display: block;
  left: 20%;
  width: 60%;
  height: 3px;
  transition: all 500ms ease-out;
  background-color: #fff;
}
.navicon::before{
  top: 22%;
}
.navicon span{
  top: 45%;
}
.navicon::after{
  top: 68%;
}
.opennav .navicon{
  background-color: rgb(255, 255, 255, 0);
}
.opennav .navicon::after,
.opennav .navicon::before{
  top: 25%;
  left: 47%;
  width: 3px;
  height: 50%;
  transform: rotate(45deg);
  transform-origin: center center;
  background-color: var(--basic);
}
.opennav .navicon::after{
  transform: rotate(-45deg);
}
.opennav .navicon::before{
  transform: rotate(45deg);
}
.opennav .navicon span{
  width: 0;
}
.user-logged-in .navicon,
.user-logged-in .navwrap{
  top: 60px;
}
.opennav .navwrap{
  right: 0;
}


/* language-switcher */
.language-switcher-language-url .links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  gap: var(--space-0-25);
}
.navwrap .language-switcher-language-url .links{
  justify-content: flex-start;
}
.language-switcher-language-url .links a{
  position: relative;
  font-family: monospace;
  text-transform: uppercase;
  white-space: nowrap;
  width: 2ch;
  overflow: hidden;
  display: block;
  padding-bottom: 3px;
}
.language-switcher-language-url > .contextual{
  display: none;
}


/* totop */
.totop::after{
  content: " ";
  width: 36px;
  height: 36px;
  display: block;
  position: absolute;
  top: 50%;
  transition: all 300ms linear;
  background-color: #fff;
  left: 50%;
  transform: translate(-50%, -50%);
}
.totop::after{
  clip-path: polygon(50% 21%, 100% 71%, 92% 79%, 50% 37%, 8% 79%, 0% 71%);
}


/* footer */
.foowrap,
.fool{
  display: flex;
  align-items: flex-start;
}
.foowrap{
  justify-content: space-between;
  gap: var(--space)
}
footer .snamewrap{
  color: var(--greydark);
}
.fool h2{
  color: var(--basic);
}
.fool a{
  color: var(--greydark);
}
.fool{
  gap: var(--space-2);
}
.fool h2{
  margin-bottom: 5px;
}
.fool .views-field-field-ptxt a,
.fool .menu a{
  font-size: var(--fs-stable-normal);
  font-weight: bold;
  margin-top: 5px;
  display: inline-block;
  line-height: 1;
}
.fool .menu--main h2{
  max-width: 80px;
}
.fool .menu a[data-drupal-link-system-path="taxonomy/term/37"]{
  display: none;
}
.foologoswrap{
  display: flex;
  align-items: center;
}
.block-greecelogo{
  width: 110px;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 2px solid var(--grey);
}
.block-foologo .slogo{
  align-items: flex-end;
}
.block-foologo .snamewrap{
  margin-bottom: 0;
}
.block-foologo svg{
  width: 60px;
  height: 60px;
}
.block-foologo .sname{
  font-size: var(--fs-stable-normal);
}
.block-foologo .sname2{
  font-size: var(--fs-small-less);
}
.block-fooinfo .views-field-field-ptxt a{
  display: inline-block;
  margin-bottom: 15px;
  min-width: 155px;
  text-align: left;
  line-height: 1;
}
.foor{
  text-align: right;
}
.foortop{
  position: relative;
  z-index: 5;
}
.block-foolinks2 > .contextual,
.block-fooinfo > .contextual{
  display: none;
}
.block-foonote{
  text-align: right;
  font-size: var(--fs-small-less);
  margin-top: var(--space-0-5);
}

@media screen and (max-width: 1900px){
  .headr .menu--main .menu{
    gap: var(--space-0-5);
  }
}


@media screen and (max-width: 1400px){
  .headtop{
    padding-block: 5px;
  }
  .headbot .slogo{
    align-items: flex-end;
  }
  .headbot .snamewrap{
    margin-bottom: 0;
  }
  .headbot svg{
    width: 60px;
    height: 60px;
  }
  .headbot .sname{
    font-size: var(--fs-stable-normal);
  }
  .headbot .sname2{
    font-size: var(--fs-small-less);
  }
  .headbot{
    padding-top: var(--space-0-25);
    padding-bottom: var(--space-0-25);
  }
  .headr{
    display: none;
  }
  .navicon{
    right: calc(var(--space) - 11px);
    top: 60px;
    opacity: 1;
    transform: none;
  }
  .scrolled .navicon,
  .opennav .navicon{
    top: 0;
    right: 0;
  }
  .scrolled .navicon{
    background-color: var(--basictrans);
  }
  .scrolled .navicon:hover{
    background-color: var(--basic);
  }
  .navicon,
  .navicon:hover,
  .opennav .navicon,
  .opennav .navicon:hover{
    background-color: rgba(0, 122, 208, 0);
  }
  .navicon span,
  .navicon::before,
  .navicon::after{
    background-color: var(--basic);
  }
  .scrolled .navicon span,
  .scrolled .navicon::before,
  .scrolled .navicon::after{
    background-color: #fff;
  }
  .opennav .navicon::before,
  .opennav .navicon::after{
    background-color: var(--basic);
  }
  .wwrap, .navwrap,
  .path-user main{
    padding-left: var(--space-0-5);
    padding-right: var(--space-0-5);
  }
  .region-footer{
    padding-top: var(--space);
    padding-bottom: var(--space);
  }
  .navicon{
    right: calc(var(--space-0-5) - 11px);
  }
  .smedia > .awrap, 
  .article[data-lay="35"] .name-field-smedia > .field-items-wrap,
  .layout-container .smedia[data-lay="40"] > .awrap{
    column-gap: 20px;
  }
  .smedia > .awrap > div, .article[data-lay="35"] .name-field-smedia > .field-items-wrap > .field-item,
  .layout-container .smedia[data-lay="40"] > .awrap > div{
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1150px){
  .smedia > .awrap{
    display: block;
  }
  #css-anchor .smedia > .awrap > div{
    width: auto;
  }
  .basiclay .swrap2{
    position: static;
  }
  .owrap > div:last-child{
    padding-bottom: var(--space);
  }
  .txtwrap2, .basiclay .swrap2{
    padding-block: var(--space-0-5);
  }
  .article.smedia > .awrap .swrap2,
  .news.smedia > .awrap .swrap2{
    padding-bottom: 0;
  }
  #css-anchor .article[data-lay="34"] > .awrap > .swrap2{
    width: 100%;
  }
  #css-anchor .article[data-lay="34"] > .awrap > .txtwrap2{
    position: relative;
    padding: 0;
    width: auto;
    max-width: 450px;
    padding-inline: var(--space-0-5);
    bottom: var(--space);
  }
  .foowrap{
    flex-direction: column;
    text-align: center;
  }
  .fool .menu--main h2{
    margin-inline: auto;
  }
  .fool{
    gap: var(--space);
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .fool > .foologoswrap{
    width: 100%;
    justify-content: center;
  }
  .foortop{
    justify-content: center;
  }
  .foor {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .block-fooinfo .views-field-field-ptxt a,
  .block-foonote{
    text-align: center;
  }
}
@media screen and (max-width: 850px){
  .navwrap{
    width: 100%;
    right: -100%;
  }
  .flickity-page-dots .dot{
    width: var(--space-0-25);
    height: var(--space-0-25);
    margin-inline: 5px;
  }
  .atitle br{
    display: contents;
  }
  .atitle br + span::before{
    content: " ";
  }
}