.w-100 {
    width: 100%;
}
.mt-100 {
    margin-top: 100px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-100 {
    margin-bottom: 100px;
}
.pagination {
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
}

.pagination li {
    margin: 0;
}

.pagination a,
.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    text-decoration: none;
    border: 1px solid #d9e1e7;
    border-radius: 6px;
    color: #ffffff;
}

.pagination li.active span,
.pagination .current {
    font-weight: 700;
    background: #113045;
    border: 1px solid #113045;
}
.pagination a:hover {
    background: #113045;
    border: 1px solid #113045;   
}
.week-list-day-events .event-card {
    text-decoration: none;
}
@media (max-width: 1024px) {
    .tree-boxes div.multi-tree-rows.members-group {
        grid-template-columns: repeat(8, 1fr);
    }
}
@media (max-width: 991px) {
    .tree-boxes div.multi-tree-rows.members-group {
        grid-template-columns: repeat(2, 1fr);
    }
}
.intercargo-committee-table {
    width: 100%;
    text-align: left;    
}
.category-calendar ul li span {
    position: relative;
}
header.header-area {
    padding: 8px 40px;
}
.four-banners .banner-item .overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(17, 48, 69, 0.6) 100%);    
}
.four-banners .banner-item:hover .overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(17, 48, 69, 0.8) 100%);
}
.four-banners .banner-item {
    overflow: hidden;
}
.four-banners .banner-item img {
    transform: scale(1);
    transition: transform 1500ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}
.four-banners .banner-item:hover img {
     transform: scale(1.06);   
}
.calendar-clear {
    background: transparent;
    box-shadow: unset;
    border: 0;
    cursor: pointer;
    position: static;
    right: 0;
    top: -30px;
    display: none;
    padding: 0;
}

.calendar-cat.active .calendar-clear {
    display: block;
    position: relative;
    top: 3px;
    right: -6px;
}
.calendar-cat.active .calendar-clear svg path,
.news-listing .top-categories ul li a.active .calendar-clear svg path {
    stroke: #113045;
}

.news-listing .top-categories ul li a.active .calendar-clear {
    display: block;
    position: relative;
    top: 3px;
    right: -6px;   
}
.category-calendar {
    margin-bottom: 30px;
}
.category-calendar ul {
    position: relative;
}
.news-listing .news-items {
    max-height: 466px;
}
.members .member {
    overflow: hidden;
}
.members div.member img {
  transform: scale(1);
  transition: transform 1500ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  width: 100%;
}
.members div.member:hover img {
    transform: scale(1.06);
}
.members .member:hover .overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(17, 48, 69, 0.8) 100%);    
}
@media (prefers-reduced-motion: reduce) {
  .members div.member img {
    transition: none;
  }
  .members div.member:hover img {
    transform: none;
  }
}
.members .member div.description {
    transition: max-height .6s ease, opacity .6s ease;
}
@media (min-width: 1251px) {
    .header-area ul#main-menu {
        display: flex!important;
        opacity: 1!important;
    }
    header.header-area {
        max-height: max-content;
    }
}
.news .top-bar.align-end {
    justify-content: flex-end;
}
.news .news-items .article .news-cats {
    flex-wrap: wrap;
}
.news .news-items .article .news-cats .cat {
    max-width: fit-content;
}

div.wpb_content_element p {
    color: #ffffff;
}
div.news-listing .news-sidebar{
    min-height: 550px;
}
div.news-listing .news-items {
    max-height: 550px;
}
div.news-listing .news-sidebar ul li:last-child{
    /*display:none;*/
}
div.hero .half-area{
    /*min-height: 125px;*/
}
.publications .tabs-top-area .tabs-holder li a.active:after {
    content: "";
    position: absolute;
    width: 90%;
    margin: 0 auto;
    bottom: -10px;
    background: #ffffff;
    height: 2px;
    left: 0;
    right: 0;
}
.publications .tabs-top-area .tabs-holder li a {
    position: relative;
    text-transform: uppercase;
}

