/*
Theme Name: Jo Hemmings
Theme URI: http://www.spicersolutions.com
Author: Spicer Solutions
Author URI: http://www.spicersolutions.com/
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: johemmings

*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.accolades
{
	background-color: #f2f3f4;
	padding: 2em 0;
}

.first-section
{
	margin: 5em 0 0 0;
	padding: 3em 0;
	color: #61b9ba;	
	background-color: #f2f3f4;

}

.second-section
{
	padding: 3em 0;
	color: #000000;	
}

.navbar-brand
{
	font-family: "Source Sans Pro", arial, sans-serif;
	font-weight: 300;
	font-size: 4em;
}

.sub-title
{
	font-size: 0.95em;
	text-align: center;	
	clear: both;
	font-weight: 700;
}

.footer
{
	padding: 1em 0;
	font-size: 0.85em;
}

.image-buffer
{
	margin-bottom: 2em;
}

.jo-image
{
	padding-top: 2em;
}

.video-title
{
	min-height: 40px;
}

.vcenter 
{
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.tv-image
{
	padding-left: 10px;
	width: 80px;
}

@media (max-width: 767px) {
	.navbar-brand
	{
		font-size: 2.9em;
	}
	.sub-title
	{
		font-size: 0.9em;
		text-align: center;
	}
}

@media only screen and (max-width: 1199px) {
	.first-section
	{
		margin: 10em 0 0 0;
	}
}

blockquote {
    font-style: italic;
    font-weight: normal;
    font-family: Georgia,Serif;
    font-size: 15px;
    padding: 0 10px 20px 27px;
    position: relative;
    margin-top: 25px;
}
blockquote:after {
    position: absolute;
    content: '"';
    font-size: 40px;
    color: #D0D9E0;
    width: 50px;
    top: -5px;
    left: 0;
    font-family: arial;
}
blockquote p { margin-bottom: 10px }

#menu-top-navigation {
	font-size: 13px;
}