/**
 * @file
 * D8 Barrio NatureServe specific CSS LIVE!!!.
 */
/*  Type START */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css");

.container-fluid {
  position: relative;
}

.node__content {
  font-size: 1rem;
}

.node__meta {
  display: none;
}

a {
  text-decoration: none !important;
}

#civicrm-menu-nav a, #toolbar-bar a {
  color: #BAB7B7 !important;
}

a:hover {
  /*color: #0449a4 !important;*/
  text-decoration: none !important;
}

a.wp-block-button__link {
  color: #fff !important;
}

body {
  font: 'Roboto', sans-serif !important;
}

p {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

b {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
}

li {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

p.bold {
  font-weight: 700;
}

h1 {
  font-size: 2.5rem !important;
  font-weight: bold !important;
  font-family: 'Roboto', sans-serif !important;
}

h1.normal {
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}

h2 {
  font-size: 2rem !important;
  font-weight: 700 !important;
  font-family: 'Roboto', sans-serif !important;
}

h2.normal {
  font-weight: 500;
}

h2 a {
  color: black !important;
}

h2 a:hover {
  color: #0449a4 !important;
}

@media (max-width: 1175px) {
  h2 {
    font-size: 1.5rem !important;
  }

  h2 a {
    font-size: 1.5rem !important;
  }
}

.sidebar h2 {
  font-size: 1.5rem !important;
  font-weight: bold !important;
  font-family: 'Roboto', sans-serif !important;
}

h3 {
  font-size: 1.75rem !important;
  font-weight: bold !important;
  font-family: 'Roboto', sans-serif !important;
}

h3.normal {
  font-weight: 500 !important;
}

h3 a {
  color: black !important;
}

h3 a :hover {
  color: #0449a4 !important;
}

@media (max-width: 1175px) {
  h3 {
    font-size: 1.25rem !important;
  }

  h3 a {
    font-size: 1.25rem !important;
  }

  .support-txt {
    font-size: .85rem;
  }
}

h4 {
  font-size: 1.5rem !important;
  font-weight: bold !important;
  font-family: 'Roboto', sans-serif !important;
}

h4.normal {
  font-weight: 500 !important;
}

h4 a {
  color: black !important;
}

h4 a:hover {
  color: #0449a4 !important;
}

h4.rt-col-hlt-links a {
  color: #00377F !important;
  text-decoration: none;
}

h4.rt-col-hlt-links a:hover {
  color: #0449a4 !important;
  text-decoration: none;
}

h5 {
  font-size: 1.25rem !important;
  font-weight: bold !important;
  font-family: 'Roboto', sans-serif !important;
}

h5.normal {
  font-weight: 500 !important;
}

h5 a {
  color: black !important;
}

h5 a:hover {
  color: #0449a4 !important;
}

h6 {
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: 'Roboto', sans-serif !important;
}

h6.bold {
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: 'Roboto', sans-serif !important;
}

.js-layout-builder-category a {
  color: #fff !important;
}

.footer-content a {
  color: #fff !important;
  text-decoration: none;
}

.intro-text-highlight {
  font-size: 22px;
  font-weight: 300;
}

.intro-text-h {
  font-size: 22px;
  font-weight: 300;
  margin: 20px 10% 20px 10%;
}

.intro-text-h-2 {
  margin: 20px 0px 20px 0px;
}

@media (max-width: 480px) {
  .intro-text-h {
    margin: 20px 0px 20px 0px;
  }
}

.intro-text-p {
  margin: 0px 10% 20px 10%;
}

.intro-text-p-2 {
  margin: 0px 0% 20px 0%;
}

.intro-text-h2 {
  font-size: 22px;
  font-weight: 300;
}

.intro-text-h3 {
  font-size: 22px;
  font-weight: 300;
  margin: 0px 5% 20px 90px;
}

@media (max-width: 992px) {
  .intro-text-h3 {
    margin: 0px 5% 20px 80px;
  }
}

@media (max-width: 768px) {
  .intro-text-h3 {
    margin: 0px 5% 20px 70px;
  }
}

@media (max-width: 576px) {
  .intro-text-h3 {
    margin: 0px 5% 20px 50px;
  }
}

.img-caption {
  color: #9c9e9f;
  font-size: 13px;
  text-align: right;
  padding-right: 10px;
  margin-bottom: 0px;
  margin-top: 6.5px;
}

.pub-teaser-pub-title {
  color: #797B7E;
}

.pub-high-teaser-pub-title {
  color: rgba(0, 0, 0, 0.70);
}

.learn-more ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}

.learn-more li {
  list-style-type: none;
  margin-bottom: 10px;
  padding-left: 0px;
  font-size: 14px;
  font-weight: 500;
}

.contacts-rt-col li {
  margin-bottom: 20px;
}

.learn-more h5 {
  margin-bottom: 20px;
}

.learn-more p {
  margin-bottom: 5px;
}

.learn-more h4 {
  font-weight: 500;
}

.sm-list {
  font-size: 13px;
  font: 'Roboto', sans-serif !important;
}

.nobullet {
  list-style-type: none !important;
  font: 'Roboto', sans-serif !important;
  margin-left: 0px;
  padding-left: 0px;
}

.gray-bkg {
	background-color: #eeeeee !important;
}

.content-type-uc {
  text-transform: uppercase;
  color: #797B7E;
}

/*  CONTENT TYPES TEXT*/
.field--name-title {
  font-size: 2rem;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 20px;
}

.field--name-field-subtitle {
  font-weight: bold;
  color: #797B7E;
  font-size: 1.25rem;
  margin-bottom: 20px;
}

.block-field-blocknodepublicationstitle,
.block-field-blocknodeeventtitle,
.block-field-blocknodenews-itemfield-date {
  margin-bottom: 20px;
}

.node__content .datetime {
  text-transform: uppercase;
  color: #797B7E;
}

.field--name-field-publication-title,
.field--name-field-lead-author {
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
}

.field__label {
  font-weight: bold;
  margin-top: 20px;
}

.field--name-field-abstract {
  margin-top: 20px;
}

.field--name-field-natureserve-author-s- .field__label {
  font-weight: bold;
  margin-top: 20px;
}

.field--name-field-related-news .field__label,
.field--name-field-conservation-topic .field__label,
.field--name-field-related-project .field__label,
.field--name-field-related-product .field__label,
.field--name-field-event-type .field__label,
.field--name-field-tool-type .field__label,
.field--name-field-attachment .field__label,
.field--name-field-related-publication .field__label,
.field--name-field-value-chain .field__label,
.field--name-field-product-owner .field__label,
.field--name-field-geo .field__label,
.field--name-field-client .field__label,
.field--name-field-partners- .field__label,
.field--name-field-other-parters-collaborator .field__label,
.field--name-field-partners-collaborators .field__label,
.field--name-field-source {
  font-weight: bold;
  margin-top: 20px;
}

.block-views-exposed-filter-blockpublications-publications-search h2 {
  font-size: 1.5rem !important;
  margin-top: 10px !important;
}

.block-field-blocknodearticlefield-tool-type h2,
.block-field-blocknodearticlefield-conservation-topic h2,
.block-field-blocknodearticlefield-species-ecosystem h2,
.block-field-blocknodearticlefield-attachment h2,
.block-field-blocknodenews-itemfield-attachment h2,
.block-field-blocknodenews-itemfield-conservation-topic h2,
.block-field-blocknodenews-itemfield-related-organization h2,
.block-field-blocknodenews-itemfield-attachment h2,
.block-field-blocknodenews-itemfield-conservation-topic h2,
.block-field-blocknodenews-itemfield-related-organization h2 {
  font-weight: bold !important;
  margin-top: 20px !important;
  font-size: 1em !important;
}

.field--name-field-value-proposition .field__label,
.field--name-field-overview .field__label,
.field--name-field-features-benefits .field__label,
.field--name-field-goal .field__label,
.field--name-field-significance .field__label,
.field--name-field-about-project .field__label {
  font-size: 1.5rem !important;
  font-weight: bold !important;
  font-family: 'Roboto', sans-serif !important;
}

/*  Type END */
/*  Button START */
.btn {
  text-transform: uppercase !important;
  border-color: #fff !important;
  background-color: #00377F;
  border: 1px solid #fff !important;
  border-radius: .25rem !important;
  transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out !important;
}

.btn-primary {
  border-color: #fff !important;
  color: #fff !important;
  background-color: #00377F !important;
}

.btn-primary:hover {
 background-color: #0449a4 !important;
}

.btn-adopt {
	font-size: 16px !important;
	font-family: "IBM Plex Sans",sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    padding: 14px 20px !important;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(66, 126, 60) !important;
    border: 0px solid rgb(0, 0, 0) !important;
    box-shadow: rgb(0 0 0 / 40%) 0px 1px 4px !important;
    border-radius: 6px !important;
    margin: 3px 4px 5px !important;
	transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out !important;
}

.btn-adopt:hover {
      background-color: rgb(79, 151, 73) !important;
}

.wp-block-button-grp {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.wp-block-button {
  margin-top: 10px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #00377F;
  border: 1px solid #fff !important;
  border-radius: .25rem;
  transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out;
}

.wp-block-button.button-left {
  margin-top: 10px;
  position: unset;
  left: unset;
  transform: unset;
}

.wp-block-button__link {
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  padding: .375rem .75rem !important;
  background-color: #00377F;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out;
}

.wp-block-button:hover {
  background-color: #0449a4;
}

.wp-block-button__link:hover {
  background-color: #0449a4;
}

.big-btn .wp-block-button {
  text-transform: uppercase;
  /*display: inline-block;*/
  background-color: #00377F;
  border: 1px solid #e2e2e2;
  border-radius: .25rem;
  transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out;
}

.big-btn .wp-block-button__link {
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
  padding: .5rem 1rem !important;
  background-color: #00377F;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out;
}

.big-btn .wp-block-button:hover {
  text-transform: uppercase;
  background-color: #0449a4;
}

nav.tabs ul .nav-item.active a {
  background: #00377F !important;
  color: #fff !important;
}

ul.nav-tabs li.nav-item {
  padding: 0 0px;
  margin: 0;
}

.mcbutton {
  text-transform: uppercase !important;
  border-color: #fff !important;
  background-color: #00377F;
  border: 1px solid #fff !important;
  border-radius: .25rem !important;
  transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out !important;
}

.mcbutton {
  border-color: #fff !important;
  font-size: 1rem;
  font-weight: 400;
  padding: .375rem .75rem !important;
  line-height: 1.5;
  color: #fff !important;
  background-color: #00377F !important;
}

.mcbutton:hover {
 background-color: #0449a4 !important;
}

/*Start Nav - Coppied from ns-nav.css*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css");

.navbar .nav-item .nav-link {
  color: #0449a4;
  font-weight: 600;
  display: inline-block;
}

.nav-link--user-login,
.nav-link--user-logout,
.nav-link--user,
.nav-link--user-profile,
.nav-link--civicrm-mailing-subscribe,
.nav-link--network-directory-network-member-profile,
.nav-link--user-password {
  text-transform: uppercase !important;
  font-weight: 600;
}

.nav-item:hover {
  color: #007bff;
}

.navbar-brand {
  padding: 0 !important;
}

.navbar-brand>img {
  height: 90px;
}

@media all and (max-width: 575px) {
  .navbar-brand>img {
    width: 225px;
    height: 67px;
  }
}

a.nav-link.dropdown-toggle {
  display: inline-block;
}

.dropdown-toggle::after {
  display: none !important;
}

li.nav-item {
  margin-left: 15px;
}

#donate-button {
  margin: 10px 0 10px 0;
}

#search-icon {
  display: none;
}

#collapse-search {
  background-color: #0449a4;
}

#search-box {
  height: 31px;
  margin: 0 7.5px;
  width: unset;
  flex-grow: 1;
}

#search-container {
  display: inline-flex;
  width: 100%;
  padding: 10px 37.5px;
}

#search-form {
  flex-direction: row-reverse;
}

#search-btn {
  margin: 0 7.5px;
}

.navbar-toggler {
  border: 1px solid #bbb !important;
  -webkit-appearance: unset !important;
  z-index: 9999;
}

ul.dropdown-menu {
  width: fit-content;
}

.two-col {
  min-width: 30rem !important;
}

.two-col .dropdown-item {
  white-space: wrap !important;
}

a.dropdown-item{
    color: #0449a4 !important;
}

.dropdown-header {
    display: block;
    padding: 0px 15px 0px 15px !important;
    color: #000 !important;
    font-weight: bold;
    font-size: 18px;
   /* border-bottom: 1px solid #ccc;*/
}

@media all and (max-width: 576px) {
  .dropdown-item {
    white-space: normal !important;
  }
}

@media all and (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 0 !important;
  }

  li.nav-item {
    padding: 0 10px;
    margin: 0;
  }

  .caret-down {
    display: none;
  }

  ul.clearfix.nav.navbar-nav {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 100;
    align-items: center;
    height: 100%;
  }

ul.clearfix.nav.navbar-nav.insite-nav {
    right: 40px !important;
  }
    
  #search-container {
    display: flex;
    justify-content: flex-end;
    background-color: #00377F;
  }

  #search-form {
    flex-direction: row;
  }

  #search-icon {
    display: block;
    font-size: 20px;
  }

  #donate-button {
    margin-top: 0;
    margin-bottom: 0;
  }

  #giveBox>a {
    padding: 0;
  }
}


