.edd_downloads_list {
	display: flex;
	flex-wrap: wrap;
}

// download grid styles

.edd_download_inner {
	// so we can position the child elements like the button to the bottom of the div
	display: flex;
	width: 100%;
	flex-direction: column;
	position: relative;
	border-radius: 10px;
	padding: 0 20px 20px;
	box-shadow: 0 1rem 3rem rgba(42, 53, 79, .2);

	.edd-download-content{
		padding: 30px 0 0;	
	}

	.edd_download_image {
		margin: 0 -20px 20px;
		width: calc(100% + 40px);
		min-width: calc(100% + 40px);
	}
}

// style currency symbol for normal and variable prices
.currency {
	vertical-align: top;
}

// the main download box
.edd_download {
	display: flex;
	// overflow: hidden;
	width: 100%;
	margin-bottom: 4rem;
	font-size: 1rem;
}

@media #{$screen-sm}{
	.edd_download {
		margin-bottom: 0;
	}
}

// Margin for download titles
h3.edd_download_title {
	margin-top: 0;
	margin-bottom: 1rem;
}

// Download footer
// Always aligned to the bottom.
// Optional: May contain .eddDownloadMeta
.downloadFooter {
	margin: auto 0 0 0;
	text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    .edd_price {
    	font-size: 14px;
    	width: 100%;
    	margin-bottom: 14px;
    	@media #{$screen-sm}{
    		font-size: 20px;
    	}
    }
}

// Download meta, shown in the download grid.
// Contains the price (optional) and download author (optional)
.eddDownloadMeta {
	font-size: 0.875rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;

	> * {
		display: flex;
		align-items: center;
	}

	a {
		color: $edd-download-meta-link-color;

		&:hover {
			color: $edd-download-meta-link-hover-color;
		}
	}
}

.eddDownloadMeta-authorAvatar {
	img {
		display: block;
		border-radius: 100%;
	}
}

.eddDownloadMeta-authorAvatar + .eddDownloadMeta-authorName {
	margin-left: 0.5rem;
}

// Download meta shown before or after the title.
.eddDownloadMeta-beforeTitle .eddDownloadMeta,
.eddDownloadMeta-afterTitle .eddDownloadMeta {
	margin-bottom: 1rem;
}

// Download meta shown at the very bottom of the download.
.eddDownloadMeta-after .eddDownloadMeta {
	margin-top: 2rem;
}

// Adjust the bottom margin of the download title when the download meta is positioned after the title.
.eddDownloadMeta-afterTitle .edd_download_title {
	margin-bottom: 0.5rem;
}

.edd_download_title a {
	color: $edd-download-title-color;
	font-size: $edd-download-title-font-size;
	display: block;
	transition: all .3s ease-in-out;
	&:hover {
		color: $edd-download-title-hover-color;
	}
}

// download image
.edd_download_image {
	margin: 0;

	a, img {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	img{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px; 
	}
}

// price options
.edd_price_options {

	ul {
		list-style-type: none;
		margin: 0 0 1rem 0;
	}

	li {
		padding: 0.25rem 0;
		line-height: 1.62;
		cursor: pointer;
	}

	li label {
		padding: 0;
		display: block;

		margin: 0;

		input {
			margin-right: 0.5rem;
		}
	}
}

.entry-content .edd_price_options li {
	margin-bottom: 0;
}

// always align buy now button to bottom
.edd_download_buy_button {
	margin: auto 0 0 0;
	width: 100%;
	form{
		margin: 0;
	}
}

.edd_download_purchase_form {
	// margin-top: 1rem;
}

.edd_download_full_content,
.edd_download_excerpt {
	margin-bottom: 1rem;
}

.edd_download_full_content p,
.edd_download_excerpt p {
	margin-bottom: 0;
	font-size: 1rem;
}

// Downloads shown at checkout.
// This relates to downloads shown from either the EDD Cross-sell/Upsell or Recommended Product extensions.
#edd_checkout_wrap {

	.edd_download_columns_2 {
		width: 50%;
	}

	.edd_download_columns_3 {
		width: 75%;
	}

	.edd_download_columns_4 {
		width: auto;
	}

}

// Alter the download widths for the slim page template is in use.
.slim #edd_checkout_wrap {

	.edd_download_columns_2 {
		width: auto;
	}

	.edd_download_columns_3 {
		width: auto;
	}

}

@media #{$screen-sm}{

	.edd_downloads_list {
        margin-left: -1.5rem;
		margin-right: -1.5rem;
		margin-top: -1.5rem;
    }

	.edd_download_inner {
		margin: 0px 15px 30px;
	}

	// the default
	.edd_download_columns_3 .edd_download {
		width: 33.333333333%;
	}

	.edd_download_columns_2 .edd_download,
	.edd_download_columns_4 .edd_download {
		width: 50%;
	}

	.edd_download_columns_5 .edd_download {
		width: 33.333333333%;
	}

}

@media #{$screen-md}{

	.edd_download_columns_4 .edd_download {
		width: 25%;
	}

	// the default
	.edd_download_columns_3 .edd_download {
		width: 33.333333333%;
	}

	.edd_download_columns_2 .edd_download {
		width: 50%;
	}

}

@media #{$screen-lg}{

	.edd_download_columns_5 .edd_download {
		width: 20%;
	}

}
