/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}
.center {text-align: center}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
 
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
    margin: 0;
    padding: 0;
}

textarea {
  resize: vertical;
}

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

.main select { font-size: 1rem; }


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
table .fb-sender.fb_iframe_widget,
table .more-detail  {
  display: none;
}
/* ==============
    MOBILE: Menu
   ============== */
nav {
  display: none;
  width: 90%;
  margin-top:4px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  background: url('/img/background.svg') ;
}
.no-svg nav {
  background-image: url('/img/background.png') ;
}
nav li.patreon a {color: #222;}
section.patreon > h1 {background-color: #222 }
nav ul {
  margin: 0;
  padding: 0; 
}
nav li a {
  text-decoration: none;
  display: block;
}
nav li {
  line-height: 2.5em;
  border-top: none;
  display: block;
  padding: 4px 8px;
} 
nav li a {
  text-decoration: none; 
}
section.content input.RegSubmit {
  min-width: 120px;
  font-weight: bold;
}
#menu-toggle { 
  border-radius: 9px; 
}  
input.RegSubmit,
.button,
.show a.tickets { 
  border-radius: 3px; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}  
aside form.f-addTolist .RegSubmit {
  margin-left: 0;
} 
aside .f-addTolist input:first-child {
  display: block;
  width: 100%;
  margin-bottom: .5em;
}
#menu-toggle {
  padding: 1rem 0 2rem 2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: .8rem;
}
#menu-toggle a {
  font-weight: normal;
  margin-left: 12px;
} 

/* ==============
    MOBILE: Main
   ============== */
body {
  font-size: 110%;
  font-family: 'AvenirNext', Helvetica, Arial, sans-serif;
} 
input.RegSubmit, strong {
  font-family: 'AvenirNext' !important;
  font-weight: 700;
  font-style: normal;
}
em, address {
  font-style: italic;
  font-weight: normal;
}
cite,var {
  font-weight: normal;
  font-style: normal;
}
.signature .website, 
.tagline {
  display: block
}
.wrapper {
  width: 100%;
  margin: 0;
}
@font-face {
  font-family: 'league_gothicregular';
  src: url('/fonts/league_gothic-webfont.eot');
  src: url('/fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/league_gothic-webfont.woff') format('woff'),
       url('/fonts/league_gothic-webfont.ttf') format('truetype'),
       url('/fonts/league_gothic-webfont.svg#league_gothicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/fonts/AvenirNext-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/fonts/AvenirNext-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/fonts/AvenirNext-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/fonts/AvenirNext-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/fonts/AvenirNext-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
footer,
.main,
header section.pressKitTitle,
#press blockquote cite, 
#press blockquote .permalink  {
  font-size: .9rem;
  line-height: 1.5em;
}



/*=bottom*/
#album3 .purchase_options form,
.purchase_options,
.paypalticket,
#fan form.update_postal_code,
.introduction blockquote,
.album table.products .also_at,
.main ul,
.main ol, 
table, 
p.photocredit,
.hasTabs,
.video-object {
  margin-bottom: 25px;
}
section.content {
  padding-bottom: 1rem;
}
blockquote,
.flickr_badge_uber_wrapper img {
  margin-bottom: 12px;
}
#press div.cont_quote h2 {
  font-size: 1.333333em;
}
nav li a,
section.content h1,
#the-2-bands h1 {
  font-size:1.25em;
  font-weight: 700;
}
h3 {
  font-size: 1rem;
  font-weight: 500;
  }
h4 {
  font-size: .9rem;
  font-weight: 700;
  }
h5,h6 {
  font-weight: 700;
  }
    
p {
  padding: 0;
  margin: 0 0 12px 0;
}
.ui-dialog {
  -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
border:1px solid #eee;
}
.ui-dialog,
h6 {
  font-size: 1rem;
}
h1 {
  margin-top: 0;
  margin-bottom: 12px;
  color: #5fafb2;   /* teal */
}
h4,h5,h6 {
  margin-top: 0;
  margin-bottom: 6px;
}
h2 {
  font-weight: 500;
  line-height: 1.5;
}

/* ── Public page: heading colors (migrated from latuza.css) ───────────── */
h2, h3 { color: #f36822; }  /* orange brand color */

/* ── Public page: table styling (migrated from latuza.css) ───────────── */
/* Overrides the slightly different defaults in main.css for public pages  */
table td { border: none; border-bottom: 1px solid #f1f1f1; }
table th { color: #5fafb2; background: #f1f1f1; }

h1 em, h2 em, h4 em {
  font-weight: 700;
}
#album3 .join-list h1,
h3.EPK-subtitle  {
  font-size: 1.3rem;
  font-family: 'AvenirNext';
}
#Tfans section.content {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 4rem;
}
#Tmusicians {
  padding-top: 2em;
} 
#Tbio section.content div.content-area {
  background: #fafafa;
  padding-top:24px;
}
#trio h2,
#exotica h2 {
  font-size: 1.4rem;
  margin: 2em 0 .75em 0;
  padding-bottom: .35em;
  border-bottom: 1px dotted #ddd;
}
.photo-album > a {
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 1rem;
}
h2.rms {
max-width: 4em;
font-size: 2rem;
  font-family: 'AvenirNext';
  font-weight: normal;
  text-align: left !important;
  line-height: 1;
}
#donate-button-container #donate-button img {  }
#donate-button-container #donate-button {
  margin: 2rem auto;
  text-align: center;
  width: 50%;
  }
#donate-button-container {
 
}
section.donate form h2 {
  margin: 2rem 0 1rem 0 !important;
  }
section.donate h2.rms {
  margin: 3rem auto ;
}
/*=admin */

	#login div.msg {
  	margin-bottom: 2rem;
	}
	#login form input.button {
	  margin-top:2rem;
	  color: #fff;
	  }
	  #login form input {
  	width: 100%;
  	max-width: 80%;
  	margin-left: 0;
	}
	#login form {
    margin-bottom: 4rem;
	}
	#login form h2 {
  	font-size: 1rem;
  	margin: 0 0 .5rem 0;
	} 
	#login #masthead h1 {
  	
  	font-size: 1rem;
  	
	}


 

#login .container_16  {
  width: 100%;
  max-width: 400px;
  padding: 1rem;
  box-sizing: border-box;
  margin: 0 auto;
  
}

form.cart {background: none; display: inline;}
input.cart {width: 1.2em; height: 1.2em; border: none; position: relative; top: .2em;}


/*=press kit*/
div.conference .calendly-button {
  margin: 0 auto;
  min-width: 12rem;
}
div.conference img:first-child {opacity: .5;max-height: 40px;}
div.conference p {font-size: .9rem;margin: 1rem;}
div.conference {background: #fff;

    padding: 1rem;
text-align: center;
margin-right: auto;
margin-left: auto;
}
div.dearPresenter {
  background: #f5f5f5;
  padding: .5rem 2rem 2rem 2rem;
  margin-bottom: 2rem;
  margin-right: auto;
  margin-left: auto;
}
body.pressKitChooser .czarna {
  margin-bottom: 4rem;
}
body.pressKitChooser .czarna img {
  width:250px;
  height: auto; 
}
body.pressKitChooser .czarna > div:last-child {
  padding-left: 1rem;
  padding-top: 1rem;
}

.cw-img-container,
.cw-img-container img  {
  background: #CFE0DE; 
}


.cw-img-container img {
  padding: 1rem;
  display: block;
  margin: 0 auto;
}
 
.ensemble .layout aside section.content:first-child h1 {
 display: none;
}
   
.ensemble .layout aside section.content .content-area {
  padding: 0 !important;
}
@media only screen and (min-width: 480px) {
  float: none;
  }
body.pressKitChooser section.content > .content-area > p { text-align: center; margin-bottom: 32px;}
body.pressKitChooser section.content > .content-area {
 
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
  padding-top:32px;
}
body.pressKitChooser section.content .content-area h2 {text-align: center;margin-top: 4rem;}
body section.button-row a.button {
  min-width: 6rem;
}
  body section.button-row {
  background: #f1f1f1;
  padding: 1rem 0;
  text-align: center;
  display: flex;
  /* 
  margin-bottom: 48px; */
}