@media all and (min-width: 1260px) {
  .navbar-brand>img {
    height: 110px;
  }
}

/* End Nav */
/*  Carousel START */
.card {
  border: 0px !important;
}

.card p {
  font-size: 13px !important;
  margin-bottom: 2rem !important;
}

.card-giving p {
  font-size: 16px !important;
  margin-bottom: 2rem !important;
}

a .card {
  color: black !important;
}

a .card :hover {
  color: #0449a4;
}

.card-title {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.card-body {
  padding: 0px !important;
}

.card-body-latest {
  padding: 20px !important;
}

.controls-top {
  font-size: 2rem;
}

.carousel-indicators {
    padding-top: 20px !important;
    position: unset !important;
}

.carousel-indicators li {
  background-color: #00377F !important;
}

/*  Carousel END */
/*  Adopt accordian START */
.card-header {
  padding: 0rem 0rem !important;
  margin-bottom: 10px !important;
  background-color: #fff !important;
  padding-top: 12px !important;
}

.card-body-adopt {
  padding-left: 12px;
  padding-right: 12px;
  border-bottom: 1px solid rgba(0,0,0,.125);
}

/*  Adopt accordian END */
/*  Header START */
/*.container-fluid {
     padding-left: 0px !important;
     padding-right: 0px !important;
}*/
/*.img-fluid {
  max-width: 80%;
}
*/
.col {
  padding-right: 0px;
  padding-left: 0px;
}

.container {
  max-width: 100%;
}

/*  image borders */
.border-col .wp-image-121,
.border-col .wp-image-167,
.border-col .wp-image-168,
.border-col .wp-image-200 {
  border: 2px solid #ccc;
}

/*  Adopt-A-Species Tabs START */
.tab-content {
  border: 1px solid #ccc;
  padding: 20px;
}

ul.nav .nav-tabs .nav-fill .mb-3 {
  margin-left: 0px !important;
}

.mb-3 {
  margin-bottom: 0px !important;
  margin-right: 10px;
}

/*  HEROS - START */
.hero-top-landing {
  margin-top: -195px;
  /*     margin-left: -4%;
     margin-right: -4%;*/
}

.region-featured-top {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: column !important;
  margin-right: -25px !important;
  margin-left: -25px !important;
}

.hero-container-home {
  display: flex;
  justify-content: center;
  align-items: center;
  /*text-align: center;*/
  /*background: rgba(0,0,0, 0.5);*/
  color: white;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  min-height: 380px;
}

/*#video-bg-home {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
    
}*/

.hero-container-home-ca {
  position: relative;
  background-size: cover;
  min-height: 340px;
}

.hero-container {
  background-size: cover;
  min-height: 400px;
}

.hero-caption {
  padding-right: 20px;
  margin-bottom: 20px;
}

h1.hero-container-title, h1.hero-container-title-mission, h1.hero-container-title-ca,
h1.hero-container-home-title, h1.hero-container-home-title-ca {
  font-size: 3rem !important;
}

.hero-container-title, .hero-container-title-ca {
  padding-top: 260px;
  padding-left: 3%;
  line-height: 1.2em;
  text-shadow: 2px 2px 4px black;
  letter-spacing: 1px;
  color: #fff;
}

.hero-container-title-mission {
  padding-top: 100px;
  text-align: center;
  line-height: 1.2em;
  text-shadow: 2px 2px 4px black;
  letter-spacing: 1px;
  color: #fff;
}

.hero-container-title-mission-p {
  padding-top: 20px;
  padding-right: 10%;
  padding-left: 10%;
  text-align: center;
  text-shadow: 2px 2px 4px black;
  color: #fff;
}

#hero-text-home {
  line-height: 1em;
  text-shadow: 2px 2px 4px black;
  letter-spacing: 1px;
  font-size: 28px;
  font-weight: 700;
  text-align: left;
  color: #fff;
  position: absolute;
  top: 200px;
  left: 5%;
  right: 2%;
  /*margin-right: 3%;*/
}

#heron {
  position: absolute;
  top: -20px;
  left: -10%;
}

#heron>img {
  width: 400px;
}

#home-hawk {
  position: absolute;
  left: -5%;
  top: -50px;
}

#home-hawk>img {
  width: 500px;
}

