.elementor-kit-9{--e-global-color-primary:#B4B5B6;--e-global-color-secondary:#000000;--e-global-color-text:#010000;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-size:25px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Space Grotesk";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-weight:500;--e-global-typography-d5e0781-font-family:"Space Grotesk";--e-global-typography-d5e0781-font-size:4rem;--e-global-typography-d5e0781-font-weight:600;--e-global-typography-d5e0781-text-transform:uppercase;--e-global-typography-d5e0781-line-height:1em;--e-global-typography-0197f9e-font-family:"Space Grotesk";--e-global-typography-0197f9e-font-size:4rem;--e-global-typography-0197f9e-font-weight:600;--e-global-typography-b265551-font-family:"Space Grotesk";--e-global-typography-b265551-font-size:1rem;--e-global-typography-b265551-font-weight:600;--e-global-typography-9f06ac9-font-family:"Noto Sans TC";--e-global-typography-9f06ac9-font-size:1rem;--e-global-typography-9f06ac9-font-weight:600;--e-global-typography-84f7c2a-font-family:"Space Grotesk";--e-global-typography-84f7c2a-font-size:1rem;--e-global-typography-84f7c2a-font-weight:600;--e-global-typography-cfc40e4-font-family:"Space Grotesk";--e-global-typography-cfc40e4-font-size:18px;--e-global-typography-cfc40e4-font-weight:500;--e-global-typography-b3726ec-font-family:"Space Grotesk";--e-global-typography-b3726ec-font-size:1.6rem;--e-global-typography-b3726ec-font-weight:600;--e-global-typography-fbacdd2-font-family:"Space Grotesk";--e-global-typography-fbacdd2-font-size:1.5rem;--e-global-typography-fbacdd2-font-weight:500;--e-global-typography-fbacdd2-text-transform:uppercase;--e-global-typography-fbacdd2-line-height:1.2em;--e-global-typography-d17d352-font-family:"Space Grotesk";--e-global-typography-d17d352-font-size:0.8rem;--e-global-typography-d17d352-font-weight:600;--e-global-typography-a940efb-font-family:"Space Grotesk";--e-global-typography-a940efb-font-size:25px;--e-global-typography-a940efb-font-weight:500;--e-global-typography-1831c3a-font-family:"Space Grotesk";--e-global-typography-1831c3a-font-size:1rem;--e-global-typography-1831c3a-font-weight:500;--e-global-typography-79b834b-font-family:"Space Grotesk";--e-global-typography-79b834b-font-size:0.8rem;--e-global-typography-79b834b-font-weight:600;--e-global-typography-1f9241c-font-family:"Space Grotesk";--e-global-typography-1f9241c-font-size:25px;--e-global-typography-1f9241c-font-weight:400;--e-global-typography-1f9241c-text-transform:uppercase;--e-global-typography-f181673-font-family:"Space Grotesk";--e-global-typography-f181673-font-size:1rem;--e-global-typography-f181673-font-weight:400;--e-global-typography-d6d85f2-font-family:"Space Grotesk";--e-global-typography-d6d85f2-font-size:1.5rem;--e-global-typography-d6d85f2-font-weight:400;--e-global-typography-9d0393f-font-family:"Space Grotesk";--e-global-typography-9d0393f-font-size:45px;--e-global-typography-9d0393f-font-weight:600;--e-global-typography-2e3c4d1-font-family:"Noto Sans TC";--e-global-typography-2e3c4d1-font-size:1rem;--e-global-typography-2e3c4d1-font-weight:500;--e-global-typography-79ef9b7-font-family:"Noto Sans TC";--e-global-typography-79ef9b7-font-size:1.6rem;--e-global-typography-79ef9b7-font-weight:600;--e-global-typography-38e9334-font-family:"Noto Sans TC";--e-global-typography-38e9334-font-size:18px;--e-global-typography-38e9334-font-weight:500;--e-global-typography-d914946-font-family:"Noto Sans TC";--e-global-typography-d914946-font-size:1.6rem;--e-global-typography-d914946-font-weight:400;--e-global-typography-d914946-text-transform:uppercase;--e-global-typography-57b9e50-font-family:"Noto Sans TC";--e-global-typography-57b9e50-font-weight:400;--e-global-typography-40fa7d5-font-family:"Space Grotesk";--e-global-typography-40fa7d5-font-weight:400;--e-global-typography-a797aeb-font-family:"Noto Sans TC";--e-global-typography-a797aeb-font-size:1rem;--e-global-typography-a797aeb-font-weight:600;--e-global-typography-11d9477-font-family:"Space Grotesk";--e-global-typography-11d9477-font-size:1rem;--e-global-typography-11d9477-font-weight:600;--e-global-typography-20dcb9a-font-family:"Noto Sans TC";--e-global-typography-20dcb9a-font-size:0.8rem;--e-global-typography-20dcb9a-font-weight:400;--e-global-typography-424df77-font-family:"Noto Sans TC";--e-global-typography-424df77-font-size:25px;--e-global-typography-424df77-font-weight:500;--e-global-typography-c35c0da-font-family:"Noto Sans TC";--e-global-typography-c35c0da-font-size:1rem;--e-global-typography-c35c0da-font-weight:400;--e-global-typography-badabb1-font-family:"Space Grotesk";--e-global-typography-badabb1-font-size:0.8rem;--e-global-typography-badabb1-font-weight:600;--e-global-typography-c318a1f-font-family:"Space Grotesk";--e-global-typography-c318a1f-font-size:0.8rem;--e-global-typography-c318a1f-font-weight:400;--e-global-typography-c318a1f-line-height:1.2em;--e-global-typography-8fa053e-font-family:"Noto Sans TC";--e-global-typography-8fa053e-font-size:1rem;--e-global-typography-8fa053e-font-weight:600;--e-global-typography-9c8cb66-font-family:"Noto Sans TC";--e-global-typography-9c8cb66-font-size:1.6rem;--e-global-typography-9c8cb66-font-weight:500;--e-global-typography-9c8cb66-text-transform:uppercase;--e-global-typography-9c8cb66-line-height:1.2em;--e-global-typography-ce8ee2e-font-family:"Space Grotesk";--e-global-typography-ce8ee2e-font-size:1rem;--e-global-typography-ce8ee2e-font-weight:500;}.elementor-kit-9 a{color:var( --e-global-color-text );}.elementor-kit-9 a:hover{color:var( --e-global-color-text );}.elementor-kit-9 h2{color:#FFFFFF;font-size:25px;font-weight:600;}.elementor-kit-9 h3{color:#000000;font-size:40px;font-weight:600;text-transform:uppercase;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-text-font-size:0.8rem;--e-global-typography-d5e0781-font-size:3rem;--e-global-typography-b265551-font-size:1rem;--e-global-typography-c35c0da-font-size:1rem;--e-global-typography-ce8ee2e-font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-primary-font-size:0.8rem;--e-global-typography-text-font-size:0.8rem;--e-global-typography-d5e0781-font-size:2rem;--e-global-typography-d5e0781-line-height:1.2em;--e-global-typography-0197f9e-font-size:2rem;--e-global-typography-b265551-font-size:0.8rem;--e-global-typography-9f06ac9-font-size:1rem;--e-global-typography-84f7c2a-font-size:1rem;--e-global-typography-c35c0da-font-size:0.8rem;--e-global-typography-c318a1f-font-size:0.7rem;--e-global-typography-ce8ee2e-font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html {
    font-size: 25px;
}

