/*
 Theme Name:   Missy Higgins
 Theme URI:    http://missygiggns.com/twenty-eleven-child/
 Description:  Child theme for Twenty Eleven
 Author:       Jason Taylor
 Author URI:   http://example.com
 Template:     twentyeleven
 Version:      2.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-eleven-child
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');



/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
figure {
	margin: 0;
}
html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}
html, button, input, select, textarea {
	font-family: sans-serif;
}
body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
	text-decoration: none;
	color: #222222 
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}
h3 {
	font-size: 1.4em;
	margin: 1em 0;
}
h4 {
	font-size: 1em;
	margin: 1.33em 0;
}
h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}
h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
    font-weight: 500;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
p, pre {
	margin: 1em 0;
}
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 75%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dl, menu, ol, ul {
	margin: 1em 0;
}
dd {
	margin: 0 0 0 40px;
}
menu, ol, ul {
	padding: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}
img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
	max-width: 100%;
    height: auto;
}
svg:not(:root) {
	overflow: hidden;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
*margin-left: -7px;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
button, input {
	line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
*overflow: visible;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
*height: 13px;
*width: 13px;
}
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-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
body {
	background: url(images/tsow-20-background-mobile-01.jpg);
	background-color: #fafafa;
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
	/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

#wrap {
    float: left;
    width: 100%;
}

#main {
	float: left;
    width: 100%;
}

#inner {
    display: inline-block;
    padding: 20px 42px;
    background-color: rgb(250 250 250 / 80%);
    color: #000;
    text-align: left;
    margin: 0 auto;
    width: 940px;
}

nav ul, ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.right-sidebar #primary {
	float: left;
	width: 610px;
}
.right-sidebar #secondary {
	float: right;
	width: 290px;
}
.page-template-no-sidebar-page-php #primary {
	width: 100%;
}

.page-template-shows-page-php #primary {
	width: 100%;
}

.page-template-mailing-list-php #primary {
    width: 100%;
}

a, a:visited {
	color: #222222;
}
a:hover, a:visited:hover {
	color: #b85818;
}

#main a img {
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#main a img:hover {
	opacity: 0.6
}
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited {
	color: #b85818;
	text-decoration: none;
}
h1 a:hover, h1 a:visited:hover, h2 a:hover, h2 a:visited:hover, h3 a:hover, h3 a:visited:hover, h4 a:hover, h4 a:visited:hover, h5 a:hover, h5 a:visited:hover, h6 a:hover, h6 a:visited:hover {
	color: #b85818;  
}
h2.entry-title {
	text-transform: uppercase
}

h3 a,
h3 a:visited,
h3 a:hover,
h3 a:visited:hover {
	color: #f17122;
}


p {
	margin-top: 0;
}
h1 {
	font-size: 24px;
	line-height: 20px;
	margin: 0 0 15px;
}
.fontface h1, .fontface h2 {
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
	font-style: normal;
}
h1.page-title, article h1.entry-title, .fontface h3, .fontface h4, .fontface h5, .fontface h6 {
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
	font-style: normal;
	text-transform:uppercase
}
h1.page-title, article h1.entry-title {
    color: #222222;
    font-size: 20px;
    margin: 10px 0 20px;
}
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active, #access a.assistive-text:focus {
	background: #eeeeee;
	border-bottom: 1px solid #dddddd;
	color: #f17122;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}
h3.widget-title {
    margin: 10px 0 20px !important;
    color: #f17122;
    font-size: 22px;
    line-height: 26px;
}





.widget {
	margin-bottom: 40px;
}
.widget_twitter {
	padding-bottom: 5px;
}
.widget_twitter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget_twitter ul li {
	margin: 0 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #c5c5c5;
}
.widget_twitter .intent-meta {
	display: block;
}
.widget_twitter .intent-meta a {
	padding-right: 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
}
.widget_twitter a.follow {
	text-transform: uppercase;
	text-decoration: none;
}
.instagram-image img {
	height: 260px !important;
	width: 260px !important;
}
.instagram-image {
	background-position: 8px 287px;
}
/*.fontface .widget_twitter .intent-meta a, .fontface .widget_twitter a.follow, .fontface .gigpress-sidebar-status a {
	font-family: 'helvetica', 'arial', sans-serif;
	font-weight: normal;
	font-style: normal;
}*/
.widget_videos {
/*	float: left; */
	padding-bottom: 5px;
	margin-bottom: 35px;
	display: inline-block;
}
.widget_videos img {
    max-width: 100%;
    height: auto;
}

