/*
------------------
Global changes
------------------
*/

/* Utilities */
.-mt-5{margin-top: -3rem;}

/*   Hide VBB nav elements   */
.global-nav-tertiary__link:not(.global-nav-tertiary__link--icon){
    display: none;
}

.global__top-link{
    z-index: 4;
}

@font-face {
  font-family: "Network Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Network Sans"), url('https://bigbuild.vic.gov.au/__data/assets/file/0009/813861/NetworkSans-Light.woff2');
}

.main>div{
    margin-bottom: 0;
}

/*
------------------
Typography   
------------------
*/
@font-face {
  font-family: "Network Neo";
  font-style: italic;
  font-weight: 900;
  src: url("https://bigbuild.vic.gov.au/__data/assets/file/0008/918719/NetworkNeo-UltraBoldItalic.woff2") format("woff2");
}

/* Banner text */
.banner-title { padding:34px 20px; }
.banner-title h1 { 
    font-family: "Network Neo", sans-serif;
    font-weight: 900;  
    font-style: italic;
}
.banner-title p {font-size: 28px; color: #000000B2; line-height: 1.3;}

@media (min-width: 576px){
    .banner-title { padding:0; margin-bottom: 4rem;}
}

@media (max-width: 992px){
   body[data-has-sidenav=""][data-header-type=""] h1 { font-size: 2.5rem; }
}



/*   
    Button styles
*/

    /* Container for grouped buttons */
    .wgt-cta-group {
        display: flex;
        margin-top: 2rem;
        flex-wrap: wrap;
    }
   
    
   /* WGT general button styling - no background colour - no icon */
    .wgt-cta--basic {
        display: inline-block;
        border-radius: 50px;
        border: 1px solid #00BCE9;
        margin-right: 1rem;
        margin-top: 1rem;
        padding: 1rem 1.5rem;
        font-size: 0.875rem !important;
        text-transform: uppercase;
        text-decoration: none !important;
        line-height: initial;
        transition: background 0.3s ease;
    }
    
    /* WGT teal button - no icon */
    .wgt-cta--teal-bg {
        background-color: #00BCE9 !important;
    }
    
    .wgt-cta--basic:hover,
    .wgt-cta--basic:active {
        background-color: #ADECEC;
        color: black;
    }
    
    .wgt-cta--teal-bg:hover,
    .wgt-cta--teal-bg:active {
        filter: brightness(80%);
        background-color: #00BCE9 !important;
        color: black;
    }
    
    /* WGT button - arrow icon */
    .wgt-cta--arrow::after {
        content: '\f054';
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: 900;
        font-size: 40px;
        font-size: 1rem;
        margin-left: 1rem;
    }
    
    
    /* WGT button - external link icon */
    .wgt-cta--ext-link::after {
        content: '\f35d';
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: 900;
        font-size: 40px;
        font-size: 1rem;
        margin-left: 1rem;
    }

/*
------------------
Components
------------------
*/

/* Global - Subscribe banner */
.vbb-newsletter-form{
    background-color: #00BCE9;
    color: black;
}

.vbb-newsletter-form .vbb-divider{
    display: none;
}

.vbb-newsletter-form .vbb-newsletter-form__cta {
  position: relative;
  text-decoration: none;
  padding: 16px 48px 12px 20px;
  color: white;
  border-radius: 24px;
  transition: background-color 0.3s ease;
  font-size: 0.875rem;
  letter-spacing: 1px;
  border-color: black;
  width: initial;
  display: inline-flex;
}

.vbb-newsletter-form .vbb-newsletter-form__cta:hover{
    background-color: #333333;
}

/* Global - Subscribe button icon */
.vbb-form__wrapper{
    padding-top: 2rem;
}


/* Global - Subscribe button icon */
.vbb-newsletter-form .vbb-newsletter-form__cta::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 0H2.5C1.397 0 0.5 0.897 0.5 2V14C0.5 15.103 1.397 16 2.5 16H18.5C19.603 16 20.5 15.103 20.5 14V2C20.5 0.897 19.603 0 18.5 0ZM18.5 2V2.511L10.5 8.734L2.5 2.512V2H18.5ZM2.5 14V5.044L9.886 10.789C10.0611 10.9265 10.2773 11.0013 10.5 11.0013C10.7227 11.0013 10.9389 10.9265 11.114 10.789L18.5 5.044L18.502 14H2.5Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Global - Was this page useful   */
.vbb-form--feedback{
    padding: 0;
    margin: 0;
    border: none;
}

.vbb-form--feedback-wrapper{
    margin: 0;
}

.vbb-field-set{
    margin: 0
}

.vbb-field-set--feedback-reasons{
    margin-top: 1rem;
}

.vbb-form__submit{
    margin-bottom: 1rem;
}

.main .container{
    margin-bottom: 0;
}


/* Global - Project partners */
.vbb-partner-logos{
    background-color: #DEF5F5;    
}

/* Component - Accordion */

.accordion-container:not(.accordion-container--icon-theme) {
    position: relative;
    padding: 5rem 0;
    margin: 5rem 0;
}

/* 
    Add pseudo element to display full width background
*/

.accordion-container.accordion-container--mwtm-theme::before {
    content: '';
    position: absolute;
    top: 0; /* Anchor to top instead of 50% */
    left: 50%;
    width: 100vw;
    height: 100%; /* Use full height instead of 90% */
    transform: translateX(-50%); /* Only center horizontally */
    background-color: #00BCE926;
    z-index: -1;
    margin: 0rem !important;
}

.accordion-container.accordion-container--mwtm-theme div[data-habitat]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.accordion-container.accordion-container--mwtm-theme .accordion__heading{
    max-width: 800px;
    margin-bottom: 3rem;
}

.accordion-container.accordion-container--mwtm-theme .accordion .card{
    border-radius: 8px;  
    border-color: #00BCE9;
    transition: all;
    transition-duration: 300ms;
    transition-timing-function: ease-in;
}
.accordion-container.accordion-container--mwtm-theme .accordion .card:hover{
    border-color: #00BCE9;
}

.accordion-container.accordion-container--mwtm-theme .accordion:focus, 
.accordion-container.accordion-container--mwtm-theme .accordion .card:focus,
.accordion-container.accordion-container--mwtm-theme .accordion .card:focus-visible, 
.accordion-container.accordion-container--mwtm-theme .accordion .vbb-accordion-btn:focus, 
.accordion-container.accordion-container--mwtm-theme .accordion .vbb-accordion-btn:focus-visible{
    outline-color:#00BCE9;
    border-color: #00BCE9;
}

.accordion-container.accordion-container--mwtm-theme .accordion .vbb-accordion-btn:hover{
    background-color: #DEF5F5;
    text-decoration: none;
}

.accordion-container.accordion-container--mwtm-theme .accordion .vbb-accordion-btn:focus{
    border-color: #00BCE9;
}


.accordion-container.accordion-container--mwtm-theme .accordion .vbb-icon{
    display: none;
}

.accordion-container.accordion-container--mwtm-theme .vbb-accordion-btn {
  position: relative;
  display: flex;
  justify-content: space-between;

}

.accordion-container.accordion-container--mwtm-theme .vbb-accordion-btn::after {
  content: url('data:image/svg+xml;utf8,<svg class="vbb-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3333 19.3334L9.66667 19.3334C9.29847 19.3334 8.99997 19.035 8.99997 18.6668L8.99997 11.0001L1.33327 11.0001C0.965173 11.0001 0.666673 10.7016 0.666673 10.3334L0.666673 9.66681C0.666673 9.29861 0.965173 9.00011 1.33327 9.00011L8.99997 9.00011L8.99997 1.33345C8.99997 0.965258 9.29847 0.666778 9.66667 0.666778L10.3333 0.666778C10.7015 0.666778 11 0.965259 11 1.33345L11 9.00011L18.6667 9.00011C19.0348 9.00011 19.3333 9.29861 19.3333 9.66681L19.3333 10.3334C19.3333 10.7016 19.0348 11.0001 18.6667 11.0001L11 11.0001L11 18.6668C11 19.035 10.7015 19.3334 10.3333 19.3334Z" fill="black"/></svg>');
  transition: transform 0.3s ease;
  transform-origin: center;
  position: absolute;
  right:24px;
  height: 22px;
  /*top: 26px;*/
}

.accordion-container.accordion-container--mwtm-theme .vbb-accordion-btn.expanded::after {
  transform: rotate(90deg);
}

.accordion-container:not(.accordion-container--icon-theme){
    padding: 3rem 0;
    margin-bottom: 0;
}

.accordion-container--icon-theme .accordion .vbb-accordion-btn:focus{
    outline: none;
    background-color: #f1f1f1;
}

/* Component - Standalone image */
.vbb-image-standalone__image, .vbb-image-standalone .accordion .card{
    border-radius: 20px;
    overflow: hidden;
}

.vbb-image-standalone .accordion .vbb-accordion-btn:focus {
    outline: none;
}

/* Component - Table of contents*/
.toc{
    padding: 0 8px 0 0px;
}

.toc h2{
    font-size: 20px;
}

.toc a{
    font-weight: normal;
    color: #4D4D4D;
    text-decoration: none;
    border-bottom: 1px solid #D9D9D9;
}

.toc ul:not(.list-unstyled){
    margin: 0;
    
}

.toc ul:not(.list-unstyled)>li::before{
    display: none;
}

.toc ul:not(.list-unstyled)>li{
    padding-left: 0;
}

.toc ul{
    padding-left: 20px;
    position: relative;
}

.toc ul::before{
    content: '';
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    background: linear-gradient(to bottom, #00BCE9 60%, white 95%);
}

@media (min-width: 992px){
    .toc{
        display: none;
    }
}

/* Component - Call to action  */
.cta-container{
    background: #343645;
    color: white;
    text-align: center;
    position: relative;
}

.cta-container p{
    margin: 1rem 0;   
}
    
.cta-container::before {
    content: '';
    position: absolute;
    top: 0; /* Anchor to top instead of 50% */
    left: 50%;
    width: 100vw;
    height: 100%; /* Use full height instead of 90% */
    transform: translateX(-50%); /* Only center horizontally */
    background-color: #343645;
    z-index: -1;
}

/* Component - Icon grid */
.vbb-card__col:first-child .vbb-card--stats{
    border: 1px solid #B3BDC6;
}

.vbb-card__col .vbb-card--stats{
    border: 1px solid #B3BDC6;
    border-radius: 20px;   
}

.vbb-card-group .vbb-card-body__inner {
  display: grid;
  grid-template-columns: 0.5fr 1fr; /* First row equal columns */
  gap: 1rem; /* Optional: adds space between grid items */
}

/* For any element that needs to span 2 columns in second row */
.vbb-card-group .vbb-card-body__summary {
  grid-column: span 2;
  text-align: left;
}

.vbb-card-group .vbb-card-body__image--stats{
    margin: 0;
}

.vbb-card-group .vbb-card-body__image--stats--svg{
    height: 6rem;
}

.vbb-card-group .vbb-card-body__heading{
    display: flex;
    align-items: center;
    text-align: left;
}

.vbb-theme-west-gate-tunnel svg .Highlights{
    fill: #00BAC0;
}

/* Component - Image cards */
.image-card-container {
    position: relative;
    /*padding: 5rem 0;*/
    margin-bottom: 5rem;
}

/* image card background colors*/
/*.image-card-container::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0; */
/*    left: 50%;*/
/*    width: 100vw;*/
/*    height: 100%; */
/*    transform: translateX(-50%);*/
/*    background-color: #EEF9F9;*/
/*    z-index: -1;*/
/*}*/

.image-card-container .vbb-card{
    border-radius: 20px;
    overflow: hidden;
    border: none;
    max-height: 397px;
}

.image-card-container .vbb-card-body{
    margin: 0;
    padding: 0;
}

.image-card-container .vbb-card-body__image{
    margin: 0;
    height: 412px;
    transition: transform 1s ease;
}
 
.image-card-container .vbb-card-body__image:hover{
    transform: scale(1.05);
}

.image-card-container .vbb-card-list .vbb-card-body__category, .image-card-container  .vbb-card-list .vbb-divider, .image-card-container .vbb-card-list .vbb-card-body__summary{
    display: none;
}

.image-card-container .vbb-card-body__inner{
    position: relative;
}

.image-card-container .vbb-card-body__heading{
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: white;
    pointer-events: none;
    font-weight: normal;
}

.image-card-container .vbb-card-body__inner::before {
  content: '';
  border-radius: 20px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 56%, rgba(49, 49, 49, 0.8) 85%);
  pointer-events: none; 
}

.image-card-container .vbb-card-body__inner:hover::before{
    /*background-color: #00BAC033; */
    background-color: #00718C4D;
}

.image-card-container .vbb-card-body__inner::before{
    transition: background-color 0.4s ease;
}

.image-card-container .vbb-card-body__heading{
    font-weight: 300;
}

.image-card-container .vbb-card-body__heading::after {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    font-size: 1.3rem;
    margin-left: 1rem;
    transition: transform 0.3s;
}

.vbb-card-body__heading::after {
  content: '';
  display: inline-block;
  position: relative;
  transition: transform 0.3s ease; /* Smooth transition */
}

.vbb-card-body__inner:hover .vbb-card-body__heading::after {
  transform: translateX(10px);
}

@media (max-width: 576px){
    .image-card-container .vbb-card-body__image{
        height: 250px;   
    }
}

@media (max-width: 1260px){
    .image-card-container .vbb-card-body__image{
        height: 320px;   
    }
}



/* Component - Two Column Image and Text */

.wgt-two-col__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.wgt-two-col__img-overlay {
    height: 412px;
    border-radius: 24px;
    
}
.wgt-two-col__image-wrapper {
    height: 100%;
    border-radius: 24px;
    /*border-style: solid;*/
    /*border-color: white;*/
    /*border-width: 0 10px 10px 0;*/
}

.wgt-two-col__image-wrapper:hover {
    /*border-color: #00BAC0;*/
    filter: brightness(80%);
    -webkit-transition: filter 0.5s ease-in-out;
    -moz-transition: filter 0.5s ease-in-out;
    -o-transition: filter 0.5s ease-in-out;
    transition: filter 0.5s ease-in-out;
}


.wgt-two-col__text-wrapper--left {
    padding: 1.5rem;
    padding-right: 0rem;
}

.wgt-two-col__text-wrapper--right {
    padding: 1.5rem;
    padding-left: 0rem;
}

@media only screen and (max-width: 1259px) {
    .wgt-two-col__text-wrapper p {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        overflow: hidden !important;
    }
}

@media only screen and (max-width: 992px){
    .wgt-two-col__text-wrapper--left {
        padding-left: 0rem !important;
    }
}

/* Component - Video cards */
.wgt-video-cards__container {
    position: relative;
    padding: 1.5rem 0;
    
}

.wgt-video-cards__container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.wgt-video-cards__container:before {
    content:"";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    transform: translateX(-50%);
    background-color: #00BCE926;
    z-index: -1;
}

.wgt-video-cards__desc-text > p {
    margin: 1.5rem 0 0.5rem !important;
}

.wgt-video-cards__wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.wgt-video-card__wrapper {
    margin: 1rem;
    background-color: white;
    border-radius: 24px;
}
.wgt-video-card__image__image-wrapper {
    height: 225px;
    border-radius: 24px;
}

button.wgt-video-card__image__video-btn {
    display: inline-block;
    border: none;
    font-family: sans-serif; /* Use whatever font-family you want */
    font-size: 1rem;
    line-height: 1;
    background: transparent;
    -webkit-appearance: none;
}
.wgt-video-card__image__video-btn {
    position: absolute;
    height: 70px;
    width: 70px;
    top: 50%;
    left: 50%;
    margin: -38px 0 0 -35px;
}

#wgt-video-card__video-btn-svg {
    fill: #ffffff !important;
    filter: opacity(80%);
}

