/*=============================================================================
  File:         readwritetools.com/css/layout.css
  Language:     CSS
  Copyright:    Read Write Tools © 2023
  License:      CC-BY-NC-ND 4.0
  Initial date: Jan 11, 2023
  Contents:     standard layout variables
=============================================================================*/

html {
	--banner-height: 2.8rem;
	--masthead-height: 2.0rem;
	--banner-height-plus-borders: calc(var(--banner-height) + 3px);
	--masthead-height-plus-borders: calc(var(--masthead-height) + 3px);

	--story-text: 43rem;
	--story-padding: 1rem;
	--story-max-width: calc(var(--story-text) + var(--story-padding)*2);
	
	--column-padding: 11rem;
	--column-width: calc(var(--story-max-width) + var(--column-padding)*2);
	--component-bottom: var(--masthead-height-plus-borders);
}

@media only screen and (max-width: 564px) {
	html {
		--banner-height: 0px;
	}
}