@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
a:hover,
a:active {
  outline: 0;
}
body {
  margin: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
figure {
  margin: 1rem 0;
}
@font-face {
  font-family: Source Sans Variable;
  src: url('../fonts/SourceSansVariable-Roman.ttf.woff2') format('woff2-variations');
  font-weight: 125 950;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: Source Sans Variable;
  src: url('../fonts/SourceSansVariable-Italic.ttf.woff2') format('woff2-variations');
  font-weight: 125 950;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: Source Sans;
  src: url('../fonts/SourceSansPro-Bold.ttf.woff2') format('woff2'), url('../fonts/SourceSansPro-BoldIt.ttf.woff2') format('woff2'), url('../fonts/SourceSansPro-It.ttf.woff2') format('woff2'), url('../fonts/SourceSansPro-Light.ttf.woff2') format('woff2'), url('../fonts/SourceSansPro-LightIt.ttf.woff2') format('woff2'), url('../fonts/SourceSansPro-Regular.ttf.woff2') format('woff2');
  font-weight: 125 950;
  font-style: normal;
  font-display: block;
}
.transitionAll {
  transition: all 300ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
}
html {
  font-size: 1.386rem;
}
@media (min-width: 800px) {
  html {
    font-size: 1.323rem;
  }
}
@media (min-width: 1000px) {
  html {
    font-size: 1.26rem;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 1.2348rem;
  }
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.btn-menu {
  display: block;
  position: relative;
  padding: 0;
  background-color: #2c4f54;
  border: 1px solid #fafafd;
  border-radius: 50%;
  box-shadow: 0 0 0.8em 0.1em rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.3s ease-out, background-color 0.5s ease-out;
}
.btn-menu:hover,
.btn-menu:focus {
  background-color: #d6602f;
  box-shadow: 0 0 0.5em 0.1em rgba(0, 0, 0, 0.4);
  outline: 0;
  transform: translateY(1px);
}
.btn-menu:active {
  background-color: #f47844;
  box-shadow: 0 0 0.3em 0.2em rgba(0, 0, 0, 0.5);
  transform: translateY(2px);
}
.btn-menu .x {
  opacity: 0;
}
.btn-menu[aria-pressed="true"] .svg-menu-icon {
  transform: rotate(225deg);
}
.btn-menu[aria-pressed="true"] .svg-menu-icon .h {
  opacity: 0;
}
.btn-menu[aria-pressed="true"] .svg-menu-icon .x {
  opacity: 1;
}
.btn-menu[aria-pressed="true"] .svg-menu-icon .t {
  transform: translate(0, 8px);
  transform: translateY(8px);
}
.btn-menu[aria-pressed="true"] .svg-menu-icon .b {
  transform: translate(0, -8px);
  transform: translateY(-8px);
}
.btn-menu span {
  position: absolute;
  text-indent: -200rem;
}
.svg-menu-icon {
  display: block;
  width: 2.25em;
  height: 2.2em;
  margin: 0.3em;
  stroke-width: 3;
  stroke-linecap: round;
  stroke: #D9E4F6;
  transition: stroke 0.5s ease-out, transform 0.5s ease-in-out;
}
.svg-menu-icon path {
  backface-visibility: hidden;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.contains-icon svg {
  fill: #666666;
  display: inline-flex;
  position: relative;
  width: 1.25em;
  height: 1.25em;
  top: 0.24em;
}
.contains-icon:hover svg {
  fill: inherit;
}
/* @group
 * TYPOGRAPHY-STANDARD
 * base fonts, colours, weight
 * ----------------------------------------------------------------- */
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  color: #333;
}
a {
  transition: all 0.3s;
  text-decoration: none;
  line-height: inherit;
  color: #333;
}
a:hover,
a:focus {
  color: #3d6f76;
  fill: #3d6f76;
}
a img {
  border: none;
}
p a {
  color: #585858;
  border-bottom: 0.5px #666666 solid;
}
p a.rev {
  color: #4670c0;
}
p.rev a {
  color: #4670c0;
}
.rev p a {
  color: #4670c0;
}
li > a,
nav > a {
  color: #333;
}
/* Import any custom font faces*/
body {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.69rem;
  font-variant-numeric: oldstyle-nums;
}
@media (max-width: 502px) {
  body {
    line-height: 1.352rem;
    font-size: 0.819rem;
  }
}
@supports (font-variation-settings: normal) {
  body {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
/* Default paragraph styles */
p,
a,
li {
  font-size: inherit;
  font-family: inherit;
  font-weight: 385;
  text-rendering: optimizeLegibility;
}
p aside,
a aside,
li aside {
  font-size: 1.1025rem;
  line-height: 1.47875rem;
}
.rev p,
.rev a,
.rev li {
  color: #4670c0;
  -webkit-font-smoothing: antialiased;
}
article p,
article a,
article li {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #333;
}
@supports (font-variation-settings: normal) {
  article p,
  article a,
  article li {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
article p a,
article a a,
article li a {
  color: #585858;
}
p {
  margin-bottom: 1.1rem;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 336;
  line-height: 1.3;
  color: #585858;
  margin-top: 0.9rem;
  margin-bottom: 0.44rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
@supports (font-variation-settings: normal) {
  h1,
  h2,
  h3,
  h4,
  h5,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5 {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
h1 {
  font-size: 2.268rem;
}
h2 {
  font-size: 1.764rem;
}
h3 {
  font-size: 1.512rem;
}
h4 {
  font-size: 1.386rem;
}
h5 {
  font-size: 1.26rem;
}
h6 {
  font-size: 1.008rem;
}
/* Helpful Typography Defaults */
em,
i,
cite {
  font-style: italic;
  line-height: inherit;
}
strong,
b {
  font-weight: 600;
  line-height: inherit;
}
small {
  font-size: 60%;
  line-height: inherit;
}
code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #333333;
  background-color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
  padding: 0.125rem 0.3125rem 0.0625rem;
}
/* Lists */
ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit;
}
ul li::marker {
  color: rgba(86, 86, 86, 0.5);
  font-size: 80%;
}
ul.no-bullet {
  margin-left: 0;
}
ul.no-bullet li ul,
ul.no-bullet li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style: none;
}
/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}
ul.square li ul,
ul.circle li ul,
ul.disc li ul {
  list-style: inherit;
}
ul.square {
  list-style-type: square;
  margin-left: 1.1rem;
}
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem;
}
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem;
}
ul.no-bullet {
  list-style: none;
}
/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}
/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: 600;
}
dl dd {
  margin-bottom: 0.75rem;
}
/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help;
}
abbr {
  text-transform: none;
}
/* Blockquotes */
blockquote {
  display: block;
  width: 80%;
  font-size: 1.4rem;
  font-style: italic;
  margin: 0 0 2rem 0;
  padding: 0 1.25rem 0 2rem;
  border-left: 2px solid #343434;
}
@media (max-width: 500px) {
  blockquote {
    font-size: 1.1rem;
    width: 100%;
    margin: 0;
    padding: 0 1.25rem 0 1rem;
  }
}
blockquote cite {
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0.1em;
  display: block;
  font-size: 1rem;
  color: #343434;
}
blockquote cite:before {
  content: "";
}
blockquote cite a,
blockquote cite a:visited {
  color: #343434;
  padding-top: 0;
}
blockquote p {
  padding-top: -1ex;
  margin-bottom: 0.5rem;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: 0.1px;
  color: #808080;
}
hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0;
}
select {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
@supports (font-variation-settings: normal) {
  select {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
.smallcaps {
  font-feature-settings: "c2sc", "smcp";
  letter-spacing: 1px;
}
.liningfigs {
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
}
.caps {
  font-feature-settings: "c2sc", "smcp";
  letter-spacing: 0.5px;
  font-size: 1.05em;
}
em .caps,
i .caps {
  font-size: inherit;
}
.fullCaps {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@supports (font-variation-settings: normal) {
  .fullCaps {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
/* @end */
fieldset {
  margin: 1rem -1rem;
  border: none;
  padding: 1rem;
}
legend {
  text-transform: uppercase;
  font-size: 0.756rem;
  letter-spacing: 1.5px;
}
label {
  display: block;
  width: 100%;
  margin-bottom: 0.25rem;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  display: block;
  width: 100%;
  margin-bottom: 1.25rem;
  border-radius: 0.25rem;
  border: 1px solid silver;
  padding: 0.5rem;
}
input[type="radio"] {
  margin-right: 0.5rem;
}
button[type="submit"] {
  padding: 1rem;
  appearance: none;
  border-radius: 0.25rem;
}
select {
  font-size: 0.756rem;
  font-weight: 400;
  color: #444;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
.select-css::-ms-expand {
  display: none;
}
.select-css:hover {
  border-color: #888;
}
.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
.select-css option {
  font-weight: normal;
}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}
/* Disabled styles */
.select-css:disabled,
.select-css[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}
.select-css:disabled:hover,
.select-css[aria-disabled=true] {
  border-color: #aaa;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
/* cursors */
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
  font-weight: 400;
}
.leaflet-popup-content p {
  margin: 18px 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
.fancybox-enabled {
  overflow: hidden;
}
.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}
.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}
.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.97;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0s linear 0.25s;
  box-sizing: border-box;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s, visibility 0s;
}
.fancybox-infobar {
  top: 0;
  left: 50%;
  margin-left: -79px;
}
.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}
.fancybox-toolbar {
  top: 0;
  right: 0;
}
.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0);
}
.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: visible;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000;
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF;
}
.fancybox-slide--next {
  z-index: 99995;
}
.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}
.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}
.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default;
}
.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}
.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background 0.25s;
  box-sizing: border-box;
  z-index: 2;
}
.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}
.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}
.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px;
}
.fancybox-slide--iframe .fancybox-close-small:after {
  background: transparent;
  font-size: 35px;
  color: #aaa;
}
.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
}
/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 60px 0 30px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
}
.fancybox-caption {
  padding: 30px 0 20px 80px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption p {
  color: #fff;
}
/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  color: #ddd;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none;
}
.fancybox-button[disabled] {
  cursor: default;
  pointer-events: none;
}
.fancybox-infobar__body,
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}
.fancybox-button:hover:not([disabled]) {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}
.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
  opacity: 0.3;
}
.fancybox-button--left::after,
.fancybox-button--right::after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
}
.fancybox-button--left::after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.fancybox-button--right::after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fancybox-button--left {
  border-bottom-left-radius: 5px;
}
.fancybox-button--right {
  border-bottom-right-radius: 5px;
}
.fancybox-button--close::before,
.fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}
.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Navigation arrows */
.fancybox-arrow {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  height: 100px;
  width: 54px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 0.25s;
}
.fancybox-arrow::after {
  content: '';
  position: absolute;
  top: 28px;
  width: 44px;
  height: 44px;
  background-color: rgba(30, 30, 30, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}
.fancybox-arrow--right {
  right: 0;
}
.fancybox-arrow--left {
  left: 0;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
  left: 0;
}
.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6;
}
.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3;
}
/* Loading indicator */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate 0.8s infinite linear;
  animation: fancybox-rotate 0.8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-infobar {
    left: 0;
    margin-left: 0;
  }
  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important;
  }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}
