/*Story Slideshows*/
	
	.ua-slideshow .slick-prev:before, .ua-slideshow .slick-next:before{
		color:black;
	}
	.play-slider-toggle{
		text-align:center;
		background-color:#efefef;
	}
	
	.play-slider-toggle button{
		background-color: transparent;
		border-style: none;
		background-image: url(../assets/img/btn-play.png);
		background-repeat: no-repeat;
		background-position: center;
		width:55px;
		height:55px;
		margin:5px 0;
		background-color:#efefef;
	}
	.play-slider-toggle button.paused{
		background-image: url(../assets/img/btn-play.png);
	}
	.play-slider-toggle button.playing{
		background-image: url(../assets/img/btn-pause.png);
	}
	.ua-slideshow.slick-slider{
		background-color:#efefef;
	}
	.ua-slideshow .slide-caption{
		
		width:100%;
	}
	.ua-slideshow .slide-caption div{
		font-size:14px;
		font-style:italic;
		padding:3px 8px 8px 8px;
		color:#000000;
	}
	.ua-slideshow .slideshow-slide{
		margin:0 5px;
		position:relative;
	}
	
	.ua-slideshow .slick-next, .ua-slideshow .slick-prev{
		width:40px;
		height:100%;
	}
	.ua-slideshow .slick-next:before, .ua-slideshow .slick-prev:before{
		font-size: 40px;
	}
	.ua-slideshow ul.slick-dots li button, .ua-slideshow ul.slick-dots li, .ua-slideshow ul.slick-dots li button:before{
		width:30px;
		height:30px;
	}
	.ua-slideshow ul.slick-dots li button:before{
		font-size: 20px;
		line-height:30px
	}
	
	.ua-slideshow ul.slick-dots li{
		margin-bottom:0;
	}
	
	.ua-slideshow .slick-next{
		right:0;
		z-index:1;
		background: rgba(255,255,255,0.75);

	}
	.ua-slideshow .slick-next:hover,.ua-slideshow .slick-next:focus, .ua-slideshow .slick-prev:hover,.ua-slideshow .slick-prev:focus{
		right:0;
		z-index:1;
		background: rgba(255,255,255,0.5);

	}
	.ua-slideshow .slick-prev{
		left: 0;
		z-index:1;
		background: rgba(255,255,255,0.75);

	}
	
	.ua-slideshow .slick-dots{
		bottom:inherit;
	}
	
	.ua-slideshow.slick-dotted.slick-slider{
		margin: 30px 0 60px 0;
	}
	@media only screen and (min-width: 768px) {
	
	
	.ua-slideshow .slick-next, .ua-slideshow .slick-prev{
		width:60px;
	}
	}
/*End slideshows*/


.story-content blockquote {
	padding: 0 50px;
}

.story-content blockquote:before {
	left: 0;
}

.story-content__body {
    font-size: 16px;
	line-height: 24px;
}

.story-content__heading {
    margin-top: 0;
}

.story-content__body h2:after {
	display: none;
}

@media (max-width: 768px) {
    .story-content__heading {
        display: none;
    }
}

.story-content__heading--mobile {
    display: none;
}

@media (max-width: 768px) {
    .story-content__heading--mobile {
        display: block;
    }
}

.story-content__subheading {
    /*color: #00723f;
    font-size: 20px;
    font-weight: 500;
	margin-bottom: 17px;*/
	color: #444;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.3em;
	margin-bottom: 17px;
}

/*
@media only screen and (min-width: 1219px) {
    .story-content__subheading {
        font-size: 18px
    }
}*/

.story-content__img-container-float-right,
.story-content__img-container-float-left {
	float: none;	
}

.story-content__img-align-right {
	margin-left: 15px;	
}

.story-content__img-align-left {
	margin-right: 15px;	
}

@media (min-width: 768px) { 
	.story-content__img-container-float-right {
		float: right;	
	}
	.story-content__img-container-float-left {
		float: left;	
	}
}

.story-content__published {
	color: #767676;
	display: block;
	font-size: 85%;
    font-weight: bold;
}

.story-content__offset-img {
    margin: 0 15px 15px 0;
    position: relative;
}

