@font-face {
    font-family: Freshman;
    font-weight: 700;
    src: url(fonts/freshman.woff2);
}
:root {
    --f-title: 'Freshman', sans-serif;
    --f-cond: 'Barlow Condensed', sans-serif;
    --f-body: 'Roboto', sans-serif;
    --c-shadow: rgba(0, 0, 0, 0.4);
    --c-white: #fff;
    --c-black: #000;
    --c-brown: #907A5E;
}

* {
    box-sizing: border-box;
}
a {
    color: var(--c-white);
}


.a-item {
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    opacity: 0;
  }
  
  .a-item.a-zoom-out {
    transform: scale(1.1);
  }
  
  .a-item.a-top-bottom {
    transform: translate(0, -50%);
  }
  .a-item.a-bottom-top {
    transform: translate(0, 50%);
  }
  
  .a-item.a-left-right {
    transform: translate(-100%, 0);
  }
  
  .a-item.a-right-left {
    transform: translate(100%, 0);
  }
  
  .a-full {
    opacity: 1 !important;
    transform: scale(1) translate(0%, 0%) !important;
  
  }
  
  .a-done {
    transition-delay: 0s !important;
  }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--f-cond);
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
}

h3 {
    font-size:2em;
}
i.fa-brands,
i.fa-solid {
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.25;
}
i.fa-brands:before,
i.fa-solid:before {
    font-size: 1.25em;
}

.cta .btn {
    font-family: var(--f-cond);
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block; 
    font-size: 1.5em;
    line-height: 1;
    text-decoration: none; 
}
 
.cta .btn span:after {
    content: '';

    margin-left: 0.5em;
}
 
.cta .btn i.fa-brands,
.cta .btn i.fa-solid {
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1;
}
.cta .btn i.fa-brands:before,
.cta .btn i.fa-solid:before {
    font-size: 1em;
}

html {
    font-family: var(--f-body);
    line-height: 1.25;
    color: var(--c-white);
    font-size:1em;
}

@media screen and (min-width: 768px) {
    html {
        font-size:1.2em;
    }
}

@media screen and (min-width: 1024px) {
    html {
        font-size:1.4em;
    }
}
body {
    margin: 0;
}

body {
  
}

.home main {
    overflow: hidden;
}
.shadow {
    background-color: var(--c-shadow);

    display: inline-block;
}

.shadow>span{
    display: inline-block;
    transform: translate(0.25em, -0.25em);
}
a.shadow>span,
p.shadow>span{
    transform: translate(0.5em, -0.5em);
}
.swiper-container {
    position: relative;
}

.swiper-button-next,
.swiper-button-prev {}