.news-listing .top-categories ul li a.active {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #001E24;
    font-weight: 500;
    font-size: 18px;
    line-height: 115%;
    letter-spacing: 0.4px;
    background-color: #ffffff;
    border-radius: 40px;
    text-decoration: none;
    border: 0;
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.calendar-cat.active {
    background-color: #ffffff;
    color: #001E24;
}

form .content-area a{
    text-decoration: underline;
    color: #ffffff;
}





.four-banners .overlay{
  position: relative;
  overflow: hidden;
  padding: 24px;
}

/* anchored content bottom */
.four-banners .overlay-content{
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;

  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Title stays in flow (so it gets pushed) */
.four-banners .banner-title{
  margin: 0;
  transition: transform 420ms cubic-bezier(.22,.61,.36,1);
}

/* Description starts hidden */
.four-banners .description{
  overflow: hidden;
  max-height: 0;
  opacity: 0;

  transform: translateY(18px);
  transition:
    max-height 520ms cubic-bezier(.22,.61,.36,1),
    opacity 300ms ease,
    transform 420ms cubic-bezier(.22,.61,.36,1);
}
.four-banners .description p {
    margin: 0;
}
/* Hover: description opens (from below) */
.four-banners .overlay:hover .description{
  max-height: 200px;   /* αύξησε αν έχεις μεγαλύτερο κείμενο */
  opacity: 1;
  transform: translateY(0);
}

/* optional: μικρό extra “push feel” στο title */
.four-banners .overlay:hover .banner-title{
  transform: translateY(-48px);
}

footer{
    /*margin-top: 100px;*/
}
.tree-boxes .multi-tree-rows.members-group{    grid-template-columns: repeat(8, 1fr);}

.single-article ul li {
    width: 100%;
}
.locked-messages {
    padding-top: 50px;
    padding-bottom: 50px;
}
.locked-messages a {
    margin-left: 5px;
    margin-right: 5px;
}

body.page-contact-us .hero-form .full-image,
body.page-contact-us .hero-form .full-image .overlay {
    height: 1200px!important;
}
body.page-contact-us .hero-form .full-image .overlay .btn-area {
    margin-bottom: 50px;
}

body.page-contact-us .hero-form .full-image .overlay .wpcf7 {
    padding: 0;
}
body.page-contact-us .hero-form .full-image .overlay {
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 1140px) {
    body.page-contact-us form.wpcf7-form .form-row span {
        width: 100%;
    }
    body.page-contact-us .hero-form .full-image .overlay .btn-area a {
        width: 100%;
    }
    body.page-contact-us .hero-form .half-area .white-btn {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1250px) {
    .header-area #main-menu {
        margin-top: 0;
    }
}

.show-mobile {
    display: none;
}

@media (max-width: 1250px) {
    .show-mobile {
        display: block;
    }
    .show-mobile span {
        display: flex;
    }
    .show-mobile span svg {
        margin-right: 10px;
    }
}

.intercargo-members-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;  
}

.four-banners .description {
    color: #ffffff;
}
div.single-article .inner-row {
    display: block;
}
div.single-article p {
    display: block;
}
div.single-article a {
    display: inline-block;
}
/* div.single-article span, 
div.single-article strong {
    display: block;
    width: 100%;  
} */
.pdf-area {
    margin-top: 10px;
}
.single-article h2, .single-article h3, .single-article h4, .single-article h5, .single-article h6 {
    display: block;
    width: 100%;
}
.single-article table {
    width: 100%!important;
}
.ic-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(17, 48, 69, 0.28);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

.ic-search-overlay__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #113045;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
  transform: translateY(-100%);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.ic-search-overlay.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.35s ease;
}

.ic-search-overlay.is-open .ic-search-overlay__panel {
  transform: translateY(0);
}

.ic-search-overlay__close {
  position: absolute;
  top: 28px;
  right: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #d7a928;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.ic-search-form {
  max-width: 1360px;
  margin: 0 auto;
  padding: 72px 280px 88px;
}

.ic-search-form__field {
  position: relative;
  border-bottom: 1px solid #d7a928;
}

.ic-search-form__field input {
  width: 100%;
  height: 64px;
  padding: 0 56px 0 0;
  border: 0;
  outline: none;
  background: transparent;
  box-shadow: none;
  color: #ffffff;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.2;
}

