/* Layout */

.WaPlaceHolder{
    max-width:1400px;
}

/* Mobile */

.WaGadgetMobilePanel .mobilePanel{
    background:#2F6B3A;
    color:#fff;
}

/* Camera Slider */

.camera_wrap{
    background:transparent;
}
/* =========================================
   WILD APRICOT NAVIGATION DROPDOWN FIX
   Improves hover behavior and click targets
   for standard menus + overflow/phantom menu
   ========================================= */


/* -----------------------------------------
   1. Anchor normal top-level dropdowns
   ----------------------------------------- */

.menuInner .firstLevel > li.dir > .item {
    position: relative;
}


/* -----------------------------------------
   2. Anchor Wild Apricot overflow menu
   (the ≡ / three-dot "phantom" menu)
   ----------------------------------------- */

.menuInner .firstLevel > li.phantom > .item {
    position: relative;
}


/* -----------------------------------------
   3. Keep normal top-level dropdowns
   directly against their parent item
   ----------------------------------------- */

.menuInner .firstLevel > li.dir > .item > ul.secondLevel {
    top: 100% !important;
    margin-top: 0 !important;
}


/* -----------------------------------------
   4. Do the same for the overflow menu
   ----------------------------------------- */

.menuInner .firstLevel > li.phantom > .item > ul.secondLevel {
    top: 100% !important;
    margin-top: 0 !important;
}


/* -----------------------------------------
   5. Invisible hover bridge for normal menus
   Prevents dropdown from disappearing while
   cursor moves from parent into submenu
   ----------------------------------------- */

.menuInner .firstLevel > li.dir > .item > ul.secondLevel::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 12px;
}


/* -----------------------------------------
   6. Invisible hover bridge for overflow menu
   ----------------------------------------- */

.menuInner .firstLevel > li.phantom > .item > ul.secondLevel::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 12px;
}


/* -----------------------------------------
   7. Larger submenu click targets
   Helpful for usability/accessibility
   ----------------------------------------- */

.menuInner ul.secondLevel li > .item > a {
    display: block;
    padding: 12px 16px !important;
    box-sizing: border-box;
    min-height: 44px;
}


/* -----------------------------------------
   8. Keep nested submenu parents positioned
   correctly for fly-out menus
   ----------------------------------------- */

.menuInner ul.secondLevel li.dir > .item {
    position: relative;
}