.swiper-button-next::after,
.swiper-button-prev::after {
  background-image: url(images/swiper_nav_arrow_right_w.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
    display: block;
    width: 2em;
    height: 2em;
}

.swiper-button-prev::after {
 transform: rotate(180deg);
}

.swiper-button-prev {
left:1em;
}

.swiper-button-next {
    right:1em;
}
.swiper-pagination {
    display: none;
}
.content-wrap {
    padding: 4em 1.5em;
    max-width: 64em;
    margin: auto;
    width: 100%;
position: relative;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
header .logo {
    display: none;
}

@media screen and (max-width: 767px) {
    header .logo {
        display: none;
    }
    .nav-open {
        overflow: hidden;
    }
      .toggle-nav {
        display: block;
        padding: 0.5em;
        font-size: 1.5em;    
        display: inline-block;
        position: relative;
        z-index: 2;
    }
      nav {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-image: url(/images/bg_3.jpg);
        background-size: cover;
        background-position: center;
        z-index: 1;
        padding:5em 0 2.5em 0;
    }
    @media screen and (min-width: 768px) {
        nav {
            font-size:1.2em;
        }
    }
    
    @media screen and (min-width: 1024px) {
        nav {
            font-size:1.4em;
        }
    }
    nav ul {
margin:0;
padding: 0;
    }
    nav ul li {
list-style: none;
    }

    nav ul li a {
        display: block;
        padding: 0.25em 0.5em;
        text-decoration: none;
        font-family: var(--f-cond);
        font-weight: 600;
        text-transform: uppercase;
        font-size: 2em;
    }
    nav ul.lang {
        display: flex; 
        align-items: center;
        justify-content: start; 
        margin-top:1em;
    }
    .toggle-nav .fa-xmark {
        display: none;
    }
    .nav-open .toggle-nav .fa-bars {
        display: none;
    }
    .nav-open .toggle-nav .fa-xmark {
        display: block;
    }
}

@media screen and (min-width: 768px) {

    .toggle-nav {
        display: none;
    } 
    header nav {
        display:flex!important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 1em;
        
        gap: 1em;
    }
    header nav ul {
        display: flex;
        margin: 0;
        padding: 0;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    header nav li {
        list-style: none;
        white-space: nowrap;
        padding: 0 0.25em;
    }
    header nav a {
        display: inline-block;
        line-height: 1; 
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;
    }
    header nav a span {
        display: inline-block;
        text-decoration: none;
        font-family: var(--f-cond);
        font-weight: 600;
        text-transform: uppercase;
 
        transform: translate(0.25em, -0.25em);
    }

    header nav a:hover,
    header nav a.current  {
        
        background-color: var(--c-shadow);
    }
}
@media screen and (min-width: 1024px) {
    header .logo {
        display: block;
        width:8em;
    }
    header .logo img {
        width:100%;
    }
    header {
display:flex;
align-items: start;
justify-content: center;
flex-direction: row-reverse;

gap:1em;
    };
    header nav {
     gap:2em;
    }
    header nav li {
        padding: 0 0.5em;
    }
}
header nav {}

.home section {

    display: flex;
    align-items: center;
    justify-content: center;
}

.home #cover {
    width: 100%;
    background-image: url(images/bg_1.jpg);
    background-size: cover;
    background-position: center;
    min-height: 100dvh;
}

.home #cover .content-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100dvh;
}

.home #cover .content-wrap h1 {

    font-size: 1em;
    text-indent: -99999em;
    width: 20em;
    height: 15em;
    background-image: url(images/logo.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
}

.home section {
    background-size: cover;
    background-position: center;

}
body.about,
.home #about {
    background-image: url(images/bg_2.jpg);
}

.home #about  {
    position: relative;
    background-image: url(images/about_bg.jpg);
 
}
.home #about:before  {
    background-color: #2b211f;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    content:'';
    opacity: 0.8;
}
.home #about .content-wrap {
    position: relative;
    z-index: 2;
}
.page-title h2,
section .section-title h2 {
    position: relative;
    background-color: var(--c-shadow);
    display: inline-block; 
    line-height: 1;
    font-size: 2em;
    font-family:var(--f-title);
    
    margin:0;
}
 
@media screen and (min-width: 768px) {

.page-title h2,
    section .section-title h2 {
        font-size: 2.5em;
    }
}
@media screen and (min-width: 1024px) {

.page-title h2,
    section .section-title h2 {
        font-size: 3em;
    }
}
.txt-wrap {
    position: relative;
    z-index: 5;
}


.content-wrap>.back {
margin-bottom: 2em;
}

.content-wrap>.back a {
   text-decoration: none;
}

@media screen and (min-width: 768px) {
    .content-wrap>.back a {
      font-size: 0.75em;
     }
}
.desc p span {
    transform: translate(0.75em, -0.75em);
    margin: 0;
    display: inline-block;
}

.home #about .section-title {
    text-align: right;
}

.home #about .section-content {
    margin-top: 2em;
    width: 95%;
    transform: rotate(-3deg);
}

.home #about .content-wrap {
    position: relative;

    padding-top: 13em;
    padding-bottom: 26em;
}

