/*@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');*/

@font-face {
    font-display: optional;
    font-family: 'Manrope';
    font-display: auto;
    src: url('/wp-content/themes/lioncode/assets/fonts/Manrope/Manrope-Bold.woff') format('woff');
    font-weight: 900;
}
@font-face {
    font-display: optional;
    font-family: 'Manrope';
    font-display: auto;
    src: url('/wp-content/themes/lioncode/assets/fonts/Manrope/Manrope-Bold.woff') format('woff');
    font-weight: bold;
}
@font-face {
    font-display: optional;
    font-family: 'Manrope';
    font-display: auto;
    src: url('/wp-content/themes/lioncode/assets/fonts/Manrope/Manrope-Regular.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-display: optional;
    font-family: 'Manrope';
    font-display: auto;
    src: url('/wp-content/themes/lioncode/assets/fonts/Manrope/Manrope-Regular.woff') format('woff');
}
@font-face {
    font-display: optional;
    font-family: 'Manrope';
    font-display: auto;
    src: url('/wp-content/themes/lioncode/assets/fonts/Manrope/Manrope-SemiBold.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-display: optional;
    font-family: 'Manrope';
    font-display: auto;
    src: url('/wp-content/themes/lioncode/assets/fonts/Manrope/Manrope-Medium.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-display: optional;
    font-family: 'Manrope';
    font-display: auto;
    src: url('/wp-content/themes/lioncode/assets/fonts/Manrope/Manrope-Light.woff') format('woff');
    font-weight: 200;
}
@font-face {
    font-display: optional;
    font-family: 'Manrope';
    font-display: auto;
    src: url('/wp-content/themes/lioncode/assets/fonts/Manrope/Manrope-ExtraLight.woff') format('woff');
    font-weight: 100;
}

/*---------------------------------------------------------------------------------------*/

/*======== Theme colors =============

--primcol:
--primcol80:
--primcol40:

--seccol:
--seccol80:
--seccol40:

--thirdcol:
--thirdcol80:
--thirdcol40:

--bgcol:

========================*/

html, b, p, span, li, a, table, td, tr, input, div{
    font-family: 'Manrope' !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Manrope' !important;
    font-weight: bold !important;
}

html {
    scroll-behavior: smooth !important;
    scroll-padding-top: 200px;
}

#wpadminbar .ab-icon, #wpadminbar .ab-item:before, #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow {
    font: normal 20px/1 dashicons !important;
}



::-moz-selection { /* Code for Firefox */
    color: white;
    background: var(--seccol);
}

::selection {
    color: white;
    background: var(--seccol);
}


.hideThis {
    width: 0px;
    height: 0px;
    display: block;
    letter-spacing:-1000px;
    clip: rect(0, 0, 0, 0);
    position:absolute;
    opacity:0;
}

a {
    transition: 0.3s ease all;
    text-decoration: none !important;
}

a:hover {
    color: var(--seccol);
}



/* width */
::-webkit-scrollbar {
    width: 8px;
}
  
/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--primcol);
}



/* ============================= HEADER GENERAL ================================== */

.headerTop {
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--bgcol);
}


.social a svg {
    width: 23px;
    height: 23px;
}

.social {
    display: flex;
    align-items: center;
}

.social a {
    text-decoration: none;
    margin-left: 2px;
    margin-right: 2px;
}

.social a svg path {
    transition: 0.3s ease all;
}

.social a:hover svg path {
    fill: var(--seccol);
}


.headerTwo {
    z-index: 9;
    position: relative;
}



/* Desktop Navigation */
.nav-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
  
.nav-menu > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--primcol);
    padding-top: 10px;
    padding-bottom: 10px;
}
  
.nav-menu > ul > li {
    position: relative;
    white-space: nowrap;
    padding: 5px 13px 5px 13px;
}

.nav-menu > ul > li:first-child {
    padding-left: 0px;
}

.nav-menu > ul > li.current-menu-item > a {
    color: var(--primcol);
}

.nav-menu a {
    display: block;
    color: var(--thirdcol);
    transition: 0.3s;
    font-size: 1.2rem;
    padding: 5px 0px;
    letter-spacing: 0px;
    position: relative;
    font-weight: 600;
    text-decoration: none;
}

.nav-menu > ul > li.current_page_item > .opener > a {
    font-weight: bold;
    color: var(--seccol);
}

.nav-menu > ul > li.current_page_item > a {
    font-weight: bold;
    color: var(--seccol);
}

.nav-menu > li.current-menu-item a {
    color: var(--seccol) !important;
}




.nav-menu > ul > li.current-page-ancestor a:before {
    content: "";
    width: 10px;
    height: 2px;
    background: var(--seccol);
    display: inline-block;
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -1px;
}

.nav-menu > ul > li.current-page-ancestor a:after {
    content: "";
    width: 10px;
    height: 2px;
    background: var(--seccol);
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -1px;
    left: auto;
    bottom: auto;
}

.nav-menu > ul > li.current-page-ancestor > .opener a {
    color:var(--seccol);
}

.nav-menu > ul > li.current-page-ancestor .current_page_item a {
    color: var(--seccol);
}
  
.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .active > a:before {
    visibility: visible;
    width: 100%;
}
  
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
    color: var(--primcol);
}
  
.nav-menu .drop-down ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 5px 0;
    background: #fff;
    box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
    transition: 0.3s;
    border-radius: 5px;
}
  
.nav-menu .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
  
.nav-menu .drop-down li {
    min-width: 180px;
    position: relative;
}
  
.nav-menu .drop-down ul a {
    padding: 5px 20px;
    font-size: 1rem;
    text-transform: none;
    color: #2c4964;
}
  
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
    color: var(--thirdcol);
}
  
  
.nav-menu .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
}
  
.nav-menu .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
}
  
.nav-menu .drop-down .drop-down > a {
    padding-right: 35px;
}
  

.nav-menu .drop-down:hover .opener > svg {
    transform: rotate(-90deg);
}

.nav-menu .drop-down .opener > svg {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    transition: 0.3s ease all;
    transform: rotate(-0deg);
}

.nav-menu .drop-down .drop-down .opener > svg {
    position: absolute;
    right: 15px;
}

  
@media (max-width: 1366px) {
    .nav-menu .drop-down .drop-down ul {
      left: -90%;
    }
    .nav-menu .drop-down .drop-down:hover > ul {
      left: -100%;
    }
    .nav-menu .drop-down .drop-down > a:after {
      content: "\ea9d";
    }

}


.nav-menu > ul > li.drop-down .subArrow {
    width: 20px;
    height: 20px;
    display: block;
    z-index: 99;
    position: relative;
}

.nav-menu > ul > li.drop-down .subArrow:before {
    content: "";
    width: 2px;
    height: 9px;
    background: var(--thirdcol);
    display: block;
    transform: rotate(136deg);
    position: relative;
    left: 8px;
    top: 2px;
    transition:0.3s ease all;
}



.nav-menu > ul > li.drop-down .subArrow:after {
    content: "";
    width: 2px;
    height: 9px;
    background: var(--thirdcol);
    display: block;
    transform: rotate(-136deg);
    position: relative;
    left: 8px;
    top: -1px;
    transition:0.3s ease all;
}




.nav-menu > ul > li.drop-down:hover .subArrow:before {
    width: 2px;
    height: 10px;
    transform: rotate(220deg);
    left: 12px;
    top: 6px;
}



.nav-menu > ul > li.drop-down:hover .subArrow:after {
    width: 2px;
    height: 10px;
    transform: rotate(-44deg);
    left: 6px;
    top: -4px;
}
  


/* Mobile Navigation */

.mobile-nav-toggle {
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
}
  
.mobile-nav-toggle i {
    color: var(--primcol);
}
  

button h3 {
    font-size: 1.2rem;
    margin: 0 5px;
}
  
.mobile-nav {
    position: fixed;
    top: 65px;
    right: 20px;
    bottom: 50px;
    left: 20px;
    z-index: 9999;
    overflow-y: auto;
    /* background: #ffffffd9; */
    transition: ease-in-out 0.2s;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    padding: 0px;
}

.mobile-nav-active .mobile-nav > ul {
    padding-left: 50px;
    padding-right: 50px;
    width: 100%;
}

.mobile-nav-active .mobile-nav {align-items: center;}

.mobile-nav-active .mobile-nav .current_page_item .opener > a {
    color: var(--seccol);
}

.mobile-nav-active .mobile-nav .current_page_item > a {
    color: var(--seccol);
    border-color: #000;
}

.mobile-nav-active .mobile-nav .current_page_item .opener > a {
    color: var(--seccol);
}

.mobile-nav .drop-down ul a {
    padding: 0px;
    font-size: 1.2rem;
    font-weight: 400 !important;
    color: var(--thirdcol);
}

.mobile-nav .active .opener a{
    padding-bottom:0px;
}
  
.mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1rem;
    font-weight: bold !important;
}
  
.mobile-nav a {
    display: block;
    position: relative;
    color: #33738D;
    padding: 15px 0px;
    margin: 5px 0;
    outline: none;
    text-decoration: unset;
    font-size: 1.5rem;
    letter-spacing: 2px;
}

.mobile-nav .current-menu-item a {
    color: var(--primcol);
}
  
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
    color: var(--seccol);
    text-decoration: none;
}

.mobile-nav .drop-down .opener {justify-content: space-between !important;}

.mobile-nav .current-page-ancestor .opener a {
    color: var(--seccol);
}
  


.mobile-nav .drop-down .opener > svg {
    padding: 5px;
    width: 30px;
    transition: 0.3s ease all;
    height: 35px;
    position: absolute;
    right: 0px;
}


.mobile-nav .current-page-ancestor .current_page_item a {
    color: var(--seccol);
}

.mobile-nav .drop-down .opener > svg path {
    fill: var(--thirdcol);
}
  
.mobile-nav .drop-down > a {
    padding-right: 35px;
  }
  
.mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
}

.mobile-nav li.drop-down.active > ul {
    display: block;
}
  
.mobile-nav .drop-down li {
    padding-left: 20px;
}
  
.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9998;
    top: 0;
    left: 0;
    position: fixed;
    background:rgb(255 255 255 / 90%);
    background-position: 100% 50%;
    overflow: hidden;
    display: none;
    transition: ease-in-out 0.2s;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}  

.mobile-nav-overly span {
    position: fixed;
    top: 15px;
    right: 15px;
    color: var(--thirdcol);
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-nav-overly span svg {
    width: 30px;
    height: 30px;
}

.fa-times-circle:before {
    content: "\f00d";
    color: white;
}

.mobile-nav-overly i:hover {
    color: var(--seccol);
}

.mobile-nav-active {
    overflow: hidden;
}
  
.mobile-nav-active .mobile-nav {
    opacity: 1;
    visibility: visible;
}
  
.mobile-nav-active .mobile-nav-toggle span {
    color: var(--primcol);
}

.mobile-nav-logo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.mobile-nav-logo img {
    max-height: 100px;
    width: auto !important;
}


.mobile-nav li {
    border-bottom: 1px solid #12110b1f;
    position: relative;
}

.mobile-nav li:last-child {
    border: none;
}

.mobile-nav .subArrow {
    width: 30px;
    height: 30px;
    display: block;
    z-index: 99;
    position: relative;
}

.mobile-nav .subArrow:before {
    content: "";
    width: 2px;
    height: 14px;
    background: var(--thirdcol);
    display: block;
    transform: rotate(136deg);
    position: relative;
    left: 20px;
    top: 4px;
    transition:0.3s ease all;
}



.mobile-nav .subArrow:after {
    content: "";
    width: 2px;
    height: 14px;
    background: var(--thirdcol);
    display: block;
    transform: rotate(-136deg);
    position: relative;
    left: 20px;
    top: 0px;
    transition:0.3s ease all;
}

.mobile-nav .drop-down ul li {
    border: none;
}


.mobile-nav > ul > li.active .subArrow:before {
    width: 2px;
    height: 18px;
    transform: rotate(136deg);
    left: 15px;
    top: 7px;
}


.mobile-nav > ul > li.active .subArrow:after {
    width: 2px;
    height: 18px;
    transform: rotate(-136deg);
    left: 15px;
    top: -11px;
}


/* language flag */

.mobile-nav .qtranxs-lang-menu .opener {
    display: none !important;
}

.mobile-nav .qtranxs-lang-menu ul {display: block;}

.mobile-nav .qtranxs-lang-menu ul li {
    padding-left: 0px;
}

.mobile-nav .qtranxs-lang-menu ul li a {
    font-size: 0px;
}

.mobile-nav .qtranxs-lang-menu ul li a img {
    width: 32px;
}



/* ============================= HEADER ONE ================================== */




@keyframes fadeIn {
    0% {
      background: rgba(0, 0, 0, 0);
    }
    100% {
      background: rgba(0, 0, 0, 0.7);
    }
  }
  @keyframes scaleUp {
    0% {
      transform: scale(0.8) translateY(1000px);
      opacity: 0;
    }
    100% {
      transform: scale(1) translateY(0px);
      opacity: 1;
    }
  }
  @keyframes scaleBack {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.85);
    }
  }
  @keyframes quickScaleDown {
    0% {
      transform: scale(1);
    }
    99.9% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes fadeOut {
    0% {
      background: rgba(0, 0, 0, 0.7);
    }
    100% {
      background: rgba(0, 0, 0, 0);
    }
  }
  @keyframes scaleDown {
    0% {
      transform: scale(1) translateY(0px);
      opacity: 1;
    }
    100% {
      transform: scale(0.8) translateY(1000px);
      opacity: 0;
    }
  }
  @keyframes scaleForward {
    0% {
      transform: scale(0.85);
    }
    100% {
      transform: scale(1);
    }
  }
  
  
  html.search-modal-active, body.search-modal-active {
    overflow: hidden;
  }
  
  #search-modal-container {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 999;
  }
  
  
  #search-modal-container.two {
    transform: scale(1);
  }
  #search-modal-container.two .search-modal-background {
    background: rgba(0, 0, 0, 0);
    animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  #search-modal-container.two .search-modal-background .search-modal {
    opacity: 0;
    animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation-delay: 0.5s;
  }
  #search-modal-container.two + main {
    animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  main.two {
    animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  
  
  #search-modal-container.two.out {
    animation: quickScaleDown 0s 0.5s linear forwards;
  }
  #search-modal-container.two.out .search-modal-background {
    animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  #search-modal-container.two.out .search-modal-background .search-modal {
    animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation-delay: 1.5s;
  }
  #search-modal-container.two.out + main {
    animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  main.two.out {
    animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
  
  
  
  
  #search-modal-container .search-modal-background {
    display: table-cell;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    vertical-align: middle;
  }
  #search-modal-container .search-modal-background .search-modal {
    background: white;
    padding: 50px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 300;
    position: relative;
    width: 100%;
    height: 100%;
  }
  #search-modal-container .search-modal-background .search-modal h2 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 15px;
  }
  #search-modal-container .search-modal-background .search-modal p {
    font-size: 18px;
    line-height: 22px;
  }
  #search-modal-container .search-modal-background .search-modal .modal-svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 3px;
  }
  #search-modal-container .search-modal-background .search-modal .modal-svg rect {
    stroke: #fff;
    stroke-width: 2px;
    stroke-dasharray: 778;
    stroke-dashoffset: 778;
  }
  
  
  
  
  #search-modal-container .closeSearch {
      width: 50px;
      height: 50px;
      cursor:pointer;
      position: absolute;
      right: 100px;
      z-index: 999;
      top: 50px;
  }
  
  #search-modal-container .closeSearch svg {
      transition:0.3s ease all;
      transform:rotate(0deg);
  }
  
  #search-modal-container .closeSearch:hover svg {
      transform:rotate(180deg);
  }
  
  #search-modal-container .search-modal-background .search-modal .inner {
      margin-top: 50px;
  }
  
 
  
  .headerSearch {
    cursor: pointer;
  }
  
  
  
  .lang #qtranslate-chooser {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
}

.lang #qtranslate-chooser li.active {
    display: none;
}

.lang #qtranslate-chooser img {
    width: 24px;
}
  
  
  header .row {
      align-items: center;
  }
  
  
  
  .headerTop .logo {
      text-align: center;
  }

  .headerTop .logo img {
    max-height: 80px;
    width: auto;
}
  
  .headerTop .right {
      display: flex;
      grid-gap: 20px;
      justify-content: flex-end;
  }
  
  
  
  #search-modal-container .search_bar {
      position: relative;
  }
  
  #search-modal-container .search_bar input {
      width: calc(100%);
      height: 50px;
      color: var(--primcol);
      font-size: 1.8rem;
      outline: none;
      border-left: none;
      border-right: none;
      border-top: none;
      transition: 0.3s ease all;
      box-shadow: 0 4px 2px -2px transparent;
  }
  
  
  #search-modal-container .search_bar input:focus {
      box-shadow: 0 4px 2px -2px var(--primcol);
  }
  
  #search-modal-container .search_bar button {
      height: 40px;
      width: 40px;
      position: absolute;
      right: 0px;
      border: none;
      background: var(--bgcol);
      border-radius: 50px;
      transition: 0.3s ease all;
  }
  
  #search-modal-container .search_bar button:hover {
      background: var(--seccol);
  }
  
  #search-modal-container .search_bar button svg path {
      transition: 0.3s ease all;
  }
  
  #search-modal-container .search_bar button:hover svg path {fill: #fff;}
  
  #search-modal-container .search_bar button svg {
      transition: 0.3s ease all;
      transform: scale(1);
  }
  
  #search-modal-container .search_bar button:hover svg {
      transform: scale(1.2);
  }
  
  div#datafetch {
      margin-top: 80px;
  }
  
  div#datafetch ul {
    list-style: none;
    padding: 0px;
    max-height: 600px;
    overflow: auto;
  }
  
  div#datafetch ul li {
      text-align: left;
  }
  
  div#datafetch ul li a {
      display: block;
      text-decoration: none;
      color: var(--primcol);
      font-size: 1.6rem;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid var(--primcol40);
      transition:0.3s ease all;
  }
  
  div#datafetch ul li:last-child a {
      border-bottom: none;
  }
  
  div#datafetch ul li a:hover {
      color:#000;
  }



  .searchContent {
    position: relative;
}


.searchContent .loader {
    position: absolute;
    left: -6px;
    top: 0px;
    width: calc(100% + 12px);
    height: 100%;
    background: rgb(255 255 255 / 85%);
    z-index: 9;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: none;
    -webkit-animation-name: bganimation;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: bganimation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.searchContent .loader .loading-image {
    width: 100px;
    height: auto;
    position: fixed;
    top: 160px;
    left: 50%;
    margin-left: -50px;
}



  /* ---------- header style two ------------- */


.headerTwo .headerTop .logo {
    text-align: left;
}

.headerTwo .headerTop .right {
    flex-direction: column;
    align-items: flex-end;
    grid-gap: 8px;
}

.headerTwo .headerTop .right .bottomRow {
    display: flex;
    gap: 15px;
}

  /* ---------- header hero header style two ------------- */

#header-hero {
    background-size: cover !important;
    background-position: 50% 60% !important;
    height: 100%;
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

#header-hero .bg-blue {
    height: calc((100vh - 350px)* .7) !important;
    overflow: hidden;
}

.bg-blue {
    --lion-bg-opacity: 1;
    background-color: rgb(51 115 145 / var(--lion-bg-opacity));
}

#header-hero.single-post .single-post-meta {
    min-height: 350px;
}

#header-hero.single-post .single-post-meta .title h1 {
    font-size: 30px;
    font-weight: 900 !important;
}

#header-hero.single-post .single-post-meta .breadcrumbs {
    color: var(--thirdcol);
    font-weight: 500;
    font-size:15px;
}

#header-hero.single-post .single-post-meta .breadcrumbs a{
    color: var(--thirdcol);
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}
#header-hero.single-post .single-post-meta .breadcrumbs a:hover{
    color: var(--primcol);
    transition: all 0.25s ease-in-out;
}

section#header-hero .programm-cats {
    flex-wrap: wrap;
}

#header-hero.single-post .single-post-meta .programm-cats a{
    color: var(--thirdcol);
    font-weight: 500;
    transition: all 0.25s ease-in-out;
    margin: 0 10px 5px 0;
}

#header-hero.single-post .single-post-meta .programm-cats a img{
    margin-right: 10px;
}

#header-hero.single-post .single-post-meta .programm-cats a:hover{
    color: var(--primcol);
    transition: all 0.25s ease-in-out;
}

#header-hero .page-wrapper a {
    color: var(--primcol);
    font-weight: bold;
}


#header-hero .page-wrapper ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
}

#header-hero .page-wrapper ul li {
    display: flex;
    margin-bottom: 5px;
    padding-left: 25px;
    position: relative;
    justify-content: center;
}

#header-hero .page-wrapper ul li:last-child {
    margin-bottom: 0px;
}

#header-hero .page-wrapper ul li:before {
    content: "";
    width: 14px;
    height: 16px;
    background: url('/wp-content/uploads/2024/03/list-item-bullet-style.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    position: relative;
    left: 0px;
    top: 4px;
    margin-right: 10px;
}


#header-hero .headerImgRight {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 65px;
    height: 100%;
}


section#header-hero .col-md-4.col-12 img {
    max-height: 385px;
}

section#header-hero .header-hero-inner {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

section#header-hero .publishDate {
    display: flex;
    align-items: center;
}

section#header-hero .publishDate svg path {
    fill: var(--primcol);
}

section#header-hero .publishDate svg {
    margin-right: 8px;
}

section#header-hero .publishDate span {
    font-weight: 500;
    margin-left: 5px;
}

/* ============================= FOOTER ================================== */





footer#footer {
    border-top: 25px solid var(--seccol);
    background: var(--bgcol);
}

section#footerTop {
    padding-top: 50px;
    padding-bottom: 50px;
}

section#footerTop .footerlogo {display: flex;justify-content: center;}

section#footerTop .footerlogo img {
    max-height: 100px;
    width: auto;
}

section#footerTop .social {
    justify-content: center;
    margin-top: 0px;
}

#footerMiddle .foot-widg-title {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 25px;
}

#footerMiddle .textwidget {
    text-align: center;
}

#footerMiddle .foot-1 .textwidget img {
    max-width: 135px;
    margin-bottom: 20px;
}

#footerMiddle .foot-1 .textwidget p {margin-bottom: 5px;color: var(--primcol);font-size: 14px;}

.contactinfo .cinfo {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.contactinfo .cinfo svg {
    margin-right:10px;
}

#footerMiddle .foot-2 p {
    color: var(--primcol);
    font-size: 16px;
}

#footerMiddle .foot-2 a {
    color: var(--primcol);
    font-size: 16px;
    text-decoration:none;
}

#footerMiddle .foot-2 .navigation {
    border: 1px solid var(--primcol);
    padding: 6px 30px;
    border-radius: 8px;
    background: #fff;
    transition: 0.3s ease all;
    color: var(--thirdcol);
}

#footerMiddle .foot-2 .navigation:hover {
    background: var(--seccol);
    color: var(--thirdcol);
}

#footerMiddle .foot-2 .navigation img {
    max-width: 15px;
    margin-left: 10px;
}

#footerMiddle .foot-widg ul {
    list-style: none;
    padding: 0px;
}

#footerMiddle .foot-widg ul li a {
    text-decoration: none;
    font-size: 15px;
    color: var(--thirdcol);
    transition: 0.3s ease all;
}

#footerMiddle .foot-widg ul li a:hover {
    color: var(--seccol);
}


#footerMiddle .foot-3 .foot-widg-title {
    text-align: left;
}

#footerMiddle .foot-3 {
    padding-left: 40px;
}

#footerBottom ul#menu-footer-bottom-menu {
    list-style: none;
    padding: 0px;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--primcol);
    padding-top: 1rem;
}