.hero-container-home {
  background-image: url(https://www.natureserve.org/sites/default/files/2025-07/july-2024.jpg);
  background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-container-home-ca {
  background-image: url(/sites/default/files/2021-08/homepage-hero.jpg);
  background-position: center right;
}

.whos-who {
  background-image: url(/sites/default/files/2021-02/hero-whos-who.jpg);
  background-position: center right;
}

.who-we-are {
  background-image: url(/sites/default/files/2021-09/who-we-are_new_hero_0.jpg);
  background-position: center right;
}

.our-work {
  background-image: url(/sites/default/files/2021-06/hero-our-work-3.jpg);
  background-position: center right;
}

.our-products {
  background-image: url(/sites/default/files/2022-09/our-products.jpg);
  background-position: center right;
}

.support-us {
  background-image: url(/sites/default/files/2024-04/get-involved_spring24_hero.jpg);
  background-position: center right;
}

.natureserve-network {
  background-image: url(/sites/default/files/2021-02/hero-natureserve-network.jpg);
  background-position: center right;
}

.financials {
  background-image: url(/sites/default/files/inline-images/muRXB4t7psT7TaX0SlouWhEEzDSjDzsV6tSxxksljgBtuAWMJt.jpg);
  background-position: center right;
}

.classifying-biodiversity {
  background-image: url(/sites/default/files/2021-06/classifying-biodiversity_hero.jpg);
  background-position: center right;
}

.mapping-biodiversity {
  background-image: url(/sites/default/files/inline-images/vQYrz0MhRPlh1hQasiYTYUL7Vs9T9WTVUaTbUw8fEYSB4StCep.jpg);
  background-position: center right;
}

.assessing-biodiversity {
  background-image: url(/sites/default/files/2021-03/hero-assess-bio-status.jpg);
  background-position: center right;
}

.setting-cons-priorities {
  background-image: url(/sites/default/files/2021-06/setting-conservation-priorities_hero.jpg);
  background-position: center right;
}

.cons-status-assessment {
  background-image: url(/sites/default/files/2021-03/hero-cons-status-assessment.jpg);
  background-position: center right;
}

.access-data-species-eco {
  background-image: url(/sites/default/files/2021-07/access-data_hero.jpg);
  background-position: center right;
}

.tools-under-bio-impacts {
  background-image: url(/sites/default/files/2021-07/tools_hero.jpg);
  background-position: center right;
}

.publications {
  background-image: url(/sites/default/files/2021-07/publications_hero.jpg);
  background-position: center right;
}

.documenting-occurrences {
  background-image: url(/sites/default/files/inline-images/yKoKPhXKLOEvFzAQHvfJ0kFdwq8geREjuR5YWoQ53F0oj9Vuin.jpg);
  background-position: center right;
}

.predicting-occurrences {
  background-image: url(/sites/default/files/inline-images/eTM9sgS5Srbb7Tojc91fq75jqY5c7QsNgxwK4bEWE7EomhOr6W.jpg);
  background-position: center right;
}

.ecosystem-mapping {
  background-image: url(/sites/default/files/inline-images/d0Ce48XGKbEZ8tyhppOtxydG4Ivnfxb7TunwmtfMpKF0Bpcp0l.jpg);
  background-position: center right;
}

.inter-collab-red-listing {
  background-image: url(/sites/default/files/inline-images/eNmuYIli4AUfFgX4f8Vs1wZWuJuhiO8ICVIfgm5oGvfEOdAoGJ.jpg);
  background-position: center right;
}

.ecosystem-assessment {
  background-image: url(/sites/default/files/2021-08/ecosystem-assessment_hero_0.jpg);
  background-position: center right;
}

.confronting-climate {
  background-image: url(/sites/default/files/2021-06/confronting-climate-change_hero_0.jpg);
  background-position: center right;
}

.ccvi-species {
  background-image: url(/sites/default/files/2024-09/saltmarsh-sparrow_jonathan-irons_hero.jpg);
  background-position: center right;
}

.ccvi-ecosystems {
  background-image: url(/sites/default/files/2021-04/hero-ccvi-eco.jpg);
  background-position: center right;
}

.bio-cons-metrics {
  background-image: url(/sites/default/files/2021-06/biodiversity-conservation-metrics_sh.jpg);
  background-position: center right;
}

.comm-status-trends {
  background-image: url(/sites/default/files/2021-04/hero-comm-status-trends.jpg);
  background-position: center right;
}

.ident-critical-land {
  background-image: url(/sites/default/files/2021-06/identifying-critical-landscapes_hero_0.jpg);
  background-position: center right;
}

.in-the-news {
  background-image: url(/sites/default/files/2021-07/NatureServeinthenews_hero.jpg);
  background-position: center right;
}

.terms {
  background-image: url(/sites/default/files/2021-07/termsofuse_hero.jpg);
  background-position: center right;
}

.privacy {
  background-image: url(/sites/default/files/2021-07/privacy_hero.jpg);
  background-position: center right;
}

.our-impact {
  background-image: url(/sites/default/files/2021-03/hero-basic-placeholder.jpg);
  background-position: center right;
}

.climate-exposure {
  background-image: url(/sites/default/files/2021-04/hero-climate-exposure-analysis.jpg);
  background-position: center right;
}

.range-shift {
  background-image: url(/sites/default/files/2021-06/hero-range-shift-modeling2.jpg);
  background-position: center right;
}

.ebar {
  background-image: url(/sites/default/files/2021-08/ebar_hero.jpg);
  background-position: center right;
}

.archives {
  background-image: url(/sites/default/files/2021-07/Archives_hero.jpg);
  background-position: center right;
}

.articles {
  background-image: url(/sites/default/files/articles_hero.jpg);
  background-position: center right;
}

.events {
  background-image: url(/sites/default/files/2021-08/events_new-hero.jpg);
  background-position: center right;
}

.projects {
  background-image: url(/sites/default/files/2021-07/project_hero.jpg);
  background-position: center right;
}

.news-releases {
  background-image: url(/sites/default/files/2021-05/hero-news-releases.jpg);
  background-position: center right;
}

.ca-who-we-are {
  background-image: url(/sites/default/files/2021-08/who-we-are_hero.jpg);
  background-position: center right;
}

.ca-our-work {
  background-image: url(/sites/default/files/2021-08/our-work_hero.jpg);
  background-position: center right;
}

.ca-proj-part {
  background-image: url(/sites/default/files/2021-08/partnerships_hero.jpg);
  background-position: center right;
}

.ca-publications {
  background-image: url(/sites/default/files/2021-08/publications_hero.jpg);
  background-position: center right;
}

.ca-bio-data {
  background-image: url(/sites/default/files/2021-08/biodiversity-data_hero.jpg);
  background-position: center left;
}

.ca-our-products {
  background-image: url(/sites/default/files/2021-08/our-products_hero.jpg);
  background-position: center left;
}

.ca-projects {
  background-image: url(/sites/default/files/2024-02/featured-projects_hero.jpg);
  background-position: center left;
}

.network-directory {
  background-image: url(/sites/default/files/2021-07/network-directory_hero.jpg);
  background-position: center right;
}

.network-resources {
  background-image: url(/sites/default/files/2021-03/hero-basic-placeholder.jpg);
  background-position: center right;
}

.ca-csar-calculator {
  background-image: url(/sites/default/files/2021-04/hero-rank-calculator2.jpg);
  background-position: center right;
}

.careers {
  background-image: url(/sites/default/files/2021-07/careers-hero.jpg);
  background-position: center right;
}

.podcast {
  background-image: url(/sites/default/files/2021-06/podcast_hero.jpg);
  background-position: center right;
}

.annual-report {
  background-image: url(/sites/default/files/2021-06/2020-AR_hero.jpg);
  background-position: center right;
}

.annual-report-2019 {
  background-image: url(/sites/default/files/2021-09/2019-annual-report_hero.jpg);
  background-position: center right;
}

.annual-report-2018 {
  background-image: url(/sites/default/files/2021-09/2018-annual-report_cover_hero_0.jpg);
  background-position: center right;
}

.van-tour {
  background-image: url(/sites/default/files/2021-06/van-tour_hero-basic-tempate.jpg);
  background-position: center right;
}

.mission {
  background-image: url(/sites/default/files/2021-08/mission-and-vision_sh_2.jpg);
  background-position: center right;
}

.awards {
  background-image: url(/sites/default/files/2021-07/awards_hero.jpg);
  background-position: center right;
}

.testimonials {
  background-image: url(/sites/default/files/2021-07/testimonials_hero.jpg);
  background-position: center right;
}

.contact {
  background-image: url(/sites/default/files/2021-08/contact_hero.jpg);
  background-position: center right;
}

.data-use-training {
  background-image: url(/sites/default/files/2021-08/data-use-training_hero.jpg);
  background-position: center right;
}

.nsc-data-security {
  background-image: url(/sites/default/files/2021-09/data-security_hero.jpg);
  background-position: center right;
}

.mobi {
  background-image: url(/sites/default/files/2021-09/mobi_hero.jpg);
  background-position: center right;
}

.newsletter {
  background-image: url(/sites/default/files/2021-10/newsletter_hero.jpg);
  background-position: center right;
}

.annual-report-2021 {
  background-image: url(/sites/default/files/2022-06/annual-report_2021_banner_3_0.jpg);
  background-position: center right;
}

.bifuse {
  background-image: url(/sites/default/files/2023-02/northern-tallgrass-prairie_marilena_hero.jpg);
  background-position: center right;
}

.planned-giving {
  background-image: url(/sites/default/files/2023-02/planned-giving_hero.jpg);
  background-position: center right;
}

.monthly-giving {
  background-image: url(/sites/default/files/2022-12/monthly-giving_hero_2.jpg);
  background-position: center right;
}

.peer-to-peer {
  background-image: url(/sites/default/files/2023-02/p2p-hero.jpg);
  background-position: center right;
}

.spring-giving {
  background-image: url(/sites/default/files/2023-04/spring-giving-23_hero.jpg);
  background-position: center right;
}

.partners {
  background-image: url(/sites/default/files/2023-06/foundational-partners_hero.jpg);
  background-position: center right;
}

.why-natureserve {
  background-image: url(/sites/default/files/2023-06/why-ns-data_hero_2.jpg);
  background-position: center right;
}

.cnvc {
  background-image: url(/sites/default/files/2025-03/cnvc_hero.jpg);
  background-position: center right;
}

.sponsor {
  background-image: url(/sites/default/files/2025-05/sponsor-hero.jpg);
  background-position: center right;
}

.ebook {
  background-image: url(/sites/default/files/2025-09/b4b-booklet-hero.jpg);
  background-position: center right;
}


@media (max-width: 480px) {
  .hero-container-home-ca {
    background-image: url(/sites/default/files/2021-08/ca_homepage_hero_M.jpg);
  }

  .whos-who {
    background-image: url(/sites/default/files/2021-06/hero-whos-who-M.jpg);
  }

  .who-we-are {
    background-image: url(/sites/default/files/2021-09/who-we-are_new_hero-M.jpg);
  }

  .our-work {
    background-image: url(/sites/default/files/2021-06/hero-our-work-3-M.jpg);
  }

  .our-products {
    background-image: url(/sites/default/files/2022-09/our-products_M.jpg);
  }

  .support-us {
    background-image: url(/sites/default/files/2024-04/get-involved_spring24_hero-M.jpg);
  }

  .natureserve-network {
    background-image: url(/sites/default/files/2021-06/hero-natureserve-network-M.jpg);
  }

  .financials {
    background-image: url(/sites/default/files/2021-06/hero-Financials-M.jpg);
  }

  .classifying-biodiversity {
    background-image: url(/sites/default/files/2021-06/hero-clasiffying-biodiversity-M_0.jpg);
  }

  .mapping-biodiversity {
    background-image: url(/sites/default/files/2021-06/hero-mapping-biodiversity-M.jpg);
  }

  .assessing-biodiversity {
    background-image: url(/sites/default/files/2021-06/hero-assess-bio-status2-M.jpg);
  }

  .setting-cons-priorities {
    background-image: url(/sites/default/files/2021-06/hero-setting-cons-priorities-M_0.jpg);
  }

  .cons-status-assessment {
    background-image: url(/sites/default/files/2021-06/hero-cons-status-assessment-M.jpg);
  }

  .access-data-species-eco {
    background-image: url(/sites/default/files/2021-07/access-data_hero_M.jpg);
  }

  .tools-under-bio-impacts {
    background-image: url(/sites/default/files/2021-07/tools_hero_M.jpg);
  }

  .publications {
    background-image: url(/sites/default/files/2021-07/publications_hero_M.jpg);
  }

  .documenting-occurrences {
    background-image: url(/sites/default/files/2021-06/hero-documenting-occurences-M.jpg);
  }

  .predicting-occurrences {
    background-image: url(/sites/default/files/2021-06/hero-predicting-occurences-M.jpg);
  }

  .ecosystem-mapping {
    background-image: url(/sites/default/files/2021-06/hero-ecosystem-mapping-M.jpg);
  }

  .inter-collab-red-listing {
    background-image: url(/sites/default/files/2021-06/hero-inter-collab-red-listing-M.jpg);
  }

  .ecosystem-assessment {
    background-image: url(/sites/default/files/2021-08/ecosystem-assessment_hero-M.jpg);
  }

  .confronting-climate {
    background-image: url(/sites/default/files/2021-06/hero-confronting-climate-M.jpg);
  }

  .ccvi-species {
    background-image: url(/sites/default/files/2024-09/saltmarsh-sparrow_jonathan-irons_hero_M.jpg);
  }

  .ccvi-ecosystems {
    background-image: url(/sites/default/files/2021-06/hero-ccvi-ecosystems-M.jpg);
  }

  .bio-cons-metrics {
    background-image: url(/sites/default/files/2021-06/hero-bio-cons-metrics-M.jpg);
  }

  .comm-status-trends {
    background-image: url(/sites/default/files/2021-06/hero-comm-status-trends-M.jpg);
  }

  .ident-critical-land {
    background-image: url(/sites/default/files/2021-06/hero-identifying-critical-landscapes-M.jpg);
  }

  .in-the-news {
    background-image: url(/sites/default/files/2021-07/natureserveinthenews_hero_M.jpg);
  }

  .terms {
    background-image: url(/sites/default/files/2021-07/termsofuse_hero_M.jpg);
  }

  .privacy {
    background-image: url(/sites/default/files/2021-07/privacy_hero.jpg);
  }

  .our-impact {
    background-image: url(/sites/default/files/2021-06/hero-basic-placeholder-M.jpg);
  }

  .climate-exposure {
    background-image: url(/sites/default/files/2021-06/hero-climate-exposure-analysis-M.jpg);
  }

  .range-shift {
    background-image: url(/sites/default/files/2021-06/hero-range-shift-modeling2-M.jpg);
  }

  .ebar {
    background-image: url(/sites/default/files/2021-08/ebar_hero_M.jpg);
  }

  .archives {
    background-image: url(/sites/default/files/2021-07/Archives_hero_M.jpg);
  }

  .articles {
    background-image: url(/sites/default/files/articles_hero-M.jpg);
  }

  .events {
    background-image: url(/sites/default/files/2021-08/events_new-hero_M.jpg);
  }

  .projects {
    background-image: url(/sites/default/files/2021-07/project_hero_M.jpg);
  }

  .news-releases {
    background-image: url(/sites/default/files/2021-07/hero-news-releases-M.jpg);
  }

  .ca-who-we-are {
    background-image: url(/sites/default/files/2021-08/who-we-are_hero-M.jpg);
  }

  .ca-proj-part {
    background-image: url(/sites/default/files/2021-08/partnerships_hero_M.jpg);
  }

  .ca-publications {
    background-image: url(/sites/default/files/2021-08/publications_hero_M.jpg);
  }

  .ca-bio-data {
    background-image: url(/sites/default/files/2021-08/biodiversity-data_hero_M.jpg);
  }

  .ca-our-work {
    background-image: url(/sites/default/files/2021-08/our-work_hero_M.jpg);
  }

  .ca-our-products {
    background-image: url(/sites/default/files/2021-08/our-products_hero_M.jpg);
  }

  .ca-projects {
    background-image: url(/sites/default/files/2024-02/featured-projects_hero-M.jpg);
  }
	
  .network-directory {
    background-image: url(/sites/default/files/2021-07/network-directory_hero_M.jpg);
  }

  .network-resources {
    background-image: url(/sites/default/files/2021-06/hero-basic-placeholder-M.jpg);
  }

  .ca-csar-calculator {
    background-image: url(/sites/default/files/2021-06/hero-rank-calculator-M.jpg);
  }

  .careers {
    background-image: url(/sites/default/files/2021-07/careers-hero-M.jpg);
  }

  .podcast {
    background-image: url(/sites/default/files/2021-06/podcast_hero-M.jpg);
  }

  .annual-report {
    background-image: url(/sites/default/files/2021-06/2020-AR_hero_M.jpg);
  }
	
  .annual-report-2019 {
    background-image: url(/sites/default/files/2021-09/2019-annual-report_hero_M.jpg);
  }
	
  .annual-report-2018 {
    background-image: url(/sites/default/files/2021-09/2018-annual-report_cover_hero_M.jpg);
  }

  .van-tour {
    background-image: url(/sites/default/files/2021-06/van-tour_hero-M.jpg);
  }

  .awards {
    background-image: url(/sites/default/files/2021-07/awards_hero_M.jpg);
  }

  .testimonials {
    background-image: url(/sites/default/files/2021-07/Testimonials_hero_M.jpg);
  }

  .contact {
    background-image: url(/sites/default/files/2021-08/contact_hero-M.jpg);
  }

  .data-use-training {
    background-image: url(/sites/default/files/2021-08/data-use-training_hero-M.jpg);
  }

  .nsc-data-security {
    background-image: url(/sites/default/files/2021-09/data-security_hero_M.jpg);
  }

  .mobi {
    background-image: url(/sites/default/files/2021-09/mobi_hero_M.jpg);
  }

  .newsletter {
    background-image: url(/sites/default/files/2021-10/newsletter_hero_M.jpg);
  }
	
  .annual-report-2021 {
    background-image: url(/sites/default/files/2022-06/annual-report_2021_banner_3_mobile.jpg);
  }
	
  .bifuse {
    background-image: url(/sites/default/files/2023-02/northern-tallgrass-prairie_marilena_hero_M.jpg);
  }
	
  .planned-giving {
    background-image: url(/sites/default/files/2023-02/planned-giving_hero-m.jpg);
  }

  .monthly-giving {
    background-image: url(/sites/default/files/2022-12/monthly-giving_hero_M_2.jpg);
  }	
	
  .peer-to-peer {
    background-image: url(/sites/default/files/2023-02/p2p-hero-M.jpg);
  }	
	
  .spring-giving {
    background-image: url(/sites/default/files/2023-04/spring-giving-23_hero_M.jpg);
  }	
	
  .partners {
    background-image: url(/sites/default/files/2023-06/foundational-partners_hero_m.jpg);
  }		

  .why-natureserve {
    background-image: url(/sites/default/files/2023-06/why-ns-data_hero_m_2.jpg);
  }		
	
  .cnvc {
   background-image: url(/sites/default/files/2025-03/cnvc_hero_M.jpg);
}
	
.sponsor {
  background-image: url(/sites/default/files/2025-05/sponsor-hero_M.jpg);
}
	
.ebook {
  background-image: url(/sites/default/files/2025-09/b4b-booklet-hero-m.jpg);
}

    
  h1.hero-container-title, h1.hero-container-title-mission, h1.hero-container-title-ca,
  h1.hero-container-home-title, h1.hero-container-home-title-ca {
    font-size: 2.5rem !important;
  }
}

@media all and (min-width: 576px) {
  .hero-container-home {
    min-height: 380px;
  }

  .hero-container-home-ca {
    min-height: 380px;
  }

  #hero-text-home {
    font-size: 36px;
    top: 200px;
    left: 7%;
    right: 2%;
  }
}

@media all and (min-width: 768px) {
  .hero-container-home {
    min-height: 400px;
  }

  .hero-container-home-ca {
    min-height: 400px;
  }

  #hero-text-home {
    font-size: 36px;
    top: 230px;
    left: 7%;
  }
}

