<div class="property-listing-two fade-in-up <?php
echo inspiry_animation_class();
?>
">
<div class="container">
<div class="row zero-horizontal-margin">
<?php
$properties_count = 1;
$columns_count = 4;
// todo: add the ability to change number of columns between 2, 3, 4
while ($home_properties_query->have_posts()) {
$home_properties_query->the_post();
$home_property = new Inspiry_Property(get_the_ID());
?>
<div class="col-xs-6 custom-col-xs-12 col-md-4 col-lg-3 zero-horizontal-padding <?php
echo inspiry_col_animation_class($columns_count, $properties_count) . ' ' . inspiry_animation_class();
?>
">
<article class="hentry property-listing-home meta-item-half">
<div class="property-thumbnail">
<?php
inspiry_thumbnail();
?>
</div>
<!-- .property-thumbnail -->
<div class="property-description">
<header class="entry-header">
<h4 class="entry-title"><a href="<?php
the_permalink();
$columns_count = intval($inspiry_options['inspiry_home_featured_columns']);
if (!$columns_count) {
$columns_count = 3;
}
$column_class = 'col-md-4';
if (4 == $columns_count) {
$column_class = 'col-md-3 featured-properties-4-column';
} elseif (2 == $columns_count) {
$column_class = 'col-md-6';
}
while ($featured_properties_query->have_posts()) {
$featured_properties_query->the_post();
$featured_property = new Inspiry_Property(get_the_ID());
?>
<div class="col-xs-6 <?php
echo esc_attr($column_class . ' ' . inspiry_col_animation_class(@$columns_count, $properties_count) . ' ' . inspiry_animation_class());
?>
">
<article class="hentry featured-property-post">
<div class="property-thumbnail">
<?php
inspiry_thumbnail();
?>
</div>
<!-- .property-thumbnail -->
<div class="property-description">
<header class="entry-header">
<h4 class="entry-title"><a href="<?php