body.pressKitChooser h2 {
  font-size: 2rem;
}
body  section.button-row section {
  width: 50%;
  padding: 0 .5rem;
  box-sizing: border-box;
} 
.presskitlayout .why {
  margin-top: 2rem;
  padding: 2rem 2rem .25rem 2rem;
  background: #fafafa;
}
.presskitlayout .why p,
  .presskitlayout h4.reasons {
  text-align: center;
  line-height: 1.25;
  font-size:1.5rem;
  margin:0 auto 2.5rem auto;
}
.video-object .spotify-feature {
  text-align: center;
  max-width: 20rem;
  margin: -1rem auto 2rem auto;

}
.presskitlayout .layout .spotify-feature img {
  height: 1.2rem;
}
.spotify-feature {

line-height: 2;
  font-family: 'AvenirNext';
  font-weight: 700;
}
.spotify-feature img {
  max-height: 30px;
}
.presskitlayout h4.reasons {
    margin: 2rem auto;
  } 
.presskitlayout .pressKitTitle > h4 {
  color: #fff;
  padding: .75rem 0 .5rem;
  font-family: 'AvenirNext';
}
.presskitlayout div.who-is > div  {
  flex:.4}
.presskitlayout div.who-is > div:first-child {
  flex: .6;
  padding-right: 2rem;
}
.presskitlayout section.content > h1:first-child {
  text-align: center;
  color: inherit;
}
.spanish {font-style: italic;}
.presskit-container div h2.EPK-subtitle {
  margin-top: 2rem !important;
  font-family: 'AvenirNext';
  font-weight: 700;
  font-size: 2rem !important;
  }
.presskit-container div .EPK-subtitle {
  text-align: center;
  border-bottom: none !important;
  padding-bottom: 1em !important;
}
.presskit-container section.quotes {
  padding-left: 2rem;
  white-space: nowrap;
}
.presskit-container div h3.EPK-subtitle {
 margin-top: -2rem; 
}
.presskit-container .photo-album a:hover span {
  display: block;
}
.presskit-container p.photo-album a:hover span {
  display: none;
}
.photo-album span {
  display: none;
  position: absolute;
  padding: .25rem;
  box-sizing: border-box;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: #f36822;
  opacity: .8;
  color: #fff;
}
.photo-album img {
  width: 100%;
}
.presskit-container div.morevideos a:not(:last-child),
.presskit-container div.morevideos span {
  padding-right: 1rem;
  border-right: 1px solid #ccc;
  margin-right: 1rem; 
}
.presskit-container div.morevideos {
  text-align: center;
  background: #f4f4f4;
  margin: 0 0 1.5rem 0;
 
  padding: .25rem;
} 
 
.presskit-container section.presskit .flex a.button {
  min-width: 7em;
  
}
.presskit-container section.presskit p {
  margin: 1.5rem 0;
}
.presskit-container section.presskit p .trigger_show_pdfs {
 
  margin-left: .5rem;
  white-space: nowrap;
  display: inline-block;
  padding:.5rem 0;
}  
div.presskit-container table.upcoming_shows .date a span {
  display: inline;
} 
div.presskit-container table.upcoming_shows .details .showtime {
  display: none;
}
.presskit-container table.upcoming_shows .date a span.day-part {
  font-size: inherit;
}
.presskit-container .pullquote q {  
  color: #f36822;
}
section.testimonials blockquote {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #eee;
}
section.testimonials blockquote cite {
  margin-top: .5rem;
}
section.testimonials blockquote cite .quoter {
  display: block;
}
section.testimonials blockquote cite > img {
  display: none;
}
section.testimonials blockquote img {
  float: none;
  max-width: none;
  max-height: none;
}
section.news {margin-bottom:3rem}
form.ppdonation {padding-top: 2rem}
section.donate  h2,
section.donate .artistic-statement {
  padding-top: 2rem; 
} 
section.artistic-statement img {
  width: 150px;
  height: 150px;
  float:right;
  margin:  0 0 1rem 2rem;
} 
.main ul.musicians a {
  text-decoration: none;
}
.main ul.musicians li img {
  margin-right: 1rem;
  width: 60px;
  height: 60px;
}
.main ul.musicians li strong {
  display: block;}
.main ul.musicians li {
  display: flex;
  background: none;
  align-items: center;
  padding: 0; 
  margin-bottom: 2rem;
}
img.rounded {
  border-radius: 50%;
}
section.testimonials blockquote > img {
  border-radius: 50%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1rem;
}

  body.presskitlayout .presskit-container section.testimonials p.quote cite {
    text-align: left !important;
    font-style: normal;
    font-family: inherit;
    text-transform: uppercase;
    font-size: .75rem;
  } 
  section.testimonials blockquote {
    display: flex;
    border: none;
    padding-bottom: 0;
  }
  section.testimonials blockquote cite .quoter {
    display:inline;
  }
  section.testimonials blockquote cite > img {
    display:inline;
    margin: 0 .5rem 0 .5rem;
    position: relative;
    top:-.15rem;
  }
  section.testimonials blockquote img {
    margin: 0 1rem 0 0;
  }
  section.testimonials blockquote > img {
    width: 75px;
    height: 75px;
  }

.presskit-container .pullquote blockquote {
  padding: 1rem;
  margin: 0;
  text-align: center;
}
.presskit-container .pullquote blockquote cite {
  color:#222;
  text-align: center !important;
  display: block;
} 
.presskit-container .pullquote cite img {
  height: 30px;
  max-width: 75%;
  width: auto;
  float: none;
  margin-right: 0;
  max-height: none;
}
body .media {
  font-style: italic;
}
h2 strong,
h2 em {
  font-weight: normal
}
.title {
  margin-top:32px;
  margin-left: 5%;
  width: 90%;
  margin-right: 5%;
}
.title img {
  width: 100%
}
#social-widgets {
    display: flex;
    justify-content: space-between;
    margin-right: 32px;
    margin-left: 32px;
}
#social-widgets a {
  display: block;
}
#social-widgets a img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.main {
  padding: 30px 0;
}
article {
  padding: 0;
}
article img.enhanced {
  width: 100%;
  height: auto;
}
#theMap {
  width: 100%;
  height: 250px
}
aside #theMap {
  width: 100%
}
header section.pressKitTitle {
  text-align: center;
  background:#5FAFB2;
  border-bottom:1px solid #5FAFB2;
  
}

.presskitlayout
header section.pressKitTitle { 
  background: #f36822;
  border-bottom-color: #f36822;
}
header section.pressKitTitle + img.conferenceSeparator {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 2rem;
  height: auto;
  margin-bottom: 2rem;
  margin-top: -4rem;
}
header section.pressKitTitle section.permanent {
  padding:1rem 2rem;
}
.calendly-button {
  margin-top:.5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 9rem;
}
.calendly-button a {
  display: flex;
  align-items: center;
  font-size: .8rem;
  justify-content: center;
}
.calendly-button img {
 max-height: 16px;
 width: auto;
 overflow: hidden;
 margin-right: .5rem;
}
header section.pressKitTitle section.conferences > div > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .5rem;
  border-bottom: 1px solid #eee;
  margin-bottom: .5rem;
}
header section.pressKitTitle section.conferences {
  padding:2rem 2.5rem 2rem 2.5rem;
  background: #fff;
}
header section.pressKitTitle section.conferences div:not(:last-child) {
   margin-bottom: 2.5rem;
}
header section.pressKitTitle section.conferences a.button {
  min-width: none;
  padding:  .35rem .5rem;  
  font-weight: normal;
  min-width: 5rem;
}
header section.pressKitTitle section.conferences div {
  padding: 0 .5rem;
  text-transform: uppercase;
  text-align: center; 
}
header section.pressKitTitle div.separator img {
  position: relative;
top: 1.02rem;
width: 2rem;
height: auto;
}
header section.pressKitTitle div.separator,
header section.pressKitTitle p.alert { 
  background: #fff;
  }
