/*************************************
* Author: Jordon Greene
* Company: B.K. Clark Author
* Copyright 2024
* 
* BKClarkAuthor.com
**************************************
* CSS STYLE SHEET PRIMARY
**************************************/

body
{
	width: 100%;
	height: 100vh;
	padding: 0px;
	margin: 0px;
	background-color: rgba(138,154,91,1);
}


/******************
 * ACCENT STYLES *
 ******************/
em { font-style:italic; }
strong {
	font-weight: 700;
}
a img { border: 0px; }

/***********************
 * QUICK FLOAT OPTIONS *
 ***********************/
.floatRight { float: right !important; }
.floatLeft { float: left !important; }
.floatNone { float: none !important; }
.floatRightToLeft { float: right !important; }


/**************************
 * QUICK POSITION OPTIONS *
 **************************/
.relative { position: relative !important; }
.absolute { position: absolute !important; }


/*************************
 * QUICK DISPLAY OPTIONS *
 *************************/
.displayBlock { display: block !important; }
.displayHidden { display: none !important; }
.displayInline { display: inline !important; }
.displayFlex { display: flex !important; }
.flex_JustifyCenter { justify-content: center !important; }
.overflow { overflow: hidden !important; }


/***********************
 * QUICK CLEAR OPTIONS *
 **********************/
.clear {	clear: both !important; }
.clearRight { clear: right !important; }
.clearLeft {	clear: left !important; }
.clearNone { clear: none !important; }


/*****************
 * QUICK MARGINS *
 ****************/
.noBottomMargin { margin-bottom: 0 !important; }
.marginBottonXSm { margin-bottom: 3px !important; }
.marginBottonSm { margin-bottom: 6px !important; }
.marginBottonMed { margin-bottom: 12px !important; }
.marginBottonLg { margin-bottom: 18px !important; }
.marginBottonXLg { margin-bottom: 24px !important; }
.marginBottonXXLg { margin-bottom: 32px !important; }
.marginBottonXXXLg { margin-bottom: 44px !important; }
.noTopMargin { margin-top: 0 !important; }
.marginTopXSm { margin-top: 3px !important; }
.marginTopSm { margin-top: 6px !important; }
.marginTopMed { margin-top: 12px !important; }
.marginTopLg { margin-top: 18px !important; }
.marginTopXLg { margin-top: 24px !important; }
.marginTopXXLg { margin-top: 32px !important; }
.marginTopXXXLg { margin-top: 44px !important; }
.noRightMargin { margin-right: 0 !important; }
.marginRightXSm { margin-right: 3px !important; }
.marginRightSm { margin-right: 6px !important; }
.marginRightMed { margin-right: 12px !important; }
.marginRightLarge { margin-right: 24px !important; }
.noLeftMargin { margin-left: 0 !important; }
.marginLeftXSm { margin-left: 3px !important; }
.marginLeftSm { margin-left: 6px !important; }
.marginLeftMed { margin-left: 12px !important; }
.marginLeftLarge { margin-left: 24px !important; }


/*****************
 * QUICK PADDING *
 ****************/
.noBottomPadding { padding-bottom: 0 !important; }
.noTopPadding { padding-top: 0 !important; }
.noLeftPadding { padding-left: 0 !important; }
.noRightPadding { padding-right: 0 !important; }


/*********************
 * BACKGROUND COLORS *
 ********************/
.bgYellowPale { background-color: rgba(255,249,231,1); }
 

/***********
 * BORDERS *
 **********/
.borderAllLtGrey { border: solid 1px rgba(89,89,89,0.3) !important; }


/**************
 * FONT FIXES *
 **************/
