@import url("//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css");
@import url("//hello.myfonts.net/count/2f81dc");

/*
	Theme Name: BitS Theme
	Theme URI: http:bachinthesubways.org
	Description: Official site of Bach in the Subways.
	Author: Ben Upham
	Author URI: http://www.benupham.com/

	Version: 1.0.0

	Template: genesis
	Template Version: 2.1

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/


/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
		- Buttons
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- Avatar
		- Genesis
		- Search Form
		- Titles
		- WordPress
	- Widgets
	- Plugins
		- Genesis eNews Extended
		- Jetpack
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Primary Navigation
		- Secondary Navigation
		- Footer Navigation
		- Responsive Menu
	- Content Area
		- Front Page
		- Dashicons
		- Flexible Widgets
		- Content
		- Entries
		- Entry Meta
		- After Entry
		- Pagination
		- Content Boxes
		- Comments
	- Sidebar
	- Footer Widgets
	- Site Footer
	- Media Queries
		- Max-width: 1280px
		- Max-width: 1200px
		- Max-width: 1023px
		- Max-width: 800px
		- Max-width: 480px

*/


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */


/* Baseline Normalize
	normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

a {
	background: transparent
}

a:focus {
	outline: thin dotted
}

a:active,
a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
	font-size: 80%
}

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

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}


/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */


/* Typographical Elements
--------------------------------------------- */

html:lang(ja) body * {
	font-family: 'MS Gothic', san-serif !important;
}

body {
	background-color: transparent;
	color: #000;
	font-family: "Ek Mukta", sans-serif;
	font-size: 20px;
	font-weight: 200;
	line-height: normal !important;
	-webkit-font-smoothing: antialiased;
}

body.home {
	background: #000;
}