@media all and (min-width: 920px) {
  .hero-container-home {
    min-height: 460px;
  }

  .hero-container-home-ca {
    min-height: 460px;
  }

  #hero-text-home {
    font-size: 40px;
    top: 280px;
  }
}

@media all and (min-width: 1210px) {
  .hero-container-home {
    min-height: 490px;
  }

  .hero-container-home-ca {
    min-height: 490px;
  }

  #hero-text-home {
    font-size: 45px;
    top: 300px;
  }
}

@media all and (min-width: 1300px) {
  .hero-container-home {
    min-height: 550px;
  }

  .hero-container-home-ca {
    min-height: 550px;
  }

  #hero-text-home {
    font-size: 50px;
    top: 320px;
  }
}

/*  HEROS - END */


@media (min-width: 993px) {
  #main-wrapper {
   margin: 0 auto !important;
   padding: 0px 40px 0px 40px !important;
   max-width: 1600px !important;
  }

  .section-header {
    margin-left: -70px;
    margin-right: -70px;
  }

  .section-header2 {
    margin-left: -70px;
    margin-right: -70px;
  }

  .navbar {
    padding: 1rem !important;
  }
}

@media (max-width: 992px) {
  #main-wrapper {
    margin: 0px 30px 0px 30px;
  }

  .section-header {
    margin-left: -70px;
    margin-right: -70px;
  }

  .section-header2 {
    margin-left: -60px;
    margin-right: -60px;
  }
}

@media (max-width: 768px) {
  #main-wrapper {
    margin: 0px 20px 0px 20px;
  }

  .section-header {
    margin-left: -50px;
    margin-right: -50px;
  }

  .section-header2 {
    margin-left: -50px;
    margin-right: -50px;
  }
}

@media (max-width: 576px) {
  #main-wrapper {
    margin: 0px 0px 0px 0px;
  }

  .section-header {
    margin-left: -30px;
    margin-right: -30px;
  }

  .section-header2 {
    margin-left: -30px;
    margin-right: -30px;
  }
}

.support-col-2 {
  z-index: 20;
  margin-top: -90px;
}

.support-col-21 {
  z-index: 20;
  margin-top: -90px;
}

.support-col-3 {
  z-index: 30;
  margin-top: -90px;
}

.support-col-31 {
  z-index: 30;
  margin-top: -90px;
}

.hp-support-img1, .hp-support-img3 {
  border: 1px solid #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.hp-support-img2 {
  border: 1px solid #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin-left: 60px;
}