.home #about .img1{
    position: absolute;
    top: 2em;
    right: 60%;
    margin:auto;
 
}
.home #about .img1 img{
    height: 14em;
}
.home #about .img2 {
    position: absolute;
    bottom: -2em;
    right: -3em;
    z-index: 2;
    width: 75%;

    margin:auto;
}


.home #about .img2 img {
    width:100%;
    height: 60dvh;
    transform: rotate(3deg);
    object-fit: contain;
    object-position: bottom right;
}

.home #about .img3 {
    position: absolute;
    bottom: 4em;
    left: -1em;
    width: 60%;
    z-index: 2;

    margin:auto;
}
.home #about .img3 img {
width:100%;
    transform: rotate(-5deg);

}
.home #about .txt-wrap {
 max-width: 24em;
 margin:auto;
} 
.home #about .excerpt  {
    margin-top:1em;
    width:95%;
}
.home section .cta {
    text-align: right;
    margin-top: 2em;
}




@media screen and (min-width: 768px) {
    .home #about .content-wrap {
   
        margin:auto;
    }
 
 
    .home #about .img2 {
        position: absolute;
        bottom: -2em;
        right: -2em;
        width: 50%;
    }
    .home #about .img2 img {
        height: auto;
        z-index: 2;
        transform: rotate(3deg);
       width:100%;
        object-fit: contain;
        object-position: bottom right;
    }
  
    .home #about .img3 { 
        width: 50%; 
    }
}
 
body.news,
.home #news {
    background-image: url(images/bg_3.jpg);
}
body.programmes,
.home #programmes,
body.workshops
 {
    background-image: url(images/bg_2.jpg);
}

.home .swiper .item img {
    width: 100%;
}

.home #news .item img,
.home #programmes .item img {
    box-shadow: 1em 1em 0 var(--c-shadow);
    transform: rotate(5deg);
    max-width: 16em;
    display: block;
    margin:auto;
}
.home #news .swiper-container,
.home #programmes .swiper-container {
    margin:1em -1.5em 0 -1.5em;

}

.home #news .swiper-wrapper,
.home #programmes .swiper-wrapper {

    display: flex;
    align-items: center;
}
.home #news .item .txt-wrap,
.home #programmes .item .txt-wrap {
    margin-top: 1em;
}

.home #publications  h3,
.home #news .item h3,
.home #programmes .item h3 {
margin:0.5em 0;
font-size: 2em;
 
}

.home #news .item h3 a,
.home #programmes .item h3 a {
    text-decoration: none;
}
.home #publications .txt-wrap,
.home #news .item .txt-wrap,
.home #programmes .item .txt-wrap {
 
    padding:0 1em;
    margin-top:2em;
}
.home #publications .excerpt,
.home #news .item .excerpt,
.home #programmes .item .excerpt {
    width:95%;
}

.home #publications .excerpt p,
.home #news .item .txt-wrap .excerpt p,
.home #programmes .item .txt-wrap .excerpt p {
    margin: 0;
}
body.workshops .txt-wrap .excerpt p>span span,
body.programmes   .txt-wrap .excerpt p>span span,
.home #programmes .item .txt-wrap .excerpt p>span span {
    display: block;
    position: relative;
    padding-left: 2em;
}

body.workshops .txt-wrap .excerpt p>span span:nth-child(n+2),
body.programmes  .txt-wrap .excerpt p>span span:nth-child(n+2),
.home #programmes .item .txt-wrap .excerpt p>span span:nth-child(n+2) {
    margin-top: 0.5em;
}

body.workshops .txt-wrap .excerpt p>span span>i,
body.programmes  .txt-wrap .excerpt p>span span>i,
.home #programmes .item .txt-wrap .excerpt p>span span>i {

    display: block;
   
    position: absolute;
    left: 0;
    top: -0.2em;
}

body.workshop .txt-wrap .excerpt p>span span>i:before,
body.programmes    .txt-wrap .excerpt p>span span>i:before,
.home #programmes .item .txt-wrap .excerpt p>span span>i:before {
    font-size:1.25em;
}

