@projektemacher/storymapjs 0.10.3 → 0.10.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -2
- package/dist/assets/{demo-rv3vz65J.js → demo-CVQ7kFek.js} +1 -1
- package/dist/assets/{harness-BnQbtq1l.js → harness-C-VZV-ou.js} +1 -1
- package/dist/assets/{main-mUk_qlWN.js → main-DwbXrrYn.js} +2 -2
- package/dist/css/storymap.css +1 -1
- package/dist/demo.html +2 -2
- package/dist/docs/migration.html +19 -4
- package/dist/docs/readme.html +24 -2
- package/dist/examples/assets/zoomify-clamp/TileGroup0/0-0-0.jpg +0 -0
- package/dist/examples/assets/zoomify-clamp/TileGroup0/1-0-0.jpg +0 -0
- package/dist/examples/assets/zoomify-clamp/TileGroup0/1-1-0.jpg +0 -0
- package/dist/examples/assets/zoomify-clamp/TileGroup0/2-0-0.jpg +0 -0
- package/dist/examples/assets/zoomify-clamp/TileGroup0/2-0-1.jpg +0 -0
- package/dist/examples/assets/zoomify-clamp/TileGroup0/2-1-0.jpg +0 -0
- package/dist/examples/assets/zoomify-clamp/TileGroup0/2-1-1.jpg +0 -0
- package/dist/examples/assets/zoomify-clamp/TileGroup0/2-2-0.jpg +0 -0
- package/dist/examples/assets/zoomify-clamp/TileGroup0/2-2-1.jpg +0 -0
- package/dist/examples/scroll-hint.json +59 -0
- package/dist/examples/zoomify-clamp.json +49 -0
- package/dist/harness.html +2 -2
- package/dist/index.html +5 -3
- package/dist/js/storymap.d.ts +42 -6
- package/dist/js/storymap.js +216 -136
- package/dist/js/storymap.js.map +1 -1
- package/package.json +1 -1
- package/schema/storymap.schema.json +5 -1
package/dist/css/storymap.css
CHANGED
|
@@ -7,5 +7,5 @@
|
|
|
7
7
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
8
8
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
9
9
|
|
|
10
|
-
*/.vco-storyjs div *{box-sizing:content-box}.vco-storyjs h1,.vco-storyjs h2,.vco-storyjs h3,.vco-storyjs h4,.vco-storyjs h5,.vco-storyjs h6,.vco-storyjs p,.vco-storyjs blockquote,.vco-storyjs pre,.vco-storyjs a,.vco-storyjs abbr,.vco-storyjs acronym,.vco-storyjs address,.vco-storyjs cite,.vco-storyjs code,.vco-storyjs del,.vco-storyjs dfn,.vco-storyjs em,.vco-storyjs img,.vco-storyjs q,.vco-storyjs s,.vco-storyjs samp,.vco-storyjs small,.vco-storyjs strike,.vco-storyjs strong,.vco-storyjs sub,.vco-storyjs sup,.vco-storyjs tt,.vco-storyjs var,.vco-storyjs dd,.vco-storyjs dl,.vco-storyjs dt,.vco-storyjs li,.vco-storyjs ol,.vco-storyjs ul,.vco-storyjs fieldset,.vco-storyjs form,.vco-storyjs label,.vco-storyjs legend,.vco-storyjs button,.vco-storyjs table,.vco-storyjs caption,.vco-storyjs tbody,.vco-storyjs tfoot,.vco-storyjs thead,.vco-storyjs tr,.vco-storyjs th,.vco-storyjs td,.vco-storyjs .vco-container,.vco-storyjs .content-container,.vco-storyjs .media,.vco-storyjs .text,.vco-storyjs .vco-slider,.vco-storyjs .slider,.vco-storyjs .date,.vco-storyjs .title,.vco-storyjs .message,.vco-storyjs .map,.vco-storyjs .credit,.vco-storyjs .caption,.vco-storyjs .vco-feedback,.vco-storyjs .vco-feature,.vco-storyjs .toolbar,.vco-storyjs .marker,.vco-storyjs .dot,.vco-storyjs .line,.vco-storyjs .flag,.vco-storyjs .time,.vco-storyjs .era,.vco-storyjs .major,.vco-storyjs .minor,.vco-storyjs .vco-navigation,.vco-storyjs .start,.vco-storyjs .active{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;width:auto;float:none}.vco-storyjs h1,.vco-storyjs h2,.vco-storyjs h3,.vco-storyjs h4,.vco-storyjs h5,.vco-storyjs h6{clear:none}.vco-storyjs table{border-collapse:collapse;border-spacing:0}.vco-storyjs ol,.vco-storyjs ul{list-style:none}.vco-storyjs q::before,.vco-storyjs q::after,.vco-storyjs blockquote::before,.vco-storyjs blockquote::after{content:""}.vco-storyjs a:focus{outline:thin dotted}.vco-storyjs a:hover,.vco-storyjs a:active{outline:0}.vco-storyjs article,.vco-storyjs aside,.vco-storyjs details,.vco-storyjs figcaption,.vco-storyjs figure,.vco-storyjs footer,.vco-storyjs header,.vco-storyjs hgroup,.vco-storyjs nav,.vco-storyjs section{display:block}.vco-storyjs audio,.vco-storyjs canvas,.vco-storyjs video{display:inline-block}.vco-storyjs audio:not([controls]){display:none}.vco-storyjs div{max-width:none}.vco-storyjs sub,.vco-storyjs sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.vco-storyjs sup{top:-0.5em}.vco-storyjs sub{bottom:-0.25em}.vco-storyjs button,.vco-storyjs input{line-height:normal}.vco-storyjs button,.vco-storyjs input[type=button],.vco-storyjs input[type=reset],.vco-storyjs input[type=submit]{cursor:pointer;appearance:auto}.vco-storyjs input[type=search]{appearance:textfield}.vco-storyjs input[type=search]::-webkit-search-decoration{appearance:none}.vco-storyjs textarea{overflow:auto;vertical-align:top}.vco-storymap{font-family:"Helvetica Neue",helvetica,arial,sans-serif;--vco-color-text: rgb(45%, 45%, 45%);--vco-color-text-muted: #666666}.vco-storymap h1,.vco-storymap h2,.vco-storymap h3{font-size:36px;line-height:36px}.vco-storymap h1 small,.vco-storymap h2 small,.vco-storymap h3 small{font-size:24px;line-height:24px}.vco-storymap h4,.vco-storymap h5,.vco-storymap h6{font-size:24px;line-height:24px;margin-bottom:0}.vco-storymap h4 small,.vco-storymap h5 small,.vco-storymap h6 small{font-size:15px;line-height:15px}.vco-storymap h2.vco-headline-title{font-size:46px;line-height:46px}.vco-storymap h2.vco-headline-title small{display:block;margin-top:5px}.vco-storymap h2{margin-top:20px;margin-bottom:5px}.vco-storymap p{margin-top:5px;margin-bottom:10px;font-size:15px;color:var(--vco-color-text-muted)}.vco-storymap p a{color:var(--vco-color-text-muted);text-decoration:none;background-image:linear-gradient(to top, fade(#666666, 0%) 50%, fade(#666666, 60%) 50%);background-image:linear-gradient(to bottom, fade(#666666, 0%) 50%, fade(#666666, 60%) 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 17px;text-shadow:-2px -1px 0 #fff,2px -1px 0 #fff,-2px 1px 0 #fff,2px 1px 0 #fff}.vco-storymap p a:hover,.vco-storymap p a:focus{color:#c34528;text-decoration:none}@media(resolution >= 144dpi){.vco-storymap p a{text-decoration:underline;background-image:none;text-shadow:none}.vco-storymap p a:hover,.vco-storymap p a:focus{color:#c34528;text-decoration:underline}}.vco-storymap b,.vco-storymap strong{font-weight:bold}.vco-storymap i,.vco-storymap em{font-style:italic}.vco-storymap a{text-decoration:none;color:#c34528}.vco-storymap a:hover{text-decoration:underline;color:rgb(43.2790988736%,15.3141426783%,8.8777638715%)}.vco-storymap .vco-caption,.vco-storymap .vco-credit,.vco-storymap .vco-slidenav-next,.vco-storymap .vco-slidenav-previous{font-size:11px;line-height:11px}.vco-storymap .vco-caption a,.vco-storymap .vco-credit a,.vco-storymap .vco-slidenav-next a,.vco-storymap .vco-slidenav-previous a{color:#000}.vco-storymap blockquote,.vco-storymap blockquote p{font-family:"Georgia",times new roman,times,serif;color:#999;text-align:left;background:rgba(0,0,0,0);border:0;padding:0}.vco-storymap blockquote cite,.vco-storymap blockquote p cite{font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:11px;text-align:right;font-style:normal}.vco-storymap blockquote cite::before,.vco-storymap blockquote p cite::before{content:"—"}.vco-storymap blockquote p::before{content:open-quote;display:inline-block;position:relative;top:8px;margin-right:5px}.vco-storymap blockquote p::after{content:close-quote;margin-left:3px}.vco-storymap blockquote{margin:10px}.vco-storymap blockquote p{margin:0}.vco-storymap .vcard{font-family:"Helvetica Neue",helvetica,arial,sans-serif;line-height:15px}.vco-storymap .vco-text ul{padding:0;padding-left:30px}.vco-storymap .vco-text ul li{margin-bottom:5px}.vco-storymap .vco-note{display:block;line-height:17px;padding:10px;border-radius:7px;color:#8a6d3b;background-color:#fcf8e3;border:1px solid #faebcc}@media only screen and (width <= 800px),only screen and (device-width <= 800px){.vco-storymap h1,.vco-storymap h2,.vco-storymap h3{font-size:36px;line-height:36px}}@media only screen and (width <= 500px),only screen and (device-width <= 500px){.vco-storymap h1,.vco-storymap h2,.vco-storymap h3{font-size:32px;line-height:32px}}.vco-skinny h2{margin-top:0;padding-top:20px}@font-face{font-family:vco-icons;src:url("/css/icons/vco-icons.woff2") format("woff2"),url("/css/icons/vco-icons.woff") format("woff"),url("/css/icons/vco-icons.ttf") format("truetype");font-weight:normal;font-style:normal}[class^=vco-icon-],[class*=" vco-icon-"]{font-family:vco-icons;speak:none;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vco-icon-wikipedia::after{content:""}.vco-icon-chevron-right::after{content:""}.vco-icon-chevron-left::after{content:""}.vco-icon-youtube-logo::after{content:""}.vco-icon-foursquare::after{content:""}.vco-icon-camera-retro::after{content:""}.vco-icon-doc::after{content:""}.vco-icon-weibo::after{content:""}.vco-icon-resize-horizontal::after{content:""}.vco-icon-resize-vertical::after{content:""}.vco-icon-resize-full::after{content:""}.vco-icon-resize-small::after{content:""}.vco-icon-twitter::after{content:""}.vco-icon-google-plus::after{content:""}.vco-icon-video::after{content:""}.vco-icon-plaintext::after{content:""}.vco-icon-image-v2::after{content:""}.vco-icon-quote-v2::after{content:""}.vco-icon-zoom-in::after{content:""}.vco-icon-zoom-out::after{content:""}.vco-icon-list::after{content:""}.vco-icon-music::after{content:""}.vco-icon-location::after{content:""}.vco-icon-web::after{content:""}.vco-icon-share-v2::after{content:""}.vco-icon-soundcloud::after{content:""}.vco-icon-video-v2::after{content:""}.vco-icon-youtube::after{content:""}.vco-icon-tumblr::after{content:""}.vco-icon-lastfm::after{content:""}.vco-icon-github::after{content:""}.vco-icon-goback::after{content:""}.vco-icon-doc-v2::after{content:""}.vco-icon-googledrive::after{content:""}.vco-icon-facebook::after{content:""}.vco-icon-flickr::after{content:""}.vco-icon-dribbble::after{content:""}.vco-icon-image::after{content:""}.vco-icon-vimeo::after{content:""}.vco-icon-instagram::after{content:""}.vco-icon-pinterest::after{content:""}.vco-icon-arrow-left::after{content:""}.vco-icon-arrow-down::after{content:""}.vco-icon-arrow-up::after{content:""}.vco-icon-arrow-right::after{content:""}.vco-icon-share::after{content:""}.vco-icon-blockquote::after{content:""}.vco-icon-evernote::after{content:""}.vco-icon-mappin::after{content:""}.vco-icon-swipe-right::after{content:""}.vco-icon-swipe-left::after{content:""}.vco-icon-touch-spread::after{content:""}.vco-icon-touch-pinch::after{content:""}.vco-menubar{position:absolute;z-index:11;text-align:left;overflow:hidden;border-bottom:1px solid hsl(0,0%,90%);border-right:1px solid hsl(0,0%,90%);border-bottom-right-radius:7px;left:0}.vco-menubar .vco-menubar-button:first-child{border-left:0}.vco-menubar-button{border-left:1px solid hsl(0,0%,90%);font-size:14px;padding:6px 12px;background-color:fadeout(rgb(85%, 85%, 85%), 10%);background-color:#fff;cursor:pointer;font-weight:bold;color:hsl(0,0%,45%)}.vco-menubar-button .vco-icon-arrow-up,.vco-menubar-button .vco-icon-arrow-down{display:inline-block;height:14px;overflow:hidden;font-size:20px;position:relative;top:-2px}.vco-menubar-button:hover{background:#c34528;color:#fff}.vco-mobile .vco-menubar-button:hover{background-color:fadeout(rgb(85%, 85%, 85%), 33%);color:hsl(0,0%,45%)}.vco-mobile .vco-menubar-button:active{background:#c34528;color:#fff}@keyframes invert-to-black{from{background-color:#fff}to{background-color:#000}}@keyframes invert-to-white{from{background-color:#000}to{background-color:#fff}}.vco-menubar-progress{display:inline-block;width:80px;height:6px;margin:0 12px;vertical-align:middle;background-color:hsl(0,0%,90%);border-radius:3px;overflow:hidden}.vco-menubar-progress .vco-menubar-progress-fill{display:block;height:100%;width:0;background-color:#c34528;border-radius:3px}.vco-menubar-distance{display:inline-block;margin:0 12px;vertical-align:middle;font-size:11px;color:#000}.vco-message,.vco-message-full{width:100%;height:100%;position:absolute;display:table;overflow:hidden;top:0;left:0;z-index:99;margin:auto;text-align:center}.vco-message .vco-message-container,.vco-message-full .vco-message-container{padding:20px;margin:20px;text-align:center;vertical-align:middle;display:table-cell}.vco-message .vco-message-container .vco-message-content,.vco-message-full .vco-message-container .vco-message-content{color:#666;text-align:center;font-size:11px;line-height:13px;text-transform:uppercase;margin-top:7.5px;margin-bottom:7.5px;text-shadow:1px 1px 1px #fff}.vco-message .vco-message-container .vco-loading-icon,.vco-message-full .vco-message-container .vco-loading-icon{width:30px;height:30px;background-color:#666;vertical-align:middle;box-shadow:inset 0 1px 2px rgba(255,255,255,.1);margin-left:auto;margin-right:auto;animation:rotateplane 1.2s infinite ease-in-out}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.vco-message-full{background-color:rgba(51,51,51,.8)}.vco-message-full [class^=vco-icon-],.vco-message-full [class*=" vco-icon-"]{color:#fff;font-size:72px}.vco-message-full .vco-message-container .vco-message-content{font-size:22px;line-height:22px;text-shadow:none;color:#fff;text-transform:none;font-weight:bold}.vco-message-full .vco-message-container .vco-message-content .vco-button{display:inline-block;cursor:pointer;background-color:#fff;color:#333;padding:10px;margin-top:10px;border-radius:7px}.vco-consent{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background-color:rgba(255,255,255,.94);font-family:"Helvetica Neue",helvetica,arial,sans-serif;text-align:center}.vco-consent .vco-consent-title{margin:0;font-weight:bold;color:#333}.vco-consent .vco-consent-message{margin:0;color:#000}.vco-consent .vco-consent-buttons{display:flex;gap:10px;margin-top:6px}.vco-consent .vco-consent-buttons button{padding:8px 18px;border:1px solid #000;border-radius:4px;background-color:rgba(0,0,0,0);color:#000;font-family:"Helvetica Neue",helvetica,arial,sans-serif;cursor:pointer}.vco-consent .vco-consent-buttons button:hover{background-color:#000;color:#fff}.vco-consent .vco-consent-buttons button.vco-consent-allow{background-color:#c34528;border-color:#c34528;color:#fff}.vco-consent .vco-consent-buttons button.vco-consent-allow:hover{background-color:rgb(51.576971214%,18.2503128911%,10.5798915311%);border-color:rgb(51.576971214%,18.2503128911%,10.5798915311%)}.vco-consent-blocked{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;padding:20px;background-color:#fff;color:#000;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:15px;text-align:center}.vco-slide{position:absolute;width:100%;height:100%;padding:0;margin:0;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:#c34528 rgba(0,0,0,0)}.vco-slide::-webkit-scrollbar{width:8px}.vco-slide::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.vco-slide::-webkit-scrollbar-thumb{background-color:#c34528;border-radius:4px}.vco-slide .vco-slide-calltoaction{cursor:pointer;font-weight:bold;padding-top:10px;margin-bottom:10px;padding-bottom:10px}.vco-slide .vco-slide-calltoaction .vco-slide-calltoaction-button-text{display:inline-block;background-color:#c34528;color:#fff;padding:10px 15px;border-radius:7px}.vco-slide .vco-slide-calltoaction:hover .vco-slide-calltoaction-button-text{background-color:rgb(51.576971214%,18.2503128911%,10.5798915311%);color:#fff}.vco-slide .vco-slide-background{background-color:var(--vco-color-text-background, #fff);background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;overflow:hidden;display:none;opacity:.5}.vco-slide .vco-slide-scrollable-container{display:table;table-layout:fixed;height:100%;z-index:1}.vco-slide .vco-slide-content-container{display:table-cell;vertical-align:middle;position:relative;z-index:3}.vco-slide .vco-slide-content-container .vco-slide-content{vertical-align:middle;padding-left:100px;padding-right:100px;position:relative;max-width:100%}.vco-slide .vco-slide-content-container .vco-slide-content .vco-media{position:relative;width:100%;min-width:50%;float:left;margin-top:auto;margin-bottom:auto}.vco-slide .vco-slide-content-container .vco-slide-content .vco-text{width:50%;max-width:50%;min-width:120px;padding:0 20px;display:table-cell;vertical-align:middle;text-align:left}.vco-slide .vco-slide-content-container .vco-slide-content .vco-text .vco-slide-calltoaction{width:100%}.vco-mobile .vco-slide{scrollbar-width:auto}.vco-mobile .vco-slide::-webkit-scrollbar{width:14px}.vco-mobile .vco-slide::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.vco-mobile .vco-slide::-webkit-scrollbar-thumb{background-color:#c34528;border-radius:7px}.vco-slide-media-only .vco-slide-content-container .vco-slide-content{text-align:center}.vco-slide-media-only .vco-slide-content-container .vco-slide-content .vco-media{text-align:center;max-width:100%;float:none}.vco-slide-media-only .vco-slide-content-container .vco-slide-content .vco-text{display:block;margin-left:auto;margin-right:auto}.vco-slide-media-only .vco-slide-content-container .vco-slide-content .vco-text h2{margin-top:20px;margin-bottom:20px}.vco-slide-text-only .vco-slide-content-container .vco-slide-content .vco-text{max-width:80%;width:80%}.vco-slide.vco-full-image-background,.vco-slide.vco-full-color-background{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background p,.vco-slide.vco-full-image-background h1,.vco-slide.vco-full-image-background h2,.vco-slide.vco-full-image-background h3,.vco-slide.vco-full-image-background h4,.vco-slide.vco-full-image-background h5,.vco-slide.vco-full-image-background h6,.vco-slide.vco-full-color-background p,.vco-slide.vco-full-color-background h1,.vco-slide.vco-full-color-background h2,.vco-slide.vco-full-color-background h3,.vco-slide.vco-full-color-background h4,.vco-slide.vco-full-color-background h5,.vco-slide.vco-full-color-background h6{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background a,.vco-slide.vco-full-image-background a:hover,.vco-slide.vco-full-image-background b,.vco-slide.vco-full-image-background i,.vco-slide.vco-full-image-background blockquote,.vco-slide.vco-full-image-background blockquote p,.vco-slide.vco-full-color-background a,.vco-slide.vco-full-color-background a:hover,.vco-slide.vco-full-color-background b,.vco-slide.vco-full-color-background i,.vco-slide.vco-full-color-background blockquote,.vco-slide.vco-full-color-background blockquote p{color:#fff !important;text-shadow:1px 1px 1px #000 !important;color:hsl(11.2258064516,65.9574468085%,136.0784313725%)}.vco-slide.vco-full-image-background .vco-caption,.vco-slide.vco-full-image-background .vco-credit,.vco-slide.vco-full-color-background .vco-caption,.vco-slide.vco-full-color-background .vco-credit{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background .vco-media-twitter blockquote,.vco-slide.vco-full-image-background .vco-media-blockquote blockquote,.vco-slide.vco-full-color-background .vco-media-twitter blockquote,.vco-slide.vco-full-color-background .vco-media-blockquote blockquote{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background .vco-media-twitter blockquote p,.vco-slide.vco-full-image-background .vco-media-blockquote blockquote p,.vco-slide.vco-full-color-background .vco-media-twitter blockquote p,.vco-slide.vco-full-color-background .vco-media-blockquote blockquote p{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background .vcard a,.vco-slide.vco-full-image-background .vcard .nickname,.vco-slide.vco-full-color-background .vcard a,.vco-slide.vco-full-color-background .vcard .nickname{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background{background:no-repeat center center;background-size:cover;background-position:center 25%;text-shadow:1px 1px 2px #000}.vco-slide.vco-full-image-background p,.vco-slide.vco-full-image-background h1,.vco-slide.vco-full-image-background h2,.vco-slide.vco-full-image-background h3,.vco-slide.vco-full-image-background h4,.vco-slide.vco-full-image-background h5,.vco-slide.vco-full-image-background h6{text-shadow:1px 1px 2px #000}.vco-slide.vco-full-image-background .vco-media-twitter blockquote,.vco-slide.vco-full-image-background .vco-media-blockquote blockquote{text-shadow:1px 1px 2px #000 !important}.vco-slide.vco-full-image-background .vco-media-twitter blockquote p,.vco-slide.vco-full-image-background .vco-media-blockquote blockquote p{text-shadow:1px 1px 2px #000 !important}.vco-text-content-container.vco-text-align-center{text-align:center}.vco-text-content-container.vco-text-align-right{text-align:right}.vco-slide.vco-text-background .vco-text .vco-text-content-container{padding:20px;background:#000 rgba(0,0,0,0);background:rgba(0,0,0,.6);border-radius:7px}.vco-slide.vco-text-background .vco-text .vco-text-content-container h2{margin-top:5px}.vco-layout-landscape .vco-slide .vco-slide-content-container .vco-slide-content .vco-media{display:block;vertical-align:baseline;height:auto;max-height:50%}.vco-layout-landscape .vco-slide .vco-slide-content-container .vco-slide-content .vco-text{max-width:100%;min-width:0;float:none;padding:0}.vco-skinny .vco-slide{display:block}.vco-skinny .vco-slide .vco-slide-content-container{display:block;position:static;height:auto;vertical-align:baseline}.vco-skinny .vco-slide .vco-slide-content-container .vco-slide-content{position:static;vertical-align:baseline;height:auto}.vco-skinny .vco-slide .vco-slide-content-container .vco-slide-content .vco-media{position:static}.vco-skinny .vco-slide .vco-slide-content-container .vco-slide-content .vco-text .vco-text-content-container{padding-left:10px;padding-right:10px;padding-bottom:10px}.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media img,.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media embed,.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media object,.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media video,.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media iframe{max-height:175px}.vco-slidenav-previous,.vco-slidenav-next{position:absolute;top:45%;z-index:10;cursor:pointer}.vco-slidenav-previous .vco-slidenav-content-container,.vco-slidenav-next .vco-slidenav-content-container{height:200px;width:0;position:absolute}.vco-slidenav-previous .vco-slidenav-title,.vco-slidenav-previous .vco-slidenav-description,.vco-slidenav-next .vco-slidenav-title,.vco-slidenav-next .vco-slidenav-description{width:100%;word-break:break-all;overflow-wrap:anywhere;hyphens:auto;opacity:.15}.vco-slidenav-previous .vco-slidenav-title,.vco-slidenav-next .vco-slidenav-title{margin-top:10px;font-size:11px;line-height:11px}.vco-slidenav-next .vco-slidenav-icon,.vco-slidenav-previous .vco-slidenav-icon{padding:10px;min-width:24px;margin:-10px -10px -5px}.vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-icon,.vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-title,.vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-description,.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-icon,.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-title,.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-description{text-shadow:1px 1px 1px #fff;color:#fff}.vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,.vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,.vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description,.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description{color:#333;text-shadow:1px 1px 1px #333}.vco-slidenav-next .vco-slidenav-icon,.vco-slidenav-previous .vco-slidenav-icon{font-family:vco-icons,sans-serif;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:32px;margin-bottom:5px}.vco-slidenav-next:hover .vco-slidenav-title,.vco-slidenav-next:hover .vco-slidenav-description,.vco-slidenav-previous:hover .vco-slidenav-title,.vco-slidenav-previous:hover .vco-slidenav-description{opacity:1}.vco-slidenav-next{text-align:right;margin-right:10px;right:100px}.vco-slidenav-next .vco-slidenav-icon{margin-left:76px}.vco-slidenav-next .vco-slidenav-icon::before{content:""}.vco-slidenav-next:hover .vco-slidenav-icon{margin-left:80px}.vco-slidenav-previous{text-align:left}.vco-slidenav-previous .vco-slidenav-icon{margin-left:0}.vco-slidenav-previous .vco-slidenav-icon::before{content:""}.vco-slidenav-previous:hover .vco-slidenav-icon{margin-left:-4px}.vco-skinny .vco-slidenav-next{right:32px}.vco-skinny .vco-slidenav-next .vco-slidenav-icon{margin-left:8px}.vco-skinny .vco-slidenav-next:hover .vco-slidenav-icon{margin-left:12px;opacity:1}.vco-skinny .vco-slidenav-previous:hover .vco-slidenav-icon{margin-left:-4px;opacity:1}.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container,.vco-skinny .vco-slidenav-next .vco-slidenav-content-container{width:32px;height:32px}.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description,.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description{color:#fff}.vco-skinny .vco-slidenav-previous .vco-slidenav-title,.vco-skinny .vco-slidenav-previous .vco-slidenav-description,.vco-skinny .vco-slidenav-next .vco-slidenav-title,.vco-skinny .vco-slidenav-next .vco-slidenav-description{display:none}.vco-skinny .vco-slidenav-previous .vco-slidenav-icon,.vco-skinny .vco-slidenav-next .vco-slidenav-icon{opacity:.33}.vco-layout-landscape.vco-mobile .vco-slidenav-next:hover{right:70px}.vco-layout-landscape.vco-mobile .vco-slidenav-next:hover .vco-slidenav-icon{margin-left:8px;opacity:1}.vco-layout-landscape.vco-mobile .vco-slidenav-next:active .vco-slidenav-icon{margin-left:0;opacity:1}.vco-layout-landscape.vco-mobile .vco-slidenav-previous:hover .vco-slidenav-icon{margin-left:80px;opacity:1}.vco-layout-landscape.vco-mobile .vco-slidenav-previous:active .vco-slidenav-icon{opacity:1}.vco-layout-portrait.vco-mobile .vco-slidenav-next:hover .vco-slidenav-icon,.vco-layout-portrait.vco-mobile .vco-slidenav-previous:hover .vco-slidenav-icon{opacity:.33}.vco-layout-portrait.vco-mobile .vco-slidenav-next:active .vco-slidenav-icon,.vco-layout-portrait.vco-mobile .vco-slidenav-previous:active .vco-slidenav-icon{opacity:1}.vco-mobile .vco-slidenav-previous,.vco-mobile .vco-slidenav-next,.vco-skinny.vco-mobile .vco-slidenav-previous,.vco-skinny.vco-mobile .vco-slidenav-next,.vco-skinny.vco-layout-landscape.vco-mobile .vco-slidenav-previous,.vco-skinny.vco-layout-landscape.vco-mobile .vco-slidenav-next,.vco-skinny.vco-layout-portrait.vco-mobile .vco-slidenav-previous,.vco-skinny.vco-layout-portrait.vco-mobile .vco-slidenav-next{display:none}.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon::before,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon::before{background-color:#333;padding:20px;border:1px solid hsl(0,0%,70%)}.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon,.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-title,.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-description,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-title,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-description{text-shadow:none}.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-title,.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-description,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-title,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-description{display:none}.vco-layout-landscape .vco-storyslider .vco-slidenav-previous{left:-100%;margin-left:0}.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon::before{border-bottom-right-radius:7px;border-top-right-radius:7px;margin-left:-10px}.vco-layout-landscape .vco-storyslider .vco-slidenav-previous:hover .vco-slidenav-icon{margin-left:-4px}.vco-layout-landscape .vco-storyslider .vco-slidenav-next{right:130px}.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon::before{border-bottom-left-radius:7px;border-top-left-radius:7px}.vco-storyslider{width:100%;height:100%;overflow:hidden;user-select:none;position:relative}.vco-storyslider img,.vco-storyslider embed,.vco-storyslider object,.vco-storyslider video,.vco-storyslider iframe{max-width:100%;position:relative}.vco-storyslider .vco-slider-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vco-storyslider .vco-slider-touch-mask{z-index:25;top:0;left:0}.vco-storyslider .vco-slider-container-mask{text-align:center;z-index:5}.vco-storyslider .vco-slider-container-mask .vco-slider-container{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vco-storyslider .vco-slider-container-mask .vco-slider-container .vco-slider-item-container{width:100%;height:100%;display:table-cell;vertical-align:middle}.vco-media{width:100%;min-width:50%;height:100%;margin-top:auto;margin-bottom:auto;position:relative}.vco-media .vco-message{position:relative}.vco-media .vco-media-content-container .vco-media-content{position:relative}.vco-media .vco-media-content-container .vco-media-content::before,.vco-media .vco-media-content-container .vco-media-content::after{display:table;content:""}.vco-media .vco-media-content-container .vco-media-content::after{clear:both}.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror p{color:hsl(0,0%,85%)}.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror p span{color:hsl(0,0%,85%)}.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror p{text-align:center}.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror [class^=vco-icon-],.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror [class*=" vco-icon-"]{font-size:36px}.vco-media .vco-media-content-container .vco-media-content img,.vco-media .vco-media-content-container .vco-media-content embed,.vco-media .vco-media-content-container .vco-media-content object,.vco-media .vco-media-content-container .vco-media-content video{max-width:100%;max-height:100%}.vco-media-shadow{z-index:1;box-shadow:1px 1px 7px rgba(0,0,0,.5)}.vcard::before,.vcard::after{display:table;content:""}.vcard::after{clear:both}.vcard{margin-bottom:15px;margin-top:10px}.vcard .twitter-date{text-align:left;font-size:11px}.vcard .author{float:right}.vcard a{color:#333;text-decoration:none}.vcard a:hover .fn,.vcard a:hover .nickname{color:#c34528}.vcard .fn,.vcard .nickname{padding-left:42px}.vcard .fn{display:block;font-weight:bold}.vcard .nickname{margin-top:1px;color:#666}.vcard .avatar{float:left;width:32px;height:32px}.vcard .avatar img{border-radius:5px}.vco-slide.vco-full-image-background a,.vco-slide.vco-full-image-background .vcard a,.vco-slide.vco-full-color-background a,.vco-slide.vco-full-color-background .vcard a{color:#fff !important;text-shadow:1px 1px 1px #000 !important;color:hsl(11.2258064516,65.9574468085%,136.0784313725%)}.vco-credit{color:#999;text-align:right;display:block;margin:0 auto;margin-top:6px;font-size:10px;line-height:13px}.vco-caption{text-align:left;margin-right:auto;margin-left:auto;color:#666;font-size:11px;line-height:14px;text-rendering:optimizelegibility;overflow-wrap:break-word}.vco-full-image-background .vco-media-shadow::before,.vco-full-image-background .vco-media-shadow::after,.vco-full-color-background .vco-media-shadow::before,.vco-full-color-background .vco-media-shadow::after{background:none;box-shadow:0 0 0 #000}@media only screen and (width <= 500px),only screen and (device-width <= 500px){.vco-media{width:100%;height:auto;float:none}}.vco-skinny .vco-media .vco-media-content-container .vco-credit,.vco-skinny .vco-media .vco-media-content-container .vco-caption{margin-top:2px;padding-left:10px;padding-right:10px;font-size:8px}.vco-skinny .vco-media .vco-media-content-container .vco-credit{margin-top:0}.vco-text{width:50%;max-width:50%;min-width:120px;padding:0 20px;display:table-cell;display:block;vertical-align:middle;text-align:left;text-shadow:none;color:var(--vco-color-text, rgb(45%, 45%, 45%))}.vco-text p{color:var(--vco-color-text, rgb(45%, 45%, 45%))}.vco-text h2.vco-headline-title,.vco-text h2.vco-headline{margin-top:0;color:var(--vco-color-text, #000)}.vco-text .vco-headline-date,.vco-text h3.vco-headline-date{font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:15px;line-height:15px;font-weight:normal;margin:0 0 2px;color:hsl(0,0%,70%)}.vco-text .vco-headline-date small,.vco-text h3.vco-headline-date small{font-size:15px;line-height:15px;font-weight:normal;color:hsl(0,0%,70%)}.vco-text .vco-text-date{display:inline-block;margin-top:10px;font-size:12px}.vco-full-image-background .vco-text,.vco-full-image-background .vco-text p,.vco-full-color-background .vco-text,.vco-full-color-background .vco-text p{color:hsl(0,0%,67%) !important;text-shadow:1px 1px 2px #000}.vco-full-image-background .vco-text .vco-headline-date,.vco-full-image-background .vco-text h3.vco-headline-date,.vco-full-image-background .vco-text p .vco-headline-date,.vco-full-image-background .vco-text p h3.vco-headline-date,.vco-full-color-background .vco-text .vco-headline-date,.vco-full-color-background .vco-text h3.vco-headline-date,.vco-full-color-background .vco-text p .vco-headline-date,.vco-full-color-background .vco-text p h3.vco-headline-date{color:hsl(0,0%,67%) !important}.vco-full-image-background .vco-text .vco-headline-date small,.vco-full-image-background .vco-text h3.vco-headline-date small,.vco-full-image-background .vco-text p .vco-headline-date small,.vco-full-image-background .vco-text p h3.vco-headline-date small,.vco-full-color-background .vco-text .vco-headline-date small,.vco-full-color-background .vco-text h3.vco-headline-date small,.vco-full-color-background .vco-text p .vco-headline-date small,.vco-full-color-background .vco-text p h3.vco-headline-date small{color:hsl(0,0%,67%) !important}.vco-skinny .vco-text{width:100%;max-width:100%;min-width:auto;float:none;margin-top:20px}.vco-media .vco-media-image{width:auto !important}.vco-mobile.vco-skinny .vco-media .vco-media-image{max-height:250px !important}.vco-media .vco-media-twitter{text-align:left;clear:both}.vco-media .vco-media-twitter blockquote{margin:0;margin-right:15px;font-size:15px;line-height:21px;color:#333}.vco-media .vco-media-twitter blockquote p{font-size:36px;line-height:39px;color:#000}.vco-media .vco-media-twitter blockquote p::before{display:none}.vco-media .vco-media-twitter .vco-icon-twitter{color:#55acee}.vco-media .vco-media-twitter .vcard a:hover,.vco-media .vco-media-twitter .vcard a.vco-date:hover{text-decoration:none;color:#55acee}.vco-media .vco-media-twitter .vcard a:hover .fn,.vco-media .vco-media-twitter .vcard a:hover .nickname,.vco-media .vco-media-twitter .vcard a.vco-date:hover .fn,.vco-media .vco-media-twitter .vcard a.vco-date:hover .nickname{color:#55acee}.vco-slide-media-only .vco-media .vco-media-twitter{width:80%;margin-left:auto;margin-right:auto}.vco-mobile.vco-skinny .vco-media .vco-media-twitter blockquote p{font-size:15px;line-height:21px}.vco-skinny .vco-media .vco-media-twitter{margin-left:10px;margin-right:10px}.vco-skinny .vco-media .vco-media-twitter blockquote p{font-size:24px;line-height:26px}.vco-media .vco-media-blockquote{text-align:left;clear:both}.vco-media .vco-media-blockquote blockquote{margin:0;margin-right:15px;text-align:left}.vco-media .vco-media-blockquote blockquote p{font-size:36px;line-height:39px}.vco-media .vco-media-blockquote blockquote cite{font-size:15px;line-height:21px;color:#333;text-align:right}.vco-media .vco-media-blockquote blockquote p::before{content:open-quote;display:inline-block;margin-right:5px}.vco-media .vco-media-blockquote blockquote p::after{content:close-quote;margin-left:3px}.vco-slide-media-only .vco-media .vco-media-blockquote{width:80%;margin-left:auto;margin-right:auto}@media only screen and (width <= 800px),only screen and (device-width <= 800px){.vco-media .vco-media-blockquote blockquote p{font-size:24px;line-height:26px}}@media only screen and (width <= 500px),only screen and (device-width <= 500px){.vco-media .vco-media-blockquote blockquote p{font-size:15px;line-height:21px}}.vco-mobile.vco-skinny .vco-media .vco-media-instagram{max-height:250px !important}.vco-media .vco-media-profile{border-radius:50%}.vco-media .vco-media-iframe{width:100%;height:100%}.vco-media .vco-media-iframe iframe{width:100%;height:100%}.vco-media .vco-media-wikipedia{text-align:left;margin-left:auto;margin-right:auto;clear:both}.vco-media .vco-media-wikipedia .wiki-source{font-size:13px;line-height:19px;font-style:italic}.vco-media .vco-media-wikipedia h4{margin-top:0;margin-bottom:0}.vco-media .vco-media-wikipedia h4 a{color:#000;text-decoration:none}.vco-media .vco-media-wikipedia h4 a:hover{text-decoration:underline}.vco-slide.vco-full-image-background .vco-media .vco-media-wikipedia,.vco-slide.vco-full-color-background .vco-media .vco-media-wikipedia{padding:20px;background:#000 rgba(0,0,0,0);background:rgba(0,0,0,.6);border-radius:7px}.vco-slide.vco-full-image-background .vco-media .vco-media-wikipedia h4 a,.vco-slide.vco-full-color-background .vco-media .vco-media-wikipedia h4 a{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-mobile.vco-skinny .vco-media .vco-media-wikipedia{margin-left:10px;margin-right:10px}.vco-map .ol-overlaycontainer{z-index:1}.vco-map .vco-mapmarker,.vco-map .vco-mapmarker-active,.vco-map .vco-mapmarker-custom,.vco-map .vco-mapmarker-image-icon,.vco-map .vco-mapmarker-image-icon-active{cursor:pointer}.vco-map .ol-overlaycontainer-stopevent{z-index:auto}.vco-map .vco-map-attribution{position:absolute;bottom:0;right:0;background-color:rgba(255,255,255,.75);font-size:10px;padding:1px 4px;z-index:1000}.vco-map .vco-map-attribution a{color:#666;text-decoration:none}.vco-map .vco-map-attribution .vco-knightlab-brand,.vco-map .vco-map-attribution a.vco-knightlab-brand{margin-right:5px;text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 5px #fff;font-size:14px;font-weight:bold;filter:grayscale(1);opacity:.5}.vco-map .vco-map-attribution .vco-knightlab-brand img,.vco-map .vco-map-attribution a.vco-knightlab-brand img{filter:grayscale(1);opacity:.5}.vco-map .vco-map-attribution .vco-knightlab-brand span,.vco-map .vco-map-attribution a.vco-knightlab-brand span{color:#c34528;display:inline-block;transform:rotate(45deg)}.vco-map .vco-map-attribution .vco-knightlab-brand:hover,.vco-map .vco-map-attribution a.vco-knightlab-brand:hover{text-decoration:none;color:rgb(86.750104297%,45.0129328327%,35.4067584481%)}.vco-map .ol-overviewmap{left:8px;top:40px;bottom:auto}.vco-map .ol-overviewmap .ol-overviewmap-map{border:none;width:150px;height:100px}.vco-map .ol-overviewmap button{background-color:rgba(0,0,0,.4)}.vco-layout-landscape .vco-map .vco-map-attribution{bottom:0}.vco-skinny .vco-map .ol-viewport{touch-action:pan-y}.vco-skinny .vco-map-attribution{font-size:8px}.vco-skinny .vco-map-attribution .vco-knightlab-brand,.vco-skinny .vco-map-attribution a.vco-knightlab-brand{font-size:12px}.vco-map .vco-mapmarker,.vco-map .vco-mapmarker-active{font-family:vco-icons,sans-serif;speak:none;font-style:normal;font-weight:normal;font-variant:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:38px !important;height:52px !important}.vco-map .vco-mapmarker::before,.vco-map .vco-mapmarker-active::before{content:"";font-size:52px;text-shadow:rgba(0,0,0,.66) 0 2px 5px}.vco-map .vco-mapmarker,.vco-map .vco-mapmarker-active{padding:4px;margin:-4px}.vco-map .vco-mapmarker{color:#a5a5a5}.vco-map .vco-mapmarker-active{color:#c34528}.vco-map .vco-mapmarker-custom{cursor:pointer}.vco-map .vco-mapmarker-custom::before{content:none}.vco-map .vco-mapmarker-image-icon,.vco-map .vco-mapmarker-image-icon-active{border:2px solid #a5a5a5;box-shadow:2px 2px 2px #000;opacity:1}.vco-map .vco-mapmarker-image-icon{filter:grayscale(100%)}.vco-map .vco-mapmarker-image-icon-active{border:4px solid #c34528;filter:grayscale(0)}.vco-map .vco-marker-label{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:6px;padding:3px 8px;white-space:nowrap;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:12px;font-weight:bold;color:hsl(0,0%,45%);background-color:#fff;border:1px solid #c34528;border-radius:4px;box-shadow:2px 2px 2px rgba(0,0,0,.3);pointer-events:none}.vco-map .vco-mapmarker-icon::after{font-size:24px;color:#fff;text-align:center;width:38px;height:24px;overflow:hidden;display:block;position:absolute;top:8px;left:0;opacity:.75}.vco-map .vco-mapmarker-active.vco-mapmarker-icon::after{opacity:1}.vco-map .vco-icon-wikipedia::after{font-size:16px;top:12px}.vco-map .vco-icon-image::after{top:6px}.vco-map .vco-mapimage-display:hover .vco-mapmarker,.vco-map .vco-mapimage-display:hover .vco-mapmarker-active{display:block}.vco-map .vco-mapimage-display .vco-mapmarker,.vco-map .vco-mapimage-display .vco-mapmarker-active{display:none}.vco-map{height:100%;overflow:hidden;top:0;background-color:#333}.vco-map .vco-map-mask{width:100%;height:100%;overflow:hidden}.vco-map .vco-map-mask .vco-map-display{width:100%;height:100%}.vco-storymap h2.vco-headline-title .vco-snapmap-instagram,.vco-storymap h2.vco-headline-title .vco-snapmap-flickr{text-align:center;display:block;text-transform:none !important}.vco-storymap h2.vco-headline-title .vco-snapmap-instagram a,.vco-storymap h2.vco-headline-title .vco-snapmap-flickr a{color:#666}.vco-storymap .vco-media-instagram-likes{display:inline-block;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-weight:bold;margin-top:10px;font-size:12px;color:#666}.vco-storymap .vco-media-instagram-likes::after{content:"Likes";margin-left:3px;color:#999;margin-right:10px}.vco-storymap .vco-snapmap-user-description,.vco-storymap .vco-snapmap-user-location{display:block}.vco-storymap .vco-snapmap-instagram-text{text-align:center;display:none}.vco-storymap .vco-snapmap-instagram-text a{color:#000}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-posts,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-followed-by,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-follows,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website a{display:inline-block;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-weight:bold;margin-top:10px;font-size:12px;margin-left:20px}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-posts::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-followed-by::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-follows::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website a::after{margin-left:3px;color:#999;font-weight:normal}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-posts::after{content:"Posts"}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-followed-by::after{content:"Followers"}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-follows::after{content:"Following"}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website a{margin:0}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website a::after{margin-left:0}.vco-storymap .vco-snapmap-flickr-views::after{content:"Views"}.vco-storymap{width:100%;height:100%;font-size:16px;line-height:normal;overflow:hidden;position:relative;user-select:none}.vco-storymap:fullscreen{width:100%;height:100%;background-color:#fff}.vco-storymap *,.vco-storymap *::before,.vco-storymap *::after{box-sizing:content-box}.vco-layout-portrait .vco-storyslider{padding-top:10px;box-shadow:0 -3px 6px rgba(0,0,0,.2)}.vco-layout-landscape .vco-storyslider{padding-top:0;position:absolute;width:50%;left:50%;overflow:visible}.vco-layout-landscape .vco-storyslider .vco-slider-background{margin-left:-20%;width:120%;overflow:hidden;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.85) 15%)}.vco-layout-landscape .vco-storyslider .vco-slider-container-mask{overflow:visible}.vco-rtl{direction:rtl}.vco-rtl .vco-text-content,.vco-rtl .vco-text,.vco-rtl .vco-caption,.vco-rtl .vco-media-wikipedia,.vco-rtl .vco-headline,.vco-rtl .vco-media-blockquote{text-align:right}.vco-rtl .vco-slidenav-next{right:auto;left:100px;text-align:left}.vco-rtl .vco-slidenav-next .vco-slidenav-icon{margin-left:0;margin-right:76px}.vco-rtl .vco-slidenav-previous{left:auto;right:100px;text-align:right}.vco-rtl .vco-slidenav-previous .vco-slidenav-icon{margin-right:0;margin-left:0}.vco-rtl .vco-marker-label{transform:translateX(50%)}
|
|
10
|
+
*/.vco-storyjs div *{box-sizing:content-box}.vco-storyjs h1,.vco-storyjs h2,.vco-storyjs h3,.vco-storyjs h4,.vco-storyjs h5,.vco-storyjs h6,.vco-storyjs p,.vco-storyjs blockquote,.vco-storyjs pre,.vco-storyjs a,.vco-storyjs abbr,.vco-storyjs acronym,.vco-storyjs address,.vco-storyjs cite,.vco-storyjs code,.vco-storyjs del,.vco-storyjs dfn,.vco-storyjs em,.vco-storyjs img,.vco-storyjs q,.vco-storyjs s,.vco-storyjs samp,.vco-storyjs small,.vco-storyjs strike,.vco-storyjs strong,.vco-storyjs sub,.vco-storyjs sup,.vco-storyjs tt,.vco-storyjs var,.vco-storyjs dd,.vco-storyjs dl,.vco-storyjs dt,.vco-storyjs li,.vco-storyjs ol,.vco-storyjs ul,.vco-storyjs fieldset,.vco-storyjs form,.vco-storyjs label,.vco-storyjs legend,.vco-storyjs button,.vco-storyjs table,.vco-storyjs caption,.vco-storyjs tbody,.vco-storyjs tfoot,.vco-storyjs thead,.vco-storyjs tr,.vco-storyjs th,.vco-storyjs td,.vco-storyjs .vco-container,.vco-storyjs .content-container,.vco-storyjs .media,.vco-storyjs .text,.vco-storyjs .vco-slider,.vco-storyjs .slider,.vco-storyjs .date,.vco-storyjs .title,.vco-storyjs .message,.vco-storyjs .map,.vco-storyjs .credit,.vco-storyjs .caption,.vco-storyjs .vco-feedback,.vco-storyjs .vco-feature,.vco-storyjs .toolbar,.vco-storyjs .marker,.vco-storyjs .dot,.vco-storyjs .line,.vco-storyjs .flag,.vco-storyjs .time,.vco-storyjs .era,.vco-storyjs .major,.vco-storyjs .minor,.vco-storyjs .vco-navigation,.vco-storyjs .start,.vco-storyjs .active{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;width:auto;float:none}.vco-storyjs h1,.vco-storyjs h2,.vco-storyjs h3,.vco-storyjs h4,.vco-storyjs h5,.vco-storyjs h6{clear:none}.vco-storyjs table{border-collapse:collapse;border-spacing:0}.vco-storyjs ol,.vco-storyjs ul{list-style:none}.vco-storyjs q::before,.vco-storyjs q::after,.vco-storyjs blockquote::before,.vco-storyjs blockquote::after{content:""}.vco-storyjs a:focus{outline:thin dotted}.vco-storyjs a:hover,.vco-storyjs a:active{outline:0}.vco-storyjs article,.vco-storyjs aside,.vco-storyjs details,.vco-storyjs figcaption,.vco-storyjs figure,.vco-storyjs footer,.vco-storyjs header,.vco-storyjs hgroup,.vco-storyjs nav,.vco-storyjs section{display:block}.vco-storyjs audio,.vco-storyjs canvas,.vco-storyjs video{display:inline-block}.vco-storyjs audio:not([controls]){display:none}.vco-storyjs div{max-width:none}.vco-storyjs sub,.vco-storyjs sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.vco-storyjs sup{top:-0.5em}.vco-storyjs sub{bottom:-0.25em}.vco-storyjs button,.vco-storyjs input{line-height:normal}.vco-storyjs button,.vco-storyjs input[type=button],.vco-storyjs input[type=reset],.vco-storyjs input[type=submit]{cursor:pointer;appearance:auto}.vco-storyjs input[type=search]{appearance:textfield}.vco-storyjs textarea{overflow:auto;vertical-align:top}.vco-storymap{font-family:"Helvetica Neue",helvetica,arial,sans-serif;--vco-color-text: rgb(45%, 45%, 45%);--vco-color-text-muted: #666666}.vco-storymap h1,.vco-storymap h2,.vco-storymap h3{font-size:36px;line-height:36px}.vco-storymap h1 small,.vco-storymap h2 small,.vco-storymap h3 small{font-size:24px;line-height:24px}.vco-storymap h4,.vco-storymap h5,.vco-storymap h6{font-size:24px;line-height:24px;margin-bottom:0}.vco-storymap h4 small,.vco-storymap h5 small,.vco-storymap h6 small{font-size:15px;line-height:15px}.vco-storymap h2.vco-headline-title{font-size:46px;line-height:46px}.vco-storymap h2.vco-headline-title small{display:block;margin-top:5px}.vco-storymap h2{margin-top:20px;margin-bottom:5px}.vco-storymap p{margin-top:5px;margin-bottom:10px;font-size:15px;color:var(--vco-color-text-muted)}.vco-storymap p a{color:var(--vco-color-text-muted);text-decoration:none;background-image:linear-gradient(to bottom, rgba(102, 102, 102, 0) 50%, rgba(102, 102, 102, 0.6) 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 17px;text-shadow:-2px -1px 0 #fff,2px -1px 0 #fff,-2px 1px 0 #fff,2px 1px 0 #fff}.vco-storymap p a:hover,.vco-storymap p a:focus{color:#c34528;text-decoration:none}@media(resolution >= 144dpi){.vco-storymap p a{text-decoration:underline;background-image:none;text-shadow:none}.vco-storymap p a:hover,.vco-storymap p a:focus{color:#c34528;text-decoration:underline}}.vco-storymap b,.vco-storymap strong{font-weight:bold}.vco-storymap i,.vco-storymap em{font-style:italic}.vco-storymap a{text-decoration:none;color:#c34528}.vco-storymap a:hover{text-decoration:underline;color:rgb(43.2790988736%,15.3141426783%,8.8777638715%)}.vco-storymap .vco-caption,.vco-storymap .vco-credit,.vco-storymap .vco-slidenav-next,.vco-storymap .vco-slidenav-previous{font-size:11px;line-height:11px}.vco-storymap .vco-caption a,.vco-storymap .vco-credit a,.vco-storymap .vco-slidenav-next a,.vco-storymap .vco-slidenav-previous a{color:#000}.vco-storymap blockquote,.vco-storymap blockquote p{font-family:"Georgia",times new roman,times,serif;color:#999;text-align:left;background:rgba(0,0,0,0);border:0;padding:0}.vco-storymap blockquote cite,.vco-storymap blockquote p cite{font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:11px;text-align:right;font-style:normal}.vco-storymap blockquote cite::before,.vco-storymap blockquote p cite::before{content:"—"}.vco-storymap blockquote p::before{content:open-quote;display:inline-block;position:relative;top:8px;margin-right:5px}.vco-storymap blockquote p::after{content:close-quote;margin-left:3px}.vco-storymap blockquote{margin:10px}.vco-storymap blockquote p{margin:0}.vco-storymap .vcard{font-family:"Helvetica Neue",helvetica,arial,sans-serif;line-height:15px}.vco-storymap .vco-text ul{padding:0;padding-left:30px}.vco-storymap .vco-text ul li{margin-bottom:5px}.vco-storymap .vco-note{display:block;line-height:17px;padding:10px;border-radius:7px;color:#8a6d3b;background-color:#fcf8e3;border:1px solid #faebcc}@media only screen and (width <= 800px),only screen and (device-width <= 800px){.vco-storymap h1,.vco-storymap h2,.vco-storymap h3{font-size:36px;line-height:36px}}@media only screen and (width <= 500px),only screen and (device-width <= 500px){.vco-storymap h1,.vco-storymap h2,.vco-storymap h3{font-size:32px;line-height:32px}}.vco-skinny h2{margin-top:0;padding-top:20px}@font-face{font-family:vco-icons;src:url("./icons/vco-icons.woff2") format("woff2"),url("./icons/vco-icons.woff") format("woff"),url("./icons/vco-icons.ttf") format("truetype");font-weight:normal;font-style:normal}[class^=vco-icon-],[class*=" vco-icon-"]{font-family:vco-icons;speak:none;font-variant:normal;text-transform:none;line-height:1}.vco-icon-wikipedia::after{content:""}.vco-icon-chevron-right::after{content:""}.vco-icon-chevron-left::after{content:""}.vco-icon-youtube-logo::after{content:""}.vco-icon-foursquare::after{content:""}.vco-icon-camera-retro::after{content:""}.vco-icon-doc::after{content:""}.vco-icon-weibo::after{content:""}.vco-icon-resize-horizontal::after{content:""}.vco-icon-resize-vertical::after{content:""}.vco-icon-resize-full::after{content:""}.vco-icon-resize-small::after{content:""}.vco-icon-twitter::after{content:""}.vco-icon-google-plus::after{content:""}.vco-icon-video::after{content:""}.vco-icon-plaintext::after{content:""}.vco-icon-image-v2::after{content:""}.vco-icon-quote-v2::after{content:""}.vco-icon-zoom-in::after{content:""}.vco-icon-zoom-out::after{content:""}.vco-icon-list::after{content:""}.vco-icon-music::after{content:""}.vco-icon-location::after{content:""}.vco-icon-web::after{content:""}.vco-icon-share-v2::after{content:""}.vco-icon-soundcloud::after{content:""}.vco-icon-video-v2::after{content:""}.vco-icon-youtube::after{content:""}.vco-icon-tumblr::after{content:""}.vco-icon-lastfm::after{content:""}.vco-icon-github::after{content:""}.vco-icon-goback::after{content:""}.vco-icon-doc-v2::after{content:""}.vco-icon-googledrive::after{content:""}.vco-icon-facebook::after{content:""}.vco-icon-flickr::after{content:""}.vco-icon-dribbble::after{content:""}.vco-icon-image::after{content:""}.vco-icon-vimeo::after{content:""}.vco-icon-instagram::after{content:""}.vco-icon-pinterest::after{content:""}.vco-icon-arrow-left::after{content:""}.vco-icon-arrow-down::after{content:""}.vco-icon-arrow-up::after{content:""}.vco-icon-arrow-right::after{content:""}.vco-icon-share::after{content:""}.vco-icon-blockquote::after{content:""}.vco-icon-evernote::after{content:""}.vco-icon-mappin::after{content:""}.vco-icon-swipe-right::after{content:""}.vco-icon-swipe-left::after{content:""}.vco-icon-touch-spread::after{content:""}.vco-icon-touch-pinch::after{content:""}.vco-menubar{position:absolute;z-index:11;text-align:left;overflow:hidden;border-bottom:1px solid hsl(0,0%,90%);border-right:1px solid hsl(0,0%,90%);border-bottom-right-radius:7px;left:0}.vco-menubar .vco-menubar-button:first-child{border-left:0}.vco-menubar-button{border-left:1px solid hsl(0,0%,90%);font-size:14px;padding:6px 12px;background-color:fadeout(rgb(85%, 85%, 85%), 10%);background-color:#fff;cursor:pointer;font-weight:bold;color:hsl(0,0%,45%)}.vco-menubar-button .vco-icon-arrow-up,.vco-menubar-button .vco-icon-arrow-down{display:inline-block;height:14px;overflow:hidden;font-size:20px;position:relative;top:-2px}.vco-menubar-button:hover{background:#c34528;color:#fff}.vco-mobile .vco-menubar-button:hover{background-color:fadeout(rgb(85%, 85%, 85%), 33%);color:hsl(0,0%,45%)}.vco-mobile .vco-menubar-button:active{background:#c34528;color:#fff}@keyframes invert-to-black{from{background-color:#fff}to{background-color:#000}}@keyframes invert-to-white{from{background-color:#000}to{background-color:#fff}}.vco-menubar-progress{display:inline-block;width:80px;height:6px;margin:0 12px;vertical-align:middle;background-color:hsl(0,0%,90%);border-radius:3px;overflow:hidden}.vco-menubar-progress .vco-menubar-progress-fill{display:block;height:100%;width:0;background-color:#c34528;border-radius:3px}.vco-menubar-distance{display:inline-block;margin:0 12px;vertical-align:middle;font-size:11px;color:#000}.vco-message,.vco-message-full{width:100%;height:100%;position:absolute;display:table;overflow:hidden;top:0;left:0;z-index:99;margin:auto;text-align:center}.vco-message .vco-message-container,.vco-message-full .vco-message-container{padding:20px;margin:20px;text-align:center;vertical-align:middle;display:table-cell}.vco-message .vco-message-container .vco-message-content,.vco-message-full .vco-message-container .vco-message-content{color:#666;text-align:center;font-size:11px;line-height:13px;text-transform:uppercase;margin-top:7.5px;margin-bottom:7.5px;text-shadow:1px 1px 1px #fff}.vco-message .vco-message-container .vco-loading-icon,.vco-message-full .vco-message-container .vco-loading-icon{width:30px;height:30px;background-color:#666;vertical-align:middle;box-shadow:inset 0 1px 2px rgba(255,255,255,.1);margin-left:auto;margin-right:auto;animation:rotateplane 1.2s infinite ease-in-out}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.vco-message-full{background-color:rgba(51,51,51,.8)}.vco-message-full [class^=vco-icon-],.vco-message-full [class*=" vco-icon-"]{color:#fff;font-size:72px}.vco-message-full .vco-message-container .vco-message-content{font-size:22px;line-height:22px;text-shadow:none;color:#fff;text-transform:none;font-weight:bold}.vco-message-full .vco-message-container .vco-message-content .vco-button{display:inline-block;cursor:pointer;background-color:#fff;color:#333;padding:10px;margin-top:10px;border-radius:7px}.vco-consent{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background-color:rgba(255,255,255,.94);font-family:"Helvetica Neue",helvetica,arial,sans-serif;text-align:center}.vco-consent .vco-consent-title{margin:0;font-weight:bold;color:#333}.vco-consent .vco-consent-message{margin:0;color:#000}.vco-consent .vco-consent-buttons{display:flex;gap:10px;margin-top:6px}.vco-consent .vco-consent-buttons button{padding:8px 18px;border:1px solid #000;border-radius:4px;background-color:rgba(0,0,0,0);color:#000;font-family:"Helvetica Neue",helvetica,arial,sans-serif;cursor:pointer}.vco-consent .vco-consent-buttons button:hover{background-color:#000;color:#fff}.vco-consent .vco-consent-buttons button.vco-consent-allow{background-color:#c34528;border-color:#c34528;color:#fff}.vco-consent .vco-consent-buttons button.vco-consent-allow:hover{background-color:rgb(51.576971214%,18.2503128911%,10.5798915311%);border-color:rgb(51.576971214%,18.2503128911%,10.5798915311%)}.vco-consent-blocked{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;padding:20px;background-color:#fff;color:#000;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:15px;text-align:center}.vco-slide{position:absolute;width:100%;height:100%;padding:0;margin:0;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:#c34528 rgba(0,0,0,0)}.vco-slide .vco-slide-calltoaction{cursor:pointer;font-weight:bold;padding-top:10px;margin-bottom:10px;padding-bottom:10px}.vco-slide .vco-slide-calltoaction .vco-slide-calltoaction-button-text{display:inline-block;background-color:#c34528;color:#fff;padding:10px 15px;border-radius:7px}.vco-slide .vco-slide-calltoaction:hover .vco-slide-calltoaction-button-text{background-color:rgb(51.576971214%,18.2503128911%,10.5798915311%);color:#fff}.vco-slide .vco-slide-background{background-color:var(--vco-color-text-background, #fff);background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;overflow:hidden;display:none;opacity:.5}.vco-slide .vco-slide-scrollable-container{display:table;table-layout:fixed;height:100%;z-index:1}.vco-slide .vco-slide-content-container{display:table-cell;vertical-align:middle;position:relative;z-index:3}.vco-slide .vco-slide-content-container .vco-slide-content{vertical-align:middle;padding-left:100px;padding-right:100px;position:relative;max-width:100%}.vco-slide .vco-slide-content-container .vco-slide-content .vco-media{position:relative;width:100%;min-width:50%;float:left;margin-top:auto;margin-bottom:auto}.vco-slide .vco-slide-content-container .vco-slide-content .vco-text{width:50%;max-width:50%;min-width:120px;padding:0 20px;display:table-cell;vertical-align:middle;text-align:left}.vco-slide .vco-slide-content-container .vco-slide-content .vco-text .vco-slide-calltoaction{width:100%}.vco-mobile .vco-slide{scrollbar-width:auto;scrollbar-color:rgb(51.576971214%,18.2503128911%,10.5798915311%) rgba(0,0,0,.12)}@keyframes vco-scroll-hint-bounce{0%,100%{transform:translate(-50%, 0)}50%{transform:translate(-50%, 8px)}}.vco-slide-scroll-hint{position:absolute;left:50%;top:calc(100% - 72px);z-index:4;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(0,0,0,.4);color:#fff;cursor:pointer;animation:vco-scroll-hint-bounce 1.2s ease-in-out infinite}@media(prefers-reduced-motion: reduce){.vco-slide-scroll-hint{animation:none;transform:translate(-50%, 0)}}.vco-slide-scroll-hint [class^=vco-icon-],.vco-slide-scroll-hint [class*=" vco-icon-"]{font-size:26px;line-height:1}.vco-slide-media-only .vco-slide-content-container .vco-slide-content{text-align:center}.vco-slide-media-only .vco-slide-content-container .vco-slide-content .vco-media{text-align:center;max-width:100%;float:none}.vco-slide-media-only .vco-slide-content-container .vco-slide-content .vco-text{display:block;margin-left:auto;margin-right:auto}.vco-slide-media-only .vco-slide-content-container .vco-slide-content .vco-text h2{margin-top:20px;margin-bottom:20px}.vco-slide-text-only .vco-slide-content-container .vco-slide-content .vco-text{max-width:80%;width:80%}.vco-slide.vco-full-image-background,.vco-slide.vco-full-color-background{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background p,.vco-slide.vco-full-image-background h1,.vco-slide.vco-full-image-background h2,.vco-slide.vco-full-image-background h3,.vco-slide.vco-full-image-background h4,.vco-slide.vco-full-image-background h5,.vco-slide.vco-full-image-background h6,.vco-slide.vco-full-color-background p,.vco-slide.vco-full-color-background h1,.vco-slide.vco-full-color-background h2,.vco-slide.vco-full-color-background h3,.vco-slide.vco-full-color-background h4,.vco-slide.vco-full-color-background h5,.vco-slide.vco-full-color-background h6{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background a,.vco-slide.vco-full-image-background a:hover,.vco-slide.vco-full-image-background b,.vco-slide.vco-full-image-background i,.vco-slide.vco-full-image-background blockquote,.vco-slide.vco-full-image-background blockquote p,.vco-slide.vco-full-color-background a,.vco-slide.vco-full-color-background a:hover,.vco-slide.vco-full-color-background b,.vco-slide.vco-full-color-background i,.vco-slide.vco-full-color-background blockquote,.vco-slide.vco-full-color-background blockquote p{color:#fff !important;text-shadow:1px 1px 1px #000 !important;color:hsl(11.2258064516,65.9574468085%,136.0784313725%)}.vco-slide.vco-full-image-background .vco-caption,.vco-slide.vco-full-image-background .vco-credit,.vco-slide.vco-full-color-background .vco-caption,.vco-slide.vco-full-color-background .vco-credit{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background .vco-media-twitter blockquote,.vco-slide.vco-full-image-background .vco-media-blockquote blockquote,.vco-slide.vco-full-color-background .vco-media-twitter blockquote,.vco-slide.vco-full-color-background .vco-media-blockquote blockquote{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background .vco-media-twitter blockquote p,.vco-slide.vco-full-image-background .vco-media-blockquote blockquote p,.vco-slide.vco-full-color-background .vco-media-twitter blockquote p,.vco-slide.vco-full-color-background .vco-media-blockquote blockquote p{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background .vcard a,.vco-slide.vco-full-image-background .vcard .nickname,.vco-slide.vco-full-color-background .vcard a,.vco-slide.vco-full-color-background .vcard .nickname{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-slide.vco-full-image-background{background:no-repeat center center;background-size:cover;background-position:center 25%;text-shadow:1px 1px 2px #000}.vco-slide.vco-full-image-background p,.vco-slide.vco-full-image-background h1,.vco-slide.vco-full-image-background h2,.vco-slide.vco-full-image-background h3,.vco-slide.vco-full-image-background h4,.vco-slide.vco-full-image-background h5,.vco-slide.vco-full-image-background h6{text-shadow:1px 1px 2px #000}.vco-slide.vco-full-image-background .vco-media-twitter blockquote,.vco-slide.vco-full-image-background .vco-media-blockquote blockquote{text-shadow:1px 1px 2px #000 !important}.vco-slide.vco-full-image-background .vco-media-twitter blockquote p,.vco-slide.vco-full-image-background .vco-media-blockquote blockquote p{text-shadow:1px 1px 2px #000 !important}.vco-text-content-container.vco-text-align-center{text-align:center}.vco-text-content-container.vco-text-align-right{text-align:right}.vco-slide.vco-text-background .vco-text .vco-text-content-container{padding:20px;background:rgba(0,0,0,.6);border-radius:7px}.vco-slide.vco-text-background .vco-text .vco-text-content-container h2{margin-top:5px}.vco-layout-landscape .vco-slide .vco-slide-content-container .vco-slide-content .vco-media{display:block;vertical-align:baseline;height:auto;max-height:50%}.vco-layout-landscape .vco-slide .vco-slide-content-container .vco-slide-content .vco-text{max-width:100%;min-width:0;float:none;padding:0}.vco-skinny .vco-slide{display:block}.vco-skinny .vco-slide .vco-slide-content-container{display:block;position:static;height:auto;vertical-align:baseline}.vco-skinny .vco-slide .vco-slide-content-container .vco-slide-content{position:static;vertical-align:baseline;height:auto}.vco-skinny .vco-slide .vco-slide-content-container .vco-slide-content .vco-media{position:static}.vco-skinny .vco-slide .vco-slide-content-container .vco-slide-content .vco-text .vco-text-content-container{padding-left:10px;padding-right:10px;padding-bottom:10px}.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media img,.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media embed,.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media object,.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media video,.vco-mobile.vco-skinny .vco-slide-content-container .vco-slide-content .vco-media iframe{max-height:175px}.vco-slidenav-previous,.vco-slidenav-next{position:absolute;top:45%;z-index:10;cursor:pointer}.vco-slidenav-previous .vco-slidenav-content-container,.vco-slidenav-next .vco-slidenav-content-container{height:200px;width:0;position:absolute}.vco-slidenav-previous .vco-slidenav-title,.vco-slidenav-previous .vco-slidenav-description,.vco-slidenav-next .vco-slidenav-title,.vco-slidenav-next .vco-slidenav-description{width:100%;word-break:break-all;overflow-wrap:anywhere;hyphens:auto;opacity:.15}.vco-slidenav-previous .vco-slidenav-title,.vco-slidenav-next .vco-slidenav-title{margin-top:10px;font-size:11px;line-height:11px}.vco-slidenav-next .vco-slidenav-icon,.vco-slidenav-previous .vco-slidenav-icon{padding:10px;min-width:24px;margin:-10px -10px -5px}.vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-icon,.vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-title,.vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-description,.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-icon,.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-title,.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-description{text-shadow:1px 1px 1px #fff;color:#fff}.vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,.vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,.vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description,.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description{color:#333;text-shadow:1px 1px 1px #333}.vco-slidenav-next .vco-slidenav-icon,.vco-slidenav-previous .vco-slidenav-icon{font-family:vco-icons,sans-serif;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-size:32px;margin-bottom:5px}.vco-slidenav-next:hover .vco-slidenav-title,.vco-slidenav-next:hover .vco-slidenav-description,.vco-slidenav-previous:hover .vco-slidenav-title,.vco-slidenav-previous:hover .vco-slidenav-description{opacity:1}.vco-slidenav-next{text-align:right;margin-right:10px;right:100px}.vco-slidenav-next .vco-slidenav-icon{margin-left:76px}.vco-slidenav-next .vco-slidenav-icon::before{content:""}.vco-slidenav-next:hover .vco-slidenav-icon{margin-left:80px}.vco-slidenav-previous{text-align:left}.vco-slidenav-previous .vco-slidenav-icon{margin-left:0}.vco-slidenav-previous .vco-slidenav-icon::before{content:""}.vco-slidenav-previous:hover .vco-slidenav-icon{margin-left:-4px}.vco-skinny .vco-slidenav-next{right:32px}.vco-skinny .vco-slidenav-next .vco-slidenav-icon{margin-left:8px}.vco-skinny .vco-slidenav-next:hover .vco-slidenav-icon{margin-left:12px;opacity:1}.vco-skinny .vco-slidenav-previous:hover .vco-slidenav-icon{margin-left:-4px;opacity:1}.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container,.vco-skinny .vco-slidenav-next .vco-slidenav-content-container{width:32px;height:32px}.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description,.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description{color:#fff}.vco-skinny .vco-slidenav-previous .vco-slidenav-title,.vco-skinny .vco-slidenav-previous .vco-slidenav-description,.vco-skinny .vco-slidenav-next .vco-slidenav-title,.vco-skinny .vco-slidenav-next .vco-slidenav-description{display:none}.vco-skinny .vco-slidenav-previous .vco-slidenav-icon,.vco-skinny .vco-slidenav-next .vco-slidenav-icon{opacity:.33}.vco-layout-landscape.vco-mobile .vco-slidenav-next:hover{right:70px}.vco-layout-landscape.vco-mobile .vco-slidenav-next:hover .vco-slidenav-icon{margin-left:8px;opacity:1}.vco-layout-landscape.vco-mobile .vco-slidenav-next:active .vco-slidenav-icon{margin-left:0;opacity:1}.vco-layout-landscape.vco-mobile .vco-slidenav-previous:hover .vco-slidenav-icon{margin-left:80px;opacity:1}.vco-layout-landscape.vco-mobile .vco-slidenav-previous:active .vco-slidenav-icon{opacity:1}.vco-layout-portrait.vco-mobile .vco-slidenav-next:hover .vco-slidenav-icon,.vco-layout-portrait.vco-mobile .vco-slidenav-previous:hover .vco-slidenav-icon{opacity:.33}.vco-layout-portrait.vco-mobile .vco-slidenav-next:active .vco-slidenav-icon,.vco-layout-portrait.vco-mobile .vco-slidenav-previous:active .vco-slidenav-icon{opacity:1}.vco-mobile .vco-slidenav-previous,.vco-mobile .vco-slidenav-next,.vco-skinny.vco-mobile .vco-slidenav-previous,.vco-skinny.vco-mobile .vco-slidenav-next,.vco-skinny.vco-layout-landscape.vco-mobile .vco-slidenav-previous,.vco-skinny.vco-layout-landscape.vco-mobile .vco-slidenav-next,.vco-skinny.vco-layout-portrait.vco-mobile .vco-slidenav-previous,.vco-skinny.vco-layout-portrait.vco-mobile .vco-slidenav-next{display:none}.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon::before,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon::before{background-color:#333;padding:20px;border:1px solid hsl(0,0%,70%)}.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon,.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-title,.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-description,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-title,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-description{text-shadow:none}.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-title,.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-description,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-title,.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-description{display:none}.vco-layout-landscape .vco-storyslider .vco-slidenav-previous{left:-100%;margin-left:0}.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon::before{border-bottom-right-radius:7px;border-top-right-radius:7px;margin-left:-10px}.vco-layout-landscape .vco-storyslider .vco-slidenav-previous:hover .vco-slidenav-icon{margin-left:-4px}.vco-layout-landscape .vco-storyslider .vco-slidenav-next{right:130px}.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon::before{border-bottom-left-radius:7px;border-top-left-radius:7px}.vco-storyslider{width:100%;height:100%;overflow:hidden;user-select:none;position:relative}.vco-storyslider img,.vco-storyslider embed,.vco-storyslider object,.vco-storyslider video,.vco-storyslider iframe{max-width:100%;position:relative}.vco-storyslider .vco-slider-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vco-storyslider .vco-slider-touch-mask{z-index:25;top:0;left:0}.vco-storyslider .vco-slider-container-mask{text-align:center;z-index:5}.vco-storyslider .vco-slider-container-mask .vco-slider-container{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vco-storyslider .vco-slider-container-mask .vco-slider-container .vco-slider-item-container{width:100%;height:100%;display:table-cell;vertical-align:middle}.vco-media{width:100%;min-width:50%;height:100%;margin-top:auto;margin-bottom:auto;position:relative}.vco-media .vco-message{position:relative}.vco-media .vco-media-content-container .vco-media-content{position:relative}.vco-media .vco-media-content-container .vco-media-content::before,.vco-media .vco-media-content-container .vco-media-content::after{display:table;content:""}.vco-media .vco-media-content-container .vco-media-content::after{clear:both}.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror p{color:hsl(0,0%,85%)}.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror p span{color:hsl(0,0%,85%)}.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror p{text-align:center}.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror [class^=vco-icon-],.vco-media .vco-media-content-container .vco-media-content .vco-media-loaderror [class*=" vco-icon-"]{font-size:36px}.vco-media .vco-media-content-container .vco-media-content img,.vco-media .vco-media-content-container .vco-media-content embed,.vco-media .vco-media-content-container .vco-media-content object,.vco-media .vco-media-content-container .vco-media-content video{max-width:100%;max-height:100%}.vco-media-shadow{z-index:1;box-shadow:1px 1px 7px rgba(0,0,0,.5)}.vcard::before,.vcard::after{display:table;content:""}.vcard::after{clear:both}.vcard{margin-bottom:15px;margin-top:10px}.vcard .twitter-date{text-align:left;font-size:11px}.vcard .author{float:right}.vcard a{color:#333;text-decoration:none}.vcard a:hover .fn,.vcard a:hover .nickname{color:#c34528}.vcard .fn,.vcard .nickname{padding-left:42px}.vcard .fn{display:block;font-weight:bold}.vcard .nickname{margin-top:1px;color:#666}.vcard .avatar{float:left;width:32px;height:32px}.vcard .avatar img{border-radius:5px}.vco-slide.vco-full-image-background a,.vco-slide.vco-full-image-background .vcard a,.vco-slide.vco-full-color-background a,.vco-slide.vco-full-color-background .vcard a{color:#fff !important;text-shadow:1px 1px 1px #000 !important;color:hsl(11.2258064516,65.9574468085%,136.0784313725%)}.vco-credit{color:#999;text-align:right;display:block;margin:0 auto;margin-top:6px;font-size:10px;line-height:13px}.vco-caption{text-align:left;margin-right:auto;margin-left:auto;color:#666;font-size:11px;line-height:14px;text-rendering:optimizelegibility;overflow-wrap:break-word}.vco-full-image-background .vco-media-shadow::before,.vco-full-image-background .vco-media-shadow::after,.vco-full-color-background .vco-media-shadow::before,.vco-full-color-background .vco-media-shadow::after{background:none;box-shadow:0 0 0 #000}@media only screen and (width <= 500px),only screen and (device-width <= 500px){.vco-media{width:100%;height:auto;float:none}}.vco-skinny .vco-media .vco-media-content-container .vco-credit,.vco-skinny .vco-media .vco-media-content-container .vco-caption{margin-top:2px;padding-left:10px;padding-right:10px;font-size:8px}.vco-skinny .vco-media .vco-media-content-container .vco-credit{margin-top:0}.vco-text{width:50%;max-width:50%;min-width:120px;padding:0 20px;display:table-cell;display:block;vertical-align:middle;text-align:left;text-shadow:none;color:var(--vco-color-text, rgb(45%, 45%, 45%))}.vco-text p{color:var(--vco-color-text, rgb(45%, 45%, 45%))}.vco-text h2.vco-headline-title,.vco-text h2.vco-headline{margin-top:0;color:var(--vco-color-text, #000)}.vco-text .vco-headline-date,.vco-text h3.vco-headline-date{font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:15px;line-height:15px;font-weight:normal;margin:0 0 2px;color:hsl(0,0%,70%)}.vco-text .vco-headline-date small,.vco-text h3.vco-headline-date small{font-size:15px;line-height:15px;font-weight:normal;color:hsl(0,0%,70%)}.vco-text .vco-text-date{display:inline-block;margin-top:10px;font-size:12px}.vco-full-image-background .vco-text,.vco-full-image-background .vco-text p,.vco-full-color-background .vco-text,.vco-full-color-background .vco-text p{color:hsl(0,0%,67%) !important;text-shadow:1px 1px 2px #000}.vco-full-image-background .vco-text .vco-headline-date,.vco-full-image-background .vco-text h3.vco-headline-date,.vco-full-image-background .vco-text p .vco-headline-date,.vco-full-image-background .vco-text p h3.vco-headline-date,.vco-full-color-background .vco-text .vco-headline-date,.vco-full-color-background .vco-text h3.vco-headline-date,.vco-full-color-background .vco-text p .vco-headline-date,.vco-full-color-background .vco-text p h3.vco-headline-date{color:hsl(0,0%,67%) !important}.vco-full-image-background .vco-text .vco-headline-date small,.vco-full-image-background .vco-text h3.vco-headline-date small,.vco-full-image-background .vco-text p .vco-headline-date small,.vco-full-image-background .vco-text p h3.vco-headline-date small,.vco-full-color-background .vco-text .vco-headline-date small,.vco-full-color-background .vco-text h3.vco-headline-date small,.vco-full-color-background .vco-text p .vco-headline-date small,.vco-full-color-background .vco-text p h3.vco-headline-date small{color:hsl(0,0%,67%) !important}.vco-skinny .vco-text{width:100%;max-width:100%;min-width:auto;float:none;margin-top:20px}.vco-media .vco-media-image{width:auto !important}.vco-mobile.vco-skinny .vco-media .vco-media-image{max-height:250px !important}.vco-media .vco-media-twitter{text-align:left;clear:both}.vco-media .vco-media-twitter blockquote{margin:0;margin-right:15px;font-size:15px;line-height:21px;color:#333}.vco-media .vco-media-twitter blockquote p{font-size:36px;line-height:39px;color:#000}.vco-media .vco-media-twitter blockquote p::before{display:none}.vco-media .vco-media-twitter .vco-icon-twitter{color:#55acee}.vco-media .vco-media-twitter .vcard a:hover,.vco-media .vco-media-twitter .vcard a.vco-date:hover{text-decoration:none;color:#55acee}.vco-media .vco-media-twitter .vcard a:hover .fn,.vco-media .vco-media-twitter .vcard a:hover .nickname,.vco-media .vco-media-twitter .vcard a.vco-date:hover .fn,.vco-media .vco-media-twitter .vcard a.vco-date:hover .nickname{color:#55acee}.vco-slide-media-only .vco-media .vco-media-twitter{width:80%;margin-left:auto;margin-right:auto}.vco-mobile.vco-skinny .vco-media .vco-media-twitter blockquote p{font-size:15px;line-height:21px}.vco-skinny .vco-media .vco-media-twitter{margin-left:10px;margin-right:10px}.vco-skinny .vco-media .vco-media-twitter blockquote p{font-size:24px;line-height:26px}.vco-media .vco-media-blockquote{text-align:left;clear:both}.vco-media .vco-media-blockquote blockquote{margin:0;margin-right:15px;text-align:left}.vco-media .vco-media-blockquote blockquote p{font-size:36px;line-height:39px}.vco-media .vco-media-blockquote blockquote cite{font-size:15px;line-height:21px;color:#333;text-align:right}.vco-media .vco-media-blockquote blockquote p::before{content:open-quote;display:inline-block;margin-right:5px}.vco-media .vco-media-blockquote blockquote p::after{content:close-quote;margin-left:3px}.vco-slide-media-only .vco-media .vco-media-blockquote{width:80%;margin-left:auto;margin-right:auto}@media only screen and (width <= 800px),only screen and (device-width <= 800px){.vco-media .vco-media-blockquote blockquote p{font-size:24px;line-height:26px}}@media only screen and (width <= 500px),only screen and (device-width <= 500px){.vco-media .vco-media-blockquote blockquote p{font-size:15px;line-height:21px}}.vco-mobile.vco-skinny .vco-media .vco-media-instagram{max-height:250px !important}.vco-media .vco-media-profile{border-radius:50%}.vco-media .vco-media-iframe{width:100%;height:100%}.vco-media .vco-media-iframe iframe{width:100%;height:100%}.vco-media .vco-media-wikipedia{text-align:left;margin-left:auto;margin-right:auto;clear:both}.vco-media .vco-media-wikipedia .wiki-source{font-size:13px;line-height:19px;font-style:italic}.vco-media .vco-media-wikipedia h4{margin-top:0;margin-bottom:0}.vco-media .vco-media-wikipedia h4 a{color:#000;text-decoration:none}.vco-media .vco-media-wikipedia h4 a:hover{text-decoration:underline}.vco-slide.vco-full-image-background .vco-media .vco-media-wikipedia,.vco-slide.vco-full-color-background .vco-media .vco-media-wikipedia{padding:20px;background:rgba(0,0,0,.6);border-radius:7px}.vco-slide.vco-full-image-background .vco-media .vco-media-wikipedia h4 a,.vco-slide.vco-full-color-background .vco-media .vco-media-wikipedia h4 a{color:#fff !important;text-shadow:1px 1px 1px #000 !important}.vco-mobile.vco-skinny .vco-media .vco-media-wikipedia{margin-left:10px;margin-right:10px}.vco-map .ol-overlaycontainer{z-index:1}.vco-map .vco-mapmarker,.vco-map .vco-mapmarker-active,.vco-map .vco-mapmarker-custom,.vco-map .vco-mapmarker-image-icon,.vco-map .vco-mapmarker-image-icon-active{cursor:pointer}.vco-map .ol-overlaycontainer-stopevent{z-index:auto}.vco-map .vco-map-attribution{position:absolute;bottom:0;right:0;background-color:rgba(255,255,255,.75);font-size:10px;padding:1px 4px;z-index:1000}.vco-map .vco-map-attribution a{color:#666;text-decoration:none}.vco-map .vco-map-attribution .vco-knightlab-brand,.vco-map .vco-map-attribution a.vco-knightlab-brand{margin-right:5px;text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 5px #fff;font-size:14px;font-weight:bold;filter:grayscale(1);opacity:.5}.vco-map .vco-map-attribution .vco-knightlab-brand img,.vco-map .vco-map-attribution a.vco-knightlab-brand img{filter:grayscale(1);opacity:.5}.vco-map .vco-map-attribution .vco-knightlab-brand span,.vco-map .vco-map-attribution a.vco-knightlab-brand span{color:#c34528;display:inline-block;transform:rotate(45deg)}.vco-map .vco-map-attribution .vco-knightlab-brand:hover,.vco-map .vco-map-attribution a.vco-knightlab-brand:hover{text-decoration:none;color:rgb(86.750104297%,45.0129328327%,35.4067584481%)}.vco-map .ol-overviewmap{left:8px;top:40px;bottom:auto}.vco-map .ol-overviewmap .ol-overviewmap-map{border:none;width:150px;height:100px}.vco-map .ol-overviewmap button{background-color:rgba(0,0,0,.4)}.vco-layout-landscape .vco-map .vco-map-attribution{bottom:0}.vco-skinny .vco-map .ol-viewport{touch-action:pan-y}.vco-skinny .vco-map-attribution{font-size:8px}.vco-skinny .vco-map-attribution .vco-knightlab-brand,.vco-skinny .vco-map-attribution a.vco-knightlab-brand{font-size:12px}.vco-map .vco-mapmarker,.vco-map .vco-mapmarker-active{font-family:vco-icons,sans-serif;speak:none;font-style:normal;font-weight:normal;font-variant:normal;line-height:1;width:38px !important;height:52px !important}.vco-map .vco-mapmarker::before,.vco-map .vco-mapmarker-active::before{content:"";font-size:52px;text-shadow:rgba(0,0,0,.66) 0 2px 5px}.vco-map .vco-mapmarker,.vco-map .vco-mapmarker-active{padding:4px;margin:-4px}.vco-map .vco-mapmarker{color:#a5a5a5}.vco-map .vco-mapmarker-active{color:#c34528}.vco-map .vco-mapmarker-custom{cursor:pointer}.vco-map .vco-mapmarker-custom::before{content:none}.vco-map .vco-mapmarker-image-icon,.vco-map .vco-mapmarker-image-icon-active{border:2px solid #a5a5a5;box-shadow:2px 2px 2px #000;opacity:1}.vco-map .vco-mapmarker-image-icon{filter:grayscale(100%)}.vco-map .vco-mapmarker-image-icon-active{border:4px solid #c34528;filter:grayscale(0)}.vco-map .vco-marker-label{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:6px;padding:3px 8px;white-space:nowrap;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:12px;font-weight:bold;color:hsl(0,0%,45%);background-color:#fff;border:1px solid #c34528;border-radius:4px;box-shadow:2px 2px 2px rgba(0,0,0,.3);pointer-events:none}.vco-map .vco-mapmarker-icon::after{font-size:24px;color:#fff;text-align:center;width:38px;height:24px;overflow:hidden;display:block;position:absolute;top:8px;left:0;opacity:.75}.vco-map .vco-mapmarker-active.vco-mapmarker-icon::after{opacity:1}.vco-map .vco-icon-wikipedia::after{font-size:16px;top:12px}.vco-map .vco-icon-image::after{top:6px}.vco-map .vco-mapimage-display:hover .vco-mapmarker,.vco-map .vco-mapimage-display:hover .vco-mapmarker-active{display:block}.vco-map .vco-mapimage-display .vco-mapmarker,.vco-map .vco-mapimage-display .vco-mapmarker-active{display:none}.vco-map{height:100%;overflow:hidden;top:0;background-color:#333}.vco-map .vco-map-mask{width:100%;height:100%;overflow:hidden}.vco-map .vco-map-mask .vco-map-display{width:100%;height:100%}.vco-storymap h2.vco-headline-title .vco-snapmap-instagram,.vco-storymap h2.vco-headline-title .vco-snapmap-flickr{text-align:center;display:block;text-transform:none !important}.vco-storymap h2.vco-headline-title .vco-snapmap-instagram a,.vco-storymap h2.vco-headline-title .vco-snapmap-flickr a{color:#666}.vco-storymap .vco-media-instagram-likes{display:inline-block;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-weight:bold;margin-top:10px;font-size:12px;color:#666}.vco-storymap .vco-media-instagram-likes::after{content:"Likes";margin-left:3px;color:#999;margin-right:10px}.vco-storymap .vco-snapmap-user-description,.vco-storymap .vco-snapmap-user-location{display:block}.vco-storymap .vco-snapmap-instagram-text{text-align:center;display:none}.vco-storymap .vco-snapmap-instagram-text a{color:#000}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-posts,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-followed-by,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-follows,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website a{display:inline-block;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-weight:bold;margin-top:10px;font-size:12px;margin-left:20px}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-posts::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-followed-by::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-follows::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website a::after{margin-left:3px;color:#999;font-weight:normal}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-posts::after{content:"Posts"}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-followed-by::after{content:"Followers"}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-follows::after{content:"Following"}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website a{margin:0}.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website::after,.vco-storymap .vco-snapmap-instagram-text .vco-snapmap-instagram-website a::after{margin-left:0}.vco-storymap .vco-snapmap-flickr-views::after{content:"Views"}.vco-storymap{width:100%;height:100%;font-size:16px;line-height:normal;overflow:hidden;position:relative;user-select:none}.vco-storymap:fullscreen{width:100%;height:100%;background-color:#fff}.vco-storymap *,.vco-storymap *::before,.vco-storymap *::after{box-sizing:content-box}.vco-layout-portrait .vco-storyslider{padding-top:10px;box-shadow:0 -3px 6px rgba(0,0,0,.2)}.vco-layout-landscape .vco-storyslider{padding-top:0;position:absolute;width:50%;left:50%;overflow:visible}.vco-layout-landscape .vco-storyslider .vco-slider-background{margin-left:-20%;width:120%;overflow:hidden;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.85) 15%)}.vco-layout-landscape .vco-storyslider .vco-slider-container-mask{overflow:visible}.vco-map-area-left .vco-storyslider{background-color:#fff}.vco-map-area-left .vco-slider-background{display:none}.vco-rtl{direction:rtl}.vco-rtl .vco-text-content,.vco-rtl .vco-text,.vco-rtl .vco-caption,.vco-rtl .vco-media-wikipedia,.vco-rtl .vco-headline,.vco-rtl .vco-media-blockquote{text-align:right}.vco-rtl .vco-slidenav-next{right:auto;left:100px;text-align:left}.vco-rtl .vco-slidenav-next .vco-slidenav-icon{margin-left:0;margin-right:76px}.vco-rtl .vco-slidenav-previous{left:auto;right:100px;text-align:right}.vco-rtl .vco-slidenav-previous .vco-slidenav-icon{margin-right:0;margin-left:0}.vco-rtl .vco-marker-label{transform:translateX(50%)}
|
|
11
11
|
:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, 0.25);--ol-partial-background-color: rgba(255, 255, 255, 0.75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:bold;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:normal;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-0.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}
|
package/dist/demo.html
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
<title>StoryMapJS Demo</title>
|
|
5
5
|
<meta charset="utf-8" />
|
|
6
6
|
<style>*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#storymap-embed{width:100%;height:100%}</style>
|
|
7
|
-
<script type="module" crossorigin src="./assets/demo-
|
|
8
|
-
<link rel="modulepreload" crossorigin href="./assets/main-
|
|
7
|
+
<script type="module" crossorigin src="./assets/demo-CVQ7kFek.js"></script>
|
|
8
|
+
<link rel="modulepreload" crossorigin href="./assets/main-DwbXrrYn.js">
|
|
9
9
|
<link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
|
|
10
10
|
<link rel="stylesheet" href="./css/storymap.css" />
|
|
11
11
|
</head>
|
package/dist/docs/migration.html
CHANGED
|
@@ -101,7 +101,21 @@ fullscreen API (<code>fullscreen: false</code> hides the button).</li>
|
|
|
101
101
|
<li><strong>Raw OpenLayers options</strong>: pass <code>map_options: { controls, interactions, view, element, ... }</code> to configure the underlying OpenLayers map; <code>element</code>
|
|
102
102
|
(HTMLElement or DOM id) replaces the auto-created map container.</li>
|
|
103
103
|
<li><strong>Runtime options</strong>: <code>storymap.setMapOption(name, value)</code> /
|
|
104
|
-
<code>storymap.setMapOptions({...})</code> — e.g. switch <code>map_type</code>
|
|
104
|
+
<code>storymap.setMapOptions({...})</code> — e.g. switch <code>map_type</code> (main + minimap tile
|
|
105
|
+
layers are rebuilt together) or line styling live. Relative tile templates
|
|
106
|
+
such as <code>./tiles/{z}/{x}/{y}.png</code> are accepted, not just absolute <code>https://</code>
|
|
107
|
+
URLs.</li>
|
|
108
|
+
<li><strong>Left-area map layout</strong>: <code>map_area: "left"</code> limits the map to the left,
|
|
109
|
+
visible half in landscape with an opaque slide panel (no gradient over the
|
|
110
|
+
map) — the view needs no offset, so fits, <code>map_bbox</code> constraints and the
|
|
111
|
+
minimap align with the visible area directly. Default: <code>"full"</code> (the map
|
|
112
|
+
spans the whole width with the slide panel fading in over it).</li>
|
|
113
|
+
<li><strong>Map bounding box</strong>: <code>map_bbox: [west, south, east, north]</code> (lon/lat; raw
|
|
114
|
+
image pixels for image-space maps) constrains the view center to the box.</li>
|
|
115
|
+
<li><strong>Scroll hint</strong>: when a slide's content overflows, a bouncing downward
|
|
116
|
+
arrow appears at the bottom center of the slide (all devices) — tapping it
|
|
117
|
+
scrolls one step down; it hides after the first scroll. Touch scrollbars
|
|
118
|
+
are rendered wider with a visible track for contrast.</li>
|
|
105
119
|
</ul>
|
|
106
120
|
<h2>Changed options and map types</h2>
|
|
107
121
|
<table>
|
|
@@ -196,9 +210,10 @@ fullscreen API (<code>fullscreen: false</code> hides the button).</li>
|
|
|
196
210
|
</tbody></table>
|
|
197
211
|
<p><code>map_type: "zoomify"</code> is supported again (legacy): the image pyramid renders
|
|
198
212
|
via the storymap data's <code>zoomify</code> options (<code>path</code>, <code>width</code>, <code>height</code>), using a
|
|
199
|
-
JS warning instead of the previous removal error.
|
|
200
|
-
|
|
201
|
-
per-tile clamp
|
|
213
|
+
JS warning instead of the previous removal error. Cropped edge/remainder tiles
|
|
214
|
+
are padded onto a full tile canvas before rendering (the original renderer's
|
|
215
|
+
per-tile clamp), and the minimap fits the whole image on the pyramid ladder.
|
|
216
|
+
Using zoomify in a IIIF
|
|
202
217
|
Presentation manifest is ignored — legacy zoomify options only work with
|
|
203
218
|
storymap JSON sources.</p>
|
|
204
219
|
<h2>Map engine: Leaflet → OpenLayers</h2>
|
package/dist/docs/readme.html
CHANGED
|
@@ -98,13 +98,35 @@ Use <code>image</code> inside the location object and include a url to use, toge
|
|
|
98
98
|
need <code>icon</code> inside the location object.</p>
|
|
99
99
|
<h3>Limit the map to a bounding box</h3>
|
|
100
100
|
<p>Set <code>map_bbox</code> to <code>[west, south, east, north]</code> (lon/lat) to constrain the map —
|
|
101
|
-
|
|
101
|
+
the view center stays inside the box, so the map cannot pan away from it:</p>
|
|
102
102
|
<pre><code>map_bbox: [-11, 34, 32, 71], // or null (the default) to leave the map unconstrained
|
|
103
103
|
</code></pre>
|
|
104
104
|
<p>For image-space (IIIF) maps the coordinates are raw image pixels. When the
|
|
105
105
|
slide content panel is opaque (a solid background that hides the map behind it),
|
|
106
106
|
the initial fit accounts for the covered area so the story stays inside the
|
|
107
|
-
visible region
|
|
107
|
+
visible region. To limit the map to the left, visible half in landscape (with
|
|
108
|
+
an opaque slide panel instead of the gradient over the map), set
|
|
109
|
+
<code>map_area: "left"</code> (default <code>"full"</code>).</p>
|
|
110
|
+
<h3>Custom tile templates</h3>
|
|
111
|
+
<p><code>map_type</code> accepts absolute or relative tile URL templates and style JSON URLs:</p>
|
|
112
|
+
<pre><code>map_type: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
|
|
113
|
+
map_type: "./tiles/{z}/{x}/{y}.png", // same-origin, works on subpaths + Electron
|
|
114
|
+
map_type: "https://tiles.openfreemap.org/styles/bright", // vector style
|
|
115
|
+
</code></pre>
|
|
116
|
+
<p>Any value containing <code>{z}</code> renders as a raster XYZ layer; a path without <code>{z}</code>
|
|
117
|
+
that looks like a URL/path renders as a vector style layer; anything else falls
|
|
118
|
+
back to classic OSM raster.</p>
|
|
119
|
+
<h3>Switching the basemap at runtime</h3>
|
|
120
|
+
<p><code>storymap.setMapOption("map_type", next)</code> / <code>setMapOptions({...})</code> rebuilds the
|
|
121
|
+
main tile layer <strong>and</strong> the minimap (<code>ol/control/OverviewMap</code>) layer, keeping
|
|
122
|
+
the overview fitted to the marker bounds (zoomify/IIIF extents preserved). The
|
|
123
|
+
current slide is re-fitted after the swap.</p>
|
|
124
|
+
<h3>Icons</h3>
|
|
125
|
+
<p>Default pins use the bundled <code>vco-icons</code> font (<code>dist/css/icons/</code>, referenced via
|
|
126
|
+
relative <code>./icons/...</code> URLs from <code>dist/css/storymap.css</code>), so pins render on
|
|
127
|
+
subpath deploys, bundler consumers (Vite leaves absolute <code>/css/...</code> untouched)
|
|
128
|
+
and <code>file://</code>/Electron hosts without extra configuration. Import the stylesheet
|
|
129
|
+
once (<code>import "@projektemacher/storymapjs/css/storymap.css"</code>).</p>
|
|
108
130
|
<h2>Custom HTML in slide content</h2>
|
|
109
131
|
<p>Slide text is rendered as HTML: the <code>text</code> (and <code>headline</code>) fields accept
|
|
110
132
|
arbitrary markup. If the text contains no <code><p></code> tag, it is wrapped in one
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
{
|
|
2
|
+
"storymap": {
|
|
3
|
+
"map_type": "osm",
|
|
4
|
+
"slides": [
|
|
5
|
+
{
|
|
6
|
+
"type": "overview",
|
|
7
|
+
"date": "",
|
|
8
|
+
"text": {
|
|
9
|
+
"headline": "Scroll hint fixture",
|
|
10
|
+
"text": "Long-text slides that overflow the slide box."
|
|
11
|
+
},
|
|
12
|
+
"location": {
|
|
13
|
+
"line": true
|
|
14
|
+
},
|
|
15
|
+
"media": {
|
|
16
|
+
"url": "",
|
|
17
|
+
"caption": "",
|
|
18
|
+
"credit": ""
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"date": "",
|
|
23
|
+
"text": {
|
|
24
|
+
"headline": "Overflowing slide",
|
|
25
|
+
"text": "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p><p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</p><p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>"
|
|
26
|
+
},
|
|
27
|
+
"location": {
|
|
28
|
+
"lat": 48.5,
|
|
29
|
+
"lon": 2.0,
|
|
30
|
+
"zoom": 6,
|
|
31
|
+
"line": true
|
|
32
|
+
},
|
|
33
|
+
"media": {
|
|
34
|
+
"url": "",
|
|
35
|
+
"caption": "",
|
|
36
|
+
"credit": ""
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"date": "",
|
|
41
|
+
"text": {
|
|
42
|
+
"headline": "Short slide",
|
|
43
|
+
"text": "This one fits without scrolling."
|
|
44
|
+
},
|
|
45
|
+
"location": {
|
|
46
|
+
"lat": 50.5,
|
|
47
|
+
"lon": 4.0,
|
|
48
|
+
"zoom": 6,
|
|
49
|
+
"line": true
|
|
50
|
+
},
|
|
51
|
+
"media": {
|
|
52
|
+
"url": "",
|
|
53
|
+
"caption": "",
|
|
54
|
+
"credit": ""
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
{
|
|
2
|
+
"storymap": {
|
|
3
|
+
"map_type": "zoomify",
|
|
4
|
+
"map_as_image": true,
|
|
5
|
+
"zoomify": {
|
|
6
|
+
"path": "/examples/assets/zoomify-clamp/",
|
|
7
|
+
"width": 600,
|
|
8
|
+
"height": 400,
|
|
9
|
+
"tolerance": 0.9,
|
|
10
|
+
"attribution": ""
|
|
11
|
+
},
|
|
12
|
+
"slides": [
|
|
13
|
+
{
|
|
14
|
+
"type": "overview",
|
|
15
|
+
"date": "",
|
|
16
|
+
"text": {
|
|
17
|
+
"headline": "Zoomify clamp fixture",
|
|
18
|
+
"text": "Local 600x400 image pyramid with cropped edge tiles."
|
|
19
|
+
},
|
|
20
|
+
"location": {
|
|
21
|
+
"line": true
|
|
22
|
+
},
|
|
23
|
+
"media": {
|
|
24
|
+
"url": "",
|
|
25
|
+
"caption": "",
|
|
26
|
+
"credit": ""
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"date": "",
|
|
31
|
+
"text": {
|
|
32
|
+
"headline": "Bottom-right detail",
|
|
33
|
+
"text": "Marker over the cropped right/bottom edge tiles."
|
|
34
|
+
},
|
|
35
|
+
"location": {
|
|
36
|
+
"lat": 59.5343180010956,
|
|
37
|
+
"lon": -21.796875000000007,
|
|
38
|
+
"zoom": 5,
|
|
39
|
+
"line": true
|
|
40
|
+
},
|
|
41
|
+
"media": {
|
|
42
|
+
"url": "",
|
|
43
|
+
"caption": "",
|
|
44
|
+
"credit": ""
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
]
|
|
48
|
+
}
|
|
49
|
+
}
|
package/dist/harness.html
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
<meta charset="utf-8" />
|
|
5
5
|
<title>StoryMapJS Example Harness</title>
|
|
6
6
|
<style>*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#storymap-embed{width:100%;height:100%}</style>
|
|
7
|
-
<script type="module" crossorigin src="./assets/harness-
|
|
8
|
-
<link rel="modulepreload" crossorigin href="./assets/main-
|
|
7
|
+
<script type="module" crossorigin src="./assets/harness-C-VZV-ou.js"></script>
|
|
8
|
+
<link rel="modulepreload" crossorigin href="./assets/main-DwbXrrYn.js">
|
|
9
9
|
<link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
|
|
10
10
|
<link rel="stylesheet" href="./css/storymap.css" />
|
|
11
11
|
</head>
|
package/dist/index.html
CHANGED
|
@@ -338,9 +338,11 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
|
|
|
338
338
|
<div class="accordion-content">
|
|
339
339
|
Set
|
|
340
340
|
<code>map_bbox: [west, south, east, north]</code>
|
|
341
|
-
(lon/lat) in the options —
|
|
342
|
-
|
|
343
|
-
pixels.
|
|
341
|
+
(lon/lat) in the options — the view center is constrained to the
|
|
342
|
+
box, so the map cannot pan away from it. For IIIF image stories
|
|
343
|
+
the coordinates are raw image pixels. To also limit the map to the
|
|
344
|
+
left, visible area (opaque slide panel, no gradient over the map),
|
|
345
|
+
set <code>map_area: "left"</code>.
|
|
344
346
|
</div>
|
|
345
347
|
</li>
|
|
346
348
|
<li>
|
package/dist/js/storymap.d.ts
CHANGED
|
@@ -346,6 +346,7 @@ declare interface MediaInstance {
|
|
|
346
346
|
loadMedia: () => void;
|
|
347
347
|
stopMedia: () => void;
|
|
348
348
|
updateDisplay: (w?: number, h?: number, l?: string) => void;
|
|
349
|
+
on?: EventedInstance["on"];
|
|
349
350
|
_state?: {
|
|
350
351
|
loaded?: boolean;
|
|
351
352
|
};
|
|
@@ -568,17 +569,25 @@ declare class OpenLayers extends Map_2 {
|
|
|
568
569
|
_unwrapLongitudes(lons: number[]): number[];
|
|
569
570
|
_markerCoordsToViewCoords(coords: number[][]): number[][];
|
|
570
571
|
/**
|
|
571
|
-
* The View extent for the `map_bbox` option, or `null` when unset.
|
|
572
|
+
* The View extent for the `map_bbox` option, or `null` when unset. The
|
|
573
|
+
* view uses it with `constrainOnlyCenter` (see _createMap).
|
|
572
574
|
*/
|
|
573
575
|
_bboxExtent(): number[] | null;
|
|
574
576
|
/**
|
|
575
577
|
* The slide content panel can be opaque — it then covers part of the map
|
|
576
578
|
* and the effective visible area shrinks. Returns the pixel padding for
|
|
577
579
|
* the covered side (right in landscape, bottom in portrait) so fits keep
|
|
578
|
-
* the story inside the visible region; transparent panels
|
|
580
|
+
* the story inside the visible region; transparent panels and panels
|
|
581
|
+
* that do not overlap the map (map_area "left") add nothing.
|
|
579
582
|
*/
|
|
580
583
|
_opaquePanelPadding(): [number, number, number, number];
|
|
581
|
-
|
|
584
|
+
/**
|
|
585
|
+
* Fit the given coordinates. With `clamp_to_bbox` (the strict bbox
|
|
586
|
+
* layout, map_area "left"), markers outside of the box are unreachable
|
|
587
|
+
* by design — they must not skew the fit target, so the extent is
|
|
588
|
+
* intersected with the box and the in-box markers compose the view.
|
|
589
|
+
*/
|
|
590
|
+
_fitView(ol_map: default_3, coords: number[][], duration?: number, clamp_to_bbox?: boolean): void;
|
|
582
591
|
_calculateMarkerZooms(): void;
|
|
583
592
|
/**
|
|
584
593
|
* Stroke style for the route lines: the dash pattern and line join are
|
|
@@ -627,6 +636,12 @@ declare class OpenLayers extends Map_2 {
|
|
|
627
636
|
*/
|
|
628
637
|
getRouteDistance(): number | undefined;
|
|
629
638
|
_markerOverview(duration?: number): void;
|
|
639
|
+
/**
|
|
640
|
+
* Swap the minimap's layer for the current `map_type` (mirrors the
|
|
641
|
+
* initial `_createMiniMap` fitting: zoomify extent, IIIF image extent,
|
|
642
|
+
* otherwise the marker bounds). No-op when no minimap exists yet.
|
|
643
|
+
*/
|
|
644
|
+
_refreshMiniMapLayer(): void;
|
|
630
645
|
/**
|
|
631
646
|
* Re-apply runtime-changed options (driven by StoryMap.setMapOptions).
|
|
632
647
|
* Only keys with an immediate effect are handled here; everything else is
|
|
@@ -716,6 +731,8 @@ declare class SlideBase {
|
|
|
716
731
|
"_state": {
|
|
717
732
|
loaded: boolean;
|
|
718
733
|
};
|
|
734
|
+
"_scroll_hint": HTMLElement | null;
|
|
735
|
+
"_scroll_hint_dismissed": boolean;
|
|
719
736
|
"has": SlideHas;
|
|
720
737
|
"title": string;
|
|
721
738
|
"data": StorymapSlide;
|
|
@@ -737,6 +754,16 @@ declare class SlideBase {
|
|
|
737
754
|
color_value: string;
|
|
738
755
|
};
|
|
739
756
|
scrollToTop(): void;
|
|
757
|
+
/**
|
|
758
|
+
* Show a bouncing downward arrow when the slide content overflows
|
|
759
|
+
* (scrollable) — the hint of "more below" for scrollbars that are not
|
|
760
|
+
* visible until touched. Hidden after the first scroll of any kind;
|
|
761
|
+
* tappable to scroll down one step.
|
|
762
|
+
*/
|
|
763
|
+
_updateScrollHint(): void;
|
|
764
|
+
_hideScrollHint(): void;
|
|
765
|
+
_onScrollHintClick(): void;
|
|
766
|
+
_onSlideScroll(): void;
|
|
740
767
|
addCallToAction(str: string): void;
|
|
741
768
|
_onCallToAction(e: Event): void;
|
|
742
769
|
_initLayout(): void;
|
|
@@ -936,7 +963,8 @@ declare class StoryMapBase {
|
|
|
936
963
|
/**
|
|
937
964
|
* Change a single map option at runtime and apply its effect immediately.
|
|
938
965
|
*
|
|
939
|
-
* Runtime-changeable options: `map_type` (rebuilds the tile
|
|
966
|
+
* Runtime-changeable options: `map_type` (rebuilds the main + minimap tile
|
|
967
|
+
* layers, keeping the overview fitted to the marker bounds),
|
|
940
968
|
* `show_lines`, `line_color`, `line_color_inactive`, `line_weight`,
|
|
941
969
|
* `line_opacity`, `line_dash`, `line_join`, `line_follows_path`,
|
|
942
970
|
* `show_history_line` (restyled instantly), `map_center_offset` (applied on
|
|
@@ -1085,10 +1113,18 @@ export declare interface StorymapOptions {
|
|
|
1085
1113
|
map_as_image: boolean;
|
|
1086
1114
|
map_access_token: string;
|
|
1087
1115
|
map_background_color: string;
|
|
1116
|
+
/**
|
|
1117
|
+
* Landscape map layout: `"full"` (default) spans the whole width with the
|
|
1118
|
+
* slide panel fading in over it (the map view is offset so markers clear
|
|
1119
|
+
* the panel); `"left"` limits the map to the left, visible half with an
|
|
1120
|
+
* opaque slide panel — no offset needed, fits and constraints align with
|
|
1121
|
+
* the visible area directly. Portrait layouts are unaffected.
|
|
1122
|
+
*/
|
|
1123
|
+
map_area: "full" | "left";
|
|
1088
1124
|
/**
|
|
1089
1125
|
* Limit the map to a bounding box `[west, south, east, north]` (lon/lat;
|
|
1090
|
-
* raw image pixel coordinates for image-space maps).
|
|
1091
|
-
* the box
|
|
1126
|
+
* raw image pixel coordinates for image-space maps). The view center is
|
|
1127
|
+
* constrained to the box; `null` (default) leaves the map unconstrained.
|
|
1092
1128
|
*/
|
|
1093
1129
|
map_bbox: number[] | null;
|
|
1094
1130
|
/**
|