/* This file will hold the main styles for your website. */
html,body {
  margin: 0;
  padding: 0;
  height: 100%;
}

blockquote {
  padding-left: 10px;
  font-style: italic;
}

blockquote em,blockquote i {
  font-style: normal;
}

#page {
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

#section-footer {
  margin-top: auto;
}

@font-face {
  font-family: 'Inter';
  src:  url('../fonts/Inter/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Medium.woff') format('woff'),
        url('../fonts/Inter/Inter-Medium.ttf') format('truetype');
  font-display: fallback;
}

@font-face {
  font-family: 'InterItalic';
  src:  url('../fonts/Inter/Inter-Italic.woff2') format('woff2'),
        url('../fonts/Inter/Inter-Italic.woff') format('woff'),
        url('../fonts/Inter/Inter-Italic.ttf') format('truetype');
  font-style: italic, oblique;
}

body,h2,#region-sidebar h3 {
  font: 12px/1.5 Verdana, Helvetica, Arial, sans-serif;
}

h2,#region-sidebar h3 {
  text-transform: uppercase;
  font: 14px/1 Verdana, Helvetica, Arial, sans-serif !important;
  letter-spacing: normal;
}

#region-sidebar h2,#region-sidebar h3 {
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #D6D6D6;
}

i {
  font-style: italic;
}

#region-content h2 {
  color: #fff;
  line-height: 14px;
  padding: 7px 10px 9px 10px;
  margin-bottom: 15px;
}

#region-content article header h2 {
  margin-top: 35px;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal !important;
}

h1,h1.site-name,h2.site-name,h3 {
  font-family: 'Inter', Arial, sans-serif !important;
}

h1,h1.site-name,h2.site-name {
  font-size: 2.6em !important;
  line-height: 1.2em !important;
  text-transform: none !important;
}

h3 {
  font-size: 1.6em;
  margin: 10px 0 5px 0;
}

.site-name {
  letter-spacing: normal;
}

h1#page-title {
  line-height: 1.1em;
  margin: 0 0 8px 0;
  position: relative;
  top: -3px;
}

h1#front-page-title {
  font-size: 2.4em !important;
}

.node-type-biblio h1#page-title {
  font-size: 2em !important;
  padding-bottom: 8px;
}

/* Subtitle */
h1 span {
  font-size: 0.5em;
  padding-left: 6px;
  letter-spacing: normal;
}

.front h1 {
  font-size: 2em;
}

body,#main-menu a:active,#main-menu a.active,#main-menu a:hover,#main-menu a:focus,#main-menu a.active-trail
  {
  color: #3E3E3E;
  letter-spacing: normal;
}

.section-header .site-name a,.section-header h6.site-slogan {
  color: #fff;
}

.section-header h6.site-slogan {
  font-style: italic;
  letter-spacing: normal;
  font-size: 1.2em;
  font-style: italic;
  word-spacing: 0.1em;
}

/* Tables */
table th a {
  text-decoration: none !important;
  color: #3E3E3E !important;
}

table th a img {
  position: relative;
  top: -2px;
  margin-left: 2px;
}

sup,sub {
  height: 0;
  vertical-align: baseline;
  position: relative;
  font-size: 90%;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

.no-borders, .no-borders *{
  border:none !important;
}

/************************ Layout *********************/

/* Sitemap */
.site-map-box>.content {
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
}

/* Slide top & bottom */
#zone-slide-top-wrapper,#zone-slide-bottom-wrapper {
  background: #262626;
  text-align: right;
}

#zone-slide-top-wrapper .scratchpads-slide-toggle-body,
#zone-slide-bottom-wrapper .scratchpads-slide-toggle-body {
  display: none;
}

#zone-slide-top-wrapper form#user-login-form {
  padding: 20px 0 30px 0;
}

#zone-slide-top-wrapper .form-item-remember-me {
  clear: both;
  float: right !important;
}

#zone-slide-top-wrapper .form-item-remember-me input {
  margin-bottom: 2px;
}

#zone-slide-top-wrapper .form-item-remember-me label {
  margin-left: 5px !important;
}

#zone-slide-top-wrapper form#user-login-form .item-list {
  display: block;
  margin-top: 10px;
  clear: both;
}

#zone-slide-top-wrapper form#user-login-form .item-list li {
  font-size: 0.9em;
}

#zone-slide-top-wrapper form#user-login-form .account-links .item-list li
  {
  display: inline;
}

#zone-slide-top-wrapper a,#zone-slide-top-wrapper label {
  color: #fff;
}

#zone-slide-top-wrapper form#user-login-form label {
  display: inline-block;
  margin-left: 40px;
  margin-right: 5px;
}

