/* Begin Make footer always bottom of page */
@media only screen and (min-width: 1024px) {
	#footer-wrap {
		position: fixed;
		left: 0;
		bottom: 0;
	}
	.footer-always-bottom {
		height: 100%;
		.site {
			min-height: 100%;
			position: relative;
		}
		.page-footer-wrapper {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}
	}
	.page-footer-parallax {
		&:not(.page-template-one-page-scroll) {
			height: 100%;
			.site {
				min-height: 100%;
				position: static;
			}
			.content-wrapper {
				position: relative;
				z-index: 3;
				background: inherit;
			}
			.page-footer-wrapper {
				position: fixed;
				bottom: 0;
				left: 0;
				width: 100%;
				z-index: 1;
			}
		}
	}
}

.site {
	overflow: hidden;
}

body {
	.page-content {
		padding-top: 100px;
		padding-bottom: 70px;
		@include media-breakpoint-down(sm) {
			padding-top: 80px;
			padding-bottom: 70px;
		}
	}
	&.blog {
		.page-content {
			padding-bottom: 50px;
		}
	}
	&.single-post {
		.page-content {
			padding-bottom: 0;
		}
	}
	&.no-padding {
		.page-content {
			padding-top: 0;
			padding-bottom: 0;
		}
	}
}

.home {
	&.blog {
		.page-main-content {
			margin-bottom: 50px;
		}
		.page-content {
			padding-top: 100px;
			background-color: #f8f8f8;
		}
	}
}

body {
	&.archive {
		&:not(.post-type-archive):not(.woocommerce) {
			background-color: #f8f8f8;
		}
	}
}

@each $breakpoint in map-keys($grid-breakpoints) {
	@include media-breakpoint-only($breakpoint) {
		.hidden-#{$breakpoint} {
			display: none;
		}
	}
}

[visibility='visible'] {
	display: block;
}

[visibility='hidden'] {
	display: none;
}