﻿.hero {
    margin-bottom: 0;
}

#navigation-secondary {
    margin-bottom: -15px;
}

.container .small-container {
    margin: 0 10px;
    text-align: justify;
}

.back-button,
.next-button,
.left-placeholder,
.right-placeholder {
    display: table-cell;
    vertical-align: middle;
    width: 52px;
}

.back-button .horizontal-nav-arrows,
.next-button .horizontal-nav-arrows {
    display: inline-block;
}

.light-text {
	color: white;
}

#title-section .container {
    padding: 40px 0;
    display: table;
}

#story-name {
    font-size: 32pt;
    font-weight: bold;
}

#story-author {
    margin-top: 20px;
}

#story-author .authored-date {
    margin-left: 2%;
}

.advanced-widget .story-image {
    margin: 2%;
    max-width: 50%;
}

.advanced-widget .story-image-left {
    margin-left: 0px;
	float: left;
    width: 48%;
}

.advanced-widget .story-image-right {
    margin-right: 0px;
    float: right;
    width: 48%;
}

.embed-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; width: 100%; }
.embed-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-video-container img { display: none;}

#banner-hero {
    width: 100%; height: 42%; background-position: 50% 0%; background-size: 100%; background-repeat: no-repeat;
}
#banner-hero img {
    display: none; max-height: none; max-width: none; width: auto; height: auto;
}

#edit-story-link {
    color: #fff;
    margin-left: 15px;
    display: none;
}

#edit-story-link i {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

#title-section:hover #edit-story-link {
    display: inline-block;
}

#navigation-secondary {
    background-color: transparent;
    border: none;
}

#navigation-secondary ul {
    background-color: #eff5f4;
    border: 1px solid #d6e0df;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

#navigation-secondary > ul > li {
    line-height: 25px;
}