@charset "UTF-8";
/* CSS Document */
#pv-sidebar, .fusion-vertical-menu-widget .menu
{
     /*background: #e9e9e9 !important;*/
}
.side-nav li a{
  font-size: 16px !important;
}
#sidebar .textwidget iframe {
  height: auto;
  min-height: 500px;
}
#sidebar .textwidget iframe {
  height: auto;
  min-height: 500px;
}

/* from Avada styles */
.sidebar {
  width: 23.4042553%;
  float: right
}
.sidebar.fusion-sticky-sidebar .fusion-sidebar-inner-content > section:last-child {
  margin-bottom: 0 !important
}
.sidebar .widget {
  margin-bottom: 45px;
  position: relative
}
.sidebar .widget.flickr {
  overflow: hidden
}
.sidebar .widget .widget_title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  margin-bottom: 18px;
  color: #333
}
.sidebar .widget ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.sidebar .widget li {
  margin: 0;
  padding: 0;
  display: block
}

.sidebar .widget .flex-direction-nav a, .sidebar .widget .flex-direction-nav a:hover {
  color: #fff
}
.fusion-footer-widget-area .wooslider-control-nav li a, .sidebar .wooslider-control-nav li a {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, .5);
  margin-right: 3px
}
.fusion-footer-widget-area .wooslider-next, .fusion-footer-widget-area .wooslider-prev, .fusion-post-content .wooslider .wooslider-next, .fusion-post-content .wooslider .wooslider-prev, .sidebar .wooslider-next, .sidebar .wooslider-prev {
  width: 29px;
  height: 29px
}
.fusion-footer-widget-area .wooslider .wooslider-control-nav, .sidebar .wooslider .wooslider-control-nav {
  bottom: 5px
}
.fusion-footer-widget-area .widget_wooslider_slideshow_slides .wooslider-control-nav, .sidebar .widget_wooslider_slideshow_slides .wooslider-control-nav {
  bottom: 12px
}
.sidebar .slide-excerpt {
  bottom: 15%;
  width: 100%
}
.sidebar .slide-excerpt .slide-title {
  float: none
}
.sidebar .slide-excerpt .slide-title a {
  color: #fff;
  border: none
}
.sidebar .slide-excerpt .slide-title a:hover {
  color: #fff
}
.sidebar .widget .slides li div a {
  padding: 0
}
.sidebar .avada-select-parent select {
  min-width: initial
}

#slidingbar .widget_calendar table, .fusion-footer-widget-area .widget_calendar table, .sidebar .widget_calendar table {
  width: 100%
}

/* CHILDREN SETTINGS */
li.current_page_ancestor, li.current_page_parent a
{
    /*background: #efefef !important;*/
}

.current_page_item > .children .page_item li a, .sub-menu li
{
    background: #fefefe;
}
li.current_page_item , .side-nav li.current_page_item > a 
{
    background: #fefefe;
  /*border-left: 2px solid #eee;
  border-right: 2px solid #eee;*/
}

.avada_vertical_menu li
{
  border-top: 1px solid #ddd;
 
}
.avada_vertical_menu li a
{
   font-size: 16px !important;
}

/* ---------------------------------------------------------------------------
   AWB Menu sidenav styling
   ---------------------------------------------------------------------------
   Single source of truth for the vertical sidenav look network-wide.
   Replicates the legacy .side-nav / .avada_vertical_menu "boxed cells":

     - 16px purple link text (matches the legacy !important rule on .side-nav)
     - outer 1px gray rectangle around the whole menu
     - 1px gray dividers between main-level items
     - comfortable click padding per row

   Scoped to .awb-menu_column (vertical / sidebar AWB menus) so the main
   header navigation, which uses .awb-menu without _column, is untouched.

   The font-size override uses !important because AWB Menu writes
   --awb-font-size inline on the <nav> element from the shortcode's
   font_size attribute; without !important the inline variable wins.
   --------------------------------------------------------------------------- */
.awb-menu.awb-menu_column {
  --awb-font-size: 16px !important;
}
.awb-menu.awb-menu_column > ul {
  border: 1px solid #ddd !important;
}
.awb-menu.awb-menu_column .awb-menu__main-li {
  border-bottom: 1px solid #ddd !important;
}
.awb-menu.awb-menu_column > ul > .awb-menu__main-li:last-child {
  border-bottom: 0 !important;
}
.awb-menu.awb-menu_column .awb-menu__main-a {
  font-size: 16px !important;
  line-height: 1.5 !important;
  padding: 14px 18px !important;
}

