/* ==========================================================================
   Blog List shortcode responsive style - begin
   ========================================================================== */

@include laptop-landscape-large {
    
    .edge-blog-list-holder {
        
        &.edge-bl-masonry {
            
            $masonry_columns_number: ('five');
            
            @for $i from 0 to length($masonry_columns_number) {
                &.edge-bl-#{nth($masonry_columns_number,$i+1)}-columns {
                    $column_width: 100%/4;
    
                    .edge-bl-item,
                    .edge-bl-grid-sizer {
                        width: $column_width;
                    }
                }
            }
        }
    }
}

@include laptop-landscape {
    
    .edge-blog-list-holder {
        
        &.edge-bl-standard,
        &.edge-bl-boxed {
    
            $columns_number: ('four', 'five');
            
            @for $i from 0 to length($columns_number) {
                &.edge-bl-#{nth($columns_number,$i+1)}-columns {
                    $column_width: 100% / 3;
    
                    .edge-bl-item {
                        width: $column_width;
                    }
                    
                    @media only screen and (min-width: $ipad-landscape-plus-pixel) {
                        
                        .edge-bl-item {
                            
                            &:nth-child(3n+1) {
                                clear: both;
                            }
                        }
                    }
                }
            }
        }
        
        &.edge-bl-masonry {
            
            $masonry_columns_number: ('four', 'five');
            
            @for $i from 0 to length($masonry_columns_number) {
                &.edge-bl-#{nth($masonry_columns_number,$i+1)}-columns {
                    $column_width: 100% / 3;
                    
                    .edge-bl-item,
                    .edge-bl-grid-sizer {
                        width: $column_width;
                    }
                }
            }
        }
    }
}

@include ipad-landscape {
    
    .edge-blog-list-holder {
        
        &.edge-bl-standard,
        &.edge-bl-boxed {
            
            $columns_number: ('three', 'four', 'five');
            
            @for $i from 0 to length($columns_number) {
                &.edge-bl-#{nth($columns_number,$i+1)}-columns {
                    
                    .edge-bl-item {
                        width: 50%;
                    }
                    
                    @media only screen and (min-width: $phone-landscape-plus-pixel) {
                        
                        .edge-bl-item {
                            
                            &:nth-child(2n+1) {
                                clear: both;
                            }
                        }
                    }
                }
            }
        }
        
        &.edge-bl-masonry {
            
            $masonry_columns_number: ('three', 'four', 'five');
            
            @for $i from 0 to length($masonry_columns_number) {
                &.edge-bl-#{nth($masonry_columns_number,$i+1)}-columns {
                    
                    .edge-bl-item,
                    .edge-bl-grid-sizer {
                        width: 50%;
                    }
                }
            }
        }
    }
}

@include phone-landscape {
    
    .edge-blog-list-holder {
        
        &.edge-bl-standard,
        &.edge-bl-boxed {
            
            .edge-bl-item {
                width: 100% !important; // !important is set to override all other stronger selectors
            }
        }
        
        &.edge-bl-masonry {
            
            $masonry_columns_number: ('two', 'three', 'four', 'five');
            
            @for $i from 0 to length($masonry_columns_number) {
                &.edge-bl-#{nth($masonry_columns_number,$i+1)}-columns {
                    
                    .edge-bl-item,
                    .edge-bl-grid-sizer {
                        width: 100%;
                    }
                }
            }
        }
    }
}
/* ==========================================================================
   Blog List shortcode responsive style - end
   ========================================================================== */