#footerBottom ul#menu-footer-bottom-menu li a {
    font-size: 15px;
    text-decoration: none;
    color: var(--primcol);
    margin-left: 10px;
    margin-right: 10px;
}

#footerBottom ul#menu-footer-bottom-menu li a:hover {
    color: var(--thirdcol);
}

#footerBottom ul#menu-footer-bottom-menu li {
    position: relative;
}

#footerBottom ul#menu-footer-bottom-menu li:after {
    content: "";
    height: 16px;
    position: absolute;
    bottom: 4px;
    width: 1px;
    background: var(--thirdcol);
}

#footerBottom ul#menu-footer-bottom-menu li:last-child:after {
    display: none;
}


.copyright {
    background: var(--thirdcol);
    padding-top: 10px;
    padding-bottom: 10px;
}

.copyright p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    margin: 0px;
}

.copyright p a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    margin-right: 5px;
}






/* progress back to top */

.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 100px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 2px 1px rgb(186 156 134);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    content: '\f343';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: var(--seccol);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    font-weight:700;
    font-family:
    'dashicons' !important;
}
.progress-wrap:hover::after {
    opacity: 0;
}
.progress-wrap::before {
    position: absolute;
    content: '\f343';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background-image: linear-gradient(298deg, var(--red), #ececec);
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    font-weight: 700 !important;
    font-family: 'dashicons' !important;
}
.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: var(--seccol);
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}




/* ============================= SEARCH RESULTS PAGE ================================== */




.searchResults .searchResultsFilters {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 80px;
    position: sticky;
    top: 0px;
    z-index: 2;
    padding-top: 20px;
    background: white;
    padding-bottom: 10px;
}

.searchResults .searchResultsFilters form.searchform {
    max-width: 600px;
    margin: 0 auto;
}

.searchResults .searchResultsFilters form.searchform input#keyword {
    background: var(--primcol);
    height: 50px;
    border-radius: 50px;
    width: calc(100% - 50px);
    outline: none;
    border: none;
    color: #fff;
    padding: 0px 15px;
}

.searchResults .searchResultsFilters .totalNum {
    margin-top: 25px;
    margin-bottom: 10px;
}

.searchResults .searchResultsFilters .totalNum p {
    margin: 0px;
    text-align: center;
}

.searchResults .inner .image {
    height: 0;
    padding-bottom: 75%;
    width: 100%;
    position: relative;
    overflow: hidden;
}


.searchResults .inner .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.searchResults .inner > div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
    border-radius: 12px;
    padding: 0px 30px 40px 30px;
}

.searchResults .inner > div .title {
    width: 100%;
    display: block;
    margin-bottom: 40px;
    font-size: 2rem;
}



.searchResults .inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}






.searchResults .inner > div .title:after {
    border-width: 2px;
    border-radius: 0px;
    margin-top: 8px;
}

.searchResults .searchResultsFilters > ul {
    justify-content: center;
    margin-top: 10px !important;
    list-style: none;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}



.searchResults .searchResultsFilters > ul li a {
    color: #000;
    letter-spacing: 0px;
    transition: 0.3s ease all;
    border: 1px solid var(--primcol);
    font-size: 18px;
    padding: 4px 20px;
    text-decoration: none;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}

.searchResults .searchResultsFilters > ul li a:hover {
    background: var(--seccol);
    color: #fff !important;
}


.search-results section.home-bnr-line.container-fluid {
    padding-top: 0px;
    padding-bottom: 0px;
}

.search-results section.home-bnr-line.container-fluid svg {
    height: 148px;
    margin-top: -74px;
}


.searchResults .searchResultsFilters form.searchform label.label {
    display: none;
}

.searchResults .searchResultsFilters form.searchform .search-btn {
    border: none;
    width: 45px;
    height: 45px;
    background: var(--seccol);
    border-radius: 50px;
}

.searchResults .searchResultsFilters form.searchform .search-btn svg path {fill: #000;}



.searchResults .inner > div .bigtitle {
    margin-bottom: 40px;
}

.searchResults .inner > div .posts {
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
    width: 100%;
}

.searchResults .inner > div .posts .post svg {
    width: 15.455px;
    height: 18.882px;
    position: absolute;
}

.searchResults .inner > div .posts .post {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    transition: 0.2s ease all;
}

.searchResults .inner > div .posts .post svg path {
    fill: var(--primcol);
    transition: 0.2s ease all;
}

.searchResults .inner > div .posts .post a {
    color: var(--thirdcol);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    display: inline-flex;
    max-width: calc(100% - 25px);
    margin-left: 25px;
    transition: 0.2s ease all;
}


.searchResults .inner > div .posts .post:hover {
    background: var(--primcol);
}

.searchResults .inner > div .posts .post:hover svg path {
    fill: #fff;
}

.searchResults .inner > div .posts .post:hover a {
    color: #fff;
}






/* ============================= MOBILE NAVIGATION BAR ================================== */



.mobileNavigation .navigationBar > ul {
    list-style: none;
    padding: 0px;
    display: flex;
    margin: 0px;
    width: 100%;
    justify-content: center;
}

.mobileNavigation .navigationBar ul .drop-down > ul {
    position: fixed;
    bottom: 42px;
    background: rgb(255 255 255 / 85%);
    width: 100%;
    left: 0px;
    height: calc(100% - 42px);
    padding: 20px;
    z-index: -1;
    list-style: none;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s linear all;
    transform: translateY(20%);
    overflow:auto;
}


.mobileNavigation .navigationBar ul .drop-down.active > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
}


.mobileNavigation {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 52px;
    z-index: 99;
}

nav.navigationBar {
    background: var(--bgcol);
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 0px 15px var(--primcol);
}

.mobileNavigation .navigationBar > ul > li.level1 > a {
    display: flex;
    flex-direction: column-reverse;
    font-size: 12px;
    text-decoration: none;
    color: var(--thirdcol);
    align-items: center;
    line-height:18px;
}

.mobileNavigation .navigationBar > ul > li.level1 > .opener a {
    display: flex;
    flex-direction: column-reverse;
    font-size: 12px;
    text-decoration: none;
    color: var(--thirdcol);
    align-items: center;
}

.mobileNavigation .navigationBar > ul > li.level1 > .opener {
    justify-content: center !important;
}

.mobileNavigation .navigationBar > ul > li.level1 {
    width: 20%;
    position: relative;
    top: 2px;
}

.mobileNavigation .navigationBar ul .drop-down > ul li a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    font-size: 16px;
    color: var(--primcol);
    font-weight: 500;
    border-bottom: 1px dashed var(--primcol40);
}

.mobileNavigation .navigationBar ul .drop-down > ul li a .menuIcon {
    margin-right: 10px;
}

.mobileNavigation .navigationBar ul .drop-down > ul li a .menuIcon img {
    width: 16px;
    height: auto;
}

.mobileNavigation .navigationBar ul .drop-down > ul li:last-child a {
    border: none;
}

.mobileNavigation .navigationBar > ul > li.level1.active > .opener a {
    color: var(--seccol);
}

.mobileNavigation .navigationBar > ul > li.level1.drop-down.active > .opener a:before {
    content: "x";
    color: var(--thirdcol);
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    top: -5px;
    right: 0px;
}

.mobileNavigation .navigationBar > ul > li.level1 > .opener a {
    position: relative;
}






/* ============================= TAXONOMY BAR ================================== */



:root {
    --navbar-width: 320px;
    --navbar-width-min: 55px;
  }
  
  
  
  .taxBar #nav-toggle:checked ~ #nav-header {
    width: calc(var(--navbar-width-min) - 16px);
  }
  .taxBar #nav-toggle:checked ~ #nav-content, #nav-toggle:checked ~ #nav-footer {
    width: var(--navbar-width-min);
    box-shadow: 3px 0px 10px rgb(0 0 0 / 0%);
  }
  .taxBar #nav-toggle:checked ~ #nav-header #nav-title {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s;
  }
  .taxBar #nav-toggle:checked ~ #nav-header label[for=nav-toggle] {
    left: calc(50% - 8px);
    transform: translate(-50%);
  }
  .taxBar #nav-toggle:checked ~ #nav-header #nav-toggle-burger {
    background: var(--navbar-light-primary);
  }
  .taxBar #nav-toggle:checked ~ #nav-header #nav-toggle-burger:before, #nav-toggle:checked ~ #nav-header #nav-toggle-burger::after {
    width: 16px;
    background: var(--navbar-light-secondary);
    transform: translate(0, 0) rotate(0deg);
  }
  .taxBar #nav-toggle:checked ~ #nav-content .nav-button span {
    opacity: 0;
    transition: opacity 0.1s;
  }
  
  .taxBar #nav-toggle:checked ~ #nav-footer #nav-footer-avatar {
    margin-left: 0;
    left: 50%;
    transform: translate(-50%);
  }
  .taxBar #nav-toggle:checked ~ #nav-footer #nav-footer-titlebox, #nav-toggle:checked ~ #nav-footer label[for=nav-footer-toggle] {
    opacity: 0;
    transition: opacity 0.1s;
    pointer-events: none;
  }
  
  .taxBar #nav-bar {
    position: fixed;
    left: 0vw;
    top: 180px;
    background: transparent;
    display: flex;
    flex-direction: column;
    color: var(--thirdcol);
    overflow: hidden;
    user-select: none;
    /* border-top-right-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    padding-right: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
    z-index: 99;
  }
  .taxBar #nav-bar hr {
    margin: 0;
    position: relative;
    left: 16px;
    width: calc(100% - 32px);
    border: none;
    border-top: solid 1px var(--navbar-dark-secondary);
  }
  .taxBar #nav-bar a {
    color: inherit;
    text-decoration: inherit;
    font-size: 14px;
    font-weight: bold;
  }
  .taxBar #nav-bar input[type=checkbox] {
    display: none;
  }
  
  .taxBar #nav-header {
    position: relative;
    width: var(--navbar-width);
    left: 16px;
    width: calc(var(--navbar-width) - 16px);
    background: #F3F1EF;
    border-radius: 16px;
    z-index: 2;
    display: flex;
    align-items: center;
    transition: width 0.2s;
    height: 0px;
    visibility: hidden;
  }
  .taxBar #nav-header hr {
    position: absolute;
    bottom: 0;
  }
  
  .taxBar #nav-title {
    font-size: 1.5rem;
    transition: opacity 1s;
  }
  
  .taxBar label[for=nav-toggle] {
    position: absolute;
    right: 0;
    width: 3rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  
  .taxBar #nav-toggle-burger {
    position: relative;
    width: 16px;
    height: 2px;
    background: var(--navbar-dark-primary);
    border-radius: 99px;
    transition: background 0.2s;
  }
  .taxBar #nav-toggle-burger:before, #nav-toggle-burger:after {
    content: "";
    position: absolute;
    top: -6px;
    width: 10px;
    height: 2px;
    background: var(--navbar-light-primary);
    border-radius: 99px;
    transform: translate(2px, 8px) rotate(30deg);
    transition: 0.2s;
  }
  .taxBar #nav-toggle-burger:after {
    top: 6px;
    transform: translate(2px, -8px) rotate(-30deg);
  }
  
  .taxBar #nav-content {
    /* margin: -16px 0; */
    padding: 0px 0;
    position: relative;
    flex: 1;
    width: var(--navbar-width);
    background: #F3F1EF;
    box-shadow: 3px 0px 10px rgb(0 0 0 / 16%);
    direction: rtl;
    transition: width 0.2s,box-shadow 0.2s;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .taxBar #nav-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .taxBar#nav-content::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background-color: #D62929;
  }
  .taxBar #nav-content::-webkit-scrollbar-button {
    height: 16px;
  }
  
  .taxBar #nav-content-highlight {
      position: absolute;
      left: 0px;
      top: 0px;
      width: calc(5px);
      height: 48px;
      background: var(--primcol);
      background-attachment: fixed;
      border-radius: 0px;
      transition: top 0.2s;
      display:none;
  }
  
  .taxBar .nav-button {
    position: relative;
    margin-left: 18px;
    height: 48px;
    display: flex;
    align-items: center;
    color: var(--thirdcol);
    direction: ltr;
    cursor: pointer;
    z-index: 1;
    transition: color 0.2s;
  }
  .taxBar .nav-button span {
    transition: opacity 1s;
  }
  .taxBar .nav-button .fas {
    transition: min-width 0.2s;
  }
  
  .taxBar .nav-button:nth-of-type(1):hover ~ #nav-content-highlight {
    top: 0px;
  }
  
  .taxBar .nav-button:nth-of-type(2):hover ~ #nav-content-highlight {
    top: 48px;
  }
  
  .taxBar .nav-button:nth-of-type(3):hover ~ #nav-content-highlight {
    top: 96px;
  }
  
  .taxBar .nav-button:nth-of-type(4):hover ~ #nav-content-highlight {
    top: 144px;
  }
  
  .taxBar .nav-button:nth-of-type(5):hover ~ #nav-content-highlight {
    top: 192px;
  }
  
  .taxBar .nav-button:nth-of-type(6):hover ~ #nav-content-highlight {
    top: 240px;
  }
  
  .taxBar .nav-button:nth-of-type(7):hover ~ #nav-content-highlight {
    top: 288px;
  }
  
  .taxBar .nav-button:nth-of-type(8):hover ~ #nav-content-highlight {
    top: 336px;
  }
  .taxBar .nav-button:nth-of-type(9):hover ~ #nav-content-highlight {
    top: 384px;
  }
  
  .taxBar #nav-bar .fas {
    min-width: 1rem;
    text-align: center;
  }
  
  #nav-content .nav-button span {
      margin-left:10px;
  }

/* ============================= GLOBAL TEXT ================================== */





/* ============================= SIDE BAR ================================== */





  .eliamep-container {
    padding-top: 80px;
    padding-bottom: 80px;
}

.eliamep-container .left .customSidebar{
    height: 640px;
    padding: 30px 25px;
    position: sticky;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
    background-position: center !important;
    top: 20px;
}

.eliamep-container .left .customSidebar:before {
    content: "";
    background: #33738D;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    mix-blend-mode: multiply;
}

.eliamep-container .left .customSidebar .foot-widg-title {
    text-align: center;
    position: relative;
    font-size: 3rem;
    color: #fff;
    font-weight: 900 !important;
    letter-spacing: 2px;
    opacity: 0.2;
    margin-bottom: 25px;
}

.eliamep-container .left .customSidebar .menu {
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 0px;
    max-height: 400px;
    overflow: auto;
    height: 400px;
}

.eliamep-container .left .customSidebar .menu .sub-menu {
    list-style: none;
    height: 0px;
    visibility: hidden;
    opacity: 0;
    transition: height .10s linear, visibility 0.2s linear, opacity 0.3s ease;
}

.eliamep-container .left .customSidebar .menu > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 700;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.eliamep-container .left .customSidebar .menu > li.current-menu-item a {
    color: var(--primcol);
}
.eliamep-container .left .customSidebar .menu > li.current-menu-parent > a {
    color: var(--primcol);
}

.eliamep-container .left .customSidebar .menu .sub-menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 1.15rem;
    font-weight: 100;
}


.eliamep-container .left .customSidebar .menu .sub-menu > li.current_page_item > a {
    color: var(--primcol);
}

.eliamep-container .left .customSidebar .menu > li {
    margin-bottom: 15px;
}

.eliamep-container .left .customSidebar .menu .menu-item-has-children > a:before {
    content: "";
    width: 20px;
    height: 3px;
    background: var(--primcol);
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1.5px;
    transition: 0.3s ease all;
}

.eliamep-container .left .customSidebar .menu .menu-item-has-children > a:after {
    content: "";
    height: 20px;
    width: 3px;
    background: var(--primcol);
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 9px;
    transition: 0.3s ease all;
    transform: rotate(0deg);
}

.eliamep-container .left .customSidebar .menu .menu-item-has-children.active > .sub-menu {
    height: auto;
    visibility: visible;
    opacity: 1;
}

.eliamep-container .left .customSidebar .menu .menu-item-has-children.active > a::before {
    width: 0px;
}

.eliamep-container .left .customSidebar .menu .menu-item-has-children.active > a::after {
    transform: rotate(90deg);
}




/* tablet and mobile bar */


.float-nav {
    position: fixed;
    bottom: 160px;
    right: 5px;
    z-index: 99999;
  }
  .float-nav > a.main-nav-menu-btn {
    text-decoration: none;
    display: flex;
    background-color: var(--seccol);
    color: white;
    padding: 0px;
    text-align: center;
    box-shadow: 2px 2px 8px #777;
    border-radius: 100%;
    transform: translateX(0px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
  }
  .float-nav > a.main-nav-menu-btn.active {
    transition: background-color 250ms linear,transform 400ms linear;
    background-color: transparent;
    box-shadow: none;
    transform: translateX(150px);
  }
  .float-nav > a.main-nav-menu-btn.active > ul > li.line:nth-child(1) {
    border-width: 2px;
    -moz-transform: rotate(45deg) translate(4px, 6px);
    -ms-transform: rotate(45deg) translate(4px, 6px);
    -webkit-transform: rotate(45deg) translate(4px, 6px);
    transform: rotate(45deg) translate(4px, 6px);
  }
  .float-nav > a.main-nav-menu-btn.active > ul > li.line:nth-child(2) {
    visibility: hidden;
  }
  .float-nav > a.main-nav-menu-btn.active > ul > li.line:nth-child(3) {
    border-width: 2px;
    -moz-transform: rotate(-45deg) translate(8px, -10px);
    -ms-transform: rotate(-45deg) translate(8px, -10px);
    -webkit-transform: rotate(-45deg) translate(8px, -10px);
    transform: rotate(-45deg) translate(8px, -10px);
  }
  .float-nav > a.main-nav-menu-btn > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
  }
  .float-nav > a.main-nav-menu-btn > ul > li.line {
    border: 1px solid white;
    width: 100%;
    margin-bottom: 7px;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
  }
  .float-nav > a.main-nav-menu-btn > .menu-txt {
    width: calc(100%);
    text-align: center;
    font-size: 12px;
  }
  
  .main-nav-menu {
    opacity: 0;
    position: fixed;
    bottom: 0px;
    left: 0px;
    transition: 250ms linear all;
    width: 100%;
    z-index: -1;
    background-size: cover !important;
    border-top-left-radius: 33.5px;
    border-top-right-radius: 33.5px;
    box-shadow: 2px -2px 8px #777;
    transform: translateY(60%);
    overflow: hidden;
    visibility: hidden;
  }
  .main-nav-menu.active {
    z-index: 9999;
    opacity: 1;
    transform: translateY(0%);
    transition: 250ms linear all;
    visibility: visible;
  }
  
  .main-nav-menu .side-1 {
    position:relative;
    margin-top: 30px;
  }
  .main-nav-menu .side-1 ul {
    width: 100%;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  
  
  .main-nav-menu .foot-widg-title {
      text-align: center;
      position: relative;
      font-size: 3rem;
      color: #fff;
      font-weight: 900 !important;
      letter-spacing: 2px;
      opacity: 0.2;
      margin-bottom: 25px;
      z-index:1;
      display: none;
  }
  
  
  .main-nav-menu:before {
      content: "";
      background: #33738D;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      mix-blend-mode: multiply;
      border-top-left-radius: 33.5px;
      border-top-right-radius: 33.5px;
  }
  
  
  .main-nav-menu .menu > li.current-menu-parent > a {
      color: var(--primcol);
  }
  .main-nav-menu .menu > li > a {
      color: #fff;
      text-decoration: none;
      font-size: 1.6rem;
      font-weight: 700;
      position: relative;
      padding-left: 30px;
      cursor: pointer;
      margin-bottom: 15px;
      display: block;
  }
  
  .main-nav-menu .menu > li .sub-menu {
    padding-left:30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .main-nav-menu .menu > li .sub-menu li a {
      background: #fff;
      color: var(--primcol);
      padding: 8px 20px;
      border-radius: 5px;
      font-weight: bold;
  }
  
  .main-nav-menu .menu > li .sub-menu li {
      margin-right: 12px;
      margin-bottom: 12px;
      display: flex;
  }
  
  .main-nav-menu .menu > li {
      margin-bottom: 30px;
  }
  
  
  
  
  .main-nav-menu > a.close {
    text-decoration: none;
    display: flex;
    color: white;
    text-align: center;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    transform: translateY(-60px);
    transition: 0.45s linear all;
    z-index: 8;
  }
  .main-nav-menu > a.close.active {
    box-shadow: none;
    transform: translateY(0px);
  }
  .main-nav-menu > a.close.active > ul > li.line:nth-child(1) {
    border-width: 2px;
    -moz-transform: rotate(45deg) translate(11px, 10px);
    -ms-transform: rotate(45deg) translate(11px, 10px);
    -webkit-transform: rotate(45deg) translate(11px, 10px);
    transform: rotate(45deg) translate(11px, 10px);
  }
  .main-nav-menu > a.close.active > ul > li.line:nth-child(2) {
    visibility: hidden;
  }
  .main-nav-menu > a.close.active > ul > li.line:nth-child(3) {
    border-width: 2px;
    -moz-transform: rotate(-45deg) translate(4px, -3px);
    -ms-transform: rotate(-45deg) translate(4px, -3px);
    -webkit-transform: rotate(-45deg) translate(4px, -3px);
    transform: rotate(-45deg) translate(4px, -3px);
  }
  
  
  .main-nav-menu > a.close > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 32px;
    height: 32px;
  }
  .main-nav-menu > a.close > ul > li.line {
    border: 1px solid white;
    width: 100%;
    margin-bottom: 7px;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
  }




/* ================================================ EVENTS SIDEBAR ============================================================ */




.customSidebar.eventsBar .title {
    font-size: 22px;
    color: #fff;
    font-weight: 900;
    border-bottom: 2px solid var(--primcol);
    display: block;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.customSidebar.eventsBar > div {
    position: relative;
}

.customSidebar.eventsBar .state ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 20px;
}

.customSidebar.eventsBar .state ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-left: 30px;
    display: flex;
}


.customSidebar.eventsBar .state ul li a.active {
    color: var(--primcol);
}

.events-archive .customSidebar.eventsBar .menu > li > a {
    font-size: 18px;
}

.customSidebar.eventsBar .state ul li {
    margin-bottom: 8px;
}

.events-archive .customSidebar.eventsBar .menu .menu-item-has-children > a:before {
    width: 18px;
    height: 2px;
    margin-top: -0.5px;
}

.events-archive .customSidebar.eventsBar .menu .menu-item-has-children > a:after {
    height: 18px;
    width: 2px;
    margin-top: -8px;
    left: 9px;
}

.events-archive .customSidebar.eventsBar .menu > li {
    margin-bottom: 10px;
}

.events-archive .left .customSidebar .menu .sub-menu li a {
    font-size:17px;
    margin-bottom: 2px;
    display: block;
}

.events-archive .left .customSidebar .menu {
    height: auto;
    max-height: max-content;
    overflow: hidden;
}

.events-archive .left .customSidebar {
    height: 760px;
    /* overflow: auto; */
    clip-path: unset;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

.menu-events-sidebar-categories-container {
    overflow: auto;
    max-height: 295px;
}

.events-archive .cats {
    margin-bottom: 30px;
}

.customSidebar.eventsBar > div.thematikes .nice-select {
    width: 100%;
    height: 45px;
    line-height: 42px;
    border-radius: 15px;
}

.events-archive .left .customSidebar:before {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 76.1%);
}

.customSidebar.eventsBar > div.thematikes .nice-select:after {
    width: 8px;
    height: 8px;
    border-color: var(--thirdcol);
}

.customSidebar.eventsBar > div.thematikes .nice-select .list {
    width: 100%;
}

.events-archive .customSidebar.eventsBar .menu > li .sub-menu .current-menu-item a {
    color: var(--primcol);
 }


 .events-archive .left .customSidebar .reset {
    position: absolute;
    right: 0px;
    top: 50px;
    border: none;
    background: transparent;
    color: #fff;
    text-decoration: underline;
}

