
.menuTopItem A, .menuTopItem A:visited, .mmenu li, .mmenu li > a, .mmenu li > span, .mmenu A:visited {
font-family: 'Poppins';
font-size: 18px !important;
color: #2F95A2;
font-weight: bold;
}


.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 {
font-family: 'Poppins';
font-size: 20px !important;
color: #F47D62;
font-weight: bold;
text-decoration: none;
}


.menuItemL2 A, .menuItemL2 A:visited {
font-family: 'Poppins';
font-size: 18px !important;
color: #FFFFFF;
}


.menuItemL2 A:hover {
font-family: 'Poppins';
color: #FFFFFF;
text-decoration: none;
}

body,p,div,td
{ font-family: 'Poppins';font-size: 16px; }
body.BG
{ background-color: #FFFFFF; }
a, a:visited, a:hover
{ color: #2F95A2; }
a:hover
{ color: #F47D62; }
.boxed {
                                max-width: none;
                                width: auto;
                              }
                              .innerPageBody, .innerPageFooter {
                                padding-left: 10px;
                                padding-right: 10px;
                              }
body div.header
{ font-family: 'Poppins';font-size: 30px;font-weight: bold;color: #846057; }
body div.header
{ padding:20px; }
.menuSeparatorOuterTD {
                                    display: none !important;
                                }
div.innerPageBody
{ border-color: #FFFFFF;border-width: 0px;border-style: none; }
#footer TD, #footer DIV
{ font-family: 'Poppins'; }
#footer div:not(.poweredByContainer) > a, #footer div:not(.poweredByContainer) > a:visited, #footer div:not(.poweredByContainer) > a:hover
{ font-family: 'Poppins'; }
#footer div:not(.poweredByContainer) > a:hover
{ font-family: 'Poppins'; }

                        .panel div.TableWithBorders,
                        div.TableWithBorders.addRegistrantPanel,
                        div.TableWithBorders.onlyBottomBorder,
                        table.TableWithBorders, table.TableWithBorders tr td, table.TableWithBorders tr th,
                        .meetingsSelector .TableWithBorders hr, .meetingsSelector .TableWithBorders, .meetingsSelector .TableWithBorders tr td, .meetingsSelector .TableWithBorders tr th,
                        table.classTable tr td, table.classTable tr th,
                        .classTable hr {
                        border-color: #F9F6F0;border-width: 0px;border-style: solid;
                        }

                        div.TableWithBorders.onlyBottomBorder {
                           border-top: none;
                           border-right: none;
                           border-left: none;
                        }

                        table.stacktable.small-only {
                        border-spacing: 0;
                        border-collapse: collapse;
                        border: none !important;
                        }

                        table.stacktable.small-only .st-tr-spacer {
                        height: auto !important;
                        min-height: 0 !important;
                        }

                        table.stacktable.small-only .st-spacer {
                        height: auto !important;
                        min-height: 0 !important;
                        border: none !important;
                        background-color: transparent !important;
                        }

                        .table-header-spacer { display: none; }
                    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-family: 'Poppins'; }
table tr.TableHeader TD, table tr.TableHeader TH, DIV.TableHeader, td.classTableHeaderTD
{ background-color: #EBE8E2; }
.TableWithBorders .dataRow, .classTable .dataRow,.TableWithBorders .altDataRow, .classTable .altDataRow
{ font-family: 'Poppins'; }
.TableWithBorders .dataRow a,.TableWithBorders .dataRow a:visited,.TableWithBorders .dataRow a:hover,.classTable .dataRow a,.classTable .dataRow a:visited,.classTable .dataRow a:hover,.TableWithBorders .altDataRow a,.TableWithBorders .altDataRow a:visited,.TableWithBorders .altDataRow a:hover,.classTable .altDataRow a,.classTable .altDataRow a:visited,.classTable .altDataRow a:hover
{ font-family: 'Poppins'; }
.TableWithBorders .altDataRow, .classTable .altDataRow
{ font-family: 'Poppins'; }
.TableWithBorders .altDataRow, .classTable table.altDataRow
{ background-color: #EBE8E2; }
.TableWithBorders .hoveredRow, .TableWithBorders .TableRowHover, .classTable .hoveredRow
{ font-family: 'Poppins'; }
.TableWithBorders .TableRowSelected
{ font-family: 'Poppins'; }
select.txtEditable, select.txtReadOnly, textarea.txtEditable, textarea.txtReadOnly, input.txtEditable, input.txtReadOnly
{ font-family: 'Poppins'; }
input[type='submit'], input[type='button']
{ font-family: 'Poppins'; }
input[type='submit'], input[type='button']
{ background-color: #2F95A2; }
.MenuButton TD, .MenuButton TD a, .MenuButton TD a:visited, .MenuButton TD a:hover
{ font-family: 'Poppins'; }
.MenuButton TD
{ background-color: #2F95A2; }
.MenuButtonHover
{ background-color: #FFFFFF; }
.tabs div.menu-item.active a, .tabs div.menu-item.active a:visited, .tabs div.menu-item.active a:hover
{ font-family: 'Poppins'; }
.tabs div.menu-item:not(.active) a, .tabs div.menu-item:not(.active) a:visited, .tabs div.menu-item:not(.active) a:hover
{ font-family: 'Poppins';text-decoration: none; }
.tabs div.menu-item:not(.active) a, .tabs div.menu-item:not(.active) a:visited, .tabs div.menu-item:not(.active) a:hover
{ background-color: #EBE8E2; }
.tabs div.menu-item:not(.active) a:hover
{ font-family: 'Poppins'; }
a.register:hover,input.register:hover
{ color: #2F95A2; }

                        a.register, a.register:active, a.register:visited, input.register {
                            padding:5px 15px 5px 15px;
                        }
                    a.register,a.register:active,a.register:visited,input.register
{ background-color: #2F95A2; }
a.register:hover,input.register:hover
{ background-color: #FFFFFF; }
a.register:hover,input.register:hover
{ border-color: #2F95A2;border-width: 3px;border-style: solid; }
a.dropin:hover,input.dropin:hover
{ color: #A870A9; }
a.dropin,a.dropin:active,a.dropin:visited,input.dropin
{ background-color: #A870A9; }
a.dropin:hover,input.dropin:hover
{ background-color: #FFFFFF; }
a.dropin:hover,input.dropin:hover
{ border-color: #A870A9;border-width: 3px;border-style: solid; }
.classTable a.classDetails:hover, .Classes2SelectorGrid a.classDetails:hover
{ color: #A870AF; }
a.classDetails,a.classDetails:active,a.classDetails:visited
{ background-color: #A870AF; }
a.classDetails:hover, a.classDetails:hover
{ background-color: #FFFFFF; }
a.classDetails:hover, a.classDetails:hover
{ border-color: #A870AF;border-width: 3px;border-style: solid; }
a.schedule-btn:hover
{ color: #F79B65; }
a.schedule-btn,a.schedule-btn:active,a.schedule-btn:visited
{ background-color: #F79B65; }
a.schedule-btn:hover
{ background-color: #FFFFFF; }
a.schedule-btn:hover
{ border-color: #F79B65;border-width: 3px;border-style: solid; }/* =========================================================
   HARMONY EXPLORERS - GLOBAL STYLES
   ========================================================= */


/* ---------- PAGE PADDING ---------- */

body {
  padding-left: 50px !important;
  padding-right: 50px !important;
  padding-top: 20px !important;
  box-sizing: border-box;
}


/* ---------- LOGO ---------- */

#siteTitle IMG {
  max-width: 200px !important;
  height: auto !important;
  padding: 10px !important;
}


/* ---------- MAIN MENU ---------- */

.mainMenu {
  margin-left: auto !important;
  position: relative;
  top: -110px;
}

.mainMenu a {
  display: inline-block;
  transition: transform 0.2s ease, color 0.2s ease;
}

.mainMenu a:hover {
  transform: translateY(-3px) scale(1.03);
}

/* ---------- MAIN MENU DROPDOWN ITEMS ---------- */

.mainMenu li ul a {
  display: block;
  transition: transform 0.2s ease, color 0.2s ease;
}

.mainMenu li ul a:hover {
  transform: translateX(4px);
}

/* ---------- MAIN CONTENT ---------- */

.innerBodyFooter {
  padding: 30px !important;
  padding-top: 20px !important;
  border-radius: 25px;
  border: none !important;
}


/* ---------- FOOTER ---------- */

.extraFooter {
  height: 100px;
}


/* ---------- GLOBAL TYPOGRAPHY ---------- */

BODY,
P,
DIV,
TD {
  font-family: Poppins, Arial, sans-serif;
  font-size: 18px;
  color: #825F56;
}


/* ---------- HEADER ---------- */

DIV.header {
  padding-top: 0px !important;
  padding-bottom: 15px !important;
  font-size: 45px;
  color: #A870AF;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 830px) {

  .mainMenu {
    top: -10px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

  body {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 10px !important;
  }

  .menu-caption {
    color: #A870AF;
  }

  .menu-btn .icon-bar {
    background-color: #A870AF;
  }

  #mobile-menu-actions {
    background-color: transparent;
  }

  #siteTitle IMG {
    max-width: 220px !important;
    height: auto !important;
    padding: 5px !important;
    position: relative;
    top: -20px;
    left: 0px;
  }

  DIV.header {
    font-size: 35px;
  }

  .innerBodyFooter {
    padding: 20px !important;
    padding-top: 15px !important;
    border: none !important;
  }

}
/*  ------- Styles below the line are not shown during page editing --------- */
/***** FAQ PAGE *****/


/* ---------- Base accordion ---------- */

details.faq-item {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 8px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}


/* ---------- Question row ---------- */

details.faq-item summary {
  cursor: pointer;
  padding: 14px 16px;
  list-style: none;
  font-weight: 600;
  transition: background-color 0.2s ease, color 0.2s ease;
  position: relative;
}


/* ---------- Color themes ---------- */

details.teal summary:hover,
details.teal[open] summary {
  background: #2F95A2;
  color: #fff;
}

details.gold summary:hover,
details.gold[open] summary {
  background: #E4A82D;
  color: #fff;
}

details.purple summary:hover,
details.purple[open] summary {
  background: #A971B0;
  color: #fff;
}

details.green summary:hover,
details.green[open] summary {
  background: #A7B73A;
  color: #fff;
}

details.coral summary:hover,
details.coral[open] summary {
  background: #F47D62;
  color: #fff;
}


/* ---------- Answer area ---------- */

details.faq-item {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}


/* ---------- Hover effect ---------- */

details.faq-item:hover {
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}


/* ---------- Plus / Minus ---------- */

details.faq-item summary::after {
  content: "+";
  float: right;
  font-size: 18px;
  font-weight: bold;
}

details.faq-item[open] summary::after {
  content: "−";
}