#home-background-container{
color: white;
padding: 50px 0px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(rgba(0, 0, 0, 1)), color-stop(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0.5))), url(https://wriorg.s3.amazonaws.com/photostory/images/forests-background.png);
background: -o-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgb(0, 0, 0), rgba(0, 0, 0, 0.5)), url(https://wriorg.s3.amazonaws.com/photostory/images/forests-background.png);
background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgb(0, 0, 0), rgba(0, 0, 0, 0.5)), url(https://wriorg.s3.amazonaws.com/photostory/images/forests-background.png);
background-size: contain;
background-position: center bottom;
border-bottom: solid 10px #97bd3d;
}

/* Font */

@font-face {
  font-family: monument;
  src: url('https://wriorg.s3.amazonaws.com/photostory/fonts/Monument.otf');
}

/* Header */

#story-header{
background-color: black;
border-top: solid 14px #f0ab00;
}

.main-header{
font-size: 60px;
letter-spacing: 1.25px;
position: relative;
top: 75px;
left: 50px;
}

.subheader{
display: block;
font-size: 22px;
font-weight: lighter;
}


.body-header{
color: #97bd3d;
font-size: 36px;
font-family: 'Monument' !important;
}

.body-sub-header{
margin: unset !important;
top: -15px;
position: relative;
}

.for h2{
color: #97bd3d;
font-size: 26px;
font-weight: lighter;
}

.series-header{
font-family: 'Monument', serif;
line-height: 1.1;
text-align: center;
text-transform: uppercase;
font-size: 50px;
word-spacing: -17px;
margin: 75px 0px;
}

.series-header span{
font-family: inherit;
}

.series-small-type{
font-size: 17px;
vertical-align: middle;
}

span.series-last-line:before {
content: '';
border-top: solid 5px white;
width: 100px;
display: inline-block;
padding: 0 10px;
vertical-align: middle;
}

/* Footer */

footer{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(rgba(0, 0, 0, 1)), color-stop(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0.5))), url(https://wriorg.s3.amazonaws.com/photostory/images/forests-background.png);
background: -o-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgb(0, 0, 0), rgba(0, 0, 0, 0.5)), url(https://wriorg.s3.amazonaws.com/photostory/images/forests-background.png);
background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgb(0, 0, 0), rgba(0, 0, 0, 0.5)), url(https://wriorg.s3.amazonaws.com/photostory/images/forests-background.png);
background-size: contain;
background-position: center bottom;
color: white;
padding: 50px 0px;
}

div#homepage-footer{
font-family: 'acumin-pro' !important;
}

.story-footer-logo{
width: 70%;
max-width: unset;
margin: 0 auto;
display: block;
}

.story-footer{
max-width: 800px;
margin: 50px auto;
padding: 0 20px;
color: #4d4d4d;
font-size: 14px;
font-weight: lighter;
line-height: 1.5;
}

.story-footer div{
vertical-align: top;
}

.story-footer .color-green{
font-style: unset;
font-weight: normal;
}

.footer-logo img{
width: 250px !important; 
}

a.story-link{
text-decoration: none !important;
color: unset;
}


@media screen and (min-width: 1120px){

footer{
padding: 150px 0px 50px 0px;
}

footer .story-wrapper:nth-child(1){
-webkit-box-flex: 2;
    -ms-flex: 2;
        flex: 2;
}

footer .story{
height: 375px ;
}

.story-footer-logo{
margin: 39% auto;
width: unset;
max-width: 100%;
}

.story-footer{
max-width: 1120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.story-footer div{
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
margin-right: 25px;
}

.story-footer div:nth-child(3){
margin-right: 0;
-webkit-box-flex: 1.4;
    -ms-flex: 1.4;
        flex: 1.4;
}

.footer-logo img{
margin: 50% 0;
}

}


/* Homepage */

div#stories-links{
max-width: 800px;
margin: 0 auto;
}

