/* Blog
--------------------------------------------------*/
/*.blog-directions {
    margin : 50px 0;
    position: relative;
    top: 146px
}*/

.blog-posts-list {
    margin     : 0 0 280px 0;
    padding    : 0;
    list-style : none;
}

.blog-posts-list > li {
    display        : block;
    text-transform : uppercase;
    padding        : 10px 0;
    width          : auto !important;
}

.blog-posts-list > li:first-child {
    padding-top : 0;
}

.blog-posts-list > li span {
    display        : block;
    color          : #76828b;
    text-transform : uppercase;
    font-size      : 14px;
    font-style     : normal;
    padding        : 10px 0;
}

.blog-posts-list > li a {
    display         : block;
    color           : #ffffff;
    text-decoration : none;
    font-weight     : 500;
    font-size       : 18px;
    line-height     : 24px;
}

.blog-posts-list > li.active a, .blog-posts-list > li a:hover {
    color : #cd3031;
}

.blog-header-wrapper {
    background-color : rgba(205, 48, 48, .4);
}

.has-thumbnail .blog-header-wrapper {
    background-color : rgba(205, 48, 48, .4);
    position         : absolute;
    width            : 90%;
    top              : 25% ;
    z-index          : 1;
}

.blog-header-wrapper > div {
    display : inline-block;
}

.blog-date {
    background-color   : #5B656E;
    text-align         : center;
    padding            : 18px;
    margin-left        : 20px;

    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    -ms-box-sizing     : border-box;
    box-sizing         : border-box;

    -webkit-transform  : scale(1.15);
    -moz-transform     : scale(1.15);
    -o-transform       : scale(1.15);
    -ms-transform      : scale(1.15);
    transform          : scale(1.15); /* IE 9 */
    /* Safari and Chrome */
}

.blog-date-day {
    display     : block;
    font-size   : 72px;
    font-weight : bold;
    text-align  : center;
    padding     : 10px;
}

.blog-date-other {
    font-size  : 16px;
    font-style : normal;
}

.blog-title {
    width          : 65%;
    margin-left    : 20px;
    text-transform : uppercase;
    line-height    : 22px;
    padding        : 18px 10px 18px!important;
    position       : absolute;
}

.blog-entry-thumb {
    position : relative;
}

#blog .entry-content {
    margin-top : 10px;
}
#blog .entry-content .audio-hide{
    display: none;
}
.readmore {
    border                 : 0;
    padding                : 10px 30px;
    background-color       : #cc3031;
    color                  : #ffffff;
    text-transform         : uppercase;
    font-size              : 18px;
    margin                 : 30px 0;
    display                : inline-block;
    -webkit-font-smoothing : antialiased;
}

.readmore:hover {
    color            : #ffffff;
    text-decoration  : none;
    background-color : #8c2727;
}

.readmore i {
    margin-left : 5px;
}

.blog-post-descriptions {
    font-size   : 18px;
    font-style  : normal;
    line-height : 36px;
    color       : #EBECEC;
}

/* Blog Modal */
.blog-contents .tags {
    text-transform : uppercase;
    font-weight    : bold;
    margin         : 30px 0;
}

.blog-contents .tags a.tag {
    text-transform : uppercase;
    font-weight    : normal;
    color          : #AFAFAF;
}

.blog-contents .author .media-heading {
    text-transform : uppercase;
    font-weight    : bold;
}

.blog-contents #comments {
    margin : 70px 0;
}

.blog-contents #comments h3 {
    font-size     : 30px;
    margin-bottom : 50px;
}

.blog-contents #comments .comment-content {
    margin-bottom  : 40px;
    padding-bottom : 40px;
    border-bottom  : 1px solid #424649;
}

.blog-contents #comments .comment-content small {
    display : block;
}

.blog-contents #comments .comment-content a.reply {
    background     : #393E42;
    font-weight    : bold;
    text-transform : uppercase;
    color          : #73787C;
    padding        : 5px 20px;
    font-size      : 18px;
}

.blog-contents #comment-form {
    margin-top : 50px;
}

.blog-contents #comment-form input, .blog-contents #comment-form textarea {
    border : 2px solid #333A40 !important;
}

.blog-contents #comment-form .readmore {
    padding     : 20px 30px;
    font-weight : 900;
    font-size   : 20px;
}

.blog-directions{
    padding: 0 20px;
}

.entry-title{
    margin-bottom: 30px;
    position: relative;
}