@media screen and (min-width: 768px) {
   
    .home #publications .item ,
    .home #news .item ,
    .home #programmes .item  {
display:flex;
align-items: center;
justify-content: center;
gap:4%;
padding-bottom: 1em;
    }
    
    .home #news .item>div ,
    .home #programmes .item>div  ,
    .home #publications .cols2>div  {
     width:48%;
    }


.home #programmes .img-wrap {
    padding-right:1em;
}
    .home #news .section-title,
    .home #programmes .section-title {
       position: absolute;

       top: 4em;
    }

    .home #news .section-title {
        left:50%;
    }
    .home #news .item img, .home #programmes .item img {
        max-width: 100%;
        width:100%;
    }   
    .home #news .item .txt-wrap {
        padding: 0 3em 0 0;
    }
    .home #programmes .item .txt-wrap  {
        padding:0 0 0 3em;
    }
    .home #news .swiper-button-prev {
        left:calc(50% - 1em);
    }
    
    .home #programmes .swiper-button-next {
        right:calc(50% - 1em);
    }
    
    .home #programmes .item  {
    flex-direction: row-reverse;
    }
}

.home #publications {
    background-image: url(images/bg_3.jpg);
}
.home #publications .content-wrap {
    padding-bottom:10em;
}
.home #publications figure {
    margin:2em auto 3em auto; 
}

.home #publications figure img {
    width:80%;
    margin:auto;
    max-width:16em;
    display: block;
    transform: rotate(2deg);
    box-shadow: 1em 1em 0 var(--c-shadow);
}
.home #publications .cta{
    text-align: center;
}
@media screen and (min-width: 768px) {
.home #publications .cols2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:2em;
}
.home #publications .cta{
    text-align: left;
}
}   
.home #publications .section-title ,
.home #collaborations .section-title,
.home #press .section-title,
.home #contact .section-title {
    text-align: center;
}

.home #collaborations .section-title h2 {
    color: var(--c-brown);
    background-color: rgba(255,255,255, 0.8);
}
.home #collaborations {
    background-image: url(images/bg_2.jpg);
    color:var(--c-black);
    position: relative;
     
}

.home #collaborations:before {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: var(--c-white);
    opacity: 0.8;
}
.home #collaborations .content-wrap {
    position: relative;
    z-index: 1;
    padding-top: 14em;
}
@media screen and (min-width: 768px) {

.home #collaborations .content-wrap {
 
    padding-top: 6em;
}
}

.home #collaborations .content-wrap .fireman {
    position: absolute;
    top: -8em;
    left: -4em;
    margin:auto;
}
.home #collaborations .content-wrap .fireman img {
   
    width: 15em;
    height: 20em;
    object-fit: contain;
    object-position: top center;
}
.home #collaborations .logos-arrows-wrap {
    position: relative;
}
.home #collaborations .logos-wrap   {
    margin:0 -2em;
    overflow-x: auto;
    overflow-y: visible;
 
}
.home #collaborations .logos-arrows-wrap .prev,
.home #collaborations .logos-arrows-wrap .next {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.home #collaborations .logos-arrows-wrap .prev {
    left:-0.5em;
}
.home #collaborations .logos-arrows-wrap .next {
    right:-0.5em;
}
.home #collaborations .logos-arrows-wrap .prev,
.home #collaborations .logos-arrows-wrap .next {
    color:var(--c-black);
    opacity: 0;
}
.home #collaborations .logos-arrows-wrap .prev.active,
.home #collaborations .logos-arrows-wrap .next.active   {
    opacity: 1;
}
/*
.home #collaborations .logos-wrap::-webkit-scrollbar {
    display: none;
}*/

/* Styling the scrollbar for Windows */
.home #collaborations .logos-wrap {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0); /* For Firefox */
}

.home #collaborations .logos-wrap::-webkit-scrollbar {
    width: auto; /* Width of the scrollbar */
    height: 0.5em; /* Height of the scrollbar */
}

