/*
Theme Name:   vice
 Description:  A Business theme which is ideal for creating a corporate , creative business, small business, startups, portfolio, restaurants, online agencies, firms, freelancers, real estate, travel, photography, recipes, design, art, law firms and architect website. Vice theme is a child theme of appointment which has several sections such as slider, services , widget area, etc etc. Vice theme offers you beautifully designed masonry blog layout. Visit this link https://wordpress.org/themes/appointment/ for knowing more details on appointment theme. Hope you find the vice theme useful. 
 Author:       webriti
 Author URI:   http://www.webriti.com
 Theme URI:    https://webriti.com/vice-wordpress-page/
 Template:     appointment
 Version:      1.1.2
 Tags: 		   full-width-template, grid-layout, threaded-comments, two-columns,  right-sidebar, sticky-post, custom-menu, translation-ready, blog, portfolio, footer-widgets, featured-images, featured-image-header, custom-header
 Text Domain: vice
*/

/*Blog Masonry Section Css ------------------------------------------------------------------------------------------------------------*/
.masonry-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.masonry-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.masonry-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;  }
.masonry-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.masonry-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
.masonry-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; }
.masonry-1, .masonry-2, .masonry-3, .masonry-4, .masonry-5, .masonry-6 {
	-moz-column-gap: .5em; -webkit-column-gap: .5em; column-gap: .5em; 
	padding: 0; position: relative; overflow:hidden;
}
@media screen and (max-width: 992px) { 
	.masonry-3, .masonry-4, .masonry-5, .masonry-6 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}
@media screen and (max-width: 768px) { 
	.masonry-3, .masonry-4, .masonry-5, .masonry-6 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media screen and (max-width: 480px) { 
	.masonry-2, .masonry-3, .masonry-4, .masonry-5, .masonry-6 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
} 
.masonry-item { display: inline-block; margin: 0; padding: 0px 15px !important; width:100%; }
.masonry-item .blog-lg-area-left { padding: 0px; margin: 0 0 35px; }
.masonry-item .blog-lg-area-left .media .media-body { padding: 0px 0px 10px; }
.masonry-item .blog-lg-box { float: none; margin: 0 0 26px; position: relative; }
.masonry-item .blog-lg-box img { margin: 0px; border: 0 none; }
.masonry-item .blog-sm-area:hover .blog-lg-box img { padding-top: 0; }
.masonry-item .blog-lg-area-left .blog-tags-sm { margin: 0 5px 0px; }
.masonry-item .blog-lg-area-left .blog-post-sm a, 
.masonry-item .blog-lg-area-left .blog-tags-sm a { display: inline-block; padding: 7px 5px 7px 5px; }
.masonry-item .blog-lg-area-left h3 { font-family: 'Open Sans', sans-serif; color: #242526; font-size: 24px; line-height: 32px; font-weight: 700; margin: 0 0 16px; }
.masonry-item .blog-lg-area-left p { margin: 0 0 20px; }
.masonry-item .media { margin-top: 0px; }
.masonry-item .blog-lg-area-left a.more-link { margin: 0px 0 3px; padding: 8px 18px; }
.masonry-item .blog-post-sm { font-size: 14px; margin: 0px 0 17px; padding: 0; border-top: 1px solid #eae8e8; border-bottom: 1px solid #eae8e8; }
.masonry-item .blog-lg-box:after {
	position:absolute;
    opacity:0;
    transition: .5s opacity ease-in-out;
    -webkit-transition: .5s opacity ease-in-out;
    content:'\A';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(47,47,47,.3);
	background: -webkit-linear-gradient(rgba(0,0,0,0),#232323);
    background: -moz-linear-gradient(rgba(0,0,0,0),#232323);
    background: -o-linear-gradient(rgba(0,0,0,0),#232323);
    background: linear-gradient(rgba(47,47,47,.1),rgba(47,47,47,.3));
}
.masonry-item .blog-lg-box:hover:after { opacity:1; }
.masonry-item .blog-lg-area-left .blog-btn-area-sm { margin: 27px 0 3px; }
.masonry-item .blog-lg-area-left blockquote p { margin: 0; }
.format-status { background-color: #f2f2f2; border-top: 4px solid #ee591f; display: block; margin: 0; padding: 20px 20px; }
.format-status p { font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 30px; margin: 0; padding: 0; }




/* .masonry-item:after { */
  /* content: " ";  */
   /* visibility: hidden; */
   /* display: block; */
   /* height: 0; */
   /* clear: both; */
/* } */

/* .masonry-item .blog-lg-area-left:before, .masonry-item .blog-lg-area-left:after { */
    /* display: table; */
    /* content: " "; */
/* } */

.masonry-item:after {
    visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.masonry-item .blog-lg-area-left:last-child { padding-bottom: 0px; }