.story-content[data-priority="engine"] .story-content__offset-img {
    border-bottom: 10px solid #7c1746;
}

.story-content[data-priority="vibrant"] .story-content__offset-img {
    border-bottom: 10px solid #dc651e;
}

.story-content[data-priority="global"] .story-content__offset-img {
    border-bottom: 10px solid #007dc5;
}

.story-content[data-priority="force"] .story-content__offset-img {
    border-bottom: 10px solid #5ca038;
}

.story--donor-profile .story-content__subheading {
    margin-top: 274px;
}

@media (max-width: 768px) {
    .story--donor-profile .story-content__subheading {
        margin-top: 0;
    }
}

.btn--story-side {
	float: left;
	margin-top: 0;
}

@media only screen and (min-width: 768px) {
	.story--donor-profile .btn--story-side { 
		margin-top: 275px;
	}
}

.story--donor-profile .story-content__offset {
    margin-top: -150px;
    margin-left: -192px;
}

@media (max-width: 768px) {
    .story--donor-profile .story-content__offset {
        margin: 25px 0 0;
    }
}

.story--video .story-content__subheading {
    margin-top: 11px;
}

.story--video .story-content__offset {
    float: none;
    margin: 15px 0;
}

/* MD+: medium and up (iPad) */
@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 1219px) {
    .story--video .story-content__offset {
        margin: 0 -200px 0 25px;
        float: right;
    }
}

@media only screen and (min-width : 1824px) {
    .story--video .story-content__offset {
        margin: 0 -350px 0 25px;
    }
}

/*
@media (min-width: 1490px) {
    .story--video .story-content__offset {
        margin: 5px -200px 0 15px;
    }
}
*/

.story--video .story-content__subheading {
    margin-top: 5px;
}

@media (max-width: 768px) {
    .story--video .story-content__subheading {
        margin-top: 0;
    }
    .story--video iframe {
        width: 100%;
    }
}

.story--old-buzz .story-content__subheading {
    margin-top: 15px;
}

.story--old-buzz .story-content__img {
    margin: 15px 0 15px 15px;
}

.story--video-feature .btn--story-side {
	float: none !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
	height: 0;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container--vimeo {
    overflow: initial;
    margin-bottom: 65px;
}


.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.image figcaption {
	font-size: 90%;
	font-style: italic;
}

/*------------------------------------*\
    Component: Section
\*------------------------------------*/


.story-content {
    padding: 30px 0;
}
/*
.section-body h2,
.section-body h3,
.section-body h4,
.section-body h5,
.section-body h6 {
    clear: both;
}
*/

.section-body img {
    border-radius: 2px;
}

.section-body img.float-right {
    display: block;
    float: none;
    margin: 0 0 15px 0;
}

.section-body img.float-left {
	display:block;
	float: none;
    margin: 0 10px 15px 0;
}

.section-white {
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
}

.section-gray {
    background-color: #eee;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.section-dark-green {
    background-color: #18453b;
    color: #fff;
}

.section-dark-green h1,
.section-dark-green p,
.section-dark-green span {
    color: #fff;
}

/* MD+: medium and up (iPad) */
@media only screen and (min-width: 768px) {
	/*
	*/
	.story-content {
		padding: 45px 0;
	}
    .section-body img.float-right {
        display: inline-block;
        float: right;
		margin-left: 10px;
		margin-bottom:5px;
    }
	.section-body img.float-left {
		display: inline-block;
		float: left;
		margin-bottom: 5px;
	}
}

.hover-card--story .hover-card__top {
	max-height: 230px;	
}
.hover-card--story .hover-card__title {
	font-size: 22px;
}
.hover-card--story .hover-card__properties {
	font-size: 16px;	
}
a.related-stories__link {
	color: #444;
	text-decoration: none;
}
.hover-card__source,
.related-stories__source {
	color: #7A7A7A;
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
}
.hover-card--story .video-container--play:after {
	content:url('../img/play-button-story.png');
	opacity: .8;
	pointer-events: none;
	position: absolute;
	margin: 0 auto;
	left: 22px;
	bottom: 17px;
}
.hover-card--story .video-container--play:hover:after {
	opacity: 1;
}
.stories-pagination {
	margin: 20px 0 40px;
}