@charset "UTF-8";

html {height:100vh;}
@supports (height:100dvh) {
	html {height:100dvh;}
}

html, body {margin:0; padding:0; -webkit-text-size-adjust:none; text-size-adjust:none; background:#fff;}
html {font-size:100%;}
body {position:fixed; height:100%; width:100%; font-size:103%; font-weight:300; word-wrap:break-all; overflow-wrap:anywhere; -webkit-hyphens:auto; hyphens:auto; overscroll-behavior:auto contain; overflow:hidden;} /* fixed position for mobiles */
.lightbox, .mapnotice, .scenebox, .slab {word-wrap:normal; overflow-wrap:normal; -webkit-hyphens:manual; hyphens:manual;}

table, tr, td, .listbox {vertical-align:top;}
table {border:none; border-collapse:collapse; border-spacing:0;}
td {padding:0;}
iframe, form {margin:0; border:none; padding:0;}
img, a img {color:transparent; border:none; vertical-align:middle;}
input {border:none; border-radius:0; padding:0; font-weight:300 !important; text-indent:0; word-spacing:normal; appearance:none;}

a, button, .menulink, .mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate, #pagebox #map, .photo, .mappic, #aerialmap {cursor:pointer;}
button {outline:none; border:none; padding:0; font:inherit; color:inherit; background:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
button::-moz-focus-inner {border:none; padding:0;}
.mapboxgl-interactive, .maplibregl-interactive {cursor:grab;}
.mapboxgl-interactive:active, .maplibregl-interactive:active {cursor:grabbing;}
.menunotch, .tripmode0 .trip0, .tripmode1 .trip1, .tripmode2 .trip2 {cursor:default;}
input.field {cursor:text;}

.noselect, form, #bigmap, #mainmap, #tripmap, #aerialmap, #headbox, .spinner, .lightbox, #mousestrip {-webkit-touch-callout:none; -webkit-user-select:none; user-select:none; cursor:default;}

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .maplibregl-ctrl-bottom-right, #pagebox .mapboxgl-canvas-container, #pagebox .maplibregl-canvas-container, .mapnotice, .menuarea, .photo.inactive > *, .inactive .embedbox, .inactive .panelblock, .inactive .consentbox, .inactive .menunotch, .inactive .menupod, .inactive .mark, .sphere, input#mapfield, .sitelogo, .fullmap, .mapimage, #pagebox .topright {pointer-events:none;}
#pagebox .mappic, .sphere {pointer-events:none !important;}
.mapboxgl-ctrl-group, .maplibregl-ctrl-group, .menunotch, .menupod, #bigmap .notice, .searchopen input#mapfield {pointer-events:auto;}

a:focus, input:focus, button:focus {outline:none;}
.pic, .strips .switchlink, .circle, .listlink, .embedframe, .tripname, .menupod, .menulink {overflow:hidden;}
.middle {vertical-align:middle;}

#mainbox, #tripbox, #auxbox {display:none; padding:0 20px 20px;}
#pagebox {height:100%; bottom:0; overflow:hidden auto;} /* bottom 0 fixes chromium scrolling */
.pagemode #pagebox {width:calc(450px + 10%);}
.pagemode #bigmap {left:calc(450px + 10%);}

#testing {position:fixed; top:0; right:0; height:1em; padding:.2em; text-align:center; text-shadow:0 0 4px rgba(255,255,255,.5);}
#mousestrip {position:fixed; top:0; left:0; height:20px; width:200px;}

.menunotch, .tripdown, .tripup, .tabicon {position:absolute; height:0; width:0; line-height:0; font-size:0;}
.menunotch, .tripdown, .tripup {border-right:7px solid transparent; border-left:7px solid transparent;}

.sourcelist {margin:0 -10px 0 0;}
.sourcelist .symbol {float:left; margin:6px 10px 6px 0;}
#mainbox button.slab {display:inline-block; box-sizing:border-box; margin:12px 0 5px; padding:0 32px; text-align:center; color:#fff;}

.headlive .sitelogo, .menuarea, .mappanel, .lightbox, #maparea .mapnotice, .navbar {opacity:0;}
.zoomed #piczoom, .headlive input#headfield {opacity:1;}

/* display, position */

.hide, .mapview #pagebox, .mapview #pagetoggle, .mapview #pagetab, .pagemode #maptoggle, .pagemode #maptab, .pagemode .navbar, .mapboxgl-missing-css, .mapboxgl-ctrl-top-left, .maplibregl-ctrl-top-left, .mapboxgl-ctrl-top-right, .maplibregl-ctrl-top-right, .maplibregl-ctrl-bottom-left, .mainview .tripswitch, .tripview .mainswitch, .zoomed .normalpic, #bigmap .instruct, #mainmap, #tripmap, #pagebox .topleft, #pagebox #mapsearch, #pagebox .bottomright, #pagebox .mapboxgl-ctrl-bottom-right, #pagebox .maplibregl-ctrl-bottom-right, .nomap .topleft, .nomap .bottomunit {display:none;}
.mainview #mainbox, .tripview #tripbox, .mainloadview #auxbox, .searchloadview #auxbox, .searchview #auxbox, .switchtag, .sign, .addition, .mapsubmit, .menulink, .listlink, .linkbox, .closebox, .dot, #tripform .slab, .mapimage, .picimage {display:block;}

.doticon, .hole, #headicon, .embedclose, .triptype, .headsubmit, .tripswap, .backpic {display:block; position:absolute;}
.crumblink, .throbber, .circle, .symbol, .switchlink, .mark, #tripform, input.field, .menuclose, .pic, .bit, .scenebox {display:block; position:relative;}
.inlineblock, .langtext, .withicon, .notice, .consentbuttons, .consentbutton {display:inline-block; position:relative;}

.spinner, .triparea, #headcover, #mainmap, #tripmap, .menupod, .panelblock, #tripbottom, .foot, .slab, .picform, .switch, .blurb {position:relative;}
.menuarea, .mappanel, .bottomunit, .mapnotice, #maparea .lightbox, .navbar {position:absolute;}
.lightbox {position:fixed;}

#bigmap, #maparea, #map, .embedbox, .formphoto {position:absolute; overflow:hidden;}

#bigmap, #maparea, #map, .lightbox, .embedbox, .mappanel, .backpic {top:0; right:0; bottom:0; left:0;}
#pagebox, .strips .mark, .leftunit, .embedlink, .closebox {position:absolute; top:0; left:0;}
.normalpic, .rightunit, .mapsubmit {position:absolute; top:0; right:0;}

.centering {display:flex; justify-content:center; align-items:center;}

/* z-index */

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .maplibregl-ctrl-bottom-right {z-index:2000000000;}
.consent, #testing {z-index:100000;}
.photo, .edit, #mousestrip {z-index:90000;}
.embed {z-index:80000;}
.triptop .menuarea {z-index:70000;}
#headbox, .menuarea, .mappanel {z-index:60000;}
.topright {z-index:50000;}
.topleft {z-index:40000;}
.mapnotice, .embedclose, .navbar {z-index:30000;}
.bottomunit, #headicon, .picinfo, .embedlink {z-index:20000;}
.pagemode #pagebox,
.menunotch, .normalpic, #tripform, .mapsubmit, .embedbox, .fullmap {z-index:10000;}

/* height, width */

.photopic, .switchlink, #piczoom, .formphoto, .closebox, .embedinner, .embedframe, .embedlink, .mapimage, .picimage {height:100%; width:100%;}

.listlinks, .listlinks .listbox, .listlink {height:100%;}
input#headfield, input.tripfield, #tripform .slab, button.pic {width:100%;}

.dot, .sign, .topunit .symbol, .menuclose .symbol, .embedclose .symbol {height:26px; width:26px;}
.sphere, .orb, .mapboxgl-user-location-dot::before, .maplibregl-user-location-dot::before {height:28px; width:28px;}
.symbol, .menuclose {height:30px; width:30px;}
.circle, .embedclose, .zoomin, .zoomout, .mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate, .mapsubmit {height:40px; width:40px;}
.navbar, .mark {height:50px;}
.mark {width:50px; border-radius:21.7px;}
.strips .switchlink, .strips .switchtag {height:50px;}
#tripform .slab, .searchopen .topunit.topright, .searchopen #mapsearch, .searchopen .mapsubmit {height:56px;}

/* font */

body, input {font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;}

input#headfield, .pictitle {font-size:140%;}
.large, input.tripfield, input#mapfield {font-size:130%;}
.spinner {font-size:120%;}
.accent, .scenebox {font-size:110%;}
.crumbs, .blurb, .addition, .piccredit {font-size:90%;}

h1, h2, h3, h2 a, h3 a {font-weight:500;}
.bold, .crumbs, .rubric, a, #testing {font-weight:400;}
.picinfo, .imagetext, .scenebox {font-weight:400; text-shadow:0 0 4px #000;}
.addition, .consentbox a, .consentbox .buttonlink {font-weight:300;}

/* line height */

body, .brave {line-height:1.5;}
ul, .listbox, .consentbox, .scenebox, .addition, .bit, .mappanel, .tripinfo, .piccredit {line-height:1.3;}
.picinfo, .blurb, .noticetext {line-height:1.15;}
h1, h2, h3, input, .mappic, #testing {line-height:1;}

.withicon {height:1.5em; line-height:1.5em;}
ul .withicon {height:1.3em; line-height:1.3em;}
h1 .withicon, h3 .withicon {height:1em; line-height:1em;}

/* margin, padding */

.promo *, #picunit {margin:0 auto;}
#mainbox .switches, #tripmap, .tripstart {margin-top:20px;}
#tripunit, .tripstep, .editbit {margin-top:15px;}
div.topspace {margin-top:10px;}
.picform, .triparea {margin-bottom:20px;}
.piccredit {margin-top:.25em;}
.bottomgap {margin-bottom:8px;}

.noticetext {padding-left:8px;}
#headsearch .menupod, #mapsearch .menupod {padding:16px 14px 14px;}
.consent, .edit, .mappanel, .panelblock {padding:20px;}

/* border */

.pic, button.pic, #aerialmap {border:1px solid #e7e7e7;}

.topright, .bottomright, .mapboxgl-ctrl-group, .maplibregl-ctrl-group {border-right:10px solid transparent;}
.topleft, .bottomleft {border-left:10px solid transparent;}
#auxbox {border-top:10px solid transparent;}
#tripbox {border-top:15px solid transparent;}
#auxbox .spinner, #tripbox .spinner {border-top:12px solid transparent;}

.dot, .sign {border-radius:11.3px;}
.listbox {border-radius:12px;}
#maparea .menupod, .notice, .listlink {border-radius:15px;}
.textbox, .brave, .scenebox, #aerialmap, .embedmain, .pic {border-radius:17px;}
.circle, .mapsubmit, .mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate, .zoompill, .embedclose {border-radius:17.4px;}
.formphoto, #tripform {border-radius:20px;}
.slab {border-radius:22px;}
.headform, input.tripfield, #pagebox .menuarea, .searchopen #mapsearch.circle {border-radius:23px;}
.panelblock, .consentbox, .embedbox, .embedlink {border-radius:25px;}

.menulive .headform, .menulive input.tripfield {border-radius:23px 23px 0 0;}

/* box shadows */

.headlive.menulive .headform, .triplive.menulive input.tripfield {box-shadow:0 0 4px transparent;}
input.tripfield, .routeicon {box-shadow:0 0 4px rgba(0,0,0,.1);}
.frosted, .mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate, .mappic, .notice, .consentbox, .embedclose, .triplive input.tripfield, .embedbox, #maparea .menupod, .panelblock, .embedmain, .navbar .mark {box-shadow:0 0 4px rgba(0,0,0,.2);}

/* background */

.symbol, .doticon, .sign, .throbber, .sitelogo, #headicon, .gelogo, .odlogo, .cclogo {background-image:url(/images/sprite9-1x.png); background-size:312px 261px; background-repeat:no-repeat;}

.pic, button.pic, .picimage, #aerialmap {background-color:#e4e4e4;}
#headbox, .formpic {background-color:#bbb;}

input.tripfield {background-color:rgba(245,245,245,.7);}
.trip0, .trip1, .trip2 {background-color:rgba(230,230,230,.5);}
.frosted, .mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate {background-color:rgba(255,255,255,.8);}
.headlive .headform, .triplive input.tripfield, .tripmode0 .trip0, .tripmode1 .trip1, .tripmode2 .trip2, .menupod, .panelblock, .notice {background-color:rgba(255,255,255,.9);}
#pagebox .menupod, .consentbox {background:rgba(255,255,255,.95);}

.consent, .mappanel {background-color:rgba(0,0,0,.3);}
.embed, .edit {background-color:rgba(0,0,0,.5);}
.photo {background-color:rgba(0,0,0,.9);}

/* color */

.isaerial #map .unsupported {color:#bbb;}
h1, h2, h3, .switchlink, .unsupported {color:#505050;}
html, body, input#headfield, .rubric, .tripdata, .tripname {color:#333;}
.textbox, .listbox, .addition, .brave {color:#000;}

.pick0 .entry0, .pick1 .entry1, .pick2 .entry2, .pick3 .entry3, .pick4 .entry4, .map0 #menu0 .entry0, .map1 #menu0 .entry1, .map2 #menu0 .entry2, .map3 #menu0 .entry3, .mapmode0 #menu1 .entry0, .mapmode1 #menu1 .entry1, .mapmode2 #menu1 .entry2, .mapmode3 #menu1 .entry3 {color:#000; background-color:rgba(120,0,0,.1);}
.b0 {background-color:#bf3332;}
.x0 {background:linear-gradient(135deg,#bf3155,#bf5431);}
.l0 {background:linear-gradient(135deg,#ede9e9,#ebe9ed);}

.c48 {color:#665200;}
.b48 {background-color:#ba9a18;}
.x48 {background:linear-gradient(135deg,#b98e18,#b9a418);}
.l48, .crumblink {background:linear-gradient(135deg,#edece9,#ede9e9);}

.c124 {color:#006607;}
.b124 {background-color:#1e8725;}
.x124 {background:linear-gradient(135deg,#39861d,#1d8647);}
.l124 {background:linear-gradient(135deg,#e9ede9,#edece9);}

.b180 {background-color:#008a8a;}
.x180 {background:linear-gradient(135deg,#008a73,#00738a);}
.l180 {background:linear-gradient(135deg,#e9eded,#e9ede9);}

a, .buttonlink {color:#003cb3;}
.piclink {color:#dbe7ff;}
.b220 {background-color:#2e64cb;}
.x220 {background:linear-gradient(135deg,#2e78cc,#2e4ecc);}
.l220, .embedshell {background:linear-gradient(135deg,#e9eaed,#e9eded);}

.l270 {background:linear-gradient(135deg,#ebe9ed,#e9eaed);}

/* text */

a {text-decoration:none; background-color:transparent;}
a[x-apple-data-detectors=true] {color:inherit; pointer-events:none; font-weight:300 !important;}
.consentbox, .brave, .unsupported {text-wrap:balance;}

.topleft .menulink, .crumb, .switchtag, .nowrap, .picinfo, .imagetext {white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.clear {clear:both;}

.columns, .double, .triple {columns:2;}
.reverse {unicode-bidi:bidi-override; direction:rtl;}
.bottomspace {padding-bottom:15px;}

h1, h2, h3 {margin:0;}
h1 {padding:14px 0; font-size:200%; clear:both;}
h2 {padding:0 0 12px; font-size:165%;}
h3 {padding:14px 0 12px; font-size:135%}
h3.topspace {padding-top:30px;}
.menupod h3.topspace {padding-top:20px;}
.menupod h3 {padding-top:0;}
h2.withblurb {padding-bottom:2px;}
h3.withblurb {padding-bottom:1px;}
h3.bottomflush {padding-bottom:0;}

.promo {position:relative; min-height:1px; text-align:center; line-height:0; margin-left:-20px; margin-right:-20px;}
.openad {border-top:20px solid transparent; border-bottom:20px solid transparent;}
.brave {margin:20px; background:linear-gradient(#e5ebf0 50%,#f0f0e5 50%);}

/* lists */

ul {display:block; margin:0; padding:0; list-style:none none;}
li {display:block; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid;}
.boxlist {margin:-.35em 0;}
.boxlist li {padding:.35em 0;}
.namelist {margin:-.35em; column-gap:.6em;} /* margin sets scrollbar location */
.namelist li {padding:.35em;}
.iconlist {margin:-9px 0;}
.iconlist li {padding:9px 0;}
.scroll {overflow:auto; height:30em; max-height:60vh;}
.scroll li {-webkit-perspective:1;} /* fixes disappearing ios side scrolling */

.listboxes {margin:-10px;}
.listtable {display:table; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:10px;}
.listrow {display:table-row;}
.textbox, .brave {padding:13px;}
.linkbox, .listtext .listbox {padding:9px;}
.listbox {display:table-cell; width:50%;}
.listbox .rubric {margin-bottom:.2em;}
.listbox .addition {margin-top:.25em;}

/* spacers */

.spacer1, .spacer2, .spacer3, .spacer4 {font-size:1px; overflow:hidden;}
.spacer1 {height:10px;}
.spacer2 {height:12px;}
.spacer3 {height:20px;}
.spacer4 {height:40px;}

/* switches */

.switches {position:relative; width:100%;}
.stacks {margin:0 -8px; text-align:center;}
.strips {display:none; position:relative; margin-right:-10px;}
.stacks .switch {width:25%;}
.strips .switch {width:50%;}
.strip2 .switch {padding-top:8px;}

.stacks .mark {position:relative; margin:0 auto; overflow:hidden;}
.strips .switchtag {position:relative; top:25px; margin:-.75em 10px 0 56px; height:1.5em; line-height:1.5em;}
.mark .symbol, .bit .symbol {top:50%; margin:-15px auto;}

/* icons */

#headicon {top:42px; left:32px; height:36px; width:36px; border-radius:50%; background-position:-271px -49px; background-color:#c4d4f5; box-shadow:0 0 3px rgba(0,0,0,.4);}

.throbber {height:38px; width:38px; margin:-18px 10px -18px -3px; background-position:-274px -90px;}

.withicon .symbol, .menuicon, .dot {position:absolute; top:50%;}
.dot, .bit .sign, .triparea .sign, .topleft .withicon .symbol {margin:-13px 0 0;}
.menuicon {left:-19px; height:12px; width:12px; margin:-6px 0 0;}
.bit .editicon, .embed .exiticon {filter:brightness(0) invert(1); transform:translateZ(0);}

.withicon {border-left:33px solid transparent;}
.withicon .symbol {left:-36px; margin:-15px 0 0;}
.withicon .dot {left:-33px;}
.typeicon {margin-left:.2em;}
.hasicon {margin-left:33px;}
.topleft .withicon {border-left-width:29px;}
.topleft .withicon .symbol {left:-32px;}
.bit, .tripdetail {border-left:35px solid transparent;}
.bit .sign {position:absolute; top:.65em; left:-35px;}
.bit .symbol {position:absolute; left:-40px;}
.triparea .sign {position:absolute; top:50%; left:15px; pointer-events:none;}
.slab .bit {display:inline-block; border-width:19px 0 19px 38px; border-style:solid; border-color:transparent; text-align:left;}
h1 .withicon {border-left-width:36px;}
h1 .withicon .dot {left:-36px; height:28px; width:28px; border-radius:12.2px; margin:-14px 0 0;}

.doticon, .hole {top:50%; left:50%;}
.doticon {height:18px; width:18px; margin:-9px;}
.hole {height:8px; width:8px; border-radius:50%; margin:-4px; background-color:#fff;}

.streetmark {background-position:-64px -37px;}
.aerialmark {background-position:-94px -37px;}
.photomark {background-position:-124px -37px;}
.directionsmark {background-position:-154px -37px;}

.exiticon {background-position:-184px -46px;}
.fullicon {background-position:-210px -46px;}

.o0 {background-position:0 -72px;}
.o1, .mapmode1 .rightunit .o0 {background-position:-26px -72px;}
.o2, .mapmode2 .rightunit .o0 {background-position:-52px -72px;}
.o3, .mapmode3 .rightunit .o0 {background-position:-78px -72px;}
.mapicon {background-position:-104px -72px;}
.compassicon, .map2 .leftunit .mapicon {background-position:-130px -72px;}
.earthicon, .map1 .leftunit .mapicon {background-position:-156px -72px;}
.caricon, .map3 .leftunit .mapicon {background-position:-182px -72px;}

.linkicon {background-position:0 -98px;}
#pagebox .caricon {background-position:-30px -98px;}
.cycleicon {background-position:-60px -98px;}
.walkingicon {background-position:-90px -98px;}
.imageicon {background-position:-120px -98px;}
.changeicon {background-position:-150px -98px;}
.staricon {background-position:-180px -98px;}
.helpicon {background-position:-210px -98px;}
.phoneicon {background-position:-240px -98px;}

.editicon {background-position:0 -128px;}
.wcicon {background-position:-120px -128px;}
.wdicon {background-position:-150px -128px;}
.wvicon {background-position:-180px -128px;}
.wpicon {background-position:-210px -128px;}
.gnicon {background-position:-240px -128px;}
.osmicon {background-position:-270px -128px;}

.deicon {background-position:-3px -161px; background-color:#ba9a18;}
.enicon {background-position:-33px -161px; background-color:#138a89;}
.esicon {background-position:-63px -161px; background-color:#bd3436;}
.fricon {background-position:-93px -161px; background-color:#3267c8;}
.pticon {background-position:-123px -161px; background-color:#25862b;}
.mainmark {background-position:-150px -158px;}

.odlogo {background-position:-208px -158px;}
.cclogo {background-position:-208px -188px; right:35%; margin-right:-75px;}
.gelogo {background-position:-170px 0; width:145px; right:35%; margin-right:-95px;}

.gosign {background-position:-222px -216px;}
.starsign {background-position:-244px -216px;}
.upsign {background-position:-266px -216px;}
.downsign {background-position:-288px -216px;}

.leftsign {background-position:-222px -238px;}
.rightsign {background-position:-244px -238px;}
.checksign {background-position:-266px -238px;}
.warnsign, .isign {background-position:-288px -238px;}
.isign {transform:scaleY(-1);}

.searchicon {height:32px !important; width:32px !important; background-position:-32px -37px;}
#mapsearch .searchicon {background-position:-32px -37px; transform:scale(0.8125); margin:-3px;}
.tripgo .symbol {background-position:-194px -218px; position:absolute; top:50%; left:50%; margin:-15px;}

.deicon, .enicon, .esicon, .fricon, .pticon {height:24px !important; width:24px !important; margin:-12px 0 0 3px !important; border-radius:10.4px; overflow:hidden;}

/* logos */

.logos {position:relative; height:21px; margin:15px 0;}
.tripview .logos {margin-top:20px;}
.odlogo, .cclogo, .gelogo {display:block; height:30px;}
.odlogo, .cclogo {width:104px;}
.foot .odlogo, .logos .odlogo, .cclogo, .gelogo {position:absolute; top:-5px;}
.foot .odlogo, .logos .odlogo {left:35%; margin-left:-75px;}
#tripbox .logos .odlogo, #auxbox .logos .odlogo {margin-left:-95px;}
.sources .odlogo {float:right; margin:0 0 2px 10px;}

/* panels */

#pagebox .menuarea {top:0; right:0; left:0; box-shadow:0 0 4px rgba(0,0,0,.4); overflow:hidden;}
.topleft .menuarea {top:40px; left:0;}
#mapsearch .menuarea {top:56px; right:-48px;}
.searchopen #mapsearch .menuarea {right:0;}

.menunotch {top:0; left:23px; border-bottom:9px solid #fff; border-bottom-color:rgba(255,255,255,.9);}
#menu0 .menunotch {left:13px;}
#menu1 .menunotch {left:61px;}

.topunit .menupod {margin:9px 0 0 0;}
.panelblock {display:inline-block;}
.edit .panelblock {max-width:350px;}
.edit .odlogo {margin:-5px 0 5px;}
.mappanel .iconlist {margin-bottom:10px;}
.edit .iconlist {margin:5px 0;}

#pagebox .menupod {margin-top:60px; border-top:1px solid rgba(200,200,200,.8);}
#maparea .menulink {padding:11px 14px;}
#pagebox .menulink {padding:8px 14px;}
.menuclose {float:right; margin:-5px -5px 0 5px; border-radius:13px;}
#headsearch .menuclose, #mapsearch .menuclose {margin-top:-9px;}
.menuclose .symbol {top:2px !important; left:2px !important; transform:scale(0.846);}
.menupod h3:first-of-type, .mappanel li:first-of-type {margin-right:30px;}

/* lightbox */

.consentbox {max-width:310px; padding:25px; text-align:center;}
.consentbuttons {margin:16px -10px;}
.consentbutton {height:66px; border-radius:27px; color:#fff;}
.consent1 .consentbutton {min-width:140px; padding:0 20px;}
.consent2 .consentbutton {width:66px;}
.consentright {float:right; margin-left:12px;}

.photopic {background-size:contain; background-position:center; background-repeat:no-repeat;}
#picunit .photopic {background-size:100% 100%;}
.picinfo {position:absolute; bottom:0; left:0; right:20px; padding-bottom:4px; pointer-events:none;}
.pictext {display:inline-block; max-width:100%; margin:-.2em 0; padding:.2em 0 .2em 10px; pointer-events:auto; cursor:default; color:#f0f0f0; overflow:hidden;}
#piczoom {opacity:0; overscroll-behavior:contain; overflow:auto;}
#piczoom.xpic {overflow-y:hidden;}
#piczoom.ypic {overflow-x:hidden;}

.embedshell {padding:20px 0; margin-bottom:20px;}
.embedmain {height:560px; margin:0 20px; background:#fff; overflow:hidden;}
.embedouter {position:absolute; top:30px; bottom:30px; left:30px; right:30px;}
.embedinner {position:relative; margin:0 auto; max-width:1150px;}
.embedbox {background:#fff;}
.embedclose {top:-15px; right:-15px; background:#222;}
.embedlink {display:block; background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}

/* breadcrumbs */

.crumbs {position:relative; margin:0 -8px 0 0;}
.crumb {position:relative; float:left; max-width:100%;}
.crumblink {margin:8px 8px 0 0; padding:3px 7px; border-radius:10px; overflow:hidden;}

/* map */

#mainmap, #tripmap {height:400px; margin-left:-20px; margin-right:-20px;}
.unsupported {padding:0 20px; text-align:center;}

#map {-webkit-tap-highlight-color:rgba(0,0,0,0); z-index:0;}
.mapboxgl-canvas-container, .maplibregl-canvas-container, .mapboxgl-canvas, .maplibregl-canvas {touch-action:none;}
.hidemap .mapboxgl-canvas-container, .hidemap .maplibregl-canvas-container, .menuarea, .mappanel {visibility:hidden;}
.mapboxgl-canary {background-color:salmon;} /* mapbox only, supress missing CSS warning */

.navbar {display:flex; bottom:0; left:50%; border-bottom:10px solid transparent; border-radius:21.7px 21.7px 0 0; transform:translateX(-50%);}
.navbar :not(:first-child) {margin-left:10px;}
.instruct {right:62px;}
.vacant {top:50%; left:20px; right:20px; transform:translateY(-50%); text-align:center;}
#bigmap .instruct {bottom:10px; left:62px; text-align:center;}
#mainmap .instruct {top:10px; left:10px;}
.notice {text-align:left; padding:6px 15px 6px 10px;}
#bigmap .instruct .notice {vertical-align:bottom;}

.libremap #map {background:#000;}
.map0 .mapbase {background:#dfdcd7;}
.isaerial .mapbase {background:#04070e;}
.map3 .mapbase {background:#fcfcfc;}

.topunit {position:absolute; top:0; height:40px; width:88px; border-top:10px solid transparent;}
.topleft {left:0; border-bottom-right-radius:20px;}
.topright {right:0; border-bottom-left-radius:20px;}
#pagebox .topunit {width:40px;}

a.circle .symbol, .fullmap .symbol {top:7px;}
.circle .symbol, .embedclose .symbol {left:7px;}
.triptype .symbol {left:8px;}

#pagetab, #maptab {position:absolute; top:50%; left:0; margin-top:-23px; height:46px; width:27px; border-radius:0 20px 20px 0;}
.tabicon {display:block; top:17px; border-top:6px solid transparent; border-bottom:6px solid transparent;}
#pagetab .tabicon {left:7px; border-right:8px solid #333;}
#maptab .tabicon {left:9px; border-left:8px solid #333;}

.orb, .mapboxgl-user-location-dot::before, .maplibregl-user-location-dot::before {border-radius:50%; opacity:0;}
.orb {animation:flare 1.4s forwards; background:hsla(0,0%,50%,.5);}
.isaerial .orb {background:hsla(0,0%,95%,.75);}

#aerialmap {position:relative; height:374px; overflow:hidden; -webkit-transform:translateZ(0);} /* fixes safari border radius */
#aerialmap .mark {position:absolute; top:0; left:0; pointer-events:none; border-radius:0 0 17px;}
.fullmap {position:absolute; top:10px; right:10px;}

/* controls */

.bottomleft {bottom:0px; left:0; border-bottom:10px solid transparent; border-top-right-radius:20px;}
.bottomleft .circle {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23333333' fill-rule='evenodd' d='M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0'/%3E %3C/svg%3E"); background-size:34px 34px; background-position:3px 3px; background-repeat:no-repeat;}
.boxmap .bottomleft {bottom:28px; border-bottom-width:8px;}

.mapboxgl-ctrl-bottom-left {position:absolute; bottom:0; left:0;}
.mapboxgl-ctrl-logo {display:block; pointer-events:auto; height:28px; width:95px; border-top-right-radius:12px; background-size:85px 21px; background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.49 21' style='enable-background:new 0 0 84.49 21;' xml:space='preserve'%3E%3Cg%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M83.25,14.26c0,0.12-0.09,0.21-0.21,0.21h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39l-1.44,2.39 c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68L76.2,6.84 c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.4-2.35 c0.06-0.11,0.18-0.17,0.3-0.17H83c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.37,3.63l2.43,3.67 C83.24,14.18,83.25,14.22,83.25,14.26z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M66.24,9.59c-0.39-1.88-1.96-3.28-3.84-3.28c-1.03,0-2.03,0.42-2.73,1.18V3.51c0-0.13-0.1-0.23-0.23-0.23h-1.4 c-0.13,0-0.23,0.11-0.23,0.23v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.11,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.73,1.18 c1.88,0,3.45-1.41,3.84-3.29C66.37,10.79,66.37,10.18,66.24,9.59L66.24,9.59z M62.08,13c-1.32,0-2.39-1.11-2.41-2.48v-0.06 c0.02-1.38,1.09-2.48,2.41-2.48s2.42,1.12,2.42,2.51S63.41,13,62.08,13z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M71.67,6.32c-1.98-0.01-3.72,1.35-4.16,3.29c-0.13,0.59-0.13,1.19,0,1.77c0.44,1.94,2.17,3.32,4.17,3.3 c2.35,0,4.26-1.87,4.26-4.19S74.04,6.32,71.67,6.32z M71.65,13.01c-1.33,0-2.42-1.12-2.42-2.51s1.08-2.52,2.42-2.52 c1.33,0,2.42,1.12,2.42,2.51S72.99,13,71.65,13.01L71.65,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M62.08,7.98c-1.32,0-2.39,1.11-2.41,2.48v0.06C59.68,11.9,60.75,13,62.08,13s2.42-1.12,2.42-2.51 S63.41,7.98,62.08,7.98z M62.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25 c0.63,0,1.17,0.57,1.17,1.27C63.24,11.2,62.73,11.76,62.08,11.76z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M71.65,7.98c-1.33,0-2.42,1.12-2.42,2.51S70.32,13,71.65,13s2.42-1.12,2.42-2.51S72.99,7.98,71.65,7.98z M71.65,11.76c-0.64,0-1.17-0.57-1.17-1.27c0-0.7,0.53-1.26,1.17-1.26s1.17,0.57,1.17,1.27C72.82,11.21,72.29,11.76,71.65,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M45.74,6.53h-1.4c-0.13,0-0.23,0.11-0.23,0.23v0.73c-0.71-0.75-1.7-1.18-2.73-1.18 c-2.17,0-3.94,1.87-3.94,4.19s1.77,4.19,3.94,4.19c1.04,0,2.03-0.43,2.73-1.19v0.73c0,0.13,0.1,0.23,0.23,0.23h1.4 c0.13,0,0.23-0.11,0.23-0.23V6.74c0-0.12-0.09-0.22-0.22-0.22C45.75,6.53,45.75,6.53,45.74,6.53z M44.12,10.53 C44.11,11.9,43.03,13,41.71,13s-2.42-1.12-2.42-2.51s1.08-2.52,2.4-2.52c1.33,0,2.39,1.11,2.41,2.48L44.12,10.53z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M41.71,7.98c-1.33,0-2.42,1.12-2.42,2.51S40.37,13,41.71,13s2.39-1.11,2.41-2.48v-0.06 C44.1,9.09,43.03,7.98,41.71,7.98z M40.55,10.49c0-0.7,0.52-1.27,1.17-1.27c0.64,0,1.14,0.56,1.17,1.25v0.04 c-0.01,0.68-0.53,1.24-1.17,1.24C41.08,11.75,40.55,11.19,40.55,10.49z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M52.41,6.32c-1.03,0-2.03,0.42-2.73,1.18V6.75c0-0.13-0.1-0.23-0.23-0.23h-1.4c-0.13,0-0.23,0.11-0.23,0.23 v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.1,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.74,1.18c2.17,0,3.94-1.87,3.94-4.19 S54.58,6.32,52.41,6.32z M52.08,13.01c-1.32,0-2.39-1.11-2.42-2.48v-0.07c0.02-1.38,1.09-2.49,2.4-2.49c1.32,0,2.41,1.12,2.41,2.51 S53.4,13,52.08,13.01L52.08,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M52.08,7.98c-1.32,0-2.39,1.11-2.42,2.48v0.06c0.03,1.38,1.1,2.48,2.42,2.48s2.41-1.12,2.41-2.51 S53.4,7.98,52.08,7.98z M52.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25c0.63,0,1.17,0.58,1.17,1.27 S52.72,11.76,52.08,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M36.08,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68c0-0.98-0.74-1.71-1.62-1.71 c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.11,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V6.74 c0.01-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03c1.09,0,2.09,0.6,2.6,1.55 c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78L36.08,14.24z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M84.34,13.59l-0.07-0.13l-1.96-2.99l1.94-2.95c0.44-0.67,0.26-1.56-0.41-2.02c-0.02,0-0.03,0-0.04-0.01 c-0.23-0.15-0.5-0.22-0.78-0.22h-1.61c-0.56,0-1.08,0.29-1.37,0.78L79.72,6.6l-0.34-0.56C79.09,5.56,78.57,5.27,78,5.27h-1.6 c-0.6,0-1.13,0.37-1.35,0.92c-2.19-1.66-5.28-1.47-7.26,0.45c-0.35,0.34-0.65,0.72-0.89,1.14c-0.9-1.62-2.58-2.72-4.5-2.72 c-0.5,0-1.01,0.07-1.48,0.23V3.51c0-0.82-0.66-1.48-1.47-1.48h-1.4c-0.81,0-1.47,0.66-1.47,1.47v3.75 c-0.95-1.36-2.5-2.18-4.17-2.19c-0.74,0-1.46,0.16-2.12,0.47c-0.24-0.17-0.54-0.26-0.84-0.26h-1.4c-0.45,0-0.87,0.21-1.15,0.56 c-0.02-0.03-0.04-0.05-0.07-0.08c-0.28-0.3-0.68-0.47-1.09-0.47h-1.39c-0.3,0-0.6,0.09-0.84,0.26c-0.67-0.3-1.39-0.46-2.12-0.46 c-1.83,0-3.43,1-4.37,2.5c-0.2-0.46-0.48-0.89-0.83-1.25c-0.8-0.81-1.89-1.25-3.02-1.25h-0.01c-0.89,0.01-1.75,0.33-2.46,0.88 c-0.74-0.57-1.64-0.88-2.57-0.88H28.1c-0.29,0-0.58,0.03-0.86,0.11c-0.28,0.06-0.56,0.16-0.82,0.28c-0.21-0.12-0.45-0.18-0.7-0.18 h-1.4c-0.82,0-1.47,0.66-1.47,1.47v7.5c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.48-0.66,1.48-1.48l0,0V9.79 c0.03-0.36,0.23-0.59,0.36-0.59c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41c0.82,0,1.47-0.66,1.47-1.47 l-0.01-4.57c0.06-0.32,0.25-0.47,0.35-0.47c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41 c0.82,0,1.47-0.66,1.47-1.47v-0.38c0.96,1.29,2.46,2.06,4.06,2.06c0.74,0,1.46-0.16,2.12-0.47c0.24,0.17,0.54,0.26,0.84,0.26h1.39 c0.3,0,0.6-0.09,0.84-0.26v2.01c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.47-0.66,1.47-1.47v-1.77c0.48,0.15,0.99,0.23,1.49,0.22 c1.7,0,3.22-0.87,4.17-2.2v0.52c0,0.82,0.66,1.47,1.47,1.47h1.4c0.3,0,0.6-0.09,0.84-0.26c0.66,0.31,1.39,0.47,2.12,0.47 c1.92,0,3.6-1.1,4.49-2.73c1.54,2.65,4.95,3.53,7.58,1.98c0.18-0.11,0.36-0.22,0.53-0.36c0.22,0.55,0.76,0.91,1.35,0.9H78 c0.56,0,1.08-0.29,1.37-0.78l0.37-0.61l0.37,0.61c0.29,0.48,0.81,0.78,1.38,0.78h1.6c0.81,0,1.46-0.66,1.45-1.46 C84.49,14.02,84.44,13.8,84.34,13.59L84.34,13.59z M35.86,14.47h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23 V9.68c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23 V6.74c0.01-0.13,0.11-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03 c1.09,0,2.09,0.6,2.6,1.55c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78l0.01,5.16C36.09,14.36,35.98,14.46,35.86,14.47 L35.86,14.47z M45.97,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V13.5c-0.7,0.76-1.69,1.18-2.72,1.18 c-2.17,0-3.94-1.87-3.94-4.19s1.77-4.19,3.94-4.19c1.03,0,2.02,0.43,2.73,1.18V6.74c0-0.13,0.1-0.23,0.23-0.23h1.4 c0.12-0.01,0.22,0.08,0.23,0.21c0,0.01,0,0.01,0,0.02v7.51h-0.01V14.24z M52.41,14.67c-1.03,0-2.02-0.43-2.73-1.18v3.97 c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.1-0.23-0.23V6.75c0-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.23,0.11,0.23,0.23v0.73 c0.71-0.76,1.7-1.18,2.73-1.18c2.17,0,3.94,1.86,3.94,4.18S54.58,14.67,52.41,14.67z M66.24,11.39c-0.39,1.87-1.96,3.29-3.84,3.29 c-1.03,0-2.02-0.43-2.73-1.18v0.73c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V3.51c0-0.13,0.1-0.23,0.23-0.23 h1.4c0.13,0,0.23,0.11,0.23,0.23v3.97c0.71-0.75,1.7-1.18,2.73-1.17c1.88,0,3.45,1.4,3.84,3.28C66.37,10.19,66.37,10.8,66.24,11.39 L66.24,11.39L66.24,11.39z M71.67,14.68c-2,0.01-3.73-1.35-4.17-3.3c-0.13-0.59-0.13-1.19,0-1.77c0.44-1.94,2.17-3.31,4.17-3.3 c2.36,0,4.26,1.87,4.26,4.19S74.03,14.68,71.67,14.68L71.67,14.68z M83.04,14.47h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39 l-1.44,2.39c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68 L76.2,6.84c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.41-2.36 c0.06-0.11,0.18-0.17,0.3-0.17h1.61c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.38,3.64l2.43,3.67 c0.02,0.03,0.03,0.07,0.03,0.12C83.25,14.38,83.16,14.47,83.04,14.47L83.04,14.47L83.04,14.47z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M10.5,1.24c-5.11,0-9.25,4.15-9.25,9.25s4.15,9.25,9.25,9.25s9.25-4.15,9.25-9.25 C19.75,5.38,15.61,1.24,10.5,1.24z M14.89,12.77c-1.93,1.93-4.78,2.31-6.7,2.31c-0.7,0-1.41-0.05-2.1-0.16c0,0-1.02-5.64,2.14-8.81 c0.83-0.83,1.95-1.28,3.13-1.28c1.27,0,2.49,0.51,3.39,1.42C16.59,8.09,16.64,11,14.89,12.77z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M10.5-0.01C4.7-0.01,0,4.7,0,10.49s4.7,10.5,10.5,10.5S21,16.29,21,10.49C20.99,4.7,16.3-0.01,10.5-0.01z M10.5,19.74c-5.11,0-9.25-4.15-9.25-9.25s4.14-9.26,9.25-9.26s9.25,4.15,9.25,9.25C19.75,15.61,15.61,19.74,10.5,19.74z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M14.74,6.25C12.9,4.41,9.98,4.35,8.23,6.1c-3.16,3.17-2.14,8.81-2.14,8.81s5.64,1.02,8.81-2.14 C16.64,11,16.59,8.09,14.74,6.25z M12.47,10.34l-0.91,1.87l-0.9-1.87L8.8,9.43l1.86-0.9l0.9-1.87l0.91,1.87l1.86,0.9L12.47,10.34z'/%3E %3Cpolygon class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' points='14.33,9.43 12.47,10.34 11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 '/%3E%3C/g%3E%3C/svg%3E"); background-position:10px 0; background-repeat:no-repeat;}

.bottomright, .mapboxgl-ctrl-group, .maplibregl-ctrl-group {bottom:22px; right:0; margin-bottom:1.216em;} /* 1.6em*76% */
.bottomright {border-radius:20px 0 0 20px;}
.zoomin, .zoomout, .zoomunit {display:block; background-size:38px 38px; background-repeat:no-repeat;}
.zoomin, .zoomunit {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E");}
.zoomout, .zoomed .zoomunit {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E");}
.zoomin {border-radius:17.4px 17.4px 0 0; background-position:1px 4px;}
.zoomout {border-radius:0 0 17.4px 17.4px; background-position:1px -2px;}
.zoomunit {background-position:1px 1px;}

.mapboxgl-ctrl-bottom-right, .maplibregl-ctrl-bottom-right {position:absolute; bottom:0; right:0;}
.mapboxgl-ctrl-group, .maplibregl-ctrl-group {position:absolute; border-bottom:88px solid transparent; border-top-left-radius:20px !important; border-bottom-left-radius:20px !important;}
.mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate {display:block; background-position:3px 3px; background-size:34px 34px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E"); background-repeat:no-repeat;}
.mapboxgl-ctrl-geolocate:disabled, .maplibregl-ctrl-geolocate:disabled {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M14.434,7.688c0.213,0.407 0.371,0.848 0.466,1.312l0.1,0c0,0 1,0 1,1c0,1 -1,1 -1,1l-0.1,0c-0.4,1.96 -1.94,3.5 -3.9,3.9l0,0.1c0,0 0,1 -1,1c-1,0 -1,-1 -1,-1l0,-0.1c-0.477,-0.097 -0.93,-0.262 -1.347,-0.484c0.383,-0.377 0.767,-0.753 1.151,-1.129c0.374,0.138 0.777,0.213 1.196,0.213c1.92,0 3.5,-1.58 3.5,-3.5c0,-0.403 -0.07,-0.791 -0.197,-1.153c0.379,-0.384 0.756,-0.77 1.131,-1.159Zm-9.334,1.312c0.4,-1.961 1.94,-3.5 3.9,-3.9l0,-0.1c0,0 0,-1 1,-1c1,0 1,1 1,1l0,0.1c0.477,0.097 0.93,0.262 1.347,0.484c-0.383,0.377 -0.767,0.753 -1.151,1.129c-0.374,-0.138 -0.777,-0.213 -1.196,-0.213c-1.92,0 -3.5,1.58 -3.5,3.5c0,0.403 0.07,0.791 0.197,1.153c-0.379,0.384 -0.756,0.77 -1.131,1.159c-0.213,-0.407 -0.371,-0.848 -0.466,-1.312l-0.1,0c-0.005,0 -1,-0.003 -1,-1c0,-0.997 0.995,-1 1,-1l0.1,0Z'/%3E %3Cpath d='M14,5l1,1l-9,9l-1,-1l9,-9Z'/%3E %3C/svg%3E");}
.mapboxgl-ctrl-scale, .maplibregl-ctrl-scale {position:relative; bottom:10px; right:10px; height:1.6em; border-width:0 2px 2px; border-style:none solid solid; border-color:#000; border-radius:0 0 8px 8px; padding:0 5px; line-height:1.6em; font-size:76%; color:#000; text-align:right; background-color:rgba(255,255,255,.6);}
.isaerial .mapboxgl-ctrl-scale, .isaerial .maplibregl-ctrl-scale {border-color:#fff; color:#fff; background-color:rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.2);}

@media not all and (any-pointer:fine),
not all and (any-hover:hover) {
	.bottomright {display:none;}
	.mapboxgl-ctrl-group, .maplibregl-ctrl-group {border-bottom-width:0;}
}

/* location */

.mapboxgl-marker, .maplibregl-marker {position:absolute; top:0; left:0; will-change:transform;}
.mapboxgl-user-location-dot, .maplibregl-user-location-dot {height:12px; width:12px; border-radius:50%; background-color:#0a9e9e; box-shadow:0 0 3px rgba(255,255,255,.3);}
.mapboxgl-user-location-dot::before, .maplibregl-user-location-dot::before {content:''; animation:pulse 2s infinite; position:absolute; top:-8px; left:-8px; background-color:hsla(180,48%,48%,.5);}
.isaerial .mapboxgl-user-location-dot, .isaerial .maplibregl-user-location-dot {background-color:#5ec9c9; box-shadow:0 0 3px rgba(0,0,0,.3);}
.isaerial .mapboxgl-user-location-dot::before, .isaerial .maplibregl-user-location-dot::before {background-color:hsla(0,0%,100%,.5);}

/* pic */

#headbox, .backpic, .formpic {background-size:cover; background-position:center; background-repeat:no-repeat;}
.backpic {z-index:-1; transform:translateZ(0); background-color:#bbb;}
.scenebox {width:100%; padding:30px; text-align:center; color:#fff; overflow:hidden;}
.scenebox .backpic {filter:contrast(.65) saturate(1.3) brightness(.8);}
#mainfoot .backpic {filter:contrast(1.05) brightness(1.4);}

@supports (aspect-ratio:1 / 1) {
	button.pic {height:auto !important;}
}
.picimage, .mapimage {object-fit:cover;}

.mappic {height:0; width:0; border:0 solid transparent; border-radius:32.6px; background:#fff; overflow:hidden;}
.mappic.livepic {height:75px; width:75px; border-width:2px;}
.mappic.livepic.hoverpic {height:150px; width:150px; border-radius:15px; z-index:2147483647 !important;}
.hoverpic .imagetext {opacity:1;}
.imagetext {position:absolute; opacity:0; bottom:0; left:0; right:0%; padding:5%; color:#fff; overflow:hidden;}

#mainfoot {position:relative; margin:0 -20px -20px;}
#mainfoot .foot {border-left:20px solid transparent; border-right:20px solid transparent; padding:0 0 20px; text-shadow:0 0 4px rgba(255,255,255,.75); background:linear-gradient(#fff,rgba(255,255,255,.85) 50%,rgba(255,255,255,.8) 100%);}

/* search */

#headsearch {position:relative; border-width:30px 20px; border-style:solid; border-color:transparent; background:rgba(170,170,170,.3);}
#tripform {border:20px solid transparent; background:rgba(170,170,170,.5);}

.headform, input.tripfield {will-change:transform; transform:translateZ(0px); backface-visibility:hidden;}
input.field {height:32px; line-height:32px;}

#headbox {position:relative; height:120px;}
#headsearch, .headsubmit {height:60px;}
.headform {position:relative; padding:0 60px; background:rgba(255,255,255,.7); box-shadow:0 0 4px rgba(0,0,0,.2), inset 0 0 4px rgba(255,255,255,.25); overflow:hidden;}
.sitelogo {position:absolute; top:14px; left:57px; height:37px; width:170px; opacity:.79;}

.headsubmit {top:0; right:0; width:50px; border-radius:0 23px 23px 0;}
.headsubmit .symbol {position:absolute; top:14px; left:4px;}
input#headfield {opacity:0; padding:14px 0; background:transparent;}

#mapsearch {overflow:visible;}
.mapform {position:absolute; opacity:0; top:2px; left:15px; background:transparent;}
input#mapfield {width:10px; background:transparent;}
.searchopen .topunit.topright, .searchopen #mapsearch, #mapsearch .menuarea {width:300px;}
.searchopen .topunit.topright {border-bottom-left-radius:28px;}
.searchopen .mapsubmit {width:50px; border-radius:0 23px 23px 0;}
.searchopen #mapsearch .searchicon {transform:scale(1);}

.searchopen .mapform {opacity:1; top:12px;}
.searchopen input#mapfield {width:236px;}
.searchopen .topright .rightunit {transform:scale(0); right:-25px;}

/* trip */

.formpic {position:absolute; top:-5px; bottom:-5px; left:-5px; right:-5px; filter:blur(5px); transform:translateZ(0);}

.tripbase {position:relative; padding:0 65px 0 0;}
input.tripfield {padding:14px 14px 14px 51px;}
.tripswap {height:20px; width:40px; top:60px; left:50%; margin-left:-20px;}
.tripdown, .tripup {display:block; top:6.5px; filter:drop-shadow(0 0 4px rgba(0,0,0,.3)); transform:translateZ(0);}
.tripdown {left:6px; border-top:8px solid #fff;}
.tripup {right:6px; border-bottom:8px solid #fff;}

.triptype {height:46px; width:46px; top:5px; border-radius:20px;}
.trip0 {left:0;}
.trip1 {left:22%;}
.trip2 {left:44%;}
.tripgo {width:34%; margin:0 0 0 auto;}
#tripmessage {border-bottom:20px solid transparent;}

.routeicon {margin-right:15px; background:#fff;}
.routeicon.circle .symbol {top:5px; left:5px;}
.triplabel {margin-top:-.3em; overflow:hidden;}
.tripdata {margin-top:.2em;}

/* high-resolution graphics - place before others to help prevent bugs */

@media
only screen and (-webkit-min-device-pixel-ratio:1.01),
only screen and (min-resolution:97dpi),
only screen and (min-resolution:1.01dppx) {
	.symbol, .doticon, .sign, .throbber, .sitelogo, #headicon, .gelogo, .odlogo, .cclogo {background-image:url(/images/sprite9-2x.png);}
}

@media
only screen and (-webkit-min-device-pixel-ratio:2.01),
only screen and (min-resolution:193dpi),
only screen and (min-resolution:2.01dppx) {
	.symbol, .doticon, .sign, .throbber, .sitelogo, #headicon, .gelogo, .odlogo, .cclogo {background-image:url(/images/sprite9-3x.png);}
}

/* sizing */

@media screen and (max-width:349px) {
	.sitelogo {transform:scale(0.92) translateX(-7px);}
}

@media screen and (min-width:350px) and (max-width:389px) {
	.sitelogo {transform:scale(0.96) translateX(-3.5px);}
}

@media screen and (max-width:379px) {
	.picform {margin-left:-16px; margin-right:-16px;}
	#tripform {border-width:18px 16px;}
	.formphoto, #tripform {border-radius:0;}
}

@media screen and (max-width:419px) {
	.searchopen .topleft .circle {transform:scale(0);}
}

@media screen and (max-width:319px) {
	.searchopen .topunit.topright, .searchopen #mapsearch, #mapsearch .menuarea {width:280px;}
	.searchopen input#mapfield {width:216px;}
}

@media screen and (min-width:760px) and (max-width:839px) {
	.pagemode .searchopen .topleft .circle {transform:scale(0);}
}

@media screen and (max-width:759px) {
	.pagemode #bigmap, #pagetab, #maptab, .nomap #mainmap, .nomap #tripmap, #mousestrip {display:none;}
	#mainmap, #tripmap {display:block;}
	body.pagemode {display:flex; flex-direction:column; position:static; height:auto; min-height:100%; width:auto; overflow:visible;}
	.pagemode #pagebox {flex:1; position:static; top:auto; left:auto; height:auto; width:auto; overflow:hidden;}
	#mainmap + .openad {border-top-width:40px;}
	.nomap #mainmap + .openad {border-top-width:20px;}
	.nomap #mainmap + .embedshell {margin-top:20px;}
}

@media screen and (min-width:760px) {
	body.pagemode {overscroll-behavior:auto;}
	.mainview #bigmap .instruct {display:block;}
	.embedshell {padding:0; background-color:transparent; margin-bottom:0;}
	.embedmain {display:none;}
}

@media screen and (min-width:760px) and (max-width:1125px) {
	.pagemode #pagebox {width:50%;}
	.pagemode #bigmap {left:50%;}
}

@media screen and (max-width:359px) {
	.listtable, .listrow, .listbox {display:block;}
	.listboxes {margin:-10px 0 0 0;}
	.listlinks, .listlinks .listbox, .listlink {height:auto;}
	.listbox {width:auto; margin-top:10px; vertical-align:baseline;}
	.columns {columns:auto;}
	#mainbox button.slab {width:100%; padding:0 18px;}
}

@media screen and (max-width:399px),
screen and (min-width:760px) and (max-width:799px) {
	#headcover {margin:0 -4px;}
	#mainbox, #tripbox, #auxbox {padding:0 16px 18px;}
	#mainmap, #tripmap, .promo {margin-left:-16px; margin-right:-16px;}
	.brave, .embedmain {margin-left:16px; margin-right:16px;}
	#mainfoot {margin:0 -16px -18px;}
	#mainfoot .foot {border-left:16px solid transparent; border-right:16px solid transparent; padding:0 0 18px;}
}

@media screen and (min-width:620px) and (max-width:759px),
screen and (min-width:1700px) {
	.triple {columns:3;}
}

@media screen and (max-width:449px),
screen and (min-width:760px) and (max-width:899px) {
	.stacks {display:none;}
	.strips {display:block;}
	.sources .odlogo {float:none; margin:-5px 0 5px;}
}

@media screen and (max-height:499px) {
	.navbar {display:none;}
	.consentbox {max-width:none;}
}

@media screen and (min-width:500px) {
	.embedouter {left:calc(30% - 120px); right:calc(30% - 120px);}
}

@media screen and (min-height:500px) {
	.embedouter {top:calc(30% - 120px); bottom:calc(30% - 120px);}
}

@media screen and (max-width:499px),
screen and (max-height:499px) {
	.consentbox {padding:20px;}
}

/* animations */

.throbber {animation:spin 5s linear infinite; will-change:transform;}

.animate .headform, .animate input.tripfield, .triptype {transition:background-color .3s, border-radius .3s, box-shadow .3s;}
.animate .sitelogo, .menuarea, .mappanel, .lightbox, .mapnotice, .navbar {transition:opacity .3s;}

.livepic, .morph .topunit.topright, .morph #mapsearch, .morph .mapsubmit {transition:height 1s, width 1s, border-width 1s, border-radius 1s;}
.livepic .imagetext {transition:opacity 1s;}

.morph #mapsearch .searchicon, .morph .topright .rightunit, .morph .mapform, .morph #mapsearch .menuarea, .morph .topleft .circle, .morph input#mapfield {transition:opacity 1s, transform 1s, top 1s, right 1s, width 1s;}

@keyframes spin {
	100% {transform:rotate(360deg);}
}
@keyframes pulse {
	0% {transform:scale(1); opacity:1;}
	70% {transform:scale(3); opacity:0;}
	100% {transform:scale(1); opacity:0;}
}
@keyframes flare {
	0% {transform:scale(1); opacity:1;}
	100% {transform:scale(3); opacity:0;}
}

/* hover */

@media (hover:hover) and (pointer:fine) {
	.headform:hover, input.tripfield:hover, .trip0:hover, .trip1:hover, .trip2:hover {background-color:rgba(255,255,255,.9);}
	input.tripfield:hover {box-shadow:0 0 4px rgba(0,0,0,.2);}
	.menulive input.tripfield:hover {box-shadow:0 0 4px transparent;}
}

#css {display:none;}