.widget_videos ul, .widget_videos li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget_videos li, .widget_videos li a, .widget_videos li img {
	float: left;
}
.widget_videos li {
	margin-bottom: 7px;
}
.widget_videos li.img-3 {
	margin: 0 7px;
}
.widget_videos li.thumbnail {
	position: relative;
	display: none !important;
}
.widget_videos li.thumbnail img {
	height: 68px;
	width: 92px;
}
.widget_videos .nav-more a {
	text-transform: lowercase;
	text-decoration: none;
	font-family: 'helvetica', 'arial', sans-serif;
	font-weight: normal;
	font-style: normal;
}
.widget_gigpress ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #999999;
}
.widget_gigpress li {
	margin-bottom: 10px;
}
.widget_gigpress .gigpress-sidebar-date {
	color: #333333;
	font-weight: normal !important;
}
.widget_gigpress .gigpress-sidebar-status {
	display: block;
}
.widget_gigpress .gigpress-sidebar-status a, .widget_gigpress .gigpress-cancelled, .widget_gigpress .gigpress-soldout {
	font-size: 14px;
	font-family: 'helvetica', 'arial', sans-serif;
	font-weight: normal;
	font-style: normal;
}
.widget_gigpress .gigpress-cancelled, .widget_gigpress .gigpress-soldout {
	color: #999999;
	background: none;
}
.widget_gigpress .gigpress-sidebar-more a {
	font-family: 'helvetica', 'arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
}
.widget_text .slideshow-wrapper .slideshow-nav {
	display: none;
}
.widget_text .slideshow-wrapper .pscarousel {
	margin-top: 5px;
}
.widget_text .slideshow-wrapper .pscarousel .wrapper {
	width: 90px;
	height: 68px;
	margin: 0 10px 10px 0;
}
.widget_text .slideshow-wrapper .pscarousel .portrait img {
	top: -11px;
}
article {
    margin: 0 0 20px;
    padding-bottom: 5px;  
    border-bottom: 1px solid #c5c5c5;
}
article time {
	color: #222222;
	margin-bottom: 5px;
}
.entry-meta, .cat-links {
	display: none;
}
.logged-in .entry-meta {
    display: block;
    margin: 5px 0px 30px 0px;
}
.archive #nav-single, .archive #nav-above, .single #nav-single, .single #nav-above {
	display: none;
}
.archive article, .single article {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.archive article h1, .single article h1 {
	font-size: 26px;
	line-height: 28px;
	text-transform: uppercase;
}
.archive article.last, .single article.last {
	border: 0;
	margin-bottom: 0;
}
.archive #nav-below {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.archive #nav-below .nav-next, .archive #nav-below .nav-previous {
	width: 45%;
	float: left;
}
.archive #nav-below .nav-next {
	float: right;
	text-align: right;
}
.archive #nav-below a {
    text-decoration: none;
    font-size: 12px;
    padding: 5px 8px 5px 8px;
    background-color: #222222;
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}
/*.fontface .archive #nav-below {
	font-family: 'helvetica', 'arial', sans-serif;
	font-weight: normal;
	font-style: normal;
}*/
.single article {
	border: 0;
}
.archive-menu {
	clear: both;
	float: left;
	margin: 10px 0 15px;
}
.archive-menu h2 {
    margin: 0 0 10px;
    font-size: 14px;
}
.archive-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.archive-menu ul li {
	display: inline;
	margin-right: 10px;
	font-size: 14px;
	font-family: 'helvetica', 'arial', sans-serif;
	font-weight: normal;
	font-style: normal;
}
.archive-menu ul li a {
	text-decoration: underline;
}
.category-videos .entry-date {
	display: none;
}
form {
	float: left;
	margin-top: 20px;
}
form .asterisk {
	color: #dd693b;
}
form .number, form .text, form .email {
	padding: 3px;
}
form .text, form .email {
	width: 40%;
}
form .number {
	width: 10%;
}
form .radio {
	margin-right: 5px;
}
form .female {
	margin-left: 10px;
}
form p {
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
}
form p.required-message {
	margin-top: 10px;
	font-size: 12px;
}
form label {
	float: left;
	width: 70px;
}

