/*
Custom styles to make Bootstrap compatible with current website styling 
*/
/*Nav*/
nav.navbar{
    margin-bottom: 0;
    background: #733A7E;
    border-radius: 0;
}
.navbar-toggle{
    background-color: #fff;
}
.navbar-toggle .icon-bar{ 
    background: #733a7e;
}
#navcontainer ul li a{float: none;}

.dropdown-menu{
    border: none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav .active>a {
    border-color: transparent;
    line-height: 1.1;
}
#navcontainer ul{background-color: transparent;}
#navcontainer ul li {
    float: none;
    display: inline-block;
}
#navcontainer ul li ul li{
    width: 100%;
}

@media (min-width: 1025px){
    #navcontainer .navbar-nav {
        margin: 2.5px 0;
        float: none;
        text-align: center;
    }
    .home #navcontainer .navbar-nav {
        margin: 0;
    }
    #navcontainer .navbar-nav>li {
        float: none;
        display: inline-block;
    }
    #navcontainer .navbar-nav>li>a {
        padding: 16px 15px;
    }
    .navbar-nav>li>a .caret{
        display: none;
    }
    
    .navbar-nav>li:hover>.dropdown-menu{
        display: block;
    }

}
@media (max-width: 1024px) {
  .navbar-header {
      float: none;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  #navcontainer ul li{
      display: block;
  }
  #navcontainer .navbar-nav>li>.dropdown-menu{
      position: relative;
    width: 100%;
    box-shadow: none;
    border: none;
    padding-left: 1em;
  }
}
/* *\Nav* */

.bg-black{
    background-color: #000;
}
.bg-color-1{
    background-color: #460F48;
}
.bg-color-2{
    background-color: #733A7E;
}
.bg-color-3{
    background-color: #A34DD9;
}
.bg-color-4{
    background-color: #D9D9D9;
}
.bg-color-5{
    background-color: #9A83B9;
}
.bg-dark{
    background-color: #333333;
}
.bg-light-grey {
    background-color: #f7f7f7;
}
.bg-img{
    background-position: center;
    background-repeat: no-repeat; 
}
.bg-img-1{
    background-image: url(new-images/bkg2.jpg);
}
.bg-white{
    background-color: #fff;
}
.bg-white-2{
    background-color: #F9FBFA;
}
.bg-white-3{
    background-color: #f8f9f1;
}
.border-1{
    border: 1px solid #9A83B9;
}
.border-2{
    border: 2px solid #9A83B9;
}

.home-bg-1{
    background-image: url(images/background.jpg);
    background-position: center;
    background-size: cover;
}

.recital-bg-1{
    background-image: url(images/background.jpg);
    background-position: center;
    background-size: cover;
}

blockquote{
    border-left-color: transparent;
    margin: 16px 40px;
    padding: 0;
}
.center{
    margin-left: auto;
    margin-right: auto;
}
.dark-bar{
    height: 1px;
    background-color: #535353;
}

