/*
Theme Name: Noisewitch
Theme URI: http://thisisstar.com
Author: Star St. Germain and Jamaica Dyer
Author URI: http://thisisstar.com/
Description: Custom theme for Kim Boekbinder
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Noisewitch
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Noisewitch is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

<meta name="google-site-verification" content="r_jTIS03NqZxqo46Ph5koLbAyDeBPpsPL1z-tvwHe90" />
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/




/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: "arial";
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
li {
list-style-type: none;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
article a, article a:visited {
color:#FB1586!important;
}
ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: none; color: #000;
}

a:hover,
a:link,
a:visited,
a:active {
	outline: 0; color: #000;
}

a img {
	border: 0;
}

.center {
text-align: center;
margin: 0 auto;
}

#main {
overflow:hidden;
}
/*--------------------------------------------------------------
Fonts
--------------------------------------------------------------*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 26, 2015 */



@font-face {
    font-family: 'strangelove';
    src: url('/WP/wp-content/themes/noisewitch/fonts/strangelove_next_wide-webfont.eot');
    src: url('/WP/wp-content/themes/noisewitch/fonts/strangelove_next_wide-webfont?#iefix') format('embedded-opentype'),
         url('/WP/wp-content/themes/noisewitch/fonts/strangelove_next_wide-webfont.woff2') format('woff2'),
         url('/WP/wp-content/themes/noisewitch/fonts/strangelove_next_wide-webfont.woff') format('woff'),
         url('/WP/wp-content/themes/noisewitch/fonts/strangelove_next_wide-webfont.ttf') format('truetype'),
         url('/WP/wp-content/themes/noisewitch/fonts/strangelove_next_wide-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'entypo';
    src: url('/WP/wp-content/themes/noisewitch/fonts/entypo-social.eot');
    src: url('/WP/wp-content/themes/noisewitch/fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
         url('/WP/wp-content/themes/noisewitch/fonts/entypo-social.woff') format('woff'),
         url('/WP/wp-content/themes/noisewitch/fonts/entypo-social.ttf') format('truetype'),
         url('/WP/wp-content/themes/noisewitch/fonts/entypo-social.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo';
}





/*--------------------------------------------------------------
New Styling
--------------------------------------------------------------*/

h1 {
font-size: 30px;
color: #000;
}

.writing h1, .listen h1 {
font-size: 35px;
color: #FB1586;
padding: 20px 0;
}

.writing h3 {
text-align: left;
}

.writing p {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.listen {
background: #222;
padding: 10px 0 50px;
}

.post-container {
height: auto;
margin: 20px auto;
padding: 10px 0;
}

.form-allowed-tags {
display: none;
}

h1 a { text-decoration: none;
color: #000; padding-bottom: 0px;
}

img.left { float: left; 
margin: 0px 10px 0px 0px;
}
#mc_embed_signup form {
padding: 0;
}
#mc_embed_signup input.button {
margin: 0 auto!important;
width: 58%!important;
background: #ea0076;
border-radius: 0;
}
#mc_embed_signup input.email {
margin: 10px auto!important;
}
.home section.mailchimp, section.mailchimp {
padding: 20px 0 30px;
background: #000;
}
section.mailchimp h1 {
color: #fff;
}
.home section.intro-description, #menu {
position: relative;
z-index: 100;
}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.footer-container{
	padding: 0px;
	width: 100%;
	margin: 0px auto;
	background: #000;
}

.footer-container h1 {
	color: #fff;
}

.footer-container p {
 	font-weight: 400;
	text-transform: uppercase;
	color: #EA0076;
	font-size: 16px;
	text-align:center;
}


footer input[type="text"], footer input[type="email"], footer textarea  {	
	font-weight: 400;
	color: #fff;
	font-size: 12px;
	padding: 10px;
	text-transform: uppercase;
    background: none repeat scroll transparent;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 0;
}

.footer-credits-container {
	background: #ea0076;
	width: 100%;
	color: #fff;
	padding: 1px;
	margin: 0;
	text-align:center;
}

.footer-credits {
	width: 90%;
	max-width: 850px;
	height: auto;
	margin: 20px auto;
	padding: 5px 0 0;
	text-align: center;
}


.footer-copyright {
	float: left;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
}

.footer-social {
	float: right;
	font-size: 14px;
	color: #fff;
}


.footer-social ul {
	list-style: none;
	margin: 0;
}

.footer-social li {
	float: right;
	position: relative;
	color: #fff;
	padding: 0 0 0 24px;
	line-height: 19px;
}

.footer-social li a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}

.entypo-facebook:before{ content:'\F30C'; font-size: 24px; }

.entypo-twitter:before{ content:'\F309'; font-size: 24px; }

.entypo-pinterest:before{ content:'\F312'; font-size: 24px; }

.entypo-instagram:before{ content:'\F32D'; font-size: 24px; }

.entypo-linkedin:before{ content:'\F318'; font-size: 24px }

.footer-social {
	font-size: 14px;
	color: #fff;
}

.footer-social ul {
	list-style: none;
	margin: 0;
}