#zone-slide-top-wrapper form#user-login-form #edit-actions {
  margin-left: 20px;
}

#zone-slide-top-wrapper .form-actions,#zone-slide-top-wrapper .form-item
  {
  float: left;
}

#zone-slide-top-wrapper form#user-login-form .form-item-openid-identifier div.description
  {
  padding: 5px 0;
}

#zone-slide-top-wrapper form#user-login-form .form-item-openid-identifier div.description a
  {
  color: #AEAEAE;
}

a.scratchpads-slide-toggle {
  position: absolute;
  right: 0;
  padding: 0 10px;
  text-align: center;
  height: 20px;
  font-size: 11px;
  line-height: 16px;
  background: #262626;
  text-decoration: none;
  z-index: 100;
}

#zone-slide-top-wrapper a.scratchpads-slide-toggle {
  bottom: -20px;
  -khtml-border-radius-bottomleft: 8px;
  -khtml-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

#zone-slide-bottom-wrapper a.scratchpads-slide-toggle {
  top: -20px;
  -khtml-border-radius-topleft: 8px;
  -khtml-border-radius-topright: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  line-height: 14px;
}

#zone-slide-top-wrapper #block-scratchpads-multilingual-language-switcher ul
  {
  list-style: none;
  list-style-image: none;
  float: right;
  margin-top: 8px;
}

#zone-slide-top-wrapper #block-scratchpads-multilingual-language-switcher li
  {
  list-style: none;
  list-style-image: none;
  float: left;
  margin-right: 12px;
}

#zone-slide-top-wrapper #block-scratchpads-multilingual-language-switcher a.session-active
  {
  text-decoration: none;
  font-weight: bold;
}

/* Header */
#zone-header {
  padding-top: 25px;
  position: relative;
}

#region-secondary-menu {
  position: absolute;
  right: 70px;
  top: 0;
  text-align: right;
}

.logged-in #region-secondary-menu {
  right: 0;
  top: 13px;
}

#region-secondary-menu ul.links li {
  display: inline-block;
  margin-left: 1em;
}

#region-secondary-menu ul.links li a {
  color: #fff;
  font-size: 0.9em;
}

.site-name-slogan {
  float: none !important;
}

.logo-img {
  /* Use logical position properties so logo renders correctly in rtl mode */
  float: inline-start;
  margin-inline: 0 20px;
}

h1.site-name,h2.site-name {
  font-size: 40px;
  margin: 14px 0 8px 0;
}

.section-header h6.site-slogan {
  margin: 8px 0 5px 0;
}

.section-header #region-menu {
  margin-top: 10px;
}

#region-header {
  margin-top: 20px;
  margin-bottom: 10px;
}

#region-header #search-block-form {
  max-width: 380px;
}

#region-header #search-block-form div.form-actions {
  float: right;
  margin: 0;
}

#region-header #search-block-form div.form-actions input {
  margin-right: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border: none;
  text-shadow: none;
  padding: 7px 12px;
  text-transform: uppercase;
  font-weight: normal;
}

#region-header #search-block-form .form-item {
  margin: 0;
  display: block;
}

#region-header #search-block-form .form-type-textfield {
  margin-right: 100px;
}

#region-header #search-block-form .form-item input.form-text {
  height: 26px;
  margin-top: 1px;
  width: 100%;
  background-position: 100% 6px;
}

#region-header #search-block-form .form-item input.throbbing {
  background-position: 100% -14px;
}

#region-header #search-block-form .element-invisible {
  height: 0;
  margin: 0;
}

/* Footer */
.zone-footer-wrapper {
  background: #F1F1F1;
  padding: 20px 0 30px 0
}

.zone-footer-wrapper p {
  text-align: center;
}

/* Footer links & menu */
.block-footer-menu {
  margin-bottom: 20px;
}

.block-footer-logos {
  margin-bottom: 12px;
}

.block-footer-menu ul,.block-footer-logos ul,.block-footer-links {
  text-align: center;
}

.block-footer-menu ul li,.block-footer-logos ul li {
  display: inline;
  list-style: none;
}

.block-footer-menu ul li {
  margin: 0 !important;
  padding: 0;
  color: #ACACAC;
}

.block-footer-menu ul li:not(.last):after {
  content: "|";
}

.block-footer-menu ul li a {
  padding: 0 5px 0 1px;
}

.block-footer-logos ul li {
  padding: 0 10px;
}

/* Creative commons licence */
#block-creative-commons-creative-commons {
  max-width: 500px;
  margin: 0 auto;
}