.textAlignLeft { text-align: left !important; }
.textAlignCenter { text-align: center !important; }
.textAlignRight { text-align: right !important; }
.textAlignJustify { text-align: justify !important; }
.extraSmallLineHeight { line-height: 90% !important; }
.xsmallLineHeight { line-height: 100% !important; }
.smallLineHeight { line-height: 110% !important; }
.singleLineHeight { line-height: 130% !important; }
.medLineHeight { line-height: 170% !important; }
.italic { font-style: italic; !important; }
.noItalic { font-style: none; !important; }
.bold { font-weight: 700 !important; }
.noBold { font-weight: 400 !important; }
.toUppercase { text-transform: uppercase !important; }
.exSmallText { font-size: 11px; }
.smallText { font-size: 13px; }
.regularText { font-size: 16px; }
.largeText { font-size: 19px; }
.exLargeText { font-size: 20px; }
.noWrap { white-space: nowrap !important; }
.hideHorizOverflow { overflow-x: hidden !important; }



/*********************
 * BACKGROUND COLORS *
 ********************/
.BG_LightGreen { background-color: rgba(14,102,85,0.25) !important; }



/***************
 * FONT COLORS *
 **************/
.fRed { color: rgba(204,35,35,1) !important; }
.fGreen { color: rgba(46,160,128,1) !important; }
.fWhite { color: rgba(255,255,255,1) !important; }
.fTransparent { color: transparent !important; }
.inputError { border: solid 1px rgba(230,0,0,1) !important; }
::placeholder {
	opacity: 0.4; /* Firefox */
}	
		
/******************
 * GENERAL STYLES *
 ******************/

*, *:before, *:after, .borderBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img, header, nav, section, footer, aside, nav, main, article, hr, wrapper-full, wrapper-flex-between, wrapper-flex-center, divider-bar, divider-two-third, div-thirds, div-two-thirds, div-fourths, div-halves, table-header, table-row, table-cell, social-media, dashboard-nav, mobile-nav, book-cover-desc, book-cover, retail-button, book-socials, retail-options, subscribe-box .bookCover, .wrapper, error-label {
	display: block;
}

header, nav, footer, main, hr, wrapper-full, wrapper-flex-between, wrapper-flex-center, img, table-header, table-row, table-cell, book-cover-desc, retail-options, .wrapper, preview-holder {
	width: 100%;
}

img, header, nav, section, footer, aside, nav, main, article, hr, wrapper-full, wrapper-flex-between, wrapper-flex-center, divider-bar, divider-two-third, div-thirds, div-two-thirds, div-fourths, div-halves, table-header, table-row, table-cell, social-media, dashboard-nav, mobile-nav, book-cover-desc, book-cover, retail-button, book-socials, retail-options, subscribe-box, .bookCover, error-label, preview-holder {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

img, header, nav, section, footer, aside, nav, main, article, hr, wrapper-full, wrapper-flex-between, wrapper-flex-center, divider-bar, divider-two-third, div-thirds, div-two-thirds, div-fourths, div-halves, table-header, table-row, table-cell, mobile-nav, book-cover-desc, book-cover, retail-button, book-socials, retail-options, subscribe-box, .bookCover, .wrapper {
	float: left;
}

misc-div, error-label {
	float: right;
}

.widthAuto {
	width: auto;
}

/*****************
 * CURSORS FIXES *
 ****************/
.cursorDefault { cursor: default !important; }
button, a {
	cursor: pointer;
}

wrapper-flex-between {
	display: flex !important;
	align-content: space-between;
	flex-wrap: wrap
}

wrapper-flex-center {
	display: flex !important;
	justify-content: center;
	flex-wrap: wrap
}

	wrapper-flex-center > social-media {
		cursor: pointer;
		padding: 15px;
		font-size: 18px;
		/* color: rgba(255, 255,255, 0.6); */
	}

header {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.8);
	z-index: 9;
}

	#header_logo {
		float: left;
		width: 25%;
		max-width: 350px;
		margin-top: 30px;
		margin-bottom: 30px;
		opacity: 1;
	}
	
	#header_logo:hover {
		opacity: 0.85;
	}