@media (max-width: 599px) {
  .support-grp-hp {
    display: flex;
    flex-direction: column-reverse;
  }

  .support-col-1 {
    margin-top: 10px;
    /*margin-left: auto;
     margin-right: auto;*/
  }

  .support-col-11 {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .support-col-2 {
    margin-top: 10px !important;
    z-index: 1;
  }

  .support-col-21 {
    margin-top: 40px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
  }

  .support-col-3 {
    margin-top: 10px !important;
    z-index: 1;
  }

  .support-col-31 {
    z-index: 1;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .hp-support-img2 {
    margin-left: 0px;
  }
}

@media (max-width: 1030px) {
  .support-col-2 {
    z-index: 1;
    margin-top: 40px;
  }

  .support-col-21 {
    z-index: 1;
    margin-top: 40px;
  }

  .support-col-3 {
    z-index: 1;
    margin-top: 40px;
  }

  .support-col-31 {
    z-index: 1;
    margin-top: 40px;
  }

  .hp-support-img2 {
    margin-left: 0px;
  }
}

.latest-ns-highlight {
  background-color: #d4d9d0;
  /*color: white;*/
  margin-bottom: 40px;
}

.latest-ns-highlight p {
  padding-right: 20px;
  padding-left: 20px;
  /*color: white;*/
}

.latest-ns-highlight h {
  padding-right: 20px;
  padding-left: 20px;
  /*color: white;*/
}

.latest-ns-highlight-txt {
  margin: 0px 20px 0px 20px;
}


.latest-ns-teaser-wrapper {
  margin: 0px 20px 30px 10px;
}

.pub-teaser-wrapper {
  margin: 0px 20px 30px 20px;
}

.pub-high-teaser-wrapper {
  margin: 0px 20px 30px 20px;
  background-color: rgba(0, 0, 0, 0.10);
}

.pub-high-teaser-text-back {
  padding: 20px 20px 20px 0px;
}

.wp-block-image figcaption {
  color: #9c9e9f;
  font-size: 13px;
  text-align: right;
  padding-right: 2%;
  margin-bottom: 0px;
}

.wp-block-image {
  max-width: unset !important;
}

.image-style-teaser-news-releases,
.image-style-teaser-publications,
.image-style-teaser---portrait---200 {
  width: 100%;
  height: auto;
}

img.image-style-medium {
  border-radius: 100% !important;
  width: 150px !important;
  height: 150px !important;
}

.ns-explorer-banner {
  background: url("/sites/default/files/2021-02/sh-NSX-banner_0.jpg") no-repeat center center;
  background-size: cover;
  min-height: 360px;
  padding: 0% 10%;
}

.ns-explorer-form {
  padding: 0;
  /* width: 100%; */
  justify-content: center;
  display: flex;
}

@media (max-width: 680px) {
  .ns-explorer-form {
    padding: 0 10%;
  }
}

/* .header {
     padding-right: 20px !important;
} */
.twitter-feed {
  max-height: 600px;
}

.timeline-Widget {
  height: 550px !important;
}

#twitter-widget-0 {
  height: 600px;
}

.staff-modal {
  padding: 10px;
}

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

.whos-pic {
  margin-bottom: 15px;
  margin-right: 15px;
  background-image: url(/sites/default/files/2021-06/NatureServe-graphic-staff.jpg) no-repeat center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.map-modal {
  padding: 10px;
}

.map-list-nd li {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}

/*  CONTENT TYPES */
.block-views-exposed-filter-blockpublications-publications-search {
  margin-bottom: 40px;
}

.layout__region--second,
.layout__region--first {
  padding: 0px 10px 0px 10px;
}

/*.content img {
    margin: 0px 20px 10px 20px;
}*/
/*  Network Directory START */
.net-dir-intro {
  padding-left: 5%;
  padding-right: 5%;
}

.nd-staff {
  margin-top: 0px !important;
  padding-top: 0px !important;
  line-height: 1.1 !important;
}

.item-list-nd {
  column-count: 3;
}

@media (max-width: 1100px) {
  .item-list-nd {
    column-count: 2;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

@media (max-width: 680px) {
  .item-list-nd {
    column-count: 1;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

.item-list-nd li {
  margin-bottom: 20px;
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 14px;
}

.nd-staff-wrapper {
  font-size: 14px;
}

@media (max-width: 680px) {}

.col-md-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 100%;
}

/*  Network Directory END */
/*  Civi forms START */
.crm-container fieldset legend {
  width: unset;
}

.billing_first_name-section {
  float: left;
  width: 50%;
}

.billing_middle_name-section {
  float: right;
  width: 50%;
}

.billing_last_name-section {
  float: left;
  width: 50%;
}

.billing_street_address-5-section {
  float: right;
  width: 50%;
}

.billing_city-5-section {
  float: left;
  width: 50%;
}

.billing_country_id-5-section {
  float: right;
  width: 50%;
}

.billing_state_province_id-5-section {
  float: left;
  width: 50%;
}

.billing_postal_code-5-section {
  float: right;
  width: 50%;
}

/*  Civi forms END */
/*  Body END */
/*  Footer START */

.site-footer .content {
  font-size: .95em;
}

.site-footer .content a {
  text-decoration: none;
}

.site-footer__bottom, .site-footer__bottom .region {
  margin-top: -1px;
}

.site-footer__bottom .content {
  padding: 0em 0em;
  margin-top: 0;
}

.site-footer__bottom .block {
  margin: 0em 0em;
}

.site-footer {
    background: #fff !important;
}

.site-footer .content {
    font-size: 1em !important;
}

.footer-logo {
  max-width: 240px;
}

.site-footer__bottom .content {
     padding: 0 !important;
}

.site-footer__bottom .block {
    margin:  0 !important;
}

@media (max-width: 1140px) {
  .footer-logo {
    max-width: 220px;
  }
    }

.footer-landscape {
  background-image: url("/themes/barrio_natureserve/images/natureserve-footer-top1500.jpg");
  background-repeat: repeat-x;
  min-height: 480px;
}

.footer-landscape2 {
  background-image: url("/themes/barrio_natureserve/images/natureserve-footer-top1500.jpg");
  background-repeat: repeat-x;
  min-height: 480px;
  padding: 0% 10%;
  /* margin-left: -70px;
  margin-right: -70px; */
}

.footer-content {
  background-image: url("/themes/barrio_natureserve/images/natureserve-footer-bottom.jpg");
  background-repeat: repeat-x;
  background-color: #132e0b;
  color: white;
  /*line-height: 2.5em;*/
  letter-spacing: 1px;
  padding: 20px 3% 0px 3%;
}

.footer-content h6 {
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: 700;
}

h6.sean {
  padding-top: 5px;
  padding-bottom: 0px;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: 'Roboto', sans-serif !important;
}

#block-barrio-natureserve-footercontent {
  width: 100%;
}

#block-canadafootercontent {
  width: 100%;
}

ul.footer-list {
  list-style-type: none;
  margin-left: 0px !important;
  padding-left: 0px !important;
}

ul.footer-list li {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 15px;
}

.terms-privacy {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 15px;
}

body.webform-share-page-body {
  padding: 0 !important;
}

.podcast-footer-img {
  border: 2px solid ghostwhite;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 70%;
}

.ConsCon-title {
  display: flex;
  flex-direction: row;
}

@media all and (min-width: 920px) {
  .footer-col-lt {
    padding-right: 60px !important;
  }

  .footer-col-rt {
    padding-left: 60px !important;
    /*border-left: 1px solid #a9cbd5;*/
    border-left: 2px solid #0c1e0a;
  }
}

 #mc_embed_signup {
	 background: rgba(0, 0, 0, 0) !important; 
	 clear:left !important; 
	 color:#fff !important;
	 font-size: 1rem !important;
     font-weight: 400 !important;
     line-height: 1.5 !important;
  	 font-family: 'Roboto', sans-serif !important;
	 width: 100% !important;
	 height: calc(1.5em + 0.75rem + 2px) !important;
	 padding: .375rem .75rem !important;
}

.mc-field-group {
	padding: 5px 10px 5px 0px !important;
}

/*  Footer END */
.contextual-region {
  /* position: revert !important; */
}

@media all and (min-width: 920px) {
  #content {
    display: flex;
  }
}

@media all and (max-width: 919px) {
  .sidebar_second .sidebar .col-md-3 .order-last {
    flex: 0 0 80% !important;
  }
}

.species-intro-cont {
  margin: 0px 40px 0px 40px;
}

.species-intro-cont-c {
  text-align: center;
}

.tab-content {
  border: 0px solid #fff;
  padding: 20px;
}

.old-cont-sep {
  margin-bottom: 40px;
}

#editrow-custom_329 tr {
  padding: 0.1em 0em !important;
}

.testimonials-col .wp-block-column {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

#block-gtranslate {
  width: fit-content;
  position: absolute;
  left: 3%;
  z-index: 999;
  bottom: 40px;
}

select#gtranslate_selector {
  border: 0px solid !important;
  border-radius: 5px;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #132e0b;
  padding: 0 15px;
  outline: none;
  -webkit-appearance: none;
}

#donate-button {
  vertical-align: unset;
}

#search-block-form {
  z-index: 99;
  width: 100%;
  flex-flow: nowrap;
  margin: 10px 15px;
}

.form-group {
  margin-bottom: 0 !important;
}

input#edit-keys {
  margin: 0;
  /* width: 100%; */
}

body {
  overflow-x: hidden;
}

.form-control, .custom-select {
  margin-bottom: 10px;
}

.list-group-item {
  border: 0px !important;
  padding: .75rem 0rem !important;
}

ol.node_search-results {
  margin-left: 0em !important;
}

form#webform-submission-natureserve-explorer-search-node-1360-add-form {
  display: flex;
}

@media all and (max-width: 919px) {
  form#webform-submission-sign-up-for-our-newsletter-d8-add-form {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  div#edit-actions {
    margin-left: 0 !important;
  }


}

form#webform-submission-sign-up-for-our-newsletter-d8-add-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

fieldset.js-form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label.form-group, fieldset.js-form-item.js-form-type-email.form-type-email.js-form-item-civicrm-1-contact-1-email-email.form-item-civicrm-1-contact-1-email-email.form-no-label.form-group {
  width: 100%;
  margin-right: 10px;
}

fieldset.js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-explorer-search.form-item-explorer-search.form-no-label.form-group {
  margin-right: 10px;
}

#search-container {
  padding: 0;
}

