a {
    color:var(--color-accent);
    text-decoration:none;
}

.popupWrap.small-popupWrap {
    padding:var(--size-larger) var(--size-base) 0;
}


.section {
    padding:var(--size-large) 0;
}








/* 
* -- PAGE: HOME
*/
.home .login-form .button {
    background-color: var(--color-accent);
}
.home .section-title {
    padding-left:var(--size-base);

}
/* full screen layout */
/* .layout--nav-special #js-header {
    position:absolute;
    width:100%;
    z-index:2;
    top:0;
    left:0;
}  */
main.layout--nav-special {
    min-height:100%;
}
/* @media screen and (min-width:1000px) {
    .layout--nav-special .nav-menu a:not(.button) {
        color:var(--color-white);
        font-weight:600;
        background-color:rgba(255,255,255,.2);
        padding:var(--size-small) var(--size-base);
    }
    .layout--nav-special .nav-menu a:not(.button):hover {
        background-color:rgba(255,255,255,.1);
    }

} */


.wave {
    z-index:-1;
    position:absolute;
    bottom:0;
    /* height:8rem; */
    /* width:100%; */
    opacity:.15;
}
.wave.-top {
    top:0;
    left:0;
    width:500px;
    height:5rem;
}
.wave.-bottom {
    right:0;
    bottom:0;
    width:100%;
    height:8rem;
    margin-bottom:-1px;
}
.wave.-top svg {
    width:100%;
    height:100%;
}
.wave.-bottom svg {
    position: absolute;
    bottom: 0;
    right: 0;
    width:100%;
    height:100%;
    /* min-width:1100px;
    max-width:1600px; */
}
.wave path {
    stroke: none;
    /* fill can be done directly on path element ... uses lineargradient */
    fill:#fff;
    /* height:120px; */
}