nav {
	position: relative;
	display: flex !important;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	padding-top: 10px !important;
	padding-bottom: 10px;
	background-color: rgba(255,255,255,1);
	z-index: 9;
}

mobile-nav-menu {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,1);
	z-index: 100;
}

	a.mobile-nav-button {
		display: none;
		position: absolute;
		top: +10px;
		left: +10px;
		z-index: 101;
		padding: 20px;
	}

		a.mobile-nav-button > p {
			font-size: 30px;
			color: rgba(89,89,89,0.75)
		}

		a.mobile-nav-button:active > p, a.mobile-nav-button:hover > p {
			color: rgba(89,89,89,1)
		}
	
	a.nav-link {
		display: block;
		float: left;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	mobile-nav-menu > a.nav-link {
		display: block;
		float: left;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
	}
	
	mobile-nav-menu > a.nav-link:first-child {
		margin-top: 50px;
	}
	
subscribe-box {
	display: flex;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-top: 9px;
	background-color: transparent;
}
	
main {
	display: flex;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: transparent;
}

	main > subscribe-box {
		width: 100%;
		max-width: 800px;
		display: flex;
		justify-content: center;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(208, 225, 169, 1);
		box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.8);
		border-radius: 24px;
		border: solid 4px rgba(71, 89, 37, 1);
	}
	
	main:has(subscribe-box) {
		padding-bottom: 0;
		flex-direction: column;
	}
	
		main:has(subscribe-box) > h1 {
			color: rgba(255,255,255,1);
			margin-bottom: 0 !important;
			font-size: 28px;
		}
	
		main:has(subscribe-box) > h1 + p {
			font-family: 'Baskervville', Times New Roman, Serif;
			color: rgba(255,255,255,1);
			margin-bottom: 0 !important;
			font-size: 16px;
		}
	
		main:has(subscribe-box) > #subscriptionStatus {
			color: rgba(255,255,255,1);
			font-size: 14px;
			text-align: center;
			display: block;
			margin-bottom: 0;
		}
	
		subscribe-box > p {
			color: rgba(255,255,255,1);
		}
	
		subscribe-box > input {
			background: transparent;
			border: 0;
			padding: 4px;
			/* border-bottom: solid 1px rgba(71, 89, 37, 1); */
			margin-left: 5px;
			margin-right: 5px;
			font-size: 18px;
			color: rgba(71, 89, 37, 1);
			font-family: 'Baskervville', Times New Roman, Serif;
			text-align: center;
		}
	
			subscribe-box > input::placeholder {
				color: rgba(71, 89, 37, 0.5);
				opacity: 1; /* Firefox */
			}
	
			subscribe-box > input::-ms-input-placeholder {
				color: rgba(71, 89, 37, 0.5);
			}
		
			subscribe-box > input:focus {
				background: rgba(201, 217, 163, 1);
				border: 0;
			}
	
			subscribe-box > input:nth-child(1), subscribe-box > input:nth-child(2) {
				width: 23%;
			}
	
			subscribe-box > input:nth-child(3) {
				width: 40%;
			}
	
		subscribe-box > button {
			width: 15%;
			flex-grow: 1;
			background: transparent;
			font-size: 18px;
			padding: 4px;
			border: 0;
			color: rgba(71, 89, 37, 1);
			font-family: 'Baskervville', Times New Roman, Serif;
		}
			
			subscribe-box > button > span.signUpText {
				display: none;
			}
			
			subscribe-box > button:hover {
				background: transparent;
				border: 0;
				color: rgba(37, 49, 14, 1);
			}

image-viewer {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.8);
}

	image-viewer > img, image-viewer > iframe {
		display: none;
		max-width: 90%;
		max-height: 90vh;
	}

		image-viewer > img {
			width: unset !important;
		}

		image-viewer > iframe {
			width: 90%;
			height: 90vh;
		}
	
	image-viewer-close {
		position: absolute;
		top: 30px;
		right: 30px;
		color: rgba(255, 255, 255, 0.75);
		font-size: 24px;
		cursor: pointer;
	}
	
	image-viewer-close:hover {
		color: rgba(255, 255, 255, 1);
	}

