body{
background: white;
font-size: 14px;
color: #ffffff;
line-height: 18px;
margin-top:10px;
margin-bottom:0px;
margin-left: 0px;
margin-right:0px;
min-width:294px;
overflow-x:hidden;
font-family: 'Montserrat';font-size: 16px;
}

.covid{
background: orange;
border-top: 2px solid red;
border-bottom: 2px solid red;
color: firebrick;
padding:20px;
}

.newsletter{
border:2px white solid;
background:#89C5D9;
color:white;
padding:10px;
}

.joinbtn{
color:#89C5D9;
background:white;
padding:14px;
margin-left:20px;
border:0px;
}

.loginbtn{
color:white;
background:#89C5D9;
padding:4px 10px 4px 10px;
border:0px;
}

.loginbtn:hover{
background:white;
color:#89C5D9;
padding:4px 10px 4px 10px;
border:0px;
text-decoration:none;
}

.red,
.red a:hover,
.red a:active,
.red a:visited{
color: firebrick;
font-weight: 700;
text-decoration:underline;
}

.container{
background: white;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}

h1{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 30px;
color:#ffffff;
}

.mptt-shortcode-hours, .mptt-menu, .mptt-navigation-select{
color: #6D9EAF;
}

h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 26px;
text-decoration: none;
color:#ffffff;
}

.h1{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 30px;
text-decoration: none;
color:#6D9EAF;
}

.h2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 26px;
text-decoration: none;
line-height: 40px;
color:#ffffff;
}

.classes{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 20px;
text-decoration: none;
line-height: 40px;
color:#ffffff;
}

.bold{
font-weight:700;
}

.indent{
margin-left: 60%;
font-weight: 700;
}

.wave{
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 18px;
color:#ffffff;
padding-left: 50px;
padding-right: 50px;
text-align: justify;
}

.mobius{
font-size: 10px;
color: #666666;
position:absolute;
bottom: 0px;
left: 20%;
right:20%;
}

.wdc_calendar {
width:100% !important;
background-color: white;
}

.black{
color:black;
}

.blue{
color: #6D9EAF;
}

.bluebutton, .bluebutton:visited, .bluebutton:active, .bluebutton:focus{
color: white;
background-color: #89C5D9;
border:2px solid #89C5D9;
padding: 10px;
text-decoration: none;
text-shadow: none;
}

.bluebutton:hover{
color: #89C5D9;
background-color: white;
border:2px solid #89C5D9;
padding: 10px;
text-decoration: none;
text-shadow: none;
}

.whitebutton, .whitebutton:visited, .whitebutton:active, .whitebutton:focus{
color: #89C5D9;
background-color: white;
font-weight:700;
border:2px solid white;
padding: 15px;
margin-right:20px;
text-decoration: none;
}

.whitebutton:hover{
color:white;
background-color:  #89C5D9;
text-decoration: none;
}

.bluebg{
background: #89C5D9;
color:white;
}

.blackbg{
background: black;
color: white;
}

.whitebg{
background: white;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}

.equal {
  max-width: 50%;
  text-align:right;
}

.equal-left {
  max-width: 50%;
  text-align:left;
}

.pad{
padding:20px;
}

.pic-left{
float: left;
display: inline-block;
margin-right:20px;
margin-top: 10px;
margin-bottom: 10px;
}

.pic-right{
float: right;
}


.headerbg{
background: url("../images/dance-header.png");
background-repeat: no-repeat;
background-position:center top;
background-color: black;
background-size: 100% 100%;
min-width: 75%;
min-height: 177px;
overflow: visible;
padding-top: 0px;
}

.footerbg{
background: url("../images/dance-footer.png");
background-repeat: no-repeat;
background-position:center top;
background-color: black;
background-size: 100% 100%;
min-height: 132px;
}

.logo{
position: absolute;
top: 20px;
left: 40px;
}

.social{
position:absolute;
top: 20px;
right: 26px;
}

.buffer{
margin-right: 10px;
}

.spacer{
padding-left:6px;
padding-right:6px;
}

.wave-top{
background: url("../images/dance-wave-top2.png");
background-repeat: repeat-y;
background-size: 100% 100%;
min-height: 132px;

}

.wave-bottom{
background: url("../images/dance-wave-bottom2.png");
background-repeat: no-repeat;
background-size: 100% 100%;
height: 75px;
}

.border{
border: 2px solid black;
}

.blueborder{
bordder: 1px solid #6D9EAF;
background-color: #89C5D9 ;
}

.redborder{
border: 2px solid red;
}

.instructor{
padding-left: 20px;
padding-right: 20px;
min-height: 320px;
background-color: #89C5D9 ;
height: parent;
color:#ffffff;
}

.instruct{
margin-top: -8px;
background-color: white;
}

.btn-register,
.btn-register:focus{
color:white;
background-color:#89C5D9 ;
}


.btn-register:hover{
color:white;
background-color:#6D9EAF;
}

hr{
border-top:1px dashed #9ecece;
}

a{
color:#89C5D9;
font-weight:500;
background-color:transparent;
}

