/*
 Theme Name:   Ionmoon
 Theme URI:    http://ionmoon.nl/
 Description:  Divi Child Theme
 Author:       Ionmoon
 Author URI:   http://ionmoon.nl
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/



/* =========================================================
   DESKTOP MENU
   ========================================================= */
#main-header #et-top-navigation #top-menu {
  display: flex;
  align-items: center;
  gap: 10px; /* space between items */
}

#main-header #et-top-navigation #top-menu > li > a {
  display: flex;               /* vertical centering */
  align-items: center;
  height: 52px;                /* menu height */
  padding: 0 14px;             /* horizontal only */
  border-radius: 0;
  font-weight: 400;
	font-family: "Fjalla One";
  line-height: 1.2;
  background: transparent;
  transition: background .2s ease, color .2s ease;
}


#main-header #et-top-navigation #top-menu > li > a:hover,
#main-header #et-top-navigation #top-menu > li > a:focus {
  background: rgba(0,0,0,0);
}

#main-header #et-top-navigation #top-menu > li.current-menu-item > a {
  background: #2a2a2a;
  color: #fff !important;
}

/* Dropdown caret alignment */
#top-menu .menu-item-has-children > a:first-child::after {
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

/* CTA button (LI has class "menu-cta") */
#main-header #et-top-navigation #top-menu > li.menu-cta > a {
  background: #ed6e8c;
  color: #fff !important;
  padding: 0 42px;
  border-radius: 999px;       /* pill */
  border: 5px solid #fff;
  font-family: "Fjalla One", system-ui, -apple-system, sans-serif;
  font-weight: 600;
}
#main-header #et-top-navigation #top-menu > li.menu-cta > a:hover,
#main-header #et-top-navigation #top-menu > li.menu-cta > a:focus {
  filter: brightness(1.05);
}

/* Mega-menu (desktop only) */
@media (min-width: 981px) {
  .et_fullwidth_nav #top-menu li.mega-menu > ul {
    width: auto;
    left: 200px !important;
    right: 200px !important;
  }
}
#main-header .nav li ul { background-color: #fff; }
#top-menu-nav .menu-item-has-children .sub-menu li:hover > a { color: black; }

/* =========================================================
   MOBILE (max-width: 980px)
   ========================================================= */
@media (max-width: 980px) {
  /* Reset desktop link height/padding inside collapsed nav bar if visible */
  #main-header #et-top-navigation #top-menu > li > a {
    height: auto;
    padding: 12px 14px;
    border-radius: 0;
    background: #222;
  }

  /* Default Divi mobile flyout (#mobile_menu) CTA (uses LI.menu-cta) */
  #mobile_menu li.menu-cta > a {
    display: block;
    text-align: center;
    background: #ed6e8c !important;
    color: #fff !important;
    border-radius: 999px;
    margin: 8px 14px;
    padding: 12px 16px;
    font-weight: 700;
  }
  #mobile_menu li.menu-cta > a:hover,
  #mobile_menu li.menu-cta > a:focus {
    background: #f07a97 !important;
  }

  /* Divi Mobile (plugin) — first-level items (fixed size, no hover zoom) */
  #dm-menu li > a,
  .divi-mobile-menu li > a,
  .dmm li > a {
    display: block;
    padding: 14px 18px;
    font-weight: 600;
    line-height: 1.25;
    font-size: 16px !important;         /* adjust 14–16px to taste */
    transform: none !important;
    transition: background .2s ease, color .2s ease !important;
  }
  #dm-menu li > a:hover,
  .divi-mobile-menu li > a:hover,
  .dmm li > a:hover {
    font-size: 16px !important;          /* lock size on hover */
    transform: none !important;
  }

  /* Divi Mobile (plugin) — CTA item in the menu list */
  #dm-menu li.menu-cta > a,
  .divi-mobile-menu li.menu-cta > a,
  .dmm li.menu-cta > a {
    text-align: center;
    background: #ed6e8c !important;
    border: 0 !important;                /* set 2px solid #fff if you want a border */
    color: #fff !important;
    border-radius: 999px;
    margin: 14px 4px;
    padding: 9px 9px;
    font-weight: 600;
    transition: background .2s ease, border-color .2s ease;
  }
  #dm-menu li.menu-cta > a:hover,
  .divi-mobile-menu li.menu-cta > a:hover,
  .dmm li.menu-cta > a:hover,
  #dm-menu li.menu-cta > a:focus,
  .divi-mobile-menu li.menu-cta > a:focus,
  .dmm li.menu-cta > a:focus {
    background: #f07a97 !important;
  }

  /* -------- Mobile bottom bar (Divi Mobile) -------- */
  /* Container */
  .dm-bottom-bar,
  .divi-mobile-bottom-nav,
  .dmm-bottom-nav,
  #dm-menu-bottom {
    height: 56px;
    background: #111 !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,.2);
    z-index: 99999;
  }
  /* Links + labels (centered, no icon slot) */
  .dm-bottom-bar a,
  .divi-mobile-bottom-nav a,
  .dmm-bottom-nav a,
  #dm-menu-bottom a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    height: 56px !important;
    padding: 0 8px !important;          /* horizontal only */
    font-size: 12px !important;         /* choose 11–13px */
    line-height: 1.2 !important;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none;
    transform: none !important;
  }
	/* added css*/

  /* If your install uses this wrapper, fine-tune padding directly */
  .bottom-navigation-menu #dm-menu a {
    padding-top: 8px !important;        /* tweak these to taste */
    padding-bottom: 4px !important;
    height: auto !important;
    line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Remove any pseudo placeholders above/below the label (just in case) */
  .bottom-navigation-menu #dm-menu a::before,
  .bottom-navigation-menu #dm-menu a::after { content: none !important; display: none !important; }
}


