/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/**
 * Website by
 *  _____                _         _
 * |_   _|__  _   _  ___| |__   __| |_ __ ___  __ _ _ __ ___  ___
 *   | |/ _ \| | | |/ __| '_ \ / _` | '__/ _ \/ _` | '_ ` _ \/ __|
 *   | | (_) | |_| | (__| | | | (_| | | |  __/ (_| | | | | | \__ \ -
 *   |_|\___/ \__,_|\___|_| |_|\__,_|_|  \___|\__,_|_| |_| |_|___/ .co.za
 *
 */
/* Import Sass mixins, variables, Compass modules, etc. */
/**
 * Variables
 */
/* used by buttons */
/* used by table cells and text fields */
/* used in width functions */
/* 480px @ 16px font size */
/* 960px @ 16px font size */
/* 1280px @ 16px font size */
/* 480px @ 16px font size */
/* 960px @ 16px font size */
/* 1280px @ 16px font size */
/* depth (z-index) */
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
/* HTML element (SMACSS base) rules */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr, main #comments::before {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a, .ui-widget-content a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, .form-actions [type="submit"],
.form-actions [type="button"],
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, .form-actions [type="submit"],
.form-actions [type="button"],
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, .form-actions [type="submit"],
.form-actions [type="button"],
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, .form-actions [type="submit"],
.form-actions [type="button"],
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, .form-actions [type="submit"]::-moz-focus-inner,
.form-actions [type="button"]::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, .form-actions [type="submit"]:-moz-focusring,
.form-actions [type="button"]:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr, main #comments::before {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden, form.inline-selectables .form-item.form-type-radio input {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* ================================================================================
                                                            FILE INFO

File name       Components
Description

   ================================================================================
                                                            CONTENTS
Common elements
Titles
Links
Tables
Forms

*/
/* ================================================================================ */
body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  color: #333;
  background-color: #f8f8f8;
  /* these styles allow floated (absolutely-positioned) images behind body content */
  z-index: -10;
  position: relative;
  height: 100%; }
  body.mceContentBody {
    background-color: white; }

acronym, abbr {
  border-bottom: 1px dotted #222;
  color: #222;
  cursor: help; }

hr, main #comments::before {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

li + li {
  margin-top: 0.5em; }

p {
  line-height: 1.4em;
  margin-block-end: 0px; }
  * + p {
    margin-top: 0.8em; }

p,
li,
td, th {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto; }

li > p,
td > p, th > p,
blockquote > p {
  margin: 0; }

code,
pre {
  font-family: monospace, monospace; }

pre {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.26);
  padding: 0.5em;
  font-size: 0.8em; }

img {
  width: auto;
  height: auto;
  max-width: 100%; }

main p span[title],
main p a[title],
main label[title],
main strong[title],
main em[title] {
  border-bottom: dotted 2px #007fa9;
  cursor: help; }

iframe {
  border: solid 1px rgba(0, 0, 0, 0.2) !important; }

img,
iframe {
  max-width: 100%; }

.block[role="navigation"] {
  margin-bottom: 0; }

blockquote {
  margin: 1.5em 4em;
  position: relative;
  background: rgba(0, 0, 0, 0.04);
  padding: 0.3em 0.5em;
  /* the following rules insert large quotation marks */ }
  blockquote p {
    margin: 0; }
  blockquote:before, blockquote:after {
    font-size: 2.5em;
    position: absolute; }
  blockquote:before {
    content: "\201C";
    left: -0.5em;
    top: 0.4em; }
  blockquote:after {
    content: "\201D";
    right: -0.5em;
    bottom: 0; }

