/**
 * @file
 * Section 8: TB Mega Menu.
 *
 * Split from css/staged-edits-from-gui.css (see docs/Theme updates.md for
 * the full split file list).
 */

/* -----------------------------------------------------------------------
    --------- 8.1. Shared rules (apply at all viewport widths) ------------
    ----------------------------------------------------------------------- */

/* + see desktop variations in Section 8.2; mobile variations in 8.3 */

/* ---------- Block + outer container ---------- */

/* Push menu to the right of the header */
#block-korumo-bootstrap-barrio-mainnavigation {
  margin-left: auto;
}

/* Top + bottom border on the menu bar */
#block-korumo-bootstrap-barrio-mainnavigation .tbm {
  border-top: 1px solid var(--bs-gray-300);
  border-bottom: 1px solid var(--bs-gray-300);
  background: var(--bs-white);
}

/* TB Megamenu's outer wrapper border reset */
.tbm.tbm-main.tbm-arrows {
  border: 0 !important;
}

/* Top-level nav lays out as a flex row */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-nav {
  display: flex;
  align-items: stretch;
}

/* ---------- Top-level item ---------- */

/* Positioning anchor for the dropdown + no right border */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1,
.tbm-item.level-1 {
  position: relative;
  /* anchor for the absolute submenu */
  border-right: 0 !important;
}

/* Hover bridge: keeps submenu open when moving cursor from level-1 down to dropdown */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 10px;
}

/* ---------- Submenus ---------- */

/* Top-level submenu (the floating dropdown box) */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-submenu.tbm-item-child {
  position: absolute;
  overflow: visible;
  top: 100%;
  left: 0;
  right: auto;
  z-index: 500;
  width: 265px;
  border-top: 3px solid var(--bs-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  background: var(--bs-white);
}

/* Inner submenu reset */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-submenu {
  margin-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  background: var(--bs-white);
  box-shadow: none;
}

/* Level-2 group container padding */
.tbm-group-container.tbm-item-child {
  padding: 1rem;
}

/* Column padding reset */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-column {
  padding-left: 0;
  padding-right: 0;
}

/* ---------- Links: shared sizing/colour ---------- */

/* All four levels share base type styling */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-1,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-2,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-3,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-4 {
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--bs-nav-link-color);
  padding: 0.375rem 1.25rem;
  display: block;
}

/* Allow sub/sub-sub menu link text to wrap inside fixed-width dropdowns */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-2,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-3,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-4 {
  white-space: normal;
  overflow-wrap: break-word;
  /* word-wrap: break-word; depreceated so have replaced it */
  background-color: var(--bs-white);
}

/* ---------- Hover/focus styling (split by level so level-1 isn't double-darkened) ---------- */
/* + see desktop opacity additions in Section 8.2; mobile :active bg additions in Section 8.3 */

/* Level-1 link hover/focus + always-show toggle hover/focus — dim opacity only (its parent already has a bg tint) */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-1:hover,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-1:focus,
.tbm-submenu-toggle.always-show:hover,
.tbm-submenu-toggle.always-show:focus,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1:hover .tbm-submenu-toggle.always-show {
  text-decoration: none;
  opacity: .7;
}

/* Sub/sub-sub link hover/focus styling — bg tint only (desktop adds opacity in 8.2; mobile :active in 8.3) */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-2:hover,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-2:focus,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-3:hover,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-3:focus,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-4:hover,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-4:focus {
  text-decoration: none;
  background-color: rgba(0, 0, 0, .03);
}

/* ---------- Toggle button (chevron arrow) ---------- */

/* Group title text-transform reset */
.tbm-group-title {
  text-transform: none;
}

.tbm-submenu-toggle.always-show {
  color: var(--bs-nav-link-color);
  background-color: transparent !important;
  margin-left: 5px;
  margin-right: 16px;
  width: 16px;
  display: block;
}

/* Don't add right padding to level-1 toggle link */
.tbm-link.level-1.tbm-toggle {
  padding-right: 0 !important;
}

/* ---------- Child indicator chevron icons ---------- */
/* CLAUDE SAYS NINA REVIEW: NEW FEATURE — adds a unicode chevron after links that have child menus, similar to the old site. Currently uses ▾ (down arrow) for items that open below and ▸ (right arrow) for items that open to the side. Easy to swap to FontAwesome or another icon font later — replace `content: "..."` and adjust `font-family` + size. Test on live site and tell me if you want different positioning/sizing. */