.ic-search-form__field input::placeholder {
  color: rgba(255, 255, 255, 0.9);
}

.ic-search-form__submit {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #d7a928;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
}

body.search-open {
  overflow: hidden;
}

@media (max-width: 1199px) {
  .ic-search-form {
    padding: 70px 120px 70px;
  }

  .ic-search-form__field input {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .ic-search-overlay__close {
    top: 20px;
    right: 20px;
  }

  .ic-search-form {
    padding: 70px 20px 40px;
  }

  .ic-search-form__field input {
    height: 56px;
    font-size: 28px;
    padding-right: 44px;
  }

  .ic-search-form__submit {
    width: 26px;
    height: 26px;
  }

  .ic-search-form__submit svg {
    width: 20px;
    height: 20px;
  }
}

body.search .hero .full-image,
body.error404 .hero .full-image {
    height: 450px!important;
}
body.search .hero .full-image .overlay,
body.error404 .hero .full-image .overlay {
    height: 380px!important;
}

@media (max-width: 768px) {
    .multi-events-row .event-date, .cgs-calendar-week .event-date {
        flex-direction: column;
        align-items: flex-start;
        font-size: 14px;
    }
    .multi-events-row .event-span-title, .cgs-calendar-week .event-span-title {
        font-size: 13px;
    }
    .calendar .calendar-header {
        justify-content: center;
    }
    .calendar .calendar-header .center-handler {
        justify-content: center;
        gap: 15px;
    }
    .calendar-day-name {
        font-size: 14px;
    }
    .calendar-body .no-events {
        font-size: 16px;
    }
    .multi-events-row .bullet, .cgs-calendar-week .bullet {
        display: none;
    }
    .pdf-area .pdf-item {
        height: 86px;
        padding: 0 12px 0 12px;
    }
    .pdf-area .pdf-item .title {
        font-size: 14px;
    }
    .pdf-area .pdf-item .download a {
        font-size: 14px;
    }
    .pdf-area {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-id-120 .content-row {
        padding-left: 15px;
        padding-right: 15px;
    }
    .calendar {
        padding-top: 0;
    }
    .single-post .hero .half-area .main-title {
         font-size: 26px;   
    }
    .single-post .hero .full-image .overlay,
    .single-post .hero .full-image {
        height: 350px!important;
    }
    .hero .half-area .intro {
        font-size: 14px;
    }
    .hero .half-area {
        min-height: 205px;
    }
    .tree-boxes .multi-tree-rows .tree-span .pop-up-area .inner-content {
        text-align: left;
    }
    .content-row {
        padding-left: 15px;
        padding-right: 15px;
    }
    .intercargo-committee-wrap {
        overflow-y: scroll;
    }
    .image-text .content,
    .image-text .content p {
        text-align: left;
    }
    .intro-text .description {
        text-align: left;
    }
    .rectangle-boxes .rectangle-box {
        width: calc((100% - 0px) / 1);
    }
    .rectangle-boxes {
        padding-left: 15px;
        padding-right: 15px;
    }
    .tabs {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .top-categories {
        padding-left: 15px;
        padding-right: 15px;
    }
    .news-sidebar {
        padding-left: 15px;
        padding-right: 15px;
    }
    .news-items {
        padding-left: 15px;
        padding-right: 15px;
        overflow-x: hidden;
    }
    .news-listing .news-items .article .article-categories ul {
        flex-wrap: wrap;
    }
    .video-overlay .play-button {
        position: relative;
        top: -20%;
        bottom: 0;
    }
    .publications .article img {
        width: 100%;
    }
    .publications .article {
        max-height: 300px;
    }
    .publications .tabs-top-area .tabs-holder li {
        width: 100%;
    }
    .term-benchmarking-reports .hero .full-image {
        height: 450px!important;
    }
    .term-benchmarking-reports .hero .full-image .overlay {
        height: 380px!important;
    }
    .single-post .news-items {
        overflow-y: hidden;
    }
}

.archive .hero .half-area{
    align-content: center;
}
.archive .hero .half-area .main-title {
    margin-top: 20px;
}

.calendar-body.list .month-list .event-date {
    color: #9CB4C5;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.64px;
    display: flex;
    align-items: center;
    gap: 9px;    
}

.calendar-body.list .month-list .event-title {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.64px;
}

.calendar-body.list .month-list .event-card {
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
}

.period-toggle {
    color: #ffffff;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-decoration: none;
    background-color: #496681;
    width: 115px;
    height: 40px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.4px;
}

.calendar .calendar-header .center-handler {
    gap: 20px;
}
div.milestones .swiper-pagination-vertical.swiper-pagination-bullets, .milestones .swiper-vertical > .swiper-pagination-bullets{
    top:20%;
    transform: translateY(-20%);
}

.hero .half-area .btn-area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 60px;
    gap: 15px;
}

@media (max-width: 1140px) {
    .hero .half-area .btn-area  .view-all {
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .hero .half-area .btn-area a {
        width: 100%;
        max-width: 100%;
    }
    .hero .half-area .btn-area .white-btn,
    .hero .half-area .btn-area .view-all {
        margin-top: 10px;
    }
}

body{
    font-family: "Montserrat", sans-serif;
    background-image: url("/wp-content/uploads/2026/05/background-bg.jpg");
}
header.header-area #main-menu li a{
    font-size: 15px;
}
body.single-post{
    background-image: none;
    background: #E8F0F5;
}
body.single-post .single-article,body.single-post .single-article a {
    color: #113045;
}

body.single-post .pdf-area .pdf-item{
    background: #113045;
}
header.header-area{
        background-color: rgba(17, 48, 69, 0.5);
}
a.view-all,a.white-btn{
    font-size: 17px;
}
img {
    max-width: 100%;
    height: auto;
}
.footer-terms .right-des-dev{
    font-family: "Montserrat", sans-serif;
}

.search-spacer {
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
@media (max-width: 1140px) {
    .search-spacer {
        display: none;
    }
}
.search-no-results-inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 48px 56px;
  border-radius: 14px;
  background: rgba(30, 95, 110, 0.62);
  backdrop-filter: blur(12px);
  color: #fff;
  text-align: center;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18);
}

.search-no-results-inner__eyebrow {
  display: block;
  margin-bottom: 14px;
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
}

.search-no-results-inner h2 {
  margin: 0 0 16px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
}

.search-no-results-inner p {
  max-width: 460px;
  margin: 0 auto 28px;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.82);
}

