/*
Theme Name: Wayfarers Comic
Author: Hannah Small
Author URI: http://hannahsmall.com/
Description: Starter child theme for the required+ Foundation parent theme.
Template: required-foundation
Text Domain: requiredstarter
*/

/*
	Make the template work
*/
@import url(../required-foundation/style.css);
body { background-color: #001621;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1;
	color: #ffffff;
	position: relative;
	-webkit-font-smoothing: antialiased;
	}
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #ffffff;}

#site-title { font-weight: 600; }

.required-header .inline-list {
	margin-top: 14px;
	}

.logo {
	width: 250px;
	}
	
.pull_quote {
	font-size: 48px;
	line-heigth: 1.5;
	color: #2f6684;
	text-align: center;
	margin-top: 30px;
	}
	
.pitch_blurb {
	font-size: 21px;
	line-heigth: 1.5;
	color: #ffffff;
	text-align: center;
	margin-bottom: 30px;
	}	
	
.pitch_blurb p {
	margin-bottom: 20px;
	text-align: justify;
	font-size: 20px;
	}

.cta h3 {
	text-align: center;
	margin-top: 20px;
	}
.character-image {
	margin-bottom: 25px;
	}
.entry-title {
	margin-bottom: 40px;
	margin-top: 40px;
	}
.character-blurb {
	margin-bottom: 25px;
	}
.character-blurb p{
	margin-bottom: 15px;
	}
/* The Grid ---------------------- */
.row { width: 1600px; max-width: 100%; min-width: 320px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

img { height: auto; }

img, object, embed { max-width: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }


/*nav*/
.nav-bar {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 0;
	display: block;
	font-style: italic;
	font-size: 14px;
}
.nav-bar > li { float: right; display: block; position: relative; padding: 0; margin: 0; line-height: 50px; text-align: center;}
.nav-bar > li:first-child {  }
.nav-bar > li:last-child { }
.nav-bar > li.active {
	color: #ffffff;
}
.nav-bar > li.active > a {
	color: #ffffff;
	cursor: default;
}
.nav-bar > li.active:hover {
	cursor: default;
	color: #ffffff;
}
.nav-bar > li:hover {
	color: #ffffff;
}
.nav-bar > li > a {
	color: #ffffff;
}
.nav-bar > li ul { margin-bottom: 0; }
.nav-bar > li .flyout { display: none; }
.nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; }
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #ffffff transparent transparent transparent; position: absolute; right: 20px; top: 17px; }
.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; }
.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #ffffff; }
.nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; }
.nav-bar > li > input { margin: 0 10px; }
.nav-bar.vertical { height: auto; margin-top: 0; }
.nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #ffffff; }
.nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #ffffff; }
.nav-bar.vertical > li .flyout { left: 100%; top: -1px; }
.nav-bar.vertical > li .flyout.right { left: auto; right: 100%; }
.nav-bar.vertical > li.active { border-right: solid 1px #ffffff; }
.nav-bar.vertical > li:last-child { border-bottom: solid 1px #ffffff; }

.flyout { background: none; padding: 20px; margin: 0; border: 1px solid #ffffff; position: absolute; top: 39px; left: -1px; width: 250px; z-index: 40; /* remove margin on any first-child element */ /* remove margin on last element */ }
.flyout p { line-height: 1.2; font-size: 13px; }
.flyout *:first-child { margin-top: 0; }
.flyout *:last-child { margin-bottom: 0; }
.flyout.small { width: 166.66667px; }
.flyout.large { width: 437.5px; }
.flyout.right { left: auto; right: -2px; }
.flyout.left { right: auto; left: -2px; }
.flyout.up { top: auto; bottom: 39px; }

ul.flyout, .nav-bar li ul { padding: 0; list-style: none; }
ul.flyout li, .nav-bar li ul li { border-left: solid 3px #ffffff; }
ul.flyout li a, .nav-bar li ul li a { text-align: left; background: #ffffff; border: 1px solid #ffffff; border-width: 1px 1px 0 0; color: #444444; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; }
ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { background: #ffffff; color: #0080db; }
ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #ffffff; border-left: 4px solid #ffffff; }
ul.flyout li.active a, .nav-bar li ul li.active a { background: #ffffff; border: none; color: #0080db; height: auto; margin: 0; position: static; top: 0; }