.events-archive .upcoming .green {
    background: #fff;
}



/* ================================================ ELIAMEP CONTENT ============================================================ */




.eliamep-container .right .part {margin-bottom: 75px;}

.eliamep-container .right .part.bgcol {
    background: var(--bgcol);
    padding: 20px;
}

.eliamep-container .right .part .content p:last-child {
    margin-bottom: 0px;
}

.eliamep-container .right .part .bigtitle.style2 {
    margin-bottom: 50px;
}

.eliamep-container .right .part .content a {
    text-decoration: none;
    color: var(--seccol);
    font-weight: 500;
}

.eliamep-container .right .part .content ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.eliamep-container .right .part .content ul li {
    display: block;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
}

.eliamep-container .right .part .content ul li:last-child {
    margin-bottom: 0px;
}

.eliamep-container .right .part .content ul li:before {
    content: "";
    width: 14px;
    height: 16px;
    background: url('/wp-content/uploads/2024/03/list-item-bullet-style.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    position: absolute;
    left: 0px;
    top: 6px;
}

.eliamep-container .right .part:last-child {
    margin-bottom: 0px;
}

#eliamep .fundingContainer .info .item {
    justify-content: flex-start;
}

.simplePage table tr:nth-child(odd) {
    background: #FCFCFC;
}
.simplePage table tr:nth-child(even) {
    background: var(--bgcol);
}
.simplePage table tr {
    display: block;
    border-radius: 10px !important;
    padding: 15px;
    margin: 15px 0;
}


/* ================================================ OROSIMA ============================================================ */



.eliamep-container > .row > .right > .bigtitle {
    margin-bottom: 30px;
}

#orosima .right > .description {
    margin-bottom: 75px;
}


.pastDirectors {
    display: flex;
}


.mediumTitle {
    margin-bottom:20px;    
}

.mediumTitle > span {
    font-size: 20px;
    font-weight: 900;
    color: var(--thirdcol);
    display: flex;
    align-items: center;
}

.mediumTitle > span:before {
    content: "";
    width: 25px;
    height: 3px;
    display: inline-block;
    background: var(--primcol);
    margin-right: 10px;
}

.pastDirectors .formerPresidents .president {
    margin-bottom: 20px;
}

.pastDirectors .formerPresidents .president .date {
    font-size: 28px;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primcol);
}

.pastDirectors .formerPresidents .president .name {
    line-height: 16px;
    display: flex;
    gap: 6px;
}

#orosima .landmarks {
    margin-top: 50px;
}

#orosima .landmarks > .description {
    margin-bottom: 50px;
}

#orosima .landmarks .mediumTitle {
    margin-bottom: 40px;
}

#orosima .landmarks .marks .date {
    font-size: 28px;
    font-weight: 900;
    color: var(--primcol);
    margin-bottom: 5px;
}

#orosima .landmarks .marks .mark {
    padding: 0px;
    color: var(--thirdcol);
    background-color: transparent;
    margin-bottom: 25px !important;
}



/*timeline*/
#orosima .landmarks .timeline {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    list-style-type: none;
  }
  
  
  #orosima .landmarks .timeline li {
    padding: 1em 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  
  #orosima .landmarks .timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  #orosima .landmarks .direction-l {
    position: relative;
    width: 160px;
    float: left;
  }
  
  #orosima .landmarks .direction-r {
    position: relative;
    width: calc(50%);
    float: right;
    padding: 20px;
    box-shadow: -6px 0px 10px 5px rgb(0 0 0 / 6%);
    border-radius: 10px;
    margin-left: 50px;
  }
  #orosima .landmarks .flag-wrapper {
    line-height: 25px;
  }
  
  #orosima .landmarks .flag {
    display: inline;
    border-radius: 5px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    line-height: 20px;
  }
  
  
  #orosima .landmarks .direction-l .flag:before,
  #orosima .landmarks .direction-r .flag:before {
    position: absolute;
    top: 50%;
    right: -48px;
    content: ' ';
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    background: #fff;
    border-radius: 10px;
    z-index: 7;
    border: 3px solid var(--seccol);
  }
  
  #orosima .landmarks .direction-r .flag:before {
    left: -70px;
  }
  
  #orosima .landmarks .direction-l .flag:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 0;
    width: 0;
    margin-top: -8px;
    border: solid transparent;
    border-left-color: rgb(248,248,248);
    border-width: 8px;
    pointer-events: none;
  }
  
  #orosima .landmarks .direction-r .flag:after {
      content: "";
      position: absolute;
      right: calc(100% + 59px);
      top: 0%;
      height: calc(100% + 340px);
      width: 3px;
      margin-top: -40px;
      border-right-color: rgb(248,248,248);
      pointer-events: none;
      background: #8eb8c8;
  }
  
  
  
  
  #orosima .landmarks .direction-r .time-wrapper {
    float: right;
  }
  
  #orosima .landmarks .time {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    background: var(--primcol);
    border-radius: 8px;
  }
  
  #orosima .landmarks .desc {
    margin-top: 0px;
    line-height: 21px;
    font-weight: 300;
    font-size: 15px;
  }
  
  
  #orosima .landmarks .timeline li:last-child .flag:after {
      display:none;
  }
  
  #orosima .landmarks .desc p {
      margin-bottom: 0px;
  }
  
  #orosima .landmarks .direction-l .time-wrapper {
      display: flex;
      height: 100%;
      align-items: center;
  }
  
  #orosima .landmarks .direction-r:before {
      content: "";
      width: 20px;
      height: 20px;
      background: #fff;
      display: block;
      position: absolute;
      left: -10px;
      top: 50%;
      margin-top: -10px;
      transform: rotate(45deg);
  }




/* ================================================ HUMAN RESOURCES ============================================================ */



#humanResources .eliamep-container .right .hrNav {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
}

#humanResources .eliamep-container .right .hrNav a {
    text-decoration: none;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 30px;
    color: var(--thirdcol);
    font-size: 16px;
    transition: 0.3s ease all;
}

#humanResources .eliamep-container .right .hrNav a.active {
    background: var(--primcol);
    color: #fff;
}

#humanResources .eliamep-container .right .hrNav a:not(.active):hover {
    background: var(--seccol);
    color: #fff;
}



#humanResources .eliamep-container .right .themFilter {
    margin-top: 20px;
    margin-bottom: 10px;
}

#humanResources .eliamep-container .right .themFilter .nice-select {
    width: 100%;
    height: 45px;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    line-height: 45px;
}



#humanResources .eliamep-container .right .themFilter .nice-select ul {
    width: 100% !important;
}

#humanResources .eliamep-container .right .themFilter .nice-select .current {
    font-size: 16px;
    color: var(--thirdcol);
}

#humanResources .eliamep-container .right .themFilter .nice-select:after {
    width: 10px;
    height: 10px;
    right: 20px;
    border-color: var(--thirdcol);
    margin-top: -5px;
}

#humanResources .eliamep-container .right .themFilter .nice-select.open {
    background: var(--primcol);
}

#humanResources .eliamep-container .right .themFilter .nice-select.open .current {
    color: #fff;
}






/* search */


.hr_search_bar {
    margin-top: 20px !important;
    position: relative;
    margin-bottom:10px;
}

.hr_search_bar input {
    width: 100%;
    height: 45px;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    padding-left: 18px;
    padding-right: 30px;
    font-size: 16px;
    color: var(--thirdcol);
    outline: none;
    background: #fff;
    transition: 0.3s ease all;
}

.hr_search_bar input::-ms-input-placeholder { /* Edge 12-18 */
  color: var(--thirdcol);
}

.hr_search_bar input::placeholder {
  color: var(--thirdcol);
}

.hr_search_bar input:focus {
    background: var(--bgcol);
}

.hr_search_bar svg {
    position: absolute;
    top: 50%;
    margin-top: -9.25px;
    right: 25px;
}






/* loader */


.eliamep-container > .row > .right > .hr {
    position: relative;
}

.eliamep-container > .row > .right .loader {
    position: absolute;
    left: -6px;
    top: 0px;
    width: calc(100% + 12px);
    height: 100%;
    background: rgb(255 255 255 / 85%);
    z-index: 9;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: none;
    -webkit-animation-name: bganimation;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: bganimation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.eliamep-container > .row > .right .loader .loading-image {
    width: 100px;
    height: auto;
    position: fixed;
    top: 160px;
    left: 50%;
    margin-left: -50px;
}

@-webkit-keyframes bganimation {
    0%     {background:rgb(255 255 255 / 95%);}
    50.0%  {background:rgb(255 255 255 / 75%);}
    100.0%  {background:rgb(255 255 255 / 95%);}
}

@keyframes bganimation {
    0%     {background:rgb(255 255 255 / 95%);}
    50.0%  {background:rgb(255 255 255 / 75%);}
    100.0%  {background:rgb(255 255 255 / 95%);}
}







#humanResources .eliamep-container .right .hrContent {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
}

#humanResources .eliamep-container .right .hrContent .bigtitle.style2 {
    margin-bottom: 30px;
}


.hrContent .people .person .image {
    width: 65px;
    height: 65px;
    position: relative;
    padding-bottom: 65px;
    margin-bottom: 12px;
}

.hrContent .people .person .image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    border-radius: 5px;
}

.hrContent .people .person .innerPerson {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--bgcol);
    border-radius: 10px;
    padding: 15px 15px 5px 15px;
    height: 240px;
    position: relative;
    overflow: hidden;
}

.hrContent .people .person .name {
    text-decoration: none;
    font-size: 18px;
    color: var(--thirdcol);
    font-weight: 900;
    transition: 0.3s ease all;
    z-index: 2;
    text-align: center;
    line-height: 20px;
}

.hrContent .people .person .title {
    font-size: 16px;
    color: var(--primcol);
}

.hrContent .people .person .status {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6; /* number of lines to show */
    line-clamp: 6; 
    -webkit-box-orient: vertical;
}

.hrContent .people .person .mail {
    position: absolute;
    bottom: 6px;
    display: flex;
}

.hrContent .people .person .name:hover {
    color: var(--seccol);
}

#humanResources .eliamep-container .right .hrContent .people {
    margin-bottom: 50px;
}

#humanResources .eliamep-container .right .hrContent .people .person {
    padding: 0px 6px;
    margin-bottom: 12px;
}

.hrContent .people .person .innerPerson:before {
    content: "";
    width: 150px;
    height: 178px;
    background: url('/wp-content/uploads/2024/03/person_decoration_2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -89px;
    left: -88px;
    z-index: 0;
}


.hrContent .people.admin .person .innerPerson:before {
    background: url('/wp-content/uploads/2024/03/person_decoration_1.svg');
}


#humanResources .eliamep-container .right .hrContent .people.extraPeople {
    margin-top: 100px;
}




/* ================================================ HR SINGLE PAGE ============================================================ */





#hr_singlePage .left .media img {
    width: 184px;
    height: 184px;
    object-fit: cover;
    border-radius: 5px;
}

#hr_singlePage .left .inner {
    background: var(--bgcol);
    margin-top: 140px;
    text-align: center;
    height: 345px;
    border-radius: 10px;
    position: relative;
}

main#hr_singlePage {
    padding-bottom: 100px;
}

#hr_singlePage .left .media {
    top: -92px;
    position: relative;
    margin-bottom: -92px;
}

#hr_singlePage .left .inner .info h1 {
    font-size: 25px;
    font-weight: 900 !important;
}

#hr_singlePage .left .inner .info {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 15px;
}

#hr_singlePage .left .inner .info .title {
    font-size: 18px;
    color: var(--primcol);
}

#hr_singlePage .left .inner .info .status {
    margin-top: .5em;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
}

#hr_singlePage .left .inner .info .mail {
    font-size: 15px;
    margin-top: 20px;
    text-decoration: none;
    color: #004560;
}
#hr_singlePage .left .inner .info .mail.second {
    margin-top: 0px;
}

#hr_singlePage .left .inner .info .mail svg {
    margin-right: 15px;
}


#hr_singlePage article .ds .left .inner:before {
    content: "";
    width: 266px;
    height: 315px;
    display: block;
    background: url('/wp-content/uploads/2024/03/person_decoration_1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: -144px;
}

#hr_singlePage .left .inner:before {
    content: "";
    width: 266px;
    height: 315px;
    display: block;
    background: url('/wp-content/uploads/2024/03/person_decoration_2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: -144px;
}

#hr_singlePage .left {
    overflow: hidden;
    padding-left: 0px;
}

#hr_singlePage article > .row {
    margin-left: 0px;
}



#hr_singlePage .left .inner .info .social {
    justify-content: center;
    margin-top: 15px;
}

#hr_singlePage .left .inner .info .social img {
    max-width: 24px;
}



/* tabs */

#hr_singlePage .right #pills-tab {
    margin-top: 50px;
    margin-bottom: 45px;
    justify-content: flex-start;
    grid-gap: 6px;
}

#hr_singlePage .right #pills-tab .nav-link {
    border: 1px solid var(--primcol);
    border-radius: 15px;
    font-size: 15px;
    color: var(--thirdcol);
    height: 45px;
    padding: 0px 20px;
    min-width: 130px;
}

#hr_singlePage .right #pills-tab .nav-link.active {
    background: var(--primcol);
    color: #fff;
}


#projects-tab .projects-content-inner > div {
    width: 33.33334%;
}

#pills-tabContent .projects-content-inner {
    display: flex;
    flex-wrap: wrap;
}

#hr_singlePage div#pills-tabContent a {
    color: var(--seccol);
    font-weight:bold;
}


.cvf-universal-pagination ul {margin: 0; padding: 0;}
.cvf-universal-pagination ul li {display: inline-flex;margin: 3px;padding: 0px 8px;color: var(--thirdcol);border: 2px solid var(--primcol);border-radius: 10px;height: 36px;align-items: center;transition: 0.3s ease all;}
.cvf-universal-pagination ul li.active:hover {cursor: pointer;background: var(--seccol);color: white;}
.cvf-universal-pagination ul li.inactive {border: 2px solid var(--primcol40);color: var(--thirdcol40);}
.cvf-universal-pagination ul li.selected {background: var(--primcol);color: white;}

.cvf-universal-pagination {
    text-align: center;
}

.cvf-universal-pagination ul li:first-child {
    margin-right: 30px;
}

.cvf-universal-pagination ul li:last-child {
    margin-left: 30px;
}

.cvf-universal-pagination ul li.inactive svg path {
    fill: var(--thirdcol40);
}




.events-archive > .row {
    position:relative;
}


#pills-tabContent .loader {
    position: absolute;
    left: -6px;
    top: 0px;
    width: calc(100% + 12px);
    height: 100%;
    background: rgb(255 255 255 / 85%);
    z-index: 9;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: none;
    -webkit-animation-name: bganimation;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: bganimation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

#pills-tabContent .loader .loading-image {
    width: 100px;
    height: auto;
    position: fixed;
    top: 160px;
    left: 50%;
    margin-left: -50px;
}

.personPostContent {
    display: flex;
    flex-wrap: wrap;
}

#pills-tabContent .postNav {
    width: 100% !important;
    margin-top: 50px;
}

.personPostContent > div:not(.postNav) {
    padding: 0 10px;
    margin-bottom: 18px;
}


/* share and langs */

.social-share-buttons {
   
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-share-buttons a {
    text-decoration: none;
}

.social-share-buttons a span {
    font-size: 14px;
    color: var(--thirdcol);
    font-weight: bold;
    margin-left: 10px;
}

.hrPostFooter {
     margin-top: 65px;
     border-top: 1px solid var(--primcol);
     padding-top: 20px;
     display: flex;
     justify-content: space-between;
}

.hrPostFooter .langs strong {
    font-size: 12px;
    margin-right: 10px;
}

.hrPostFooter .langs span {
    font-size: 14px;
    margin-right: 5px;
}

.hrPostFooter .langs span:after {
    content: ",";
}

.hrPostFooter .langs span:last-child:after {
    display: none;
}

.hrPostFooter .langs span:last-child {
    margin-right: 0px;
}


main#hr_singlePage .programSinglePage--postypes .row.post .posts {
    display: flex;
    grid-template-columns: unset;
    flex-wrap: wrap;
}

main#hr_singlePage .programSinglePage--postypes .row.post .posts .post {
    width: calc(33.33334% - 8px);
}

main#hr_singlePage .mediaInHr .row.post .posts .post {
    width: calc(50% - 8px);
}


/* ================================================ HOMEPAGE ============================================================ */




/* section 1 */


main#home-page {
    padding-top: 40px;
    padding-bottom: 0px;
}

section#newsAndMedia .left .post .media {
    height: 0;
    padding-bottom: 492px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

section#newsAndMedia:before {
    content: "";
    width: 168px;
    height: 400px;
    background: url('/wp-content/uploads/2024/03/section1_decoration.svg');
    display: block;
    position: absolute;
    right: 0px;
    top: 16px;
}

section#newsAndMedia {
    position: relative;
}


section#newsAndMedia .left .multiAuthors {
    width: fit-content;
}


#newsAndMedia .innerContainer > .row:before {
    content: "";
    width: 72px;
    height: 492px;
    background: url(/wp-content/uploads/2024/04/section_design_left.svg);
    background-size: contain;
    position: absolute;
    left: -52px;
    background-repeat: no-repeat;
}

#newsAndMedia .innerContainer > .row {
    position: relative;
}

section#newsAndMedia .postType {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

section#newsAndMedia .postType span {
    background: #d0e3ea;
    border-radius: 50px;
    font-size: 12px;
    padding: 3px 18px;
    font-weight: 600;
}

section#newsAndMedia .right .post .media {
    height: 0;
    padding-bottom: 240px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

section#newsAndMedia .left .post .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition:0.3s ease-in-out all;
}

section#newsAndMedia .left .post:hover .media img {
    width: 105%;
    height: 100%;
}

section#newsAndMedia .post {
    position: relative;
}

section#newsAndMedia .post .content {
    position: absolute;
    bottom: 20px;
    left: 0px;
    z-index: 2;
    padding: 0px 15px;
    transition: 0.2s linear all;
    transform: translate(0px, -0px);
}


section#newsAndMedia .right .post {
    max-width: calc(50% - 6px);
    width: 100%;
    max-height: 252px;
}

section#newsAndMedia .right {
    display: flex;
    flex-wrap: wrap;
    padding-left: 6px;
}

section#newsAndMedia .right .post:nth-child(odd) {
    margin-right: 6px;
}

section#newsAndMedia .right .post:nth-child(even) {
    margin-left: 6px;
}

section#newsAndMedia .left {
    padding-right: 6px;
}

section#newsAndMedia .post .media:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    transition: 0.2s ease all;
}

section#newsAndMedia .right .post:nth-child(-n+2) .media {
    margin-bottom: 12px;
}


section#newsAndMedia .right .post a.programm-cat, section#newsAndMedia .left .post a.programm-cat {
    font-size: 13px;
    font-weight: 400;
    margin: 0 5px 0px 0;
}

section#newsAndMedia .right .post a.programm-cat:hover, section#newsAndMedia .left .post a.programm-cat:hover {
    color: var(--primcol) !important;
}

section#newsAndMedia .right .post a.programm-cat img, section#newsAndMedia .left .post a.programm-cat img {
    margin-right: 10px;
}


section#newsAndMedia .right .post .programm, section#newsAndMedia .left .post .programm {
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 15px;
    z-index:2;
}


section#newsAndMedia .right .post .programm.multiProgram, section#newsAndMedia .left .post .programm.multiProgram {
    width: calc(100% - 45px);
}

section#newsAndMedia .right .post .programm.multiProgram .progToggle, section#newsAndMedia .left .post .programm.multiProgram .progToggle {
    right:-25px;
}


section#newsAndMedia .post .content .categories {
    display: flex;
    grid-gap: 5px;
    align-items: center;
    margin-bottom: 5px;
}

section#newsAndMedia .post .content .categories span {
    font-size: 15px;
    font-weight: 900;
    color: var(--primcol);
}

section#newsAndMedia .post .content .categories span:after {
    content: ",";
}

section#newsAndMedia .post .content .categories span:last-child:after {
    display: none;
}

section#newsAndMedia .left .post .content .title a {
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    font-size: 18px;
}

section#newsAndMedia .post .content .categories:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(/wp-content/uploads/2024/03/category_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

section#newsAndMedia .left .post .content .authors span {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}



section#newsAndMedia .right .post .content .title a {
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

section#newsAndMedia .right .post .content .authors span {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

section#newsAndMedia .right .post .content .authors {
    display: flex;
    grid-gap: 5px;
    align-items: center;
}



section#newsAndMedia .right .post .content .authors span:last-child:after {
    display: none;
}

section#newsAndMedia .left .post:hover .content {transform: translate(20px, -15px);}

section#newsAndMedia .right .post .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition: 0.3s ease-in-out all;
}

section#newsAndMedia .right .post:hover .media img {
    width: 105%;
    height: 100%;
}

section#newsAndMedia .right .post:hover .content {transform: translate(10px, -10px);}

section#newsAndMedia .post:hover .media:before {
    background: rgb(0 0 0 / 55%);
}










/* section 2 */


section#folder {
    background: var(--bgcol2);
    margin-top: 100px;
    margin-bottom: 100px;
    padding-top: 30px;
    padding-bottom: 88px;
}

.bigtitle.style1 {
    margin-bottom: 50px;
    width: auto;
    position: relative;
}

.bigtitle.style1 > span {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px;
    font-weight: 900;
    color: var(--thirdcol);
    display: flex;
    align-items: center;
}

.bigtitle > span:before {
    content: "";
    width: 45px;
    height: 3px;
    display: inline-block;
    background: var(--seccol);
    margin-right: 10px;
}

section#folder .bigtitle.style1 {
    margin-bottom: 60px;
}


.folderPosts .post .inner {
    background: #fff;
    display: flex;
    border-radius: 10px;
    padding: 18px 0px;
    height: 100%;
    min-height: 130px;
}

.folderPosts .post .inner .left {
    width: 68px;
    position: relative;
    overflow: hidden;
}

.folderPosts .post .inner .right {
    width: calc(100% - 68px);
    position: relative;
    padding-right: 15px;
}

.folderPosts .post .inner .left .monthday {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -18px;
    z-index: 2;
    text-align: center;
}

.folderPosts .post .inner .left .monthday span {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}

.folderPosts .post .inner .left .year {
    transform: rotate(90deg);
    display: flex;
    position: absolute;
    left: -20px;
    top: 50%;
    width: 68px;
    margin-top: -20px;
    justify-content: center;
    font-size: 40px;
    font-weight: 900;
    color: var(--thirdcol);
    line-height: 44px;
    z-index: 0;
    opacity: 0.1;
}

.folderPosts .post .inner .right .title {
    display: block;
}

.folderPosts .post .inner .right .title a {
    text-decoration: none;
    font-size: 22px;
    font-weight: 900;
    color: #a83a00;
    position: relative;
    top: -54px;
    margin-bottom: -30px;
    display: block;
    left: -68px;
}