cite, .attribution,
.submitted {
  font-size: 0.85em;
  color: scale-lightness(#333, 30%); }

main > label,
main > * > label {
  font-size: 1.6em;
  margin-top: 2em;
  margin-bottom: 0.5em;
  text-align: center; }

[aria-collapsed] {
  max-height: 0px;
  overflow: hidden; }

[aria-enabled="false"] {
  position: relative; }
  [aria-enabled="false"]::before {
    content: "";
    z-index: 11;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(248, 248, 248, 0.6); }

/* -----------------------------------------------------------------------------
                                                            Fieldsets & Details
*/
fieldset {
  padding: 1em;
  margin: 1rem 0;
  border-radius: 0.4em;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
  position: relative;
  border: 1px solid #c0c0c0; }
  * + fieldset {
    margin-top: 2em; }
  fieldset.collapsible {
    padding-top: 1.4em; }
    * + fieldset.collapsible {
      margin-top: 2.3em; }
  fieldset legend {
    font-weight: 600;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    left: 0px;
    top: -1rem;
    background: #dbdbdb;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 0.4em 0.7em; }
    fieldset legend + * {
      padding-top: 1.5em; }
    fieldset legend a, fieldset legend .ui-widget-content a, .ui-widget-content fieldset legend a {
      width: 100%;
      display: block;
      box-sizing: border-box;
      color: #3b3b3b; }
      fieldset legend a::before, fieldset legend .ui-widget-content a::before, .ui-widget-content fieldset legend a::before {
        float: right;
        font-weight: bold;
        font-size: 1.4em; }
    fieldset legend span.summary {
      position: absolute; }
  form fieldset .description {
    color: scale-lightness(#333, 20%); }
  html.js fieldset.collapsed {
    border-width: 1px;
    height: 2em; }

details {
  margin: 1em 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
  position: relative;
  border: 1px solid #dadada;
  border-radius: 5px; }
  details summary {
    box-sizing: border-box;
    display: block;
    left: 0px;
    border: none;
    background: #dadada;
    padding: 1em 1.4em 1em 1.4em;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
    color: #007fa9;
    cursor: pointer; }
    details summary span {
      font-size: 2em;
      vertical-align: middle;
      margin-right: 0.4em; }
  details > div,
  details .details-contents {
    padding: 1em; }
  details p:first-child {
    margin-top: 0; }
  details.very-small {
    background: none;
    font-size: 0.8em;
    border: solid 1px transparent;
    transition: all 0.3s ease; }
    details.very-small summary {
      background: none; }
    details.very-small[open] {
      border-color: grey; }

/* -----------------------------------------------------------------------------
                                                            Lists
*/
ul li.active {
  font-weight: bold; }

ul li span > a:first-child:last-child, ul li .ui-widget-content span > a:first-child:last-child {
  margin: 0; }

/* -----------------------------------------------------------------------------
                                                            Headings
*/
h1, h2, h3, .widget_pager .views-field-title, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #212121;
  margin-top: 1.8em;
  margin-bottom: 0.7em; }
  h1.inline, h2.inline, h3.inline, .widget_pager .inline.views-field-title, h4.inline, h5.inline, h6.inline {
    display: inline;
    font-size: 1em; }
    h1.inline + *, h2.inline + *, h3.inline + *, .widget_pager .inline.views-field-title + *, h4.inline + *, h5.inline + *, h6.inline + * {
      margin-left: 1em; }
  h1 a, h1 .ui-widget-content a, .ui-widget-content h1 a, h2 a, h2 .ui-widget-content a, .ui-widget-content h2 a, h3 a, .widget_pager .views-field-title a, h3 .ui-widget-content a, .ui-widget-content h3 a, h4 a, h4 .ui-widget-content a, .ui-widget-content h4 a, h5 a, h5 .ui-widget-content a, .ui-widget-content h5 a, h6 a, h6 .ui-widget-content a, .ui-widget-content h6 a {
    font-weight: inherit; }
    h1 a, h1 .ui-widget-content a, .ui-widget-content h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus, h1 a:active, h2 a, h2 .ui-widget-content a, .ui-widget-content h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus, h2 a:active, h3 a, .widget_pager .views-field-title a, h3 .ui-widget-content a, .ui-widget-content h3 a, h3 a:link, .widget_pager .views-field-title a:link, h3 a:visited, .widget_pager .views-field-title a:visited, h3 a:hover, .widget_pager .views-field-title a:hover, h3 a:focus, .widget_pager .views-field-title a:focus, h3 a:active, .widget_pager .views-field-title a:active, h4 a, h4 .ui-widget-content a, .ui-widget-content h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:focus, h4 a:active, h5 a, h5 .ui-widget-content a, .ui-widget-content h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:focus, h5 a:active, h6 a, h6 .ui-widget-content a, .ui-widget-content h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:focus, h6 a:active {
      color: inherit; }
    h1 a, h1 .ui-widget-content a, .ui-widget-content h1 a, h1 a:hover, h1 a:focus, h2 a, h2 .ui-widget-content a, .ui-widget-content h2 a, h2 a:hover, h2 a:focus, h3 a, .widget_pager .views-field-title a, h3 .ui-widget-content a, .ui-widget-content h3 a, h3 a:hover, .widget_pager .views-field-title a:hover, h3 a:focus, .widget_pager .views-field-title a:focus, h4 a, h4 .ui-widget-content a, .ui-widget-content h4 a, h4 a:hover, h4 a:focus, h5 a, h5 .ui-widget-content a, .ui-widget-content h5 a, h5 a:hover, h5 a:focus, h6 a, h6 .ui-widget-content a, .ui-widget-content h6 a, h6 a:hover, h6 a:focus {
      text-decoration: none; }
  h1 p, h2 p, h3 p, .widget_pager .views-field-title p, h4 p, h5 p, h6 p {
    margin: 0;
    line-height: inherit; }

h1 {
  line-height: 1;
  font-size: 2.2em;
  text-align: center; }

h2 {
  line-height: 1.15; }

h3, .widget_pager .views-field-title {
  line-height: 1.3;
  margin: 1.4em 0px 0.6em; }

h4 {
  line-height: 1.38; }

h5 {
  line-height: 0.45; }

h6 {
  line-height: 0.5; }

header h1 ~ p {
  margin-top: -0.8em;
  margin-bottom: 1.6em; }

h1 .prefix,
h1 .suffix {
  font-weight: 200; }

h2 .prefix,
h2 .suffix {
  font-weight: 400; }

/* -----------------------------------------------------------------------------
                                                            Links
*/
a, .ui-widget-content a,
[role="link"] {
  font-weight: 600;
  text-decoration: none; }
  a, .ui-widget-content a, a:link, a:visited,
  [role="link"],
  [role="link"]:link,
  [role="link"]:visited {
    color: #007fa9; }
  a:hover, a:focus,
  [role="link"]:hover,
  [role="link"]:focus {
    color: #004055;
    text-decoration: underline; }
  a:active,
  [role="link"]:active {
    /* a link when it is 'clicked' on */
    color: #005976; }
  a.active, a[aria-selected="true"],
  [role="link"].active,
  [role="link"][aria-selected="true"] {
    /* in Drupal, this is a link that points to the current (active) page */
    font-weight: bold;
    color: inherit; }
  a strong, .ui-widget-content a strong,
  [role="link"] strong {
    font-weight: bold; }

/* -----------------------------------------------------------------------------
                                                            Tables
*/
table {
  border-collapse: collapse;
  clear: left;
  /* fixes bug where table overlaps right-floated blocks */ }
  table thead a, table thead .ui-widget-content a, .ui-widget-content table thead a {
    display: block; }
  table tr.even,
  table tr.odd {
    background: none; }
  table tr:hover td {
    background-color: rgba(0, 0, 0, 0.02); }
  table td,
  table th {
    border: solid 1px #ddd;
    padding: 0.3em 0.5em; }
  table th {
    text-align: left;
    border-bottom: 1px solid #999;
    background-color: rgba(0, 0, 0, 0.04); }
    table th [title] {
      border-bottom: none; }
    table th.active {
      background-color: rgba(0, 0, 0, 0.03);
      border-bottom-width: 3px; }
    table th img {
      margin-left: 0.5em;
      vertical-align: baseline; }
  table td.active {
    background-color: inherit; }
  table form {
    margin: 0; }

.borderless td,
.borderless th {
  border: none; }

/* -----------------------------------------------------------------------------
                                                                Forms
*/
form {
  max-width: 100%;
  box-sizing: border-box; }
  form:after {
    content: "";
    display: table;
    clear: both; }

/**
  CONTENTS

  UI Consistency
  Buttons
  Text fields
  Other form elements
  Disableds
 */
/* -----------------------------------------------------------------------------
                                                            UI Consistency
*/
input[type="search"]::-webkit-search-decoration {
  display: none; }

fieldset {
  min-width: 0; }

input:invalid,
button:invalid,
.form-actions [type="submit"]:invalid,
.form-actions [type="button"]:invalid,
a.button:invalid,
select:invalid,
textarea:invalid {
  box-shadow: none; }

input:focus,
button:focus,
.form-actions [type="submit"]:focus,
.form-actions [type="button"]:focus,
a.button:focus,
select:focus,
textarea:focus {
  outline: 3px solid rgba(80, 134, 43, 0.35);
  outline-offset: -2px;
  z-index: 1; }

label,
.field-label {
  font-weight: 600;
  display: block; }
  input[type="radio"] + label,
  input[type="checkbox"] + label, input[type="radio"] +
  .field-label,
  input[type="checkbox"] +
  .field-label {
    padding-left: 0.2em;
    display: inline-block; }

.field + .field {
  margin-top: 0.3em; }

.option {
  display: inline-block; }

input[type="file"]:focus, input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  box-shadow: none; }

input[type="radio"] + label,
input[type="checkbox"] + label {
  font-size: 0.85em;
  font-weight: normal;
  display: inline; }

input:not([type="submit"])[data-has-mixed-values="true"],
textarea[data-has-mixed-values="true"],
select[data-has-mixed-values="true"] {
  box-shadow: 0 0 4px #ffcf00; }

.fieldset-description,
form .description,
.instructions {
  margin-bottom: 1em;
  font-size: 0.7em;
  color: scale-lightness(#333, 20%);
  margin-top: 0.2em; }
  .fieldset-description p:first-child,
  form .description p:first-child,
  .instructions p:first-child {
    margin-top: 0; }

form details {
  background: none;
  border: solid 1px #dbdbdb; }
  form details summary {
    background: rgba(0, 0, 0, 0.03);
    padding: 0.4em 0.8em;
    color: inherit;
    font-size: 1em;
    font-weight: normal; }
    form details summary::after {
      content: "\25bc";
      font-size: 0.8em;
      float: right;
      transition: all 0.3s ease-in-out;
      transform: rotate(0deg); }
  form details[open] summary::after {
    transform: rotate(180deg); }

form .group {
  display: inline-block;
  border: solid 1px #bbb;
  padding: 0.2em;
  border-radius: 4px;
  min-height: 1.7em;
  vertical-align: top; }

/* -----------------------------------------------------------------------------
                                                            Buttons
*/
button, .form-actions [type="submit"],
.form-actions [type="button"],
a.button,
a[role="button"],
input[type="reset"],
input[type="submit"],
input[type="button"],
.ui-widget.ui-widget-content button,
.ui-widget.ui-widget-content .form-actions [type="submit"], .form-actions
.ui-widget.ui-widget-content [type="submit"],
.ui-widget.ui-widget-content
.form-actions [type="button"],
.form-actions
.ui-widget.ui-widget-content [type="button"] {
  font-size: 0.9em;
  line-height: 1;
  letter-spacing: 0.04em;
  padding: 0.7em 1.1em;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  background-color: #007fa9;
  color: white;
  text-transform: uppercase;
  appearance: none;
  border-radius: 0.4em;
  cursor: pointer;
  outline: 0;
  overflow: visible;
  width: auto;
  height: auto;
  margin: 0.4em;
  margin-left: 0;
  vertical-align: baseline;
  border: none;
  position: relative;
  box-sizing: border-box;
  box-shadow: none; }
  button:hover:not([disabled]), .form-actions [type="submit"]:hover:not([disabled]),
  .form-actions [type="button"]:hover:not([disabled]), button:focus:not([disabled]), .form-actions [type="submit"]:focus:not([disabled]),
  .form-actions [type="button"]:focus:not([disabled]),
  a.button:hover:not([disabled]),
  a.button:focus:not([disabled]),
  a[role="button"]:hover:not([disabled]),
  a[role="button"]:focus:not([disabled]),
  input[type="reset"]:hover:not([disabled]),
  input[type="reset"]:focus:not([disabled]),
  input[type="submit"]:hover:not([disabled]),
  input[type="submit"]:focus:not([disabled]),
  input[type="button"]:hover:not([disabled]),
  input[type="button"]:focus:not([disabled]),
  .ui-widget.ui-widget-content button:hover:not([disabled]),
  .ui-widget.ui-widget-content .form-actions [type="submit"]:hover:not([disabled]), .form-actions
  .ui-widget.ui-widget-content [type="submit"]:hover:not([disabled]),
  .ui-widget.ui-widget-content
  .form-actions [type="button"]:hover:not([disabled]),
  .form-actions
  .ui-widget.ui-widget-content [type="button"]:hover:not([disabled]),
  .ui-widget.ui-widget-content button:focus:not([disabled]),
  .ui-widget.ui-widget-content .form-actions [type="submit"]:focus:not([disabled]), .form-actions
  .ui-widget.ui-widget-content [type="submit"]:focus:not([disabled]),
  .ui-widget.ui-widget-content
  .form-actions [type="button"]:focus:not([disabled]),
  .form-actions
  .ui-widget.ui-widget-content [type="button"]:focus:not([disabled]) {
    text-decoration: none; }
  button:focus, .form-actions [type="submit"]:focus,
  .form-actions [type="button"]:focus,
  a.button:focus,
  a[role="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus,
  input[type="button"]:focus,
  .ui-widget.ui-widget-content button:focus,
  .ui-widget.ui-widget-content .form-actions [type="submit"]:focus, .form-actions
  .ui-widget.ui-widget-content [type="submit"]:focus,
  .ui-widget.ui-widget-content
  .form-actions [type="button"]:focus,
  .form-actions
  .ui-widget.ui-widget-content [type="button"]:focus {
    box-shadow: 0 0 0.3em rgba(255, 255, 255, 0.75); }
  button:active, .form-actions [type="submit"]:active,
  .form-actions [type="button"]:active,
  a.button:active,
  a[role="button"]:active,
  input[type="reset"]:active,
  input[type="submit"]:active,
  input[type="button"]:active,
  .ui-widget.ui-widget-content button:active,
  .ui-widget.ui-widget-content .form-actions [type="submit"]:active, .form-actions
  .ui-widget.ui-widget-content [type="submit"]:active,
  .ui-widget.ui-widget-content
  .form-actions [type="button"]:active,
  .form-actions
  .ui-widget.ui-widget-content [type="button"]:active {
    background-color: scale-lightness(#D57C25, -15%);
    background-image: #007fa9; }
  button.active, .form-actions .active[type="submit"],
  .form-actions .active[type="button"],
  a.button.active,
  a[role="button"].active,
  input[type="reset"].active,
  input[type="submit"].active,
  input[type="button"].active,
  .ui-widget.ui-widget-content button.active,
  .ui-widget.ui-widget-content .form-actions .active[type="submit"], .form-actions
  .ui-widget.ui-widget-content .active[type="submit"],
  .ui-widget.ui-widget-content
  .form-actions .active[type="button"],
  .form-actions
  .ui-widget.ui-widget-content .active[type="button"] {
    background-image: linear-gradient(#007fa9, #007095);
    color: white; }
    button.active:hover, .form-actions .active[type="submit"]:hover,
    .form-actions .active[type="button"]:hover, button.active:focus, .form-actions .active[type="submit"]:focus,
    .form-actions .active[type="button"]:focus,
    a.button.active:hover,
    a.button.active:focus,
    a[role="button"].active:hover,
    a[role="button"].active:focus,
    input[type="reset"].active:hover,
    input[type="reset"].active:focus,
    input[type="submit"].active:hover,
    input[type="submit"].active:focus,
    input[type="button"].active:hover,
    input[type="button"].active:focus,
    .ui-widget.ui-widget-content button.active:hover,
    .ui-widget.ui-widget-content .form-actions .active[type="submit"]:hover, .form-actions
    .ui-widget.ui-widget-content .active[type="submit"]:hover,
    .ui-widget.ui-widget-content
    .form-actions .active[type="button"]:hover,
    .form-actions
    .ui-widget.ui-widget-content .active[type="button"]:hover,
    .ui-widget.ui-widget-content button.active:focus,
    .ui-widget.ui-widget-content .form-actions .active[type="submit"]:focus, .form-actions
    .ui-widget.ui-widget-content .active[type="submit"]:focus,
    .ui-widget.ui-widget-content
    .form-actions .active[type="button"]:focus,
    .form-actions
    .ui-widget.ui-widget-content .active[type="button"]:focus {
      background: #006c90; }
    button.active:active, .form-actions .active[type="submit"]:active,
    .form-actions .active[type="button"]:active,
    a.button.active:active,
    a[role="button"].active:active,
    input[type="reset"].active:active,
    input[type="submit"].active:active,
    input[type="button"].active:active,
    .ui-widget.ui-widget-content button.active:active,
    .ui-widget.ui-widget-content .form-actions .active[type="submit"]:active, .form-actions
    .ui-widget.ui-widget-content .active[type="submit"]:active,
    .ui-widget.ui-widget-content
    .form-actions .active[type="button"]:active,
    .form-actions
    .ui-widget.ui-widget-content .active[type="button"]:active {
      background: #005f7f; }
  button.flat, .form-actions .flat[type="submit"],
  .form-actions .flat[type="button"],
  a.button.flat,
  a[role="button"].flat,
  input[type="reset"].flat,
  input[type="submit"].flat,
  input[type="button"].flat,
  .ui-widget.ui-widget-content button.flat,
  .ui-widget.ui-widget-content .form-actions .flat[type="submit"], .form-actions
  .ui-widget.ui-widget-content .flat[type="submit"],
  .ui-widget.ui-widget-content
  .form-actions .flat[type="button"],
  .form-actions
  .ui-widget.ui-widget-content .flat[type="button"] {
    background: none;
    border: none;
    color: #007fa9;
    padding-left: 0.4em;
    padding-right: 0.4em;
    text-shadow: none; }
    button.flat:hover:not([disabled]), .form-actions .flat[type="submit"]:hover:not([disabled]),
    .form-actions .flat[type="button"]:hover:not([disabled]), button.flat:focus:not([disabled]), .form-actions .flat[type="submit"]:focus:not([disabled]),
    .form-actions .flat[type="button"]:focus:not([disabled]),
    a.button.flat:hover:not([disabled]),
    a.button.flat:focus:not([disabled]),
    a[role="button"].flat:hover:not([disabled]),
    a[role="button"].flat:focus:not([disabled]),
    input[type="reset"].flat:hover:not([disabled]),
    input[type="reset"].flat:focus:not([disabled]),
    input[type="submit"].flat:hover:not([disabled]),
    input[type="submit"].flat:focus:not([disabled]),
    input[type="button"].flat:hover:not([disabled]),
    input[type="button"].flat:focus:not([disabled]),
    .ui-widget.ui-widget-content button.flat:hover:not([disabled]),
    .ui-widget.ui-widget-content .form-actions .flat[type="submit"]:hover:not([disabled]), .form-actions
    .ui-widget.ui-widget-content .flat[type="submit"]:hover:not([disabled]),
    .ui-widget.ui-widget-content
    .form-actions .flat[type="button"]:hover:not([disabled]),
    .form-actions
    .ui-widget.ui-widget-content .flat[type="button"]:hover:not([disabled]),
    .ui-widget.ui-widget-content button.flat:focus:not([disabled]),
    .ui-widget.ui-widget-content .form-actions .flat[type="submit"]:focus:not([disabled]), .form-actions
    .ui-widget.ui-widget-content .flat[type="submit"]:focus:not([disabled]),
    .ui-widget.ui-widget-content
    .form-actions .flat[type="button"]:focus:not([disabled]),
    .form-actions
    .ui-widget.ui-widget-content .flat[type="button"]:focus:not([disabled]) {
      background: rgba(0, 0, 0, 0.1);
      color: adjust-lightness(#333, -0.2); }
    button.flat:active, .form-actions .flat[type="submit"]:active,
    .form-actions .flat[type="button"]:active,
    a.button.flat:active,
    a[role="button"].flat:active,
    input[type="reset"].flat:active,
    input[type="submit"].flat:active,
    input[type="button"].flat:active,
    .ui-widget.ui-widget-content button.flat:active,
    .ui-widget.ui-widget-content .form-actions .flat[type="submit"]:active, .form-actions
    .ui-widget.ui-widget-content .flat[type="submit"]:active,
    .ui-widget.ui-widget-content
    .form-actions .flat[type="button"]:active,
    .form-actions
    .ui-widget.ui-widget-content .flat[type="button"]:active {
      background: none;
      box-shadow: none;
      border: none; }
    button.flat.active, .form-actions .flat.active[type="submit"],
    .form-actions .flat.active[type="button"],
    a.button.flat.active,
    a[role="button"].flat.active,
    input[type="reset"].flat.active,
    input[type="submit"].flat.active,
    input[type="button"].flat.active,
    .ui-widget.ui-widget-content button.flat.active,
    .ui-widget.ui-widget-content .form-actions .flat.active[type="submit"], .form-actions
    .ui-widget.ui-widget-content .flat.active[type="submit"],
    .ui-widget.ui-widget-content
    .form-actions .flat.active[type="button"],
    .form-actions
    .ui-widget.ui-widget-content .flat.active[type="button"] {
      color: adjust-lightness(#333, -15%); }
  button.raised, .form-actions .raised[type="submit"],
  .form-actions .raised[type="button"],
  a.button.raised,
  a[role="button"].raised,
  input[type="reset"].raised,
  input[type="submit"].raised,
  input[type="button"].raised,
  .ui-widget.ui-widget-content button.raised,
  .ui-widget.ui-widget-content .form-actions .raised[type="submit"], .form-actions
  .ui-widget.ui-widget-content .raised[type="submit"],
  .ui-widget.ui-widget-content
  .form-actions .raised[type="button"],
  .form-actions
  .ui-widget.ui-widget-content .raised[type="button"] {
    box-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.1);
    background: #007fa9;
    color: white;
    text-shadow: -0.03em -0.03em 0.04em rgba(0, 0, 0, 0.3); }
  button.outlined, .form-actions .outlined[type="submit"],
  .form-actions .outlined[type="button"],
  a.button.outlined,
  a[role="button"].outlined,
  input[type="reset"].outlined,
  input[type="submit"].outlined,
  input[type="button"].outlined,
  .ui-widget.ui-widget-content button.outlined,
  .ui-widget.ui-widget-content .form-actions .outlined[type="submit"], .form-actions
  .ui-widget.ui-widget-content .outlined[type="submit"],
  .ui-widget.ui-widget-content
  .form-actions .outlined[type="button"],
  .form-actions
  .ui-widget.ui-widget-content .outlined[type="button"] {
    background: transparent;
    border: solid 1px #007fa9;
    color: #007fa9; }
  .floating button, .floating .form-actions [type="submit"], .form-actions .floating [type="submit"], .floating
  .form-actions [type="button"],
  .form-actions .floating [type="button"],
  .floating
  a.button,
  .floating
  a[role="button"], .floating
  input[type="reset"], .floating
  input[type="submit"], .floating
  input[type="button"], .floating
  .ui-widget.ui-widget-content button, .floating
  .ui-widget.ui-widget-content .form-actions [type="submit"], .form-actions .floating
  .ui-widget.ui-widget-content [type="submit"], .floating
  .ui-widget.ui-widget-content
  .form-actions [type="button"],
  .form-actions .floating
  .ui-widget.ui-widget-content [type="button"] {
    display: block;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.46); }
  button::-moz-focus-inner, .form-actions [type="submit"]::-moz-focus-inner,
  .form-actions [type="button"]::-moz-focus-inner,
  a.button::-moz-focus-inner,
  a[role="button"]::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner,
  .ui-widget.ui-widget-content button::-moz-focus-inner,
  .ui-widget.ui-widget-content .form-actions [type="submit"]::-moz-focus-inner, .form-actions
  .ui-widget.ui-widget-content [type="submit"]::-moz-focus-inner,
  .ui-widget.ui-widget-content
  .form-actions [type="button"]::-moz-focus-inner,
  .form-actions
  .ui-widget.ui-widget-content [type="button"]::-moz-focus-inner {
    border: 0;
    padding: 0; }
  button.pointing-left, .form-actions .pointing-left[type="submit"],
  .form-actions .pointing-left[type="button"],
  a.button.pointing-left,
  a[role="button"].pointing-left,
  input[type="reset"].pointing-left,
  input[type="submit"].pointing-left,
  input[type="button"].pointing-left,
  .ui-widget.ui-widget-content button.pointing-left,
  .ui-widget.ui-widget-content .form-actions .pointing-left[type="submit"], .form-actions
  .ui-widget.ui-widget-content .pointing-left[type="submit"],
  .ui-widget.ui-widget-content
  .form-actions .pointing-left[type="button"],
  .form-actions
  .ui-widget.ui-widget-content .pointing-left[type="button"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  button.pointing-right, .form-actions .pointing-right[type="submit"],
  .form-actions .pointing-right[type="button"],
  a.button.pointing-right,
  a[role="button"].pointing-right,
  input[type="reset"].pointing-right,
  input[type="submit"].pointing-right,
  input[type="button"].pointing-right,
  .ui-widget.ui-widget-content button.pointing-right,
  .ui-widget.ui-widget-content .form-actions .pointing-right[type="submit"], .form-actions
  .ui-widget.ui-widget-content .pointing-right[type="submit"],
  .ui-widget.ui-widget-content
  .form-actions .pointing-right[type="button"],
  .form-actions
  .ui-widget.ui-widget-content .pointing-right[type="button"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  button.pointing-left::after, .form-actions .pointing-left[type="submit"]::after,
  .form-actions .pointing-left[type="button"]::after, button.pointing-right::after, .form-actions .pointing-right[type="submit"]::after,
  .form-actions .pointing-right[type="button"]::after,
  a.button.pointing-left::after,
  a.button.pointing-right::after,
  a[role="button"].pointing-left::after,
  a[role="button"].pointing-right::after,
  input[type="reset"].pointing-left::after,
  input[type="reset"].pointing-right::after,
  input[type="submit"].pointing-left::after,
  input[type="submit"].pointing-right::after,
  input[type="button"].pointing-left::after,
  input[type="button"].pointing-right::after,
  .ui-widget.ui-widget-content button.pointing-left::after,
  .ui-widget.ui-widget-content .form-actions .pointing-left[type="submit"]::after, .form-actions
  .ui-widget.ui-widget-content .pointing-left[type="submit"]::after,
  .ui-widget.ui-widget-content
  .form-actions .pointing-left[type="button"]::after,
  .form-actions
  .ui-widget.ui-widget-content .pointing-left[type="button"]::after,
  .ui-widget.ui-widget-content button.pointing-right::after,
  .ui-widget.ui-widget-content .form-actions .pointing-right[type="submit"]::after, .form-actions
  .ui-widget.ui-widget-content .pointing-right[type="submit"]::after,
  .ui-widget.ui-widget-content
  .form-actions .pointing-right[type="button"]::after,
  .form-actions
  .ui-widget.ui-widget-content .pointing-right[type="button"]::after {
    content: "";
    border-color: transparent #007fa9;
    border-style: solid;
    border-width: 17px 14px;
    position: absolute;
    top: 0px; }
  button.pointing-right::after, .form-actions .pointing-right[type="submit"]::after,
  .form-actions .pointing-right[type="button"]::after,
  a.button.pointing-right::after,
  a[role="button"].pointing-right::after,
  input[type="reset"].pointing-right::after,
  input[type="submit"].pointing-right::after,
  input[type="button"].pointing-right::after,
  .ui-widget.ui-widget-content button.pointing-right::after,
  .ui-widget.ui-widget-content .form-actions .pointing-right[type="submit"]::after, .form-actions
  .ui-widget.ui-widget-content .pointing-right[type="submit"]::after,
  .ui-widget.ui-widget-content
  .form-actions .pointing-right[type="button"]::after,
  .form-actions
  .ui-widget.ui-widget-content .pointing-right[type="button"]::after {
    border-right-width: 0;
    right: -14px; }
  button.pointing-left::after, .form-actions .pointing-left[type="submit"]::after,
  .form-actions .pointing-left[type="button"]::after,
  a.button.pointing-left::after,
  a[role="button"].pointing-left::after,
  input[type="reset"].pointing-left::after,
  input[type="submit"].pointing-left::after,
  input[type="button"].pointing-left::after,
  .ui-widget.ui-widget-content button.pointing-left::after,
  .ui-widget.ui-widget-content .form-actions .pointing-left[type="submit"]::after, .form-actions
  .ui-widget.ui-widget-content .pointing-left[type="submit"]::after,
  .ui-widget.ui-widget-content
  .form-actions .pointing-left[type="button"]::after,
  .form-actions
  .ui-widget.ui-widget-content .pointing-left[type="button"]::after {
    border-left-width: 0;
    left: -14px; }
  button.pointing-left.primary::after, .form-actions .pointing-left.primary[type="submit"]::after,
  .form-actions .pointing-left.primary[type="button"]::after, button.pointing-right.primary::after, .form-actions .pointing-right.primary[type="submit"]::after,
  .form-actions .pointing-right.primary[type="button"]::after,
  a.button.pointing-left.primary::after,
  a.button.pointing-right.primary::after,
  a[role="button"].pointing-left.primary::after,
  a[role="button"].pointing-right.primary::after,
  input[type="reset"].pointing-left.primary::after,
  input[type="reset"].pointing-right.primary::after,
  input[type="submit"].pointing-left.primary::after,
  input[type="submit"].pointing-right.primary::after,
  input[type="button"].pointing-left.primary::after,
  input[type="button"].pointing-right.primary::after,
  .ui-widget.ui-widget-content button.pointing-left.primary::after,
  .ui-widget.ui-widget-content .form-actions .pointing-left.primary[type="submit"]::after, .form-actions
  .ui-widget.ui-widget-content .pointing-left.primary[type="submit"]::after,
  .ui-widget.ui-widget-content
  .form-actions .pointing-left.primary[type="button"]::after,
  .form-actions
  .ui-widget.ui-widget-content .pointing-left.primary[type="button"]::after,
  .ui-widget.ui-widget-content button.pointing-right.primary::after,
  .ui-widget.ui-widget-content .form-actions .pointing-right.primary[type="submit"]::after, .form-actions
  .ui-widget.ui-widget-content .pointing-right.primary[type="submit"]::after,
  .ui-widget.ui-widget-content
  .form-actions .pointing-right.primary[type="button"]::after,
  .form-actions
  .ui-widget.ui-widget-content .pointing-right.primary[type="button"]::after {
    border-color: transparent #007fa9; }
  button.pointing-left[disabled]::after, .form-actions .pointing-left[disabled][type="submit"]::after,
  .form-actions .pointing-left[disabled][type="button"]::after, button.pointing-right[disabled]::after, .form-actions .pointing-right[disabled][type="submit"]::after,
  .form-actions .pointing-right[disabled][type="button"]::after,
  a.button.pointing-left[disabled]::after,
  a.button.pointing-right[disabled]::after,
  a[role="button"].pointing-left[disabled]::after,
  a[role="button"].pointing-right[disabled]::after,
  input[type="reset"].pointing-left[disabled]::after,
  input[type="reset"].pointing-right[disabled]::after,
  input[type="submit"].pointing-left[disabled]::after,
  input[type="submit"].pointing-right[disabled]::after,
  input[type="button"].pointing-left[disabled]::after,
  input[type="button"].pointing-right[disabled]::after,
  .ui-widget.ui-widget-content button.pointing-left[disabled]::after,
  .ui-widget.ui-widget-content .form-actions .pointing-left[disabled][type="submit"]::after, .form-actions
  .ui-widget.ui-widget-content .pointing-left[disabled][type="submit"]::after,
  .ui-widget.ui-widget-content
  .form-actions .pointing-left[disabled][type="button"]::after,
  .form-actions
  .ui-widget.ui-widget-content .pointing-left[disabled][type="button"]::after,
  .ui-widget.ui-widget-content button.pointing-right[disabled]::after,
  .ui-widget.ui-widget-content .form-actions .pointing-right[disabled][type="submit"]::after, .form-actions
  .ui-widget.ui-widget-content .pointing-right[disabled][type="submit"]::after,
  .ui-widget.ui-widget-content
  .form-actions .pointing-right[disabled][type="button"]::after,
  .form-actions
  .ui-widget.ui-widget-content .pointing-right[disabled][type="button"]::after {
    border-color: transparent #ADADAD; }
  button.primary, .form-actions .primary[type="submit"],
  .form-actions .primary[type="button"],
  a.button.primary,
  a[role="button"].primary,
  input[type="reset"].primary,
  input[type="submit"].primary,
  input[type="button"].primary,
  .ui-widget.ui-widget-content button.primary,
  .ui-widget.ui-widget-content .form-actions .primary[type="submit"], .form-actions
  .ui-widget.ui-widget-content .primary[type="submit"],
  .ui-widget.ui-widget-content
  .form-actions .primary[type="button"],
  .form-actions
  .ui-widget.ui-widget-content .primary[type="button"] {
    background-color: #007fa9;
    color: white; }
    button.primary:active, .form-actions .primary[type="submit"]:active,
    .form-actions .primary[type="button"]:active,
    a.button.primary:active,
    a[role="button"].primary:active,
    input[type="reset"].primary:active,
    input[type="submit"].primary:active,
    input[type="button"].primary:active,
    .ui-widget.ui-widget-content button.primary:active,
    .ui-widget.ui-widget-content .form-actions .primary[type="submit"]:active, .form-actions
    .ui-widget.ui-widget-content .primary[type="submit"]:active,
    .ui-widget.ui-widget-content
    .form-actions .primary[type="button"]:active,
    .form-actions
    .ui-widget.ui-widget-content .primary[type="button"]:active {
      background-color: #005f7f; }
    button.primary.pointing-left::after, .form-actions .primary.pointing-left[type="submit"]::after,
    .form-actions .primary.pointing-left[type="button"]::after, button.primary.pointing-right::after, .form-actions .primary.pointing-right[type="submit"]::after,
    .form-actions .primary.pointing-right[type="button"]::after,
    a.button.primary.pointing-left::after,
    a.button.primary.pointing-right::after,
    a[role="button"].primary.pointing-left::after,
    a[role="button"].primary.pointing-right::after,
    input[type="reset"].primary.pointing-left::after,
    input[type="reset"].primary.pointing-right::after,
    input[type="submit"].primary.pointing-left::after,
    input[type="submit"].primary.pointing-right::after,
    input[type="button"].primary.pointing-left::after,
    input[type="button"].primary.pointing-right::after,
    .ui-widget.ui-widget-content button.primary.pointing-left::after,
    .ui-widget.ui-widget-content .form-actions .primary.pointing-left[type="submit"]::after, .form-actions
    .ui-widget.ui-widget-content .primary.pointing-left[type="submit"]::after,
    .ui-widget.ui-widget-content
    .form-actions .primary.pointing-left[type="button"]::after,
    .form-actions
    .ui-widget.ui-widget-content .primary.pointing-left[type="button"]::after,
    .ui-widget.ui-widget-content button.primary.pointing-right::after,
    .ui-widget.ui-widget-content .form-actions .primary.pointing-right[type="submit"]::after, .form-actions
    .ui-widget.ui-widget-content .primary.pointing-right[type="submit"]::after,
    .ui-widget.ui-widget-content
    .form-actions .primary.pointing-right[type="button"]::after,
    .form-actions
    .ui-widget.ui-widget-content .primary.pointing-right[type="button"]::after {
      border-color: transparent #007fa9; }
    button.primary:hover:not([disabled]), .form-actions .primary[type="submit"]:hover:not([disabled]),
    .form-actions .primary[type="button"]:hover:not([disabled]), button.primary:focus:not([disabled]), .form-actions .primary[type="submit"]:focus:not([disabled]),
    .form-actions .primary[type="button"]:focus:not([disabled]),
    a.button.primary:hover:not([disabled]),
    a.button.primary:focus:not([disabled]),
    a[role="button"].primary:hover:not([disabled]),
    a[role="button"].primary:focus:not([disabled]),
    input[type="reset"].primary:hover:not([disabled]),
    input[type="reset"].primary:focus:not([disabled]),
    input[type="submit"].primary:hover:not([disabled]),
    input[type="submit"].primary:focus:not([disabled]),
    input[type="button"].primary:hover:not([disabled]),
    input[type="button"].primary:focus:not([disabled]),
    .ui-widget.ui-widget-content button.primary:hover:not([disabled]),
    .ui-widget.ui-widget-content .form-actions .primary[type="submit"]:hover:not([disabled]), .form-actions
    .ui-widget.ui-widget-content .primary[type="submit"]:hover:not([disabled]),
    .ui-widget.ui-widget-content
    .form-actions .primary[type="button"]:hover:not([disabled]),
    .form-actions
    .ui-widget.ui-widget-content .primary[type="button"]:hover:not([disabled]),
    .ui-widget.ui-widget-content button.primary:focus:not([disabled]),
    .ui-widget.ui-widget-content .form-actions .primary[type="submit"]:focus:not([disabled]), .form-actions
    .ui-widget.ui-widget-content .primary[type="submit"]:focus:not([disabled]),
    .ui-widget.ui-widget-content
    .form-actions .primary[type="button"]:focus:not([disabled]),
    .form-actions
    .ui-widget.ui-widget-content .primary[type="button"]:focus:not([disabled]) {
      background-color: #006c90; }
      button.primary:hover:not([disabled]).pointing-left::after, .form-actions .primary[type="submit"]:hover:not([disabled]).pointing-left::after,
      .form-actions .primary[type="button"]:hover:not([disabled]).pointing-left::after, button.primary:hover:not([disabled]).pointing-right::after, .form-actions .primary[type="submit"]:hover:not([disabled]).pointing-right::after,
      .form-actions .primary[type="button"]:hover:not([disabled]).pointing-right::after, button.primary:focus:not([disabled]).pointing-left::after, .form-actions .primary[type="submit"]:focus:not([disabled]).pointing-left::after,
      .form-actions .primary[type="button"]:focus:not([disabled]).pointing-left::after, button.primary:focus:not([disabled]).pointing-right::after, .form-actions .primary[type="submit"]:focus:not([disabled]).pointing-right::after,
      .form-actions .primary[type="button"]:focus:not([disabled]).pointing-right::after,
      a.button.primary:hover:not([disabled]).pointing-left::after,
      a.button.primary:hover:not([disabled]).pointing-right::after,
      a.button.primary:focus:not([disabled]).pointing-left::after,
      a.button.primary:focus:not([disabled]).pointing-right::after,
      a[role="button"].primary:hover:not([disabled]).pointing-left::after,
      a[role="button"].primary:hover:not([disabled]).pointing-right::after,
      a[role="button"].primary:focus:not([disabled]).pointing-left::after,
      a[role="button"].primary:focus:not([disabled]).pointing-right::after,
      input[type="reset"].primary:hover:not([disabled]).pointing-left::after,
      input[type="reset"].primary:hover:not([disabled]).pointing-right::after,
      input[type="reset"].primary:focus:not([disabled]).pointing-left::after,
      input[type="reset"].primary:focus:not([disabled]).pointing-right::after,
      input[type="submit"].primary:hover:not([disabled]).pointing-left::after,
      input[type="submit"].primary:hover:not([disabled]).pointing-right::after,
      input[type="submit"].primary:focus:not([disabled]).pointing-left::after,
      input[type="submit"].primary:focus:not([disabled]).pointing-right::after,
      input[type="button"].primary:hover:not([disabled]).pointing-left::after,
      input[type="button"].primary:hover:not([disabled]).pointing-right::after,
      input[type="button"].primary:focus:not([disabled]).pointing-left::after,
      input[type="button"].primary:focus:not([disabled]).pointing-right::after,
      .ui-widget.ui-widget-content button.primary:hover:not([disabled]).pointing-left::after,
      .ui-widget.ui-widget-content .form-actions .primary[type="submit"]:hover:not([disabled]).pointing-left::after, .form-actions
      .ui-widget.ui-widget-content .primary[type="submit"]:hover:not([disabled]).pointing-left::after,
      .ui-widget.ui-widget-content
      .form-actions .primary[type="button"]:hover:not([disabled]).pointing-left::after,
      .form-actions
      .ui-widget.ui-widget-content .primary[type="button"]:hover:not([disabled]).pointing-left::after,
      .ui-widget.ui-widget-content button.primary:hover:not([disabled]).pointing-right::after,
      .ui-widget.ui-widget-content .form-actions .primary[type="submit"]:hover:not([disabled]).pointing-right::after, .form-actions
      .ui-widget.ui-widget-content .primary[type="submit"]:hover:not([disabled]).pointing-right::after,
      .ui-widget.ui-widget-content
      .form-actions .primary[type="button"]:hover:not([disabled]).pointing-right::after,
      .form-actions
      .ui-widget.ui-widget-content .primary[type="button"]:hover:not([disabled]).pointing-right::after,
      .ui-widget.ui-widget-content button.primary:focus:not([disabled]).pointing-left::after,
      .ui-widget.ui-widget-content .form-actions .primary[type="submit"]:focus:not([disabled]).pointing-left::after, .form-actions
      .ui-widget.ui-widget-content .primary[type="submit"]:focus:not([disabled]).pointing-left::after,
      .ui-widget.ui-widget-content
      .form-actions .primary[type="button"]:focus:not([disabled]).pointing-left::after,
      .form-actions
      .ui-widget.ui-widget-content .primary[type="button"]:focus:not([disabled]).pointing-left::after,
      .ui-widget.ui-widget-content button.primary:focus:not([disabled]).pointing-right::after,
      .ui-widget.ui-widget-content .form-actions .primary[type="submit"]:focus:not([disabled]).pointing-right::after, .form-actions
      .ui-widget.ui-widget-content .primary[type="submit"]:focus:not([disabled]).pointing-right::after,
      .ui-widget.ui-widget-content
      .form-actions .primary[type="button"]:focus:not([disabled]).pointing-right::after,
      .form-actions
      .ui-widget.ui-widget-content .primary[type="button"]:focus:not([disabled]).pointing-right::after {
        border-color: transparent #006c90; }
    button.primary[disabled], .form-actions .primary[disabled][type="submit"],
    .form-actions .primary[disabled][type="button"],
    a.button.primary[disabled],
    a[role="button"].primary[disabled],
    input[type="reset"].primary[disabled],
    input[type="submit"].primary[disabled],
    input[type="button"].primary[disabled],
    .ui-widget.ui-widget-content button.primary[disabled],
    .ui-widget.ui-widget-content .form-actions .primary[disabled][type="submit"], .form-actions
    .ui-widget.ui-widget-content .primary[disabled][type="submit"],
    .ui-widget.ui-widget-content
    .form-actions .primary[disabled][type="button"],
    .form-actions
    .ui-widget.ui-widget-content .primary[disabled][type="button"] {
      background-image: linear-gradient(scale-saturation(#50862B, -50%), scale-saturation(#467626, -50%));
      color: rgba(255, 255, 255, 0.6); }
  button[disabled], .form-actions [disabled][type="submit"],
  .form-actions [disabled][type="button"],
  a.button[disabled],
  a[role="button"][disabled],
  input[type="reset"][disabled],
  input[type="submit"][disabled],
  input[type="button"][disabled],
  .ui-widget.ui-widget-content button[disabled],
  .ui-widget.ui-widget-content .form-actions [disabled][type="submit"], .form-actions
  .ui-widget.ui-widget-content [disabled][type="submit"],
  .ui-widget.ui-widget-content
  .form-actions [disabled][type="button"],
  .form-actions
  .ui-widget.ui-widget-content [disabled][type="button"] {
    background-color: #ADADAD;
    color: rgba(255, 255, 255, 0.6);
    text-shadow: none; }
    button[disabled].pointing-left::after, .form-actions [disabled].pointing-left[type="submit"]::after,
    .form-actions [disabled].pointing-left[type="button"]::after, button[disabled].pointing-right::after, .form-actions [disabled].pointing-right[type="submit"]::after,
    .form-actions [disabled].pointing-right[type="button"]::after,
    a.button[disabled].pointing-left::after,
    a.button[disabled].pointing-right::after,
    a[role="button"][disabled].pointing-left::after,
    a[role="button"][disabled].pointing-right::after,
    input[type="reset"][disabled].pointing-left::after,
    input[type="reset"][disabled].pointing-right::after,
    input[type="submit"][disabled].pointing-left::after,
    input[type="submit"][disabled].pointing-right::after,
    input[type="button"][disabled].pointing-left::after,
    input[type="button"][disabled].pointing-right::after,
    .ui-widget.ui-widget-content button[disabled].pointing-left::after,
    .ui-widget.ui-widget-content .form-actions [disabled].pointing-left[type="submit"]::after, .form-actions
    .ui-widget.ui-widget-content [disabled].pointing-left[type="submit"]::after,
    .ui-widget.ui-widget-content
    .form-actions [disabled].pointing-left[type="button"]::after,
    .form-actions
    .ui-widget.ui-widget-content [disabled].pointing-left[type="button"]::after,
    .ui-widget.ui-widget-content button[disabled].pointing-right::after,
    .ui-widget.ui-widget-content .form-actions [disabled].pointing-right[type="submit"]::after, .form-actions
    .ui-widget.ui-widget-content [disabled].pointing-right[type="submit"]::after,
    .ui-widget.ui-widget-content
    .form-actions [disabled].pointing-right[type="button"]::after,
    .form-actions
    .ui-widget.ui-widget-content [disabled].pointing-right[type="button"]::after {
      border-color: transparent #ADADAD; }
  button .outlined, .form-actions [type="submit"] .outlined,
  .form-actions [type="button"] .outlined,
  a.button .outlined,
  a[role="button"] .outlined,
  input[type="reset"] .outlined,
  input[type="submit"] .outlined,
  input[type="button"] .outlined,
  .ui-widget.ui-widget-content button .outlined,
  .ui-widget.ui-widget-content .form-actions [type="submit"] .outlined, .form-actions
  .ui-widget.ui-widget-content [type="submit"] .outlined,
  .ui-widget.ui-widget-content
  .form-actions [type="button"] .outlined,
  .form-actions
  .ui-widget.ui-widget-content [type="button"] .outlined {
    display: inline-block;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    padding: 0.2em 0.8em;
    font-size: 0.8em;
    font-weight: 600; }
  button .ui-button-text, .form-actions [type="submit"] .ui-button-text,
  .form-actions [type="button"] .ui-button-text,
  a.button .ui-button-text,
  a[role="button"] .ui-button-text,
  input[type="reset"] .ui-button-text,
  input[type="submit"] .ui-button-text,
  input[type="button"] .ui-button-text,
  .ui-widget.ui-widget-content button .ui-button-text,
  .ui-widget.ui-widget-content .form-actions [type="submit"] .ui-button-text, .form-actions
  .ui-widget.ui-widget-content [type="submit"] .ui-button-text,
  .ui-widget.ui-widget-content
  .form-actions [type="button"] .ui-button-text,
  .form-actions
  .ui-widget.ui-widget-content [type="button"] .ui-button-text {
    padding: 0; }
  button.no-text .text, .form-actions .no-text[type="submit"] .text,
  .form-actions .no-text[type="button"] .text,
  a.button.no-text .text,
  a[role="button"].no-text .text,
  input[type="reset"].no-text .text,
  input[type="submit"].no-text .text,
  input[type="button"].no-text .text,
  .ui-widget.ui-widget-content button.no-text .text,
  .ui-widget.ui-widget-content .form-actions .no-text[type="submit"] .text, .form-actions
  .ui-widget.ui-widget-content .no-text[type="submit"] .text,
  .ui-widget.ui-widget-content
  .form-actions .no-text[type="button"] .text,
  .form-actions
  .ui-widget.ui-widget-content .no-text[type="button"] .text {
    display: none; }
  button.small, .form-actions .small[type="submit"],
  .form-actions .small[type="button"],
  a.button.small,
  a[role="button"].small,
  input[type="reset"].small,
  input[type="submit"].small,
  input[type="button"].small,
  .ui-widget.ui-widget-content button.small,
  .ui-widget.ui-widget-content .form-actions .small[type="submit"], .form-actions
  .ui-widget.ui-widget-content .small[type="submit"],
  .ui-widget.ui-widget-content
  .form-actions .small[type="button"],
  .form-actions
  .ui-widget.ui-widget-content .small[type="button"] {
    font-size: 0.75em;
    padding: 0.5em 0.7em; }
  button svg, .form-actions [type="submit"] svg,
  .form-actions [type="button"] svg,
  button img[src*=".svg"], .form-actions [type="submit"] img[src*=".svg"],
  .form-actions [type="button"] img[src*=".svg"],
  a.button svg,
  a.button img[src*=".svg"],
  a[role="button"] svg,
  a[role="button"] img[src*=".svg"],
  input[type="reset"] svg,
  input[type="reset"] img[src*=".svg"],
  input[type="submit"] svg,
  input[type="submit"] img[src*=".svg"],
  input[type="button"] svg,
  input[type="button"] img[src*=".svg"],
  .ui-widget.ui-widget-content button svg,
  .ui-widget.ui-widget-content .form-actions [type="submit"] svg, .form-actions
  .ui-widget.ui-widget-content [type="submit"] svg,
  .ui-widget.ui-widget-content
  .form-actions [type="button"] svg,
  .form-actions
  .ui-widget.ui-widget-content [type="button"] svg,
  .ui-widget.ui-widget-content button img[src*=".svg"],
  .ui-widget.ui-widget-content .form-actions [type="submit"] img[src*=".svg"], .form-actions
  .ui-widget.ui-widget-content [type="submit"] img[src*=".svg"],
  .ui-widget.ui-widget-content
  .form-actions [type="button"] img[src*=".svg"],
  .form-actions
  .ui-widget.ui-widget-content [type="button"] img[src*=".svg"] {
    fill: white; }
  button.icon-only, .form-actions .icon-only[type="submit"],
  .form-actions .icon-only[type="button"],
  a.button.icon-only,
  a[role="button"].icon-only,
  input[type="reset"].icon-only,
  input[type="submit"].icon-only,
  input[type="button"].icon-only,
  .ui-widget.ui-widget-content button.icon-only,
  .ui-widget.ui-widget-content .form-actions .icon-only[type="submit"], .form-actions
  .ui-widget.ui-widget-content .icon-only[type="submit"],
  .ui-widget.ui-widget-content
  .form-actions .icon-only[type="button"],
  .form-actions
  .ui-widget.ui-widget-content .icon-only[type="button"] {
    padding: 0;
    background: none !important; }
    button.icon-only:hover, .form-actions .icon-only[type="submit"]:hover,
    .form-actions .icon-only[type="button"]:hover, button.icon-only:focus, .form-actions .icon-only[type="submit"]:focus,
    .form-actions .icon-only[type="button"]:focus,
    a.button.icon-only:hover,
    a.button.icon-only:focus,
    a[role="button"].icon-only:hover,
    a[role="button"].icon-only:focus,
    input[type="reset"].icon-only:hover,
    input[type="reset"].icon-only:focus,
    input[type="submit"].icon-only:hover,
    input[type="submit"].icon-only:focus,
    input[type="button"].icon-only:hover,
    input[type="button"].icon-only:focus,
    .ui-widget.ui-widget-content button.icon-only:hover,
    .ui-widget.ui-widget-content .form-actions .icon-only[type="submit"]:hover, .form-actions
    .ui-widget.ui-widget-content .icon-only[type="submit"]:hover,
    .ui-widget.ui-widget-content
    .form-actions .icon-only[type="button"]:hover,
    .form-actions
    .ui-widget.ui-widget-content .icon-only[type="button"]:hover,
    .ui-widget.ui-widget-content button.icon-only:focus,
    .ui-widget.ui-widget-content .form-actions .icon-only[type="submit"]:focus, .form-actions
    .ui-widget.ui-widget-content .icon-only[type="submit"]:focus,
    .ui-widget.ui-widget-content
    .form-actions .icon-only[type="button"]:focus,
    .form-actions
    .ui-widget.ui-widget-content .icon-only[type="button"]:focus {
      background: rgba(0, 0, 0, 0.08) !important; }
    button.icon-only svg, .form-actions .icon-only[type="submit"] svg,
    .form-actions .icon-only[type="button"] svg,
    button.icon-only img[src*=".svg"], .form-actions .icon-only[type="submit"] img[src*=".svg"],
    .form-actions .icon-only[type="button"] img[src*=".svg"],
    a.button.icon-only svg,
    a.button.icon-only img[src*=".svg"],
    a[role="button"].icon-only svg,
    a[role="button"].icon-only img[src*=".svg"],
    input[type="reset"].icon-only svg,
    input[type="reset"].icon-only img[src*=".svg"],
    input[type="submit"].icon-only svg,
    input[type="submit"].icon-only img[src*=".svg"],
    input[type="button"].icon-only svg,
    input[type="button"].icon-only img[src*=".svg"],
    .ui-widget.ui-widget-content button.icon-only svg,
    .ui-widget.ui-widget-content .form-actions .icon-only[type="submit"] svg, .form-actions
    .ui-widget.ui-widget-content .icon-only[type="submit"] svg,
    .ui-widget.ui-widget-content
    .form-actions .icon-only[type="button"] svg,
    .form-actions
    .ui-widget.ui-widget-content .icon-only[type="button"] svg,
    .ui-widget.ui-widget-content button.icon-only img[src*=".svg"],
    .ui-widget.ui-widget-content .form-actions .icon-only[type="submit"] img[src*=".svg"], .form-actions
    .ui-widget.ui-widget-content .icon-only[type="submit"] img[src*=".svg"],
    .ui-widget.ui-widget-content
    .form-actions .icon-only[type="button"] img[src*=".svg"],
    .form-actions
    .ui-widget.ui-widget-content .icon-only[type="button"] img[src*=".svg"] {
      width: auto;
      height: 34px; }

/* -----------------------------------------------------------------------------
                                                            Text fields
*/
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  box-sizing: border-box;
  background-clip: padding-box;
  border-radius: 0.25em;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  color: black;
  margin: 0;
  padding: 0.3em 0.5em;
  text-align: left;
  font-size: 1em;
  vertical-align: top;
  max-width: 100%; }
  @media all and (min-width: 1000px) {
    textarea,
    select,
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"] {
      width: 30em; }
      textarea[width],
      select[width],
      input[type="date"][width],
      input[type="datetime"][width],
      input[type="datetime-local"][width],
      input[type="email"][width],
      input[type="month"][width],
      input[type="number"][width],
      input[type="password"][width],
      input[type="search"][width],
      input[type="tel"][width],
      input[type="text"][width],
      input[type="time"][width],
      input[type="url"][width],
      input[type="week"][width] {
        width: initial; } }
  textarea[size],
  select[size],
  input[type="date"][size],
  input[type="datetime"][size],
  input[type="datetime-local"][size],
  input[type="email"][size],
  input[type="month"][size],
  input[type="number"][size],
  input[type="password"][size],
  input[type="search"][size],
  input[type="tel"][size],
  input[type="text"][size],
  input[type="time"][size],
  input[type="url"][size],
  input[type="week"][size] {
    width: initial; }
  textarea[disabled],
  select[disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="email"][disabled],
  input[type="month"][disabled],
  input[type="number"][disabled],
  input[type="password"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="text"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  input[type="week"][disabled] {
    background-color: #eee; }

input[type="date"] {
  width: 10em; }

select {
  vertical-align: middle; }

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%; }
  textarea:not([size]) + .grippie {
    width: 30em;
    max-width: 100%; }
  .resizable > textarea {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

/* -----------------------------------------------------------------------------
                                                            Other form elements
*/
input[type] {
  vertical-align: middle;
  max-width: 100%; }
  @media all and (max-width: 700px) {
    input[type][type="text"] {
      width: 100%; } }
  aside input[type][type="text"] {
    width: 100%; }

input[type="radio"]:focus,
input[type="checkbox"]:focus {
  box-shadow: 0 0 0.3em rgba(0, 127, 169, 0.75); }

td.field-label, th.field-label {
  display: table-cell; }

optgroup {
  color: black;
  font-style: normal;
  font-weight: normal;
  font-family: Arial, "Liberation Sans", FreeSans, sans-serif; }
  optgroup::-moz-focus-inner {
    border: 0;
    padding: 0; }

/* -----------------------------------------------------------------------------
                                                            Disableds
*/
button[disabled], .form-actions [disabled][type="submit"],
.form-actions [disabled][type="button"],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888;
  cursor: default; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888; }

input.placeholder_text,
textarea.placeholder_text {
  color: #888; }

textarea,
select[size],
select[multiple] {
  height: auto; }

select[size="0"],
select[size="1"] {
  height: 1.8em; }

@media (-webkit-min-device-pixel-ratio: 0) {
  select[size],
  select[multiple],
  select[multiple][size] {
    background-image: none;
    padding-right: 3px; }
  select,
  select[size="0"],
  select[size="1"] {
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px; }
  ::-webkit-validation-bubble-message {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, black));
    border: 0;
    color: white;
    font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: black 0 0 1px;
    min-height: 16px; }
  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666;
    border-color: #666; } }

/*
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 */
/* -----------------------------------------------------------------------------
 * Center the page elements.
 *
 * For screen sizes larger than 1200px, prevent excessively long lines of text
 * by setting a max-width.
 */
.page-max-width {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding-left: 6vw;
  padding-right: 6vw;
  box-sizing: content-box; }

.text-max-width {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding-left: 6vw;
  padding-right: 6vw;
  box-sizing: content-box;
  max-width: 44rem; }

main {
  padding-top: 3.2em;
  padding-bottom: 3em; }

header[role="banner"] > [role="presentation"],
[id="navigation"] > [role="presentation"],
[id="main"] > [role="presentation"],
footer[role="contentinfo"] > [role="presentation"],
.region-bottom > [role="presentation"] {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding-left: 6vw;
  padding-right: 6vw;
  box-sizing: content-box; }

body.fullwidth [id="main"] > [role="presentation"] {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box; }

body.fullwidth main > .block > [role="presentation"],
body.fullwidth main > section > [role="presentation"] {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding-left: 6vw;
  padding-right: 6vw;
  box-sizing: content-box; }

body {
  display: flex;
  flex-direction: column;
  height: 100vh; }
  body > * {
    flex: 0 1 auto; }

[id="page-container"] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: auto; }
  [id="page-container"] [id="page"] {
    flex: 1 0 auto; }
  [id="page-container"] [id="footer"] {
    flex-shrink: 0; }

/* -----------------------------------------------------------------------------
 *                                                              Overrides
 */
[id="main"] {
  box-sizing: border-box; }

.page-max-width-narrow,
form.width_narrow,
.page_width_narrow #main > .content,
body.node-type-webform #main > .content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .page-max-width-narrow textarea,
  form.width_narrow textarea,
  .page_width_narrow #main > .content textarea,
  body.node-type-webform #main > .content textarea, .page-max-width-narrow select,
  form.width_narrow select,
  .page_width_narrow #main > .content select,
  body.node-type-webform #main > .content select, .page-max-width-narrow input[type="date"],
  form.width_narrow input[type="date"],
  .page_width_narrow #main > .content input[type="date"],
  body.node-type-webform #main > .content input[type="date"], .page-max-width-narrow input[type="datetime"],
  form.width_narrow input[type="datetime"],
  .page_width_narrow #main > .content input[type="datetime"],
  body.node-type-webform #main > .content input[type="datetime"], .page-max-width-narrow input[type="datetime-local"],
  form.width_narrow input[type="datetime-local"],
  .page_width_narrow #main > .content input[type="datetime-local"],
  body.node-type-webform #main > .content input[type="datetime-local"], .page-max-width-narrow input[type="email"],
  form.width_narrow input[type="email"],
  .page_width_narrow #main > .content input[type="email"],
  body.node-type-webform #main > .content input[type="email"], .page-max-width-narrow input[type="month"],
  form.width_narrow input[type="month"],
  .page_width_narrow #main > .content input[type="month"],
  body.node-type-webform #main > .content input[type="month"], .page-max-width-narrow input[type="number"],
  form.width_narrow input[type="number"],
  .page_width_narrow #main > .content input[type="number"],
  body.node-type-webform #main > .content input[type="number"], .page-max-width-narrow input[type="password"],
  form.width_narrow input[type="password"],
  .page_width_narrow #main > .content input[type="password"],
  body.node-type-webform #main > .content input[type="password"], .page-max-width-narrow input[type="search"],
  form.width_narrow input[type="search"],
  .page_width_narrow #main > .content input[type="search"],
  body.node-type-webform #main > .content input[type="search"], .page-max-width-narrow input[type="tel"],
  form.width_narrow input[type="tel"],
  .page_width_narrow #main > .content input[type="tel"],
  body.node-type-webform #main > .content input[type="tel"], .page-max-width-narrow input[type="text"],
  form.width_narrow input[type="text"],
  .page_width_narrow #main > .content input[type="text"],
  body.node-type-webform #main > .content input[type="text"], .page-max-width-narrow input[type="time"],
  form.width_narrow input[type="time"],
  .page_width_narrow #main > .content input[type="time"],
  body.node-type-webform #main > .content input[type="time"], .page-max-width-narrow input[type="url"],
  form.width_narrow input[type="url"],
  .page_width_narrow #main > .content input[type="url"],
  body.node-type-webform #main > .content input[type="url"], .page-max-width-narrow input[type="week"],
  form.width_narrow input[type="week"],
  .page_width_narrow #main > .content input[type="week"],
  body.node-type-webform #main > .content input[type="week"] {
    width: 100%; }

.page_width_regular #main > .content {
  max-width: 1000px; }

/* -----------------------------------------------------------------------------
                                                                Sidebar
*/
@media all and (min-width: 900px) {
  .one-sidebar [id="main"] > [role="presentation"] {
    display: flex; }
    .one-sidebar [id="main"] > [role="presentation"] > * {
      flex: 1 1 auto; } }

aside {
  transition: width 0.5s;
  max-width: 100%;
  width: 300px; }
  aside + * {
    max-width: 100%;
    width: calc(100% - $sidebar-width); }
  @media all and (min-width: 900px) {
    aside {
      flex-grow: 0 !important;
      flex-shrink: 0 !important;
      box-sizing: border-box; } }

/* -----------------------------------------------------------------------------
                                                                Top toolbar
*/
.region-toolbar-1 {
  position: fixed;
  width: 100%;
  top: -45px;
  left: 0;
  margin: 0 !important;
  box-shadow: 0px 0px 0.3em transparent; }
  .region-toolbar-1:not([hidden]) {
    top: 0em;
    box-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.4); }

/* -----------------------------------------------------------------------------
                                                                Slide-in form region
  Used for forms like the observation / picture edit forms in CMO
  Shown as a sidebar on larger screens.
*/
@media all and (min-width: 750px) {
  .sideform-left {
    padding-left: calc(300px + 2.2vw) !important; } }

.region-bottom {
  display: block;
  bottom: 0;
  z-index: 90;
  position: fixed;
  width: 100%;
  max-height: calc(100% - 160px);
  left: 0;
  overflow: auto;
  background: white;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.08);
  padding: 20px 6vw;
  box-sizing: border-box;
  border-style: solid;
  border-color: grey;
  border-width: 2px 0 0 0; }
  @media all and (min-width: 760px) {
    .region-bottom {
      top: 45px;
      height: auto;
      max-height: 100%;
      left: 0;
      width: 300px;
      border-top-width: 0;
      border-right-width: 2px;
      padding: 0; } }

/* Component (SMACSS module) rules */
/**
 * Columns
 * v1.0
 */
.cols-2 {
  display: flex;
  flex-wrap: wrap; }
  .cols-2 > * {
    flex: 0 1 auto; }
  .cols-2 li + li {
    margin-top: 0; }
  .cols-2 > li,
  .cols-2 > * {
    margin-left: 0;
    margin-right: 0; }
  @media all and (max-width: 960px) {
    .cols-2 > li:nth-child(n + 2),
    .cols-2 > *:nth-child(n + 2) {
      margin-top: 2.2vw; } }
  @media all and (min-width: 960px) {
    .cols-2 > li,
    .cols-2 > * {
      width: calc( (100% - 2.2vw * (2 - 1)) / 2);
      margin-left: 1.1vw;
      margin-right: 1.1vw; }
      .cols-2 > li:nth-child(n + 3),
      .cols-2 > *:nth-child(n + 3) {
        margin-top: 2.2vw; }
      .cols-2 > li:nth-child(2n - 1),
      .cols-2 > *:nth-child(2n - 1) {
        margin-left: 0;
        clear: left; }
      .cols-2 > li:nth-child(2n),
      .cols-2 > *:nth-child(2n) {
        margin-right: 0; } }

.cols-3 {
  display: flex;
  flex-wrap: wrap; }
  .cols-3 > * {
    flex: 0 1 auto; }
  .cols-3 li + li {
    margin-top: 0; }
  .cols-3 > li,
  .cols-3 > * {
    margin-left: 0;
    margin-right: 0; }
  @media all and (max-width: 30em) {
    .cols-3 > li:nth-child(n + 2),
    .cols-3 > *:nth-child(n + 2) {
      margin-top: 2.2vw; } }
  @media all and (min-width: 30em) and (max-width: 960px) {
    .cols-3 > li,
    .cols-3 > * {
      width: calc( (100% - 2.2vw * (2 - 1)) / 2);
      margin-left: 1.1vw;
      margin-right: 1.1vw; }
      .cols-3 > li:nth-child(n + 3),
      .cols-3 > *:nth-child(n + 3) {
        margin-top: 2.2vw; }
      .cols-3 > li:nth-child(2n - 1),
      .cols-3 > *:nth-child(2n - 1) {
        margin-left: 0;
        clear: left; }
      .cols-3 > li:nth-child(2n),
      .cols-3 > *:nth-child(2n) {
        margin-right: 0; } }
  @media all and (min-width: 960px) {
    .cols-3 > li,
    .cols-3 > * {
      width: calc( (100% - 2.2vw * (3 - 1)) / 3);
      margin-left: 1.1vw;
      margin-right: 1.1vw; }
      .cols-3 > li:nth-child(n + 4),
      .cols-3 > *:nth-child(n + 4) {
        margin-top: 2.2vw; }
      .cols-3 > li:nth-child(3n - 2),
      .cols-3 > *:nth-child(3n - 2) {
        margin-left: 0;
        clear: left; }
      .cols-3 > li:nth-child(3n),
      .cols-3 > *:nth-child(3n) {
        margin-right: 0; } }

.cols-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 25%));
  grid-gap: 1.2vw calc(10px + 3%); }
  .cols-4 > li > .node {
    margin: 0; }
  .col-container .cols-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr; }

.cols-6 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(120px + 6%), 16.66%));
  grid-gap: 1.6vw calc(10px + 2%); }
  .cols-6 > li > .node {
    margin: 0; }

/* -----------------------------------------------------------------------------
                                                                Layout elements
*/
[class*="block-1-2"] {
  width: 50%;
  float: left; }

.col-container {
  display: grid;
  grid-gap: calc(20px + 3vw); }
  @media all and (min-width: 900px) {
    .col-container {
      grid-template-columns: 1fr 1fr; } }

.col-1-2 article.node-teaser,
.col-2-2 article.node-teaser {
  margin-left: 0;
  margin-right: 0; }

/** ----------------------------------------------------------------------------
                                                      Material icons
 */
.material-icon, .selectable.selected::before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icon, .selectable.selected::before,
.material-icons {
  vertical-align: middle; }

/** ----------------------------------------------------------------------------
 *                                                    Icomoon
 */
fieldset legend a::before, fieldset legend .ui-widget-content a::before, .ui-widget-content fieldset legend a::before, .block-menu .block__title:before, div.ctools-modal-content a.close:before,
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-access_time:before {
  content: "\e192"; }

.icon-account_box:before {
  content: "\e851"; }

.icon-add_box:before {
  content: "\e146"; }

.icon-add_circle:before {
  content: "\e147"; }

.icon-arrow_drop_down:before, fieldset.collapsed legend a:before {
  content: "\e5c5"; }

.icon-arrow_drop_up:before, fieldset legend a:before, fieldset legend .ui-widget-content a:before, .ui-widget-content fieldset legend a:before {
  content: "\e5c7"; }

.icon-assessment:before {
  content: "\e85c"; }

.icon-camera_alt:before {
  content: "\e3b0"; }

.icon-chat:before {
  content: "\e0b7"; }

.icon-check:before {
  content: "\e5ca"; }

.icon-check_box:before {
  content: "\e834"; }

.icon-check_box_outline_blank:before {
  content: "\e835"; }

.icon-chevron_left:before {
  content: "\e5cb"; }

.icon-chevron_right:before {
  content: "\e5cc"; }

.icon-close:before, div.ctools-modal-content a.close:before {
  content: "\e5cd"; }

.icon-crop_free:before {
  content: "\e3c2"; }

.icon-dashboard:before {
  content: "\e871"; }

.icon-delete:before {
  content: "\e872"; }

.icon-done:before {
  content: "\e876"; }

.icon-done_all:before {
  content: "\e877"; }

.icon-edit:before {
  content: "\e3c9"; }

.icon-expand_less:before {
  content: "\e5ce"; }

.icon-expand_more:before {
  content: "\e5cf"; }

.icon-favorite:before {
  content: "\e87d"; }

.icon-favorite_outline:before {
  content: "\e87e"; }

.icon-file_download:before {
  content: "\e2c4"; }

.icon-file_upload:before {
  content: "\e2c6"; }

.icon-filter_hdr:before {
  content: "\e3df"; }

.icon-folder:before {
  content: "\e2c7"; }

.icon-gesture:before {
  content: "\e155"; }

.icon-goat:before {
  content: "\e901"; }

.icon-help:before {
  content: "\e887"; }

.icon-help_outline:before {
  content: "\e8fd"; }

.icon-image:before {
  content: "\e3f4"; }

.icon-indeterminate_check_box:before {
  content: "\e90c"; }

.icon-info:before {
  content: "\e88e"; }

.icon-info_outline:before {
  content: "\e88f"; }

.icon-keyboard_arrow_down:before {
  content: "\e313"; }

.icon-keyboard_arrow_left:before {
  content: "\e314"; }

.icon-keyboard_arrow_right:before {
  content: "\e315"; }

.icon-keyboard_arrow_up:before {
  content: "\e316"; }

.icon-keyboard_control:before {
  content: "\e5d3"; }

.icon-local_offer:before {
  content: "\e54e"; }

.icon-location_on:before {
  content: "\e0c8"; }

.icon-mail:before {
  content: "\e158"; }

.icon-mail_outline:before {
  content: "\e0e1"; }

.icon-map:before {
  content: "\e55b"; }

.icon-menu:before, .block-menu .block__title:before {
  content: "\e5d2"; }

.icon-mode_edit:before {
  content: "\e254"; }

.icon-more_vert:before {
  content: "\e5d4"; }

.icon-mouse:before {
  content: "\e323"; }

.icon-navigate_before:before {
  content: "\e408"; }

.icon-navigate_next:before {
  content: "\e409"; }

.icon-near_me:before {
  content: "\e569"; }

.icon-not_interested:before {
  content: "\e033"; }

.icon-now_wallpaper:before {
  content: "\e1bc"; }

.icon-people:before {
  content: "\e7fb"; }

.icon-person:before {
  content: "\e7fd"; }

.icon-photo_library:before {
  content: "\e413"; }

.icon-portrait:before {
  content: "\e416"; }

.icon-publish:before {
  content: "\e255"; }

.icon-radio_button_checked:before {
  content: "\e837"; }

.icon-radio_button_unchecked:before {
  content: "\e836"; }

.icon-remove_red_eye:before {
  content: "\e417"; }

.icon-rotate_left:before {
  content: "\e419"; }

.icon-rotate_right:before {
  content: "\e41a"; }

.icon-search:before {
  content: "\e8b6"; }

.icon-select_all:before {
  content: "\e162"; }

.icon-share:before {
  content: "\e80d"; }

.icon-spa:before {
  content: "\eb4c"; }

.icon-star:before {
  content: "\e838"; }

.icon-star_half:before {
  content: "\e839"; }

.icon-star_outline:before {
  content: "\e83a"; }

.icon-terrain:before {
  content: "\e564"; }

.icon-thumb_down:before {
  content: "\e8db"; }

.icon-thumb_up:before {
  content: "\e8dc"; }

.icon-timeline:before {
  content: "\e922"; }

.icon-timer_10:before {
  content: "\e423"; }

.icon-touch_app:before {
  content: "\e913"; }

.icon-view_column:before {
  content: "\e8ec"; }

.icon-view_comfortable:before {
  content: "\e42a"; }

.icon-view_list:before {
  content: "\e8ef"; }

.icon-view_module:before {
  content: "\e8f0"; }

.icon-view_quilt:before {
  content: "\e8f1"; }

.icon-visibility:before {
  content: "\e8f4"; }

.icon-whatshot:before {
  content: "\e80e"; }

.icon-zoom_in:before {
  content: "\e8ff"; }

.icon-zoom_out:before {
  content: "\e900"; }

.icon-zoom_out_map:before {
  content: "\e56b"; }

.icon-collections_bookmark:before {
  content: "\e431"; }

.icon-diff-added:before {
  content: "\f06b"; }

.icon-diff-removed:before {
  content: "\f06c"; }

.icon-flame:before {
  content: "\f0d2"; }

.icon-location:before {
  content: "\f060"; }

.icon-price-tag:before {
  content: "\e902"; }

.icon-price-tags:before {
  content: "\e903"; }

.icon-lifebuoy:before {
  content: "\e90d"; }

.icon-phone:before {
  content: "\e90e"; }

.icon-enlarge2:before {
  content: "\e904"; }

.icon-shrink2:before {
  content: "\e905"; }

.icon-fire:before {
  content: "\e906"; }

.icon-star-empty:before {
  content: "\e907"; }

.icon-star-half:before {
  content: "\e908"; }

.icon-star-full:before {
  content: "\e909"; }

.icon-info2:before {
  content: "\e90f"; }

.icon-table:before {
  content: "\e90a"; }

.icon-share2:before {
  content: "\e90b"; }

.icon-calendar:before {
  content: "\e910"; }

.icon-clipboard:before {
  content: "\e911"; }

/**
 * @file
 * Small helper classes.
 */
a.block,
a[role="block"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0; }

.tooltip_q, .views-exposed-form .description {
  content: "?";
  cursor: help;
  background-color: #007fa9;
  border-radius: 100%;
  width: 1.4em;
  display: inline-block;
  text-align: center;
  color: white;
  height: 1.4em;
  margin: 0 0.2em;
  padding: 0;
  vertical-align: 0.1em;
  border: none;
  font-size: 0.8em; }
  .tooltip_q span, .views-exposed-form .description span {
    display: none; }

.upper {
  text-transform: uppercase; }

.horiz-borders-only td, .horiz-borders-only th {
  border-left: none;
  border-right: none; }

/* -----------------------------------------------------------------------------
                              Rotations
*/
[data-rotated='90deg'],
[data-rotated='-270deg'] {
  transform: rotate(90deg); }

[data-rotated='180deg'] {
  transform: rotate(180deg); }

[data-rotated='270deg'],
[data-rotated='-90deg'] {
  transform: rotate(270deg); }

.subtle {
  color: rgba(0, 0, 0, 0.42); }

/* -----------------------------------------------------------------------------
                              Overlap-bottom (labels)
*/
/* -----------------------------------------------------------------------------
                              Left and right floats
*/
.left,
.right,
.node.view-mode-full > .field-name-field-image {
  z-index: 1;
  position: relative; }

.left {
  float: left;
  margin: 0 2em 2em 0; }
  .left.small {
    margin: 0 1em 1em 0; }

.right, .node.view-mode-full > .field-name-field-image {
  float: right;
  margin: 0 0 2em 2em; }

@media all and (max-width: 30em) {
  .left,
  .right,
  .node.view-mode-full > .field-name-field-image {
    float: none;
    margin-left: 0;
    margin-right: 0;
    text-align: center; } }

.align-center {
  text-align: center; }
  .align-center a.more,
  .align-center .more-link {
    float: none; }

a[rel="more"],
a.more,
.more-link {
  text-align: right;
  /* LTR */
  float: right; }

.floating {
  position: absolute;
  z-index: 20;
  margin-left: 1em; }

/* -----------------------------------------------------------------------------
                              Unpublished content
*/
.node-unpublished {
  background: none;
  border: solid 4px #CF5541;
  padding: 0 1.4em 2em;
  border-radius: 0.5em; }

.unpublished {
  display: block;
  height: auto;
  text-align: left;
  font-family: inherit;
  font-size: 1.5em;
  color: white;
  background-color: #CF5541;
  padding: 0.5em 0.6em; }

/* -----------------------------------------------------------------------------
                              Choice block (old browse page)
*/
.choice-block {
  display: grid;
  grid-gap: 40px;
  align-items: flex-start; }
  @media all and (min-width: 700px) {
    .choice-block {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
  .choice-block > div {
    padding: 1em;
    box-sizing: border-box;
    border: solid 1px #bbb;
    border-radius: 4px; }
    .choice-block > div label {
      display: block; }
    .choice-block > div input[type="radio"] {
      margin-right: 0.6em; }
  .choice-block input[type="text"] {
    width: 100%; }
  .choice-block select {
    width: 100%; }

/* -----------------------------------------------------------------------------
                              Misc utilities
*/
#ui-datepicker-div {
  z-index: 95 !important; }

.non-list, .steps.not-links, ul.contextual-links, .pager ul, .node-observation.selectable .fields,
[data-type="observation"].selectable .fields {
  list-style: none;
  padding-left: 0;
  margin: 0; }
  .non-list li + li, .steps.not-links li + li, ul.contextual-links li + li, .pager ul li + li, .node-observation.selectable .fields li + li,
  [data-type="observation"].selectable .fields li + li {
    margin-top: 0; }

.tree.expandable li {
  list-style: none; }
  .tree.expandable li button, .tree.expandable li .form-actions [type="submit"], .form-actions .tree.expandable li [type="submit"], .tree.expandable li
  .form-actions [type="button"],
  .form-actions .tree.expandable li [type="button"] {
    margin: 0; }

.term-tree.expandable {
  overflow: hidden;
  position: relative;
  padding-bottom: 40px; }
  .term-tree.expandable::after,
  .term-tree.expandable button,
  .term-tree.expandable .form-actions [type="submit"], .form-actions
  .term-tree.expandable [type="submit"],
  .term-tree.expandable
  .form-actions [type="button"],
  .form-actions
  .term-tree.expandable [type="button"] {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #f8f8f8;
    color: #007fa9;
    margin: 0;
    z-index: 30;
    font-weight: bold; }
  .term-tree.expandable h3, .term-tree.expandable .widget_pager .views-field-title, .widget_pager .term-tree.expandable .views-field-title {
    margin-top: 0; }

/* List of links generated by theme_links(). */
.inline {
  display: inline;
  padding: 0; }
  .inline li {
    display: inline;
    list-style-type: none;
    padding: 0 1em 0 0;
    /* LTR */ }

/* The inline field label used by the Fences module. */
span.field-label {
  padding: 0 1em 0 0;
  /* LTR */ }

.label {
  background: #6d6d6d;
  color: #d9d9d9;
  padding: 0.1em 0.4em;
  border-radius: 0.13em;
  display: inline-block;
  max-width: 200px;
  min-width: 1.5em;
  text-align: center; }
  .label + .label {
    margin-left: 0.4em; }
  .label a, .label a:hover, .label a:focus {
    color: white;
    font-weight: bold; }

.tag {
  padding: 0.4em 0.5em;
  background: transparent;
  color: inherit;
  display: inline-block;
  border: solid 1px #d1d1d1;
  border-radius: 1.4em;
  text-align: center;
  margin-right: 0.5em;
  margin-bottom: 0.5em; }
  .tag:hover, .tag:focus {
    background: #d1d1d1; }
  .tag a {
    display: block; }

.heading {
  background: grey;
  color: white;
  margin-top: 2em;
  margin-bottom: 1em;
  padding: 0.2em 0.5em;
  font-size: 0.85em;
  text-transform: uppercase; }

/**
 * @file
 * UI elements that can be re-used anywhere on the site.
 */
/**
  CONTENTS

  Panes
  Tabs
  Icons
  Layout elements
  Breadcrumbs
  Steps indicator block
  Carousel (slideshow)
  Columns
  Masonry
  OpenLayers maps
  Leaflet maps
  Progress bars
  jQuery UI Overrides
  Search
  Lightboxes
  Messages

*/
#box {
  position: absolute;
  top: 0;
  left: 0; }

.g-recaptcha > div {
  width: 100% !important; }

.g-recaptcha iframe {
  border: none; }

.hidden, form.inline-selectables .form-item.form-type-radio input,
[hidden=""] {
  display: block; }

/* -----------------------------------------------------------------------------
                                                            Panes
*/
.pane, [role="link-block"],
.link-block, .search-result:not(.pre-rendered), [data-view-mode="teaser"]:not([data-type="picture"]),
[data-type="observation"].selectable,
[data-type="identification_community"][data-view-mode="text"],
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"], .node-observation[data-view-mode="thumbnail"],
[data-type="observation"][data-view-mode="thumbnail"],
.info-pane,
.steps,
.tile,
.card {
  padding: 1em;
  border-radius: 0.25em; }

.pane, [role="link-block"],
.link-block, .search-result:not(.pre-rendered), [data-view-mode="teaser"]:not([data-type="picture"]),
[data-type="observation"].selectable,
[data-type="identification_community"][data-view-mode="text"],
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"], .node-observation[data-view-mode="thumbnail"],
[data-type="observation"][data-view-mode="thumbnail"],
.tile,
.card {
  background-color: white;
  border: solid 1px #d6d6d6;
  box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.08);
  display: block;
  margin: 1em 0;
  max-width: 100%;
  position: relative;
  text-align: left; }
  .pane.inline, .inline[role="link-block"],
  .inline.link-block, .search-result:not(.pre-rendered), [data-view-mode="teaser"]:not([data-type="picture"]),
  [data-type="observation"].selectable,
  [data-type="identification_community"][data-view-mode="text"],
  .taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"], .node-observation[data-view-mode="thumbnail"],
  [data-type="observation"][data-view-mode="thumbnail"],
  .tile.inline,
  .card.inline {
    display: inline-block;
    margin: 0 1em 1em 0;
    vertical-align: top; }
  .pane h2, [role="link-block"] h2,
  .link-block h2, .search-result:not(.pre-rendered) h2, [data-view-mode="teaser"]:not([data-type="picture"]) h2,
  [data-type="observation"].selectable h2,
  [data-type="identification_community"][data-view-mode="text"] h2,
  .taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] h2,
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] h2, .node-observation[data-view-mode="thumbnail"] h2,
  [data-type="observation"][data-view-mode="thumbnail"] h2,
  .pane > h3:first-child, [role="link-block"] > h3:first-child,
  .link-block > h3:first-child, .search-result:not(.pre-rendered) > h3:first-child, [data-view-mode="teaser"]:not([data-type="picture"]) > h3:first-child,
  [data-type="observation"].selectable > h3:first-child,
  [data-type="identification_community"][data-view-mode="text"] > h3:first-child,
  .taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] > h3:first-child,
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] > h3:first-child, .node-observation[data-view-mode="thumbnail"] > h3:first-child,
  [data-type="observation"][data-view-mode="thumbnail"] > h3:first-child, .widget_pager
  .pane > .views-field-title:first-child, .widget_pager [role="link-block"] > .views-field-title:first-child, .widget_pager
  .link-block > .views-field-title:first-child, .widget_pager .search-result:not(.pre-rendered) > .views-field-title:first-child, .widget_pager [data-view-mode="teaser"]:not([data-type="picture"]) > .views-field-title:first-child, .widget_pager
  [data-type="observation"].selectable > .views-field-title:first-child, .widget_pager
  [data-type="identification_community"][data-view-mode="text"] > .views-field-title:first-child, .widget_pager
  .taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] > .views-field-title:first-child, .widget_pager
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] > .views-field-title:first-child, .widget_pager .node-observation[data-view-mode="thumbnail"] > .views-field-title:first-child, .widget_pager
  [data-type="observation"][data-view-mode="thumbnail"] > .views-field-title:first-child,
  .tile h2,
  .tile > h3:first-child, .widget_pager
  .tile > .views-field-title:first-child,
  .card h2,
  .card > h3:first-child, .widget_pager
  .card > .views-field-title:first-child {
    margin-top: 0; }

a.card {
  min-width: 220px;
  max-width: 300px;
  margin-right: 24px;
  margin-bottom: 10px;
  display: inline-block;
  text-align: center; }

.pane .pane, [role="link-block"] .pane,
.link-block .pane, .search-result:not(.pre-rendered) .pane, [data-view-mode="teaser"]:not([data-type="picture"]) .pane,
[data-type="observation"].selectable .pane,
[data-type="identification_community"][data-view-mode="text"] .pane,
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] .pane,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .pane, .node-observation[data-view-mode="thumbnail"] .pane,
[data-type="observation"][data-view-mode="thumbnail"] .pane, .pane [role="link-block"], [role="link-block"] [role="link-block"],
.link-block [role="link-block"], .search-result:not(.pre-rendered) [role="link-block"], [data-view-mode="teaser"]:not([data-type="picture"]) [role="link-block"],
[data-type="observation"].selectable [role="link-block"],
[data-type="identification_community"][data-view-mode="text"] [role="link-block"],
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] [role="link-block"],
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] [role="link-block"], .node-observation[data-view-mode="thumbnail"] [role="link-block"],
[data-type="observation"][data-view-mode="thumbnail"] [role="link-block"], .pane
.link-block, [role="link-block"]
.link-block,
.link-block
.link-block, .search-result:not(.pre-rendered)
.link-block, [data-view-mode="teaser"]:not([data-type="picture"])
.link-block,
[data-type="observation"].selectable
.link-block,
[data-type="identification_community"][data-view-mode="text"]
.link-block,
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"]
.link-block,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"]
.link-block, .node-observation[data-view-mode="thumbnail"]
.link-block,
[data-type="observation"][data-view-mode="thumbnail"]
.link-block, .pane .search-result:not(.pre-rendered), [role="link-block"] .search-result:not(.pre-rendered),
.link-block .search-result:not(.pre-rendered), .search-result:not(.pre-rendered) .search-result:not(.pre-rendered), [data-view-mode="teaser"]:not([data-type="picture"]) .search-result:not(.pre-rendered),
[data-type="observation"].selectable .search-result:not(.pre-rendered),
[data-type="identification_community"][data-view-mode="text"] .search-result:not(.pre-rendered),
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] .search-result:not(.pre-rendered),
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .search-result:not(.pre-rendered), .node-observation[data-view-mode="thumbnail"] .search-result:not(.pre-rendered),
[data-type="observation"][data-view-mode="thumbnail"] .search-result:not(.pre-rendered), .pane [data-view-mode="teaser"]:not([data-type="picture"]), [role="link-block"] [data-view-mode="teaser"]:not([data-type="picture"]),
.link-block [data-view-mode="teaser"]:not([data-type="picture"]), .search-result:not(.pre-rendered) [data-view-mode="teaser"]:not([data-type="picture"]), [data-view-mode="teaser"]:not([data-type="picture"]) [data-view-mode="teaser"]:not([data-type="picture"]),
[data-type="observation"].selectable [data-view-mode="teaser"]:not([data-type="picture"]),
[data-type="identification_community"][data-view-mode="text"] [data-view-mode="teaser"]:not([data-type="picture"]),
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] [data-view-mode="teaser"]:not([data-type="picture"]),
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] [data-view-mode="teaser"]:not([data-type="picture"]), .node-observation[data-view-mode="thumbnail"] [data-view-mode="teaser"]:not([data-type="picture"]),
[data-type="observation"][data-view-mode="thumbnail"] [data-view-mode="teaser"]:not([data-type="picture"]), .pane
[data-type="observation"].selectable, [role="link-block"]
[data-type="observation"].selectable,
.link-block
[data-type="observation"].selectable, .search-result:not(.pre-rendered)
[data-type="observation"].selectable, [data-view-mode="teaser"]:not([data-type="picture"])
[data-type="observation"].selectable,
[data-type="observation"].selectable
[data-type="observation"].selectable,
[data-type="identification_community"][data-view-mode="text"]
[data-type="observation"].selectable,
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"]
[data-type="observation"].selectable,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"]
[data-type="observation"].selectable, .node-observation[data-view-mode="thumbnail"]
[data-type="observation"].selectable,
[data-type="observation"][data-view-mode="thumbnail"]
[data-type="observation"].selectable, .pane
[data-type="identification_community"][data-view-mode="text"], [role="link-block"]
[data-type="identification_community"][data-view-mode="text"],
.link-block
[data-type="identification_community"][data-view-mode="text"], .search-result:not(.pre-rendered)
[data-type="identification_community"][data-view-mode="text"], [data-view-mode="teaser"]:not([data-type="picture"])
[data-type="identification_community"][data-view-mode="text"],
[data-type="observation"].selectable
[data-type="identification_community"][data-view-mode="text"],
[data-type="identification_community"][data-view-mode="text"]
[data-type="identification_community"][data-view-mode="text"],
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"]
[data-type="identification_community"][data-view-mode="text"],
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"]
[data-type="identification_community"][data-view-mode="text"], .node-observation[data-view-mode="thumbnail"]
[data-type="identification_community"][data-view-mode="text"],
[data-type="observation"][data-view-mode="thumbnail"]
[data-type="identification_community"][data-view-mode="text"], .pane
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"], [role="link-block"]
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
.link-block
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"], .search-result:not(.pre-rendered)
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"], [data-view-mode="teaser"]:not([data-type="picture"])
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
[data-type="observation"].selectable
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
[data-type="identification_community"][data-view-mode="text"]
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"]
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"]
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"], .node-observation[data-view-mode="thumbnail"]
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
[data-type="observation"][data-view-mode="thumbnail"]
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"], .pane
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"], [role="link-block"]
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"],
.link-block
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"], .search-result:not(.pre-rendered)
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"], [data-view-mode="teaser"]:not([data-type="picture"])
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"],
[data-type="observation"].selectable
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"],
[data-type="identification_community"][data-view-mode="text"]
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"],
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"]
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"],
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"]
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"], .node-observation[data-view-mode="thumbnail"]
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"],
[data-type="observation"][data-view-mode="thumbnail"]
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"], .pane .node-observation[data-view-mode="thumbnail"], [role="link-block"] .node-observation[data-view-mode="thumbnail"],
.link-block .node-observation[data-view-mode="thumbnail"], .search-result:not(.pre-rendered) .node-observation[data-view-mode="thumbnail"], [data-view-mode="teaser"]:not([data-type="picture"]) .node-observation[data-view-mode="thumbnail"],
[data-type="observation"].selectable .node-observation[data-view-mode="thumbnail"],
[data-type="identification_community"][data-view-mode="text"] .node-observation[data-view-mode="thumbnail"],
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] .node-observation[data-view-mode="thumbnail"],
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .node-observation[data-view-mode="thumbnail"], .node-observation[data-view-mode="thumbnail"] .node-observation[data-view-mode="thumbnail"],
[data-type="observation"][data-view-mode="thumbnail"] .node-observation[data-view-mode="thumbnail"], .pane
[data-type="observation"][data-view-mode="thumbnail"], [role="link-block"]
[data-type="observation"][data-view-mode="thumbnail"],
.link-block
[data-type="observation"][data-view-mode="thumbnail"], .search-result:not(.pre-rendered)
[data-type="observation"][data-view-mode="thumbnail"], [data-view-mode="teaser"]:not([data-type="picture"])
[data-type="observation"][data-view-mode="thumbnail"],
[data-type="observation"].selectable
[data-type="observation"][data-view-mode="thumbnail"],
[data-type="identification_community"][data-view-mode="text"]
[data-type="observation"][data-view-mode="thumbnail"],
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"]
[data-type="observation"][data-view-mode="thumbnail"],
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"]
[data-type="observation"][data-view-mode="thumbnail"], .node-observation[data-view-mode="thumbnail"]
[data-type="observation"][data-view-mode="thumbnail"],
[data-type="observation"][data-view-mode="thumbnail"]
[data-type="observation"][data-view-mode="thumbnail"],
.pane.small,
.small[role="link-block"],
.small.link-block,
.small.search-result:not(.pre-rendered),
.small[data-view-mode="teaser"]:not([data-type="picture"]),
.small[data-type="observation"].selectable,
.small[data-type="identification_community"][data-view-mode="text"],
.small.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
.small.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"],
.small.node-observation[data-view-mode="thumbnail"],
.small[data-type="observation"][data-view-mode="thumbnail"] {
  padding: 0.8em;
  background-color: #EFEFEF;
  border: 1px solid #D5D5D5;
  border-radius: 0.13em;
  box-shadow: none;
  margin: 0.5em; }

.info-pane, .steps {
  background-color: rgba(0, 0, 0, 0.13); }

[role="link-block"] a:not(.block):not([role="block"]),
.link-block a:not(.block):not([role="block"]) {
  position: relative;
  z-index: 1; }

.option.site-section {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  @media all and (min-width: 450px) {
    .option.site-section {
      width: 360px; } }

/* -----------------------------------------------------------------------------
                                                                Icons
*/
.icon {
  width: 40px;
  height: 40px;
  float: left;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  display: none; }

/* -----------------------------------------------------------------------------
                                                                Breadcrumbs
*/
/** -------------
 * From Misc file
 */
.breadcrumb ol {
  margin: 0;
  padding: 0; }

.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.breadcrumbs {
  display: block;
  padding: 0.5rem 0.8rem;
  margin-left: 0px;
  list-style: outside none none;
  border-style: solid;
  border-width: 1px;
  font-size: 0.9em;
  line-height: 1.4em;
  border-radius: 3px; }
  .breadcrumbs li {
    margin: 0px;
    float: left;
    text-transform: uppercase;
    color: #008CBA; }
    .breadcrumbs li:before {
      content: "/";
      color: #AAA;
      margin: 0px 0.7em;
      position: relative;
      top: 1px; }

/* -----------------------------------------------------------------------------
                                                                Steps indicator block
*/
#block-contribute-steps {
  margin-bottom: 2em; }
  #block-contribute-steps > [role="presentation"] {
    display: flex;
    align-items: center;
    justify-content: center; }
    #block-contribute-steps > [role="presentation"] > * {
      flex: 0 1 auto; }

.steps {
  padding: 0;
  display: inline-block;
  font-size: 0.9em; }
  .steps.block {
    margin-bottom: 1em; }
  .steps.not-links li {
    padding: 0.3em 1em; }
  .steps.not-links li {
    display: inline-block;
    position: relative; }
    .steps.not-links li.active {
      font-weight: bold;
      border: 1px solid #999999;
      border-radius: 0.4em; }
    @media all and (max-width: 800px) {
      .steps.not-links li:not(.active) {
        display: none; } }
    .steps.not-links li + li {
      margin-top: 0; }
      .steps.not-links li + li::before {
        content: "\203A";
        font-weight: normal;
        color: grey;
        position: absolute;
        left: -1.2em;
        top: 0.3em;
        display: none; }
      @media all and (min-width: 800px) {
        .steps.not-links li + li {
          margin-left: 2em; }
          .steps.not-links li + li::before {
            display: inline; } }

/* -----------------------------------------------------------------------------
                                                            Columns
*/
/* -----------------------------------------------------------------------------
                                                            Masonry
*/
.masonry .view-header,
.masonry .view-filters,
.masonry .view-content {
  width: 100%; }

.masonry .masonry-gutter-sizer {
  width: 3%; }

.masonry .masonry-column-sizer {
  width: 17.6%; }

.masonry .view-content form > div > * {
  width: 100%; }

.masonry .view-content form > div > .group {
  width: 17.6%;
  margin-bottom: 2em; }

.masonry .view-content form > div > .group.unattached {
  width: 100%; }
  .masonry .view-content form > div > .group.unattached ul.content > li {
    display: inline-block;
    vertical-align: top; }

/* -----------------------------------------------------------------------------
                                                                Progress bars
*/
.progress-container {
  position: absolute;
  background-color: white;
  bottom: 0.5em;
  left: 5%;
  width: 90%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 1px;
  box-sizing: border-box; }
  .progress-container > div {
    background-color: #bfbfbf;
    width: 10%;
    height: 3px;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: transparent; }
    .progress-container > div:not(:first-child) {
      margin-left: 1px; }
    .progress-container > div.active {
      background-color: scale-lightness(#50862B, 10%); }

/* -----------------------------------------------------------------------------
                                                                jQuery UI Overrides
*/
.ui-front {
  z-index: 90 !important; }

.ui-tooltip {
  border: none;
  background: #424242;
  color: white; }
  .ui-tooltip .ui-tooltip-content {
    font-size: 0.8em; }

/* -----------------------------------------------------------------------------
                                                                Search
*/
.search-results {
  padding: 0; }

.search-result:not(.pre-rendered) {
  position: relative;
  padding: 1em;
  margin-right: 20px;
  box-sizing: border-box;
  display: block; }
  .search-result:not(.pre-rendered):after {
    content: "";
    display: table;
    clear: both; }
  .search-result:not(.pre-rendered) a:not(.block):not([role="block"]) {
    position: relative; }
  .search-result:not(.pre-rendered) h3, .search-result:not(.pre-rendered) .widget_pager .views-field-title, .widget_pager .search-result:not(.pre-rendered) .views-field-title {
    margin-top: 0; }
    .search-result:not(.pre-rendered) h3 .type, .search-result:not(.pre-rendered) .widget_pager .views-field-title .type, .widget_pager .search-result:not(.pre-rendered) .views-field-title .type {
      color: grey; }

/* -----------------------------------------------------------------------------
                                                                Lightboxes
*/
a[data-lightbox],
a.colorbox,
a.colorbox-inline {
  position: absolute !important;
  z-index: 22;
  color: white;
  padding: 0.4em;
  width: 1em;
  overflow: hidden;
  font-size: 1.2em;
  background: rgba(0, 0, 0, 0.35);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  color: transparent;
  top: 0;
  right: 0;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  color: white; }
  a[data-lightbox]:not(:first-of-type),
  a.colorbox:not(:first-of-type),
  a.colorbox-inline:not(:first-of-type) {
    display: none; }

[data-view-mode="thumbnail"] a[data-lightbox],
[data-view-mode="thumbnail"] a.colorbox,
[data-view-mode="thumbnail"] a.colorbox-inline {
  opacity: 0;
  transition: opacity 0.3s ease; }

[data-view-mode="thumbnail"]:hover a[data-lightbox],
[data-view-mode="thumbnail"]:hover a.colorbox,
[data-view-mode="thumbnail"]:hover a.colorbox-inline, [data-view-mode="thumbnail"]:focus a[data-lightbox],
[data-view-mode="thumbnail"]:focus a.colorbox,
[data-view-mode="thumbnail"]:focus a.colorbox-inline {
  opacity: 1; }

/* -----------------------------------------------------------------------------
                                                                Flags
*/
.flag-message {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
  padding: 0.2em;
  border: solid 1px #dedede; }

/* -----------------------------------------------------------------------------
                                                                Messages
*/
div.messages {
  background-position: 8px 8px;
  background-repeat: no-repeat;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.4em;
  margin: 6px 0px;
  padding: 10px 10px 10px 50px;
  max-width: 60em;
  margin: 0.6em auto; }
  div.messages ul {
    margin-top: 0;
    margin-bottom: 0; }
  div.messages button, div.messages .form-actions [type="submit"], .form-actions div.messages [type="submit"], div.messages
  .form-actions [type="button"],
  .form-actions div.messages [type="button"] {
    margin: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 0 0.5em;
    display: inline-block;
    color: white;
    font-weight: bold;
    border-radius: 0.2em;
    height: 1.4em; }

aside div.messages {
  margin: 0.8em 0;
  padding: 0.3em 0.5em 0.3em 2em; }

div.status,
div.warning,
div.error {
  font-weight: 600;
  border-left-width: 5px;
  border-radius: 2px; }
  div.status li,
  div.warning li,
  div.error li {
    max-width: 100%; }

div.status {
  color: #2e760a !important;
  background-image: url("../images/check.svg");
  background-color: #f0f8ec !important;
  border-color: #42a80e; }

div.warning {
  color: #9d6900;
  background-image: url("../images/warning.svg");
  background-color: #fdf7eb;
  border-color: #e09600; }

div.error {
  color: #a11b00;
  background-image: url("../images/error.svg");
  background-color: #fdeeeb;
  border-color: #e62600; }

/* -----------------------------------------------------------------------------
                                                                OpenLayers maps
*/
.gm-style {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

.map {
  position: relative; }
  .map .legend {
    position: absolute;
    bottom: 9px;
    right: 70px;
    background: white;
    z-index: 100;
    padding: 0.2em;
    font-size: 0.85em;
    margin: 0; }
    .map .legend summary {
      padding: 0.3em 0.5em; }

.openlayers-container {
  border: 1px solid rgba(0, 0, 0, 0.16); }
  .openlayers-container .openlayers-map {
    position: absolute; }

.form-field-type-geofield .form-type-select {
  display: inline-block; }

.ol-control button, .ol-control .form-actions [type="submit"], .form-actions .ol-control [type="submit"], .ol-control
.form-actions [type="button"],
.form-actions .ol-control [type="button"] {
  margin: 0.3em !important;
  text-shadow: none; }

.ol-control.ol-geofield div[class] {
  margin-left: 0; }

.ol-control.ol-geofield div:not(:first-child):not(:empty) {
  margin-left: 0.5em; }

.ol-control .ol-geofield-controls button.enable, .ol-control .ol-geofield-controls .form-actions .enable[type="submit"], .form-actions .ol-control .ol-geofield-controls .enable[type="submit"], .ol-control .ol-geofield-controls
.form-actions .enable[type="button"],
.form-actions .ol-control .ol-geofield-controls .enable[type="button"] {
  background-color: rgba(0, 36, 81, 0.7); }

.ol-control.layer-switcher {
  top: 6px;
  right: 6px; }
  .ol-control.layer-switcher button, .ol-control.layer-switcher .form-actions [type="submit"], .form-actions .ol-control.layer-switcher [type="submit"], .ol-control.layer-switcher
  .form-actions [type="button"],
  .form-actions .ol-control.layer-switcher [type="button"] {
    height: 30px;
    width: 30px;
    padding: 0.3em;
    background-position: center;
    box-sizing: content-box; }
  .ol-control.layer-switcher > .panel {
    font-size: 0.85em; }
  .ol-control.layer-switcher ul {
    margin: 0;
    padding-left: 0.5em; }

.ol-viewport .dialog {
  background: rgba(255, 255, 255, 0.9);
  padding: 1em;
  font-size: 0.85em;
  border-radius: 4px;
  max-width: 350px;
  position: relative; }
  .ol-viewport .dialog > div {
    max-height: 70px;
    overflow: auto; }
  .ol-viewport .dialog::after {
    content: "";
    border-color: rgba(255, 255, 255, 0.9) transparent;
    border-width: 5px 5px 0px 5px;
    border-style: solid;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px; }

.ol-attribution {
  font-size: 10px;
  opacity: 80%; }

/* -----------------------------------------------------------------------------
                                                                Leaflet maps
*/
.leaflet-container img {
  opacity: 0.3; }

/* -----------------------------------------------------------------------------
                                                            Tabpanels
*/
[role="tablist"] {
  display: flex;
  padding: 0 0.3em;
  border-bottom: solid 1px #dfdfdf;
  overflow-x: auto;
  scrollbar-width: thin; }
  [role="tablist"] [role="tab"] {
    display: inline-block;
    padding: 0.7em 1.2em;
    text-align: center;
    font-weight: 600;
    border-radius: 0;
    line-height: 1.1em;
    border-bottom: solid 1px #dfdfdf;
    font-size: 0.9em;
    margin: 0;
    background: none;
    color: inherit;
    font-weight: 600;
    border-bottom: solid 3px transparent; }
    [role="tablist"] [role="tab"][aria-selected="true"] {
      border-bottom-color: #007fa9; }
  [role="tablist"] li + li {
    margin-top: 0; }

[role="tabpanel"] {
  padding-top: 10px;
  display: block; }
  [role="tabpanel"][hidden] {
    display: none; }
  [role="tabpanel"] div.vertical-tabs {
    margin-left: 0; }
  [role="tabpanel"] .vertical-tabs ul.vertical-tabs-list {
    margin-left: 0;
    float: none; }

/* -----------------------------------------------------------------------------
                                                                Tabs
*/
[role="tablist"] {
  margin: 0.5em 0;
  border-bottom: solid 1px #dfdfdf; }

[role="tabpanel"] {
  padding: 0.5em 4%; }

.tabs, ul.contextual-links {
  max-width: 100%; }
  .tabs > h3, ul.contextual-links > h3, .widget_pager .tabs > .views-field-title, .widget_pager ul.contextual-links > .views-field-title {
    margin-top: 0; }
  .tabs, ul.contextual-links,
  .tabs ul, ul.contextual-links ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
  .tabs li, ul.contextual-links li {
    display: inline-block;
    text-align: center; }
    .tabs li a, ul.contextual-links li a {
      font-size: 0.9em;
      line-height: 1;
      letter-spacing: 0.04em;
      padding: 0.7em 1.1em;
      display: inline-block;
      text-decoration: none;
      font-weight: 600;
      background-color: #007fa9;
      color: white;
      text-transform: uppercase;
      background: none;
      border-radius: 4px 4px 0 0;
      max-width: 20em;
      color: #625f5f;
      letter-spacing: 0; }
      .tabs li a.active, ul.contextual-links li a.active {
        color: #007fa9;
        position: relative; }
        .tabs li a.active::after, ul.contextual-links li a.active::after {
          content: "";
          width: 100%;
          height: 3px;
          background: #0099cb;
          position: absolute;
          bottom: 0;
          left: 0;
          display: block; }

.horizontal-tabs-panes > fieldset {
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box; }

.horizontal-tabs ul.horizontal-tabs-list {
  background: none;
  display: flex;
  overflow: auto; }
  .horizontal-tabs ul.horizontal-tabs-list li {
    background: none;
    border: none;
    float: none;
    flex: 0 1 auto;
    min-width: auto; }
    .horizontal-tabs ul.horizontal-tabs-list li:not(:first-child) {
      border-left: solid 1px #eaeaea; }
    .horizontal-tabs ul.horizontal-tabs-list li a {
      background: none;
      border-bottom: solid 2px transparent;
      height: 100%;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      text-align: center;
      line-height: 1.2;
      white-space: nowrap;
      font-size: 0.9em; }
    .horizontal-tabs ul.horizontal-tabs-list li a,
    .horizontal-tabs ul.horizontal-tabs-list li.selected a {
      padding: 0.6em 0.8em; }
    .horizontal-tabs ul.horizontal-tabs-list li.selected a {
      display: flex;
      border-bottom-color: #007fa9; }

/* -----------------------------------------------------------------------------
                                                            Vertical tabs
*/
main .field-group-tab-wrapper {
  background: #cfcfcf;
  padding: 3px;
  border-radius: 4px; }
  main .field-group-tab-wrapper .vertical-tabs ul.vertical-tabs-list li.selected {
    background-color: #f8f8f8; }
  main .field-group-tab-wrapper fieldset {
    border-radius: 0;
    background: none; }

div.vertical-tabs {
  background: #f8f8f8;
  margin: 0 0 0 15em; }
  @media all and (max-width: 650px) {
    div.vertical-tabs {
      margin: 0; } }
  @media all and (max-width: 650px) {
    div.vertical-tabs ul.vertical-tabs-list {
      width: auto;
      float: none;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      background: #ddd; } }
  div.vertical-tabs ul.vertical-tabs-list li {
    border-top: solid 3px transparent; }
    @media all and (max-width: 650px) {
      div.vertical-tabs ul.vertical-tabs-list li.selected {
        border-top-color: #007fa9; } }

/** ----------------------------------------------------------------------------
 * @file
 * SMACSS Modules
 *
 * Adds modular sets of styles.
 *
 * Additional useful selectors can be found in Zen's online documentation.
 * https://drupal.org/node/1707736
 */
/** ----------------------------------------------------------------------------
 * Wireframes.
 */
.with-wireframes #header,
.with-wireframes #main,
.with-wireframes #content,
.with-wireframes #navigation,
.with-wireframes .region-sidebar-first,
.with-wireframes .region-sidebar-second,
.with-wireframes #footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc; }

/** ----------------------------------------------------------------------------
 * Accessibility features.
 */
/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.element-invisible,
.element-focusable {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

/* Turns off the element-invisible effect. */
.element-focusable:active, .element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto; }

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 */
#skip-link {
  margin: 0; }
  #skip-link a,
  #skip-link a:visited {
    display: block;
    width: 100%;
    padding: 2px 0 3px 0;
    text-align: center;
    background-color: #666;
    color: #fff; }

/** ----------------------------------------------------------------------------
 * "More" links.
 */
.more-link {
  text-align: right;
  /* LTR */ }

.more-help-link {
  text-align: right;
  /* LTR */ }

.more-help-link a {
  background-image: inline-image("help.png");
  background-position: 0 50%;
  /* LTR */
  background-repeat: no-repeat;
  padding: 1px 0 1px 20px;
  /* LTR */ }

/** ----------------------------------------------------------------------------
 * Marker.
 */
/* The "new" or "updated" marker. */
.new,
.update {
  color: #c00;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent; }

/** ----------------------------------------------------------------------------
 * Unpublished note.
 */
/* The word "Unpublished" displayed underneath the content. */
.unpublished {
  height: 0;
  overflow: visible;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  /* A very nice CSS3 property. */
  word-wrap: break-word; }

/** ----------------------------------------------------------------------------
 * Comments.
 */
/* Wrapper for the list of comments and its title. */
.comments {
  margin: rhythm(1) 0; }

/* Preview of the comment before submitting new or updated comment. */
.comment-preview {
  /* Drupal core will use a #ffffea background. See #1110842. */
  background-color: #ffffea; }

/* Wrapper for a single comment. */
.comment {
  /* Comment's permalink wrapper. */ }
  .comment .submitted .permalink {
    text-transform: uppercase;
    font-size: 75%; }

/* Nested comments are indented. */
.indented {
  /* Drupal core uses a 25px left margin. */
  margin-left: 30px;
  /* LTR */ }

/** ----------------------------------------------------------------------------
 * Forms.
 */
/* Wrapper for a form element (or group of form elements) and its label. */
.form-item {
  margin: rhythm(1) 0;
  /* Pack groups of checkboxes and radio buttons closer together. */
  /* Form items in a table. */
  /* Highlight the form elements that caused a form submission error. */
  /* The descriptive help text (separate from the label). */ }
  .form-checkboxes .form-item,
  .form-radios .form-item {
    /* Drupal core uses "0.4em 0". */
    margin: 0; }
  tr.odd .form-item,
  tr.even .form-item {
    margin: 0; }
  .form-item input.error,
  .form-item textarea.error,
  .form-item select.error {
    border: 1px solid #c00; }
  .form-item .description {
    font-size: 0.85em; }

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em; }

/* The part of the label that indicates a required field. */
.form-required {
  color: #c00; }

/* Labels for radios and checkboxes. */
label.option {
  display: inline;
  font-weight: normal; }

/* Buttons used by contrib modules like Media. */
/* Password confirmation. */
.password-parent,
.confirm-parent {
  margin: 0; }

/* Drupal's default login form block. */
#user-login-form {
  text-align: left;
  /* LTR */ }

/** ----------------------------------------------------------------------------
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */
/* OpenID creates a new ul above the login form's links. */
.openid-links {
  /* Position OpenID's ul next to the rest of the links. */
  margin-bottom: 0; }

/* The "Log in using OpenID" and "Cancel OpenID login" links. */
.openid-link,
.user-link {
  margin-top: rhythm(1); }

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  /* Un-do some of the padding on the ul list. */
  margin-left: -20px;
  /* LTR */ }

#user-login ul {
  margin: rhythm(1) 0; }

/** ----------------------------------------------------------------------------
 * Drupal admin tables.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc; }

form tbody {
  border-top: 1px solid #ccc; }

form table ul {
  margin: 0; }

tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em; }

tr.even {
  background-color: #fff; }

/* Markup generated by theme_tablesort_indicator(). */
td.active {
  background-color: #ddd; }

/* Center checkboxes inside table cell. */
td.checkbox,
th.checkbox {
  text-align: center; }

/* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */
td.menu-disabled {
  background: #ccc; }

/** ----------------------------------------------------------------------------
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list. */
#autocomplete .selected {
  background: #0072b9;
  color: #fff; }

/** ----------------------------------------------------------------------------
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0; }

tr.drag-previous {
  background-color: #ffd; }

.tabledrag-toggle-weight {
  font-size: 0.9em; }

/** ----------------------------------------------------------------------------
 * TableSelect behavior.
 *
 * @see tableselect.js
 */
tr.selected td {
  background: #ffc; }

/** ----------------------------------------------------------------------------
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold; }
  .progress .bar {
    background: #ccc;
    border-color: #666;
    margin: 0 0.2em;
    border-radius: 3px; }
  .progress .filled {
    background-color: #0072b9;
    background-image: image-url("progress.gif"); }

/* 
 * JCarousel
*/
/* -----------------------------------------------------------------------------
                                                                Setup
*/
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
  position: relative;
  overflow: hidden;
  /*
    This is the container of the carousel items.
    You must ensure that the position is relative or absolute and
    that the width is big enough to contain all items.
    */
  /*
    These are the item elements. jCarousel works best, if the items
    have a fixed width and height (but it's not required).
    */ }
  .jcarousel ul {
    width: 20000em;
    position: relative;
    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0; }
  .jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
    max-width: 100%;
    margin: 0; }

.carousel {
  position: relative; }
  .carousel .view-footer {
    position: absolute;
    top: 12em;
    color: white;
    width: 100%; }
    .carousel .view-footer p {
      margin-left: auto;
      margin-right: auto; }
      .carousel .view-footer p:first-child {
        font-size: 1.4em; }

/* -----------------------------------------------------------------------------
                                                                Controls
*/
.jcarousel-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  z-index: 18;
  display: none; }
  .jcarousel-controls .jcarousel-prev,
  .jcarousel-controls .jcarousel-next {
    padding: 0.3em 0.5em;
    color: white; }
  .jcarousel-controls .jcarousel-prev {
    float: left; }
  .jcarousel-controls .jcarousel-next {
    float: right; }

/**
 * @file Views
 */
/*
 * Contents

  Views
*/
/* -----------------------------------------------------------------------------
                                                                Views
*/
.view:after {
  content: "";
  display: table;
  clear: both; }

.view.format-list .view-content {
  text-align: center; }

.view .view-header div {
  margin-top: 1em;
  margin-bottom: 1em; }

.view .view-content > table {
  margin-left: auto;
  margin-right: auto; }

.view.rows .views-row {
  clear: both; }

.view.rows-inline .views-row {
  display: inline;
  vertical-align: top; }

.view.groupings-headings div.title {
  font-weight: bold;
  font-size: 24px;
  margin-top: 2em;
  margin-bottom: 0.6em; }

.view.grid-2 .views-row {
  width: 49%;
  display: inline-block;
  vertical-align: top; }

.view.teasers-with-images .views-field:first-child {
  /* assuming they're using 100px * 100px thumbnail images... */
  width: 100px;
  text-align: right; }

.view ul.content {
  list-style: none;
  padding: 0;
  margin: 0; }

.view .views-field-title h3, .view .views-field-title .widget_pager .views-field-title, .widget_pager .view .views-field-title .views-field-title {
  margin-top: 0; }

.view .views-view-grid td,
.view .views-view-grid th {
  vertical-align: top;
  min-width: 6em; }
  @media all and (max-width: 30em) {
    .view .views-view-grid td,
    .view .views-view-grid th {
      display: block;
      padding-left: 0;
      padding-right: 0; } }

/* -----------------------------------------------------------------------------
                                                            Views page
*/
body.page-views .view-grouping-header {
  font-weight: bold;
  line-height: 1;
  margin-top: 1.4em;
  margin-bottom: 0.3em; }

/* -----------------------------------------------------------------------------
                                                            Exposed filters
*/
.views-exposed-form {
  text-align: center;
  margin: 0px; }
  * + .views-exposed-form {
    margin-top: 1.8em; }
  body.page-views main .views-exposed-form {
    background: #f0f0f0;
    border: solid 1px #d4d4d4;
    border-radius: 0.25em;
    padding: 1.5em;
    font-size: 0.8em;
    margin-top: 2em;
    margin-bottom: 2em; }
    body.page-views main .views-exposed-form label {
      margin-bottom: 0.2em; }
    body.page-views main .views-exposed-form input.form-autocomplete,
    body.page-views main .views-exposed-form input.form-text,
    body.page-views main .views-exposed-form select.form-select {
      width: 16em; }
  .views-exposed-form .views-exposed-widget {
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding: 0;
    margin-right: 0.4em;
    margin-bottom: 0.4em; }
    .views-exposed-form .views-exposed-widget.views-widget-filter-has_identifications {
      width: 11em; }
  .views-exposed-form label {
    display: inline-block; }
    .views-exposed-form label[title] {
      border-bottom: none; }
  .views-exposed-form div.description {
    display: none; }

/** ----------------------------------------------------------------------------
 * Pager.
 */
/* A list of page numbers when more than 1 page of content is available. */
.pager {
  clear: both;
  padding: 0;
  text-align: center; }
  .pager li {
    display: inline-block;
    margin: 0; }
    .pager li.pager-current,
    .pager li > a,
    .pager .ui-widget-content li > a {
      padding: 0.4em 1em;
      border: solid 1px #e0e0e0;
      border-radius: 3px;
      text-decoration: none;
      cursor: pointer; }
    .pager li > a, .pager .ui-widget-content li > a {
      color: #515151;
      background-color: #eaeaea; }
    .pager li.pager-current,
    .pager li > a:hover,
    .pager .ui-widget-content li > a:hover,
    .pager li > a:focus,
    .pager .ui-widget-content li > a:focus {
      background-color: #C2C2C2;
      color: #4E4E4E;
      border-color: #B0B0B0; }
    .pager li.pager-current {
      cursor: default; }

.pager-current {
  font-weight: bold; }

.view-id-taxa_field_guide .view-grouping > .view-grouping-header {
  margin-left: -200px; }

.view-id-taxa_field_guide .view-grouping-content > .view-grouping-header {
  margin-left: -100px; }

/**
 * @file
 *
 * File name       Components
 * For site		Devoted
 * Created by		Touchdreams
 */
/**
  CONTENTS

	Forms
*/
.fields-as-table-rows .form-item-title label,
.fields-as-table-rows [class*="form-field-type-"] label {
  float: left;
  width: 10em; }

.fields-as-table-rows .date-clear {
  clear: none;
  display: inline-block; }

.form-item {
  margin: 0; }

.children-inline {
  display: flex; }
  .children-inline > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .children-inline > *[type] {
      margin-top: 0; }

form[role="toolbar"],
[role="toolbar"] form {
  display: inline-block;
  overflow-x: auto; }

form.has-padding {
  padding: 0.5em 4%; }

form.inline {
  display: block; }
  form.inline label,
  form.inline div {
    display: inline;
    vertical-align: baseline;
    margin-top: 0;
    margin-bottom: 0; }
  form.inline input[type="submit"] {
    font-size: 0.75em;
    padding: 0.5em 0.7em;
    margin-top: 0;
    margin-bottom: 0; }
  form.inline * {
    vertical-align: middle; }

main form.inline {
  width: 100%; }

form .inline label {
  display: inline; }

form .radios.inline input {
  display: none; }

form .radios.inline label {
  border: solid 1px grey;
  font-size: 0.9em;
  display: table-cell;
  padding: 0.3em 0.7em;
  background-color: rgba(0, 0, 0, 0.06);
  background-color: #dadada;
  background-image: linear-gradient(white, #dbdbdb); }
  form .radios.inline label:not(:first-of-type) {
    border-left-width: 0; }
  form .radios.inline label:first-of-type {
    border-radius: 0.25em 0 0 0.25em; }
  form .radios.inline label:last-of-type {
    border-radius: 0 0.25em 0.25em 0; }

form .radios.inline :checked + label {
  background: grey;
  background-image: linear-gradient(#5c5c5c, grey);
  color: white; }

form [data-values-status="mixed"] {
  background-color: scale-lightness(#e09600, 92%);
  border-color: scale-lightness(#e09600, 0%);
  border-width: 1px;
  border-style: solid;
  background-repeat: no-repeat;
  background-position: 0.5em 0.5em;
  padding: 0.3em; }
  form [data-values-status="mixed"] label::after {
    content: " (mixed values)";
    font-weight: normal;
    color: scale-lightness(#e09600, -30%); }

form .date-form-element-content {
  border: solid 1px #d7d7d7;
  padding: 0.3em 0.5em;
  border-radius: 3px; }

/* -----------------------------------------------------------------------------
                                                                Forms
*/
form .views-exposed-widget {
  margin-bottom: 0.8em; }

form .form-item {
  margin-bottom: 0.8em; }

form .tabledrag-toggle-weight {
  display: none; }

form.node-form .tabledrag-toggle-weight-wrapper {
  display: none; }

form.inline-selectables {
  text-align: center; }
  form.inline-selectables .form-radios {
    display: inline-block; }
  form.inline-selectables .form-item.form-type-radio {
    display: table-cell; }
    form.inline-selectables .form-item.form-type-radio label {
      display: block;
      font-size: 0.9em;
      border: 1px solid #D57C25;
      padding: 0.7em 1.1em;
      margin-right: 0; }
    form.inline-selectables .form-item.form-type-radio input:checked + label {
      background: #D57C25;
      color: white; }
    form.inline-selectables .form-item.form-type-radio input:not(:checked) + label:hover,
    form.inline-selectables .form-item.form-type-radio input:not(:checked) + label:focus {
      background: rgba(213, 124, 37, 0.2);
      transition: 0.2s; }
    form.inline-selectables .form-item.form-type-radio input[disabled] + label,
    form.inline-selectables .form-item.form-type-radio input[disabled] + label:hover,
    form.inline-selectables .form-item.form-type-radio input[disabled] + label:focus {
      background: #E4E4E4;
      color: grey; }

.node-observation-form .map {
  height: 400px; }

aside input[type="password"] {
  width: 100%; }

aside .password-strength {
  float: none; }

.confirm-parent,
.password-parent {
  width: auto; }

div.password-confirm {
  width: auto;
  float: none;
  display: none;
  margin: 0.5em 0; }
  div.password-confirm[style*="visibility: visible;"] {
    display: block; }

.autocomplete-wrapper {
  position: relative; }
  .autocomplete-wrapper::after {
    content: "search";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    position: absolute;
    top: 0.3em;
    right: 0.3em; }

ol.autocomplete {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  background: white;
  border: solid 1px #c4c4c4;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.85em;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0s ease-in-out 0.1s; }
  input:focus + ol.autocomplete {
    max-height: 300px;
    opacity: 1; }
  ol.autocomplete li {
    display: block;
    padding: 0.2em 0.5em;
    cursor: pointer;
    margin: 0; }
    ol.autocomplete li:hover, ol.autocomplete li:focus {
      background: rgba(0, 0, 0, 0.05); }
    ol.autocomplete li img {
      width: 40px;
      vertical-align: middle;
      margin-right: 0.3em; }

.hierarchical-select-wrapper .hierarchical-select .selects {
  max-width: 100%; }

/**
 * @file
 *
 * File name       Components
 * For site		Devoted
 * Created by		Touchdreams
 */
/*
 * Contents

	Menus
*/
/* -----------------------------------------------------------------------------
                                                                Menus
*/
/* Shouldn't these simply be 'a's within 'li's of 'ul's within a [role='nav']? */
/* Menus contain interaction elements (mostly buttons and links, but also fields) and labels */
/* Main menu and secondary menu links and menu block links. */
@media all and (max-width: 800px) {
  .block-menu {
    overflow: hidden; } }

.block-menu .block__title {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  margin: 0.4em 0.9em 1em;
  line-height: inherit;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }
  .block-menu .block__title:before {
    margin-right: 0.5em; }

div > .menu,
div > .menu ul {
  list-style: none;
  margin: 0;
  /* lists have have top and bottom margins by default */
  padding-left: 0;
  /* lists have a left padding by default */ }

div > .menu .menu__item {
  margin: 0;
  /* list items have top and bottom margins by default */
  position: relative;
  /* allows the characters between menu items to be positioned absolutely */ }
  div > .menu .menu__item.is-leaf, div > .menu .menu__item.is-expanded {
    list-style: none; }
  div > .menu .menu__item.is-expanded {
    position: relative; }
    div > .menu .menu__item.is-expanded::after {
      content: "expand_more";
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 18px;
      /* Preferred icon size */
      display: inline-block;
      line-height: 1;
      text-transform: none;
      letter-spacing: normal;
      word-wrap: normal;
      white-space: nowrap;
      direction: ltr;
      /* Support for all WebKit browsers. */
      -webkit-font-smoothing: antialiased;
      /* Support for Safari and Chrome. */
      text-rendering: optimizeLegibility;
      /* Support for Firefox. */
      -moz-osx-font-smoothing: grayscale;
      /* Support for IE. */
      font-feature-settings: 'liga';
      position: absolute;
      opacity: 0.5;
      right: 2px;
      top: 0.5em; }
      @media all and (min-width: 800px) {
        div > .menu .menu__item.is-expanded::after {
          right: auto;
          top: auto;
          bottom: 2px;
          left: 50%;
          transform: translateX(-50%); } }
  div > .menu .menu__item.is-expanded > .menu__link {
    /* menu item with a submenu */
    padding-right: 1.5em;
    position: relative; }
    div > .menu .menu__item.is-expanded > .menu__link::after {
      font-size: 0.8em !important;
      height: 1em;
      width: 1em;
      position: absolute;
      right: 0.5em;
      top: 0.9em; }
  div > .menu .menu__item > a, div > .menu .ui-widget-content .menu__item > a, .ui-widget-content div > .menu .menu__item > a,
  div > .menu .menu__item > span {
    display: block;
    text-decoration: none;
    padding: 0.7em 1.1em;
    line-height: 1.3;
    font-weight: normal;
    transition: all 0.1s ease; }
    div > .menu .menu__item > a.nolink, div > .menu .ui-widget-content .menu__item > a.nolink, .ui-widget-content div > .menu .menu__item > a.nolink,
    div > .menu .menu__item > span.nolink {
      color: scale-saturation(#D57C25, -50%); }
    div > .menu .menu__item > a.active, div > .menu .ui-widget-content .menu__item > a.active, .ui-widget-content div > .menu .menu__item > a.active,
    div > .menu .menu__item > span.active {
      color: inherit;
      font-weight: 600; }

div > .menu > .menu__item > .menu {
  display: none; }
  @media all and (min-width: 800px) {
    div > .menu > .menu__item > .menu {
      position: absolute;
      left: 0;
      top: 100%;
      min-width: 12em;
      z-index: 10;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
      div > .menu > .menu__item > .menu .menu__item > a, div > .menu > .menu__item > .menu .ui-widget-content .menu__item > a, .ui-widget-content div > .menu > .menu__item > .menu .menu__item > a,
      div > .menu > .menu__item > .menu .menu__item > span {
        width: 100%;
        height: auto; }
        div > .menu > .menu__item > .menu .menu__item > a.router-link-active, div > .menu > .menu__item > .menu .ui-widget-content .menu__item > a.router-link-active, .ui-widget-content div > .menu > .menu__item > .menu .menu__item > a.router-link-active,
        div > .menu > .menu__item > .menu .menu__item > span.router-link-active {
          font-weight: bold; } }

div > .menu > .menu__item:hover > .menu, div > .menu > .menu__item:focus > .menu {
  display: block; }

/**
 * @file
 *
 */
/**
  CONTENTS

  Mixins & helper functions
  Field formatters
  Field widgets
 */
/* -----------------------------------------------------------------------------
                                          Mixins & helper functions
*/
.field-none {
  color: rgba(0, 0, 0, 0.42);
  font-style: italic; }

/* -----------------------------------------------------------------------------
                                          Field formatters
  Fields shown in entity display, not forms.
*/
[data-view-mode="full"] .field:not(:first-of-type) {
  margin-top: 1em; }

.field-name-field-user-photo img {
  border-radius: 10em; }

[data-view-mode="teaser"] .field-name-field-identifications > .field-items:after {
  content: "";
  display: table;
  clear: both; }

[data-view-mode="teaser"] .field-name-field-identifications > .field-items > .field-item {
  display: inline-block;
  width: 11em; }

.node .views-field.progress-container {
  display: flex; }
  .node .views-field.progress-container > .views-label {
    display: none; }

.field .no-value {
  color: inherit;
  text-transform: italic; }

.node .field-name-field-representative-picture,
.node .field-name-field-pictures,
.node .ol-map,
.node .field-name-field-location.field-type-geofield,
.taxonomy-term .field-name-field-representative-picture,
.taxonomy-term .field-name-field-pictures,
.taxonomy-term .ol-map,
.taxonomy-term .field-name-field-location.field-type-geofield {
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center; }
  .node .field-name-field-representative-picture .no-value,
  .node .field-name-field-pictures .no-value,
  .node .ol-map .no-value,
  .node .field-name-field-location.field-type-geofield .no-value,
  .taxonomy-term .field-name-field-representative-picture .no-value,
  .taxonomy-term .field-name-field-pictures .no-value,
  .taxonomy-term .ol-map .no-value,
  .taxonomy-term .field-name-field-location.field-type-geofield .no-value {
    margin: 0.5em;
    display: inline-block;
    font-size: 0.9em; }

body.page-node .field-name-field-location.field-type-geofield .no-value {
  height: 200px; }

.field-label-inline {
  display: table-row; }
  .field-label-inline div,
  .field-label-inline p {
    display: inline; }
  .field-label-inline .field-label,
  .field-label-inline .field-items {
    float: none;
    display: table-cell;
    padding-bottom: 0.3em; }
  .field-label-inline .field-label {
    padding-right: 0.8em; }
  .field-label-inline .field-items > * + *::before {
    content: ', '; }

#autocomplete {
  z-index: 11;
  background: white; }

.field-name-field-image {
  background: rgba(0, 0, 0, 0.1); }

/* -----------------------------------------------------------------------------
                                          Field widgets
  Fields shown in forms.
*/
.field-group > h2 {
  font-size: 1em;
  font-weight: bold;
  border-bottom: solid 1px #bbb;
  margin-top: 3em;
  margin-bottom: 1em;
  color: #838383;
  padding-bottom: 0.4em; }

.plupload_wrapper {
  font: inherit; }

.plupload_container {
  display: flex;
  flex-direction: column; }
  .plupload_container > * {
    flex: 0 1 auto; }
  .plupload_container .ui-widget-header {
    background: #eee; }
  .plupload_container .plupload_header {
    background: #f2f2f2;
    border: none; }
    .plupload_container .plupload_header .plupload_header_content {
      padding: 0.6em;
      height: auto;
      overflow: auto; }
    .plupload_container .plupload_header .plupload_header_title {
      padding: 0; }
    .plupload_container .plupload_header .plupload_logo {
      display: none; }
    .plupload_container .plupload_header .plupload_view_switch {
      top: 10px; }
  .plupload_container .plupload_content {
    position: relative;
    flex-grow: 1;
    top: 0;
    bottom: auto; }
    .plupload_container .plupload_content .plupload_file {
      line-height: inherit; }
  .plupload_container.plupload_view_list .plupload_file {
    background: #f2f2f2;
    margin: 0;
    height: auto; }
  .plupload_container .plupload_filelist_footer .ui-widget.ui-button {
    font-size: 0.9em;
    line-height: 1;
    letter-spacing: 0.04em;
    padding: 0.7em 1.1em;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    background-color: #007fa9;
    color: white;
    text-transform: uppercase;
    appearance: none;
    border-radius: 0.4em;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    width: auto;
    height: auto;
    margin: 0.4em;
    margin-left: 0;
    vertical-align: baseline;
    border: none;
    position: relative;
    box-sizing: border-box;
    box-shadow: none;
    margin: 0; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button:hover:not([disabled]), .plupload_container .plupload_filelist_footer .ui-widget.ui-button:focus:not([disabled]) {
      text-decoration: none; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button:focus {
      box-shadow: 0 0 0.3em rgba(255, 255, 255, 0.75); }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button:active {
      background-color: scale-lightness(#D57C25, -15%);
      background-image: #007fa9; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.active {
      background-image: linear-gradient(#007fa9, #007095);
      color: white; }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button.active:hover, .plupload_container .plupload_filelist_footer .ui-widget.ui-button.active:focus {
        background: #006c90; }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button.active:active {
        background: #005f7f; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.flat {
      background: none;
      border: none;
      color: #007fa9;
      padding-left: 0.4em;
      padding-right: 0.4em;
      text-shadow: none; }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button.flat:hover:not([disabled]), .plupload_container .plupload_filelist_footer .ui-widget.ui-button.flat:focus:not([disabled]) {
        background: rgba(0, 0, 0, 0.1);
        color: adjust-lightness(#333, -0.2); }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button.flat:active {
        background: none;
        box-shadow: none;
        border: none; }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button.flat.active {
        color: adjust-lightness(#333, -15%); }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.raised {
      box-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.1);
      background: #007fa9;
      color: white;
      text-shadow: -0.03em -0.03em 0.04em rgba(0, 0, 0, 0.3); }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.outlined {
      background: transparent;
      border: solid 1px #007fa9;
      color: #007fa9; }
    .floating .plupload_container .plupload_filelist_footer .ui-widget.ui-button {
      display: block;
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.46); }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-left {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-right {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-left::after, .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-right::after {
      content: "";
      border-color: transparent #007fa9;
      border-style: solid;
      border-width: 17px 14px;
      position: absolute;
      top: 0px; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-right::after {
      border-right-width: 0;
      right: -14px; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-left::after {
      border-left-width: 0;
      left: -14px; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-left.primary::after, .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-right.primary::after {
      border-color: transparent #007fa9; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-left[disabled]::after, .plupload_container .plupload_filelist_footer .ui-widget.ui-button.pointing-right[disabled]::after {
      border-color: transparent #ADADAD; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary {
      background-color: #007fa9;
      color: white; }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary:active {
        background-color: #005f7f; }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary.pointing-left::after, .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary.pointing-right::after {
        border-color: transparent #007fa9; }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary:hover:not([disabled]), .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary:focus:not([disabled]) {
        background-color: #006c90; }
        .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary:hover:not([disabled]).pointing-left::after, .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary:hover:not([disabled]).pointing-right::after, .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary:focus:not([disabled]).pointing-left::after, .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary:focus:not([disabled]).pointing-right::after {
          border-color: transparent #006c90; }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button.primary[disabled] {
        background-image: linear-gradient(scale-saturation(#50862B, -50%), scale-saturation(#467626, -50%));
        color: rgba(255, 255, 255, 0.6); }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button[disabled] {
      background-color: #ADADAD;
      color: rgba(255, 255, 255, 0.6);
      text-shadow: none; }
      .plupload_container .plupload_filelist_footer .ui-widget.ui-button[disabled].pointing-left::after, .plupload_container .plupload_filelist_footer .ui-widget.ui-button[disabled].pointing-right::after {
        border-color: transparent #ADADAD; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button .outlined {
      display: inline-block;
      border: 1px solid #b7b7b7;
      border-radius: 3px;
      padding: 0.2em 0.8em;
      font-size: 0.8em;
      font-weight: 600; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button .ui-button-text {
      padding: 0; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.no-text .text {
      display: none; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button.small {
      font-size: 0.75em;
      padding: 0.5em 0.7em; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button svg,
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button img[src*=".svg"] {
      fill: white; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button .ui-icon {
      position: static;
      float: none;
      display: inline-block;
      vertical-align: middle;
      margin: 0 0.4em 0 0;
      left: 0; }
    .plupload_container .plupload_filelist_footer .ui-widget.ui-button .ui-button-text {
      display: inline;
      vertical-align: middle; }
  .plupload_container .plupload_filelist_footer .plupload_file_name {
    width: auto;
    overflow: visible;
    padding-left: 0.6em; }

.field-widget-entityreference-view-widget td[colspan="3"] {
  font-size: 0.75em; }

.plupload .plupload_content {
  font-size: 0.8em; }

.plupload .plupload_droptext.mouseOver {
  background-color: #007fa9; }

.plupload li {
  max-width: none;
  margin: 0; }

.plupload li.plupload_droptext,
.plupload .plupload_filelist {
  height: 12em;
  overflow-y: auto; }

.plupload .plupload_droptext {
  font-size: 3.5em;
  color: #bfbfbf; }

.plupload .plupload_filelist li {
  background: #F5F5F5 url("images/backgrounds.gif") repeat-x 0 -156px;
  border-bottom: 1px solid #DDD;
  padding: 10px 8px;
  background: #f6f6f6; }

.plupload .plupload_filelist .plupload_file_name {
  width: auto; }

.plupload .plupload_buttons,
.plupload .plupload_upload_status {
  display: inline-block !important; }

.plupload .plupload_button.plupload_start {
  display: none; }

form [class*="field_taxon_rank_value"] select {
  width: 8em; }

@media all and (min-width: 400px) {
  .form-field-name-field-certainty select {
    width: 10em; } }

form .field-name-field-pictures .form-type-textfield {
  display: inline-block; }

.field.parent[data-rank="family"] .field-item, .field.parent[data-rank="Family"] .field-item {
  text-transform: uppercase; }

/**
 * @file
 * Styling for the CTools module's dialog feature
 */
#modalContent {
  top: 2em !important; }

#modalBackdrop {
  background: rgba(0, 0, 0, 0.7) !important; }

div.ctools-modal-content {
  height: auto !important;
  z-index: 95 !important;
  /** modal forms CSS **/ }
  div.ctools-modal-content .modal-header {
    background-color: #bbb;
    padding: 0.85em 1.3em; }
    div.ctools-modal-content .modal-header,
    div.ctools-modal-content .modal-header a {
      color: inherit; }
  div.ctools-modal-content .modal-title {
    font-size: 24px;
    line-height: 1.15;
    color: inherit;
    font-size: 1.1em; }
  div.ctools-modal-content .modal-content {
    padding: 26px 30px;
    height: auto !important; }
  div.ctools-modal-content a.close {
    width: 1.6em;
    height: 1.6em;
    overflow: hidden;
    padding: 0.2em;
    box-sizing: border-box; }
    div.ctools-modal-content a.close:before {
      /* using an icon-font for these icon-styled links */ }
    div.ctools-modal-content a.close img {
      display: none; }
  div.ctools-modal-content .view.entityreference {
    font-size: 0.85em; }
  div.ctools-modal-content .view .views-exposed-form {
    text-align: left; }
  div.ctools-modal-content .view .view-content .views-table {
    width: 100%; }
  div.ctools-modal-content .view .view-content form .form-actions input[type="submit"] {
    float: right; }
  div.ctools-modal-content .view .view-content form::after {
    display: none; }
  div.ctools-modal-content .view .pager {
    font-size: 0.85em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    clear: none; }

/**
 * @file
 * Components that are interacted with when contributing (or maintaining) content.
 */
/**
  CONTENTS

  Text editors
  Message popups
  Toggle
  Groupables
  Selectables
*/
/* -----------------------------------------------------------------------------
                                                                Active filters
*/
/* -----------------------------------------------------------------------------
                                                                Text editors
*/
.text-format-wrapper fieldset.filter-wrapper {
  display: none; }

.text-format-wrapper .filter-wrapper .filter-help,
.text-format-wrapper .filter-wrapper .form-type-select,
.text-format-wrapper .filter-wrapper .filter-guidelines {
  display: none; }

.hidden + .grippie, form.inline-selectables .form-item.form-type-radio input + .grippie {
  display: none; }

.grippie {
  box-sizing: border-box;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

/* -----------------------------------------------------------------------------
                                                                Message popups
*/
.message_popup {
  position: fixed;
  bottom: 2em;
  left: 5%;
  background: #141414;
  color: white;
  padding: 0.7em 1.1em;
  padding-right: 0.8em;
  border-radius: 0.13em;
  transition: all 0.3s ease-in; }
  .message_popup.hidden, form.inline-selectables .form-item.form-type-radio input.message_popup {
    display: block !important;
    bottom: -3em;
    transition: all 0.3s ease-out; }
  .message_popup button, .message_popup .form-actions [type="submit"], .form-actions .message_popup [type="submit"], .message_popup
  .form-actions [type="button"],
  .form-actions .message_popup [type="button"] {
    position: static;
    background: none;
    margin: 0;
    color: #50862B; }
  .message_popup button:first-of-type, .message_popup .form-actions [type="submit"]:first-of-type, .form-actions .message_popup [type="submit"]:first-of-type, .message_popup
  .form-actions [type="button"]:first-of-type,
  .form-actions .message_popup [type="button"]:first-of-type {
    margin-left: 2em; }
  .message_popup button.close, .message_popup .form-actions .close[type="submit"], .form-actions .message_popup .close[type="submit"], .message_popup
  .form-actions .close[type="button"],
  .form-actions .message_popup .close[type="button"] {
    float: right; }

/* -----------------------------------------------------------------------------
                                                                Toggle
*/
.toggleable, .block-menu .block__title {
  cursor: pointer; }

.toggle {
  flex: 0 1 auto !important;
  width: 2.5em;
  height: 2.5em;
  overflow: hidden;
  float: right;
  margin-top: 1.2em;
  z-index: 95;
  display: none; }
  @media all and (max-width: 1150px) {
    .toggle {
      display: block; } }
  .toggle span {
    color: transparent;
    font-size: 0; }

/* -----------------------------------------------------------------------------
                                                            Placeholders
*/
.placeholder-text {
  font-style: italic;
  opacity: 0.7; }

.selectable .placeholder {
  position: relative;
  overflow: hidden; }
  .selectable .placeholder::after {
    content: "";
    position: absolute;
    display: block !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    /* Animation */
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeholderAnimate;
    background: white;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);
    background-size: 100%; }

@keyframes placeholderAnimate {
  0% {
    margin-left: -100%; }
  100% {
    margin-left: 100%; } }

/* -----------------------------------------------------------------------------
                                                            Toolbar
*/
.saving-text {
  position: absolute;
  top: 0.5em;
  right: 0.8em;
  font-style: italic;
  color: gray; }

[role="toolbar"],
.toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  [role="toolbar"] > *,
  .toolbar > * {
    flex: 0 1 auto; }
  [role="toolbar"] > :not(:first-child),
  .toolbar > :not(:first-child) {
    margin-left: 0.5em; }
  [role="toolbar"].separated .buttonGroup > *,
  .toolbar.separated .buttonGroup > * {
    margin-right: 0.3em; }
  [role="toolbar"] button, [role="toolbar"] .form-actions [type="submit"], .form-actions [role="toolbar"] [type="submit"], [role="toolbar"]
  .form-actions [type="button"],
  .form-actions [role="toolbar"] [type="button"],
  [role="toolbar"] select,
  [role="toolbar"] input,
  .toolbar button,
  .toolbar .form-actions [type="submit"], .form-actions
  .toolbar [type="submit"],
  .toolbar
  .form-actions [type="button"],
  .form-actions
  .toolbar [type="button"],
  .toolbar select,
  .toolbar input {
    width: initial; }
  [role="toolbar"] button, [role="toolbar"] .form-actions [type="submit"], .form-actions [role="toolbar"] [type="submit"], [role="toolbar"]
  .form-actions [type="button"],
  .form-actions [role="toolbar"] [type="button"],
  .toolbar button,
  .toolbar .form-actions [type="submit"], .form-actions
  .toolbar [type="submit"],
  .toolbar
  .form-actions [type="button"],
  .form-actions
  .toolbar [type="button"] {
    margin: 0;
    background: #50862B; }
    [role="toolbar"] button:hover, [role="toolbar"] .form-actions [type="submit"]:hover, .form-actions [role="toolbar"] [type="submit"]:hover, [role="toolbar"]
    .form-actions [type="button"]:hover,
    .form-actions [role="toolbar"] [type="button"]:hover, [role="toolbar"] button:focus, [role="toolbar"] .form-actions [type="submit"]:focus, .form-actions [role="toolbar"] [type="submit"]:focus, [role="toolbar"]
    .form-actions [type="button"]:focus,
    .form-actions [role="toolbar"] [type="button"]:focus,
    .toolbar button:hover,
    .toolbar .form-actions [type="submit"]:hover, .form-actions
    .toolbar [type="submit"]:hover,
    .toolbar
    .form-actions [type="button"]:hover,
    .form-actions
    .toolbar [type="button"]:hover,
    .toolbar button:focus,
    .toolbar .form-actions [type="submit"]:focus, .form-actions
    .toolbar [type="submit"]:focus,
    .toolbar
    .form-actions [type="button"]:focus,
    .form-actions
    .toolbar [type="button"]:focus {
      background: #395f1f; }
    [role="toolbar"] button[disabled], [role="toolbar"] .form-actions [disabled][type="submit"], .form-actions [role="toolbar"] [disabled][type="submit"], [role="toolbar"]
    .form-actions [disabled][type="button"],
    .form-actions [role="toolbar"] [disabled][type="button"],
    .toolbar button[disabled],
    .toolbar .form-actions [disabled][type="submit"], .form-actions
    .toolbar [disabled][type="submit"],
    .toolbar
    .form-actions [disabled][type="button"],
    .form-actions
    .toolbar [disabled][type="button"] {
      background: #b5b5b5; }
  [role="toolbar"] label,
  .toolbar label {
    font-size: 1em;
    font-weight: 600;
    display: inline;
    vertical-align: middle; }
  [role="toolbar"] details summary,
  .toolbar details summary {
    padding: 0.3em 0.5em;
    border: solid 1px gray;
    border-radius: 4px;
    background: inherit; }
  [role="toolbar"] details > div,
  .toolbar details > div {
    position: absolute;
    z-index: 20;
    background: white;
    padding: 0;
    width: 10em;
    border-radius: 0.13em;
    box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.34); }
    [role="toolbar"] details > div > *,
    .toolbar details > div > * {
      padding: 0.2em 0.5em; }
      [role="toolbar"] details > div > *:hover, [role="toolbar"] details > div > *:focus,
      .toolbar details > div > *:hover,
      .toolbar details > div > *:focus {
        background: rgba(0, 0, 0, 0.07); }
  main [role="toolbar"], main
  .toolbar {
    margin-top: 1em;
    margin-bottom: 1em; }
  [role="toolbar"] .group,
  .toolbar .group {
    display: inline-block;
    border: solid 1px #bbb;
    padding: 0.2em;
    border-radius: 4px;
    min-height: 1.7em;
    vertical-align: top; }
  [role="toolbar"] details,
  .toolbar details {
    display: inline-block; }

[role="toolbar"][aria-label*="primary"],
.toolbar.primary {
  height: 45px;
  background: #0B87D4;
  color: white;
  transition: all 0.3s ease 0s;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto;
  z-index: 1049; }
  [role="toolbar"][aria-label*="primary"] > *,
  .toolbar.primary > * {
    margin-left: 0; }
  [role="toolbar"][aria-label*="primary"] .block,
  [role="toolbar"][aria-label*="primary"] .block > .content,
  [role="toolbar"][aria-label*="primary"] form,
  [role="toolbar"][aria-label*="primary"] button,
  [role="toolbar"][aria-label*="primary"] .form-actions [type="submit"], .form-actions
  [role="toolbar"][aria-label*="primary"] [type="submit"],
  [role="toolbar"][aria-label*="primary"]
  .form-actions [type="button"],
  .form-actions
  [role="toolbar"][aria-label*="primary"] [type="button"],
  .toolbar.primary .block,
  .toolbar.primary .block > .content,
  .toolbar.primary form,
  .toolbar.primary button,
  .toolbar.primary .form-actions [type="submit"], .form-actions
  .toolbar.primary [type="submit"],
  .toolbar.primary
  .form-actions [type="button"],
  .form-actions
  .toolbar.primary [type="button"] {
    height: 45px; }
  [role="toolbar"][aria-label*="primary"] .block,
  .toolbar.primary .block {
    margin: 0; }
  [role="toolbar"][aria-label*="primary"] span.spacer,
  .toolbar.primary span.spacer {
    flex-grow: 1;
    padding: 0; }
  [role="toolbar"][aria-label*="primary"] form,
  .toolbar.primary form {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden; }
  [role="toolbar"][aria-label*="primary"] button, [role="toolbar"][aria-label*="primary"] .form-actions [type="submit"], .form-actions [role="toolbar"][aria-label*="primary"] [type="submit"], [role="toolbar"][aria-label*="primary"]
  .form-actions [type="button"],
  .form-actions [role="toolbar"][aria-label*="primary"] [type="button"],
  .toolbar.primary button,
  .toolbar.primary .form-actions [type="submit"], .form-actions
  .toolbar.primary [type="submit"],
  .toolbar.primary
  .form-actions [type="button"],
  .form-actions
  .toolbar.primary [type="button"] {
    background: none;
    color: inherit;
    border-radius: 0;
    box-shadow: none;
    border: none;
    text-shadow: none; }
    [role="toolbar"][aria-label*="primary"] button:not(:last-child), [role="toolbar"][aria-label*="primary"] .form-actions [type="submit"]:not(:last-child), .form-actions [role="toolbar"][aria-label*="primary"] [type="submit"]:not(:last-child), [role="toolbar"][aria-label*="primary"]
    .form-actions [type="button"]:not(:last-child),
    .form-actions [role="toolbar"][aria-label*="primary"] [type="button"]:not(:last-child),
    .toolbar.primary button:not(:last-child),
    .toolbar.primary .form-actions [type="submit"]:not(:last-child), .form-actions
    .toolbar.primary [type="submit"]:not(:last-child),
    .toolbar.primary
    .form-actions [type="button"]:not(:last-child),
    .form-actions
    .toolbar.primary [type="button"]:not(:last-child) {
      border-right: 1px solid rgba(0, 0, 0, 0.24); }
    [role="toolbar"][aria-label*="primary"] button:not(:first-child), [role="toolbar"][aria-label*="primary"] .form-actions [type="submit"]:not(:first-child), .form-actions [role="toolbar"][aria-label*="primary"] [type="submit"]:not(:first-child), [role="toolbar"][aria-label*="primary"]
    .form-actions [type="button"]:not(:first-child),
    .form-actions [role="toolbar"][aria-label*="primary"] [type="button"]:not(:first-child),
    .toolbar.primary button:not(:first-child),
    .toolbar.primary .form-actions [type="submit"]:not(:first-child), .form-actions
    .toolbar.primary [type="submit"]:not(:first-child),
    .toolbar.primary
    .form-actions [type="button"]:not(:first-child),
    .form-actions
    .toolbar.primary [type="button"]:not(:first-child) {
      border-left: 1px solid rgba(255, 255, 255, 0.24); }
    [role="toolbar"][aria-label*="primary"] button:hover, [role="toolbar"][aria-label*="primary"] .form-actions [type="submit"]:hover, .form-actions [role="toolbar"][aria-label*="primary"] [type="submit"]:hover, [role="toolbar"][aria-label*="primary"]
    .form-actions [type="button"]:hover,
    .form-actions [role="toolbar"][aria-label*="primary"] [type="button"]:hover, [role="toolbar"][aria-label*="primary"] button:focus, [role="toolbar"][aria-label*="primary"] .form-actions [type="submit"]:focus, .form-actions [role="toolbar"][aria-label*="primary"] [type="submit"]:focus, [role="toolbar"][aria-label*="primary"]
    .form-actions [type="button"]:focus,
    .form-actions [role="toolbar"][aria-label*="primary"] [type="button"]:focus,
    .toolbar.primary button:hover,
    .toolbar.primary .form-actions [type="submit"]:hover, .form-actions
    .toolbar.primary [type="submit"]:hover,
    .toolbar.primary
    .form-actions [type="button"]:hover,
    .form-actions
    .toolbar.primary [type="button"]:hover,
    .toolbar.primary button:focus,
    .toolbar.primary .form-actions [type="submit"]:focus, .form-actions
    .toolbar.primary [type="submit"]:focus,
    .toolbar.primary
    .form-actions [type="button"]:focus,
    .form-actions
    .toolbar.primary [type="button"]:focus {
      background-color: rgba(0, 0, 0, 0.14); }
    [role="toolbar"][aria-label*="primary"] button[disabled], [role="toolbar"][aria-label*="primary"] .form-actions [disabled][type="submit"], .form-actions [role="toolbar"][aria-label*="primary"] [disabled][type="submit"], [role="toolbar"][aria-label*="primary"]
    .form-actions [disabled][type="button"],
    .form-actions [role="toolbar"][aria-label*="primary"] [disabled][type="button"],
    .toolbar.primary button[disabled],
    .toolbar.primary .form-actions [disabled][type="submit"], .form-actions
    .toolbar.primary [disabled][type="submit"],
    .toolbar.primary
    .form-actions [disabled][type="button"],
    .form-actions
    .toolbar.primary [disabled][type="button"] {
      color: rgba(255, 255, 255, 0.5); }
  [role="toolbar"][aria-label*="primary"] > span,
  [role="toolbar"][aria-label*="primary"] form > span,
  .toolbar.primary > span,
  .toolbar.primary form > span {
    padding: 0.7em 1.1em;
    height: 100%;
    box-sizing: border-box; }

.mceToolbar .wysiwygToolbar {
  flex-grow: 1; }

.selectables {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .selectables #edit-select,
  .selectables .vbo-select-all-markup {
    display: none !important; }

.selectable {
  position: relative;
  background-clip: padding-box;
  padding: 0;
  margin: 0 7px 7px 0;
  display: inline-block;
  vertical-align: top;
  border: none;
  border-radius: 4px;
  overflow: hidden; }
  .selectable:hover, .selectable:focus {
    overflow-y: auto; }
  .selectable.placeholder {
    height: 140px;
    border-radius: 5px;
    background: #eee;
    /*border: solid 2px #ddd !important;*/ }
  .selectable[data-is-disabled="true"] {
    opacity: 0.4; }
  .selectable .selectable-target {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 14; }
  .selectable [type="checkbox"],
  .selectable .views-field-views-bulk-operations {
    display: none; }
  .selectable .views-field-field-image img,
  .selectable .field.image img {
    display: block; }
  .selectable img {
    box-sizing: border-box;
    box-sizing: border-box; }
  .selectable[data-is-match="true"] .views-field-field-image img,
  .selectable[data-is-match="true"] [class*='views-field-field-pictures'] img {
    opacity: 0.4; }
  .selectable[data-is-match="true"] img[src*="/files/styles"] {
    opacity: 0.4; }
  .selectable::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    box-sizing: border-box;
    display: none; }
  .selectable.selected::before {
    content: "check_circle";
    position: absolute;
    font-size: 24px;
    top: 5px;
    left: 5px;
    color: white;
    z-index: 15; }
  .selectable.selected::after {
    display: block;
    background: rgba(37, 126, 213, 0.4);
    border: solid 2px #257ED5; }
  .selectable.selected img {
    border-color: rgba(0, 0, 0, 0.7); }
  .selectable.focussed::after {
    display: block;
    border: solid 2px #50862B; }
  .selectable [data-toggle="primary"] {
    position: absolute !important;
    z-index: 22;
    color: white;
    padding: 0.4em;
    width: 1em;
    overflow: hidden;
    font-size: 1.2em;
    background: rgba(0, 0, 0, 0.35);
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    top: 0;
    right: calc(1em + 0.8em + 2px); }

.selectable[data-type="observation"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .selectable[data-type="observation"] [data-type="picture"] {
    margin-bottom: 4px; }
  .selectable[data-type="observation"] [data-type="picture"] + [data-type="picture"] {
    width: 48.5%; }

.groupables.content,
.groupables .content {
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: grey;
  border: 1px solid #717171;
  border-radius: 0.4em;
  padding: 0.5em;
  display: flex;
  flex-wrap: wrap; }
  .groupables.content:after,
  .groupables .content:after {
    content: "";
    display: table;
    clear: both; }
  .groupables.content > *,
  .groupables .content > * {
    flex: 0 1 auto; }

.groupables .view-content:after {
  content: "";
  display: table;
  clear: both; }

.groupables .groupable {
  display: block;
  border: solid 11px grey;
  border-radius: 15px;
  margin: 0;
  z-index: 0; }

.groupables .group {
  list-style: none;
  border: 2px solid #dbdbdb;
  border-radius: 12px;
  padding: 8px;
  box-sizing: border-box;
  margin: 0 8px 8px 0;
  position: relative; }
  .groupables .group.expanded {
    padding-right: 40px; }
  .groupables .group.saving {
    opacity: 0.4; }
  .groupables .group h3, .groupables .group .widget_pager .views-field-title, .widget_pager .groupables .group .views-field-title {
    margin-top: 0; }
  .groupables .group,
  .groupables .group ul {
    width: auto; }
  .groupables .group .close {
    padding: 0.3em 0.6em;
    background: none;
    color: white;
    font-weight: bold;
    position: relative;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50; }
  .groupables .group .groupable {
    border: none;
    transition: all 0.4s ease;
    border: none;
    vertical-align: middle;
    display: inline-block; }
    .groupables .group .groupable:not(:first-of-type) {
      margin-left: -120px;
      box-shadow: rgba(0, 0, 0, 0.9) 0px 1px 6px; }
  .groupables .group.expanded .groupable:not(:first-of-type) {
    margin-left: 6px; }

.groupables .selectable.selected::after {
  border-color: scale-lightness(#257ED5, 40%); }

.groupables .selectable.focussed::after {
  border-color: scale-saturation(scale-lightness(#007fa9, 40%), 50%); }

/**
 * @file
 *
 * File name    Components
 * For site		  CasaBio
 * Created by		Touchdreams
 */
/*
 * Contents

	Dialog

*/
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget .form-actions [type="submit"], .form-actions
.ui-widget [type="submit"],
.ui-widget
.form-actions [type="button"],
.form-actions
.ui-widget [type="button"] {
  font-family: inherit;
  font-size: 1em; }

.ui-widget-overlay {
  opacity: 0.6; }

.dialog-container {
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

/* -----------------------------------------------------------------------------
                                                                Dialog
*/
[role="dialog"] {
  border-radius: 0.25em;
  position: absolute;
  z-index: 90;
  background-color: white;
  padding: 26px 30px;
  border: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  display: block;
  overflow: auto;
  max-width: 60em;
  width: 90vw;
  box-sizing: border-box;
  top: 2em;
  transition: opacity 0.4s ease 0;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }
  [role="dialog"] h3, [role="dialog"] .widget_pager .views-field-title, .widget_pager [role="dialog"] .views-field-title {
    margin-top: 0; }

[role="dialog"].ui-dialog {
  z-index: 90; }
  [role="dialog"].ui-dialog.ui-dialog {
    padding: 0;
    max-width: 90vw; }
    [role="dialog"].ui-dialog.ui-dialog .ui-dialog-titlebar {
      border: none;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      background: rgba(0, 0, 0, 0.1);
      border-radius: 0; }
      [role="dialog"].ui-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        position: absolute;
        height: 100%;
        top: 0px;
        margin: 0px;
        width: 2.5em;
        right: 0px;
        border: medium none;
        border-radius: 0;
        border-left: 1px solid rgba(0, 0, 0, 0.14);
        background: none; }
    [role="dialog"].ui-dialog.ui-dialog .ui-dialog-content {
      margin-top: 0;
      padding: 1.2em; }
  [role="dialog"].ui-dialog .view {
    font-size: 0.9em; }
    [role="dialog"].ui-dialog .view table {
      width: 100%; }
      [role="dialog"].ui-dialog .view table + table {
        margin-top: 1em; }
    [role="dialog"].ui-dialog .view .views-exposed-widgets {
      margin: 0.8em 0; }
    [role="dialog"].ui-dialog .view .item-list,
    [role="dialog"].ui-dialog .view .view-footer {
      display: inline-block; }
    [role="dialog"].ui-dialog .view .item-list + .view-footer {
      float: right; }
    [role="dialog"].ui-dialog .view .pager,
    [role="dialog"].ui-dialog .view .view-footer {
      margin: 1em 0px; }

button.close, .form-actions .close[type="submit"],
.form-actions .close[type="button"],
.button.close {
  position: absolute;
  top: 0px;
  margin: 0px;
  right: 0px;
  background: none;
  padding: 14px;
  color: inherit; }

.modal-default .modal-content {
  width: auto !important; }

.ui-widget-overlay,
.cover {
  z-index: 85; }

.cover {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  transition: background 0.5s ease 0s, height 0s ease 0.5s;
  height: 0 !important;
  /* makes the 'invisible' cover not always covering the content */
  background: transparent; }
  .cover.visible, .cover[aria-hidden="false"] {
    transition: background 0.5s ease 0s, height 0s ease 0s;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7); }

/**
 * @file
 */
/*
 * Contents

	Region-dark
*/
/* -----------------------------------------------------------------------------
                                                            Lighlty darkened regions (darker links)
*/
.background-near-black {
  background: #2f2f2f;
  color: white; }
  .background-near-black h1, .background-near-black h2, .background-near-black h3, .background-near-black .widget_pager .views-field-title, .widget_pager .background-near-black .views-field-title, .background-near-black h4 {
    color: inherit; }
  .background-near-black a {
    color: white; }

/* -----------------------------------------------------------------------------
                                                            Green
*/
.toast-message {
  font-size: 0.9em;
  font-weight: 600; }

.toast-close-button {
  right: -0.7em;
  top: -0.8em;
  font-size: 1em; }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button, .form-actions .toast-close-button[type="submit"],
.form-actions .toast-close-button[type="button"] {
  padding: 0.1em 0.6em;
  margin: 0; }

#toast-container > div {
  width: 350px;
  background-position: 12px 12px;
  background-size: 18px auto;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.9; }

.toast {
  background-color: black; }

.toast-success {
  border-left: solid 8px #42A80E; }

.toast-error {
  border-left: solid 8px #e62600; }

.toast-info {
  border-left: solid 8px #0B87D4; }

.toast-warning {
  border-left: solid 8px #e09600; }

.notyf {
  padding: 12px !important; }

.notyf__toast {
  min-width: 300px;
  max-width: 650px !important;
  border-left: solid 4px #8C8C8C;
  border-radius: 5px !important; }
  .notyf__toast.notyf__toast--lower {
    margin-top: 12px; }
  .notyf__toast,
  .notyf__toast .notyf__ripple {
    background-color: #323232 !important; }
  .notyf__toast.notyf__toast--success {
    border-left-color: #5FD615; }
    .notyf__toast.notyf__toast--success .notyf__icon--success {
      background-color: #5FD615; }
  .notyf__toast.notyf__toast--error {
    border-left-color: #F73920; }
    .notyf__toast.notyf__toast--error .notyf__icon--error {
      background-color: #F73920; }
  .notyf__toast.info {
    border-left-color: #219FED; }
    .notyf__toast.info .notyf__icon .material-icons {
      color: #219FED !important; }
  .notyf__toast.warning {
    color: inherit !important;
    font-weight: inherit !important;
    border-left-width: 4px !important;
    border-left-color: #FFD500; }
    .notyf__toast.warning .notyf__icon .material-icons {
      color: #FFD500 !important; }
  .notyf__toast .notyf__icon--error,
  .notyf__toast .notyf__icon--success {
    color: #323232 !important; }

.notyf__dismiss {
  width: 34px !important; }
  .notyf__dismiss .notyf__dismiss-btn {
    margin: 0; }

.notyf__toast--dismissible .notyf__wrapper {
  padding-right: 38px !important; }

#floatingCirclesG {
  position: relative;
  width: 45px;
  height: 45px;
  margin: auto;
  transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  position: absolute;
  left: calc(50% - 45px / 2);
  top: calc(50% - 45px / 2);
  z-index: 22; }

.f_circleG {
  position: absolute;
  background-color: white;
  height: 8px;
  width: 8px;
  border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  animation-name: f_fadeG;
  -o-animation-name: f_fadeG;
  -ms-animation-name: f_fadeG;
  -webkit-animation-name: f_fadeG;
  -moz-animation-name: f_fadeG;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal; }

#frotateG_01 {
  left: 0;
  top: 18px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s; }

#frotateG_02 {
  left: 5px;
  top: 5px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s; }

#frotateG_03 {
  left: 18px;
  top: 0;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s; }

#frotateG_04 {
  right: 5px;
  top: 5px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s; }

#frotateG_05 {
  right: 0;
  top: 18px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s; }

#frotateG_06 {
  right: 5px;
  bottom: 5px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s; }

#frotateG_07 {
  left: 18px;
  bottom: 0;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s; }

#frotateG_08 {
  left: 5px;
  bottom: 5px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s; }

@keyframes f_fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

@-o-keyframes f_fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

@-ms-keyframes f_fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

@-webkit-keyframes f_fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

@-moz-keyframes f_fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: white; } }

.shepherd-step.shepherd-theme-arrows {
  z-index: 98; }
  .shepherd-step.shepherd-theme-arrows .shepherd-content {
    background: #323232;
    color: white; }
  .shepherd-step.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content::before {
    border-bottom-color: #323232; }
  .shepherd-step.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content::before {
    border-top-color: #323232; }
  .shepherd-step.shepherd-theme-arrows .shepherd-text {
    max-width: 30em; }
  .shepherd-step.shepherd-theme-arrows:not(.last) .shepherd-content footer .shepherd-buttons li .shepherd-button:not(.next),
  .shepherd-step.shepherd-theme-arrows.last .shepherd-content footer .shepherd-buttons li .shepherd-button:not(.end) {
    padding: .75em;
    color: #5fa2ec;
    background: transparent; }

/**
 * @file
 *
 */
/**
  CONTENTS

  Mixins & helper functions
  Multiple Content types

  Nodes
  Webforms
  Collections
  Observations
  Pictures
  Habitat record
  Identifications
  Interaction

  Users
  Comment
 */
/* -----------------------------------------------------------------------------
                                          Mixins & helper functions
*/
main .node-form > div > h2 {
  font-size: 1em;
  background: #dadada;
  padding: 0.3em 0.6em;
  display: inline-block;
  margin-top: 0px;
  position: absolute;
  top: -0.9em;
  border: 1px solid #c0c0c0;
  border-radius: 0.25em; }

[data-view-mode="teaser"] .node-form {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  background: none;
  border: none;
  position: static;
  width: auto; }

/* -----------------------------------------------------------------------------
                                          Nodes
*/
.node .user-picture img {
  max-width: 24px;
  border: 1px solid rgba(0, 0, 0, 0.14); }

[data-view-mode="teaser"] {
  position: relative; }
  [data-view-mode="teaser"] .show .field-none {
    margin: 0.5em 0px 0.5em 0.5em;
    font-size: 0.9em;
    font-weight: 600; }
  [data-view-mode="teaser"] .pretitle,
  [data-view-mode="teaser"] section > p:first-child {
    margin-top: 0px;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
    color: #b0b0b0;
    margin-top: -0.4em; }
  [data-view-mode="teaser"] h3, [data-view-mode="teaser"] .widget_pager .views-field-title, .widget_pager [data-view-mode="teaser"] .views-field-title {
    margin-top: 0.4em; }

.page-node .field:not(:last-of-type) {
  margin-bottom: 0.3em; }

[data-view-mode="text"] .field {
  display: inline-block; }
  [data-view-mode="text"] .field:not(:first-of-type) {
    margin-top: 0.5em; }

/* -----------------------------------------------------------------------------
                                          Multiple Content types
*/
body.node-type-collection main,
body.node-type-observation main {
  max-width: none; }

[data-view-mode="teaser"]:not([data-type="picture"]),
[data-type="observation"].selectable,
[data-type="identification_community"][data-view-mode="text"],
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"],
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] {
  position: relative;
  padding: 0.6em;
  margin-right: calc(10px + 1vw);
  box-sizing: border-box; }
  [data-view-mode="teaser"]:not([data-type="picture"]) h2 a,
  [data-type="observation"].selectable h2 a,
  [data-type="identification_community"][data-view-mode="text"] h2 a,
  .taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] h2 a,
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] h2 a {
    overflow: hidden;
    width: 100%;
    height: 1.15em;
    display: block;
    word-break: break-all;
    position: relative; }
    [data-view-mode="teaser"]:not([data-type="picture"]) h2 a::after,
    [data-type="observation"].selectable h2 a::after,
    [data-type="identification_community"][data-view-mode="text"] h2 a::after,
    .taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] h2 a::after,
    .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] h2 a::after {
      content: '';
      position: absolute;
      height: 1.4em;
      width: 2em;
      bottom: 0;
      right: 0;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); }

article > a.block, .ui-widget-content article > a.block,
article > a[role="block"], .ui-widget-content
article > a[role="block"],
.taxonomy-term > a.block, .ui-widget-content
.taxonomy-term > a.block,
.taxonomy-term > a[role="block"], .ui-widget-content
.taxonomy-term > a[role="block"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: 1; }
  article > a.block:hover, .ui-widget-content article > a.block:hover, article > a.block:focus, .ui-widget-content article > a.block:focus,
  article > a[role="block"]:hover, .ui-widget-content
  article > a[role="block"]:hover,
  article > a[role="block"]:focus, .ui-widget-content
  article > a[role="block"]:focus,
  .taxonomy-term > a.block:hover, .ui-widget-content
  .taxonomy-term > a.block:hover,
  .taxonomy-term > a.block:focus, .ui-widget-content
  .taxonomy-term > a.block:focus,
  .taxonomy-term > a[role="block"]:hover, .ui-widget-content
  .taxonomy-term > a[role="block"]:hover,
  .taxonomy-term > a[role="block"]:focus, .ui-widget-content
  .taxonomy-term > a[role="block"]:focus {
    box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.5); }

article a, article .ui-widget-content a, .ui-widget-content article a,
.taxonomy-term a {
  position: relative; }

.node.view-mode-full > .field-name-field-image img {
  display: block; }

.selectable .field:not([class*="image"]) {
  display: none; }

.node-picture,
[data-type="picture"],
.node-observation,
[data-type="observation"],
article.picture,
.node-picture {
  position: relative; }
  .node-picture.selectable img,
  [data-type="picture"].selectable img,
  .node-observation.selectable img,
  [data-type="observation"].selectable img,
  article.picture.selectable img,
  .node-picture.selectable img {
    transition: transform 0.3s ease; }
  .node-picture.selectable .field.image,
  [data-type="picture"].selectable .field.image,
  .node-observation.selectable .field.image,
  [data-type="observation"].selectable .field.image,
  article.picture.selectable .field.image,
  .node-picture.selectable .field.image {
    font-size: 0.85em;
    font-weight: 600;
    display: none;
    display: block; }
    .node-picture.selectable .field.image[aria-hidden="false"],
    [data-type="picture"].selectable .field.image[aria-hidden="false"],
    .node-observation.selectable .field.image[aria-hidden="false"],
    [data-type="observation"].selectable .field.image[aria-hidden="false"],
    article.picture.selectable .field.image[aria-hidden="false"],
    .node-picture.selectable .field.image[aria-hidden="false"] {
      display: block;
      position: absolute;
      top: 1em;
      left: 3.3em;
      width: 60%;
      height: 76%;
      overflow: hidden;
      word-break: break-all; }
      .node-picture.selectable .field.image[aria-hidden="false"]::after,
      [data-type="picture"].selectable .field.image[aria-hidden="false"]::after,
      .node-observation.selectable .field.image[aria-hidden="false"]::after,
      [data-type="observation"].selectable .field.image[aria-hidden="false"]::after,
      article.picture.selectable .field.image[aria-hidden="false"]::after,
      .node-picture.selectable .field.image[aria-hidden="false"]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .node-picture.selectable .field-data,
  .node-picture.selectable .data,
  [data-type="picture"].selectable .field-data,
  [data-type="picture"].selectable .data,
  .node-observation.selectable .field-data,
  .node-observation.selectable .data,
  [data-type="observation"].selectable .field-data,
  [data-type="observation"].selectable .data,
  article.picture.selectable .field-data,
  article.picture.selectable .data,
  .node-picture.selectable .field-data,
  .node-picture.selectable .data {
    font-size: 0.8em;
    display: none;
    display: block;
    position: absolute;
    top: 3em;
    left: 10%;
    width: 80%;
    max-height: 68%;
    overflow: hidden;
    word-break: break-all;
    line-height: 1.1;
    padding: 0.1em 0.3em;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    z-index: 10; }
    .node-picture.selectable .field-data::after,
    .node-picture.selectable .data::after,
    [data-type="picture"].selectable .field-data::after,
    [data-type="picture"].selectable .data::after,
    .node-observation.selectable .field-data::after,
    .node-observation.selectable .data::after,
    [data-type="observation"].selectable .field-data::after,
    [data-type="observation"].selectable .data::after,
    article.picture.selectable .field-data::after,
    article.picture.selectable .data::after,
    .node-picture.selectable .field-data::after,
    .node-picture.selectable .data::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .node-picture.selectable .field-data span,
    .node-picture.selectable .data span,
    [data-type="picture"].selectable .field-data span,
    [data-type="picture"].selectable .data span,
    .node-observation.selectable .field-data span,
    .node-observation.selectable .data span,
    [data-type="observation"].selectable .field-data span,
    [data-type="observation"].selectable .data span,
    article.picture.selectable .field-data span,
    article.picture.selectable .data span,
    .node-picture.selectable .field-data span,
    .node-picture.selectable .data span {
      margin-bottom: 0.8em;
      display: inline-block; }
  .node-picture.selectable .property-nid,
  .node-picture.selectable .views-field-created,
  .node-picture.selectable .views-field-field-date-taken,
  .node-picture.selectable .views-field-title-1,
  [data-type="picture"].selectable .property-nid,
  [data-type="picture"].selectable .views-field-created,
  [data-type="picture"].selectable .views-field-field-date-taken,
  [data-type="picture"].selectable .views-field-title-1,
  .node-observation.selectable .property-nid,
  .node-observation.selectable .views-field-created,
  .node-observation.selectable .views-field-field-date-taken,
  .node-observation.selectable .views-field-title-1,
  [data-type="observation"].selectable .property-nid,
  [data-type="observation"].selectable .views-field-created,
  [data-type="observation"].selectable .views-field-field-date-taken,
  [data-type="observation"].selectable .views-field-title-1,
  article.picture.selectable .property-nid,
  article.picture.selectable .views-field-created,
  article.picture.selectable .views-field-field-date-taken,
  article.picture.selectable .views-field-title-1,
  .node-picture.selectable .property-nid,
  .node-picture.selectable .views-field-created,
  .node-picture.selectable .views-field-field-date-taken,
  .node-picture.selectable .views-field-title-1 {
    z-index: 50;
    position: relative;
    display: none;
    font-size: 0.85em; }
    .node-picture.selectable .property-nid.visible,
    .node-picture.selectable .views-field-created.visible,
    .node-picture.selectable .views-field-field-date-taken.visible,
    .node-picture.selectable .views-field-title-1.visible,
    [data-type="picture"].selectable .property-nid.visible,
    [data-type="picture"].selectable .views-field-created.visible,
    [data-type="picture"].selectable .views-field-field-date-taken.visible,
    [data-type="picture"].selectable .views-field-title-1.visible,
    .node-observation.selectable .property-nid.visible,
    .node-observation.selectable .views-field-created.visible,
    .node-observation.selectable .views-field-field-date-taken.visible,
    .node-observation.selectable .views-field-title-1.visible,
    [data-type="observation"].selectable .property-nid.visible,
    [data-type="observation"].selectable .views-field-created.visible,
    [data-type="observation"].selectable .views-field-field-date-taken.visible,
    [data-type="observation"].selectable .views-field-title-1.visible,
    article.picture.selectable .property-nid.visible,
    article.picture.selectable .views-field-created.visible,
    article.picture.selectable .views-field-field-date-taken.visible,
    article.picture.selectable .views-field-title-1.visible,
    .node-picture.selectable .property-nid.visible,
    .node-picture.selectable .views-field-created.visible,
    .node-picture.selectable .views-field-field-date-taken.visible,
    .node-picture.selectable .views-field-title-1.visible {
      display: block; }

/* -----------------------------------------------------------------------------
                                          Basic pages
*/
body.node-type-page main {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto; }

/* -----------------------------------------------------------------------------
                                          Webforms
*/
[data-type="webform"] .submitted {
  display: none; }

/* -----------------------------------------------------------------------------
                                                            Habitat record (node)
*/
.node-habitat-record[data-view-mode="teaser"] {
  padding: 0.6em; }
  .node-habitat-record[data-view-mode="teaser"] .field {
    width: calc( (100% - 1.5vw * (2 - 1)) / 2);
    margin-left: 0.75vw;
    margin-right: 0.75vw; }
    .node-habitat-record[data-view-mode="teaser"] .field:nth-child(n + 3) {
      margin-top: 2.2vw; }
    .node-habitat-record[data-view-mode="teaser"] .field:nth-child(2n - 1) {
      margin-left: 0;
      clear: left; }
    .node-habitat-record[data-view-mode="teaser"] .field:nth-child(2n) {
      margin-right: 0; }

/* -----------------------------------------------------------------------------
                                                            Interaction
*/
.node-interaction {
  padding: 0; }
  .node-interaction[data-view-mode="teaser"] .field-name-field-observation {
    text-align: left; }
  .node-interaction[data-view-mode="teaser"] .field-name-field-observation-object {
    text-align: right; }
  .node-interaction .first,
  .node-interaction .last {
    width: 150px; }
  .node-interaction .middle {
    padding: 1em;
    text-align: center; }

/* -----------------------------------------------------------------------------
                                          Users
*/
.profile .show-tell {
  width: 100%;
  display: grid;
  grid-gap: calc(20px + 2vw);
  grid-template-columns: calc(50px + 10vw) 1fr; }

.profile .user-picture {
  float: none;
  margin: 0 0 1em;
  display: inline-block; }

.profile [role="button"].edit {
  float: right;
  margin-left: 1em; }

/* -----------------------------------------------------------------------------
                                          Comment
*/
.comment {
  display: table;
  width: 100%;
  box-sizing: border-box;
  padding: 0; }
  .comment .show {
    width: 110px;
    max-width: 110px;
    text-align: center; }
  .comment .tell {
    padding: 0 0 0 2em; }
  .comment .user-picture img {
    max-width: 100%; }

/* -----------------------------------------------------------------------------
                                                            Supporters
*/
article[data-type="supporter"][data-view-mode="small"], article[data-type="supporter"][data-view-mode="medium"] {
  text-align: center;
  margin-bottom: 2em; }
  article[data-type="supporter"][data-view-mode="small"] .node-title, article[data-type="supporter"][data-view-mode="medium"] .node-title {
    font-size: 1.2em; }
  article[data-type="supporter"][data-view-mode="small"] .field-name-field-image, article[data-type="supporter"][data-view-mode="medium"] .field-name-field-image {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center; }
    @media all and (min-width: 960px) {
      article[data-type="supporter"][data-view-mode="small"] .field-name-field-image, article[data-type="supporter"][data-view-mode="medium"] .field-name-field-image {
        min-height: 220px; } }
    article[data-type="supporter"][data-view-mode="small"] .field-name-field-image img, article[data-type="supporter"][data-view-mode="medium"] .field-name-field-image img {
      border: solid 1px rgba(0, 0, 0, 0.1); }

article[data-type="supporter"][data-view-mode="full"] {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding-left: 6vw;
  padding-right: 6vw;
  box-sizing: content-box;
  max-width: 960px; }

/* -----------------------------------------------------------------------------
                                                            Books
*/
article[data-type="book"] .field-name-field-publisher-name {
  font-style: italic;
  color: gray; }

article[data-type="book"][data-view-mode="teaser"] {
  padding: 0; }
  article[data-type="book"][data-view-mode="teaser"] .tell {
    padding: 0.5em 0.8em; }
    article[data-type="book"][data-view-mode="teaser"] .tell > .field {
      font-size: 0.85em; }
  article[data-type="book"][data-view-mode="teaser"] h2 {
    font-size: 1.1em; }
    article[data-type="book"][data-view-mode="teaser"] h2 a {
      overflow: visible;
      height: auto;
      position: static; }
      article[data-type="book"][data-view-mode="teaser"] h2 a::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: none; }

article[data-type="book"][data-view-mode="full"] .field-name-field-image {
  max-width: 400px;
  max-height: 800px; }

/**
 * @file
 *
 */
/*
 * Contents

  Taxa
  Habitats
  Taxa
 */
.taxonomy-term a.edit {
  font-size: 0.9em;
  line-height: 1;
  letter-spacing: 0.04em;
  padding: 0.7em 1.1em;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  background-color: #007fa9;
  color: white;
  text-transform: uppercase;
  appearance: none;
  border-radius: 0.4em;
  cursor: pointer;
  outline: 0;
  overflow: visible;
  width: auto;
  height: auto;
  margin: 0.4em;
  margin-left: 0;
  vertical-align: baseline;
  border: none;
  position: relative;
  box-sizing: border-box;
  box-shadow: none; }
  .taxonomy-term a.edit:hover:not([disabled]), .taxonomy-term a.edit:focus:not([disabled]) {
    text-decoration: none; }
  .taxonomy-term a.edit:focus {
    box-shadow: 0 0 0.3em rgba(255, 255, 255, 0.75); }
  .taxonomy-term a.edit:active {
    background-color: scale-lightness(#D57C25, -15%);
    background-image: #007fa9; }
  .taxonomy-term a.edit.active {
    background-image: linear-gradient(#007fa9, #007095);
    color: white; }
    .taxonomy-term a.edit.active:hover, .taxonomy-term a.edit.active:focus {
      background: #006c90; }
    .taxonomy-term a.edit.active:active {
      background: #005f7f; }
  .taxonomy-term a.edit.flat {
    background: none;
    border: none;
    color: #007fa9;
    padding-left: 0.4em;
    padding-right: 0.4em;
    text-shadow: none; }
    .taxonomy-term a.edit.flat:hover:not([disabled]), .taxonomy-term a.edit.flat:focus:not([disabled]) {
      background: rgba(0, 0, 0, 0.1);
      color: adjust-lightness(#333, -0.2); }
    .taxonomy-term a.edit.flat:active {
      background: none;
      box-shadow: none;
      border: none; }
    .taxonomy-term a.edit.flat.active {
      color: adjust-lightness(#333, -15%); }
  .taxonomy-term a.edit.raised {
    box-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.1);
    background: #007fa9;
    color: white;
    text-shadow: -0.03em -0.03em 0.04em rgba(0, 0, 0, 0.3); }
  .taxonomy-term a.edit.outlined {
    background: transparent;
    border: solid 1px #007fa9;
    color: #007fa9; }
  .floating .taxonomy-term a.edit {
    display: block;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.46); }
  .taxonomy-term a.edit::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .taxonomy-term a.edit.pointing-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .taxonomy-term a.edit.pointing-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .taxonomy-term a.edit.pointing-left::after, .taxonomy-term a.edit.pointing-right::after {
    content: "";
    border-color: transparent #007fa9;
    border-style: solid;
    border-width: 17px 14px;
    position: absolute;
    top: 0px; }
  .taxonomy-term a.edit.pointing-right::after {
    border-right-width: 0;
    right: -14px; }
  .taxonomy-term a.edit.pointing-left::after {
    border-left-width: 0;
    left: -14px; }
  .taxonomy-term a.edit.pointing-left.primary::after, .taxonomy-term a.edit.pointing-right.primary::after {
    border-color: transparent #007fa9; }
  .taxonomy-term a.edit.pointing-left[disabled]::after, .taxonomy-term a.edit.pointing-right[disabled]::after {
    border-color: transparent #ADADAD; }
  .taxonomy-term a.edit.primary {
    background-color: #007fa9;
    color: white; }
    .taxonomy-term a.edit.primary:active {
      background-color: #005f7f; }
    .taxonomy-term a.edit.primary.pointing-left::after, .taxonomy-term a.edit.primary.pointing-right::after {
      border-color: transparent #007fa9; }
    .taxonomy-term a.edit.primary:hover:not([disabled]), .taxonomy-term a.edit.primary:focus:not([disabled]) {
      background-color: #006c90; }
      .taxonomy-term a.edit.primary:hover:not([disabled]).pointing-left::after, .taxonomy-term a.edit.primary:hover:not([disabled]).pointing-right::after, .taxonomy-term a.edit.primary:focus:not([disabled]).pointing-left::after, .taxonomy-term a.edit.primary:focus:not([disabled]).pointing-right::after {
        border-color: transparent #006c90; }
    .taxonomy-term a.edit.primary[disabled] {
      background-image: linear-gradient(scale-saturation(#50862B, -50%), scale-saturation(#467626, -50%));
      color: rgba(255, 255, 255, 0.6); }
  .taxonomy-term a.edit[disabled] {
    background-color: #ADADAD;
    color: rgba(255, 255, 255, 0.6);
    text-shadow: none; }
    .taxonomy-term a.edit[disabled].pointing-left::after, .taxonomy-term a.edit[disabled].pointing-right::after {
      border-color: transparent #ADADAD; }
  .taxonomy-term a.edit .outlined {
    display: inline-block;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    padding: 0.2em 0.8em;
    font-size: 0.8em;
    font-weight: 600; }
  .taxonomy-term a.edit .ui-button-text {
    padding: 0; }
  .taxonomy-term a.edit.no-text .text {
    display: none; }
  .taxonomy-term a.edit.small {
    font-size: 0.75em;
    padding: 0.5em 0.7em; }
  .taxonomy-term a.edit svg,
  .taxonomy-term a.edit img[src*=".svg"] {
    fill: white; }

.taxonomy-term[data-view-mode="teaser"],
.taxonomy-term[data-view-mode="small"],
.taxonomy-term[data-view-mode="field_guide"] {
  display: flex; }
  .taxonomy-term[data-view-mode="teaser"] .show,
  .taxonomy-term[data-view-mode="teaser"] .tell,
  .taxonomy-term[data-view-mode="teaser"] .first,
  .taxonomy-term[data-view-mode="teaser"] .middle,
  .taxonomy-term[data-view-mode="teaser"] .last,
  .taxonomy-term[data-view-mode="small"] .show,
  .taxonomy-term[data-view-mode="small"] .tell,
  .taxonomy-term[data-view-mode="small"] .first,
  .taxonomy-term[data-view-mode="small"] .middle,
  .taxonomy-term[data-view-mode="small"] .last,
  .taxonomy-term[data-view-mode="field_guide"] .show,
  .taxonomy-term[data-view-mode="field_guide"] .tell,
  .taxonomy-term[data-view-mode="field_guide"] .first,
  .taxonomy-term[data-view-mode="field_guide"] .middle,
  .taxonomy-term[data-view-mode="field_guide"] .last {
    flex: 1 1 auto;
    vertical-align: top; }
  .taxonomy-term[data-view-mode="teaser"] .show,
  .taxonomy-term[data-view-mode="small"] .show,
  .taxonomy-term[data-view-mode="field_guide"] .show {
    flex: 0 1 auto; }
    .taxonomy-term[data-view-mode="teaser"] .show .field-type-image .field-item > img,
    .taxonomy-term[data-view-mode="small"] .show .field-type-image .field-item > img,
    .taxonomy-term[data-view-mode="field_guide"] .show .field-type-image .field-item > img {
      border-top-left-radius: 0.25em; }
  .taxonomy-term[data-view-mode="teaser"] .tell,
  .taxonomy-term[data-view-mode="small"] .tell,
  .taxonomy-term[data-view-mode="field_guide"] .tell {
    padding: 0.3em 1.5em 1.2em 1.5em; }
  .taxonomy-term[data-view-mode="teaser"] .tell a,
  .taxonomy-term[data-view-mode="small"] .tell a,
  .taxonomy-term[data-view-mode="field_guide"] .tell a {
    position: relative;
    z-index: 20; }

/* -----------------------------------------------------------------------------
                                                            Term-specific fields
*/
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .field-item span {
  border-radius: 3px;
  display: inline-block;
  padding: 0 0.2em;
  font-size: 12px;
  position: relative; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .EX,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .EW,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .CR,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .NE,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .DD,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .LC {
  color: white; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .EN,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .VU,
.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .NT {
  color: black; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .EX {
  background: black; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .EW {
  background: black; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .CR {
  background: red; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .EN {
  background: orange; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .VU {
  background: yellow; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .NE {
  background: grey; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .DD {
  background: grey; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .NT {
  background: limegreen; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-vulnerability .LC {
  background: green; }

/* -----------------------------------------------------------------------------
                                                            Taxa
*/
.taxonomy-term[data-vocabulary="taxa"] .ol-map {
  width: 300px;
  height: 300px; }

.taxonomy-term[data-vocabulary="taxa"] label {
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.3em; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] {
  width: 940px;
  padding: 0; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] a.block {
    display: none; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] header.term,
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .tell {
    box-sizing: border-box; }
    @media all and (min-width: 850px) {
      .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] header.term,
      .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .tell {
        width: calc(100% - 514px);
        padding-left: 20px; } }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] header.term {
    padding-top: 0.7em; }
    @media all and (min-width: 850px) {
      .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] header.term {
        float: right; } }
    .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] header.term div {
      display: inline; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] h2 {
    display: inline;
    font-size: 1.2em;
    font-weight: bold; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .show {
    display: block;
    text-align: center; }
    @media all and (min-width: 550px) {
      .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .show > * {
        display: table-cell;
        width: 170px;
        height: 170px;
        vertical-align: top; } }
    @media all and (min-width: 850px) {
      .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .show {
        float: left;
        width: 514px; } }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .tell {
    padding: 0 0 0.2em 20px;
    font-size: 0.75em;
    clear: both;
    display: block; }
    @media all and (min-width: 850px) {
      .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .tell {
        clear: right;
        display: inline-block; } }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-label-inline .field-label,
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-label-inline .field-items {
    display: inline;
    padding-bottom: 0; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-label {
    text-transform: uppercase; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .content:after {
    content: "";
    display: table;
    clear: both; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .ol-map .ol-overlaycontainer-stopevent {
    display: none; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-pictures,
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-range,
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .ol-map {
    border-left: solid 2px white; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-pictures:after {
    content: "";
    display: table;
    clear: both; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-pictures > .field-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-pictures > .field-items > .field-item {
    width: 84px;
    height: 84px; }
    .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-pictures > .field-items > .field-item:nth-child(n+3) {
      margin-top: 2px; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .taxonomy-term-description .field-label,
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .taxonomy-term-description p:first-of-type {
    display: inline; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .taxonomy-term-description .field-label {
    padding-right: 0.8em; }
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="field_guide"] .field-name-field-taxon-rank {
    position: relative;
    z-index: 10;
    background: grey;
    color: white;
    display: inline-block;
    padding: 0 0.3em;
    border-radius: 2px;
    text-transform: uppercase;
    text-align: center;
    width: 0.8em;
    font-size: 0.6rem;
    font-weight: 600;
    vertical-align: middle; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="full"] .field-name-field-taxon-rank {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
  color: grey; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="full"] .ol-map {
  width: auto;
  height: 500px; }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="full"] .field-name-field-pictures > .field-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 1vw; }

@media all and (min-width: 1200px) {
  .taxonomy-term[data-vocabulary="taxa"][data-view-mode="full"] .field-label-inline .field-label {
    min-width: 10em; } }

.taxonomy-term[data-vocabulary="taxa"][data-view-mode="full"] .field-label-inline .field-items {
  max-height: 5em;
  overflow: auto; }

.term-tree ul {
  margin: 0;
  padding-left: 0.6em; }
  .term-tree ul li {
    list-style-type: disc; }
    .term-tree ul li + li {
      margin-top: 0; }

.term-tree ul.children {
  font-size: 0.9em; }

.term-tree > ul {
  margin-left: 1em; }

/* -----------------------------------------------------------------------------
                                                            Localities
*/
.taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding: 0; }
  .taxonomy-term[data-vocabulary="locality"][data-view-mode="small"] .show {
    width: 300px;
    padding-right: 2em; }

/* -----------------------------------------------------------------------------
                                                            Habitats
*/
.taxonomy-term.vocabulary-habitats[data-view-mode="teaser"] .field {
  width: calc( (100% - 1.5vw * (2 - 1)) / 2);
  margin-left: 0.75vw;
  margin-right: 0.75vw; }
  .taxonomy-term.vocabulary-habitats[data-view-mode="teaser"] .field:nth-child(n + 3) {
    margin-top: 2.2vw; }
  .taxonomy-term.vocabulary-habitats[data-view-mode="teaser"] .field:nth-child(2n - 1) {
    margin-left: 0;
    clear: left; }
  .taxonomy-term.vocabulary-habitats[data-view-mode="teaser"] .field:nth-child(2n) {
    margin-right: 0; }

.taxonomy-term.vocabulary-habitats[data-view-mode="teaser"] .field-label,
.taxonomy-term.vocabulary-habitats[data-view-mode="teaser"] .field-label + * {
  display: table-cell; }

.taxonomy-term.vocabulary-habitats[data-view-mode="teaser"] .field-label {
  width: 8em; }

.observation.displayed-as-group header {
  display: none; }

.node-observation[data-view-mode="full"] .col-container,
[data-type="observation"][data-view-mode="full"] .col-container {
  grid-template-columns: 1fr; }
  @media all and (min-width: 550px) {
    .node-observation[data-view-mode="full"] .col-container,
    [data-type="observation"][data-view-mode="full"] .col-container {
      grid-template-columns: calc(50px + 20%) 1fr; } }

.node-observation[data-view-mode="full"] h1,
[data-type="observation"][data-view-mode="full"] h1 {
  text-align: left; }

.node-observation[data-view-mode="full"] .field-name-field-pictures-observation:after,
[data-type="observation"][data-view-mode="full"] .field-name-field-pictures-observation:after {
  content: "";
  display: table;
  clear: both; }

.node-observation[data-view-mode="full"] .others .field-name-field-pictures-observation > .field-items,
[data-type="observation"][data-view-mode="full"] .others .field-name-field-pictures-observation > .field-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  grid-gap: 4px;
  align-items: flex-start;
  margin-top: 5px; }

.node-observation.selectable,
[data-type="observation"].selectable {
  width: 144px;
  height: 217px;
  margin-bottom: calc(10px + 1vw);
  border: none;
  padding: 0; }
  .node-observation.selectable .fields li,
  [data-type="observation"].selectable .fields li {
    display: inline-block;
    float: none; }
  .node-observation.selectable div.contextual-links-wrapper,
  [data-type="observation"].selectable div.contextual-links-wrapper {
    display: none; }
  .node-observation.selectable .views-field:first-child,
  .node-observation.selectable .views-field:first-child img,
  [data-type="observation"].selectable .views-field:first-child,
  [data-type="observation"].selectable .views-field:first-child img {
    border-radius: 0.4em 0.4em 0 0; }
  .node-observation.selectable .views-field-field-pictures-observation-1,
  .node-observation.selectable .views-field-field-pictures-observation,
  .node-observation.selectable .views-field-field-image,
  [data-type="observation"].selectable .views-field-field-pictures-observation-1,
  [data-type="observation"].selectable .views-field-field-pictures-observation,
  [data-type="observation"].selectable .views-field-field-image {
    display: block; }
    .node-observation.selectable .views-field-field-pictures-observation-1 .field-content,
    .node-observation.selectable .views-field-field-pictures-observation .field-content,
    .node-observation.selectable .views-field-field-image .field-content,
    [data-type="observation"].selectable .views-field-field-pictures-observation-1 .field-content,
    [data-type="observation"].selectable .views-field-field-pictures-observation .field-content,
    [data-type="observation"].selectable .views-field-field-image .field-content {
      display: inline; }
  .node-observation.selectable .views-field-field-pictures-observation-1,
  [data-type="observation"].selectable .views-field-field-pictures-observation-1 {
    margin-bottom: 2px; }
  .node-observation.selectable .views-field-field-pictures-observation,
  [data-type="observation"].selectable .views-field-field-pictures-observation {
    height: 85px;
    overflow: hidden; }
    .node-observation.selectable .views-field-field-pictures-observation > .field-content,
    [data-type="observation"].selectable .views-field-field-pictures-observation > .field-content {
      display: flex; }
      .node-observation.selectable .views-field-field-pictures-observation > .field-content > article:not(:first-child),
      [data-type="observation"].selectable .views-field-field-pictures-observation > .field-content > article:not(:first-child) {
        margin-left: 2px; }
    .node-observation.selectable .views-field-field-pictures-observation .node,
    [data-type="observation"].selectable .views-field-field-pictures-observation .node {
      display: inline-block; }
    .node-observation.selectable .views-field-field-pictures-observation article:first-child img,
    [data-type="observation"].selectable .views-field-field-pictures-observation article:first-child img {
      border-radius: 0 0 0 0.4em; }
    .node-observation.selectable .views-field-field-pictures-observation article:last-child img,
    [data-type="observation"].selectable .views-field-field-pictures-observation article:last-child img {
      border-radius: 0 0 0.4em 0; }
  .node-observation.selectable .views-field-field-image,
  [data-type="observation"].selectable .views-field-field-image {
    display: block; }
    .node-observation.selectable .views-field-field-image img,
    [data-type="observation"].selectable .views-field-field-image img {
      width: 70px; }

.node-observation[data-view-mode="teaser"],
[data-type="observation"][data-view-mode="teaser"] {
  vertical-align: top;
  padding: 0; }
  .node-observation[data-view-mode="teaser"] h2,
  [data-type="observation"][data-view-mode="teaser"] h2 {
    font-size: 1.2em; }
  .node-observation[data-view-mode="teaser"] .col-container,
  [data-type="observation"][data-view-mode="teaser"] .col-container {
    grid-template-columns: calc(80px + 3vw) 1fr; }
    @media all and (min-width: 440px) {
      .node-observation[data-view-mode="teaser"] .col-container,
      [data-type="observation"][data-view-mode="teaser"] .col-container {
        grid-template-columns: 140px 1fr; } }
  .node-observation[data-view-mode="teaser"] .show,
  [data-type="observation"][data-view-mode="teaser"] .show {
    max-height: 170px;
    overflow: auto; }
    .node-observation[data-view-mode="teaser"] .show .field-item,
    [data-type="observation"][data-view-mode="teaser"] .show .field-item {
      margin-top: 0; }
    .node-observation[data-view-mode="teaser"] .show .others,
    [data-type="observation"][data-view-mode="teaser"] .show .others {
      margin-top: 2px; }
  .node-observation[data-view-mode="teaser"] .tell,
  [data-type="observation"][data-view-mode="teaser"] .tell {
    padding: 0.3em 1.5em 1.2em 0;
    position: relative; }
    .node-observation[data-view-mode="teaser"] .tell .field,
    [data-type="observation"][data-view-mode="teaser"] .tell .field {
      font-size: 0.85em; }
  .node-observation[data-view-mode="teaser"] .others .field-name-field-pictures-observation > .field-items,
  [data-type="observation"][data-view-mode="teaser"] .others .field-name-field-pictures-observation > .field-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2px; }
  .node-observation[data-view-mode="teaser"] .field-name-field-image img,
  [data-type="observation"][data-view-mode="teaser"] .field-name-field-image img {
    border-radius: 0.25em 0 0 0.25em; }

.node-observation[data-view-mode="thumbnail"],
[data-type="observation"][data-view-mode="thumbnail"] {
  padding: 0;
  width: 450px;
  max-width: 100%;
  text-align: center; }
  .node-observation[data-view-mode="thumbnail"] .node-title,
  [data-type="observation"][data-view-mode="thumbnail"] .node-title {
    font-size: 1em;
    font-weight: normal;
    margin-top: 0.4em;
    margin-bottom: 0.4em; }
  .node-observation[data-view-mode="thumbnail"] .field-name-field-image .field-item,
  [data-type="observation"][data-view-mode="thumbnail"] .field-name-field-image .field-item {
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
    .node-observation[data-view-mode="thumbnail"] .field-name-field-image .field-item img,
    [data-type="observation"][data-view-mode="thumbnail"] .field-name-field-image .field-item img {
      max-width: 100%;
      max-height: 100%; }

.node-observation[data-view-mode="printable"],
[data-type="observation"][data-view-mode="printable"] {
  border: solid 1px grey;
  border-radius: 3px;
  margin: 1em;
  padding: 1em;
  width: 28em;
  display: inline-block;
  vertical-align: top; }
  .node-observation[data-view-mode="printable"] * + p,
  [data-type="observation"][data-view-mode="printable"] * + p {
    margin-top: 0.4em; }

.node-picture,
[data-type="picture"],
article.picture {
  display: inline-block; }
  .node-picture .contextual-links-wrapper,
  [data-type="picture"] .contextual-links-wrapper,
  article.picture .contextual-links-wrapper {
    right: 30px; }
  .node-picture[data-view-mode="full"] .field-label,
  [data-type="picture"][data-view-mode="full"] .field-label,
  article.picture[data-view-mode="full"] .field-label {
    min-width: 8em; }
  .node-picture[data-view-mode="teaser"] .node-title,
  [data-type="picture"][data-view-mode="teaser"] .node-title,
  article.picture[data-view-mode="teaser"] .node-title {
    display: none; }
  .node-picture.selectable,
  [data-type="picture"].selectable,
  article.picture.selectable {
    position: relative;
    width: 140px; }
    .node-picture.selectable .views-field-field-image,
    [data-type="picture"].selectable .views-field-field-image,
    article.picture.selectable .views-field-field-image {
      display: block; }
      .node-picture.selectable .views-field-field-image .field-content,
      [data-type="picture"].selectable .views-field-field-image .field-content,
      article.picture.selectable .views-field-field-image .field-content {
        display: inline; }
    .node-picture.selectable .views-field-field-identified-species a,
    [data-type="picture"].selectable .views-field-field-identified-species a,
    article.picture.selectable .views-field-field-identified-species a {
      display: block;
      background-color: rgba(0, 0, 0, 0.4);
      color: white;
      padding: 0.1em 0.3em;
      font-size: 0.9em; }
  .node-picture .size-medium .field-name-field-image img, .node-picture[data-view-mode="medium"] .field-name-field-image img,
  .node-picture .view-mode-thumbnail .field-name-field-image img, .node-picture[data-view-mode="thumbnail"] .field-name-field-image img,
  [data-type="picture"] .size-medium .field-name-field-image img,
  [data-type="picture"][data-view-mode="medium"] .field-name-field-image img,
  [data-type="picture"] .view-mode-thumbnail .field-name-field-image img,
  [data-type="picture"][data-view-mode="thumbnail"] .field-name-field-image img,
  article.picture .size-medium .field-name-field-image img,
  article.picture[data-view-mode="medium"] .field-name-field-image img,
  article.picture .view-mode-thumbnail .field-name-field-image img,
  article.picture[data-view-mode="thumbnail"] .field-name-field-image img {
    border-radius: 0.25em; }
  .node-picture .size-medium a[data-lightbox], .node-picture[data-view-mode="medium"] a[data-lightbox],
  .node-picture .view-mode-thumbnail a[data-lightbox], .node-picture[data-view-mode="thumbnail"] a[data-lightbox],
  [data-type="picture"] .size-medium a[data-lightbox],
  [data-type="picture"][data-view-mode="medium"] a[data-lightbox],
  [data-type="picture"] .view-mode-thumbnail a[data-lightbox],
  [data-type="picture"][data-view-mode="thumbnail"] a[data-lightbox],
  article.picture .size-medium a[data-lightbox],
  article.picture[data-view-mode="medium"] a[data-lightbox],
  article.picture .view-mode-thumbnail a[data-lightbox],
  article.picture[data-view-mode="thumbnail"] a[data-lightbox] {
    border-top-right-radius: 0.25em; }
  * + .node-picture[data-view-mode="thumbnail"], * +
  [data-type="picture"][data-view-mode="thumbnail"], * +
  article.picture[data-view-mode="thumbnail"] {
    margin-left: 0.5em; }

.node[data-type="identification_community"][data-view-mode="text"] h2 {
  font-size: 1em; }

.node[data-type="identification_community"][data-view-mode="teaser"] {
  display: flexbox;
  vertical-align: top;
  display: flex;
  box-sizing: border-box;
  padding: 0; }
  .node[data-type="identification_community"][data-view-mode="teaser"] .show,
  .node[data-type="identification_community"][data-view-mode="teaser"] .tell {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0; }
  .node[data-type="identification_community"][data-view-mode="teaser"] .show {
    flex: 0 1 auto;
    width: calc(50px + 10%);
    max-width: 110px;
    text-align: center;
    border-radius: 0.25em 0 0 0.25em;
    overflow: hidden;
    transition: width 0.5s ease; }
    .node[data-type="identification_community"][data-view-mode="teaser"] .show .node {
      max-height: 110px;
      overflow: hidden;
      display: block;
      margin-bottom: 1px; }
  .node[data-type="identification_community"][data-view-mode="teaser"] .node-form {
    display: inline-block; }
  .node[data-type="identification_community"][data-view-mode="teaser"] .user-votes {
    font-size: 0.8em; }
  .node[data-type="identification_community"][data-view-mode="teaser"] section > button, .node[data-type="identification_community"][data-view-mode="teaser"] .form-actions section > [type="submit"], .form-actions .node[data-type="identification_community"][data-view-mode="teaser"] section > [type="submit"], .node[data-type="identification_community"][data-view-mode="teaser"]
  .form-actions section > [type="button"],
  .form-actions .node[data-type="identification_community"][data-view-mode="teaser"] section > [type="button"] {
    margin: 0;
    height: auto; }
  .node[data-type="identification_community"][data-view-mode="teaser"] .field-name-field-reliability {
    background-color: #878a00;
    color: white;
    font-size: 1.3em;
    padding: 0.3em 0;
    border-radius: 0 0 0 0.25em; }
    .node[data-type="identification_community"][data-view-mode="teaser"] .field-name-field-reliability img {
      border-radius: 0.25em 0 0 0;
      margin-bottom: 0.6em; }
  .node[data-type="identification_community"][data-view-mode="teaser"] .tell {
    padding: 1em;
    transition: padding 0.5s ease; }
  .node[data-type="identification_community"][data-view-mode="teaser"] h2 {
    margin-top: 0;
    margin-bottom: 0.2em;
    transition: font-size 0.5s ease; }
  .node[data-type="identification_community"][data-view-mode="teaser"] .submitted {
    margin-top: 0.3em; }
  .node[data-type="identification_community"][data-view-mode="teaser"] form {
    margin-top: 0.4em;
    margin-bottom: 0px; }

.node[data-type="identification_community"][data-view-mode="teaser"] {
  min-height: 154px;
  margin: 0;
  transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, top 0.5s ease; }
  .node[data-type="identification_community"][data-view-mode="teaser"].as-text {
    height: 18px;
    width: 300px;
    padding-right: 1em; }
    .node[data-type="identification_community"][data-view-mode="teaser"].as-text h2 {
      font-size: inherit; }
    .node[data-type="identification_community"][data-view-mode="teaser"].as-text .tell {
      padding: 0; }
    .node[data-type="identification_community"][data-view-mode="teaser"].as-text .show {
      width: 0px;
      font-size: 0; }
      .node[data-type="identification_community"][data-view-mode="teaser"].as-text .show img {
        display: none; }

li.views-row-2 .node-identification[data-view-mode="teaser"] .show {
  background-color: #aeaeae; }

body.node-type-collection .field-name-field-collection {
  display: none; }

[data-type="collection"][data-view-mode="full"] h1 {
  text-align: left; }

[data-type="collection"][data-view-mode="full"] .field.ol-map {
  height: 500px; }

/* SMACSS theme rules */
/* -----------------------------------------------------------------------------
                                                                Carousel (slideshow)
*/
.view-home-page-slideshow {
  position: relative; }
  .view-home-page-slideshow,
  .view-home-page-slideshow * {
    max-width: 100%; }
  .view-home-page-slideshow .field-content > img {
    display: block; }
  .view-home-page-slideshow p {
    text-align: inherit; }

.widget_pager {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
  color: #FFF;
  max-width: 50%; }
  .widget_pager .views-slideshow-pager-field-item {
    padding: 0.8em 1.2em;
    transition: all 0.6s ease-in-out 0s;
    background-color: transparent; }
    .widget_pager .views-slideshow-pager-field-item.active {
      background-color: rgba(0, 0, 0, 0.4); }
      .widget_pager .views-slideshow-pager-field-item.active .views-field-field-description {
        max-height: 1000px; }
      .widget_pager .views-slideshow-pager-field-item.active .views-field-title {
        font-weight: bold; }
  .widget_pager .views-field-title {
    margin: 0 0 0.3em;
    color: inherit; }
  .widget_pager .views-field-field-description {
    overflow: hidden;
    transition: all 0.6s ease-in-out 0s;
    max-height: 0; }

/* -----------------------------------------------------------------------------
                                                                Species selector
*/
.view-species-reference-selector-widget .views-table {
  border-bottom: 1px solid #ccc; }

.view-species-reference-selector-widget td {
  border-top: 0;
  border-bottom: 0; }

.view-species-reference-selector-widget td.views-field-field-representative-picture {
  padding: 2px 0.5em; }

.view-species-reference-selector-widget .node-picture,
.view-species-reference-selector-widget [data-type="picture"] {
  margin-right: 1.8em; }
  .view-species-reference-selector-widget .node-picture img,
  .view-species-reference-selector-widget [data-type="picture"] img {
    width: 60px;
    border-top-right-radius: 0; }
  .view-species-reference-selector-widget .node-picture a[data-lightbox],
  .view-species-reference-selector-widget .node-picture a.colorbox,
  .view-species-reference-selector-widget .node-picture a.colorbox-inline,
  .view-species-reference-selector-widget [data-type="picture"] a[data-lightbox],
  .view-species-reference-selector-widget [data-type="picture"] a.colorbox,
  .view-species-reference-selector-widget [data-type="picture"] a.colorbox-inline {
    right: auto;
    left: 100%;
    border-bottom-right-radius: 0.25em; }

.view-species-reference-selector-widget .views-exposed-widgets .views-widget-filter-combine_1,
.view-species-reference-selector-widget .views-exposed-widgets .views-widget-filter-name {
  width: 14em; }

/**
 * @file
 * Styles that override generic styles on specific pages, in specific regions, for specific users, etc.
 */
/**
 * CONTENTS

  Header
  Navigation bar
  Main
  Footer
*/
/* -----------------------------------------------------------------------------
                                                                Header
*/
header[role="banner"] {
  background-color: #487927;
  color: white;
  box-sizing: border-box;
  border-bottom: solid 1px #395f1f; }
  header[role="banner"] a, header[role="banner"] a:hover, header[role="banner"] a:focus, header[role="banner"] a:visited, header[role="banner"] a:active, header[role="banner"] a.active {
    color: inherit; }
  header[role="banner"] a.button {
    background: #5c9931;
    color: white; }
  header[role="banner"] h1, header[role="banner"] h2, header[role="banner"] h3, header[role="banner"] .widget_pager .views-field-title, .widget_pager header[role="banner"] .views-field-title, header[role="banner"] h4 {
    color: inherit; }
  @media all and (min-width: 1150px) {
    header[role="banner"] a.button,
    header[role="banner"] .menu li > a,
    header[role="banner"] .menu .ui-widget-content li > a,
    header[role="banner"] .menu li > span,
    header[role="banner"] a#tour,
    header[role="banner"] .header__logo,
    header[role="banner"] .block {
      display: flex;
      align-items: center;
      height: 90px; }
      .logged-in header[role="banner"] a.button, .logged-in
      header[role="banner"] .menu li > a, .logged-in
      header[role="banner"] .menu .ui-widget-content li > a, .logged-in
      header[role="banner"] .menu li > span, .logged-in
      header[role="banner"] a#tour, .logged-in
      header[role="banner"] .header__logo, .logged-in
      header[role="banner"] .block {
        height: 54px; } }
  header[role="banner"] .header__logo {
    height: 90px; }
    .logged-in header[role="banner"] .header__logo {
      height: 54px; }
  header[role="banner"] p {
    margin: 0; }
  header[role="banner"] img {
    display: block;
    width: 50px; }
  header[role="banner"] a {
    text-shadow: none; }
    header[role="banner"] a.button {
      text-shadow: none;
      margin: 0;
      border-radius: 0;
      box-sizing: border-box;
      display: flex;
      align-items: center; }
  header[role="banner"] h1 {
    margin: 0;
    text-align: left; }
  header[role="banner"] > [role="presentation"] {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    header[role="banner"] > [role="presentation"] > * {
      flex: 0 1 auto; }
  header[role="banner"] a.back {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em; }
    header[role="banner"] a.back img {
      width: 24px;
      vertical-align: middle;
      display: inline-block; }
  header[role="banner"] .header__logo {
    box-sizing: border-box;
    padding: 10px 0;
    margin-right: 1em; }
    header[role="banner"] .header__logo .header__logo-image {
      width: auto;
      max-height: 100%; }
  header[role="banner"] [id="site-identification"],
  header[role="banner"] .header__name-and-slogan {
    display: flex;
    align-items: center; }
    header[role="banner"] [id="site-identification"] > *,
    header[role="banner"] .header__name-and-slogan > * {
      flex: 0 1 auto; }
  header[role="banner"] .toggle {
    padding: 0;
    float: none;
    height: 90px;
    margin: 0;
    border-radius: 0;
    color: inherit;
    width: 4rem;
    background: none;
    z-index: 90; }
    header[role="banner"] .toggle:focus {
      background: none; }
    .logged-in header[role="banner"] .toggle {
      height: 54px; }
  header[role="banner"] .header-region-wrapper {
    top: 90px; }
    .logged-in header[role="banner"] .header-region-wrapper {
      top: 54px; }
    @media all and (max-width: 1150px) {
      header[role="banner"] .header-region-wrapper {
        position: absolute;
        right: 0;
        overflow: hidden;
        max-width: 80vw;
        width: 0;
        z-index: 95;
        background: #50862B; }
        header[role="banner"] .header-region-wrapper.visible {
          width: 15em; } }
  header[role="banner"] .region-header {
    justify-content: flex-end;
    width: 15em; }
    @media all and (min-width: 1150px) {
      header[role="banner"] .region-header {
        width: auto;
        display: flex; } }
    header[role="banner"] .region-header > * {
      flex: 0 1 auto;
      align-items: center; }
  header[role="banner"] .block {
    margin-bottom: 0; }
  @media all and (min-width: 1150px) {
    header[role="banner"] .menu {
      display: flex; }
      * > header[role="banner"] .menu {
        flex: 0 1 auto; }
      header[role="banner"] .menu li > a, header[role="banner"] .menu .ui-widget-content li > a,
      header[role="banner"] .menu li > span {
        box-sizing: border-box; }
        header[role="banner"] .menu li > a:hover, header[role="banner"] .menu .ui-widget-content li > a:hover, header[role="banner"] .menu li > a:focus, header[role="banner"] .menu .ui-widget-content li > a:focus,
        header[role="banner"] .menu li > span:hover,
        header[role="banner"] .menu li > span:focus {
          background: rgba(0, 0, 0, 0.1); } }
  header[role="banner"] .menu li {
    position: relative; }
    header[role="banner"] .menu li .menu {
      background-color: #395f1f; }

/* -----------------------------------------------------------------------------
                                                                Navigation bar
*/
#navigation {
  background-color: #487927;
  color: white;
  border-bottom: none;
  border-top: none;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.08); }
  #navigation a, #navigation a:hover, #navigation a:focus, #navigation a:visited, #navigation a:active, #navigation a.active {
    color: inherit; }
  #navigation a.button {
    background: #5c9931;
    color: white; }
  #navigation h1, #navigation h2, #navigation h3, #navigation .widget_pager .views-field-title, .widget_pager #navigation .views-field-title, #navigation h4 {
    color: inherit; }
  #navigation .region {
    text-align: right;
    display: flex;
    justify-content: space-between; }
    #navigation .region > * {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 auto;
      -moz-flex: 0 auto;
      -ms-flex: 0 auto;
      flex: 0 auto; }
  #navigation .block[role="navigation"] {
    transition: max-height 0.5s ease 0s; }
    #navigation .block[role="navigation"].toggled {
      max-height: 1000px; }
    #navigation .block[role="navigation"] .block__title,
    #navigation .block[role="navigation"] .menu-block-wrapper {
      display: block;
      float: left; }
    #navigation .block[role="navigation"] .block__title {
      margin: 0.25em 0.8em 0.25em 0;
      vertical-align: top;
      font-weight: normal;
      color: rgba(255, 255, 255, 0.5); }
    #navigation .block[role="navigation"] .menu:after {
      content: "";
      display: table;
      clear: both; }
    @media all and (min-width: 800px) {
      #navigation .block[role="navigation"] .menu {
        padding: 0;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        width: auto; }
        #navigation .block[role="navigation"] .menu li {
          text-align: center;
          -webkit-box-flex: 0;
          -moz-box-flex: 0;
          box-flex: 0;
          -webkit-flex: 0 0 auto;
          -moz-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
          #navigation .block[role="navigation"] .menu li ul li::after {
            /* items in a submenu */
            display: none; }
          #navigation .block[role="navigation"] .menu li:last-child::after {
            display: none; }
          #navigation .block[role="navigation"] .menu li > .menu {
            position: absolute;
            display: block;
            overflow: hidden;
            width: 12em;
            transition: all 0.3s ease;
            max-height: 0; }
            #navigation .block[role="navigation"] .menu li > .menu li {
              float: none !important;
              display: block !important;
              text-align: left !important; }
              #navigation .block[role="navigation"] .menu li > .menu li::after {
                display: none; }
              #navigation .block[role="navigation"] .menu li > .menu li a {
                display: block;
                font-size: 1em; }
              #navigation .block[role="navigation"] .menu li > .menu li ul {
                position: static;
                display: block;
                overflow: auto;
                width: auto;
                padding-left: 1em;
                max-height: none !important; }
          #navigation .block[role="navigation"] .menu li:hover > .menu {
            max-height: 20em; } }
    #navigation .block[role="navigation"] .menu .menu__link {
      font-size: 0.9em;
      padding: 0.8em 1em; }
      #navigation .block[role="navigation"] .menu .menu__link, #navigation .block[role="navigation"] .menu .menu__link:hover, #navigation .block[role="navigation"] .menu .menu__link:focus, #navigation .block[role="navigation"] .menu .menu__link:visited {
        color: white; }
      #navigation .block[role="navigation"] .menu .menu__link:hover, #navigation .block[role="navigation"] .menu .menu__link:focus {
        background-color: rgba(0, 0, 0, 0.1); }
      #navigation .block[role="navigation"] .menu .menu__link:active {
        background-color: rgba(0, 0, 0, 0.2); }
    #navigation .block[role="navigation"] .menu .menu {
      box-shadow: 0px 1px 0px scale-lightness(#D57C25, -12%) inset; }

/* -----------------------------------------------------------------------------
                                                                Main
*/
main h1 {
  margin-top: 0; }

main > form {
  max-width: 40em;
  margin-left: auto;
  margin-right: auto; }

main #comments {
  margin-top: 3em; }
  main #comments::before {
    content: " "; }

/* -----------------------------------------------------------------------------
                                                                Sidebar
*/
aside {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.05); }

@media all and (min-width: 900px) and (min-width: 400px) {
  aside:first-child {
    margin-right: 60px; } }

@media all and (min-width: 900px) and (min-width: 400px) {
  aside:last-child {
    margin-left: 60px; } }
  aside section {
    padding-top: 3.2em;
    padding-bottom: 3em; }
  aside .block {
    padding: 0 6vw;
    margin-bottom: 2em; }
    aside .block form label {
      font-size: 1em;
      margin: 1em 0 0.2em 0px; }
    aside .block .form-item {
      margin: 0.6em 0px; }
    aside .block .block-title {
      margin-top: 0; }
  aside .max-viewport-height {
    max-height: 70vh;
    overflow: auto; }
  aside ul.features {
    list-style: none;
    padding-left: 0;
    margin: 0; }
    aside ul.features li + li {
      margin-top: 0; }
    aside ul.features li {
      background-color: white;
      border: solid 1px #d6d6d6;
      box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.08);
      display: block;
      margin: 1em 0;
      max-width: 100%;
      position: relative;
      text-align: left;
      padding: 1em;
      border-radius: 0.25em;
      padding: 0.5em 0.7em;
      box-shadow: none;
      margin-top: 0; }
      aside ul.features li.inline {
        display: inline-block;
        margin: 0 1em 1em 0;
        vertical-align: top; }
      aside ul.features li h2,
      aside ul.features li > h3:first-child,
      aside ul.features .widget_pager li > .views-field-title:first-child, .widget_pager
      aside ul.features li > .views-field-title:first-child {
        margin-top: 0; }

/* -----------------------------------------------------------------------------
                                                                Bottom region
  Slides in; contains edit forms
*/
.region-bottom > * {
  transition: height 0.4s ease-in-out; }

.region-bottom .toolbar {
  height: 45px;
  overflow: hidden; }

.region-bottom .field + .field {
  margin-top: 0.8em; }

.region-bottom .field > span {
  display: inline-block; }

.region-bottom .padding {
  padding: 0.5em 0.6em; }

.region-bottom[aria-expanded], .region-bottom.expanded {
  padding: 10px; }
  .region-bottom[aria-expanded] [role="tabpanel"], .region-bottom.expanded [role="tabpanel"] {
    height: 800px; }
    @media all and (min-width: 760px) {
      .region-bottom[aria-expanded] [role="tabpanel"], .region-bottom.expanded [role="tabpanel"] {
        height: auto;
        width: 300px; } }

/* -----------------------------------------------------------------------------
                                                                Footer
*/
footer[role="contentinfo"] {
  background-color: #D1D1D1;
  font-size: 0.8em;
  border-top: solid 1px #a7a7a7; }
  footer[role="contentinfo"] p {
    text-align: inherit;
    margin-top: 0;
    margin-bottom: 0; }
  footer[role="contentinfo"] > .content {
    padding: 1.2em 0;
    width: 100%;
    box-sizing: border-box; }
  footer[role="contentinfo"] .block {
    margin: 0;
    text-align: center; }

.vbo-fieldset-select-all {
  width: auto; }

.node-identification-form[data-view-mode="agreement"] .form-field-name-field-identified-species {
  display: none; }

/**
 * @file
 * Styles that override generic styles on specific pages, in specific regions, for specific users, etc.
 */
/**
 * CONTENTS

  Home page
  Unique pages
  Region: highlighted
  Developer documentation
*/
/* -----------------------------------------------------------------------------
                                                                Home page
*/
body.page-home {
  /* the Home page */ }
  body.page-home [id="main"] > [role="presentation"] {
    display: block;
    max-width: none;
    padding: 0px; }
  body.page-home main > .block > [role="presentation"],
  body.page-home main > section > [role="presentation"] {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    padding-left: 6vw;
    padding-right: 6vw;
    box-sizing: content-box; }
  body.page-home main {
    padding: 0;
    display: block; }
    body.page-home main h1 {
      display: none; }
    body.page-home main h2 {
      text-align: center; }
    body.page-home main .cols {
      display: flex;
      flex-wrap: wrap; }
      body.page-home main .cols > * {
        flex: 0 1 auto; }
      body.page-home main .cols li + li {
        margin-top: 0; }
      body.page-home main .cols > li,
      body.page-home main .cols > * {
        margin-left: 0;
        margin-right: 0; }
      @media all and (max-width: 30em) {
        body.page-home main .cols > li:nth-child(n + 2),
        body.page-home main .cols > *:nth-child(n + 2) {
          margin-top: 2.2vw; } }
      @media all and (min-width: 30em) and (max-width: 960px) {
        body.page-home main .cols > li,
        body.page-home main .cols > * {
          width: calc( (100% - 2.2vw * (2 - 1)) / 2);
          margin-left: 1.1vw;
          margin-right: 1.1vw; }
          body.page-home main .cols > li:nth-child(n + 3),
          body.page-home main .cols > *:nth-child(n + 3) {
            margin-top: 2.2vw; }
          body.page-home main .cols > li:nth-child(2n - 1),
          body.page-home main .cols > *:nth-child(2n - 1) {
            margin-left: 0;
            clear: left; }
          body.page-home main .cols > li:nth-child(2n),
          body.page-home main .cols > *:nth-child(2n) {
            margin-right: 0; } }
      @media all and (min-width: 960px) {
        body.page-home main .cols > li,
        body.page-home main .cols > * {
          width: calc( (100% - 2.2vw * (3 - 1)) / 3);
          margin-left: 1.1vw;
          margin-right: 1.1vw; }
          body.page-home main .cols > li:nth-child(n + 4),
          body.page-home main .cols > *:nth-child(n + 4) {
            margin-top: 2.2vw; }
          body.page-home main .cols > li:nth-child(3n - 2),
          body.page-home main .cols > *:nth-child(3n - 2) {
            margin-left: 0;
            clear: left; }
          body.page-home main .cols > li:nth-child(3n),
          body.page-home main .cols > *:nth-child(3n) {
            margin-right: 0; } }
  body.page-home main > section,
  body.page-home main > .block,
  body.page-home main > .view {
    padding-top: 80px;
    padding-bottom: 80px; }
    body.page-home main > section h2,
    body.page-home main > .block h2,
    body.page-home main > .view h2 {
      font-size: 1.5em;
      margin-top: 0;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 1.4em; }

section#signup_login {
  background-position: center center;
  background-size: cover;
  padding: 0; }
  section#signup_login:after {
    content: "";
    display: table;
    clear: both; }
  section#signup_login [role="tablist"] [role="tab"] {
    background: rgba(255, 255, 255, 0.8);
    color: #007fa9;
    text-shadow: none; }
    section#signup_login [role="tablist"] [role="tab"][aria-selected] {
      background: white;
      color: inherit; }
  section#signup_login .tabs, section#signup_login ul.contextual-links {
    display: block;
    background: rgba(255, 255, 255, 0.6);
    float: right;
    padding: 1em;
    box-sizing: border-box; }

#browse-overview,
#how-it-works {
  background: linear-gradient(30deg, #37b9b4, #1c56a1);
  color: white; }
  #browse-overview h2, #browse-overview h3, #browse-overview .widget_pager .views-field-title, .widget_pager #browse-overview .views-field-title, #browse-overview h4,
  #how-it-works h2,
  #how-it-works h3,
  #how-it-works .widget_pager .views-field-title, .widget_pager
  #how-it-works .views-field-title,
  #how-it-works h4 {
    color: white; }

#what-casabio-is {
  text-align: center;
  background: white; }
  @media all and (min-width: 820px) {
    #what-casabio-is > [role="presentation"] {
      display: flex; }
      #what-casabio-is > [role="presentation"] > * {
        flex: 1 1 0; }
        #what-casabio-is > [role="presentation"] > *:not(:first-child) {
          margin-left: 40px; } }
  #what-casabio-is h3, #what-casabio-is .widget_pager .views-field-title, .widget_pager #what-casabio-is .views-field-title {
    margin-bottom: 0.4em; }
  #what-casabio-is p {
    font-size: 0.85em; }
  #what-casabio-is img {
    width: 68px; }

.view-latest-identified-observations-home {
  background: #2f2f2f;
  color: white;
  text-align: center; }
  .view-latest-identified-observations-home h1, .view-latest-identified-observations-home h2, .view-latest-identified-observations-home h3, .view-latest-identified-observations-home .widget_pager .views-field-title, .widget_pager .view-latest-identified-observations-home .views-field-title, .view-latest-identified-observations-home h4 {
    color: inherit; }
  .view-latest-identified-observations-home a {
    color: white; }
  .view-latest-identified-observations-home .view-content {
    padding-left: 6vw;
    padding-right: 6vw; }
  .view-latest-identified-observations-home .view-content > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(120px + 6%), 16.66%));
    grid-gap: 1.6vw calc(10px + 2%); }
    .view-latest-identified-observations-home .view-content > ul > li > .node {
      margin: 0; }
    .view-latest-identified-observations-home .view-content > ul > * {
      position: relative;
      background: white; }
  .view-latest-identified-observations-home .views-label {
    display: none; }
  .view-latest-identified-observations-home .views-field-title {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4); }
    .view-latest-identified-observations-home .views-field-title, .view-latest-identified-observations-home .views-field-title .field-content, .view-latest-identified-observations-home .views-field-title a {
      display: block;
      width: 100%; }
    .view-latest-identified-observations-home .views-field-title a {
      color: inherit;
      padding: 0.3em;
      font-size: 0.8em; }
  .view-latest-identified-observations-home .views-field-view-node a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

#how-it-works div {
  margin-top: 1em; }
  #how-it-works div:after {
    content: "";
    display: table;
    clear: both; }
  #how-it-works div h2 {
    margin-bottom: 1.3em; }
  #how-it-works div h3, #how-it-works div .widget_pager .views-field-title, .widget_pager #how-it-works div .views-field-title,
  #how-it-works div p {
    margin-top: 0; }
  @media all and (min-width: 400px) {
    #how-it-works div h3, #how-it-works div .widget_pager .views-field-title, .widget_pager #how-it-works div .views-field-title {
      float: left;
      width: 30%;
      text-align: right; } }
  @media all and (min-width: 650px) {
    #how-it-works div h3, #how-it-works div .widget_pager .views-field-title, .widget_pager #how-it-works div .views-field-title {
      width: 20%;
      margin-left: 15%; } }
  @media all and (min-width: 400px) {
    #how-it-works div p {
      float: right;
      width: 65%; } }
  @media all and (min-width: 650px) {
    #how-it-works div p {
      width: 45%;
      margin-right: 15%; } }

#support-overview {
  background-color: #487927;
  color: white;
  background-image: linear-gradient(160deg, #4c8237 0%, #2c664a 100%); }
  #support-overview a, #support-overview a:hover, #support-overview a:focus, #support-overview a:visited, #support-overview a:active, #support-overview a.active {
    color: inherit; }
  #support-overview a.button {
    background: #5c9931;
    color: white; }
  #support-overview h1, #support-overview h2, #support-overview h3, #support-overview .widget_pager .views-field-title, .widget_pager #support-overview .views-field-title, #support-overview h4 {
    color: inherit; }
  #support-overview > [role="presentation"] {
    max-width: 720px; }
  #support-overview .cols-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1vw calc(10px + 5%); }
    #support-overview .cols-2 > * {
      width: auto; }
  #support-overview h3, #support-overview .widget_pager .views-field-title, .widget_pager #support-overview .views-field-title {
    text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2.5px;
    font-weight: bold;
    font-size: 1.1em; }
  #support-overview p {
    font-size: 0.85em; }

#block-casa-core-site-stats {
  text-align: center; }
  #block-casa-core-site-stats ul.non-list, #block-casa-core-site-stats ul.steps.not-links, #block-casa-core-site-stats ul.contextual-links, #block-casa-core-site-stats .pager ul, .pager #block-casa-core-site-stats ul, #block-casa-core-site-stats .node-observation.selectable ul.fields, .node-observation.selectable #block-casa-core-site-stats ul.fields, #block-casa-core-site-stats
  [data-type="observation"].selectable ul.fields,
  [data-type="observation"].selectable #block-casa-core-site-stats ul.fields {
    display: flex;
    flex-wrap: wrap; }
    #block-casa-core-site-stats ul.non-list > *, #block-casa-core-site-stats ul.steps.not-links > *, #block-casa-core-site-stats ul.contextual-links > *, #block-casa-core-site-stats .pager ul > *, .pager #block-casa-core-site-stats ul > *, #block-casa-core-site-stats .node-observation.selectable ul.fields > *, .node-observation.selectable #block-casa-core-site-stats ul.fields > *, #block-casa-core-site-stats
    [data-type="observation"].selectable ul.fields > *,
    [data-type="observation"].selectable #block-casa-core-site-stats ul.fields > * {
      flex: 1 0 140px; }
  #block-casa-core-site-stats .block__title {
    display: none; }
  #block-casa-core-site-stats .value {
    font-weight: bold;
    font-size: 2em; }

#ctas {
  text-align: center;
  background: white; }

/* -----------------------------------------------------------------------------
                                                                Not found
*/
.not-front article[data-view-mode="full"] {
  text-align: center; }

/* -----------------------------------------------------------------------------
                                                                Unique pages
*/
body.page-contribute-observation main {
  display: block;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto; }

body.page-contribute {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */ }

body.section-contribute [id="main"] > [role="presentation"] {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box; }

body.section-contribute .page__title {
  display: none; }

body.section-contribute a.prev {
  float: left; }

body.section-contribute a.next {
  float: right; }

body.page-contribute-upload [id="collection-usage"],
body.page-contribute-upload [id="upload"] {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding-left: 6vw;
  padding-right: 6vw;
  box-sizing: content-box;
  padding-left: 2.2vw;
  padding-right: 2.2vw;
  max-width: 1000px; }

body.page-contribute-upload [id="edit-pictures"] {
  padding-left: 2.2vw;
  padding-right: 2.2vw; }

body.page-contribute-upload [aria-enabled="false"] {
  display: none; }

body.page-contribute-multiple-observations-group [id="main"] > [role="presentation"] {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding-left: 6vw;
  padding-right: 6vw;
  box-sizing: content-box;
  padding-left: 2.2vw;
  padding-right: 2.2vw; }

body.page-contribute-multiple-observations-observation-info [id="edit-observations"] {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding-left: 6vw;
  padding-right: 6vw;
  box-sizing: content-box;
  padding-left: 2.2vw;
  padding-right: 2.2vw; }

/* -----------------------------------------------------------------------------
                                                                Region: highlighted
*/
.region.region-highlighted {
  text-align: center; }

/* -----------------------------------------------------------------------------
                                                                Developer documentation
*/
body.section-api .ctools-collapsible-container {
  border: solid 1px #c5c5c5;
  padding: 0.2em;
  border-radius: 3px;
  margin: 1em 0; }

body.section-api .view .views-exposed-form {
  font-size: 0.8em; }

body.section-api .view table {
  width: 100%;
  font-size: 0.8em; }

body.section-api aside .description {
  display: none; }

#api-function-signature td.signature {
  font-size: inherit; }

/**
 * @file
 * Print styling
 *
 */
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
/**
 * From HTML5Boilterplate
 */
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a, .ui-widget-content a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3,
  .widget_pager .views-field-title {
    orphans: 3;
    widows: 3; }
  h2,
  h3,
  .widget_pager .views-field-title {
    page-break-after: avoid; } }

/**
 * From Zen
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
@media print {
  /* Underline all links. */
  a:link,
  a:visited {
    text-decoration: underline !important;
    /* Don't underline header. */ }
    a:link.header__site-link,
    a:visited.header__site-link {
      text-decoration: none !important; }
  #content {
    /* Add visible URL after links. */
    /* Only display useful links. */
    /* Add visible title after abbreviations. */ }
    #content a[href]:after {
      content: " (" attr(href) ")";
      font-weight: normal;
      font-size: 16px; }
    #content a[href^="javascript:"]:after,
    #content a[href^="#"]:after {
      content: ""; }
    #content abbr[title]:after {
      content: " (" attr(title) ")"; }
  /* Un-float the content. */
  #content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important; }
  /* Turn off any background colors or images. */
  body,
  #page,
  #main,
  #content {
    color: #000;
    background-color: transparent !important;
    background-image: none !important; }
  /* Hide sidebars and nav elements. */
  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  ul.contextual-links,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    visibility: hidden;
    display: none; } }

/*# sourceMappingURL=sourcemaps/casabio.css.map */