@media (min-width: 767px) and (max-width: 1024px) {
    html {
    font-size: 23px;
    }
}

@media (max-width: 767px) {
    html {
    font-size: 20px;
    }
}

.flex {
        display: flex;
        gap: var(--gap, 12.5px);
    }
    
    .mobile-nav {
        text-decoration: none;
        list-style: none;
        font-family: "Space Grotesk";
        font-size: 1.2rem;
        font-weight: 600;
        align-items: left;
        margin: 0;
        color: #B4B5B6;
        z-index: 1000;
        --gap: 12.5px;
            
        position: fixed;
        
        flex-direction: column;
        padding: min(30vh, 7rem) 2rem;  
        background: white;
        
        transform: translateX(100%);
        
        transition: transform 350ms ease-out;
        
        touch-action: none;
        
        max-height: 500rem;
  }
  
  .mobile-nav-chinese {
      font-family: "Noto Sans TC";
  }

.menu-item {
    font-size: 1.5rem;
}

.navbar {
    border-bottom: 1.5px solid transparent;
    /*transition: border-bottom-color 0.1s ease-in-out; */
}

  .navbar.scrolled {
    border-bottom-color: black;
  }
   
    .mobile-nav a > [aria-hidden="true"] {
        font-weight: 500;
        margin-inline-end: 0.75em;
        color: #B4B5B6;
    }
    
    .mobile-nav-toggle {        
        display: block;
        position: absolute;
        border-radius: 0;
        background-color: transparent;
        width: 25px;
        height: 25px;
        top: -0.1rem;
        fill: black;
        background-image: url('https://futurelab.snorkelnaut.com/wp-content/uploads/2024/04/mobile-menu.svg');
        aspect-ratio: 1;
        z-index: 10000;
        right: -0.7rem;
        background-repeat: no-repeat;
        border: 0;
    } 
    
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .social-buttons-row {
        position: absolute;
        left: 25;
        right: 25;
        transition: bottom 0.3s ease-in-out;
        background-color: white;
        z-index: 1001;
        width: 100vw;
        height: 75px;
      }

    .social-buttons {
        height: 25px;
        width: 25px;
    }

    .solid {
        /*border: 0.5px solid #B4B5B6;*/
        height: 0.5px;
    }
            
    .mobile-nav[data-visible="true"] {
        transform: translateX(0%);
    }
        
    .mobile-nav-toggle[aria-expanded="true"] {
        border-radius: 0;
        background-color: white;
        background-image: url('https://futurelab.snorkelnaut.com/wp-content/uploads/2024/03/mobile-menu-open.svg');
    }
    
    button:focus, button:hover {
        background-color: transparent!important;
    }
    
    

 /* The subnavigation menu */
  .subnav {    
    overflow: hidden;
    align-items: center;
  }

  /* Subnav button */
  
  .subnav .subnavbtn {
    background-position: center;
    background-image: url('https://futurelab.snorkelnaut.com/wp-content/uploads/2024/04/submenu-toggle.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 1rem;
    height: 1rem;
    border: none;
    outline: none;
    padding: 0;
    background-color: inherit;
    cursor: pointer;
    color: #B4B5B6;
    margin: 0; /* Adjust the margin as needed */
  }
  
  /* Change background image on hover 
   .subnav:hover .subnavbtn {
    background-image: url('https://futurelab.snorkelnaut.com/wp-content/uploads/2024/04/submenu-toggle-open.png');
  } */

.subnavbtn.opened {
    background-image: url('https://futurelab.snorkelnaut.com/wp-content/uploads/2024/04/submenu-toggle-open.png');
}


 /* Styles for the subnav content */
.subnav-content {
    display: none;  /* Hidden by default */
    font-family: inherit;
    font-size: 1.2rem;
    background-color: white;
    box-sizing: border-box;  /* Includes padding and border in the element's width */
    line-height: 1.5em;
    transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
    max-height: 0;  /* Start with max-height at 0 */
    overflow: hidden;  /* Prevent content from showing when max-height is 0 */
    display: flex;
    flex-direction: column; /* Ensures vertical layout */
    font-weight: 400;
    
    width: 15ch;
}
  
  /* Style the subnav links */
  .subnav-content a {
    float: left;
    color: #B4B5B6;
    text-decoration: none;
  }
  

/* Show the subnav content when hovering over .subnav */
.subnav:hover .subnav-content {
    display: block;  /* Visible and using block */
    padding: 0.5em 0;  /* Adds some padding */
    max-height: fit-content;  /* Adjust max-height to fit content */
    flex-direction: column; /* Ensures vertical layout */
}


/* Style to remove bullet points and ensure vertical stacking */
.subnav-content ul {
    list-style-type: none; /* Removes bullet points */
    padding: 0; /* Removes padding */
    margin-left: 1rem; /* Adds 25px margin */
    display: block; /* Confirms block display */
}
    
/* For the event listings on the Project page */

.event-date .h4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Aligns items to the left */
    justify-content: flex-start; /* Aligns items to the top */
    vertical-align: top;
}