header section.pressKitTitle p.alert { 
  background: #fff;
  margin-bottom: 0;
  color: inherit;
  padding-top: 3rem;
}
header section.pressKitTitle p.sectionTitle a {
  color: #fff;
}
header section.pressKitTitle p.sectionTitle .button {
  display: block;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
header section.pressKitTitle p.sectionTitle {
 
  color: #fff;
  margin-bottom: 0;
}
/*=Footer*/
footer {
  text-align: center;
}
footer > div {
  padding: 8px;
}
footer .links,
footer .credits {
  line-height: 32px;
  text-align: center;
}
footer .links a {
  text-decoration: none;
  margin-right: 25px;
  white-space: nowrap;
}
footer div.links {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
footer div.socials .interactive {
  display: none
}
footer div.socials {
  margin-right: 8px;
  margin-left: 8px;
}
footer div.socials div.social {
  display: inline-block;
  margin-bottom: 25px;
  margin-right: 50px;
}
footer div.social img {
  margin-top: 12px  
}
footer div.socials > div.social:last-child {
  margin-right: 0
}
footer div.socials .pinterest a:first-child img:first-child {
  margin-top:0
}
footer div.socials,
footer div.socials div.social {
  text-align: center;
}
footer div.socials a {
  display: block;
  text-align: center;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
  padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
div.success {
  background: url('/img/background-diamonds.png') repeat-x ;
}

#pastshows div.success {background: #fff none; margin-bottom: 2rem;}

div.msg > ul:last-child {
  margin-bottom: 0;
}
div.msg h2 {
  padding-top: 0;
  margin-top:8px;
  margin-bottom: 4px;
}
div.msg ul { 
  list-style-position: inside;
  } 
div.msg {  
  border:1px solid #43D32A;
  padding:2rem;
}
div.msg.shipping p {
  margin-bottom: 0;
}
div.msg.shipping {
  max-width: 50em;
  padding: 1em;
  color: #c00;
  border:1px solid #c00;
  margin: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
body section .strike {
  text-decoration: line-through;
  opacity: .5;
}
section.content > div.more {
  background: url('/img/background.svg') #fff;
  text-align: center;
}
.no-svg section.content > div.more {
  background-image: url('/img/background.png');  
} 
div.more {
  padding: 12px;
}
div.more a {
  display: block;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
/*=home*/


#home p.spotlight img { 
  padding: 0;
  margin: 0;
  
}
.albumshowcase .flex > p {
  flex: .333;
}
img.albumcover {
height: auto;
width: auto;
min-height: 100px;
min-width: 100px;
}
article form.join-mailing-list img.albumcover {
 
min-height: 200px;
min-width: 200px;
}
form.join-mailing-list .albums p {
  margin-bottom: 0
}
form.join-mailing-list .albums {
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 1rem;

  background: #fafafa;
}
section.facebook {
  display: none;
}
#the-2-bands {
  display: flex;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
}
#the-2-bands h1 { 
  font-size:1.75em;
  line-height: 1;
  padding: .5em;
  background: none;
  margin-bottom: 0;
} 
#the-2-bands img {
  width: 100%;
  border-radius: 10px 10px 0 0 ;
} 
#the-2-bands section .content-area {
  color: #fff;
}
#the-2-bands section a {
  text-decoration: none;
  }
#the-2-bands section.quartet {
  left: 50%; 
  text-align: right;
}
#the-2-bands section {
  z-index: 3;
  width: 50%;
  left:0;
  position: absolute;
}   
section.primary .quotes {
  background: #fafafa;
  display: flex;
  text-align: center;
  padding: 1rem .5rem 0 .5rem;
  justify-content: space-evenly;
  margin-bottom: 2rem;
}

section.primary .quotes cite {
  text-align: center !important;
 
}
#home .spotify-feature img {
  display: block;
  margin: .2rem auto;
  height: 26px;
}
#home .spotify-feature {
  margin:  0;
  font-family: inherit;
  padding: 1rem;
  background: #fff;
  text-align: center;
  border: 1px solid #eee;
  border-top: none;
}
/*Mobile layout*/
header {
  position: relative
} 
strong a.tickets {
  font-weight: normal
}
input.RegSubmit,
.button,
.show a.tickets {
  min-width: 10rem;
  padding: .75rem 1rem;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  font-family: 'AvenirNext';
  font-weight: 700;
  display: inline-block

} 
section.content div.content-area {
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
#the-2-bands section .content-area {
  padding-left: 12px;
  padding-right: 12px;
} 
blockquote {
  padding:0;
  margin-top:0;
  margin-left: 0;
  margin-right: 0;
}
blockquote a {
  text-decoration: none
}
blockquote p {
  padding: 0;
  margin-bottom: .5em; 
  font-style: italic;

}
blockquote cite {
  font-family: 'AvenirNext';
  font-weight: 500;
  }
div:not(.multi) blockquote cite {  
  display: block;

  font-style: normal;
}
#press h2.storydate {
  display: none;
}
#press .cont_quote {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #eee;
}
blockquote.single cite {
  border-bottom: none;
  padding-bottom: none;
  text-align: left;
}
body .main blockquote.listener img {
  float: none;
  width: auto;
  max-width: 30px;
  margin: 0 1rem;
}
body .main blockquote.listener * {
  text-align: left !important;
}
#about blockquote cite {
  white-space: nowrap;
}
#about blockquote:nth-child(2) {
  
  min-height: 5em;
  }

#about blockquote {
  margin-bottom: 2em;
}
#about blockquote img.supportpic2 {
  width: 40%;
}
#about .press_photos p img.wide {
  width: 100%;
}
body .audiojs {
  width: 100%;
  position: relative;
  box-shadow: none;
  -webkit-box-shadow: none;
  background: none;
  max-width: 175px;
  min-width:  125px;
}
body .audiojs .scrubber {
  height: 4px;
  width: 120px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 42px;
  top:16px;
  line-height: 1em;
}
body .audiojs .time {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 43px;
  top:22px;
  font-family: 'AvenirNext';
  font-weight: 700;
  font-size: 1rem;
  line-height: 1em;
  letter-spacing: 1px;
}
body .audiojs .scrubber,
body .audiojs .time {
  border: none;
  text-shadow: none;
}
body .audiojs .play-pause .play {
  background-position: 2px 5px;
}
body .audiojs .play-pause .pause {
  background-position: 2px -112px;
}
body .audiojs .play-pause .error {
  background-position: 2px -71px;
}
body .audiojs .play-pause p.loading {
  background: url('images/animated-overlay.gif') 0 0;
}
body .audiojs .play-pause p,
body .audiojs .play-pause {
  border-right: none;
  height: 25px;
  width: 25px;
}
table.upcoming_shows div.city,
table.upcoming_shows td.details a {
  padding: 4px 0;
  display: block;
}
table.upcoming_shows td.details a.tickets {
  display: inline;
  font-weight: normal;
  text-decoration: none; 
  margin-left: .5rem;
  padding-left: .5rem; 
  border-left: 1px solid #eee;
}
table.upcoming_shows .date a,
body .audiojs .play-pause {
  border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
body .audiojs .time {
  border-left-color: #ddd
}
table.upcoming_shows .date a {
  display: block;
  padding: 8px 12px;
  text-align: center; 
}
ul {
  padding-left: 0
}
ol {
  padding-left: 25px
}
.main ul li, .main ul.press-kit-PDFs li.regular {
  background: url('/img/nav-diamond.svg') no-repeat 0 .25em;
  list-style: none;
  padding-left: 20px;
  margin-bottom: 8px;
} 
 
ul.press-kit-PDFs img.doctype {
  margin-right: .5rem;
  max-height: 1.5rem;
}
ul.press-kit-PDFs li {
  display: flex;
  list-style: none;
  list-style-image: none;
  background: none;
  align-items: center;
  padding-left: 0;
}
#trio .video-object:first-child,
#exotica .video-object:first-child {
  margin-bottom: 0;
  }