/* Items with a flat dropdown (level-1 with children) — use down chevron after the link text */
/* URGH CLAUDE DO NOT PUT THIS BACK THAT WAS MY FIX FOR THE DOUBLE ICONS AND YOUR DUMBASSEDLY JUST PUT THEM BACK 
#block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1.tbm-item--has-dropdown>.tbm-link-container>.tbm-link::after {
  content: "▾";
  display: inline-block;
  margin-left: 0.4rem;
  font-size: 0.85em;
  line-height: 1;
  vertical-align: middle;
  opacity: 0.7;
} */

/* Submenu items that have child menus (level-2/3/4 with .tbm-group) — use down chevron after the link text */
#block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-2.tbm-group>.tbm-link-container>.tbm-link::after,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-3.tbm-group>.tbm-link-container>.tbm-link::after,
#block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-4.tbm-group>.tbm-link-container>.tbm-link::after {
  content: "▽";
  display: inline-block;
  font-size: 0.7em;
  line-height: 1;
  vertical-align: middle;
  margin-left: 0.313rem;
  padding: 0 0.25rem 0 2rem;
}

/* @TODO CLAUDE please confirm if the below is in the correct place probably not because its a new @media query */
@media (max-width: 991px) {

  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-2.tbm-group>.tbm-link-container>.tbm-link::after,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-3.tbm-group>.tbm-link-container>.tbm-link::after,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-4.tbm-group>.tbm-link-container>.tbm-link::after {
    font-size: 0.9em;
    font-weight: 900;
    line-height: 1;
  }

}

/* ---------- Cohort menu padding wrapper (specific to one block) ---------- */

.view-id-1_1_menu_my_groups.view-display-id-block_3 {
  padding: 0 45px;
}


/*  -----------------------------------------------------------------------
    --------- 8.2. Desktop only (@media min-width: 992px) -----------------
    ----------------------------------------------------------------------- */

@media (min-width: 992px) {

  /* Padding to even out left and right padding */
  #block-korumo-bootstrap-barrio-mainnavigation {
    padding-right: 24px;
  }

  /* ---------- Hover-to-open behaviour ---------- */

  /* Top-level submenu opens when hovering its level-1 parent */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1.tbm-item--has-dropdown:hover>.tbm-submenu.tbm-item-child,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1.tbm-item--has-dropdown:focus-within>.tbm-submenu.tbm-item-child {
    display: block;
    visibility: visible;
    opacity: 1;
  }

  /* Sub-submenu opens ONLY when hovering its specific level-2 group parent (rather than when submenu opens) */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-2.tbm-group:hover>.tbm-group-container.tbm-item-child,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-2.tbm-group:focus-within>.tbm-group-container.tbm-item-child {
    display: block;
    visibility: visible;
    opacity: 1;
  }

  /* ---------- Submenu (2nd level) group positioning ---------- */
  /* Position relative so the sub-submenu anchors here, allowing vertical centring via top: 50% */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-2.tbm-group {
    position: relative;
    z-index: 502;
    width: 100%;
    box-sizing: border-box;
    /* ensure padding doesn't shrink the element below 100% of parent */
  }

  /* Force inner column wrappers to fill the full submenu width
     (so width: 100% on .level-2.tbm-group truly equals the 240px submenu width) */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-submenu.tbm-item-child .tbm-column,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-submenu.tbm-item-child .tbm-column-inner {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* Extend the clickable/hoverable area of each level-2 group item rightward,
     bridging the gap to the sub-submenu so hover doesn't break when crossing */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-2.tbm-group>.tbm-link-container {
    position: relative;
  }

  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-2.tbm-group>.tbm-link-container::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2rem;
    width: 2rem;
    z-index: 503;
  }

  /* ---------- Sub-submenu (3rd level) ---------- */
  /* Hidden by default, opens to the right and vertically centered on its level-2 item */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-group-container.tbm-item-child {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: calc(100% + 1rem);
    /* adds the parent submenu's right padding so flyout starts at the true outer edge */
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    /* vertically centered on the level-2 item being hovered */
    width: 240px;
    background: var(--bs-white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-top: 3px solid var(--bs-primary) !important;
    z-index: 501;
    margin-left: 0;
  }

  /* ---------- Smart positioning ---------- */
  /* Last 3 menu items flip submenu right-aligned to avoid viewport overflow */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1:nth-last-child(-n+3)>.tbm-submenu.tbm-item-child {
    left: auto;
    right: 0;
  }

  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1:nth-last-child(-n+3) .tbm-group-container.tbm-item-child {
    left: auto;
    right: calc(100% + 1rem);
  }

  /* When sub-submenus flip left, move the hover bridge left as well. */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1:nth-last-child(-n+3) .tbm-item.level-2.tbm-group>.tbm-link-container::after {
    right: auto;
    left: -2rem;
    width: 2rem;
  }

  /* Fill the full desktop header height so no white strip appears below the menu bar. */
  #block-korumo-bootstrap-barrio-mainnavigation,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-nav,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1 {
    height: 100%;
  }

  /* ---------- Level-1 link layout: vertical centre, fills full menu bar height ---------- */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: var(--bs-white);
    min-height: var(--header-height);
    padding: 0 1rem;
    box-sizing: border-box;
    transition: min-height 0.25s ease, padding 0.25s ease;
    /* match header transition duration */
  }

  body.scrolled #navbar-main .tbm-link.level-1 {
    min-height: var(--header-height-scrolled);
  }

  /* ---------- Sub/sub-sub link hover opacity (desktop only — bg tint comes from shared rule in 8.1) ---------- */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-2:hover,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-2:focus,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-3:hover,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-3:focus,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-4:hover,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-4:focus {
    opacity: .7;
  }

}