.main-body a{
  text-decoration: none !important;
  color: #97bd3d;
}

.main-body a:hover{
  text-decoration: underline !important;
  color: #97bd3d;
}

.story-wrapper{
margin: 0px 20px;
}

.story{
background-size: cover;
background-position: center;
font-size: 20px;
height: 300px;
margin-bottom: 5px;
vertical-align: top;
text-align: center;
}

.story-inner{
height: 100%;
}

.story:nth-child(5){
margin-bottom: 0;
}

.unreleased-story{
-webkit-filter: grayscale(1);
        filter: grayscale(1);
}

.unreleased-story-overlay{
height: inherit;
background-color: rgba(0, 0, 0, 0.5);
}

.unreleased-story p:nth-child(2){
font-family: 'acumin-pro' !important;
font-size: 24px;
}

.story-inner p{
font-family: 'Monument', serif;
margin: 0;
padding: 50px 25px;
}

.story-inner p a{
font-family: 'Monument', serif;
color: unset;
text-decoration: none;
}


.story:hover .has-hover{
background: rgba(151, 189, 61, 0.65);
transition: all ease 0.5s;
cursor: pointer;
}

p.story-intro{
font-family: 'Georgia';
font-style: oblique;
padding-right: 5px;
}

p.story-intro:before {
content: '';
display: block;
border-top: solid #97bd3d 3px;
color: #97bd3d;
width: 25%;
margin-top: -15px;
padding: 5px 0;
}

/* Story - Thumbnails */

.familia-soares{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/familia-soares-mobile.jpg');
}

.bruno{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/bruno-mobile.jpg');
}

.patrick{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/patrick-mobile.jpg');
}

.silvany{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/silvany-mobile.jpg');
}

.emerson{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/emerson-viviane-mobile.jpg');
}

@media screen and (min-width: 1120px){
div#stories-links{
max-width: 1120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.story-wrapper{
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
margin: 0px 5px 0px 0px;
}

.story{
height: 500px;
font-size: 18px;
}

.story-inner p{
padding: 50px 0px;
}

.story-inner p:nth-child(1){
height: 32px;
}

.story:nth-child(5){
margin-right: 0;
}

.familia-soares{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/familia-soares.jpg');
}

.bruno{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/bruno.jpg');
}

.patrick{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/patrick.jpg');
}

.silvany{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/silvany.jpg');
}

.emerson{
background-image: url('https://wriorg.s3.amazonaws.com/photostory/images/emerson-viviane.jpg');
}
}

/* Body */

.main-body{
max-width: 800px;
margin: 0 auto;
padding: 0px 20px;
}

.main-body a{
font-family: 'Georgia', serif;
color: #97bd3d;
}

.for h1, h2, h3, h4, h5{
font-family: 'Acumin Pro', sans-serif;
}

span{
font-family: inherit;
}

iframe{
width: 100%;
height: 350px !important;
}

.clear-float{
clear: both;
}

.clear-left{
clear: left;
}

.clear-right{
clear: right;
}

p{
margin: 25px 0;
}

.acumin{
font-family: 'acumin-pro' !important;
}

a.learn-more{
font-size: 24px;
margin: 15px 0px;
display: block;
color: white;
font-weight: bold;
}

a.learn-more:after{
content: '\2192';
display: inline-block;
margin-left: 5px;
}

.left-item img {
width: 100%;
}

.right-item img{
width: 100%;
}

.box-item img{
width: 100%;
vertical-align: top;
margin-bottom: 25px;
}

.sidebox{
padding: 25px;
}

.acumin-title{
font-family: 'acumin-pro' !important;
font-size: 30px;
}

.infographic-image{
width: 100%;
}

.image-credit{
font-family: 'Georgia', serif;
font-style: oblique;
font-size: 14px;
color: grey;
}

.side-item .image-credit{
margin: 12px 20px;
}

