/*content wrapper*/
#innBlogDetailWrapper {
    /*max-width: 1200px;*/
    margin: 0 auto;
    background:white;
    /*padding: 55px 0;*/
}

.ModInnBlogDetailC {
    background:white;
}


span#shareText{
    position: relative;
    top: -8px;
    padding-right: 10px;
    font-weight: bold;
}

div#icons{
    height: 50px;
    position: relative;
    bottom: 0px;
}

#backBtnWrapper a {
    float: right;
    position: relative;
    bottom: 0px;
}


/*info content*/
#innBlogDetailWrapper .blogPostAuthor {
    line-height: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7ced0;
}



#innBlogDetailWrapper #pnlBlogPostAuthor {
    float:left;
    width: 30%;
    margin-bottom: 10px;
}

#innBlogDetailWrapper #pnlBlogPostAuthorMobile {
    width: 100%;
    display: none;
    margin-bottom: 20px;
}

    #innBlogDetailWrapper .blogPostAuthor .subTitle {
        font-weight: 700;
    }

    #innBlogDetailWrapper .blogPostAuthor .subTitle {
        display: block;
    }

        #innBlogDetailWrapper .blogPostAuthor .publishDate:before {
            content: '|';
            display: inline-block;
            position: absolute;
            left: -16px;
        }

    /*#innBlogDetailWrapper #pnlBlogPostAuthor #authorImage,
    #innBlogDetailWrapper #pnlBlogPostAuthor #jobTitle {
        
    }*/

    #innBlogDetailWrapper .blogPostAuthor .authorImage {
        margin-bottom: 15px;
    }

        #innBlogDetailWrapper .blogPostAuthor .authorImage > img {
            max-width: 200px;
            width: 100%;
        }

    #innBlogDetailWrapper .blogPostAuthor p {
        margin-bottom: 0;
    }

#author {
    font-size: 16px;
}

/*description content*/
#innBlogDetailWrapper #pnlBlogPostContent {
    overflow: hidden;
}

#innBlogDetailWrapper #pnlBlogPostContent #postDescription {
    margin: 15px 0 30px 0;
}
    #innBlogDetailWrapper #pnlBlogPostContent #postCategory {
        font-size: 16px;
        font-weight: 700;
        padding-bottom: 20px;
    }

#innBlogDetailWrapper #pnlBlogPostContent #postTags {
    border-top: 1px solid #c7ced0;
    border-bottom: 1px solid #c7ced0;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 20px 0;
}

    #innBlogDetailWrapper #pnlBlogPostContent #postTags a {
        margin: 0 5px;
        font-weight: 400;
    }

        #innBlogDetailWrapper #pnlBlogPostContent #postTags a:first-child {
            margin-left: 15px;
        }

        #innBlogDetailWrapper #pnlBlogPostContent #postTags a:last-child {
            margin-right: 0;
        }

        #innBlogDetailWrapper .blogPostAuthor {
        border-bottom: none;
        line-height: 25px;
        margin-bottom: 0;
        /*text-align: center;*/
        padding-bottom: 0;
    }

#bottomPostWrapper {
    padding-top: 20px;
}

#innSocialShareSnippetWrapper {
    float:left;
    width: 50%;
    height: 50px;
}

#backBtnWrapper {
    float:right;
    width: 50%;
}


@media only screen and (min-width: 1360px) and (max-width: 1600px) {

    div#oneCol.content{
        padding-left: 50px;
    }


}







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

        #innBlogDetailWrapper .left {
            padding-right: 30px;
        }

        /*#innBlogDetailWrapper .right {
        padding-left: 30px;
    }*/



        #innBlogDetailWrapper .blogPostAuthor {
            border-bottom: none;
            line-height: 25px;
            margin-bottom: 0;
            text-align: center;
            padding-bottom: 0;
        }

            #innBlogDetailWrapper .blogPostAuthor .authorImage,
            #innBlogDetailWrapper .blogPostAuthor .jobTitle {
                display: block;
            }

                #innBlogDetailWrapper .blogPostAuthor .authorImage > img {
                    max-width: 200px;
                    width: 100%;
                    margin-bottom: 15px;
                }

            /*#innBlogDetailWrapper #pnlBlogPostAuthor #subTitle {
        
    }*/

            #innBlogDetailWrapper .blogPostAuthor .publishDate {
                display: block;
                margin-left: 0;
                margin-bottom: 25px;
            }

            #innBlogDetailWrapper .blogPostAuthor #publishDate:before {
                content: none;
            }

        #innBlogDetailWrapper #bottomPostWrapper #backBtnWrapper {
            text-align: right;
        }

            #innBlogDetailWrapper #bottomPostWrapper #backBtnWrapper > a {
                line-height: 50px;
            }
    }

    @media screen and (max-width: 1200px) {

        #bottomPostWrapper {
            margin: 15px 0 30px 0;
            padding: 0 0px;
        }

        #innBlogDetailWrapper #pnlBlogPostContent #postTags {
            padding: 20px 50px;
            padding-left: 0px;
        }

        #innBlogDetailWrapper #pnlBlogPostContent #postDescription {
            padding: 30px 50px 15px 0px;
        }

        #postCategory {
            padding: 10px 0px;
        }


        #innBlogDetailWrapper .blogPostAuthor .publishDate:before {
            content: '';
            display: inline-block;
        }

        #backBtnWrapper {
            padding: 0px 0;
        }

        #author, #publishDate {
            display: block;
            margin: 0;
        }

        .blogHeader {
            padding: 0px 0px;
        }
    }

    @media screen and (max-width: 900px) {
        #innBlogDetailWrapper {
            padding: 0;
        }

            #innBlogDetailWrapper #pnlBlogPostContent #postDescription {
                padding-top: 0;
            }

            #innBlogDetailWrapper #pnlBlogPostAuthor {
                display: none;
            }

            #innBlogDetailWrapper #pnlBlogPostAuthorMobile {
                display: inline-block;
            }

        .blogHeader {
            padding: /*30px 50px*/ 0px 0px;
        }

        #bottomPostWrapper {
            padding: 20px 0px;
        }

        #backBtnWrapper {
            width: auto;
        }
    }


    @media only screen and (min-width: 0px) and (max-width: 767px) {
        .sectionForeground div.sectionContent {
            padding: 30px 50px 0 50px;
        }


        #innSocialShareSnippetWrapper {
            width: 100%;
        }


        #backBtnWrapper {
            float: left;
            padding-top: 20px;
        }

        div#backBtnWrapper a {
            float: left;
        }






    }