/*
Theme Name: Moss
Theme URI: http://www.bloogum.net/
Description: (th)inky thoughts v1.0 optimised for image/text posts, containing a thin sidebar and large feature image. Responsive design reshapes for mobile or desktop.
 
Author: Anna Thompson
Version: 1.0
Tags: minimalist, green, paper, image, feature image
*/

@font-face {
	font-family: nexalight;
	src: url(../../../../../../../../../../../../../../../../../../../fonts/NexaLight.otf);
}

@font-face {
	font-family: nexablack;
	src: url(../../../../../../../../../../../../../../../../../../../fonts/NexaBlack.otf);
}

@font-face {
	font-family: nexabold;
	src: url(../../../../../../../../../../../../../../../../../../../fonts/NexaBold.otf);
}

@font-face {
	font-family: nexascript;
	src: url(../../../../../../../../../../../../../../../../../../../fonts/NexaRustScriptT-00.otf);
}


/*
* {
	box-sizing:border-box;
	margin:0em;
	padding:0em;
}
*/

a {
	font-family: nexabold, "Arial Black", "Helvetica Black", charcoal, sans-serif;
	font-size:smaller;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}

a:link {
	color:#acce00;
}

a:visited {
	color: #9e8166;
}

a:hover {
	color: #000000;
}

h1 {
	font-family:nexascript, charcoal, sans-serif;
	font-size:25px;
	color: #acce00;
	margin-top:80px;
	font-weight:normal;
	text-align:center;
}

h1 a, a:visited {
	font-family:nexablack, charcoal, sans-serif;
	font-size:25px;
	color: #acce00;
	margin-top:80px;
	text-transform:uppercase;
	font-weight:normal;
	text-align:center;
}

h2 {
	font-family:nexabold, charcoal, sans-serif;
	font-size:14px;
	color: #000000;
	margin-left:60px;
	text-transform:uppercase;
	font-weight:normal;
	text-align:left;
}

p {
    font-family: nexalight, Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:30px;
	text-align:left;
	color: #9e8166;
}

strong {
	font-family:nexabold, charcoal, sans-serif;
	font-size:smaller;
	color: #000000;
	text-transform:uppercase;
	font-weight:normal;
}
	

header {
	position:fixed;
	top:0px;
	left:0px;
	height:50px;
	width:100%;
	width:100vw;
	background-color:#ffffff;
	margin:0px;
	box-shadow: 0px -8px 20px 0px #000000;
	z-index:10;
	text-align:left;
	padding: 0px 0px 0px 20px;
}

#navibutton {
	position:fixed;
	top:0px;
	right:0px;
	border:0px;
	z-index:20;
}

nav {
	position:fixed;
	top:60px;
	right:10px;
	display:none;
	background-color:#ffffff;
	z-index:20;
	box-shadow: 4px 4px 20px 0px #000000;
}

nav ul {
	margin:15px 0px 15px 0px;
	padding:0px;
}

nav li {
	display:block;
	list-style-type:none;
	vertical-align:center;
	padding:10px 30px 10px 30px;
}

@media only screen and (min-width: 768px) {
	h2 {
		margin-left:30px;
	}
	
	p {
		text-align:justify;
	}
	
	header {
		text-align:center;
		padding:0px;
	}
}

@media only screen and (min-width: 1200px) {
	h2 {
		margin-left:20px;
	}
}