/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none;
}
/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent;
}
.fancybox-button--play::before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
}
.fancybox-button--pause::before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
}
/* Thumbs */
.fancybox-thumbs {
  display: none;
}
.fancybox-button--thumbs {
  display: none;
}
@media all and (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block;
  }
  .fancybox-button--thumbs span {
    font-size: 23px;
  }
  .fancybox-button--thumbs::before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
  }
  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
  }
  .fancybox-show-thumbs .fancybox-thumbs {
    display: block;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 220px;
  }
  .fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
  }
  .fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
  }
  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
  }
  .fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .fancybox-thumbs > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
  }
}
body {
  overflow-x: hidden;
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #333;
  background-color: #dddcda;
}
@supports (font-variation-settings: normal) {
  body {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
body {
  display: grid;
  position: relative;
  grid-template-columns: minmax(1rem, 1fr) minmax(335px, 1200px) minmax(1rem, 1fr);
  grid-template-rows: auto 1fr auto;
  grid-row-gap: 1rem;
  grid-template-areas: "header header header" ". main ." "footer footer footer";
  min-height: 100vh;
}
header.main {
  grid-area: header;
}
main.content {
  grid-area: main;
}
footer.main {
  grid-area: footer;
}
/*
 * article and aside layout
 * ----------------------------------------------------------------- */
/*
 *  HEADER
 * ----------------------------------------------------------------- */
header.main {
  display: grid;
  grid-template-columns: minmax(1rem, 1fr) minmax(11.5rem, 300px) minmax(18rem, 900px) minmax(1rem, 1fr);
}
@media (max-width: 710px) {
  header.main {
    grid-template-columns: 1rem 1fr 1rem;
  }
}
.wfo-portal header.main {
  background-color: #1d4c67;
}
.wfo-about header.main {
  background-color: #2e8a88;
}
.wfo-plant-list header.main {
  background-color: #41a978;
}
.inter-site-nav {
  grid-column: 1/3;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 4rem) 100%, 0% 100%);
  display: flex;
  flex-direction: column;
}
@media (max-width: 710px) {
  .inter-site-nav {
    grid-column: 1/5;
    clip-path: none;
  }
}
.inter-site-nav ul {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.inter-site-nav ul li {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(1rem, 1fr) 300px;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 800px) {
  .inter-site-nav ul li a {
    font-size: 1.008rem;
  }
}
@media (max-width: 710px) {
  .inter-site-nav ul li {
    grid-template-columns: auto;
  }
}
.inter-site-nav ul li.wfo-portal {
  background-color: #1d4c67;
}
.inter-site-nav ul li.wfo-portal:hover {
  background-color: #003351;
}
.inter-site-nav ul li.wfo-portal.active {
  pointer-events: none;
}
.inter-site-nav ul li.wfo-about {
  background-color: #2e8a88;
}
.inter-site-nav ul li.wfo-about:hover {
  background-color: #006c69;
}
.inter-site-nav ul li.wfo-about.active {
  pointer-events: none;
}
.inter-site-nav ul li.wfo-plant-list {
  background-color: #41a978;
}
.inter-site-nav ul li.wfo-plant-list:hover {
  background-color: #048a4b;
}
.inter-site-nav ul li.wfo-plant-list.active {
  pointer-events: none;
}
.inter-site-nav ul a {
  grid-column: 2;
  grid-row: 1fr;
  align-self: center;
  color: white;
  font-size: 1.386rem;
  font-weight: 300;
}
.masthead {
  grid-column: 3/4;
  align-self: center;
  align-items: center;
  z-index: 1;
  position: relative;
  display: grid;
  grid-column-gap: 0.7rem;
  grid-template-columns: minmax(16rem, 2fr) minmax(7rem, 1.2fr);
}
@media (max-width: 710px) {
  .masthead {
    grid-column: 2/4;
    grid-template-columns: 2fr 1.2fr;
    overflow: hidden;
  }
}
.masthead a {
  grid-column: 1;
  display: block;
  padding: 0.5rem;
}
.masthead a div.logo-lettering svg {
  height: 2.5rem;
  width: auto;
  fill: white;
  margin-left: 1rem;
}
@media (max-width: 800px) {
  .masthead a div.logo-lettering svg {
    margin-left: -0.3rem;
  }
}
.masthead a h1 {
  display: block;
  font-weight: 300;
  margin-top: 2.2%;
  color: white;
  font-size: 1.638rem;
  line-height: 1.6055rem;
}
.masthead div.logo-roundel {
  grid-column: 2;
  overflow: hidden;
  height: 8.5rem;
  margin-right: -1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.masthead div.logo-roundel .wrapper {
  flex: 1;
}
.masthead div.logo-roundel svg {
  height: 120%;
  width: auto;
  margin-bottom: -0.5rem;
}
.nav-icon-container {
  position: absolute;
  top: -1.8rem;
  right: 1rem;
  z-index: 20000000000;
  display: none;
}
@media (max-width: 600px) {
  .nav-icon-container {
    display: block;
  }
}
nav.main {
  grid-column: 1/6;
  display: grid;
  grid-template-columns: minmax(1rem, 1fr) minmax(335px, 1200px) minmax(1rem, 1fr);
  background-color: white;
  position: relative;
}
nav.main > ul {
  position: relative;
  grid-column: 2/3;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: baseline;
  list-style: none;
}
@media (max-width: 1000px) {
  nav.main > ul {
    --min: 15ch;
    --gap: 0.5rem;
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
    margin: 0.5rem 0;
    align-content: center;
  }
}
@media (max-width: 600px) {
  nav.main > ul {
    grid-template-columns: repeat(2, 1fr);
    display: none;
  }
}
nav.main > ul li:not(.quick-search):not(.suggestions-list-item) {
  position: relative;
  transition-duration: 0.15s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 3px;
}
@media (max-width: 1000px) {
  nav.main > ul li:not(.quick-search):not(.suggestions-list-item) {
    background-color: #4b6d6c;
    align-self: stretch;
  }
  nav.main > ul li:not(.quick-search):not(.suggestions-list-item):hover {
    background-color: #3bb0ae;
  }
  nav.main > ul li:not(.quick-search):not(.suggestions-list-item) a {
    padding: 0.5rem;
    color: white;
    display: block;
  }
  nav.main > ul li:not(.quick-search):not(.suggestions-list-item).active {
    background-color: #4a6e6e;
  }
}
nav.main > ul li:not(.quick-search):not(.suggestions-list-item):hover a {
  font-weight: 550;
  letter-spacing: -0.25px;
}
nav.main > ul a {
  display: block;
  padding: 0.7rem 0;
  text-align: center;
  line-height: 115%;
}
nav.main > ul .active :not(.suggestions-list-item) a {
  color: #3d6f76;
  font-weight: 550;
}
@media (max-width: 1000px) {
  nav.main > ul .active :not(.suggestions-list-item) a {
    color: #f4bc5e;
  }
}
nav.main ul > li > ul.submenu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 6000;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: -2.5rem;
  padding: 0.6rem 0;
  min-width: 20rem;
  max-width: 30rem;
  background-color: rgba(255, 255, 255, 0.89);
  box-shadow: 5px 5px 30px -21px rgba(0, 0, 0, 0.43);
  width: 100%;
  border-left: 1rem solid rgba(255, 255, 255, 0.1);
  transition: all 300ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
}
nav.main ul li:hover > ul.submenu,
nav.main ul li:focus-within > ul.submenu,
nav.main li ul.submenu ul:hover,
nav.main li ul.submenu ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
  left: -1rem;
}
nav.main ul li ul.submenu li {
  border-top: 1px #000 solid;
  font-size: 95%;
  padding: 0.6rem 0;
  z-index: 1000;
}
/*
 * Dev / staging server flash
 * ----------------------------------------------------------------- */
