/*
Theme Name: Patty Griffin
Author: sprclldr
Author URI: http://sprclldr.com/
Description: The base theme is a the starting point for all of our custom theme work. It's a combination of best practices and experience accumulated by our team.
Version: 1.0

The Base Theme is licensed under the GPL license. Feel free to use the Base Theme for commercial and non-commercial ventures. Though it is not required, we do appreciate a link.

Standards are always changing, so make sure you are up-to-date.
Last updated: 02-24-2012
*/

.right, .alignright { float: right; }
.left, .alignleft { float: left; }
.aligncenter { margin: 0 auto; display:block; }
.clear { clear: both; }

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 */

/*
================================================================================
 *
 Normalize -------------
 *
================================================================================
 */

* {margin:0; padding:0; box-sizing: border-box;}

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; text-rendering: optimizeLegibility;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; text-decoration: none;}
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn, em { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
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: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
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; *width: 13px; *height: 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; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/*
MOBILE IS DEFAULT
*/


/*
================================================================================
 *
 Primary styles -------------
 *
================================================================================
 */

/* =============================================================================
   Setup
   ========================================================================== */

p {font-family: "chaparral-pro",sans-serif;}
h1 {}
h2 {}
h3 {}
h4, h5, h6 {}
blockquote p:before {}
blockquote p:after {}

/* =============================================================================
   Global
   ========================================================================== */
   
#wrapper {}

/* =============================================================================
   Header
   ========================================================================== */
   
ul#menu-main-menu {font-family: "chaparral-pro",sans-serif; font-size: 1.25em; font-weight: bold; text-align: center; background-color: #8b000d;}

ul#menu-main-menu li {padding: 10px 0; position: relative;}
ul#menu-main-menu li a {font-style: normal; text-transform: uppercase; font-size: .75em; }
ul#menu-main-menu li a:after {width: 95%; height: 1px; content: ''; background-color: #5e2024; border-top: 1px solid #3f0206; border-bottom: 1px solid #9d2833; z-index: 5; position: absolute; top: 45px; left: 10px;} 
ul#menu-main-menu li:last-child a:after {border: none; background-color: transparent;}

.social-menu {width: 100%; margin: 0 auto; background-color: #480207; padding: 10px 0;}
ul#menu-main-menu li a, .social-menu a, ul#menu-main-menu-1 li a  {color: #d9cdc2;}
ul.social-menu {text-align: center;}
ul.social-menu li {display: inline-block; margin-right: 15px;}
ul.social-menu li a {color: #fff; }
ul.social-menu li a:last-child {padding: 0;}

.header-image-wrapper {width: 100%; background-color: #e1d4c5; }
a.header-image {width: 304px; height: 154px; background-image: url('img/mobile_header_image.png'); background-repeat: no-repeat; margin: 0 auto; display: block;}
#menu-trigger {color: #480207; text-transform: uppercase; font-weight: bold; width: 100%; text-align: center; display: block; padding: 15px 0px;}
.fa-bars {padding-right: 5px;}
#header-menu {display: none;}

i.fa.fa-caret-right {display: block; color: #d9cdc2; z-index: 5; font-size: 1em; position: absolute; right: 20px; top: 15px;}

/* =============================================================================
   page-content-wrapper
   ========================================================================== */

  

/* =============================================================================
   Content
   ========================================================================== */

.purchase-album-wrapper {width: 100%; height: 357px; background-image: url('img/album_background-m.jpg'); background-repeat: repeat-x;}
.mailing-list-wrapper {width: 100%; height: auto; background-color: #e1d4c5; padding: 15px 0;}
.star-graphic {width: 49px; height: 54px; background-image: url('img/star_mailinglist-m.png'); background-repeat: no-repeat; margin: 0 auto;}
.star-border {width: 307px; height: 25px; background-image: url('img/star_border-m.png'); background-repeat: no-repeat; margin: 0 auto;}

.album-cover {width: 210px; padding: 25px 0; margin: 0 auto;}
.page-content-wrapper {color: #480207; background-color: #e1d4c5; text-align: center; padding: 0px 15px 5px;}
.purchase-album-wrapper .slide-titles {background-color: transparent;}
.news-wrapper, .twitter-wrapper {background-color: #bdac99; padding: 25px 0;}
.news-wrapper img {width: 100%; height: auto;}
.news-wrapper a {color: #480207;}
.news-wrapper a:hover {color: #666;}
.news-wrapper h4.news-title {font-family: "chaparral-pro",sans-serif; font-size: 1.25em; color: #3b0408; text-align: center; padding-bottom: 15px; text-transform: uppercase; padding: 0 15px 15px;}

.twitter-content {padding: 23px 0;}

h3.news-title, h3.twitter-title {height: 21px;  background-repeat: no-repeat; margin: 0 auto;}
h3.news-title {width: 120px; background-image: url('img/recentnews_title-m.png');}
h3.twitter-title {width: 137px; background-image: url('img/recenttweets_title-m.png');}
.home .page-content, .slide-titles p,  a.slide-titles h3 {color: #f3eed8; text-align: center; padding: 0 25px;}
.news-wrapper p, .twitter-wrapper p {color: #480207; padding: 0 20px;}
.slide-titles p {text-align: center; color: #480207;}

.page-id-14 .child-page-menu li, .page-child .child-page-menu li {font-family: "chaparral-pro",sans-serif; font-style: italic; list-style-type: none; display: inline-block; padding: 0 10px; border-right: 1px solid #480207;}
.page-id-14 .child-page-menu li:last-child, .page-child .child-page-menu li:last-child {border: none;}
.page-id-14 .child-page-menu li a, .page-child .child-page-menu li a {color: #480207;}

.center-column.page {background-color: #e1d4c5;}
.page-icon {width: 61px; height: 67px; margin: 0 auto 15px; padding: 15px 0 25px;}

#post-129 .page-content {font-family: "chaparral-pro",sans-serif; color: #480207;}

.instagram-wrapper {background-color: #480207; padding: 45px 0; display: block;}
.instagram-title {width: 109px; height: 21px; background-image: url('img/recentpics_text.png'); background-repeat: no-repeat; margin: 0 auto 25px;}
.instagram-wrapper img {width: 50%; height: 50%; display: block; margin: 25px auto 0; position: relative; top:25px; /* z-index: -1; */}
.instagram-logo {width: 114px; height: 25px; background-image: url('img/instagram_logo.png'); margin: 40px auto 0;}

.post-content img {max-width: 100%;}
.post-content a {font-weight: bold;}


/* =============================================================================
  	Blog Page ("News")
   ========================================================================== */
   
#blog-content {padding: 30px 50px 0 50px;}
.center-column.news {position: relative;}
.sparrow, .page-icon {/* width: 485px;  */display: block; margin: 0 auto;}
.post-content h2, h2.page-title, h2.post-title, h2.media-title, h2 a.media-title, h2.gallery-title, #blog-content h2 a, .page-content-wrapper h2 a {font-family: "french-clarendon-ornamented",sans-serif; font-size: 2em; font-weight: normal; text-transform: uppercase; color: #8b000d;}
h2.media-title {font-size: 2.5em;}
#blog-content h2 a {font-size: 1.5em; color: #3b0408;}
.single #blog-content h2 a {font-size: 2em;}
h2.page-title.mobile, h2.page-title {font-family: "hwt-american-solid",sans-serif; font-size: 1.5em; font-weight: normal; color: #8b000d; text-transform: uppercase; text-align: center; background-color: #e1d4c5; padding: 15px 0 10px;}
.lines {width: 496px; background-image: url('img/lines.png'); background-repeat: repeat-y; position: absolute; top: 686px; left: 8px; right: 0; bottom: 0; margin-bottom: 25px; z-index: -1;} 
.bottom-lines {width: 500px; height: 15px; background-image: url('img/bottom-lines.png'); background-repeat: no-repeat; }
.blog .post-content, #blog-content #post-content {color: #480207;}
.blog .post-content {padding: 0 25px;}
.post-content a, #post-meta a, .twitter-wrapper a {color: #480207;}
#post-meta {padding: 10px 0 15px; color: #480207;}

.newer-older {margin: 25px 0;}
.newer-older a {color: #8b000d;}
.older {float: left;}
.newer {float: right;}

.page-content-wrapper p a img {width: 100%; height: auto;}

/* =============================================================================
   404
   ========================================================================== */
   
.error404 .page-content-wrapper {padding: 65px 0 80px;}

/* =============================================================================
  	Tour Page
   ========================================================================== */

#bit-events {font-family: "chaparral-pro",sans-serif;}
#bit-events a.bit-track-artist-header .bit-invert {background-color: #480207 !important;}
#bit-events td.bit-concert a.bit-buy-tix, #bit-events tr.bit-header-narrow a {color: #480207;}
#bit-events td.bit-concert a.bit-buy-tix {font-weight: bold; text-transform: uppercase;}
#bit-events .bit-notify {color: #8b000d;}
label.bit-uiButton .bit-uiButtonDefault  {background-color: red !important;}
#bit-events .bit-rsvp {padding-right: 0 !important;}

/* =============================================================================
  	Tour Sidebar
   ========================================================================== */

.home a.bit-track-artist-header {height: 0; /* border: none !important; */ display: none !important;}
.home .bit-date {border: none !important;}
.tour-content {padding: 0 15px;}

.tour-wrapper .mobile {width: 100%; background-image: url('img/tour_bknd_mobile.jpg'); background-repeat: repeat; padding: 25px 0;} 
.starburst {width: 49px; height: 54px; background-image: url('img/star_beige.png'); background-repeat: no-repeat; margin: auto;}
.upcoming-shows {width: 146px; height: 79px; background-image: url('img/upcomingshows.png'); background-repeat: no-repeat; margin: 20px auto;}

/* text color of tour listings */
.home span.bit-share-text, .home span.bit-header-links, .home td.bit-date, .home #bit-events td.bit-concert, .home #bit-events td.bit-concert a.bit-buy-tix,  .home #bit-events td.bit-concert a.bit-buy-tix, .home #bit-events tr.bit-header-narrow a {color: #fff !important;}

.page span.bit-share-text, .page span.bit-header-links, .page td.bit-date, .page #bit-events td.bit-concert, .page #bit-events td.bit-concert a.bit-buy-tix, .page #bit-events td.bit-concert a.bit-buy-tix, .page #bit-events tr.bit-header-narrow a {/* color: #8b000d; */ color: #480207;}

.bands-in-town-wrapper span.bit-share-text, .bands-in-town-wrapper span.bit-header-links, .bands-in-town-wrapper td.bit-date, .bands-in-town-wrapper #bit-events td.bit-concert, .bands-in-town-wrapper #bit-events td.bit-concert a.bit-buy-tix, .bands-in-town-wrapper #bit-events td.bit-concert a.bit-buy-tix, .bands-in-town-wrapper #bit-events tr.bit-header-narrow a {color: #480207 !important;}

#widget-sidebar .bit-track-artist-header {display: none !important;}
.mobile.page-template-page-tour-php #widget-sidebar .bit-track-artist-header {display: block !important;}

/* =============================================================================
  	Media Pages
   ========================================================================== */
   
.media-wrapper {margin: 15px 0 25px;}
.album-title {font-family: "french-clarendon-ornamented",sans-serif; font-size: 2.25em; color: #8b000d; text-transform: uppercase;}
.album-year {font-family: "chaparral-pro",sans-serif; font-size: 1em; font-weight: bold;}
a.view-more {font-family: "chaparral-pro",sans-serif; font-size: 1em; color: #8b000d;}
.video-info-wrapper, .photo-info-wrapper, .discography-wrapper {font-family: "chaparral-pro",sans-serif;} 

.gallery-wrapper {margin-bottom: 25px;}
.gallery img {margin-bottom: 15px;}

/* =============================================================================
  	Gallery
   ========================================================================== */
   
.gallery-content {width: 100%;}   
.gallery-wrapper {}   
.gallery-item {}
.gallery-item:nth-child(1n+1) {margin-right: 50px;} 
.gallery {margin: 0 auto;}
.gallery img {border: none;}


/* =============================================================================
   Contact Form
   ========================================================================== */

.mailing-list-title {width: 198px; height: 79px; background-image: url('img/joinmailinglist_type.png'); margin: 10px auto;}
.mailing-list-form {margin: 0 auto; padding: 25px 0; font-family: "chaparral-pro",sans-serif; }
form#gform_1 {width: 75%; margin: 0 auto;}
#gform_submit_button_1 {font-family: "chaparral-pro",sans-serif; color: #480207; text-transform: uppercase; background-color: #b3a18d;  padding: 6px 7px 4px 7px; border: none; margin-left: 190px;}
label.gfield_label {font-weight: normal !important; text-transform: uppercase; float: left; padding-right: 15px;}
#gform_wrapper_1 { color: #480207;}
.gform_wrapper .top_label input.medium {width:65% !important;}
.page-id-129 #gform_submit_button_1 {display: block; margin: 0 auto;}
input#input_1_1.medium {margin-left: 2px;}

/* =============================================================================
  Footer
   ========================================================================== */


.footer-wrapper {font-family: "chaparral-pro",sans-serif; padding: 55px 0;}
.copyright {color: #480207; text-align: center;}





/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
   
   
/* =============================================================================
   Global
   ========================================================================== */

html {background-image: url('img/background_texture.jpg');}
html, body {overflow-x: hidden;}
#wrapper {width: 1200px; height: auto; margin: 0 auto;}

/* =============================================================================
   Header
   ========================================================================== */

.header-wrapper {width: 1200px; height: 119px; background-image: url('img/header_texture.jpg'); background-repeat: no-repeat; margin-bottom: 15px; position: relative;}
.header-wrapper:before, .header-wrapper:after {width: 500px; height: 119px; display: block; content: ''; background-image: url('img/header_texture.jpg'); background-repeat: repeat-x; position: absolute; z-index: 50;} 
.header-wrapper:before {top: 0; left: -500px;}
.header-wrapper:after {top: 0px; right: -500px;}

#header-menu {display: inline-block;}

ul#menu-main-menu {font-family: "chaparral-pro",sans-serif; font-size: 1.05em; font-weight: normal; text-align: left; background-color: transparent;}
ul#menu-main-menu li, ul#menu-main-menu-1 li  {list-style-type: none; display: inline-block;}
ul#menu-main-menu li {padding: 0; }

ul#menu-main-menu li a {font-family: AtlantisNormal; font-weight: bold;  padding-right: 25px;}
/* ul#menu-main-menu li#menu-item-18 {text-indent: -9999px;}  */
ul.social-menu {text-align: left; padding-left: 40px;}
ul.social-menu li a {color: #d9cdc2;}

#header-menu {float: left; padding: 75px 0 0 225px;}
.social-menu a, .copyright {color: #d9cdc2;}
.social-menu {width: 470px; margin: 0; float: right; padding-top: 75px; background-color: transparent;}
.copyright {text-align: left;}

i.fa.fa-caret-right {display: none;}
ul#menu-main-menu li a:after {display: none;}



/* =============================================================================
   Slideshow
   ========================================================================== */

.slideshow {padding-top: 15px;}   
.slide-titles h3 {text-transform: uppercase; font-size: 1.25em; color: #f3eed8; font-family: "french-clarendon-ornamented",sans-serif; font-size: 36px; font-weight: normal;}
.slide-titles p {color: #f3eed8; line-height: 1.25; }   
.slide img {margin-bottom: 70px;}    
   


/* =============================================================================
   Content
   ========================================================================== */
   
#content {width: 990px; margin: 0 auto;}   
.left-column, .center-column, .right-column {float: left;}
.center-column {margin: 0 20px;}
.news-wrapper {width: 213px; height: 243px; background-image: url('img/news_graphic.png'); background-color: transparent; background-repeat: no-repeat; padding: 0; margin: 0 0 18px 0; text-align: center; line-height: 1.25;}
.news-wrapper p {padding: 0 5px;} 
.news-text {padding: 65px 60px 0;}
.news-title {padding-bottom: 5px;}
.news-wrapper h4.news-title {font-size: .8em; padding: 0;}
.news-content .excerpt, .twitter-wrapper p {font-size: 13px;}
.excerpt a, .twitter-wrapper p {color: #480207;}

.merch-wrapper {width: 208px; height: 340px; background-image: url('img/merch_graphic.png'); background-repeat: no-repeat; margin: 0 0 5px 0;}
.decorative-element {width: 223px; height: 111px; background-image: url('img/decorative_graphic.png'); background-repeat: no-repeat;}
.center-column.home {width: 504px; height: 735px; background-image: url('img/center_graphic.png'); background-repeat: no-repeat;}
.center-column.news, .center-column.page {width: 504px; background-image: url('img/center-graphic-page.png'); background-repeat: no-repeat; text-align: center;}


a.home-button {width: 504px; height: 200px; margin: 0 auto; background-color: transparent; display: block;}

.mailing-list-wrapper {width: 219px; height: 193px; background-color: transparent; background-image: url('img/mailing_list_graphic.png'); background-repeat: no-repeat; margin: 0 0 10px 0;}
.mailing-list-wrapper a {width: 219px; height: 200px; display: block; margin: 0 auto;}
.instagram-wrapper {width: 210px; height: 240px; padding: 0; margin: 0 0 10px 0; position: relative;}
.instagram-wrapper-frame {width: 100%; height: 100%;  background-image: url('img/instagram_graphic.png'); background-repeat: no-repeat; position: absolute;}
.twitter-wrapper {width: 217px; height: 300px; background-image: url('img/twitter_graphic.png'); background-repeat: no-repeat; background-color: transparent; padding: 50px 31px 0 31px; line-height: 1.25;}
/* .blog .twitter-wrapper, .page .twitter-wrapper, .error404 .twitter-wrapper {padding-top: 50px;} */
.twitter-content {width: 155px; height: 220px ; overflow: hidden;}
.twitter-wrapper p {word-wrap:break-word;}


.center-column .slide, .center-column.page .slide {width: 455px; color: #fff; padding: 0 50px; margin: 0 auto; display: block; text-align: center;}

.center-column.page, .center-column.news {padding-top: 15px; position: relative; background-color: transparent;}
.center-column.news {padding-top: 0px;}
/* .blog .center-column.news  */


.center-column.page .slide, .blog .post-content, .single .post-content {color: #480207; padding-bottom: 50px;}
.blog .post-content p, .center-column.news p {text-align: left;}
.page-content-wrapper {background-color: transparent; padding: 0 65px 25px; text-align: left;}
.slideshow .page-content p {text-align: left;}

#post-129 .page-content {padding-bottom: 300px;}
.page-id-129 .gform_wrapper .top_label input.medium {width:72% !important;}

.instagram-wrapper {background-color: transparent; margin: 0;}
.instagram-wrapper img {width: 178px; height: 178px; z-index: -1;}

/* =============================================================================
  	Blog Page ("News")
   ========================================================================== */
   
#blog-content {padding: 25px;}   
#blog-content .post {padding: 0 25px;}
.center-column.news {position: relative;}
.sparrow, .page-icon {width: 485px; display: block; margin: 0 auto;}
.lines {width: 496px; background-image: url('img/lines.png'); background-repeat: repeat-y; position: absolute; top: 686px; left: 8px; right: 0; bottom: 0; margin-bottom: 25px;} 
.bottom-lines {width: 500px; height: 15px; background-image: url('img/bottom-lines.png'); background-repeat: no-repeat; }
.post-content a, .post-meta a, .twitter-wrapper a {color: #480207;}
.post-content a:hover {color: #666;}
h2.page-title {background-color: transparent;}
#post-content p {text-align: left;}
.newer-older {width: 462px; height: 39px; background-image: url('img/newerolder_bknd.png'); color: white; margin: 0;}
.newer-older a {color: #fff;}
.older {padding: 10px 0 0 75px;}
.newer {padding: 10px 75px 0 0;}
#post-content {margin-bottom: 25px;}
#post-meta a {color: #480207;}

/* =============================================================================
  	Tour Module
   ========================================================================== */

.bands-in-town-wrapper {width: 208px; height: 340px; background-image: url('img/tour_graphic.png'); background-repeat: no-repeat; margin: 0 0 20px 0;} 

#bit-events a.bit-track-artist-header .bit-invert {background-color: #480207 !important;}
#bit-events td.bit-concert a.bit-buy-tix, #bit-events tr.bit-header-narrow a {color: #480207;}
#bit-events td.bit-concert a.bit-buy-tix {font-weight: bold; text-transform: uppercase;}

.bands-in-town-content table.bit-events-narrow {width: 100% !important;}
.bands-in-town-content {width: 200px; height: 285px; overflow: hidden; padding: 80px 10px 0 10px;  margin: 0 auto;}

.bands-in-town-content .bit-notify, .tour-content .bit-header-narrow {display: none;}
.bands-in-town-content #bit-events a.bit-track-artist-header .bit-invert {display: none !important; border: none;}
.bands-in-town-content #bit-events, #bit-events[data-bit-widget-id='1401745034897'] a.bit-track-artist-header {border: none;} 
.bands-in-town-content #bit-events[data-bit-widget-id='1401909400459'] a.bit-track-artist-header {display: none;}

span.bit-share-text, span.bit-header-links, td.bit-date, #bit-events td.bit-concert, #bit-events td.bit-concert a.bit-buy-tix, #bit-events td.bit-concert a.bit-buy-tix, #bit-events tr.bit-header-narrow a {color: #8b000d;}

a.product-link {width: 155px; padding: 85px 15px 0 15px; margin: 0 auto; display: block; font-family: "chaparral-pro",sans-serif;  text-align: center; color: #480207; font-size: 15px; }
.product-wrapper {line-height: 1.25;}
.product-image {margin-bottom: 15px;}


/* =============================================================================
   Media Page
   ========================================================================== */
.child-page-menu {margin-bottom: 50px; text-align: center;}   
   
.album-cover-image, .album-info-wrapper, .photo-image, .photo-info-wrapper, .video-still-image, .video-info-wrapper {float: left;}
.album-cover-image, .photo-image, .video-still-image {margin: 5px 15px 0 0;}
.album-info-wrapper, .photo-info-wrapper, .video-info-wrapper {width: 215px; }
.media-wrapper, .media-wrapper p {text-align: left;}
.page-id-57 .media-wrapper {margin-bottom: 25px;}  
/* h2.media-title, h2 a.media-title {font-size: 2em;}  */
.discography-wrapper {margin-bottom: 15px;}
.gallery-content {width: 500px;}   

a.fancybox {margin-right:10px;}
  
   

/* =============================================================================
   404
   ========================================================================== */
   
#error404 {padding-top: 250px; text-align: center;}   

/* =============================================================================
  Footer
   ========================================================================== */
   
   
.footer-wrapper {width: 1200px; height: 131px; background-image: url('img/footer_texture.jpg'); background-repeat: no-repeat; float: left; margin: 10px 0 0 0; position: relative;}  
.footer-wrapper:before, .footer-wrapper:after {width: 1200px; height: 131px; content: ''; background-image: url('img/footer_texture.jpg'); background-repeat: repeat-x; display: block; position: absolute; z-index: 50;}
.footer-wrapper:before {top: 0; left: -1200px;}
.footer-wrapper:after {top: 0; right: -1200px;}
 
.main-menu-wrapper.footer {float: left; padding-left: 270px;}
.copyright {float: right; padding-right: 270px}
.copyright span {text-transform: uppercase;}   
ul#menu-main-menu-1, .copyright {padding-top: 30px;}   
/* ul#menu-main-menu-1 li:first-child {text-indent: -9999px;} */
ul#menu-main-menu-1 {text-transform: uppercase;}
ul#menu-main-menu-1 li a {padding-right: 15px;}   
   
   
   
      
}


/*
================================================================================
 *
 Non-semantic helper classes -------------
 Please define your styles before this section.
 *
================================================================================
 */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/*
================================================================================
 *
 Print styles -------------
 Inlined to avoid required HTTP connection: h5bp.com/r
 *
================================================================================
 */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



/* Applauze Widget Styles */
.az-widget-custom-buy-tickets a {
  background-color: #8b000d;
  color: white;
  padding: 5px;
  text-transform: uppercase; }

.az-widget-custom-table {
  width: 100%;
  line-height: 1.25;
  color: #480207; }

.az_widget-custom-tr {
  border-bottom: 1px solid #E9E9E9; }

.az-widget-custom-narrow-locality {
  font-weight: bold; }

.az-widget-custom-td-venue-and-locality {
  font-size: 14px;
  text-align: left; }

.az-widget-custom-month {
  display: block; }

.az-widget-custom-td-date {
  padding-right: 15px;
  font-family: serif; }

.az-widget-custom-td {
  vertical-align: middle;
  padding-bottom: 5px;
  padding-top: 5px; }

.az-widget-custom-td-tickets {
  text-align: right;
  font-size: 11px;
  width: 35%; }

.az-widget-custom-narrow-notes {
  display: block;
  padding-right: 10px; }

.az-widget-show-all-dates {
  display: none; }

.az-more-wrap {
  margin: 5px 0 0 0;
  text-align: center; }

.az-more {
  font-size: 13px;
  color: #480207; }
  .az-more:visited {
    color: #480207; }
  .az-more:focus, .az-more:hover {
    color: #480207;
    text-decoration: underline; }

.mobile .bands-in-town-content {
   margin: 0 20px;
   background: white url('http://www.pattygriffin.com/wp-content/themes/patty/img/background_texture.jpg');
   padding: 5px 10px;
}

/*** end Applauze Widget Styles */