.folderPosts .post .inner .right .shortDesc {
    font-size: 17px;
    font-weight: bold;
    color: var(--thirdcol);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.folderPosts .post .inner .right .moreBtn {
    width: 46px;
    height: 28px;
    border: 2px solid var(--primcol);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    right: 20px;
    bottom: -32px;
    transition: 0.3s ease all;
}

.folderPosts .post .inner .right .moreBtn svg path {
    fill: var(--thirdcol);
}

.folderPosts .post .inner .right .moreBtn:hover {
    background: var(--primcol);
}

.folderPosts .post .inner .right .moreBtn:hover path {
    fill: #fff;
}

.folderPosts .post .inner .right .thematiki span {
    font-size: 14px;
    color: var(--thirdcol);
    font-weight: bold;
    display: flex;
    align-items: center;
}

.folderPosts .post .inner .right .thematiki span img {
    margin-right: 10px;
}

.folderPosts .post .inner .right .thematiki {margin-top: 20px;}







/* section 3 */



/*left top post type*/


.bigtitle.style2 > span {
    font-size: 35px;
    font-weight: 900;
    color: var(--thirdcol);
    display: flex;
    align-items: center;
}

.topPostType .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.viewAllLink {
    border: 2px solid var(--primcol);
    border-radius: 5px;
    display: inline-flex;
    max-width: 200px;
    width: 100%;
    justify-content: center;
    height: 40px;
    align-items: center;
    position: relative;
}

.viewAllLink > a {
    text-decoration: none;
    color: var(--thirdcol);
    font-weight: bold;
    font-size: 14px;
    background: transparent;
    position: relative;
    z-index: 1;
    transition: 0.3s ease all;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.viewAllLink:before {
    content: "";
    width: 248px;
    height: 2px;
    background: var(--primcol);
    position: absolute;
    right: 100%;
    transition: 0.2s ease all;
}

.viewAllLink:after {
    content: "";
    width: 0%;
    height: 100%;
    background: var(--primcol);
    position: absolute;
    left: 0px;
    transition: 0.3s ease all;
    transition-delay: 0.18s;
}

.viewAllLink:hover:before {
    width: 0px;
}

.viewAllLink:hover:after {
    width: 100%;
}

.viewAllLink:hover a {
    color: #fff;
}

.topPostType .desc p {
    margin: 0px;
    font-size: 18px;
    color: var(--thirdcol);
}

.topPostType .desc {
    padding-top: 60px;
    padding-bottom: 40px;
}

.topPostType .posts .post .media {
    width: 120px;
    height: 0;
    padding-bottom: 130px;
    position: relative;
    overflow: hidden;
}

.topPostType .posts .post .media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    transition:0.3s ease-in-out all;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.topPostType .posts .post .media:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(135,164,141,0) 0%, rgba(0,0,0,0) 50%, rgba(18,17,11,1) 100%);
    position: absolute;
    z-index: 1;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.topPostType .posts .post .innerPost {
    background: var(--bgcol);
    border-radius: 10px;
    /* overflow: hidden; */
    display: flex;
    align-items: center;
}

.topPostType .posts .post .innerPost .content {
    max-width: calc(100% - 120px);
    width: 100%;
    padding: 10px;
    height: 130px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.topPostType .posts .post {
    margin-bottom: 70px;
}

.topPostType .posts .post:nth-child(5) {
    margin-bottom: 0px;
}

.topPostType .posts .post:nth-child(6) {
    margin-bottom: 0px;
}

.topPostType .posts .post:nth-child(odd) {
    padding-right: 6px;
}

.topPostType .posts .post:nth-child(even) {
    padding-left: 6px;
}

.topPostType .posts .post .innerPost .content .title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-decoration: none;
    font-size: 17px;
    color: var(--thirdcol);
    font-weight: 700;
    line-height: 20px;
}






.topPostType .posts .post .innerPost .content .thematiki span {
    font-size: 14px;
    color: var(--thirdcol);
    font-weight: bold;
    display: flex;
    align-items: center;
}

.topPostType .posts .post .innerPost .content .thematiki span img {
    margin-right: 10px;
}

.topPostType .posts .post .innerPost .content .thematiki {margin-top: 8px;}





.topPostType .posts .post .innerPost .content .moreBtn {
    width: 46px;
    height: 28px;
    border: 2px solid var(--primcol);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    right: 20px;
    bottom: -14px;
    transition: 0.3s ease all;
}

.topPostType .posts .post .innerPost .content .moreBtn svg path {
    fill: var(--thirdcol);
}

.topPostType .posts .post .innerPost .content .moreBtn:hover {
    background: var(--primcol);
}

.topPostType .posts .post .innerPost .content .moreBtn:hover path {
    fill: #fff;
}

.topPostType .posts .post .innerPost .content .date {
    display: flex;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    align-items: center;
}
.topPostType .posts .post .innerPost .content .date svg {
    width: 13px;
    height: 13px;
    margin-right: 8px;
}





/* left bottom post type */


.bottomPostType .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}



.bottomPostType .post .inner {
    background: #fff;
    display: flex;
    border-radius: 10px;
    padding: 10px 0px;
    height: 100%;
    min-height: 130px;
}

.bottomPostType .post .inner .left {
    width: 68px;
    position: relative;
    overflow: hidden;
}

.bottomPostType .post .inner .right {
    width: calc(100% - 68px);
    position: relative;
    padding-right: 15px;
}

.bottomPostType .post:nth-child(3n) .inner .right {
    border-right: none;
}
.bottomPostType .post .inner .right {
    border-right: 1px solid var(--primcol);
}

.bottomPostType .post .inner .left .monthday {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -18px;
    z-index: 2;
    text-align: center;
}

.bottomPostType .post .inner .left .monthday span {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}

.bottomPostType .post .inner .left .year {
    transform: rotate(90deg);
    display: flex;
    position: absolute;
    left: -18px;
    top: 50%;
    width: 68px;
    margin-top: -20px;
    justify-content: center;
    font-size: 40px;
    font-weight: 900;
    color: var(--thirdcol);
    line-height: 44px;
    z-index: 0;
    opacity: 0.1;
}

.bottomPostType .post .inner .right .title {
    display: block;
}

.bottomPostType .post .inner .right .title a {
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    color: var(--thirdcol);
    display: -webkit-box;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bottomPostType .post .inner .right .categories {
    display: flex;
    grid-gap: 5px;
    margin-top: 5px;
}

.bottomPostType .post .inner .right .categories span {
    font-size: 12px;
    color: var(--thirdcol);
    font-weight: bold;
}

.bottomPostType .post .inner .right .categories span:after {
    content: ",";
}

.bottomPostType .post .inner .right .categories span:last-child:after {
    display: none;
}

.eventStatus {
    font-size: 12px;
    font-weight: bold;
    width: 110px;
    border: 2px solid;
    display: inline-flex;
    border-radius: 10px;
    height: 27px;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

span.eventStatus.green {
    color: #186B00;
    background: #fff;
}

span.eventStatus.today {
    color: var(--primcol);
    background: #fff;
}

#multiInfoTypes .bottomPostType {
    margin-top: 15px;
}



.topPostType .posts .post .innerPost .multiProgram {
    position: relative;
    max-width: calc(100% - 20px);
     transition: 0.25s ease all;
    padding: 0px;
    border-radius: 0px;
}

.topPostType .posts .post .innerPost .multiProgram .progToggle {
    width: 20px;
    height: 20px;
    background: var(--primcol);
    display: flex;
    border-radius: 50px;
    position: absolute;
    margin-right: 0px;
    cursor:pointer;
    right: -25px;
    top: 50%;
    margin-top: -10px;
}



.topPostType .posts .post .innerPost .multiProgram .moreProgs {
    position: absolute;
    /* top: 100%; */
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 18%);
    height: auto !important;
}

.topPostType .posts .post .innerPost .multiProgram.active {
    background: transparent;
}

.topPostType .posts .post .innerPost .multiProgram a.programm-cat {
    font-size: 14px;
    color: var(--thirdcol);
}

.topPostType .posts .post .innerPost .multiProgram a.programm-cat img {
    margin-right: 5px;
}



/* right post type */


#multiInfoTypes .left.col-lg-8.col-md-12.col-sm-12 {
    padding-top:20px;
}

#multiInfoTypes .right.col-lg-4.col-md-12.col-sm-12 {
    background: var(--bgcol);
    border-radius: 10px;
    padding: 20px;
}


.rightPostType .rows .row {
    display: flex;
    margin: 0px;
    border-top: 2px solid var(--primcol);
    padding-top: 40px;
    padding-bottom: 20px;
}

.rightPostType .rows .row .left {
    width: 150px;
    padding: 0px;
}

.rightPostType .rows .row .left img {
    width: 100%;
}

.rightPostType .rows .row .right {
    width: calc(100% - 150px);
    padding-right: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.rightPostType .rows {
    margin-top: 15px;
}

.rightPostType .rows .row .right .description {
    font-size: 14px;
    display: block;
    text-align: right;
    line-height: 18px;
}

.rightPostType .rows .row .right .description strong {
    font-size: 17px;
}

.rightPostType .rows .row .right .description p:last-child {
    margin-bottom: 0px;
}



#morebuttonid {
    border:none;
    outline:none;
    background:transparent;
    position: relative;
    width: 20px;
}

#morebuttonid span {
    width: 16px;
    height: 16px;
    background: var(--thirdcol);
    display: flex;
    border-radius: 50px;
    margin-right: 0px;
    cursor:pointer;
    position: absolute;
    right: 0px;
    bottom: -2px;
}

#morebuttonid span:before {
    content: "";
    width: 10px;
    height: 2px;
    background: white;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 3px;
    transition: 0.2s linear all;
}


#morebuttonid span:after {
    content: "";
    width: 2px;
    height: 10px;
    background: white;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 3px;
    transition: 0.2s linear all;
    transform: rotate(0deg);
}
#morebuttonid.active span:before {
    width: 0px;
}

#morebuttonid.active span:after {
    transform: rotate(90deg);
}



.rightPostType .rows .row .right .viewAllLink2 {
    position: relative;
    margin-top: 20px;
}

.viewAllLink2 {
    border: 2px solid var(--primcol);
    border-radius: 5px;
    display: inline-flex;
    max-width: 200px;
    width: 100%;
    justify-content: center;
    height: 40px;
    align-items: center;
}

.viewAllLink2 > a {
    text-decoration: none;
    color: var(--thirdcol);
    font-weight: bold;
    font-size: 14px;
    background: transparent;
    position: relative;
    z-index: 1;
    transition: 0.3s ease all;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.viewAllLink2:after {
    content: "";
    width: 0%;
    height: 100%;
    background: var(--primcol);
    position: absolute;
    left: 0px;
    transition: 0.3s ease all;
    transition-delay: 0.18s;
}
.viewAllLink2:hover:after {
    width: 100%;
}
.viewAllLink2:hover a {
    color: #fff;
}

.rightPostType .rows .row:last-child {
    padding-bottom: 10px;
}

.rightPostType .rows .row:first-child {
    border-top: none;
    padding-top: 10px;
}


/* bottom post type */


#multiInfoTypes .row > .bottom {
    margin-top: 60px;
}



/* section 4 */



#news .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#news .bigtitle.style1 {
    margin-bottom: 0px;
}

section#news {
    margin-top: 100px;
}

#news .articles {
    background: var(--bgcol2);
    padding-top: 50px;
    padding-bottom: 50px;
}

#news .articles .article .innerArticle {
    background: #fff;
}

#news .articles .article .image {
    height: 0;
    padding-bottom: 242px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#news .articles .article .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition: 0.3s ease-in-out all;
}

#news .articles .article .image:hover img {
    width: 105%;
    height: 100%;
}


#news .articles .article .image .title {
    position: absolute;
    left: 15px;
    bottom: 18px;
    padding-right: 15px;
    z-index: 2;
    transition: 0.2s linear all;
    transform: translate(0px, 0px);
}

#news .articles .article .image:hover .title {
    transform: translate(15px, -10px);
}

#news .articles .article .image .title a {
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

#news .articles .article .content {
    padding: 15px;
}




#news .articles .article .content .programm .programm-cat {
    font-size: 15px;
    color: var(--thirdcol);
    font-weight: bold;
    display: flex;
    align-items: center;
}

#news .articles .article .content .programm .programm-cat img {
    margin-right: 10px;
}

#news .articles .article .content .multiProgram {
    position: relative;
    width: calc(100% - 10px);
}

#news .articles .article .content .multiProgram .progToggle {
    background: var(--primcol);
    right: -22px;
}



#news .articles .article .content .date {
    display: flex;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    align-items: center;
}
#news .articles .article .content .date svg {
    width: 13px;
    height: 13px;
    margin-right: 8px;
}

#news .articles .article .image:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(135,164,141,0) 0%, rgba(0,0,0,0) 50%, rgba(18,17,11,1) 100%);
    position: absolute;
    z-index: 1;
    transition: 0.2s ease all;
}

#news .articles .article:first-child {
    padding-right: 6px;
}

#news .articles .article:last-child {
    padding-left: 6px;
}


#news .articles .article:nth-child(2) {
    padding-right: 6px;
    padding-left: 6px;
}

#news .articles .article .image:hover:before {
    background: linear-gradient(180deg, rgba(135, 164, 141, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(18, 17, 11, 1) 100%);
}









/* section 5 */


section#seats {
    margin-top: 100px;
    margin-bottom: 100px;
}

section#seats .seatsEntries {
    background: var(--bgcol2);
    padding-top: 35px;
    padding-bottom: 35px;
}

section#seats .bigtitle.style1 {
    margin-bottom: 0px;
    max-width: 848px;
    height: 90.86px;
}


section#seats .seatsEntries .row {
    justify-content: center;
}

section#seats .seatsEntries .row .seat {
    text-align: center;
}

section#seats .seatsEntries .row .seat .seatTitle {
    display: block;
    margin-top: 25px;
}

section#seats .seatsEntries .row .seat .seatTitle a {
    text-decoration: none;
    font-size: 19px;
    font-weight: bold;
    color: var(--thirdcol);
    transition: 0.3s ease all;
}

section#seats .seatsEntries .row .seat .seatTitle a:hover {
    color: var(--primcol);
}






/* section 6 */


#newsletter .bigtitle.style1 {
    margin-bottom: 0px;
}

#newsletter .newsletterForm {
    /*background: url(/wp-content/uploads/2024/03/absolutvision-WYd_PkCa1BY-unsplash.jpg);*/
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
}


#newsletter .newsletterForm:before {
    content: "";
    background: linear-gradient(280deg, rgba(247,246,245,0.7987570028011204) 0%, rgba(247,246,245,1) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

#newsletter .newsletterForm .inner {
    position: relative;
}

#newsletter .newsletterForm .right {
    padding-left: 218px;
}

#newsletter .newsletterForm .left .desc {
    margin-bottom: 40px;
    display: block;
}

#newsletter .newsletterForm .left .desc p {
    margin-bottom: 0px;
    font-size: 18px;
}

#newsletter .newsletterForm .left .form .formCol input {
    width: 100%;
    margin-bottom:20px;
    border: none;
    background: #fff;
    height: 40px;
    border-radius: 5px;
    outline: none;
    padding: 0px 10px;
    font-size: 15px;
    color: var(--thirdcol);
}

#newsletter .newsletterForm .left .form .gdpr .checkb {
    display: flex;
    align-items: baseline;
}

#newsletter .newsletterForm .left .form .gdpr .checkb label {
    font-size: 14px;
    margin-left: 15px;
}

#newsletter .newsletterForm .left .form .gdpr .checkb label a {
    text-decoration: none;
    color: var(--seccol);
    font-weight: bold;
}

#newsletter .newsletterForm .left .formColFull .viewAllLink2 {
    position: relative;
    background: #fff;
}

#newsletter .newsletterForm .left .formColFull .viewAllLink2 input {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    position: relative;
    z-index: 2;
    transition: 0.3s ease all;
    color: var(--thirdcol);
}

#newsletter .newsletterForm .left .formColFull .viewAllLink2:hover input {
    color: #fff;
}

#newsletter .newsletterForm .right .subTitle {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

#newsletter .newsletterForm .right .newsletterEntries {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#newsletter .newsletterForm .right .newsletterEntries .entry {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 10px 10px;
    border-radius: 5px;
}

#newsletter .newsletterForm .right .newsletterEntries .entry .title a {
    text-decoration: none;
    font-size: 19px;
    color: var(--thirdcol);
    line-height: 20px;
}

#newsletter .newsletterForm .right .newsletterEntries .entry .date {
    font-size: 14px;
}

#newsletter .newsletterForm .right .viewAllLink2 {
    position: relative;
    margin-top: 15px;
    background: #fff;
}

/* ============================= Events Archive Page loop ================================== */

.event .event-container {
    background: var(--bgcol);
    box-shadow: 0 0 10px 5px #0000001a;
    border-radius: 10px !important;
    overflow: hidden;
    min-height: 500px;
}

.event.upcoming .event-container {
    border: 2px solid var(--primcol);
}

.event .event-container .thumbnail.event-thumbnail {
    background-size: cover !important;
}


a.imgLink {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
}

.event .event-container .thumbnail .programm a {
    text-wrap: nowrap;
    font-size: 14px;
    font-weight: 900;
    color: var(--thirdcol);
    transition: all 0.25s ease-in-out;
    display: flex;
    align-items: center;
}


.type-events .progToggle {
    right: -20px !important;
    top: 10px !important;
}

#hr_singlePage .type-events .progToggle {
    right: -10px !important;
    top: -25px !important;
}

#hr_singlePage .type-events .multiProgram {
    max-width:100%;
}


.type-events .multiProgram {
    max-width: calc(100% - 20px);
    margin-left: 0px;
    margin-right: auto;
    position: relative;
}

.type-events .multiProgram .moreProgs {
    height: 0px;
}

.type-events .multiProgram.active .moreProgs {
    height: auto;
}



.event .event-container .thumbnail .programm a:hover {
    color: var(--primcol);
    transition: all 0.25s ease-in-out;
}

.event .event-container .thumbnail .programm a img{
    margin-right: 5px;
}

.event .event-container .before-title {
    position: relative;
    height: 60px;
}

.event .event-container .date span.year {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-size: 50px;
    font-weight: 900;
    color: var(--thirdcol);
    opacity: 0.1;
}

.event .event-container .monthday {
    position: absolute;
    top: 25px;
    font-size: 20px;
    color: var(--thirdcol);
    font-weight: 900;
}

.event .event-container .event-title {
    min-height: 50px;
}

.event .event-container .event-title h3 {
    line-height: 21px !important;
}

.event .event-container .event-title h3 a {
    color: var(--thirdcol);
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
    transition: all 0.25s ease-in-out;
}

.event .event-container .event-title h3 a:hover {
    color: var(--primcol);
    transition: all 0.25s ease-in-out;
}

.event .event-container .event-contributors .contributors {
    font-weight: bold;
    margin: 0 !important;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}


.event .event-container .event-contributors .contributors .moreConts {
    position: absolute;
    bottom: calc(100% + 10px);
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    transition: 0.25s linear all;
    transform: translateY(40px);
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
}

.event .event-container .event-contributors .contributors .moreConts span {
    font-size: 14px;
}

.event .event-container .event-contributors .contributors .contToggle {
        width: 16px;
        height: 16px;
        background: #000;
        display: flex;
        border-radius: 50px;
        position: relative;
        margin-right: 0px;
        margin-left: 8px;
        cursor: pointer;
}


.event .event-container .event-contributors .contributors .contToggle:before {
    content: "";
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 3px;
    transition: 0.2s linear all;
}


.event .event-container .event-contributors .contributors .contToggle:after {
    content: "";
    width: 2px;
    height: 10px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 3px;
    transition: 0.2s linear all;
    transform: rotate(0deg);
}
.event .event-container .event-contributors .contributors.active .contToggle:before {
    width: 0px;
}

.event .event-container .event-contributors .contributors.active .contToggle:after {
    transform: rotate(90deg);
}