.home #collaborations .logos-wrap::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); /* Color of the scrollbar thumb */
    border-radius: 1em; /* Rounded corners */
}

.home #collaborations .logos-wrap::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0); /* Color of the scrollbar track */
}


.home #collaborations .logos-wrap img {
    height: 12em;
}


/*
.home #collaborations .items {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    align-items: center;
    justify-content: center;
    margin-top:4em;
}
.home #collaborations .items .item img {
    width: auto;
    height: auto;
    max-width:8em;
    max-height: 4em;
}
@media screen and (min-width: 768px) {
    .home #collaborations .items .item img {
        max-width:8em;
        max-height: 4em;
    }
}*/

/*
body:not(.home) main {
    padding-top: 4em;
}*/
.listings,
.listing-content {
    background-color: rgba(255,255,255, 0.8);
    padding:1.5em 1.5em;
    display: flex;
    flex-wrap: wrap;
    gap:2em;
    align-items: start;
    justify-content: start; 
    margin:2em -0.5em;
    color:var(--c-black);
}
/*
.listing-content {
    gap:0em;
}*/
.listing a {
    color:var(--c-black);
}
.listing .listing-item {
    width:100%;
}
@media screen and (min-width: 768px) {
    .listings {
padding: 2em;
    }
    .listing-content {
        flex-direction: row;
        gap:1.5em;
        
        flex-wrap: nowrap;

    }
 .listings   .listing-item,
 .listing-content >div {

    width: calc((100% - 2em) / 2);
    }
    .listing-content h2 {
     margin-top:0;
    }
}

@media screen and (min-width: 1024px) {
    .listings   .listing-item {
        width: calc((100% - 4em) / 3);
            }
}
@media screen and (min-width: 1440px) {
    .listings   .listing-item {
        width: calc((100% - 6em) / 4);
            }
}

.listing-content .excerpt p:first-child {
    margin-top: 0em;
}
.listing-content .txt-wrap figure {
    margin:auto;
    display: block;
}
.listing-content .txt-wrap img {
    width:100%;
    height:auto;
    display: block;
}
.listing-content:not(.workshops) a[data-fancybox="gallery"] {
    position: relative;
}
.listing-content a[data-fancybox="gallery"] span.zoom {
    position: absolute;
    top:0.5em;
    right:0.5em;
    display: block;
    text-align: center;
    width:2em;
    height:2em;
    border-radius: 50%;
    background-color: rgba(0,0,0, 0.5);
    line-height: 2;
    transition: all 0.2s ease-out;
    opacity: 0.4;
}

.listing-content:not(.workshops) a[data-fancybox="gallery"]:hover span.zoom {
    opacity: 1;
}
.listing-content:not(.workshops) a[data-fancybox="gallery"] span.zoom i {
    font-size: 0.75em;
}

/*
.listings .listing-item figure {
position: relative;
margin:0;
width:100%;
padding-bottom: 100%;
}
.listings .listing-item figure img {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: contain;
object-position: bottom center;
}*/
.listings .listing-item figure,
.listing-content .img-wrap figure {
    margin:auto;
}
.listings .listing-item figure img,
.listing-content .img-wrap figure img {
    width:100%;
    height:auto;
    display: block;
}

.listing-content .cta .btn {
    color:var(--c-black);
}
.listing .listing-item .txt-wrap {
    margin-top:1em;
}

.listings .listing-item h3 {
 font-size:1.5em;
 margin:0.5em auto;
}

.listings .listing-item h3 a{
    color:var(--c-black);
    text-decoration: none;
}


.listings .listing-item p a {
    text-decoration: none;
    color:var(--c-black);
}

.listings .listing-item .txt-wrap .cta a {
    color:var(--c-black);
}

.listing-content.workshops {
    flex-direction: column;
    gap:2em;
    margin-top:-2em;
}
.listing-content.workshops .workshop-date{
    font-weight: 700;
    padding-bottom:0.5em;
    border-bottom:1px solid #000;
}

