/* Theme Name: ARzine Description: A Business theme ideal for creating sites for corporate, creative businesses, small businesses, startups, portfolios, restaurants, online agencies, firms, freelancers, real estate agencies, travel, photography, recipes, design, art, law and architect firms. Arzine is a child theme of the Busiprof theme, and has several sections such as slider, services, widget area, etc. Arzine offers a beautifully designed masonry blog layout. For more details, visit this link https://wordpress.org/themes/busiprof/. We hope you will find the Arzine theme useful. Author: webriti Author URI: https://www.webriti.com Theme URI: https://webriti.com/arzine-wordpress-page/ Template: busiprof Version: 1.7 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: arzine */ /*Blog Masonry Css--------------------------------------------------------------------*/ iframe{max-width:100%;} #blog-masonry .item { width: 100%; background-color: transparent; min-height: 100px; padding: 0px; margin: 0px; } .masonry-content { padding: 30px; } .site-content#blog-masonry { border-left: none; padding: 60px 0 30px; } .site-content#blog-masonry .post { background: #fdfdfd; padding: 0; transition: 0.3s; box-shadow: 0 0px 30px 0 rgba(0,0,0,0.1); border: 0 none; } @media screen and (min-width: 768px) { .site-content#blog-masonry .post { -webkit-transition: all 500ms; -moz-transition: all 500ms; transition: all 500ms; } .site-content#blog-masonry .post:hover { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); box-shadow: 0 30px 30px 0 rgba(0,0,0,0.1); } } .site-content#blog-masonry .post .post-thumbnail img { background-color: #fff; border: none; padding: 0px; margin: 0; } .site-content#blog-masonry .author { left: 0; position: relative; top: 0px; overflow: hidden; display: block; border-top: 1px solid #e4e8ea; margin: 20px 0 0; padding: 20px 0 0; font-size: 13px; font-weight: 600; } .site-content#blog-masonry .author img { border: none; padding: 0; height: 25px; width: 25px; } .site-content#blog-masonry .avatar { margin: 0 10px 0 0; height: 25px; width: 25px; display: inline-block; } .site-content#blog-masonry .entry-meta { margin: 0 0 9px; } .site-content#blog-masonry .entry-date a { color: #404b56; font-weight: 600; } .site-content#blog-masonry .entry-date:before, .site-content#blog-masonry .cat-links:before { display: none; } .site-content#blog-masonry .entry-meta .cat-links { position: relative; bottom: 0; left: 0; margin-left: 0; margin-right: 15px; } .site-content#blog-masonry .cat-links { font-size: 12px; line-height: 20px; padding: 5px 20px; border-radius: 100px; color: #ffffff; display: inline-block; font-weight: 600; text-align: left; white-space: normal; position: absolute; bottom: 20px; left: 0px; margin-right: 30px; margin-left: 30px; } .site-content .post .post-thumbnail { margin: 0; display: block; position:relative; } .site-content#blog-masonry .cat-links a { padding-right: 5px; } .site-content#blog-masonry .cat-links a:last-child { padding-right: 0px; } .site-content#blog-masonry .cat-links a, .site-content#blog-masonry .cat-links a:hover, .site-content#blog-masonry .cat-links a:focus { color: #fff; } .site-content#blog-masonry .entry-title { line-height: 30px; font-weight: 600; } .site-content#blog-masonry .col-md-6:nth-child(2n+1) { clear: none !important; }