.footer-social li {
	float: left;
	position: relative;
	color: #fff;
	padding: 0 15px 0 0;
	line-height: 19px;
}

.footer-social li a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}


.thisismyurl-easy-recent-posts {
	list-style: none;
	margin: 0;
	text-align: left;
}

.thisismyurl-easy-recent-posts .title {
	text-decoration: underline;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
}



blockquote {
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
font-family: "freight-big-pro";
font-weight: 500;
font-size: 20px;
}

blockquote:before {
  color: #ea0076;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote:after {
color: #ea0076;
content: close-quote;
font-size: 4em;
line-height: 0.75em;
margin-left: 0.25em;
vertical-align: -0.4em;
text-align: right;
float: right;
}

blockquote p {
  display: inline;
font-size: 24px;
}

.quote cite {
float:right;
margin: 0 1.5em;
text-transform: uppercase;
letter-spacing: 2px;
font-style: normal;
font-size: 14px;
clear:both;
}

.quote {
margin:70px 0;
clear:both;
}

.footer-right .quote:nth-of-type(1), .footer-right .quote:nth-of-type(2) {
display: none;
}
.footer-left .quote:nth-of-type(3), .footer-left .quote:nth-of-type(4) {
display: none;
}

.readMore {
  font-family: 'strangelove', strangelove, sans-serif;
  text-transform: uppercase;
  float: right;
  background: #FFFE54;
  padding: 1%;
  height: 26px;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
font-style: normal;
font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	font-family: "arial",sans-serif;
	font-style: normal;
}
h1 { font-size: 3.3em; }
h2 { font-size: 0.90em; }
h3 { font-size: 2.17em; }
h4 { font-size: 0.70em; }
h5 { font-size: 1.83em; }
h6 { font-size: 0.65em; }

h1, h3, h5, h1 a, h3 a, h5 a{
	clear: both;
	font-style: normal;
	font-weight: normal;
-webkit-text-stroke: 1.5px;
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  color: black;
	font-size: 24px;
	text-transform: uppercase;
	margin: 20px 0;
	text-align: center;
	font-family: 'strangelove', strangelove, sans-serif;
	letter-spacing: 1px;
}

h1 + h2, header + h2 {
margin: -10px 0 20px;
}


h2,
h4,
h6 {
	clear: both;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 20px 0;
	text-align: center;
}


p {
	margin-bottom: 1.5em;
font-size: 18px;
line-height: 26px;
}

b,
strong {
	font-weight: 600;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}
ul.writing {
margin: 5% 2% 1% 5%;
}
.description-center {
text-align: center;
font-size: 12px;
}

.line {
    width: 15%;
    min-width: 100px;
    border-bottom: 2px solid #3d9cb8;
    margin: 20px auto;
}

.trio {
text-align: left;
}

.trio h2 {
text-align: left;
padding: 5px 0;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 10px;
}

.trio h6 { 
text-align: left;
}

.trio .line-left {
margin: 0;
}

.line-left {
float: left;
width: 5%;
border-bottom: 2px solid #3d9cb8;
min-width: 50px;
margin: 0 0 20px;
}

.trio p {
margin: 10px 0;
font-size: 11px;
padding-right: 30%;
}

.container-space {
    margin: 100px 0 15px;
    text-align: center;
}

.footer credits .col-md-4 {
padding: 100px;
}

.footer-credits .col-md-4 h2 {
  color: #fff;
  text-align: left;
}

.footer-credits .col-md-4 p {
  color: #fff;
  text-align: left;
  font-size: 11px;
  padding-right: 30%;
}



/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	float: none;
	margin: 0 auto 20px;
	position: relative;
	border: 0;
	background: #FB1586;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	line-height: 1;
	padding: 18px 100px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: "arial";
	font-weight: 500;
	color: #fff;
	width: 40%;
}
#comments .form-submit {
text-align: center;
}
footer textarea:focus, footer input:focus {
    color: #000;
}

textarea:focus, input:focus {
    color: #000;
}

input, select, textarea{
    outline: none;
    box-shadow:none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #000;
	color: #000;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #000;
}

footer button:hover,
footer input[type="button"]:hover,
footer input[type="reset"]:hover,
footer input[type="submit"]:hover {
	border-color: #fff;
	color: #fff;
}

footer button:focus,
footer input[type="button"]:focus,
footer input[type="reset"]:focus,
footer input[type="submit"]:focus,
footer button:active,
footer input[type="button"]:active,
footer input[type="reset"]:active,
footer input[type="submit"]:active {
	border-color: #fff;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

.socialNav {
  padding: 10px 0 0;
  right: 0;
  top: 0;
  position: absolute;
}


.socialNav ul {
	list-style: none;
	margin: 0;
	padding: 10px;
}

.socialNav li {
	float: right;
	padding: 0 12px 0;
	position: relative;
}

.socialNav a {
	display: block;
	color: #ea0076;
	text-decoration: none;
	font-size: 20px;
	font-family: "entypo",sans-serif;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #000;
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

#menu {
	display: block;
	width: 100%;
	background: #FB1586;
	margin: 0 auto;
}


.main-navigation {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}


.main-navigation ul {
	list-style: none;
	margin: 0 auto;
	padding: 10px 0 30px;
}

.main-navigation li {
	float: left;
	position: relative;
	padding-right: 30px;
}

.main-navigation a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-previous a, .nav-next a {
color: #FB1586;
font-weight: 500;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 15px auto;
	text-align: center;
}

.alignauto {
    display: block;
    margin-left: auto;
    margin-right: auto }
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear { clear: both;
}



.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

#tribe-events-content h2 {
    font-weight: 600;
}