.wgt-video-card__content__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 180px;
    padding: 1.5rem;
}

.wgt-video-card__content__wrapper > h3 {
    font-size: 1.6rem;
}

.wgt-video-card__content__transcript {
    margin: 1rem 0 !important;
}

@media only screen and (max-width: 992px){
    .wgt-video-card__wrapper {
        margin: 1rem 0;
    }
}

/* VIDEO MODEL*/
.wgt-video-card__modal {
    display: none;
    position: fixed;
    z-index: 100;
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); 
}

.wgt-video-card__modal__video-container {
    display: flex;
    justify-content: center;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.wgt-video-card__modal__video-container iframe, 
.wgt-video-card__modal__video-container object, 
.wgt-video-card__modal__video-container embed { 
    /*position: relative; */
    aspect-ratio: 16 / 9;
    width: 100% !important;
}

/* Add Animation */
.wgt-video-card__modal__video-container {  
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform: scale(0.1)} 
    to {transform: scale(1)}
}

/* The Close Button */
.wgt-video-card__modal__close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.wgt-video-card__modal__close:hover,
.wgt-video-card__modal__close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 1259px) {
    .wgt-video-card__modal {
        padding: 200px 20px;
    }
}


/*
    Accordions with icons
*/


:root {
  --train-icon: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cdesc%3ECreated with Lunacy%3C/desc%3E%3Cg id='Atom-/-icon-/-Bus'%3E%3Cpath d='M5.57455 16.0833L5.10764 17.3079L12.3801 17.3079L11.9129 16.0833L5.57455 16.0833ZM4.9802 11.3199C4.98106 10.949 5.27109 10.6486 5.62826 10.6495C5.98573 10.6504 6.27461 10.9516 6.27404 11.3229C6.27376 11.6924 5.98573 11.9925 5.62998 11.9934L5.62541 11.9934C5.26823 11.9925 4.97934 11.6909 4.9802 11.3199L4.9802 11.3199ZM4.53502 11.3241C4.53444 11.6942 4.24499 11.9936 3.88867 11.9931C3.53235 11.9925 3.24432 11.6918 3.2446 11.3217C3.24517 10.9516 3.53492 10.6522 3.89095 10.6528C4.24699 10.6534 4.53502 10.9531 4.53502 11.3229L4.53502 11.3241ZM3.57121 7.33235L3.83066 3.68191C3.83352 3.14473 4.25327 2.71023 4.77018 2.70934L12.7144 2.70934C13.2324 2.70934 13.653 3.14295 13.6573 3.68102L13.9205 7.33146L13.9205 7.37331L13.9205 7.3745C13.9202 7.91257 13.5002 8.34854 12.9824 8.34825L4.50587 8.34825C3.98753 8.34825 3.56721 7.91227 3.56606 7.3742C3.56692 7.35995 3.56892 7.3463 3.57121 7.33235L3.57121 7.33235ZM14.244 11.3229C14.244 11.693 13.9551 11.9931 13.5988 11.9931C13.2424 11.9931 12.9533 11.693 12.9533 11.3229L12.9533 11.3161C12.955 10.9481 13.2436 10.651 13.5979 10.6528L13.5988 10.6528C13.9551 10.6528 14.244 10.9528 14.244 11.3229L14.244 11.3229ZM11.6914 15.5114L5.79428 15.5114L6.28633 14.2299L11.2031 14.2299L11.6914 15.5114ZM11.8706 11.9931C11.5146 11.9963 11.2231 11.6989 11.22 11.3289C11.2168 10.9588 11.5031 10.656 11.8594 10.6528C11.8623 10.6528 11.8654 10.6528 11.8683 10.6528C12.2238 10.6537 12.5112 10.9537 12.5101 11.3229C12.5101 11.6906 12.2249 11.9898 11.8706 11.9931L11.8706 11.9931ZM16.9485 17.3091L13.8836 17.3091L13.0804 16.0824L15.3981 16.0824L15.4032 16.0824C15.5529 16.0807 15.673 15.9533 15.6712 15.7978L15.6712 15.7955C15.6715 15.6385 15.5492 15.5108 15.3981 15.5105L12.7058 15.5105L11.8654 14.229L14.9355 14.229C16.0127 14.229 16.8874 13.3235 16.8899 12.2044L16.8899 12.1815L16.1673 1.98608L16.1673 2.02882C16.1662 0.90905 15.2926 0.00148392 14.2145 0L3.27575 0C2.19707 0.00118714 1.32299 0.908754 1.32099 2.02882L1.32099 1.98608L0.600344 12.1809L0.600344 12.2044C0.601202 13.3238 1.47557 14.2308 2.55368 14.2299L5.62284 14.2299L4.7839 15.5114L2.09563 15.5114C1.94448 15.5132 1.82246 15.6414 1.82275 15.7987L1.82275 15.799C1.82246 15.9557 1.94505 16.0833 2.09563 16.0833L4.40786 16.0833L3.60235 17.3079L0.550911 17.3079C0.246596 17.3079 0 17.564 0 17.8798C0 18.1955 0.246596 18.4517 0.550911 18.4517L2.85371 18.4517L2.08763 19.6207C2.03934 19.6943 2.03306 19.7893 2.07163 19.8688C2.11335 19.9492 2.1945 19.9994 2.28222 20L3.91724 20C4.01325 20 4.09954 19.9392 4.13469 19.8466L4.66789 18.4517L12.8178 18.4517L13.3524 19.8466C13.3882 19.9395 13.4745 20.0003 13.5705 20L15.2103 20C15.2561 19.9991 15.3004 19.9849 15.3381 19.9584C15.4452 19.8834 15.4735 19.732 15.4012 19.6207L14.6346 18.4505L16.9488 18.4505L16.9485 18.4529L16.9502 18.4529C17.2545 18.4523 17.5006 18.1961 17.5 17.8801C17.4994 17.5643 17.2528 17.3085 16.9485 17.3091L16.9485 17.3091ZM9.02042 3.8517L9.02071 7.20862L12.8082 7.20862C12.7831 6.84922 12.5822 4.06894 12.5676 3.8517L9.02042 3.8517ZM4.68043 7.21011L8.46966 7.21011L8.46966 3.8517L4.9236 3.8517C4.90702 4.06894 4.70729 6.84862 4.68043 7.21011' transform='translate(1.25 0)' id='Shape' fill='%23FFFFFF' fill-rule='evenodd' stroke='none' /%3E%3C/g%3E%3C/svg%3E");
  --car-icon: url("data:image/svg+xml,%3Csvg  viewBox='0 0 20 20' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cdesc%3ECreated with Lunacy%3C/desc%3E%3Cg id='Atom-/-icon-/-Bus'%3E%3Cpath d='M2.0374 5.81071L3.4296 1.94838C3.9388 0.939452 4.72 0.313151 5.6368 0L14.3634 0C15.2802 0.313151 16.0272 0.939452 16.5706 1.94838L17.9628 5.81071L19.7624 5.81071C19.8982 5.81071 20 5.91502 20 6.05418L20 6.81964C20 6.959 19.8982 7.09815 19.7624 7.09815L18.7096 7.09815C19.0154 7.48078 19.321 7.93329 19.6264 8.52475C19.6264 10.856 19.6604 14.0205 19.6604 16.3866C19.6604 16.978 19.185 17.5 18.5738 17.5L17.8268 17.5C17.2156 17.5 16.7402 16.978 16.7402 16.3866L16.7402 14.96L3.2598 14.96L3.2598 16.3866C3.2598 16.978 2.7844 17.5 2.1732 17.5L1.4262 17.5C0.815 17.5 0.3396 16.978 0.3396 16.3866C0.3396 14.0205 0.3736 10.856 0.3736 8.52475C0.6792 7.93329 0.9848 7.48078 1.2904 7.09815L0.2378 7.09815C0.1018 7.09815 0 6.959 0 6.81964L0 6.05418C0 5.91502 0.1018 5.81071 0.2378 5.81071L2.0374 5.81071ZM4.652 2.50521C4.8556 2.01806 5.2292 1.63523 5.8064 1.53091L14.1936 1.53091C14.7708 1.63523 15.1104 2.01806 15.348 2.50521C15.7216 3.65349 16.197 4.97557 16.5706 6.12386L3.4296 6.12386C3.803 4.97557 4.2446 3.65349 4.652 2.50521ZM4.1762 12.3773C5.0774 12.3773 5.7984 11.6385 5.7984 10.715C5.7984 9.79153 5.0774 9.05272 4.1762 9.05272C3.32 9.05272 2.599 9.79153 2.599 10.715C2.599 11.6385 3.32 12.3773 4.1762 12.3773ZM14.2016 10.715C14.2016 11.6385 14.9226 12.3773 15.8238 12.3773C16.6802 12.3773 17.4012 11.6385 17.4012 10.715C17.4012 9.79153 16.6802 9.05272 15.8238 9.05272C14.9226 9.05272 14.2016 9.79153 14.2016 10.715Z' transform='translate(0 1.25)' id='Fill-1' fill='%23FFFFFF' fill-rule='evenodd' stroke='none' /%3E%3C/g%3E%3C/svg%3E");
  --tram-icon: url("data:image/svg+xml,%3Csvg width='32' height='40' viewBox='0 0 32 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65993 29.5416H14.6154L11.8383 25.81L11.6668 27.2768C11.633 27.5901 11.3493 27.8144 11.0361 27.77C10.7249 27.7361 10.5027 27.4546 10.5386 27.1456L11.4382 19.5003C11.4763 19.1849 11.76 18.9669 12.069 19.0008C12.3823 19.041 12.6088 19.3204 12.5664 19.6379L12.0351 24.1738L16.0336 29.5437H24.3459C24.6062 29.5437 24.8179 29.3299 24.8179 29.0717C24.8094 28.9828 24.0559 12.1408 24.0559 12.1408V12.0879C24.0559 11.8254 23.8379 11.6138 23.5818 11.6138H8.42406C8.16794 11.6138 7.95415 11.8275 7.95415 12.0879V12.1408C7.95415 12.1408 7.19426 28.9828 7.19214 29.0717C7.19214 29.3299 7.39958 29.5437 7.65993 29.5437' fill='white'/%3E%3Cpath d='M26.664 4.76618H16.6181V1.74364H25.2225C25.9422 1.74364 26.5455 2.27915 26.6301 2.99245C26.664 3.3036 26.9476 3.52584 27.2588 3.48563C27.5721 3.45388 27.7901 3.17025 27.7541 2.8591C27.608 1.57431 26.5179 0.609131 25.2225 0.609131H6.78182C5.48428 0.609131 4.39418 1.57431 4.24813 2.8591C4.20791 3.17025 4.4344 3.45388 4.74344 3.48563C5.05671 3.52584 5.34035 3.3036 5.3721 2.99245C5.45888 2.27915 6.06426 1.74364 6.7797 1.74364H15.4815V4.76618H5.33823C3.11146 4.76618 1.30803 6.58013 1.30803 8.80259V8.74756L0.0168457 36.8415V36.8691C0.0168457 39.0915 1.82451 40.9012 4.05128 40.9012H7.5269V42.5522C7.24538 42.8358 5.46735 44.6519 5.46735 44.6519C5.3594 44.7662 5.30436 44.908 5.30436 45.0519C5.30436 45.1959 5.3594 45.3483 5.47582 45.4604C5.70442 45.6763 6.05791 45.6763 6.28016 45.452L8.5027 43.1787C8.61065 43.0708 8.66568 42.929 8.66568 42.7808V40.9012H23.3387V42.7808C23.3387 42.929 23.3958 43.0729 23.5016 43.1787L25.7242 45.452C25.9401 45.6763 26.2999 45.6763 26.5328 45.4604C26.6449 45.3483 26.6979 45.198 26.6979 45.0519C26.6979 44.9059 26.6471 44.7662 26.537 44.6519C26.537 44.6519 24.7526 42.8358 24.4753 42.5522V40.9012H27.9552C30.1777 40.9012 31.9833 39.0936 31.9833 36.8691V36.8415L30.6942 8.74968C30.6646 6.55262 28.8717 4.7683 26.664 4.7683M4.91912 29.0164L5.68325 12.0347V12.0876C5.68325 10.57 6.91517 9.34445 8.42226 9.34445H23.58C25.0934 9.34445 26.3232 10.57 26.3232 12.0876V12.0347L27.0916 29.0164V29.0651C27.0916 30.5763 25.8618 31.8146 24.342 31.8146H7.65813C6.14469 31.8146 4.91701 30.5763 4.91701 29.0651V29.0164H4.91912ZM10.4183 36.3505H5.73405C5.10328 36.3505 4.5995 35.8425 4.5995 35.2117C4.5995 34.581 5.10328 34.073 5.73405 34.073H10.4183C11.0427 34.073 11.5507 34.5894 11.5507 35.2117C11.5507 35.834 11.0427 36.3505 10.4183 36.3505ZM26.2724 36.3505H21.5903C20.9595 36.3505 20.4515 35.8425 20.4515 35.2117C20.4515 34.581 20.9595 34.073 21.5903 34.073H26.2724C26.9053 34.073 27.4112 34.5894 27.4112 35.2117C27.4112 35.834 26.9053 36.3505 26.2724 36.3505Z' fill='white'/%3E%3Cpath d='M30.695 8.74536C30.695 8.76441 30.7001 8.78134 30.7001 8.80039L30.6924 8.74536H30.695Z' fill='white'/%3E%3Cpath d='M10.4182 34.0735H5.73392C5.10314 34.0735 4.59937 34.5899 4.59937 35.2122C4.59937 35.8345 5.10314 36.351 5.73392 36.351H10.4182C11.0426 36.351 11.5506 35.843 11.5506 35.2122C11.5506 34.5815 11.0426 34.0735 10.4182 34.0735Z' fill='%2372BF44'/%3E%3Cpath d='M7.65991 31.8148H24.3437C25.8635 31.8148 27.0933 30.5766 27.0933 29.0653V29.0166L26.325 12.035V12.0879C26.325 10.5703 25.0952 9.34473 23.5817 9.34473H8.42404C6.91695 9.34473 5.68503 10.5703 5.68503 12.0879V12.035L4.9209 29.0166V29.0653C4.9209 30.5766 6.14858 31.8148 7.66203 31.8148M7.95201 12.1387V12.0858C7.95201 11.8233 8.16368 11.6116 8.42192 11.6116H23.5796C23.8357 11.6116 24.0538 11.8254 24.0538 12.0858V12.1387C24.0538 12.1387 24.8073 28.9807 24.8158 29.0696C24.8158 29.3278 24.6041 29.5416 24.3437 29.5416H16.0336L12.0351 24.1717L12.5664 19.6358C12.6109 19.3183 12.3823 19.0389 12.069 18.9987C11.76 18.9648 11.4763 19.1849 11.4382 19.4982L10.5386 27.1434C10.5026 27.4525 10.7249 27.734 11.036 27.7678C11.3493 27.8123 11.633 27.5879 11.6668 27.2747L11.8383 25.8078L14.6154 29.5395H7.65991C7.39956 29.5395 7.19212 29.3257 7.19212 29.0674C7.19212 28.9785 7.95413 12.1366 7.95413 12.1366' fill='%2372BF44'/%3E%3Cpath d='M26.2723 34.0735H21.5902C20.9594 34.0735 20.4514 34.5899 20.4514 35.2122C20.4514 35.8345 20.9594 36.351 21.5902 36.351H26.2723C26.9052 36.351 27.4111 35.843 27.4111 35.2122C27.4111 34.5815 26.9052 34.0735 26.2723 34.0735Z' fill='%2372BF44'/%3E%3C/svg%3E%0A");
    --bus-icon: url("data:image/svg+xml,%3Csvg width='33' height='39' viewBox='0 0 33 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.8283 27.05C25.1594 27.05 24.6196 27.5877 24.6196 28.2545C24.6196 28.9212 25.1615 29.4546 25.8283 29.4546C26.495 29.4546 27.0263 28.917 27.0263 28.2545C27.0263 27.5919 26.4866 27.05 25.8283 27.05Z' fill='white'/%3E%3Cpath d='M7.72206 27.05C7.05742 27.05 6.51343 27.5877 6.51343 28.2545C6.51343 28.9212 7.05742 29.4546 7.72206 29.4546C8.38671 29.4546 8.93282 28.917 8.93282 28.2545C8.93282 27.5919 8.38459 27.05 7.72206 27.05Z' fill='white'/%3E%3Cpath d='M32.1828 4.48357C32.1828 2.25892 30.3688 0.447021 28.1462 0.447021H5.54198C3.32156 0.447021 1.50967 2.25892 1.50967 4.48357V4.44335L0.705322 30.2989V30.3137C0.705322 32.5383 2.51299 34.3481 4.73764 34.3481H5.4425V36.3547C5.4425 37.6311 6.4818 38.6683 7.7624 38.6683C9.04301 38.6683 10.0802 37.6311 10.0802 36.3547V34.3481H23.4726V36.3547C23.4726 37.6311 24.514 38.6683 25.7882 38.6683C27.0625 38.6683 28.1124 37.6311 28.1124 36.3547V34.3481H28.9527C31.1816 34.3481 32.9829 32.5383 32.9829 30.3137V30.2777L32.1828 4.44547V4.48569V4.48357ZM3.77454 4.51744V4.48357C3.77454 3.50989 4.57042 2.72248 5.53987 2.72248H28.1441C29.1157 2.72248 29.9052 3.50989 29.9052 4.48357V4.51744C29.9052 4.51744 29.9327 5.23923 29.9666 6.45634H3.71739C3.75549 5.23923 3.77242 4.51744 3.77242 4.51744M7.72219 30.591C6.431 30.591 5.38535 29.539 5.38535 28.2541C5.38535 26.9693 6.431 25.9131 7.72219 25.9131C9.01337 25.9131 10.0611 26.9629 10.0611 28.2541C10.0611 29.5453 9.01337 30.591 7.72219 30.591ZM16.2038 22.1136H3.23055C3.36813 17.66 3.53747 12.3365 3.64754 8.71697H16.2038V22.1136ZM25.8284 30.591C24.5373 30.591 23.4874 29.539 23.4874 28.2541C23.4874 26.9693 24.5373 25.9131 25.8284 25.9131C27.1196 25.9131 28.1674 26.9629 28.1674 28.2541C28.1674 29.5453 27.1154 30.591 25.8284 30.591ZM17.3405 22.1136V8.71697H30.0364C30.1507 12.3365 30.3158 17.66 30.4577 22.1136H17.3405Z' fill='white'/%3E%3Cpath d='M3.2312 22.1139H16.2045V8.71729H3.64819C3.53812 12.3368 3.36879 17.6603 3.2312 22.1139Z' fill='%23F68B1F'/%3E%3Cpath d='M29.9052 4.51762V4.48375C29.9052 3.51007 29.1157 2.72266 28.1441 2.72266H5.53984C4.57251 2.72266 3.77452 3.51007 3.77452 4.48375V4.51762C3.77452 4.51762 3.75547 5.23941 3.71948 6.45652H29.9687C29.9327 5.23941 29.9073 4.51762 29.9073 4.51762' fill='%23F68B1F'/%3E%3Cpath d='M17.3411 8.71729V22.1139H30.4583C30.3164 17.6603 30.1492 12.3368 30.037 8.71729H17.3411Z' fill='%23F68B1F'/%3E%3Cpath d='M7.72234 25.9111C6.43115 25.9111 5.3855 26.961 5.3855 28.2522C5.3855 29.5434 6.43115 30.589 7.72234 30.589C9.01352 30.589 10.0613 29.537 10.0613 28.2522C10.0613 26.9674 9.01352 25.9111 7.72234 25.9111ZM7.72234 29.4545C7.05769 29.4545 6.5137 28.9168 6.5137 28.2543C6.5137 27.5918 7.05769 27.0499 7.72234 27.0499C8.38698 27.0499 8.93309 27.5876 8.93309 28.2543C8.93309 28.9211 8.38486 29.4545 7.72234 29.4545Z' fill='%23F68B1F'/%3E%3Cpath d='M25.8286 25.9111C24.5374 25.9111 23.4875 26.961 23.4875 28.2522C23.4875 29.5434 24.5374 30.589 25.8286 30.589C27.1198 30.589 28.1676 29.537 28.1676 28.2522C28.1676 26.9674 27.1156 25.9111 25.8286 25.9111ZM25.8286 29.4545C25.1597 29.4545 24.62 28.9168 24.62 28.2543C24.62 27.5918 25.1619 27.0499 25.8286 27.0499C26.4954 27.0499 27.0267 27.5876 27.0267 28.2543C27.0267 28.9211 26.4869 29.4545 25.8286 29.4545Z' fill='%23F68B1F'/%3E%3C/svg%3E%0A");
    --cyclist-icon: url("data:image/svg+xml,%3Csvg width='51' height='45' viewBox='0 0 51 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.8331 8.11726C35.0266 8.11726 36.744 6.40762 36.744 4.22659C36.744 2.04558 35.0266 0.333496 32.8331 0.333496C30.6398 0.333496 28.9248 2.04314 28.9248 4.22659C28.9248 6.41005 30.7011 8.11726 32.8331 8.11726Z' fill='white'/%3E%3Cpath d='M12.6611 32.6043L15.6493 28.362C16.8001 29.4855 17.595 30.9631 17.8648 32.6043H12.6611ZM10.2739 41.4994C6.06622 41.4994 2.57006 38.0777 2.57006 33.8304C2.57006 29.5832 6.06622 26.1639 10.2739 26.1639C11.4736 26.1639 12.6046 26.4472 13.613 26.9381L9.26307 33.1148C9.11095 33.3297 9.03735 33.5789 9.03735 33.8231V33.8304C9.03735 33.8549 9.04225 33.8793 9.04471 33.9037C9.04717 33.955 9.05207 34.0062 9.05943 34.0576C9.06925 34.1064 9.08397 34.1528 9.09869 34.1993C9.1085 34.226 9.11341 34.2554 9.12567 34.2822C9.14776 34.336 9.17474 34.3872 9.20418 34.4362C9.214 34.4532 9.22136 34.4727 9.23363 34.4924C9.27043 34.5484 9.31214 34.5998 9.35384 34.6486C9.36366 34.6584 9.37102 34.6706 9.38084 34.6803C9.51822 34.8244 9.69242 34.932 9.88379 34.9954C9.90341 35.0027 9.92305 35.0077 9.94267 35.0125C10.0482 35.0394 10.1586 35.0613 10.2714 35.0613H17.8673C17.2784 38.7176 14.116 41.4994 10.2739 41.4994ZM17.0945 26.3104L18.3776 24.4884L16.5964 22.708L15.0655 24.8816C13.6351 24.122 12.006 23.6898 10.2763 23.6898C4.64813 23.6898 0.0847168 28.2301 0.0847168 33.8328C0.0847168 39.4357 4.64567 43.9759 10.2763 43.9759C15.907 43.9759 20.4655 39.4357 20.4655 33.8328C20.4655 30.8459 19.1602 28.169 17.0945 26.3104Z' fill='white'/%3E%3Cpath d='M27.068 25.7656C27.0558 25.7021 27.0337 25.6459 27.014 25.5849C26.992 25.5116 26.9749 25.4359 26.943 25.3626C26.9208 25.3113 26.8938 25.2649 26.8668 25.2185C26.8301 25.1404 26.7932 25.0646 26.7418 24.9939C26.6927 24.923 26.6363 24.8594 26.5798 24.796C26.548 24.7594 26.521 24.7179 26.4866 24.6836L26.4792 24.6763L26.4669 24.6641L21.1037 19.3276L25.6033 14.9631V18.9148C25.6033 19.9454 26.4449 20.7466 27.4705 20.7929H35.4711C36.3126 20.5756 36.9506 19.8136 36.9506 18.9148C36.9506 17.8524 36.0624 16.9683 34.9952 16.9683H29.5142L29.4553 10.479C29.4553 10.2445 29.3964 9.94896 29.3375 9.71206C29.2198 9.47759 29.0995 9.2993 28.9228 9.06484L27.1441 7.23552C26.7884 6.82277 26.256 6.64691 25.7211 6.64691C25.1863 6.58829 24.7128 6.82277 24.3595 7.17935L15.1198 16.3748C15.1198 16.3748 15.1124 16.3821 15.1075 16.3846C14.2783 17.21 14.2783 18.5876 15.1075 19.4131L17.5658 21.8578C17.5658 21.8578 17.5658 21.8578 17.5634 21.8578L19.0723 23.3599C19.0723 23.3599 19.0723 23.3599 19.0723 23.3575L22.8089 27.0747V34.5166C22.8089 35.684 23.7854 36.6584 24.9582 36.6584C26.1308 36.6584 27.1098 35.684 27.1098 34.5166V26.1759C27.1098 26.1759 27.1098 26.1759 27.1098 26.1734C27.1098 26.0391 27.0951 25.9024 27.068 25.7681' fill='white'/%3E%3Cpath d='M40.1494 41.4994C35.8854 41.4994 32.4481 38.0777 32.4481 33.8304C32.4481 31.2171 33.7876 28.8798 35.8313 27.4925L38.9964 34.3165C39.2073 34.7683 39.6563 35.0345 40.1274 35.0345C40.3016 35.0345 40.4783 34.9978 40.6475 34.9197C41.2707 34.6339 41.543 33.8988 41.2535 33.2785L38.0886 26.4521C38.7437 26.2689 39.433 26.1639 40.1494 26.1639C44.3571 26.1639 47.8508 29.6418 47.8508 33.8304C47.8508 38.019 44.3571 41.4994 40.1494 41.4994ZM40.1494 23.6898C39.0601 23.6898 38.015 23.8632 37.0311 24.1782L36.0669 22.1047H33.3264L34.7763 25.2236C31.8887 27.0138 29.9578 30.1962 29.9578 33.8329C29.9578 39.4356 34.5188 43.9759 40.147 43.9759C45.7752 43.9759 50.3362 39.4356 50.3362 33.8329C50.3362 28.2302 45.7752 23.6898 40.147 23.6898' fill='white'/%3E%3C/svg%3E%0A");
    
}