.event .event-container .event-contributors .contributors.active .moreConts {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


.events-archive > .row > .right .eventsContent {
    display: flex;
    flex-wrap: wrap;
}

.events-archive > .row > .right .eventsContent > div {
    padding: 0 12px;
    margin-bottom: 24px;
}

.events-archive > .row > .right > .row {
    position: relative;
}


.events-archive > .row > .right .eventsContent .postNav {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 50px;
}





/* ============================= Projects Archive Page loop ================================== */


.type-projects .multiProgram .moreProgs {
    height: 0;
}

.type-projects .multiProgram.active .moreProgs {
    height: auto;
}

.type-projects .multiProgram {
    position:relative;
    max-width: calc(100% - 20px);
}
.type-projects .multiProgram .progToggle {top: 50%;margin-top: -10px;right: -25px;}


.projects-content .project .thumbnail {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

.projects-content .project .project-container a.programm-cat {
    font-size: 14px;
    margin: 0 5px 0px 0;
    font-weight: 200;
}

.projects-content .project .project-container a.programm-cat:hover {
    color: var(--primcol) !important;
}

.projects-content .project .project-container a.programm-cat img {
    margin-right: 10px;
}

.projects-content .project .project-container .project-title h3 {
    line-height: 21px !important;
}

.projects-content .project .project-container .project-title h3 a{
    color: white;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}


.projects-archive .projects-content {
    position: relative;
}

.projects-archive .projects-content .loader {
    position: absolute;
    left: -6px;
    top: 0px;
    width: calc(100% + 12px);
    height: 100%;
    background: rgb(255 255 255 / 85%);
    z-index: 9;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: none;
    -webkit-animation-name: bganimation;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: bganimation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.projects-archive .projects-content .loader .loading-image {
    width: 100px;
    height: auto;
    position: fixed;
    top: 160px;
    left: 50%;
    margin-left: -50px;
}



.projects-archive .projects-content .projects-content-inner .status {
    position: absolute;
    top: 10px;
    font-size: 14px;
    color: #fff;
    padding: 5px 25px;
    border-radius: 10px;
    text-transform: uppercase;
}

.projects-archive .projects-content .projects-content-inner .status.complete {
    background: var(--primcol);
    border: 1px solid #8C5932;
}

.projects-archive .projects-content .projects-content-inner .status.active {
    background: var(--seccol);
    border: 1px solid #33738D;
}



/* filters */

.projects-archive .filters .statusFilters > ul {
    list-style: none;
    padding: 0px;
    display: flex;
    max-width: 878px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto;
}

.projects-archive .filters .inner {
    border-bottom: 1px solid var(--primcol);
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 30px;
}


.projects-archive .filters .statusFilters ul li a {
    text-decoration: none;
    color: var(--thirdcol);
    font-size: 18px;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    height: 45px;
    display: flex;
    padding: 0 30px;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    transition: 0.3s ease all;
    text-transform: capitalize;
}

.projects-archive .filters .statusFilters ul li a.active {
    background: var(--primcol);
    color: #fff;
}

.projects-archive .filters .statusFilters ul li a:hover {
    background: var(--seccol);
    color: #fff;
}



.projects-archive .filters .statusFilters > .row {
    max-width: 878px;
    margin: 0 auto;
    padding-bottom: 25px;
}

.projects-archive .filters .statusFilters > .row .nice-select {
    width: 100%;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
}

.projects-archive .filters .statusFilters > .row .nice-select .list {
    width: 100%;
}


.projects-archive .filters .statusFilters > .row .nice-select:after {
    width: 10px;
    height: 10px;
    right: 20px;
    border-color: var(--thirdcol);
    margin-top: -5px;
}

.projects-archive .filters .statusFilters > .row .nice-select.open {
    background: var(--primcol);
}

.projects-archive .filters .statusFilters > .row .nice-select.open .current {
    color:#fff;
}



.project_search_bar {
    position: relative;
}

.project_search_bar input {
    width: 100%;
    height: 45px;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    padding-left: 18px;
    padding-right: 30px;
    font-size: 16px;
    color: var(--thirdcol);
    outline: none;
    background: #fff;
    transition: 0.3s ease all;
}

.project_search_bar input::-ms-input-placeholder { /* Edge 12-18 */
  color: var(--thirdcol);
}

.project_search_bar input::placeholder {
  color: var(--thirdcol);
}

.project_search_bar input:focus {
    background: var(--bgcol);
}

.project_search_bar svg {
    position: absolute;
    top: 50%;
    margin-top: -9.25px;
    right: 25px;
}




/* ============================= Projects Single Page ================================== */

.sidebar.project-sidebar {
    background: var(--bgcol) !important;
    border-radius: 15px;
}

.singleProject {
    margin-top: 40px;
    margin-bottom: 20px;
}



.extraPosts .posts {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 10px;
}
.extraPosts .posts a.programm-cat {
    font-size: 12px;
    font-weight: 400;
    margin: 0 5px 5px 0;
}

.extraPosts .posts a.programm-cat:hover {
    color: var(--primcol) !important;
}

.extraPosts .posts a.programm-cat img {
    margin-right: 10px;
}
.extraPosts .posts .programm {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index:2;
}


.extraPosts .posts .post .content .title a {
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    font-size: 15px;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.extraPosts .posts .post .content .authors span {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    margin-right: 5px;
}
.extraPosts .posts .post .content .authors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 6px;
}

.extraPosts .posts .post {
    position:relative;
}

.extraPosts .posts .post .media:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    transition: 0.2s ease all;
    background: linear-gradient(0deg, var(--thirdcol) 0%, var(--thirdcol40) 50%, #ffffff00 100%);
}

.extraPosts .posts .post .content {
    position: absolute;
    bottom: 20px;
    left: 0px;
    z-index: 2;
    padding: 0px 15px;
    transition: 0.2s linear all;
    transform: translate(0px, -0px);
}

.extraPosts .posts .post:hover .media img {
    width: 105%;
    height: 100%;
}
.extraPosts .posts .post:hover .content {transform: translate(10px, -10px);}

.extraPosts .posts .post:hover .media:before {
    background: linear-gradient(0deg, var(--thirdcol) 0%, var(--thirdcol40) 75%, #ffffff00 100%);
}


.extraPosts .posts .post .media {
    height: 0;
    padding-bottom: 260px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.extraPosts .posts .post .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition: 0.3s ease-in-out all;
}


.extraPosts {
    margin-top: 100px;
}

.extraPosts > .title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.extraPosts > .title:before {
    content: "";
    width: 20px;
    height: 4px;
    background: var(--primcol);
    margin-right: 10px;
}



.extraPosts.projects {
    margin-top: 100px;
    padding: 0px;
}

.extraPosts.projects .posts .post {
    padding:0px;
}

.extraPosts.projects .posts {
    margin:0px;
    grid-template-columns: 1fr 1fr 1fr;
}


.extraPosts.media .progAndSource .programm {
    width: auto !important;
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
}

.extraPosts.media .progAndSource {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.extraPosts.media .progAndSource .programm-cat {
    padding: 3px 10px 3px 10px;
    font-size: 14px !important;
    margin: 0px !important;
}

.extraPosts.media .progAndSource .source {
    color: #fff;
    font-size: 12px;
    margin-left: 6px;
}





.extraPosts.publi .categories {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

.extraPosts.publi .categories span {
    font-size: 14px;
    font-weight: 900;
    color: var(--primcol);
}

.extraPosts.publi .categories span:after {
    content: ",";
}

.extraPosts.publi .categories span:last-child:after {
    display: none;
}
.extraPosts.publi .categories:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(/wp-content/uploads/2024/03/category_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
}



/* ============================= Program Page ================================== */



section#header-hero.program .bg-dark {
    height: 520px !important;
    --bs-bg-opacity: 0.8;
}


#header-hero.program .titleDescription {
    max-width: 85%;
}

#header-hero.program .titleDescription h1:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(/wp-content/uploads/2024/03/section2-decoration.svg);
    background-size: contain;
    opacity: 0.1;
    background-repeat: no-repeat;
}
#header-hero.program .titleDescription h1 {
    margin-bottom: 35px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}


section#header-hero.program .bg-dark > div > svg {
    position: absolute;
    top: 50%;
    right: 0px;
    height: 470px;
    width: 200px;
    margin-top: -235px;
}


.taxProgBgColor {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    filter: opacity(0.2);
}


.programSinglePage .inner {
    margin-top: 80px;
    margin-bottom: 100px;
}

.programSinglePage .inner .splide__slide.project .project-title h3 {
    line-height: 21px !important;
}

.programSinglePage .inner .splide__slide.project .project-title h3 a{
    color: white;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.programSinglePage .inner .splide__slide.project .status {
    position: absolute;
    top: 10px;
    font-size: 14px;
    color: #fff;
    padding: 5px 25px;
    border-radius: 10px;
    background:var(--primcol);
}


.programSinglePage .project .thumbnail {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}


.programSinglePage .splide__pagination {
    bottom: -40px;
    padding: 0px;
    max-width: 50%;
    right: 0px;
    left: auto;
    width: 100%;
    justify-content: flex-end;
}


.programSinglePage .splide .splide__arrows .splide__arrow--prev {
    bottom: auto;
    width: 32px;
    height: 40px;
    transform: translateY(0px);
    top: auto;
    left: auto;
    right:auto;
    margin-left: 0px;
    background: #fff;
    opacity: 1;
    border: 2px solid var(--primcol);
    border-radius: 5px;
    position:relative;
}

.programSinglePage .splide .splide__arrows .splide__arrow--prev svg path {
    fill: var(--primcol);
}


.programSinglePage .splide .splide__arrows .splide__arrow--next {
    bottom: auto;
    width: 32px;
    height: 40px;
    transform: translateY(0px);
    top: auto;
    right: auto;
    margin-right: 0px;
    background: #fff;
    opacity: 1;
    border: 2px solid var(--primcol);
    border-radius: 5px;
    left: 38px;
}

.programSinglePage .splide .splide__arrows .splide__arrow--next svg path {
    fill: var(--primcol);
}


.programSinglePage .splide__arrows {
    position: absolute;
    bottom: -50px;
    width: 50%;
    display: flex;
}

.programSinglePage .splide__pagination .splide__pagination__page {
    width: 20px;
    height: 10px;
    border-radius: 10px;
    background: var(--primcol);
    transition: 0.2s linear all;
}

.programSinglePage .splide__pagination .splide__pagination__page.is-active {
    transform: none;
    width: 40px;
    background: var(--seccol);
}




.programSinglePage--hr .hrContent .people .person {
    padding: 0px 6px;
    margin-bottom: 12px;
}



.programSinglePage {
    margin-bottom: 150px;
}

.bigtitle.style3 {
    margin-bottom: 0px;
    display: inline-block;
    height: 122px;
    position: relative;
    width: auto;
    background:url('/wp-content/uploads/2024/04/section_4_decoration2.svg');
    font-size: 35px;
    font-weight: 900;
    color: var(--thirdcol);
    padding-right: 30px;
    background-size: cover;
    background-position: center;
}

.bigtitle.style3 span {
    position: relative;
    transform: none;
    top: 0px;
    left: 0px;
    display: flex;
    height: 100%;
    align-items: center;
}



.bigtitle.style3 span span {
    font-weight: normal;
    color: var(--primcol);
    margin-right: 10px;
}

.bigtitle.style3 > span:before {
    background:var(--primcol);
}


.programSinglePage--postypes .bigtitle {
    margin-bottom: 0px;
}

.programSinglePage--postypes > .row {
    margin-bottom: 200px;
}

.programSinglePage--postypes {
    margin-top: 120px;
}

.programSinglePage--postypes .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.programSinglePage--hr .bigtitle {
    margin-bottom: 0px;
}

/* posts */


.programSinglePage--postypes .row.post .posts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 12px;
}



.programSinglePage--postypes .row.post .posts .post .media:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    transition: 0.2s ease all;
    background: linear-gradient(0deg, var(--thirdcol) 0%, var(--thirdcol40) 50%, #ffffff00 100%);
}

.tax-program .row.post .programm-cat {
    font-size: 14px;
}


#pubplication-tab .programSinglePage--postypes .row.post .posts .post a.programm-cat {
    font-size: 12px;
    font-weight: 400;
    margin: 0 5px 5px 0;
}

.programSinglePage--postypes .row.post .posts .post a.programm-cat:hover {
    color: var(--primcol) !important;
}

.programSinglePage--postypes .row.post .posts .post a.programm-cat img {
    margin-right: 10px;
    width: 13px;
}


.programSinglePage--postypes .row.post .posts .post .programm {
    position: absolute;
    width: calc(100% - 60px);
    left: 15px;
    top: 15px;
    z-index: 2;
}


/* more than 2 programs */


.multiProgram .progToggle {
    width: 20px;
    height: 20px;
    background: #fff;
    display: flex;
    border-radius: 50px;
    position: absolute;
    margin-right: 0px;
    cursor:pointer;
    right: -35px;
    top: 0px;
}

.multiProgram .progToggle:before {
    content: "";
    width: 10px;
    height: 2px;
    background: var(--thirdcol);
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 5px;
    transition: 0.2s linear all;
}


.multiProgram .progToggle:after {
    content: "";
    width: 2px;
    height: 10px;
    background: var(--thirdcol);
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 5px;
    transition: 0.2s linear all;
    transform: rotate(0deg);
}

.multiProgram {
    transition: 0.25s ease all;
    padding:0px;
    border-radius:0px;
}

.multiProgram .moreProgs {
    display: flex;
    flex-direction: column;
    padding: 0px;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(40px);
    transition: 0.25s linear all;
    min-width: 190px;
    height:0px;
}

.multiProgram.active .moreProgs {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    height:auto;
}

.multiProgram.active a {
    color:var(--thirdcol) !important;
}

.multiProgram.active .progToggle:before {
    width: 0px;
}

.multiProgram.active .progToggle:after {
    transform: rotate(90deg);
}

.multiProgram.active {
    background: #fff;
    z-index: 9 !important;
    padding:10px;
    border-radius:10px;
}


.programSinglePage--postypes .row.post .posts .post .content .categories {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

.programSinglePage--postypes .row.post .posts .post .content .categories span {
    font-size: 14px;
    font-weight: 900;
    color: var(--primcol);
}

.programSinglePage--postypes .row.post .posts .post .content .categories span:after {
    content: ",";
}

.programSinglePage--postypes .row.post .posts .post .content .categories span:last-child:after {
    display: none;
}
.programSinglePage--postypes .row.post .posts .post .content .categories:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(/wp-content/uploads/2024/03/category_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
}
.programSinglePage--postypes .row.post .posts .post .content .title a {
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    font-size: 17px;
    line-height: 20px;
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.programSinglePage--postypes .row.post .posts .post .content .authors span {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    margin-right: 5px;
}
.programSinglePage--postypes .row.post .posts .post .content .authors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 6px;
}


/* multi authors */


.multiAuthors .authorToggle {
    width: 20px;
    height: 20px;
    background: #fff;
    display: flex;
    border-radius: 50px;
    position: relative;
    margin-right: 0px;
    margin-left: 8px;
    cursor:pointer;
}

.multiAuthors .authorToggle:before {
    content: "";
    width: 10px;
    height: 2px;
    background: var(--thirdcol);
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 5px;
    transition: 0.2s linear all;
}


.multiAuthors .authorToggle:after {
    content: "";
    width: 2px;
    height: 10px;
    background: var(--thirdcol);
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 5px;
    transition: 0.2s linear all;
    transform: rotate(0deg);
}

.multiAuthors {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.multiAuthors .moreAuthors {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    bottom: calc(100% + 10px);
    left: calc(100% - 45px);
    width: 100%;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 18%);
    visibility: hidden;
    opacity: 0;
    transform: translateY(40px);
    transition: 0.25s linear all;
    min-width: 210px;
}

.multiAuthors .moreAuthors span {
    color: var(--thirdcol) !important;
}

.multiAuthors .moreAuthors:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    bottom: -4px;
    left: 25px;
    transform: rotate(45deg);
}

.multiAuthors.active .moreAuthors {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.multiAuthors.active .authorToggle:before {
    width: 0px;
}

.multiAuthors.active .authorToggle:after {
    transform: rotate(90deg);
}

.programSinglePage--postypes .row.post .posts .post .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition: 0.3s ease-in-out all;
}

.programSinglePage--postypes .row.post .posts .post:hover .media img {
    width: 105%;
    height: 100%;
}
.programSinglePage--postypes .row.post .posts .post:hover .content {transform: translate(10px, -10px);}

.programSinglePage--postypes .row.post .posts .post:hover .media:before {
    background: linear-gradient(0deg, var(--thirdcol) 0%, var(--thirdcol40) 75%, #ffffff00 100%);
}



.programSinglePage--postypes .row.post .posts .post .media {
    height: 0;
    padding-bottom: 260px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.programSinglePage--postypes .row.post .posts .post {
    position: relative;
}

.programSinglePage--postypes .row.post .posts .post .content {
    position: absolute;
    bottom: 20px;
    left: 0px;
    z-index: 2;
    padding: 0px 15px;
    transition: 0.2s linear all;
    transform: translate(0px, -0px);
}



/* events */


.programSinglePage--postypes .row.events .posts {
    display: flex;
    flex-wrap:wrap;
}

.programSinglePage--postypes .row.events .posts > .event {
    width: 25%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.programSinglePage--postypes .row.events .posts{
    padding: 0px;
}



/* projects */

.programSinglePage--postypes > .row.projects .posts .project .thumbnail {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

.programSinglePage--postypes > .row.projects .posts .project .project-container a.programm-cat {
    font-size: 12px;
    font-weight: 400;
    margin: 0 5px 5px 0;
}

.programSinglePage--postypes > .row.projects .posts .project .project-container a.programm-cat:hover {
    color: var(--primcol) !important;
}

.programSinglePage--postypes > .row.projects .posts .project .project-container a.programm-cat img {
    margin-right: 10px;
}

.programSinglePage--postypes > .row.projects .posts .project .project-container .project-title h3 {
    line-height: 21px !important;
}

.programSinglePage--postypes > .row.projects .posts .project .project-container .project-title h3 a{
    color: white;
    font-size: 16px;
    font-weight: 700;
}

.programSinglePage--postypes > .row.projects .posts .status {
    position: absolute;
    top: 10px;
    font-size: 14px;
    color: #fff;
    padding: 5px 25px;
    border-radius: 10px;
}

.programSinglePage--postypes > .row.projects .posts .status.complete {
    background: var(--primcol);
    border: 1px solid #8C5932;
}

.programSinglePage--postypes > .row.projects .posts .status.active {
    background: var(--seccol);
    border: 1px solid #33738D;
}
.tax-program .projects:not(.slide) .posts {
    display: flex;
    flex-wrap: wrap;
}

.programSinglePage--postypes > .row.projects.slide .splide__track {
    padding:0px !important;
}


/* posts in slider */

.programSinglePage--postypes > .row .splide .splide__slide > div {
    width: 100%;
    padding: 0px !important;
}

.programSinglePage--postypes > .row .splide .splide__slide .event-container{
    box-shadow:none;
}



.programSinglePage--postypes > .row .splide .splide__pagination {
    bottom: -40px;
}

.programSinglePage--postypes > .row .splide .splide__pagination .splide__pagination__page {
    width: 20px;
    height: 10px;
    border-radius: 10px;
    background: var(--primcol);
    transition: 0.2s linear all;
}

.programSinglePage--postypes > .row .splide .splide__pagination .splide__pagination__page.is-active {
    transform: none;
    width: 40px;
    background: var(--seccol);
}

.programSinglePage--postypes > .row .splide .splide__arrows .splide__arrow--prev {
    bottom: auto;
    width: 32px;
    height: 40px;
    transform: translateY(0px);
    top: -65px;
    left: auto;
    right:48px;
    margin-left: 0px;
    background: #fff;
    opacity: 1;
    border: 2px solid var(--primcol);
    border-radius: 5px;
}

.programSinglePage--postypes > .row .splide .splide__arrows .splide__arrow--prev svg path {
    fill: var(--primcol);
}


.programSinglePage--postypes > .row .splide .splide__arrows .splide__arrow--next {
    bottom: auto;
    width: 32px;
    height: 40px;
    transform: translateY(0px);
    top: -65px;
    right: 12px;
    margin-right: 0px;
    background: #fff;
    opacity: 1;
    border: 2px solid var(--primcol);
    border-radius: 5px;
}

.programSinglePage--postypes > .row .splide .splide__arrows .splide__arrow--next svg path {
    fill: var(--primcol);
}

.programSinglePage--postypes > .row.slide .heading {
    padding-right: 84px;
}



/* opportunities */


.programSinglePage--postypes .opportunities .opportunity .opportunity-container .opportunity-title h3 {
    line-height: 18px !important;
}
  
.programSinglePage--postypes .opportunities .opportunity .opportunity-container .opportunity-title h3 a{
    color: var(--thirdcol);
    font-size: 16px;
    font-weight: 700;
}

.programSinglePage--postypes .opportunities .opportunity .opportunity-container .opportunity-title h3 a:hover {
    color: var(--primcol);
}
.programSinglePage--postypes .opportunities .opportunity-container {
    position:relative;
    height: 100%;
}
  
.programSinglePage--postypes .opportunities .opportunity .status {
    font-size: 14px;
    color: #fff;
    padding: 6px 15px;
    border-radius: 4px;
    margin-right: 8px;
}

.programSinglePage--postypes .opportunities .opportunity .status.upcoming {
    background: var(--primcol);
}

.programSinglePage--postypes .opportunities .opportunity .status.past {
    background: var(--seccol);
}
.programSinglePage--postypes .opportunities .opportunity .deadline {
    display: flex;
}

.programSinglePage--postypes .opportunities .opportunity .deadline .date {
    display: flex;
    flex-direction: column;
    font-size: 16px;
}

.programSinglePage--postypes .opportunities .opportunity .deadline .date b {
    font-size: 12px;
    line-height: 12px;
}

.programSinglePage--postypes .opportunities .opportunity .status.today {
    background: var(--bgcol);
    color: var(--thirdcol);
    font-weight: bold;
}

.programSinglePage--postypes .opportunities .opportunity .categories span {
    font-size: 14px;
    font-weight: bold;
}

.programSinglePage--postypes .opportunities .opportunity .categories span:after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--primcol);
    display: block;
}

.programSinglePage--postypes .opportunities .opportunity .categories {
    display: flex;
    align-items: center;
}
  
.programSinglePage--postypes .opportunities .opportunity {
background: var(--bgcol);
height: 100%;
}

.programSinglePage--postypes .row.opportunities .posts {
  padding:0px;
}



.programSinglePage--postypes > .row.opportunities:not(.slide) .posts {
    display: flex;
    flex-wrap: wrap;
}
.programSinglePage--postypes > .row.opportunities:not(.slide) .posts .opportunity {
    margin-right: 12px;
    width: calc(33.3333% - 12px);
    margin-bottom: 12px;
    height:inherit;
}




/* media */


.programSinglePage--postypes > .row.media .posts {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.programSinglePage--postypes > .row.media .progAndSource {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

#media.media .programm.inMedia .moreProgs, #Multimedia.media .programm.inMedia .moreProgs {
    top: 27px;
    left: 45px;
}

.programSinglePage--postypes > .row.media .progAndSource .programm-cat {
    padding: 3px 10px 3px 10px;
    font-size: 14px !important;
    margin: 0px !important;
}

.programSinglePage--postypes > .row.media .progAndSource .source {
    color: #fff;
    font-size: 14px;
    margin-left: 6px;
}


.programSinglePage--postypes > .row.media .posts .post .media:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    transition: 0.2s ease all;
}
.programSinglePage--postypes > .row.media .posts .post .content .title a {
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    display: block;
    margin-bottom: 5px;
}
.programSinglePage--postypes > .row.media .posts .post .content .authors span {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    margin-right: 5px;
}
.programSinglePage--postypes > .row.media .posts .post .content .authors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.programSinglePage--postypes > .row.media .posts .post .content .authors span:last-child:after {
    display: none;
}
.programSinglePage--postypes > .row.media .posts .post .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition: 0.3s ease-in-out all;
}

.programSinglePage--postypes > .row.media .posts .post:hover .media img {
    width: 105%;
    height: 100%;
}
.programSinglePage--postypes > .row.media .posts .post:hover .content {transform: translate(10px, -10px);}

.programSinglePage--postypes > .row.media .posts .post:hover .media:before {
    background: rgb(0 0 0 / 55%);
}



.programSinglePage--postypes > .row.media .posts .post .media {
    height: 0;
    padding-bottom: 260px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.programSinglePage--postypes > .row.media .posts .post {
    position: relative;
}

.programSinglePage--postypes > .row.media .posts .post .content {
    position: absolute;
    bottom: 20px;
    left: 0px;
    z-index: 2;
    padding: 0px 15px;
    transition: 0.2s linear all;
    transform: translate(0px, -0px);
}

.programSinglePage--postypes > .row.media.slide .posts {
    display: block;
}

.programSinglePage--postypes > .row.media.slide .splide__track {
    padding:0px !important;
}



/* folders */

section.programSinglePage--folders {
    background: var(--bgcol2);
    padding-bottom: 50px;
}



/* perspectives */

.row.perspective .posts .post {
    background: var(--bgcol);
    width: calc(50% - 6px);
    border-radius: 10px;
    padding: 35px 20px;
    position: relative;
    overflow: hidden;
}


.row.perspective .posts .post .content > .title span {
    color: var(--thirdcol);
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    transition: 0.25s ease all;
}

.row.perspective .posts .post .content > .title {
    margin-bottom: 15px;
    display: block;
}

.row.perspective .posts .post .content .date {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.row.perspective .posts .post .content .date span {
    font-size: 14px;
    font-weight: 600;
}

.row.perspective .posts .post .content .date svg {
    margin-right: 10px;
    width: 18px;
    height: 18px;
}

.row.perspective .posts .post .content .description {
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 30px;
    display: block;
}

.row.perspective .posts .post .content .readText {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.row.perspective .posts .post .content .readText a {
    color: var(--thirdcol);
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    transition: 0.25s ease all;
}

.row.perspective .posts .post .content .readText a:hover {
    color: var(--primcol);
}

.row.perspective .posts .post .content .perspectivePosts {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}

.row.perspective .posts .post .content .perspectivePosts > div {
    max-width: 328px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.row.perspective .posts .post .content .perspectivePosts .pright {
    align-items: flex-end;
}

.row.perspective .posts .post .content .perspectivePosts .pright .title {
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--thirdcol);
}

.row.perspective .posts .post .content .perspectivePosts .pleft .title {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--thirdcol);
}

.row.perspective .posts .post .content .perspectivePosts .pright .name {
    margin-bottom: 25px;
}

.row.perspective .posts .post .content .perspectivePosts .pright .name a {
    font-weight: bold;
    margin-right: 15px;
    color: #33738D;
    transition: 0.25s ease all;
}

.row.perspective .posts .post .content .perspectivePosts .pright .name a:hover {
    color: var(--primcol);
}



.row.perspective .posts .post .content .perspectivePosts .pleft .name {
    margin-bottom: 25px;
}

.row.perspective .posts .post .content .perspectivePosts .pleft .name a {
    font-weight: bold;
    margin-left: 15px;
    color: #33738D;
    transition: 0.25s ease all;
}

.row.perspective .posts .post .content .perspectivePosts .pleft .name a:hover {
    color: var(--primcol);
}

.row.perspective .posts .post .content > svg {
    width: 144px;
    position: absolute;
    bottom: -75px;
    height: 150px;
    left: 50%;
    margin-left: -72px;
}


.row.perspective .posts {
    display: flex;
    grid-gap: 12px;
}



/* bar */

.sectionsMenu a {
    height: 40px;
    color: #fff;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s linear all;
    position: relative;
    bottom: 0px;
    border-radius: 0px;
}

.sectionsMenu {
    background: var(--primcol);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%) translateY(15px);
    z-index: 99;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.sectionsMenu.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0px);
}

.sectionsMenu a:hover {height: 50px;background: #aea299;bottom: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.sectionsMenu a.active {height: 50px;background: #aea299;bottom: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.sectionsMenu a:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.sectionsMenu a:last-child {
    border-bottom-right-radius: 10px;
}




/* extra content */


section.extraContent {
    margin-bottom: 150px;
}

section.extraContent .progBooks .splide img {width: 100%;}

section.extraContent .progBooks .splide .splide__pagination {
    bottom: -40px;
    padding: 0px;
    right: 0px;
    left: auto;
    width: 100%;
    justify-content: center;
}


section.extraContent .progBooks .splide .splide__arrows .splide__arrow--prev {
    bottom: auto;
    width: 32px;
    height: 40px;
    transform: translateY(0px);
    top: -65px;
    left: auto;
    right: 36px;
    margin-left: 0px;
    background: #fff;
    opacity: 1;
    border: 2px solid var(--primcol);
    border-radius: 5px;
}

section.extraContent .progBooks .splide .splide__arrows .splide__arrow--prev svg path {
    fill: var(--primcol);
}


section.extraContent .progBooks .splide .splide__arrows .splide__arrow--next {
    bottom: auto;
    width: 32px;
    height: 40px;
    transform: translateY(0px);
    top: -65px;
    right: 0px;
    margin-right: 0px;
    background: #fff;
    opacity: 1;
    border: 2px solid var(--primcol);
    border-radius: 5px;
}

section.extraContent .progBooks .splide .splide__arrows .splide__arrow--next svg path {
    fill: var(--primcol);
}

section.extraContent .progBooks .splide .splide__arrows {
    position: absolute;
    top: -50px;
    width: 50%;
    display: flex;
    right:0px;
}



section.extraContent .progBooks .splide .splide__pagination .splide__pagination__page {
    width: 20px;
    height: 10px;
    border-radius: 10px;
    background: var(--primcol);
    transition: 0.2s linear all;
}

section.extraContent .progBooks .splide .splide__pagination .splide__pagination__page.is-active {
    transform: none;
    width: 40px;
    background: var(--seccol);
}



.extraContent .aboutCrisis {
    margin-top: 150px;
}

.extraContent .aboutCrisis .inner {
    margin-top: 50px;
}

.extraContent .aboutCrisis .inner .left iframe {
    width: 100%;
    height: 400px;
}

.extraContent .aboutCrisis .inner .right iframe {
    width: 100%;
    height: 400px;
}


.extraContent .timelineCrisis {
    margin-top: 150px;
}


.extraContent .timelineCrisis iframe{
    margin-top:50px;
}


/* ============================= Δημοσιεύσεις Single Page ================================== */

.prevnextBtnTooltip .tooltip-inner {
    width: 350px;
    max-width: 350px;
    padding: 0px;
    overflow: hidden;
    position: relative;
    max-height: 200px;
}

.prevnextBtnTooltip.opport .tooltip-inner {
    height: 200px;
}

.prevnextBtnTooltip .tooltip-inner img {
    width: 350px;
}

.prevnextBtnTooltip,.tooltip-inner {opacity: 1 !important;}

.tooltipCont > span {
    position: absolute;
    top: 0%;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.tooltipCont:before {
    content: "";
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    position: absolute;
}



.singlePublish {
    margin-top: 60px;
    margin-bottom: 60px;
}



.singlePublish .content a {
    color:var(--primcol);
    font-weight:bold;
}

.singlePublish .info {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid var(--primcol);
    margin-left: 0px;
    margin-right: 0px;
}

.singlePublish .info .categories {
    width: 40%;
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.singlePublish .info .categories span:after {
    content: "|";
    margin-left: 5px;
    margin-right: 5px;
}

.singlePublish .info .categories span:last-child:after {
    display: none;
}

.singlePublish .info .categories b {
    margin-right: 6px;
}

.singlePublish .info .categories .delimiter {
    margin-left: 5px;
    margin-right: 5px;
}

.singlePublish .info .prevNext {
    width: 60%;
    padding-right: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.singlePublish .info .prevNext .archPage svg {
    width: 20px;
    height: 20px;
}

.singlePublish .info .prevNext .archPage {
    margin-left: 20px;
    margin-right: 20px;
    transition:0.15s ease all;
}

.singlePublish .info .prevNext .archPage:hover {
    transform:scale(1.1);
}

.singlePublish .info .prevNext .archPage svg path {
    fill: var(--primcol);
}

.singlePublish .info .prevNext a:first-child {
    color: var(--thirdcol);
}

.singlePublish .info .prevNext a:first-child svg {
    position:relative;
    right: 5px;
    transition: 0.15s linear all;
}

.singlePublish .info .prevNext a:first-child svg path {
    fill: var(--primcol);
}

.singlePublish .info .prevNext a:first-child:hover svg {
    right: 10px;
}




.singlePublish .info .prevNext a:last-child {
    color: var(--thirdcol);
    margin-right:8px;
}

.singlePublish .info .prevNext a:last-child svg {
    position:relative;
    left: 8px;
    transition: 0.15s linear all;
}

.singlePublish .info .prevNext a:last-child svg path {
    fill: var(--primcol);
}

.singlePublish .info .prevNext a:last-child:hover svg {
    left: 13px;
}




.singlePublish .authors {
    margin-top: 150px;
}

.singlePublish .authors .people {
    display: flex;
    flex-wrap: wrap;
}

.singlePublish .authors .people .person {
    display: flex;
    margin-bottom: 40px;
    align-items: center;
}

.singlePublish .authors .people .person .image {
    width: 130px;
    height: 130px;
    padding-bottom: 130px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
}

.singlePublish .authors .people .person .image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.singlePublish .authors .people .person .right {
    width: calc(100% - 130px);
    padding-left: 20px;
}

.singlePublish .authors .people .person .right .name {
    display: block;
    font-size: 18px;
    color: var(--thirdcol);
    font-weight: bold;
    margin-bottom:5px;
    transition: 0.3s ease all;
}

.singlePublish .authors .people .person .right .status, .singlePublish .authors .people .person .right .title {
    font-size: 15px;
    display: block;
    line-height: 18px;
}

.singlePublish .authors .people .person .image .mail {
    position: absolute;
    left: -100%;
    top: 0px;
    z-index: 8;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    transition: 0.3s linear all;
}

.singlePublish .authors .people .person .image .mail svg path {
    fill: #fff;
}

.singlePublish .authors .people .person .image .mail svg {
    width: 40px;
    height: 30px;
}

.singlePublish .authors .people .person .image:hover .mail {
    left: 0%;
}

.singlePublish .authors .people .person .right .name:hover {
    color: var(--primcol);
}



/* ============================= Δημοσιεύσεις Archive Page ================================== */


/* sidebar */


.customSidebar.publishesBar .title {
    font-size: 22px;
    color: #fff;
    font-weight: 900;
    border-bottom: 2px solid var(--primcol);
    display: block;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.customSidebar.publishesBar > div {
    position: relative;
}

.customSidebar.publishesBar .state ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 20px;
}

.customSidebar.publishesBar .state ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-left: 30px;
    display: flex;
}


.customSidebar.publishesBar .state ul li a.active {
    color: var(--primcol);
}

.publishes-archive .customSidebar.publishesBar .menu > li > a {
    font-size: 17px;
    padding-left: 0px;
}

.customSidebar.publishesBar .state ul li {
    margin-bottom: 8px;
}

.publishes-archive .customSidebar.publishesBar .menu .menu-item-has-children > a:before {
    width: 18px;
    height: 2px;
    margin-top: -0.5px;
}

.publishes-archive .customSidebar.publishesBar .menu .menu-item-has-children > a:after {
    height: 18px;
    width: 2px;
    margin-top: -8px;
    left: 9px;
}

.publishes-archive .customSidebar.publishesBar .menu > li {
    margin-bottom: 10px;
}

.publishes-archive .left .customSidebar .menu .sub-menu li a {
    font-size:17px;
    margin-bottom: 2px;
    display: block;
}

.publishes-archive .left .customSidebar .menu {
    height: auto;
    max-height: max-content;
    overflow: hidden;
}

.publishes-archive .left .customSidebar {
    height: 650px;
    /* overflow: auto; */
    clip-path: unset;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

.customSidebar.publishesBar > div.thematikes .nice-select {
    width: 100%;
    height: 45px;
    line-height: 42px;
    border-radius: 15px;
}

.publishes-archive .left .customSidebar:before {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 76.1%);
}

.customSidebar.publishesBar > div.thematikes .nice-select:after {
    width: 8px;
    height: 8px;
    border-color: var(--thirdcol);
}

.customSidebar.publishesBar > div.thematikes .nice-select .list {
    width: 100%;
}

.publishes-archive .customSidebar.publishesBar .menu > li .sub-menu .current-menu-item a {
    color: var(--primcol);
 }
.publishes-archive .left .customSidebar .reset {
    position: absolute;
    right: 0px;
    top: 50px;
    border: none;
    background: transparent;
    color: #fff;
    text-decoration: underline;
}

.publishes-archive .upcoming .green {
    background: #fff;
}


.publishes-archive .customSidebar.publishesBar .menu > li > a.active {
    color: var(--primcol);
}


.publishes-archive .customSidebar.publishesBar .menu > li > .removeFilter {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 2px;
    margin-left: 15px;
    background: var(--primcol);
    border-radius: 50%;
    cursor: pointer;
}

.publishes-archive .customSidebar.publishesBar .menu > li > .removeFilter svg {
    color: #fff;
    width: 15px;
    height: 14px;
}




.publishes-archive .left .customSidebar .perspective {
    margin-bottom: 20px;
    list-style: none;
    padding: 0px;
}

.publishes-archive .left .customSidebar .perspective li {
    margin-bottom: 10px;
}

.publishes-archive .left .customSidebar .perspective li > a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    position: relative;
    padding-left: 0px;
    cursor: pointer;
}


/* content */


.programSinglePage--postypes.publishArch .row.post .posts {
    grid-template-columns: 1fr 1fr 1fr;
}


.publishArch {
    margin-top: 0px;
    position: relative;
}


.publishArch a.programm-cat {
    font-size: 12px;
    font-weight: 400;
    margin: 0 5px 5px 0;
}

.publishArch a.programm-cat:hover {
    color: var(--primcol) !important;
}

.publishArch a.programm-cat img {
    margin-right: 10px;
}


.publishArch .programm {
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 15px;
    z-index:2;
}

main#multimediaArchive .row.post {
    margin-bottom: 50px;
}




/* ============================= Article single Page ================================== */



article .singlepost .the-content h2 {
    font-size: 1.8rem;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    margin-top: 0px;
}

article .singlepost .the-content h3 {
    font-size: 1.6rem;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    margin-top:30px;
    position: relative;
    padding-left: 40px;
}

article .singlepost .the-content h4 {
    font-size: 1.3rem;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    margin-top:30px;
    position: relative;
    padding-left: 40px;
}

article .singlepost .the-content h3:before,.singlepost .the-content h4:before {
    width: 30px;
    height: 5px;
    background: var(--primcol);
    display: block;
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2.5px;
}



article .singlepost .the-content ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
}

