/* general styles */
html, body { height: 100%; width: 100%; font-family: 'Open Sans Condensed', sans-serif; }
body { background: #901e1e url("/assets/i/pattern-1.jpg") repeat; }
.bottom-20 { margin: 0 0 20px; }

.navbar-brand { font-size: 22px; line-height: 24px; }
.navbar { font-family: Arial, sans-serif; }
h1, h2, h3, #top-inner .lead { font-family: 'Parisienne', cursive; }
h4 { font-family: 'Open Sans Condensed', sans-serif; }
.navbar-inverse { background: rgba(0,0,0,0.7); }
.bottom-20 { margin-bottom: 20px; }
.pad-section { padding: 50px 0; }
.pad-section img { max-width: 100%; }

#arrow { position:fixed; right:0; top:60px; background-color:black; color:#fff; z-index: 100; }
#arrow a { display:block; padding:10px 20px; cursor:pointer; color: #901e1e; }
/* additional sections */
#home { display: table; z-index: 101; height: 100%; position: relative; width: 100%; background-repeat: no-repeat; background-attachment: fixed; background-position: center center;
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.topcontent { padding: 30px 20px 20px; position: absolute; right: 40px; top: 280px; width: 444px; background: rgba(255, 255, 255, 0.5); text-align: center; }
.topcontent h3 { font: bold 2.2rem/2.6rem Arial, sans-serif; margin: 0px; text-transform: uppercase; color: #333; letter-spacing: 5px; }
.topcontent h2 { font: bold 62px Arial; text-transform: uppercase; color: #fff; letter-spacing: 5px; }
.topcontent img { margin-bottom: 20px; }
.topcontent .arrow-down { width: 0; height: 0; position: absolute; bottom: -50px; left: 164px; border-top: 50px solid rgba(255, 255, 255, 0.5);
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}

.topcontent, .arrow-down { -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
.topcontent:hover { background: rgba(255, 255, 255, 0.75); text-decoration: none; }
.topcontent:hover .arrow-down { border-top: 50px solid rgba(255, 255, 255, 0.75); }

#top-inner { display: table; z-index: 102; position: relative; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;  color: #fff; }
#top-inner .container { padding-top: 100px; }
#top-inner h2 { font-size: 76px; margin: 0 0 10px; text-shadow: 1px 1px 10px rgba(0, 0, 0, 1); }
#top-inner .lead { font-size: 38px; text-shadow: 1px 1px 10px rgba(0, 0, 0, 1); margin-bottom: 10px; }
.top-face { border-radius: 100% ; border: 2px solid #fff; float: left; margin: 0 30px 30px 0; width: 200px; height: 200px; text-shadow: 1px 1px 10px rgba(0, 0, 0, 1);}
#top-inner .social { margin-bottom: 40px; }

.text-section h1, .text-section h2, .text-section h3 { margin-top: 0; }
h1  { font-size: 62px; margin-bottom: 40px; }
h2  { font-size: 46px; margin-bottom: 20px; }
h3  { font-size: 38px; margin-bottom: 20px; }
h4  { font-size: 28px; margin-bottom: 20px; }
#videos h4 { white-space: nowrap; }
#videos .col-sm-6 { overflow: hidden; }
.content-block p  { margin-bottom: 20px; }
.list-style-none  { list-style: none; }
.text-section     { font-size: 20px; }

.white-section { background: #fff; color: #333; }
.white-section img { border: 1px solid #777; margin-bottom: 20px; }

.black-section { background: #111; color: #fff; }
.black-section img { border: 1px solid #999; margin-bottom: 20px; }
.color-section { background: #901e1e url("/assets/i/pattern-1.jpg"); color: #fff; }
.color-section hr { border-color: #333; }

.fa-calendar, #events img, #events-page img { border: 2px solid #333; border-radius: 50%; display: inline-block; font-size: 60px; height: 140px; line-height: 140px;  text-align: center;  vertical-align: middle; width: 140px; margin-bottom: 10px; }
.event-date { font-size: 24px; }
#events-page .fa-calendar, #events-page img { font-size: 40px; height: 100px; line-height: 100px;  width: 100px; margin-right: 20px; }
#events-page .event-date {  }

.transparent-section { background-color: transparent; }
.transparent-section .panel { opacity: 0.8; }
#updates { display: table; position: relative; width: 100%; padding: 150px 0; background-size: cover; background-attachment: fixed; }
#updates h2, #updates h2 a { color: #fff; font-size: 3.4rem; }
.color-section h2 a { color: #fff; }

.quote-item { margin: 0 0 20px; }
#quotes .quote-item { padding: 20px; }
blockquote { font-size: 24px; background: #ddd; margin-bottom: 10px; border: 1px solid #ccc; }
blockquote .fa { color: #eee; margin-right: 20px; font-size: 32px; }

#contact { display: table; position: relative; width: 100%; padding: 150px 0; background: url("/assets/i/Renee-M-contact.jpg") center top; background-size: cover; background-attachment: fixed; }
#contact input, #contact textarea { margin: 0 0 20px; }
#contact form { background: rgba(255,255,255,0.6); padding: 30px 20px; }

.news-item, .video-item { margin: 0 0 20px; background: #eee; border-radius: 10px; padding: 30px; }
.cd-personnel { font-size: 16px; margin: 20px 0; }
.discog-item { margin-bottom: 40px; }
.discog-item nobr { display: block; }

.buy-btn { background: #6a1417; display: block; float: left; height: 40px; text-align: center; width: 40px; line-height: 40px; border-radius: 50%; margin: 0 10px 0 0; }
.buy-btn .fa { color: #fff; }
.buy-btn:hover { background: #931c20; color: #fff; }
.style-enlightened { font: 16px/40px bold Papyrus; color: #fff; }
.style-whispering { background: #000 !important; }
#top-inner .buy-btn { background: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 1); }
#top-inner .buy-btn:hover { background: #ccc; }
#top-inner .buy-btn .fa, #top-inner .style-enlightened { color: #6a1417; }
.social { margin: 0 0 20px; }

.cart-btn { font-weight: bold; font-family: tahoma; }

.pageList { list-style: none; }
.pageList li { float: left; }
.pageList li a { display: block; padding: 5px 10px;  }

footer { padding: 20px 0; background: #fff; }
footer .glyphicon {
  color: #333333;
  font-size: 60px;
}
footer .glyphicon:hover {
  color: #306d9f;
}

.embed-responsive { position: relative; display: block; height: 0; padding: 0; padding-bottom: 0px; overflow: hidden; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid #555; }
.pull-right img, img.pull-right { margin: 0 0 0 20px; }
.pull-left  img, img.pull-left  { margin: 0 20px 0 0; }

.gal-item { float: left; }
.gal-item img { margin: 6px; }

.btn-success { font: bold 16px Arial, sans-serif; text-transform: uppercase; }

/* ----------- 1366 ----------- */
@media only screen and (max-width : 1366px), (max-device-width: 1366px) {  
  .navbar-brand  { display: none !important; }
  .topcontent { top: 100px; }
}
/* ----------- 768 ----------- */
@media only screen and (max-width : 768px), (max-device-width: 768px) {  
  .hide-768  { display: none !important; }
  .navbar-brand  { display: block !important; }
  .hp-bio-txt { padding-top: 20px; }
  #top-inner .container { padding-top: 100px; }
  #top-inner h2 { font-size: 46px; }
  #top-inner .lead { display: none; }
  .top-face { width: 150px; height: 150px;}
}
/* ----------- 740 ----------- */
@media only screen and (max-width : 740px), (max-device-width: 740px) {
 .buy-btn { width: 30px; height:30px; line-height: 30px; }
 .style-enlightened, .style-whispering { display: none; }
 .style-pandora img { width: 10px !important; height: 14px !important; }
}
/* ----------- 480 ----------- */
@media only screen and (max-width : 480px), (max-device-width: 480px) {
  .pad-section { padding: 20px 0; }
  #top-inner h2 { font-size: 42px; }
  .top-face { display: none; }
  h2,h3,h4 { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; margin-bottom: 20px; }
  h1  { font-size: 38px; margin-bottom: 20px; }
  h2  { font-size: 32px; }
  h3  { font-size: 24px; }
  h4  { font-size: 20px; }
}
/* ----------- 320 ----------- */
@media only screen and (max-width : 320px), (max-device-width: 320px) {
  #top-inner h2 { font-size: 38px; }
}