/*
* 7-bits Theme for GetSimple CMS
* 2015, Timbow
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* This file defines styles specific to this theme overiding skeleton defaults
*/


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  color: #222;
  padding-bottom: 4rem;
 }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Lustria', serif;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 2.8rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 2.4rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.2rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 2.0rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.8rem; line-height: 1.6;  letter-spacing: 0; }

p, ul, ol,  {
	color: #666;
}

/* Additional Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	/*	Blockquotes  */

blockquote, blockquote p {
	font-size: 1.7rem;
	line-height: 2.4rem;
	color: #777;
	font-style: italic;
}

blockquote {
	margin: 0 0 2.0rem;
	padding: .9rem 2.0px 0 1.9rem;
	border-left: 2px solid #ddd;
}
	blockquote cite { display: block; font-size: 1.2rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	
	/* Images */

img, img.scale-with-grid {
	max-width: 100%;
	height: auto;
	border: 1px solid #e1e1e1;
}

li {
	margin-bottom: 0.5rem
}

	/* Links */
	
a {
	color: #990000;
	text-decoration: none;
	border-bottom: 1px solid #e1e1e1; }
	
a:hover {
	color: #990000;
	border-bottom: 1px solid #990000; }

/*Theme Specific Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#container {
	max-width: 800px;
	padding-top: 2rem;
	margin-bottom: 2rem;
}

header h1{
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 6rem;
	margin-bottom: 0.2rem;
	float: left;
}
header h5.tagline {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 1.6rem;
	font-style: italic;
	float: left;
	text-align: right;
	width: 100%
}

header a, header a:hover, footer a {
	text-decoration: none;
	color: inherit;
}

header a, header a:hover, .nm_post_image a, .custom_display a {
	border-bottom: none;
}



nav {
	margin-bottom: 2rem;
}

nav ul {
	text-align: center;
	margin: 0;
}

nav li {
	display: inline;
	text-transform:uppercase;
	font-size: 1.4rem;
	line-height: 4rem
}

nav a {
	color: inherit;
	display: inline-block;
	text-decoration:none;
	padding:0 2rem;
	border-bottom: none;
}

nav li a:hover, nav li a:focus, nav li.current a {
	color: inherit;
	border-bottom: 1px solid black;
}

aside img {
	margin: 1rem;
}

nav hr, footer hr, aside hr{
	margin-top: 0;
}

nav hr {
	margin-bottom: 0;
}

footer hr, aside hr {
	margin-bottom: 2rem;
}

footer small {
	font-family: 'Lustria', serif;
	text-align:center;
	display: block;
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	nav hr, footer hr, aside hr{
		margin-left: -10%;
		margin-right: -10%;
	}
}


/*News Manager Custom Display for News Homepage
(Copies skeleton declarations onto post blocks)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

	.my_recent {
		width: 100%;
		float: left;
		box-sizing: border-box;
		position: relative;
		margin-bottom: 2.5rem;
	}

	.my_recent a:hover img {
		box-shadow: 0 0 8px #777;
	}

/* For devices larger than 550px */
@media (min-width: 550px) {

	
	.my_recent			{margin-left: 4%;}

	.my_recent_1,
	.my_recent_3		{margin-left: 0;}
	
	.my_recent_3,
	.my_recent_4,
	.my_recent_5		{ margin-bottom: 0;}

 	.my_recent_0 		{ width: 65.3333333333%; }
	.my_recent_1,
	.my_recent_2		{ width: 48%;            }
	.my_recent_3,
	.my_recent_4,
	.my_recent_5		{ width: 30.6666666667%; }
  
  /* Offsets */
	.my_recent_0        { margin-left: 17.3333333333%; }
	
}

  .my_recent h4 {
	position: absolute;
	left: 1%;
	bottom: 10%;
	color: white;
	text-align: center;
	text-shadow: 0 1px 0 black;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 0.5rem;
	margin: 0 auto;
	}

	
/*News Manager Main News Page 
–––––––––––––––––––––––––––––––––––––––––––––––––– */	

/*removes page heading on demo page (where slug is 'all-posts')*/
#all-posts section>h1 {
	display: none;
}

.nm_post {
	position: relative;
	margin: 2rem 0;
	content: "";
	/*display: table;*/
	clear: both;
}
  
.nm_post_image {
	width: 48%;
	height: auto;
	/*float: left;*/
	position: absolute;
	right: 50%;
	top: 0.5rem;
}

.nm_post_content,
.nm_post_title,
.nm_post_date {
	margin-left: 52%;
}

/* For devices smaller than 550px */
@media (max-width: 550px) {

.nm_post_image {
	width: 36%;
	height: auto;
	position: static;
	float: left;
	margin-right: 1rem;
}

.nm_post_content,
.nm_post_title,
.nm_post_date {
	margin-left: 0;
}

}