
.menuTopItem A, .menuTopItem A:visited, .mmenu li, .mmenu li > a, .mmenu li > span, .mmenu A:visited {
font-size: 18px !important;
color: #1DCA7F;
}


.menuItemHover A, .menuItemHover.A,.menuItemHover A:visited, .menuItemHover.A:visited, .menuTopItem A:hover, .mmenu A:hover, .mmenu li > a:hover, .mmenu li.mmenu-selected > a, .mmenu li.mmenu-selected > span {
color: #9F71DE;
text-decoration: none;
}


.menuItemL2 A, .menuItemL2 A:visited {
color: #FFFFFF;
}


.menuItemL2 A:hover {
color: #9F71DE;
text-decoration: none;
}

a, a:visited, a:hover
{ font-weight: normal;color: #00A6ED; }
.boxed
{ max-width: 1200px !important; width: 100% !important; height: auto !important; }
.menuSeparatorOuterTD {
                                    display: none !important;
                                }
table tr.TableHeader TD, table tr.TableHeader TH, DIV.TableHeader, table tr.TableHeader A, table tr.TableHeader A:visited, table tr.TableHeader A.headerLink, table tr.TableHeader A.removeRegistrantLink, td.classTableHeaderTD
{ font-weight: bold;color: #FFFFFF; }
table tr.TableHeader TD, table tr.TableHeader TH, DIV.TableHeader, td.classTableHeaderTD
{ background-color: #1DCA7F; }
input[type='submit'], input[type='button']
{ background-color: #1DCA7F; }
input[type='submit'], input[type='button']
{ border-color: #1DCA7F;border-width: 1px;border-style: solid;border-radius: 15px; }
.MenuButton TD
{ background-color: #1DCA7F; }.outerBodyFooter
{
  position: relative;
  z-order: 10;
}

.mainMenuContainer
{
  background-color: white;
  border-radius: 15px; 
  height: 97.5px;
  padding-top: 26px;
 position: relative;
  z-index: 10;
  padding-left: 250px;
}

#siteTitle { padding-top: 50px; }
#siteTitle IMG { max-width: 208px !important;  position: relative; z-index:12; left:21px; }

.menu
{
  position: relative;
  top: -86px;
}

BODY, DIV, TD, P
{
    font-family: Catamaran;
    color: rgba(0, 0, 0, 0.73);
    font-size: 18px;
  font-weight: 400;  
}

.menuTopItem A
{
  font-family: Catamaran;
  font-weight: 700;
}

/* To center the menu */
.mainMenuContainer TABLE {   width: 100%;    text-align: center;  }

DIV.header
{
   padding-top: 16px !important;
   padding-bottom: 210px !important;
    color: white;
    font-family: Catamaran,sans-serif;
    font-size: 48px;
    font-weight: 800;
    text-align: center;
}

/* an automatic fix to improve button styles */
  /* A.register, A.classDetails, A.schedule-btn, A.dropin */
  input[type=submit],
  input[type=button],
  A.register, A.classDetails, A.schedule-btn, A.dropin, a.customButton
{
    border-radius: 5px;
    background-color: #1DCA7F ;
    font-weight: normal;
    color: white !important;
    padding: 10px;
   min-width: 82px;
   text-align:center;
   display: inline-block;
   margin-top: 2px;
  margin-bottom: 2px;
}

@media screen and (min-width: 768px) {
 .outerBodyFooter.boxed {
    max-width: unset ! important;
}
 .section.pageBody {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.outerPageFooter {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
}

@media screen and (max-width: 768px) {

 .section.pageBody {
    padding-left: 5%;
    padding-right: 5%;
}
}


 .section.pageFooter {
    background-color: #9F71DE;
}

#footer TD, #footer DIV {
    font-size: 14px;
    color: #fff;
}

.outerBodyFooter {
    margin-top: -80px;
}
.outerPageFooter {
    padding: 0 20px 100px;

}

.innerPageBody {
    padding: 10px 0px 20vh;
}

nav#menu {
    background-color: #1DCA7F;
}

.mmenu-opened  > li > a{
 color: #fff ! important;
 font-weight: 600;
}

.mmenu.mmenu-horizontal ul {
    padding-top: 50px;
}

#mobile-menu-actions .row {
 display: flex;
}

.col-xs-2:nth-of-type(1) {
    order: 3;
    display: flex;
    justify-content: flex-end;
    width: 33%;
    height: 75px;
}

.col-xs-2:nth-of-type(2) {
 display: none;
}

.col-xs-2 {
    display: none;
}
/*  ------- Styles below the line are not shown during page editing --------- */
.documentArea
{
  position: relative;
}

#swooshOverlay
{
  background-image: url(https://elevatemusictogether.pnwsites.com/wp-content/uploads/header-bg-friend-flourish-3.png);
  height: 364px;
  background-color: #32B8BF;
  position: absolute;
  width: 100%;  
  top:-4px;
 background-size: cover;
}

#beforeSwoosh
{
  height: 200px;
  background-color: #32B8BF;
  position: absolute;
  width: 100%;  
  top:40px;
}

#swoosh
{
  height: 100px;
  position: absolute;
  width: 100%;  
   top: 356px;
 overflow: hidden;
}

#swoosh SVG
{
  width:  calc(165% + 1.3px);
  height: 101px;
  xleft: 50%;
   xtransform: translateX(-50%);
  xbackground-color: #32B8BF;
}

#swoosh path
{
    fill: #32B8BF;
    transform-origin: center;
    transform: rotateY(0deg);
}


.extraFooter
{

}

@media screen and (max-width: 767px)
{
  .menu-caption { color: #1DCA7F ; }
  .menu-btn .icon-bar { background-color: #1DCA7F ; width: 30px; }
  #mobile-menu-actions { background-color: white; height: 95px;  padding-top: 10px;  border-radius: 10px;  width: 96%;  margin: auto; margin-top: 40px; padding-left: 10px; padding-right: 10px; }
  #siteTitle IMG { position: relative;  top: -131px;   left: -60px; }
  DIV.header  {      font-size: 32px;  }
  #swooshOverlay  { background-image: none; }
  .outerBodyFooter  {    top: -20px;  }
  .documentArea  {    border-top: 50px; }
  .menu-btn .icon-bar + .icon-bar { margin-top: 5px; }
}



.selectize-input.items,
.selectize-input.items div.item,
.selectize-dropdown-content div.option {
  font-size: 16px;
  font-family: Arial;
}

.selectize-input.items,
.selectize-input.items div.item,
.selectize-dropdown-content div.option:not(.selected) {
  color: #000;
}

@media screen and (min-width: 768px) {
  .selectize-input.items,
  .selectize-input.items div.item,
  .selectize-dropdown-content div.option {
    font-size: 13.333px;
  }
}