/*
	Name: Wooden Nickel Teaser
    Date: May 2020
    Version: 0.2
    Author: Brooke Condolora
    Author URL: http://brookecondolora.com
    
    This website and its components are protected by copyright from both commercial and personal use.
    
    © Brain&Brain LLC

	COLORS:

	Text Gray: #99948A
	Sky Blue: #ADD9D9
	Paper Gray: #F2F0EB
	Dusty Red: #EDA877
	Deep Red: #D9916C


*/

@import url("reset.css");
@import url("../../use.typekit.net/bkj7zut.css");

@font-face{
    font-family:"lft-etica-sheriff-regular";
    src:url("https://visitwoodennickel.com/fonts/5472919/510b6140-bc71-4574-bb33-621b15b4e559.eot?#iefix");
    src:url("https://visitwoodennickel.com/fonts/5472919/510b6140-bc71-4574-bb33-621b15b4e559.eot?#iefix") format("eot"),url("https://visitwoodennickel.com/fonts/5472919/6b32967d-47bd-4925-82c9-fc5824215ded.woff2") format("woff2"),url("https://visitwoodennickel.com/fonts/5472919/be216600-c548-460d-9cbb-9909cf9978d8.woff") format("woff"),url("https://visitwoodennickel.com/fonts/5472919/a2cdd82b-5526-42a2-bcd9-7250c1522a3e.ttf") format("truetype");
}
@font-face{
    font-family:"lft-etica-sheriff-italic";
    src:url("https://visitwoodennickel.com/fonts/5472925/fef88c68-7551-4f4d-bdb0-314beedcf80b.eot?#iefix");
    src:url("https://visitwoodennickel.com/fonts/5472925/fef88c68-7551-4f4d-bdb0-314beedcf80b.eot?#iefix") format("eot"),url("https://visitwoodennickel.com/fonts/5472925/504a3283-9069-49ef-a5ca-11bc7b753b4c.woff2") format("woff2"),url("https://visitwoodennickel.com/fonts/5472925/fd187609-a5ac-430c-b76f-64f8f2566ec7.woff") format("woff"),url("https://visitwoodennickel.com/fonts/5472925/fca4827f-e3c7-4077-b95a-18af07ab9e1f.ttf") format("truetype");
}
@font-face {
    font-family: 'proximanova';
    src: url('https://visitwoodennickel.com/fonts/proximanova-medium-webfont.eot');
    src: url('https://visitwoodennickel.com/fonts/proximanova-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://visitwoodennickel.com/fonts/proximanova-medium-webfont.woff2') format('woff2'),
         url('https://visitwoodennickel.com/fonts/proximanova-medium-webfont.woff') format('woff'),
         url('https://visitwoodennickel.com/fonts/proximanova-medium-webfont.ttf') format('truetype'),
         url('https://visitwoodennickel.com/fonts/proximanova-medium-webfont.svg#proxima_novamedium') format('svg');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'museo_sans500';
    src: url('https://visitwoodennickel.com/fonts/MuseoSans_500-webfont.eot');
    src: url('https://visitwoodennickel.com/fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://visitwoodennickel.com/fonts/MuseoSans_500-webfont.woff2') format('woff2'),
         url('https://visitwoodennickel.com/fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('https://visitwoodennickel.com/fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('https://visitwoodennickel.com/fonts/MuseoSans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*

	HTML5
*/

header, section, footer,
aside, nav {
	display: block;
}




/* @group BROWSER OVERRIDES */

* {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale; /* Fixes font weight in Firefox. */
	-webkit-font-smoothing: antialiased;  /* Fixes font weight in Safari. */
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance: caret;
	-moz-appearance: caret;
}

a {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a img {
	outline : none;
}

img {
	outline: none;
}

/* @end */




/* @group GLOBAL */

html, body {
	height: 100%;
}

body {
	background-color: #F2F0EB;
	color: #99948A;
	font-family: 'proximanova', sans-serif;
	font-size: 16px;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: #99948A;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:hover {
	color: #D9916C;
}

img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}

strong {
	font-weight: 700;
}

ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

h1 {
	font-size: 3.1vw;
	font-weight: normal;
	text-transform: uppercase;
}

/* @end */




/* @group LIBRARY */

#push {
	height: 28vw;  /* Same height as footer. */
}

.clear {
	clear: both;
}

/* @end */





/* @group LAYOUT */

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -28vw; /* Negative value of footer height. */
	overflow-x: hidden;
	width: 100%;
}