footer {
	float: left;
    width: 100%;
	color: #222222;
}


#store-footer {
    padding: 20px 42px 10px 42px;
    background: rgba(255, 255, 255, .8);
	margin: 0 auto;
	margin-top: 20px;
    width: 940px;
	display: inline-block;
}
/*#store-footer .container {
	float: right;
	width: 100%;
}*/
#store-footer article {
	float: right;
	width: 140px;
	margin-left: 20px;
	margin-bottom: 0;
	padding-bottom: 10px;
	border: 0;
	text-align: left;
}
#store-footer article img {
	max-width: 100%;
	height: auto;
}
#store-footer article h2 {
	font-size: 14px;
	margin: 0;
	text-transform: none;
}
#store-footer article h2 span {
	color: #cccccc;
}
#store-footer article .entry-content span {
	color: #999999;
}
.tandc {
    font-size: 12px;
    font-style: italic;
}


#footer-mobile {
 margin-top: 20px;
 padding: 20px 0px;
 font-size: 12px;
 display: none;
}
#footer-mobile a {
	text-decoration: none;
	color: #222222;
}

#colophon {
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    width: 940px;
    padding: 20px 42px 10px 42px;
    height: 50px;
/*    background:rgba(239, 235, 229, .4) ;
*/    text-align: center;
    color: #222222;
    font-size: 13px;
}
#colophon a {
	text-decoration: none;
	color: #222222;
}
#colophon .widget_text {
	position: absolute;
	top: 15px;
	left: 40px;
}
#colophon .widget_text h3, #colophon .widget_text p {
	margin: 0;
	line-height: 18px;
}
#colophon .menu {
	position: absolute;
	top: 15px;
	left: 204px;
	width: 600px;
}
#colophon .menu li {
	float: left;
	width: 160px;
	font-size: 13px;
}
#colophon .menu li a {
	text-decoration: none;
	color: rgb(255, 255, 255);
}
#colophon .menu li a:hover {
	color: #b85818;
}
#colophon .menu li#menu-item-1331, #colophon .menu li#menu-item-727, #colophon .menu li#menu-item-37, #colophon .menu li#menu-item-33 {
	width: 100px;
}
#colophon #confetti-bottom-left, #colophon #confetti-bottom-left-store, #colophon #confetti-bottom-right {
	position: absolute;
	z-index: -1;
}
footer.entry-meta {
	clear: both;
}
.home #main #sidebar-home-left, .home #main #sidebar-home-right, .home #main #primary {
	float: left;
	/*width: 290px;*/
	width: 30%;
}
.home #main #primary {
	/*margin: 0 35px;*/
	margin: 0 5%;
	margin-bottom: 40px;
}
.home #main #primary h2 {
    margin: 0 0 5px;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    letter-spacing: .01em;
}

#primary.mobile-only {
	display: none;
}

.home #main #primary .meta-nav {
	display: block;
}

.home #main #primary .meta-nav a {
    text-decoration: none;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    color: #f17122;
}



.home #main #primary .nav-more {
	display: block;
}

.fontface .home #main .nav-more a {
 text-decoration: none;
    font-size: 12px;
    padding: 5px 8px 5px 8px;
    background-color: #f17122;
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}
#sidebar-home-left h3.widget-title {
	margin-bottom: 13px;
}
.category-photos h2.entry-title {
	font-size: 24px;
}
.category-photos article {
	padding: 0;
	margin-bottom: 10px;
}
.category-photos article .entry-header {
	display: none;
}
.category-photos #main {
	width: 640px;
	margin: 0 150px 25px;
}
.category-photos #main .recent-posts, .category-photos #main .widget-area {
	display: none;
}
.slideshow-wrapper .slideshow-nav {
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: solid 2px white;
}
.slideshow-wrapper .slideshow-nav .slideshow-info, .slideshow-wrapper .slideshow-nav .play, .slideshow-wrapper .slideshow-nav .sep {
	display: none;
}
.slideshow-wrapper .slideshow-nav a.slideshow-prev, .slideshow-wrapper .slideshow-nav a.slideshow-next {
	margin: 0 2px;
}
.slideshow-wrapper .slideshow-nav a.slideshow-next {
	float: right;
	text-align: right;
}
.slideshow-wrapper .pscarousel .wrapper {
	float: left;
	width: 195px;
	height: 146px;
	overflow: hidden;
	position: relative;
	margin: 0 12px 12px 0;
}
.slideshow-wrapper .pscarousel .wrapper:nth-child(3n+3) {
	margin-right: 0 !important;
}
.slideshow-wrapper .pscarousel .wrapper img {
	width: 100% !important;
	padding: 0 !important;
}
.slideshow-wrapper .pscarousel .row-last {
	margin-right: 0 !important;
}
.slideshow-wrapper .pscarousel .portrait img {
	position: absolute;
	top: -24px;
	left: 0;
}
.slideshow-wrapper .slideshow-content {
	text-align: center;
}
.slideshow-wrapper .slideshow-wrapper {
	margin: 0;
}