.accordion{
    margin-bottom: 0;
}

/* Apply the SVG icon to the button based on the active index */
.accordion-container--icon-theme .accordion .vbb-accordion-btn{
    justify-content: start;
    align-items: center;
    font-weight: normal;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 16px 60px 16px 0;
}

.accordion-container--icon-theme .accordion .vbb-accordion-btn::before {
    display: inline-block;
    min-width: 50px; 
    min-height: 50px; 
    border-radius: 100%;
    background-size: 30px; 
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 16px; 
    vertical-align: middle; 
}

.accordion-container--icon-theme .accordion .card{
    border: none;
    border-top: 1px solid #C9C9C9;
}

.accordion-container--icon-theme .accordion .card-body{
    padding: 0px;
}


/* Station cards */
.station-cards .vbb-card{
    border: none;
}

.station-cards .vbb-card-body{
    padding: 0;
}

.station-cards .vbb-card-body__content-wrapper{
    padding: 0 1.125rem 1.5rem;
}

.station-cards .vbb-card,
.station-cards .vbb-card-body__image{
   border-radius: 20px;
   overflow: hidden;
   background: #00BCE926;
}

.station-cards .vbb-card-body__image{
    height: 15rem;
}

.station-cards .vbb-card-body__heading{
    position: relative;
    display: flex;
    gap: 20px;
    align-items: start;
    font-size: 1.625rem;
}