#mediapg div .video-object:not(:first-child) {
  background: url('/img/nav-diamond.svg') 50% 0 no-repeat;
  padding-top: 20px;
}
.no-svg div .video-object:not(:first-child),
.no-svg .main ul li {
  background-image: url('/img/nav-diamond.png');
}
.no-svg .ui-tabs .ui-tabs-nav li {
  background-image: none;
}
section.press_photos table tr td {
  display: none;
}
section.press_photos table tr td:first-child {
  display: table-cell
}  
section.press_photos table tr td img {
  width: 100%;
  height: auto;
}

/* =Colors */
/* =orange*/

body .audiojs .progress,
input.RegSubmit,
.button,
.show a.tickets,
body .audiojs .play-pause,
section.conferences .calendly-button a:hover,
a.button.alternate:hover,
body.donate article section h1,
.ensemble aside form.join-mailing-list .button   {
  background: #f36822;
}
section.conferences .calendly-button a:hover,
a.button.alternate:hover,
.ensemble aside form.join-mailing-list input:first-child, 
.ensemble aside form.join-mailing-list .button  {
  border-color: #f36822;
}
input.RegSubmit,
.button,
.show a.tickets {
  border: 1px solid #f36822;
}
.paypalticket .form-row label ,
body.pressKitChooser h2,
#press blockquote cite ,
table.tracks tr td,
 .main ul.musicians li ,
.album #reviews aside blockquote p,
.album #reviews aside blockquote p a,
header form span.label,
header form span.label *,
input.RegSubmit:hover,
.button:hover,
.show a.tickets:hover,
a,
h2,
body .audiojs .played, 
footer .links a,
div.more a,
body table td.description h2 a:hover,
.special,
section.testimonials blockquote cite, 
.presskit-container section.quotes p.quote,
.flickrUpload,
.rms, h4.reasons, .why p,
blockquote.listener .quoter,section.primary .quotes cite   {
  color: #f36822;
}
nav ul li:first-child {
  border-top:1px solid #f36822;
}
nav li {
  border-bottom:1px solid #f36822;
  border-top:none;
} 
#menu-toggle.on {
  background: none;
}
/*=red*/
div.error h2,
.updateFanPostalCodeFeedback,
.ajaxError,
.error,
.cancelled {
  color:#EF2525
}
.cancelled {text-transform: uppercase;font-weight: bold;}
/*=green*/
h3.EPK-subtitle,
ul.questions li,
input.RegSubmit:active,
.button:active,
.show a.tickets:active,
nav li a:hover,
section h1,
#menu-toggle a,
blockquote cite span.quoter,
h4,h4.reasons,
blockquote.listener cite  {
  color:#5FAFB2;
} 
section.conferences .calendly-button a,
a.button.alternate,
body.donate aside section h1,
  form.join-mailing-list .button   {
  background:#5FAFB2;
} 

section.conferences .calendly-button a,
 input.RegSubmit:active,
.button:active,
.show a.tickets:active,
a.button.alternate   {
  border-color:#5FAFB2
} 
.temporary_ok_div p strong,
body .ajaxSuccess,
div.success h2 {
  color: #45d42b;
}
/*=brown*/
header section.pressKitTitle section.conferences,
table.products td.description h2,
table.products td.description h2 a,
section.upcoming_concerts .show  > h1,
header form input.fanEmail,
nav .active a,
body.presskitlayout .presskit-container section.testimonials p.quote cite .quoter,
table h2.price,
blockquote.listener p.quote  q  {
  color: #5D504C;
}
body .audiojs .loaded,
#the-2-bands .more {
  background: #5D504C; 
}
body,
footer.wrapper {
  background-color: #F3EFD4;
}
/* =gray */ 
.quiet, 
body .also_at a,
body .also_at a:visited,
table.products .also_at h6 ,
blockquote p,
body blockquote p a,
body blockquote p a:visited,
body .audiojs .duration {
  color: #777
}
body,
blockquote cite,
#press blockquote p.quote,
#press blockquote p.quote a {
  color: #5D504C
}
table.upcoming_shows .date a span.day-part  {
  color: #9e959a;
}
body .audiojs .scrubber {
  background: #9e959a
}
header form a,
footer * {  
  color: #808080;
}
body .audiojs .loaded {
  background: #ccc;
}
input.RegSubmit:hover,
.button:hover,
.show a.tickets:hover,
table.upcoming_shows .date {
  background: #F2F2F2
}
input.RegSubmit:hover,
.button:hover,
.show a.tickets:hover {
  background: #5FAFB2;
  color:#fff;
  border-color: #fff;
}
.no-svg input.RegSubmit:hover,
.no-svg .button:hover,
.no-svg .show a.tickets:hover {
  background-image: url('/img/background-diamonds.png');
}
body a.button,
.show a.tickets,
input.RegSubmit,
#the-2-bands h1,
body.donate section h1 {
  color: #fff;
}
#the-2-bands:hover,
section.content,
table.upcoming_shows td.date a,
header form,
.maps_and_shows #cont_map,
img.enhanced,
.ui-dialog {
  background-color: #fff;
}
#past_shows tr td:last-child,
td.date {
  white-space: nowrap
}
section.content h1 {
  padding: .5em 8px; /* right left needs to match .wrapper padding */
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
  line-height: 1.5;

  background: #f6f6f6;
}
body section.twitter > div {
  width:98%;
  margin: 0 1%;
  text-align: center;
}
a.button.spotify {
  background-color: #1DB954;
  border: none;
}
a.button {
  white-space: nowrap;
}
a.button img {
  height: 2rem;
  width: auto;
  margin-right: .5rem;
}
/*=album*/
#album3 img.supportpic {
  padding: 12px 0 0 0;
  border: none;
}
#album3 #Tvinyldownload .vinyl-form,
#album3 .purchase_options .contForm { 
  background: #f9f9f9;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
}
#album3 .join-list h1 {
  background: none;
  margin-top: .75em;
} 
#album3 .purchase_options form .RegSubmit,
#album3 .vinyl-form  .RegSubmit {
  margin-top: 12px;
  margin-left: 0;
}
#album3 .purchase_options > ul {
  margin-bottom: 12px;
}
#album3 .purchase_options .format-vinyl ul   {
  padding-left: 12px;
}
#album3 .purchase_options .contForm  ul.bullets {
  border-bottom:1px dashed #ccc;
  padding-bottom: 1em;
  margin-bottom: 1em;
  
} 
#album3 .purchase_options .contForm > ul li {
  list-style: none;
  background: none;
  padding-left: 0;
}
#album3 .purchase_options select  {
  padding: 2px;  
}
#album3 .purchase_options label,
#album3 .purchase_options select {
  display: block;
  margin-bottom: 8px;
}
#album3 .purchase_options .RegSubmit {
  margin-left: 0;
}
#album3 .also_at {
  margin-top:12px;
}
.album .starbucks {
  float: right;
  margin: 0 0 4px 4px;
  width: 60px;
  height: 60px;
}
.album #reviews aside blockquote:first-child,
.album #reviews blockquote img,
.album .introduction blockquote img:not(.starbucks) {
  display: none;
}
.album .full-page {
  max-width: 1024px;
}