#block-creative-commons-creative-commons p {
  color: #000;
}

#block-creative-commons-creative-commons a img {
  position: relative;
  top: 3px;
}

/************************ Content *********************/
#zone-content .region {
  margin-bottom: 30px;
}

/* Breadcrumb */
.breadcrumb {
  margin: 13px 0 11px 0;
  color: #898A8C;
}

/* Allow for no breadcrumb on front page*/
.front #section-content {
  margin-top: 30px;
}

/* Sidebar */
#region-sidebar {
  background-color: #EDEDED;
}

#region-sidebar .region-inner {
  padding: 15px 15px 15px 15px;
}

#region-sidebar ul.menu {
  margin: 8px 0;
  list-style: none !important;
}

#region-sidebar ul.menu li {
  margin: 10px 0;
  list-style: none !important;
  padding: 0;
}

#region-sidebar ul.menu ul li {
  list-style: disc inside !important;
  margin-left: 10px;
}

/* custom blocks in sidebar */
#region-sidebar .block-block:not(:last-child)  {
  margin-bottom: 15px;
}

/* Facets */
#region-sidebar ul.facetapi-facetapi-links {
  margin-bottom: 10px;
}

#region-sidebar ul.facetapi-facetapi-links li {
  margin: 5px 0;
  list-style: none;
}

#region-sidebar a.facetapi-limit-link {
  display: block;
  margin-bottom: 20px;
  text-align: right;
  font-size: 10px;
}

/* Species pages*/
.logged-in #block-views-species-spm-block {
  position: relative;
}

.block-species-page-block{
  float:none!important;
}

/* Embeded images */
#zone-content div.content div.field-type-text-with-summary img,
#zone-content div.content div.field-type-text img {
  margin: 0px;
}

#zone-content div.content div.field-type-text-with-summary img[align^=left],
#zone-content div.content div.field-type-text img[align^=left] {
  margin: 0 20px 5px 5px;
}

#zone-content div.content div.field-type-text-with-summary img[align^=right],
#zone-content div.content div.field-type-text img[align^=right] {
  margin: 0 5px 5px 5px;
}


/************************ BLOCKS *********************/

/* Content */
#region-content .block {
  margin-top: 10px;
  margin-bottom: 25px;
}

/* For content blocks without grid-[0-9] */
#region-content .block.gridless {
  float: left;
  width: 100%;
}

/************************ MEDIA GALLERY *********************/
.view-species-media .view-content ul {
  list-style: none;
  margin-top: 20px;
  clear: left;
}

.view-species-media .view-content ul li.views-row,.page-gallery .file,.lexicon-list .file
  {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #999;
  list-style: none;
  background: none;
}

#cboxContent .file {
  border: none;
}

.view-species-media .attachment  ul li.views-row {
  float: none;
  border: 0;
  margin: 0;
}

.float-media-left .field-item{
  float: left;
  margin: 2px;
  padding: 2px;
  height: 100px;
  border:solid 1px #eee;

}
/************************ NODES *********************/
.node .submitted {
  color: #888;
  font-size: 0.9em;
  text-align: right;
}

.node .submitted .user-picture {
  display: inline;
}

/* STRIPY DIV GROUPS */
.stripy-div-group {
  margin: 20px 0;
  border-top: 1px solid #D9DADD;
  display: table;
  border-collapse: collapse;
}

.stripy-div-group:empty{
  display:none!important;
}

.stripy-div-group .field {
  clear: left;
  display: table-row;
}

.stripy-div-group .field > div {
  display: table-cell;
  padding: 5px 5px 10px;
  border-width: 1px;
  border-color: #D9DADD;
  border-style: none solid solid solid;
}

.stripy-div-group .field > div p {
  margin-bottom: 0;
}

.stripy-div-group .odd {
  background: #F1F4FB;
}

.stripy-div-group .field-label {
  width: 200px;
  text-align: right;
  font-weight: bold;
}

.stripy-div-group .field-items {
  margin-left: 205px;
}

.stripy-div-group .field-items {
  border-left: 1px solid #D9DADD;
}

.node div.item-list ul li {
  list-style: disc;
}

.node table th,.node table td {
  border: 1px solid #ACACAC;
}

/* Biblio */
table {
  width: 100%;
  border-width: 1px;
  border-color: #D9DADD;
  border-style: solid solid none solid;
}

table thead tr,table thead tr {
  background: #EBEDED !important;
}

table td,table td,table th {
  padding: 6px 5px;
}

table tr,table tr,table tr {
  background: #fff !important;
}

table tr.odd,table tr.odd,table tr.odd {
  background: #F1F4FB !important;
}