header {
	background-color: #ADD9D9;
	display: block;
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

section {
	font-family: 'lft-etica-sheriff-regular', sans-serif;
}

footer {
	background: white url('https://visitwoodennickel.com/images/footer-lines.svg') repeat-x center top;
	background-size: 105%;
	height: 28vw;
	margin: 0 auto;
	overflow: hidden;
	padding: 7vw 0;
	text-align: center;
	width: 100%;
}

/* @end */




/* @group NOTICE */

#notice {
	background-color: #99948A;
	color: white;
	display: block;
	font-size: 100%;
	line-height: 1.5;
	margin: 0 auto;
	text-align: center;
	padding: 1rem;
	width: 100%;
}

#notice a {
	border-bottom: 2px solid rgba(255, 255, 255, .5);
	color: white;
}

#notice a:hover {
	border-bottom: 2px solid rgba(255, 255, 255, 1);
	color: white;
}

/* @end */




/* @group HEADER */

img#logo {	
	display: block;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 6vw;
	width: 38%;
	z-index: 5;
}

img#header-bg {
	background-color: #ADD9D9;
	display: block;
	height: auto;
	margin: 0 auto;
	padding-top: 20vw;
	width: 100%;
}



/* @end */




/* @group NEWSPAPER */

section#newspaper {
	padding: 5vw 0 7vw 0;
}

section#newspaper > div {
	display: block;
	height: auto;
	margin: 0 auto;
	width: 68%;
}

section#newspaper #masthead h1 {
	display: inline-block;
	text-align: center;
	width: 70%;
}

section#newspaper #masthead span {
	display: inline-block;
	font-size: 1.5vw;
	line-height: 3.1vw;
	margin-top: .6vw;
	text-transform: uppercase;
	width: 15%;
}

span.left {
	float: left;
	text-align: left;
}

span.right {
	float: right;
	text-align: right;
}

section#newspaper #divider-horizontal1 {
	margin: 0 auto;
	padding: 1.9vw 0 3vw 0;
}

section#newspaper #divider-horizontal2 {
	margin: 0 auto;
	padding: 0 0 3vw 0;
}

section#newspaper #divider-horizontal3 {
	margin: 0 auto;
	padding: 3vw 0 1vw 0;
}

section#newspaper #divider-horizontal4 {
	margin: 0 auto;
	padding: 1vw 0 3vw 0;
}

section#newspaper #divider-body {
	margin: 0 auto;
	padding: 2.5vw 0;
}

section#newspaper #divider-body img {
	width: 22%;
}

section#newspaper img.divider {
	display: block;
	height: auto;
}

section#newspaper #intro {
	font-size: 1.9vw;
	letter-spacing: .02vw;
	line-height: 3.4vw;
}

section#newspaper #intro p {
	padding-bottom: 3vw;
}

section#newspaper #intro p:first-child:first-letter {
	float: left;
	font-size: 6.8vw;
	line-height: 6.6vw;
	padding-right: 1vw;
	padding-bottom: 0;
}

section#newspaper #intro p span#dropcap-fix {
	margin-left: -.5vw;
}

/* @end */




/* @group TRAILER */

	section#newspaper #trailer {
		
	}
	
/* @end */




/* @group Columns */

section#newspaper #columns {
	background: url('https://visitwoodennickel.com/images/divider-vertical.svg') repeat-y left top;
	background-size: 100%;
	margin-bottom: 0;
	padding-bottom: 2.5vw;
}

section#newspaper #columns #column-left,
section#newspaper #columns #column-right {
	display: inline-block;
	padding-top: 2.5vw;
	text-align: center;
	width: 44%;
}