a,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.site-header.dark {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

::-moz-selection {
	background-color: #000;
	color: #fff;
}

::selection {
	background-color: #000;
	color: #fff;
}

a {
	color: #22a1c4;
	text-decoration: none;
}

a:hover {
	color: #000;
}

p {
	margin: 0 0 30px;
	padding: 0;
	line-height: normal;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

b,
strong {
	font-weight: 800;
}

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

blockquote {
	color: #999;
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}


/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Ek Mukta", sans-serif;
	font-weight: 200;
	line-height: 1.2;
	margin: 0 0 20px;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 32px;
}

.image-section h2,
.solid-section h2 {
	font-size: 80px;
	font-weight: 200;
	line-height: 1;
}

.front-page-2.solid-section h2 {
	font-size: 48px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

.image-section h4,
.solid-section h4 {
	font-size: 1.4em;
	font-weight: 800;
	letter-spacing: 3px;
	text-transform: uppercase;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}


/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object /*,
video,*/
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.full-width-content img.pull-left {
	float: left;
	margin: 0 40px 40px -200px;
}

.full-width-content img.pull-right {
	float: right;
	margin: 0 -200px 40px 40px;
}

.featured-content img,
.gallery img {
	width: auto;
}


/* Gallery
--------------------------------------------- */

.gallery {
	margin-bottom: 28px;
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0;
	padding: 0 4px;
	text-align: center;
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery .gallery-item img {
	border: none;
	height: auto;
	margin: 0;
}


/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	color: #000;
	font-size: 16px;
	font-weight: 200;
	padding: 5px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

.front-page input:focus,
.front-page textarea:focus {
	border: 1px solid #22a1c4;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #000;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #000;
}

button,
input[type="button"],
input[type="reset"],
/* input[type="submit"], */
.button,
.widget .button {
	background-color: #000000;
	border: 3px solid #000000;
	border-radius: 0;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 2px;
	padding: 15px 25px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	white-space: normal;
	width: auto;
	margin: 20px;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button.clear:hover,
.button:hover,
.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .widget .button,
.widget .button:hover,
.widget .button.clear:hover {
	background-color: #000;
	border: 3px solid #000;
	color: #fff;
}

.button {
	display: inline-block;
}

.widget .button.clear {
	background-color: transparent;
	border: 3px solid #000;
	color: #000;
}

button:disabled,
button:disabled:hover,
input:disabled,
input:disabled:hover,
input[type="button"]:disabled,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled,
input[type="reset"]:disabled:hover,
input[type="submit"]:disabled,
input[type="submit"]:disabled:hover {
	background-color: #ddd;
	border-color: #ddd;
	cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}


/* Buttons
--------------------------------------------- */

.image-section .button {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
}

.image-section .button.clear {
	border-color: #fff;
	color: #fff;
}

.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .widget .button:hover,
.image-section button:hover,
.image-section input:hover[type="button"],
.image-section input:hover[type="reset"],
.image-section input:hover[type="submit"],
.image-section .widget .button:hover {
	background-color: #fff;
	border: 3px solid #000;
	color: #000;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */


/* Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	float: none;
	margin: 0 auto;
	max-width: 1200px;
}

.site-inner {
	background-color: transparent;
	clear: both;
	margin-top: 170px;
	position: relative;
	z-index: 9;
	-word-wrap: break-word;
}

.front-page .site-container .site-inner {
	margin-top: 0;
	max-width: 100%;
}

.bits-landing .site-container .site-inner {
	margin-top: 100px;
}

.secondary-nav .site-inner {
	margin-top: 250px;
}


/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */


/* Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.author-box .avatar {
	height: 88px;
	width: 88px;
}

.entry-comments .avatar {
	height: 60px;
	width: 60px;
}

.alignleft .avatar,
.author-box .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.comment .avatar {
	margin: 0 20px 24px 0;
}


/* Genesis
--------------------------------------------- */

.breadcrumb {
	border-bottom: 2px solid #f5f5f5;
	font-size: 20px;
	margin-bottom: 60px;
	padding-bottom: 10px;
}

.archive-description,
.author-box {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-size: 20px;
	margin-bottom: 100px;
	padding: 40px 0;
}

.author-box-title {
	font-size: 22px;
	margin-bottom: 8px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}


/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.search-form input[type="search"] {
	margin-right: 10px;
	width: auto;
}

.search-form input[type="submit"] {
	padding: 25px;
}

.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}


/* Titles
--------------------------------------------- */

.archive-title {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 20px;
}

.entry-title {
	font-size: 48px;
}

.sidebar .entry-title {
	font-size: 24px;
	text-align: left;
}

.entry-title a {
	color: #000;
}

.entry-title a:hover {
	color: #22a1c4;
}

.widget-full .widget-title {
	margin-bottom: 40px;
}


/* WordPress
--------------------------------------------- */

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

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

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

a.alignnone {
	display: inline-block;
}

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.post-password-form input {
	width: auto;
}

.post-password-form input[type="submit"] {
	padding: 25px;
}


/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}


/* Featured Content
--------------------------------------------- */

.featured-content .entry-title {
	font-size: 24px;
}


/* Simple Social Icons
--------------------------------------------- */

.bits-home .content .simple-social-icons {
	margin-top: 40px;
}

.bits-home .content .simple-social-icons ul li {
	margin: 0 20px !important;
}

.bits-home .content .simple-social-icons ul li a,
.bits-home .content .simple-social-icons ul li a:hover {
	padding: 30px;
}


/*
Plugins
---------------------------------------------------------------------------------------------------- */


/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget input {
	font-size: 18px;
	margin-bottom: 20px;
}

.enews-widget input[type="submit"] {
	margin: 0;
	width: 100%;
}

.enews form + p {
	margin-top: 24px;
}


/* Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


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

.site-header {
	background-color: #000;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.home .site-header {
	background-color: transparent;
}

.home .site-header > .wrap {
	border-bottom: 1px solid #fff;
}

.site-header.dark {
	background-color: #000;
}

.site-header.dark > .wrap {
	border-bottom: none;
}

.site-header.dark .nav-secondary {
	display: none;
}

.admin-bar.front-page .site-header {
	top: 32px;
}


/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 25px 0;
	width: 360px;
}

.site-header.dark .title-area {
	padding: 15px 0;
}

.site-title {
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 2px;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
	color: #fff !important;
}

.header-image .title-area,
.header-image .site-header.dark .title-area {
	padding: 0;
}

.header-image .site-title > a {
	background-size: contain !important;
	display: block;
	height: 76px;
	text-indent: -9999px;
}

.header-image .dark .site-title > a {
	height: 56px;
}

.site-description {
	display: block;
	height: 0;
	margin-bottom: 0;
	text-indent: -9999px;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	line-height: 1;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.genesis-nav-menu li li {
	margin-left: 0;
}

.genesis-nav-menu a {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 0;
	padding: 30px 15px;
	text-transform: uppercase;
	font-family: 'HelveticaLTStd-Light', Arial, sans-serif;
}
.genesis-nav-menu a:hover {
	color: #fff;
}

.site-header.dark .genesis-nav-menu a {
	padding: 20px 15px;
}

.genesis-nav-menu li.highlight a:hover::before {
	color: #fff;
}

.genesis-nav-menu li.highlight > a {
	font-weight: 800;
}

.front-page .genesis-nav-menu li.current-menu-item > a,
.genesis-nav-menu > li > a {
	border-bottom: 2px solid transparent;
}

.front-page .genesis-nav-menu li.current-menu-item > a:hover,
.genesis-nav-menu li.current-menu-item > a,
.genesis-nav-menu > li > a:hover {
	border-color: #fff;
}

.genesis-nav-menu > .menu-item > a {
	text-transform: uppercase;
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	letter-spacing: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #111;
	padding: 20px;
	position: relative;
	width: 200px;
}

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu li.current-menu-item > a {
	background-color: #222;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -54px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	color: #fff;
	display: inline-block;
	list-style-type: none;
	padding: 27px 20px;
	text-transform: uppercase;
}

.genesis-nav-menu > .right > a {
	display: inline;
	padding: 0;
}

.genesis-nav-menu > .rss > a {
	margin-left: 48px;
}

.genesis-nav-menu > .search {
	display: block;
	margin: 0 auto;
	padding: 0 20px 20px;
	width: 50%;
}


/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	text-align: center;
}

.nav-primary .genesis-nav-menu {
	float: right;
}


/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	border-bottom: 1px solid #fff;
}


/* Footer Navigation
--------------------------------------------- */

.nav-footer .genesis-nav-menu {
	padding: 20px 0;
}

.nav-footer .genesis-nav-menu a {
	border: none;
	font-weight: 800;
	letter-spacing: 3px;
	margin: 0 20px;
	padding: 0;
}


/* Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
	cursor: pointer;
	display: none;
	margin-bottom: 10px;
	text-align: center;
}

.responsive-menu-icon::before {
	color: #fff;
	content: "\f333";
	font: normal 24px/1 "dashicons";
	margin: 0 auto;
}

.nav-secondary .responsive-menu-icon {
	margin: 10px auto 0;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */


/* Front Page
--------------------------------------------- */

.image-section,
.solid-section {
	clear: both;
	text-align: center;
	width: 100%;
}

.image-section {
	/* background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );  */
	display: table;
	overflow: hidden;
	table-layout: fixed;
	width: 100%;
}

.image-section .widget-area {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.image-section,
.image-section a {
	/* border-bottom: 5px solid #A58F1E; */
	color: white;
}

.image-section a:hover,
.image-section .featured-content .entry-title a:hover {
	color: #22a1c4;
}

.solid-section {
	background-color: #fff;
}

.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
/* 	border-top: 54px solid transparent; */
/* 	margin-top: -54px; */
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	position: relative;
	z-index: 9;
}

.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {
	/* background-attachment: fixed; */
	background-color: #fff;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.front-page-1 {
	position: relative;
}

.front-page-1 .image-section {
	padding-top: 75px;
	border-top: none;
}

.secondary-nav .front-page-1 .image-section {
	padding-top: 150px;
}


/*.front-page-4 .solid-section {
	background-color: #f3f3f3;
}
*/

.bottom-image {
	margin-bottom: -120px;
	margin-top: 100px;
}

.bottom-image img {
	margin-bottom: -10px;
}

.front-page .field-wrap:last-child {
	margin-bottom: 0;
}

.small-disclaimer {
	font-size: 14px;
	font-style: italic;
}


/* Dashicons
--------------------------------------------- */

.front-page .dashicons {
	font-size: 40px;
	height: 40px;
	margin-bottom: 20px;
	width: 40px;
}


/* Flexible Widgets
--------------------------------------------- */

.flexible-widgets {
	padding-bottom: 80px;
	padding-top: 80px;
}

.flexible-widgets .widget {
	float: left;
	margin: 0 0 40px 2.564102564102564%;
}

.flexible-widgets.widget-full .widget,
.flexible-widgets.widget-area .widget:nth-of-type(1),
.flexible-widgets.widget-halves.uneven .widget:last-of-type {
	background: none;
	margin-left: 0;
	padding: 0;
	width: 100%;
}

.widget-area.flexible-widgets.widget-half .widget,
.flexible-widgets.widget-halves .widget {
	width: 48.717948717948715%;
}

.flexible-widgets.widget-thirds .widget {
	width: 31.623931623931625%;
}

.flexible-widgets.widget-fourths .widget {
	width: 23.076923076923077%;
}

.flexible-widgets.widget-halves .widget:nth-child(even),
.flexible-widgets.widget-thirds .widget:nth-child(3n+2),
.flexible-widgets.widget-fourths .widget:nth-child(4n+2) {
	clear: left;
	margin-left: 0;
}

.solid-section .widget {
	background-color: #fff;
	padding: 40px;
}

.solid-section .widget-title {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.flexible-widgets.widget-halves h2,
.flexible-widgets.widget-thirds h2,
.flexible-widgets.widget-fourths h2 {
	font-size: 36px;
}


/* Content
--------------------------------------------- */

.content {
	float: left;
	
}

.page .content {
	padding-bottom: 50px;
}

.sidebar-content .content {
	float: right;
}

.full-width-content .content {
	padding: 0 200px 50px;
	width: 100%;
}

.full-width-content.front-page .content {
	padding: 0;
}


/* Entries
--------------------------------------------- */

.entry {
	margin-bottom: 100px;
}

.widget .entry {
	margin-bottom: 40px;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 30px;
	margin-left: 40px;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #000;
	color: #ddd;
}


/* Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 20px;
	margin-bottom: 0;
}

.entry-header,
.entry-footer {
	text-align: center;
}

.entry-header p.entry-meta {
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.image-section .entry-header::after {
	border-color: #fff;
}

.entry-footer::before {
	border-top: 1px solid #000;
	content: "";
	display: block;
	margin: 30px auto 0;
	padding-top: 60px;
	width: 25%;
}

.sidebar .entry-header::after {
	display: none;
}

.entry-categories::before,
.entry-tags::before {
	display: inline-block;
	font: normal 20px/1 "dashicons";
	margin-right: 5px;
	margin-top: 2px;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}


/* After Entry
--------------------------------------------- */

.after-entry {
	border-top: 1px solid #000;
	padding: 40px 0;
}

.after-entry .widget {
	margin-bottom: 40px;
}

.after-entry p:last-child,
.after-entry .widget:last-child {
	margin: 0;
}

.after-entry li {
	list-style-type: none;
}


/* Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #000;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 8px 12px;
	text-transform: uppercase;
}

.archive-pagination li a:hover,
.archive-pagination .active a {
	background-color: #22a1c4;
	color: #fff;
}


/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	margin-bottom: 100px;
}

p.comment-meta,
.entry-comments .comment,
.entry-comments .comment-reply {
	margin-bottom: 40px;
}

.comment-header {
	font-size: 20px;
}

.entry-comments .comment {
	border-bottom: 1px solid #000;
}

.comment-content,
.entry-comments .comment {
	clear: both;
}

p.form-submit,
.entry-comments .children .comment,
.entry-comments .comment-author {
	margin: 0;
}

.entry-comments .children .comment {
	border: none;
}

.comment-respond label {
	display: block;
	font-weight: 800;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 100%;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
}

.entry-comments ul.children {
	margin-left: 40px;
}

.ping-list .reply {
	display: none;
}


/*
Sidebar
---------------------------------------------------------------------------------------------------- */

.sidebar {
	display: none;
	float: right;
	width: 360px;
}

.sidebar-content .sidebar {
	float: left;
}

.sidebar p:last-child {
	margin-bottom: 0;
}

.sidebar li {
	list-style-type: none;
	margin-bottom: 6px;
	word-wrap: break-word;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	margin-bottom: 40px;
}


/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #22a1c4;
	clear: both;
	text-align: center;
	position: relative;
	z-index: 9;
}

.footer-widgets .wrap {
	padding-bottom: 100px;
	padding-top: 100px;
}

.footer-widgets,
.footer-widgets .wrap a,
.footer-widgets .wrap a.button {
	color: #fff;
}

.footer-widgets a:hover {
	color: #000;
}

.footer-widgets li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.footer-widgets .widget {
	margin-bottom: 40px;
}

.footer-widgets p:last-child {
	margin-bottom: 0;
}


/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #000;
	padding: 20px;
	text-align: center;
	position: relative;
	z-index: 100;
}

.site-footer,
.site-footer a,
.site-footer p {
	color: #fff;
}

.site-footer a:hover {
	color: #22a1c4;
}

.site-footer p {
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 0;
	text-transform: uppercase;
}


/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1280px) {
	.site-inner,
	.wrap {
		max-width: 1140px;
	}
}

@media only screen and (max-width: 1200px) {
	.site-inner,
	.wrap {
		max-width: 960px;
	}
	.title-area {
		width:300px;
	}
	.site-header .widget-area {
		width: 580px;
	}
	.content {
		width: 520px;
	}
	.full-width-content .content {
		padding: 0 110px;
	}
	.genesis-nav-menu a {
		padding: 30px 10px;
	}
	.site-header.dark .genesis-nav-menu a {
		padding: 20px 10px;
	}
	.front-page-1,
	.front-page-2,
	.front-page-3,
	.front-page-5,
	.front-page-7 {
		background-attachment: scroll;
	}
}

@media only screen and (max-width: 1023px) {
	.site-inner,
	.wrap {
		max-width: 768px;
	}
	.secondary-nav .site-inner {
		margin-top: 80px;
	}
	.front-page .site-inner {
		max-width: none;
	}
	.site-header {
		position: static;
	}
	.front-page .site-header {
		background-color: #000;
	}
	.front-page .site-header > .wrap {
		border: none;
	}
	.content,
	.sidebar,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}
	.site-header .title-area,
	.site-header.dark .title-area {
		padding: 15px 0;
	}
	.header-image .dark .site-title > a {
		height: 76px;
	}
	.genesis-nav-menu,
	.site-header .widget-area,
	.site-title {
		text-align: center;
	}
	.header-image .site-title > a {
		background-position: center !important;
	}
	.nav-primary .genesis-nav-menu {
		float: none;
	}
	.nav-secondary,
	.site-header.dark .nav-secondary {
		border-bottom: none;
		display: block;
	}
	.genesis-nav-menu a,
	.site-header.dark .genesis-nav-menu a {
		padding: 10px;
	}
	.front-page .site-inner {
		margin-top: 0;
	}
	.site-inner {
		margin-top: 80px;
	}
	.full-width-content .content {
		padding: 0;
	}
	.full-width-content img.pull-left {
		margin-left: 0;
	}
	.full-width-content img.pull-right {
		margin-right: 0;
	}
	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
	.flexible-widgets.widget-full .widget,
	.flexible-widgets.widget-halves .widget,
	.flexible-widgets.widget-thirds .widget,
	.flexible-widgets.widget-fourths .widget {
		margin: 0 auto 20px;
		width: 100%;
	}
	.image-section h2,
	.solid-section h2 {
		font-size: 60px;
	}
	.front-page-1 .image-section,
	.secondary-nav .front-page-1 .image-section {
		padding-top: 0;
	}
}