main.layout--full-screen {
    height:100%;
    height:calc(100% - 100px);
}
.full-screen {
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    padding-top:var(--size-largest);
    padding-bottom:var(--size-largest);
    /* padding-top:var(--size-base); */
    /* padding-bottom:var(--size-base); */
}
.full-screen.bg-gradient {
    color:#fff;
}
.full-screen > .i {
    width:100%;
}
.full-screen .container {
    padding-left:var(--size-largest);
    padding-right:var(--size-largest);
}
.full-screen .wrap-form {
    max-width:400px;
    min-width:400px;
}
.full-screen .wrap-content {
    font-size:var(--font-large);
    max-width:50%;
    padding-top:var(--size-base);
}
.full-screen .wrap-content.-screen-small {
    display:none;
}
.full-screen .wrap-content p {
    font-weight:400;
}
.full-screen.-waves > .i.-first {
    order:1;
    z-index:1;
    /* height:6rem; */
    /* height:100px; */
    height:var(--size-largest);
}
.full-screen.-waves > .i.-last {
    order:9;
    z-index:1;
    /* height:6rem; */
    /* height:100px; */
    height:var(--size-largest);
}
.full-screen.-waves > .i.-main {
    flex-grow:1;
    order:2;
}
.full-screen .wrap-form,
.full-screen .wrap-content {
    z-index:2;
    flex-grow:1;
}
/* .full-screen .wrap-content {
    margin-top:2rem;
} */
.header.-with-waves .logo {
    margin-left:auto;
    padding-bottom:.25rem;
    text-align:right;
} 
.logo img {
    max-height:80px;
}
/* .header.-with-waves .logo.-dual {
    padding-bottom:.75rem;
} */
/* .header.-with-waves .logo.-dual img {
    max-height:60px;
} */
.logo.-dual .facility-logo {
    max-height:40px;
    max-width:120px;
}
.logo.-dual .masthead {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}
/* logo separator */
/* .logo.-dual .separator:before {
    content:"";
    padding-left:var(--size-small);
    padding-right:var(--size-small);
} */
@media screen and (min-width:700px) {
    .layout--navless #js-header {
        display:none;
    }
}
@media screen and (max-width:899px) and (min-width:700px) {
    .full-screen .container {
        padding-left:var(--size-larger);
        padding-right:var(--size-larger);
    }
    .full-screen .wrap-form {
        max-width:320px;
        min-width:320px;
    }
}
@media screen and (max-width:699px) {
    main.layout--full-screen {
        height:auto;
    }
    main.layout--full-screen .full-screen {
        padding-top:var(--size-large);
        padding-bottom:var(--size-large);
    }
    .full-screen .logo {
        display:none;
    }
    .full-screen.-waves .wave,
    .full-screen.-waves .wrap-wave {
        display:none;
    }
    .full-screen.-waves > .i.-first {
        /* height:2rem; */
    }
    .full-screen .logo img {
        max-height:60px;
    }
    .full-screen .container {
        /* max-width:400px; */
        padding-left:var(--size-large);
        padding-right:var(--size-large);
    }
    .full-screen .wrap-halves {
        /* flex-direction:column-reverse; */
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
    .full-screen .wrap-content.-screen-large {
        /* margin-bottom:var(--size-large); */
        display:none;
    }
    .full-screen .wrap-halves > .wrap-content,
    .full-screen .wrap-halves > .wrap-form {
        width:100%;
        /* margin:0 auto; */
        max-width:100%;
        min-width:0;
        flex-grow:0;
        margin-top:0;
    }
    .full-screen .transitional-text {
        font-size:var(--font-larger);
        margin-bottom:0;
        /* display:none; */
    }

    .full-screen .wrap-transitional-text {
        font-size:var(--title-base);
    }
    /* .full-screen .wrap-content.-screen-large p, */
    .full-screen .wrap-content.-screen-large .wrap-controls {
        display:none;
    }

    .full-screen .wrap-content {
        /* margin-top:var(--size-large); */
        
    }
    .full-screen .wrap-halves > .wrap-form {
        /* display:none; */
        /* margin-bottom:var(--size-large); */
    }
    .full-screen .wrap-content.-screen-small {
        display:block;
        text-align:center;
    }
    .full-screen .wrap-content.-screen-small p {
        font-size:var(--font-base);
    }
    .full-screen .wrap-content.-screen-small .scroll-note {
        margin-top:var(--size-large);
    }
    .full-screen .wrap-content.-screen-small .separate-or {
        margin-top:var(--size-larger);
        margin-bottom:var(--size-larger);
    }
    .home .full-screen.bg-gradient {
        background:white;
        color:#515151;
    }
    .home .full-screen.bg-gradient .link {
        color:#515151;
    }
    .home .bg-gradient [type="checkbox"] + label:before {
        border-color: #515151;
    }
}



/*
* -- SHC
*/
.welcome-text {
    /* padding:0 var(--size-base); */
}
.welcome-text > p {
    font-size:var(--font-large);
}
.welcome-text .wrap-buttons .button {
    font-size:var(--font-large);
    padding:var(--size-base);
}
/* .welcome-text .list-icons {
    margin-left:-1rem;
    margin-right:-1rem;
} */


.partner main .container {
    max-width:980px;
}
.partner main .section {
    padding:var(--size-largest) 0;
}
.partner .title {
    font-weight:200;
}
.partner .title strong {
    font-weight:500;
}
.hero {
    display:grid;
    grid-template-columns: 1fr 1fr;
    align-items:start;
    gap:var(--size-largest);
}
.hero .title {
    font-size:var(--font-largest);
}
.hero p {
    margin:0;
}
.hero p + p {
    margin-top:var(--size-smaller);
}
.hero .wrap-buttons {
    margin-top:var(--size-larger);
}
.hero img {
    border-radius:var(--border-radius-large);
}
@media screen and (max-width:699px) {
    .hero {
        grid-template-columns: 1fr;
        gap:var(--size-larger);
    }
    .hero .graphic {
        max-width:400px;
        margin:auto;
    }
}
@media screen and (max-width:399px) {
    .hero .title {
        font-size:var(--font-larger);
    }
}


.partner .feature-blocks {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items:start;
    gap:var(--size-large);
    text-align:center;
}
.partner .feature-blocks .icon,
.partner .feature-blocks img {
    margin-bottom:var(--size-large);
}
.partner .feature-blocks img {
    border-radius:var(--border-radius-base);
    max-width:90%;
}
.partner .feature-blocks .title {
    margin-bottom:var(--size-base);
}
.partner .feature-blocks.-lighten-images img {
    filter: grayscale(.33);
}

.partner .feature-list > .item {
    display:grid;
    grid-template-columns:300px 1fr;
    align-items:center;
    gap:var(--size-largest);
}
.partner .feature-list > .item {
    margin-bottom:var(--size-large);
    padding-bottom:var(--size-large);
    border-bottom:1px solid var(--color-grey-light);
}

.partner .feature-list .title {
    margin:0;
}
.partner .section-outro {
    text-align:center;
    font-style:italic;
    margin:auto;
    margin-top:var(--size-larger);
    max-width:800px;
    padding:var(--size-large);
    border-radius:var(--border-radius-base);
    background-color:var(--color-grey-lighter);
}
.partner .section-outro p {
    font-size:var(--font-small);
}


/* mega menus */
.mega-menu {
    width:100%;
    height:400px;
    background:var(--color-primary-light);
    max-height:0;
    overflow:hidden;
	transition:max-height .4s cubic-bezier(0.23, 1, 0.320, 1);
}
.mega-menu._active {
    max-height:400px;
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.15);
}
.mega-menu .container {
    padding-top:var(--size-larger);
    padding-bottom:var(--size-larger);
}
.mega-menu .section-title {
    padding-left:0;
}
.mega-menu-list {
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap:var(--size-base);
}
.mega-menu-list .title {
    display:block;
    font-weight:500;
    font-size:var(--font-base);
    font-family:var(--font-family-secondary);
    text-transform:uppercase;
}
.mega-menu-list .description {
    display:block;
    font-size:var(--font-small);
    margin-top:var(--size-small);
}
.mega-menu-list .action {
    display:block;
    margin-top:var(--size-base);
}
.mega-menu-list .button {
    font-size:var(--font-smaller);
    font-weight:300;
    background-color:var(--color-grey-light);
    color:var(--color-font);
}



