html { background:#579ED4;}
#primary {
    background:#bed0db;
    margin-top:5.7rem;
}
p {font-size:1.2em; font-family: chalet-london-sixty, sans-serif; text-align:left; margin: 1.2em 0;}
a { color:#1a3290;}
#logo { margin:0 auto; }
h1 { font-size:2em;}
h1.title {margin-top:3rem; color:#538ec7; font-weight: 400; font-family: chalet-london-sixty, sans-serif; }
h2 {font-size:1.4em; font-weight: 400; font-family: chalet-london-sixty, sans-serif;}

#album-cover img { width:100%; height:auto;}

#intro { }

#intro dl { font-family: georgia, serif; text-align: left;}
#intro dl dt {font-weight:bold; font-size:2rem; letter-spacing: 0.1rem;}
#intro dl dd {font-size:1.2rem;}

a.wide-box-btn { text-transform: uppercase; letter-spacing: 0.8rem; padding:0.5rem; border:1px solid #1a3290; color:#1a3290; text-align:center; width:100%; display:block;}
a.wide-box-btn:hover {background:#1a3290; color:white;}

/* Navigation */

.navbar {
    background:#e1e5e5;
}
.navbar-item img { max-height: none;}
#navBarStrip {
    background:#538ec7;
    width:100%;
    padding:0.4rem;
    z-index:1000;
}
#navBarStrip span.announce { color:white; font:21px Georgia,serif;}
#navBarStrip span.announce a { color:white; text-decoration: underline;}
#navBarStrip ul li {
    float:left;
    list-style-type: none;
    margin:0 20px;
}
ul#secondary-actions {
    float:right;
}
ul#secondary-actions li a, .home-btn  {
    font-family: chalet-london-sixty, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:125%;
    text-transform: uppercase;
    color:white;
}
.home-btn { padding-left:12px; }
#current.home-btn { display: none;}
#main-menu { margin-top:2.3rem; !important;}
div#navBarPrimary .navbar-item {
    
    font-family: chalet-london-sixty, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:125%;
    text-transform: uppercase;
    padding:20px;
    border-right:1px solid #BED0DB;
}
div#navBarPrimary .navbar-item:hover { background:#1a3290; color:white; }
div#navBarPrimary #current.navbar-item { background:#d0dbdb;}
div#navBarPrimary #current.navbar-item:hover { color:#4a4a4a;}

/* Only get sticky if it can fitty */
@media (min-height: 300px) {
  .is-sticky {
    position: sticky;
    top: 8rem;
  }
}