section {
	width: 90%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 60px;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.8);
}

footer {
	display: flex !important;
	flex-direction: column;
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: transparent;
}
	
	footer > wrapper-full {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	
	#footer_logo {
		float: left;
		width: 15%;
		margin-top: 20px;
		margin-bottom: 20px;
		opacity: 1;
		filter: brightness(0) invert(1);
	}
	
	#footer_logo:hover {
		opacity: 0.85;
	}
	
	footer > wrapper-full > social-media {
		cursor: pointer;
		padding: 15px;
		font-size: 18px;
		color: rgba(255, 255,255, 0.6);
	}
	
	footer > wrapper-full > social-media:hover, footer > wrapper-full > social-media:active {
		color: rgba(255, 255,255, 1);
	}

div-thirds {
	width: 33.333%;
}

wrapper-full > div-thirds:first-child {
	padding-right: 6px;
}

wrapper-full > div-thirds:nth-child(2) {
	padding-right: 3px;
	padding-left: 3px;
}

wrapper-full > div-thirds:nth-child(3) {
	padding-left: 6px;
}

divider-bar, divider-two-third {
	height: 1px;
	background-color: rgba(13,13,13,0.25);
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
}

divider-two-third {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
}

/* The Modal (background) */
modal-container {
  display: none; /* Hidden by default */
  justify-content: center;
  align-items: center;
  position: fixed; /* Stay in place */
  z-index: 5; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
modal-container-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  left: 50%;
  float: left;
  height: unset;
  max-height: 85vh;
  overflow-x: hidden;
  overflow-y: auto;
}

/* The Close Button */
modal-container-close {
	color: #aaaaaa;
	display: block;
	float: right;
	font-size: 20px !important;
	font-weight: bold;
	line-height: 50%;
}

modal-container-close:hover, modal-container-close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.bookCover {
	width: 33.333%;
	padding: 20px;
}

.bookCover + book-cover-desc {
	display: flex !important;
	flex-wrap: wrap;
	align-content: center;
	width: 66.666%;
	padding: 20px;
}

#triggerWarnings {
	padding: 2rem;
	background: #F2F2F2;
	margin-top: 2rem;
}

book-cover {
	width: 40%;
	margin-left: 0%;
	margin-right: 5%;
	margin-bottom: 32px;
}

	book-cover > h2 {
		padding-top: 2rem;
	}
	
	book-cover > #bookSocials {
		margin-top: 2.5rem;
		display: flex;
		justify-content: space-evenly;
	}

	book-cover > #bookSocials > img {
		max-width: 80px;
		cursor: pointer;
	}


back-button + book-cover-desc {
	width: 55%;
	margin-bottom: 32px;
}

retail-options {
	display: flex !important;
	clear: left;
	flex-wrap: wrap;
	justify-content: center;
}

retail-button, book-socials {
	cursor: pointer;
	width: 100%;
	margin-bottom: 8px;
	padding: 10px;
	background-color: rgba(71,89,37, 1);
	color: rgba(255,255,255,1);
	text-align: center;
	line-height: 100%;
	font-family: 'Roboto', Arial, Sans-serif;
	font-size: 20px;
	font-weight: 600;
	border-radius: 3px;
	border: solid 1px rgba(71,89,37, 1);
}

	book-socials {
		margin-left: 0;
		margin-right: 1%;
		margin-bottom: 32px;
		padding: 6px;
		font-size: 16px;
		width: 29%;
		margin-left: 2%;
		margin-right: 2%;
	}

	retail-button:hover, retail-button:active, book-socials:hover, book-socials:active {
		background-color: rgba(255,255,255,1);
		color: rgba(71,89,37, 1);
	}
	
	.reviewer {
		margin-left: 4rem;
		margin-bottom: 1rem;
	}
