/**
 * The standard section wrapper. Use this with other classes for the base styling.
 * Default paddings are 40 and 80px
 */
.section-fullwidth {
	$border-color: #ddd;
	$section-padding: 60px;
	$section-padding-small: 30px;

	padding: #{$section-padding-small} 0;
	position: relative;

	@media (min-width: $breakpoint-small) {
		padding: #{$section-padding} 0;
	}

	// Default modifiers
	&.border-bottom {
		border-bottom: 1px solid #ddd;
	}

	&.border-top {
		border-top: 1px solid #ddd;
	}

	&.shadow {
		box-shadow: 0 5px 10px -5px rgba(black, 0.3);
		z-index: 10;
	}

	&.shadow-inset {
		box-shadow: inset 0 5px 10px -5px rgba(black, 0.3);
		z-index: 10;
	}

	&.inverted {
		background: black;
		color: white;

		hr {
			background-color: rgba(white, 0.2);
		}
	}

	&.text-white {
		color: white;

		hr {
			background-color: rgba(white, 0.2);
		}

		a {
			color: white;
		}
	}
}

.section-single-post {

	.site-main {
		.post {
			display: block;
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
	}

	.entry-header {
		margin-bottom: 20px;
		border-bottom: 5px solid #E6E6E6;
		padding-left: 0;
	}
}

.section-single-comments {
	background: #FAFAFA;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}