article .singlepost .the-content ul li {
    display: block;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}

article .singlepost .the-content ul li:last-child {
    margin-bottom: 0px;
}

article .singlepost .the-content ul li:before {
    content: "";
    width: 14px;
    height: 16px;
    background: url('/wp-content/uploads/2024/03/list-item-bullet-style.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    position: absolute;
    left: 0px;
    top: 6px;
}

.singlePublish .content img {
    width: auto;
    margin-top: 30px;
}


article .singlepost .the-content a {
    color: var(--seccol);
    font-weight: bold;
}

article .singlepost .the-content a:hover {
    color: var(--seccol);
}



article .singlepost .the-content blockquote {
    text-align: center;
    color: var(--seccol);
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    margin: 20px 0px;
}

article .singlepost .the-content blockquote * {
    font-weight: 500;
    font-size: 16px;
    line-height:20px;
    margin: 0px;
}

article .singlepost .the-content blockquote:before {
    content: "";
    width: 30px;
    height: 18px;
    background: url('/wp-content/uploads/2024/05/leftQuotemark.svg');
    position: absolute;
    left: 0px;
    top: 5px;
}


article .singlepost .the-content blockquote:after {
    content: "";
    width: 30px;
    height: 18px;
    background: url('/wp-content/uploads/2024/05/rightQuotemark.svg');
    position: absolute;
    right: 0px;
    bottom: 5px;
}




/* table */


.singlepost .the-content table {
    font-size: 14px;
}


.singlepost .the-content table {
  margin: 1em 0;
  min-width: 300px;
}
.singlepost .the-content table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.singlepost .the-content table th {
  display: none;
}
.singlepost .the-content table td {
  display: block;
}
.singlepost .the-content table td:first-child {
  padding-top: .5em;
}
.singlepost .the-content table td:last-child {
  padding-bottom: .5em;
}
.singlepost .the-content table td:before {
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}
@media (min-width: 480px) {
  .singlepost .the-content table td:before {
    display: none;
  }
}
.singlepost .the-content table th, .singlepost .the-content table td {
  text-align: left;
}
@media (min-width: 480px) {
  .singlepost .the-content table th, .singlepost .the-content table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .singlepost .the-content table th:first-child, .singlepost .the-content table td:first-child {
    padding-left: 0;
    min-width: 220px;
  }
  .singlepost .the-content table th:last-child, .singlepost .the-content table td:last-child {
    padding-right: 0;
  }
}



.singlepost .the-content table {
  background: #f3f1ef;
  color: #000;
  border-radius: 10px;
  overflow: hidden;
  border:1px solid #e1e0e0;
}
.singlepost .the-content table tr {
  border-color: #e1e0e0;
}
.singlepost .the-content table th, .singlepost .the-content table td {
  margin: .5em 1em;
}

@media (min-width: 480px) {
  .singlepost .the-content table th, .singlepost .the-content table td {
    padding: 1em !important;
    border-left:1px solid #e1e0e0;
  }
}
.singlepost .the-content table th, .singlepost .the-content table td:before {
  color: var(--primcol);
}


.singlepost .the-content table tr:nth-child(even) {
    background: #f9f8f7;
}




/* ============================= Single simple Page ================================== */

.simplePage .the-content h2 {
    font-size: 1.8rem;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    margin-top: 0px;
}

.simplePage .the-content h3 {
    font-size: 1.6rem;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    margin-top:30px;
    position: relative;
    padding-left: 40px;
}

.simplePage .the-content h4 {
    font-size: 1.3rem;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    margin-top:30px;
    position: relative;
    padding-left: 40px;
}

.simplePage .the-content h3:before,.simplePage .the-content h4:before {
    width: 30px;
    height: 5px;
    background: var(--primcol);
    display: block;
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2.5px;
}



.simplePage .the-content ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
}

.simplePage .the-content ul li {
    display: block;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}

.simplePage .the-content ul li:last-child {
    margin-bottom: 0px;
}

.simplePage .the-content ul li:before {
    content: "";
    width: 14px;
    height: 16px;
    background: url('/wp-content/uploads/2024/03/list-item-bullet-style.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    position: absolute;
    left: 0px;
    top: 6px;
}



.simplePage .the-content a {
    color: var(--primcol);
    font-weight: bold;
}

.simplePage .the-content a:hover {
    color: var(--seccol);
}



.simplePage .the-content blockquote {
    text-align: center;
    color: var(--seccol);
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    margin: 0px;
}

.simplePage .the-content blockquote * {
    font-weight: 500;
    font-size: 16px;
    line-height:20px;
    margin: 0px;
}

.simplePage .the-content blockquote:before {
    content: "";
    width: 30px;
    height: 18px;
    background: url('/wp-content/uploads/2024/05/leftQuotemark.svg');
    position: absolute;
    left: 0px;
    top: 5px;
}


.simplePage .the-content blockquote:after {
    content: "";
    width: 30px;
    height: 18px;
    background: url('/wp-content/uploads/2024/05/rightQuotemark.svg');
    position: absolute;
    right: 0px;
    bottom: 5px;
}




/* table */


.simplePage .the-content table {
    font-size: 14px;
  }
  
  
  .simplePage .the-content table {
  margin: 1em 0;
  min-width: 300px;
  }
  .simplePage .the-content table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  }
  .simplePage .the-content table th {
  display: none;
  }
  .simplePage .the-content table td {
  display: block;
  }
  .simplePage .the-content table td:first-child {
  padding-top: .5em;
  }
  .simplePage .the-content table td:last-child {
  padding-bottom: .5em;
  }
  .simplePage .the-content table td:before {
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
  }
  @media (min-width: 480px) {
  .simplePage .the-content table td:before {
    display: none;
  }
  }
  .simplePage .the-content table th, .simplePage .the-content table td {
  text-align: left;
  }
  @media (min-width: 480px) {
  .simplePage .the-content table th, .simplePage .the-content table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .simplePage .the-content table th:first-child, .simplePage .the-content table td:first-child {
    padding-left: 0;
    min-width: 220px;
  }
  .simplePage .the-content table th:last-child, .simplePage .the-content table td:last-child {
    padding-right: 0;
  }
  }
  
  
  
  .simplePage .the-content table {
  background: #f3f1ef;
  color: #000;
  border-radius: 10px;
  overflow: hidden;
  border:1px solid #e1e0e0;
  }
  .simplePage .the-content table tr {
  border-color: #e1e0e0;
  }
  .simplePage .the-content table th, .simplePage .the-content table td {
  margin: .5em 1em;
  }
  
  @media (min-width: 480px) {
  .simplePage .the-content table th, .simplePage .the-content table td {
    padding: 1em !important;
    border-left:1px solid #e1e0e0;
  }
  }
  .simplePage .the-content table th, .simplePage .the-content table td:before {
  color: var(--primcol);
  }
  
  
  .simplePage .the-content table tr:nth-child(even) {
    background: #f9f8f7;
  }





/* ============================= Projects single Page ================================== */




.single-page-sidebar .info-container.authors .people {
    display: flex;
    flex-wrap: wrap;
}

.single-page-sidebar .info-container.authors .people .person {
    display: flex;
    margin-bottom: 40px;
    align-items: center;
    width: 100%;
}

.single-page-sidebar .info-container.authors .person .image {
    width: 70px;
    height: 70px;
    padding-bottom: 70px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
}

.single-page-sidebar .info-container.authors .people .person .image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.single-page-sidebar .info-container.authors .people .person .right {
    width: calc(100% - 70px);
    padding-left: 20px;
}

.single-page-sidebar .info-container.authors .people .person .right .name {
    display: block;
    font-size: 18px;
    color: var(--thirdcol);
    font-weight: bold;
    margin-bottom:5px;
    transition: 0.3s ease all;
}

.single-page-sidebar .info-container.authors .people .person .right .status, .single-page-sidebar .info-container.authors .people .person .right .title {
    font-size: 15px;
    display: block;
    line-height: 18px;
}

.single-page-sidebar .info-container.authors .people .person .image .mail {
    position: absolute;
    left: -100%;
    top: 0px;
    z-index: 8;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    transition: 0.3s linear all;
}

.single-page-sidebar .info-container.authors .people .person .image .mail svg path {
    fill: #fff;
}

.single-page-sidebar .info-container.authors .people .person .image .mail svg {
    width: 40px;
    height: 30px;
}

.single-page-sidebar .info-container.authors .people .person .image:hover .mail {
    left: 0%;
}

.single-page-sidebar .info-container.authors .people .person .right .name:hover {
    color: var(--primcol);
}

.single-page-sidebar .info-container.authors .info-text {
    margin-left: 0px !important;
    padding-top: 30px !important;
}

#singleProject .info.row .prevNext {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--primcol);
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

#singleProject .info.row .prevNext a:first-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
}

#singleProject .info.row .prevNext a:first-child svg {
    position:relative;
    right: 5px;
    transition: 0.15s linear all;
}

#singleProject .info.row .prevNext a:first-child svg path {
    fill: var(--primcol);
}

#singleProject .info.row .prevNext a:first-child:hover svg {
    right: 10px;
}




#singleProject .info.row .prevNext a:last-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
}

#singleProject .info.row .prevNext a:last-child svg {
    position:relative;
    left: 8px;
    transition: 0.15s linear all;
}

#singleProject .info.row .prevNext a:last-child svg path {
    fill: var(--primcol);
}

#singleProject .info.row .prevNext a:last-child:hover svg {
    left: 13px;
}






/* ============================= Events single Page ================================== */




/* add to calendar */

@-webkit-keyframes come-in {
    0% {
      -webkit-transform: translatey(100px);
              transform: translatey(100px);
      opacity: 0;
    }
    30% {
      -webkit-transform: translateX(-50px) scale(0.4);
              transform: translateX(-50px) scale(0.4);
    }
    70% {
      -webkit-transform: translateX(0px) scale(1.2);
              transform: translateX(0px) scale(1.2);
    }
    100% {
      -webkit-transform: translatey(0px) scale(1);
              transform: translatey(0px) scale(1);
      opacity: 1;
    }
  }
  @keyframes come-in {
    0% {
      -webkit-transform: translatey(100px);
              transform: translatey(100px);
      opacity: 0;
    }
    30% {
      -webkit-transform: translateX(-50px) scale(0.4);
              transform: translateX(-50px) scale(0.4);
    }
    70% {
      -webkit-transform: translateX(0px) scale(1.2);
              transform: translateX(0px) scale(1.2);
    }
    100% {
      -webkit-transform: translatey(0px) scale(1);
              transform: translatey(0px) scale(1);
      opacity: 1;
    }
  }
  
  
  #header-hero .floating-container {position: relative;}
  
  #header-hero .floating-container.active .floating-button {
    -webkit-transform: translatey(5px);
    transform: translatey(5px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #header-hero .floating-container.active .element-container .float-element:nth-child(1) {
    -webkit-animation: come-in 0.4s forwards 0.2s;
            animation: come-in 0.4s forwards 0.2s;
  }
  #header-hero .floating-container.active .element-container .float-element:nth-child(2) {
    -webkit-animation: come-in 0.4s forwards 0.4s;
            animation: come-in 0.4s forwards 0.4s;
  }
  #header-hero .floating-container.active .element-container .float-element:nth-child(3) {
    -webkit-animation: come-in 0.4s forwards 0.6s;
            animation: come-in 0.4s forwards 0.6s;
  }
  #header-hero .floating-container .floating-button {
    width: 250px;
    height: 40px;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    color: var(--thirdcol);
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 2px solid var(
    --primcol);
    border-radius: 5px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    position: relative;
  }
  #header-hero .floating-container .float-element {
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: white;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
    z-index: -1;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    top: 100%;
    border: 2px solid var(--primcol);
    background: #fff;
  }
  
  #header-hero .floating-container.active .float-element {
      z-index: 0;
  }
  
  #header-hero .floating-container .float-element .material-icons {
    vertical-align: middle;
    font-size: 16px;
  }
  #header-hero .floating-container .float-element:nth-child(1) {
    top: -5px;
    left: -60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #header-hero .floating-container .float-element:nth-child(2) {
    left: -120px;
    top: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #header-hero .floating-container .float-element:nth-child(3) {
    top: -5px;
    left: -180px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  
  #header-hero .floating-container .floating-button span {transition: 0.3s ease all;}
  
  
  #header-hero .floating-container.active span.text {visibility: hidden;opacity: 0;width: 0px;height: 0px;font-size: 0px;position: absolute;right: -1000px;}
  
  #header-hero .floating-container.active .floating-button {
      width: 50px;
      margin-left: 0px;
      padding: 0px;
      background: var(--primcol);
  }
  
  #header-hero .floating-container.active span.icon:after {
      margin: 0px;
  }
  
  #header-hero .floating-container .float-element img {
      width: 60%;
      height: auto;
  }
  
  #header-hero .floating-container.active .element-container .float-element:nth-child(1) svg {
      width: 40px;
      height: 40px;
  }
  
  #header-hero .floating-container.active .element-container .float-element:nth-child(1) svg rect {
      fill: transparent;
  }
  
  #header-hero .extraInfo .dateInfo {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  
  #header-hero .floating-container .floating-button svg {
      margin-right: 10px;
  }
  
  #header-hero .extraInfo .dateInfo .date {
      color: var(--thirdcol);
      font-weight: bold;
      display: flex;
      align-items: center;
      grid-gap: 10px;
  }
  
  #header-hero .extraInfo .dateInfo .date svg {
      width: 20px;
      height: 18px;
  }
  
  #header-hero .floating-container .floating-button svg path {
      fill: var(--primcol);
      transition: 0.3s ease all;
  }
  
  #header-hero .extraInfo .dateInfo .date svg path {
      fill: var(--primcol);
  }

  #header-hero .floating-container .floating-button:hover {
        background: var(--primcol);
    }

    #header-hero .floating-container .floating-button:hover svg path {
    fill: #fff;
    }
  
  #header-hero .extraInfo .locationInfo {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 20px;
  }
  
  #header-hero .extraInfo .locationInfo .navi {
      border: 2px solid var(--primcol);
      border-radius: 5px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 20px;
      transition: 0.25s ease all;
  }
  
  #header-hero .extraInfo .locationInfo .navi span {
      color: var(--thirdcol);
      font-weight: bold;
  }
  
  #header-hero .extraInfo .locationInfo .navi svg {
      margin-right: 10px;
  }
  
  #header-hero .extraInfo .locationInfo .navi svg path {
      fill: var(--primcol);
      transition: 0.25s ease all;
  }
  
  #header-hero .extraInfo .locationInfo .navi:hover {
      background: var(--primcol);
  }
  
  #header-hero .extraInfo .locationInfo .navi:hover svg path {
      fill: #fff;
  }
  
  #header-hero .extraInfo .locationInfo > div span {
      color: var(--thirdcol);
      font-weight: bold;
  }
  
  #header-hero .extraInfo .locationInfo > div svg {
      margin-right: 10px;
      width: 18px;
      height: 18px;
  }
  
  #header-hero .extraInfo .locationInfo > div svg path {
      fill: var(--primcol);
  }
  
  #header-hero .extraInfo {
      border-top: 1px solid var(--primcol);
      border-bottom: 1px solid var(--primcol);
      padding-top: 15px;
      padding-bottom: 15px;
      margin-top: 20px;
      margin-bottom: 20px;
      overflow: hidden;
  }
  
  #header-hero.eventsSingleHeaderInfo .title {
      margin-bottom: 15px;
      margin-top: 15px;
  }

  .eventsSingleHeaderInfo .programm-cats {
    flex-wrap: wrap;
    }
  
  #header-hero .floating-container .float-element:nth-child(2) svg {
      width: 30px;
      height: 30px;
  }
  
  #header-hero .floating-container.active .floating-button svg {
      margin: 0px;
  }
  
  #header-hero .floating-container .float-element:nth-child(3) svg {
      width: 24px;
      height: 24px;
  }
  
  #header-hero .floating-container .float-element:nth-child(3) svg path {
      fill: var(--seccol);
  }
  
  #header-hero .floating-container.active .floating-button svg path {
      fill: #fff;
  }