#sidebar { float:right; background:#bed0db; }
#sidebar ol { padding-left:2rem;}
#sidebar ol li { border-bottom:1px solid #afc5d3;}
#sidebar ol li a { display:block; padding:0.3rem;}
div.t-song { padding-top:7rem;}
.t-song h2 span {font-size:0.8rem;}
.t-song ul { border-bottom:2px solid #afc5d3; padding-left:1.5rem;}
.t-song ul li {border-bottom:1px solid #afc5d3; }
.t-song ul li div { text-indent:-1.5rem; padding-left:1.5rem;}


#main blockquote { padding-bottom:2rem; font-family:georgia,serif; font-size:1.5rem; margin-right:0.7rem;}
#main blockquote cite { padding-left:0.5rem; padding-top:1rem; font-weight:400; display:block; font-size:1.2rem;}
#main blockquote cite span {font-weight:800; padding-left:0.4rem;}

/* Photos */
figure.photoframe { background:#e1e5e5; padding:5px; border-bottom:1px solid #afc5d3; border-right:1px solid #afc5d3;}
/* Artist cutouts */
#nancy-cutout { float:left; position: relative; left:-18rem; margin-right: -18rem;}
#benjy-cutout { float:right; position: relative; right:-18rem; margin-left:-18rem;}
#david-cutout { float:left; position: relative; left:-18rem; margin-right: -18rem;}
/* Story */
#story-michael { margin-top:0.3rem; float:right; position:relative; right:-18rem; margin-left:-18rem; max-width:260px;}
#story-rumbel { margin-top:0.3rem; float:right; position:relative; right:-18rem; margin-left:-18rem; max-width:260px;}
#story-russell { margin-top:0.3rem; float:left; position:relative; left:-18rem; margin-right:-18rem; max-width:260px;}
#story-mandrell { margin-top:0.3rem; float:left; position:relative; left:-18rem; margin-right:-18rem; max-width:260px;}
/* Performer Bios */
p.biophoto { background:black; text-align:center;}
ul#performers li { background:black; padding-bottom:1rem; float:left; max-width:250px; text-align:center;}
ul#performers li a {color:white;}

/* Page backgrounds */
/* The Pieces */
#primary  { background:#bed0db url(../img/pieces-bg.jpg) no-repeat top right;}

#page-1032 #intro { background: #bed0db; padding-bottom:1rem; }
#page-1032 #intro h1 { padding:1rem;}
#page-1032 #intro p { padding-left:1rem; padding-right:1rem;}

/* Captions */
figcaption {font-size:0.8rem;}

/* Footer */
footer { text-align: center;}
.footer-portrait { margin-top:0.6rem;}
#footer-signup { margin-top:-1.7rem;}
#footer { background:url(../img/footer-bg.jpg) no-repeat 0 0; background-size: 100%; padding-top:10rem; margin-top:-1rem;}
#footer-content {
    background:#e1e5e5;
}
#site-credits { background:black; color:#b0c1cc; font-size:0.9rem; padding:0.4rem; padding-bottom:2rem;}
#site-credits a { color:inherit;}

.ftr-reviews { padding-bottom:2rem; font-family:georgia,serif; font-size:1.5rem; margin-right:0.7rem;}
.ftr-reviews cite {font-weight:800; font-size:1.2rem;}
.ftr-reviews span {font-weight:400; padding-left:0.4rem;}

p.more-reviews {font-size:1.1rem; text-align: right;}

#intro { max-width:700px; margin: 0 auto;}

#e-contacts { max-width:500px; text-align:center; padding:10px; margin:2em auto; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
#e-contacts p {text-align: center;}

#in-notes { max-width:500px; text-align:left; margin:2em auto; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
#in-notes h2 {text-align: center; padding:10px;}
#in-notes ol { margin-left:30px; padding-bottom:1em;}
#in-notes ol li { margin-bottom:0.5em;}

.youtube-embed iframe { min-height: 350px; }

#mobileplayer {display:none;}


/* Mobile Styles */
@media screen and (max-width: 768px) {
      #menu-toggle:checked + .nav-menu {
        display: block;
      }
    #deskplayer { display: none;}
    #mobileplayer { display: block;}
    h1.title {padding-left:1.7rem; padding-right:1rem;padding-top:4rem;}
    h2, h3{ padding-left:1.7rem;}
    .home h1.title { padding-top:0; margin-top:0;}
    #page-1032 #intro h1 { padding-top:4rem; margin-left:1rem;}
    #navBarStrip {padding-bottom:2rem;}
    #navBarStrip span.announce { position:relative; font-size:0.8rem; top:5rem; background:black; width:104%; display:block; margin-left:-0.4rem; padding:0.5rem;}
    ul#secondary-actions { float:none; display:block; position:inherit; top:-1.9rem; left:-0.5rem;}
    ul#secondary-actions li a { font-size:1rem;}
    #navBarPrimary { background:#fff url(../img/nav-bg-m.jpg) no-repeat right; }
    div#navBarPrimary #current.navbar-item { background:none; color: gray;}
    #primary { margin-top:2.4rem; background-image:none; }
    #primary .column { padding:0; }
    #primary p, #primary ul, #primary dl, #footer blockquote, #footer cite, #footer p { padding:0 2rem !important; }
    #sidebar { float:none; margin:6rem 0 0 2rem;}
    #sidebar.is-sticky { position:inherit;}
    #footer { padding-top: 3.3rem; margin-top:-1.4rem;}
    .navbar-brand img { max-width: 11rem; }
    ul#performers { margin:0 auto; max-width:310px;}
    #main blockquote { margin-left:2rem; margin-right:2rem; font-size:1.1rem;}
    /* Artist cutouts */
    #nancy-cutout { float:none; position:inherit; left:inherit; margin-right: inherit; margin-left:20%;}
    #benjy-cutout { float:none; position:inherit; left:inherit; margin-right: inherit; margin-left:15%;}
    #david-cutout { float:none; position:inherit; left:inherit; margin-right: inherit; margin-left:15%;}
    
    .home-btn { display:none;}
    a.burger label {float:left; margin-left:-2.6rem; font-size:0.93rem;}
    a.wide-box-btn { letter-spacing:0; }
    /* Story */
    #story-michael, #story-rumbel, #story-russell, #story-mandrell { margin-top:0.3rem; float:none; position:inherit; max-width:260px; margin:0 auto;}
    .t-song h2 {margin-left:2rem;}
}

@media screen and (max-width: 321px) {
    ul#secondary-actions li a { font-size:1rem;}
    #navBarStrip ul li {
        margin:0 15px;
        }
}
/* End Mobile Styles */