.category-lyrics .entry-date {
	display: none;
}
.category-lyrics article.post {
	border: 0;
}
#sidebar-lyrics-left {
	width: 290px;
	float: left;
	margin-right: 30px;
}
#sidebar-lyrics-left li {
	margin-bottom: 15px;
}
#sidebar-lyrics-left li .album-title {
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #222222;
    text-decoration: none;
    text-transform: uppercase;
}
#sidebar-lyrics-left li .album-title span {
	padding-left: 10px;
	font-size: 18px;
}
#sidebar-lyrics-left li .album-title span, #sidebar-lyrics-left li .album-title:hover {
	color: #b85818
}
#sidebar-lyrics-left li li {
	margin-bottom: 0;
}
#sidebar-lyrics-left li li a {
	text-decoration: none;
}
.page-store section {
	clear: both;
	float: left;
	width: 100%;
	border-bottom: solid 2px white;
	margin-bottom: 10px;
}
.page-store section#store-merch {
	border: 0;
	margin: 0;
}
.page-store section#store-merch .nav-more {
	margin: 0;
}
.page-store article {
	width: 170px;
	margin-right: 85px;
	float: left;
	border: 0;
	text-align: center
}
.page-store article h2 {
	font-size: 18px;
	margin: 0 0 3px;
}
.page-store article .entry-content {
	font-size: 12px;
	color: #222222;
	line-height: 16px;
	padding-top: 7px;
}
.page-store article .entry-thumbnail img {
	width: 170px;
}
.page-store article .entry-content .price, .page-store article .entry-content .content {
	display: block;
}
.page-store article.last-child {
	margin-right: 0;
}
.page-store .nav-more {
	display: block;
	clear: both;
	margin-bottom: 15px;
}
.page-store .nav-more a {
	font-family: 'helvetica', 'arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 22px;
}

/* New Post Thumbnail Grid */

/* Post Thumbnail Grid */

.gridcontainer h2 a{color: #333; font-size: 13px;}
.gridcontainer .griditemleft{float: left; width: 170px; margin: 0 80px 80px 0;}
.gridcontainer .griditemright{float: left; width: 170px;}
.gridcontainer .postimage{margin: 0 0 5px 0;}
.gridcontainer .postimage-title {text-align: center;}


/* New Header NE*/

#header {
    position: relative;
    margin: 40px auto;
    height: auto;
/*	background-image: url(images/bot-brace-header-bg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top
	background-image: url(/wp-content/themes/missyhiggins/images/drawing-background.png);;*/
/*   background-size: contain; */ 
   background-repeat: no-repeat;
	background-position: center top;
}

/* =Header Elements
-------------------------------------------------------------- */

#logo {
    position: relative;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}
#logo img {
	max-width: 805px;
    height: auto;
}



#logo-mobile {
    position: relative;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
	display: none;
}
#logo-mobil img {
	max-width: 100%;
    height: auto;
}



#logo-tso {
    float: left;
	margin: 30px 0 0 100px;
}

#logo-tso img {
	max-width: 400px;
    height: auto;
	margin-bottom: 30px;
}

#polaroid {
    float: right;
    margin: 10px 120px 0 0;
}

#polaroid  img {
	max-width: 300px;
    height: auto;
	
}

/* #header .button {
    text-decoration: none;
    font-size: 14px;
    padding: 5px 8px 6px;
    background-color: #222222;
    margin: 10px 2px 0;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
} */




#header .inner {
    display: inline-block;
    padding: 0px;
    text-align: center;
    margin: 0 auto;
    width: 940px;
}