div#block-mainnav {
  margin: 0 -15px;
}

.privacy-block {
  margin-top: 20px;
}

.field--name-field-call-to-action a {
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  padding: .375rem .75rem !important;
  background-color: #00377F;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out;
}

.field--name-field-call-to-action a:hover {
  color: #fff !important;
}

.directory-field::after {
  content: "\a";
  white-space: pre;
}

.main-content {
  width: 100%;
}

.section {
  width: 100%;
}

.views-field.views-field-nothing {
  display: inline-block;
}

.pagination {
  padding-top: 40px;
}

.map .modal-footer {
  border-top: 0px;
  justify-content: flex-start;
}

.map .modal-header {
  border-bottom: 0px;
}

.map .modal-body {
  padding-top: 0px;
}

.form-required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
  background-image: url(/core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
}

fieldset#edit-civicrm-1-contact-1-fieldset-fieldset {
  margin-right: 10px;
}

fieldset#edit-civicrm-1-contact-1-fieldset-fieldset>legend {
  display: none;
}

.btn-link {
  color: #fff !important;
  background-color: #1f417d !important;
  text-decoration: none !important;
}

.btn-link-plain {
  color: #212529 !important;
  background-color: transparent!important;
  text-decoration: none !important;
}

div[id^='edit-flexbox'] {
    margin: 0;
    display: flex;
}

form#webform-submission-sign-up-for-our-newsletter-d8-add-form {
    flex-direction: column!important;
}

.our-impact-bg {
  background: url("https://www.natureserve.org/sites/default/files/2025-03/Our-Impact-bg4.jpg") no-repeat center center;
  margin-left: 0px !important;
  margin-right: 0px !important;  
  background-size: cover;
  padding: 20px 10px 20px 20px;
  border-radius: 20px;
}

.our-impact-intro {
  position: relative;
  background: url("https://www.natureserve.org/sites/default/files/2025-03/our-impact-arrow2.png"); 
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  /*min-height: 100%;
  width: 100%;*/
  padding-right: 100px;
  padding-left: 40px;
/*  height: 100%; */
}

.our-impact-intro p {
  font-size: 1rem !important;
  font-family: 'roboto', sans-serif !important;
}


.our-impact-intro > * {
    position: relative;
    z-index: 2;
}

.our-impact-bg h2 {
  margin-top: 60px !important;
  margin-bottom: 20px !important;
  font-size: clamp(1.5rem, 3vw + 1.5rem, 4rem) !important;
  color: #000;
  font-family: "kiro", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: .9;
       }

  .our-impact-data {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-left: 20px;
  }

.data-columns {
  min-width: 250px !important; 
}

  .flip {
    -webkit-perspective: 800;
    perspective: 800;
    position: relative;
    text-align: left;
    background-color: transparent !important;
    color: white;
    margin-bottom: 20px !important;
    padding-right: 20px;
  }
    

@media all and (min-width: 1108px) {
  .our-impact-intro p {
    font-size: 1.2rem !important;
  }
    
  .our-impact-data {
    margin-top: 140px !important;
    margin-bottom: 60px !important;
    padding-left: 20px;
  }
    
  .data-columns {
    min-width: 200px !important; 
}


  .flip {
    margin-bottom: 80px !important;
  }
    
}

.our-impact-data p {
  font-size: 1rem !important;
  font-family: 'roboto', sans-serif !important;
}

.our-impact-data h5 {
  font-size: clamp(1.5rem, 1vw + 1rem, 3.5rem) !important;
  font-weight: bold !important;
  font-family: 'kiro', sans-serif !important;
}

.our-impact-row {
  margin-left: 0px !important;
  margin-right: 0px !important;  
} 

.data p {
    margin-bottom: 10px !important;
}

.learn-more p a{
  font-size: 1.5rem !important;
  font-weight: bold !important;
  font-family: 'kiro', sans-serif !important;
}

.learn-more-btn {
   margin-bottom: 40px; 
}

.flip a {
   color: white !important;
    text-transform: bold;
    padding-top: 20px !important;
}

.flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
}

.flip .card {

  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    background-color: transparent !important;
}

.flip .card .face {

  -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
  z-index: 2;
   
}

.flip .card .front {
  position: absolute;
   width: 100%;
  z-index: 1;

}

.flip .card .back {
  -webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
}

.inner{
  margin:0px !important;
}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
  margin-bottom:  -20px;     
}


/* InSite mini-site START */



/* InSite Home HEADER */

.navbar-insite-brand {
  padding: 0 !important;
}

.navbar-toggler {
  border: none !important;
}

/*.insite #nav-toggle {
    color: #1A5072 !important;
    font-size: 40px !important;
}*/

#nav-toggle {
    color: #1A5072 !important;
    font-size: 40px !important;
}

.page-node-1618 #nav-toggle {
    color: #fff !important;
    font-size: 40px !important;
}
.insite-sub-toggle #nav-toggle {
    color: #1A5072 !important;
    font-size: 40px !important;
}

#navbar-insite {
   background: #1A5072 !important; 
   margin: 0px -15px 0px -15px !important;
   padding: 25px 60px 25px 60px !important;
}

@media all and (max-width: 782px) {
  #navbar-insite {
   background: #1A5072 !important; 
   margin: 0px -15px 0px -15px !important;
   padding: 20px 40px 10px 40px !important;
    
  }
}

.navbar-insite-brand>img {
   height: 90px;
}

@media all and (min-width: 990px) {
.insite-mobile {
   display: none; 
}
}

@media all and (max-width: 1006px) {
.navbar-insite-brand>img {
   height: 90px;
   margin-bottom: 30px;
}

@media all and (max-width: 782px) {
.navbar-insite-brand>img {
   height: 90px;
   margin-bottom: 10px !important;
}  
}
    
.insite-desktop {
   display: none;
}
    
}

@media all and (min-width: 1260px) {
  .navbar-insite-brand>img {
    height: 90px;
  }
}

.btn-insite-login {
	font-size: 16px !important;
	font-family: "Roboto",sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 10px 10px !important;
    color: #1A5072 !important;
    background-color: #fff !important;
    border-radius: 6px !important;
    margin: 3px 50px 5px !important;
	transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out !important;
}

@media all and (max-width: 1007px) {
.btn-insite-login {
    margin: 0px 0px 0px 20px !important;

}
    .nav-item-login {
    margin: 30px 0px 10px !important;
}

}

#insite-login-button {
  margin: 10px 0 10px 0;
}

li.insite-nav-item a {
    color: #fff !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;  
}

@media (max-width: 991px) {
    li.insite-nav-item a {
        font-size: clamp(1.5rem, 1.75vw, 2.5rem) !important;
        font-weight: 400 !important; 
        text-align: right !important;
    }
}

@media (max-width: 1169px) {
    li.insite-nav-item {
        padding: 0 20px;
        margin: 0;
    }
}
@media (min-width: 1170px) {
    li.insite-nav-item {
        padding: 0 40px;
        margin: 0;
    }
}

@media all and (max-width: 1006px) {
.navbar-insite-sub-brand>img {
   height: 90px;
   margin-bottom: 30px;
}  
}

/* InSite Subpage HEADER */

#navbar-insite-sub {
   background: #ffffff !important; 
   margin: 0px -15px 0px -15px !important;
   padding: 25px 60px 25px 60px !important;
    
}

@media all and (max-width: 782px) {
  #navbar-insite-sub {
   background: #ffffff !important; 
   margin: 0px -15px 0px -15px !important;
   padding: 20px 40px 10px 40px !important;
    
  }
}


.navbar-insite-sub-brand>img {
  height: 90px;
}

@media all and (max-width: 1006px) {
  .navbar-insite-sub-brand>img {
   height: 90px;
   margin-bottom: 30px;
  }  
}

@media all and (max-width: 782px) {
.navbar-insite-sub-brand>img {
   height: 90px !important;
   margin-bottom: 20px !important;
  }  
}

li.insite-nav-item-sub a {
  color: #1A5072 !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
}

@media (max-width: 991px) {
    li.insite-nav-item-sub a {
        font-size: clamp(1.5rem, 1.75vw, 2.5rem) !important;
        font-weight: 400 !important;
        text-align: right !important;
    }
}

@media (max-width: 1169px) {
    li.insite-nav-item-sub {
        padding: 0 20px;
        margin: 0;
    }
}

@media (min-width: 1170px) {
    li.insite-nav-item-sub {
        padding: 0 40px;
        margin: 0;
    }
}



ul.insite-dropdown-menu {
   border: 0px solid !important;
    margin-left: 25px !important;
}

li.insite-dropdown-item a {
    color: #1A5072 !important;
}

@media all and (max-width: 575px) {
  .navbar-insite-sub-brand>img {
    width: 225px;
    height: 67px;
  }
}

@media all and (min-width: 1260px) {
  .navbar-insite-sub-brand>img {
    height: 90px;
    }
}

.btn-insite-sub-login {
	font-size: 16px !important;
	font-family: 'Roboto',sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 10px 10px !important;
    color: rgb(255, 255, 255) !important;
    background-color: #1A5072 !important;
    border-radius: 6px !important;
    margin: 3px 50px 5px !important;
	transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out !important;
}



@media all and (max-width: 1007px) {
.btn-insite-sub-login {
    margin: 0px 0px 0px 20px !important;

}
    .nav-item-login {
    margin: 30px 0px 10px !important;
}

}

#insite-login-button {
  margin: 10px 0 10px 0;
}

/* InSite BODY */

/* InSite text */

.insite a {
    font-weight: bold !important;
}

.insite h1 {
    font-size: 25px !important;
    color: #fff;
    font-family: 'Roboto',sans-serif !important;
    font-weight: bold !important;
    margin-bottom: 30px !important;
}

.insite h1.home {
    font-size: clamp(3.5rem, 5vw, 7rem) !important;
    color: #fff;
    font-family: 'Roboto',sans-serif !important;
    font-weight: bold !important;
    margin-bottom: 30px !important;
    text-shadow: 5px 5px 3px #1A5072;
}