@media only screen and (max-width: 800px) {
	.site-inner,
	.wrap {
		max-width: none;
		width: 100%;
	}
	.site-inner,
	.wrap {
		padding: 0 5%;
	}
	.front-page .site-inner {
		padding: 0;
	}
	body.home {
		background: url(/wp-content/themes/bits/images/bits_video_still.jpg) #000 no-repeat center center fixed;
	}
	video#bgvid {
		display: none;
	}

	.genesis-nav-menu.responsive-menu {
		display: none;
		float: none;
		padding-bottom: 20px;
	}
	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}
	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}
	.genesis-nav-menu.responsive-menu li.current-menu-item > a,
	.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
	.genesis-nav-menu.responsive-menu li a,
	.genesis-nav-menu.responsive-menu li a:hover {
		background: none;
		border: none;
		display: block;
		padding: 10px 0;
		text-transform: none;
	}
	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;
	}
	.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
		margin-right: 60px;
	}
	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f347";
		float: right;
		font: normal 20px/1 "dashicons";
		height: 20px;
		padding: 7px 20px;
		right: 0;
		text-align: right;
		z-index: 9999;
	}
	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
	}
	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu {
		display: none;
	}
	.genesis-nav-menu.responsive-menu .sub-menu {
		background-color: rgba(255, 255, 255, 0.05);
		left: auto;
		opacity: 1;
		position: relative;
		-moz-transition: opacity .4s ease-in-out;
		-ms-transition: opacity .4s ease-in-out;
		-o-transition: opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition: opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
	}
	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		background-color: transparent;
		margin: 0;
		padding-left: 25px;
	}
	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		padding: 10px 0;
		position: relative;
		text-transform: none;
		width: 100%;
	}
	.genesis-nav-menu.responsive-menu .current-menu-item > a,
	.genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover,
	.genesis-nav-menu.responsive-menu > li.menu-item-has-children:hover > a,
	.genesis-nav-menu.responsive-menu a:hover {
		background: none;
	}
	.site-header .genesis-nav-menu.responsive-menu .current-menu-item > a,
	.site-header .genesis-nav-menu.responsive-menu .sub-menu li a,
	.site-header .genesis-nav-menu.responsive-menu .sub-menu li a:hover,
	.site-header .genesis-nav-menu.responsive-menu .sub-menu,
	.site-header .genesis-nav-menu.responsive-menu > .menu-item-has-children:before,
	.site-header .genesis-nav-menu.responsive-menu > li:hover > a,
	.site-header .genesis-nav-menu.responsive-menu a:hover {
		color: #fff;
	}
	.bits-home .simple-social-icons ul li {
		margin: 0 20px 20px !important;
	}
	.footer-widgets .wrap {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.front-page-2,
	.front-page-3,
	.front-page-4,
	.front-page-5,
	.front-page-6,
	.front-page-7 {
		border-top: 0;
		margin-top: 0;
	}
	.image-section .flexible-widgets {
		padding-bottom: 80px;
	}
	.solid-section .flexible-widgets {
		padding-bottom: 40px;
		padding-top: 60px;
	}
	.bottom-image {
		margin-top: 60px;
		margin-bottom: -80px;
	}
}

