#lemelson-national-mentor-2024 {
    background-color: #0a1428;
    overflow: clip;
}
#lemelson-national-mentor-2024 #mentor-header-container {
    position: relative;
    height: 660px;
    max-width: 1400px;
    margin: 100px auto 0;
    padding-top: 94px;
    padding-bottom: 94px;
    padding-left: min(182px, 182 / 1400 * 100vw);
    padding-right: min(182px, 182 / 1400 * 100vw);
    transition: margin 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-interactive-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#lemelson-national-mentor-2024 #mentor-header-container #large-background-gradient {
    position: absolute;
    top: -175px;
    /*left: 576px;*/
    right: -119px;
    min-width: 943px;
    min-height: 943px;
    transition: opacity 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #large-background-gradient img {
    width: 943px;
    height: 943px;
}
#lemelson-national-mentor-2024 #mentor-header-container .small-background-gradient {
    position: absolute;
    width: 943px;
    height: 943px;
    transition: opacity 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container .small-background-gradient img {
    width: 100%;
    height: 100%;
}
#lemelson-national-mentor-2024 #mentor-header-container .small-background-gradient#small-background-gradient-1 {
    /*left: -14px;*/
    right: 471px;
    top: 109px;
}
#lemelson-national-mentor-2024 #mentor-header-container .small-background-gradient#small-background-gradient-2 {
    /*left: -245px;*/
    right: 702px;
    top: -328px;
}
#lemelson-national-mentor-2024 #mentor-header-container #hexes-back {
    mix-blend-mode: overlay;
    position: absolute;
    /*left: 551px;*/
    right: -166px;
    top: -45px;
    min-width: 1015px;
    min-height: 740px;
    margin: 0;
    opacity: 0;
    animation: slideBack forwards 1000ms;
    transition: opacity 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #hexes-back-small {
    mix-blend-mode: overlay;
    position: absolute;
    display: none;
    margin: 0;
    opacity: 0;
    animation: slideBack forwards 1000ms;
    transition: opacity 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #hexes-back img {
    width: 1015px !important;
    height: 740px !important;
}
#lemelson-national-mentor-2024 #mentor-header-container #hexes-front {
    mix-blend-mode: color-dodge;
    position: absolute;
    /*left: 468px;
    top: -163px;*/
    right: -197px;
    top: -163px;
    min-width: 1129px;
    min-height: 848px;
    margin: 0;
    opacity: 0;
    animation: slideFront forwards 800ms;
    transition: opacity 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #hexes-front img {
    width: 1129px;
    height: 848px;
}
#lemelson-national-mentor-2024 #mentor-header-container #hexes-front-small {
    mix-blend-mode: color-dodge;
    position: absolute;
    display: none;
    margin: 0;
    opacity: 0;
    animation: slideBack forwards 1000ms;
    transition: opacity 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #hexes-sparkles {
    mix-blend-mode: color-dodge;
    position: absolute;
    /*left: 687px;*/
    right: 256px;
    top: 30px;
    min-width: 457px;
    min-height: 610px;
    margin: 0;
    opacity: 0;
    animation: fadehex 300ms forwards ease-in;
    animation-delay: 1000ms;
    transition: opacity 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #hexes-sparkles img {
    width: 457px;
    height: 610px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex {
    position: absolute;
    min-width: 139px;
    min-height: 121px;
    margin: 0;
    opacity: 0;
    animation: fadehex 1s forwards ease-in;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex img {
    width: 139px;
    height: 121px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-01 {
    /*left: 726px;*/
    right: 535px;
    top: 206px;
    animation-delay: 1100ms;
}
#mentor-overlay-01 {
    /*left: 726px;*/
    right: 535px;
    top: 206px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-02 {
    /*left: 846px;*/
    right: 415px;
    top: 138px;
    animation-delay: 1200ms;
}
#mentor-overlay-02 {
    /*left: 846px;*/
    right: 415px;
    top: 138px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-03 {
    /*left: 1044px;*/
    right: 217px;
    top: 69px;
    animation-delay: 1300ms;
}
#mentor-overlay-03 {
    /*left: 1044px;*/
    right: 217px;
    top: 69px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-04 {
    /*left: 1202px;*/
    right: 59px;
    top: 206px;
    animation-delay: 1400ms;
}
#mentor-overlay-04 {
    /*left: 1202px;*/
    right: 59px;
    top: 206px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-05 {
    /*left: 926px;*/
    right: 335px;
    top: 274px;
    animation-delay: 1500ms;
}
#mentor-overlay-05 {
    /*left: 926px;*/
    right: 335px;
    top: 274px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-06 {
    /*left: 1084px;*/
    right: 177px;
    top: 274px;
    animation-delay: 1600ms;
}
#mentor-overlay-06 {
    /*left: 1084px;*/
    right: 177px;
    top: 274px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-07 {
    /*left: 688px;*/
    right: 573px;
    top: 414px;
    animation-delay: 1700ms;
}
#mentor-overlay-07 {
    /*left: 688px;*/
    right: 573px;
    top: 414px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-08 {
    /*left: 809px;*/
    right: 452px;
    top: 345px;
    animation-delay: 1800ms;
}
#mentor-overlay-08 {
    /*left: 809px;*/
    right: 452px;
    top: 345px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-09 {
    /*left: 926px;*/
    right: 335px;
    top: 414px;
    animation-delay: 1900ms;
}
#mentor-overlay-09 {
    /*left: 926px;*/
    right: 335px;
    top: 414px;
}
#lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-10 {
    /*left: 1084px;*/
    right: 177px;
    top: 414px;
    animation-delay: 2000ms;
}
#mentor-overlay-10 {
    /*left: 1084px;*/
    right: 177px;
    top: 414px;
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content {
    position: relative;
    width: 510px;
    margin: 0 !important;
    transition: transform 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content #celebrating-title {
    transform: translateY(15px);
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content #celebrating-title img {
    height: 80px;
    width: 260px;
    transition: width 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content .wp-block-heading {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    color: white;
    transition: font-size 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h2 {
    font-size: 57px;
    line-height: 60px;
    margin-top: 0;
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h3 {
    color: #a1c9d7 !important;
    font-size: 40px;
    font-weight: 300 !important;
    line-height: 44px;
    margin-top: 20px;
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h4 {
    font-size: 30px;
    font-weight: 300 !important;
    line-height: 32px;
    margin-top: 20px;
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h4 a {
    color: #4acdfc !important;
    transition: color 300ms ease-in-out;
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h4 a:hover {
    color: white !important;
}
#lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h5 {
    color: #cbd3e6 !important;
    font-size: 21px;
    font-weight: 300 !important;
    letter-spacing: 0.1px;
    line-height: 32px;
    margin-top: 5px;
}
.mentor-overlay {
    position: absolute;
    min-width: 139px;
    min-height: 121px;
    opacity: 0;
    cursor: pointer;
    transition: opacity 300ms ease-in-out;
}
.mentor-overlay:hover {
    opacity: 1;
}
.mentor-overlay > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 121px;
}
.mentor-overlay figure {
    position: absolute;
    top: 0;
    left: 0;
}
.mentor-overlay figure img {
    width: 139px;
    opacity: 0.9;
}
.mentor-overlay p {
    pointer-events: none;
}
.mentor-overlay .mentor-overlay-name {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 0;
    text-align: center;
    line-height: 1;

}
.mentor-overlay .mentor-overlay-title {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    padding-top: 6px;
    padding-bottom: 0;
    text-align: center;
    line-height: 1;
}
.mentor-overlay .mentor-overlay-link {
    position: relative;
    font-size: 11px;
    font-weight: 400;
    color: #389abd;
    padding-top: 10px;
    padding-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}
.nmm2024-subhead {
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 15px;
}
.nmm2024-byline {
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.05px;
    padding-bottom: 12px;
}
.nmm2024-roundup {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.nmm2024-roundup-profile {
    max-width: 180px;
    float: right;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 50%;
    shape-outside: circle();
}
.nmm2024-roundup-name {
    padding-bottom: 0;
    margin-top: 10px;
}
.nmm2024-roundup-title {
    font-weight: 200;
}
@keyframes fadehex {
    to {
        opacity: 1;
    }
}
@keyframes slideBack {
    from {
        transform: translate(-1000px, 250px);
    }
    to {
        opacity: 1;
    }
}
@keyframes slideFront {
    from {
        transform: translate(300px, -350px);
    }
    to {
        opacity: 1;
    }
}
@media screen and (max-width: 1300px) {
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content {

    }
    #lemelson-national-mentor-2024 #mentor-header-container {
        padding-left: 60px;
        padding-right: 60px;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content #celebrating-title img {
        width: 225px;
        height: auto;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h2 {
        font-size: 50px;
        line-height: 53px;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h3 {
        font-size: 36px;
        line-height: 1.1;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h4 {
        font-size: 27px;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h5 {
        font-size: 18px;
    }
}
@media screen and (max-width: 1200px) {
    #lemelson-national-mentor-2024 #mentor-header-container {
        margin-top: 300px;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content {
        transform: translateY(-200px);
    }
}
@media screen and (max-width: 1100px) {
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content {
        transform: translateY(-280px);
    }
}
@media screen and (max-width: 989px) {
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content {
        transform: translateY(-340px);
    }
}
@media screen and (max-width: 740px) {
    .nmm2024-roundup-profile {
        max-width: 120px;
    }
}
/*  BREAKPOINT FOR MOBILE  */
@media screen and (max-width: 750px) {
    #lemelson-national-mentor-2024 #mentor-header-container {
        margin-top: 425px;
        height: 75vw;
    }
    #lemelson-national-mentor-2024 #mentor-interactive-container {
        left: -8vw;
        top: -60vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content {
        transform: translateY(-500px);
        width: 100%;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content .wp-block-heading {
        text-align: center;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content #celebrating-title {
        transform: translateY(15px);
        text-align: center;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #large-background-gradient {
        min-width: 147vw;
        min-height: 147vw;
        left: -23.6vw;
        right: unset;
        top: 0;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #large-background-gradient img {
        width: 147vw;
        height: 147vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .small-background-gradient#small-background-gradient-1 {
        min-width: 128.9vw;
        min-height: 128.9vw;
        left: -24.1vw;
        right: unset;
        top: 80.2vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .small-background-gradient#small-background-gradient-1 img {
        width: 128.9vw;
        height: 128.9vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #hexes-front {
        display: none;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #hexes-back {
        display: none;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #hexes-front-small {
        display: block;
        min-width: 164.6vw;
        min-height: 198.2vw;
        left: -16.9vw;
        top: -41.1vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #hexes-front-small img {
        width: 158.7vw;
        height: 191.1vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #hexes-back-small {
        display: block;
        min-width: 136.2vw;
        min-height: 99.4vw;
        top: -3.3vw;
        left: 3.3vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #hexes-back-small img {
        width: 131.3vw;
        height: 95.9vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #hexes-sparkles {
        display: none;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .small-background-gradient#small-background-gradient-2 {
        opacity: 0;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex, #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex img {
        width: 19vw;
        height: 16.5vw;
        min-width: unset;
        min-height: unset;
    }
    .mentor-overlay {
        min-width: 19vw;
        min-height: 16.5vw;
    }
    .mentor-overlay > div {
        height: 16.5vw;
    }
    .mentor-overlay figure img {
        width: 19vw;
    }
    .mentor-overlay .mentor-overlay-name {
        font-size: 2.1vw;

    }
    .mentor-overlay .mentor-overlay-title {
        font-size: 1.6vw;
        padding-top: 4px;
    }
    .mentor-overlay .mentor-overlay-link {
        font-size: 1.6vw;
        padding-top: 7px;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-01,
    #mentor-overlay-01 {
        right: unset;
        left: 23.5vw;
        top: 83.2vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-02,
    #mentor-overlay-02 {
        right: unset;
        left: 40.6vw;
        top: 54.2vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-03,
    #mentor-overlay-03 {
        right: unset;
        left: 71.9vw;
        top: 55vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-04,
    #mentor-overlay-04 {
        right: unset;
        left: 88vw;
        top: 64.4vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-05,
    #mentor-overlay-05 {
        right: unset;
        left: 55.8vw;
        top: 82.9vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-06,
    #mentor-overlay-06 {
        right: unset;
        left: 71.9vw;
        top: 73.8vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-07,
    #mentor-overlay-07 {
        right: unset;
        left: 7.9vw;
        top: 55.1vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-08,
    #mentor-overlay-08 {
        right: unset;
        left: 24.2vw;
        top: 64.6vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-09,
    #mentor-overlay-09 {
        right: unset;
        left: 39.9vw;
        top: 73.8vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container .mentor-hex#mentor-10,
    #mentor-overlay-10 {
        right: unset;
        left: 56vw;
        top: 64.5vw;
    }
}
@media screen and (max-width: 575px) {
    #lemelson-national-mentor-2024 #mentor-interactive-container {
        left: -6.5vw;
        top: -40vw;
    }
    #lemelson-national-mentor-2024 #mentor-header-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 350px;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h2 {
        font-size: 40px;
        line-height: 1.06;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h3 {
        font-size: 28px;
        line-height: 1.1;
        margin-top:  10px
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h4 {
        font-size: 22px;
        margin-top: 10px;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content h5 {
        font-size: 14px;
    }
    #lemelson-national-mentor-2024 #mentor-header-container #mentor-header-content {
        transform: translateY(-400px);
    }
}