.light-weight { font-weight: 300 !important; }

.text-hero-green { color: #036a36; }

.inline-block { display: inline-block; }

p {
	font-size: 1.125rem;
    line-height: 1.5;
}

p a, p a:hover, p a:active {
	text-decoration: underline;
}

/* Hide other donate btns */
header[role=banner] nav ul li a.donate, a.mobile-donate, footer a.donate {
	display: none !important;
}

.story-title h1, .story-title p { color: #231f20; }

.story-title h2.deca { font-size: 1rem; }

.social-share a {
	line-height: 34px;
	width: 34px;
	height: 34px;
	display: inline-block;
	vertical-align: middle;
}

.social-share .icon {
	fill: #231f20;
	width: 34px;
	height: 34px;
}

.social-share a .icon, .social-share a:hover .icon {
	fill: #231f20;
}

.share-copy {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
}

.grid, .grid.condensed {
	margin: 0;
}

.grid.extra-condensed.photo-grid {
	margin: 0 -0.75rem 0.5rem;
}

.padding-top-0 { padding-top: 0 !important; }

.padding-bottom-0 { padding-bottom: 0 !important; }

.margin-top { margin-top: 1.5rem !important; }

.margin-top-expanded { margin-top: 3rem !important; }

.landing-page .hero {
    border-bottom: none;
}

.landing-page .hero .hero-content-wrap {
    background-color: #dedcd5;
}

@media screen and (min-width: 75rem){
	.landing-page .hero .hero-content-wrap {
		background-color: transparent;
	}
}

figure img {
	border: none;
	box-shadow: none;
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.color-block.main-photo:before {
	content: '';
	height: 50%;
	width: 100%;
	background: #fff;
	z-index: 1;
	position: absolute;
	bottom: 0;
	left: 0;
}

.color-block.main-photo figure, .video-embed {
	z-index: 2;
	position: relative;
	display: block;
	margin-bottom:1.5rem;
}

.video-inline-loop {
	margin-bottom: 1.5rem;
}

.photo-grid figure {
	margin-bottom: .5rem;
}

.full-issue.media {
	display: block;
	text-align: center;
}

.full-issue.media img {
	width: 12rem;
	max-height: 255px;
	margin: 0 auto .5rem auto;
}

.photographic:after {
	background-image: url(/images/hero/hero-evergreen-sapling-planting-hands.jpg);
}

.card.light-khaki {
    background: #dedcd5;
    border-color: #dedcd5;
}

.card.hero-green {
    background: #036a36;
    color:  #fff;
}

@media screen and (min-width: 75rem){
	.grid.extra-condensed [class*=col] {
		padding: 0 0.25rem!important;
	}

	.grid.extra-condensed [class*=col].no-pad-lg {
		padding: 0!important;
	}

	.grid.extra-condensed.photo-grid {
		margin: 0 0 1rem;
	}

	.full-issue.media {
		display: flex;
		text-align: left;
	}

	.full-issue.media img {
		margin: 0;
	}

	.full-issue.media div {
		padding-left: 3rem;
	}
}


/* Breadcrumb Navigation */
ul.story-breadcrumb {
	list-style-type: none;
	margin: 0 0 1.5rem 0;
	padding: 0;
	font-family: proxima-nova,helvetica,sans-serif;
	font-size:  1rem;
}

ul.story-breadcrumb li {
	display: inline;
	margin: 0;
}

ul.story-breadcrumb li a span {
	display: inline-block;
	padding:  0 5px 2px 5px;
	border-bottom:  1px solid #c5c5c5;
	transition: all .2s ease-in-out;
}

ul.story-breadcrumb li a:hover span {
	border-color:  #625b51;
}

ul.story-breadcrumb li a, ul.story-breadcrumb li a:hover  {
	color:  #625b51;
}

ul.story-breadcrumb li:after {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" fill="%23625b51" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve" height="11px" width="11px"><polygon points="16.8,27.7 27.3,17.2 0,17.2 0,14.8 27.3,14.8 16.8,4.3 18.5,2.5 32,16 18.5,29.5 "/></svg>');
	margin: 0 0.375rem;
	display: inline-block;
}

ul.story-breadcrumb li:last-of-type:after {
	content:none;
}
/* --- */

/* Category Tags */
.category-tags {
	margin-bottom:  1.5rem;
}

.category-tags .button {
	background:  #e5e5e5;
	border-color:  #e5e5e5;
	font-size: .75rem;
    line-height: 1.5rem;
    padding: 0.125rem 0.5rem 0;
    color:  #231f20;
    box-shadow: none;
}

.category-tags .button:hover {
	background:  #d5d5d5;
	border-color:  #d5d5d5;
}
/* --- */

/* Article Posts */
article.featured-post {	
}

article.featured-post:hover a img.thumb {
	opacity: .8;
}

article.featured-post .category-tags {
	margin-bottom:  .25rem;
}

article.featured-post a h3 {
	color: #231f20;
    line-height: 1.35;
    margin-bottom: 2rem;
    margin-top: 0.5rem;
}

article.featured-post a .icon.arrow {
	width: 14px;
    height: 14px;
    fill: #231f20;
    margin-left: 5px;
}

article.featured-post a:hover .thumb {
    border-color: transparent;
}
/* --- */

/* Icon Formatting */
.stat-icon .icon {
	width:  42px;
	height:  42px;
	fill:  #231f20;
}

.icon.icon-hero-green {
	fill:  #036a36;
}

.icon.icon-light-khaki {
	fill:  #dedcd5;
}
/* --- */

/* Blockquote */
blockquote {
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-left: none;
    background: transparent;
}

blockquote::before {
    content: none;
}

blockquote p {
    color: #231f20;
    font-size:  1.375rem;
    margin: 0 0 0.75rem 0;
    top: 0;
}

blockquote p span.quote {
	font-size: 2rem;
    line-height: 1.375rem;
    display: inline-block;
    padding:  0 .25rem;
}

blockquote cite {
    margin: 0 0.75rem 0 0;
    color: #231f20;
    font-size:  .9875rem;
    line-height: 1.25;
}

cite:before {
    content: none;
}

blockquote cite .cite-name {
	font-style:  normal;
	text-transform:  uppercase;
	font-weight:  700;
	display: block;
	letter-spacing:  1px;
}

/*blockquote cite .cite-name:before {
	content: "— ";
}*/

blockquote cite .cite-title {
	font-style:  italic;
	display: block;
	font-size:  .875rem;
}

/* --- */

/* Blockquote with Image */
.quote-with-image img {
	border-radius: 50%;
	overflow: hidden;
	width: 200px;
	height: 200px;
	min-width: 100px;
	margin: 0 auto;
}
.quote-with-image blockquote > p {
	font-size: 1.3rem;
	line-height: 1.5 !important;
}
.quote-with-image blockquote > p span {
	line-height: 1 !important;
	font-size: 1.8rem;
}
@media screen and (min-width: 75rem){
	.quote-with-image {
		display: grid;
		grid-template-columns: 150px 1fr; 
		gap: 20px; 
	}
	.quote-with-image blockquote, .quote-with-image blockquote cite {
		text-align: left;
	}
}
/* --- */

/* Popup Overrides */
img.mfp-img {
    padding: 40px 0 40px !important;
}

.popup-link:hover img, .popup-gallery:hover img { cursor: pointer !important; }

a.popup-gallery figcaption, a.popup-gallery:hover figcaption {
	color: #625B51;
}

@media screen and (min-width: 87.5rem){
	.mfp-content {
    	padding: 0;
	}
}
/* --- */

/* Slick Slider Overrides */
.slick-prev:before, .slick-next:before {
	width: 1rem !important;
	height: 1rem !important;
}

.slick-next, .slick-prev {
	width: 3rem !important;
	height: 6rem !important;
}

.slick-next {
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%) !important;
}

.slick-prev {
	background: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%) !important;
}

.slick-next:hover, .slick-next:focus, .slick-next:active {
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%) !important;
}

