/* LOCATION HEADER */
    .location .location-header {
        padding: 56px 20px;
        background: url('/images/location_banner.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
    }
    .location .location-header > .content {
        background: #DDD8D5;
        padding: 20px;
        position: relative;
    }
    .location .location-header > .content > .title-wrapper > p > span {
        font-size: 17px;
        padding-bottom: 6px;
        border-bottom: 1px solid #C7AA70;
        color: #333;
    }
    .location .location-header > .content > .title-wrapper > h1 {
        color: #242E49;
        font-weight: 400;
        font-size: 25px;
        letter-spacing: 0.62px;
        margin: 20px 0 15px;
    }
    .location .location-header > .content > .title-wrapper > h1 > span {
        font-weight: 700;
    }
    .location .location-header > .content > p.text {
        text-align: center;
        font-size: 14px;
    }

/* WHERE TO GET */
    .location .common-box.when-to-get {
        background: url('/images/Location_FooterBanner.jpg');
        padding-bottom: 25px;
    }
    .location .common-box.when-to-get > .overlay {
        background: rgba(0,0,0,.88);
        padding: 20px;
    }
    .location .common-box.when-to-get > .content p.alt-font {
        font-size: 25px;
        color: #fff;
        line-height: 33px;
        margin-bottom: 20px;
    }
    .location .common-box.when-to-get > .content p.text {
        font-size: 17px;
        color: #FFFFFF;
    }


/* MAP ILLUSTRATION */
    .location .map-illustration {
        padding: 25px 20px 0;
        background: #1E1E1E;
    }
    .location .map-illustration > .text {
        font-size: 13px;
        color: #fff;
        line-height: 18px;
        margin-bottom: 25px;
    }
    .location .map-illustration > .map {
        background: #a3cbfa;
        margin: 0 -20px;
        height: 205px;
        padding: 15px 0 0 15px;
    }
    .location .map-illustration > .map img {
        margin: 0 auto;
        display: block;
    }


/* DIRECTIONS */
    .location .directions {
        padding-top: 20px;
        background: #1e1e1e;
    }
    .location .directions > .dark-box-container > h2 {
        margin: 0 0 20px;
    }
    .location .directions > .dark-box-container > h2 > span {
        font-size: 25px;
        color: #FFFFFF;
        text-align: center;
        line-height: 33px;
    }
    .location .directions > .dark-box-container > .direction {
        margin-bottom: 30px;
        position: relative;
    }
    .location .directions > .dark-box-container > .direction:last-of-type {
        margin-bottom: 0;
    }
    .location .directions > .dark-box-container > .direction {
        background: #383838;
        padding: 70px 20px 20px;
    }
    .location .directions > .dark-box-container > .direction > h3 {
        background: #242E49;
        font-size: 17px;
        color: #C7AA70;
        text-align: center;
        line-height: 49px;
        font-weight: 400;
        border-radius: 0 0 5px 5px;
        position: absolute;
        top: 0;
        left: 27px;
        right: 27px;
        margin: 0;
    }
    .location .directions > .dark-box-container > .direction .route-item {
        background: #1E1E1E;
        border: 1px solid #C7AA70;
        padding: 15px 0;
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        padding-left: 55px;
    }
    .location .directions > .dark-box-container > .direction .route-item.start,
    .location .directions > .dark-box-container > .direction .route-item.end {
        background: #1e1e1e;
        border: 1px solid #C7AA70;
    }
    .location .directions > .dark-box-container > .direction .route-item:after {
        content: "";
        display: block;
        position: absolute;
        top: -15px;
        left: 50%;
        height: 15px;
        border-left: 2px dotted #ccc;
        margin-left: -0.5px;
    }
    .location .directions > .dark-box-container > .direction .route-item.start:after {
        display: none;
    }

    /* Route Icon */
    .location .directions > .dark-box-container > .direction .route-item .icon {
        background-image: url(/images/OtherIconsV1.png);
        background-repeat: no-repeat;
    }
    .location .directions > .dark-box-container > .direction .route-item .icon.icon-img-plane {
        background-position: -1px -79px;
        width: 31px;
        height: 28px;
    }
    .location .directions > .dark-box-container > .direction .route-item .icon.icon-img-boat {
        background-position: -151px -84px;
        width: 37px;
        height: 14px;
    }
    .location .directions > .dark-box-container > .direction .route-item .icon.icon-img-car {
        background-position: -55px -82px;
        width: 36px;
        height: 18px;
    }
    .location .directions > .dark-box-container > .direction .route-item .icon.icon-img-bike {
        background-position: -108px -80px;
        width: 27px;
        height: 22px;
        margin: 6px auto auto;
    }
    .location .directions > .dark-box-container > .direction .route-item .icon.single,
    .location .directions > .dark-box-container > .direction .route-item .icons {
        display: block;
        margin-right: 14px;
    }
    .location .directions > .dark-box-container > .direction .route-item .icons > .icon {
        display: block;
    }

    .location .directions > .dark-box-container > .direction .route-item > .text {
        font-size: 15px;
        color: #fff;
        line-height: 20px;
        font-family: 'Playfair Display', serif !important;
    }
    .location .directions > .dark-box-container > .direction .route-item > .numbering {
        background: #242E49;
        width: 30px;
        height: 45px;
        line-height: 45px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        position: absolute;
        top: 50%;
        left: -1px;
        margin-top: -22.5px;
    }
    .location .directions > .dark-box-container > .direction .route-item.end {
        height: 76px;
        padding: 3px 27px;
        margin-bottom: 0;
        background: #fff;
        border-color: #fff;
    }
    .location .directions > .dark-box-container > .direction .route-item.end > img {
        width: 100%;
        max-height: 100%;
    }


/* WIKI */
    .location .wiki-wrapper {
        background: #464646;
        padding: 35px 35px 0;
    }
    .location .wiki-wrapper > .dark-box-container {
        border: 1px solid #C7AA70;
        border-bottom: 0px;
    }

    .location .wiki-wrapper > .dark-box-container > h2.what-to-see {
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        margin-top: -22px;
    }
    .location .wiki-wrapper > .dark-box-container > h2.what-to-see > span {
        background-color: #464646;
        padding: 0 20px;
        line-height: 33px;
        font-size: 25px;
    }

    .location .wiki-wrapper > .dark-box-container > .wiki {
        color: #fff;
    }

    .location .wiki-wrapper > .dark-box-container > .wiki > .header {
        text-align: center;
        padding: 30px 8.5px 22px;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .header > .alt-font {
        font-size: 22px;
        letter-spacing: 1.1px;
        margin: 0;
        color: #C7AA70;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .header > h3 {
        font-size: 30px;
        color: #FFFFFF;
        line-height: 40px;
        margin: 0;
        border-bottom: 1px solid #fff;
        font-weight: 600;
    }

    .location .wiki-wrapper > .dark-box-container > .wiki > .photos {
        padding: 10px 10px 20px;
        display: flex;
        margin-left: -35px;
        margin-right: -35px;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .photos > .photo {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 150px;
        flex: 1;
        position: relative;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .photos > .photo > .overlay {
        height: 70px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 6%, rgba(0,0,0,0.70) 64%);
        display: flex;
        flex-direction: column-reverse;
        padding: 4px 9px;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .photos > .photo > .overlay > span {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 25px;
    }

    .location .wiki-wrapper > .dark-box-container > .wiki > .text {
        background: #323232;
        padding: 20px;
        font-weight: lighter;
        font-size: 14px;
        line-height: 19px;
        margin-left: -35px;
        margin-right: -35px;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .text b {
        font-weight: 600;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .text > ul {
        padding: 0;
        list-style: none;
        margin: 18px 0;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .text > ul > li {
        margin-bottom: 5px;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .text > ul > li:last-of-type {
        margin-bottom: 0;
    }
    .location .wiki-wrapper > .dark-box-container > .wiki > .text > p {
        text-align: justify;
    }