/**************************************
 * _menu.css (stable, 2 columns + scroll when open)
 **************************************/

/* -------------------------------
   Logo + tagline
-------------------------------- */
.et_pb_menu__logo-wrap .et_pb_menu__logo { margin-right: 10px; }
.et_pb_menu__logo-wrap .et_pb_menu__logo img { cursor: pointer; }
.et_pb_menu__logo-wrap .et_pb_menu__logo img:hover { filter: brightness(.9); }

.et_pb_menu__logo::after {
  content: "International Student Resources";
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  position: absolute;
  left: 200px;
  bottom: 4px;
  padding: 4px 8px 2px;
  border-radius: 2px;
  background: rgba(255,255,255,.14);
}
@media (max-width: 640px){
  .et_pb_menu__logo::after { content: none; }
}

/* -------------------------------
   Base mobile menu tweaks
-------------------------------- */
.et_mobile_menu { overflow: visible; height: initial; bottom: 0; }
.et_mobile_menu li.menu-item a { font-weight: 700; }
.et_mobile_menu li.menu-item a:hover { color: var(--yellow) !important; filter: brightness(1.5); }
.et_mobile_menu li.menu-item ul.sub-menu li a { font-weight: 400; }

/* tighten link padding in list */
ul#mobile_menu1 li.menu-item a { padding: 0; }

/* hide Divi caret when we show submenus in grid layout */
.et_mobile_nav_menu .mobile_nav #mobile_menu1 li.menu-item-has-children > a:after { display: none !important; }

/* footer logo chip */
footer span.et_pb_image_wrap { background: var(--red); padding: 12px; border-radius: 2px; }

/* -------------------------------------------
   SCROLLABLE when OPEN
   - prevents long menus from being cut off
   - adjust the max-height offset if needed
-------------------------------------------- */
:root{
  /* If your header overlaps the menu on open, increase this (e.g. 80px). */
  --ig-menu-open-max-height: 100dvh; /* or: calc(100dvh - 64px) */
}
.et_mobile_nav_menu .mobile_nav.opened #mobile_menu1{
  max-height: var(--ig-menu-open-max-height);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /* Optional padding for breathing room on phones */
  padding: 12px 16px;
}

/* -------------------------------------------
   TWO-COLUMN LAYOUT (top level) when OPENED
   - kicks in on ≥720px width
   - keeps headings + their submenus together
-------------------------------------------- */
@media (min-width: 720px){
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1.et_mobile_menu{
    display: grid !important;                            /* override inline block only when opened */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;                                   /* row / column gap */
    list-style: none;
    padding: 16px 20px;                                  /* desktop padding */
    margin: 0;
  }

  /* Each top-level LI is one grid cell */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li{
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin: 0;
    border: 0;
  }

  /* Heading style for grouped items */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li.menu-item-has-children > a{
    display: block;
    font-weight: 700;
    padding: .5rem 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  /* Show submenus stacked under the heading */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 .sub-menu{
    display: block !important;                           /* ensure visible in grid layout */
    padding: .5rem 0 0 0;
    margin: 0;
    list-style: none;
  }
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 .sub-menu > li{ margin: 0; }
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 .sub-menu > li > a{
    display: block;
    font-weight: 400;
    padding: .375rem 0;
    border: 0;
    line-height: 1.32;
    text-decoration: none;
  }

  /* Optional: make key items span both columns (edit IDs as needed) */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li.menu-item-24834,  /* Download Our Guides */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li.menu-item-24748{  /* Your Next Career  */
    grid-column: 1 / -1;
    border-bottom: 1px solid rgba(0,0,0,.08);
    padding-bottom: .5rem;
  }
}

/* -------------------------------
   Minor resets
-------------------------------- */
#mobile_menu1 { list-style: none; }
#mobile_menu1 li { margin: 0; }
/**************************************
 * _menu.css (stable, 2 columns + scroll when open)
 **************************************/

/* -------------------------------
   Logo + tagline
-------------------------------- */
.et_pb_menu__logo-wrap .et_pb_menu__logo { margin-right: 10px; }
.et_pb_menu__logo-wrap .et_pb_menu__logo img { cursor: pointer; }
.et_pb_menu__logo-wrap .et_pb_menu__logo img:hover { filter: brightness(.9); }

.et_pb_menu__logo::after {
  content: "International Student Resources";
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  position: absolute;
  left: 200px;
  bottom: 4px;
  padding: 4px 8px 2px;
  border-radius: 2px;
  background: rgba(255,255,255,.14);
}
@media (max-width: 640px){
  .et_pb_menu__logo::after { content: none; }
}

/* -------------------------------
   Base mobile menu tweaks
-------------------------------- */
.et_mobile_menu { overflow: visible; height: initial; bottom: 0; }
.et_mobile_menu li.menu-item a { font-weight: 700; }
.et_mobile_menu li.menu-item a:hover { color: var(--yellow) !important; filter: brightness(1.5); }
.et_mobile_menu li.menu-item ul.sub-menu li a { font-weight: 400; }

/* tighten link padding in list */
ul#mobile_menu1 li.menu-item a { padding: 0; }

/* hide Divi caret when we show submenus in grid layout */
.et_mobile_nav_menu .mobile_nav #mobile_menu1 li.menu-item-has-children > a:after { display: none !important; }

/* footer logo chip */
footer span.et_pb_image_wrap { background: var(--red); padding: 12px; border-radius: 2px; }

/* -------------------------------------------
   SCROLLABLE when OPEN
   - prevents long menus from being cut off
   - adjust the max-height offset if needed
-------------------------------------------- */
:root{
  /* If your header overlaps the menu on open, increase this (e.g. 80px). */
  --ig-menu-open-max-height: 100dvh; /* or: calc(100dvh - 64px) */
}
.et_mobile_nav_menu .mobile_nav.opened #mobile_menu1{
  max-height: var(--ig-menu-open-max-height);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /* Optional padding for breathing room on phones */
  padding: 12px 16px;
}

