/*
* Main Blog page
*/

//get global prefix
global $wp_query;
$theId = vavo_getId();

//get template header
get_header();

/*************
GET OPTIONS
**************/
$gridWidth = get_option('_sr_bloggridwidth');
$gridStyle = get_option('_sr_bloggridstyle');
$columns = get_option('_sr_bloggridcolumns');
$columns = get_option('_sr_bloggridcolumns');
$gridCrop = get_option('_sr_bloggridcrop');
$gridRatio = get_option('_sr_bloggridratio');
$listMouse = get_option('_sr_bloglistmousemove');
$listTrans = get_option('_sr_bloglisttransition');
$titlesize = get_option('_sr_bloggridtitlesize');
$gridSpacing = get_option('_sr_bloggridspacing');

/* Defaults */
if (!$gridStyle) { $gridStyle = "list"; if (is_search()) { $gridStyle = "grid"; } }
if (!$gridSpacing) { $gridSpacing = "spaced-big"; }
if (!$columns) { $columns = "3"; }
if (!$listMouse) { $listMouse = 1; }
if (!$listTrans) { $listTrans = "fade"; }

$gridClass = 'isotope-grid blog-container style-column-'.$columns.' isotope-'.$gridSpacing;
$listMediaClass = '';
if ($gridStyle == 'list') { 
	$gridClass = 'slist blog-list text-left hover-hide slist-container blog-container '.$gridSpacing; 
	$listMediaClass = 'size-medium size-right trans-'.$listTrans;
	if ($listMouse) { $listMediaClass .= ' mousemove dis-x'; } 
	if ($gridCrop && $gridRatio) { $listMediaClass .= ' img-cover'; }
}

$listAdd = "";
if ($gridCrop && $gridRatio) { $listAdd .= ' data-ratio="'.esc_attr($gridRatio).'"'; }

$wrapper = 'wrapper-medium';
if($gridWidth) { $wrapper = $gridWidth; }
?>

				            
      	           
            <div class="slist-wrapper blog-wrapper style- ">            
                <div id="blog-grid" class="" >
                                    </div>
            	
               					<div class="spacer-small"></div>
		 		                                
                <div style="display:none;"></div>                
        	</div> <!-- END .wrapper -->            
        
    
		</div>
		<!-- PAGEBODY -->
		
	</div>   
	<!-- HERO & BODY -->
             
	    <!-- FOOTER -->  
    <footer id="footer" class="">
       	<div class="footer-inner wrapper"> 
            <div class="column-section spaced-big col-align-bottom clearfix">
            	<div class="column two-third"><div id="text-1" class="widget widget_text clearfix">			<div class="textwidget"><p><a class="h4" href="https://calendly.com/alexserb/15min">Book free consultation</a></p>
<ul class="socialmedia-widget text-style normal align-left"><li class="twitter"><a href="https://twitter.com/alexserbcom" target="_blank" rel="noopener">Twitter</a></li><li class="instagram"><a href="https://www.instagram.com/alexserbcom/" target="_blank" rel="noopener">Instagram</a></li><li class="linkedin"><a href="https://www.linkedin.com/in/alexserbanica/" target="_blank" rel="noopener">Linkedin</a></li></ul>
</div>
		</div></div><div class="column one-third last-col"><div id="text-2" class="widget widget_text clearfix">			<div class="textwidget"><h6 class="h8">Crafted with ❤️ in London</h6>
<p class="copyright">© alexserb.com 2021</p>
</div>
		</div></div>            </div>
        </div> 
        
            </footer>
    <!-- FOOTER --> 
    	
</div> <!-- END #page-content -->
<!-- PAGE CONTENT -->


</body>
</html>