body {
	font-size: 12pt;
		-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}

body::-webkit-scrollbar {
  display: none;
}

zine-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}

zine-wrapper::-webkit-scrollbar {
  display: none;
}

zine-page, zine-spread-page {
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	position: relative;
	overflow: scroll;
		-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */

}

zine-page::-webkit-scrollbar, zine-spread-page::-webkit-scrollbar {
  display: none;
}


zine-spread-page {
	overflow-x: scroll;
}

zine-page-content {
	transform-origin: 0px 0px;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	top: 50%;
	width: calc(5.5in - 96pt);
	height: calc(8.5in - 96pt);
	padding: 24pt;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	margin-bottom: -48pt;
}

zine-page-content.spread {
	width: 11in;
	height: 8.5in;
	display: block;
	margin-bottom: -48pt;
}

.stretch {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-bottom: -48pt;
}

.half-height {
	height: 50%;
	position: relative;
	width: auto;
	clear: both;
	margin: 24pt auto;
}

.foreground {
	position: relative;
	z-index: 1000;
}



@media print {


	body {
		width: 11in;
		height: 34in;
		overflow-y: scroll;
		overflow-x: hidden;
		padding: 0;
		margin: 0;
		background-color: white !important;
	}
  
  @page {
 		width: 297mm; 
 		height: 209mm;
 		size: landscape;
    margin: 0;
    padding: 0;
    bleed: 0;
  }

  zine-wrapper {
  	overflow: scroll;
  	display: block;
  	position: unset;
  	padding: 0;
  	margin: 0;
  	background-color: white !important;
  }

  zine-page-content {
		transform:unset !important;
		transform-origin: unset !important;
		margin: 0;
		background-color: white;
	}

	zine-page-content.spread {
			transform:unset ;
		transform-origin: unset;
	
	}

  zine-controls {
  	display: none;
  }

  zine-page {
  	float: left;
  	width: 5.5in;
  	height:8.5in;
  	padding: 0;
  	margin: 0;
  }

  zine-spread-page {
  	width: 11in;
  	height: 8.5in;
  	padding: 0;
  	margin: 0;
  	overflow: hidden;
  }

  a::after {
  	content: " (" attr(href) ")";
	}
}

@media (orientation: landscape) {

}

@media (orientation: portrait) {

}