#album3 .introduction img.supportpic {
  float: none;  
}
.introduction img.supportpic {
  width: 92%;
  height: 92%;
  max-width: 400px;
}  
.album .full-page .purchase_options .fb-like {
  margin-bottom: 12px
}
.album .full-page .purchase_options td {
  border-top:none;
  padding-top: 1em;
  padding-bottom: 1em;
  background: #f1f1f1;
  border: none;
}
.album .tracks {
  margin-top:25px;
}
body.album .full-page .content-area > div.share:first-child {
  padding:12px 0;
}
.album .introduction blockquote cite {
  border:none;
  padding-bottom:0
}
/*=STore*/
.description img {
  width: 100%;
  height: auto;
}
tr.soldOut,
.soldOut {
  opacity: .5;
}
p.soldOutButton {
  padding: 1rem;
  background: #eee;
  color: #fd5600;
  font-weight: bold;
  max-width: 200px;
  text-align: center;
  border-radius: 3px;
  margin-top:1rem;
  margin-right: auto;
  margin-left: auto;
}
table.products td h2 a {
  text-decoration: none;
}
table.products td h2 {
  margin: 4px 0 4px 0;
  padding: 0;
}
 table.products tr.item-donate .item img {
  max-width: 125px !important;
  max-height: 125px;
}
table.products td.item img  {
  max-width: 245px;
}
#store .fan-testimonials {
  margin-bottom: 1rem;
}
#store .fan-testimonials .content-area img {
  float: none;
  margin: 0 1rem 0 0;
  max-width: 50px;
  max-height: 50px;
}
#store .fan-testimonials .content-area blockquote {
  margin-bottom: 0
}
#store .fan-testimonials .content-area {
  display: flex;  
}
#store .fan-testimonials h1,
#store .fan-testimonials p,
#store .fan-testimonials cite {
  display: none;
}
#store table.products {margin-bottom: 4rem;}
#store table.products tr:not(:last-child) td form  {
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
  padding: 1rem;
}
table.products .audio-only {
  display: none
}
table.products td.description {
  text-align: center;
}
 table.products td.description ul {
    text-align: left;
  }
table.products td.item {
  white-space: nowrap;
  text-align: center;
}
table.products td.item .thumbs {
  display: none;
}
table.products tr td:last-child {
  padding-top: 2.5rem;
}
table.products tr td:last-child label {

  font-family: 'AvenirNext';
  font-weight: 700;
  font-size:1rem;
  white-space: nowrap;
  color: #f36822;
}
table.products td.price,
table h2.price {
  font-family: 'AvenirNext';
  font-weight: 700;
  font-size:1.5rem;
  padding: 2.75rem 1rem;
  line-height: 1.3;
}  
table.products td div.audiojs {
  margin: 12px 0 25px 0;
  display: block;
} 
table.products td.price,
table.products h2.price ,
table.products td:last-child form,
table.products td a.button {
  text-align: center;
} 
table.products td a.button {
  padding-right: 0;
  padding-left:0;
}
table.products td:last-child a.button,
table.products td:last-child form input,
table.products td:last-child form select {
  margin-right: auto;
  margin-left: auto;
}
table.products td a.button,
table.products td form select,
table.products td input.RegSubmit  {
  max-width: 200px;
  width: 100%;
  min-width:100px;
  display: block;
  margin: 2px 0 12px 0;
}
table.products td form select {
  margin-bottom: 1rem;
}
table.products section.full-page {
  max-width: 824px;
}
table.products .also_at a  {
  display: block;
  margin:  4px 0;
}
table.products .also_at h6 {
  margin: 0 0 4px 0;
  padding: 0;
}
table.products .also_at  {
  display: block;
  padding-top: 12px;
} 
body table.products td {
  border: none;
}
table.products thead tr:first-child td,
table.products thead th {
  display: none;
}
table.products td,
table.layout td {
  display: table-row;
}
table.layout td {
  width: 100%;
  max-width: 400px;
  border: none;
}
table.layout td:last-child img {
  max-width: 200px;
}
table.products td.item div.share {
 margin: 25px 0 12px 0;
 clear: both;
}
/*=newsletters*/
#newsletters .newsletter-body h1,
#newsletters .newsletter-body h2,
#newsletters .newsletter-body h3 {
  color: #f36822;
  background: none;
  padding: 0;
  margin: 0 0 .3em 0;
  border: none;
  line-height: 1.4em;
}
.newsletter-body em {
  font-style: normal;
  font-weight: bold;
}

/*=show*/
.maps_and_shows #cont_map {
  margin-top: -1.5rem;
}
img.responsive {
  width: 100%;
  height: auto;
}
.show .flickrUpload {font-weight: bold;background: #f6f6f6;
display: block;
padding: 2rem;
font-style: italic;
}
.show .showcomments img:not(.flyer) {
  width: 100%;
  height: auto;
}
.show p.ticketContainer {
  margin: 2rem 0;
    padding: 3rem;
    background: #f1f1f1;
  text-align: center;
}
.show .additional-fees {font-family: 'AvenirNext'; color: #999; margin-top: .25rem; font-size: smaller;display:block;}
.show p.ticketContainer strong:first-child {
  display: block;
  margin-top: .5rem;}
.paypalticket {
  background: #f5f5f5;
  text-align: center;
  margin-top: 2rem;
}
#paypal-button-container {
  margin-top: 2rem;
}
.paypalticket h3 {
  margin-top:0;
}
.paypalticket .contForm {
  padding: 1.5em; 
  margin: 0px auto;
  max-width: 350px;
}    
.paypalticket .paypal-buttons {margin-bottom: 1rem}
.paypalticket .form-row {
  margin-bottom: 1.5rem;
  margin-top: .5rem;
}
.paypalticket .form-row select {width: 100%; } 
.paypalticket .form-row label {
 font-family: 'AvenirNext';
 font-weight: 700;
 display: block;
 margin: 1rem 0 .5rem;
}
form div.row {
  padding: 0 0 .5em 0;
}
form div.row label {
  display: block;
}
body .paypal-powered-by {display: none !important;}
.paypalticket .row label span {
  width: 8em;
  color: #f36822;
  font-weight: bold;
  display: inline-block;
  text-align: right;
  padding-right: 4px;
}
div.show div.otherbands {
  margin-top:24px;
}
img.bigflyer {
  width: 100%; background: #fff;border-radius: 9px; 
} 

img.enhanced,
img.supportpic,
img.supportpic2,
img.flyer {
  padding:4%; 
  display: block;
  margin: 0 auto 12px auto;
  border:1px solid #f2f2f2;
  box-sizing: border-box;
	width: 100%;
	height: auto;
}
.show img.enhanced {
  width: 94%;
  height: 94%;
  margin-left: 0;
}
.show .share {
  margin-bottom: 12px;
} 
.show h2 a {
  text-decoration: none
}
.show p.cover {
  font-weight: bold;
}
.show .calendar img {
  position: relative;
  top:.3em;
  margin-right: 1em;
}
.show .calendar a.cal {
  padding-left:20px;
  font-weight: normal;
  background:url('https://orchestrotica.com/img/icons/calendar_add.png') no-repeat 0 0;
  display: block;
  margin: 4px 0;
}
.show p.location {
  margin-bottom: 0;
}
section.discography .content-area {
  text-align: center;
  margin-bottom: 25px;
}
section.discography img {
  min-width: 90px;
  min-height:90px; 
  width: 90%;
  height: 90%;
  margin-bottom: 12px;
}
section.discography img:first-child {
  margin-right: 5%
}
.newsletter-body {
  max-width: 600px;
}
.newsletter-body img  {
  width: 100%;
  height: auto;
}  
.flickr_badge_uber_wrapper img {
  width: 75%;
  height: auto;
} 
.newsletter-body img.twitter,
.newsletter-body img.facebook,
.newsletter-body img.supportpic,
.newsletter-body img.supportpic2,
.newsletter-body img.flyer,
.newsletter-body .share img,
.newsletter-body img[src='https://orchestrotica.com/img/icons/calendar_add.png'] {
  width: auto;
  height: auto;
}
/*=tables*/
body.receipt table.nv + div.flex > div:not(:last-child) {
  margin-right: 2rem;}