.server-type-flash {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3000;
  padding: 0.8rem 1rem;
  background: rgba(255, 255, 255, 0.771);
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 5px;
  font-size: 0.9em;
  font-weight: 500;
}
/*
 * MAIN NAVIGATION (starting with mobile)
 * ----------------------------------------------------------------- */
/*
 * MAIN NAVIGATION (overides at larger viewports)
 * ----------------------------------------------------------------- */
/*
 * General Main page styles
 * ----------------------------------------------------------------- */
section.main {
  background-color: #ecebea;
  padding: 2rem;
  border-radius: 1rem;
}
@media (max-width: 600px) {
  section.main {
    padding: 0.5rem 0.5rem;
  }
}
section.main h2 {
  margin-top: 0;
}
section.main p {
  max-width: 45rem;
}
.meta-info,
.breadcrumbs,
.prev-next-links {
  list-style: none;
}
.meta-info li,
.breadcrumbs li,
.prev-next-links li,
.meta-info li a,
.breadcrumbs li a,
.prev-next-links li a,
.meta-info a,
.breadcrumbs a,
.prev-next-links a,
.meta-info p,
.breadcrumbs p,
.prev-next-links p,
.meta-info label,
.breadcrumbs label,
.prev-next-links label {
  color: #666666;
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
  font-size: 0.756rem;
  display: inline-block;
  margin-bottom: 2rem;
}
@supports (font-variation-settings: normal) {
  .meta-info li,
  .breadcrumbs li,
  .prev-next-links li,
  .meta-info li a,
  .breadcrumbs li a,
  .prev-next-links li a,
  .meta-info a,
  .breadcrumbs a,
  .prev-next-links a,
  .meta-info p,
  .breadcrumbs p,
  .prev-next-links p,
  .meta-info label,
  .breadcrumbs label,
  .prev-next-links label {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
.prev-next-links a {
  color: #666666;
  position: relative;
}
.prev-next-links a:hover {
  color: #3d6f76;
}
.prev-next-links a:hover svg {
  fill: #3d6f76;
}
figure {
  position: relative;
}
.video figcaption,
.latest-news figcaption {
  position: absolute;
  z-index: 5000;
  padding: 0.3rem 1.5rem 0.3rem 1rem;
  color: white;
  bottom: 0;
  right: 0;
  font-size: 0.63rem;
  line-height: 1.014rem;
  background-color: rgba(66, 66, 66, 0.66);
}
/*
  * Content Builder styles
  * ----------------------------------------------------------------- */
.content-builder {
  /* .image-gallery-container {
		max-width: 900px;
		.grid-container;
		.image-squares {
			.grid-item;

			img {
				width: 100%;
				border: none;
			}
		}
	} */
}
.content-builder p,
.content-builder li {
  max-width: 700px;
}
.content-builder p.double-column,
.content-builder ul.double-column {
  column-count: 2;
}
.content-builder figure {
  max-width: 810px;
}
.content-builder img {
  width: 100%;
  height: auto;
  border: 1px solid #e6e6e6;
}
@media (min-width: 700px) {
  .content-builder img {
    width: 80%;
  }
}
.content-builder figcaption,
.content-builder figcaption p,
.content-builder .gallery-caption p {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.819rem;
  color: #808080;
  margin-top: 0.4rem;
}
.content-builder figcaption a,
.content-builder figcaption p a,
.content-builder .gallery-caption p a {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.69rem;
  font-size: 0.819rem;
  color: #808080;
}
.content-builder blockquote {
  color: #808080;
  border-color: #3d6f76;
  border-width: 1px;
}
.content-builder blockquote p {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.26rem;
}
.content-builder blockquote cite a {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #808080;
  font-size: 0.756rem;
}
@supports (font-variation-settings: normal) {
  .content-builder blockquote cite a {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
/*
 * Home Page elements
 * ----------------------------------------------------------------- */
.home .intro-para {
  width: 33.9rem;
  width: min(33.9rem, 95%);
  font-weight: 320;
  font-variation-settings: 'wght' 320;
  font-size: 1.386rem;
  line-height: 2.028rem;
  margin-top: 1.5rem;
}
@media (max-width: 800px) {
  .home .intro-para {
    width: 100%;
    font-size: 1.134rem;
    line-height: 1.69rem;
  }
}
.home .map {
  margin-top: 2.5rem;
  position: relative;
}
.home .map figcaption {
  position: absolute;
  bottom: 2.25rem;
  left: 40%;
  width: 40%;
  font-size: 0.693rem;
  line-height: 1.014rem;
}
@media (max-width: 800px) {
  .home .map figcaption {
    position: static;
    width: 100%;
    left: 0%;
  }
}
.home header.intro {
  position: relative;
}
@media (max-width: 990px) {
  .home section.stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.home section.stats div {
  position: absolute;
  padding: 6rem 0.5rem;
  margin: 1rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 990px) {
  .home section.stats div {
    position: static;
    padding: 2rem 0.5rem;
  }
}
.home section.stats div p,
.home section.stats div a {
  color: white;
  border: none;
  margin: 0.5rem;
}
.home section.stats div .big-number {
  font-weight: 200;
  font-size: 5.04rem;
  line-height: 4.394rem;
  display: block;
}
@media (max-width: 990px) {
  .home section.stats div .big-number {
    max-width: 100%;
    margin: 0;
    text-align: center;
    font-size: 3.78rem;
  }
}
.home section.stats div .text {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 0.756rem;
  line-height: 1.183rem;
  text-align: center;
  font-weight: 400;
  max-width: 10rem;
  margin-left: -0.5rem;
}
@media (max-width: 990px) {
  .home section.stats div .text {
    max-width: 100%;
    margin-left: 0;
  }
}
.home section.stats div.coverage {
  right: -3rem;
  top: -6rem;
  z-index: -50;
}
@media (max-width: 990px) {
  .home section.stats div.coverage {
    position: relative;
    flex: 1 auto;
    right: auto;
    left: auto;
    top: auto;
    width: 40%;
    margin: 0;
  }
}
.home section.stats div.coverage:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #4e8f98;
  background: linear-gradient(110deg, #4e8f98 0%, #4e8f98 25%, rgba(61, 111, 118, 0) 55%);
  clip-path: polygon(15rem 0, 100% 0, 100% 100%, 20rem 100%, 0% 50%);
  right: -24rem;
  left: -4rem;
  top: -5rem;
  bottom: -6rem;
  z-index: -10;
}
@media (max-width: 990px) {
  .home section.stats div.coverage:after {
    clip-path: none;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #4e8f98;
  }
}
.home section.stats div.partners {
  left: 0rem;
  bottom: 0;
}
@media (max-width: 990px) {
  .home section.stats div.partners {
    position: relative;
    flex: 1 auto;
    width: 40%;
    margin: 0;
  }
}
.home section.stats div.partners .big-number {
  margin-left: -0.25rem;
}
.home section.stats div.partners:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #5dc191;
  background: linear-gradient(110deg, rgba(65, 169, 120, 0) 40%, rgba(65, 169, 120, 0.2) 50%, #41a978 80%, #41a978 100%);
  right: -4rem;
  left: -24rem;
  top: -4rem;
  bottom: -3rem;
  z-index: -10;
  clip-path: polygon(0 0, 18rem 0, 100% 50%, 18rem 100%, 0% 100%);
}
@media (max-width: 990px) {
  .home section.stats div.partners:after {
    clip-path: none;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -10;
    background: linear-gradient(110deg, rgba(65, 169, 120, 0.7) 50%, #41a978 80%, #41a978 100%);
  }
}
.home .video {
  position: relative;
  padding: 1rem 0rem;
}
.home .video:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -100vw;
  background: #2b2c30;
  z-index: -1;
}
.home .video .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.home .video .embed-container iframe,
.home .video .embed-container object,
.home .video .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home .video h3 {
  color: #aac2c4;
}
.home .video p {
  color: white;
}
.home .video figcaption {
  color: white;
  margin-bottom: 1rem;
}
.home .latest-news {
  padding: 1rem 0rem;
}
.home .latest-news p {
  width: 33.9rem;
  width: min(33.9rem, 95%);
}
/*
 * COMMON FOOTER
 * ----------------------------------------------------------------- */
footer {
  display: grid;
  grid-template-columns: minmax(1rem, 1fr) repeat(5, minmax(2rem, 240px)) minmax(0.5rem, 1fr);
  grid-row-gap: 1rem;
  background-color: #384648;
  padding: 2rem 0;
}
footer .partner-logos {
  grid-column: 2/5;
  align-self: center;
  display: flex;
  align-items: center;
  height: 4rem;
  margin-bottom: 0.8rem;
}
@media (max-width: 710px) {
  footer .partner-logos {
    grid-column: 2/7;
  }
}
footer .partner-logos svg {
  fill: white;
  height: 100%;
  margin-right: 2rem;
}
footer .partner-logos svg.wfo-logo-mono {
  flex-shrink: 0.7;
}
footer .partner-logos svg.gspc_mono_rev {
  flex-shrink: 0.8;
  margin-left: 0.6rem;
}
footer .partner-logos svg.cobd-logo {
  flex-shrink: 0.3;
  margin-left: 0.6rem;
}
footer .partner-logos svg.undob-logo {
  flex-shrink: 0.9;
  margin-top: 1.9rem;
}
footer nav {
  grid-column: 6/7;
  grid-row: 1/3;
}
footer nav svg {
  height: 2rem;
  margin: 0.4rem;
  fill: white;
  transition: all 300ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
}
footer nav svg:hover {
  fill: #68a8b1;
}
footer a,
footer p,
footer ul,
footer li {
  color: white;
  list-style: none;
}
footer .footer-items a {
  border-bottom: 1px white blue;
}
footer .footer-items a:hover {
  color: #68a8b1;
}
footer div.copyright-and-credits {
  grid-column: 2/5;
  grid-row: 2;
}
footer div.copyright-and-credits p,
footer div.copyright-and-credits a {
  font-size: 0.756rem;
  line-height: 1.352rem;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
footer .copyright-and-credits a:hover {
  color: #68a8b1;
}
/*
 * PAGES · Section pages
 * ----------------------------------------------------------------- */
/*
 * Introduction page
 * ----------------------------------------------------------------- */
div.vector-map {
  margin: 0 -10%;
  position: relative;
  width: 120%;
}
div.vector-map .tooltip {
  max-width: 12rem;
  background-color: #f2b246;
  position: absolute;
  z-index: 100;
  padding: 1rem;
  pointer-events: none;
  box-shadow: 4px 4px 20px 3px rgba(0, 0, 0, 0.2);
}
div.vector-map .tooltip .region-name {
  font-size: 1.008rem;
  color: #1d4c67;
}
div.vector-map .tooltip .big-number {
  color: white;
  font-size: 2.772rem;
  font-weight: 300;
  margin-bottom: 0.25rem;
  margin-left: -0.15rem;
}
div.vector-map .tooltip .taxa-represented {
  color: white;
  font-size: 0.756rem;
  line-height: 1.352rem;
  margin-bottom: 0.5rem;
}
div.vector-map .tooltip .floras {
  color: #595959;
  font-size: 0.756rem;
  line-height: 1.014rem;
  margin-bottom: 0.2rem;
}
div.vector-map .tooltip:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 40px solid #f2b246;
  transform: rotate(45deg);
}
div.vector-map svg {
  margin-left: -5rem;
}
div.vector-map .region {
  stroke: #cccccc;
  fill: white;
  transition: all 1s;
}
div.vector-map .region.active {
  fill: #d0e1da;
}
div.vector-map .graticule {
  fill: none;
  stroke: #ECECEC;
  stroke-width: 1;
  stroke-dasharray: 1,3;
  z-index: -50;
}
div.vector-map #region_id_91 {
  opacity: 0;
}
/*
 * Other pages – generic styles
 * ----------------------------------------------------------------- */
.hero-image {
  height: 45rem;
  width: 100vw;
  position: relative;
  z-index: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -1rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.hero-image figcaption {
  position: absolute;
  z-index: 5000;
  padding: 0.3rem 1.5rem 0.3rem 1rem;
  color: white;
  bottom: 0;
  right: 0;
  font-size: 0.63rem;
  line-height: 1.014rem;
  background-color: rgba(66, 66, 66, 0.66);
}
.hero-image figcaption span.credit a {
  font-weight: 200;
  color: white;
}
.hero-image figcaption span.credit a:hover {
  color: #f8b641;
}
.hero-image figcaption span.credit {
  font-weight: 300;
}
.rounded-image-list {
  display: grid;
  list-style: none;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 0.25rem;
  margin: -2rem -2rem 2rem -2rem;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}
.rounded-image-list a {
  display: grid;
  grid-template-columns: 1;
  grid-template-rows: 1;
  align-items: center;
  background-color: #0f3165;
  position: relative;
}
.rounded-image-list a:hover img {
  opacity: 0.4;
}
.rounded-image-list a:hover p {
  opacity: 1;
}
.rounded-image-list a img {
  transition: opacity 1s;
  display: block;
  grid-column: 1;
  grid-row: 1;
  z-index: 0;
}
.rounded-image-list a p {
  transition: opacity 1s;
  grid-column: 1;
  grid-row: 1;
  z-index: 10;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  padding: 1rem;
  opacity: 0;
  color: white;
}
.regions-index p.instructions {
  font-size: 0.756rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 0;
}
.regions-index ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  grid-gap: 1px;
  background: white;
  list-style: none;
  border-radius: 1rem;
  margin: 0rem -0.25rem 1.7rem -0.5rem;
  overflow: hidden;
}
.regions-index ul li {
  flex-grow: 1;
  background: #595959;
}
.regions-index ul a {
  color: white;
  text-align: center;
  font-size: 0.756rem;
  padding: 0.25rem 0;
  display: block;
}
.regions-index ul a:hover {
  background: #f2b246;
}
a#back-to-top {
  display: block;
  position: fixed;
  height: 60px;
  width: 60px;
  right: 30px;
  bottom: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill = 'white' viewBox='0 0 20 20'%3E%3Cpath d='M10 6 l5 7 h-10 z'/%3E%3C/svg%3E");
  background-color: #595959;
  box-shadow: 0 0 10px rgba(30, 30, 30, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
a#back-to-top.cd-is-visible,
a#back-to-top.cd-fade-out,
a#back-to-top:hover {
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
a#back-to-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
a#back-to-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}
a#back-to-top:hover {
  opacity: 1;
}
/*
 * Partners
 * ----------------------------------------------------------------- */
.partners h3 {
  border-bottom: 1px solid white;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
@media (min-width: 1200px) {
  .partners ul {
    list-style: none;
  }
  .partners ul.double-column {
    column-count: 2;
    column-gap: 2rem;
  }
}
.partners ul.partners-list {
  list-style: none;
}
.partners .content li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 1rem -0.25rem;
  break-inside: avoid-column;
}
.partners .content li a p {
  margin: 0;
  transition: all 300ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
}
.partners .content li a:hover p {
  color: #3d6f76;
}
.partners .logo-thumb {
  display: inline-block;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  border-radius: 50%;
  background: white;
  margin: 0 1rem 0 0;
  border: #979797 solid 2px;
  position: relative;
}
.partners .logo {
  position: absolute;
  width: 103%;
  height: 103%;
  top: -1.5%;
  object-fit: cover;
}
.partners #partners-locations-map {
  height: 45rem;
  width: 100vw;
  position: relative;
  z-index: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -1rem;
  margin-bottom: 2rem;
}
.partners .leaflet-container {
  position: relative;
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
}
@supports (font-variation-settings: normal) {
  .partners .leaflet-container {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
.partner .logo {
  max-width: 12rem;
  margin-bottom: 1rem;
  mix-blend-mode: multiply;
}
.partner #partners-locations-map {
  height: 15rem;
  width: 15rem;
}
.partner h2 {
  border-bottom: 1px white solid;
  font-size: 2.142rem;
  font-weight: 250;
  margin-bottom: 2rem;
}
/*
 * Floras
 * ----------------------------------------------------------------- */
.floras h2 {
  border-bottom: 1px white solid;
  font-size: 2.142rem;
  font-weight: 250;
  margin-bottom: 2rem;
}
.floras h3 {
  border-bottom: 1px white solid;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.floras dt a {
  font-weight: 520;
  font-size: 1.0962rem;
  margin-top: 1.2re;
}
.floras dd {
  max-width: 45rem;
}
.floras dd.wfo-status {
  color: #757575;
  font-size: 90%;
  line-height: 0.8rem;
}
.floras dd a.external {
  display: block;
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
  font-size: 0.7812rem;
  font-weight: 480;
  margin-top: -0.4rem;
}
@supports (font-variation-settings: normal) {
  .floras dd a.external {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
.floras dd a.external:after {
  content: " ▶︎";
}
/*
 * Tens
 * ----------------------------------------------------------------- */
.ten h2 {
  border-bottom: 1px white solid;
  font-size: 2.142rem;
  font-weight: 250;
  margin-bottom: 2rem;
}
.tens-list .container {
  list-style: none;
  color: #3d6f76;
  margin-top: 0.6rem;
}
/*
 * Documents
 * ----------------------------------------------------------------- */
.documents h3 {
  padding-bottom: 0.3rem;
  border-bottom: 1px white solid;
  margin-bottom: 0.8rem;
}
/*
 * Stories
 * ----------------------------------------------------------------- */
/*
  * Article lists
  * ----------------------------------- */
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  65% {
    transform: translateY(-0.2rem);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
ul.article-thumbnails {
  margin-top: 1rem;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: auto;
  grid-gap: 1rem;
  padding: 0;
}
ul.article-thumbnails li.media-box {
  background-color: #415254;
  animation: 0.5s ease 0s normal both 1 fadein;
}
ul.article-thumbnails a {
  min-width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  transition: all 300ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
}
ul.article-thumbnails a:hover,
ul.article-thumbnails a:focus {
  background-color: #345f65;
}
ul.article-thumbnails a:hover .media-box-text p,
ul.article-thumbnails a:focus .media-box-text p,
ul.article-thumbnails a:hover .media-box-text h5,
ul.article-thumbnails a:focus .media-box-text h5,
ul.article-thumbnails a:hover .media-box-text .categories,
ul.article-thumbnails a:focus .media-box-text .categories,
ul.article-thumbnails a:hover .media-box-text .published-date,
ul.article-thumbnails a:focus .media-box-text .published-date {
  color: white;
}
ul.article-thumbnails a .image-mask {
  height: 0;
  margin: 0;
  padding: 0 0 100% 0;
  background: #ededed;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1240px) {
  ul.article-thumbnails a .image-mask {
    height: 100%;
  }
}
ul.article-thumbnails a img {
  position: absolute;
  min-width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  font-size: 0.756rem;
  line-height: 4rem;
  transition: all 300ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
  object-position: center;
}
ul.article-thumbnails a:hover img {
  transform: scale(1.07);
}
ul.article-thumbnails a .media-box-text {
  padding: 0.8rem 0.5rem 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
ul.article-thumbnails a .media-box-text div.categories,
ul.article-thumbnails a .media-box-text div.published-date {
  font-size: 0.567rem;
  line-height: 0.9295rem;
  color: #3d6f76;
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
}
@supports (font-variation-settings: normal) {
  ul.article-thumbnails a .media-box-text div.categories,
  ul.article-thumbnails a .media-box-text div.published-date {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
ul.article-thumbnails a .media-box-text h5 {
  font-style: initial;
  font-size: 1.197rem;
  line-height: 1.521rem;
  color: #d5e4d3;
  max-width: 90%;
}
ul.article-thumbnails a .media-box-text p {
  font-size: 0.819rem;
  line-height: 1.2675rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  color: white;
}
ul.article-thumbnails a .media-box-text .published-date {
  margin-top: auto;
}
.list-title {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
/*
  * Article builder styles
  * ----------------------------------- */
.content-builder p,
.content-builder li {
  max-width: 700px;
}
.content-builder p.double-column,
.content-builder ul.double-column {
  column-count: 2;
}
.content-builder figure {
  max-width: 810px;
}
.content-builder img {
  width: 100%;
  height: auto;
  border: 1px solid #e6e6e6;
}
@media (min-width: 700px) {
  .content-builder img {
    width: 80%;
  }
}
.content-builder figcaption,
.content-builder figcaption p,
.content-builder .gallery-caption p {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.819rem;
  color: #808080;
  line-height: 1.352rem;
  margin-top: 0.4rem;
}
.content-builder figcaption a,
.content-builder figcaption p a,
.content-builder .gallery-caption p a {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.352rem;
  font-size: 0.819rem;
  color: #808080;
}
.content-builder figcaption a span.credit,
.content-builder figcaption p a span.credit,
.content-builder .gallery-caption p a span.credit {
  font-weight: 300;
}
.content-builder figcaption span.credit,
.content-builder figcaption p span.credit,
.content-builder .gallery-caption p span.credit {
  font-weight: 300;
}
.content-builder .image-gallery-container {
  max-width: 900px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content-builder .image-gallery-container .image-squares {
  width: calc(100%/2  -  1rem/2);
  margin-bottom: 1rem;
}
.content-builder .image-gallery-container .image-squares img {
  width: 100%;
  border: none;
}
.content-builder blockquote {
  color: #808080;
  border-color: #3d6f76;
  border-width: 1px;
  font-weight: 300;
  margin: 1.5rem 0;
}
.content-builder blockquote p {
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-family: Source Sans Variable, -apple-system, sans-serif;
  font-size: 1.638rem;
  font-weight: 300;
}
.content-builder blockquote cite a {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: Source Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-family: Source Sans Variable, -apple-system, sans-serif;
  color: #808080;
  font-size: 0.693rem;
  font-weight: 400;
}
@supports (font-variation-settings: normal) {
  .content-builder blockquote cite a {
    font-family: Source Sans Variable, -apple-system, sans-serif;
  }
}
.content-builder .logo-strip-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 40rem;
  margin-bottom: 1.5rem;
}
.content-builder .logo-strip-container .supporters-logo {
  max-width: 300px;
  min-width: 90px;
  margin-right: 2rem;
  margin-bottom: 1rem;
  height: auto;
}
.content-builder .logo-strip-container .supporters-logo img {
  min-width: 100%;
}
/*
 * Accordions
 * ----------------------------------------------------------------- */
.accordion dl {
  padding-bottom: 1rem;
}
.accordion dt {
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  transition: font-weight 0.45s ease;
  max-width: 80%;
  font-weight: 400;
  margin-top: 1rem;
  padding-top: 1.2rem;
  color: #666666;
  border-top: 1px solid white;
}
@media (max-width: 900px) {
  .accordion dt {
    max-width: 100%;
  }
}
.accordion dt::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill = 'white' viewBox='0 0 20 20'%3E%3Cpath d='M15 10l-9 5v-10l9 5z'/%3E%3C/svg%3E");
  background-size: cover;
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  left: -1.5rem;
  top: 1em;
  color: white;
  font-weight: 400;
  font-size: 1.4em;
  line-height: 50%;
  transition: all 0.25s ease;
}
.accordion dt:after {
  transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  font-weight: 400;
  content: "A";
  position: absolute;
  display: block;
  left: 12rem;
  bottom: -2.6rem;
  width: 1.6rem;
  height: 1.6rem;
  color: white;
  line-height: 0.55rem;
  text-align: center;
  background: #f2b246;
  padding: 0.5rem 0 1rem 0.05rem;
  border: 1px #f0a82e solid;
  border-radius: 50%;
  opacity: 0;
}
.accordion dt:hover {
  color: #c4800e;
}
.accordion dt:hover::before {
  color: #c4800e;
  transform: rotate(45deg);
}
.accordion dt.open {
  font-weight: 700;
  color: #333;
}
.accordion dt.open::after {
  opacity: 1;
  left: 16rem;
}
@media (max-width: 900px) {
  .accordion dt.open::after {
    left: 0;
  }
}
.accordion dt.open:before {
  transform: rotate(90deg);
}
.accordion dd {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  max-width: 30rem;
  margin-left: 18rem;
  position: relative;
}
@media (max-width: 900px) {
  .accordion dd {
    margin-left: 3rem;
  }
}
/*
// Plant List styles
 * ----------------------------------------------------------------- */
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.wfo-plant-list .main {
  position: relative;
}
.wfo-plant-list .breadcrumbs {
  width: 75%;
  margin-bottom: 0.25rem;
  line-height: 1.4rem;
}
.wfo-plant-list .breadcrumbs ul,
.wfo-plant-list .breadcrumbs li a,
.wfo-plant-list .breadcrumbs a,
.wfo-plant-list .breadcrumbs li {
  margin: 0;
}
.wfo-plant-list .breadcrumbs a {
  color: #3d6f76;
}
.wfo-plant-list .breadcrumbs a:hover {
  color: #19759a;
  font-weight: 500;
}
/* 
.wfo-plant-list a {
	transform: scale(1);
	animation: pulse 2s infinite;
} */
.wfo-plant-list .rank {
  text-transform: uppercase;
  letter-spacing: 2.5px;
  margin-top: 2.5rem;
  margin-bottom: 0;
  font-size: 0.9rem;
}
.wfo-plant-list h2 {
  color: #2e8a88;
  margin-top: 0;
  padding-bottom: 0.5rem;
  margin-bottom: 0.8rem;
  font-size: 2.2rem;
  max-width: 72%;
  border-bottom: 1px #999999 solid;
}
@media (max-width: 850px) {
  .wfo-plant-list h2 {
    max-width: 100%;
  }
}
.wfo-plant-list h2 .authorship,
.wfo-plant-list h2 .as-classified {
  font-size: 78%;
  color: #333;
}
.wfo-plant-list .detail-text img {
  vertical-align: -2px;
}
.wfo-plant-list .phyla-list {
  width: 80%;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 42rem;
  margin-top: 2em;
}
.wfo-plant-list .phyla-list li {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.wfo-plant-list .phyla-list li a {
  width: 12rem;
  height: 12rem;
  margin: 0;
  display: block;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  backdrop-filter: blur(100);
  background-color: rgba(66, 66, 66, 0.3);
  transition: background 0.6s;
}
.wfo-plant-list .phyla-list li a:hover {
  backdrop-filter: blur(2.5px);
  background-color: rgba(47, 58, 97, 0.8);
  background-blend-mode: multiply;
}
.wfo-plant-list .phyla-list li a p {
  color: white;
  margin: 0;
  padding: 0;
  text-shadow: 1px 2px 10px black;
}
.wfo-plant-list .phyla-list li a p.main-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 550;
}
.wfo-plant-list .phyla-list li a p.subtitle {
  line-height: 120%;
  font-weight: 350;
}
.wfo-plant-list .taxon-details p {
  margin: 0.25rem 0;
  line-height: 1.4rem;
  width: 70%;
  font-weight: 350;
}
@media (max-width: 850px) {
  .wfo-plant-list .taxon-details p {
    width: 100%;
  }
}
.wfo-plant-list .taxon-details p a {
  font-weight: inherit;
  border-bottom: none;
}
.wfo-plant-list .taxon-details p .nom svg {
  width: 2.15em;
  position: relative;
  top: 0.28rem;
}
.wfo-plant-list h4 {
  display: inline-block;
  margin-top: 1.8rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1.5px white solid;
}
.wfo-plant-list h4 .showing {
  font-size: 80%;
}
.literature-refs li {
  font-size: 85%;
  line-height: 85%;
}
.wfo-plant-list #rank-type-start {
  border-top: 1px solid #bdbdbd;
  margin-top: 0.2rem;
  padding-top: 0.3rem;
  display: inline-block;
}
.wfo-plant-list .stats {
  display: flex;
  flex-wrap: wrap;
}
.wfo-plant-list .stats .svg-container {
  flex: 0 1 auto;
}
.wfo-plant-list .stats path {
  transition: fill 0.3s ease-in-out, transform 0.3s;
  will-change: transform;
}
.wfo-plant-list .stats path.active {
  color: white;
  transform: scale(1.08);
  fill: #c36610;
}
.wfo-plant-list .stats .legend {
  margin-left: 3rem;
  margin-top: -1.5rem;
  width: 40%;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .wfo-plant-list .stats .legend {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
}
.wfo-plant-list .stats .legend .radio-buttons {
  margin-bottom: 1rem;
}
.wfo-plant-list .stats .legend p.choose {
  font-weight: 350;
  font-size: 1rem;
  margin-bottom: 0.4rem;
}
.wfo-plant-list .stats .legend label {
  display: inline;
  font-weight: 300;
  font-size: 0.9rem;
  line-height: 0.7rem;
}
.wfo-plant-list .stats table {
  margin-bottom: 0.25rem;
}
.wfo-plant-list .stats tr {
  transition: background-color 0.7s ease-in-out;
}
.wfo-plant-list .stats tr.active td,
.wfo-plant-list .stats tr.active th {
  transition: all 0.3s ease-in-out;
  background-color: #c36610;
  color: white;
}
.wfo-plant-list .stats tbody th {
  border-bottom: inherit;
}
.wfo-plant-list .stats tfoot th {
  border-bottom: none;
}
.hide-syns-control label {
  display: inline;
  margin-right: 0.25rem;
}
.taxa-table,
.classifications-table,
.content-builder table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0.8rem;
  font-size: 0.9rem;
  /* row styles */
}
.taxa-table th,
.classifications-table th,
.content-builder table th {
  color: #666666;
  font-weight: 650 !important;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid grey;
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
@media (max-width: 800px) {
  .taxa-table thead th,
  .classifications-table thead th,
  .content-builder table thead th {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
@media (max-width: 800px) {
  .taxa-table td,
  .classifications-table td,
  .content-builder table td {
    display: block;
    width: 100% !important;
    padding: 0.2rem 0.5rem !important;
    text-indent: 0 !important;
  }
  .taxa-table td:before,
  .classifications-table td:before,
  .content-builder table td:before {
    content: attr(data-th) ": ";
    font-weight: 480;
  }
}
.taxa-table tr.placeholder,
.classifications-table tr.placeholder,
.content-builder table tr.placeholder {
  opacity: 0.3;
  animation: placeholder-glow 1s linear infinite;
  cursor: wait;
  min-height: 1em;
  vertical-align: middle;
  color: grey;
}
.taxa-table tr.placeholder td a,
.classifications-table tr.placeholder td a,
.content-builder table tr.placeholder td a {
  font-weight: 100;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.1;
  }
}
.taxa-table td,
.classifications-table td,
.content-builder table td,
.taxa-table th,
.classifications-table th,
.content-builder table th {
  padding: 0.6rem;
  text-align: left;
  line-height: 1.1rem;
}
.taxa-table td a,
.classifications-table td a,
.content-builder table td a,
.taxa-table th a,
.classifications-table th a,
.content-builder table th a {
  font-weight: inherit;
}
.taxa-table td a:hover,
.classifications-table td a:hover,
.content-builder table td a:hover,
.taxa-table th a:hover,
.classifications-table th a:hover,
.content-builder table th a:hover {
  color: #3d6f76;
  font-weight: 400;
}
.taxa-table td[data-th="Name"],
.classifications-table td[data-th="Name"],
.content-builder table td[data-th="Name"],
.taxa-table th[data-th="Name"],
.classifications-table th[data-th="Name"],
.content-builder table th[data-th="Name"],
.taxa-table td[data-th="Date of Snapshot"],
.classifications-table td[data-th="Date of Snapshot"],
.content-builder table td[data-th="Date of Snapshot"],
.taxa-table th[data-th="Date of Snapshot"],
.classifications-table th[data-th="Date of Snapshot"],
.content-builder table th[data-th="Date of Snapshot"] {
  font-weight: 450;
  width: 28%;
}
.taxa-table td[data-th="Name"] a,
.classifications-table td[data-th="Name"] a,
.content-builder table td[data-th="Name"] a,
.taxa-table th[data-th="Name"] a,
.classifications-table th[data-th="Name"] a,
.content-builder table th[data-th="Name"] a,
.taxa-table td[data-th="Date of Snapshot"] a,
.classifications-table td[data-th="Date of Snapshot"] a,
.content-builder table td[data-th="Date of Snapshot"] a,
.taxa-table th[data-th="Date of Snapshot"] a,
.classifications-table th[data-th="Date of Snapshot"] a,
.content-builder table th[data-th="Date of Snapshot"] a {
  font-weight: 550;
  color: #345f65;
}
.taxa-table td[data-th="Author"],
.classifications-table td[data-th="Author"],
.content-builder table td[data-th="Author"],
.taxa-table th[data-th="Author"],
.classifications-table th[data-th="Author"],
.content-builder table th[data-th="Author"] {
  width: 22%;
}
.taxa-table td[data-th="Nomenclator ID"] a svg,
.classifications-table td[data-th="Nomenclator ID"] a svg,
.content-builder table td[data-th="Nomenclator ID"] a svg,
.taxa-table th[data-th="Nomenclator ID"] a svg,
.classifications-table th[data-th="Nomenclator ID"] a svg,
.content-builder table th[data-th="Nomenclator ID"] a svg {
  fill: #858585;
  height: 20px;
}
.taxa-table td[data-th="Nomenclator ID"]:hover svg,
.classifications-table td[data-th="Nomenclator ID"]:hover svg,
.content-builder table td[data-th="Nomenclator ID"]:hover svg,
.taxa-table th[data-th="Nomenclator ID"]:hover svg,
.classifications-table th[data-th="Nomenclator ID"]:hover svg,
.content-builder table th[data-th="Nomenclator ID"]:hover svg {
  fill: #3d6f76;
}
.taxa-table td.hide,
.classifications-table td.hide,
.content-builder table td.hide,
.taxa-table th.hide,
.classifications-table th.hide,
.content-builder table th.hide {
  display: none;
}
.taxa-table td[data-th="WFO link"],
.classifications-table td[data-th="WFO link"],
.content-builder table td[data-th="WFO link"],
.taxa-table th[data-th="WFO link"],
.classifications-table th[data-th="WFO link"],
.content-builder table th[data-th="WFO link"] {
  width: 8.25rem;
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  65% {
    transform: translateY(-0.2rem);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-background {
  0% {
    background-color: rgba(242, 178, 70, 0);
  }
  75% {
    background-color: #f2b246;
  }
  100% {
    background-color: rgba(242, 178, 70, 0);
  }
}
.taxa-table tbody tr,
.classifications-table tbody tr,
.content-builder table tbody tr {
  font-weight: 375;
}
@media (max-width: 800px) {
  .taxa-table tbody tr,
  .classifications-table tbody tr,
  .content-builder table tbody tr {
    display: block;
    margin-bottom: 0.5rem;
  }
  .taxa-table tbody tr.synonym,
  .classifications-table tbody tr.synonym,
  .content-builder table tbody tr.synonym {
    margin-left: 1.5rem;
  }
}
.taxa-table tbody tr:nth-of-type(odd),
.classifications-table tbody tr:nth-of-type(odd),
.content-builder table tbody tr:nth-of-type(odd) {
  background: #f1f3f3;
}
.taxa-table tbody tr:not(.synonym),
.classifications-table tbody tr:not(.synonym),
.content-builder table tbody tr:not(.synonym) {
  border-bottom: 1px solid #d1d1d0;
  border-top: 1px solid #d1d1d0;
}
.taxa-table tbody tr:last-of-type,
.classifications-table tbody tr:last-of-type,
.content-builder table tbody tr:last-of-type {
  border-bottom: 1.5px solid grey;
}
.taxa-table tbody tr.matched,
.classifications-table tbody tr.matched,
.content-builder table tbody tr.matched {
  animation: fade-background 3s 3 ease;
  animation-delay: 1s;
  background-color: rgba(242, 178, 70, 0.2);
}
.taxa-table tbody tr.synonym,
.classifications-table tbody tr.synonym,
.content-builder table tbody tr.synonym {
  font-weight: 300;
}
.taxa-table tbody tr.synonym td[data-th="Name"],
.classifications-table tbody tr.synonym td[data-th="Name"],
.content-builder table tbody tr.synonym td[data-th="Name"] {
  font-weight: 350;
  padding: 0.3rem;
  padding-left: 3rem;
  text-indent: -1.3rem;
}
.taxa-table svg.status,
.classifications-table svg.status,
.content-builder table svg.status,
.taxa-table img.status,
.classifications-table img.status,
.content-builder table img.status {
  fill: #aac2c4;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.15rem;
  margin-right: 0.25rem;
}
.synonym-list li,
.taxa-table li {
  list-style: none;
  margin-left: -0.25rem;
}
.synonym-list svg,
.taxa-table svg {
  fill: #aac2c4;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.15rem;
}
.wfo-plant-list .prev-next-links a {
  margin-bottom: 0.5rem;
}
.wfo-plant-list .classification-links {
  padding-top: 1.25rem;
  margin: 0 auto -2.6rem auto;
  display: flex;
  width: 85%;
  justify-content: center;
}
.wfo-plant-list .classification-links p {
  padding: 0 0.5rem;
  display: inline-block;
}
.wfo-plant-list .classification-links p:not(:last-child) {
  border-right: 1px solid gray;
}
.wfo-plant-list .classification-links p a {
  margin: 0;
  border-bottom: none;
  font-size: 0.65rem;
}
.classifcation-nav {
  padding: 1rem;
  border-radius: 1rem 1rem 0 0;
  margin: -2rem -2rem 2.5rem -2rem;
}
.classifcation-nav div.inner {
  margin: -1rem;
  padding: 1rem;
  background: #2e8a88;
}
.classifcation-nav div.inner.older {
  background: #c36610;
}
.classifcation-nav div.inner.older p {
  color: #fce8d6;
}
.classifcation-nav div.inner p {
  font-size: calc(0.3rem + 0.6vw);
  font-size: clamp(0.7rem, 1.8vw, 0.55rem);
  line-height: calc(0.5rem + 0.9vw);
  color: white;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-variant-numeric: lining-nums;
  color: #e3ffa5;
}
.classifcation-nav div.inner p.date {
  color: white;
  font-size: 260%;
  font-weight: 300;
  margin: 1.5rem 0;
}
.classifcation-nav div.inner p.date.latest {
  font-size: 240%;
}
@media (min-width: 1033px) {
  div.classifcation-nav {
    margin: 0;
    border-radius: 0 1rem 0 0;
    width: 30%;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    padding: 0;
    padding-top: 30%;
    overflow: hidden;
  }
  div.classifcation-nav div.inner {
    margin: 0;
    position: absolute;
    top: -13.4%;
    left: 67.6%;
    width: 141.4%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: wrap;
    transform: rotate(45deg);
    transition: transform 0s;
    transform-origin: 50% -25%;
    padding: 1rem 0rem;
  }
  div.classifcation-nav div.inner p.as-classified {
    margin: 0 auto 0 auto;
    width: 32%;
  }
  div.classifcation-nav div.inner p.as-classified span {
    display: inline-block;
  }
  div.classifcation-nav div.inner p.date {
    margin: 1.5rem 0;
  }
  div.classifcation-nav div.inner p.date.latest {
    font-size: 240%;
  }
}
.actions {
  display: flex;
  padding: 0;
  margin: 1.25rem 0;
}
.actions .action-item {
  padding: 0.05rem 0.8rem;
}
.actions .action-item:not(:last-child) {
  border-right: 1px solid gray;
}
.actions .action-item:first-child {
  margin-left: -1rem;
}
.actions .action-item p,
.actions .action-item a {
  padding: 0;
  margin: 0;
}
.actions .action-item p svg,
.actions .action-item a svg {
  fill: #666666;
  display: inline-flex;
  position: relative;
  width: 1.25em;
  height: 1.25em;
  top: 0.3em;
}
.actions .action-item label:hover {
  color: #3d6f76;
}
.actions .action-item input[type="checkbox"] {
  background: white;
  width: 1.25em;
  height: 1.25em;
  border: 2px #666666 solid;
  border-radius: 50%;
  appearance: none;
  padding: 3px;
  background-color: #e9e9e7;
}
.actions .action-item input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 12 12'><path fill='rgb(102 102 102)' d='M4.7,12a1.6,1.6,0,0,1-1.4-.8L.4,7.6a1.4,1.4,0,0,1-.4-1A1.3,1.3,0,0,1,1.3,5.3a1.2,1.2,0,0,1,1.1.6L4.7,8.8,9.7.7A1.3,1.3,0,0,1,10.8,0a1.2,1.2,0,0,1,1.3,1.2,1.7,1.7,0,0,1-.3,1L6,11.2A1.6,1.6,0,0,1,4.7,12Z'/></svg>");
  background-color: none;
  background-repeat: no-repeat;
  background-position: center;
}
/*
// Plant List Search page
 * ----------------------------------------------------------------- */
/*
  * Search in navigation
  * ----------------------------------------------------------------- */
@media (max-width: 1000px) {
  li.quick-search {
    grid-column: 1/-1;
  }
}
.suggestions-list-item {
  transition: all 0.2s ease;
}
.suggestions-list-enter,
.suggestions-list-leave-to {
  max-height: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  opacity: 0;
}
.suggestions-list-enter-to,
.suggestions-list-leave {
  max-height: 32px;
  opacity: 1;
}
ul.suggestions-list {
  transition: opacity 0.2s ease;
  opacity: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  position: absolute;
  top: 100%;
  margin: 0;
  margin-top: -2px;
  border-top: white 2px solid;
}
ul.suggestions-list.hasResults {
  opacity: 1;
  display: block;
  border: 2px #3d6f76 solid;
  border-top: #68a8b1 1px solid;
}
ul.suggestions-list li.suggestions-list-item {
  display: block;
}
ul.suggestions-list li.suggestions-list-item.active,
ul.suggestions-list li.suggestions-list-item:hover {
  background: #3d6f76;
}
ul.suggestions-list li.suggestions-list-item.active a,
ul.suggestions-list li.suggestions-list-item:hover a {
  color: white;
}
ul.suggestions-list li.suggestions-list-item a {
  text-align: left;
  padding: 0.3rem 0.3rem 0.3rem 0.8rem;
  color: black;
  font-size: 0.85em;
}
ul.suggestions-list li.suggestions-list-item a .authorship {
  margin-left: 0.25rem;
  font-size: 0.8em;
  font-weight: 450;
}
ul.suggestions-list svg {
  margin-bottom: -0.2rem;
}
.input-append {
  position: relative;
  display: grid !important;
  grid-template-columns: 2rem 1fr 2rem;
  align-items: center;
  justify-items: center;
}
.input-append.quick-search {
  position: relative;
}
.input-append.quick-search.hasResults input {
  border-radius: 3px 3px 0 0 !important;
}
input.search-query {
  padding: 0.5rem 2rem;
  grid-column: 1/-1;
  grid-row: 1;
  z-index: 10;
  margin: 0;
  border: 1px grey solid;
  width: 100%;
  position: relative;
  font-family: Source Sans Variable, -apple-system, sans-serif;
  font-weight: 350;
}
input.search-query:focus {
  outline: none;
  border: 2px #3d6f76 solid;
}
.quick-search input.search-query {
  padding: 0.25rem 2rem;
}
.input-append:after {
  content: '';
  grid-column: 1;
  grid-row: 1;
  z-index: 20;
  width: 1.2em;
  height: 1.2em;
  background: url('/images/interface/magnifyingglass.svg') no-repeat;
  background-size: cover;
}
.input-append button {
  grid-column: 3;
  grid-row: 1;
  z-index: 20;
  width: 1.2em;
  height: 1.2em;
  padding: none;
  border: none;
  font-family: inherit;
  background: none;
  background: url('/images/interface/multiply.circle.fill.svg') no-repeat;
  background-size: cover;
}
.input-append button:active {
  outline: none;
}
/*
// Print Styles.
 * ----------------------------------------------------------------- */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: sanbeiji.com/archives/953 */
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr,
  img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* @end */
/*# sourceMappingURL=style.css.map */