/* 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%; vertical-align: baseline; max-width: 100%;}
.container, iframe { 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, a:hover  { text-decoration:none;} 
a, a:active, a:visited {outline: 0 !important; } /* Firefox */
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; }
img	{ max-width: 100%; height: auto; width: auto9; /* ie8 */ }

/* PALETTE
------------------------------------------------------------------------------------*/
body { color: #333; background: #FFF; }
h1.siteName, a { color: #000; }
a:hover	{ color: #932734; }  /*red*/


/* HTML / FONTS
------------------------------------------------------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif; 
	display: optional;  
    font-weight: 300;
    line-height: 1.5em;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
}

h1 {}
h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 34px;
	margin-bottom: 20px;
}

h2 span	{
	font-size: 16px;
	font-weight:300;
}

.pageHeader	h2	{
	width: 100%;
	margin-top: 50px;
	text-align: center;
	font-size: 36px;;
	color: #932734;
	text-transform: uppercase;
}

	
h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 30px;
}
	
h4 {}
p {margin-bottom: 20px;}

p::-moz-selection { color: WHITE; background: GREY;}
p::selection { color: WHITE; background: GREY; }

p.readMore	{
	margin: 40px auto;
	font-size: 14px;
}

a.readMore	{
	text-transform: uppercase;
	color: WHITE;
	background-color: #932734;
	padding: 10px 16px;
}

/* HEADERS / NAVIGATION
------------------------------------------------------------------------------------*/
.navbar-wrapper {height: 90px; text-transform: uppercase;letter-spacing: .1em;} /* full-width */
.navbar {}
.navbar-default {background-color: transparent;border-color: transparent;} /* padded inner */
.navbar-static-top {}

a.header_logo_link, .navbar-default .navbar-nav>li>a	{color: BLACK;}
a.header_logo_link:hover, .navbar-default .navbar-nav>li>a:hover	{color: #932734;}

/* site title 
-----------------*/
.siteTitle	{
	margin: 30px 0 0 15px;
	max-width: 400px;
	float: left;
}

@media screen and (min-width: 768px)	{
	.navbar-wrapper {height: 130px;}
	.siteTitle	{
		margin: 20px auto 10px;
		max-width: 100%;
		float: none;
		text-align: center;
	}
}
a.header_logo_link	{
	font-size: 26px;
}

@media only screen and (min-width: 500px)	{
	a.header_logo_link	{font-size: 30px;}
}

/* main navigation 
-----------------*/
.navmenu_align {
    float: right;     
    width: 100%;
}


/* toggle button (=navbar-header)
-----------------*/
.navbar-header	{}
.navbar-default .navbar-toggle {border-color: #ddd; margin-top: -34px;} /* #ddd default */

/* links / dropdown
-----------------*/
#navbar {}
.menu-main-navigation-container	{width: 100%;}
.navbar-default .navbar-collapse {border-color: GREY;padding: 0;} /* top of mob-menu */
.navbar-nav {margin:0;}

@media only screen and (min-width:768px)	{
	.navmenu_align {float: none; }
	.navbar-nav	{float: none;margin: 0 auto; width: 514px; /*background: grey;*/}
}

#navbar ul {list-style-type: none;padding: 0;}
#navbar ul li {display: block; background-color: WHITE;font-size: 15px; 
/*margin: 1px auto 0px; */
padding: 10px 0;
border-bottom: 1px solid GREY;
text-align: center;}
#navbar ul li:first-child	{padding-top: 8px;}

@media only screen and (min-width: 768px)	{ /* wide links */
	#navbar ul li,
	#navbar ul li:first-child {padding: 0;border-bottom: 0px;} 
}

/* BANNER IMAGE DEFAULT
------------------------------------------------------------------------------------*/

.bannerImage {
	height: 200px;
	background-image: url('/wp-content/themes/maryshannon/images/thumbnail1.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;

}
/*@media screen and (min-device-width: 768px)	{
	.bannerImage { background-image: url('/wp-content/themes/maryshannon/images/banner-girls-768.jpg');
	}
}

@media screen and (min-device-width: 1300px)	{		
	.bannerImage { background-image: url('/wp-content/themes/maryshannon/images/banner-girls-wide.jpg');}
}*/

/* CONTAINERS
------------------------------------------------------------------------------------*/
@media only screen and (min-width: 630px) and (max-width: 992px)	{
	.container {width: 100%}
}

.content-area, .mainContent	{
	min-height: calc(100% - 430px);
}

@media screen and (min-width: 530px) and (max-width: 768px)	{
	.content-area, .mainContent	{
		min-height: calc(100% - 390px);
	}
}

section	{ padding: 50px 0;}

.leftImage, .rightImage, .leftText, .rightText	{
	width:100%;
	margin-bottom: 20px;
	padding: 0 15px;
}

@media screen and (min-width: 768px)	{
	.leftImage, .rightImage, .leftText, .rightText	{float: left;}
	.leftImage, .rightImage {width: 46%;}
	.leftText, .rightText {width: 53%;}
	.leftImage, .leftText	{ margin-right: 1%;}
	.centerText	{max-width: 700px; margin: 0 auto;}
	.leftImage {text-align: right;}
	.leftImage img, .rightImage img	{width: 400px; max-width: 100%; height: auto;}
}

/* FOOTER
------------------------------------------------------------------------------------*/
.footer	{
	min-height: 100px;
	padding-top: 20px;
	font-size: 14px;
	color: WHITE;	
	background-color: BLACK;
}

.footer .leftText,
.footer .rightText	{
	text-align: center;
}

.footer .rightText ul {margin: auto !important; display: inline-block !important;}
	
	@media screen and (min-width: 530px)	{
	.footer .leftText,
	.footer .rightText	{ width: 48%; float: left; text-align: left;
	}
}

@media screen and (min-width: 530px)	{
	.footer .rightText	{text-align: right;}
	.footer .rightText ul {margin: 0;}
}

.footer .leftText p	{
	margin-bottom: 6px;
}

.footer	a {
	color: WHITE;
	font-weight: 400;
}

.footer	a:hover {
	text-decoration: underline;
}

.copyright	{text-align:center;}



/* HOME
------------------------------------------------------------------------------------*/
.home .bannerImage {
	height: 280px;
	background-image: url('/wp-content/themes/maryshannon/images/banner-girls-550x300.jpg');
}	

@media screen and (min-device-width: 768px)	{
	.home .bannerImage { height: 350px;  background-image: url('/wp-content/themes/maryshannon/images/banner-girls-768.jpg');
	}
}

@media screen and (min-device-width: 1300px)	{		
	.home .bannerImage { background-image: url('/wp-content/themes/maryshannon/images/banner-girls-wide.jpg');}
}
	section#aboutMary span {
	color: #932734;
	font-weight: 400;
}

section#aboutMary .wp-block-quote	{
	width: 85%;
	font-size: 1.2em;
	text-align: center;
}

section#aboutBook {
	background-color: BLACK;
	color: WHITE;
}

section#aboutBook h2 {
	text-align: center;
}

section#aboutBook p.quote	{
	text-align: center;
	font-style: italic;
}

