body {overflow-x:hidden !important;}
section[data-page="walk"] .grid-panel {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
section[data-page="walk"] .grid-panel .interactive-panel {position:relative;overflow:hidden;border-radius:20px;grid-row: 1 / span 2;grid-column:1 / span 3;}
section[data-page="walk"] .grid-panel .interactive-panel.fullscreen {position:fixed;height:100dvh;width:100dvw;top:0;left:0;right:0;bottom:0;margin:auto;z-index:99;background-color:#FFF;}
section[data-page="walk"] .grid-panel .interactive-panel .map-panel {height:100%;min-height:min(80vh, 600px);width:100%;max-width:100%;}
section[data-page="walk"] .grid-panel .interactive-panel .image-panel {height:100%;min-height:min(80vh, 600px);width:100%;max-width:100%;}
section[data-page="walk"] .grid-panel .interactive-panel .toolbar {position:absolute;z-index:8;right:20px;bottom:30px;display:flex;flex-direction:column;gap:10px;}
section[data-page="walk"] .grid-panel .interactive-panel.fullscreen .toolbar {right:40px;}
section[data-page="walk"] .grid-panel .interactive-panel .toolbar .fullscreen-button {aspect-ratio:1/1;display:block;width:100%;position:relative;border:0;background-color:#FFF;appearance:none;outline:none;overflow:hidden;border-radius:100px;box-shadow: 0px 3px 6px #00000029;}
[data-theme="dark"] section[data-page="walk"] .grid-panel .interactive-panel .toolbar .fullscreen-button {background-color:var(--bg);}
section[data-page="walk"] .grid-panel .interactive-panel .toolbar .fullscreen-button::before {content:'';display:block;margin:auto;height:30px;width:30px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('../../icons/fullscreen.svg');}
[data-theme="dark"] section[data-page="walk"] .grid-panel .interactive-panel .toolbar .fullscreen-button::before {filter:brightness(0) invert(1);}
section[data-page="walk"] .grid-panel .interactive-panel .toolbar .fullscreen-button:hover {cursor:pointer;}
section[data-page="walk"] .grid-panel .interactive-panel .zoom-bar {display:flex;flex-direction:column;background-color:#FFF;border-radius:15px;overflow:hidden;box-shadow: 0px 3px 6px #00000029;}
[data-theme="dark"] section[data-page="walk"] .grid-panel .interactive-panel .zoom-bar {background-color:var(--bg);}
section[data-page="walk"] .grid-panel .interactive-panel .zoom-bar .seperator {border-bottom:1px solid #00000029;width:100%;}
section[data-page="walk"] .grid-panel .interactive-panel .zoom-bar button {width:100%;display:block;aspect-ratio:1/1;appearance:none;border:0;outline:none;overflow:hidden;background-color:transparent;}
section[data-page="walk"] .grid-panel .interactive-panel .zoom-bar button:hover {background-color:rgba(0,0,0,0.05);cursor:pointer;}
section[data-page="walk"] .grid-panel .interactive-panel .zoom-bar button::before {content:'';display:block;margin:auto;height:25px;width:25px;background-repeat:no-repeat;background-position:center;background-size:auto 55%;}
[data-theme="dark"] section[data-page="walk"] .grid-panel .interactive-panel .zoom-bar button:before {filter:invert(1);}
section[data-page="walk"] .grid-panel .interactive-panel .zoom-bar button.zoom-in::before {background-image:url('../../icons/plus.svg');}
section[data-page="walk"] .grid-panel .interactive-panel .zoom-bar button.zoom-out::before {background-image:url('../../icons/minus.svg');}
section[data-page="walk"] .grid-panel .interactive-panel .main-bar {display:flex;flex-direction:column;background-color:#FFF;border-radius:15px;overflow:hidden;box-shadow: 0px 3px 6px #00000029;}
[data-theme="dark"] section[data-page="walk"] .grid-panel .interactive-panel .main-bar {background-color:var(--bg);}
section[data-page="walk"] .grid-panel .interactive-panel .main-bar button {width:100%;display:block;aspect-ratio:1/1;appearance:none;border:0;outline:none;overflow:hidden;background-color:transparent;}
section[data-page="walk"] .grid-panel .interactive-panel .main-bar button::before {content:'';display:block;margin:auto;height:25px;width:25px;background-repeat:no-repeat;background-position:center;background-size:contain;}
section[data-page="walk"] .grid-panel .interactive-panel .main-bar button.map-view::before {background-image:url('../../icons/map-view.svg');}
section[data-page="walk"] .grid-panel .interactive-panel .main-bar button.image-view::before {background-image:url('../../icons/image-view.svg');}
[data-theme="dark"] section[data-page="walk"] .grid-panel .interactive-panel .main-bar button::before {filter:brightness(0) invert(1);}
section[data-page="walk"] .grid-panel .interactive-panel .main-bar button:hover {background-color:rgba(0,0,0,0.05);cursor:pointer;}
section[data-page="walk"] .grid-panel .interactive-panel .main-bar .seperator {border-bottom:1px solid #00000029;width:100%;}
section[data-page="walk"] .grid-panel .info-panel-backpanel {box-shadow: 0px 3px 6px #00000029;border-radius:15px;grid-row:1 / span 2;grid-column:4;}
section[data-page="walk"] .grid-panel .info-panel {padding:30px 30px 20px 30px;display:flex;flex-direction:column;grid-row:1;grid-column:4;}
section[data-page="walk"] .grid-panel .info-panel h1 {font-size:30px;font-weight:bold;margin:0;padding:0;line-height:120%;}
section[data-page="walk"] .grid-panel .info-panel .sub-walk-title {color:#868686;font-size:15px;}
section[data-page="walk"] .grid-panel .info-panel .short-description {color:#868686;font-size:15px;margin-top:10px;}
section[data-page="walk"] .grid-panel .info-panel .info-tiles {display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:20px;}
section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile {box-shadow: 0px 3px 6px #00000029;background-color:#FFF;padding:10px;border-radius:20px;display:flex;flex-direction:column;gap:5px;font-size:15px;}
[data-theme="dark"] section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile {background-color:var(--bg);color:var(--defaultTextColour);}
section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile label {display:flex;flex-direction:row;gap:10px;align-items:center;font-weight:bold;justify-content:center;}
section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile label::before {content:'';height:15px;width:15px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;}
section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile.time label::before {background-image:url('../../icons/clock.svg');}
section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile.elevation label::before {background-image:url('../../icons/arrow-trend-up.svg');}
section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile.difficulty label::before {background-image:url('../../icons/walking.svg');}
section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile.distance label::before {background-image:url('../../icons/marker.svg');}
[data-theme="dark"] section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile label::before {filter:invert(1);}
section[data-page="walk"] .grid-panel .info-panel .info-tiles .tile span {text-align:center;display:block;width:100%;}

section[data-page="walk"] .page-back-button {font-size:16px;font-weight:600;margin-bottom:10px;display:inline-block;display:flex;flex-direction:row;gap:5px;align-items:center;text-decoration:none;color:inherit;}
section[data-page="walk"] .page-back-button::before {content:'';display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('../../icons/down-arrow.svg');transform:rotate(90deg);}
section[data-page="walk"] .page-back-button:hover {cursor:pointer;}
[data-theme="dark"] section[data-page="walk"] .page-back-button::before {filter:invert(1);}

.modal-frame {border-radius:20px;overflow:hidden;position:relative;max-width:calc(100% - 20px);margin:auto;}
.modal-frame:has(iframe) {border-radius:unset;border-top-left-radius:20px;border-top-right-radius:20px;}
.modal-frame iframe {border-radius:20px;overflow:hidden;background-color:var(--bg);max-width:100% !important;max-height:95dvh !important;}
.modal-frame button.close-modal-button {position:absolute;z-index:10;transition:background-color .5s ease;top:10px;right:10px;height:40px;width:40px;border:0px;border-radius:100%;background-color:#000;}
.modal-frame button.close-modal-button::after {content:'';display:block;height:40px;width:40px;background-position:center;background-repeat:no-repeat;background-size:auto 40%;background-image:url('../../icons/close.svg');position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;filter:invert(1);transition:filter .5s ease;}
.modal-frame button.close-modal-button:hover {cursor:pointer;background-color:#dfdfdf;}
.modal-frame button.close-modal-button:hover::after {filter:invert(0);}
.modal-frame img, .modal-frame video {max-width:100%;}
@media (max-width:450px)
{
    .modal-frame button.close-modal-button, .modal-frame button.close-modal-button::after {height:30px;width:30px;}
}

/* Map */
section[data-page="walk"] .mapboxgl-popup-content {border-radius:20px;}
section[data-page="walk"] .mapboxgl-popup-close-button {background-color:#FFF;border-bottom-left-radius:10px;font-size:23px;height:25px;width:25px;}
section[data-page="walk"] .map-direction-popup-panel {display:flex;flex-direction:column;gap:10px;max-width:200px;}
section[data-page="walk"] .map-direction-popup-panel .image {border-radius:10px;overflow:hidden;}
section[data-page="walk"] .map-direction-popup-panel .description {font-size:12px;line-height:130%;font-family:var(--primaryFont);text-align:center;}

section[data-page="walk"] .grid-panel .directions-panel {position:relative;grid-row:6;grid-column:1 / span 4;padding:60px 0px 60px 0px;}
section[data-page="walk"] .grid-panel .directions-panel::before {content:'';position:absolute;width:100vw;height:100%;left: calc(0px - ((100vw - 100%) / 2));top:0;bottom:0;background-color:var(--stone);}
@media (max-width:320px)
{
    section[data-page="walk"] .grid-panel .directions-panel::before {left:-20px;}
}
section[data-page="walk"] .grid-panel .directions-panel .content-wrapper {display:flex;flex-direction:column;gap:10px;}
section[data-page="walk"] .grid-panel .directions-panel .block-wrapper {z-index:1;position:relative;}
section[data-page="walk"] .grid-panel .directions-panel .title-heading {font-size:22px;font-weight:bold;margin:0;padding:0;margin-bottom:20px;text-transform:capitalize;}
section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .number-icon {position:absolute;left:10px;top:10px;height:35px;width:35px;background-color:#000;border-radius:50px;z-index:10;color:#FFF;text-align:center;font-weight:bold;font-size:18px;padding-top:5px;}
section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .image {border-radius:15px;overflow:hidden;aspect-ratio:5/3;position:relative;}
section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .image img {height:100%;width:100%;object-fit:cover;}
section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .description {padding-top:5px;font-size:14px;}

/* Info */
section[data-page="walk"] .grid-panel .main-information-panel {grid-column:1/-1;grid-row:4;display:grid;gap:20px;grid-template-columns:repeat(4, 1fr);margin-top:20px;}
section[data-page="walk"] .grid-panel .main-information-panel .main-col {grid-column:1 / span 3;display:flex;flex-direction:column;gap:20px;}
section[data-page="walk"] .grid-panel .main-information-panel .panel {box-shadow: 0px 3px 6px #00000029;border-radius:15px;padding:20px;}
section[data-page="walk"] .grid-panel .main-information-panel .main-col .panel:last-child {height:100%;}
section[data-page="walk"] .grid-panel .main-information-panel .title-heading {font-size:22px;font-weight:bold;margin:0;padding:0;margin-bottom:20px;text-transform:capitalize;}
section[data-page="walk"] .grid-panel .main-information-panel .section .text-content {margin-top:10px;color:#868686;}
section[data-page="walk"] .grid-panel .main-information-panel h2 {font-size:22px;font-weight:bold;margin-bottom:5px;}
section[data-page="walk"] .grid-panel .main-information-panel h3 {font-size:22px;font-weight:bold;margin-bottom:5px;}

section[data-page="walk"] .grid-panel .main-information-panel .tags-list {display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;row-gap:8px;margin-top:10px;}
section[data-page="walk"] .grid-panel .main-information-panel .tags-list .tag {border:1px solid var(--teal);color:var(--darkBlue);font-size:14px;padding:5px 10px;display:inline-block;border-radius:5px;}
[data-theme="dark"] section[data-page="walk"] .grid-panel .main-information-panel .tags-list .tag {color:var(--defaultTextColour);}

section[data-page="walk"] .grid-panel .main-information-panel .side-col h3 {font-size:18px;font-weight:bold;padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,0.1);}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .section {margin-bottom:20px;}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .section:last-child {margin-bottom:0;}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .facilities-section .contents {display:flex;flex-direction:column;gap:20px;padding-top:10px;}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .facility .name {display:flex;flex-direction:row;gap:10px;align-items:center;font-size:16px;font-weight:600;}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .facility .name::before {content:'';display:block;height:20px;width:20px;background-size:contain;background-position:center;background-repeat:no-repeat;}
[data-theme="dark"] section[data-page="walk"] .grid-panel .main-information-panel .side-col .facility .name::before {filter:invert(1);}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .facility.toilets .name::before {background-image:url('../../icons/toilet-paper.svg');}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .facility.restaurants .name::before {background-image:url('../../icons/mug.svg');}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .facility .info {margin-top:10px;}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .downloads-wrapper {display:flex;flex-direction:column;gap:10px;padding-top:10px;}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .download-item {display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;color:inherit;text-decoration:none;font-size:16px;font-weight:600;transition:gap .5s ease;}
[data-theme="dark"] section[data-page="walk"] .grid-panel .main-information-panel .side-col .download-item::before {filter:invert(32%) sepia(81%) saturate(3155%) hue-rotate(171deg) brightness(95%) contrast(101%) brightness(0) invert(1);}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .download-item::before {content:'';will-change:transform, filter;filter: invert(32%) sepia(81%) saturate(3155%) hue-rotate(171deg) brightness(95%) contrast(101%) brightness(0);transform:rotate(0deg);transition:transform .5s ease, filter .5s ease;height:30px;width:30px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('../../icons/file-download.svg');}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .download-item:hover {gap:15px;}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .download-item:hover::before {transform:rotate(10deg);filter: invert(32%) sepia(81%) saturate(3155%) hue-rotate(171deg) brightness(95%) contrast(101%);}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .download-item.print::before {background-image:url('../../icons/print.svg');}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .author-label {display:grid;gap:20px;color:inherit;text-decoration:none;font-size:16px;font-weight:600;min-height:30px;align-items:center;}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .author-label .author-image {max-width:min(100%, 200px);max-height:80px;}
section[data-page="walk"] .grid-panel .main-information-panel .side-col .author-label .author-image img {object-fit:contain;max-height:100%;max-width:100%;}

/* Reviews */
section[data-page="walk"] .grid-panel .reviews-panel {grid-column:4;grid-row:2;}
section[data-page="walk"] .grid-panel .reviews-panel .top-panel {display:flex;flex-direction:row;justify-content:space-between;align-items:end;padding:0px 20px;padding-bottom:5px;position:relative;}
section[data-page="walk"] .grid-panel .reviews-panel .top-panel::after {content:'';border-bottom:1px solid #00000029;width:calc(100% - 40px);margin:auto;position:absolute;bottom:0;}
[data-theme="dark"] section[data-page="walk"] .grid-panel .reviews-panel .top-panel::after {border-bottom:1px solid #FFF;opacity:0.25;}
section[data-page="walk"] .grid-panel .reviews-panel .top-panel .total-panel {font-size:16px;font-weight:bold;display:flex;flex-direction:column;}
section[data-page="walk"] .grid-panel .reviews-panel .top-panel .total-panel .star-total {font-size:22px;}
section[data-page="walk"] .grid-panel .reviews-panel .top-panel .total-panel .star-total::after {content:'';margin-left:5px;display:inline-block;height:20px;width:20px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('../../icons/review-star.svg');}
section[data-page="walk"] .grid-panel .reviews-panel .top-panel .see-all-button {appearance:none;display:inline-block;border:0;outline:0;background-color:transparent;font-size:13px;}
section[data-page="walk"] .grid-panel .reviews-panel .top-panel .see-all-button:hover {text-decoration:underline;cursor:pointer;}
section[data-page="walk"] .grid-panel .reviews-panel .leave-review-wrapper {padding:10px 20px 20px 20px;text-align:center;}
section[data-page="walk"] .grid-panel .reviews-panel .leave-review-wrapper button {appearance:none;background-color:#E3E3E3;color:#000;border:0;border-radius:15px;display:inline-block;padding:8px 20px;font-size:14px;font-weight:600;}
section[data-page="walk"] .grid-panel .reviews-panel .no-reviews {padding:20px;text-align:center;font-size:15px;font-weight:600;text-wrap:balance;color:#868686;}
section[data-page="walk"] .grid-panel .reviews-panel .splide:has(.splide__pagination) {margin-bottom:60px;}
section[data-page="walk"] .grid-panel .reviews-panel .splide__slide {padding:10px 20px 0px 20px;margin-bottom:5px;}
section[data-page="walk"] .grid-panel .reviews-panel .splide__slide .review-preview-tile {padding:20px;box-shadow: 0px 3px 6px #00000029;height:100%;border-radius:10px;}
section[data-page="walk"] .grid-panel .reviews-panel .splide__slide .review-preview-tile .review-text {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;overflow:hidden;}
section[data-page="walk"] .grid-panel .reviews-panel .splide__slide .review-preview-tile .details {display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;align-items:center;font-size:16px;font-weight:600;}
section[data-page="walk"] .grid-panel .reviews-panel .splide__slide .review-preview-tile .details .nameplate {display:flex;flex-direction:row;gap:10px;align-items:center;}
section[data-page="walk"] .grid-panel .reviews-panel .splide__slide .review-preview-tile .details .nameplate .image {height:32px;width:32px;border-radius:40px;background-color:#E3E3E3;overflow:hidden;position:relative;}
section[data-page="walk"] .grid-panel .reviews-panel .splide__slide .review-preview-tile .details .nameplate .image.default::after {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background-repeat:no-repeat;background-position:5px 10px;background-size:auto 70%;background-image:url('../../icons/avatar.svg');opacity:0.15;}
section[data-page="walk"] .grid-panel .reviews-panel .splide__slide .review-preview-tile .details .star-rating {display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center;}
section[data-page="walk"] .grid-panel .reviews-panel .splide__slide .review-preview-tile .details .star-rating .icon {margin-top:-2px;height:20px;width:20px;background-repeat:no-repeat;background-size:contain;background-position:center;background-image:url('../../icons/review-star.svg');}

/* Images */
section[data-page="walk"] .grid-panel .images-panel {grid-column:1 / -1;grid-row:3;}
section[data-page="walk"] .grid-panel .images-panel .title-heading {font-size:22px;font-weight:bold;margin:0;padding:0;margin-bottom:20px;text-transform:capitalize;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
section[data-page="walk"] .grid-panel .images-panel .title-heading button {appearance:none;border:0;background-color:transparent;font-size:16px;display:flex;flex-direction:row;gap:10px;align-items:center;font-weight:600;}
section[data-page="walk"] .grid-panel .images-panel .title-heading button:hover {cursor:pointer;}
section[data-page="walk"] .grid-panel .images-panel .title-heading button::before {content:'';display:block;height:20px;width:20px;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url('../../icons/folder-upload.svg');}
[data-theme="dark"] section[data-page="walk"] .grid-panel .images-panel .title-heading button::before {filter:invert(1);}
section[data-page="walk"] .grid-panel .images-panel .image {border-radius:15px;overflow:hidden;aspect-ratio:10/7;position:relative;height:100%;width:100%;}
section[data-page="walk"] .grid-panel .images-panel .video {border-radius:15px;overflow:hidden;aspect-ratio:10/7;position:relative;height:100%;width:100%;}
section[data-page="walk"] .grid-panel .images-panel .video::after {content:'';position:absolute;z-index:2;display:block;height:60px;width:60px;background-position:center;background-size:auto 40%;background-repeat:no-repeat;background-image:url('../../icons/play.svg');filter:invert(1);left:0;right:0;margin:auto;top:0;bottom:0;background-color:rgba(255,255,255,0.5);border-radius:100%;}
section[data-page="walk"] .grid-panel .images-panel .image img {height:100%;width:100%;object-fit:cover;}
section[data-page="walk"] .grid-panel .images-panel .video video {height:100%;width:100%;object-fit:cover;}

section[data-page="walk"] .grid-panel .interactive-panel .image-panel {height:100%;}
section[data-page="walk"] .grid-panel .interactive-panel .image-panel .splide__track {height:100%;}
section[data-page="walk"] .grid-panel .interactive-panel .image-panel .image {height:100%;}
section[data-page="walk"] .grid-panel .interactive-panel .image-panel .image img {height:100%;width:100%;object-fit:cover;}
section[data-page="walk"] .grid-panel .interactive-panel .image-panel .video {height:100%;}
section[data-page="walk"] .grid-panel .interactive-panel .image-panel .video video {height:100%;width:100%;object-fit:cover;}

/* Cards */
section[data-page="walk"] .grid-panel .sliding-cards-panel {grid-row:5;grid-column:1 / span 4;margin:40px 0px;}
section[data-page="walk"] .grid-panel .sliding-cards-panel .card .heading .icon {background-image:url('../../icons/placeholder-icon.svg');}
section[data-page="walk"] .grid-panel .sliding-cards-panel .card[data-type="river-levels"] .heading .icon {background-image:url('../../icons/river.svg');}
section[data-page="walk"] .grid-panel .sliding-cards-panel .card[data-type="plan-visit"] .heading .icon {background-image:url('../../icons/signpost.svg');filter:invert(1);}
section[data-page="walk"] .grid-panel .sliding-cards-panel .card[data-type="weather"] .heading .icon {background-image:url('../../icons/weather.svg');}

/* River Meter */
section[data-page="walk"] .river-level-meter-wrapper {position:relative;overflow:hidden;width:100%;height:auto;aspect-ratio:2/1;margin:auto;max-width:350px;margin:10px 0px;}
section[data-page="walk"] .river-level-meter-wrapper .bg {border:18px solid #FFF;position:absolute;width:100%;height:200%;border-radius:50%;}
section[data-page="walk"] .river-level-meter-wrapper .arc {border:18px solid #F58225;position:absolute;width:100%;height:200%;border-radius:50%;transform:rotate(-45deg);border-top-color:transparent;border-right-color:transparent;}
section[data-page="walk"] .river-level-meter-wrapper .value {position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:28px;font-weight:bold;}
section[data-page="walk"] .river-level-meter-wrapper .value .status {text-transform:uppercase;font-size:34px;margin-bottom:10px;}
section[data-page="walk"] .river-station-name {font-size:14px;text-align:center;text-wrap:balance;}

/* Weather */
section[data-page="walk"] .weather-wrapper {display:flex;flex-direction:column;gap:20px;width:100%;}
section[data-page="walk"] .weather-wrapper .weather-tile {display:flex;flex-direction:column;gap:10px;}
section[data-page="walk"] .weather-wrapper .weather-tile .label {font-weight:600;font-size:18px;}
section[data-page="walk"] .weather-wrapper .weather-tile .content-wrapper {display:grid;grid-template-columns:50px 1fr;align-items:center;gap:10px;height:100%;}
section[data-page="walk"] .weather-wrapper .weather-tile.current .label {font-weight:bold;}
section[data-page="walk"] .weather-wrapper .weather-tile.current .details {font-weight:bold;gap:20px;row-gap:0px;}
section[data-page="walk"] .weather-wrapper .weather-tile.current .content-wrapper {gap:20px;grid-template-columns:64px 1fr;}
section[data-page="walk"] .weather-wrapper .weather-tile .details {font-size:22px;font-weight:600;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;row-gap:0px;align-items:center;}
section[data-page="walk"] .weather-wrapper .forecast-tile-wrapper {display:grid;grid-template-columns:1fr 1px 1fr;gap:20px;border-top:1px solid #FFF;position:relative;}
section[data-page="walk"] .weather-wrapper .forecast-tile-wrapper .sep-line {height:100%;width:1px;background-color:#FFF;}
section[data-page="walk"] .weather-wrapper .forecast-tile-wrapper .weather-tile {padding-top:20px;}
section[data-page="walk"] .weather-wrapper .forecast-tile-wrapper .weather-tile .details {font-size:16px;}
section[data-page="walk"] .weather-wrapper .weather-tile .details > div {display:inline-block;}
section[data-page="walk"] .weather-wrapper .weather-tile .temp::after {content:'°c';margin-left:5px;}
section[data-page="walk"] .weather-wrapper .weather-tile .icon {aspect-ratio:1/1;width:100%;max-width:100px;}

@media ((max-width:1500px) and (min-width:1000px)) or (max-width:450px)
{
    section[data-page="walk"] .weather-wrapper .weather-tile .details {font-size:16px;font-weight:bold;}
    section[data-page="walk"] .weather-wrapper .weather-tile.current .content-wrapper {gap:10px;}
    section[data-page="walk"] .weather-wrapper {gap:10px;}
    section[data-page="walk"] .weather-wrapper .forecast-tile-wrapper {display:flex;flex-direction:column;gap:10px;}
    section[data-page="walk"] .weather-wrapper .forecast-tile-wrapper .sep-line {width:100%;height:1px;}
    section[data-page="walk"] .weather-wrapper .forecast-tile-wrapper .weather-tile {padding-top:10px;}
    section[data-page="walk"] .weather-wrapper .weather-tile {gap:0px;}
    section[data-page="walk"] .weather-wrapper .weather-tile .content-wrapper {grid-template-columns:64px 1fr;}
    section[data-page="walk"] .weather-wrapper .weather-tile .label {font-size:16px;font-weight:bold;}
}

/* Plan Your Visit */
section[data-page="walk"] .plan-your-visit-wrapper {width:100%;}
section[data-page="walk"] .plan-your-visit-wrapper .info-row {display:grid;grid-template-columns:25px 1fr;gap:10px;padding:15px 0px;border-bottom:1px solid #FFF;font-size:16px;font-weight:600;align-items:center;}
section[data-page="walk"] .plan-your-visit-wrapper .info-row .icon {height:25px;width:25px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url('../../icons/placeholder-icon.svg');}
section[data-page="walk"] .plan-your-visit-wrapper .info-row.bus-stop .icon {background-image:url('../../icons/bus.svg');filter:invert(1);}
section[data-page="walk"] .plan-your-visit-wrapper .info-row.train-station .icon {background-image:url('../../icons/train.svg');filter:invert(1);}
section[data-page="walk"] .plan-your-visit-wrapper .info-row.parking .icon {background-image:url('../../icons/car.svg');filter:invert(1);}
section[data-page="walk"] .plan-your-visit-wrapper .info-row.w3w {grid-template-columns:140px 1fr;}
section[data-page="walk"] .plan-your-visit-wrapper .info-row.w3w .icon {background-image:url('../../icons/w3w.svg');width:140px;}
section[data-page="walk"] .plan-your-visit-wrapper .map-row {display:flex;flex-direction:column;gap:10px;}
section[data-page="walk"] .plan-your-visit-wrapper .map-row:not(:first-child) {margin-top:20px;}
section[data-page="walk"] .plan-your-visit-wrapper .primary-button {margin-top:0px;}
section[data-page="walk"] .plan-your-visit-wrapper .primary-button:hover {cursor:pointer;}
section[data-page="walk"] .plan-your-visit-wrapper .primary-button.icon .iconitem {background-image:url('../../icons/earth.svg');}
@media ((max-width:1500px) and (min-width:1000px)) or (max-width:550px)
{
    section[data-page="walk"] .plan-your-visit-wrapper .info-row.w3w {grid-template-columns:25px 1fr;}
    section[data-page="walk"] .plan-your-visit-wrapper .info-row.w3w .icon {background-image:url('../../icons/w3w-logo.svg');width:25px;}
}

/* Maps Panel */
.maps-menu-panel {background-color:#FFF;border-radius:20px;box-shadow: 0px 3px 6px #00000029;padding:20px;text-align:center;display:flex;flex-direction:column;gap:10px;}
.maps-menu-panel .primary-button.map-button {margin-top:0;}
.maps-menu-panel .title {font-size:18px;font-weight:600;color:#868686;margin-bottom:10px;}
.maps-menu-panel .primary-button.map-button.apple .iconitem {background-image:url('../../icons/apple.svg');}
.maps-menu-panel .primary-button.map-button.google .iconitem {background-image:url('../../icons/google.svg');}
.maps-menu-panel .primary-button.map-button:hover .iconitem {transform:rotate(0deg);}

/* What You Might See */
section[data-page="walk"] .grid-panel .what-you-might-see-panel {grid-column:1 / span 4;}
section[data-page="walk"] .grid-panel .what-you-might-see-panel .block-wrapper {padding:60px 0px 120px 0px;}
section[data-page="walk"] .grid-panel .what-you-might-see-panel .title-heading {font-size:22px;font-weight:bold;margin:0;padding:0;margin-bottom:20px;text-transform:capitalize;}
section[data-page="walk"] .grid-panel .what-you-might-see-panel .image {border-radius:15px;overflow:hidden;position:relative;width:100%;aspect-ratio:6/4;}
section[data-page="walk"] .grid-panel .what-you-might-see-panel img {height:100%;width:100%;object-fit:cover;}
section[data-page="walk"] .grid-panel .what-you-might-see-panel a {text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:15px;}
section[data-page="walk"] .grid-panel .what-you-might-see-panel .name {font-weight:bold;font-size:18px;margin-bottom:5px;}
section[data-page="walk"] .grid-panel .what-you-might-see-panel .content {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;font-size:14px;}

/* Events & Projects */
section[data-page="walk"] .nearby-items-panel {grid-column:1 / span 4;position:relative;}
section[data-page="walk"] .nearby-items-panel .block-wrapper {padding:60px 0px 120px 0px;}
section[data-page="walk"] .nearby-items-panel .title-heading {font-size:22px;font-weight:bold;margin:0;padding:0;margin-bottom:20px;text-transform:capitalize;z-index:1;position:relative;}
section[data-page="walk"] .nearby-items-panel .image {border-radius:15px;overflow:hidden;position:relative;width:100%;aspect-ratio:6/4;margin-bottom:15px;}
section[data-page="walk"] .nearby-items-panel .image .tile-type {position:absolute;top:10px;right:10px;z-index:1;background-color:var(--bg);border-radius:5px;padding:5px 10px;font-size:14px;font-weight:600;}
section[data-page="walk"] .nearby-items-panel img {height:100%;width:100%;object-fit:cover;}
section[data-page="walk"] .nearby-items-panel a {text-decoration:none;color:inherit;display:flex;flex-direction:column;}
section[data-page="walk"] .nearby-items-panel .name {font-weight:bold;font-size:18px;}
section[data-page="walk"] .nearby-items-panel .description {display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3;line-clamp:3;margin-top:10px;}
section[data-page="walk"] .nearby-items-panel .readmore {margin-top:auto;padding-top:20px;}
section[data-page="walk"] .nearby-items-panel .splide__slide {display:flex;}
section[data-page="walk"] .nearby-items-panel::before {content:'';position:absolute;width:100vw;height:100%;left: calc(0px - ((100vw - 100%) / 2));top:0;bottom:0;background-color:var(--stone);}
@media (max-width:320px)
{
    section[data-page="walk"] .nearby-items-panel::before {left:-20px;}
}

@media (max-width:1400px)
{
    section[data-page="walk"] .grid-panel .main-information-panel {grid-template-columns:1fr;}
    section[data-page="walk"] .grid-panel .main-information-panel .main-col {grid-column:1;}
    section[data-page="walk"] .grid-panel .main-information-panel .side-col.panel {box-shadow:none;padding:0;border-radius:unset;}
    section[data-page="walk"] .grid-panel .main-information-panel .side-col .section {box-shadow: 0px 3px 6px #00000029;border-radius: 15px;padding: 20px;}
    section[data-page="walk"] .grid-panel .main-information-panel .side-col .section h3 {padding-bottom:0;border-bottom:unset;font-weight:bold;font-size:22px;margin-bottom:5px;}
}

@media (max-width:1200px)
{
    /* Header Change */
    header {position:absolute !important;width:100%;}
    
    /* Grid Order Change */
    section[data-page="walk"] .grid-panel {display:flex;flex-direction:column;}
    section[data-page="walk"] .grid-panel .sliding-cards-panel {order:4;}
    section[data-page="walk"] .grid-panel .images-panel {order:2;}
    section[data-page="walk"] .grid-panel .directions-panel {order:5;}
    section[data-page="walk"] .grid-panel .interactive-panel {order:0;}
    section[data-page="walk"] .grid-panel .info-panel {order:1;}
    section[data-page="walk"] .grid-panel .reviews-panel {order:6;}
    section[data-page="walk"] .grid-panel .info-panel-backpanel {display:none;order:6;}
    section[data-page="walk"] .grid-panel .main-information-panel {order:3;}
    section[data-page="walk"] .grid-panel .what-you-might-see-panel {order:7;}
    section[data-page="walk"] .grid-panel .nearby-items-panel {order:8;}
    
    section[data-page="walk"] .grid-panel .interactive-panel {width:calc(calc(100% + 40px) + calc(100% - min(1640px, calc(100% - 40px))));margin-left:calc(-20px - calc((100% - min(1640px, calc(100% - 40px))) / 2));height:85dvh;border-radius:0px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
    section[data-page="walk"] .grid-panel .info-panel {padding:0;}
    section[data-page="walk"] .grid-panel .info-panel h1 {color:var(--darkBlue);margin-bottom:10px;}
    [data-theme="dark"] section[data-page="walk"] .grid-panel .info-panel h1 {color:#FFF;}
    section[data-page="walk"] .grid-panel .info-panel .info-tiles {position:relative;padding:30px 0px;gap:20px;}
    section[data-page="walk"] .grid-panel .info-panel .info-tiles::before {content:'';position:absolute;display:block;width:100vw;height:100%;left: calc(0px - ((100vw - 100%) / 2));background-color:rgba(84,184,183,0.52);z-index:-1;}
    
    section[data-page="walk"] .grid-panel .images-panel .image {aspect-ratio:1/1;}
    
    section[data-page="walk"] .page-back-button {display:none;}
    
    /* Nav Layout Change - Mobile */
    section[data-page="walk"] .grid-panel .directions-panel {padding-top:40px;padding-bottom:40px;}
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel {padding:0px;display:grid;grid-template-columns:40px 1fr;gap:20px;}
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .number-icon {left:0;top:0;right:0;margin:auto;}
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .number-wrapper {position:relative;}
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .number-wrapper::before {content:'';display:block;width:1px;background-color:#000;height:100%;position:absolute;left:0;right:0;margin:auto;}
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .content-wrapper {display:grid;gap:20px;grid-template-columns: 40% 1fr;align-items:center;padding-bottom:40px;}
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .image {aspect-ratio:4/3;}
    section[data-page="walk"] .grid-panel .directions-panel .navigation-slider {margin-bottom:40px;}
    section[data-page="walk"] .grid-panel .directions-panel .splide__slide:last-child .turn-point-panel .content-wrapper {padding-bottom:0;}
    
    section[data-page="walk"] .grid-panel .what-you-might-see-panel .title-heading {margin-bottom:20px;}
    section[data-page="walk"] .grid-panel .what-you-might-see-panel .block-wrapper {padding:20px 0px 60px 0px;}
    
    section[data-page="walk"] .grid-panel .info-panel .short-description {margin-bottom:10px;margin-top:0;}
    
    section[data-page="walk"] .grid-panel .main-information-panel {margin-top:0px;}
    
    
    section[data-page="walk"] .grid-panel .reviews-panel {margin:20px 0px 40px 0px;}
    section[data-page="walk"] .grid-panel .sliding-cards-panel {margin:20px 0px;}
}

@media (max-width:750px)
{
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .content-wrapper {grid-template-columns:1fr;}
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .image {}
}

@media (max-width:720px)
{
    section[data-page="walk"] .grid-panel .interactive-panel {width:calc(calc(100% + 10px) + calc(100% - min(1640px, calc(100% - 30px))));margin-left:calc(-10px - calc((100% - min(1640px, calc(100% - 20px))) / 2));}
}

@media (max-width:500px)
{
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel {grid-template-columns:25px 1fr;}
    section[data-page="walk"] .grid-panel .directions-panel .turn-point-panel .number-icon {height:25px;width:25px;font-size:15px;padding-top:2px;}
    
    section[data-page="walk"] .grid-panel .images-panel {margin-bottom:20px;}
}

@media (max-width:450px)
{
    section[data-page="walk"] .grid-panel .images-panel .video::after {height:40px;width:40px;}
}

@media (max-width:320px)
{
    section[data-page="walk"] .grid-panel .info-panel .info-tiles::before {left:-20px;}
}

@media (prefers-color-scheme: dark)
{
    section[data-page="walk"] .grid-panel .main-information-panel .panel {background-color:var(--stone);color:var(--defaultTextColour);}
    section[data-page="walk"] .grid-panel .info-panel-backpanel {background-color:var(--stone);}
}

html[data-theme="light"]
{
    section[data-page="walk"] .grid-panel .main-information-panel .panel {background-color:#FFF;}
    section[data-page="walk"] .grid-panel .info-panel-backpanel {background-color:#FFF;}
}

html[data-theme="dark"]
{
    section[data-page="walk"] .grid-panel .main-information-panel .panel {background-color:var(--stone);color:var(--defaultTextColour);}
    section[data-page="walk"] .grid-panel .info-panel-backpanel {background-color:var(--stone);}
}
