.tour-location_wrapper {
    display:  flex;
    -webkit-box-shadow: 0px 10px 14px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 14px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 14px -12px rgba(0,0,0,0.75);
}
.tour-location {
    background-color: #f4f4f4;
    padding: 20px;
    flex-grow:  2;
    position: relative;
}
.tour-location_title {
    font-size: 2em;
    line-height: 1em;
}
.tour-location_address {
    font-size: 1em;
    line-height: 1em;
}
.tour-location_title-block {
    display: flex;   
    margin-bottom:  15px;
}
.tour-location_number {
    font-size: 2.5em;
    line-height: 1em;
    background-color: #666;
    width: 50px;
    height: 50px;
    min-width:  50px;
    text-align: center;
    color: #fff;
    border-radius: 100%;    
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:  20px;
}
.audio-player {
    border: 1px solid #007A7A;
    border-radius: 25px;
    margin-bottom: 15px;
    width: 100%;
}
.tour-location_read-text-version {
    margin-bottom:  0;
}
.tour-location_directions {
    padding: 0 20px 20px 20px;
    max-width: 600px;
    margin-top: 60px;
    margin-left:  20px;
    margin-bottom: 40px;
    background-image: url('https://wagtail-mapbox.s3.amazonaws.com/images/footprints-3.original.png');
    background-size: 50px;
    background-repeat: no-repeat;
    padding-left: 80px;
    min-height: 160px;
}
.tour-location_directions p {
    color: #666;
    font-weight: 600;
}
p.tour-location_directions-time {
    text-transform:  uppercase;
    margin:  0;
    padding:  0;
    color:  #aaa;
    font-weight: 900;
    font-size:  0.8em;
}
.tour-location_image {
    background-size: cover;
    width:  33%;
}
.tour-location_text-version {
    display:  none;
    background-color: #f4f4f4;
    padding:  20px 20px 1px 20px;
    -webkit-box-shadow: 0px 10px 14px -12px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 10px 14px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 14px -12px rgb(0 0 0 / 75%);
    position:  relative;
    padding-right: 100px;
}
.tour-location_text-version.active {
    display:  block;
}
.tour-location_text-version a {
    font-weight: 600;
    text-decoration: underline;
}
.tour-location_text-version-close {
    position: absolute; 
    top: 10px;
    right: 20px;
    font-size: 2em;
    color: #007A7A;
    transition: 0.3s ease all;
}
.tour-location_text-version-close:hover {
    cursor: pointer;
    color: #004e4e;
}

.tour-locations-list {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 40px;
    margin-top:  30px;
}
.tour-locations-list ol {
    margin-bottom: 0;
}
.tour-locations-list h2 {
    font-size:  1.25em;
    position: absolute;
    top: -15px;
    background-color: #fff;
    padding: 0 6px
}

.tour-stats {
    display: flex;
    max-width: 768px;
    margin: 60px auto 20px;
}
.tour-stats_stat {
    flex-grow: 1;
    text-align: center;
}

.tour-stats_icon {
    font-size: 2em;
    color: #007A7A;
    margin-bottom: 10px;
}

.tour-stats_text {
    font-weight:  bold;
    text-transform:  uppercase;
}

.how-it-works_title {
    text-align: center;
}

h2 a.how-it-works_toggle {
    font-size: 0.6em;
}

.how-it-works_text {
    display: none;
}

.how-it-works_text.active {
    display: block;
}