@media only screen and (max-width: 480px) {
	.image-section h2,
	.solid-section h2 {
		font-size: 40px;
	}
}


/*-----------ADDITIONAL STYLING FOR BACH IN THE SUBWAYS-----------------------------------*/


/**
 * @license
 * MyFonts Webfont Build ID 3113436, 2015-10-25T14:21:18-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaLT-Bold by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/helvetica/bold/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1985, 1987, 1989, 1990, 1997, 1998, 1999, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property 
 * Licensed pageviews: 500,000
 * 
 * Webfont: HelveticaLTStd-Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/helvetica/light/
 * Copyright: Copyright &#x00A9; 1985, 1987, 1988, 1994, 1999, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 1999, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3113436
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */


@font-face {
	font-family: 'HelveticaLT-Bold';
	src: url('webfonts/2F81DC_0_0.eot');
	src: url('webfonts/2F81DC_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2F81DC_0_0.woff2') format('woff2'), url('webfonts/2F81DC_0_0.woff') format('woff'), url('webfonts/2F81DC_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'HelveticaLTStd-Light';
	src: url('webfonts/2F81DC_1_0.eot');
	src: url('webfonts/2F81DC_1_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2F81DC_1_0.woff2') format('woff2'), url('webfonts/2F81DC_1_0.woff') format('woff'), url('webfonts/2F81DC_1_0.ttf') format('truetype');
}


/* TYPE ----------- */

@font-face {
	font-family: SectraBook;
	src: url(fonts/GT-Sectra-Book.woff);
}

@font-face {
	font-family: SectraMedium;
	src: url(fonts/GT-Sectra-Medium.woff);
}

@font-face {
	font-family: SectraBold;
	src: url(fonts/GT-Sectra-Bold.woff);
}

.genericon:before {
	content: '\f431';
}

body {
	color: #222;
}

body,
.about-title,
#bits-home-title,
#bits-home-subhed,
.about-us h3,
.widget,
.bits-serif,
.menu-secondary .menu-item a span {
	font-family: SectraBook, Georgia, "Times New Roman", Times, serif !important;
	text-rendering: optimizeLegibility;
	font-weight: normal;
}

.entry-content {
	font-size: 20px;
}

b,
strong {
	font-family: SectraBold;
	text-rendering: optimizeLegibility;
	font-weight: normal;
}

.widget {
	font-size: 25px;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
.genesis-nav-menu a,
.gfield_label,
.bits_registration_form .gf_list_3col .ginput_container label,
.gform_wrapper .bits_registration_form .gfield_description,
#empty-map-message,
textarea,
input,
button,
.button,
legend,
.bits-san-serif,
#signup-welcome h3,
h1.entry-title,
a.performance_backlink,
.infowindow,
.gform_wrapper .bits_registration_form .gfield_description,
.gform_wrapper .bits_registration_form select,
.gform_wrapper .bits_registration_form textarea,
.gform_wrapper .bits_registration_form input[type=text],
.gform_wrapper .bits_registration_form label,
.gform_wrapper .bits_registration_form .gfield_html,
.gform_wrapper .bits_registration_form .gsection_description,
.gform_wrapper .bits_registration_form input[name=input_35_other],
#loginform,
.information-page .entry-title,
.information-page h3,
.myperformances,
.myperformances > a,
.video-item div,
#bits_search_form_wrapper .form-control,
#bits_search_form_wrapper label,
.performance_result_wrapper h3,
h3.performance_title,
a.local-page-button,
.bits-table-wrap th,
.gallery-caption {
	font-family: 'HelveticaLTStd-Light', Arial, sans-serif;
	font-weight: normal;
}

button,
.widget .button,
.button,
.infowindow strong,
.infowindow_title,
.infowindow_address_name,
.performance_result_subtitle,
.gform_wrapper .bits_registration_form h3.gform_title,
.gform_wrapper .bits_registration_form label.gfield_label,
.gform_wrapper .bits_registration_form ul.gfield_checkbox li input[type=checkbox]:checked+label,
.gform_wrapper .bits_registration_form ul.gfield_radio li input[type=radio]:checked+label,
.validation_error,
.gform_wrapper h2.gsection_title,
.gfield_description b,
.gfield_description strong,
.gform_wrapper strong {
	font-family: 'HelveticaLT-Bold', Arial, sans-serif;
	font-weight: normal;
}

::-webkit-input-placeholder {
	font-family: 'HelveticaLTStd-Light', Arial, san-serif;
	color: #7b7b7b;
}

:-moz-placeholder {
	font-family: 'HelveticaLTStd-Light', Arial, san-serif;
	color: #7b7b7b;
}

::-moz-placeholder {
	font-family: 'HelveticaLTStd-Light', Arial, san-serif;
	color: #7b7b7b;
}

:-ms-input-placeholder {
	font-family: 'HelveticaLTStd-Light', Arial, san-serif;
	color: #7b7b7b;
}


/* --- NAVIGATION CHANGES ----*/

.not-front-page .site-header {
	position: relative;
}

.site-inner {
	margin-top: 25px;
}

.not-front-page li.current-menu-parent a,
.information-page .information-pages-parent-link a,
.information-page li.current-menu-parent.perform-menu:hover a{
	border-color: #fff;
}
.information-page li.current-menu-parent.perform-menu a {
	border-color: transparent;
}

/* fixing stupid stuff re: "CONTACT" */

.information-page #menu-item-5978 > a {
	border-color: transparent;
}

.information-page #menu-item-5978 > a:hover {
	border-color: white;
}


/*----BUTTONS, LINKS ETC-----*/
/* a {
	color: #7f1416 !important;
} */
a:hover {
	text-decoration: none !important;
}

a.button.white,
.widget a.button.white {
	background-color: transparent;
	color: #fff;
	border: 3px solid #fff;
}

a.button.accent-color,
.widget a.button.accent-color {
	background-color: transparent;
	color: #7f1416;
	border: 3px solid #7f1416;
}

a.button.white:hover,
.widget a.button.white:hover {
	background-color: #fff;
	color: #7f1416;
	border: 3px solid #fff;
}

a.button.accent-color:hover,
.widget a.button.accent-color:hover {
	background-color: #7f1416;
	color: #fff;
	border: 3px solid #7f1416;
}

#bits_header_buttons .button {
	margin: 10px 40px 0 0;
}

a.performance_backlink {
	text-transform: uppercase;
	position: relative;
	display: inline;
	font-size: 16px;
	top: 0;
	left: 0;
}

.warning-box {
	font-family: HelveticaLT-Bold, Helvetica, sans-serif;
	padding: 10px;
	color: #fff;
	background-color: grey;
	margin-top: 10px;
}
.warning-box h6 {
	font-family: HelveticaLT-Bold, Helvetica, sans-serif;
}
#localMessage .warning-box {
	font-family: 'HelveticaLTStd-Light', Arial, sans-serif;
	max-height: 250px;
	overflow: auto;
}
#localMessage .warning-box span.perf {
	padding: 5px 0 0 10px;
}
#localMessage .warning-box p {
}

.perform-buttons {
	display: flex;
	align-content: space-between;
	text-align: center;
}


/* some tab functionality */

.tabs-menu {
	width: 100%;
}

.tabs-menu li {
	width: 30%;
	display: inline-block;
}

.entry-content ul.tabs-menu {
	margin: 0;
}

