@import "tags";
@import "category";
@import "author";
@import "relatedposts";
.single-post,.single-portfolio{ 
    article.post, article.portfolio{
        .entry-thumbnail{        
            margin-bottom: 48px;
        }
        .entry-content{
            margin: 0px 0 40px;
        }
    }
}

.post,.portfolio{
    .meta{
        padding: 8px 0 0;    
        color:#797979;
        font-size: 14px;
    }
    .seporator{
        color:#cfd3d7;
        margin: 0 11px; 
    }
    .entry-header{
        background: url(../images/border-dashed.png) bottom left repeat-x;
        padding:0 0 24px;
        margin:0 0 24px;
        &+.entry-footer{
            padding: 0px;
            background: transparent;  
            .meta{
                padding: 0;
            }
        }
    }    
    .entry-footer{
        padding: 4px 0 0;
        background: url(../images/border-dotted.png) top left repeat-x;
    }
    &.format-link{
        .entry-content{
            padding: 35px 30px  11px; 
            margin-bottom: 24px;
        }
    }
}
.entry-media{
    margin: 9px 0 40px;
}
.entry-content{
    .entry-media{
        margin: 0px 0 24px;
    }
}
.date-post{
    margin: 0;
    text-transform: uppercase;
}
.comment-respond{  
    padding-top: 44px;  
    color:$textColor;
}
.comment-body + .comment-respond{
    padding: 38px 0 44px;
}
.comments-area{    
    padding: 12px 0 30px;
    .comments-title{
        margin: 43px 0; 
    }
}
.comment-form{ 
    input.form-control{
        width:370px;
        max-width: 100%;    
    }
    .form-group.comment-form-comment{ 
        margin-bottom: 47px;
    }
    .comment-notes,
    .logged-in-as{
        margin: 0 0 45px;
		font-size: 14px;
    }
}

.comment-content{
    overflow: hidden;
}
.comment-list{  
    color:$commentsColor;
    .comment-body{
        border:1px solid $commentsBoder;
        margin-bottom: 24px;
    }
    .comment-description{ 
        padding: 23px 28px 16px;
        border-left:3px solid $commentsLine;
    }
    .avatar{
        border-radius: 4px;
    }
    .vcard{
        margin: 0 16px 0 0;
        float: left;
    }
    h4.fn{
        margin: 8px 0 8px 5px;
        color:$brandColor;
    }
    .comment-meta {
        margin:0 0 28px 6px;
        overflow:hidden;
        span{
            text-transform: none;        
        }
    }
    .children{ 
        margin-left: 23px;
    }
}
.comment-navigation{
    .nav-previous,
    .nav-next{
        display:inline-block;

    }
}
.flexslider.gallery {
    .slides img {
        width: auto;
        margin: 0 auto;
    }
    .flex-direction-nav a{
        @include text-shadow(none);
    }
    &:hover { 
        .flex-prev,
        .flex-next{
            opacity:1;
        }
    }
    .flex-direction-nav a:before{  
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 48px;
    }
    .flex-direction-nav a.flex-next:before{    
        content: "\f105";
    }
    .flex-direction-nav a.flex-prev:before{    
        content: "\f104";
    }
    .flex-control-paging li a{
        background: $slidesNav!important;
        height: 14px!important;
        opacity: 1;
        width: 14px!important;
        border-radius: 100%;
        @include box-shadow(none);
        &.flex-active,
        &:hover{
            background: $slidesNavActive!important;
            opacity: 1;
        }
    }
    .flex-control-nav {
        bottom: -53px !important;
    }
    padding:3px;
    margin: 9px 0 40px;
    border:1px solid $slidesNav;
    border-radius: 0px;
    @include box-shadow( 0 1px 4px rgba(0,0,0,0));
    ul{
        margin-bottom: 0;
    }
}