@charset "UTF-8";

:root {--sprite:url(/images/sprite9-1x.webp); --edge:-1px 0 0 rgba(0,0,0,.15), 1px 0 0 rgba(0,0,0,.15), 0 -1px 0 rgba(0,0,0,.065), 0 1px 0 rgba(0,0,0,.065), inset 0 2px 2px -2px rgba(255,255,255,.5), inset 0 -2px 2px -2px rgba(255,255,255,.7); --bright:linear-gradient(to bottom,rgba(255,255,255,.845),rgba(255,255,255,.6) 20%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.915));}
html, body {height:100vh; height:100dvh; margin:0; -webkit-text-size-adjust:none; text-size-adjust:none; background:#fff;}
body {position:fixed; width:100%; font-size:103%; font-weight:300; word-wrap:break-word; 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;}
.nohyphens {-webkit-hyphens:manual; hyphens:manual;}

table {border-collapse:collapse;}
td {padding:0; vertical-align:top;}
.middle {vertical-align:middle;}
iframe {border:none;}
img {color:transparent; vertical-align:middle;}
input {border:none; border-radius:0; padding:0; font-weight:300 !important; appearance:none;}

.noselect, form, #bigmap, #mainmap, #tripmap, #aerialmap, #headbox, .spinner, .lightbox, #mousestrip {-webkit-touch-callout:none; -webkit-user-select:none; user-select:none; cursor:default;}
a, button, .menulink, #pagebox #map, .photo, .mappic, #aerialmap {cursor:pointer;}
button {outline:none; border:none; padding:0; font:inherit; color:inherit; background:none; -webkit-tap-highlight-color:transparent;}
button::-moz-focus-inner {border:none; padding:0;}
a:focus, input:focus {outline:none;}
.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;}

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .maplibregl-ctrl-bottom-right, #pagebox .mapboxgl-canvas-container, #pagebox .maplibregl-canvas-container, .maplibregl-marker-covered, .mapnotice, .menuarea, .photo.inactive > *, .inactive .embedbox, .inactive .panelblock, .inactive .consentbox, .inactive .mark, input#mapfield, .sitelogo, .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;}

.pic, .strips .switchlink, .circle, .listlink, .embedframe, .tripname, .menupod, .menulink {overflow:hidden;}

#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;}
.menunotch, .tripdown, .tripup {border-right:7px solid transparent; border-left:7px solid transparent;}

.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, #tripform .slab, .mapimage, .picimage {display:block;}

.crumblink, .throbber, .circle, .symbol, .tile, .switchlink, .mark, #tripform, input.field, .menuclose, .pic, .bit, .scenebox, .pic + .piccredit, .mapbubble {display:block; position:relative;}
.inlineblock, .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, .doticon, .hole, #headicon, .embedclose, .triptype, .headsubmit, .tripswap, .backpic, .picmirror {position:absolute;}
.lightbox {position:fixed;}

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

#bigmap, #maparea, #map, .lightbox, .embedbox, .mappanel, .backpic, .picmirror {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%;}

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