.mobile-break {
    display: none;
}

#navigation {
	position: relative;
    font-size: 14px;
	line-height: 16px;
    text-transform: uppercase;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	margin-top: 16px;
}

#navigation li {
	display: inline;
	padding: 0 8px;
}
#navigation a {
    text-decoration: none;
    color: #222222;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 21px;
}
#navigation a:hover, #navigation a.current, #navigation li.current-menu-item a {
	color: #b85818;
}
#masthead {
	position: absolute;
	top: 400px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
/*	width: 910px;*/
}
#touts {
    position: relative;
    margin: 40px 0 30px;
    height: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    width: 740px;
    border: 1px solid #f17122;
    background: #fafafa;
}

#touts a {
text-decoration: none;
}

#touts-banner {
    text-align: center;
    padding: 12px 15px 15px;
}
#touts-banner a {
    text-decoration: none;
}
    

#touts-banner h1 {
    color: #ffffff;
    font-size: 26px;
	line-height: 28px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
	margin: 0px;
}
#touts-banner h1 a {
	color: #ffffff;
}
#touts-banner h1 a:hover {
	color: #ffffff;
	text-decoration: none;
}
#touts-banner h1 a:visited {
	color: #ffffff;
}


#touts-banner h2 {
    margin: 0;
    font-size: 28px;
    line-height: 30px;
    color: #222222;
    font-weight: 500;
}

#touts-banner h2 a{
	color: #222222;
	text-decoration: none;
}

#touts-banner h2 a:hover {
	color: #222222;
	text-decoration: none;
}
#touts-banner h2 a:visited {
	color: #222222;
	text-decoration: none;
}

#touts-banner h3 {
    margin: 0;
    line-height: 26px;
    font-size: 21px;
    color: #f17122;
    font-weight: 500;
}

#touts-banner h3 a{
	color: #f17122;
	text-decoration: none;
}

#touts-banner h3 a:hover {
	color: #f17122;
	text-decoration: none;
}
#touts-banner h3 a:visited {
	color: #f17122;
	text-decoration: none;
}

#social {
    position: relative;
    text-align: center;
    width: 100%;
	margin: 20px 0px;
}
#social a {
    color: #f17122;
    font-size: 22px;
    margin: 0px 10px 0 10px;
}
#social a:hover {
	color: #b85818
}
#social .fa-twitter {
	font-size: 22px
}


/* MailChimp
-------------------------------------------------------------- */


#mc_embed_signup {
    float: left;
    width: 100% !important;
    background: none !important;
	font-family: 'Oswald', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

@media only screen and (min-width: 600px) {

	#mc_embed_signup  {
		width: 400px !important;
	}
}

#mc_embed_signup form {
    padding: 0px !important;
    width: 100%;
	margin: 0px !important;
}


#mc_embed_signup label {
    width: 100%;
}

#mc_embed_signup select {
    width: 100%;
    height: 40px;
    margin: 0px;
	border: 1px solid #abb0b2;
}

#mc_embed_signup .size1of2 {
    width: 96% !important;
}


#mc_embed_signup form p {
    margin: 0px;
    height: auto;
}

#mc_embed_signup .button {
    background-color: #f17122 !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    font-size: 14px !important;
    line-height: 14px !important;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 400 !important;
}


#mc_embed_signup .mc-field-group,
#mc_embed_signup .mc-field-group select {
    width: 100% !important;
}


#mc_embed_signup div#mce-responses {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

#mc_embed_signup .indicates-required {
    width: 100% !important;
}



.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background: rgba(255, 255, 255, 0) !important;
    color: #000 !important;
}

.rsUni .rsThumb.rsNavSelected .thumbIco {
    border: 2px solid #222222 !important;
}

/* Spotify
-------------------------------------------------------------- */

.embed-container {
    position: relative;
    padding-bottom: 54.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
#text-5 {
    float: left;
    width: 100%;
    position: relative;
}



/* Music Section
-------------------------------------------------------------- */

.music-post {
    display: inline-block;
    margin-bottom: 20px;
    border-bottom: 1px solid #c5c5c5;
    width: 610px;
}

.music-entry-image {
    float: left;
    width: 200px;
    margin-bottom: 10px;
}
.music-entry-content {
    float: right;
    width: 380px;
}

.music-entry-content article h1.entry-title  {
    margin: -5px 0 10px;
}


