/*************************************************************************************************/
/* (C) 2018 Iterum, LLC. All rights reserved. Iterum.llc.                                        */
/*-----------------------------------------------------------------------------------------------*/
/* This file contains css classes that are specific to the atozbook.com website.                 */
/* See iterum.grid.*.css and iterum.core.css, too!                                               */
/* This has VERY similar classes to the other site-specific css files.                           */
/*************************************************************************************************/

/*************************************************************************************************/
/* Redefined Main CSS Selectors                                                                  */
/*************************************************************************************************/

/*-----------------------------------------------------------------------------------------------*/
/* Remember to look at iterum.grid.*.css and iterum.core.css, too!                               */
body {
	font-size: 15px;
}


/*************************************************************************************************/
/* Standard Headings                                                                             */
/*************************************************************************************************/

/*-----------------------------------------------------------------------------------------------*/
h1 {
	font-size: 24px;
	font-weight: bold;
	color: #666666; /* Color of heading text. */
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #aaaaaa; /* Color of horizontal line below heading text. */

	margin-top: 8px; /* Limit space before the h1 heading. */

	margin-bottom: 4pt; /* Don't space below the heading style. */ 
}

/*-----------------------------------------------------------------------------------------------*/
h2 {
	font-size: 21px;
	font-weight: bold;
	color: #444444; /* Color of heading text. */
	margin-top: 8pt; /* Limit space before the h2 heading. */

	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #aaaaaa; /* Color of horizontal line below heading text. */

	margin-bottom: 2pt; /* Limit space after the h2 heading . */
}

/*************************************************************************************************/
/* Header class                                                                                  */
/*-----------------------------------------------------------------------------------------------*/
/* The Header contains the logo and menu bar. It changes based on its width.                     */
/*************************************************************************************************/

/*-----------------------------------------------------------------------------------------------*/
header {
	height: 70px; /* Height of the toolbar. */
	max-width: 950px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: #d7d7d7; /* Color of the toolbar's background. */
}

	/*-------------------------------------------------------------------------------------------*/
	/* The logo on the left side of the header.                                                  */
	header .logo {
		float: left;
		margin-left: 0;

		padding-right: 5px;
		min-height: 70px;
		min-width: 126px;
	}

	header .headingTitle {
		color: #fbfbfb;
		/* You can tweak these values to find a size that will fit the heading as the browser window
		* changes size. The vw is the vertical units (in percent), vh is height, and vm is the minimum.
		*/
		font-size: calc(1.3vw + 1.3vh + 1.3vmin);
		vertical-align: bottom;
	}

/*************************************************************************************************/
/* Toolbar.                                                                                      */
/*************************************************************************************************/

/*-----------------------------------------------------------------------------------------------*/
.toolbarStripe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 70px; /* Height of the toolbar. */
	background: #d7d7d7; /* Color of the toolbar's background. */
}

/*-----------------------------------------------------------------------------------------------*/
.toolbarArea {
	display: table;
	max-height: 70px;
	z-index: 1;
}

/*-----------------------------------------------------------------------------------------------*/
.toolbarCell {
	display: table-cell;
	vertical-align: middle;
}

/*************************************************************************************************/
/*  Footer. Contains the copyright and such.   */
/*************************************************************************************************/

/* edtr: Should this be in iterum.core.big.css? vRigger's footer class is almost identical. */
footer {
	padding: 4px 0;
	border-top: 1px #dedede solid;
	color: #222222; /* Text color used throughout website. */
	background: #f0f0f0; /* This is the same color as the breadCrumb style. */
	text-align: center;
	margin-left: auto; /* Center footer */
	margin-right: auto; /* Center footer */
}

	/*---------------------------------------------*/
	footer .copyright {
		margin: 0 !important;
		padding: 0;
		font-size: 8pt !important;
	}

/**************************************************************************************************
 * Redefined styles from the shared Iterum css files.
 *************************************************************************************************/

/*-----------------------------------------------------------------------------------------------*/
/* This is defined in the shared Iterum css file, but with a white background.*/
.outer_frame {
	background-color: white;
}