.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1004;
	display: none;
	top: 0;
	left: 0
}
dialog,
.reveal-modal {
	visibility: hidden;
	display: none;
	position: absolute;
	z-index: 1005;
	width: 100vw;
	top: 0;
	left: 0;
	background-color: #fff;
	padding: 1.25rem;
	border: solid 1px #666;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}
@media only screen and (max-width: 40em) {
	dialog,
	.reveal-modal {
		min-height: 100vh
	}
}
@media only screen and (min-width: 40.063em) {
	dialog,
	.reveal-modal {
		left: 50%
	}
}
dialog .column,
dialog .columns,
.reveal-modal .column,
.reveal-modal .columns {
	min-width: 0
}
dialog>:first-child,
.reveal-modal>:first-child {
	margin-top: 0
}
dialog>:last-child,
.reveal-modal>:last-child {
	margin-bottom: 0
}
@media only screen and (min-width: 40.063em) {
	dialog,
	.reveal-modal {
		margin-left: -40%;
		width: 80%
	}
}
@media only screen and (min-width: 40.063em) {
	dialog,
	.reveal-modal {
		top: 6.25rem
	}
}
dialog .close-reveal-modal,
.reveal-modal .close-reveal-modal {
	font-size: 2.5rem;
	line-height: 1;
	position: absolute;
	top: 0.5rem;
	right: 0.6875rem;
	color: #aaa;
	font-weight: bold;
	cursor: pointer
}
dialog[open] {
	display: block;
	visibility: visible
}
dialog,
.reveal-modal {
	padding: 1.875rem
}
dialog.radius,
.reveal-modal.radius {
	border-radius: 3px
}
dialog.round,
.reveal-modal.round {
	border-radius: 1000px
}
dialog.collapse,
.reveal-modal.collapse {
	padding: 0
}
@media only screen and (min-width: 40.063em) {
	dialog.tiny,
	.reveal-modal.tiny {
		margin-left: -15%;
		width: 30%
	}
}
@media only screen and (min-width: 40.063em) {
	dialog.small,
	.reveal-modal.small {
		margin-left: -20%;
		width: 40%
	}
}
@media only screen and (min-width: 40.063em) {
	dialog.medium,
	.reveal-modal.medium {
		margin-left: -30%;
		width: 60%
	}
}
@media only screen and (min-width: 40.063em) {
	dialog.large,
	.reveal-modal.large {
		margin-left: -35%;
		width: 70%
	}
}
@media only screen and (min-width: 40.063em) {
	dialog.xlarge,
	.reveal-modal.xlarge {
		margin-left: -47.5%;
		width: 95%
	}
}
dialog.full,
.reveal-modal.full {
	top: 0;
	left: 0;
	height: 100%;
	height: 100vh;
	min-height: 100vh;
	margin-left: 0 !important
}
@media only screen and (min-width: 40.063em) {
	dialog.full,
	.reveal-modal.full {
		margin-left: -50vw;
		width: 100vw
	}
}
@media print {
	dialog,
	.reveal-modal {
		background: #fff !important
	}
}.prev-post-reveal-nav{
	margin: auto;
	position: absolute;
	top: 50%;
	left:10px;
	font-size: 2.5rem;
	color:black;
	width:32px;
}
.next-post-reveal-nav{
	margin: auto;
	position: absolute;
	top: 50%;
	right:0;
	font-size: 2.5rem;
	color:black;
	width:32px;
}
#reveal-modal-bg-page{
	width:100%;
	display:block !important;
	height:2000px;
	overflow-y:hidden !important;
	overflow-x:hidden !important;
}