.insite h1.tertiary {
    font-size: clamp(3.5rem, 5vw, 7rem) !important;
    line-height: clamp(20px, 80px, 120px) !important;
    color: #163262;
    font-family: 'Roboto',sans-serif !important;
    font-weight: bold !important;
    margin: 40px 0px 80px 0px !important;
    text-align: center;
}
.insite h1.tertiary-contact {
    font-size: clamp(3.5rem, 5vw, 7rem) !important;
    color: #163262;
    font-family: 'Roboto',sans-serif !important;
    font-weight: bold !important;
    margin: 280px 0px 80px 0px !important;
    text-align: center;
}

.insite h2 {
    font-size: 50px !important;
    line-height: 60px;
    color: #1A5072;
    font-family: 'Helvetica Neue',sans-serif !important;
    font-weight: 200 !important;
    margin-top: 40px;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.insite h3 {
    font-size: 30px !important;
    line-height: 40px;
    color: #575555;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
}

@media all and (max-width: 782px) {
  .insite h3 {
    font-size: 25px !important;
    line-height: 30px;
  }
    
  .insite h2 {
    font-size: 35px !important;
    line-height: 40px !important;
  }
}

.insite h3 a {
    color: #0449a4 !important;
}

.insite h3 a:hover {
    color: #007bff !important;
}

.insite h4 {
    font-size: 25px !important;
    color: #5D5C5C;
    line-height: 30px;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
}

.tertiary-bg h4 {
    color: #2E783B !important;
    font-family: 'Roboto',sans-serif !important;
    font-weight: bold !important;
    margin: 180px 0px 0px 0px !important;
    text-align: center;
}

@media all and (max-width: 782px) {
  .insite h4 {
    font-size: 22px !important;
    line-height: 26px;
  }
  .tertiary-bg h4 {
    margin: 60px 0px 0px 0px !important;
  }
}

.insite h4 a {
    color: #0449a4 !important;
}

.insite h4 a:hover {
    color: #007bff !important;
}
.insite h5 {
    font-size: 22px !important;
    color: #5D5C5C;
    line-height: 24px;
    font-family: 'Roboto',sans-serif;
}

.insite h5 a {
    color: #0449a4 !important;
}

.insite h5 a:hover {
    color: #007bff !important;
}

.insite h6 {
    font-size: 20px !important;
    line-height: 22px;
    font-family: 'Roboto',sans-serif;
}

.insite p {
    font-size: 18px !important;
    line-height: 28px;
    font-family: 'Roboto',sans-serif;
}

.insite p .before-list {
    margin-bottom: 0px;
}

.insite .intro-text p {
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 28px;
    font-family: 'Roboto',sans-serif;
    text-align: center !important;
    margin: 10px 0px 40px 0px;
}

.insite-hero-text-home {
    font-size: 30px !important;
    line-height: 40px;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
}

.insite-hero-text-sub {
    font-size: 40px !important;
    line-height: 50px;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
}

/* InSite Page settings */

.page-node-1617 #main-wrapper,
.page-node-1618 #main-wrapper,
.page-node-1620 #main-wrapper,
.page-node-1621 #main-wrapper,
.page-node-1622 #main-wrapper,
.page-node-1623 #main-wrapper,
.page-node-1624 #main-wrapper,
.page-node-1625 #main-wrapper {
    margin: 0 auto !important;
    padding: 0px 0px 0px 0px !important;
    max-width: 3500px !important;
}

.page-node-1617 .container-fluid,
.page-node-1618 .container-fluid,
.page-node-1620 .container-fluid,
.page-node-1621 .container-fluid,
.page-node-1622 .container-fluid,
.page-node-1623 .container-fluid,
.page-node-1624 .container-fluid,
.page-node-1625 .container-fluid {
    margin-top: 0px !important;
    padding: 0px 0px 0px 0px !important;
    max-width: 3500px !important;
}

.page-node-1617 .container-fluid #search-container,
.page-node-1618 .container-fluid #search-container,
.page-node-1620 .container-fluid #search-container,
.page-node-1621 .container-fluid #search-container,
.page-node-1622 .container-fluid #search-container,
.page-node-1623 .container-fluid #search-container,
.page-node-1624 .container-fluid #search-container,
.page-node-1625 .container-fluid #search-container {
    display: none !important;
}

.page-node-1617 .node__content,
.page-node-1618 .node__content,
.page-node-1620 .node__content,
.page-node-1621 .node__content,
.page-node-1622 .node__content,
.page-node-1623 .node__content,
.page-node-1624 .node__content,
.page-node-1625 .node__content {
    margin-top: 0px !important;
}

/* InSite Home Hero */

