/*
Other
*/

/*have msu and typ logos fill width of Grid-cell*/
.modno-flexbox .icon-logo-dark,
.modno-flexbox .icon-bottom_tagline {
	width: 100%;
}

/*apply 100% width to main grid on interior pages*/
.modno-flexbox main > .container > .Grid {
	width: 100%;
}
.modno-flexbox .nav--main > .container > .Grid {
	width: 100%;
}
.modno-flexbox .nav--utility > .container > .Grid {
	width: auto;
}

.modno-flexbox .dropdown--main > .Grid {
	width: 100%;
}


.modno-flexbox .nav-menu--sub {
	width: 100%;
	float: right !important;
}

.modno-flexbox aside {
	width: 25% !important;
	position: relative;
}

.modno-flexbox .mainContent {
	width: 75%;
}


.modno-flexbox .dropdown--main {
	display: none;
	position: relative;
}

.modno-flexbox .nav-item--main.is-active .dropdown--main {
	opacity: 1;
	visibility: visible;
	display: inline-block;
	position: absolute;
}


.modno-flexbox .nav--utility {
	height: 52px;
}

.modno-flexbox .nav--utility > .container {
	position: relative;
}

.modno-flexbox .nav--utility > .container > .Grid {
	position: absolute;
	right: 0;
}


.modno-flexbox .u-bg-lighterNavy > .container > .Grid {
	width: 100%;
}


.modno-flexbox .nav-item--main:hover .dropdown--main {
	display: block;
	visibility: visible;
	opacity: 1;
}


.modno-flexbox .nav--directory {
	width: 100%;
}



/*
Quick links menu
*/



.modno-flexbox .nav--offcanvas.is-visible {
	-ms-transform: translateX(0);
}
.modno-flexbox .nav--offcanvas {
	-ms-transform: translateX(100%);
}




/*
Display fallback for Grid and Grid-cells
*/

.modno-flexbox .Grid {
	display: inline-block;
}
.modno-flexbox .Grid-cell {
	float: left;
	display: inline-block;
}




/*
Width fallback for Grid-cells
*/


.modno-flexbox .Grid--auto>.Grid-cell {
	width: auto;
}
.modno-flexbox .Grid--full>.Grid-cell {
    width: 100%;
}
.modno-flexbox .Grid--1of2>.Grid-cell {
    width: 50%;
}
.modno-flexbox .Grid--1of3>.Grid-cell {
    width: 33%;
}
.modno-flexbox .Grid--1of4>.Grid-cell {
    width: 25%;
}
.modno-flexbox .Grid--1of5>.Grid-cell {
    width: 20%;
}
@media(min-width:17em) {
    .modno-flexbox .small-Grid--auto>.Grid-cell {
        width: auto;
    }
    .modno-flexbox .small-Grid--full>.Grid-cell {
        width: 100%;
    }
    .modno-flexbox .small-Grid--1of2>.Grid-cell {
        width: 50%;
    }
    .modno-flexbox .small-Grid--1of3>.Grid-cell {
        width: 33%;
    }
    .modno-flexbox .small-Grid--1of4>.Grid-cell {
        width: 25%;
    }
    .modno-flexbox .small-Grid--1of5>.Grid-cell {
        width: 20%;
    }
}
@media(min-width:36em) {
    .modno-flexbox .med-Grid--auto>.Grid-cell {
        width: auto;
    }
    .modno-flexbox .med-Grid--full>.Grid-cell {
        width: 100%;
    }
    .modno-flexbox .med-Grid--1of2>.Grid-cell {
        width: 50%;
    }
    .modno-flexbox .med-Grid--1of3>.Grid-cell {
        width: 33%;
    }
    .modno-flexbox .med-Grid--1of4>.Grid-cell {
        width: 25%;
    }
    .modno-flexbox .med-Grid--1of5>.Grid-cell {
        width: 20%;
    }
}
@media(min-width:70em) {
    .modno-flexbox .large-Grid--auto>.Grid-cell {
        width: auto;
    }
    .modno-flexbox .large-Grid--full>.Grid-cell {
        width: 100%;
    }
    .modno-flexbox .large-Grid--1of2>.Grid-cell {
        width: 50%;
    }
    .modno-flexbox .large-Grid--1of3>.Grid-cell {
        width: 33%;
    }
    .modno-flexbox .large-Grid--1of4>.Grid-cell {
        width: 25%;
    }
    .modno-flexbox .large-Grid--1of5>.Grid-cell {
        width: 20%;
    }
}




/*
Grid aligners
*/


.modno-flexbox .Grid--between .Grid-cell:last-child {
	float: right;
}