.entry-content ul.tabs-menu > li {
	list-style-type: none;
}

.tabs-menu li.current {
	position: relative;
	background-color: #fff;
	z-index: 5;
}

.tabs-menu h4 {
	margin-bottom: 10px;
}

.tabs-menu a {
	color: #7b7b7b;
}

.tabs-menu .current a {
	color: #000;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}

.tab {
	margin-bottom: 20px;
	width: auto;
	border-left: 1px solid;
	margin: 10px 0 0 0;
	padding-left: 20px;
}

/* .tab-content {
	width: 100%;
	display: none;
	font-size: .85em;
} */

#tab-1 {
	display: block;
}


/* FRONT PAGE ---------------*/

/*-- Background Video ----*/
video#bgvid { 
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;  
	z-index: -100; 
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url(/wp-content/themes/bits/images/bits_video_still.jpg) no-repeat; 
	background-size: cover; 
	transition: 1s opacity;
}
#vidpause {
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index:100;							
}
#vidpause:after {
	content: "\f523";
	font: normal 40px/1 "dashicons";
	z-index: 9999;
	color: #fff;
}	
#vidpause.paused:after {
	content: "\f522";
}
.stopfade {
	opacity: .5;
}

/* IE10+ CSS styles go here */
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	body.home {
		background: url(/wp-content/themes/bits/images/bits_video_still.jpg) #000 no-repeat center center fixed;
	}
	video#bgvid {
		display: none;
	}
} */



.fake-shadow {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	overflow: hidden;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAYCAQAAAB68uRSAAAAKElEQVR4AWNhcGdgYGH4CyL+wVkI4g8W4jcuiT9YDPgHJ/7DiP9AAgBhORhg+gPD+AAAAABJRU5ErkJggg==');
	background-repeat: repeat-x;
	background-size: 1px 12px;
	background-color: transparent;
	height: 12px;
	z-index: 1000;
}

.fake-shadow {
	display: none;
}

header.dark .fake-shadow {
	display: block;
}

.textwidget .button {
	margin: 20px;
}

.about-next {
	display: block;
	margin: 0 auto;
	clear: both;
	width: 30%;
	text-align: center;
	padding: 20px 10px 0 10px;
}

#front-page-1 .about-next {
	padding-top: 0;
	margin-top: 60px;
}

.about-next:after {
	content: "\f347";
	font: normal 50px/1 "dashicons";
	z-index: 9999;
}

a.about-next,
.image-section a.about-next {
	color: #fff;
}

a.about-next:hover,
a.about-next:active,
.image-section a.about-next:hover,
.image-section a.about-next:active {
	color: #7f1416;
}

#front-page-3 a.about-next,
#front-page-3 a.about-next:hover,
#front-page3 .image-section a.about-next:hover {
	color: #7f1416;
}

#front-page-1 {
	background-color: transparent;
	background-image:none;
}

#front-page-1 .widget,
#front-page-5 .widget {
	width: 60%;
	float: none;
	margin: 0 auto;
}

.subway-letter {
	width: 60px;
	margin: -20px 2px -13px -12px;
}

#front-page-2 .image-section {
	display: table;
	background: #0e0903 url("/wp-content/uploads/2015/09/about-section-1-bg-8.jpg") no-repeat;
	background-size: cover;
	background-position: center top;
	color: white;
	text-align: left;
}

#front-page-2 .textwidget {
	padding: 0 0 0 4%;
}

h3.about-title {
	font-size: 45px;
	text-align: center;
	margin-bottom: 40px
}

#front-page-2 h3.about-title {
	text-align: left;
}

h3.about-title .subway-letter {
	width: 70px;
	margin: 0 0 -23px 0;
}

#front-page-2 #about-us-part1 {
	width: 50%;
	text-align: left;
}

.about-us h3 {
	display: block;
	font-size: 35px;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom: 10px;
}

#front-page-3 .flexible-widgets .widget {
	margin: 0;
}

#front-page-3 .image-section {
	background: #fff url('/wp-content/uploads/2015/09/cross-hatched-bg-tile.png');
}

#front-page-3 #dale-portrait {
	float: left;
	width: 60%;
	margin-left: 0;
}

#front-page-3 #dale-portrait > img {
	display: block;
	width: 100%;
	max-width: 480px;
	border: 10px solid black;
	margin: auto;
}

.photo-caption {
	font-size: 12px;
	color: #333;
}

#front-page-3 .about-us {
	color: rgb(47, 47, 47);
	text-shadow: 1px 1px 1px #fff;
	text-align: left;
	float: right;
	margin: 0;
	width: 40%;
	padding: 2% 2% 0 2%;
}

#front-page-4 .image-section {
	background: #7b7b7b url('/wp-content/uploads/2015/09/about-section-4-bg-5.jpg') no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-attachment: fixed;
}

#gift > img {
	width: 40%;
	padding: 20px 20px 20px 0;
}

#front-page-4 #about-us-part3 {
	color: #fff;
	text-align: center;
	width: 80%;
	margin: auto;
}

#front-page-5 .widget-wrap {
	background-color: rgba(255, 255, 255, 1);
	color: black;
	padding: 20px 40px;
	height: 100%;
	border: 10px solid #7f1416;
}

#front-page-5 h3.about-title {
	margin-bottom: 20px;
}

#front-page-5 .about-us p {
	margin-bottom: 0;
}

.nav-footer .genesis-nav-menu a {
	text-align: center;
}

#footer-sm {
	margin: 20px 0 30px;
}

a#footer-facebook,
a#footer-twitter,
a#footer-instagram {
	background: transparent url('/wp-content/uploads/2015/08/facebook-icon-white.png') no-repeat;
	padding: 12px 30px;
	max-height: 60px;
}

a#footer-twitter {
	background-image: url('/wp-content/uploads/2015/08/twitter-icon-white.png');
}

a#footer-instagram {
	background-image: url('/wp-content/uploads/2018/01/instagram-icon-3.png');
}

/*--------PERFORM PAGE HEADER & ALL TITLE IN IMAGE HEADERS--------*/

#perform-image,
.title-in-image {
	height: 300px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 10px;
	width: 100%;
}

.perform-wrap,
.title-wrap {
	display: table;
	height: 100%;
	width: 100%;
	max-width: 1200px;
	padding: 0 200px;
	margin: 0 auto;
}

#perform-image h1.entry-title,
.title-in-image h1.entry-title {
	position: relative;
	color: #fff;
	margin: 0 auto;
	text-shadow: 1px 1px 1px #000;
	display: table-cell;
	vertical-align: bottom;
}


/* ---- INFORMATION PAGES (ABOUT PAGES) ----*/

.secondary-nav .site-inner {
	margin-top: 25px;
}

.nav-secondary {
	background-color: #7f1416;
	text-align: center;
	padding: 15px 0;
	border-bottom: none;
}

.nav-secondary .wrap {}

.menu-secondary {
	display: inline-block;
	width: 100%;
}

.menu-secondary .menu-item {
	border-radius: 50%;
	border: 3px solid white;
	width: 14.56%;
	height: 100%;
	background-image: none;
	text-shadow: 1px 1px 1px #000;
	background-position: 100% 0;
	/* for ie8 */
	background-size: 200% auto;
}

.menu-secondary .menu-item:hover,
.menu-secondary .menu-item.current-menu-item {
	background-image: url('/wp-content/uploads/2016/01/about-menu-sprite-v1.png');
}

.menu-secondary .menu-item a {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	text-transform: none;
	font-size: 20px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	border-bottom: none !important;
}

.menu-secondary .menu-item a span {
	display: table-cell;
	vertical-align: middle;
}

