
body {
    padding-top: 46px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}



footer {
    margin: 50px 0;
}

/* NEW SITE TEST - INSTRUMENTALS PAGE */
/* NEW SITE TEST - INSTRUMENTALS PAGE */
/* NEW SITE TEST - INSTRUMENTALS PAGE */


.section-dark {
  background-color: #000000 !important;
}

.fullpageheight {
 min-height: 100vh; 
}


.section-red {
  background-color: #C0392B !important;
}


.grey-about-box {
    text-align: left;
    padding: 30px 30px;
    background-color: #efefef !important;
    font-size: 90% !important;
         margin-top: 1rem !important;
}

.grey-about-box-header {
	font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif;
     font-size: 1.2rem !important;
     margin-top: 1rem !important;
     margin-bottom: 1.0rem !important;
}

.song-note-box {
    text-align: left;
    padding: 30px 30px;
    background-color: #efefef !important;
    font-size: 90% !important;
}

.tssong-note-box {
    text-align: left;
    padding: 15px 15px;
    background-color: #efefef !important;
    font-size: 90% !important;
    /*margin-top: 3.7rem !important;*/
    margin-top: 0rem !important;

    border-radius: 3px;
}

.tssong-title {
    margin-top: 0.45rem !important;
    margin-bottom: 0.0rem !important;
    color: #fff !important;
}


.tssong-note-box-header {
    font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important;
     font-size: 1.2rem !important;
     margin-top: 1rem !important;
     margin-bottom: 1.0rem !important;
}


/*   the media queries below are used to make the line appear between columns in the TS card pane */

@media (min-width: 768px) {
  .col-left {
    padding-right: 25px;
    border-right: 1px solid #ccc;
	}
}

@media (min-width: 768px) {
  .col-right {
    padding-left: 25px;
	}
}

@media (max-width: 767px) {
  .col-left {
    padding-bottom: 40px;
	}
}



.moresongnotebutton {
    background-color: #efefef !important;
    border-color: #efefef !important;
}

.um-card-links {
  background-color: #C0392B !important;
}


.riotbg {
   background-image: url(../img/bg/feel-bkgrnd3.jpg);
      background-attachment: fixed;
 background-position: right;
  background-repeat: no-repeat;
 background-size: cover;
}


.undrgrndjumbotronhome {
 background-image: url(../img/bg/riot-bkgrnd5.jpg);
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #000000 !important;
   margin-bottom: 0rem !important;
   padding: 3rem !important;
 /*   min-height: 100vh;
max-height: 999px; */
}

.undrgrndjumbotron {
 background-image: url(../img/bg/riot-bkgrnd5.jpg);
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #000000 !important;
   margin-bottom: 0rem !important;
   padding-bottom: 3rem !important;
}

.undrgrndjumbotron-usp {
 background-image: url(../img/bg/riot-bkgrnd5.jpg);
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #000000 !important;
   padding: 1rem;
	padding-bottom: 1.5rem !important;
	   margin-bottom: 0rem !important;
}

.undrgrndjumbotron-aw {
 background-image: url(../img/bg/feel-bkgrnd4.jpg);
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #000000 !important;
   margin-bottom: 0rem !important;
   padding-bottom: 3rem !important;
}

.undrgrndjumbotron-contact {
 background-image: url(../img/bg/touch-bkgrnd.jpg);
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #efefef !important;
   margin-bottom: 0rem !important;
   padding-bottom: 3rem !important;
}

.undrgrndjumbotron-contactusp {
 background-image: url(../img/bg/touch-bkgrnd.jpg);
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #efefef !important;
   padding: 1rem;
	padding-bottom: 1.5rem !important;
	   margin-bottom: 0rem !important;
}

/* Header for Collection 1: Orchestral Hybrid */
.undrgrndjumbotroncollection1 {
 background-image: url(../img/bg/woman-bkgrnd.jpg);
/*  background-attachment: fixed;*/
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #000000 !important;
   padding-top: 2rem !important;
}

/* Header for Collection 2: Pulsing Rhythms */
.undrgrndjumbotroncollection2 {
 background-image: url(../img/bg/rhythm-bkgrnd.jpg);
/*  background-attachment: fixed;*/
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #000000 !important;
   padding-top: 2rem !important;
}

/* Header for Collection 3: Electronic Soul */
.undrgrndjumbotroncollection3 {
 background-image: url(../img/bg/soul-bkgrnd.jpg);
/*  background-attachment: fixed;*/
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #000000 !important;
   padding-top: 2rem !important;
}

/* Header for Collection 4: Dystopian Stories */
.undrgrndjumbotroncollection4 {
 background-image: url(../img/bg/riot-bkgrnd.jpg);
/*  background-attachment: fixed;*/
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
   background-color: #000000 !important;
   padding-top: 2rem !important;
}


.videobox {
    margin: 30px;
}


.white {
	color: #fff !important;
}

.centered {
	text-align: center;
}