.slick-prev:hover, .slick-prev:focus, .slick-prev:active {
    background: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%) !important;
}

@media screen and (min-width: 37.5rem){
	.slick-next, .slick-prev {
		width: 4rem !important;
		height: 10rem !important;

	}

	.slick-prev:before, .slick-next:before {
		width: 1.5rem !important;
		height: 1.5rem !important;
	}
}
/* --- */

/* A Tree Can Be Specific*/
body.atcb-story {
	color: #231f20;
}

body.atcb-story ol, body.atcb-story p, body.atcb-story ul {
	font-family: proxima-nova,helvetica,sans-serif;
	font-weight: 300;
}

body.atcb-story p.text-hero-green { color: #036a36; }

body.atcb-story .strong, body.atcb-story strong {
    font-weight: 800;
}
body.atcb-story .semi-bold, body.atcb-story .semi-bold {
    font-weight: 600;
}

body.atcb-story p a, body.atcb-story p a:hover, body.atcb-story p a:active {
    color: #231f20;
}

body.atcb-story .button {
    background: #036a36;
    border-color: #036a36;
    color: #fff;
}

body.atcb-story .button:hover, body.atcb-story .button:active {
    background: #025029;
    border-color: #025029;
    color: #fff;
    text-decoration: none;
}

body.atcb-story .button.action {
    background: #f3c851;
    border-color: #e3ab10;
    color: #625b51!important;
}

body.atcb-story .button.action:hover, body.atcb-story .button.action:active {
    background: #f6d477;
    border-color: #e3ab10;
    color: #4c463f;
    text-decoration: none;
}

.text-good-ultra {
	font-family: ff-good-web-pro, sans-serif;
	font-weight: 900;
	font-style: normal;
}

body.atcb-story .card.hero-green {
	color:  #dedcd5;
}

.photographic.atcb-donation:after, .photographic.reforestation-donation:after {
	background-image: url(/images/hero/hero-willamette-tree-planter-handful-of-seedlings-more-space.jpg);
	z-index: -2;
    opacity: .6;
}
.photographic.general-donation:after {
	background-image: url(/images/hero/hero-sappling-in-forest.jpg);
	z-index: -2;
    opacity: .6;
}

.photographic.atcb-donation:before, .photographic.general-donation:before, .photographic.reforestation-donation:before {
	z-index: -1;
	opacity: .45;
    background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 75%);

    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* --- */