.event-date, .event-date h4 {
    margin: 0;
    padding: 0;
}

.event-date {
    width: 20ch;
}

.event-time {
    width: 20ch;
}

/* Footer */

a.whitelink {
    color: #808285;
    font-weight: 500;
}

/* Chinese Text English Font */

.chi-text-eng-font {
    font-family: "Space Grotesk";
}

/* Registration Buttons */

#reg-btn {
    display: block;
    width: 100%;
}

/* Team List */

a.team-list, a.team-list:hover {
    font-family: inherit;
    color: white;
    font-size: 0.8rem;
    text-decoration: none;
}

a.team-list-tc, a.team-list-tc:hover {
    font-family: "Noto Sans TC";
    color: white;
    font-size: 0.8rem;
    text-decoration: none; 
}

/* Hide Photo Gallery Loading Wheel */

.bwg_loading_div_1 {
    display: none !important;
}

.bwg_load_more_ajax_loading {
    display: none !important;
}

/* Change Photo Gallery Arrows */

/* Remove original content and style all navigation arrows */
.bwg-a[class*="first-page"],
.bwg-a[class*="prev-page"],
.bwg-a[class*="next-page"],
.bwg-a[class*="last-page"] {
    background: none !important;
    font-size: 0 !important;
    width: 20px !important;  /* Adjust as needed */
    height: 20px !important; /* Adjust as needed */
    display: inline-block !important;
    color: transparent !important;
}

/* Remove any content inside the buttons */
.bwg-a[class*="first-page"]::before,
.bwg-a[class*="prev-page"]::before,
.bwg-a[class*="next-page"]::before,
.bwg-a[class*="last-page"]::before {
    content: "" !important;
}

/* First page arrow */
.bwg-a[class*="first-page"] {
    background-image: url('https://futurelab.snorkelnaut.com/wp-content/uploads/2024/11/Gaallery-FirstPage.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Previous page arrow */
.bwg-a[class*="prev-page"] {
    background-image: url('https://futurelab.snorkelnaut.com/wp-content/uploads/2024/11/Gaallery-PrevPage.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Next page arrow */
.bwg-a[class*="next-page"] {
    background-image: url('https://futurelab.snorkelnaut.com/wp-content/uploads/2024/11/Gaallery-NextPage.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Last page arrow */
.bwg-a[class*="last-page"] {
    background-image: url('https://futurelab.snorkelnaut.com/wp-content/uploads/2024/11/Gaallery-LastPage.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Changing the fonts of the control bar*/

/* Import Space Grotesk font */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

/* Image descriptions */
div[class*="bwg_image_browser_image_description_"] {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Pagination elements */
.pagination-links_col2,
.bwg_current_page,
[class*="total-pages_"] {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 14px !important;
}

/* Hide Image Counters */

.pagination-links_col2 {
    display: none !important;
}/* End custom CSS */