.search-no-results-inner__button:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.88);
}

.search-no-results .calendar-body {
    margin-top: 70px;
    margin-bottom: 0;
}

.error404 .hero .half-area .btn-area {
    display: none;
}


.vb-404 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70vh;
  padding: 200px 20px 140px;
}

.vb-404__box {
  max-width: 720px;
  width: 100%;
  padding: 56px 60px;
  border-radius: 16px;
  text-align: center;
  color: #fff;

  background: rgba(30, 95, 110, 0.6);
  backdrop-filter: blur(14px);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.2);
}

.vb-404__eyebrow {
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}

.vb-404 h1 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 16px;
}

.vb-404 p {
  max-width: 480px;
  margin: 0 auto 32px;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
}

.vb-404__actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

.vb-404__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 28px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.25s ease;
}

/* Primary button */
.vb-404__btn--primary {
  background: #fff;
  color: #12384a;
}

.vb-404__btn--primary:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.9);
}

/* Ghost button */
.vb-404__btn--ghost {
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}

.vb-404__btn--ghost:hover {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 991px) {
    div.news-listing .news-items {
    max-height: unset;
    overflow-y: auto;
    }
}
.stats .wpb_raw_code .wpb_wrapper{
    width: 100%;
        position: relative;
    display: flex;
    flex-direction: column;
}
    .stats .chart-panel {
      display: block;
      width: 100%;
      max-width: 100%;
      height: 696px;
      border-radius: 26px;
      background: rgba(91, 91, 91, .94);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
      padding: 28px 34px 30px;
      margin-top: 50px;
    }
    .stats .chart {
      display: block;
      width: 100%;
      height: 100%;
    }
    @media (max-width: 991px) {
      .stats .chart-panel { height: 560px; padding: 20px 12px; border-radius: 18px; }
    }