body.receipt table.nv + div.flex > div {
  padding: 1rem 2rem;
  background: #f5f5f5;
}
body.receipt table.nv {margin-top: 2rem}
.receipt th {
  white-space: nowrap;
}
.receipt p.ajaxSuccess{
  font-weight: bold;
}
table .num {
  text-align: right;
}
.total td {
  font-weight: bold;
  text-align: right;
}
td {
  vertical-align: top;
  padding: .5em;
  border-bottom:1px solid #f2f2f2
}
table:not(.products):not(.layout):not(.mailing-list-freebies) tbody tr:first-child td {
  border-top:1px solid #F3EFD4
}
th {
  text-align: left;
  padding: .5em .5em .25em .5em;
  font-family: 'AvenirNext';
  font-weight: 700;
}
.upcoming_concerts td,
.tracks td {
  vertical-align: middle 
} 
table.tracks {
  width: auto;
}
table.tracks tr > :nth-child(3) {
  display: none;
}
table.tracks tr td audio {
  width:auto;
  min-width: 150px;
  max-width: 40%;
}
table.photos td img {
  width: 80%;
  height: auto;
}
table.photos tbody tr > :nth-child(3),
table.photos tbody tr > :nth-child(4) {
  display: none
}
/*=mailing list*/
header form.join-mailing-list {
  display: none;
}
header form.join-mailing-list {
  padding: 2rem 0;
}
form.join-mailing-list input[type=submit] {
  color: #fff;
}
form.join-mailing-list input {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: .4rem;
}
form.join-mailing-list input:first-child,
form.join-mailing-list .button {
  border:1px solid #5FAFB2;
}

form.join-mailing-list input:first-child {
  padding:.6rem;
}
form.join-mailing-list input.button {
  min-width: 50px;
  margin-left: 0;
}
/*=upcoming concerts table*/
body section.upcoming_concerts > .content-area {
  padding: 0;
} 
h4.past-touring {
color: #777;
padding: 1.5rem;
padding: 1rem .5rem .5rem 1rem;
 
 
}
.upcoming_concerts:not(.empty) h1 {
  margin-bottom: 0
}
table.upcoming_shows {
  width: 100%;
}
body.three-col table.upcoming_shows {
  margin-bottom: 0
}
table.upcoming_shows td {
  padding: 1em;
  vertical-align: middle;
}
table.upcoming_shows  .date a {
  text-decoration: none;
}
body table.upcoming_shows tr.past-gig td {
  opacity: .85
}
body table.upcoming_shows td.details {
  width: 100%;
}
body table.upcoming_shows tr.past-gig td.details a:not(.more) {
  color: #777;
  text-decoration: none;
}
body table.upcoming_shows td.city {
  min-width: 7rem;
}
table.upcoming_shows .date a span.month-part,
table.upcoming_shows .date a span.year-part {
  text-transform: uppercase;
  display: block;
}
table.upcoming_shows .date a span.year-part {
  color: #ccc;
  font-weight: normal;
  text-align: center;
}
table.upcoming_shows .date a span.day-part {
  font-size: 1.6rem;
  line-height: 1.2;
}
table.upcoming_shows td.city {
  white-space: nowrap;
  display: none;
}  
#Tmusicians p img {
  width: 100%;
  height: auto;
  max-width: 861px;
}
body .ui-tabs .ui-tabs-nav li {
  width: 100%;
  min-height: 32px;
  margin-top:-1px;
}
.ui-widget {
  font-family: inherit !important;
}
ul.ui-widget-header {
  border:none;
  background: none;
}
address {
  padding: 0;
  margin: 0 0 12px 0; 
}

.show address {
  margin-bottom: 0;
}
.venue_url {
  margin-bottom: 1rem;
}
#press blockquote  img.supportpic2 ,
.cw blockquote  img.supportpic2 {
  filter: grayscale(1);
  border: none;
  max-height: 50px;
padding: 0;
opacity: .7;
margin: 0 0 1rem 1rem;
max-width: 150px;
}
#press blockquote cite {
  font-size: .75rem;
}
#press blockquote cite img {
  float: none;
  margin-right: .15rem;
  position: relative;
  top: -.1rem;
}
#press blockquote cite, 
#press blockquote .permalink {
  text-transform: uppercase
}
.update_postal_code select,
.update_postal_code input[type=text] {
  width: 100%;
  max-width: 300px;
  display: block;
} 

section.press-release section.contact {
  text-align: center;
  margin: 2rem 0 -4rem 0;
}

section.press-release .press-release-body {
  margin-bottom: 3rem;
}

section.press-release h2 {
  font-size: 3rem !important;
}
section.press-release h3 {
  font-size: 1.5rem !important;
}
section.press-release h4 {
  margin-bottom: 2rem;
  font-size: 1.25rem;
}
section.press-release h2, 
section.press-release h3 ,
section.press-release h4 {
  text-align: center;
  max-width: 50rem;
  margin-right: auto !important;
  margin-left: auto !important;
  line-height: 1.25;
  border: none !important;
  padding-bottom: 0 !important;
}
section.press-release p, section.press-release table {
  margin-left: auto;
  margin-right: auto;
  max-width: 40rem;
}
.none {
  display: none;
}
/* =donate */
.fan-testimonials > div > p {
  margin: 2rem 0;
  font-family: 'AvenirNext';
  font-weight: 700;
}
 section.donate div.msg {
   margin-bottom: 3rem;
   text-align: center;
 }
 section.donate form,
 section.donate h2 {
  text-align: center;
 }
 section.donate form input.button,
section.donate form a.button {
  box-sizing: border-box;
  width: 100%;
  max-width: 400px;
  color:#fff;
  border:none;
  margin-bottom: 2rem;
}
section.donate form input.button {
  padding: 1.25rem 4rem;
  text-align: center;
  width: auto !important;
} 

body.donate section.testimonials div.content-area > p {display: none;}
/*=remotelyMusic*/
.remotelyMusic .RMS-next-session {
  padding-left: 2rem;
}
.remotelyMusic form.join-mailing-list {
  padding-top: 0;
}
div.remotelyMusicBlurb, .noShowsBlurb {
  padding-top: 1rem;
} 
.remotelyMusic section:not(.testimonials) div.content-area img {
  display: block;
  width:100%;
  margin-top:2rem;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
 
@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */

  html body:not(#home) #mailinglist_quickadd {
    display: block;
  }
  footer div.links,
  footer div.credits,
  footer div.socials {
    float: left
  }
  footer div.credits {
    width: 28%;
  }
  footer div.links {
    float: right;
    max-width: none;
    width: 22%;
  }
  footer div.socials {
    width: 45%
  }
  footer div.socials div.social {
    margin-bottom: 12px;
    margin-right: 0;
    display: block
  }
  footer > div {
    padding: 6px 0;
  } 
  footer .fb_edge_widget_with_comment {
    top:6px;
  }
  /*page component for mailing list (not showing in header yet)*/
  form.join-mailing-list div {
    display: flex;
  }
  form.join-mailing-list input:first-child {
    width: 60%;
  }
  form.join-mailing-list input.button {
    min-width:0;
    width: 40%;
  }
  /*General styles for medium*/
  table.upcoming_shows div.city {
    display: none;
  }
  table.upcoming_shows td.city,
  table.photos tbody tr > td:nth-child(3)  {
    display: table-cell;
  }
  section.press_photos table tr td {
    display: table-cell
  }
  .show .calendar {
    float: right;
    margin:0 25px 0 12px;
  }
  .show .calendar a {
    margin: 0
  }
  .introduction img {
    width: auto;
    height: auto;
  }
  img.supportpic2 {
    float: right;  
    margin: 0 0 12px 12px;
  }
  img.enhanced,
  img.supportpic,
  img.supportpic2  { 
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
  }
  table.mailing-list-freebies img.enhanced {
    min-width: 50px;
    min-height: 50px;
    max-width: 70px;
    max-height: 70px;
    padding: 2px;
  }
  img.supportpic {
    width: auto;
    margin: 0 12px 12px 0;
  }  
  input.RegSubmit,
  .button {
    margin-left: 4px;
  }   
  /*Put back native jquery styling:*/
  body div .ui-tabs .ui-tabs-nav li {
    width: auto;
    margin-top:1px;
    min-height: 0;
  }
  .ui-tabs ul.ui-widget-header {
    border:1px solid #ddd;
    background:url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") repeat-x scroll 50% 50% #F6F6F6
  }
  section .ui-tabs-panel article {
    padding-left:0
  }
  table .fb-like.fb_iframe_widget  {
    display: none;
  }
  table div.fb-sender.fb_iframe_widget {
    display: block
  }
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
  .oldie nav a {
    margin: 0 0.7%;
  }
  footer .links a {
    margin-right: 12px;
  }
}

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

