/* RESET
------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; max-width: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html, body	{ height:100%; }
a img,:link img,:visited img { border:none }
:focus { outline: 0; }
a { text-decoration:none; }
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {  -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.clearFloat::before, .clearFloat::after {display:table;content:"";}
.clearFloat::after	{clear:both;}

.uberContainer, .container, iframe { max-width: 100%; padding: 0;}



/* PALETTE
------------------------------------------------------------------------------------*/
body { background: #fff; color: #333; }
a { color: #5d6573; }
a:hover	{ color: #000; } 

/* 
#9a5315; tan
#828da1; pale blue-grey
5d6573 darker blue-grey 
*/

/* HTML / FONTS
------------------------------------------------------------------------------------*/
body {
	font-family: 'Open Sans Condensed','Source Sans Pro', 'Open Sans', Arial, sans-serif;   
    font-size: 120%; font-weight: 300; 
	color: #333;
}

h1 {}
h2.row-heading	{font-size: 1.3em; margin: -10px 0 10px 15px;/*display: none;*/}
p	{margin-bottom: 20px;}

p::-moz-selection { color: white; background: #888;}
p::selection { color: white; background: #888; }



/* NAVIGATION
------------------------------------------------------------------------------------*/
.uberContainer	{
	padding: 0 0 0 0%;
	margin-right: -11px
}

.navbar-wrapper	{
	margin-bottom: 20px;
}

.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}

.navbar-brand	{
	font-size:1.4em;
}

@media screen and (max-width:768px)	{
	.navbar-wrapper	{padding-left: 15px;}
	.navbar-brand{padding:15px 0px;font-size: 1.3em;}
	h2.row-heading {display: block;}
	.menu-space
	{
		position: absolute;
		width: 100%;
	}
	.row
	{
	margin-right: 0px!important;
     margin-left: 0px!important; 
	}
	}

.navbar-default a.navbar-brand {
	font-family: 'Open Sans Condensed','Source Sans Pro', 'Open Sans', sans-serif; /*same*/
}

.navbar-default a.navbar-brand {  
	color: #9a5315; /* tan */ 
}

.navbar-default .navbar-brand span.tagline {
	color: #828da1; /* pale blue-grey */
	font-family: 'Playfair Display', serif; 
	font-size: .9em;
}

.navbar-default a.navbar-brand:hover	{
	color: #828da1; /* pale blue-grey */
}

.container>.navbar-collapse, .container>.navbar-header {
	border-color: transparent;
}

.nav>li	{
	text-align: center;
}


.navbar-header	{
	width: 50%;float: left;
}

.navbar-collapse	{
	width: 50%; float: right;
}

@media screen and (max-width:790px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header
	{margin-right:-15px;margin-left: -15px;	padding-left:15px;background-color: white;}
	.page-home .container-fluid>.navbar-collapse, .page-home .container-fluid>.navbar-header, .page-home .container>.navbar-collapse, .page-home .container>.navbar-header
	{background-color: black;}
	.navbar-nav {margin: 7.5px 0;}
	}

@media screen and (max-width:767px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header
	{width: 100%; text-align:left;float: left;/*margin: 0 auto;*/}
	}

.navbar-default .navbar-nav>li>a {
	color:#9a5315;
	padding: 25px 20px 5px;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 400;
}

.navbar-collapse .navbar-nav>li>a {
	padding: 18px 20px 12px;
	border-bottom: 1px solid #828da1;
}

@media screen and (min-width: 768px)	{
	.navbar-collapse .navbar-nav>li>a {border-bottom: 0px solid transparent;}
}


.navbar-default .navbar-nav>li>a:hover {
	color: #5d6573;
}

.home .navbar-default .navbar-nav>li>a {color:#828da1;}
.home .navbar-default .navbar-nav>li>a:hover {color: #9a5315;}



/* MEDIA
------------------------------------------------------------------------------------*/

div.image, div.media	{
	width: 100%;
}
	
img	{
	max-width: 100%;
	height: auto;
	width: auto9; /* ie8 */
}

img.alignleft	{
	float: left;
	margin-right:20px;
	margin-bottom: 50px;
	margin-top: 6px;
	vertical-align: top !important;
	/*padding: 4px;
	border: 1px solid #333;*/
}

img.alignright	{
	float: right;
	margin-left:12px;
	margin-bottom: 8px;
	margin-top: 5px;
	vertical-align: top !important;
	padding: 4px;
	border: 1px solid #333;
}

.col-md-pull-7 img	{
	margin-top: 6px;
}

/* forcing the video to be full-width...*/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*.video-container {
	padding-top: 20px;
	padding-bottom: 10px;
}*/
     
/* HOME
------------------------------------------------------------------------------------*/

body.home 	{background-color: #000;}

.home .nav>li#menu-item-22	{display: none;}

/* BIO
------------------------------------------------------------------------------------*/


/* MEDIA
------------------------------------------------------------------------------------*/

/* OUTREACH
------------------------------------------------------------------------------------*/

div.testimonial	{
	padding: 10px 0px 10px 15px;
	color: #d09785;
	color: #97a4c0;
	color: #828da1;
}
@media screen and (min-width: 768px)	{
	div.testimonial	{padding: 20px 45px 25px 65px;}
	}

div.testimonial p.testimonial	{
	font-family: 'Playfair Display', serif; 
	font-size: 1em;
	line-height: 36px;
	color: #95a1b8;
}
div.testimonial p.author	{
	line-height: 22px;
	font-size: .9em;
}

span.beginQuote	{
	font-size: 2em;
	margin-left: -20px;
}

span.endQuote	{
	font-size: 1.5em;
}
	