.popup-content-wrapper2 {
    padding: 10px 20px;
}
.popup-content-wrapper2 h3 {
    font-size: 1.4em
}
.popup-content-wrapper2 p {
    margin: 0;
}
.popup-content-wrapper2 a.button {
    margin: 0;
}
div#marker {
    width:  20px;
    height:  26px;
    top:  -10px;
}
div#marker:after {
    content: '1';
    font-size: 0.9em;
    color: #fff;
    background-color: #000;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 100%;
    margin: auto;
    text-align: center;
    line-height: 16px;
    position: relative;
    top: 2px;
}
div#marker.num1:after { content: '1'; }
div#marker.num2:after { content: '2'; }
div#marker.num3:after { content: '3'; }
div#marker.num4:after { content: '4'; }
div#marker.num5:after { content: '5'; }
div#marker.num6:after { content: '6'; }
div#marker.num7:after { content: '7'; }
div#marker.num8:after { content: '8'; }
div#marker.num9:after { content: '9'; }
div#marker.num10:after { content: '10'; }
div#marker.num11:after { content: '11'; }
div#marker.num12:after { content: '12'; }
div#marker.num13:after { content: '13'; }
div#marker.num14:after { content: '14'; }
div#marker.num15:after { content: '15'; }
div#marker.num16:after { content: '16'; }
div#marker.num17:after { content: '17'; }
div#marker.num18:after { content: '18'; }
div#marker.num19:after { content: '19'; }
div#marker.num20:after { content: '20'; }
div#marker.num21:after { content: '21'; }
div#marker.num22:after { content: '22'; }
div#marker.num23:after { content: '23'; }
div#marker.num24:after { content: '24'; }
div#marker.num25:after { content: '25'; }
div#marker.num26:after { content: '26'; }
div#marker.num27:after { content: '27'; }
div#marker.num28:after { content: '28'; }
div#marker.num29:after { content: '29'; }
div#marker.num30:after { content: '30'; }

.block-route_point {
    display:  none;
}

.how-it-works_toggle .fa-chevron-up {
    display:  none;
}

.how-it-works_toggle.active .fa-chevron-up {
    display:  inline-block;
}

.how-it-works_toggle.active .fa-chevron-down {
    display:  none;
}

.how-it-works_text ul li {
    font-weight:  600;
    color:  #666;
}

/* Tour image caption */
.tour-location_image {
    position: relative;
}
.tour-location_image-info {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
}
.tour-location_image-content-wrapper {
    display: none;
    background-color: rgba(0,0,0,0.8);
    padding: 7px 10px;
}
.tour-location_image-content-wrapper p {
    margin-bottom: 0;
}
.tour-location_image-info .fa-info-circle,
.tour-location_image-info .fa-times-circle {
    font-size: 2em;
    padding: 5px;
}
.tour-location_image-info .fa-times-circle {
    display: none;
}
.tour-location_image-toggle {
    text-align: right;
}
.tour-location_image-toggle:hover {
    cursor: pointer;
}
.tour-location_image-credit-wrapper {
    font-size: 0.8em;
    color: #ccc;
}
.tour-location_image-credit-wrapper p a {
    text-decoration: underline;
    color: #ccc;
}
.tour-location_image-info.active .fa-info-circle {
    display: none;
}
.tour-location_image-info.active .fa-times-circle {
    display: block;
}
.tour-location_image-info.active .tour-location_image-content-wrapper {
    display: block;
}

.tour-location_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tour-location_tab {
    flex-grow: 1;
    background-color: #fff;
    border: 1px solid #007A7A;
    padding: 15px 20px;
    color: #007A7A;
    transition: 0.3s ease all;
}
.tour-location_tab:hover {
    flex-grow: 1;
    background-color: #007A7A;
    border: 1px solid #007A7A;
    color: #fff;
    cursor: pointer;
}
h2.tour-location_listen-now {
    color: #007A7A;
    font-size: 1.2em;
}

@media screen and (max-width: 767px) {
    .tour-location_wrapper {
        flex-direction:  column-reverse;
    }
    .tour-location_image {
        width:  100%;
        min-height:  200px;
    }
    .tour-location_title-block {
        display:  block;
    }
    .tour-location_wrapper {
        position: relative;

    }
    .tour-location_number {
        position:absolute;
        top: -70px;
        background-color: rgba(0,0,0,0.8);
        color:  #fff;
    }
    .tour-location_map-link a {
        top:  auto;
        bottom:  0;
    }
    .tour-stats_text {
        font-size: 0.8em;
    }
    .tour-location_text-version {
        padding-right:  60px;
        padding-top:  0;
    }
    .tour-location_text-version-close {
        top:  0;
    }
    .tour-location_directions {
        margin-bottom:  0;
        padding-bottom:  0;
    }
}