/*
    Theme Name: DiFood
    Theme URL: owl-themes.net
    Author: Owl-themes
    Author URL: https://themeforest.net/user/owl-themes
    Description: DiFood - Restaurant And Cafe HTML template
    Version: 1.0
*/

/* Default styles blog */
.blog {line-height: 1.4;}
.blog .auto_heading {max-height: 500px;}
.blog .text_block .part_line {margin: 10px auto 0px auto;}
.blog .text_block {margin-top: 70px;}
.blog .rows {margin: 0 -20px;}
.blog .blog_post_content {font-family: 'Lato', sans-serif; font-weight: 400;}
.blog .blog_content {margin-top: 60px; background: white;}
.blog .blog_content .blog_item .part_line {margin: 0 auto;}

/* Blog list */
.blog .blog_list .blog_content .blog_item { margin-bottom:60px;} 
.blog .blog_list .blog_content .blog_item .blog_item_top {background: #F9F5F1; background-repeat: no-repeat; background-position: left top;text-align: center;}
.blog .blog_list .blog_content .blog_item .blog_item_top_right { background-position: right top;}
.blog .blog_list .blog_content .blog_item .blog_item_top .blog_item_top_l_vn { padding:15px 20% 15px 20%;}
.blog .blog_list .blog_content .blog_item .blog_item_top .blog_title {font-size: 50px; color: #272727;line-height: 1; font-family: 'Engagement', cursive; display: block; margin-bottom: 30px;} 
.blog .blog_list .blog_content .blog_item .blog_item_top p {margin-bottom: 35px;}
.blog .blog_list .blog_content .blog_item .blog_item_top .blog_item_top_r {max-height: 500px;overflow: hidden;}
.blog .blog_list .blog_content .blog_item .blog_item_top img{ -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: opacity .35s,-webkit-transform .35s;-o-transition: opacity .35s,transform .35s;transition: opacity .35s,transform .35s;transition: opacity .35s,transform .35s,-webkit-transform .35s; }
.blog .blog_list .blog_content .blog_item .blog_item_top a img:hover {-webkit-transform: scale(1.07);-ms-transform: scale(1.07);transform: scale(1.07);}

/* Blog grid */
.blog .blog_grid .blog_content .blog_item {padding:20px 20px 0 20px; position: relative;} 
.blog .blog_grid .blog_content .blog_item_image {position: relative; z-index: 1;}
.blog .blog_grid .blog_content .blog_item_description {position: relative;top: -43px;z-index: 2;}
.blog .blog_grid .blog_content .blog_item_date {width: 20%;  text-align: center; float: left;background: white; font-size: 60px;line-height: 1;font-family: 'Engagement', cursive;margin-top: 55px;}
.blog .blog_grid .blog_content .blog_item_date span {display: block; font-size: 16px; text-transform: uppercase;font-family: 'Asul', serif;font-weight: 700;}
.blog .blog_grid .blog_content .blog_item_text {width: 80%;padding: 10px 15px;background: white;}
.blog .blog_grid .blog_content .blog_item_text p {font-size: 14px;margin-bottom: 0;line-height: 1.5;}
.blog .blog_grid .blog_content .blog_title {font-size: 20px;text-transform: uppercase;color: #272727;font-family: 'Asul', serif;font-weight: 700;display: block;margin-bottom: 15px;line-height: 1.3;}
.blog .blog_grid .part_line {margin: 0px auto 30px auto;}

/* Blog grid col3 */
.blog .blog_grid_col3 .blog_content .blog_item {padding:20px; position: relative;} 
.blog .blog_grid_col3 .blog_content .blog_item_image {position: relative; z-index: 1;}
.blog .blog_grid_col3 .blog_content .blog_item_description {margin-top: 20px;}
.blog .blog_grid_col3 .blog_content .blog_item_date {width: 20%;  text-align: center; float: left;background: white; font-size: 60px;line-height: 1;font-family: 'Engagement', cursive; }
.blog .blog_grid_col3 .blog_content .blog_item_date span {display: block; font-size: 16px; text-transform: uppercase;font-family: 'Asul', serif;font-weight: 700;}
.blog .blog_grid_col3 .blog_content .blog_item_text {width: 80%;padding: 0px 15px;background: white;}
.blog .blog_grid_col3 .blog_content .blog_item_text p {font-size: 14px;margin-bottom: 0;line-height: 1.5;}
.blog .blog_grid_col3 .blog_content .blog_title {font-size: 20px;text-transform: uppercase;color: #272727;font-family: 'Asul', serif;font-weight: 700;display: block;margin-bottom: 5px;line-height: 1.3;}

/* Blog right sidebar */
.blog .sidebar_right {padding-left: 40px;padding-top: 15px;}

/* Blog left sidebar */
.blog .sidebar_left {padding-right: 40px;padding-top: 15px;}

/* Default block sidebar */
.blog .block_sidebar .block {margin-bottom: 71px;}
.blog .block_sidebar .block_title {text-align: center; text-transform: uppercase;  font-size: 20px; font-weight: 700;font-family: 'Asul', sans-serif;}
.blog .block_sidebar .block_title:after {content: "";display: block;bottom: 0;width: 35px;height: 4px;background-color: #EDD1A4;margin: 10px auto 15px auto;}
.blog .block_sidebar .block:last-child {border: none;}
.blog .block_sidebar .blog_autor_description {font-size: 14px;text-align: center;}

/* Block categori list*/
.blog .block_sidebar .categori_list_name a {display: block;color: #272727;padding: 13px 10px ; text-transform: uppercase;font-size: 14px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.blog .block_sidebar .categori_list_name a:last-child {padding-bottom: 0; border-bottom: 0;}
.blog .block_sidebar .categori_list_name a:first-child {padding-top: 0;}
.blog .block_sidebar .categori_list_name a:hover {text-decoration: none;  padding-left: 15px;}
.blog .block_sidebar .categori_list_name a:before {display: inline-block;margin-right: 10px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\f105";}

/* Block autor */
.blog .block_sidebar .blog_autor_top {margin-bottom: 10px;text-align: center;}  
.blog .block_sidebar .blog_autor_top_details_name {margin-top: 4px;margin-bottom: 0px;font-family: 'Engagement', cursive;font-size: 40px;font-weight: 300;}
.blog .block_sidebar .blog_autor_top_years {margin-bottom:10px; font-family: 'Asul', sans-serif;font-size: 16px;font-weight: 400;}
.blog .block_sidebar .blog_autor_top_social {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.blog .block_sidebar .icon_block { border: 2px solid transparent; font-size: 12px; width: 36px;height: 36px; line-height: 28px;text-align: center;border-radius: 50%; float: left; margin-right: 7px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex;box-sizing: border-box;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;}
.blog .block_sidebar .icon_block:last-child {margin-right: 0;}
.blog .block_sidebar .icon_block:hover {text-decoration: none; color: #272727;}

/* Popular posts */
.blog .block_sidebar .popular_posts_content_item {margin-bottom: 43px;text-align: center;} 
.blog .block_sidebar .popular_posts_content .popular_posts_title {display: block;margin: 10px 0 5px 0;color: #272727;text-transform: uppercase;font-size: 16px;}
.blog .block_sidebar .popular_posts_content span {display: block;}

/* Block tags */
.blog .block_sidebar .block_tags_content a {display: inline-block;float: left; width: 45%; text-align: center; border: 1px solid #272727;color: #272727;padding: 4px 5px 3px 5px;margin:5px;font-weight: 700;text-transform: uppercase;font-family: 'Asul', sans-serif;font-size: 13px;}
.blog .block_sidebar .block_tags_content a:hover {text-decoration: none;}
.blog .block_sidebar .block_tags_content {margin: 0 -5px;}

/* Blog  variant */
.blog .blog_variant .blog_content {padding: 0; margin: 0;} 
.blog .blog_variant .grid_title  {font-size: 20px;text-transform: uppercase;color: #272727;font-family: 'Asul', serif;font-weight: 700;display: block;margin-bottom: 15px;line-height: 1.3;}
.blog .blog_variant .part_line {margin: 15px auto;}
.blog .blog_variant .sect {text-align: center;}
.blog .blog_variant .grid_capt {text-align: center;padding: 0 8%;}  
.blog .blog_variant .sup_line {font-size: 16px;display: block;margin-bottom: 20px;  top: auto;  font-family: 'Asul', serif;font-weight: 700;}
.blog .blog_variant .pagination {background: #2C2C2C;}
.blog .blog_variant .pagination li a, .blog .blog_variant .pagination {color: white;}

/* Pagination */
.blog .pagination ul {display: inline-block; margin:  0 auto;}
.blog .pagination {padding: 50px 0; background: #F9F5F1; text-align: center;border-radius: 0!important;}
.blog .pagination li {display: inline-block;}
.blog .pagination li a {display: inline-block;border: 2px solid transparent;color: #272727;margin:0 7px;font-weight: 700;font-family: 'Asul', sans-serif;font-size: 20px;width: 45px;height: 45px;padding-top: 7px;text-align: center;}
.blog .pagination li a:hover { text-decoration: none; transition: 0.5s;}
.blog .pagination li span {display: inline-block;margin:0 7px 0 0px;  font-weight: 700;font-family: 'Asul', sans-serif;  width: 30px;}
.blog .pagination li .active {font-size: 20px;border-width: 2px;border-style: solid;padding-top: 7px;position: relative;/* top: 0px; */width: 45px;height: 45px;}

/* Blog item */ 
.blog .blog_post .blog_title {display: block; font-size: 60px; font-weight: 700; line-height: 1.1; margin-bottom: 20px;}
.blog .blog_post .blog_title:after {content: ""; display: block;  bottom: 0; width: 79px; height: 4px; margin-top: 25px;}
.blog .blog_post a:hover {text-decoration: underline;}
.blog .blog_post {margin-bottom: 60px; }
.blog .blog_post .blog_item_details {margin-bottom: 30px;margin-top: 20px;}
.blog .blog_post .blog_item_details .date , .blog_item_details .autor , .blog_item_details .blog_category_url {display: inline-block;  margin-top: 6px; text-transform: uppercase; padding-right: 16px; margin-right: 10px; border-right: 1px solid #D3D3D3;}
.blog .blog_post .blog_category_url { border: none; display: inline-block;}
.blog .blog_post .comment {display: inline-block; text-transform: uppercase; margin-top: 6px;}
.blog .blog_post .blog_item_details a, .blog .tags_content a {color: #272727;}
.blog .blog_post .blog_item_details a:hover {text-decoration: underline; }
.blog .blog_post .nulm-coment {display: inline-block; text-transform: uppercase; white-space: nowrap;margin-top: 6px;}
.blog .blog_post p { margin: 0px 0 16px 0; }
.blog .blog_post .blog_image {margin-bottom: 30px;display: inline-block; overflow: hidden;position: relative; max-width: 100%;}
.blog .blog_post .blog_image .button_white {margin-top: 0;}
.blog .blog_post .blog_more {text-align: center;}

/* Blog item social botton */
.blog .blog_post .blog_item_social ul {margin: 0; padding: 0; text-align: right;}
.blog .blog_post .blog_item_social ul li {display:table-cell; width: 40px; float: right;}
.blog .blog_post .blog_item_social ul li:first-child a {border-right: 2px solid transparent;}
.blog .blog_post .blog_item_social ul li a {display: block;float: left;border: 2px solid transparent;width: 100%;border-right: 0;text-align: center;padding: 7px 0 7px 0; font-size: 11px; transition: 0.3s;}
.blog .blog_post .blog_item_social ul li a:hover { color: #272727; text-decoration: none;}

/* Blog post */
.blog_post .blog_item article p {margin: 0px 0 30px 0;} 
.blog_post article {padding-bottom: 20px; border-bottom: 1px solid #D3D3D3; margin-bottom: 35px;}
.blog_post .h3 {text-align: center; margin-bottom: 20px;} 
.blog_post .coment_item_cintent {margin-bottom: 20px;}
.blog_post .coments .coment_item_r .button {float: right;} 

/* Tags */
.blog_post .tags_content {text-align: center;}
.blog_post .tags_content a {display: inline-block; text-transform: uppercase; padding-right: 16px;  margin-right: 15px; line-height: 1; margin-bottom: 15px; border-right: 1px solid #D3D3D3;}
.blog_post .tags_content a:last-child {border: none; padding-right: 0; margin-right: 0;}
.blog_post .tags_content a:hover {color: #141414;}

/* Coments */  
.blog_post .coments .coment_item {padding-bottom: 35px; border-bottom: 1px solid #D3D3D3; margin-bottom: 35px;}
.blog_post .coments .coment_item:last-child { padding-bottom: 0; border: none;}
.blog_post .coments .coment_item_r {padding-left: 30px;}
.blog_post .coments .coment_item .autor {font-family: 'Engagement', cursive;color: #141414;font-size: 40px; line-height: 1; margin-top: 15px; margin-bottom: 15px;font-weight: 300;}
.blog_post .coments .coment_item_l img {border-radius: 50%;}
.blog_post .coments .reply .coment_item_l {padding-left: 70px;}
.blog_post .coments .reply .coment_item_r {padding-left: 40px;}

/* Leave a comment */ 
.blog_post .leave_coment .inputleft {padding-right: 17px;}
.blog_post .leave_coment .inputright {padding-left: 17px;}
.blog_post .leave_coment .leave_coment_content .item {margin-bottom:0px; }
.blog_post .leave_coment .leave_coment_content textarea  {height: 150px; }
.blog_post .leave_coment .leave_coment_content .bottom_color { max-width: 150px; margin: 0px auto 0 auto;}

/* Responsive blog */ 
/* Teble */ 
@media only screen and (max-width: 1024px){
    .blog .blog_list .blog_content .blog_item .blog_item_top .blog_item_top_l_vn {padding: 15px 15% 15px 15%;}
    .blog .button, .blog .button_white {  font-size: 13px!important; padding: 5px 10px!important;}  
    .blog .blog_list .blog_content .blog_item .blog_item_top .blog_title, .blog .blog_list .blog_content .blog_item .blog_item_top p {margin-bottom: 20px;}
    .blog .text_block {margin-top: 0;}
    .blog .blog_list .blog_content .blog_item .blog_item_top .blog_item_top_l_vn {font-size: 14px;}
    .blog .blog_list .blog_content .blog_item .blog_item_top .blog_title {font-size: 36px;}
    .blog .blog_variant .part_line {display: none;}
    .blog .blog_variant .grid_capt {font-size: 14px;}
    .blog .blog_variant .grid_title {font-size: 16px; margin-bottom: 10px;}
    .blog .blog_variant figure.effect-chico .sill {font-size: 34px;}
    .blog .blog_variant .sup_line {font-size: 14px;}
} 
@media only screen and (max-width: 820px){
    .blog .blog_list .blog_content .blog_item .blog_item_top .blog_item_top_l_vn {padding: 15px;}
    .blog .blog_grid_col3 .blog_content .blog_item_date {font-size: 30px;}
    .blog .blog_grid_col3 .blog_content .blog_item_date span {font-size: 14px;}
    .blog .blog_grid_col3 .blog_content .blog_title {font-size: 16px;}
    .blog .blog_variant .sect {max-width: 100%; width: 100%; float: none;flex:auto!important;}
    .blog .blog_variant .grid_img {padding: 10px; text-align: left;}
    .blog .blog_variant .grid_title {font-size: 18px;}
    .blog figure.effect-chico .sill {opacity: 1;}
    .blog figure .button_white {opacity: 1;} 
    .blog .block_sidebar .block_tags_content a {width: auto;  font-size: 12px;  margin: 5px 2px;}
    .blog .blog_grid .blog_content .blog_item_date {font-size: 36px;}
    .blog .blog_grid .blog_content .blog_item_date span {font-size: 14px;}
    .blog figcaption {background: rgba(13, 13, 13, 0.30)!important; }
    .blog_post .blog_content {padding:0 30px;margin-top: 0;}
    
}
/* Phone */ 
@media only screen and (max-width: 767px){
    .blog .blog_grid_col3 .blog_content .blog_item {max-width: 360px; margin: 0 auto;} 
    .blog .part_line {display: none;} 
    .blog .blog_variant .grid_capt {padding: 8%;}
    .blog .blog_grid .blog_content .blog_title {font-size: 16px;} 
    .blog .blog_post .blog_item_details .date, .blog_item_details .autor, .blog_item_details .blog_category_url, .blog_post .tags_content a {font-size: 14px;}
    .blog .coments {margin-top: 40px;}
    .blog_post .coments .coment_item .autor {margin-top: 0; margin-bottom: 10px; font-size: 30px;}
    .blog_post .coments .reply .coment_item_l {padding-left: 40px;}
    .blog_post .blog_content {padding: 0 15px;}
    .blog .sidebar_right {padding-left: 15px;}
    .blog .sidebar_left {padding: 0 15px;}
}
@media only screen and (max-width: 600px){ 
    .blog .blog_variant .part_line {display: block;}
    .blog .blog_variant .grid_img {padding: 0; text-align: center;}
    .blog .sidebar_right, .blog .sidebar_left {padding: 0 30px;} 
    .blog_post .coments .reply .coment_item_l {padding-left: 0px;}     
    .coment_item_l, .blog_autor_top_avatar {max-width: 150px; margin: 0 auto 10px auto;}
    .blog_post .coments .reply .coment_item_r, .blog_post .coments .coment_item_r, .blog_post .leave_coment .inputright {padding-left: 0;}
    .blog_post .blog_content {padding: 0 15px;}
    .blog_post .leave_coment .inputleft {padding-right: 0;}
    .blog .block_sidebar .categori_list_name a {padding: 10px 5px; text-align: left;}
    .blog .block_sidebar .blog_autor_top_details_name {font-size: 30px;}
    .blog_post .blog_content {text-align: center;} 
}

/* iPhone 5 */
@media only screen and (max-width: 568px){
    .blog .blog_list .blog_content .blog_item .blog_item_top .blog_item_top_l_vn {padding: 25px;}  
    .blog .blog_item {max-width: 400px; margin: 0 auto;}
    .blog .blog_grid .blog_content .blog_title {font-size: 18px;}
    .blog .blog_post .blog_item_social ul {display: inline-block; text-align: center; margin: 15px auto 0px auto;}
    .blog_post .coments .coment_item_r .button {float: none;}
}
@media only screen  and (max-width: 340px) {
    .blog .sidebar_right, .blog .sidebar_left {padding: 0 10px;}
}}