/* TODO: Refactor this CSS into vu.css file in the future for better maintainability */

/* Current Menu Item */
.primary-nav__has-children--item.current-menu-item > a {
    color: var(--c-text-link) !important;
    box-shadow: inset 0 -1px transparent !important;
}

.current-sub-menu-item,
.current-single-menu-item {
    position: relative;
}

.current-single-menu-item > a::before,
.current-sub-menu-item > a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    border-bottom: 4px solid var(--c-accent) !important;
}

.primary-nav__has-children.current-single-menu-item > a::before,
.primary-nav__has-children.current-sub-menu-item > a::before{
	width: calc( 100% + 18px )
}

.current-single-menu-item.current-menu-item {
    border-bottom: none !important;
}

.current-menu-item {
    border-bottom: 0.5px solid var(--c-text-link) !important;
}

/* Primary Navigation */
.primary-nav__links {
    padding-right: 0 !important;
}

.primary-nav__links--item > a:hover,
.primary-nav__links--item > a:focus,
.primary-nav__links--item > a:active,
.primary-nav .primary-nav__links .primary-nav__has-children.open .primary-nav__has-children--toggle {
    color: var(--c-text) !important;
}

.primary-nav__links--item > a:hover::before,
.primary-nav__links--item > a:focus::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    border-bottom: 4px solid var(--c-border) !important;
}
.primary-nav__has-children > a:hover::before,
.primary-nav__has-children > a:focus::before{
	width: calc( 100% + 18px);
}

.primary-nav__has-children--list {
    width: 250px;
}

.primary-nav__tools--has-toolbar-nav .primary-nav__search .primary-nav__search-input:focus {
    height: 47px;
    border: none;
    top: -8px;
}

.primary-nav__tools--has-toolbar-nav .primary-nav__search .primary-nav__search-input {
    min-width: 90px;
    z-index: 9;
}

.primary-nav__tools--has-toolbar-nav .toolbar-nav {
    right: 98px;
}

.primary-nav__search {
    margin-left: 15px;
}

.primary-nav .primary-nav__search svg{
	right: -30px !important;
    top: -4px;
    left: unset !important;
}

.primary-nav .primary-nav__links .primary-nav__has-children--list .primary-nav__has-children--item:not(:last-child):hover {
    border-bottom: 1px solid var(--c-border) !important;
}

.primary-nav .primary-nav__links .primary-nav__has-children .primary-nav__has-children--toggle::after {
    color: var(--c-icon) !important;
}

.primary-nav .primary-nav__search svg {
    stroke: var(--c-icon) !important;
}

.primary-nav .primary-nav__links li {
    position: relative;
}

.primary-nav__bottom {
    gap: 40px !important;
    position: relative;
}

.primary-nav__site-link {
    max-width: 400px !important;
}

/* Mega Menu */
.mega-menu .mega-menu__list:hover .mega-menu__list-item-link,
.mega-menu .mega-menu__list:focus .mega-menu__list-item-link {
    color: var(--c-text-strong);
}

.mega-menu .mega-menu__list .mega-menu__list-item-link:hover,
.mega-menu .mega-menu__list .mega-menu__list-item-link:focus {
    /* color: var(--c-text-strong)!important; */
}

.mega-menu .mega-menu__list .mega-menu__list-item.mega-menu__list-item--has-submenu .mega-menu__list-item-link::after {
    content: "\f067";
}

.mega-menu .mega-menu__list .mega-menu__list-item.mega-menu__list-item--has-submenu.open .mega-menu__list-item-link::after {
    content: "\f068";
}

.mega-menu .mega-menu__close-btn:hover,
.mega-menu .mega-menu__close-btn:focus {
    color: var(--c-icon) !important;
}

.mega-menu .mega-menu__list .mega-menu__list-item.mega-menu__list-item--has-submenu.open a:hover,
.mega-menu .mega-menu__list .mega-menu__list-item.mega-menu__list-item--has-submenu.open a:focus,
.mega-menu .mega-menu__list .mega-menu__list-item.mega-menu__list-item--has-submenu.open a:active {
    color: var(--c-text-strong) !important;
}

.mega-menu .mega-menu__submenu::before {
    opacity: 1 !important;
}

@media (min-width: 766px) {
    .mega-menu .mega-menu__list .mega-menu__list-item.mega-menu__list-item--has-submenu .mega-menu__list-item-link::after,
    .mega-menu .mega-menu__list .mega-menu__list-item.mega-menu__list-item--has-submenu.open .mega-menu__list-item-link::after {
        font-size: calc(8px + (60 - 24) * (100vw - 300px) / (1500 - 300)) !important;
    }
}

@media (max-width: 1070px) {
    .mega-menu .mega-menu__inner {
        max-width: 768px;
        margin: auto;
    }
  
  	.mega-menu__close-btn{
	 	font-size: calc(16px + (22 - 16) * ( 100vw - 300px ) / (1070 - 300))!important;
	}

    .mega-menu .mega-menu__submenu::before {
        max-height: calc(100% - 24px) !important;
        margin: auto;
        top: 0;
        bottom: 0;
    }

    .mega-menu .mega-menu__submenu a {
        padding: 8.5px 0 !important;
    }
}

@media (min-width: 767px) and (max-width: 819px) {
    .mega-menu .mega-menu__inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* Search Icon Styles */
.search-icon-label {
    position: absolute;
    right: 30px;
    top: 13px;
    color: var(--c-text-strong);
    font-size: 15px;
    font-weight: 400;
    line-height: 1em;
}

.primary-nav .primary-nav__search-input:focus + label {
    left: 0 !important;
}

.primary-nav .primary-nav__search-input:focus + label .label-text {
    display: none !important;
}

.primary-nav .primary-nav__search-input:focus + label svg {
    z-index: 99 !important;
    left: 12px !important;
    right: unset;
}

.primary-nav .primary-nav__search-input:focus ~ .input-focus-border {
    position: absolute;
    z-index: 99;
    bottom: 8px;
    right: 0;
    width: 15px;
    height: 2px;
    background-color: var(--c-border) !important;
}

/* Mobile Navigation Active Indicators */
.current-mobile-child-link > a {
    color: var(--c-accent) !important;
}

/* Publications Styles */
.authors-section h3 {
    text-transform: uppercase;
    color: var(--c-accent);
}

.authors-list,
.publications-by-year .publication {
    background-color: var(--c-card-bg);
    padding: 19px;
    border-radius: 4px;
}

.publications-by-year {
    margin-bottom: 50px;
}

.publications-by-year h2 {
    margin-bottom: 10px;
    font-size: 30px;
}

.publications-by-year .publication {
    margin-bottom: 20px;
}

.publications-archive .topper-article__title {
    margin-bottom: 50px;
}