/** Config */
/**
 * Colors used in the theme and their defaults based on the color palette.
 *
 * These colors are used throughout the theme and can be used in the
 * theme's CSS. The colors are divided into two sets, one for the
 * primary and one for the secondary. The primary colors are used
 * for the main elements of the site, while the secondary colors
 * are used for less important elements.
 */
/** Usage:
@include breakpoint(tablet) {}
@include breakpoint(min-width, 1192px) {}
@include between-breakpoints(sm, lg) {}
@include between-breakpoints-widths(0, 1024px) {}
**/
header {
  -webkit-tap-highlight-color: transparent;
}
header .l-new-design-system_mobile .header {
  color: var(--aprende--secondary-600);
}
header .l-new-design-system_mobile .header-mega-menu_main-container {
  position: fixed;
  width: 100%;
  height: calc(100% - 72px);
  top: 72px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--aprende--white);
  z-index: -1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition: top 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  display: block !important;
}
header .l-new-design-system_mobile .header-mega-menu_main-container.is_expanded {
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}
.admin-bar header .l-new-design-system_mobile .header-mega-menu_main-container {
  padding-bottom: var(--wp-admin--admin-bar--height, 0px); /* stylelint-disable-line */
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 72px); /* stylelint-disable-line */
}
header .l-new-design-system_mobile .header-mega-menu_main-container .btn-b2b, header .l-new-design-system_mobile .header-mega-menu_main-container .btn-campus {
  width: 100%;
  max-width: inherit;
  white-space: nowrap;
}
header .l-new-design-system_mobile .header-mega-menu_main-item {
  padding: 0;
  border-radius: 8px;
}
header .l-new-design-system_mobile .header-mega-menu_main-item-container {
  height: 100%;
}
header .l-new-design-system_mobile .header-mega-menu_main-item.standard {
  padding-top: 6px;
}
header .l-new-design-system_mobile .header-mega-menu_main-item a {
  font-weight: 400;
  text-decoration: none;
  justify-content: space-between;
  padding: 8px 12px 16px;
  border-radius: 8px;
}
header .l-new-design-system_mobile .header-mega-menu_main-item .c-icon {
  transform: rotate(-90deg);
}
header .l-new-design-system_mobile .header-mega-menu_base {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
header .l-new-design-system_mobile .header-mega-menu_base .r-search-mega-menu {
  padding-bottom: 16px;
}
header .l-new-design-system_mobile .header-mega-menu_secondary .menu-childrens-wrapper {
  display: flex;
  flex-direction: column;
}
header .l-new-design-system_mobile .header-mega-menu_secondary .menu-childrens-wrapper:not(.active) {
  display: none;
}
header .l-new-design-system_mobile .header-mega-menu_secondary .menu-childrens-wrapper .menu-sub-item-wrapper {
  margin: 0;
}
header .l-new-design-system_mobile .header-mega-menu_secondary .menu-childrens-wrapper .menu-sub-item-wrapper .menu-sub-item_content {
  width: 100%;
  color: var(--aprende--secondary-600);
}
header .l-new-design-system_mobile .header-mega-menu_secondary .menu-childrens-wrapper .menu-sub-item-wrapper .menu-sub-item_list {
  border-top: 1px solid var(--aprende--secondary-200);
  padding-top: 16px;
}
header .l-new-design-system_mobile .header-mega-menu_items-wrapper {
  width: 100%;
  color: var(--aprende--secondary-600);
}
header .l-new-design-system_mobile .header-mega-menu_item-container, header .l-new-design-system_mobile .header-mega-menu_inner-container, header .l-new-design-system_mobile .header-mega-menu_outer-container, header .l-new-design-system_mobile .header-mega-menu_item-container-wrapper {
  height: 100%;
  flex-direction: column;
  color: var(--aprende--secondary-600);
}
header .l-new-design-system_mobile .header-mega-menu_item-container-wrapper {
  margin: 0;
}
header .l-new-design-system_mobile .header-mega-menu_item-container-wrapper.menu-item-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0;
}
header .l-new-design-system_mobile .header-mega-menu_item-container-wrapper.menu-item-wrapper.column-first {
  height: auto;
  padding-bottom: 16px;
}
header .l-new-design-system_mobile .header-mega-menu_item-container-wrapper.menu-sub-item-wrapper {
  padding: 0 0 16px 0;
}
header .l-new-design-system_mobile .header-mega-menu_item-container-wrapper .column-second_item {
  width: 100%;
  margin: 8px 0;
  border-radius: 8px;
}
@media (hover: hover) {
  header .l-new-design-system_mobile .header-mega-menu_item-container-wrapper .column-second_item:hover {
    background-color: var(--aprende--tertiary-100);
  }
}
header .l-new-design-system_mobile .header-mega-menu_item-container-wrapper .column-second_item-description {
  font-weight: 400;
  padding-top: 8px;
}
header .l-new-design-system_mobile .header-mega-menu_item-container-wrapper .column-second_item a {
  text-decoration: none;
}
header .l-new-design-system_mobile .header-mega-menu_item, header .l-new-design-system_mobile .header-mega-menu_sub-item {
  border-radius: 8px;
}
header .l-new-design-system_mobile .header-mega-menu_item a, header .l-new-design-system_mobile .header-mega-menu_sub-item a {
  font-weight: 400;
  text-decoration: none;
  color: var(--aprende--secondary-600);
}
header .l-new-design-system_mobile .header-mega-menu_item.clicked, header .l-new-design-system_mobile .header-mega-menu_sub-item.clicked {
  background-color: var(--aprende--tertiary-100);
}
header .l-new-design-system_mobile .header-mega-menu_sub-item-container {
  padding-bottom: 8px;
}
header .l-new-design-system_mobile .header-mega-menu_item-heading {
  padding-bottom: 16px;
}
header .l-new-design-system_mobile .header-mega-menu_item-button, header .l-new-design-system_mobile .header-mega-menu_sub-item-button {
  width: 100%;
  max-width: inherit;
  margin-top: 16px;
}
header .l-new-design-system_mobile .header-mega-menu_item-button {
  margin-bottom: 24px;
}
header .l-new-design-system_mobile .header-mega-menu_sub-item {
  width: 100%;
}
header .l-new-design-system_mobile .header-mega-menu_sub-item a {
  display: block;
  width: 100%;
}
@media (hover: hover) {
  header .l-new-design-system_mobile .header-mega-menu_item, header .l-new-design-system_mobile .header-mega-menu_main-item, header .l-new-design-system_mobile .header-mega-menu_sub-item-links {
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  header .l-new-design-system_mobile .header-mega-menu_item:hover, header .l-new-design-system_mobile .header-mega-menu_main-item:hover, header .l-new-design-system_mobile .header-mega-menu_sub-item-links:hover {
    background-color: var(--aprende--tertiary-100);
  }
}
header .l-new-design-system_mobile .header-mega-menu_sub-item-links {
  border-radius: 8px;
}
header .l-new-design-system_mobile .header-mega-menu_sub-item-links.clicked {
  background-color: var(--aprende--tertiary-100);
}
header .l-new-design-system_mobile .menu-additional-item-wrapper {
  background-color: var(--aprende--tertiary-100);
  padding: 16px 16px 32px 16px;
  margin: 0px -16px;
}
header .l-new-design-system_mobile .menu-additional-item-wrapper .column-third_image.square .image-mask {
  height: 100px;
  padding: 0;
}
header .l-new-design-system_mobile .menu-additional-item-wrapper .column-third_image.square img {
  width: 100%;
  height: 100%;
  max-width: 100px;
  max-height: 100px;
  object-fit: cover;
}
header .l-new-design-system_mobile .menu-additional-item-wrapper .column-third_image.horizontal img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
header .l-new-design-system_mobile .menu-additional-item_content {
  padding-top: 32px;
}
header .l-new-design-system_mobile .menu-additional-item_content-text .text-m,
header .l-new-design-system_mobile .menu-additional-item_content-text a {
  display: block;
}
header .l-new-design-system_mobile .menu-additional-item_content-text .text-m {
  padding-bottom: 8px;
}
header .l-new-design-system_mobile .menu-additional-item_content-image {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
header .l-new-design-system_mobile .menu-additional-item_content-image .c-image {
  width: 100%;
  height: 100%;
}
header .l-new-design-system_mobile .menu-additional-item_content-image .c-image img {
  object-fit: cover;
  border-radius: 8px;
}
header .l-new-design-system_mobile .column-second_item.clicked {
  background-color: var(--aprende--tertiary-100);
}
header .l-new-design-system_mobile .c-button.icon-position-left {
  gap: 0;
}
header .l-new-design-system_mobile .c-button.btn-backward {
  margin: 12px 0;
}
header .l-new-design-system_mobile .c-button.btn-secondary-text:hover:not([disabled], .is-disabled, .no-hover) {
  color: var(--aprende--secondary-600);
  text-shadow: none;
}

/*# sourceMappingURL=megamenu-mobile.css.map*/