.node-biblio table td.biblio-row-title,table.biblio td.biblio-row-title
  {
  width: 200px;
  text-align: right;
  border-right: 1px solid #D9DADD;
  font-weight: bold;
}

.node ol,.node ul {
  padding-left: 2em !important;
}

/* Just biblio view & solr table */
.biblio table th,table.biblio th {
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #D9DADD;
}

.biblio table td,.biblio table th {
  border-right: 1px solid #D9DADD;
  padding: 8px 6px;
}

.biblio table td.active {
  background: none;
}

.biblio table td.views-field-biblio-authors {
  width: 200px;
}

table.biblio td {
  min-width: 100px;
}

/* biblio export block */
#block-scratchpads-biblio-search-search-export {
  margin-bottom: 1em;
}

#block-scratchpads-biblio-search-search-export div.biblio-links-info {
  float: left;
  margin: 0 0.5em 0 0;
}

#block-scratchpads-biblio-search-search-export ul {
  margin: 0;
  padding: 0;
}

#block-scratchpads-biblio-search-search-export ul li {
  margin: 0 0.5em 0 0;
  padding: 0;
  float: left;
}

/* Embeded floated images ; for imported sites */
#region-content div.field-name-body img.embeded_image_float_right {
  float: right;
}

#region-content div.field-name-body img.embeded_image_float_left {
  float: left;
}

/****************** BLOG ****************/
.view-blog-page .views-row-odd,.view-blog-page .views-row-even {
  padding: 2px 10px;
}

.view-blog-page h3 {
  margin-top: 4px !important;
}

.view-blog-page .views-row-odd {
  background-color: #EDEDED;
}
/****************** SIMPLE TAXONOMY TERM PAGE ****************/
.search-row-even,.search-row-odd {
  padding: 0 5px;
}

.search-row-odd {
  background-color: #EDEDED;
}
/****************** SPM *****************/
.node-spm .field-name-field-spm-map {
  margin-top: 10px;
}

/****************** EVENTS *****************/
body.page-event #region-content div.view-event-calendar div.item-list div.views-field-title
  {
  font-size: 1.6em;
  font-family: 'FontinSansRegular', Gerogia, serif;
  font-weight: normal;
  letter-spacing: -0.05em;
}

body.page-event #region-content div.view-event-calendar div.item-list div.views-field-field-event-date
  {
  font-weight: bold;
  margin-bottom: 8px;
}

body.page-event #region-content div.view-event-calendar div.item-list div.views-field-created,body.page-event #region-content div.view-event-calendar div.item-list div.views-field-name
  {
  float: right;
  color: #888;
  font-size: 0.9em;
}

body.page-event #region-content div.view-event-calendar div.item-list div.views-field-created:after
  {
  content: "-- ";
}

article.node-event div.field-name-field-event-date {
  font-weight: bold;
  margin-bottom: 12px;
}

/****************** Overlay *****************/
.field-name-field-image-caption,.field-name-field-image-caption div {
  max-width: 400px;
}

.field-name-field-image-caption div {
  padding: 6px 0;
}

#cboxContent .file .content span.file-styles {
  text-align: center;
  display: block;
}

#cboxContent .file .content .field div.field-label {
  width: 160px;
}

#cboxContent .file .content .field div.field-items {
  margin-left: 180px;
}

.file .field-name-field-description div.field-items {
  max-width: 500px !important;
}

.field.field-name-field-creator .field-items .field-item:before {
  content: '\a9  ';
}

/****************** SLICKGRID *****************/
.bt-wrapper h2 {
  background: none !important;
  margin: 0 !important;
  padding: 2px 0 6px 0 !important;
  font-size: 10px !important;
}

/****************** ADMIN *****************/

/* Fix the contextual links zindex*/
div.contextual-links-wrapper {
  z-index: 1 !important;
}

/* Fix contextual blocks on taxon pages #2233 */
.contextual-links-region.block-default {
  position: static;
}

div.contextual-links-wrapper ul.contextual-links {
  z-index: 2 !important;
}

/****************** CONTACT FORMS *****************/
#modalContent .popups-container {
  overflow: visible;
}

#modalContent .popups-container .popups-title {
  position: absolute;
  top: -28px;
  width: 550px;
  z-index: 100;
  padding: 0 !important;
}

#modalContent .popups-container .popups-title h3#modal-title {
  color: #fff !important;
  font-size: 18px !important;
  top: 0;
  margin: 0;
  position: relative;
}

#modalContent .popups-container .popups-title span.close {
  top: 7px !important;
  background: url('../images/contact-close.png') no-repeat !important;
  width: 10px;
  width: 10px;
  right: 10px;
}