/* ============
    WIDE: Menu
   ============ */
  .wrapper {
     width: 84%;
     margin: 0 12% 0 3%;
   } 
      /*=Social widgets on side*/
  #social-widgets {
    background: none;
    float: none;
    height: auto;
    margin-top: auto;
    width: auto;
    position: absolute;
    right:-53px;
    top:161px;
    overflow: visible;
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  #social-widgets a {
    display: block
  }
  #social-widgets a img {
  width: auto;
  height: auto;
  border-radius: 0;
}
   section.content div.content-area,
   #the-2-bands section .content-area {
     padding-left:24px;
     padding-right:24px;
   }
   header section.pressKitTitle p.sectionTitle .button {
     display: inline-block;
     max-width: none;
     }
     div.remotelyMusicBlurb {
    padding: 3rem 0 !important;
  width: auto;
  max-width: 30rem;
  margin-right: auto;
  margin-left: auto;
  }
  section.facebook {
    display: block
  } 
  table.tracks tr td { 
    border-bottom: 1px solid #eee;
    padding: .5rem 1rem;
  }
  table.tracks tr td audio {
    width:100%;
    min-width: none;
    max-width: none;
  }
  body section.button-row a.button {
    min-width: 80%;
  }
  table.tracks tr :nth-child(3) {
    display: table-cell;
  }
  .title { 
    width: 35%;
    max-width: 250px; 
  }
  body.minimalLayout .title {
    float: none;
    margin: 3rem auto;
    max-width: 300px;
  }
  body.minimalLayout footer {
  text-align: center
  }
  body.minimalLayout footer div.credits {
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  body:not(.minimalLayout) .title {
    margin-bottom:30px;
    margin-right: 25px;
 
    margin-left: 25px;
  }
  section.content {
    border: none;
    margin-bottom: 25px;
    padding-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
  section.full-page {
    margin: 0 2rem;
  } 
  section.upcoming_concerts .show  > h1 {
    color: #5fafb2;
    background: none;
  }
  section.content h1 {
    padding-right: .75rem;
    padding-left: .75rem;
    background: none #f1f1f1;
  }
  .title img {
    width: auto
  }  
  #social-widgets {
    display: block
  }
  div.flex {
    display: flex
  }
  nav {
    background: none;
    display: block;
    flex: 1;
    width: auto;
  }
  nav li a:hover {
    text-decoration: underline;
  }
  div.conference {
display: flex;
align-items: center;
background: #f9f9f9;
text-align: left;
max-width: 800px;
padding: 2.5rem 1rem;
border-bottom: 1px solid #eee;
  }
  
  div.conference p {margin: 0 1rem;}
  
  body.presskitlayout nav li:not(.active) a {
    background: none;
  }
  form.join-mailing-list input:first-child {
  
    border-radius: 3px 0 0 3px;
  }
  form.join-mailing-list input.button {
  
    border-radius: 0 3px 3px 0;
  
  }
  header form.join-mailing-list {
    display: block; 
    font-size: .7rem;
    margin-left: auto;
    padding: 0 0 .75rem 0;
    margin-bottom: 2rem;
  }
  header form.join-mailing-list div {
    display: flex;
    margin: 0 auto;
    position: relative;
    top:2rem;
    justify-content: flex-end;
  }
  header form.join-mailing-list div input {
    padding-top: .3rem !important;
    padding-bottom: .3rem !important;
    border-radius: 0;
  }
  header form.join-mailing-list input:first-child {
    width: auto;  
  }
  header form.join-mailing-list input.button {
    max-width: 5rem;
    margin-right: 25px;
  }
  header section.pressKitTitle section.conferences {
    display: flex;
    flex:2;
    align-items: center;
    justify-content: center;
  }
  header section.pressKitTitle section.conferences div {
    margin-bottom: 0 !important;
  }
  header section.pressKitTitle section.conferences div:not(:last-child) {
     margin-bottom: 1.5rem;
  }
  body.ml article {
    width:60%;
    margin-right: 20%;
    margin-left: 20%;
  }
  #menu-toggle {
    display: none;
  }
  nav ul .mobile-only {
    display: none
  }
  nav li {
    border: none;
    padding: 0;
    display: inline;
  }
  body header nav li:first-child {
    border: none
  }
  nav ul {
    display: block;
    clear: both;
  }
  nav li a {       
    margin-right: 1.2rem;
    padding-top:18px;
    display: inline;
    font-size: 1rem;
  }
  .presskitlayout nav li.active a,
  .presskitlayout nav li:not(.active) a:hover,
  nav li:nth-child(2) a ,
  nav li:nth-child(3) a {
    background: url('/img/nav-diamond.svg') no-repeat 50% 0;
    text-decoration: none;
  }
  .no-svg nav li:nth-child(2) a ,
  .no-svg nav li:nth-child(3) a {
    background-image: url('/img/nav-diamond.png');
  }
  nav li:first-child a {
    margin-left: 0;
  }
  nav li:last-child a {
    margin-right: 0;
  } 
  footer.wrapper {
    text-align: left;
    background: #fff;
  } 
  footer > div {
    padding: 25px 0;
  }
  footer div.socials div.social {
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 50px;
  }
  body .audiojs {
    max-width: none;
    min-width: 160px;
  }
  body .audiojs .scrubber {
    margin-bottom: 0;
    width: 150px;
  }
  /*=home*/  
  #home p.spotlight {
    padding: 0 2rem;
    margin-bottom: 2rem;
  }
  table:not(.products):not(.layout):not(.mailing-list-freebies) tbody tr:first-child td {
    border-top:1px solid #f2f2f2;
  }
  /*=donate*/ 
  .donate section.donate h1 {
    text-align: center;
  }
  .donate section.donate .content-area {
    padding-left: 96px;
    padding-right: 96px;
  }
  section.donate form input.button,
  section.donate form a.button {
 
    width: 10rem;
    max-width: none;
 
  } 
  section.donate h1 { color: #f36822}
  .donate section.donate {
    margin: 0 auto 2rem 0;
    width: 100%;
  }
 section.fan-testimonials blockquote {
    display: block;
  }
 section.fan-testimonials blockquote > img {
 
    float: left;
    margin: 0 1rem .5rem 0;
  }
  
  section.donate form h2 {
    padding-top: 1rem;
    text-align: center;
}
  
  section.donate form {
    padding-bottom: 5rem;
    text-align: center;
  }
  body.donate section.testimonials div.content-area {display: flex; flex-wrap: wrap}
  body.donate section.testimonials div.content-area blockquote {padding: 1rem; width:50%; box-sizing: border-box}
  #store section.donate .content-area form {
    padding-bottom: 2rem;
  }
  #store section.donate .content-area  {
    width:70%;
    margin-top:2rem;
    margin-right: auto;
    margin-left: auto;
  }
  /*=Store*/   
  
