/* 
 * Custom Skin Sample
 *
 * This file shows an example of a custom skin.  It targets any menu that has the Skin set to "None"
 *
 * Copy this to custom/custom.css to apply this custom skin
 *
 * For a copy of this file with comments for each style, see https://gist.github.com/sevenspark/24a087689db958670ed5
 */
/* UberMenu - Copyright 2011-2023, SevenSpark */
.ubermenu-skin-gab-header {
  font-size: min(1.35vw, 16px);
  font-family: var(--wp--preset--font-family--kollektif);
  color: var(--wp--preset--color--white);
}

.ubermenu-skin-gab-header .ubermenu-target {
  color: var(--wp--preset--color--neutral-600);
}

.ubermenu-skin-gab-header .ubermenu-target-description {
  color: var(--wp--preset--color--primary-900);
}

.ubermenu-skin-gab-header.ubermenu-responsive-toggle {
  background: #222;
  color: #fff;
  font-size: min(1.35vw, 16px);
  text-transform: none;
  font-weight: 400;
}

.ubermenu-skin-gab-header a.ubermenu-responsive-toggle:hover {
  background: var(--wp--preset--color--black);
  color: #fff;
}

.ubermenu-skin-gab-header .ubermenu-item.ubermenu-item-level-0 {
  margin: 0 0.75em;
}
.ubermenu-skin-gab-header .ubermenu-item.ubermenu-item-level-0:last-child {
  margin-right: 0;
}
.ubermenu-skin-gab-header .ubermenu-item.ubermenu-item-level-0:last-child > a {
  padding-right: 0;
}

.ubermenu-skin-gab-header .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-gab-header .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-gab-header .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
  color: var(--wp--preset--color--primary-300);
  background: transparent;
}

.ubermenu-skin-gab-header .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight {
  color: var(--wp--preset--color--primary-500);
  background: transparent;
}

.ubermenu-skin-gab-header.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-target {
  background: transparent;
}

.ubermenu-skin-gab-header .ubermenu-item-level-0 > .ubermenu-target {
  font-weight: 400;
  color: var(--wp--preset--color--white);
  text-transform: none;
  border-left: none;
}
body:not(.rtl) .ubermenu-skin-gab-header.ubermenu-horizontal .ubermenu-item-level-0:first-child > .ubermenu-target {
  box-shadow: none;
}

.ubermenu-skin-gab-header .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-gab-header .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
  background: transparent;
  color: var(--wp--preset--color--primary-300);
}
.ubermenu-skin-gab-header .ubermenu-item-level-0:hover > .ubermenu-target .ubermenu-target-text,
.ubermenu-skin-gab-header .ubermenu-item-level-0.ubermenu-active > .ubermenu-target .ubermenu-target-text {
  position: relative;
}
.ubermenu-skin-gab-header .ubermenu-item-level-0:hover > .ubermenu-target .ubermenu-target-text::after,
.ubermenu-skin-gab-header .ubermenu-item-level-0.ubermenu-active > .ubermenu-target .ubermenu-target-text::after {
  position: absolute;
  left: 0;
  top: 32px;
  height: 4px;
  width: 100%;
  background-color: transparent;
}

.ubermenu-skin-gab-header .ubermenu-item-level-2:hover > a.ubermenu-target .ubermenu-target-text,
.ubermenu-skin-gab-header .ubermenu-item-level-2.ubermenu-active > a.ubermenu-target .ubermenu-target-text,
.ubermenu-skin-gab-header .ubermenu-item-level-3:hover > a.ubermenu-target .ubermenu-target-text,
.ubermenu-skin-gab-header .ubermenu-item-level-3.ubermenu-active > a.ubermenu-target .ubermenu-target-text {
  text-decoration: underline !important;
}

.ubermenu-skin-gab-header .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target {
  color: var(--wp--preset--color--white);
}

.ubermenu-skin-gab-header .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target:hover {
  color: var(--wp--preset--color--primary-300);
}