/*  -----------------------------------------------------------------------
    --------- 8.3. Mobile only (@media max-width: 991px) ------------------
    ----------------------------------------------------------------------- */

@media (max-width: 991px) {

  /* ---------- Open/close state (via TB Megamenu's JS toggle) ---------- */

  /* Hide sub-submenus by default on mobile, only show when their parent has .open */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item:not(.open)>.tbm-submenu.tbm-item-child,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item:not(.open)>.tbm-group-container.tbm-item-child {
    display: none !important;
    /* Unfortunately needed for menu to be collapsed by default on mobile */
  }

  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.open>.tbm-submenu.tbm-item-child,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.open>.tbm-group-container.tbm-item-child {
    display: block !important;
    /* Unfortunately needed for menu to be collapsed by default on mobile */
  }

  /* ---------- Reset desktop dropdown styling so submenus stack inline ---------- */

  #block-korumo-bootstrap-barrio-mainnavigation .tbm-submenu.tbm-item-child,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-group-container.tbm-item-child {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: transparent !important;
  }

  /* No hover bridge needed on mobile */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1::after {
    display: none;
  }

  /* ---------- Borders reset ---------- */

  #block-korumo-bootstrap-barrio-mainnavigation .tbm,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-1:last-child {
    border-left: 0;
    border-right: 0;
  }

  /* Top-level menu margin (inner padding around the full menu list) */
  ul.tbm-nav.level-0 {
    margin: 2.125rem;
  }

  /* ---------- Mobile collapse panel positioning ---------- */

  .tbm.tbm-main.tbm-arrows.tbm--mobile {
    justify-content: right !important;
    width: 100vw !important;
  }

  /* Anchor for the absolutely-positioned collapse panel */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm.tbm--mobile {
    position: relative;
  }

  /* Outer collapse wrapper (full-width, white bg, soft shadow) */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm.tbm--mobile .tbm-collapse {
    position: fixed;
    /* fixed instead of absolute so it's relative to viewport, not parent */
    top: var(--header-height);
    /* sits below the full header */
    left: 0;
    /* pins to left viewport edge */
    right: 0;
    /* pins to right viewport edge */
    width: 100%;
    /* fills between left and right */
    background: var(--bs-white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    max-height: calc(100vh - var(--header-height));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 3px solid var(--bs-primary);
    padding-top: 0 !important;
    z-index: 999;
    /* above page content */
  }

  /* ---------- Mobile menu link styling (matches old site) ---------- */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link {
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    padding: 10px 1.25rem;
    font-size: 0.875rem !important;
    line-height: 1.438rem;
    color: rgba(61, 61, 61, 0.6) !important;
    font-weight: 400;
    display: block;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    min-height: 0;
    /* was auto; */
    background: transparent;
  }

  /* Top-level link layout: flex left-aligned (offsets right-align from desktop) */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-1 {
    display: flex;
    gap: 0.5rem;
    padding: 0.625rem 5%;
    justify-content: flex-start;
  }

  /* ---------- Sub-level link spacing + indentation ---------- */

  /* Level-2 group inner column padding */
  .level-2.tbm-group .tbm-column-inner {
    padding-left: 0.625rem;
  }

  /* Sub/sub-sub/sub-sub-sub link padding */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-2,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-3,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-4 {
    display: block;
    padding: 0.625rem 5%;
  }

  /* Sub/sub-sub/sub-sub-sub indentation */
  li.tbm-item.level-2 .tbm-link-container,
  li.tbm-item.level-3 .tbm-link-container,
  li.tbm-item.level-4 .tbm-link-container {
    padding-left: 5%;
  }

  .tbm-item.level-2 {
    padding-left: 0.625rem;
  }

  .tbm-item.level-3,
  .tbm-item.level-4 {
    padding-left: 5%;
  }

  /* Items with children also get bold weight */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item--has-dropdown>.tbm-link-container>.tbm-link,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.tbm-group>.tbm-link-container>.tbm-link {
    font-weight: 700;
  }

  /* ---------- Sub/sub-sub :active bg tint (mobile only — touch :active state shows the same bg as desktop hover) ---------- */
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-2:active,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-3:active,
  #block-korumo-bootstrap-barrio-mainnavigation .tbm-link.level-4:active {
    background-color: rgba(0, 0, 0, .03);
  }

  /* ---------- Level-1 panel backgrounds ---------- */

  /* Level-1 items with children get a light grey panel bg */
  li.tbm-item--has-dropdown {
    background: rgba(0, 0, 0, .03);
  }

  li.tbm-item--has-dropdown:hover,
  li.tbm-item--has-dropdown:focus,
  li.tbm-item--has-dropdown:active {
    background: rgba(0, 0, 0, .02);
  }

  /* Level-1 always white bg (overrides has-dropdown grey for the top item itself) */
  .level-1 {
    background: #ffffff;
  }

  /* ---------- Mobile arrow toggle hit area (bigger tap target) ---------- */
  /* CLAUDE SAYS NINA REVIEW: extends the chevron-toggle clickable area on mobile by adding generous padding without making it visually bigger. The visible chevron stays 16px, but the tappable area grows. If this isn't enough, increase padding values. */
  .tbm.tbm--mobile .tbm-submenu-toggle.always-show {
    padding: 1rem 1rem 1rem 2rem;
    /* generous tap area */
    margin-right: 0;
    /* remove old margin-right; padding takes over */
    width: auto;
    /* let content + padding define width */
  }

  /* ---------- Mobile child indicator chevron — show right arrow on submenu items with children ---------- */
  /* CLAUDE SAYS NINA REVIEW: NEW for mobile — Q14 — sub-level items with children show a right chevron so users know they're tappable to expand. The level-1 down-chevron rule from 8.1 applies here too. Test and tell me if positioning needs adjusting. */
  .tbm.tbm--mobile #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-2.tbm-group>.tbm-link-container>.tbm-link::after,
  .tbm.tbm--mobile #block-korumo-bootstrap-barrio-mainnavigation .tbm-item.level-3.tbm-group>.tbm-link-container>.tbm-link::after {
    content: "▽";
    float: right;
    font-size: 0.85em;
    margin-left: 0.313rem;
    opacity: 0.7;
  }

  /* ---------- TB Megamenu's wrapper overrides ---------- */

  .tbm.tbm--mobile .tbm-item {
    border-top: 0;
    height: max-content;
  }

  .tbm.tbm--mobile .tbm-nav {
    background-color: #ffffff;
    /* prev rgba(0, 0, 0, .03) */
  }

  .tbm.tbm--mobile .tbm-submenu-toggle {
    border-left: 0 !important;
  }

  .tbm.tbm-main.tbm-arrows.tbm--mobile {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: end;
  }

}