.wrap-rotating-content {
    overflow:hidden;
    position: relative;
    width:100%;
}
.wrap-rotating-content > .i {
    transform:translateX(100%);
    overflow:hidden;
	transition:all .4s cubic-bezier(0.23, 1, 0.320, 1);
    position:absolute;
    width:100%;
}
.wrap-rotating-content > .i._active {
    transform:translateX(0);
}
.overlapping-circle-images {
    display:flex;
    flex-direction:row;
    justify-content:center;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:var(--size-small);
    text-align:center;
    font-size:var(--font-smallest);
}
.overlapping-circle-images img {
    border-radius:100%;
    max-width:150px;
    border:6px solid var(--color-secondary-light);
    margin:0;
    display:block;
}


.you-and-team {
    display:grid;
    grid-template-columns:300px 1fr;
    gap:var(--size-largest);
    max-width:900px;
    margin:auto;
    align-items:center;
}
.you-and-team--you.overlapping-circle-images img {
    max-width:100%;
}
.you-and-team--you {
    position:relative;
}
.you-and-team--you:after {
    content:'+';
    font-size:60px !important;
    position:absolute;
    left:100%;
    left:calc(100% + 20px);
    top:50%;
    margin-top:-30px;
}
.you-graphic {
    background-color:var(--color-secondary-light);
    color:var(--color-font);
    font-size:80px;
    line-height:250px;
    height:250px;
    width:250px;
    border-radius:100%;
    font-family:var(--font-family-secondary);
    box-shadow:var(--shadow-base);
}
@media screen and (max-width:799px) {
    .you-and-team {
        grid-template-columns:220px 1fr;
        gap:var(--size-larger);
    }
    .you-graphic {
        font-size:70px;
        line-height:200px;
        height:200px;
        width:200px;
    }
}
@media screen and (max-width:599px) {
    .you-and-team {
        grid-template-columns:1fr;
        gap:60px;
    }
    .you-and-team--you:after {
        font-size:60px !important;
        position:absolute;
        top:98%;
        top:calc(100% - 15px);
        left:50%;
        margin-top:0;
        margin-left:-18px;
    }
}





/* Responsive styling for partner pages */
@media screen and (max-width:799px) {
    .partner .feature-list > .item {
        grid-template-columns: 1fr;
        gap:var(--size-small);
    }
    .partner .feature-list > .item .title br {
        display:none;
    }
}
@media screen and (max-width:699px) {
    .partner .feature-blocks {
        grid-template-columns: 1fr;
        gap:var(--size-largest);
    }
    .partner .hero .graphic {
        order:-1;
    }
    .partner .cta-banner {
        grid-template-columns: 1fr;
        text-align:center;
        gap:var(--size-small);
    }
}