.listing-content.workshops .workshop-item .cta {
    margin-top:2em;
}
.workshop-date {
    width: 100%;
}
 
.workshop-item {
    display: flex;
    flex-direction: column;
    gap:1em;
    width:100%;
}

.workshop-item .img-wrap figure {
    margin:auto;
    width:100%;
    padding-bottom: 100%;
    position: relative;
}
.workshop-item .img-wrap figure img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
.workshop-item .txt-wrap h3 {
    margin:0;
}
.workshop-item .txt-wrap h3 a {
    text-decoration: none;
    color:var(--c-black);
}
@media screen and (min-width: 768px) {
    .workshop-date {
        width: 100%!important;
    }
    .workshop-item {
        width:100%!important;
gap:1em;
    flex-direction: row;
    }

    .workshop-item .img-wrap {
        width:calc((100% - 1em) * 0.3);
    }

    .workshop-item .txt-wrap {
        width:calc((100% - 1em) * 0.7);
    }
    
}

body.workshops .more-items .listing-item .img-wrap figure {
    width:100%;
    margin:auto;
    position: relative;
    padding-bottom: 100%;
}
body.workshops .more-items .listing-item .img-wrap figure img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
body.workshops .listing-content {
    display: block;
}

body.workshops .listing-content .cta{
    margin:2em auto;
}
body.workshops .listing-content .swiper-slide {
    width:100%;
}

body.workshops .listing-content .swiper-slide img {
    width:100%;
    height:auto;
}
@media screen and (min-width: 768px) {

    body.workshops .listing-content>div{
        width:100%;
    }
    body.workshops .listing-content {
    display: block;
    }
    body.workshops .listing-content .swiper-slide {
        width:auto;
    }
    
    body.workshops .listing-content .swiper-slide img {
        width:auto;
        height:500px;
    }
}
body.workshops .listing-content .remark p {
    margin:0.5em 0;
    font-size:0.75em;
    text-align: center;
}
body.workshops .listing-content .txt-wrap {
    margin-top:2em;
}
body.workshops .listing-content .cta {
    margin:2em auto;
}
body.press,
.home #press {
    background-image: url(images/bg_3.jpg);

}
.home #press .content-wrap {
    padding-bottom: 8em;
}
.home #press .items {
    margin: 4em -0.5em 0 0em;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: start;
    justify-content: center;
    color:var(--c-black);
}

.home #press .items .item {
    width: calc((100% - 1em) / 2);

}
.home #press .items .item>span {
    padding:1em;
    background-color: var(--c-white);
    width: 100%;
    transform: translate(-0.5em, -0.5em);
}
.home #press .items .item .img-wrap figure{
    margin: 0;
    width:100%;
    padding-bottom:100%;
    position: relative;
}

.home #press .items .item .img-wrap figure img {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
}

.home #press .items .item .txt-wrap {
    margin-top: 1em;
}

body.press .listing-item .date,
.home #press .items .item .txt-wrap .date,
body.press .listing-item .media,
.home #press .items .item .txt-wrap .media {
    margin:0.75em 0 0 0;
    font-size:0.75em;
    display: inline-block;
}

body.press .listing-item .date:after,
.home #press .items .item .txt-wrap .date:after {
    content:'/';
    margin:0 0.25em;
}
body.press .listing-item .title,
.home #press .items .item .txt-wrap .title {
margin:0.5em 0;
}
body.press .listing-item  h3,
.home #press .items .item .txt-wrap .title h3 {
margin:0;
font-size: 1.5em;
}
body.press .listing-item a,
.home #press .items .item a {
    color:var(--c-black);
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--f-cond);
    font-weight: 600;
}

body.press .listing-item .txt-wrap,
.home #press .items .item .txt-wrap {
    margin-top: 0em;
}
body.press .listing-item a i,
.home #press .items .item a i {
    width:1em;
    height:1em;
    display: inline-block; 
    line-height: 1;
}