section#aboutBook p.readMore	{
	text-align: center;
}

.home .footer	{
	color: BLACK;	
	background-color: WHITE;
}

.home .footer	a {
	color: BLACK;
}




/* ABOUT
------------------------------------------------------------------------------------*/
.page-about .bannerImage {
	background-image: url('/wp-content/themes/maryshannon/images/thumbnail1.jpg');
	}

/* BOOK
------------------------------------------------------------------------------------*/
.page-book .bannerImage {
	background-image: url('/wp-content/themes/maryshannon/images/thumbnail2.jpg');
	}

.page-book .pageHeader h2 span	{
	font-size: 28px;
	font-weight:300;
	text-transform: lowercase;
	font-style: italic;
	color: #333;
	}
	
.caption	{
	font-size: 12px;
	margin-top: -6px;
	color: #666;
}

/* ART / WRITING
------------------------------------------------------------------------------------*/
.page-art-writing .bannerImage {
	background-image: url('/wp-content/themes/maryshannon/images/thumbnail3.jpg');
	}
.page-art-writing .content-area ul	{
	list-style: none;
	margin-top: 10px;
}

.page-art-writing .content-area ul li	{
	margin: 4px 0 14px;
}

.page-art-writing .centerImage	 {
	margin-top: 50px;
}

.page-art-writing .theContent ul li	{
	max-width: 500px;
	margin-left: 30px;
}
/* CONTACT
------------------------------------------------------------------------------------*/
.page-contact .bannerImage {
	background-image: url('/wp-content/themes/maryshannon/images/thumbnail4.jpg');
	}

@media screen and (min-width: 400px)	{
	.page-contact .site-main .leftImage {width: 40%; text-align: right;float: left;}
	.page-contact .site-main .rightText {width: 53%;float: left;}
}

@media screen and (min-width: 768px)	{
	.page-contact .leftImage {width: 46%;}
}

.page-contact  .rightText input,
.page-contact  .rightText textarea {
		max-width: 100%;
		border: 1px solid #ddd;
}
	
@media screen and (min-width: 720px)	{
	.page-contact  .rightText{
		max-width: 380px;
	}
}

div.credit	{display: none;}
.page-contact div.credit	{
	display: block;
	font-size: .8em;
	color: #888;
	text-align: right;
	margin-right: 10px;
}	

/*.page-contact div.credit p	{
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}*/

.page-contact div.credit a	{
	color: #aaa;
}

.page-contact div.credit a:hover	{
	color: #fff;
}

div.wpcf7-mail-sent-ok 	{
	border: 2px solid #932734 !important;
}

/* FONTS
------------------------------------------------------------------------------------*/
@media (min-width:768px)
{
.icon-set-lsi_widget-2
{
	text-align:right!important;
}
}