section#newspaper #columns #column-left {
	float: left;
}

section#newspaper #columns #column-left #column-left-image {
	float: left;
	max-width: 270px;
	width: 27%;
}

section#newspaper #columns #column-left #column-left-text {
	float: right;
	width: 64%;
}

section#newspaper #column-left-text #divider-body {
	padding: 2.34vw 0;
}

section#newspaper #column-left-text #divider-body img {
	width: 32%;
}

section#newspaper #columns #column-right {
	float: right;
}

section#newspaper #columns span.ad-sans,
section#newspaper #columns a.ad-sans {
	display: block;
	font-family: 'proximanova', sans-serif;
	font-size: 1.6vw;
	font-weight: 500;
	letter-spacing: .15vw;
	text-transform: uppercase;
}

section#newspaper #columns a#column-brainandbrain {
	display: block;
	font-family: 'museo_sans500', sans-serif;
	font-size: 2.8vw;
	letter-spacing: .15vw;
	text-transform: uppercase;
}

section#newspaper #columns a#column-bmas {
	display: block;
	margin-top: 1.5vw;
}

section#newspaper #columns span.ad-headline {
	display: block;
	font-size: 1.9vw;
	letter-spacing: .02vw;
}

section#newspaper #columns span.ad-italic {
	display: block;
	font-family: "lft-etica-sheriff-italic";
	font-size: 1.4vw;
	letter-spacing: .02vw;
}

section#newspaper #columns ul#elsewhere {
	font-size: 0;
}

section#newspaper #columns ul#elsewhere li {
	display: inline-block;
	font-size: 1.6vw;
	text-align: center;
}

section#newspaper #columns ul#elsewhere li:not(:last-child):after {
	content: '•';
	padding: 0 .8vw;
}

/* @end */

/* @group Newsletter */

section#newspaper #newsletter {
	background: url('https://visitwoodennickel.com/images/newsletter-bg.svg') no-repeat left top;
	background-size: 100% auto;
	height: 7.5vw;
	line-height: 7.5vw;
	margin: 2.5vw 0 0 0;
	width: 100%;
}

#newsletter form {
	height: 100%;
	margin: 0 auto;
	width: 100%;
}

#newsletter input {
	-webkit-appearance:none;
}

#newsletter input.email {
	background-color: transparent;
	border: none;
		-webkit-border-radius: 0; 
	border-radius: 0;
	color: rgba(153, 148, 138, .5);
	font-family: "lft-etica-sheriff-italic";
	font-size: 1.9vw;
	letter-spacing: .02vw;
	min-width: 130px;
	outline: none;
	padding: 0;
	padding: 0 3vw;
	position: relative;
	text-align: center;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	width: 80%;
}

#newsletter input.email:hover {
	color: rgba(153, 148, 138, 1);
}

#newsletter input.email:focus {
	color: rgba(153, 148, 138, 1);
	outline: none;
}

input.email::-webkit-input-placeholder {
	color: rgba(153, 148, 138, .5);
		-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

input.email:-moz-placeholder { /* Firefox 18- */
	color: rgba(153, 148, 138, .5);
		-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

input.email::-moz-placeholder {  /* Firefox 19+ */
	color: rgba(153, 148, 138, .5);
		-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

input.email:-ms-input-placeholder {  
	color: rgba(153, 148, 138, .5);
}

input.email:hover::-webkit-input-placeholder {
	color: rgba(153, 148, 138, 1);
}

input.email:hover:-moz-placeholder { /* Firefox 18- */
	color: rgba(153, 148, 138, 1);
}

input.email:hover::-moz-placeholder {  /* Firefox 19+ */
	color: rgba(153, 148, 138, 1);
}

input.email:hover:-ms-input-placeholder {  
	color: rgba(153, 148, 138, 1);
}

input.email:focus::-webkit-input-placeholder {
	color: transparent;
}

input.email:focus:-moz-placeholder { /* Firefox 18- */
	color: transparent;
}

input.email:focus::-moz-placeholder {  /* Firefox 19+ */
	color: transparent;
}

input.email:focus:-ms-input-placeholder {  
	color: transparent;
}

#newsletter input.button {
	background-color: transparent;
	color: transparent;
	position: absolute;
	left: -9999px;
	border: 0 none;
	text-decoration: none;
}

#mc_embed_signup {
	position: relative;
}

#mc_embed_signup .response,
#mc_embed_signup label.error,
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	background-color: transparent;
	display: block;
	color: #D9916C;
	display: block;
	font-family: 'proximanova', sans-serif;
	font-size: 1.2vw;
	letter-spacing: normal;
	line-height: 1.2vw;
	margin-top: .5vw;
	left: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 1;
}
	