.contact-form .form-item {
  margin: 15px 0;
}

.contact-form label {
  float: left !important;
  width: 210px !important;
  clear: left;
  font-weight: bold;
}

.contact-form input {
  width: 200px;
}

.contact-form input.form-checkbox,.contact-form input.form-submit {
  width: auto;
}

.contact-form textarea,.contact-form div.grippie,.contact-form select {
  width: 300px;
}

.contact-form div.grippie {
  margin-left: 210px !important;
}

.contact-form .form-actions {
  margin-left: 210px;
}

/****************** BETA *****************/
#beta {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

/****************** Comments *****************/
li.comment-add {
  font-weight: 700;
}

#comments h2 {
  background: transparent !important;
  color: #3E3E3E;
  padding: 0;
}

article.comment h3 {
  margin: 0 0 5px !important;
}

article.comment {
  margin: 5px !important;
  padding: 10px !important;
}

article.comment.odd {
  background-color: #EDEDED;
}

#comments h2 {
  margin-top: 20px;
}

/****************** NODE LINKS *****************/
.node-links {
  padding-top: 30px;
}

.node-links ul.links,.node-links ul.links li {
  padding-left: 0 !important;
}
/************************ FORUMS *********************/
#forum table {
  width: 100%;
}

#forum td {
  vertical-align: top;
}

#forum td.icon {
  width: 20px;
}

/************************ VIEWS TABLES *********************/
table,tbody,tfoot,thead,tr,th,td {
  vertical-align: middle !important;
}
/* custom styling for views table set within views custom classes */
.table-no-header table thead {
  display: none;
}
/* table level */
.table-no-zebra table tr:nth-child(odd),.table-no-zebra table tr.odd,.table-no-zebra table tr:nth-child(even),.table-no-zebra table tr.even
  {
  background: transparent !important;
}

.table-valign-top table tr td {
  vertical-align: top !important;
}

.table-valign-bottom table tr td {
  vertical-align: bottom !important;
}

.table-p-sm-bottom-margin table p {
  margin-bottom: 10px;
}

.table-no-bottom-padding table tr td {
  padding-bottom: 0px;
}
/* just combine a few to make styling a bit easier */
.table-compact-to-top table tr td {
  vertical-align: top !important;
  padding-bottom: 0px;
}

.table-compact-to-top table p {
  margin-bottom: 10px;
}

/* row level */
.row-valign-top td {
  vertical-align: top !important;
}

.row-valign-bottom td {
  vertical-align: bottom !important;
}

.row-p-sm-bottom-margin p {
  margin-bottom: 10px;
}

.row-no-bottom-padding td {
  padding-bottom: 0px;
}
/* just combine a few to make styling a bit easier */
.row-compact-to-top td {
  vertical-align: top !important;
  padding-bottom: 0px;
}

.row-compact-to-top td p {
  margin-bottom: 10px;
}

/* cell level */
.table-cell-nowrap {
  white-space: nowrap;
  overflow: hidden;
}

.table-cell-valign-top {
  vertical-align: top !important;
}

.table-cell-valign-bottom {
  vertical-align: bottom !important;
}

.table-cell-p-sm-bottom-margin p {
  margin-bottom: 10px;
}

.table-cell-no-bottom-padding {
  padding-bottom: 0px;
}

.odd td.table-cell-no-zebra,.even td.table-cell-no-zebra {
  background: transparent !important;
}
/* just combine a few to make styling a bit easier */
.table-cell-compact-to-top {
  vertical-align: top !important;
  padding-bottom: 0px;
}

.table-cell-compact-to-top p {
  margin-bottom: 10px;
}

/* field items */
.field-label-inline .field-item {
  margin-right: 3px;
}

.node-type-specimen-observation .field-name-field-media .field-item {
  margin: 4px;
  display: inline-block;
  vertical-align: top;
  /* For IE 7 */
  zoom: 1;
  *display: inline;
}
/* put a border on the bottom of a views table
 it gets to be made missing by biblio table global.css line 675 */
table.views-table {
  border-bottom: 1px solid #CCCCCC;
}
/* put bullets on the correct side of the div and properly indent long text.
Either the padding or the margin needs to be set to zero, with the other one set to 1em.
A hair out in IE*/
table.views-table ul {
  list-style-position: inside;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}

td.views-field-contextual-links {
  position:relative
}

.lexicon-related > a:not(:last-child)::after {
  content: ',';
  margin-right: 0.5em;
}

.lexicon-extralinks > a {
  margin-left: 1em;
}