/***********************
* APPERS AND DISAPPERS *
***********************/
	
.appear1000, .appear700, .appearSpan700, .appear500, .appearSpan500, .socialHeaderNames, #siteBannerMobileHolder, #menuButton, #menuHome   {
	display: none;
}

.disappear1000, .disappear900, .disappear700, .disappear500 {
	display: block;
}

.disappearSpan900, .disappearSpan700, .disappearSpan500 {
	display: inline;
}


/*******************
* TABLE FORMATTING *
*******************/

table-header, table-row {
	padding-left: 8px;
	padding-right: 8px;
}

table-header {
	background: rgba(38,38,38,1);
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 0px !important;
}

table-row {
	background: rgba(242,242,242,1);
	padding-top: 12px;
	padding-bottom: 12px;
}

table-row:nth-child(2n) {
	background: rgba(255,255,255,1);
}

table-row:hover {
	background: rgba(217,217,217,1);
}

table-header table-cell {
	font-weight: 700;
}

table-header > table-cell {
	color: rgba(255,255,255,1);
}

table-cell {
	min-height: 8px;
	padding-left: 15px;
	padding-right: 15px;
}

/******************
* FONT FORMATTING *
******************/

h1, h2, h3, h4, h5, h6, p, ul, li {
	text-decoration: none;
	font-weight: 400;
	text-align: justify;
	margin-top: 0 !important;
}

li:not(:last-child) {
	margin-bottom: 3px;
}

a:link, a:visited, a:hover, a:active{
	text-decoration: none;
}

p, ul, li, table-header, table-row, table-cell, a.nav-link, release-date, back-button, error-label, label, label + span {
	font-family: 'Roboto', Arial, Sans-serif;
	font-size: 17px;
	color: rgba(89,89,89,1);
	line-height: 155%;
	text-align: justify;
	margin-bottom: 0;
	word-wrap: break-word;
	font-weight: 300;
	letter-spacing: 1px;
}

	p:not(:last-child), h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child) {
		margin-bottom: 16px;
	}
	
	error-label, label {
		margin-bottom: 0;
	}
	
	label {
		font-weight: 700;
		cursor: pointer;
	}
	
	error-label {
		color: rgba(204,35,35,1);
	}

	table-cell {
		margin-bottom: 0;
		text-align: unset;
		font-size: 15px;
	}
	
	release-date, back-button {
		margin-bottom: 16px;
	}
	
	release-date {
		display: block;
		float: left;
	}
	
	back-button {
		display: block;
		float: right;
		font-weight: 500;
	}
	
a.nav-link {
	color: rgba(127,152,121,1) !important;
	font-family: 'Baskervville', Times New Roman, Serif;
	text-transform: uppercase;
	font-size: 20px;
}

a.nav-link:hover, a.nav-link:active {
	color: rgba(79,98,40,1) !important;
}

table-header table-cell {
	color: rgba(255,255,255,1);
	font-weight: 700;
	line-height: 120%;
}

table-row, table-cell, .tPaginator {
	line-height: 140%;
}

table-header {
	font-weight: 700;
}

footer wrapper-full p {
	font-family: 'Roboto', Arial, Sans-serif;
	font-size: 14px;
	text-align: center;
	margin-bottom: 30px;
	color: rgba(255,255,255,0.9);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Baskervville', Times New Roman, Serif;
	line-height: 120%;
	color: rgba(89,89,89,1);
	text-align: left;
}

