body {
}

h1 {
	font-family: 'Varela Round', sans-serif;
	font-size: 3em;
	text-align: center;
}

h2 {
	font-family: 'Varela Round', sans-serif;
	font-size: 1.2em;
	text-align: center;
}

body.custom {
	font-family: 'Raleway', sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body.custom p {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding bottom: 1%;
	padding-left: 7%;
	padding-right: 3%;
	max-width: 1000px;
}

body.custom div.standard-full {
	width: 100%;
	margin: 0;
	padding-top: 1%;
	padding-bottom: 1%;
}


/**** nav ****/
body.custom div.page-nav {
	position: fixed;
	width: 100%;
	margin: 0;
	padding 0;
	margin 0;
	z-index: 10;list-style-type: none;
	text-align: center; /* see https://stackoverflow.com/questions/544207/can-you-help-me-center-a-ul-element-with-css */
}

body.custom div.page-nav ul {
	list-style-type: none;
	display: inline-table; /* see https://stackoverflow.com/questions/544207/can-you-help-me-center-a-ul-element-with-css */
	padding: 0;
	margin: 0.5vw;
}

body.custom div.page-nav ul li {
    float: left;
    width: 2em;
    height:	2em;
    -moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	margin-left: 5vw;
	margin-top: 0.5vw;
	margin-bottom: 0.5vw;
    background-color: rgba(255, 255, 255, 0.9);
}

body.custom div.page-nav ul li:first-child {
    margin-left: 0;
}

body.custom div.nav-placeholder {
	height:	2em;
	padding: 0.5vw;
}

/**** end nav ****/


body.custom div.left-decoration {
	z-index: 5;
	position: fixed;
	width: 100%;
	margin: 0;
	padding-top: 1%;
	padding-bottom: 1%;
}

body.custom div.left-decoration img {
	width: 7%;
}

body.custom div.chapter-heading-container {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

body.custom div.quote-container {
	padding-top: 10%;
	padding-bottom: 1%;
}

body.custom div.quote-container quote p {
	font-size: 2em;
	font-family: 'Alegreya', serif;
	font-style: 'bold italic';
	margin-bottom: 0;
}

body.custom div.quote-container quoteauthor p {
	font-size: 1em;
	font-family: 'Alegreya', serif;
	font-style: 'regular';
	margin-top: 0;
}

body.custom div.full-width-img {
	width: 100%;
	padding: 0;
	margin: 0;
}

body.custom img {
	width: 100%;
	display: block;
}

/** colors **/
.aqua {
	background-color: rgba(49, 169, 159, 1.0);
}

.aqua-lite {
	background-color: rgba(109, 207, 198, 1.0);
}

.sunset {
	background-color: rgba(255, 141, 64, 1.0);
}

.sunset-lite {
	background-color: rgba(255, 188, 143, 1.0);
}

.tomato {
	background-color: rgba(207, 53, 33, 0.75);
}

.tomato-lite {
	background-color: rgba(240, 123, 108, 0.75);
}

.avocado {
	background-color: rgba(37, 128, 57, 0.75);
}

.yellow {
	background-color: rgba(245, 190, 65, 0.75);
}