h1 {
     text-shadow: 0px 1px 1px #ccc;
     font-size: 2.5rem;
     margin-top: 3rem;
	 margin-bottom: 1.5rem;
}

h2 {
     font-size: 2.0rem;
     margin-top: 3rem;
     margin-bottom: 1.0rem;
}

h3 {
     font-size: 1.5rem;
}

.featuredtrack{
    margin-top: 1.2rem !important;
} 

.featuredumsongs1st{
    margin-top: 1.0rem !important;
    margin-bottom: 0rem !important;
} 

.featuredumsongs {
    margin-top: 2.5rem !important;
    margin-bottom: 0rem !important;
} 


.collection-card {
   background-color: #000000 !important;
     /*  margin-bottom: 1.5rem !important;}*/
}

.collection-title {
     font-size: 1.0rem;
     color: #ffffff !important;
     font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important;
     margin-bottom: .25rem;
     text-align: center;
}

.collection-body {
    font-size: 0.8rem;
	font-weight: 300 !important;
	color: #ccc !important;
	font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important;
	text-align: center;
	margin-top: .25rem;
}

.collection-footer {
    font-size: 0.8rem;
	font-weight: 300 !important;
	color: #ccc !important;
	font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important;
	text-align: center;
}

.usp-card {
      background-image: url("../img/bg/binding_dark.png");
      background-color: #000000 !important;
	  box-shadow: 1px 1px 5px 1px rgba(54,53,54,1);     
	  /*  margin-bottom: 1.5rem !important;}*/
}


.usp-title {
     font-size: 1.0rem;
     color: #C0392B !important;
     font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important;
     	text-align: center;
}

.usp-body {
     font-size: 0.8rem;
	font-weight: 300 !important;
	color: #ccc !important;
	font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important;
		text-align: center;
}

.umfooter{
	font-size: 70% !important;
	font-weight: 300 !important;
	font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important;
	color: #8e8e8e !important;
}


/* FILTER TEST - The "show" class is added to the filtered elements */

.filterDiv1 {
  display: none; /* Hidden by default */
}

.filterDiv2 {
  display: none; /* Hidden by default */
}

.filterDiv3 {
  display: none; /* Hidden by default */
}

.filterDiv4 {
  display: none; /* Hidden by default */
}

.show {
  display: block;
}

.filterinstructions {
	margin-bottom: .25rem !important;
}

.filterbuttons {
	margin-bottom: .25rem !important;
	font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important;
	font-weight: 300 !important;
		font-size: 80% !important;
}

.greybkgnd {
	background-color: #fafafa;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
        border-left-color: rgb(238, 238, 238);
        border-left-width: 1px;
    border-left-width: .25rem;
    border-radius: .25rem;
}


.songtitle{
	font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #C0392B !important;
	margin-top: 1.5rem;
	font-size: 1.0rem;

}

.songdescript{
	font-size: 70% !important;
	font-weight: 300 !important;
}



 /* NEW SITE TEST - NAV BAR */


.undrgrndnav {
    margin-bottom: 0px !important;
}

.navbar-dark {
    /* background-image: url("../img/bg/binding_dark.png");*/
    background-color: #000000 !important;

}
 