#tribe-events-content h3 {
    text-align: center;
}
.entry-title, .entry-title a, .entry-title a:visited {
    font-weight: 600;
  font-size: 35px;
  letter-spacing: 2px;
color: #000!important;
}
.entry-meta {
text-align: center;
color: #FB1586;
margin-bottom: 20px;
}
.single .entry-title {
margin-bottom: 0px;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/

.gallery {
margin-bottom: 1.5em;
max-width: 80%;
text-align: center;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 5px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.header-bg img {
width: 100%;
}
.header-bg .header-top, .header-bg .right-hand, .header-bg .left-hand, .symbols {
position: absolute;
}
.header-bg .header-top, .header-bg .symbols {
top: 0;
width: 100%;
}
.header-bg .header-top {
height: 70px;
  z-index: 100;
  padding: 15px 1%;
}
.header-bg .header-top .kb {
left: 0;
width: 8%;
}
.header-bg .right-hand, .header-bg .left-hand {
bottom: -5%;
}
.header-bg .right-hand {
right: 5%;
width: 30%;
}
.header-bg .left-hand {
  left: 5%;
  width: 30%;
}
.header-title {
margin: 0;
width: 100%;
text-align: center;
position: relative;
padding: 0;
border: 0;
}

.max-width {
width: 90%;
max-width: 850px;
margin: 0 auto;
}

.home section {
padding: 60px 0 0;
background: #000;
color:#fff;
margin: 0;
text-align: center;
overflow:hidden;
}

.home section h1 {
color: #fff;
}

h2.tagline {
color: #fff;
font-size: 22px;
margin-top:10px;
letter-spacing: 5px;
}

#map {
width: 100%;
height: 400px;
}
#map img {
max-width: none;
}
.gallery-item img {
width: 100%;
max-width: none;
}

span.wpcf7-form-control-wrap input {
margin-bottom: 20px;
}

.main-logo {
width: 70%;
margin: 0 auto;
max-width: 600px;
}

.huge {
font-size: 24px;
line-height: 28px;
}
.mission-control {
position: relative;
}
.mission-link {
text-align: center;
  background: #000;
  opacity: 0.6;
  position: absolute;
  width: 80%;
max-width: 850px;
  top: 30%;
  margin: 0 auto;
  left: 10%;
  right: 10%;
  height: 35%;
}
.mission-link a {
color: #fff;
font-size: 50px;
color: #fff;
  font-size: 50px;
  position: absolute;
  left: 0;
  right: 0;
  top: 15%;
letter-spacing: 2px;
}
/*--------------------------------------------------------------
Flexslider
--------------------------------------------------------------*/

.flex-container {
	width: 99%;
	height: auto;
	margin: 20px auto;
	padding: 1%;
	overflow: hidden;
}

ul.slides {
list-style: none;
padding: 0;
margin: 0;
}


.slides li {
display: block;
float: left;
width: 25%;
}

.flex-featured {
	padding: 0;
	margin: 10px;
}


.flex-featured img {
	padding: 0;
	width: 100%;
	height: 100%;
}

.flex-featured h5 {
	margin: 0;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
}

.flex-featured h6 {
	margin: 5px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.flex-featured h5 a {
	clear: both;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0;
	padding: 2px;
}

.flex-featured h6 a {
	clear: both;
	font-weight: 400;
	color: #666;
	letter-spacing: 1px;
	text-transform: none;
	margin: 20px 0;
	text-align: left;
	font-style: italic;
}

.flex-featured h2 a {
text-overflow: ellipsis;
}
/*
==============================================
blog
==============================================
*/

.blog .loop-section {
margin-top: 50px;
}
/*--------------------------------------------------------------
Portfolio Post
--------------------------------------------------------------*/

.role-desc {
font-size: 12px;
color: #ea0076;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
text-align: right;
}

#sb_instagram {
margin: 0 auto -4px!important;
text-align: center;
}

/*--------------------------------------------------------------
Bootstrap Overrides
--------------------------------------------------------------*/
.post-container .row {
margin-top: 20px;
margin-bottom: 20px;
}

footer .post-container .row {
margin-top:0;
margin-bottom: 0;
}
section.video {
padding: 0;
}
.video .row, .video .col-lg-4 {
margin: 0;
padding: 0;
}

/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

/*
==============================================
hatch
==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 0.8s;	
	-webkit-animation-duration: 0.8s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}
/*
==============================================
pulse
==============================================
*/

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}
/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
	.mission-link a {
		font-size: 18px;
		top:0;
		margin: 3%;
	}
}