body.press .listing-item a i:before,
.home #press .items .item a i:before {
    font-size:1em;
}

body.press .listing-item .url,
.home #press .items .item .url {
    text-align: left;
}


.home #press .cta {
    text-align: center;
    margin-top: 2em;
}


@media screen and (min-width: 768px) {
    
.home #press .items .item {
    width: calc((100% - 2em) / 3);

}
}
@media screen and (min-width: 1024px) {
    
    .home #press .items .item {
        width: calc((100% - 3em) / 4);
    
    }
    }
.home #contact {
    background-image: url(images/bg_2.jpg);
     
    position: relative;
    
}
.home #contact .content-wrap {
    position: relative;
    z-index: 1;
    padding-top: 16em;
}
@media screen and (min-width: 768px) {
    .home #contact .content-wrap {
        padding-top: 4em;
    }
}
.home #contact .content-wrap .submariner {
    position: absolute;
    top: -6em;
    right: -3em;
    margin:auto;
}
.home #contact .content-wrap .submariner img {
   
    width: 15em;
    height: 20em;
    object-fit: contain;
    object-position: top center;
}
.home #contact .cols2 {
    margin:2em auto 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2em;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.home #contact .col1 .txt-wrap  {
 
    display: flex;
    flex-direction: column;
    gap:1em;
    align-items: center;
}
.home #contact .cols2 h3 {
    font-size:2em;
    margin:0.5em auto;
}
.home #contact .col1 .txt-wrap p {
    margin:0.5em auto;
}
.home #contact .col1 .txt-wrap p a {
    text-decoration: underline;
}
/*
@media screen and (min-width: 768px) {
    .home #contact .txt-wrap {
align-items: start;
        flex-direction: row;
        justify-content: center;
        gap: 2em;
 
    }
}*/
/*
.home #contact .txt-wrap>div {
    white-space: nowrap;
}*/
.home #contact .col1 .txt-wrap>div i {
        display: block;
       
        position: absolute;
        left: 0;
        top: -0.25em;
}

.home #contact .col1 .txt-wrap>div { 
    display: block;
    position: relative;
 
    font-weight: 500; 
}

.home #contact .col1 .txt-wrap>div a { 
    text-decoration: none;
}

.home #contact .col2 .social-media {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5em;
    align-items: center;
    justify-content: center;
    margin-top:2em;
}
.home #contact .col2 .field a i.fa-facebook {
 color: #1877f2;
}
.home #contact .col2 .field a i.fa-instagram {
 color: #c32aa3;
}
.home #contact .col2 .field a i.fa-youtube {
 color: #ff0000;
}


.home #contact .col2 .field a {
    display: flex;
    gap: 0.25em;
    padding: 0.25em 0.25em;
    background-color: var(--c-white);
    color:var(--c-black);
    border-radius: 0.5em;
    text-decoration: none;
    line-height: 1;
    align-items: center;
}
.home #contact .col2 .qr {
    width:10em;
    margin-top:0.5em;
}

.home #contact .col2 .qr img {
    width: 100%;
    margin:auto;

    border-radius: 0.5em;
}

@media screen and (min-width: 90em) {
    .home #contact .cols2 {
        flex-direction: row;
        align-items: start;
    }
}
footer {
    background-image: url(images/bg_3.jpg);
    position: relative;
    color:var(--c-black);
    
}


footer .content-wrap {
    padding-top: 1em;
    padding-bottom: 1em;
}
footer:before {
    content:'';
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: var(--c-white);
    opacity: 0.8;
}
footer  .content-wrap {
    position: relative;
    z-index: 1;
}

footer .disclaimer {
    margin:2em auto

}
footer .disclaimer p {
    font-size:0.6em;
}
footer .organiser-sponsor {
    margin: 2em -1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2em;
    flex-wrap: wrap;     
    padding: 0 2em;
}

footer .organiser-sponsor figure {
    margin:auto;
}