table.products .audio-only {
  display: table-cell
}
  #store table.products td.description {
    text-align: left;
  }
  #store table.products tr:not(:last-child) td form  {
    border-bottom: 1px solid #ddd;
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f1f1f1;
  }
  body table.products tr:not(:last-child) td {
    border-bottom: 1px solid #ccc;
  }
  table.products tr td:last-child {
    min-width: 13rem; 
  }
  div.success {
    margin-top: 24px;
  }  
  body table.products td.item img  {
    height: auto;
    width: auto;
    max-width: 200px;
  } 
  table.products td {
    padding: 2rem 1rem;
  }
  body.receipt section.full-page,
  #store section.full-page {
    margin: 0 auto;
    width: 100%;
    max-width: 65rem;
  }
  #store .content-area {
    padding: 0
  }
  .msg {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  }
  .msg h3.ajaxSuccess {
    padding-left: 20px;
    background-image: url('https://orchestrotica.com/img/icons/accept.png');
    background-repeat: no-repeat;
  }
  #store div.msg {
    margin-left:8px;
    margin-right: 8px;
  }
  #store div.msg {
    max-width: 800px
  }
  
  /*=album*/
  img.supportpic {
    float: left; 
  }
  .introduction img.supportpic {
    width: 50%;
    height: 50%;
  }
  .introduction blockquote {
    margin-bottom: 12px
  } 
  .album table.products tr td form, 
  body table.products tr td form {
    padding: 0;
    margin: 0 !important;
    border: none !important;
  } 
  table.products th,
  table.products td {
    display: table-cell;
  } 
  body table.products td {
    border-bottom: 1px solid #ddd;  
  }
  table.products td.price,
  table.products td:last-child form {
    text-align: left;
  }
  header {
    background: #fff
  }
  .main-container .wrapper {
    background: url('/img/background.svg') #fff;
  }
  .no-svg .main-container .wrapper {
    background-image: url('/img/background.png');
  }
  body,
  section.content div.more {
    background: none #f2f2f2;
    text-align: left;
  }
  .no-svg section.content div.more {
    background-image: none;
  }
  section.content h1 {
    color: #5D504C;
    padding: .5em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
  }
  h2,
  #album3 .join-list h1   {
    color:#5FAFB2;
  }
  #album3 .introduction .photo-and-quotes p img.supportpic {
    float: none; 
    width: 100%;
    height: 100%;
  }
  #album3 .photo-and-quotes {
    float:left;
    width: 55%;
    margin:  0; 
  }
  section.facebook .fb-like-box {
    margin-bottom: 12px
  }
  section.facebook .fbFeedbackPost {
    display: none;
  }
  section.facebook .fbFirstPartyPost {
    display: list-item;
  }
  body.three-col div.flex {
    display: flex;
  }
  body.three-col section.primary {
   margin-right: 1rem;
   margin-left: 1rem;
   flex:1.75; 
  }
  body.three-col section.secondary {
   flex: 1;
   margin-right: 1rem;
  }

  div.more a {
   text-align: left;
   font-weight: normal;
   text-transform: none;
   display: inline;
  } 
  /* =trio */
  
 
  /* =album */  
  .tracksAndPurchase {
    display: flex;
  }
  .album:not(#album3) .full-page .purchase_options {
   margin-left: 25px;
   min-width: 200px;
  } 
  #album3 .introduction img.supportpic {
    float: left;
  }
  #album3 .full-page .purchase_options {
    width: 40%;
    float: left;
    margin: 0 0 25px 5%;
  } 
  blockquote img {
    float: left;
    margin-right: 1em;
    width: auto;
    max-width: 120px;
    max-height: 60px;
  }
  #press section.secondary blockquote img.supportpic2 {
    float: none; 
    margin: 0 0 1rem 0;
  } 
  .bios img {
    max-width: 34%
  }    
  #home blockquote img.enhanced {
    max-width: 50px;
    max-height: 50px;
    margin-right: 10px;
  }
  section.discography img {
    width: 50%;
    height: 50%;
  }   
  table.products td.item .thumbs {
    display: block;
    height: 50px;
    margin-bottom: 12px;
    overflow: hidden;
    padding-left: 6px;
  }
  table.products td.item .thumbs img {
    width: 50px;
    height: 50px;
    margin-right: 2px;
    float: left;
  }
  /* .presskit-container */
  .video-object .spotify-feature {
    width: 20rem;
  }
  .presskitlayout nav li a {
    color: #5D504C;
  }
  .presskitlayout nav li.active a  {
    color: #f36822;
  } 
  .presskitlayout section.content > h1:first-child {
    margin-bottom: 24px;
    color: #f36822;
  }
  .presskit-container .video-object {
    margin-bottom: 0;
    padding: 0 0 2rem 0;
  }
  .presskit-container .pullquote {
    display: flex;
    background: #5FAFB2;
  }
  .presskit-container .pullquote q {
    color: #fff;
  }
  .presskit-container .pullquote blockquote {
    flex-grow:1;
    flex: 1;
    align-self: flex-end;
  }
  section.testimonials blockquote > img {
    width: 100px;
    height: 100px; /* headshot size */
  }
  body.presskitlayout .presskit-container  div.flex blockquote p.quote cite   {
    text-align: left !important;
  }
  body.presskitlayout .presskit-container  div.flex blockquote  {
    padding-right: 1rem;
    flex: .4;
  }
  body.presskitlayout .presskit-container  div.flex blockquote:first-child  {
    flex: .5;
  }
  
  section .presskit-container .photo-album {   
    display: flex;
    align-items: center; 
    background: #eee;
  }
  .photo-album > a {
    flex-grow: 1;
    margin-bottom: 0;
  }  
  .photo-album > * {
    flex: 1;
    text-align: center;
  }  
  .photo-album div {
    flex:.5;
  } 
  .photo-album a img {  
    width: 100%; 
    height: 100%; 
  }
  .cw-img-container img {
    max-width: 60%;
    height: auto;
  }

  
}

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

  /*=home*/
  .albumshowcase .flex > p {
    margin-right: 1rem; 
  }
  body .main blockquote.listener:last-child {
    padding-bottom: 2rem;
    }
  body .main blockquote.listener:first-child {
    padding-top: 2rem;
    }
  body .main blockquote.listener {
    margin: 2rem 6rem;
  }
  footer div.socials div.fb {
    max-width: 180px 
  }
  footer div.socials div.tw {
    max-width: 75px 
  }
  footer div.socials div.pinterest {
    max-width: 40px 
  }
  footer div.credits {
    width: 25%;
  }
  footer div.links {
    width: 20%
  }
  footer div.socials {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  footer div.links a {
    white-space: nowrap
  }
  footer div.socials div.social .interactive {
    display: block
  }
  table.upcoming_shows {
    width: auto;
  }
  /*=Store*/   
  body table.products td.item  img {
    max-width: 250px;
    max-height:250px; 
  } 
  
  .show .paypalticket {
 
  }
  
}

@media only screen and (min-width: 1024px) {
  
  .layout   {
    display: flex;
  }
  .layout article {
    padding: 0 4rem 0 2rem;
    flex: 2;
  }
  .layout aside {
    padding-right: 2rem;
    flex: 1;
  }
  /*=show*/
  .show p.ticketContainer {
    
    margin: 0 0 2rem 0;
  }
  #the-2-bands h1 { 
    padding: .5em 12px;
  }
header section.pressKitTitle section.conferences div {
  padding: 0 1.5rem;
  }
  #home blockquote cite {
    white-space: nowrap;
  }
  body:not(#press):not(#about):not(.donate) blockquote cite {  
    text-align: right;
  }
  .wrapper {
    width: 90%;
    margin: 0 7% 0 3%;
  }
  nav a {
    margin-right: 20px;
  }   
  table.photos tbody tr > td:nth-child(4) {
    display: table-cell
  }
  table.photos tr td img {
    width: auto;
    height: auto;
  } 
  nav li a {
    margin-right: 1.4rem; 
  }    
}

 
@media only screen and (min-width: 1190px) {
  nav {
    margin-left: 25px;
  }
    
      table.layout td {
    display: table-cell;
  } 
    table.layout td:first-child {
    width: 65%;
  } 
    table.layout td:last-child {
    width: 35%;
  } 
  table.layout tr td img {
    max-width: 260px;
  }
    .flickr_badge_uber_wrapper img {
      width: auto;
      height: auto;
    }
}    

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

/* ===============
    Maximal Width
   =============== */ 
    .title {
      float: left;
      margin-left: 36px;
      margin-bottom: 30px;
    }
    .wrapper {
      width: 1200px; /* 1140px - 10% for margins */
      margin: 0 50px;  
      border-left: 1px solid #fdfdfd;
      border-right: 1px solid #fdfdfd;
    }
    nav {
      float: right;
    }   
    nav li a {
      padding-top:24px;
    }
    section .newsletter-body img {
      width: auto;
      height: auto;
    }  
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
  visibility: hidden;
}
.clear {
  clear: both
}
.clearfix:before,
.clearfix:after {
  content: " ";
    display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
    text-decoration: underline;
    }

    a[href]:after {
    content: " (" attr(href) ")";
    }

    abbr[title]:after {
    content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
    content: "";
    }

    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;
    }
}