/* Two column */

.curtain-nav .two-cols {
    grid-template-columns: repeat(2, 1fr);
}

.curtain-nav .two-cols [data-item-count="1"],
.curtain-nav .two-cols [data-item-count="2"] {
    grid-template-rows: repeat(1, auto);
}

.curtain-nav .two-cols [data-item-count="3"],
.curtain-nav .two-cols [data-item-count="4"] {
    grid-template-rows: repeat(2, auto);
}

.curtain-nav .two-cols [data-item-count="5"],
.curtain-nav .two-cols [data-item-count="6"] {
    grid-template-rows: repeat(3, auto);
}

.curtain-nav .two-cols [data-item-count="7"],
.curtain-nav .two-cols [data-item-count="8"] {
    grid-template-rows: repeat(4, auto);
}

.curtain-nav .two-cols [data-item-count="9"],
.curtain-nav .two-cols [data-item-count="10"] {
    grid-template-rows: repeat(5, auto);
}

.curtain-nav .two-cols [data-item-count="11"],
.curtain-nav .two-cols [data-item-count="12"] {
    grid-template-rows: repeat(6, auto);
}

.curtain-nav .two-cols [data-item-count="13"],
.curtain-nav .two-cols [data-item-count="14"] {
    grid-template-rows: repeat(7, auto);
}

.curtain-nav .two-cols [data-item-count="15"],
.curtain-nav .two-cols [data-item-count="16"] {
    grid-template-rows: repeat(8, auto);
}

.curtain-nav .two-cols [data-item-count="17"],
.curtain-nav .two-cols [data-item-count="18"] {
    grid-template-rows: repeat(9, auto);
}

.curtain-nav .two-cols [data-item-count="19"],
.curtain-nav .two-cols [data-item-count="20"] {
    grid-template-rows: repeat(10, auto);
}

.curtain-nav .two-cols [data-item-count="21"],
.curtain-nav .two-cols [data-item-count="22"] {
    grid-template-rows: repeat(11, auto);
}

.curtain-nav .two-cols [data-item-count="23"],
.curtain-nav .two-cols [data-item-count="24"] {
    grid-template-rows: repeat(12, auto);
}

.curtain-nav .two-cols [data-item-count="25"],
.curtain-nav .two-cols [data-item-count="26"] {
    grid-template-rows: repeat(13, auto);
}


/* Three column */

.curtain-nav .three-cols {
    grid-template-columns: repeat(3, 1fr);
}

.curtain-nav .three-cols [data-item-count="1"],
.curtain-nav .three-cols [data-item-count="2"],
.curtain-nav .three-cols [data-item-count="3"] {
    grid-template-rows: repeat(1, auto);
}

.curtain-nav .three-cols [data-item-count="4"],
.curtain-nav .three-cols [data-item-count="5"],
.curtain-nav .three-cols [data-item-count="6"] {
    grid-template-rows: repeat(2, auto);
}

.curtain-nav .three-cols [data-item-count="7"],
.curtain-nav .three-cols [data-item-count="8"],
.curtain-nav .three-cols [data-item-count="9"] {
    grid-template-rows: repeat(3, auto);
}

.curtain-nav .three-cols [data-item-count="10"],
.curtain-nav .three-cols [data-item-count="11"],
.curtain-nav .three-cols [data-item-count="12"] {
    grid-template-rows: repeat(4, auto);
}

.curtain-nav .three-cols [data-item-count="13"],
.curtain-nav .three-cols [data-item-count="14"],
.curtain-nav .three-cols [data-item-count="15"] {
    grid-template-rows: repeat(5, auto);
}

.curtain-nav .three-cols [data-item-count="16"],
.curtain-nav .three-cols [data-item-count="17"],
.curtain-nav .three-cols [data-item-count="18"] {
    grid-template-rows: repeat(6, auto);
}

.curtain-nav .three-cols [data-item-count="19"],
.curtain-nav .three-cols [data-item-count="20"],
.curtain-nav .three-cols [data-item-count="21"] {
    grid-template-rows: repeat(7, auto);
}

.curtain-nav .three-cols[data-item-count="22"],
.curtain-nav .three-cols[data-item-count="23"],
.curtain-nav .three-cols[data-item-count="24"] {
    grid-template-rows: repeat(8, auto);
}

.curtain-nav .three-cols [data-item-count="25"],
.curtain-nav .three-cols [data-item-count="26"],
.curtain-nav .three-cols [data-item-count="27"] {
    grid-template-rows: repeat(9, auto);
}

.curtain-nav .three-cols [data-item-count="28"],
.curtain-nav .three-cols [data-item-count="29"],
.curtain-nav .three-cols [data-item-count="30"] {
    grid-template-rows: repeat(10, auto);
}

.curtain-nav .three-cols [data-item-count="31"],
.curtain-nav .three-cols [data-item-count="32"],
.curtain-nav .three-cols [data-item-count="33"] {
    grid-template-rows: repeat(11, auto);
}

.curtain-nav .three-cols [data-item-count="34"],
.curtain-nav .three-cols [data-item-count="35"],
.curtain-nav .three-cols [data-item-count="36"] {
    grid-template-rows: repeat(12, auto);
}

.curtain-nav .three-cols [data-item-count="40"],
.curtain-nav .three-cols [data-item-count="41"],
.curtain-nav .three-cols [data-item-count="42"] {
    grid-template-rows: repeat(13, auto);
}

.main-nav .sub-menu {
    background-color: rgba(255, 255, 255, .9);
}

.main-nav>li>.sub-menu {
    width: 100vw;
    position: fixed;
}


/* About  */

.about .sub-menu {
    /* left: 0; */
    /* width: 100vw; */
    display: flex;
    /* position: fixed; */
    justify-content: space-around;
    padding: 3rem 0vw;
    background-color: rgba(255, 255, 255, .9);
    /* margin-top: 14px; */
}


/* Team  */

.team>.sub-menu {
    padding: 4rem 9vw;
    display: grid;
    grid-template-columns: 3fr 2fr;
}

.team>.sub-menu .paralegals {
    grid-column-start: 2;
}

.team>.sub-menu .attorneys>.sub-menu,
.team>.sub-menu .paralegals>.sub-menu {
    left: 0;
    position: relative;
    background-color: transparent;
}

.team>.sub-menu .attorneys>.sub-menu li a,
.team>.sub-menu .paralegals>.sub-menu li a {
    font-weight: 400;
    text-transform: capitalize;
}

.team>.sub-menu .attorneys>.sub-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: auto;
    grid-row-gap: 1rem;
}

.team>.sub-menu .paralegals>.sub-menu {
    width: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 1rem;
}

.team>.sub-menu .attorneys>a,
.team>.sub-menu .paralegals>a {
    padding-bottom: 1.5rem;
}

.team>.sub-menu .attorneys>a:hover,
.team>.sub-menu .paralegals>a:hover,
.team>.sub-menu .attorneys>a:focus-visible,
.team>.sub-menu .paralegals>a:focus-visible {
    text-decoration: underline;
}

.team>.sub-menu .label.attorneys>a:hover,
.team>.sub-menu .label.paralegals>a:hover,
.team>.sub-menu .label.attorneys>a:focus-visible,
.team>.sub-menu .label.paralegals>a:focus-visible {
    text-decoration: none;
}


/* Practice  */

.practice>.sub-menu {
    padding: 5rem 9vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 1rem;
    align-items: start;
}

.practice .sub-menu li a {
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.3;
}