@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=PT+Serif);
@import url(https://fonts.googleapis.com/css?family=PT+Serif+Caption);
/* ---- Inline SVG Icons from Design ---- */
/* Optimize SVG, URL Encode, Pate in for fill */
.icon-back-arrow, .ui-icon-pwht-back:after {
  background-image: url("../images/icons/back-arrow.png");
  background-image: url("../images/icons/back-arrow.svg");
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242.568px%22%20height%3D%2232.971px%22%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M41.068%2C14.986H5.742L18.166%2C2.561c0.586-0.586%2C0.586-1.536%2C0-2.121c-0.586-0.586-1.535-0.586-2.121%2C0L1.061%2C15.425%20c0%2C0%2C0%2C0%2C0%2C0L0%2C16.486l1.06%2C1.06c0.001%2C0%2C0.002%2C0.001%2C0.002%2C0.002l14.983%2C14.983c0.293%2C0.293%2C0.677%2C0.439%2C1.061%2C0.439%20s0.768-0.146%2C1.061-0.439c0.586-0.585%2C0.586-1.536%2C0-2.121L5.742%2C17.986h35.326c0.828%2C0%2C1.5-0.671%2C1.5-1.5%20S41.896%2C14.986%2C41.068%2C14.986z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-carat-left, .ui-icon-pwht-carat-left:after {
  background-image: url("../images/icons/carat-left.png");
  background-image: url("../images/icons/carat-left.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.008px%22%20height%3D%2235.192px%22%3E%3Cg%20fill%3D%22%23828282%22%3E%3Cpath%20d%3D%22M18.008%2C0c0.256%2C0%2C0.512%2C0.098%2C0.707%2C0.293c0.391%2C0.391%2C0.391%2C1.023%2C0%2C1.414L2.828%2C17.594l15.887%2C15.891c0.391%2C0.391%2C0.391%2C1.023%2C0%2C1.414s-1.023%2C0.391-1.414%2C0L0%2C17.594L17.301%2C0.293C17.496%2C0.098%2C17.752%2C0%2C18.008%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.icon-carat-right, .ui-icon-pwht-carat-right:after {
  background-image: url("../images/icons/carat-right.png");
  background-image: url("../images/icons/carat-right.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.008px%22%20height%3D%2235.191px%22%3E%3Cg%20fill%3D%22%23828282%22%3E%3Cpath%20d%3D%22M1%2C35.192c-0.256%2C0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.022%2C0-1.414L16.18%2C17.598L0.293%2C1.707c-0.391-0.392-0.391-1.023%2C0-1.414c0.391-0.392%2C1.023-0.392%2C1.414%2C0l17.301%2C17.305L1.707%2C34.899C1.511%2C35.094%2C1.255%2C35.192%2C1%2C35.192z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-info {
  background-image: url("../images/icons/info.png");
  background-image: url("../images/icons/info.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2273px%22%20height%3D%2273px%22%3E%3Cg%20fill%3D%22%23b2b2b2%22%3E%3Cpath%20d%3D%22M36.416%2C24.133c1.896%2C0%2C3.088-1.301%2C3.031-2.924c0-1.678-1.137-2.977-2.92-2.977c-1.731%2C0-2.977%2C1.297-2.977%2C2.977C33.551%2C22.832%2C34.74%2C24.133%2C36.416%2C24.133z%22%2F%3E%3Cpath%20d%3D%22M38.908%2C52.954V30.706c0-1.961-1.584-2.127-2.031-2.133h-0.852c0%2C0-1.881%2C0.018-1.881%2C1.732v23.009c0.035%2C0.521%2C0.264%2C1.453%2C1.506%2C1.453h1.775C37.953%2C54.727%2C38.908%2C54.45%2C38.908%2C52.954z%22%2F%3E%3Cpath%20d%3D%22M36.5%2C73C16.374%2C73%2C0%2C56.626%2C0%2C36.5S16.374%2C0%2C36.5%2C0S73%2C16.374%2C73%2C36.5S56.626%2C73%2C36.5%2C73z%20M36.5%2C5C19.131%2C5%2C5%2C19.131%2C5%2C36.5S19.131%2C68%2C36.5%2C68S68%2C53.869%2C68%2C36.5S53.869%2C5%2C36.5%2C5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-external-link, .ui-icon-pwht-external:after, .trail a[href^=http], .place a[href^=http], .about a[href^=http] {
  background-image: url("../images/icons/external-link.png");
  background-image: url("../images/icons/external-link.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238.121px%22%20height%3D%2238.004px%22%3E%3Cg%20fill%3D%22%23bc4a60%22%3E%3Cpath%20d%3D%22M23.006%2C0c-1.104%2C0-2%2C0.896-2%2C2s0.896%2C2%2C2%2C2h8.287l-17.82%2C17.82c-0.781%2C0.781-0.781%2C2.047%2C0%2C2.828c0.391%2C0.391%2C0.902%2C0.586%2C1.414%2C0.586s1.023-0.195%2C1.414-0.586l17.82-17.82v8.287c0%2C1.104%2C0.896%2C2%2C2%2C2s2-0.896%2C2-2V0H23.006z%22%2F%3E%3Cpath%20d%3D%22M29.451%2C19.111c-1.104%2C0-2%2C0.896-2%2C2v12.893H4V10.553h12.894c1.104%2C0%2C2-0.896%2C2-2s-0.896-2-2-2H3.614C1.621%2C6.553%2C0%2C8.174%2C0%2C10.168v24.223c0%2C1.992%2C1.621%2C3.613%2C3.614%2C3.613h24.222c1.989%2C0%2C3.611-1.62%2C3.615-3.615V21.111C31.451%2C20.007%2C30.556%2C19.111%2C29.451%2C19.111z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-map, .ui-icon-pwht-map-tab:after {
  background-image: url("../images/icons/map.png");
  background-image: url("../images/icons/map.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250.31px%22%20height%3D%2269.257px%22%3E%3Cg%20fill%3D%22%236d6d6d%22%3E%3Cpath%20d%3D%22M25.154%2C0C11.284%2C0%2C0%2C11.285%2C0%2C25.156c0%2C17.51%2C22.392%2C41.203%2C23.345%2C42.203l1.81%2C1.898l1.81-1.898c0.953-1%2C23.345-24.693%2C23.345-42.203C50.309%2C11.285%2C39.024%2C0%2C25.154%2C0z%20M25.154%2C61.916C19.896%2C55.971%2C5%2C37.995%2C5%2C25.156C5%2C14.042%2C14.041%2C5%2C25.154%2C5s20.154%2C9.042%2C20.154%2C20.156C45.309%2C37.995%2C30.413%2C55.971%2C25.154%2C61.916z%22%2F%3E%3Cpath%20d%3D%22M25.154%2C13.846c-6.235%2C0-11.309%2C5.074-11.309%2C11.311c0%2C6.235%2C5.073%2C11.309%2C11.309%2C11.309c6.236%2C0%2C11.311-5.073%2C11.311-11.309C36.465%2C18.92%2C31.391%2C13.846%2C25.154%2C13.846z%20M25.154%2C31.465c-3.479%2C0-6.309-2.83-6.309-6.309c0-3.479%2C2.83-6.311%2C6.309-6.311c3.479%2C0%2C6.311%2C2.831%2C6.311%2C6.311C31.465%2C28.635%2C28.634%2C31.465%2C25.154%2C31.465z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-map-active, .ui-icon-pwht-map-tab:hover:after,
.ui-btn-active.ui-icon-pwht-map-tab:after {
  background-image: url("../images/icons/map-active.png");
  background-image: url("../images/icons/map-active.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250.31px%22%20height%3D%2269.257px%22%3E%3Cg%20fill%3D%22%231fc0e2%22%3E%3Cpath%20d%3D%22M25.154%2C0C11.284%2C0%2C0%2C11.285%2C0%2C25.156c0%2C17.51%2C22.392%2C41.203%2C23.345%2C42.203l1.81%2C1.898l1.81-1.898c0.953-1%2C23.345-24.693%2C23.345-42.203C50.309%2C11.285%2C39.024%2C0%2C25.154%2C0z%20M25.154%2C61.916C19.896%2C55.971%2C5%2C37.995%2C5%2C25.156C5%2C14.042%2C14.041%2C5%2C25.154%2C5s20.154%2C9.042%2C20.154%2C20.156C45.309%2C37.995%2C30.413%2C55.971%2C25.154%2C61.916z%22%2F%3E%3Cpath%20d%3D%22M25.154%2C13.846c-6.235%2C0-11.309%2C5.074-11.309%2C11.311c0%2C6.235%2C5.073%2C11.309%2C11.309%2C11.309c6.236%2C0%2C11.311-5.073%2C11.311-11.309C36.465%2C18.92%2C31.391%2C13.846%2C25.154%2C13.846z%20M25.154%2C31.465c-3.479%2C0-6.309-2.83-6.309-6.309c0-3.479%2C2.83-6.311%2C6.309-6.311c3.479%2C0%2C6.311%2C2.831%2C6.311%2C6.311C31.465%2C28.635%2C28.634%2C31.465%2C25.154%2C31.465z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-map-pin, .ui-icon-pwht-map_pin:after {
  background-image: url("../images/icons/map-pin.png");
  background-image: url("../images/icons/map-pin.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236.463px%22%20height%3D%2250.133px%22%3E%3Cg%20fill%3D%22%231fc0e2%22%3E%3Cpath%20d%3D%22M18.232%2C50.133l-1.447-1.519C16.1%2C47.896%2C0%2C30.86%2C0%2C18.232C0%2C8.179%2C8.179%2C0%2C18.232%2C0c10.053%2C0%2C18.231%2C8.179%2C18.231%2C18.232c0%2C12.628-16.099%2C29.663-16.784%2C30.382L18.232%2C50.133z%20M18.232%2C4C10.385%2C4%2C4%2C10.385%2C4%2C18.232c0%2C9.018%2C10.348%2C21.614%2C14.231%2C26.023c3.884-4.412%2C14.232-17.017%2C14.232-26.023C32.464%2C10.385%2C26.08%2C4%2C18.232%2C4z%22%2F%3E%3Cpath%20d%3D%22M18.232%2C26.543c-4.584%2C0-8.312-3.728-8.312-8.311c0-4.583%2C3.729-8.312%2C8.312-8.312c4.583%2C0%2C8.312%2C3.729%2C8.312%2C8.312C26.544%2C22.815%2C22.815%2C26.543%2C18.232%2C26.543z%20M18.232%2C13.92c-2.378%2C0-4.312%2C1.935-4.312%2C4.312c0%2C2.377%2C1.935%2C4.311%2C4.312%2C4.311c2.377%2C0%2C4.312-1.934%2C4.312-4.311C22.544%2C15.854%2C20.609%2C13.92%2C18.232%2C13.92z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-next-site, .ui-icon-pwht-next:after {
  background-image: url("../images/icons/next-site.png");
  background-image: url("../images/icons/next-site.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242.568px%22%20height%3D%2232.971px%22%3E%3Cg%20fill%3D%22%22%3E%3Cpath%20d%3D%22M1.5%2C17.984h35.326L24.402%2C30.41c-0.586%2C0.586-0.586%2C1.536%2C0%2C2.121c0.586%2C0.586%2C1.535%2C0.586%2C2.121%2C0l14.984-14.986c0%2C0%2C0%2C0%2C0%2C0l1.061-1.061l-1.06-1.06c-0.001%2C0-0.002-0.001-0.002-0.002L26.523%2C0.439C26.23%2C0.146%2C25.847%2C0%2C25.463%2C0s-0.768%2C0.146-1.061%2C0.439c-0.586%2C0.585-0.586%2C1.536%2C0%2C2.121l12.424%2C12.424H1.5c-0.828%2C0-1.5%2C0.671-1.5%2C1.5S0.672%2C17.984%2C1.5%2C17.984z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-previous-site, .ui-icon-pwht-previous:after {
  background-image: url("../images/icons/previous-site.png");
  background-image: url("../images/icons/previous-site.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242.568px%22%20height%3D%2232.971px%22%3E%3Cg%20fill%3D%22%236d6d6d%22%3E%3Cpath%20d%3D%22M41.068%2C14.986H5.742L18.166%2C2.561c0.586-0.586%2C0.586-1.536%2C0-2.121c-0.586-0.586-1.535-0.586-2.121%2C0L1.061%2C15.425c0%2C0%2C0%2C0%2C0%2C0L0%2C16.486l1.06%2C1.06c0.001%2C0%2C0.002%2C0.001%2C0.002%2C0.002l14.983%2C14.983c0.293%2C0.293%2C0.677%2C0.439%2C1.061%2C0.439s0.768-0.146%2C1.061-0.439c0.586-0.585%2C0.586-1.536%2C0-2.121L5.742%2C17.986h35.326c0.828%2C0%2C1.5-0.671%2C1.5-1.5S41.896%2C14.986%2C41.068%2C14.986z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-search, .ui-input-search:after, .ui-icon-pwht-search:after {
  background-image: url("../images/icons/search.png");
  background-image: url("../images/icons/search.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240.101px%22%20height%3D%2240.101px%22%3E%3Cg%20%20fill%3D%22%2300adee%22%3E%3Cpath%20d%3D%22M39.662%2C37.54L28.882%2C26.76c5.33-6.408%2C4.998-15.969-1.008-21.979C24.789%2C1.698%2C20.688%2C0%2C16.327%2C0c-4.36%2C0-8.46%2C1.699-11.543%2C4.783C1.699%2C7.868%2C0%2C11.969%2C0%2C16.33s1.699%2C8.461%2C4.784%2C11.545c3.084%2C3.085%2C7.184%2C4.784%2C11.545%2C4.784c0.001%2C0%2C0.001%2C0%2C0.001%2C0c3.856%2C0%2C7.505-1.333%2C10.435-3.774l10.775%2C10.777c0.293%2C0.293%2C0.676%2C0.439%2C1.061%2C0.439c0.384%2C0%2C0.768-0.146%2C1.061-0.439C40.248%2C39.075%2C40.248%2C38.126%2C39.662%2C37.54zM6.905%2C25.752C4.386%2C23.235%2C3%2C19.888%2C3%2C16.329s1.387-6.907%2C3.905-9.426c2.517-2.519%2C5.863-3.904%2C9.422-3.904c3.561%2C0%2C6.907%2C1.387%2C9.426%2C3.904c5.195%2C5.197%2C5.197%2C13.651%2C0.004%2C18.847c0%2C0.001-0.002%2C0.001-0.002%2C0.002c-0.002%2C0.001-0.002%2C0.002-0.002%2C0.003c-2.52%2C2.517-5.865%2C3.902-9.422%2C3.902C12.769%2C29.658%2C9.423%2C28.271%2C6.905%2C25.752z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-sites, .ui-icon-pwht-sites-tab:after {
  background-image: url("../images/icons/sites.png");
  background-image: url("../images/icons/sites.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2263.5px%22%20height%3D%2242.691px%22%3E%3Cg%20fill%3D%22%236d6d6d%22%3E%3Crect%20x%3D%2218.5%22%20width%3D%2245%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%2218.5%22%20y%3D%2216.949%22%20width%3D%2245%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%2218.5%22%20y%3D%2235.691%22%20width%3D%2245%22%20height%3D%227%22%2F%3E%3Crect%20width%3D%227.5%22%20height%3D%227%22%2F%3E%3Crect%20y%3D%2216.949%22%20width%3D%227.5%22%20height%3D%227%22%2F%3E%3Crect%20y%3D%2235.691%22%20width%3D%227.5%22%20height%3D%227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-sites-active, .ui-icon-pwht-sites-tab:hover:after,
.ui-btn-active.ui-icon-pwht-sites-tab:after {
  background-image: url("../images/icons/sites-active.png");
  background-image: url("../images/icons/sites-active.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2263.5px%22%20height%3D%2242.691px%22%3E%3Cg%20fill%3D%22%231fc0e2%22%3E%3Crect%20x%3D%2218.5%22%20width%3D%2245%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%2218.5%22%20y%3D%2216.949%22%20width%3D%2245%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%2218.5%22%20y%3D%2235.691%22%20width%3D%2245%22%20height%3D%227%22%2F%3E%3Crect%20width%3D%227.5%22%20height%3D%227%22%2F%3E%3Crect%20y%3D%2216.949%22%20width%3D%227.5%22%20height%3D%227%22%2F%3E%3Crect%20y%3D%2235.691%22%20width%3D%227.5%22%20height%3D%227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-start-trail, .ui-icon-pwht-start:after {
  background-image: url("../images/icons/start-trail.png");
  background-image: url("../images/icons/start-trail.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253.062px%22%20height%3D%2252.05px%22%3E%3Cg%20fill%3D%22%2379cc19%22%3E%3Cpath%20d%3D%22M16.435%2C52.05c-0.853%2C0-1.643-0.55-1.909-1.408L0.09%2C4.131c-0.327-1.055%2C0.263-2.175%2C1.317-2.503C2.462%2C1.302%2C3.582%2C1.89%2C3.91%2C2.945l14.436%2C46.512c0.327%2C1.055-0.263%2C2.175-1.317%2C2.503C16.831%2C52.021%2C16.631%2C52.05%2C16.435%2C52.05z%22%2F%3E%3Cpath%20d%3D%22M15.783%2C4c1.892%2C0%2C5.388%2C0.554%2C11.3%2C3.191c3.647%2C1.628%2C7.025%2C2.453%2C10.04%2C2.453c2.008%2C0%2C3.729-0.368%2C5.178-0.941l6.116%2C19.711c-1.295%2C0.745-3.287%2C1.536-5.907%2C1.536c-1.965%2C0-4.054-0.448-6.209-1.332c-3.541-1.452-6.898-2.188-9.98-2.188c-1.494%2C0-2.797%2C0.17-3.916%2C0.43L15.316%2C4.012C15.461%2C4.004%2C15.615%2C4%2C15.783%2C4%20M15.783%2C0c-4.296%2C0-5.271%2C2.022-5.271%2C2.022l9.398%2C30.297c0%2C0%2C2.003-1.889%2C6.41-1.889c2.203%2C0%2C5.008%2C0.472%2C8.463%2C1.889c2.893%2C1.186%2C5.476%2C1.63%2C7.727%2C1.63c6.797%2C0%2C10.553-4.062%2C10.553-4.062L44.416%2C2.022c0%2C0-1.74%2C3.622-7.293%2C3.622c-2.177%2C0-4.939-0.557-8.41-2.106C22.635%2C0.827%2C18.53%2C0%2C15.783%2C0L15.783%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-trails, .ui-icon-pwht-trails-tab:after {
  background-image: url("../images/icons/trails.png");
  background-image: url("../images/icons/trails.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2276.201px%22%20height%3D%2271.705px%22%3E%3Cg%20fill%3D%22%236d6d6d%22%3E%3Cpath%20d%3D%22M0%2C40.977h10.826v30.729h54.551V40.977h10.824L38.102%2C0L0%2C40.977z%20M60.377%2C66.705H45.225V51.311H30.979v15.395H15.826V41.018h44.551V66.705z%20M11.477%2C35.977L38.102%2C7.344l26.623%2C28.633H11.477z%22%2F%3E%3Ccircle%20cx%3D%2238.102%22%20cy%3D%2225.094%22%20r%3D%224.748%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-trails-active, .ui-icon-pwht-trails-tab:hover:after,
.ui-btn-active.ui-icon-pwht-trails-tab:after {
  background-image: url("../images/icons/trails-active.png");
  background-image: url("../images/icons/trails-active.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2276.201px%22%20height%3D%2271.705px%22%3E%3Cg%20fill%3D%22%231fc0e2%22%3E%3Cpath%20d%3D%22M0%2C40.977h10.826v30.729h54.551V40.977h10.824L38.102%2C0L0%2C40.977z%20M60.377%2C66.705H45.225V51.311H30.979v15.395H15.826V41.018h44.551V66.705z%20M11.477%2C35.977L38.102%2C7.344l26.623%2C28.633H11.477z%22%2F%3E%3Ccircle%20cx%3D%2238.102%22%20cy%3D%2225.094%22%20r%3D%224.748%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-walking-time, .ui-icon-pwht-time:after, time {
  background-image: url("../images/icons/walking-time.png");
  background-image: url("../images/icons/walking-time.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234.782px%22%20height%3D%2241.74px%22%3E%3Cg%20fill%3D%22%23b2b2b2%22%3E%3Cpath%20d%3D%22M29.947%2C12.339l1.977-1.978c0.78-0.781%2C0.78-2.047-0.001-2.828c-0.781-0.779-2.048-0.781-2.829%2C0l-2.235%2C2.237c-2.198-1.434-4.736-2.384-7.468-2.699V4h3.496c1.104%2C0%2C2-0.895%2C2-2c0-1.104-0.896-2-2-2H12.031c-1.104%2C0-2%2C0.896-2%2C2c0%2C1.105%2C0.896%2C2%2C2%2C2h3.359v3.072C6.741%2C8.068%2C0%2C15.427%2C0%2C24.338c0%2C9.59%2C7.802%2C17.393%2C17.391%2C17.393s17.391-7.803%2C17.391-17.393C34.781%2C19.686%2C32.934%2C15.463%2C29.947%2C12.339z%20M17.391%2C37.73C10.007%2C37.73%2C4%2C31.723%2C4%2C24.338c0-7.383%2C6.007-13.391%2C13.391-13.391s13.391%2C6.008%2C13.391%2C13.391C30.781%2C31.723%2C24.774%2C37.73%2C17.391%2C37.73z%22%2F%3E%3Cpath%20d%3D%22M17.391%2C14.27c-1.104%2C0-2%2C0.896-2%2C2v6.068h-4.719c-1.104%2C0-2%2C0.896-2%2C2c0%2C1.105%2C0.896%2C2%2C2%2C2h8.719V16.27C19.391%2C15.166%2C18.495%2C14.27%2C17.391%2C14.27z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.icon-headphones, .ui-icon-pwht-headphones:after {
  background-image: url("../images/icons/headphones.png");
  background-image: url("../images/icons/headphones.svg");
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2242%22%3E%3Cpath%20fill%3D%22%22%20d%3D%22M%2024%2C4.5%20C%2014.053125%2C4.5%205.85%2C11.94375%204.65%2C21.5625%205.53125%2C21.20625%206.4875%2C21%207.5%2C21%209.984375%2C21%2012%2C23.015625%2012%2C25.5%20v%2012%20C%2012%2C39.984375%209.984375%2C42%207.5%2C42%203.35625%2C42%200%2C38.64375%200%2C34.5%20V%2033%2028.5%2024%20C%200%2C10.74375%2010.74375%2C0%2024%2C0%2037.25625%2C0%2048%2C10.74375%2048%2C24%20v%204.5%204.5%201.5%20C%2048%2C38.64375%2044.64375%2C42%2040.5%2C42%2038.015625%2C42%2036%2C39.984375%2036%2C37.5%20v%20-12%20c%200%2C-2.484375%202.015625%2C-4.5%204.5%2C-4.5%201.0125%2C0%201.96875%2C0.196875%202.85%2C0.5625%20C%2042.15%2C11.94375%2033.946875%2C4.5%2024%2C4.5%20Z%22%2F%3E%3C%2Fsvg%3E");
}

/*
Using media queries with like this:
@include media-query($palm) {
    .wrapper {
        padding-right: $spacing-unit / 2;
        padding-left: $spacing-unit / 2;
    }
}
*/
.hline {
  height: 1px;
  width: 100%;
  border-top: 1px solid lightgray;
}

.vline {
  width: 1px;
  background-color: lightgray;
  height: 43px;
  margin: 8px auto 8px auto;
}

.buttons {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  margin: 8px -16px 8px -16px;
  padding: 0px 16px 8px 16px;
}
@media screen and (max-width: 600px) {
  .buttons {
    padding: 0px 3px 8px 3px;
  }
}

time {
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 18px 20px;
  padding-left: 22px;
  color: #b2b2b2;
}

.trail, .place, .about {
  /* For tablets and desktops, add some spacing around the text for readability */
}
.trail a[href^=http], .place a[href^=http], .about a[href^=http] {
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 18px 20px;
  padding-left: 22px;
  color: #bc4a60 !important;
}

* {
  font-family: "Roboto", "Helvetica", "Arial", "sans-serif";
  font-weight: normal;
}

h1, h2, h3, li, text {
  font-family: "PT Serif", "serif";
  font-weight: normal;
  margin: 0px;
}

h3 {
  padding-top: 0.5em;
  border-bottom: 1px solid lightgray;
}

.ui-header-fixed {
  border-width: 0px;
}
.ui-header-fixed .ui-title {
  margin: 0px 5px 0px 5px;
}

.ui-content .ui-btn {
  font-family: "Roboto", "Helvetica", "Arial", "sans-serif";
  font-weight: normal;
  width: auto;
  border: none;
  /* Don't show the left/right arrows on mobile */
}
.ui-content .ui-btn[data-iconpos=right] {
  display: inline-block;
  float: right;
  width: 32%;
  text-align: right;
}
.ui-content .ui-btn[data-iconpos=left] {
  display: inline-block;
  float: left;
  width: 32%;
  text-align: left;
}
.ui-content .ui-listview .ui-btn {
  font-family: "PT Serif", "serif";
}
.ui-content .ui-li-count {
  border-radius: 30px;
  color: white !important;
  background-color: lightgray !important;
  border-color: lightgray;
  font-family: "Roboto", "Helvetica", "Arial", "sans-serif";
  font-weight: normal;
}
.ui-content .ui-btn.ui-icon-pwht-map_pin {
  color: #1fc0e2 !important;
}
.ui-content .ui-btn.ui-icon-pwht-start {
  color: #79cc19 !important;
}
.ui-content .place ul {
  list-style-type: none;
  padding-left: 0px;
}

.info-content {
  font-size: 16px;
  line-height: 1.5;
}

.info-content a {
  font-weight: 400;
}

.ui-place-tag {
  position: relative;
  border-radius: 20px;
  color: black !important;
  background-color: lightgray !important;
  border-color: lightgray;
  font-family: "Roboto", "Helvetica", "Arial", "sans-serif";
  font-weight: normal;
  font-size: 12px;
  padding: 5px;
}

.hidden {
  display: none !important;
}

.flexslider {
  margin: -16px -16px 16px -16px;
  border: 0;
}
.flexslider .slides img {
  object-fit: none;
  object-position: center;
  height: 300px;
  width: auto;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 600px) {
  .flexslider .slides img {
    width: 100%;
    height: 250px;
  }
}
.flexslider .flex-direction-nav {
  line-height: 1;
}
.flexslider .textover {
  position: relative;
}
.flexslider .textover button {
  position: absolute;
  background-size: cover;
  background-color: Transparent;
  bottom: 0;
  right: 0;
  height: 32px;
  width: 32px;
}
.flexslider .flex-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95%;
  padding: 5px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
}
.flexslider .flex-control-nav {
  bottom: auto;
  margin-top: 3px;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  grid-auto-columns: ease;
}

#splash {
  background-color: #663399;
  padding: 0px !important;
}
#splash .ui-content {
  padding: 0 !important;
}
#splash .ui-footer,
#splash .ui-header {
  display: none;
}
#splash .hero {
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  background-position: right center;
  background-size: cover;
}
#splash .hero .overlay {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  animation-duration: 2.5s;
  animation-fill-mode: both;
}
#splash .hero .overlay .overlay-title {
  width: 100%;
  max-height: 50%;
  display: flex;
  flex-grow: 2;
}
#splash .hero .overlay a {
  width: 100%;
  padding: 10px 15px 10px 15px;
  display: flex;
  justify-content: center;
  color: #ffffff;
  border: 1px solid #ffffff;
  background-color: #663399;
  text-decoration: none;
  font-family: "PT Serif", "serif";
  font-weight: normal;
  font-size: 150%;
}
#splash .hero .overlay a:hover, #splash .hero .overlay a:active {
  background-color: #ffffff;
  color: #663399;
  border-color: #663399;
}

#places div[data-role=content] {
  padding-top: 0px;
}

#map .ui-content {
  background-color: rgb(229, 227, 223);
  padding: 0 0 0 0;
}

.map-canvas {
  background-color: rgb(229, 227, 223);
  color: lightgrey;
  position: absolute !important;
  right: 0px !important;
  left: 0px !important;
  top: 42px !important;
  bottom: 55px !important;
}
.map-canvas .loading {
  margin-top: 44px;
  color: lightgrey;
  text-align: center;
}

.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
}

/* Bar: Toolbars, dividers, slider track */
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
  background-color: #1fc0e2;
  border-color: #dddddd;
  color: white;
  text-shadow: none;
}

/* Page and overlay */
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
  background-color: white;
  border-color: white;
  color: black;
  text-shadow: none;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

.ui-body-a {
  border-width: 1px;
  border-style: solid;
}

/* Links */
.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a {
  color: #38c;
}

.ui-page-theme-a a:visited,
html .ui-bar-a a:visited,
html .ui-body-a a:visited,
html body .ui-group-theme-a a:visited {
  color: #38c;
}

.ui-page-theme-a a:hover,
html .ui-bar-a a:hover,
html .ui-body-a a:hover,
html body .ui-group-theme-a a:hover {
  color: #059;
}

.ui-page-theme-a a:active,
html .ui-bar-a a:active,
html .ui-body-a a:active,
html body .ui-group-theme-a a:active {
  color: #059;
}

/* Button up */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
  background-color: white;
  border-color: lightgray;
  color: black;
  text-shadow: none;
}

/* Button hover */
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover {
  background-color: #1fc0e2;
  border-color: #b2b2b2;
  color: white;
  text-shadow: none;
}

/* Button down */
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-group-theme-a .ui-btn:active,
html head + body .ui-btn.ui-btn-a:active {
  background-color: #1fc0e2;
  border-color: #b2b2b2;
  color: white;
  text-shadow: none;
}

/* Active button */
.ui-page-theme-a .ui-btn.ui-btn-active,
html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-a.ui-btn-active,
.ui-page-theme-a .ui-checkbox-on:after,
html .ui-bar-a .ui-checkbox-on:after,
html .ui-body-a .ui-checkbox-on:after,
html body .ui-group-theme-a .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-a:after,
.ui-page-theme-a .ui-flipswitch-active,
html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active,
html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
.ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active,
html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-a .ui-btn-active {
  background-color: #1fc0e2;
  border-color: #b2b2b2;
  color: white;
  text-shadow: none;
}

/* Active radio button icon */
.ui-page-theme-a .ui-radio-on:after,
html .ui-bar-a .ui-radio-on:after,
html .ui-body-a .ui-radio-on:after,
html body .ui-group-theme-a .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-a:after {
  border-color: #1fc0e2;
}

/* Focus */
.ui-page-theme-a .ui-btn:focus,
html .ui-bar-a .ui-btn:focus,
html .ui-body-a .ui-btn:focus,
html body .ui-group-theme-a .ui-btn:focus,
html head + body .ui-btn.ui-btn-a:focus,
.ui-page-theme-a .ui-focus,
.ui-page-theme-a .speaking,
html .ui-bar-a .ui-focus,
html .ui-bar-a .speaking,
html .ui-body-a .ui-focus,
html .ui-body-a .speaking,
html body .ui-group-theme-a .ui-focus,
html body .ui-group-theme-a .speaking,
html head + body .ui-btn-a.ui-focus,
html head + body .ui-btn-a.speaking,
html head + body .ui-body-a.ui-focus,
html head + body .ui-body-a.speaking {
  -webkit-box-shadow: 0 0 12px #1fc0e2;
  -moz-box-shadow: 0 0 12px #1fc0e2;
  box-shadow: 0 0 12px #1fc0e2;
}

/* Header */
html .ui-header.ui-bar-a .ui-btn {
  background-color: #1fc0e2;
  border-color: #1fc0e2;
}

/* Footer */
html .ui-footer.ui-bar-a {
  background-color: white;
}
html .ui-footer.ui-bar-a .ui-btn {
  background-color: white;
  color: lightgray;
}
html .ui-footer.ui-bar-a .ui-btn.ui-btn-active {
  color: #1fc0e2;
  background-color: white;
}
html .ui-footer.ui-bar-a .ui-btn-icon-left.ui-btn-active::after,
html .ui-footer.ui-bar-a .ui-btn-icon-right.ui-btn-active::after,
html .ui-footer.ui-bar-a .ui-btn-icon-top.ui-btn-active::after,
html .ui-footer.ui-bar-a .ui-btn-icon-bottom.ui-btn-active::after,
html .ui-footer.ui-bar-a .ui-btn-icon-notext.ui-btn-active::after {
  background-color: white;
  color: #1fc0e2;
}
html .ui-footer.ui-bar-a .ui-btn:hover {
  color: #1fc0e2;
  background-color: white;
}
.circle-a {
  vertical-align: middle;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  border-radius: 10px;
  border: 3px solid lightgray;
  background-color: lightgray;
}
.circle-a:hover, .circle-a:active {
  border-color: white;
  background-color: white;
}

.circle-a {
  height: 25px !important;
  width: 25px !important;
  border-radius: 25px !important;
  background-color: white;
}

html .ui-header.ui-bar-a {
  background-color: black;
  color: white;
  text-shadow: none;
}
html .ui-header.ui-bar-a .ui-btn {
  background-color: black;
  border-color: black;
  font-weight: normal;
}
html .ui-header.ui-bar-a .ui-btn:hover {
  background-color: black;
  border-color: black;
}

html .ui-footer.ui-bar-a .ui-btn {
  font-weight: normal;
  background-color: white;
  color: #6d6d6d;
}

/*
$b-primary-color:           #ffcc33;
$b-secondary-color:         #f7931e;
@include jquery-mobile-theme(
  $theme:           b,
  $bar-bg:          $b-primary-color,
  $bar-text:        white,
  $page-bg:         white,
  $page-text:       black,
  $up-bg:           white,
  $up-border:       $gray,
  $up-text:         black,
  $down-bg:         $b-primary-color,
  $down-border:     $b-secondary-color,
  $down-text:       white,
  $hover-bg:        $b-primary-color,
  $hover-border:    $b-secondary-color,
  $hover-text:      white,
  $active-border:   $b-secondary-color,
  $active-bg:       $b-primary-color
);
@include circle-div($theme: b, $color: $b-primary-color);
*/
.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
}

/* Bar: Toolbars, dividers, slider track */
.ui-bar-c,
.ui-page-theme-c .ui-bar-inherit,
html .ui-bar-c .ui-bar-inherit,
html .ui-body-c .ui-bar-inherit,
html body .ui-group-theme-c .ui-bar-inherit {
  background-color: #ffcc33;
  border-color: #dddddd;
  color: white;
  text-shadow: none;
}

/* Page and overlay */
.ui-overlay-c,
.ui-page-theme-c,
.ui-page-theme-c .ui-panel-wrapper {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-c,
.ui-page-theme-c .ui-body-inherit,
html .ui-bar-c .ui-body-inherit,
html .ui-body-c .ui-body-inherit,
html body .ui-group-theme-c .ui-body-inherit,
html .ui-panel-page-container-c {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

.ui-body-c {
  border-width: 1px;
  border-style: solid;
}

/* Links */
.ui-page-theme-c a,
html .ui-bar-c a,
html .ui-body-c a,
html body .ui-group-theme-c a {
  color: #38c;
}

.ui-page-theme-c a:visited,
html .ui-bar-c a:visited,
html .ui-body-c a:visited,
html body .ui-group-theme-c a:visited {
  color: #38c;
}

.ui-page-theme-c a:hover,
html .ui-bar-c a:hover,
html .ui-body-c a:hover,
html body .ui-group-theme-c a:hover {
  color: #059;
}

.ui-page-theme-c a:active,
html .ui-bar-c a:active,
html .ui-body-c a:active,
html body .ui-group-theme-c a:active {
  color: #059;
}

/* Button up */
.ui-page-theme-c .ui-btn,
html .ui-bar-c .ui-btn,
html .ui-body-c .ui-btn,
html body .ui-group-theme-c .ui-btn,
html head + body .ui-btn.ui-btn-c,
.ui-page-theme-c .ui-btn:visited,
html .ui-bar-c .ui-btn:visited,
html .ui-body-c .ui-btn:visited,
html body .ui-group-theme-c .ui-btn:visited,
html head + body .ui-btn.ui-btn-c:visited {
  background-color: white;
  border-color: lightgray;
  color: black;
  text-shadow: none;
}

/* Button hover */
.ui-page-theme-c .ui-btn:hover,
html .ui-bar-c .ui-btn:hover,
html .ui-body-c .ui-btn:hover,
html body .ui-group-theme-c .ui-btn:hover,
html head + body .ui-btn.ui-btn-c:hover {
  background-color: #ffcc33;
  border-color: #b2b2b2;
  color: white;
  text-shadow: none;
}

/* Button down */
.ui-page-theme-c .ui-btn:active,
html .ui-bar-c .ui-btn:active,
html .ui-body-c .ui-btn:active,
html body .ui-group-theme-c .ui-btn:active,
html head + body .ui-btn.ui-btn-c:active {
  background-color: #ffcc33;
  border-color: #b2b2b2;
  color: white;
  text-shadow: none;
}

/* Active button */
.ui-page-theme-c .ui-btn.ui-btn-active,
html .ui-bar-c .ui-btn.ui-btn-active,
html .ui-body-c .ui-btn.ui-btn-active,
html body .ui-group-theme-c .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-c.ui-btn-active,
.ui-page-theme-c .ui-checkbox-on:after,
html .ui-bar-c .ui-checkbox-on:after,
html .ui-body-c .ui-checkbox-on:after,
html body .ui-group-theme-c .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-c:after,
.ui-page-theme-c .ui-flipswitch-active,
html .ui-bar-c .ui-flipswitch-active,
html .ui-body-c .ui-flipswitch-active,
html body .ui-group-theme-c .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active,
.ui-page-theme-c .ui-slider-track .ui-btn-active,
html .ui-bar-c .ui-slider-track .ui-btn-active,
html .ui-body-c .ui-slider-track .ui-btn-active,
html body .ui-group-theme-c .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-c .ui-btn-active {
  background-color: #ffcc33;
  border-color: #b2b2b2;
  color: white;
  text-shadow: none;
}

/* Active radio button icon */
.ui-page-theme-c .ui-radio-on:after,
html .ui-bar-c .ui-radio-on:after,
html .ui-body-c .ui-radio-on:after,
html body .ui-group-theme-c .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-c:after {
  border-color: #ffcc33;
}

/* Focus */
.ui-page-theme-c .ui-btn:focus,
html .ui-bar-c .ui-btn:focus,
html .ui-body-c .ui-btn:focus,
html body .ui-group-theme-c .ui-btn:focus,
html head + body .ui-btn.ui-btn-c:focus,
.ui-page-theme-c .ui-focus,
.ui-page-theme-c .speaking,
html .ui-bar-c .ui-focus,
html .ui-bar-c .speaking,
html .ui-body-c .ui-focus,
html .ui-body-c .speaking,
html body .ui-group-theme-c .ui-focus,
html body .ui-group-theme-c .speaking,
html head + body .ui-btn-c.ui-focus,
html head + body .ui-btn-c.speaking,
html head + body .ui-body-c.ui-focus,
html head + body .ui-body-c.speaking {
  -webkit-box-shadow: 0 0 12px #ffcc33;
  -moz-box-shadow: 0 0 12px #ffcc33;
  box-shadow: 0 0 12px #ffcc33;
}

/* Header */
html .ui-header.ui-bar-c .ui-btn {
  background-color: #ffcc33;
  border-color: #ffcc33;
}

/* Footer */
html .ui-footer.ui-bar-c {
  background-color: white;
}
html .ui-footer.ui-bar-c .ui-btn {
  background-color: white;
  color: lightgray;
}
html .ui-footer.ui-bar-c .ui-btn.ui-btn-active {
  color: #ffcc33;
  background-color: white;
}
html .ui-footer.ui-bar-c .ui-btn-icon-left.ui-btn-active::after,
html .ui-footer.ui-bar-c .ui-btn-icon-right.ui-btn-active::after,
html .ui-footer.ui-bar-c .ui-btn-icon-top.ui-btn-active::after,
html .ui-footer.ui-bar-c .ui-btn-icon-bottom.ui-btn-active::after,
html .ui-footer.ui-bar-c .ui-btn-icon-notext.ui-btn-active::after {
  background-color: white;
  color: #ffcc33;
}
html .ui-footer.ui-bar-c .ui-btn:hover {
  color: #ffcc33;
  background-color: white;
}
.circle-c {
  vertical-align: middle;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  border-radius: 10px;
  border: 3px solid #ffcc33;
  background-color: #ffcc33;
}
.circle-c:hover, .circle-c:active {
  border-color: white;
  background-color: white;
}

.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
}

/* Bar: Toolbars, dividers, slider track */
.ui-bar-d,
.ui-page-theme-d .ui-bar-inherit,
html .ui-bar-d .ui-bar-inherit,
html .ui-body-d .ui-bar-inherit,
html body .ui-group-theme-d .ui-bar-inherit {
  background-color: #ff0033;
  border-color: #dddddd;
  color: white;
  text-shadow: none;
}

/* Page and overlay */
.ui-overlay-d,
.ui-page-theme-d,
.ui-page-theme-d .ui-panel-wrapper {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-d,
.ui-page-theme-d .ui-body-inherit,
html .ui-bar-d .ui-body-inherit,
html .ui-body-d .ui-body-inherit,
html body .ui-group-theme-d .ui-body-inherit,
html .ui-panel-page-container-d {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

.ui-body-d {
  border-width: 1px;
  border-style: solid;
}

/* Links */
.ui-page-theme-d a,
html .ui-bar-d a,
html .ui-body-d a,
html body .ui-group-theme-d a {
  color: #38c;
}

.ui-page-theme-d a:visited,
html .ui-bar-d a:visited,
html .ui-body-d a:visited,
html body .ui-group-theme-d a:visited {
  color: #38c;
}

.ui-page-theme-d a:hover,
html .ui-bar-d a:hover,
html .ui-body-d a:hover,
html body .ui-group-theme-d a:hover {
  color: #059;
}

.ui-page-theme-d a:active,
html .ui-bar-d a:active,
html .ui-body-d a:active,
html body .ui-group-theme-d a:active {
  color: #059;
}

/* Button up */
.ui-page-theme-d .ui-btn,
html .ui-bar-d .ui-btn,
html .ui-body-d .ui-btn,
html body .ui-group-theme-d .ui-btn,
html head + body .ui-btn.ui-btn-d,
.ui-page-theme-d .ui-btn:visited,
html .ui-bar-d .ui-btn:visited,
html .ui-body-d .ui-btn:visited,
html body .ui-group-theme-d .ui-btn:visited,
html head + body .ui-btn.ui-btn-d:visited {
  background-color: white;
  border-color: lightgray;
  color: black;
  text-shadow: none;
}

/* Button hover */
.ui-page-theme-d .ui-btn:hover,
html .ui-bar-d .ui-btn:hover,
html .ui-body-d .ui-btn:hover,
html body .ui-group-theme-d .ui-btn:hover,
html head + body .ui-btn.ui-btn-d:hover {
  background-color: #ff0033;
  border-color: #cc0033;
  color: white;
  text-shadow: none;
}

/* Button down */
.ui-page-theme-d .ui-btn:active,
html .ui-bar-d .ui-btn:active,
html .ui-body-d .ui-btn:active,
html body .ui-group-theme-d .ui-btn:active,
html head + body .ui-btn.ui-btn-d:active {
  background-color: #ff0033;
  border-color: #cc0033;
  color: white;
  text-shadow: none;
}

/* Active button */
.ui-page-theme-d .ui-btn.ui-btn-active,
html .ui-bar-d .ui-btn.ui-btn-active,
html .ui-body-d .ui-btn.ui-btn-active,
html body .ui-group-theme-d .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-d.ui-btn-active,
.ui-page-theme-d .ui-checkbox-on:after,
html .ui-bar-d .ui-checkbox-on:after,
html .ui-body-d .ui-checkbox-on:after,
html body .ui-group-theme-d .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-d:after,
.ui-page-theme-d .ui-flipswitch-active,
html .ui-bar-d .ui-flipswitch-active,
html .ui-body-d .ui-flipswitch-active,
html body .ui-group-theme-d .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-d.ui-flipswitch-active,
.ui-page-theme-d .ui-slider-track .ui-btn-active,
html .ui-bar-d .ui-slider-track .ui-btn-active,
html .ui-body-d .ui-slider-track .ui-btn-active,
html body .ui-group-theme-d .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-d .ui-btn-active {
  background-color: #ff0033;
  border-color: #cc0033;
  color: white;
  text-shadow: none;
}

/* Active radio button icon */
.ui-page-theme-d .ui-radio-on:after,
html .ui-bar-d .ui-radio-on:after,
html .ui-body-d .ui-radio-on:after,
html body .ui-group-theme-d .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-d:after {
  border-color: #ff0033;
}

/* Focus */
.ui-page-theme-d .ui-btn:focus,
html .ui-bar-d .ui-btn:focus,
html .ui-body-d .ui-btn:focus,
html body .ui-group-theme-d .ui-btn:focus,
html head + body .ui-btn.ui-btn-d:focus,
.ui-page-theme-d .ui-focus,
.ui-page-theme-d .speaking,
html .ui-bar-d .ui-focus,
html .ui-bar-d .speaking,
html .ui-body-d .ui-focus,
html .ui-body-d .speaking,
html body .ui-group-theme-d .ui-focus,
html body .ui-group-theme-d .speaking,
html head + body .ui-btn-d.ui-focus,
html head + body .ui-btn-d.speaking,
html head + body .ui-body-d.ui-focus,
html head + body .ui-body-d.speaking {
  -webkit-box-shadow: 0 0 12px #ff0033;
  -moz-box-shadow: 0 0 12px #ff0033;
  box-shadow: 0 0 12px #ff0033;
}

/* Header */
html .ui-header.ui-bar-d .ui-btn {
  background-color: #ff0033;
  border-color: #ff0033;
}

/* Footer */
html .ui-footer.ui-bar-d {
  background-color: white;
}
html .ui-footer.ui-bar-d .ui-btn {
  background-color: white;
  color: lightgray;
}
html .ui-footer.ui-bar-d .ui-btn.ui-btn-active {
  color: #ff0033;
  background-color: white;
}
html .ui-footer.ui-bar-d .ui-btn-icon-left.ui-btn-active::after,
html .ui-footer.ui-bar-d .ui-btn-icon-right.ui-btn-active::after,
html .ui-footer.ui-bar-d .ui-btn-icon-top.ui-btn-active::after,
html .ui-footer.ui-bar-d .ui-btn-icon-bottom.ui-btn-active::after,
html .ui-footer.ui-bar-d .ui-btn-icon-notext.ui-btn-active::after {
  background-color: white;
  color: #ff0033;
}
html .ui-footer.ui-bar-d .ui-btn:hover {
  color: #ff0033;
  background-color: white;
}
.circle-d {
  vertical-align: middle;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  border-radius: 10px;
  border: 3px solid #ff0033;
  background-color: #ff0033;
}
.circle-d:hover, .circle-d:active {
  border-color: white;
  background-color: white;
}

.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
}

/* Bar: Toolbars, dividers, slider track */
.ui-bar-e,
.ui-page-theme-e .ui-bar-inherit,
html .ui-bar-e .ui-bar-inherit,
html .ui-body-e .ui-bar-inherit,
html body .ui-group-theme-e .ui-bar-inherit {
  background-color: #33cc66;
  border-color: #dddddd;
  color: white;
  text-shadow: none;
}

/* Page and overlay */
.ui-overlay-e,
.ui-page-theme-e,
.ui-page-theme-e .ui-panel-wrapper {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-e,
.ui-page-theme-e .ui-body-inherit,
html .ui-bar-e .ui-body-inherit,
html .ui-body-e .ui-body-inherit,
html body .ui-group-theme-e .ui-body-inherit,
html .ui-panel-page-container-e {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

.ui-body-e {
  border-width: 1px;
  border-style: solid;
}

/* Links */
.ui-page-theme-e a,
html .ui-bar-e a,
html .ui-body-e a,
html body .ui-group-theme-e a {
  color: #38c;
}

.ui-page-theme-e a:visited,
html .ui-bar-e a:visited,
html .ui-body-e a:visited,
html body .ui-group-theme-e a:visited {
  color: #38c;
}

.ui-page-theme-e a:hover,
html .ui-bar-e a:hover,
html .ui-body-e a:hover,
html body .ui-group-theme-e a:hover {
  color: #059;
}

.ui-page-theme-e a:active,
html .ui-bar-e a:active,
html .ui-body-e a:active,
html body .ui-group-theme-e a:active {
  color: #059;
}

/* Button up */
.ui-page-theme-e .ui-btn,
html .ui-bar-e .ui-btn,
html .ui-body-e .ui-btn,
html body .ui-group-theme-e .ui-btn,
html head + body .ui-btn.ui-btn-e,
.ui-page-theme-e .ui-btn:visited,
html .ui-bar-e .ui-btn:visited,
html .ui-body-e .ui-btn:visited,
html body .ui-group-theme-e .ui-btn:visited,
html head + body .ui-btn.ui-btn-e:visited {
  background-color: white;
  border-color: lightgray;
  color: black;
  text-shadow: none;
}

/* Button hover */
.ui-page-theme-e .ui-btn:hover,
html .ui-bar-e .ui-btn:hover,
html .ui-body-e .ui-btn:hover,
html body .ui-group-theme-e .ui-btn:hover,
html head + body .ui-btn.ui-btn-e:hover {
  background-color: #33cc66;
  border-color: #009933;
  color: white;
  text-shadow: none;
}

/* Button down */
.ui-page-theme-e .ui-btn:active,
html .ui-bar-e .ui-btn:active,
html .ui-body-e .ui-btn:active,
html body .ui-group-theme-e .ui-btn:active,
html head + body .ui-btn.ui-btn-e:active {
  background-color: #33cc66;
  border-color: #009933;
  color: white;
  text-shadow: none;
}

/* Active button */
.ui-page-theme-e .ui-btn.ui-btn-active,
html .ui-bar-e .ui-btn.ui-btn-active,
html .ui-body-e .ui-btn.ui-btn-active,
html body .ui-group-theme-e .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-e.ui-btn-active,
.ui-page-theme-e .ui-checkbox-on:after,
html .ui-bar-e .ui-checkbox-on:after,
html .ui-body-e .ui-checkbox-on:after,
html body .ui-group-theme-e .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-e:after,
.ui-page-theme-e .ui-flipswitch-active,
html .ui-bar-e .ui-flipswitch-active,
html .ui-body-e .ui-flipswitch-active,
html body .ui-group-theme-e .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-e.ui-flipswitch-active,
.ui-page-theme-e .ui-slider-track .ui-btn-active,
html .ui-bar-e .ui-slider-track .ui-btn-active,
html .ui-body-e .ui-slider-track .ui-btn-active,
html body .ui-group-theme-e .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-e .ui-btn-active {
  background-color: #33cc66;
  border-color: #009933;
  color: white;
  text-shadow: none;
}

/* Active radio button icon */
.ui-page-theme-e .ui-radio-on:after,
html .ui-bar-e .ui-radio-on:after,
html .ui-body-e .ui-radio-on:after,
html body .ui-group-theme-e .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-e:after {
  border-color: #33cc66;
}

/* Focus */
.ui-page-theme-e .ui-btn:focus,
html .ui-bar-e .ui-btn:focus,
html .ui-body-e .ui-btn:focus,
html body .ui-group-theme-e .ui-btn:focus,
html head + body .ui-btn.ui-btn-e:focus,
.ui-page-theme-e .ui-focus,
.ui-page-theme-e .speaking,
html .ui-bar-e .ui-focus,
html .ui-bar-e .speaking,
html .ui-body-e .ui-focus,
html .ui-body-e .speaking,
html body .ui-group-theme-e .ui-focus,
html body .ui-group-theme-e .speaking,
html head + body .ui-btn-e.ui-focus,
html head + body .ui-btn-e.speaking,
html head + body .ui-body-e.ui-focus,
html head + body .ui-body-e.speaking {
  -webkit-box-shadow: 0 0 12px #33cc66;
  -moz-box-shadow: 0 0 12px #33cc66;
  box-shadow: 0 0 12px #33cc66;
}

/* Header */
html .ui-header.ui-bar-e .ui-btn {
  background-color: #33cc66;
  border-color: #33cc66;
}

/* Footer */
html .ui-footer.ui-bar-e {
  background-color: white;
}
html .ui-footer.ui-bar-e .ui-btn {
  background-color: white;
  color: lightgray;
}
html .ui-footer.ui-bar-e .ui-btn.ui-btn-active {
  color: #33cc66;
  background-color: white;
}
html .ui-footer.ui-bar-e .ui-btn-icon-left.ui-btn-active::after,
html .ui-footer.ui-bar-e .ui-btn-icon-right.ui-btn-active::after,
html .ui-footer.ui-bar-e .ui-btn-icon-top.ui-btn-active::after,
html .ui-footer.ui-bar-e .ui-btn-icon-bottom.ui-btn-active::after,
html .ui-footer.ui-bar-e .ui-btn-icon-notext.ui-btn-active::after {
  background-color: white;
  color: #33cc66;
}
html .ui-footer.ui-bar-e .ui-btn:hover {
  color: #33cc66;
  background-color: white;
}
.circle-e {
  vertical-align: middle;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  border-radius: 10px;
  border: 3px solid #33cc66;
  background-color: #33cc66;
}
.circle-e:hover, .circle-e:active {
  border-color: white;
  background-color: white;
}

.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
}

/* Bar: Toolbars, dividers, slider track */
.ui-bar-f,
.ui-page-theme-f .ui-bar-inherit,
html .ui-bar-f .ui-bar-inherit,
html .ui-body-f .ui-bar-inherit,
html body .ui-group-theme-f .ui-bar-inherit {
  background-color: #33cccc;
  border-color: #dddddd;
  color: white;
  text-shadow: none;
}

/* Page and overlay */
.ui-overlay-f,
.ui-page-theme-f,
.ui-page-theme-f .ui-panel-wrapper {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-f,
.ui-page-theme-f .ui-body-inherit,
html .ui-bar-f .ui-body-inherit,
html .ui-body-f .ui-body-inherit,
html body .ui-group-theme-f .ui-body-inherit,
html .ui-panel-page-container-f {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

.ui-body-f {
  border-width: 1px;
  border-style: solid;
}

/* Links */
.ui-page-theme-f a,
html .ui-bar-f a,
html .ui-body-f a,
html body .ui-group-theme-f a {
  color: #38c;
}

.ui-page-theme-f a:visited,
html .ui-bar-f a:visited,
html .ui-body-f a:visited,
html body .ui-group-theme-f a:visited {
  color: #38c;
}

.ui-page-theme-f a:hover,
html .ui-bar-f a:hover,
html .ui-body-f a:hover,
html body .ui-group-theme-f a:hover {
  color: #059;
}

.ui-page-theme-f a:active,
html .ui-bar-f a:active,
html .ui-body-f a:active,
html body .ui-group-theme-f a:active {
  color: #059;
}

/* Button up */
.ui-page-theme-f .ui-btn,
html .ui-bar-f .ui-btn,
html .ui-body-f .ui-btn,
html body .ui-group-theme-f .ui-btn,
html head + body .ui-btn.ui-btn-f,
.ui-page-theme-f .ui-btn:visited,
html .ui-bar-f .ui-btn:visited,
html .ui-body-f .ui-btn:visited,
html body .ui-group-theme-f .ui-btn:visited,
html head + body .ui-btn.ui-btn-f:visited {
  background-color: white;
  border-color: lightgray;
  color: black;
  text-shadow: none;
}

/* Button hover */
.ui-page-theme-f .ui-btn:hover,
html .ui-bar-f .ui-btn:hover,
html .ui-body-f .ui-btn:hover,
html body .ui-group-theme-f .ui-btn:hover,
html head + body .ui-btn.ui-btn-f:hover {
  background-color: #33cccc;
  border-color: #009999;
  color: white;
  text-shadow: none;
}

/* Button down */
.ui-page-theme-f .ui-btn:active,
html .ui-bar-f .ui-btn:active,
html .ui-body-f .ui-btn:active,
html body .ui-group-theme-f .ui-btn:active,
html head + body .ui-btn.ui-btn-f:active {
  background-color: #33cccc;
  border-color: #009999;
  color: white;
  text-shadow: none;
}

/* Active button */
.ui-page-theme-f .ui-btn.ui-btn-active,
html .ui-bar-f .ui-btn.ui-btn-active,
html .ui-body-f .ui-btn.ui-btn-active,
html body .ui-group-theme-f .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-f.ui-btn-active,
.ui-page-theme-f .ui-checkbox-on:after,
html .ui-bar-f .ui-checkbox-on:after,
html .ui-body-f .ui-checkbox-on:after,
html body .ui-group-theme-f .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-f:after,
.ui-page-theme-f .ui-flipswitch-active,
html .ui-bar-f .ui-flipswitch-active,
html .ui-body-f .ui-flipswitch-active,
html body .ui-group-theme-f .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-f.ui-flipswitch-active,
.ui-page-theme-f .ui-slider-track .ui-btn-active,
html .ui-bar-f .ui-slider-track .ui-btn-active,
html .ui-body-f .ui-slider-track .ui-btn-active,
html body .ui-group-theme-f .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-f .ui-btn-active {
  background-color: #33cccc;
  border-color: #009999;
  color: white;
  text-shadow: none;
}

/* Active radio button icon */
.ui-page-theme-f .ui-radio-on:after,
html .ui-bar-f .ui-radio-on:after,
html .ui-body-f .ui-radio-on:after,
html body .ui-group-theme-f .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-f:after {
  border-color: #33cccc;
}

/* Focus */
.ui-page-theme-f .ui-btn:focus,
html .ui-bar-f .ui-btn:focus,
html .ui-body-f .ui-btn:focus,
html body .ui-group-theme-f .ui-btn:focus,
html head + body .ui-btn.ui-btn-f:focus,
.ui-page-theme-f .ui-focus,
.ui-page-theme-f .speaking,
html .ui-bar-f .ui-focus,
html .ui-bar-f .speaking,
html .ui-body-f .ui-focus,
html .ui-body-f .speaking,
html body .ui-group-theme-f .ui-focus,
html body .ui-group-theme-f .speaking,
html head + body .ui-btn-f.ui-focus,
html head + body .ui-btn-f.speaking,
html head + body .ui-body-f.ui-focus,
html head + body .ui-body-f.speaking {
  -webkit-box-shadow: 0 0 12px #33cccc;
  -moz-box-shadow: 0 0 12px #33cccc;
  box-shadow: 0 0 12px #33cccc;
}

/* Header */
html .ui-header.ui-bar-f .ui-btn {
  background-color: #33cccc;
  border-color: #33cccc;
}

/* Footer */
html .ui-footer.ui-bar-f {
  background-color: white;
}
html .ui-footer.ui-bar-f .ui-btn {
  background-color: white;
  color: lightgray;
}
html .ui-footer.ui-bar-f .ui-btn.ui-btn-active {
  color: #33cccc;
  background-color: white;
}
html .ui-footer.ui-bar-f .ui-btn-icon-left.ui-btn-active::after,
html .ui-footer.ui-bar-f .ui-btn-icon-right.ui-btn-active::after,
html .ui-footer.ui-bar-f .ui-btn-icon-top.ui-btn-active::after,
html .ui-footer.ui-bar-f .ui-btn-icon-bottom.ui-btn-active::after,
html .ui-footer.ui-bar-f .ui-btn-icon-notext.ui-btn-active::after {
  background-color: white;
  color: #33cccc;
}
html .ui-footer.ui-bar-f .ui-btn:hover {
  color: #33cccc;
  background-color: white;
}
.circle-f {
  vertical-align: middle;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  border-radius: 10px;
  border: 3px solid #33cccc;
  background-color: #33cccc;
}
.circle-f:hover, .circle-f:active {
  border-color: white;
  background-color: white;
}

.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
}

/* Bar: Toolbars, dividers, slider track */
.ui-bar-g,
.ui-page-theme-g .ui-bar-inherit,
html .ui-bar-g .ui-bar-inherit,
html .ui-body-g .ui-bar-inherit,
html body .ui-group-theme-g .ui-bar-inherit {
  background-color: #663399;
  border-color: #dddddd;
  color: white;
  text-shadow: none;
}

/* Page and overlay */
.ui-overlay-g,
.ui-page-theme-g,
.ui-page-theme-g .ui-panel-wrapper {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-g,
.ui-page-theme-g .ui-body-inherit,
html .ui-bar-g .ui-body-inherit,
html .ui-body-g .ui-body-inherit,
html body .ui-group-theme-g .ui-body-inherit,
html .ui-panel-page-container-g {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

.ui-body-g {
  border-width: 1px;
  border-style: solid;
}

/* Links */
.ui-page-theme-g a,
html .ui-bar-g a,
html .ui-body-g a,
html body .ui-group-theme-g a {
  color: #38c;
}

.ui-page-theme-g a:visited,
html .ui-bar-g a:visited,
html .ui-body-g a:visited,
html body .ui-group-theme-g a:visited {
  color: #38c;
}

.ui-page-theme-g a:hover,
html .ui-bar-g a:hover,
html .ui-body-g a:hover,
html body .ui-group-theme-g a:hover {
  color: #059;
}

.ui-page-theme-g a:active,
html .ui-bar-g a:active,
html .ui-body-g a:active,
html body .ui-group-theme-g a:active {
  color: #059;
}

/* Button up */
.ui-page-theme-g .ui-btn,
html .ui-bar-g .ui-btn,
html .ui-body-g .ui-btn,
html body .ui-group-theme-g .ui-btn,
html head + body .ui-btn.ui-btn-g,
.ui-page-theme-g .ui-btn:visited,
html .ui-bar-g .ui-btn:visited,
html .ui-body-g .ui-btn:visited,
html body .ui-group-theme-g .ui-btn:visited,
html head + body .ui-btn.ui-btn-g:visited {
  background-color: white;
  border-color: lightgray;
  color: black;
  text-shadow: none;
}

/* Button hover */
.ui-page-theme-g .ui-btn:hover,
html .ui-bar-g .ui-btn:hover,
html .ui-body-g .ui-btn:hover,
html body .ui-group-theme-g .ui-btn:hover,
html head + body .ui-btn.ui-btn-g:hover {
  background-color: #663399;
  border-color: #009999;
  color: white;
  text-shadow: none;
}

/* Button down */
.ui-page-theme-g .ui-btn:active,
html .ui-bar-g .ui-btn:active,
html .ui-body-g .ui-btn:active,
html body .ui-group-theme-g .ui-btn:active,
html head + body .ui-btn.ui-btn-g:active {
  background-color: #663399;
  border-color: #009999;
  color: white;
  text-shadow: none;
}

/* Active button */
.ui-page-theme-g .ui-btn.ui-btn-active,
html .ui-bar-g .ui-btn.ui-btn-active,
html .ui-body-g .ui-btn.ui-btn-active,
html body .ui-group-theme-g .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-g.ui-btn-active,
.ui-page-theme-g .ui-checkbox-on:after,
html .ui-bar-g .ui-checkbox-on:after,
html .ui-body-g .ui-checkbox-on:after,
html body .ui-group-theme-g .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-g:after,
.ui-page-theme-g .ui-flipswitch-active,
html .ui-bar-g .ui-flipswitch-active,
html .ui-body-g .ui-flipswitch-active,
html body .ui-group-theme-g .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-g.ui-flipswitch-active,
.ui-page-theme-g .ui-slider-track .ui-btn-active,
html .ui-bar-g .ui-slider-track .ui-btn-active,
html .ui-body-g .ui-slider-track .ui-btn-active,
html body .ui-group-theme-g .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-g .ui-btn-active {
  background-color: #663399;
  border-color: #009999;
  color: white;
  text-shadow: none;
}

/* Active radio button icon */
.ui-page-theme-g .ui-radio-on:after,
html .ui-bar-g .ui-radio-on:after,
html .ui-body-g .ui-radio-on:after,
html body .ui-group-theme-g .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-g:after {
  border-color: #663399;
}

/* Focus */
.ui-page-theme-g .ui-btn:focus,
html .ui-bar-g .ui-btn:focus,
html .ui-body-g .ui-btn:focus,
html body .ui-group-theme-g .ui-btn:focus,
html head + body .ui-btn.ui-btn-g:focus,
.ui-page-theme-g .ui-focus,
.ui-page-theme-g .speaking,
html .ui-bar-g .ui-focus,
html .ui-bar-g .speaking,
html .ui-body-g .ui-focus,
html .ui-body-g .speaking,
html body .ui-group-theme-g .ui-focus,
html body .ui-group-theme-g .speaking,
html head + body .ui-btn-g.ui-focus,
html head + body .ui-btn-g.speaking,
html head + body .ui-body-g.ui-focus,
html head + body .ui-body-g.speaking {
  -webkit-box-shadow: 0 0 12px #663399;
  -moz-box-shadow: 0 0 12px #663399;
  box-shadow: 0 0 12px #663399;
}

/* Header */
html .ui-header.ui-bar-g .ui-btn {
  background-color: #663399;
  border-color: #663399;
}

/* Footer */
html .ui-footer.ui-bar-g {
  background-color: white;
}
html .ui-footer.ui-bar-g .ui-btn {
  background-color: white;
  color: lightgray;
}
html .ui-footer.ui-bar-g .ui-btn.ui-btn-active {
  color: #663399;
  background-color: white;
}
html .ui-footer.ui-bar-g .ui-btn-icon-left.ui-btn-active::after,
html .ui-footer.ui-bar-g .ui-btn-icon-right.ui-btn-active::after,
html .ui-footer.ui-bar-g .ui-btn-icon-top.ui-btn-active::after,
html .ui-footer.ui-bar-g .ui-btn-icon-bottom.ui-btn-active::after,
html .ui-footer.ui-bar-g .ui-btn-icon-notext.ui-btn-active::after {
  background-color: white;
  color: #663399;
}
html .ui-footer.ui-bar-g .ui-btn:hover {
  color: #663399;
  background-color: white;
}
.circle-g {
  vertical-align: middle;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  border-radius: 10px;
  border: 3px solid #663399;
  background-color: #663399;
}
.circle-g:hover, .circle-g:active {
  border-color: white;
  background-color: white;
}

.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
}

/* Bar: Toolbars, dividers, slider track */
.ui-bar-h,
.ui-page-theme-h .ui-bar-inherit,
html .ui-bar-h .ui-bar-inherit,
html .ui-body-h .ui-bar-inherit,
html body .ui-group-theme-h .ui-bar-inherit {
  background-color: #3300ff;
  border-color: #dddddd;
  color: white;
  text-shadow: none;
}

/* Page and overlay */
.ui-overlay-h,
.ui-page-theme-h,
.ui-page-theme-h .ui-panel-wrapper {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-h,
.ui-page-theme-h .ui-body-inherit,
html .ui-bar-h .ui-body-inherit,
html .ui-body-h .ui-body-inherit,
html body .ui-group-theme-h .ui-body-inherit,
html .ui-panel-page-container-h {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

.ui-body-h {
  border-width: 1px;
  border-style: solid;
}

/* Links */
.ui-page-theme-h a,
html .ui-bar-h a,
html .ui-body-h a,
html body .ui-group-theme-h a {
  color: #38c;
}

.ui-page-theme-h a:visited,
html .ui-bar-h a:visited,
html .ui-body-h a:visited,
html body .ui-group-theme-h a:visited {
  color: #38c;
}

.ui-page-theme-h a:hover,
html .ui-bar-h a:hover,
html .ui-body-h a:hover,
html body .ui-group-theme-h a:hover {
  color: #059;
}

.ui-page-theme-h a:active,
html .ui-bar-h a:active,
html .ui-body-h a:active,
html body .ui-group-theme-h a:active {
  color: #059;
}

/* Button up */
.ui-page-theme-h .ui-btn,
html .ui-bar-h .ui-btn,
html .ui-body-h .ui-btn,
html body .ui-group-theme-h .ui-btn,
html head + body .ui-btn.ui-btn-h,
.ui-page-theme-h .ui-btn:visited,
html .ui-bar-h .ui-btn:visited,
html .ui-body-h .ui-btn:visited,
html body .ui-group-theme-h .ui-btn:visited,
html head + body .ui-btn.ui-btn-h:visited {
  background-color: white;
  border-color: lightgray;
  color: black;
  text-shadow: none;
}

/* Button hover */
.ui-page-theme-h .ui-btn:hover,
html .ui-bar-h .ui-btn:hover,
html .ui-body-h .ui-btn:hover,
html body .ui-group-theme-h .ui-btn:hover,
html head + body .ui-btn.ui-btn-h:hover {
  background-color: #3300ff;
  border-color: #330066;
  color: white;
  text-shadow: none;
}

/* Button down */
.ui-page-theme-h .ui-btn:active,
html .ui-bar-h .ui-btn:active,
html .ui-body-h .ui-btn:active,
html body .ui-group-theme-h .ui-btn:active,
html head + body .ui-btn.ui-btn-h:active {
  background-color: #3300ff;
  border-color: #330066;
  color: white;
  text-shadow: none;
}

/* Active button */
.ui-page-theme-h .ui-btn.ui-btn-active,
html .ui-bar-h .ui-btn.ui-btn-active,
html .ui-body-h .ui-btn.ui-btn-active,
html body .ui-group-theme-h .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-h.ui-btn-active,
.ui-page-theme-h .ui-checkbox-on:after,
html .ui-bar-h .ui-checkbox-on:after,
html .ui-body-h .ui-checkbox-on:after,
html body .ui-group-theme-h .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-h:after,
.ui-page-theme-h .ui-flipswitch-active,
html .ui-bar-h .ui-flipswitch-active,
html .ui-body-h .ui-flipswitch-active,
html body .ui-group-theme-h .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-h.ui-flipswitch-active,
.ui-page-theme-h .ui-slider-track .ui-btn-active,
html .ui-bar-h .ui-slider-track .ui-btn-active,
html .ui-body-h .ui-slider-track .ui-btn-active,
html body .ui-group-theme-h .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-h .ui-btn-active {
  background-color: #3300ff;
  border-color: #330066;
  color: white;
  text-shadow: none;
}

/* Active radio button icon */
.ui-page-theme-h .ui-radio-on:after,
html .ui-bar-h .ui-radio-on:after,
html .ui-body-h .ui-radio-on:after,
html body .ui-group-theme-h .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-h:after {
  border-color: #3300ff;
}

/* Focus */
.ui-page-theme-h .ui-btn:focus,
html .ui-bar-h .ui-btn:focus,
html .ui-body-h .ui-btn:focus,
html body .ui-group-theme-h .ui-btn:focus,
html head + body .ui-btn.ui-btn-h:focus,
.ui-page-theme-h .ui-focus,
.ui-page-theme-h .speaking,
html .ui-bar-h .ui-focus,
html .ui-bar-h .speaking,
html .ui-body-h .ui-focus,
html .ui-body-h .speaking,
html body .ui-group-theme-h .ui-focus,
html body .ui-group-theme-h .speaking,
html head + body .ui-btn-h.ui-focus,
html head + body .ui-btn-h.speaking,
html head + body .ui-body-h.ui-focus,
html head + body .ui-body-h.speaking {
  -webkit-box-shadow: 0 0 12px #3300ff;
  -moz-box-shadow: 0 0 12px #3300ff;
  box-shadow: 0 0 12px #3300ff;
}

/* Header */
html .ui-header.ui-bar-h .ui-btn {
  background-color: #3300ff;
  border-color: #3300ff;
}

/* Footer */
html .ui-footer.ui-bar-h {
  background-color: white;
}
html .ui-footer.ui-bar-h .ui-btn {
  background-color: white;
  color: lightgray;
}
html .ui-footer.ui-bar-h .ui-btn.ui-btn-active {
  color: #3300ff;
  background-color: white;
}
html .ui-footer.ui-bar-h .ui-btn-icon-left.ui-btn-active::after,
html .ui-footer.ui-bar-h .ui-btn-icon-right.ui-btn-active::after,
html .ui-footer.ui-bar-h .ui-btn-icon-top.ui-btn-active::after,
html .ui-footer.ui-bar-h .ui-btn-icon-bottom.ui-btn-active::after,
html .ui-footer.ui-bar-h .ui-btn-icon-notext.ui-btn-active::after {
  background-color: white;
  color: #3300ff;
}
html .ui-footer.ui-bar-h .ui-btn:hover {
  color: #3300ff;
  background-color: white;
}
.circle-h {
  vertical-align: middle;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  border-radius: 10px;
  border: 3px solid #3300ff;
  background-color: #3300ff;
}
.circle-h:hover, .circle-h:active {
  border-color: white;
  background-color: white;
}

.ui-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
}

/* Bar: Toolbars, dividers, slider track */
.ui-bar-i,
.ui-page-theme-i .ui-bar-inherit,
html .ui-bar-i .ui-bar-inherit,
html .ui-body-i .ui-bar-inherit,
html body .ui-group-theme-i .ui-bar-inherit {
  background-color: #993366;
  border-color: #dddddd;
  color: white;
  text-shadow: none;
}

/* Page and overlay */
.ui-overlay-i,
.ui-page-theme-i,
.ui-page-theme-i .ui-panel-wrapper {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-i,
.ui-page-theme-i .ui-body-inherit,
html .ui-bar-i .ui-body-inherit,
html .ui-body-i .ui-body-inherit,
html body .ui-group-theme-i .ui-body-inherit,
html .ui-panel-page-container-i {
  background-color: white;
  border-color: #dddddd;
  color: black;
  text-shadow: none;
}

.ui-body-i {
  border-width: 1px;
  border-style: solid;
}

/* Links */
.ui-page-theme-i a,
html .ui-bar-i a,
html .ui-body-i a,
html body .ui-group-theme-i a {
  color: #38c;
}

.ui-page-theme-i a:visited,
html .ui-bar-i a:visited,
html .ui-body-i a:visited,
html body .ui-group-theme-i a:visited {
  color: #38c;
}

.ui-page-theme-i a:hover,
html .ui-bar-i a:hover,
html .ui-body-i a:hover,
html body .ui-group-theme-i a:hover {
  color: #059;
}

.ui-page-theme-i a:active,
html .ui-bar-i a:active,
html .ui-body-i a:active,
html body .ui-group-theme-i a:active {
  color: #059;
}

/* Button up */
.ui-page-theme-i .ui-btn,
html .ui-bar-i .ui-btn,
html .ui-body-i .ui-btn,
html body .ui-group-theme-i .ui-btn,
html head + body .ui-btn.ui-btn-i,
.ui-page-theme-i .ui-btn:visited,
html .ui-bar-i .ui-btn:visited,
html .ui-body-i .ui-btn:visited,
html body .ui-group-theme-i .ui-btn:visited,
html head + body .ui-btn.ui-btn-i:visited {
  background-color: white;
  border-color: lightgray;
  color: black;
  text-shadow: none;
}

/* Button hover */
.ui-page-theme-i .ui-btn:hover,
html .ui-bar-i .ui-btn:hover,
html .ui-body-i .ui-btn:hover,
html body .ui-group-theme-i .ui-btn:hover,
html head + body .ui-btn.ui-btn-i:hover {
  background-color: #993366;
  border-color: #660033;
  color: white;
  text-shadow: none;
}

/* Button down */
.ui-page-theme-i .ui-btn:active,
html .ui-bar-i .ui-btn:active,
html .ui-body-i .ui-btn:active,
html body .ui-group-theme-i .ui-btn:active,
html head + body .ui-btn.ui-btn-i:active {
  background-color: #993366;
  border-color: #660033;
  color: white;
  text-shadow: none;
}

/* Active button */
.ui-page-theme-i .ui-btn.ui-btn-active,
html .ui-bar-i .ui-btn.ui-btn-active,
html .ui-body-i .ui-btn.ui-btn-active,
html body .ui-group-theme-i .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-i.ui-btn-active,
.ui-page-theme-i .ui-checkbox-on:after,
html .ui-bar-i .ui-checkbox-on:after,
html .ui-body-i .ui-checkbox-on:after,
html body .ui-group-theme-i .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-i:after,
.ui-page-theme-i .ui-flipswitch-active,
html .ui-bar-i .ui-flipswitch-active,
html .ui-body-i .ui-flipswitch-active,
html body .ui-group-theme-i .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-i.ui-flipswitch-active,
.ui-page-theme-i .ui-slider-track .ui-btn-active,
html .ui-bar-i .ui-slider-track .ui-btn-active,
html .ui-body-i .ui-slider-track .ui-btn-active,
html body .ui-group-theme-i .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-i .ui-btn-active {
  background-color: #993366;
  border-color: #660033;
  color: white;
  text-shadow: none;
}

/* Active radio button icon */
.ui-page-theme-i .ui-radio-on:after,
html .ui-bar-i .ui-radio-on:after,
html .ui-body-i .ui-radio-on:after,
html body .ui-group-theme-i .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-i:after {
  border-color: #993366;
}

/* Focus */
.ui-page-theme-i .ui-btn:focus,
html .ui-bar-i .ui-btn:focus,
html .ui-body-i .ui-btn:focus,
html body .ui-group-theme-i .ui-btn:focus,
html head + body .ui-btn.ui-btn-i:focus,
.ui-page-theme-i .ui-focus,
.ui-page-theme-i .speaking,
html .ui-bar-i .ui-focus,
html .ui-bar-i .speaking,
html .ui-body-i .ui-focus,
html .ui-body-i .speaking,
html body .ui-group-theme-i .ui-focus,
html body .ui-group-theme-i .speaking,
html head + body .ui-btn-i.ui-focus,
html head + body .ui-btn-i.speaking,
html head + body .ui-body-i.ui-focus,
html head + body .ui-body-i.speaking {
  -webkit-box-shadow: 0 0 12px #993366;
  -moz-box-shadow: 0 0 12px #993366;
  box-shadow: 0 0 12px #993366;
}

/* Header */
html .ui-header.ui-bar-i .ui-btn {
  background-color: #993366;
  border-color: #993366;
}

/* Footer */
html .ui-footer.ui-bar-i {
  background-color: white;
}
html .ui-footer.ui-bar-i .ui-btn {
  background-color: white;
  color: lightgray;
}
html .ui-footer.ui-bar-i .ui-btn.ui-btn-active {
  color: #993366;
  background-color: white;
}
html .ui-footer.ui-bar-i .ui-btn-icon-left.ui-btn-active::after,
html .ui-footer.ui-bar-i .ui-btn-icon-right.ui-btn-active::after,
html .ui-footer.ui-bar-i .ui-btn-icon-top.ui-btn-active::after,
html .ui-footer.ui-bar-i .ui-btn-icon-bottom.ui-btn-active::after,
html .ui-footer.ui-bar-i .ui-btn-icon-notext.ui-btn-active::after {
  background-color: white;
  color: #993366;
}
html .ui-footer.ui-bar-i .ui-btn:hover {
  color: #993366;
  background-color: white;
}
.circle-i {
  vertical-align: middle;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  border-radius: 10px;
  border: 3px solid #993366;
  background-color: #993366;
}
.circle-i:hover, .circle-i:active {
  border-color: white;
  background-color: white;
}

.ui-tab-icon-pwht, .ui-icon-pwht-sites-tab:hover:after,
.ui-btn-active.ui-icon-pwht-sites-tab:after, .ui-icon-pwht-sites-tab:after, .ui-icon-pwht-map-tab:hover:after,
.ui-btn-active.ui-icon-pwht-map-tab:after, .ui-icon-pwht-map-tab:after, .ui-icon-pwht-trails-tab:hover:after,
.ui-btn-active.ui-icon-pwht-trails-tab:after, .ui-icon-pwht-trails-tab:after {
  background-size: contain;
  width: 28px;
  height: 28px;
  top: 0.25em;
  background-color: white !important;
  border-radius: 0;
  margin-left: -14px;
}

.ui-icon-pwht, .ui-icon-pwht-headphones:after, .ui-icon-pwht-carat-right:after, .ui-icon-pwht-carat-left:after, .ui-icon-pwht-search:after, .ui-icon-pwht-map_pin:after, .ui-icon-pwht-time:after, .ui-icon-pwht-external:after, .ui-icon-pwht-start:after, .ui-icon-pwht-next:after, .ui-icon-pwht-previous:after, .ui-icon-pwht-back:after {
  background-size: contain;
  width: 22px;
  height: 22px;
  border-radius: 0;
}

/* search icon */
.ui-input-search {
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.ui-input-search input {
  padding-left: 2.5em;
}

.ui-input-search:after {
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
  margin-top: 0.15em;
  top: 0;
  left: 0px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-border-radius: 0;
}

.ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
  max-height: 25px;
  max-width: 25px;
  height: 25px;
  width: 25px;
  left: 0.6em;
  top: 0.5em;
}

.ui-icon-loading {
  background: url("../images/icons/loading.gif");
}

.play-audio {
  display: inline;
  float: right;
  margin: 0;
}

.play-audio img {
  height: 1em;
  padding: 0;
  background: url("../images/icons/headphones.svg");
}

.audio-player {
  padding-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*# sourceMappingURL=main.css.map */