@media screen 
{			
	/* sets colors, font */	
	body { background-color: white; color: #2B4E6F; font-family: 'Open Sans', sans-serif; background-image:url("https://www.mindfulmamamentor.com/texture.png"); }  
	
	/* Make space between paragraphs */ 
	p { text-indent: 0px; margin-bottom:1.25em; margin-top:1.25em;}
	p+p { text-indent: 0px; margin-bottom:1.25em; margin-top:1.25em;}
	td>p { margin-top:0em; }
	
	/* link colors */
	a { color: #C6513B; } 
	a:hover { color: #F6B19B; }
	a.title { color: #C6513B;  text-decoration: none; font-size:1.25em; font-family: 'Bilbo Swash Caps', cursive; }
	a.title:hover { color: #B6412B; text-decoration: none; }
	a.titleOverride { color:#B6412B; text-decoration: none; font-size:1.25em; font-family: 'Bilbo Swash Caps', cursive; }
	
	/* blog permalinks */
	a.blogLink { color: #8BAEBF; text-decoration: none;}
	a.blogLink.hover { color: #8BAEBF; text-decoration: none; }

	a.blogLinkTitle { color: #2B4E6F; text-decoration: none;}
	a.blogLinkTitle.hover { color: #2B4E6F; text-decoration: none; }
		
	/* blog post entry */
	.post { margin-bottom: 3em; }
				
	/* section header */
	h1 { color: #2B4E6F; font-size:2.5em; font-family: 'Bilbo Swash Caps', cursive; }
	p+h1 { margin-top:1.25em; }
	div+h1 { margin-top:1em; }
	ul+h1 { margin-top:1em; }
	.largeImage+h1 { margin-top:0.5em; }
	
	/* for centering h1 */
	.centered { text-align:center; }
		
	/* list items */
	li { margin-bottom: 0.5em; }	

	img
	{
		height:auto;
	}

	/* separator on blog and podcast pages */	
	hr 
	{	
		height: 25px;
		background: url("https://www.mindfulmamamentor.com/separator.png") no-repeat center;
		border: none;
		margin-bottom: 2em;
		margin-top: 2em;
	}

	/* smaller cursive left justified */
	h2 { margin:0; padding:0; font-weight:normal; font-size:1.9em; font-family: 'Bilbo Swash Caps', cursive; color:#2B4E6F; margin-top:0px; padding-top:0px; }
	
	/* smaller cursive centered */
	.cursive { font-size:1.9em; font-family: 'Bilbo Swash Caps', cursive; color:#2B4E6F; margin-top:0px; padding-top:0px; margin-bottom:0.5em; text-align:center; }		
					
	/* image embedded on right side */
	.embedRight { border: solid #BBBBBB 1px; width: 350px; float:right; margin-left: 20px; margin-bottom: 20px; }

	/* large full-width images */
	.largeImage { border: solid #BBBBBB 1px; max-width:800px; margin-bottom:1em; height:auto; }
	p+.largeImage { margin-top:1em; }
	h1+.largeImage { margin-top:1em; }
	.centered+.largeImage { margin-top:1em; }
	
	/* small images for testimonial photos */
	.praiseImage { border-radius: 50%; width:140px; float:left; margin-right:20px; margin-bottom:20px; vertical-align:top; }
	
	/* small image thumbnail for embedded PDFs */
	.pdfThumbnail { border: solid #BBBBBB 1px; max-width:200px; height:auto; box-shadow: 0px 2px 2px #888888; }
	
	/* featured in image on footer */
	/* .featuredIn { margin-top:100px; margin-left:-40px;} */
	.featuredIn { margin-bottom:1em; margin-left:-30px;}
	
	/* Wistia embedded video */
	.wistia_embed { margin-bottom:1em; }
	
	/* table styles for testimonials */
	td { vertical-align:top; }	
								
	/* full-width header section with background image */
	.headerBar { min-width:100%; background-image: url("https://www.mindfulmamamentor.com/bg4c.jpg"); z-index:-1; background-position: center; background-color: #DBEEFF; position:absolute; left:0px; top:0px; width:100%; height:350px; padding:0px; box-shadow: 0px 2px 2px #888888; }

	/* full-width header section with background image */
	.headerBarOverride { min-width:100%; background-image: url("https://www.mindfulmamamentor.com/bg4c.jpg"); z-index:-1; background-position: center; background-color: #DBEEFF; position:absolute; left:0px; top:0px; width:100%; height:350px; padding:0px; box-shadow: 0px 2px 2px #888888; }

	
	/* title */
	.titleBar { margin-top:100px; margin-bottom:0px; font-size:7em; text-align:center; }	
		
	/* subtitle */
	.subTitleBar { margin-top:-20px; font-size:1.7em; color:#8BAEBF; text-align:center; }
		
	/* menu bar */
	.menuBar { font-size:1.5em; z-index:2; margin-top:0px; margin-bottom:50px; text-transform:uppercase; }		
	
	/* main content section */
	.mainContent { font-size: 1.8em; margin-bottom: 4em;}

	/* red-orange action button with rounded corners */
	.actionButton {		
		padding: 21px 94px;
    color: #fff;
    background-color: #c6513b;
    border-color: #c6513b;
		border-radius: 3px;
		text-decoration: none;
		line-height:4em; 		
		box-shadow: 0px 2px 2px #888888;
	}
	
	.actionButtonContainer
	{
		margin-top:1.5em;
		margin-bottom:1.5em;
		text-align:center;
	}
	
	.actionButtonHelperImage
	{
		width:100px;
		vertical-align:bottom;
		margin-right:1em;
		margin-left:-100px;		
	}
	
	.actionBox {
		position: relative;
		float: left;
		padding: 20px;
		width: 200px;
		height: 360px;
		background-color: #DBEEFF;
		border-color: #C6513B;
		border-radius: 10px;
		border: solid white 5px;
		margin-right: 13px;
		box-shadow: 0px 2px 2px #888888;
		margin-bottom: 1.5em;
	}
	
	.actionBoxLink {		
		padding: 20px;
		color: #fff;
		background-color: #c6513b;
		border-color: #c6513b;
		border-radius: 3px;
		text-decoration: none;
		text-align:center;		
		box-shadow: 0px 2px 2px #888888;		
	}
	
	.actionBoxLinkContainer {		
		position: absolute;
		bottom: 0;
		text-align:center;
		margin: 20px;
		margin-bottom: 50px;
	}

	.actionBoxTitle { 
		font-size:1.9em; font-family: 'Bilbo Swash Caps', cursive; margin-top:0.5em; margin-bottom:0.5em; padding-top:0px; text-align:center;  line-height:1em;
		text-shadow: 0px 0px 5px #8BAEBF;
	}
	.actionBoxText { margin-bottom:2em; margin-top:1em; text-align: center; font-size:0.75em; }
	
	.menuTableMobile { display:none; }
	
	.footerContainer { font-size:1.5em; border-top:1px #8BAEBF solid; width: 100%; padding:0px; padding-bottom:20px; background-image: url("https://www.mindfulmamamentor.com/bg4c.jpg"); background-position: center; }

	/* footer section with background image */
	.footerBar { text-align: center; background-position: center; padding:0px; color:#8BAEBF; margin: 0 auto; width:100%; }	
	
	.audioEmbed { width: 100%; max-width:500px; }
} 



/* ------------------------------------------------------------- */
/* MOBILE */
/* ------------------------------------------------------------- */

@media only screen and (max-width: 900px) 
{	
	/* TODO: CLEAN UP SO ONLY DIFFERENCE FROM ABOVE ARE HERE */

	body 
	{ 
		color: #2B4E6F; font-family: 'Open Sans', sans-serif; background-image:url("https://www.mindfulmamamentor.com/texture.png"); 
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}  


	
	#searchForm { margin-bottom: 1em; }
	
	.container { padding:0px; min-width:300px; max-width:600px; }
	
	.largeImage { border: solid #BBBBBB 1px; max-width:100%; height:auto; margin-bottom:1em; }
		
	.titleBar { margin-top:10px; margin-bottom:0px; font-size:2.9em; text-align:center; white-space: nowrap; }
	
	.subTitleBar { margin-top:-15px; font-size:1.2em; color:#8BAEBF; text-align:center; }
	
	.menuTable { display:none; }	
	
	.mainContent { font-size: 1.5em; margin-bottom: 1em; margin-top:0px;  }
		
	.headerBar { background-image: url("https://www.mindfulmamamentor.com/bg4c.jpg"); z-index:-1; background-position: center; background-color: #DBEEFF; position:absolute; left:0px; top:0px; width:100%; height:190px; padding:0px; box-shadow: 0px 2px 2px #888888; }
	
	.headerBarOverride { background-image: url("https://www.mindfulmamamentor.com/bg4c.jpg"); z-index:-1; background-position: center; background-color: #DBEEFF; position:absolute; left:0px; top:0px; width:100%; height:100px; padding:0px; box-shadow: 0px 2px 2px #888888; }
	
	.featuredIn { width:100%; margin: 0 auto; margin-bottom:3em; }
	
	.footerContainer { font-size:1em; border-top:1px #8BAEBF solid; width: 100%;  padding:0px; padding-bottom:20px; background-image: url("https://www.mindfulmamamentor.com/bg4c.jpg"); background-position: center; }
	
	.footerBar { width: 90%; text-align: center;  color:#8BAEBF; font-size:1.4em; margin: 0 auto; }
	
	h1 { color: #2B4E6F; font-size:1.8em; font-family: 'Bilbo Swash Caps', cursive; }
	
	.actionButton 
	{		
		padding: 15px;
		color: #fff;
		background-color: #c6513b;
		border-color: #c6513b;
		border-radius: 3px;
		text-decoration: none;
		line-height:4em; 		
		box-shadow: 0px 2px 2px #888888;
	}

	.actionButtonHelperImage
	{
		width:75px;
		vertical-align:bottom;
		margin-right:1em;
		margin-left:0px;		
	}
	
	.menuTableMobile 
	{ 
		border-top: 1px solid #8BAEBF;
		padding-top: 10px;
		font-size:0.8em;
		width: 100%;
		display:block; 
		text-align:center;
		margin-top: 15px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.mobileMenuItem
	{		
		line-height:2.5em;
		white-space: nowrap;				
	}
	
	.mobileMenuSpacer
	{	
		line-height:2.5em;
		padding-left:15px;
	}
		
	.wistia_embed 
	{ 
		margin-bottom:1em;
		max-width:100%;		
	}

	.embedRight { border: solid #BBBBBB 1px; width: 50%; float:right; margin-left: 20px; margin-bottom: 20px; }	
	
	.actionBox {
		height: 275px;
	}
	
	
}

/* ------------------------------------------------------------- */

@media print 
{
	.do-not-print { display: none; }
	#comments { page-break-before: always; }

	body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
	h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
	h1 { font-size: 19pt; }
	h2 { font-size:17pt; }
	h3 { font-size:15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; } 
	a { text-decoration: none; color: black; }
		
} 

/* ------------------------------------------------------------- */

