/* You can add global styles to this file, and also import other style files */
.bg-title-solid {
    background-color: #022656
}

.station-li {
    cursor: pointer;
}

    .station-li:hover {
        color: #00A9E0;
    }

.cookieConsentLink {
    font-weight: bold;
    color: white;
}

.black-text {
    color: black !important;
}

.moveDown {
    top: 75px !important;
}

#cookieBanner.visible {
    display: block
}

#cookieBanner p {
    margin: 0;
    font-family: "franklin-gothic-urw",Helvetica,Arial,sans-serif
}

#cookieBanner .cookieClose {
    position: absolute;
    top: 0px;
    right: 0px;
    color: white;
    font-weight: bold;
    font-size: 1.35714286em;
    background: #F15623;
    font-family: "franklin-gothic-urw-cond",Helvetica,Arial,sans-serif
}

    #cookieBanner .cookieClose:hover {
        background: #F15623;
    }

    #cookieBanner .cookieClose:hover {
        background: #F15623;
    }

#cookieBanner {
    display: none;
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 15px 20px;
    padding-right: 60px;
    min-height: 60px;
    border-top: 1px solid #F15623;
    ;
    background: #F15623;
    font-family: "franklin-gothic-urw-cond",Helvetica,Arial,sans-serif;
    color: black;
    z-index: 1001;
    text-align: center;
}


.description-list {
    max-width: 200px;
    width: 100%;
    word-wrap: break-word;
    height: auto;
    text-align: left;
    padding-bottom: 10px;
    list-style-type: none;
}

.surface-track {
    background-color: #022656;
    padding: 10px;
    border: 1px solid #022656;
}

.open-cut-track {
    background-color: #F15623;
    padding: 10px;
    border: 1px solid #F15623;
}

.elevated-track {
    background-color: #AF272F;
    padding: 10px;
    border: 1px solid #AF272F;
}

.underground-tunnel {
    background-color: #00A9E0;
    padding: 10px;
    border: 1px solid #00A9E0;
}

.cut-and-cover {
    background-color: #1D252D;
    padding: 10px;
    border: 1px solid #1D252D;
}

.layerOn {
    background-color: rgba(0, 138, 230, 1);
    color: white;
    padding: 1px;
    border-radius: 2px;
}


.mobileShow {
    display: none;
}

.modal-header {
    background-color: #022656 !important;
}

.modal-header .close {
    color: white !important;
}

.display-image {
    height : 200px;
    width : 100%;
}
/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobileShow {
        display: block;
    }
}

.mobileHide {
    display: block;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobileHide {
        display: none;
    }
}

.offset-right {
    position: absolute !important;
    left: 250px !important;
    top: 0px !important;
}

.hide {
    display: none;
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.05) !important;
}