.single-story
{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start; 
    align-content: space-between;
}
.single-story::after
{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    background: #000000 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 0.35; 
    z-index: 6;
}

.single-story.hide-on-mobile
{
    display: none;        
        
}
.story-element
{
    z-index: 10;
    position: relative;
}
.story-element.story-image
{
    width: 100%;
    height: 100%;
    z-index: 5;
    object-fit: cover;
    position: absolute;
}

.single-story-title
{
        overflow: hidden;
        display: block;
        min-height: 60px;
        max-height: 60px;
        height: 60px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
}

.single-story-title.text-shadow
{
        text-shadow: 0px 0px 6px rgba(0,0,0,0.175);
}

.story-element.button,
.story-element.single-story-title,
.story-element.location-pin
{
    margin: 6px 30px;
}
.story-element.button,
.story-element.button:hover,
.story-element.button:focus
{
    margin-bottom: 25px;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.27);
}
.story-element.location-pin
{
    padding-left: 20px;
    text-shadow: 0px 0px 12px rgba(0,0,0,0.4);
}
.latest-stories p.hide-on-desktop
{
    width: 100%;
}

.single-story.all
{
    display:flex;
}
.more-link
{
    margin: 0px;
}