a:hover,
a:active,
a:focus{
color:#89C5D9;
text-decoration: underline;
background-color:transparent;
}

.footermenu{
color:#89C5D9;
font-weight:500;
background-color:transparent;
}

.footermenu:hover,
.footermenu:active,
.footermenu:focus{
color:#ffffff;
text-decoration:underline;
background-color:transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: transparent;
}

.carousel{
background: black;
}

.row{
margin-left:0px;
margin-right:0px;
}

.center{
float:none;
margin: auto;
}

.vertwrap{
height:100%;
border: 2px solid red;
}
.align-middle{
display: flex;
justify-content: center;
align-items: center;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  top: 15%;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.captionbg1{
background-color: rgba(0, 0, 0, 0.75);
max-width:190px;
max-height:160px;
padding-left:10px;
}

.captionbg2{
background-color: rgba(0, 0, 0, 0.75);
max-width:210px;
max-height:160px;
padding-left:10px;
}

.captionbg3{
background-color: rgba(0, 0, 0, 0.75);
max-width:230px;
max-height:160px;
padding-left:10px;
}

.captionbg4{
background-color: rgba(0, 0, 0, 0.5);
max-width:220px;
max-height:180px;
padding-left:10px;
}

.captionbgcenter{
margin-left:0%;
margin-right:0%;
text-align: center;
}

.dark{
background-color: rgba(0, 0, 0, 0.5);
max-height:200px;
margin-left:14%;
margin-right:14%;
}

.captionh1{
font-size:50px;
font-weight:700;
color:white;
}


.captionmid{
font-size:20px;
font-weight:400;
color:white;
}

.captionbtn, .captionbtn:visited, .captionbtn:active, .captionbtn:focus{
border:2px white solid;
padding:6px;
font-weight:700;
position:relative;
top:-10px;
text-decoration:none;
text-shadow: none;
}

.captionbtn:hover{
border:2px white solid;
font-weight:700;
background:#89C5D9;
color:white;
text-decoration:none;
}

.nav-center{
margin: auto;
text-align: center;
color:#444444;
}

.navbar-collapse {
  max-height: 1000px ;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}

.navbar{

}

.navbar-nav{
margin-top: 126px;
margin-right:-50px;
 }

.navbar-nav > li{
font-family: 'Montserrat', sans-serif;
font-size: 13px;
padding-left: 10px;
padding-right: 10px;
font-weight: 300;
color:#89C5D9;
}

.navbar-nav > li > a,
.navbar-nav > li >a:visited,
.navbar-nav > li >a:active{
font-size: 13px;
padding-left: 0px;
padding-right: 0px;
font-weight: 300;
color:#89C5D9;
background-color:transparent;
}

.navbar-nav > li >a:hover,
.navbar-nav > li >a:focus{
color:#ffffff;
text-decoration:underline;
background-color: transparent;
}



.icon-bar{
background-color: #89C5D9;

}

.navbar-toggle{
border: 2px solid #89C5D9;
background-color:#000000;
position: absolute;
top: 10px;
right: 10px;
}

.navbar-toggle:hover{
background-color: #222222;
}



.dropdown-toggle:focus, {
  text-decoration: none;
  background-color: transparent;
}


.dropdown-menu{
background-color: #222222;
}

.bump{
top: 40px;
}

.dropdown-menu > li > a{
color: #89C5D9;
background-color: #222222;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
color: #ffffff;
background-color:#333333;
}

.up{
margin-top: -346px;
margin-left: 30%;
text-align: left;
}

ul.contact{
list-style-type: none;
}

.map{
min-height: 400px;
}
@media (max-width: 767px) {

body{
margin-top: 0px;
}

.headerbg{
overflow: hidden;
}

.wave{
padding-left: 10px;
padding-right: 10px;
text-align: left;
}

.navbar-nav{
margin-top: 60px;
margin-right: 10px;
 }
 
.navbar-nav > li > a,
.navbar-nav > li >a:focus,
.navbar-nav > li >a:active,
.navbar-nav > li >a:visited{
background-color: #111111;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 70px;
vertical-align: middle;
}

.navbar-nav > li >a:hover{
color:#ffffff;
text-decoration:none;
background-color:#222222;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #111111;
}

.dropdown-menu > li > a{
margin-left: 10px;
}

.up{
margin-left: 15%;
}

.carousel-caption {
  top: 0%;
}


}

@media (min-width: 768px) and (max-width: 991px) {

.dark{
background-color: rgba(0, 0, 0, 0.5);
max-height:200px;
margin-left:5%;
margin-right:5%;
}

.up{
margin-left: 25%;

}

}

@media (min-width: 992px) and (max-width: 1199px) {

.up{
margin-left: 32%;
}

.wdc_calendar {
width:100% !important;
padding-left:10px;
padding-right:10px;
background-color: white;
}

}

@media (min-width: 1200px) {

.up{
margin-left: 35%;
}

.wdc_calendar {
width:100% !important;
padding-left:10px;
padding-right:10px;
background-color: white;
}
}