#mc_embed_signup #mce-error-response {
	color: #D9916C;
	font-weight: bold;
}

#mc_embed_signup #mce-success-response {
	color: #D3D998;
	font-weight: bold;
}

/* @end */




/* @group FESTIVALS */

section#newspaper #festivals ul {
	display: block;
	float: left;
	font-size: 0;
	left: 50%;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

section#newspaper #festivals li {
	display: inline-block;
	font-size: 1.6vw;
	float: left;
	margin: 0 2.5%;
	padding: 0;
	position: relative;
	right: 50%;
	text-align: center;
	width: 30%;
}

section#newspaper #festivals li:first-of-type {
	margin-left: 0 !important;
}

section#newspaper #festivals li:last-of-type {
	margin-right: 0 !important;
}

section#newspaper #festivals li a {
	display: block;
	font-family: 'proximanova', sans-serif;
	font-size: 1.6vw;
	font-weight: 500;
	letter-spacing: .15vw;
	margin: 1.6vw 0;
	text-transform: uppercase;
}

section#newspaper #festivals li em {
	display: block;
	font-family: "lft-etica-sheriff-italic";
	font-size: 1.4vw;
	letter-spacing: .02vw;
}

section#newspaper #festivals li em:first-child::before {
	display: block;
	color: #E6CFA1;
	content: '\2605';
	font-family: "lft-etica-sheriff-regular";
	font-size: 1.6vw;
	padding-bottom: 1.4vw;
}

/* @end */




/* @group FOOTER */

footer span#tagline {
	color: #6A594C;
	font-family: 'proximanova', sans-serif;
	font-size: 1vw;
	font-weight: bold;
	opacity: .75;
	text-transform: uppercase;
}

a#logo-brainandbrain {
	background: url('https://visitwoodennickel.com/images/logo_brainandbrain.svg') no-repeat 0 0;
	background-size: 18vw auto;
	background-position: center 3px;
	display: block;
	height: 12vw;
	margin: 0 auto;
	margin-top: 1.1vw;
	width: 18vw;
}

a#logo-brainandbrain:hover,
a#logo-brainandbrain.hover {
	background-position: center 0;
	color: white;
}

/* @end */




/* @group ERROR PAGE */

img.header-error {
	padding-top: 2vw !important;
}

section.error h1 {
	margin: 0 auto;
	text-align: center;
	text-transform: none;
	width: 100%;
}

section.error a {
	color: #D9916C;
}

section.error a:hover {
	color: #EDA877;
}

section.error #columns {
	background-image: none !important;
	padding: 0 !important;
}

section.error #columns #column-right {
	display: block !important;
	float: none !important;
	margin: 0 auto !important;
	padding-top: 0 !important;
}

section.error #newsletter {
	margin: 0 auto !important;
}

/* @end */




/* @group MEDIA QUERIES */

/* Landscape iPhone SE */

@media only screen 
and (max-width : 568px) {
	
	section#newspaper > div {
		width: 75%;
	}
	
	section#newspaper #intro p:first-child:first-letter {
	  font-size: 6.6vw;
	  line-height: 6.4vw;
	  padding-right: 1vw;
	  padding-bottom: 0;
	}
	
	#newsletter input.email {
		min-width: initial;
		padding: 0 3vw;
	}
}

@media only screen 
and (max-width : 568px)
and (orientation : portrait) {
	
	section#newspaper #newsletter {
		line-height: 6vw;
	}
	
}

/* @end */