#nav_menu a:hover+.dropdown-menu,
#nav_menu .dropdown-menu:hover,
#nav_menu a:focus+.dropdown-menu,
#nav_menu a:focus-within+.dropdown-menu {
    display: grid;
    grid-template-columns: 1fr 243px;
    gap: 0 30px;
    padding-right: 30px;
    min-height: 245px;
}

#nav_menu .dropdown-menu>* {
    transition: .25s transform ease-in-out .5s;
    transform: translateY(50px);
}

#nav_menu a:hover+.dropdown-menu>*,
#nav_menu .dropdown-menu:hover>*,
#nav_menu a:focus+.dropdown-menu>*,
#nav_menu a:focus-within+.dropdown-menu>* {
    transform: translateY(0);
}

#nav_menu>ul>li>ul::after {
    content: '';
    grid-column: 2/2;
    grid-row: 1/1;
    position: absolute;
    width: 243px;
    height: 200px;
    background-size: cover;
    background-position: center;
}

#about-link>ul::after {
    background: url(../images/AboutDrop.png);
    background: url(../images/AboutTab.png);
    background: url(https://iara.biz/photos/AboutRedesign.png);
}

#membership-link>ul::after {
    background: url(../images/MemberDrop.png);
    background: url(https://iara.biz/photos/MembershipRedesign.png);
}

#training-link>ul::after {
    background: url(../images/TrainingDrop.png);
    background: url(https://iara.biz/photos/TrainingRedesign.png);
}

#committees-link>ul::after {
    background: url(../images/CommitteeDrop.png);
    background: url(https://iara.biz/photos/CommitteesRedesign.png);
}

#conferences-link>ul::after {
    background: url(../images/ConferencesDrop.png);
    background: url(../images/ConferenceTab.png);
    background: url(https://iara.biz/photos/ConferencesRedesign.png);
}

#sponsors-link>ul::after {
    background: url(../images/SponsorsDrop.png);
    background: url(https://iara.biz/photos/SponsorsRedesign.png);
}

#canada-link>ul::after {
    background: url(../images/CanadaDrop.png);
    background: url(https://iara.biz/photos/CanadaRedesign.png);
}

#career-center-link>ul::after {
    background: url(https://iara.biz/photos/about-menu-bg-image.png);
}

#contact-us-link>ul::after {
    background: url(../images/ContactDrop.png);
    background: url(../images/ContactUsTab.png);
    background: url(https://iara.biz/photos/ContactUsRedesign.png);
}

#member-login-link>ul::after {
    background: url(../images/PortalDrop.png);
    background: url(../images/LoginTab.png);
    background: url(https://iara.biz/photos/LoginRedesign.png);
}

#nav_menu>ul>li>.dropdown-menu>li {
    grid-column: 1/1;
}


/* Homepage Animations */

#homepage-main {
    --time: .125s;
}

#homepage-main img:not(.carousel img),
#homepage-main h1,
#homepage-main h2,
#homepage-main p {
    opacity: .5;
    transition: .25s transform ease-in-out, .25s opacity ease-in-out;
    transform: translateY(30px);
}

#homepage-main img:not(.carousel img).onscreen,
#homepage-main h1.onscreen,
#homepage-main h2.onscreen,
#homepage-main p.onscreen {
    transform: translateY(0);
    opacity: 1;
}

#testimonial-slide-wrap p,
[class*="-btn"] img:not(.carousel img) {
    /* Exceptions to the styles above */
    transform: unset;
}

#premier-diamond-sponsors .column:nth-child(2) img,
#welcome-img-wrap img:not(.carousel img):nth-child(2),
#featured-four-box .column:nth-child(2) img,
{
    transition-delay: calc(var(--time) * 1);
}

#premier-diamond-sponsors .column:nth-child(3) img,
#featured-four-box .column:nth-child(3) img {
    transition-delay: calc(var(--time) * 2);
}

#premier-diamond-sponsors .column:nth-child(4) img,
#featured-four-box .column:nth-child(4) img {
    transition-delay: calc(var(--time) * 3);
}