/*
* Wordsworth 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
*/

@font-face {
  font-family: 'Comic Neue';
  src: url('../fonts/ComicNeue-Regular.eot');
  src: url('../fonts/ComicNeue-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ComicNeue-Regular.woff2') format('woff2'),
       url('../fonts/ComicNeue-Regular.woff') format('woff'),
       url('../fonts/ComicNeue-Regular.ttf')  format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Comic Neue';
  src: url('../fonts/ComicNeue-Regular-Oblique.eot');
  src: url('../fonts/ComicNeue-Regular-Oblique.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ComicNeue-Regular-Oblique.woff2') format('woff2'),
       url('../fonts/ComicNeue-Regular-Oblique.woff') format('woff'),
       url('../fonts/ComicNeue-Regular-Oblique.ttf')  format('truetype');
  font-weight: 400;
  font-style: oblique;
}

@font-face {
  font-family: 'Comic Neue';
  src: url('../fonts/ComicNeue-Bold.eot');
  src: url('../fonts/ComicNeue-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ComicNeue-Bold.woff2') format('woff2'),
       url('../fonts/ComicNeue-Bold.woff') format('woff'),
       url('../fonts/ComicNeue-Bold.ttf')  format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: 'Comic Neue';
  src: url('../fonts/ComicNeue-Bold-Oblique.eot');
  src: url('../fonts/ComicNeue-Bold-Oblique.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ComicNeue-Bold-Oblique.woff2') format('woff2'),
       url('../fonts/ComicNeue-Bold-Oblique.woff') format('woff'),
       url('../fonts/ComicNeue-Bold-Oblique.ttf')  format('truetype');
  font-weight: 700;
  font-style: oblique;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 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: 'Comic Neue', sans-serif;
  font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
  color: #222;
  padding-bottom: 4rem;
 }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Comic Neue', sans-serif;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 700; }
header h1 {
	font-size: 5rem;
	letter-spacing: -.2rem;
	margin-bottom: 0.2rem;
	float: left;
}  
h1 { font-size: 2.8rem; line-height: 1.25; letter-spacing: -.1rem; }
h2, h3, h4, h5, h6 { font-size: 2.4rem; line-height: 1.25; letter-spacing: -.1rem; }
h2.tagline {
	font-family: 'Comic Neue', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	font-style: italic;
	letter-spacing: -0.07rem;
	float: left;
	text-align: right;
	width: 100% }
@media (min-width: 750px) {
	header h1 { font-size: 6rem; }
	h1 { font-size: 3.6rem; }
	h2, h3, h4, h5, h6 { font-size: 2.8rem; }
	h2.tagline { font-size: 2.4rem;}
}
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 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 1rem;
	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: 'Comic Neue', sans-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%;
	}
}