@import "../../css/_mixins.scss";
@import "../../css/_theme-vars.scss";


@media #{$media_lg} {
	/* Blog layout: Excerpt */
	.post_layout_excerpt {
		margin-bottom: 3em;
		padding-bottom: 3em;
	}
	.post_layout_excerpt .post_featured {
		margin-bottom: 1.5em;
	}
	.post_layout_excerpt .post_header .post_price {
		@include font(1.5em, 1.4em);
	}
	.post_layout_excerpt.sticky .post_wrapper {
		padding: 2.6em 3.2em;
	}
	.post_layout_excerpt .post_title + .post_meta {
		margin-top: 0.5em;
	}
	.post_layout_excerpt .post_header + .post_content {
		margin-top: 1rem;
	}

}


@media #{$media_md} {
	/* Blog layout: Excerpt */
	.post_layout_excerpt .post_header .post_price {
		@include font(1.75em, 1.5em);
	}
}


@media #{$media_sm} {
	/* Blog layout: Excerpt */
	.post_layout_excerpt {
		margin-bottom: 2.6em;
		padding-bottom: 2.6em;
	}
	.post_layout_excerpt .post_featured {
		margin-bottom: 1.3em;
	}
	.post_layout_excerpt .post_header + .post_content {
		margin-top: 0.8rem;
	}

	.post_layout_excerpt.sticky .post_wrapper {
		padding: 2em 2.4em;
	}
	.post_layout_excerpt .post_title {
		@include font(22px, 26px);
	}
	.post_layout_excerpt .post_header .post_price {
		position:static;
		right: auto;
		top: auto;
		margin-top:0.3em;
	}

}

@media #{$media_xs} {
	/* Blog layout: Excerpt */
	.post_layout_excerpt .post_title {
		@include font(20px, 24px);
	}
	.post_layout_excerpt.sticky .post_wrapper {
		padding: 1.8em 2.2em;
	}

}