.menu-secondary .menu-item:hover:nth-child(1),
.menu-secondary .menu-item.current-menu-item:nth-child(1) {
	background-position: -100% 0;
}

.menu-secondary .menu-item:hover:nth-child(2),
.menu-secondary .menu-item.current-menu-item:nth-child(2) {
	background-position: 0 50%;
}

.menu-secondary .menu-item:hover:nth-child(3),
.menu-secondary .menu-item.current-menu-item:nth-child(3) {
	background-position: 100% 50%;
}

.menu-secondary .menu-item:hover:nth-child(4),
.menu-secondary .menu-item.current-menu-item:nth-child(4) {
	background-position: 100% 100%;
}

.menu-secondary .menu-item:hover:nth-child(5),
.menu-secondary .menu-item.current-menu-item:nth-child(5) {
	background-position: 0 100%;
}

.menu-secondary .menu-item:hover:nth-child(6),
.menu-secondary .menu-item.current-menu-item:nth-child(6) {
	background-position: 0 0;
}

.bits-table-wrap {
	max-height: 500px;
	overflow-y: auto;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0 0 20px 0;
}

.bits-table-wrap table {
	font-size: 16px;
	table-layout: fixed;
	width: 100%;
}

.bits-table-wrap td {
	padding: 5px;
}

.bits-table-wrap th {
	font-size: 16px;
	background-color: #eee;
	color: #7b7b7b;
	text-align: left;
	padding: 10px;
}

.bits-table-wrap tr {
	border-bottom: 1px solid #eee;
}

.bits-table-wrap tr:nth-child(odd) {
	background-color: #eee;
	color: #222;
}

.bits-table-wrap tr td:first-child {
	font-family: SectraBold, serif;
}

#press-links a h3,
#press-links a:hover h3,
#press-links a:active h3 {
	color: #222;
}

#press-links .accordion-section-title h3:before {
	content: " + ";
}

#press-links .accordion-section-title.active h3:before {
	content: " - ";
}

.accordion-section-content {
	display: none;
}


/*---- BITS DAY HOME HERO HEADER IMAGE ---*/
.bg-black {
	background-color: black;
	background-image: url("/wp-content/uploads/2015/08/1609596_10151835398707493_796603168_n.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
}

#bits-home-header {
	background-color: transparent;
	color: white;
}

#bits-home-header .h1 {
	font-family: SectraBold;
}

#bits-header-buttons {
	padding: 20px 0 30px;
}

#bits-header-buttons .button {
	margin: 0 20px 0 0;
	text-align: center;
}


/*-----------LOCAL PAGES ------------*/

.local-page .site-inner {
	padding-top: 20px;
}

.local-page-button-wrap {
	text-align: justify;
	margin: 0 auto;
	min-width: 100%;
	height: auto;
}

a.local-page-button {
	display: inline-block;
	width: 25%;
	text-align: center;
	padding: 60px 0;
	/*     background-image: none !important; */
	background-size: cover;
	border: 2px solid white;
	box-sizing: border-box;
	text-transform: uppercase;
	color: #fff;
	border-radius: 50%;
	background-color: #7f1416;
}

a.local-page-button:hover,
a.local-page-button:active {
	color: #fff;
	background-repeat: no-repeat;
	/* 		background-image: initial !important; */
	border-color: #7f1416;
	text-shadow: 1px 1px 1px #000;
}

.local-page .entry-content a, .local-page .entry-content a:hover {
	color: #7f1416;
}


/* BITS MAPS AND MAP LEGEND------------------------------*/

#map-wrapper {
	display: block;
	position: relative;
	width: 100%;
}

.single-performance #map-wrapper {
	margin-top: 14px;
}

#bits-map-canvas {
	display: block;
	position: relative;
	height: 500px;
	width: 100%;
	/*	background: #fff url("/wp-content/uploads/2015/08/B-A-C-H.jpg") no-repeat;
	background-origin: 50%;
*/
}

#bits-map-canvas span.bits-san-serif {
	position: relative;
	top: 25%;
	left: 30%;
}

.infowindow a, .infowindow a:hover, .infowindow a:active {
	color: #7f1416;
}
 
.infowindow_title {
	color: #7f1416;
	padding: 5px 0;
}

.infowindow_address,
.infowindow_performance_count {
	margin-bottom: 5px;
}

.infowindow_times {
	margin-bottom: 10px;
	font-style: italic;
}

.infowindow_link span {
	font-style: italic;
}

.infowindow_link {
	margin-bottom: 5px;
}

.infowindow_list {
	padding-bottom: 5px;
}

.gm-style-iw {
	/*   top: 0 !important;
   left: 0 !important;
*/
}

.bottom-gradient {
	position: absolute;
	width: 100%;
	height: 15px;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.single-performance #bits-map-canvas {
	height: 350px;
}

#bits-map-legend {
	/* taken out */
	background-color: transparent;
	margin: 2%;
	width: 14%;
}


/* BITS DAY SEARCH AND SEARCH RESULTS -----------------------------*/


#bits_search_form_wrapper {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px;
	background-color: #7f1416;
	color: #fff;
}

#bits_search_form_wrapper .form-control.btn:hover {
	color: #7f1416;
	background-color: #fff;
}
#bits_search_form_wrapper .form-control.btn {
	color: #fff;
	background-color: #7f1416;
	border-color: #fff;
}

#bits_search_form_wrapper .form-control {
	border-radius: 0%;
	border: 1px solid #ddd;
}

hr.thin {
	height: 0;
	border: none;
	border-top: 1px solid #ccc;
}

.performance_data_title {
	font-weight: bold;
}

.performance_result_wrapper strong {
	font-weight: bold;
}

.performance_result_wrapper .first {
	clear: left;
}

#bits-search-results-header {
	margin: 10px 0;
}

.performance_result_wrapper {
	padding: 20px 0;
}

h3.performance_title a {
	color: #222;
}

h3.performance_title a:hover {
	color: #7f1416;
}

.performance_result_subtitle {
	color: #7b7b7b;
	text-align: left;
	font-size: 14px;
	margin: 5px 0 0;
}

.performance_result_subtitle:first-child {
	margin-top: 0;
}

.performance_result_timelocation {
	font-size: 1rem;
}

.performance_description {
	margin-bottom: -20px;
	float: right;
	font-size: 16px;
}

.button.ical {
	text-align: center;
	font-size: 10px;
	padding: 5px 10px;
	margin: 0;
	width: auto;
}
a.button.ical, a.button.ical:hover {
	color: #fff;
}

.page-numbers {
	font-size: 1.15rem;
	margin: 0 5px 0;
	color: #7f1416;
}

.page-numbers.current {
	color: #222;
}
.page-numbers:hover {
	color: #222;
}

.single-performance .performance_description {
	font-size: 20px;
	width: 100%;
	margin-top: 30px;
	float: inherit;
}

.single-performance .performance_result_timelocation {
	width: 50%;
	font-size: 1rem;
}

.single-performance .performance_result_subtitle {
	margin-top: 10px;
	font-size: 17px;
}

.single-performance .performance_image {
	max-width: 50%;
	margin: 0 0 1em 1em;
}

.performance_image img {
	display: inline-block;
}

.performance_image {
	float: right;
	text-align: center;
}
.performance_website a {
	color: #7f1416;
}
.performance_website a:hover {
	color: #7f1416;
}




/* ----- REGISTRATION PAGE --------------------------*/

#register-map-wrapper {
	width: 99%;
	height: 250px;
	margin: 10px 0 0;
	padding: 10px;
	border: 1px solid #ddd;
	color: #828282;
}

#map-canvas {
	height: 100%;
	width: 100%;
}

.bits_hidden_field {
	display: none;
}