.image-credit-white{
font-family: 'Georgia', serif;
font-style: oblique;
font-size: 14px;
margin: 12px 20px;
color: white;
}

.image-shadow {
-webkit-box-shadow: 0px 20px 0px 3px #97bd3d;
        box-shadow: 0px 20px 0px 3px #97bd3d;
}

.story-sidebar{
font-family: 'acumin-pro' !important;
color: white;
background-color: rgb(151, 189, 61);
padding: 50px 20px;
}

img.story-sidebar-image{
margin: -50px -20px 0px -20px !important;
width: calc(100% - -40px) !important;
max-width: unset !important;
}

.color-green{
color: #97bd3d;
}

.for-quote{
margin: unset !important;
padding: unset !important;
color: unset !important;
border: none !important;
font-style: unset !important;
font-size: 25px;
line-height: 1.2;
position: relative;
}

.for-quote p{
font-family: 'acumin-pro' !important;
}

.for-quote p:nth-child(1):before{
content: url('https://wriorg.s3.amazonaws.com/photostory/images/monument-quote-opening.png');
position: relative;
top: 10px;
}

.for-quote p:nth-child(1):after{
content: url('https://wriorg.s3.amazonaws.com/photostory/images/monument-quote-end.png');
position: relative;
top: -10px;
}

.for-quote p:nth-child(2){
color: grey;
font-style: oblique;
}

.story-subscribe{
font-family: 'acumin-pro-condensed', sans-serif !important;
margin: 50px auto;
max-width: 500px;
}

.main-body .story-subscribe{
max-width: inherit !important;
width: 75%;
margin: 50px 0;
}

.story-subscribe .subscribe-text{
display: inline-block;
width: calc(75% - 40px);
padding: 20px 0px;
font-size: 15px;
font-family: 'acumin-pro' !important;
}

.subscribe-text p{
margin: unset;
}

.has-border-green:before{
content: '';
display: block;
border-top: solid #97bd3d 3px;
color: #97bd3d;
width: 80px;
margin-top: -20px;
padding: 5px 0;
}

.light-green-bg{
background: rgba(151, 189, 61, 0.1);
}

.light-grey-bg{
background: #f3f3f3;
}

h3.block-header{
font-size: 30px;
color: grey ;
}

.story-subscribe .subscribe-button{
display: inline-block;
color: white;
border: solid 1px #97bd3d;
text-align: center;
padding: 20px;
font-size: 20px;
vertical-align: top;
}

.story-subscribe .subscribe-button:hover{
background-color: #97bd3d;

}

.story-subscribe .subscribe-button:hover .story-subscribe-link{
color: white !important;
text-decoration: none !important;
}

.story-subscribe-link{
font-family: 'acumin-pro' !important;
color: white !important;
text-decoration: none;
}

.main-body .story-subscribe-link{
color: #97bd3d !important;
}


@media screen and (min-width: 850px){

.main-header{
float: right;
position: relative;
left: unset;
right: 25px;
}

.subheader{
text-align: right;
}

.body-header{
font-size: 42px;
}

.left-item{
width: calc(50% - 50px);
float: left;
margin-right: 50px;
margin-bottom: 50px;
}

.right-item{
width: calc(50% - 50px);
float: right;
margin-left: 50px;
margin-bottom: 50px;
}

.box-item{
display: inline-block;
width: 49%;
}

.item-third{
width: calc(37% - 50px);
}

.item-two-third{
width: calc(60% - 50px);
margin-left: 50px;
}

.left-item.side-item.video-item{
width: calc(63% - 50px);
}

#mandioca-slider{
padding: 50px;
}

.infographic-image{
display: block;
max-width: 60%;
margin: 0 auto;
}

.image-credit{
font-size: 14px;
color: grey;
margin: 12px 0px;
}

.image-border .image-credit{
margin: 20px 25px !important;
}

iframe{
height: 700px;
}

.side-item .image-credit{
margin: 12px 0px;
}