/* -------------------------------------------
   TWO-COLUMN LAYOUT (top level) when OPENED
   - kicks in on ≥720px width
   - keeps headings + their submenus together
-------------------------------------------- */
@media (min-width: 720px){
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1.et_mobile_menu{
    display: grid !important;                            /* override inline block only when opened */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;                                   /* row / column gap */
    list-style: none;
    padding: 16px 20px;                                  /* desktop padding */
    margin: 0;
  }

  /* Each top-level LI is one grid cell */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li{
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin: 0;
    border: 0;
  }

  /* Heading style for grouped items */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li.menu-item-has-children > a{
    display: block;
    font-weight: 700;
    padding: .5rem 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  /* Show submenus stacked under the heading */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 .sub-menu{
    display: block !important;                           /* ensure visible in grid layout */
    padding: .5rem 0 0 0;
    margin: 0;
    list-style: none;
  }
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 .sub-menu > li{ margin: 0; }
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 .sub-menu > li > a{
    display: block;
    font-weight: 400;
    padding: .375rem 0;
    border: 0;
    line-height: 1.32;
    text-decoration: none;
  }

  /* Optional: make key items span both columns (edit IDs as needed) */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li.menu-item-24834,  /* Download Our Guides */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li.menu-item-24748{  /* Your Next Career  */
    grid-column: 1 / -1;
    border-bottom: 1px solid rgba(0,0,0,.08);
    padding-bottom: .5rem;
  }
}

/* -------------------------------
   Minor resets
-------------------------------- */
#mobile_menu1 { list-style: none; }
#mobile_menu1 li { margin: 0; }
/**************************************
 * _menu.css (stable, 2 columns + scroll when open)
 **************************************/

/* -------------------------------
   Logo + tagline
-------------------------------- */
.et_pb_menu__logo-wrap .et_pb_menu__logo { margin-right: 10px; }
.et_pb_menu__logo-wrap .et_pb_menu__logo img { cursor: pointer; }
.et_pb_menu__logo-wrap .et_pb_menu__logo img:hover { filter: brightness(.9); }

.et_pb_menu__logo::after {
  content: "International Student Resources";
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  position: absolute;
  left: 200px;
  bottom: 4px;
  padding: 4px 8px 2px;
  border-radius: 2px;
  background: rgba(255,255,255,.14);
}
@media (max-width: 640px){
  .et_pb_menu__logo::after { content: none; }
}

/* -------------------------------
   Base mobile menu tweaks
-------------------------------- */
.et_mobile_menu { overflow: visible; height: initial; bottom: 0; }
.et_mobile_menu li.menu-item a { font-weight: 700; }
.et_mobile_menu li.menu-item a:hover { color: var(--yellow) !important; filter: brightness(1.5); }
.et_mobile_menu li.menu-item ul.sub-menu li a { font-weight: 400; }

/* tighten link padding in list */
ul#mobile_menu1 li.menu-item a { padding: 0; }

/* hide Divi caret when we show submenus in grid layout */
.et_mobile_nav_menu .mobile_nav #mobile_menu1 li.menu-item-has-children > a:after { display: none !important; }

/* footer logo chip */
footer span.et_pb_image_wrap { background: var(--red); padding: 12px; border-radius: 2px; }

/* -------------------------------------------
   SCROLLABLE when OPEN
   - prevents long menus from being cut off
   - adjust the max-height offset if needed
-------------------------------------------- */
:root{
  /* If your header overlaps the menu on open, increase this (e.g. 80px). */
  --ig-menu-open-max-height: 100dvh; /* or: calc(100dvh - 64px) */
}
.et_mobile_nav_menu .mobile_nav.opened #mobile_menu1{
  max-height: var(--ig-menu-open-max-height);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /* Optional padding for breathing room on phones */
  padding: 12px 16px;
}