.singleEvent{
    margin-top: 40px;
    margin-bottom: 20px;
}

.single-page-sidebar .info-container.authors .people .person .right .mail a {
    color: var(--primcol);
}



.single-events .info.row .prevNext {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--primcol);
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.single-events .info.row .prevNext a:first-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
}

.single-events .info.row .prevNext a:first-child svg {
    position:relative;
    right: 5px;
    transition: 0.15s linear all;
}

.single-events .info.row .prevNext a:first-child svg path {
    fill: var(--primcol);
}

.single-events .info.row .prevNext a:first-child:hover svg {
    right: 10px;
}




.single-events .info.row .prevNext a:last-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
}

.single-events .info.row .prevNext a:last-child svg {
    position:relative;
    left: 8px;
    transition: 0.15s linear all;
}

.single-events .info.row .prevNext a:last-child svg path {
    fill: var(--primcol);
}

.single-events .info.row .prevNext a:last-child:hover svg {
    left: 13px;
}




/* time line */


.singleEvent .program {
    padding-left: 0px;
    padding-right: 0px;
    /*display: flex;
    flex-wrap: wrap;*/
    margin-bottom: 50px;
}
.singleEvent .program .right {
    width: 100%;
    margin-left: 0px;
    display: inline-block;
    vertical-align: top;
}

.singleEvent .program .right ul#myTab {
    border-radius: 10px;
    border: none;
    grid-gap: 5px;
    flex-wrap: nowrap;
}


/* width */
.singleEvent .program .right ul#myTab::-webkit-scrollbar {
  height: 5px;
}

/* Track */
.singleEvent .program .right ul#myTab::-webkit-scrollbar-track {
  background: var(--bgcol);
}

/* Handle */
.singleEvent .program .right ul#myTab::-webkit-scrollbar-thumb {
  background: var(--primcol);
}

.singleEvent .program .right ul#myTab li.nav-item button {
    margin: 0px 0px 0px 0px;
}

.singleEvent .program .right ul#myTab li.nav-item button {
    border: none;
    height: 44px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
    background: #fff;
    color: var(--thirdcol);
    width: 100%;
    font-size: 16px;
    border: 2px solid transparent;
}

.singleEvent .program .right ul#myTab li.nav-item button.active {border-color: var(--primcol);color: var(--primcol);font-weight: bold;}



/*timeline*/
.singleEvent .program .timeline {
  position: relative;
  width: 100%;
  margin: 0 auto;
  /* margin-top: 20px; */
  padding: 10px 0;
  list-style-type: none;
}


.singleEvent .program .timeline li {
  padding: 1em 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.singleEvent .program .timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.singleEvent .program .direction-l {
  position: relative;
  width: 210px;
  float: left;
}

.singleEvent .program .direction-r {
  position: relative;
  width: calc(100% - 210px);
  float: right;
  padding-left: 20px;
}
.singleEvent .program .flag-wrapper {
  display: inline-block;
  
  line-height: 25px;
}

.singleEvent .program .flag {
  display: inline;
  border-radius: 5px;
  text-align: left;
  font-size: 18px;
}


.singleEvent .program .direction-l .flag:before,
.singleEvent .program .direction-r .flag:before {
  position: absolute;
  top: 15px;
  right: -48px;
  content: ' ';
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: var(--seccol);
  border-radius: 10px;
  z-index: 10;
}

.singleEvent .program .direction-r .flag:before {
  left: -29px;
}

.singleEvent .program .direction-l .flag:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.singleEvent .program .direction-r .flag:after {
    content: "";
    position: absolute;
    right: calc(100% + 19px);
    top: 0%;
    height: calc(100% + 100px);
    width: 1px;
    margin-top: 5px;
    border-right-color: rgb(248,248,248);
    pointer-events: none;
    background: var(--seccol);
}




.singleEvent .program .direction-r .time-wrapper {
  float: right;
}

.singleEvent .program .time {
  display: inline-block;
  padding: 4px 6px;
  color: #000;
  font-size: 15px;
}

.singleEvent .program .desc {
  margin-top: 5px;
  line-height: 21px;
  font-weight: 300;
  font-size: 15px;
}


.singleEvent .program .timeline li:last-child .flag:after {
    display:none;
}

.singleEvent .program div#myTabContent .tab-pane h4 {
    color: #000;
    font-size: 1.2rem;
    margin-top: 15px;
}

.singleEvent .program div#myTabContent {
    background: var(--bgcol);
    border-radius: 10px;
    padding: 10px;
    margin-top: 15px;
}

.singleEvent .program .right .programDays {
    background: var(--bgcol);
    padding: 6px 0px 6px 6px;
    border-radius: 10px;
}




.singleEvent .program .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.singleEvent .program .left > span {
    font-size: 20px;
    color: var(--thirdcol);
    font-weight: bold;
    display: flex;
    align-items: center;
}

.singleEvent .program .left > span:before {
    content: "";
    width: 40px;
    height: 3px;
    background: var(--seccol);
    margin-right: 10px;
}

.singleEvent .program .left > a {
    font-size: 14px;
    font-weight: bold;
    color: var(--thirdcol);
    border: 2px solid var(--primcol);
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 25px;
    transition: 0.25s ease all;
}

.singleEvent .program .left > a svg {
    margin-right: 10px;
}

.singleEvent .program .left > a svg path {
    fill: var(--primcol);
    transition: 0.25s ease all;
}

.singleEvent .program .left > a:hover {
    background: var(--primcol);
}

.singleEvent .program .left > a:hover svg path {
    fill: #fff;
}







/* ------------------ Contact --------------------------- */



.contactContainer .inner {
    background: var(--bgcol);
    padding: 40px;
    border-radius: 5px;
    height: 100%;
}

.contactContainer .left .inner .title {
    font-size: 20px;
    color: var(--thirdcol);
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
    padding: 0px 12px;
}

.contactContainer .left .contactContainer .row {
    margin: 0px;
    padding: 0px;
}

.contactContainer .left .contactContainer {
    padding: 0px;
}

.contactContainer .left .contactContainer input {
    width: 100%;
}

.contactContainer .left .contactContainer .row label span {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.contactContainer .left .contactContainer .halfColumn input {
    height: 45px;
    border-radius: 12px;
    font-size: 18px;
    color: var(--primcol);
    outline: none;
    padding: 0px 10px;
    border: 2px solid transparent;
    transition: 0.3s ease all;
}

.contactContainer .left .contactContainer .halfColumn input:focus {
    border-color: var(--primcol);
}

.contactContainer .left .contactContainer .fullColumn textarea {
    height: 170px;
    border-radius: 12px;
    font-size: 18px;
    color: var(--primcol);
    outline: none;
    padding: 10px 10px;
    border: 2px solid transparent;
    transition: 0.3s ease all;
    width: 100%;
}

.contactContainer .left .contactContainer .fullColumn textarea:focus {
    border-color: var(--primcol);
}

.contactContainer .left .contactContainer .msgColumn {
    margin-top: 30px;
}

.contactContainer .left .contactContainer .submit input {
    width: 212px;
    border: 2px solid var(--primcol);
    border-radius: 5px;
    height: 40px;
    font-weight: bold;
    background: #fff;
    transition: 0.3s ease all;
    color: var(--thirdcol);
}

.contactContainer .left .contactContainer .submit > p {
    display: flex;
    flex-direction: row-reverse;
}

.contactContainer .left .contactContainer .submit input:hover {
    background: var(--primcol);
    color: #fff;
}

.contactContainer .right .inner .info {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom:15px;
}

.contactContainer .right .inner .info svg {
    width: 20px;
    height: 25px;
    margin-right: 15px;
}

.contactContainer .right .inner .info a {
    color: var(--thirdcol);
}


.contactContainer .right .inner .navigation {
    border: 1px solid var(--primcol);
    padding: 6px 30px;
    border-radius: 8px;
    background: #fff;
    transition: 0.3s ease all;
    color: var(--thirdcol);
    display:inline-block;
    margin-top:20px;
    margin-bottom:20px;
}

.contactContainer .right .inner .navigation img {
    margin-left:10px;
}

.contactContainer .right .inner .navigation:hover {
    background: var(--primcol);
    color: #fff;
}

.contactContainer .right .inner .map iframe {
    width: 100%;
    height: 300px;
}

section.contactContainer {
    margin-bottom: 100px;
    margin-top: -100px;
    position: relative;
}







/* ============================= Opportunities archive Page ================================== */





.activeOport {
    padding: 20px 0px;
    background-color: var(--bgcol);
    position: relative;
}

.activeOport:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url('/wp-content/uploads/2024/03/section2-decoration.svg');
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0px;
    bottom: 0px;
    opacity: 0.8;
}

.activeOport .opportunities {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.activeOport .opportunities .opportunity {
    width: 25%;
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
}

.activeOport .opportunities .opportunity .catTitle {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}



.activeOport .opportunities .opportunity .catTitle:before {
    content: "";
    width: 20px;
    height: 3px;
    background: var(--primcol);
    display: block;
    margin-right: 10px;
}

.activeOport .opportunities .opportunity .title {
    color: var(--thirdcol);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    font-weight: bold;
}

.activeOport .opportunities .opportunity .deadline {
    font-size: 14px;
}

.activeOport .opportunities .sectionTitle {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: bold;
}

.activeOport .opportunities .noPost {
    color: var(--seccol);
    font-weight: bold;
}




.opportunities-content .opportunity .opportunity-container .opportunity-title h3 {
    line-height: 18px !important;
  }
  
  .opportunities-content .opportunity .opportunity-container .opportunity-title h3 a{
    color: var(--thirdcol);
    font-size: 16px;
    font-weight: 700;
  }

  .opportunities-content .opportunity .opportunity-container .opportunity-title h3 a:hover {
    color: var(--primcol);
  }
  
  .opportunities-archive {
      padding-top: 100px;
  }
  
  .opportunities-archive .opportunities-content {
    position: relative;
  }
  
  .opportunities-archive .opportunities-content .loader {
    position: absolute;
    left: -6px;
    top: 0px;
    width: calc(100% + 12px);
    height: 100%;
    background: rgb(255 255 255 / 85%);
    z-index: 9;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: none;
    -webkit-animation-name: bganimation;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: bganimation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }
  
  .opportunities-archive .opportunities-content .loader .loading-image {
    width: 100px;
    height: auto;
    position: fixed;
    top: 160px;
    left: 50%;
    margin-left: -50px;
  }
  
  .opportunities-archive .opportunity-container {
          position:relative;
          border-right: 1px solid var(--thirdcol40);
          height: 100%;
  }
  
  .opportunities-archive .opportunities-content .opportunities-content-inner .status {
    font-size: 14px;
    color: #fff;
    padding: 6px 15px;
    border-radius: 4px;
    margin-right: 8px;
  }
  
  .opportunities-archive .opportunities-content .opportunities-content-inner .status.upcoming {
    background: var(--primcol);
  }
  
  .opportunities-archive .opportunities-content .opportunities-content-inner .status.past {
    background: var(--seccol);
  }
  
  
  
  /* filters */
  
  .opportunities-archive .filters .statusFilters > ul {
    list-style: none;
    padding: 0px;
    display: flex;
    max-width: 878px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto;
  }
  
  .opportunities-archive .filters .inner {
    border-bottom: 1px solid var(--primcol);
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 30px;
  }
  
  
  .opportunities-archive .filters .statusFilters ul li a {
    text-decoration: none;
    color: var(--thirdcol);
    font-size: 18px;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    height: 45px;
    display: flex;
    padding: 0 30px;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    transition: 0.3s ease all;
  }
  
  .opportunities-archive .filters .statusFilters ul li a.active {
    background: var(--primcol);
    color: #fff;
  }
  
  .opportunities-archive .filters .statusFilters ul li a:hover {
    background: var(--seccol);
    color: #fff;
  }
  
  
  
  .opportunities-archive .filters .statusFilters > .row {
    max-width: 878px;
    margin: 0 auto;
    padding-bottom: 25px;
    justify-content: center;
  }
  
  .opportunities-archive .filters .statusFilters > .row .nice-select {
    width: 100%;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
  }
  
  .opportunities-archive .filters .statusFilters > .row .nice-select .list {
    width: 100% !important;
  }
  
  
  .opportunities-archive .filters .statusFilters > .row .nice-select:after {
    width: 10px;
    height: 10px;
    right: 20px;
    border-color: var(--thirdcol);
    margin-top: -5px;
  }
  
  .opportunities-archive .filters .statusFilters > .row .nice-select.open {
    background: var(--primcol);
  }
  
  .opportunities-archive .filters .statusFilters > .row .nice-select.open .current {
    color:#fff;
  }
  
  
  
  .opportunities_search_bar {
    position: relative;
  }
  
  .opportunities_search_bar input {
    width: 100%;
    height: 45px;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    padding-left: 18px;
    padding-right: 30px;
    font-size: 16px;
    color: var(--thirdcol);
    outline: none;
    background: #fff;
    transition: 0.3s ease all;
  }
  
  .opportunities_search_bar input::-ms-input-placeholder { /* Edge 12-18 */
  color: var(--thirdcol);
  }
  
  .opportunities_search_bar input::placeholder {
  color: var(--thirdcol);
  }
  
  .opportunities_search_bar input:focus {
    background: var(--bgcol);
  }
  
  .opportunities_search_bar svg {
    position: absolute;
    top: 50%;
    margin-top: -9.25px;
    right: 25px;
  }
  
  .opportunities-archive .opportunities-content .opportunities-content-inner .deadline {
      display: flex;
      /* align-items: center; */
  }
  
  .opportunities-archive .opportunities-content .opportunities-content-inner .deadline .date {
      display: flex;
      flex-direction: column;
      font-size: 16px;
  }
  
  .opportunities-archive .opportunities-content .opportunities-content-inner .deadline .date b {
      font-size: 12px;
      line-height: 12px;
  }
  
  .opportunities-archive .opportunities-content .opportunities-content-inner .status.today {
      background: var(--bgcol);
      color: var(--thirdcol);
      font-weight: bold;
  }
  
  .opportunities-content-inner .categories span {
      font-size: 14px;
      font-weight: bold;
  }
  
  .opportunities-content-inner .categories span:after {
      content: "";
      width: 100%;
      height: 1px;
      background: var(--primcol);
      display: block;
  }
  
  .opportunities-content-inner .categories {
      display: flex;
      align-items: center;
  }
  
  .opportunities-archive .opportunity {
      width: 33.33334%;
      margin-bottom: 20px;
      margin-top: 20px;
  }
  
  .opportunities-archive .opportunity:nth-child(3n) .opportunity-container {
      border: none;
  }
  
  .opportunities-archive .opportunity:last-child .opportunity-container {
      border: none;
  }







/* ================================================ OPPORTUNITIES SINGLE PAGE ============================================================ */



  #header-hero .opportunitiesLink {
    border-top: 1px solid var(--primcol);
    border-bottom: 1px solid var(--primcol);
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#header-hero .opportunitiesLink .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header-hero .opportunitiesLink .info .title {
    color: var(--thirdcol);
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-right: 100px;
}


#header-hero .opportunitiesLink .info > a {
      border: 2px solid var(--primcol);
      border-radius: 5px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 40px;
      transition: 0.25s ease all;
  }
  
  #header-hero .opportunitiesLink .info > a span {
      color: var(--thirdcol);
      font-weight: bold;
  }
  
  #header-hero .opportunitiesLink .info > a svg {
      margin-right: 10px;
  }
  
  #header-hero .opportunitiesLink .info > a svg path {
      stroke: var(--primcol);
      transition: 0.25s ease all;
  }
  
  #header-hero .opportunitiesLink .info > a:hover {
      background: var(--primcol);
  }
  
  #header-hero .opportunitiesLink .info > a:hover svg path {
      stroke: #fff;
  }




  .single-page-sidebar.sidebar .info-container .prices .title {
    font-size: 16px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.single-page-sidebar.sidebar .info-container .prices .title:before {
    width: 14px;
    height: 2px;
    background: var(--primcol);
    content:
    "";
    margin-right: 5px;
}

.single-page-sidebar.sidebar .info-container .prices > div .label {
    margin-right: 10px;
}

.single-page-sidebar.sidebar .info-container .prices > div .value {
    font-size: 15px;
    font-weight: bold;
}

.single-page-sidebar.sidebar .info-container .prices {
    display: flex;
    margin: 0px !important;
}

.single-page-sidebar.sidebar .info-container .prices > div {
    width: calc(50% - 5px);
    background: var(--seccol);
    border-radius: 5px;
    padding: 10px;
}

.single-page-sidebar.sidebar .info-container .prices .early {
    margin-right: 10px;
}


#header-hero.opport {
    height: 500px;
    overflow: hidden;
}

#header-hero.opport .col-md-4.col-12 {
    height: 500px;
}

#header-hero.opport .col-md-4.col-12 img {
    width: 100% !important;
    height: 100% !important;
    max-height: unset;
}



.single-opportunities .info.row .prevNext {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--primcol);
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.single-opportunities .info.row .prevNext a:first-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
}

.single-opportunities .info.row .prevNext a:first-child svg {
    position:relative;
    right: 5px;
    transition: 0.15s linear all;
}

.single-opportunities .info.row .prevNext a:first-child svg path {
    fill: var(--primcol);
}

.single-opportunities .info.row .prevNext a:first-child:hover svg {
    right: 10px;
}




.single-opportunities .info.row .prevNext a:last-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
}

.single-opportunities .info.row .prevNext a:last-child svg {
    position:relative;
    left: 8px;
    transition: 0.15s linear all;
}

.single-opportunities .info.row .prevNext a:last-child svg path {
    fill: var(--primcol);
}

.single-opportunities .info.row .prevNext a:last-child:hover svg {
    left: 13px;
}







/* ============================= Media archive Page ================================== */




.media-archive .progAndSource .programm {
    width: auto !important;
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
}

.media-archive .progAndSource {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.media-archive .progAndSource .programm-cat {
    padding: 3px 10px 3px 10px;
    font-size: 14px !important;
    margin: 0px !important;
}



.programm.inMedia .progToggle {
    width: 20px;
    height: 20px;
    background: #fff;
    display: flex;
    border-radius: 50px;
    position: relative;
    margin-right: 10px;
    cursor:pointer;
}

.programm.inMedia .progToggle:before {
    content: "";
    width: 10px;
    height: 2px;
    background: var(--thirdcol);
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 5px;
    transition: 0.2s linear all;
}


.programm.inMedia .progToggle:after {
    content: "";
    width: 2px;
    height: 10px;
    background: var(--thirdcol);
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 5px;
    transition: 0.2s linear all;
    transform: rotate(0deg);
}

.programm.inMedia .moreProgs {
    transform: translateY(-27px);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s cubic-bezier(0.4, 0, 1, 1) all;
    position: absolute;
    top: 100%;
    width: max-content;
    min-width: 256px;
    left: 30px;
}

.programm.inMedia.active .moreProgs {
    transform: translateY(0px);
    
    opacity: 1;
    visibility: visible;
   
}

.programm.inMedia.active .progToggle:before {
    width: 0px;
}

.programm.inMedia.active .progToggle:after {
    transform: rotate(90deg);
}

.programm.inMedia {
    display: flex;
    align-items: center;
}



.media-archive .progAndSource .source {
    color: #fff;
    font-size: 14px;
    margin-left: 6px;
}


.media-archive .filters .inner {
    border-bottom: 1px solid var(--primcol);
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 30px;
}
.media-archive .filters .statusFilters > .row {
    max-width: 878px;
    margin: 0 auto;
    padding-bottom: 25px;
}

.media-archive .filters .statusFilters > .row .nice-select {
    width: 100%;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
}

.media-archive .filters .statusFilters > .row .nice-select .list {
    width: 100%;
}


.media-archive .filters .statusFilters > .row .nice-select:after {
    width: 10px;
    height: 10px;
    right: 20px;
    border-color: var(--thirdcol);
    margin-top: -5px;
}

.media-archive .filters .statusFilters > .row .nice-select.open {
    background: var(--primcol);
}

.media-archive .filters .statusFilters > .row .nice-select.open .current {
    color:#fff;
}






/* ============================= Multimedia single Page ================================== */



.podcasts .podlinks {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.podcasts {
    margin-top: 100px;
}

.podcasts .podlinks img {
    margin: 0px !important;
    width: 300px !important;
}

.podcasts .podlinks .delimiter {
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
}

.podcasts .podlinks .delimiter:before {
    content: "";
    width: 30px;
    height: 3px;
    background: var(--primcol);
    margin-right: 15px;
}

.podcasts .podlinks .delimiter:after {
    content: "";
    width: 30px;
    height: 3px;
    background: var(--primcol);
    margin-left:15px;
}

.podcasts .podlinks .podtitle {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 50px;
}

.podcasts .podlinks .link {
    border: 2px solid var(--primcol);
    border-radius: 10px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}





/* ============================= Multimedia archive Page ================================== */



.media-archive .filters .statusFilters > ul {
    list-style: none;
    padding: 0px;
    display: flex;
    
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto;
}
.media-archive .filters .statusFilters ul li a {
    text-decoration: none;
    color: var(--thirdcol);
    font-size: 18px;
    border: 1px solid var(--primcol);
    border-radius: 15px;
    height: 45px;
    display: flex;
    padding: 0 30px;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    transition: 0.3s ease all;
}

.media-archive .filters .statusFilters ul li a.active {
    background: var(--primcol);
    color: #fff;
}

.media-archive .filters .statusFilters ul li a:hover {
    background: var(--seccol);
    color: #fff;
}






/* ============================= Folder single Page ================================== */




.single-folder .info.row .prevNext {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--primcol);
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  .single-folder .info.row .prevNext a:first-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
  }
  
  .single-folder .info.row .prevNext a:first-child svg {
    position:relative;
    right: 5px;
    transition: 0.15s linear all;
  }
  
  .single-folder .info.row .prevNext a:first-child svg path {
    fill: var(--primcol);
  }
  
  .single-folder .info.row .prevNext a:first-child:hover svg {
    right: 10px;
  }
  
  
  
  
  .single-folder .info.row .prevNext a:last-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
  }
  
  .single-folder .info.row .prevNext a:last-child svg {
    position:relative;
    left: 8px;
    transition: 0.15s linear all;
  }
  
  .single-folder .info.row .prevNext a:last-child svg path {
    fill: var(--primcol);
  }
  
  .single-folder .info.row .prevNext a:last-child:hover svg {
    left: 13px;
  }






  .single-folder .warDiary {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 34px;
    margin-bottom: 50px;
}