/* WCAG 2.1 AA — 2.4.7 Focus Visible.
   Avada's parent theme strips outlines in places (see #toTop remediation
   in style.css:14 for the same pattern). This defensive rule guarantees
   keyboard users see focus on the sidenav. :focus-visible scope means
   mouse clicks don't show outlines, keeping visual cleanliness for
   sighted mouse users. outline-offset:-2px keeps the ring inside the
   cell so it doesn't overflow the outer 1px container border. */
.awb-menu.awb-menu_column .awb-menu__main-a:focus-visible,
.awb-menu.awb-menu_column .awb-menu__open-nav-submenu_click:focus-visible,
.awb-menu.awb-menu_column .awb-menu__open-nav-submenu-hover:focus-visible {
  outline: 2px solid #4f2582 !important;
  outline-offset: -2px !important;
}

/* Click-to-expand stacked submenu — matches Avada's native default for
   direction=column + submenu_mode=stacked. Children render inline below
   the parent when the editor clicks the chevron button, pushing siblings
   down (expected behavior). No custom show/hide logic — Avada handles
   it via its slideToggle JS on the .awb-menu__open-nav-submenu_click
   button. The only styling we need is to make the submenu rows match
   the visual weight of the main rows (dividers, padding, sub-link
   color/hover). */
.awb-menu.awb-menu_column .awb-menu__sub-li {
  border-bottom: 1px solid #ddd;
}
.awb-menu.awb-menu_column .awb-menu__sub-a {
  display: block;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 1.4;
  color: #4f2582;
  text-decoration: none;
}
.awb-menu.awb-menu_column .awb-menu__sub-a:hover,
.awb-menu.awb-menu_column .awb-menu__sub-a:focus-visible {
  background: #f5f5f5;
  color: #000000;
}
.awb-menu.awb-menu_column .awb-menu__sub-a:focus-visible {
  outline: 2px solid #4f2582;
  outline-offset: -2px;
}

/* ---------------------------------------------------------------------------
   Submenu toggle button — make the click target visible and large enough.
   ---------------------------------------------------------------------------
   In click mode Avada renders the submenu toggle as a tiny empty button
   (`.awb-menu__open-nav-submenu_click`) showing only a small caret. That
   fails:
     - WCAG 2.5.5 Target Size (AAA, ~44x44 css px recommended; AA in WCAG 2.2
       requires 24x24)
     - Best-practice "clickable affordance" — users can't tell what's
       clickable without trial and error
     - Mobile/touch: tiny targets are nearly impossible to hit reliably
       without zooming

   Fix: enlarge the button to a 44x44 hit area, give it a visible chevron
   color matching the menu text, and add hover/focus states so it's
   obvious it's interactive. Scoped to .awb-menu_column so the header
   nav is untouched.
   --------------------------------------------------------------------------- */
.awb-menu.awb-menu_column .awb-menu__open-nav-submenu_click {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  cursor: pointer;
  background: transparent;
  border: 0;
  color: #4f2582;
  font-size: 18px;
  transition: background-color 120ms ease, color 120ms ease;
}
.awb-menu.awb-menu_column .awb-menu__open-nav-submenu_click:hover {
  background: #f5f5f5;
  color: #000000;
}
.awb-menu.awb-menu_column .awb-menu__open-nav-submenu_click:focus-visible {
  outline: 2px solid #4f2582 !important;
  outline-offset: -2px !important;
}
/* The chevron itself — Avada draws it as a pseudo-element. Slightly
   enlarge the icon so it's easier to see at a glance. */
.awb-menu.awb-menu_column .awb-menu__open-nav-submenu_click::before {
  font-size: 1em !important;
  line-height: 1 !important;
}
/* When the submenu is open, rotate the chevron to indicate state. Avada
   already rotates on aria-expanded=true in its own CSS for some modes;
   defensively apply here too in case the column variant misses it. */
.awb-menu.awb-menu_column .awb-menu__open-nav-submenu_click[aria-expanded="true"]::before {
  transform: rotate(180deg) !important;
}