.full-width-credit{
margin: 12px 50px !important;
}

.image-credit-white{
font-size: 14px;
color: white;
}

img.story-sidebar-image{
margin: -50px -50px 0px -50px !important;
width: calc(100% - -100px) !important;
}


.image-shadow{
-webkit-box-shadow: 30px 20px 0px 3px #97bd3d;
        box-shadow: 30px 20px 0px 3px #97bd3d;
}

.image-shadow-long{
-webkit-box-shadow: 80px -1px 0px 22px #97bd3d;
        box-shadow: 80px -1px 0px 22px #97bd3d;
}

.image-shadow-text{
-webkit-box-shadow: 24px 23px 0px -2px #97bd3d;
        box-shadow: 24px 23px 0px -2px #97bd3d;
}

.story-sidebar{
padding: 50px;
}

.sidebox{
padding: 50px;
}

}

/* General Slideshows */

.slideshow{
font-family: 'acumin-pro' !important;
padding: 25px;
}

.slide-title-underline{
border-bottom: solid #97bd3d 5px;
margin-top: -5px;
display: inline-block;
}

.story-sidebar .slide-title-underline{
border-bottom: solid black 5px;
}

.slick-next{
right: -40px !important;
top: 40% !important;
}

.slick-prev{
right: -25px !important;
top: 40% !important;
}

.slick-prev:before, .slick-next:before{
color: #97bd3d !important;
}

.slick-slide{
height: unset !important;
outline: none !important;
margin: 0 4px;
}

.slick-list{
margin: 0 -4px;
}

.slick-dots li.slick-active button:before{
color: #97bd3d !important;
}

h3.slideshow-header{
font-size: 30px;
color: grey ;
}

.slides p{
max-width: 800px;
margin: 0 auto;
}

/* First Slideshow */

#slideshow-1{
background: #f3f3f3;
clear: both;
margin-bottom: 50px;
}

#slideshow-1 .slides{
max-width: 90%;
margin: 50px auto;
}

.slides div img{
width: 100%;
}

/* Second Slideshow */

#slideshow-2{
background: rgba(151, 189, 61, 0.1);
clear: both;
margin-bottom: 50px;
}

#slideshow-2 .slides{
max-width: 90%;
margin: 50px auto;
}

#slideshow-2 .slides div img{
width: 100%;
margin: 0 auto;
}

@media screen and (min-width: 850px){


#slideshow-2 .slides div img{
width: 50%;
float: left;
}

#slideshow-2 .slides div p{
float: right;
width: calc(50% - 100px);
margin: 150px 0px;
padding: 0 20px;
}

.last-slide img{
float: none !important;
}

.infographic .slick-slider{
height: 475px;
}
}

/* Mandioca Slideshow */

#mandioca-slider{
background-color: #f3f3f3;
padding-bottom: 50px;
margin-bottom: 50px;
}

.slide-number{
font-family: 'Monument', sans-serif;
font-size: 30px;
font-weight: 500;
color: grey;
display: inline-block;
vertical-align: middle;
padding: 20px 15px;
}

span.slide-number{
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
cursor: pointer;
}

.slide-number::selection{
color: #97bd3d !important;
background-color: unset !important;
}

.slide-number.active{
color: #97bd3d;
}

.slide-intro{
color: white;
}

.mandioca-slider-image-text{
background-color: #97bd3d;
padding: 20px;
position: relative;
margin-top: -7px;
}

.mandioca-slider-image-text p{
position: relative;
margin: 12px 25px;
}

.mandioca-slider-image img{
width: 100%;
}

span.slide-image-number{
font-size: 75px;
color: white;
top: -40px;
position: relative;
text-align: center;
display: none;
}

.margin-bottom-md{
  margin-bottom: 0 !important;
}

.for-profile{
  display: inline-block;
  vertical-align: middle;
  width:36px !important;
  height: 36px !important;
}

address.field.field--byline {
    margin-bottom: 25px;
}