/* Submenu link colors (default header) */
#main-header #et-top-navigation #top-menu li li a,
#main-header .nav li ul li a,
#main-header #et-top-navigation #top-menu li li a:visited {
  color: #111 !important;
}

#main-header #et-top-navigation #top-menu li li a:hover,
#main-header .nav li ul li a:hover,
#main-header #et-top-navigation #top-menu li li a:focus,
#main-header .nav li ul li a:focus,
#main-header #et-top-navigation #top-menu li li.current-menu-item > a,
#main-header #et-top-navigation #top-menu li li.current_page_item > a {
  color: #000 !important;
}

/* If you use Theme Builder’s Menu module anywhere */
.et-menu .sub-menu a,
.et-menu .sub-menu a:visited { color: #111 !important; }
.et-menu .sub-menu a:hover,
.et-menu .sub-menu a:focus,
.et-menu .sub-menu .current-menu-item > a,
.et-menu .sub-menu .current_page_item > a { color: #000 !important; }

/* Keep the TOP-LEVEL parent highlighted when you're on a submenu page */
#main-header #et-top-navigation #top-menu > li.current-menu-item:not(.menu-cta) > a,
#main-header #et-top-navigation #top-menu > li.current-menu-ancestor:not(.menu-cta) > a,
#main-header #et-top-navigation #top-menu > li.current-menu-parent:not(.menu-cta) > a,
#main-header #et-top-navigation #top-menu > li.current_page_parent:not(.menu-cta) > a,
#main-header #et-top-navigation #top-menu > li.current_page_ancestor:not(.menu-cta) > a {
  background: #2a2a2a;
  color: #fff !important;
}

/* Don't remove the background on hover for the active parent item */
#main-header #et-top-navigation #top-menu > li.current-menu-item:not(.menu-cta) > a:hover,
#main-header #et-top-navigation #top-menu > li.current-menu-ancestor:not(.menu-cta) > a:hover,
#main-header #et-top-navigation #top-menu > li.current-menu-parent:not(.menu-cta) > a:hover,
#main-header #et-top-navigation #top-menu > li.current_page_parent:not(.menu-cta) > a:hover,
#main-header #et-top-navigation #top-menu > li.current_page_ancestor:not(.menu-cta) > a:hover {
  background: #2a2a2a;
  color: #fff !important;
}






/* =========================================================
   SLIDER (scoped)
   ========================================================= */
.dr2-slider .et-pb-arrow-prev:before,
.dr2-slider .et-pb-arrow-next:before {
  font-family: Lato, sans-serif !important;
  font-weight: 500 !important;
  color: #fff !important;
  font-size: 16px;
  letter-spacing: 1px;
  transform: rotate(-90deg) !important;
  display: inline-block;
}
.dr2-slider .et-pb-arrow-prev:before { content: 'PREV' !important; }
.dr2-slider .et-pb-arrow-next:before { content: 'NEXT' !important; }

.et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: 0 1px 3px rgb(0 0 0 / 0%);
}