.gform_wrapper .bits_registration_form .top_label .gfield_label {
	margin-bottom: 0;
	margin-top: 15px;
}

.gform_wrapper .bits_registration_form .top_label li.gfield.time_selection {
	width: 20%;
}

.gform_wrapper .bits_registration_form .gsection {
	margin: 1.5em 0 0.5em;
}

.bitsday_guidelines #guidelines {
	margin: 20px 0 20px 60px;
}

#bitsday_image_wrapper img {
	max-height: 300px;
}

.gform_wrapper .bits_registration_form .gfield_description,
.gform_wrapper .bits_registration_form select,
.gform_wrapper .bits_registration_form textarea,
.gform_wrapper .bits_registration_form input[type=text],
.gform_wrapper .bits_registration_form label,
.gform_wrapper .bits_registration_form .gfield_html,
.gform_wrapper .bits_registration_form .gsection_description,
.gform_wrapper .bits_registration_form input[name=input_35_other] {
	font-size: .75em;
}

.gform_wrapper .bits_registration_form label.gfield_label {
	font-size: 1em;
}


/* "other" option on performance type */

.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li.gchoice_1_35_7 {
	width: 60%;
}

.gform_wrapper .bits_registration_form li.gfield ul.gfield_radio li input[type=radio] + input[name=input_35_other] {
	font-size: .75em;
	width: 65%;
}

.gform_wrapper .bits_registration_form .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	padding: 10px 0 0 0;
}

#bits-confirmation {
	padding: 10px;
	background: #ccc;
}


/* SINGLE PERFORMANCE PAGE ------------------------- */

.single-performance h1.entry-title {
	margin: 15px 0;
}

.share-box {
	margin: 20px 0;
}


/* ACCOUNT PAGE --------------------------------------*/

.gfur-activate header {
	position: relative;
}

#login_message {
	margin-bottom: 25px;
	background-color: #ccc;
}

.myperformances_options li {
	display: inline-block;
	padding: 0 15px 0 0;
}

.myperformances,
.myperformances > a {
	font-size: 26px;
	color: #222;
}

li.myperformances {
	margin: 0 0 30px;
}

.myperformances_options li,
.myperformances_options a {
	font-size: 12px;
	color: #666;
}

.myperformances_options a:hover {
	color: #333
}

#create_performance_button {
	margin: 0 0 20px;
}

#create_performance_button a {
	color: #fff;
}


/* ----- LANGUAGE-RELATED / TRANSLATION RELATED ------ */

.menu-item-language:hover .submenu,
.information-page .genesis-nav-menu .menu-item-language:hover .sub-menu,
.front-page .genesis-nav-menu .menu-item-language:hover > .sub-menu {
	left: auto !important;
	opacity: 1;
}
#lang_sel_footer {
	background-color: #000;
	border: none;
}
#lang_sel_footer a {
	color: #fff;
}

/* NEWSLETTER SIGNUP POP-UP */

#PopupSignupForm_0 {
	display: none;
}

.information-page #PopupSignupForm_0 {
	display: block;
}

/* NEWSLETTER SIGNUP (NON-POPUP) */

#mc_embed_signup{
	background: transparent; 
	clear:left; 
	font-size:14px; 
	width:100%;
}

#mc_embed_signup label {
	font-size: 25px;
	font-weight: normal;
}


#mc_embed_signup .button {
	background-color: #7f1416;
	color: #fff;
	border-radius: 0;
}
#mc_embed_signup .button:hover {
	background-color: #fff;
	color: #7f1416;
}
#mc_embed_signup input.email {
	font-family: inherit;
	border-radius: 0;
}

/* RESPONSIVE STUFF----------------------------- */


/* -- sub-menu styling for non-responsive menus --- */

@media only screen and (min-width: 801px) {
	.genesis-nav-menu .menu-item {
		margin-left: 10px;
	}
	.genesis-nav-menu .sub-menu .menu-item {
		margin-left: 0;
	}
	.header-image.not-front-page .site-title > a {
		height: 56px;
	}
	.not-front-page .genesis-nav-menu a {
		padding: 20px 15px;
	}
	.front-page .genesis-nav-menu .menu-item.current-menu-item.horz-submenu > .sub-menu,
	.front-page .genesis-nav-menu .menu-item.horz-submenu:hover > .sub-menu,
	.front-page .genesis-nav-menu .menu-item:hover > .sub-menu,
	.information-page .genesis-nav-menu .menu-item.horz-submenu.current-menu-ancestor > .sub-menu,
	.information-page .genesis-nav-menu .menu-item.information-pages-parent-link.horz-submenu.current-menu-ancestor > .sub-menu,
	.information-page .genesis-nav-menu .menu-item.information-pages-parent-link.horz-submenu.current-menu-ancestor:hover > .sub-menu {
		left: -9999px;
	}
	.front-page .genesis-nav-menu .menu-item-language:hover > .sub-menu {
		left: auto !important;
		opacity: 1;
	}
	
	.genesis-nav-menu .menu-item.current-menu-item.horz-submenu > .sub-menu,
	.genesis-nav-menu .menu-item.horz-submenu.current-menu-ancestor > .sub-menu,
	.genesis-nav-menu .menu-item.horz-submenu:hover > .sub-menu,
	.single-performance .genesis-nav-menu .listen-menu > .sub-menu,
	.genesis-nav-menu .menu-item .sub-menu.bits-current-page-submenu,
	.information-page .genesis-nav-menu .menu-item.horz-submenu.current-menu-ancestor:hover > .sub-menu {
		left: 0;
		opacity: 1;
		width: 100%;
		background-color: #7f1416;
		padding: 0 15%;
		box-shadow: 1px 1px 12px -2px rgba(0, 0, 0, 0.5);
	}
	.genesis-nav-menu .menu-item.horz-submenu:hover > .sub-menu {
		z-index: 100;
		/* keeps menus from popping open annoyingly */
	}
	.bitsday-page .site-header,
	.perform-page .site-header,
	.single-performance .site-header {
		/* margin-bottom: 33px; */
	}
	.genesis-nav-menu .menu-item.horz-submenu .sub-menu {
		text-align: right;
	}
	.genesis-nav-menu .menu-item.horz-submenu .sub-menu a {
		background-color: #7f1416;
		padding: 10px;
		position: relative;
		width: auto;
		color: #A0A0A0;
	}
	.genesis-nav-menu .horz-submenu .sub-menu a:hover,
	.genesis-nav-menu .horz-submenu .sub-menu li.current-menu-item > a {
		background-color: #7f1416;
		color: #fff;
	}
}

@media only screen and (max-width: 1280px) {
	.perform-wrap,
	.title-wrap {
		max-width: 1140px;
	}
}

@media only screen and (max-width: 1200px) {
	.perform-wrap,
	.title-wrap {
		max-width: 960px;
		padding: 0 110px;
	}
	.not-front-page .genesis-nav-menu a {
		padding: 20px 10px;
	}
	.widget {
		font-size: 22px;
	}
}