.station-cards .vbb-card-body__heading::after{
    content: '';
    width: 20px;
    margin-top: 3px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 32 48' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Echevron-right--black%3C/title%3E%3Cg%3E%3Crect fill='none' id='canvas_background' height='50' width='34' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23000' transform='rotate(-90 16.000000000000004,24) ' id='svg_1' d='m-6.627,17.635999c-1.562,-1.562 -1.562,-4.095 0,-5.657l0,0l1.414,-1.414c1.562,-1.562 4.095,-1.562 5.657,0l0,0l15.556,15.556l15.556,-15.556c1.562,-1.562 4.095,-1.562 5.657,0l0,0l1.414,1.414c1.562,1.562 1.562,4.095 0,5.657l0,0l-19.799,19.799c-1.562,1.562 -4.095,1.562 -5.657,0l0,0l-19.798,-19.799z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.station-cards .vbb-divider{
    display: none;
}

@media (min-width: 992px){
    .station-cards .vbb-card-list__row{
        flex-direction: column;        
    }
    
    .station-cards .col-lg-4{
        max-width: 100%;
    }
  
    .station-cards .vbb-card-body__inner{
        display: flex;
    }
    
    .station-cards .vbb-card-body__image{
        width: 600px;
        height: 250px;
        margin: 0;
    }
    
    .station-cards .vbb-card-body__content-wrapper{
        padding: 2rem;
        width: 100%;
    }
    
    .station-cards .vbb-card-list .vbb-card__col+.vbb-card__col{
        padding-left: 0;
    }
    
    .station-cards .vbb-card-body__image-wrapper{
        max-height: 280px;    
    }

    .station-cards .vbb-card-body__image {
      height: 100%; 
    }
    
}

@media (min-width: 1260px){
     .station-cards .vbb-card-body__image{
        width: 800px;
    }
}