.music-entry-content li {
    list-style-type: decimal-leading-zero;
    list-style-position: inside;
    border-bottom: 1px solid #c5c5c5;
    height: 25px;
    line-height: 25px;
}

.music-entry-content ol {
    clear: both;
	padding: 0px;
}

.music-entry-content .button {
    text-decoration: none;
    font-size: 12px;
    padding: 5px 8px 5px 8px;
    background-color: #222222;
    margin: 10px 2px 10px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}
.music-entry-content .button:hover {
    color: #ffffff;
}

.category-music article {
    border-bottom: none; 
}





/* Bands In Town
-------------------------------------------------------------- */

.bit-widget {
    background: none !important;
}

.bit-widget .bit-offers {
    background: none !important;
    border: 1px solid #f17122!important;
    color: #f17122 !important;
}

.bit-widget .bit-venue {
    color: #f17122!important;
}


.bit-widget .bit-upcoming-events, .bit-past-events {
	border-bottom: 1px solid #c5c5c5;
}

.bit-widget .bit-play-my-city-button {
    background: none !important;
    border: 1px solid #f17122!important;
    margin: 0px!important;
    color: #f17122!important;
    font-size: 12px!important;
    line-height: 34px!important;
    display: none!important;
}

.bit-widget .bit-upcoming-events, .bit-past-events {
    border-bottom: none;
}

.widget_bandsintown_js_widget .bit-widget-container .bit-widget {
    font-size: 12px;
    line-height: 14px;
}
.widget_bandsintown_js_widget .bit-widget-container .bit-widget {
    min-width: 100%;
}
.widget_bandsintown_js_widget .bit-widget-container .bit-widget .bit-event {
    padding: 10px 0px 5px;
}

.widget_bandsintown_js_widget .bit-widget-container .bit-widget .bit-event .bit-rsvp-container {
    padding: 5px 0;
}

.widget_bandsintown_js_widget .bit-widget-container .bit-widget .bit-event .bit-button {
    line-height: 24px;
	width: 100px;
}


/* Video Iframe
-------------------------------------------------------------- */



#video-list {
	float: left;
	width: 100%
}
.video-item {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin: 0 0 40px
}

.video-item-4-3 {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 76.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin: 0 0 40px
}
.video-item embed, .video-item iframe, .video-item object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.video-item-4-3 embed, .video-item-4-3 iframe, .video-item-4-3 object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}







/* Mobile Navigation 
-------------------------------------------------------------- */


#mobile-menu-open{
	position: relative;
    text-transform: uppercase;
    margin-top: 16px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 26px;
	color: #222222;
	cursor: pointer;
	display: none
}

#mobile-menu {
	display: none
	}
	

.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	float: left;
	height: 100%;
	width: 100%;
	position: fixed; /* Stay in place */
	z-index: 101; /* Sit on top */
	left: 0;
	top: 0px;
	background-color: #9e9a9ac2;  
	overflow-x: hidden; /* Disable horizontal scroll */
}
/* Position the content inside the overlay */
.overlay-content-wrap {
	margin: 0 auto;
}
.overlay-content-grid {
	cursor: default;
	text-align: center;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

#mobile-menu-close {
    display: inline-grid;
    padding: 0 10px 20px;
    margin-bottom: 20px;
    border-bottom: solid 2px white;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
}

#mobile-menu  li {
  padding: 6px;
  background: none;
}
#mobile-menu  li:hover {
  cursor: pointer;
}


#mobile-menu ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none
}
#mobile-menu ul li {
    margin: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
}
#mobile-menu ul li a {
	color: #ffffff;
	text-decoration:none
}

#mobile-menu  ul li a:visited {
	color: #ffffff;
	text-decoration:none
}


/* =Store
-------------------------------------------------------------- */


#content-store {
	float: right;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#content-store .buttons {
    position: absolute;
    bottom: 0;
	width: 100%;
	margin-bottom: 20px;
}

#content-store .button {
    text-decoration: none;
    font-size: 14px;
    padding: 5px 8px 6px;
    background-color: #222222;
    margin: 10px 2px 0;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}

#content-store p {
	margin: 10px 30px;
}
#content-store h2 {
    margin: 10px 0 10px;
    color: #b85818;
    font-size: 20px;
    line-height: 22px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