/* -------------------------------------------
   TWO-COLUMN LAYOUT (top level) when OPENED
   - kicks in on ≥720px width
   - keeps headings + their submenus together
-------------------------------------------- */
@media (min-width: 720px){
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1.et_mobile_menu{
    display: grid !important;                            /* override inline block only when opened */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;                                   /* row / column gap */
    list-style: none;
    padding: 16px 20px;                                  /* desktop padding */
    margin: 0;
  }

  /* Each top-level LI is one grid cell */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li{
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin: 0;
    border: 0;
  }

  /* Heading style for grouped items */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li.menu-item-has-children > a{
    display: block;
    font-weight: 700;
    padding: .5rem 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  /* Show submenus stacked under the heading */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 .sub-menu{
    display: block !important;                           /* ensure visible in grid layout */
    padding: .5rem 0 0 0;
    margin: 0;
    list-style: none;
  }
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 .sub-menu > li{ margin: 0; }
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 .sub-menu > li > a{
    display: block;
    font-weight: 400;
    padding: .375rem 0;
    border: 0;
    line-height: 1.32;
    text-decoration: none;
  }

  /* Optional: make key items span both columns (edit IDs as needed) */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li.menu-item-24834,  /* Download Our Guides */
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1 > li.menu-item-24748{  /* Your Next Career  */
    grid-column: 1 / -1;
    border-bottom: 1px solid rgba(0,0,0,.08);
    padding-bottom: .5rem;
  }
}

/* -------------------------------
   Minor resets / link layout
-------------------------------- */
#mobile_menu1 { list-style: none; }
#mobile_menu1 li { margin: 0; }

#mobile_menu1.et_mobile_menu {
	padding:0 0 40px 0!important;
}
ul#mobile_menu1 > li:first-child {
	background: #f14f2d;
	padding-top:20px !important;
}
ul#mobile_menu1 > li {
	padding: 0 50px;
}

#mobile_menu1.et_mobile_menu li.menu-item,
#mobile_menu1 li.menu-item a,
#mobile_menu1.et_mobile_menu li a  {
	border:0 !important;
}
#mobile_menu1.et_mobile_menu li.menu-item.menu-item-has-children > a {
	pointer-events:none;
	background:0;

}
#mobile_menu1.et_mobile_menu li.menu-item a,
#mobile_menu1.et_mobile_menu li.menu-item ul.sub-menu li.menu-item a {
	padding: 8px;
}
@media (max-width: 767px) {
	#mobile_menu1.et_mobile_menu {
		padding:0 0 20px 0 !important;
	}
	ul#mobile_menu1 > li {
		padding: 0 20px;
	}
}

/* Desktop-only open animation for the burger menu (Divi doesn't animate here by default) */
@media (min-width: 980px){
  .et_mobile_nav_menu .mobile_nav.opened #mobile_menu1{
    animation: igDesktopOpen 260ms cubic-bezier(.2,.8,.2,1) both;
    transform-origin: top center;
  }
  @keyframes igDesktopOpen{
    from{ opacity: 0; transform: translateY(-8px); }
    to  { opacity: 1; transform: translateY(0); }
  }
}