h1 {
	font-size: 32px;
	position: relative;
}

	h1 > social-media {
		cursor: pointer;
		position: absolute;
		top: 7px;
		float: right;
		color: rgba(71,89,37, 1);
		font-size: 18px;
		padding-left: 8px;
		padding-right: 0;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	h1 > dashboard-nav {
		position: absolute;
		top: 7px;
		right: 0;
		font-family: 'Roboto', Arial, Sans-serif;
		font-size: 17px;
		color: rgba(89,89,89,1);
		float: right;
		font-weight: 300;
		padding-left: 8px;
		padding-right: 0;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	h1 > social-media:hover, h1 > social-media:active {
		color: rgba(158,120,0,1);
	}

	h1 > social-media:first-child {
		padding-left: 6px;
		padding-right: 0;
		padding-top: 6px;
		padding-bottom: 6px;
		right: 0;
	}

	h1 > social-media:nth-child(2) {
		right: 16px;
	}

	h1 > social-media:nth-child(3) {
		right: 40px;
	}

	h1 > social-media:nth-child(4) {
		right: 63px;
	}

	h1 > social-media:not(:first-child) {
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	h1 > social-media:not(:first-child) {
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

h2 {
	font-size: 26px;
	margin-bottom: 9px;
	clear: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

h4 {
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: 600;
}



/*******************
 * LINK FORMATTING *
 *******************/

a {
	color: rgba(71,89,37, 1);
	font-weight: 700;
}
 
a:link, a:visited {
	color: rgba(71,89,37, 1);
}

a:hover, a:active {
	color: rgba(158,120,0,1);
}
 
a:link h1, a:visited h1 {
	color: rgba(71,89,37, 1);
}

a:hover h1, a:active h1 {
	color: rgba(158,120,0,1);
}

footer wrapper-full p a:link, footer wrapper-full p a:visited {
	color: rgba(255,255,255,1);
}

footer wrapper-full p a:hover, footer wrapper-full p a:active {
	color: rgba(255,255,255,0.7);
}


/**************
* FORM FIELDS *
**************/

input[type=checkbox], input[type=radio] {
	display: inline;
	width: auto;
	margin-bottom: auto;
}

input[type=text], input[type=password], input[type=number], select {
	font-family: 'Roboto', Arial, Sans-serif;
	font-size: 17px;
	line-height: 120%;
	color: rgba(89,89,89,1);
	width: 100%;
}

select, input[type=text], input[type=password], input[type=number] {
	padding: 0.9rem 1rem 0.9rem 1rem;
	margin-bottom: 12px;
    border: solid 1px rgba(150,150,150,1) !important;
}

select {
	padding-bottom: 0.83rem;
}

select:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled {
	background-color: rgba(150,150,150,0.2) !important;
}

select, input[type=text]:focus, input[type=password]:focus, input[type=number].:focus {
	border: solid 1px rgba(89,89,89,1);
}

textarea {
	font-family: 'Roboto', Arial, Sans-serif;
	font-size: 17px;
	color: rgba(89,89,89,1);
	line-height: 180%;
	text-align: justify;
	margin-bottom: 16px;
	word-wrap: break-word;
	width: 100%;
	padding: 0.9rem 1rem 0.9rem 1rem;
}

textarea.xTallTxtBox {
	height: 400px;
}

textarea.tallTxtBox {
	height: 300px;
}

textarea.medTxtBox {
	height: 100px;
}

textarea.smTxtBox {
	height: 60px;
}

button, input[type=submit] {
	font-size: 18px;
	font-family: 'Roboto', Arial, Sans-serif;
	line-height: 100%;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	padding: 0.9rem 1rem 0.9rem 1rem;
	background-color: rgba(71,89,37, 1);
	border: solid 1px rgba(71,89,37, 1);
	border-radius: 3px;
	cursor: pointer;
}

button:hover, input[type=submit]:hover {
	background-color: rgba(255,255,255,1);
	border: solid 1px rgba(71,89,37, 1);
	/* background-color: rgba(233,152,5,1); */
	/* background-color: rgba(252, 248, 242,1); */
	color: rgba(71,89,37, 1);
}

button.largeBtn, button.GoToLoginBtn {
	font-size: 26px;
}

/*************
 * WEB FONTS *
 *************/
/* WEB FONTS */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 27, 2013 11:08:37 PM America/New_York */

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Baskervville';
    src: url('/fonts/Baskervville-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Baskervville';
    src: url('/fonts/Baskervville-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}



/*********************
 * RESPONSIVE DESIGN *
 *********************/
 
@media only screen 
and (max-width : 1080px) {
	
	
	
}
 
@media only screen 
and (max-width : 1060px) {
	
	
	
}
 
@media only screen 
and (max-width : 1060px) {
	
	section {
		width: 100%;
		max-width: unset;
		padding-left: 40px;
		padding-right: 40px;
	}
	
}
 
@media only screen 
and (max-width : 1000px) {
	
	.disappear1000 {
		display: none;
	}
	
	.appear1000 {
		display: block;
	}
	
}



@media only screen 
and (max-width : 950px) {
	
	
	
}



@media only screen 
and (max-width : 900px) {
	
	.disappear900, .disappearSpan900 {
		display: none;
	}
		
	a.nav-link {
		padding-left: 20px;
		padding-right: 20px;
	}

}




@media only screen 
and (max-width : 850px) {
	
	#header_logo {
		width: 45% !important;
	}
	
	#footer_logo {
		width: 25% !important;
	}
	
}




@media only screen 
and (max-width : 800px) {
	
	h1 > social-media {
		display: none !important;	
	}
	
	h1 > dashboard-nav {
		position: unset;
		top: unset;
		right: unset;
		clear: left;
		width: 100%;
		float: left;
		text-align: center;
	}
	
	nav {
		display: none !important;
	}
	
	a.mobile-nav-button {
		display: block !important;
	}
	main {
		padding-top: 0 !important;
	}
	
	main:has(subscribe-box) {
		padding-top: 30px !important;
		padding-bottom: 25px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	subscribe-box > input:nth-child(1), subscribe-box > input:nth-child(2), subscribe-box > button {
		width: 21% !important;
	}
	
	subscribe-box > input:nth-child(3) {
		width: 35% !important;
	}
	
}



@media only screen 
and (max-width : 700px) {
	
	.appear700 {
		display: block;
	}

	.appearSpan700 {
		display: inline;
	}

	.disappear700, .disappearSpan700 {
		display: none;
	}
	
	section {
		padding: 40px !important;
	}
	
	.bookCover {
		width: 50%;
	}
	
	.bookCover + book-cover-desc {
		width: 50%;
	}
	
	book-cover {
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}

	back-button + book-cover-desc {
		width: 100%;
	}

	retail-button {
		width: 46%;
	}
	
}




@media only screen 
and (max-width : 600px) {
	
	#header_logo {
		width: 70% !important;
	}
	
	#footer_logo {
		width: 50% !important;
	}
	
	book-cover {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	subscribe-box {
		flex-direction: column;
	}
	
	subscribe-box > input:nth-child(1), subscribe-box > input:nth-child(2), subscribe-box > input:nth-child(3) {
		width: 100% !important;
		border-bottom: solid 1px rgba(71, 89, 37, 0.25);
		margin-bottom: 6px;
	}
	
	subscribe-box > button {
		width: 100% !important;
	}
	
	subscribe-box > button > span.signUpText {
		display: inline;
	}
	
}


@media only screen 
and (max-width : 500px) {
	
	.appear500 {
		display: block;
	}

	.appearSpan500 {
		display: inline;
	}

	.disappear500, .disappearSpan500 {
		display: none !important;
	}
	
	book-cover {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	release-date {
		margin-bottom: 0;
	}
	
	back-button {
		float: left;
		clear: left;
	}

	retail-button {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
}




@media only screen 
and (max-width : 450px) {
	
	.bookCover {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.bookCover + book-cover-desc {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10px;
		padding-bottom: 0;
	}
	
	.bookCover + book-cover-desc:not(:last-child) {
		padding-bottom: 40px;
	}

}




@media only screen 
and (max-width : 400px) {
	
	#header_logo {
		width: 90% !important;
	}
	
	#footer_logo {
		width: 65% !important;
	}

}