@charset "UTF-8"; 
html{
	height: 100%;
} 

/* For CSS Flexbox see 
https://css-tricks.com/couple-takes-sticky-footer/ 
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Browser support
https://css-tricks.com/using-flexbox/
http://www.w3schools.com/cssref/css3_pr_flex.asp 
*/

body{
/*	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex; 
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-mox-flex-direction: column;
	flex-direction: column; */
	min-height: 100%; 
	padding-top: 165px; 
	/* margin-left: 5%;
	margin-right: 5%; */
}

/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	body{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex; 
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		-mox-flex-direction: column;
		flex-direction: column;
		min-height: ;
		height: 100%; 
		padding-top: 165px;
	}
} */

@media screen and (min-width: 768px){
	body{
		padding-top: 100px;
		margin-left: 3rem;
		margin-right: 3rem;
		font-size: 1.75em;
	}
}

/* nav, footer {
	-webkit-flex: none;
	-ms-flex: none;
	-mox-flex:none;
	flex: none;
}

main{
	-webkit-box-flex: 1 0 0;t
	-moz-box-flex: 1 0 0;
	-webkit-flex: 1 0 0;
	-ms-flex: 1 0 0;
	-moz-flex: 1 0 0;
	flex: 1 0 0;
} */

a{
	color: #0b42c5;
}
a:hover{
	color: #358fdc;	
}

.download-button:hover{
	color: #fffb0b;
}

.button > a:hover{
	color: #fffb0b;
}

/* Header & nav & footer*/

#site-logo img{
	padding-top: 5px;
	height: 55px; 
	float: left;
}

header h1{
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
	font-family: "Lucida Grande", sans-serif; 
	font-size: 3.3rem;
	font-weight: bold;
	color: #060c65;
	display: inline-block;
}

header h2{
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 0px;
	font-family: "Lucida Grande"; 
	font-size: 1.7rem;
	font-weight: bold;
	color: #060c65;
	display: inline-block;
}

.navbar-toggle{
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 25px;
	border: 2px solid rgba(0,0,0,0);
}

.navbar-default .navbar-toggle{
	border-color: #0b42c5;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #1f1b1b;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color: #c8f3e3;
}

.nav > li > a{
	padding: 10px;
	padding-bottom: 5px;
	font-size: 1.6rem;
	color: ##0b42c5;
} 

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color: #c8f3e3;
}

.nav>li>a:focus, .nav>li>a:hover{
	background-color: #c8f3e3;	
	color: #003eff;
}

.nav-header, .nav-footer{
	background-color: #d4ffee; /*#d9fdf5*/
}

.dropdown-menu{
	font-size: 1.6rem;
	background-color: #c8f3e3; 
	border: 2px solid #c5e1ef;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.3);
	box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}

.dropdown-menu > li > a{
	color: #0b42c5;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	color: #003eff;
	background-color: #e2fffa;
}

footer{
	margin: auto;
	margin-top: 2rem;
	padding: 10px;
	padding-bottom: 5px;
	background-color: #d4ffee; 
	border-radius: 5px;
}

@media screen and (min-width: 768px){
	footer{
		margin-bottom: 5px;
		margin-left: 25rem;
		margin-right: 25rem;
	}
}

 footer > .no-bullet{
	list-style-type: none;
	text-align: left; 
}

@media screen and (min-width: 1120px){
	footer > .no-bullet{
		text-align: center;
	}
}

footer > .no-bullet > li {
	display: inline-block; 
	margin: auto;
	margin-right: 5rem;
	margin-bottom: 5px;
} 

footer > .no-bullet > li > a{
	font-size: 1.3rem;
}

/* Home */

.welcome > p{
	font-size: 1.3em;
}

.booktitle{
font-style: oblique;
font-weight: bold;
}

#bookphoto{
	display: block;
	text-align: center;
	margin: auto;
}

.bookphoto{
	display: inline-block;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.bookphoto img{
	display: block;
	margin: 0 auto;
	width: 70px;
}

.bookphoto figcaption{
	text-align: center;
	font-size: 1rem;
}

/* #reviews h4{
	font-size: 1.1em;
} */

@media screen and (min-width: 768px){
	section{
		margin: 5px auto;
		padding: 5px 15px;
		width: 90%;
		/* height: 100vh; */
		overflow: visible;
		text-align: left;
	}
	.center{
		margin: 20px auto;
		width: 80%;
		height: ;	
	}
	.welcome{
	width: 70%;
	margin: 15px auto;
	text-align: center;
	}
}



/* Links page tables */

h4{
	padding-top: 35px;
}

table{
	width: 100%;
	margin: auto;
	padding: 5px;
	text-align: left;
}

th, td{
	padding: 15px;
	padding-top: 10px;	
}

th{
	font-size: 95%;
	border-bottom: 1px solid #ECE5E5;
}

td{
	vertical-align: top;
	border-bottom: 1px solid #ECE5E5;
}

.link-col{
	width: 35%;
}


/* class slides, audio resources */

.slidebox{
	/* width: 350px; */
	height: auto;
	margin: 10px;
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 10px;
	border: solid 2px #53CAAF; /* #00759f */
	border-radius: 15px;
	display: inline-block;
}

.slidebox figcaption{
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	font-size: large;
}

.slidebox img{
	margin: 10px;
	margin-left: 1px;
	margin-right: 1px;
	border: solid 1px #C0C0C0;
}

.download-button{
	margin: 10px; 
	margin-left: 1px;
	margin-right: 1px;
	padding: 8px;
	background-color: #00759f; /* #13B08C #53CAAF */
	border: solid 1px #00759f; /* #13B08C #53CAAF */
	border-radius: 8px;
	color: #ffffff;
	font-family: arial;
	font-size: 0.9em;
	font-weight: bold; 	
}

@media screen and (min-width: 430px){
	.download-button{
		margin-left: 20px;
		margin-right: 10px;
	}
	.slidebox img{
		margin-left: 30px;
		margin-right: 10px;
	}
}

.slidebox p{
	margin-top: 25px;
	clear: both;
}

video{
	margin: 20px;
	margin-top: 30px;
	padding: 20px;
	padding-bottom: 30px;
	/* width: 650px; */
	height: auto;
	background-color: #D4D4D4;
}

audio{
	margin-top: 20px;
	margin-left: 1%;
	width: 95%;
}

.button-wrap{
	margin: 15px;
	margin-top: 25px;
}


/* book samples */
.button{
	margin: 20px 10px 10px 10px;
	float: none;
}
.button a{
	padding: 10px;
	border-radius: 5px;
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	background-color: #00759f; /*  #13B08C #004a9e #000099 #53CAAF */ 
} 

object{
	width: auto;
	height: auto;
	margin: 2px;
	margin-top: 10px;
	padding: 2px;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 60%;
}

@media screen and(max-width: 540px){
	.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 60%;
	}
}