.hero-intro-box {
  background-image: url("/sites/default/files/2025-05/hero-block-fade2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px 60px 60px 60px;
  
}

.hero-fox-box {
  background-image: url("/sites/default/files/2025-05/fox-home.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
}

.hero-bird-box {
  background-image: url("/sites/default/files/2025-05/How-to-use-bird.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
}

.hero-frog-box {
  background-image: url("/sites/default/files/2025-06/About-the-data-frog.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
}

.hero-fish-box {
  background-image: url("/sites/default/files/2025-06/Case-Study-fish.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
}

.hero-bear-box {
  background-image: url("/sites/default/files/2025-06/Subscription-Pricing-bear.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
}

.hero-topo-box {
  background-image: url("/sites/default/files/2025-05/Topo-bg-Secondary.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
}

.home-bg {
  background-image: url("/sites/default/files/2025-05/Topo-bg-Primary.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 700px;
  min-height: 700px; 
}

@media all and (max-width: 782px) {
.home-bg {
  background-image: none;
}
    
.hero-topo-box {
  display: none;
}

.hero-intro-box {
  padding: 20px 40px 60px 40px;
  
}
    
}


.left-green-box {
   min-height: 100px;
   background-color: #618A0A;
}

@media all and (max-width: 782px) {
.left-green-box {
   display: none;
}
}

.orange-create-account {
   min-height: 60px;
   padding: 15px 10px 0px 10px;
   background-color: #D98841;
   font-size: 22px !important;
   color: #fff;
   font-family: 'Roboto',sans-serif;
   text-align: right;
}

.orange-create-account a,
.orange-create-account a:hover {
   color: #fff;
}

#diagonal-arrow {
   max-width: 40px; 
   margin: 0px 20px 0px 10px;
}

.create-account-arrow {
   padding-top: 10px;
   background-color: #D98841;
   padding-left: 5px;    
}

/* InSite About the Tool */

.about-the-tool {
   padding-right: 10%;
   padding-left: 10%;
}

@media all and (max-width: 1500px) {
.about-the-tool {
   padding-right: 5%;
   padding-left: 5%;
}
}

@media all and (max-width: 1200px) {
.about-the-tool {
   padding-right: 3%;
   padding-left: 3%;
}
}

.about-row {
    display: flex; 
}

.about-the-tool p,
.about-the-tool h5 {
   text-align: center !important;
}

.about-the-tool .support-col-1,
.about-the-tool .support-col-2,
.about-the-tool .support-col-3 {
   padding-right: 50px;
   padding-left: 50px;
   margin: auto;
}


.about-the-tool .support-col-21,
.about-the-tool .support-col-31 {
  margin-top: -50px;
}

@media all and (max-width: 782px) {
.about-the-tool .support-col-1,
.about-the-tool .support-col-2,
.about-the-tool .support-col-3 {
   order: 1
}

.about-the-tool .support-col-21,
.about-the-tool .support-col-31 {
  margin-top: 40px;
}
    
.about-the-tool img {
   max-width: 100%;
   height: auto;
    margin: auto;
}  
}

.about-the-tool img {
   max-width: 80%;
   height: auto;
}

@media all and (max-width: 782px) {
.about-the-tool img {
   max-width: 100%;
   margin-bottom: 10px;
}  
}

/* InSite Stats graphic */

.insite-stats-bg {
     background: #ffffff;
     background: radial-gradient(circle,rgba(255, 255, 255, 1) 3%, rgba(217, 136, 65, 0.44) 93%);
    padding: 60px 0px 60px 0px;
    margin-top: 40px;
}

.insite-stats {
   background-image: url("/sites/default/files/2025-05/Stas-ibis-bg.jpg");
   background-position: bottom left;
   background-size: cover;
   background-repeat: no-repeat;
    border: 2px solid #fff;
   border-radius: 25px;
   padding: 100px 20px 100px 80px;
   margin-top: 60px;
    margin-bottom: 60px;
   margin-right: 10%;
   margin-left: 10%;
}

.insite-stats-inst {
   padding: 50px 50px 50px 50px;
}

@media all and (max-width: 767px) {
.insite-stats-inst-M1 {
   padding: 50px 50px 50px 50px;
}
.insite-stats-inst-M2 {
   display: none;
}
    
.insite-stats-last {
   padding-bottom: 300px; 
    }    
}

@media all and (min-width: 768px) {
.insite-stats-inst-M1 {
   display: none;
}
    
.insite-stats-inst-M3 {
   display: none;
}
    
    .insite-stats-inst-M2 {
   padding: 50px 50px 50px 30%;
}
}

.insite-stats-number {
    font-size: 45px;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    text-shadow: 3px 3px 3px #1A5072;
}

.insite-stats-text {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    text-shadow: 2px 2px 2px #1A5072
}

@media all and (max-width: 1000px) {
.insite-stats {
   padding:20px 20px 100px 20px;
   margin-top: 60px;
    margin-bottom: 60px;
   margin-right: 3%;
   margin-left: 3%;
}

}

@media all and (max-width: 575px) {
.insite-stats {
   background-image: url("/sites/default/files/2025-06/Stas-ibis-bg-M3.jpg");
   background-position: bottom right;
}

}

/* InSite MailChimp form */

.mailchimp-title {
    text-align: center !important;
    padding-top: 60px 20px 0px 20px;
}

 .insite #mc_embed_signup { 
     background: rgba(0, 0, 0, 0) !important; 
	 clear:left !important; 
	 color:#000 !important;
	 font-size: 1rem !important;
     font-weight: 400 !important;
     line-height: 1.5 !important;
  	 font-family: 'Roboto', sans-serif !important;
	 width: 100% !important;
	 height: calc(1.5em + 0.75rem + 2px) !important;
	 padding: .375rem .75rem !important;
}

.insite #mc_embed_signup .mc-field-group {
    width: 100%;
}

 .insite #mc_embed_signup .button {
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;

    padding: 0px 10px 10px 10px !important;
     letter-spacing: 1px;
    color: #fff !important;
    background-color: #1A5072 !important;
    border-radius: 6px !important;

    transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out !important;
}

.insite .mc-field-group input[type="text"],
.insite .mc-field-group input[type="email"] {
      background-color : #DCEABE !important;
      border: 0px solid #fff !important;
}

#mc_embed_signup_scroll {
    padding-bottom: 60px;
}

form.insite-contact-form input[type="text"],
form.insite-contact-form input[type="email"],
form.insite-contact-form textarea {
      background-color : #DCEABE !important;
      border: 0px solid #fff !important;
    margin-bottom: 20px;
}

form.insite-contact-form .button {
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    padding: 10px 10px 10px 10px !important;
     letter-spacing: 1px;
    color: #fff !important;
    background-color: #1A5072 !important;
    border-radius: 6px !important;
    
    margin: 0 auto;
    display: block;
    margin-top: 40px;
    

    transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out !important;
}

@media (min-width: 768px) {
    form.insite-contact-form .webform-flex--container {
        margin: 0;
    }
}

.tertiary-bg {
  background-image: url("/sites/default/files/2025-05/Topo-bg-Tertiary.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 768px) {
  .insite h1.tertiary {
   /*font-size: 80px !important;*/
    font-size: clamp(3.5rem, 5vw, 7rem) !important;
    margin: 20px 0px 30px 0px !important;

  }
    
  .tertiary-bg {
    background-image: url("/sites/default/files/2025-06/Topo-bg-Tertiary-M.jpg");
  }
}

.insite-content-blocks {
   padding-right: 10% !important;
   padding-left: 10% !important;
}

.insite-content-blocks-inner {
   margin-bottom: 40px;
}

.insite-content-blocks-inner-3c {
   margin-bottom: 40px;
   padding: 0px 10px 0px 10px;
}

.insite-notinreport {
   background-color: #F8FAF3;
   border: 2px solid #ABB78E;
   border-radius: 25px;
   padding: 50px 50px 50px 50px;
   margin-top: 60px;
   margin-bottom: 60px;
   margin-right: 10%;
   margin-left: 10%;
}

.custom-gutters80 {
  padding-left: 80px;
  padding-right: 80px;
}

.custom-gutters40 {
  padding-left: 40px;
  padding-right: 40px;
}

@media all and (max-width: 1150px) {
  .custom-gutters80,
  .insite-notinreport{
    padding-left: 20px;
    padding-right: 20px;
  }
}

.node--unpublished {
    padding: 0px 0px 0px;
}

  .webform-contact-us{
    padding-left: 5%;
    padding-right: 5%;
  }

@media all and (min-width: 1150px) {
  .webform-contact-us{
    padding-left: 20%;
    padding-right: 20%;
  }
}

.insite-data-site-details {
   padding-top: 20px;
   background: #8CA82D;
   background: linear-gradient(180deg, rgba(140, 168, 45, 0.06) 73%, rgba(175, 136, 6, 0.19) 100%);
}

.insite-rel-bio-value-scores {
    background: #FFFFFF;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    padding: 2px 40px 0px 40px;
    }

.insite-rel-bio-value-scores-3c1,
.insite-rel-bio-value-scores-3c2,
.insite-rel-bio-value-scores-3c3 {
    margin: 0px 20px 40px 20px;
    padding: 0px 0px 0px 0px !important;
    text-align: center;
    color: #fff;
    flex: 1 !important;
    border-radius: 25px 25px 25px 25px;
}

.insite-rel-bio-value-scores-3c1 {
    background: #628C03;
    background: linear-gradient(180deg,rgba(98, 140, 3, 1) 0%, rgba(75, 90, 25, 1) 100%);
}

.insite-rel-bio-value-scores-3c2 {
    background: #BE6C3B;
    background: linear-gradient(180deg,rgba(190, 108, 59, 1) 0%, rgba(141, 72, 49, 1) 100%);
}

.insite-rel-bio-value-scores-3c3 {
    background: #639CBF;
    background: linear-gradient(180deg,rgba(99, 156, 191, 1) 0%, rgba(26, 80, 114, 1) 100%);
}

.insite-rel-bio-value-scores-3c1 h3,
.insite-rel-bio-value-scores-3c2 h3,
.insite-rel-bio-value-scores-3c3 h3 {
    color: #fff;
    margin-bottom: 0px;
}

.insite-rel-bio-value-scores-3t1,
.insite-rel-bio-value-scores-3t2,
.insite-rel-bio-value-scores-3t3,
.insite-rel-bio-value-scores-3p1,
.insite-rel-bio-value-scores-3p2,
.insite-rel-bio-value-scores-3p3 {
    padding: 10px 20px 10px 20px;
}

.insite-rel-bio-value-scores-3t1 {
    background: #4B5A19;
    border-radius: 25px 25px 0px 0px;
}

.insite-rel-bio-value-scores-3t2 {
    background: #8D4831;
    border-radius: 25px 25px 0px 0px;
}

.insite-rel-bio-value-scores-3t3 {
    background: #1A5072;
    border-radius: 25px 25px 0px 0px;
}

.case-user-quote {
    padding: 0px 20px 0px 20px;
    text-align: right;
    margin-bottom: 0px;
}

.case-user-quote-attrib {
    text-align: right;
    padding: 10px 20px 0px 20px;
}

.case-user-img img {
    width: 100%;
}


.insite-sub-options {
   background: #84BF03;
   background: linear-gradient(0deg, rgba(132, 191, 3, 1) 0%, rgba(26, 81, 114, 1) 100%);
   border-radius: 25px;
   padding: 20px 15px 15px 15px;
   margin-top: 60px;
   margin-bottom: 60px;
   margin-right: 10%;
   margin-left: 10%;
}


 

  .table-container {
    padding: 20px 15px 15px 15px;
    margin-top: 40px;
    margin-bottom: 80px;
    margin-right: 10%;
    margin-left: 10%;
    border: 1px solid #ccc;
    border-radius: 25px;
    overflow-x: auto;
    background: #84BF03;
    background: linear-gradient(0deg, rgba(132, 191, 3, 1) 0%, rgba(26, 81, 114, 1) 100%);
  }

  .flex-table {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: 'Roboto', sans-serif;
    min-width: 700px;
  }

  .flex-table p {
    margin-bottom: 10px !important; 
  }

@media all and (max-width: 600px) {
 .flex-table p, {
    font-size: 14px !important;  
  }
}

  .flex-row {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
  }

  .flex-header {
    background-color: transparent;
    font-weight: bold;
    color: white;
    font-size: 22px;
  }

@media all and (max-width: 600px) {
  .flex-header {
    font-size: 18px !important;  
  }
}

  .flex-cell {
    flex: 1 1 33.33%;
    box-sizing: border-box;
    padding: 12px;
    text-align: left;
  }

 /* .flex-row:nth-child(even):not(.flex-header) {
    background-color: #EAF0F4;
  }

  @media (max-width: 600px) {
    .flex-cell {
      flex: 1 1 100%;
      text-align: left;
    }

    .flex-row.flex-header {
      display: none;
    }

    .flex-row[data-labels] .flex-cell::before {
      content: attr(data-label);
      font-weight: bold;
      display: block;
      margin-bottom: 4px;
      color: #444;
    }
  }*/




/* InSite FOOTER */

.page-node-1617 .site-footer,
.page-node-1618 .site-footer,
.page-node-1620 .site-footer,
.page-node-1621 .site-footer,
.page-node-1622 .site-footer,
.page-node-1623 .site-footer,
.page-node-1624 .site-footer,
.page-node-1625 .site-footer {
    padding:0 !important;

}

.insite-footer-top {
  width: 100%;
  background: #ffffff;
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 33%, rgba(69, 97, 27, 0.35) 100%);
  min-height: 150px;
  margin: 100px 0px 0px 0px;
}

/*.ifooter { 
    position: fixed;
    bottom: 0;
}*/

.insite-footer {
  width: 100%;
  background: linear-gradient(to bottom, #1A5072 0%, rgba(26, 80, 114, 0.8) 100%);
  color: white;
  letter-spacing: 1px;
  margin: 0px 0px 0px 0px;
}

.insite-footer .row,
.insite-footer .insite-footer-content .row {
  margin-left: 0px;
  margin-right: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0; 
}

.insite-footer-content {
  color: white;
  letter-spacing: 1px;
  padding: 20px 0px 20px 0px;
}

.insite-footer-content a {
  color: #fff !important;
  text-decoration: none;
}

.footer-insite-logo {
  max-height: 100px; 
  margin: 20px 20px 20px 20px;
    -webkit-filter: drop-shadow(5px 5px 5px #1A5072);
  filter: drop-shadow(5px 5px 5px #1A5072);
}

ul.insite-footer-list-lg {
  /*list-style-type: none;*/
  margin-left: 20px !important;
  padding-left: 0px !important;
   /*font-size: 30px !important;*/
    font-size: clamp(1.5rem, 2vw, 3rem) !important;
	font-family: 'Roboto',sans-serif !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
      margin-top: 15px;
    margin-bottom: 15px;
}

ul.insite-footer-list-lg li {
  list-style-type: none;
  margin: 15px 0px 15px 0px;
    /*font-size: 30px !important;*/
    font-size: clamp(1.5rem, 2vw, 3rem) !important;
	font-family: 'Roboto',sans-serif !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

ul.insite-footer-list-sm {
  margin-left: 20px !important;
    margin-bottom: 0px;
  padding-left: 0px !important;
    font-size: 16px !important;
	font-family: 'Roboto',sans-serif !important;
    line-height: 1.2 !important;
}

@media all and (max-width: 782px) {
  ul.insite-footer-list-sm {
    margin-left: 20px !important;
    margin-bottom: 0px;
    padding-left: 0px !important;
    font-size: 22px !important;
	font-family: 'Roboto',sans-serif !important;
    line-height: 2 !important;
  }
}

ul.insite-footer-list-sm li {
  list-style-type: none;
  margin-top: 15px;
    margin-bottom: 15px;
}


/* InSite BODY */


/* InSite mini-site END */