/*=============================================================================
  File:         readwritetools.com/css/frame.css
  Language:     CSS
  Copyright:    Read Write Tools © 2019
  License:      CC-BY-NC-ND 4.0
  Initial date: Aug 6, 2019
  Contents:     Framing layout
=============================================================================*/

/* ---------- layout: frame, columns, story ---------- */
#frame {
	background-image: linear-gradient(0deg, #373737 33.33%, #474747 33.33%, #474747 50%, #373737 50%, #373737 83.33%, #474747 83.33%, #474747 100%);
	background-size: 18.00px 18.00px;
	border-top: 2px solid var(--pure-black);
	border-bottom: 2px solid var(--pure-black);
}
#frame {
	position: absolute;
	top: var(--banner-height);
	bottom: var(--masthead-height);
	margin: 0;
	left: 0;
	width: 100%;
	overflow-y: auto;
}
#columns {
	max-width: var(--column-width);
	margin: 0 auto;
	box-sizing: border-box;
	background-color: var(--black);
	overflow-x: hidden;
	overflow-y: hidden;
	min-height: 100%;
}
#story {
	max-width: var(--story-max-width);
	padding-left: var(--story-padding);
	padding-right: var(--story-padding);
    padding-bottom: 7rem;
	margin: 0 auto;
	box-sizing: border-box;
	min-height: 80vh;
}
@media only screen and (max-width: 564px) {
	html {
		--banner-height: 0px;
	}
	div#story {
		padding: 0 0.5rem 0 0.5rem;
	}
}