.dot, .sign, .topunit .symbol, .menuclose .symbol, .embedclose .symbol {height:26px; width:26px;}
.sphere, .orb, h1 .withicon .dot, .mapboxgl-user-location-dot::before, .maplibregl-user-location-dot::before {height:28px; width:28px;}
.symbol, .tile, .menuclose {height:30px; width:30px;}
.circle, .embedclose, .zoomin, .zoomout, .mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate, .mapsubmit {height:42px; width:42px;}
.navbar, .mark, .strips .switchlink {height:50px;}
.mark {width: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, h2 a, h3, h3 a {font-weight:500;}
.bold, .crumbs, .rubric, a, .buttonlink {font-weight:400;}
.picinfo, .imagetext, .scenebox {font-weight:400; text-shadow:0 0 4px #000;}
.addition {font-weight:300;}

/* line height */

body, .brave {line-height:1.5;}
ul, .listbox, .consentbox, .scenebox, .addition, .bit, .mappanel, .tripinfo, .piccredit, .blurb {line-height:1.3;}
.picinfo, .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 */

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

/* padding */

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

/* border */

.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;}

.tile {border:3px solid #fff; border-radius:10px;}

.dot, .sign, .triptype, .mark, #headicon, .hole {border-radius:50%;}
.slab, .crumblink, .consentbutton {border-radius:9999px;}
.textbox, .embedmain, .pic, #maparea .menupod, .listbox, .listlink, .picbubble {border-radius:15px;}
.circle, .mapsubmit, .mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate, .zoompill, .embedclose, .notice {border-radius:21px;}
.panelblock, .consentbox, .embedbox, .embedlink {border-radius:25px;}
.headform, input.tripfield, #pagebox .menuarea, .searchopen #mapsearch.circle, .brave, .scenebox, .formphoto, #tripform, .mapbubble {border-radius:30px;}

.bottomright {border-radius:21px 0 0 21px;}
.zoomin {border-radius:21px 21px 0 0;}
.zoomout {border-radius:0 0 21px 21px;}

.menulive .headform, .menulive input.tripfield {border-radius:30px 30px 0 0;}
.headsubmit, .searchopen .mapsubmit {border-radius:0 30px 30px 0;}

/* box shadows */

.bubble, .tile, .l0, .l48, .l124, .l180, .l220, .l270, .embedshell, .brave, .headform, .routeicon, .picbubble, .pic, .embedmain, .mappic, .notice, .consentbox, .embedclose, input.tripfield, .embedbox, #maparea .menupod, .panelblock, .navbar .mark, #headicon {box-shadow:var(--edge);}

.headlive.menulive .headform, .triplive.menulive input.tripfield {box-shadow:none;}

/* background */

.symbol, .doticon, .sign, .throbber, .sitelogo, #headicon, .gelogo, .odlogo, .cclogo {background-image:var(--sprite); background-size:312px 261px; background-repeat:no-repeat;}

.bubble, .listfoot {background:linear-gradient(to bottom,#f8f8f8,#f4f4f4 20%,#f4f4f4 50%,#f9f9f9); border-color:transparent; background-origin:border-box;}

.tile, .embedbox, .pic + .piccredit {background-color:#fff;}
.pic, .picimage, #aerialmap {background-color:#e4e4e4;}
#headbox, .formpic, .backpic {background-color:#bbb;}

input.tripfield {background-color:rgba(245,245,245,.7);}
.triptype {background-color:rgba(230,230,230,.5);}
.mapbubble .piccredit {background-color:rgba(255,255,255,.8);}
.frosted, .mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate {background-color:rgba(255,255,255,.72); box-shadow:var(--edge), inset 0 9px 8px -8px rgba(255,255,255,.75), inset 0 -22px 20px -20px rgba(255,255,255,.7);}
.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, input#headfield, .rubric, .tripdata, .tripname {color:#333;}
.textbox, .listbox, .addition, .brave {color:#000;}

.pick0 .entry0, .pick1 .entry1, .pick2 .entry2, .pick3 .entry3, .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:#c8433f;}
.x0 {background:linear-gradient(135deg,#c74055,#c74724);}

.b48 {background-color:#ae8f0d;}
.x48 {background:linear-gradient(135deg,#b9890d,#a2950d);}

.c124 {color:#0d6415;}
.b124 {background-color:#218f28;}
.x124 {background:linear-gradient(135deg,#4d8a09,#0b8f4e);}

.c180 {color:#0d5f5f;}
.b180 {background-color:#0b8989;}
.x180, .tripview .shiftyswitch .x220 {background:linear-gradient(135deg,#0b8a7f,#0b8792);}

a, .buttonlink {color:#04c;}
.piclink {color:#dbe7ff;}

.b220 {background-color:#3b72da;}
.x220 {background:linear-gradient(135deg,#0979d5,#566bda);}

.l0 {background:linear-gradient(to bottom,#f3f1f1,#eeeaea 20%,#eeeaea 50%,#f5f3f3);}
.l48 {background:linear-gradient(to bottom,#f3f2f0,#ecebe8 20%,#ecebe8 50%,#f5f4f2);}
.l124 {background:linear-gradient(to bottom,#f1f2f1,#e9ece9 20%,#e9ece9 50%,#f3f4f3);}
.l180 {background:linear-gradient(to bottom,#f0f2f2,#e8ecec 20%,#e8ecec 50%,#f2f4f4);}
.l220, .embedshell {background:linear-gradient(to bottom,#f1f2f4,#e9ebee 20%,#e9ebee 50%,#f3f4f6);}
.l270 {background:linear-gradient(to bottom,#f3f2f4,#eceaed 20%,#eceaed 50%,#f5f4f6);}

/* text */

a {text-decoration:none;}
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;}
.topleft .menulink, .crumblink, .switchtag, .pictext, .imagetext {text-overflow:ellipsis;}
.clear {clear:both;}

.reverse {unicode-bidi:bidi-override; direction:rtl;}
.bottomspace {padding-bottom:15px;}

/* headings */

h1, h2, h3 {margin:0;}
h1, h2 {letter-spacing:-.005em;}
h1 {padding:14px 0; font-size:200%; clear:both;}
h2 {padding:0 0 12px; font-size:170%;}
h3 {padding:14px 0 12px; font-size:140%;}
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;}

/* promos */

.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 {margin:0; padding:0; list-style:none;}
li {-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;}
.tilelist {margin:-4px 0;}
.tilelist li {padding:4px 0;}
.columns, .double, .triple {columns:2;}
.scroll {overflow:auto; height:30em; max-height:60vh;}
.scroll li {-webkit-perspective:1;} /* fixes disappearing ios side scrolling */

.listtable {display:grid; row-gap:8px;}
.listrow {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:8px;}
.textbox, .brave, .piccredit {padding:13px;}
.linkbox, .listtext .listbox {padding:9px;}
.listbox, .listlink {display:grid; grid-row:span 2; grid-template-rows:subgrid;}
.listfoot {margin:9px -9px -9px; padding:9px; border-radius:0 0 15px 15px;}
.listbox .addition {margin-top:.25em;}

/* spacers */

.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:6px;}

.stacks .mark {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; background-position:-271px -49px; background-color:#c4d4f5;}

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

.withicon .symbol, .withicon .tile, .dot {position:absolute; top:50%;}
.dot, .bit .sign, .triparea .sign, .topleft .withicon .symbol {margin:-13px 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;}
.tiled {border-left-width:44px; padding:7px 0;}
.withicon .tile {left:-44px; margin-top:-18px;}
.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:solid transparent; border-width:19px 0 19px 38px; text-align:left;}
h1 .withicon {border-left-width:36px;}
h1 .withicon .dot {left:-36px; margin:-14px 0 0;}

.doticon, .hole {top:50%; left:50%;}
.doticon {height:18px; width:18px; margin:-9px;}
.hole {height:8px; width:8px; 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;}
.hotelmark {background-position:-30px -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:#ae8f0d;}
.enicon {background-position:-33px -161px; background-color:#0b8989;}
.esicon {background-position:-63px -161px; background-color:#c8433f;}
.fricon {background-position:-93px -161px; background-color:#3b72da;}
.pticon {background-position:-123px -161px; background-color:#218f28;}
.mainmark {background-position:-150px -158px;}

.odlogo {background-position:-208px -158px;}
.cclogo {background-position:-208px -188px;}
.gelogo {background-position:-170px 0;}

.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 {transform:scale(.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; left:50% !important; margin:-12px !important; border-radius:50%; 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;}
.cclogo, .gelogo {right:35%; margin-right:-75px;}
#tripbox .logos .odlogo, #auxbox .logos .odlogo {margin-left:-95px;}
.gelogo {width:145px; margin-right:-95px;}

/* sources */

.sources .odlogo {float:right; margin:0 0 2px 10px;}
.sourcelist {margin-right:-10px;}
.sourcelist .symbol {float:left; margin:12px 10px 12px 0;}
#mainbox button.slab {margin:12px 0 5px; padding:0 32px; color:#fff;}

/* panels */

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

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

.topunit .menupod {margin-top:9px;}
.panelblock {display:inline-block;}
.edit .panelblock {max-width:350px;}
.edit .odlogo {margin:-5px 0 5px;}
.mappanel .tilelist {margin-bottom:10px;}
.edit .tilelist {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;}
#headsearch .menuclose, #mapsearch .menuclose {margin-top:-9px;}
.menuclose .symbol {left:2px !important; transform:scale(.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; 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;}
.embedclose {top:-16px; right:-16px; background:#222;}
.embedlink {background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}

/* breadcrumbs */

.crumbs {position:relative; margin:2px -6px 0 0;}
.crumb {position:relative; float:left; max-width:100%;}
.crumblink {margin:6px 6px 0 0; padding:3px 7px; 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:transparent; 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, suppress missing CSS warning */

.navbar {display:flex; bottom:0; left:50%; border-bottom:10px solid transparent; border-radius:25px 25px 0 0; transform:translateX(-50%);}
.navbar :not(:first-child) {margin-left:6px;}
.instruct {right:64px;}
.vacant {top:50%; left:20px; right:20px; transform:translateY(-50%); text-align:center;}
#bigmap .instruct {bottom:10px; left:64px; 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:42px; width:90px; border-top:10px solid transparent;}
.topleft {left:0; border-bottom-right-radius:21px;}
.topright {right:0; border-bottom-left-radius:21px;}
#pagebox .topunit {width:42px;}

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

#pagetab, #maptab {position:absolute; top:50%; left:0; margin-top:-23px; height:46px; width:27px; border-radius:0 23px 23px 0;}
.tabicon {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:400px; overflow:hidden; -webkit-transform:translateZ(0); clip-path:inset(0 round 30px); mask-image:linear-gradient(#000,#000);} /* fixes for safari and firefox border radius */
#aerialmap .mark, .fullmap {position:absolute; top:10px; pointer-events:none;}
#aerialmap .mark {left:10px;}
.fullmap {right:10px;}

/* controls */

.bottomleft {bottom:0; left:0; border-bottom:10px solid transparent; border-top-right-radius:21px;}
.bottomleft .circle, .mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate {background-position:4px 4px; background-size:34px 34px; background-repeat:no-repeat;}
.bottomleft .circle {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");}
.boxmap .bottomleft {bottom:29px; border-bottom-width:8px;}

.mapboxgl-ctrl-bottom-left {position:absolute; bottom:0; left:0;}
.mapboxgl-ctrl-logo {display:block; pointer-events:auto; height:30px; width:98px; border-top-right-radius:12px; background-size:88px 23px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%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% */
.zoomin, .zoomout, .zoomunit {display:block; background-size:38px 38px; background-repeat:no-repeat;}
.zoomin, .zoomunit {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23333' d='M10 6c-.554 0-1 .446-1 1v2H7c-.554 0-1 .446-1 1s.446 1 1 1h2v2c0 .554.446 1 1 1s1-.446 1-1v-2h2c.554 0 1-.446 1-1s-.446-1-1-1h-2V7c0-.554-.446-1-1-1z'/%3E%3C/svg%3E");}
.zoomout, .zoomed .zoomunit {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23333' d='M7 9c-.554 0-1 .446-1 1s.446 1 1 1h6c.554 0 1-.446 1-1s-.446-1-1-1z'/%3E%3C/svg%3E");}
.zoomin {background-position:2px 5px;}
.zoomout {background-position:2px -1px;}
.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:90px solid transparent; border-top-left-radius:21px !important; border-bottom-left-radius:21px !important;}
.mapboxgl-ctrl-geolocate, .maplibregl-ctrl-geolocate {display:block; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");}
.mapboxgl-ctrl-geolocate:disabled, .maplibregl-ctrl-geolocate:disabled {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='%23c8433f'/%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);}
.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);}

.picbubble .pic {box-shadow:none; border-radius:15px 15px 0 0;}
.pic + .piccredit {z-index:0; border-radius:0 0 15px 15px;}
.picmirror {z-index:-1; overflow:hidden; border-radius:15px 15px 0 0; opacity:.2; transform:scaleY(-1);}
.picmirror img {position:absolute; bottom:0; left:0; height:auto;}
button.pic + .piccredit .picmirror img {min-height:100%; object-fit:fill;}
.mapbubble .piccredit {position:absolute; bottom:0; left:0; right:0; border-radius:0 0 30px 30px;}

@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:20px; background:#fff; overflow:hidden;}
.mappic.livepic {height:75px; width:75px; border-width:2px;}
.mappic.livepic.hoverpic {height:150px; width:150px; border-radius:10px; 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:solid transparent; border-width:30px 20px; background:rgba(170,170,170,.3);}

.headform, input.tripfield {will-change:transform; transform:translateZ(0); 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:linear-gradient(to bottom,rgba(255,255,255,.645),rgba(255,255,255,.4) 20%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.715)); backdrop-filter:blur(5px); overflow:hidden;}
.headlive .headform {background:var(--bright);}
.sitelogo {position:absolute; top:14px; left:57px; height:37px; width:170px; opacity:.79;}

.headsubmit {top:0; right:0; width:50px;}
.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;}
input#mapfield {width:10px; background:transparent;}
.searchopen .topunit.topright, .searchopen #mapsearch, #mapsearch .menuarea {width:300px;}
.searchopen .topunit.topright {border-bottom-left-radius:30px;}
.searchopen .mapsubmit {width:50px;}
.searchopen #mapsearch .searchicon {transform:scale(1);}

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

/* trip */

.formpic {position:absolute; top:-5px; bottom:-5px; left:-5px; right:-5px; filter:blur(5px); transform:translateZ(0);}
#tripform {border:20px solid transparent; background:rgba(170,170,170,.5);}

.tripbase {position:relative; padding-right:65px;}
input.tripfield {padding:14px 14px 14px 51px;}
.tripswap {height:20px; width:40px; top:60px; left:50%; margin-left:-20px;}
.tripdown, .tripup {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;}
.trip0 {left:0;}
.trip1 {left:22%;}
.trip2 {left:44%;}
.tripgo {width:34%; margin-left:auto;}
#tripmessage {border-bottom:20px solid transparent;}

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

/* high-resolution */

@media
only screen and (-webkit-min-device-pixel-ratio:1.01),
only screen and (min-resolution:97dpi),
only screen and (min-resolution:1.01dppx) {
	:root {--sprite:url(/images/sprite9-2x.webp);}
}

@media
only screen and (-webkit-min-device-pixel-ratio:2.01),
only screen and (min-resolution:193dpi),
only screen and (min-resolution:2.01dppx) {
	:root {--sprite:url(/images/sprite9-3x.webp);}
}

/* sizing */

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

@media screen and (min-width:350px) and (max-width:389px) {
	.sitelogo {transform:scale(.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; 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 {display:block;}
	.listtable {margin-top:-8px;}
	.listbox {margin-top:8px;}
	.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 .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) {
	input.tripfield:hover, .triptype:hover {background-color:rgba(255,255,255,.9);}
	.headform:hover {background:var(--bright);}
}

#css {display:none;}