/*-------------------------------------------------------------- 


>>> TABLE OF CONTENTS: 


----------------------------------------------------------------


########################################


File Name: blog.css


Template Name: Rocket App


Created By: Muneeb Ul Haq Gilani


http://themeforest.net/user/thematicwebs


Description : Below is the description of blog.css file with table of contents and style names for easy search.


#########################################





 0.0 - Blog Individual Item Styling	


 1.0 - Blog Title in Header


 2.0 - Single Page Styling


 3.0 - Share


 4.0 - Comments


 5.0 - Leave a Reply 


 --------------------------------------------------------------*/





section.blog-list {


    padding:0; margin:0;


}


section.blog-single {


    padding:50px 0;


}





/* Blog Individual Item Styling */





.blog-article {


    width:100%;


    display:block;


    text-align:center;


    padding:60px 0 55px;


    border-bottom:1px solid #e5e8eb;


}


.blog-article:last-child {


    border-bottom:0;


}


.blog-article > a {


    display:block;


    width:100%;


    height:100%;


}


.blog-article:hover {


    background:#232526;


}


.blog-article:hover h1 {


    color:white;


}


.blog-article:hover p {


    color:#838a90;


}








/* Blog Title in Header */





.blog header .title{


    text-align:center;


    color:white;


    height:30px;


    position:relative;


    top:-48px;


    font:24px "Montserrat",sans-serif;


    text-transform:uppercase;


}





/* Single Page Styling */





.blog-image {margin-bottom:20px;}


.blog-single .title { border-bottom:1px solid #e5e8eb; padding:20px; max-width:600px; margin:0 auto 35px; }


.title_img { margin:0 auto !important; border-bottom:none !important; }


.blog-post {


    border-bottom:1px solid #e5e8eb; padding-bottom:25px; padding-top:0px;


}








/*Share*/





.share {


    font-family:"Montserrat",sans-serif;


    text-transform:uppercase;


    font-size:16px !important;


    padding:12px 0 15px;


}


.share h5 {


    display:inline-block;


    margin-right:10px;


}


.share a {


    margin-right:7px;


    color:#0e0f10;


}


.share a:hover {


    color:#595b5e;


}


.padg_left{padding-left:10px !important; color:#FFF; font-family:"FontAwesome"; padding-right:10px;}


.tags {


    font-family:"Montserrat",sans-serif;


    text-transform:uppercase;


    font-size:12px !important;


    padding:12px 10px 15px !important;


	background-color:#000 !important;


	color:#FFF;


}


.tags a {


    margin-right:7px;


    color:#CCC;


}


.tags a:hover {


    color:#FFF;


}








/*Comments*/





.comments {


    background:#f5f6f6;


    border-radius:3px;


    padding:29px 15px;


}


.comment-level-1 .datereply {


    margin-bottom:30px;


    padding-bottom:30px;


    border-bottom:1px solid #edeff0;


}


.datereply a {


    margin-left:10px;


    display:inline-block;


}


.comment-level-2 {


    padding-left:35px;


}


.person-image img {


    width:100%;


    height:auto;


    background:#eaeaea;


}


.commentcount {


    font-family:"Montserrat",sans-serif;


    text-transform:uppercase;


    font-size:16px !important;


    padding:0 10px 10px 15px;


    color:#0e0f10;


}


p.name {


    font-size:16px;


    color:#212930;


}








/* Leave a Reply */


.reply {


    background:#efefef;


    border-radius:3px;


    padding:29px 15px;


}


.reply2 {


    margin-top:-15px;


    margin-bottom:21px;


}


.b_btn {


    border:0;


}


.commentform input, .commentform textarea {


    width:100%;


    display:block;


    border:0;


    padding:11px;


    background:#f7f7f7;


    border-radius:5px;


}


.commentform textarea {


    height:80px;


}


.commentform input {


    margin-bottom:15px;


}


.sendbutton {


    margin-top:15px;


}


.fzf h1{font-size:80px;}


/*Responsive*/





@media all and (max-width:767px) {


.blog-article {


    padding:30px 0 20px;


}


}