.single-folder .warDiary a {
    border: 2px solid var(--primcol);
    border-radius: 5px;
    color: var(--thirdcol);
    font-weight: bold;
    padding: 6px 35px;
    transition: 0.25s ease all;
}

.single-folder .the-content {
    display: flex;
    flex-direction: column;
}

.single-folder .warDiary a:hover {
    background: var(--primcol);
    color: #fff;
}


.single-folder .folderPosts > .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.single-folder .folderPosts > .title:before {
    content: "";
    width: 30px;
    height: 3px;
    background: var(--primcol);
    margin-right: 10px;
}

.single-folder .folderPosts {
    margin-bottom: 30px;
}

.single-folder .folderPosts .post {
    position: relative;
    margin-bottom: 24px;
    overflow: hidden;
    min-height: 150px;
    background: var(--bgcol);
    padding: 0px;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 10px;
    width: calc(50% - 24px);
}

.single-folder .folderPosts .post .inner {
    background: transparent;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
    position: relative;
}



.single-folder .folderPosts .post > img {
    position: absolute;
    height: 100%;
    width: 120px;
    margin-left: -60px;
}

.single-folder .folderPosts .post .top {
    display: flex;
    flex-direction: column;
}

.single-folder .folderPosts .post .bottom {
    display: flex;
    flex-direction: column;
}

.single-folder .folderPosts .post .top .source {
    color: var(--primcol);
    font-size: 13px;
    margin-bottom: 4px;
}

.single-folder .folderPosts .post .top a {
    color: var(--thirdcol);
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.single-folder .folderPosts .post .bottom svg {
    width: 17px;
}

.single-folder .folderPosts .post .bottom svg path {
    fill: var(--primcol);
}

.single-folder .folderPosts .post .bottom  span {
    font-size: 14px;
    font-weight: bold;
}

.single-folder .folderPosts .post .bottom .author {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.single-folder .folderPosts .post .bottom .author > span {
    width: calc(100% - 30px);
    margin-left: 10px;
    line-height: 16px;
}


.single-folder .folderPosts .post .bottom .author > span .moreAuthorsToggle {
    width: 16px;
    height: 16px;
    background: var(--thirdcol);
    display: inline-flex;
    border-radius: 50px;
    position: relative;
    margin-right: 0px;
    margin-left: 8px;
    cursor:pointer;
    top: 3px;
}

.single-folder .folderPosts .post .bottom .author > span .moreAuthorsToggle:before {
    content: "";
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 3px;
    transition: 0.2s linear all;
}


.single-folder .folderPosts .post .bottom .author > span .moreAuthorsToggle:after {
    content: "";
    width: 2px;
    height: 10px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 3px;
    transition: 0.2s linear all;
    transform: rotate(0deg);
}

.single-folder .folderPosts .post .bottom .author > span .moreAuthorsToggle.open:after {
    height: 0px;
    top: 20px;
}


.single-folder .folderPosts .post .bottom .publishDate {
    display: flex;
    align-items: center;
}

.single-folder .folderPosts .post .bottom .publishDate > span {
    width: calc(100% - 30px);
    margin-left: 10px;
    line-height: 16px;
}



.single-folder .folderPosts .post .top a:hover {
    color: var(--primcol);
}





/* ============================= Folder archive Page ================================== */

section.folderArchive {
    padding-top: 100px;
}

section.folderArchive .folderPosts .post {
    margin-bottom: 100px;
    width: 100%;
    min-height: 140px;
}

section.folderArchive .folderPosts .post .inner {
    background: var(--bgcol);
}

section.folderArchive .folderPosts {
    max-width: 800px;
    margin: 0 auto;
}



/* ============================= Newsletter archive Page ================================== */


.newsletter-archive .newsletterEntries {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 800px;
    margin: 0 auto;
}

.newsletter-archive .newsletterEntries .entry {
    background: var(--bgcol);
    display: flex;
    flex-direction: column;
    padding: 10px 10px;
    border-radius: 5px;
}

.newsletter-archive .newsletterEntries .entry .title a {
    text-decoration: none;
    font-size: 19px;
    color: var(--thirdcol);
    line-height: 20px;
}

.newsletter-archive .newsletterEntries .entry .date {
    font-size: 14px;
}

.newsletter-archive h1 {
    max-width: 800px;
    margin: 0 auto 40px auto;
}




/* ============================= War diary Page ================================== */




#war-diary .warTimeline {
    margin-top: 60px;
}

#war-diary .warTimeline .timeslot:nth-child(odd) {
    background: var(--bgcol);
}

#war-diary .warTimeline .timeslot:nth-child(even) {
    background: #fcfcfc;
}


#war-diary .warTimeline .timeslot {
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 15px;
}

#war-diary .warTimeline .timeslot .year {
    font-size: 60px;
    color: var(--thirdcol);
    font-weight: bold;
    opacity: 0.1;
    line-height: 55px;
}

#war-diary .warTimeline .timeslot .date {
    position: relative;
}

#war-diary .warTimeline .timeslot .monthday {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 2px;
    color: var(--thirdcol);
    text-transform: uppercase;
}

#war-diary .warTimeline .timeslot .time {
    font-size: 25px;
    font-weight: bold;
    line-height: 24px;
    color: #8C5932;
    opacity: 0.45;
    position: relative;
    top: -15px;
}

#war-diary .warTimeline .timeslot .title {
    color: var(--thirdcol);
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
}


#war-diary .warTimeline .timeslot .description ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
}

#war-diary .warTimeline .timeslot .description ul li {
    display: block;
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
}

#war-diary .warTimeline .timeslot .description ul li:last-child {
    margin-bottom: 0px;
}

#war-diary .warTimeline .timeslot .description ul li:before {
    content: "";
    width: 12px;
    height: 14px;
    background: url('/wp-content/uploads/2024/03/list-item-bullet-style.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    position: absolute;
    left: 0px;
    top: 3px;
}


#war-diary .warTimeline .timeslot .description * {
    font-size: 14px;
    line-height: 18px;
}


#war-diary .warTimeline .timeslot .link {
    font-size: 14px;
    color: var(--seccol);
    font-weight: bold;
    margin-top: 20px;
    display: block;
    transition: 0.25s ease all;
}

#war-diary .warTimeline .timeslot .link:hover {
    color: var(--primcol);
}


/* timeline nav */

#lineCont {
    width: 100%;
    height: 20%;
  }
  
  #line {
    height: 6px;
    width: 100%;
    background: white;
    border-radius: 5px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
  }
  
  #span {
    display: none;
    width: 70%;
    margin: auto;
    margin-top: 25%;
    text-align: center;
    color: white;
  }
  
  .circle {
    width: 20px;
    height: 20px;
    background: var(--seccol);
    border-radius: 15px;
    position: absolute;
    top: -7px;
    border: 3px solid white;
    cursor: pointer;
  }
  .circle:before {
    content: "";
    width: 10px;
    height: 10px;
    background: white;
    position: absolute;
    border-radius: 100%;
    top: 2px;
    left: 2px;
    display: none;
  }
  .circle .popupSpan {
    width: auto;
    height: auto;
    padding: 10px;
    white-space: nowrap;
    display: inline-block;
    color: white;
    position: absolute;
    top: 20px;
    left: -75px;
    display: none;
    transition: all 0.1s ease-out;
  }
  .circle.hover:before, .circle.active:before {
    display: block;
  }
  .circle.hover .popupSpan, .circle.active .popupSpan {
    display: block;
  }
  .circle.active .popupSpan {
    top: -40px;
  }
  
  .timelineNav {
    height: 100px;
    background: var(--primcol);
    display: flex;
    align-items: center;
    position: sticky;
    top: 0px;
    z-index: 9;
  }

  #war-diary .single-page-sidebar.sidebar {
    top: 120px;
}
  




/* ============================= Perspective archive Page ================================== */


.post-type-archive-perspective #header-hero .page-wrapper {
    max-width: 878px;
    padding-left: 0px;
    padding-right: 0px;
}

.post-type-archive-perspective #header-hero .page-wrapper h1 {
    text-align: left !important;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.post-type-archive-perspective #header-hero .page-wrapper h1:before {
    content: "";
    width: 45px;
    height: 3px;
    background: var(--seccol);
    margin-right: 10px;
}

#perspective .perspectivePosts .post {
    background: var(--bgcol);
    max-width: 878px;
    margin: 40px auto 0px auto;
    border-radius: 10px;
    padding: 35px 20px;
    position: relative;
    overflow: hidden;
}

#perspective .perspectivePosts {
    margin-bottom: 40px;
}

#perspective .perspectivePosts .post .content > .title span {
    color: var(--thirdcol);
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    transition: 0.25s ease all;
}

#perspective .perspectivePosts .post .content > .title {
    margin-bottom: 15px;
    display: block;
}

#perspective .perspectivePosts .post .content .date {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

#perspective .perspectivePosts .post .content .date span {
    font-size: 14px;
    font-weight: 600;
}

#perspective .perspectivePosts .post .content .date svg {
    margin-right: 10px;
    width: 18px;
    height: 18px;
}

#perspective .perspectivePosts .post .content .description {
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 30px;
    display: block;
}

#perspective .perspectivePosts .post .content .readText {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

#perspective .perspectivePosts .post .content .readText a {
    color: var(--thirdcol);
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    transition: 0.25s ease all;
}

#perspective .perspectivePosts .post .content .readText a:hover {
    color: var(--primcol);
}

#perspective .perspectivePosts .post .content .perspectivePosts {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}

#perspective .perspectivePosts .post .content .perspectivePosts > div {
    max-width: 385px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#perspective .perspectivePosts .post .content .perspectivePosts .pright {
    align-items: flex-end;
}

#perspective .perspectivePosts .post .content .perspectivePosts .pright .title {
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--thirdcol);
}

#perspective .perspectivePosts .post .content .perspectivePosts .pleft .title {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--thirdcol);
}

#perspective .perspectivePosts .post .content .perspectivePosts .pright .name {
    margin-bottom: 25px;
}

#perspective .perspectivePosts .post .content .perspectivePosts .pright .name a {
    font-weight: bold;
    margin-right: 15px;
    color: #33738D;
    transition: 0.25s ease all;
}

#perspective .perspectivePosts .post .content .perspectivePosts .pright .name a:hover {
    color: var(--primcol);
}



#perspective .perspectivePosts .post .content .perspectivePosts .pleft .name {
    margin-bottom: 25px;
}

#perspective .perspectivePosts .post .content .perspectivePosts .pleft .name a {
    font-weight: bold;
    margin-left: 15px;
    color: #33738D;
    transition: 0.25s ease all;
}

#perspective .perspectivePosts .post .content .perspectivePosts .pleft .name a:hover {
    color: var(--primcol);
}

#perspective .perspectivePosts .post .content > svg {
    width: 144px;
    position: absolute;
    bottom: -75px;
    height: 150px;
    left: 50%;
    margin-left: -72px;
}






/* ============================= Perspective single Page ================================== */



#header-hero.perspectivePost {
    background-size: cover, 30% 100% !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    margin-top: -70px;
    margin-bottom: 70px;
    z-index: -1 !important;
    position: relative;
}

#header-hero.perspectivePost h1 {
    font-size:26px !important;
    max-width:75%;
    display:flex;
    align-items:center;
}

#header-hero.perspectivePost h1:before {
    content:"";
    width:45px;
    height:3px;
    background:var(--seccol);
    margin-right:10px;
}

#header-hero.perspectivePost .single-post-meta {
    padding: 70px 0px 0px 0px !important;
}

#header-hero.perspectivePost .author {
    margin-top: 50px;
}

#header-hero.perspectivePost .author svg {
    width: 110px;
    height: 61px;
}

#header-hero.perspectivePost .author span {
    font-size: 25px;
    font-weight: bold;
    color: var(--seccol);
    margin-left: 15px;
}


.singlePerspectivePost .content {
    max-width: 878px;
    margin: 0 auto;
    padding-bottom: 50px;
}


.singlePerspectivePost .backLink {
    border-top: 1px solid var(--primcol);
    padding-top: 30px;
    margin-bottom: 50px;
}

.singlePerspectivePost .backLink a {
    color: var(--seccol);
    font-weight: bold;
    display: flex;
    align-items: center;
}

.singlePerspectivePost .backLink a svg {
    margin-right: 15px;
    transition: 0.25s linear all;
}

.singlePerspectivePost .backLink a:hover svg {
    margin-right: 6px;
}

.singlePerspectivePost .backLink a svg path {
    fill: var(--seccol);
}




.nextPerspective {
    position: fixed;
    right: 0px;
    top: 68%;
    max-width: calc((100vw - 878px + -40px) / 2);
    background: var(--bgcol);
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 16%);
    overflow: hidden;
    transition: 0.2s linear all;
    height: 120px;
    display: flex;
    align-items: center;
}

.nextPerspective a {
    display: flex;
    flex-direction: column;
    padding: 15px;
    align-items: flex-end;
    position: relative;
    background: var(--bgcol);
    border-radius: 10px;
}

.nextPerspective a .name {
    display: flex;
    align-items: center;
    color: #33738D;
    font-weight: bold;
    font-size: 15px;
    transition: 0.15s linear all;
    transform: translateY(0px);
}

.nextPerspective a .name svg {
    margin-left: 10px;
    transition: 0.2s linear all;
}

.nextPerspective a .title {
    display: flex;
    align-items: center;
    margin-top: 10px;
    transition: 0.15s linear all;
    transform: translateY(0px);
    opacity: 1;
}

.nextPerspective a .title span {
    width: calc(100% - 25px);
    margin-right: 15px;
    text-align: right;
    color: var(--thirdcol);
    line-height: 20px;
}



.nextPerspective a .title svg {
    position: relative;
    left: 0px;
    transition: 0.25s ease all;
}

.nextPerspective a:hover .title svg {
    left: 10px;
}

.nextPerspective:hover {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 16%);
}



.nextPerspective.active {
    transform: translateX(0px);
}

.nextPerspective.active .nextPerspMobileTrigger {
    transform: translateX(0px);
}




/* -------------------------- post types pagination -------------------------- */


.pagination.row {
    margin-bottom: 0px;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}

#mediaArchive .row.post {
    margin-bottom: 50px;
}

#newsArchive .row.post {
    margin-bottom: 50px;
}

.pagination.row * {
    width: auto;
}

.pagination.row a:not(.next,.prev) {
    border: 1px solid var(--primcol);
    margin: 0px 2px;
    border-radius: 5px;
    color: var(--thirdcol);
}

.pagination.row .current {
    border: 1px solid var(--primcol);
    margin: 0px 2px;
    border-radius: 5px;
    color: #fff;
    background:var(--primcol);
}

.pagination.row .next {
    display: flex;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
}

.pagination.row .prev {
    display: flex;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
}

.pagination.row .nice-select .current {
    background:transparent;
    border:none;
    color: var(--thirdcol);
}

.pagination.row .nice-select {
    border: 1px solid var(--primcol);
}

.pagination.row .nice-select .list {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px;
    height: 150px;
    overflow: auto;
}




/* --------------------------------- Funding page ------------------------------------- */


main#funding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.fundingContainer .bigTitle {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
}

.fundingContainer .pageNav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 50px;
    gap: 6px;
    margin-left: 0px;
    margin-right: 0px;
}

.fundingContainer .pageNav .pageLink {
    width: auto;
    padding: 0px;
}

.fundingContainer .pageNav .pageLink a {
    border: 1px solid var(--primcol);
    border-radius: 10px;
    font-size: 14px;
    padding: 5px 20px;
    color: var(--thirdcol);
    font-weight: bold;
    background: #fff;
    transition: 0.25s ease all;
}

.fundingContainer .pageNav .pageLink a:hover {
    background: var(--primcol);
    color: #fff;
}

.fundingContainer div#sponsors {
    margin-top: 100px;
    margin-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

.fundingContainer div#sponsors .sponsor {
    width: calc(20% - 25px);
    text-align: center;
}

.fundingContainer div#sponsors .sponsor img {
    max-width: 180px;
    width: 100%;
}




div#budget {
    margin-top: 80px;
}

.fundingContainer .info {
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
}

.fundingContainer .info .title {
    width: 100%;
}

.fundingContainer .info .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.33334%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.fundingContainer .info .item .right {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.fundingContainer .info .item .left {
    margin-right: 35px;
    position: relative;
}

.fundingContainer .info .item .left svg path {
    fill: #fff;
}

.fundingContainer .info .item .right .itemTitle {
    text-transform: uppercase;
}

.fundingContainer .info .item .right > a {
    font-size: 14px;
    text-decoration: underline !important;
    color: var(--primcol);
    font-weight: bold;
}

.fundingContainer .info .item .left:after {
    content: "";
    width: 25px;
    height: 1px;
    border: 1px dashed;
    position: absolute;
    right: -35px;
    top: 50%;
    margin-top: -1px;
}

.fundingContainer .info .item .left .inner {
    width: 65px;
    height: 65px;
    background: var(--primcol);
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}



/* --------------------- seminars ------------------------- */


#seminarsArchive .row.post {
    margin-bottom: 50px;
}


.singleSeminar .gallery {
    display: flex;
    flex-wrap: wrap;
}

.singleSeminar .the-content {
    margin-bottom: 60px;
}

.singleSeminar .gallery .galleryTitle span {
    font-size: 25px;
    margin-bottom: 20px;
    display: block;
}

.singleSeminar .gallery img {
    width: 100%;
    padding: 2px;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}


.singleSeminar .prevNext {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--primcol);
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.singleSeminar .prevNext a:first-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
}

.singleSeminar .prevNext a:first-child svg {
    position:relative;
    right: 5px;
    transition: 0.15s linear all;
}

.singleSeminar .prevNext a:first-child svg path {
    fill: var(--primcol);
}

.singleSeminar .prevNext a:first-child:hover svg {
    right: 10px;
}




.singleSeminar .prevNext a:last-child {
    color: var(--primcol);
    margin-right:8px;
    font-size:18px;
    font-weight:bold;
}

.singleSeminar .prevNext a:last-child svg {
    position:relative;
    left: 8px;
    transition: 0.15s linear all;
}

.singleSeminar .prevNext a:last-child svg path {
    fill: var(--primcol);
}

.singleSeminar .prevNext a:last-child:hover svg {
    left: 13px;
}

.singleSeminar .single-page-sidebar .prog svg path {
    fill: var(--thirdcol);
}


.the-content .size-medium {
    float: left;
    margin-right: 20px;
}




.singleSeminar .single-page-sidebar .media ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
}

.singleSeminar .single-page-sidebar .media ul li {
    display: block;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}
.singleSeminar .single-page-sidebar .media ul li:before {
    content: "";
    width: 14px;
    height: 16px;
    background: url('/wp-content/uploads/2024/03/list-item-bullet-style.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    position: absolute;
    left: 0px;
    top: 6px;
}

.singleSeminar .single-page-sidebar .media a, .singleSeminar .single-page-sidebar .prog a {
    color:var(--primcol);
    font-weight:500;
}




/* load more posts button */


a.loadMore {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    border: 2px solid var(--primcol) !important;
    transition: 0.2s ease all;
    width: 300px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    position: relative;
}

a.loadMore:hover {
    background: var(--primcol);
}

a.loadMore .loadMoreIcon {
    display: flex;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

a.loadMore .loadMoreIcon img {
    width: 30px;
    height: 30px;
}




/* simple page style */

.simplePageContent {
    max-width: 1140px !important;
    margin: 50px auto !important;
}

.simplePageContent h1 {
    margin-bottom: 50px;
}

/* Mailchimp Form */
#mc_embed_signup .mc-field-group{
    width: 100% !important;
}
#mc_embed_signup .mc-field-group input {
    width: 100%;
    margin-bottom: 20px;
    border: none;
    background: #fff;
    border-radius: 5px;
    outline: none;
    padding: 0px 10px;
    font-size: 15px;
    color: var(--thirdcol);
}

#mc_embed_signup .mc-field-group label a {
    text-decoration: none;
    color: var(--seccol);
    font-weight: bold;
}

#mc_embed_signup .button{
    margin: 0 !important;
}





/* homepage radio button slider in mobile */

.inputSlider {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 340px;
    margin-top: 30px;
}

.inputSlider .sr-only {
  position: absolute;
  pointer-events: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: transparent;
}

.inputSlider input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0%;
}

.inputSlider > label {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-radius: 10px;
  background: var(--primcol);
  transition: 0.2s linear all;
  z-index: 2;
  cursor: pointer;
  transition-duration: .4s;
  position: absolute;
  bottom: 15px;
  visibility: hidden;
}

.inputSlider input:checked + label{
  background-color: #afcdd8;
  width: 40px;
}

.inputSlider input + label::after{
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' width='100' style='fill:white'%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center 55%;
  background-size: 80px 80px;
  line-height: 100vh;
  transition: background-size 200ms;
  position: absolute;
  color: white;
  height: 100%;
  width: 80px;
  top: 50%;
  left: 0;
  z-index: 20;
  display: none;
}

.inputSlider input + label:hover::after {
  background-size: 90px 90px;
}

.inputSlider input:checked + label::after {
  background-image: none;
  width: 100vw;
  left: 0;
  z-index: 10;
}

.inputSlider input:checked + label + .slide ~ input + label::after {
  display: none;
}

.inputSlider input:checked + label + .slide + input + label::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' width='100' fill='white'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z' /%3E%3C/svg%3E");
  display: block;
  width: 80px;
  right: 0;
  left: auto;
}

.inputSlider input:focus + label{
  box-shadow: 0 0 0 2px teal, 0 0 18px white;
}

.inputSlider .slide {
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition-duration: .4s;
  opacity: 1;
  max-height: 300px;
}

.inputSlider input:checked ~ .slide {
  transform: translateX(100%);
}

.inputSlider input:checked + label + .slide {
  transform: translateX(0);
  opacity: 1;
}


.inputSlider .slide img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.inputSlider .slide .media {
    padding-bottom: 300px;
}

.inputSliderDots label {
    width: 20px;
    height: 10px;
    background: var(--primcol);
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 10px;
    transition: 0.2s linear all;
}

.inputSliderDots {
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.inputSliderDots label.active {
    width: 40px;
    background: var(--seccol);
}

.inputSlider .post .content a {
    font-size: 15px;
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.inputSlider .post .content .authors {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}