/*  -----------------------------------------------------------------------
    --------- 8.4. Mobile Hamburger button --------------------------------
    ----------------------------------------------------------------------- */

@media (max-width: 991px) {

  /* Slim the bars and recolour, keep TB Megamenu's container size */
  .tbm.tbm--mobile .tbm-button .tbm-button-container span {
    height: 2px;
    border-radius: 2px;
    background: var(--bs-primary);
    /* change to var(--bs-dark) for black, etc. */
  }

  /* Shrink the container */
  .tbm.tbm--mobile .tbm-button .tbm-button-container {
    width: 22px !important;
    height: 16px !important;
    margin: 0 auto;
    /* extra safety to centre the bars within the button */
  }

  /* Re-space bars to fit the smaller container */
  .tbm.tbm--mobile .tbm-button .tbm-button-container span:nth-child(1) {
    top: 0;
  }

  .tbm.tbm--mobile .tbm-button .tbm-button-container span:nth-child(2),
  .tbm.tbm--mobile .tbm-button .tbm-button-container span:nth-child(3) {
    top: calc(50% - 1px);
  }

  .tbm.tbm--mobile .tbm-button .tbm-button-container span:nth-child(4) {
    bottom: 0;
    top: auto;
  }

  /* Force button bg transparent, no border, no focus outline; vertically centre bars */
  .tbm.tbm--mobile .tbm-button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-right: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--header-height);
    margin: 0;
    /* Keep the icon centred without adding extra height to the mobile header bar. */
  }

  .tbm.tbm--mobile .tbm-button:focus,
  .tbm.tbm--mobile .tbm-button:focus-visible {
    outline: none;
    box-shadow: none;
  }

}