@media only screen and (max-width: 1030px) {
	.front-page .fake-shadow {
		display: block;
		top: inherit;
	}
	.front-page-1, #front-page-1 {
		background-image: url(/wp-content/uploads/2015/07/Bach-in-the-Subway-2013-02.jpg);
	}
	#vidpause {
		display:none;
	}
	.not-front-page .genesis-nav-menu a {
		padding: 10px;
	}
	.front-page-2,
	.front-page-3,
	.front-page-4,
	.front-page-5,
	.front-page-6,
	.front-page-7 {
		border-top: 0;
		margin-top: 0;
	}
	#front-page-1 .widget,
	#front-page-5 .widget {
		width: 75%;
	}
	#front-page-1 a.about-next {
		margin-top: 50px;
	}
	#front-page-3 .about-us {
		padding: 0 0 0 5%;
	}
	#front-page-4 .image-section {
		background-attachment: scroll;
	}
	h3.about-title {
		font-size: 35px;
	}
	h3.about-title .subway-letter {
		width: 65px;
		margin: 0 0 -23px 0;
	}
	.about-us h3 {
		font-size: 30px;
		margin-bottom: 5px;
	}
	#bits-header-buttons {
		padding: 30px 0 20px;
	}
	.full-width-content .content {
		padding: 0 35px;
	}
	.one-fourth,
	.one-half {
		width: 48%;
		float: left;
	}
	.performance_result_wrapper .one-third {
		width: 31.623931623931625%;
		margin-left: 1%;
	}
	.performance_result_wrapper .one-third .first {
		margin-left: 0;
	}
	.menu-secondary .menu-item a {
		font-size: 18px;
	}
	.perform-wrap,
	.title-wrap {
		max-width: 768px;
		padding: 0 35px;
	}
	/*	h1.entry-title {
		font-size:40px;
	}
*/
	#guidelines_wrapper {
		width: 65%;
	}
	#bitsday_image_wrapper {
		width: 32%;
		text-align: center;
	}
	#bits_search_form_wrapper span {
		font-size: 16px;
	}
	/* #performance_search select,
	#performance_search input {
		width: 17%;
	} */
}

@media only screen and (max-width: 800px) {
	body {
		background: #fff; 
	}
	video#bgvid {
		display: none;
	}
	
	/* Moving the hamburger menu to the left side and nav as a left-popout */
	.title-area {
		width: 85%;
		float: right;
		padding: 5px 0;
	}
	.site-header .title-area, .site-header.dark .title-area {
		padding: 0px;
	}
	.header-image .site-title > a {
		height: 66px;
	}
	.responsive-menu-icon {
		display: inline-block;
		float: left;
		margin: 8px 0 0 -25px;
	}
	.responsive-menu-icon::before {
		font-size: 50px;
	}
	.genesis-nav-menu.responsive-menu {
		width: 100%;
	} 

	/* #front-page-1 h3.about-title {
		display: none;
	} */
	.front-page-1 .textwidget {
/* 		margin-top:130px; */
	}
	.mobile-hidden {
		display: none;
	}
	.genesis-nav-menu.responsive-menu .menu-item .sub-menu {
		padding-left: 5%;
	}
	.widget {
		font-size: 22px;
	}
	#mc_embed_signup label {
	font-size: 22px;
	}
	.perform-buttons {
		flex-wrap: wrap;
	}
	.tabs-menu li {
		width: 100%;
	}
	.tabs-menu li h3 {
		font-size: 20px;
	}
	.front-page .button.accent-color,
	.front-page .button.white {
		width: 100%;
		margin: 10px 0;
		background-color: #7f1416;
	}
	#front-page-2 #about-us-part1 {
		width: 60%;
		text-align: left;
	}
	#front-page-2 .image-section {
		background-position: 70% top;
	}
	#front-page-3 #about-us-part2-1,
	#front-page-3 #about-us-part2-2,
	#front-page-4 #about-us-part3 {
		width: 99%;
		margin: 0;
		text-align: center;
	}
	#front-page-2 #bach-portrait,
	#front-page-3 #dale-portrait,
	#front-page-3 #gift {
		float: right;
		width: 99%;
		margin: 0 0 2% 0;
		text-align: center;
	}
	#front-page-3 #gift img {
		width: 40%;
		margin: auto;
	}
	#front-page-3 #dale-portrait img {
		width: 80%;
		margin: auto;
	}
	#front-page-5 .widget-wrap {
		padding: 15px 30px;
	}
	.full-width-content .content {
		padding: 0;
	}
	.not-front-page .site-inner {
		margin-top: 30px;
	}
	#bits-header-buttons .button {
		width: 40%;
	}
	.one-fourth,
	.one-half {
		width: 99%;
	}
	.perform-page .button {
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	.performance_result_wrapper .one-third {
		width: 48%;
	}
	.performance_image.one-third {
		width: 100%;
	}
	.single-performance .performance_image {
		max-width: 100%;
		margin: 0 0 1em 0;
	}
	.single-performance .performance_result_timelocation {
		width: 100%;
	}
	.menu-secondary .menu-item {
		width: 31%;
		max-width: 175px;
	}
	.menu-secondary .menu-item a {
		font-size: 16px;
	}
	.nav-secondary .responsive-menu-icon {
		display: none;
	}
	.bits-table-wrap table {
		font-size: 12px;
		width: 100%;
		word-wrap: break-word;
	}
	.bits-table-wrap th {
		font-size: 10px;
	}
	.bits-table-wrap {
		max-height: 500px;
		overflow: auto;
		width: 90%;
		margin: 0 auto;
	}
	.local-page .site-inner {
		padding-top: 0;
	}
	a.local-page-button {
		width: 33%;
	}
	.video-item {
		width: 100%;
	}
	.single-performance #map-wrapper {
		padding-top: 0;
		margin-top: 0;
	}
	#bits-map-canvas {
		height: 350px;
	}
	#bits_map_legend {
		display: none;
	}
	#bits_search_form_wrapper span {
		font-size: 1rem;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	/* #performance_search select,
	#performance_search input {
		width: 100%;
		margin: 5px 0;
		height: 35px
	} */
	/* #performance_search input {
		height: 45px
	} */
	#performance_results_wrapper {
		padding: 0;
	}
	#guidelines_wrapper {
		width: 100%;
	}
	#bitsday_image_wrapper {
		display: none;
	}
	.gform_wrapper .bits_registration_form .top_label li.gfield.map_field {
		margin-top: 0;
	}
	.gform_wrapper .gform_body .top_label li.gfield.gf_left_half,
	.gform_wrapper .gform_body .top_label li.gfield.gf_left_half.bits_autocomplete,
	.gform_wrapper .gform_body .top_label li.gfield.gf_right_half,
	.gform_wrapper .gform_body .top_label li.gfield.gfield_error.gf_right_half {
		float: left;
		clear: left !important;
		width: 99%;
	}
	.entry-title {
		font-size: 32px;
	}
	a.performance_backlink {
		font-size: 14px;
	}
}

@media only screen and (max-width: 480px) {
	.button.accent-color,
	.button.white {
		margin: 10px 0;
		width: 100%;
		text-align: center;
	}
	.about-next {
		margin-top: 40px;
	}
	.about-next span {
		font-size: 16px;
	}
	#front-page-1 .widget,
	#front-page-5 .widget {
		width: 100%;
	}
	#front-page-2 .image-section {
		background-image: url("/wp-content/uploads/2015/09/about-section-1-bg-4a.jpg");
	}
	#front-page-2 #about-us-part1 {
		width: 99%;
	}
	#gift > img {
		width: 70%;
		padding: 0 20px 0 0;
	}
	#bits-header-buttons {
		vertical-align: bottom;
		padding: 10px 0;
	}
	#bits-header-buttons .button {
		width: 100%;
		margin: 5px auto;
		text-align: center;
		margin-bottom: 10px;
	}
	.performance_result_wrapper .one-third {
		width: 100%;
	}
	.performance_image {
		width: 100%;
	}
	.menu-secondary .menu-item a {
		font-size: 14px;
	}
	a.local-page-button {
		width: 50%;
	}
	.gfield_radio label,
	.gfield_checkbox label {
		font-size: 16px;
	}
	.perform-wrap,
	.title-wrap {
		padding: 0 5%;
	}
}