.single-post .content
{
    padding-top: 80px;
}
.single-post .type-post .entry-content-inner
{
    background-color: #F8F8F8;
}

.single-post h1.entry-title
{
    padding-bottom: 0px;
}
.single-post h1.entry-title,
.single-post .type-post .entry-content-inner,
.single-post .entry-content .entry-meta,
.single-post .comments
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    text-align: center;
    width: 90%;
}
.single-post .entry-content .entry-meta
{
    padding: 20px 0px;
}
.single-post .entry-title,
.single-post .type-post .entry-content-inner,
.single-post .entry-footer,
.single-post .comments
{
    max-width: 620px;
    padding: 30px 20px 0px;
    margin: 0px auto;
}
.single-post .comments
{
    padding: 0px;
}
.single-post .type-post .entry-content-inner p
{
    text-align: left;
}
.single-post .post-heading-wrap
{
    background-color: #fff;
    padding-bottom: 15px;
    position: sticky;
    top: 80px;
    z-index: 2;
}
.single-post .post-title-wrap img
{
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.single-post .essb_links,
.single-post .entry-meta .location-pin
{
    margin: 8px auto;
}
.single-post .essb_links.essb_template_round-retina a
{
    background-color: #E27A31 !important;
}
.single-post .essb_links.essb_template_round-retina .essb_link_facebook a,
.single-post .essb_links.essb_template_round-retina .essb_link_twitter a,
.single-post .essb_links.essb_template_round-retina .essb_link_mail a
{
    color: #fff !important;
}
.single-post .essb_links.essb_template_round-retina a:hover
{
    background-color: #fff !important;
}
.single-post .essb_links.essb_template_round-retina .essb_link_facebook a:hover,
.single-post .essb_links.essb_template_round-retina .essb_link_twitter a:hover,
.single-post .essb_links.essb_template_round-retina .essb_link_mail a:hover
{
    color: #E27A31 !important;
}
.single-post .essb_links.essb_template_round-retina li a
{
    box-shadow: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
.single-post .essb_links .essb_icon
{
    width: 20px;
    height: 20px;
}
.single-post .essb_links .essb_icon::before
{
    top: 3px;
    left: 3px;
    font-size: 14px !important;
}
.single-post .entry-meta .location-pin
{
    position: relative;
    left: 10px;
}
.single-post .entry-meta .location-pin::before
{
    filter: invert(100%);
}
.single-post .entry-footer
{
    position: sticky;
    bottom: 80px;
    z-index: 0;
    margin: 0px auto;
}
.single-post .entry-footer a
{

    font-size: 18px;
}
.single-post .entry-footer 
{
    padding: 0px;
    width: 80%;
}

.single-post .entry-footer p
{
    padding-top: 0px;
}
.single-post .entry-header
{
    position: relative;
    z-index: 1;
    background-color: #fff;
    min-width: 290px;
}

.single-post .entry-header::after
{
    content: '';
    display: block;
    height: 50vh;
}
.single-post .post-title-wrap
{
    position: sticky;
    top: 80px;
    z-index: 2;
    background-color: #fff;
}

.single-post .sticky-banner-image
{
    height: 50vh;
    object-fit: cover;
    padding-top: 30px;
    width: 100%;
}
.single-post .entry-content .entry-meta
{
    padding:  30px;
    width: 100%;
    background-color: #FFFFFFB3;
}
.single-post .entry-meta .post-author
{
    display: block;
}
.single-post .entry-content
{
    position: relative;
    z-index: 1;
    top: -50vh;
    background-color: #fff;
    margin: 0px;
    left: 0px;
    width: 100%;
    padding: 0px;
    right: 0px;
    max-width: none;
    margin-bottom: -50vh;
    min-height: 50vh;
}
/*.single-post .site-bottom
{
    margin-top: -50vh;
}*/
.single-post .next_article::after
{
    content: '\00a0\00bb';
}
.entry-footer .entry-meta
{
    border: none;
}

.single-post .wpb_column
{
    float: none;
}

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

        .single-post .essb_links,
        .single-post .entry-meta .location-pin
        {
            margin: 0px 0px;
        }

        .single-post h1.entry-title,
        .single-post .type-post .entry-content-inner,
        .single-post .entry-footer,
        .single-post .comments
        {
            width: 75%;
            min-width: 290px;
            max-width: 768px;
        }
        .single-post h1.entry-title,
        .single-post .type-post .entry-content-inner
        {
            padding: 30px 60px;
        }
        .single-post .entry-footer 
        {
            padding: 30px 0px;
        }
        .single-post h1.entry-title
        {
            padding-bottom: 0px;
        }
}

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

        .single-post .essb_links::before
        {
            content: '- share';
            position: absolute;
            display: block;
            margin-left: -60px;
            margin-top: 4px;
        }

        .single-post .essb_links
        {
            padding-left: 66px;
            padding-bottom: 5px;
        }
        .single-post .entry-content .entry-meta 
        {
            display: grid;
            grid-template-columns: auto auto;
            grid-template-rows: 1fr 1fr;
            grid-template-areas: 
                "author social"
                "location location";
            justify-items: center;
            align-items: center;
            justify-content: center;
            row-gap: 8px;
        }
        .single-post .post-author
        {
            grid-area: author;
            justify-self: end;
        }
        .single-post .location-pin
        {
            grid-area: location;
            justify-self: center;
        }
        .single-post .essb_links
        {
            grid-area: social;
            justify-self: start;
        }
        .single-post h1.entry-title,
        .single-post .type-post .entry-content-inner,
        .single-post .entry-footer,
        .single-post .comments
        {
            width: 60%;
            min-width: 290px;
            max-width: 768px;
        }
        .single-post h1.entry-title,
        .single-post .type-post .entry-content-inner
        {
            padding: 30px 60px;
        }
        .single-post .entry-footer 
        {
            padding: 30px 0px;
        }

        .single-post h1.entry-title
        {
            padding-bottom: 0px;
        }

}