.ubermenu-skin-gab-header .ubermenu-submenu.ubermenu-submenu-drop {
  background: var(--wp--preset--color--neutral-50);
  border: 0;
}

.ubermenu-skin-gab-header.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
  border-top: none;
}

.ubermenu-skin-gab-header .ubermenu-tab-content-panel {
  background: var(--wp--preset--color--neutral-50);
}

.ubermenu-skin-gab-header .ubermenu-submenu-type-flyout > .ubermenu-item {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.ubermenu-skin-gab-header .ubermenu-submenu-type-flyout > .ubermenu-item:first-child {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.ubermenu-skin-gab-header .ubermenu-submenu,
.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-target {
  color: var(--wp--preset--color--neutral-600);
  font-size: 12px;
}

.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-target {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-highlight {
  color: var(--wp--preset--color--primary-500);
}

.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-active > .ubermenu-target {
  color: var(--wp--preset--color--black);
}

.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {
  color: var(--wp--preset--color--neutral-600);
}

.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-description {
  color: var(--wp--preset--color--black);
}

.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  font-size: 18px;
  font-weight: 700;
  color: var(--wp--preset--color--neutral-600);
}

.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-item-header > a.ubermenu-target:hover {
  color: var(--wp--preset--color--black);
}

.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
  color: var(--wp--preset--color--primary-500);
  background: transparent;
}

.ubermenu-nojs.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu-skin-gab-header .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
  background: var(--wp--preset--color--neutral-50);
  color: var(--wp--preset--color--black);
}

.ubermenu-skin-gab-header .ubermenu-tabs-group,
.ubermenu-skin-gab-header .ubermenu-tab > .ubermenu-target,
.ubermenu-skin-gab-header .ubermenu-tab-content-panel {
  border-color: rgba(0, 0, 0, 0.1);
}

.wp-block-ubermenu-ubermenu-block > div {
  margin: 0;
}

.ubermenu-skin-gab-header .ubermenu-submenu-drop {
  border-bottom-width: 3px;
}

.ubermenu .ubermenu-retractor {
  width: 20px;
  height: 20px;
  right: 20px;
  top: 15px;
}
.ubermenu .ubermenu-retractor:focus {
  box-shadow: 0 0 5px var(--wp--preset--color--gab-focus, #2cc4ff);
}
.ubermenu .ubermenu-retractor::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M18.5269 2.35755L11.2777 9.60669L10.5411 10.3433L11.2777 11.0798L18.5269 18.329L17.9857 18.8701L10.7366 11.621L10 10.8844L9.26343 11.621L2.01429 18.8701L1.47314 18.329L8.72228 11.0798L9.45885 10.3433L8.72228 9.60669L1.47314 2.35755L2.01429 1.8164L9.26343 9.06555L10 9.80212L10.7366 9.06555L17.9857 1.8164L18.5269 2.35755Z' fill='%2310608C' stroke='%23417995' stroke-width='2.08333'/%3E%3C/svg%3E") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M18.5269 2.35755L11.2777 9.60669L10.5411 10.3433L11.2777 11.0798L18.5269 18.329L17.9857 18.8701L10.7366 11.621L10 10.8844L9.26343 11.621L2.01429 18.8701L1.47314 18.329L8.72228 11.0798L9.45885 10.3433L8.72228 9.60669L1.47314 2.35755L2.01429 1.8164L9.26343 9.06555L10 9.80212L10.7366 9.06555L17.9857 1.8164L18.5269 2.35755Z' fill='%2310608C' stroke='%23417995' stroke-width='2.08333'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: cover;
          mask-size: cover;
  background: var(--wp--preset--color--primary-900);
}
.ubermenu .ubermenu-retractor i {
  display: none;
}

.ubermenu-accessible .ubermenu-item .ubermenu-target:focus {
  outline: 1px solid var(--wp--preset--color--gab-focus, #2cc4ff);
  box-shadow: 0 0 5px var(--wp--preset--color--gab-focus, #2cc4ff) !important;
}
.ubermenu-accessible .ubermenu-item .ubermenu-target:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}