#content-store h3 {
    margin: 8px 0 8px;
    color: #d97075;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

#content-store img {
	max-width: 100%;
	height: auto;
}
#content-store .product {
    width: 450px;
	padding-bottom: 56px;
    position: relative;
    margin: 0px 0 40px ;
	background: rgba(232, 224, 215, 1)
}
#content-store .product:nth-child(odd) {
	float: left
}
#content-store .product:nth-child(even) {
	float: right
}

.page-template-store-page-php #primary {
	width: 100%;
}

.page-template-preorder-page-php #primary {
	width: 100%;
}

.page-template-store-page-php #store-footer {
	display: none
}

.page-template-store-page-php article {
    margin: 0 0 10px;
    padding-bottom: 5px;
    border-bottom: none; 
}

.page-template-preorder-page-php article {
    margin: 0 0 10px;
    padding-bottom: 5px;
    border-bottom: none; 
}

/*.page-template-store-page-php #touts {
     display: none
}

.page-template-preorder-page-php #touts {
     display: none
}
*/


#tour-dates .bit-widget .bit-top-track-button, #tour-dates .bit-rsvp-container,  #tour-dates .bit-widget .bit-nav-bar-container, #tour-dates .bit-upcoming-events-show-all-button, #tour-dates .bit-event-list-title.bit-show-upcoming {
	display: none;
}

#tour-dates .bit-widget .bit-event .bit-date, #tour-dates .bit-widget .bit-event .bit-location {
    font-weight: 400;
}


#tour-dates .bit-widget {
	font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
	color: #222222;
}

#tour-dates .bit-widget .bit-upcoming-events, #tour-dates .bit-widget .bit-past-events {
    margin-bottom: 8px;
    margin: 0px;
}

#tour-dates .bit-widget .bit-event {
    border-top: 1px solid #c5c5c5;
}

#tour-dates .bit-widget .bit-venue {
    text-transform: uppercase;
	font-size: 20px;
    line-height: 22px;
}

#tour-dates .bit-widget .bit-event .bit-offers-container {
    flex-basis: initial;
    margin-left: 0px;
}

#tour-dates .bit-widget .bit-event .bit-button {
    line-height: 26px;
    font-weight: 600;
    padding: 2px 8px 4px 8px;
}

#tour-dates .bit-widget .bit-event .bit-offers-text, #tour-dates .bit-widget .bit-event .bit-rsvp {
    font-size: 12px;
}





/* =Splash Page
-------------------------------------------------------------- */

.splashpage {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	/*display: none;*/
	float: left;
	height: 100%;
	width: 100%;
	position: fixed; /* Stay in place */
	z-index: 102; /* Sit on top */
	left: 0;
	top: 0px;
	background-color: #222222;
	overflow-x: hidden; /* Disable horizontal scroll */
}
/* Position the content inside the overlay */
.splashpage .overlay-content-wrap {
	margin: 0 auto;
}
.splashpage .overlay-content-grid {
    cursor: default;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-30%, -50%);
    color: #fff;
}
.close-button {
    position: fixed;
    display: inline-block;
    padding: 10px 14px;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, .3);
    color: #ffffff;
    border: 2px solid #ffffff;
	font-weight: bold;
	cursor: pointer;
}

.splashpage .button {
    display: inline-block;
    padding: 10px 14px;
    background: rgba(255, 255, 255, .3);
    color: #ffffff;
    border: 2px solid #ffffff;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	margin: 5px 2px;
}	

.splashpage .button a:hover, a:visited:hover {
	color: #222222;
}
	
#social-splash {
position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px 20px;
	font-size: 20px;
}

#social-splash a{
	display: block;
	padding: 10px 0;
	color: #ffffff;
}

.splashpage hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #fff;
    margin: 5px 74px;
    padding: 0;
}

.splashpage h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 5px 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}

.splashpage h3 {
    font-size: 30px;
    line-height: 30px;
    margin: 15px 0 5px;
}

.splashpage h4 {
    font-size: 22px;
    line-height: 24px;
    margin: 2px 0px;
}

.splashpage .logo {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}
.splashpage .logo img {
	max-width: 100%;
    height: auto;
	margin-top: 6px;
}




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




#header .button {
    font-size: 14px;
	line-height: 15px;
    padding: 8px 12px 9px;
    margin: 3px 0px;
    font-weight: 500;
    color: #ffffff;
	text-align: center;
}