.mynavlinks {
    color: #ccc !important;
    font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.mynavlinks.active{
    color: #fff !important;
}



.black {
	color: #000000 !important;
}  /* note: this is a hack so that the 2-word links don't wrap... they are connected with a black period & no space*/

.mynavdropdownlinks {
    font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 70% !important;
    font-weight: 300 !important;
    color: #ccc !important;
}

.mynavdropdownbox {
     background-color: #C0392B !important;
}

.mynavdropdownbox a:hover{
     background-color: #C0392B !important;
}

ul.navbar-nav li a:hover, ul.nav li a:active  {
    color: #fff !important;
}


.navbar-brand {
      color: #C0392B !important;
      font-size: 150% !important;
     font-weight: 400 !important;
     font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif;     
}

.navbar-brand:hover,
.navbar-brand:focus {
      color: #fff !important;
} 


/* tabs in cards */
/* tabs in cards */
/* tabs in cards */

.section-darkred {
  background-color: #A63124 !important;
}


.songcardnav{
    border-color: rgba(0, 0, 0, 0.1) !important;
    font-size: 80% !important;
}


.songcardnav.active{
  background-color: #A63124 !important;
 border-bottom-color: #A63124 !important;
    color: #fff !important;
}

.songcardnav.hover{
    color: #fff !important;
}

ul.nav li a {
    color: #000000 !important;
    font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif;
}

ul.nav li a:active {
    color: #000000 !important;
}

ul.nav li a:hover {
  text-decoration: underline;
}

/* here are the classes used in the cards: 
 <ul class="nav nav-tabs ...
 <li class="nav-item"> ...
 <a class="nav-link active" ...
*/





  /* OLD NAV BAR - not complete */
  /* OLD NAV BAR - not complete */
  /* OLD NAV BAR - not complete */


.navbar-inverse {
      background-image: url("../img/bg/binding_dark.png");
}
 


.navbar-links {
     font-size: 70% !important;
     font-weight: 300 !important;
     background-color: #C0392B !important;
}


 
 /* HEADER FONTS */
 /* HEADER FONTS */
 /* HEADER FONTS */

h1, h2, h3, h4, h5, h6  {
	font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif;
    /*font-weight: 700 !important;*/
}



 /* page headers that are also links */

a.headerlink {
  color: #333 !important;
}

a.headerlink:hover {
  text-decoration: underline;
}

 /* buttons */

.btn-lina {
      background-image: url("../img/bg/binding_dark.png");
      border-radius: 5px;
    background-color: #000;
      color: #fff !important;
           font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif; 
}

.btn-lina:hover {
  color: #C0392B !important;
}



 /* BODY FONTS */
 /* BODY FONTS */
 /* BODY FONTS */


p, li {
	font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;
    /*font-weight: 700 !important;*/
}



.accent{
	font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #C0392B !important;
}

.red {
	color: #C0392B !important;
}

.grey {
	color: #8e8e8e !important;
}

 
.light{
	 font-weight: 300 !important;
}

.regular{
	 font-weight: 400 !important;
}


a {
  color: #C0392B !important;
}

a:hover {
  text-decoration: underline;
}







 /* grey boxes in page */

.box {
    position: relative;
    padding: 15px 10px 15px;
   /* background: #f6f6f6;  */
}

.boxcentered {
    border-radius: 5px;
    position: relative;
    padding: 15px 10px 15px;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px ;
    background: #fff;
    text-align: center;
}

.blkbox {
    position: relative;
    padding: 0px 15px 15px 15px;
    /* border-color: #9cd80f #222 #9cd80f #222;*/
    border-style: solid;
    border-width: 1px ;
    background-image: url("../img/bg/binding_dark.png");
}




 /* featured tracks  box */

.boxside {
    position: relative;
    padding: 0px 15px 15px 15px;
    /* border-color: #9cd80f #222 #9cd80f #222;*/
    border-style: solid;
    border-width: 1px ;
    background-image: url("../img/bg/binding_dark.png");
    max-width:340px;
        min-width:340px;
}

.white {
      color: #fff !important;
}

.darkgrey {
      color: #6b6b6b !important;
}

.lightgrey {
      color: #ccc !important;
}


a.boxsidelink {
  color: #ccc !important;
}
a.boxsidelink:hover {
    color: #C0392B !important;
      text-decoration: none;

}


.boxside-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
  color: #C0392B;
  line-height: 1;
  font-weight: 400 !important;
    text-shadow: none !important;

}



 /* EBOOK */

.bookOutline {
    /* border: 1px solid #eee;*/
    background-image: url("../img/bg/binding_dark.png");

}

.bookLeft {
    position: relative;
    padding: 10px 10px 10px 10px;

}

.tableofcontents{
    text-align: center;    
	font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #ccc !important;
	     font-size: 90% !important;
}

a.tableofcontents{
	color: #C0392B !important;
}

.btn-lina-clear {
      color: #C0392B !important;
      font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif; 
}



.chapterTitle {
    text-align: center;    
    padding: 70px 10px 0px 10px;
    font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #C0392B !important;
}

.songName {
    text-align: center; 
    padding: 0px 0px 50px 0px;
    font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #ccc !important;
}

.songQuote {
    text-align: center; 
    padding: 0px 40px 30px 40px;
	color: #ccc !important;
	font-weight: 300 !important;
	font-style: italic;

}


.bookRight {
    position: relative;
    padding: 50px 30px 30px 30px;
        background: #fff;
    border: 5px solid #ccc;
}







 /* BELOW IS CODE NOT USED */
 /* BELOW IS CODE NOT USED */
 /* BELOW IS CODE NOT USED */


.portfolio-item {
    margin-bottom: 25px;
    border-color: #e5e5e5 #eee #eee;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px ;
}

.portfolio-item2 {
    margin-bottom: 25px;
    border-color: #e5e5e5 #eee #eee;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px ;
    max-width:300px;
}


 /* grey boxes on homepage */

.boxhome {
    position: relative;
    padding: 5px 20px 15px 20px;
    background: #f6f6f6;  
}

.boxhomeblk {
    position: relative;
    padding: 5px 20px 15px 20px;
    background: #373737;  
}

a.boxhomelink {
  color: #ccc !important;
}
a.boxhomelink:hover {
    color: #ccc !important;
}


body {
   /* background-image: url("../img/bg/binding_dark.png");
    background-repeat: repeat-y repeat-x; */
}


 .darkborder {
  border-bottom: 1px solid #777 !important;
}

 /* green links (in blk box on home) */
a.green {
  color: #9cd80f !important;
}
a.green:hover {
  text-decoration: underline;
}