footer .organiser-sponsor figure img{
    margin:auto;
    width:100%;
}


/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {
    footer .organiser-sponsor figure::-webkit-scrollbar-thumb {
        background:  rgba(0,0,0,0.5);
        border-radius: 1em;
    }
    footer .organiser-sponsor figure::-webkit-scrollbar-track {
        background: rgba(0,0,0,0);
    }
    footer .organiser-sponsor figure::-webkit-scrollbar {
        /*max-width: 0.4em;*/
        max-height:  1em;
    }
    footer .organiser-sponsor figure::-webkit-scrollbar-handle {
        display: none;
    }
}

footer .copyright {
 font-size:0.6em;
    text-align: center;
}
/*
footer .organiser-sponsor >div { 
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1em;
    align-items: center;
    justify-content: center;
}
footer .organiser-sponsor  ul  {
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
        align-items: center;
        justify-content: center;
        margin:0;
        padding:0; 
        
    }
    footer .organiser-sponsor  ul li {
        list-style: none;
    }
    footer .organiser-sponsor  ul li img {
        width: auto;
        height: auto; 
    }
  

    footer .organiser-sponsor  ul li.hkdi img {
width:13em;
    }
    footer .organiser-sponsor  ul li.gov-fund img {
        width:100%;
        max-width:24em;
    }
    footer .organiser-sponsor  ul li.ccidahk img {
     
        height: 8em;
    }
    footer .organiser-sponsor  ul li.hkff img {
 
        height: 2em;
    }
    @media screen and (min-width: 1024px) {
        footer .organiser-sponsor {
            flex-direction: row;
            gap: 4em;
        }
        
    footer .organiser-sponsor  ul li.hkdi img {
        height:8em;
        object-fit: contain;
            }
    }
*/
    body.about .sections-wrap {
        background-color: rgba(255,255,255, 0.8);
        padding:2em;
        color:var(--c-black);
        margin-top:2em;
    }

    body.about .sections-wrap a {
        color:var(--c-black);
    }

    body.about .page-title:nth-child(n+2) {
   margin-top:4em;
    }

    body.about .sections-wrap section .img-wrap figure {
        margin:auto;
    }

    body.about .sections-wrap section .img-wrap figure img {
        width:100%;
        height:auto;
        margin:auto;
    }
    body.about .sections-wrap section .img-wrap figure img {
        margin:2em auto;
        display: block;
    }
    body.about .sections-wrap section.vtc>.img-wrap figure img {
        max-width:6em;
    }
        body.about .sections-wrap section >.img-wrap figure.logo img {
        width:100%;
        max-width:13em;
    }
    body.about .sections-wrap section.hkdi {
        margin-top:6em;
    }
    
    body.about .sections-wrap .vision .subsection .txt-wrap {
        margin-top:2em;
    }
@media screen and (min-width: 768px) {
    body.about .sections-wrap section .cols2 {
        display: flex;
        gap: 2em;
    }
    body.about .sections-wrap section .cols2 .col {
        flex:1;
    }
    
    body.about .sections-wrap .vision .subsection .txt-wrap {
        margin-top:0em;
    }
}
    body.about section figure {
        margin:auto;
    }

    body.about section figure img {
        margin:auto;
        width:100%;
        display: block;
    }
    body.about .sections-wrap section.vision {
        display: flex;
        flex-direction: column;
        gap: 2em;
    }
    body.about section.vision figure img {
        margin:auto!important;
    }
    @media screen and (min-width: 768px) {
   
        body.about .sections-wrap section.vision .subsection {
            display: flex;
            gap: 2em;
            align-items: center;
        }
        body.about .sections-wrap section.vision .subsection .img-wrap {
            width: 40%;
        }

        body.about .sections-wrap section.vision .subsection .txt-wrap {
            width: 50%;
        }
        body.about .sections-wrap section.vision .subsection:nth-child(2) {
            flex-direction: row-reverse;
        }
    }