.container {
    width: 100%;
    position: relative;
}
.width-940 {
    width: 90%;
	margin: 0 auto;
	text-align: left;
}

.links a,
.links a:visited {
    text-decoration: none;
    width: auto;
}

.top-logo {
    width: 200px;
    display: block;
}

.container h3 {
    text-shadow: rgba(255, 255, 255, 1) 0px 0px 10px;
}

.m-base-0 { margin-bottom: 0px; }
.m-top-0 { margin-top: 0px; }
.orange-text { color: #f17122; }
.brown-btn { background: #b85818; }


.orange-btn {
	background: #f17122;
	border: 1px solid #f17122;}

.black-btn {
    background: rgb(250 250 250 / 80%)!important;
    border: 1px solid #c5c5c5;
    color: #222222!important;
}

.dt-p-left-80 {
    padding-left: 80px;
}

@media only screen and (min-width: 600px) {

	.line-break {
		display: none;
	}
}


@media only screen and (min-width: 960px) {

	body {
		background: url(images/tsow-20-background-01.jpg);
		background-color: #fafafa;
		background-position: top;
		background-repeat: no-repeat;
	}

	.width-940 {
		width: 940px;
	}
	.top-logo {
		width: auto;
	}
	.links a,
	.links a:visited {
	text-align: left;
	display: table;
}
#header .button {
    display: table;
    text-align: left;
}
}



/* =Responsive (WIP)
-------------------------------------------------------------- */

	
@media only screen and (max-width:813px) {
	

.button_container {
	top: 20px;
	left: 20px;
}
	
#logo {
    top: 30px;

}
#inner {
	width: 80%;
    padding: 5%;
}
	
#logo-mobile {
    display: block;
}
.mobile-break {
    display: inherit;
}
	
#primary.mobile-only {
	display: block;
}

#primary.desktop {
	display: none;
}

.home #main #primary {
    margin: 0px;
	margin-bottom: 40px;
}
.home #main #sidebar-home-left, .home #main #sidebar-home-right, .home #main #primary {
    float: none;
    width: 100%;
}
	
#header {
    background-size: contain;
	margin: 30px auto 20px
}
#navigation {
    display: none;
}
#store-footer {
	display: none
}
#colophon {
    display: none
}
#colophon .menu {
    width: 100%;
	left: 0;
}
#footer-mobile {
 display: block;
}
#logo img {
    max-width: 80%;
}
.right-sidebar #primary {
    width: 100%;
}
.right-sidebar #secondary {
    display: none
}
	
.mobile-hide {
	display: none;
}
	
#mobile-menu-open {
    display: block;
}
#content-store .product {
    width: 100%;
    margin: 0px 0 30px;
	padding-bottom: 0px;
}
#content-store .buttons {
    position: relative;
}
#content-store p {
    margin: 0 10px;
}
#touts {
    width: 90%;
    margin: 40px 0 20px;
}
}

@media only screen and (max-width:760px) {
.music-post {
    width: 100%;
}

.music-entry-image {
    width: 100%;
}
.music-entry-content {
    float: left;
    width: 100%;
}
}


@media only screen and (max-width:420px) {
	
.splashpage .overlay-content-grid {
    left: 50%;
    transform: translate(-50%, -50%);
	width: 90%;
}
#social-splash {
    display: none;
}
.splashpage .logo img {
    max-width: 50%;
}

.splashpage .button {
    padding: 6px 10px;
	font-size: 12px;
	border: 1px solid #ffffff;
}
.close-button {
    padding: 10px 0px;
    font-size: 12px;
    top: 0px;
    right: 0px;
    width: 100%;
    border: 0px;
    background: rgba(255, 255, 255, .5);
}
.splashpage h3 {
    font-size: 22px;
    line-height: 22px;
    margin: 15px 0 5px;
}
.splashpage h2 {
    font-size: 22px;
    line-height: 22px;
    margin: 5px 0 5px;
}
.splashpage h4 {
    font-size: 22px;
    line-height: 22px;
    margin: 5px 0 5px;
}
.splashpage hr {
    height: 1px;
    border-top: 1px solid #fff;
    margin: 5px 74px;
}
}

@media only screen and (max-width:365px) {
.embed-container {
    padding-bottom: 38.5%;
}
}
