/* http://colorschemedesigner.com/#4e11Tw0w0w0w0 */
/*https://kuler.adobe.com/My-Kuler-Theme-color-theme-3191586/*/
/*https://kuler.adobe.com/Marble-color-theme-3175700/*/
/* from: http://startbootstrap.com/templates/grayscale/  */
ul.nav.navbar-nav li.active {
  background-color: rgba(152, 119, 86, 0.8);
}
.navbar-nav > li > a {
  color: white;
  /*background-color: transparent;*/

}
@media (max-width: 767px) {
  .navbar {
    background-color: rgba(47, 115, 130, 0.9);
  }
  .nav > li > a:hover,
  .nav > li > a:focus {
    background-color: transparent;
  }
  /*.navbar-nav > li > a
      {
          color: white;
      }*/
  .navbar-toggle .icon-bar {
    background-color: white;
  }
  .navbar-toggle {
    outline: none;
  }
}
@media (min-width: 768px) {
  /*rlj-home-logo
      {
          padding-left: 20px;
          padding-right: 20px;
      }*/
  .nav > li > a:hover,
  .nav > li > a:focus {
    background-color: rgba(47, 115, 130, 0.1);
  }
  .navbar.top-nav-collapse .nav > li > a:hover,
  .nav > li > a:focus {
    background-color: transparent;
  }
  /*.navbar.top-nav-collapse
      {
          -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
          -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
          transition: background .5s ease-in-out,padding .5s ease-in-out;
      
          border-bottom: 1px solid rgba(255,255,255,.3);
          
          
          
          padding: 0;
          background-color: rgba(47, 115, 130, 0.9);
      }*/
  .navbar .navbar-nav > li.active > a {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*background-color: rgba(0, 0, 0, 0.3);*/
  
    /*border-left: 1px solid white;
          border-right: 1px solid white;*/
  
    border: 1px solid rgba(47, 115, 130, 0.9);
  }
  .navbar-nav > li.active > a {
    -moz-box-shadow: inset #2f7382 0 -3px 0 0;
    -webkit-box-shadow: inset #2f7382 0 -3px 0 0;
    box-shadow: inset #2f7382 0 -3px 0 0;
  }
  .navbar .navbar-nav > li > a,
  .navbar a.navbar-brand {
    -webkit-transition: padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out;
    -moz-transition: padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out;
    transition: padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  /*.navbar.top-nav-collapse .navbar-nav > li > a,
      .navbar.top-nav-collapse a.navbar-brand
      {
          -webkit-transition: padding-top .5s ease-in-out,padding-bottom .5s ease-in-out;
          -moz-transition: padding-top .5s ease-in-out,padding-bottom .5s ease-in-out;
          transition: padding-top .5s ease-in-out,padding-bottom .5s ease-in-out;
      
          padding-top: 15px;
          padding-bottom: 15px;
      }*/
  .navbar.top-nav-collapse a {
    color: white;
    border-bottom: none;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar {
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    border-color: #e7e7e7;
    /*background-color: rgba(240, 240, 240, 1); ////////////*/
  
    background-color: rgba(47, 115, 130, 0.9);
  }
}
.panel {
  border: none;
}
@media (min-width: 768px) {
  .navbar-nav {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    position: relative;
    left: -22.5px;
  }
  body {
    /*background-image: url('../images/bg.jpg');*/
  
    background-color: white;
    background-size: cover;
    /*background-attachment: fixed;*/
  
  }
}
/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */

}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */

  margin: 0 auto -120px;
  /* Pad bottom by footer height */

  padding: 0 0 120px;
  /*padding: 0;*/

  background-color: rgba(255, 255, 255, 0.9);
}
/* Set the fixed height of the footer here */
#footer {
  height: 120px;
  background-color: rgba(47, 115, 130, 0.1);
  border-top: solid 1px rgba(47, 115, 130, 0.1);
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
#wrap > .container {
  /*padding-top: 51px;*/

  padding-top: 71px;
  padding-left: 10px;
  padding-right: 10px;
}
.container .credit {
  margin: 20px 0;
}
#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}
code {
  font-size: 80%;
}
/* end custom styles */
/* Widen the fixed sidebar */
.affix,
.affix-top,
.affix-bottom {
  width: /*266px;*/ 220px;
}
@media (max-width: 992px) {
  .affix,
  .affix-top,
  .affix-bottom {
    position: static;
    /*width: 100px;*/
  
  }
}
.affix {
  top: 66px;
  /*10px*/

  /*width: auto;*/

}
/*.affix-top 
    {
        
    }
    
    .affix-bottom 
    {
        
    }*/
.navbar-inverse {
  /*background-color: @colour5;*/

  /*background-color:rgba(4, 99, 128, .9);*/

  background-color: rgba(47, 115, 130, 0.9);
}
a:hover,
a:focus {
  color: rgba(47, 115, 130, 0.9);
}
div#Content {
  /*background-color: @panelColour;*/

}
.jumbotron {
  margin-bottom: 10px;
}
.jumbotron h1 {
  color: #046380;
}
.panel {
  margin-bottom: 10px;
}
/*.nav > li > a:hover, .nav > li > a:focus
{
    background-color: @colour1Light;
}*/
.navbar {
  /*border-radius: 4px 4px 0 0;*/

  margin-bottom: 0;
}
.navbar-inverse .navbar-nav > li > a {
  -o-transition: .2s;
  -ms-transition: .2s;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  color: white;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: inherit;
  color: white;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: rgba(47, 115, 130, 0.9);
}
a {
  color: rgba(47, 115, 130, 0.9);
}
div.panel.panel-default {
  background: none;
}
.container .jumbotron {
  border-radius: 0px;
}
.panel {
  border-radius: 0px;
}
div.container.main-container {
  /*background-color: @colour2;*/

}
div.jumbotron {
  text-align: center;
}
ul.list-inline.centered {
  text-align: center;
}
.col-centered {
  float: none;
  margin: 0 auto;
}
div.row.social-media {
  padding-top: 20px;
  margin-bottom: -10px;
}
div.row.social-media a {
  padding: 5px;
}
div.row.social-media img {
  line-height: 10px;
  vertical-align: middle;
  height: 30px;
}
#Content {
  /*background-color: #f9f9f9;*/

}
.home-banner {
  border-color: #222;
  border-left: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 1px;
}
.text-primary {
  color: #2f7382;
}
.panel-danger > .panel-heading {
  color: rgba(47, 115, 130, 0.9);
}
button.btn.btn-rlj,
a.btn.btn-rlj {
  background-color: rgba(47, 115, 130, 0.8);
  color: white;
}
button.btn.btn-rlj:hover {
  background-color: rgba(47, 115, 130, 0.9);
  color: white;
}
.navbar-inverse {
  border-color: rgba(47, 115, 130, 0.9);
}
.justify {
  text-align: justify;
}
.music-lessons-image {
  margin-bottom: 15px;
  margin-top: 15px;
}