.d-block{
    display: block;
}
.d-inline{
    display: inline-block;
}
/*
h2{font-weight: 600;}
*/
iframe{
    max-width: 100%;
}
img{
    max-width: 100%;
    height: auto;
}
p{
    margin: 1em 0;
}
.p-0{
    padding: 0;
}
.p-3{
    padding: 3px;
}
.p-5{
    padding: 5px;
}
.p-10{
    padding: 10px;
}
.p-12{
    padding: 12px;
}
.p-20{
    padding: 20px;
}
.p-25{
    padding: 25px;
}
.p-30{
    padding: 30px;
}
.p-45{
    padding: 45px;
}
.pb-8{
    padding-bottom: 8px;
}
.pb-15{
    padding-bottom: 15px;
}
.pb-20{
    padding-bottom: 20px;
}
.pb-30{
    padding-bottom: 30px;
}
.ptb-1-5{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.pt-8{
    padding-top: 8px;
}
.pt-10{
    padding-top: 10px;
}
.pt-20{
    padding-top: 20px;
}
.m0,.m-0{
    margin: 0;
}
.mb-0{
    margin-bottom: 0em;
}
.mb-1{
    margin-bottom: 1em;
}
.mb-2{
    margin-bottom: 2em;
}
.mb-3{
    margin-bottom: 3em;
}
.mt-0{
    margin-top: 0em;
}
.mt-1{
    margin-top: 1em;
}
.mt-2{
    margin-top: 2em;
}
.mt-3{
    margin-top: 3em;
}
.p0,.p-0{
    padding: 0 !important;
}
.pb-1{
    padding-bottom: 1em;
}
.pb-2{
    padding-bottom: 2em;
}
.pb-3{
    padding-bottom: 3em;
}
.plr-1{
    padding-left: 1em;
    padding-right: 1em;
}
.pr-0{
    padding-right: 0;
}
.pt-1{
    padding-top: 1em;
}
.pt-2{
    padding-top: 2em;
}
.pt-3{
    padding-top: 3em;
}

.color-bar-2{
    height: 2px;
    background-color: #B7A1D5;
}

.home-bg-1{
    background-image: url(new-images/background.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 43%;
}

.recital-bg-1{
    background-image: url("new-images/Michigan-dance-music-recital.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 43%;
}

table{max-width: 100%;}
.table>tbody>tr>td{
    border-top: none;
}
table[cellpadding="2"] td{
    padding: 2px;
}
table[cellpadding="5"] td{
    padding: 5px;
}
table[cellpadding="6"] td{
    padding: 6px;
}
table[cellpadding="8"] td{
    padding: 8px;
}
table[cellpadding="25"] td{
    padding: 25px;
}
table[cellspacing="5"]{
    border-spacing: 5px;
    border-collapse: separate;
}
.table-center{
    margin-left: auto;
    margin-right: auto;
}

.page-footer{
    padding-bottom: 15px;
    background-color: #d3a0cc;
}
.home .page-footer{
    border-top: 2px solid #A02B8F;
    padding-top: 3em;
}

@media (min-width: 1200px){
    .container{
        width: 1100px;
    }
    .home .container{
        width: 1130px;
    }
    .container.mxw-970{
        width: 970px;
    }
    .container.mxw-1200{
        width: 1230px;
    }
    .main-header .container {
        width: 950px;
    }
    .home .main-header .container {
        width: 971px;
    }
    .page-footer .container{
        width: 1049px;
        padding: 0;
    }
    .transparent-md{opacity:0}
}
@media (max-width: 767px){
    .mobile-center{
        text-align: center;
    }
    .mobile-center table{
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .mobile-hide{
        display:none;
    }
    .mobile-pb-0{
        padding-bottom: 0;
    }
    .mobile-pb-10{
        padding-bottom: 10px;
    }
    .mobile-pb-1{
        padding-bottom: 1em;
    }
    .mobile-pb-2{
        padding-bottom: 2em;
    }
    .mobile-pt-1{
        padding-top: 1em;
    }
    .mobile-plr-1{
        padding-left: 1em;
        padding-right: 1em;
    }
    .headerpurplelg{
        line-height: 1.1;
    }
    .headerpurplemed, .quote{
        line-height: 1.2;
    }
    .headerpurplesm{
        line-height: 1.3;
    }
    .mobile-img-align{
        display:block;
        float:none;
        padding-bottom: 20px;
        margin:0 auto;
    }
}
@media (min-width: 768px){
    .lg-right{
        text-align: right;;
    }
    .lg-right table{
        margin-left: auto;
        margin-right: 0;
    }
    .col-sm-2-5 {
        width: 20%;
    }
    .col-sm-3-5 {
        width: 30%;
    } 
    .d-flex{
        display: flex;
    } 
    .d-flex-col{
        flex-direction: column;
    }
    .d-flex-col-center{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .va-center{
        align-items: center;
    }
    .d-flex.text-right{
        justify-content: flex-end;
    }
    .d-flex.footer-cols{
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    .mobile-show{
        display:none;
    }
    .home-bg-1{
        background-attachment: fixed;
    }
}
@media screen and (min-width: 1024px){
    .pl-0-lg{
        padding-left: 0;
    }
}