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

.edge-blog-list-holder {
    @include edgeRelativeHolderLayout();
    clear: both;

    .edge-blog-list {
        @include edgeRelativeHolderLayout();
        list-style: none;
        margin: 0;
        padding: 0;
    }
	
	.edge-bl-item {
		@include edgeRelativeHolderLayout();
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	
	.edge-bli-inner {
		@include edgeRelativeHolderLayout();
	}
	
	.edge-bli-content {
		@include edgeRelativeHolderLayout();
		box-sizing: border-box;
	}
	
	.edge-post-image {
		@include edgeRelativeHolderLayout();
		
		a, img {
			display: block;
		}
	}

	.edge-post-title {
		@include edgeTransition(opacity 0.3s ease);

		&:hover {
			opacity: 0.7;
		}
	}
	
	.edge-bli-excerpt {
		@include edgeRelativeHolderLayout();
		margin: 0;
	}

    .edge-blog-list-button {
        @include edgeRelativeHolderLayout();
        margin: 26px 0 0;
		text-transform: uppercase;
    }


	
	/***** Columns Space style - begin *****/
	
	$columns_space_label: ('no', 'tiny', 'small', 'normal', 'large');
	$columns_space: (0, 5, 10, 15, 40);
	
	@for $i from 0 to length($columns_space_label) {
		&.edge-bl-#{nth($columns_space_label,$i+1)}-space {
			$column_width: nth($columns_space, $i+1);
			$column_width_margin: $column_width * 2;
			
			.edge-bl-wrapper {
				@if($column_width == 0) {
					margin: 0;
				} @else {
					margin: 0 -#{$column_width}px;
				}
			}
			
			.edge-bl-item {
				padding: 0 #{$column_width}px;
				margin: 0 0 #{$column_width_margin}px;
			}
		}
	}
	
	/***** Columns Space style - end *****/

	&.edge-bl-large-space {
		.edge-bl-item {
			margin: 0 0 30px;
		}
	}
}
/* ==========================================================================
   Blog List shortcode Common style - end
   ========================================================================== */