a.link-arrows:after {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none, url("../images/structure/sprites/arrows-nav-docs.svg");
    background-origin: padding-box, padding-box;
    background-position: -433px -8px;
    background-repeat: repeat, repeat;
    background-size: auto auto, auto auto;
    content: "";
    display: inline-block;
    height: 7px;
    margin-left: 0.45rem;
    padding: 0 12px 7px 0;
    width: 14px;
}

.nav-arrow a:before {
    content: '';
    display: inline-block;
    width: 12px;
    background-image: url('../images/structure/cs-division-arrow.svg');
    height: 11px;
    background-repeat: no-repeat;
}


.white-single-arrow:after {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -365px -12px;
    display: inline-block;
    width: 1rem;
    height: 12px;
    vertical-align: text-top;
}
/*
.eecs-department-linkback {
    color: #fff;
    margin-bottom: 2.5rem;
    padding: 0.75rem 0.5rem 0.65rem 0;
    background: #4E2A84;
    font-family: "Campton Bold",Arial,sans-serif;
    font-size: 0.9rem;
}

.eecs-department-linkback:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -365px -10px;
    display: inline-block;
    width: 1rem;
    height: 0.9rem;
    vertical-align: text-top;
    transform: rotate(180deg);
    margin-right: 0.5rem;
}
*/

select,
input[type=text] {
    font-size: 16px;
    -webkit-border-radius: 0;
}

input[type="search"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: .75rem;
}

#main-content .checkbox-list > li {
    background: #fff url('../images/structure/sprites/checkbox.svg') left 0.2rem no-repeat;
    padding-left: 2rem;
    margin-left: 0 !important;
    padding-top: 0;
    margin-top: 0;
    list-style: none;
}

.inline-callout {
    background-color: #E4E0EE; 
    border: 1px solid #B6ACD1; 
    padding: 1rem 1.45rem;
}

input#searchterms::-webkit-input-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

input#searchterms::-moz-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

input#searchterms::-ms-input-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

input {
    background: #ece9f3;
    color: #4e2a84;
    font-family: "Campton Book",Arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    box-shadow: 0 0 3px #999999 inset;
}

/*
#super-header #super-nav {
    font-family: 'Campton Book',"Courier New",sans-serif;
}



#super-header li:first-child, #super-header li, #super-header li.right a { 
    font-size: 0.8rem; 
    font-weight: normal;
}



#super-nav li:first-child {
    font-family: 'Campton Bold', Impact, sans-serif;
    font-size: 0.8rem; 
    font-weight: normal;
}

header input[type='search'] {
    -webkit-appearance: none !important;
    min-height: 3rem;
    border: none;
    font-size: 1rem;
    border-radius: 0;
    box-shadow: none;
}

header #nav input[type='search'] {
    width: 345px;
    background: #5f3f90;
    padding-top: 0.7rem; 
	color: #FFFFFF;
	font-family: 'Campton Book',"Courier New",sans-serif;
    font-weight: normal;
    -moz-font-feature-settings: 'ss06';
    -webkit-font-feature-settings: 'ss06';
    font-feature-settings: 'ss06';
}
*/

.header-container, #northwestern-logo-wrapper {
    max-width: 1180px;
    margin: auto;
    display: block;
}

#super-nav {
	position: relative;
  float: right;
  color: #fff;
  text-transform: uppercase;
  font-family: "Campton Book", Arial, sans-serif;
  font-size: 12.5px;
  line-height: 1;
  -webkit-font-smoothing: auto;
}

#super-nav > ul {
	display: grid;
	grid-template-rows: 33px;
	grid-template-columns: auto auto auto;
	grid-column-gap: 15px;
	list-style-type: none;
	margin: 0;
	/*Styles below for IE11*/
	display: -ms-flexbox;
	justify-content: space-between; 
	height: 33px;
}

#super-nav > ul > li:last-child {
	padding-right: .55rem;
	margin-right: -.55rem;
}

#super-nav.dept-super > ul > li:last-child {
	/*padding-right: 15px;*/
	margin-right: 0;
	padding-left: 15px;
	padding-right: .55rem;
    margin-right: -.55rem;
}

#super-nav:not(.dept-super) > ul > li:last-child:before {
	content: "|";
	margin-right: 15px;
}

#super-nav.dept-super > ul {
	grid-template-columns: auto;
	padding-left: 0;
	display: flex;
	justify-content: flex-end;
}

#super-nav.dept-super > ul > li > ul {
	width: 100%;
}


#super-nav.dept-super > ul > li a.active {
    font-family: "Campton Book", Arial, sans-serif;
}

#super-nav.dept-super hr {
   margin: 4px 0 20px 0;
}

#super-nav > ul li {
	display:flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

#super-nav > ul > li > ul > li {
	justify-content: flex-start;
	justify-content: left;
}

#super-nav > ul li .dropdown-arrow {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-white.svg") center/10px 10px no-repeat;
  width: 10px;
  height: 9px;
  margin-left: 10px;
}

#super-nav > ul > li > ul {
    text-transform: none;
    font-family: "Akkurat Pro Bold", Arial-Black, sans-serif;
    font-size: 16px;
    position: absolute;
    left: -999999px;
    top: 33px;
    right: 0;
    background: #401F68;
    padding: 20px 16px 4px 16px;
    display: flex;
    flex-direction: column;
    list-style: none;
    width: 160px;
}

#super-nav > ul > li:last-child:hover {
	background-color: #401F68;
}

#super-nav > ul > li:hover:before {
	color: #401F68;
}

#super-nav > ul > li:hover .dropdown-arrow {
	transform: rotate(180deg);
	position: relative;
	bottom: 2px;
}

#super-nav > ul > li:hover > ul {
	z-index: 2;
	left: unset;
}

#super-nav > ul a {
	color: #fff;
}

#super-nav > ul a:hover, #super-nav > ul > li:last-child:hover {
	color: #e4e0ee;
	cursor: pointer;
}

#super-nav > ul > li a.active, #super-nav > ul > a:active {
	font-family: "Campton Bold", Impact, sans-serif;
}

#super-nav > ul > li > ul > li a.active {
	font-family: "Akkurat Pro Bold", Arial Black, sans-serif;
}


#super-nav > ul > li > ul > li {
	margin-bottom: 16px;
}

#mid-header::before {
    content: "";
    background-repeat: repeat-x;
    background-image: url("../images/structure/sprites/stitch-short.png");
    width: 100%;
    height: 7px;
/*     margin-bottom: 6px; */
    display: block;
}

#mid-header {
    background: #fff;
    position: relative; 
}

#mid-header .header-container {
    position: relative;
}

.mid-header-grid {
		display: grid;
		grid-template-columns: 5fr 1fr;
		grid-template-rows: 106px;
		/*Styles for IE11*/
		display: -ms-flexbox;
		justify-content: space-between;
		height: 106px;
}

.mid-dept > .mid-header-grid {
	grid-template-columns: 1fr;
	grid-template-rows:auto;
	height: auto;
	display: block;
}

.mccormick-header-logo {
    display: block;
/*     height: 65px; */
    width: 410px;
}

/*
.mccormick-header-logo img,
.mccormick-header-logo svg {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY( -50% );
    -ms-transform: translateY( -50% );
    transform: translateY( -50% );
}
*/

.mccormick-header-logo .desktop {
    display: block;
    width: 100%;
}

/* line below unecessary with new nav markup */
.mccormick-header-logo .mobile {
    display: none;
}


.mid-header-grid > div {
    display: flex;
    align-items: center;
}

.mid-dept > .mid-header-grid > div {
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 24px;
}

.mid-dept h1 {
    margin: 0;
    font-family: "Campton Bold", Impact, sans-serif;
    font-size: 30px;
    max-width: 65%;
}

.mid-dept h1 .extraneous {
	position: absolute;
	left: -99999px;
}

.mid-header-grid .top-links {
	padding: 0;
	margin: 0;
	text-align: right;
}

.mid-header-grid .top-links li {
	list-style-type: none;
	display: inline;
	margin-left: 15px;
	text-transform: uppercase;
	font-size: 14.5px;
}

.mid-header-grid .top-links li a.active {
	font-family:"Akkurat Pro Bold", Arial Black, sans-serif;
}

.mid-dept > .mid-header-grid .dept-row {
	align-items: flex-start;
	margin-top: 10px;
	margin-bottom: 24px;
}

.mid-dept > .mid-header-grid #search {
	position: relative;
  bottom: 8px;
}

.hide-label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#search .search-form {
	width: 265px;
}

#search .search-form form {
    margin: 0;
}

#search .search-form input {
    width: 245px;
    height: 35px;
    padding: 0 .3em 0 0;
    float: left;
    font: 18px "Akkurat Pro Regular",Arial,sans-serif;
    background: none;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #9b9b9b;    
    -webkit-appearance: none;
    box-sizing: border-box;
}


#search .search-form input::-webkit-input-placeholder {
    color: #9b9b9b;
}

#search .search-form input::-moz-placeholder {
    color: #9b9b9b;
}

#search .search-form input:-moz-placeholder {
    color: #9b9b9b;
}

#search .search-form input:-ms-input-placeholder {
    color: #9b9b9b;
}

#search .search-form input::after {
    content: "";
    display: table;
    clear: both;
}

#search .search-form button, .navsearch + button {
    cursor: pointer;
    height: 35px;
    width: 20px;
    background: url("https://common.northwestern.edu/v8/css/images/icons/search-purple.svg") no-repeat center;
    background-size: 20px 20px;
    border: none;
    -webkit-appearance: none;
    padding-right: 0;
}

#search .search-form button {
	float: left;
	border-bottom: 1px solid #9b9b9b;
}


#search .search-form input:focus, .navsearch:focus {
  outline: 0
}

header > nav {
	border-top: 1px solid #e1e1e1;
	border-bottom: 5px solid #4e2a84;
}

.main-nav {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	padding-left: 0;
	height: 47px;
	position: relative;
}

.main-nav > li {
	display: flex;
  font: 1.125rem "Campton Bold","Arial Black",sans-serif;
  align-items: center;
  border-left: 1px solid #e1e1e1;
  /*position: relative;*/
}

.main-nav > li > a.active {
	background-color: #f4f4f4;
}

.main-nav > li:hover > a {
	background-color: #4e2a84;
}

body .main-nav > li > a.active:after {
	content: "";
	display:block;
	width: 100%;
	height: 5px;
	background-color: #f4f4f4;
	position:absolute;
	left: 0;
	right: 0;
}

.main-nav > li:hover > a:after {
	content: "";
	display:block;
	width: 100%;
	height: 5px;
	background-color: #4e2a84;
	position:absolute;
	left: 0;
	right: 0;
}

.main-nav > li:last-child {
	border-right: 1px solid #e1e1e1;
}

.main-nav > li .dropdown-arrow {
	background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-ltpurple.svg") center/10px 10px no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: .5em
}

.main-nav > li:hover .dropdown-arrow {
	transform: rotate(180deg);
}

.main-nav > li > a {
	color: #4e2a84;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 3px 1.5rem 0;
    line-height: 44px;
}

.main-nav > li:hover > a {
	color:#fff;
}

.main-nav > li > div {
	position: absolute;
	top: 47px;
	padding: 35px 25px 20px 25px;
	border-top: 5px solid #4e2a84;
	display:grid;
	z-index: 3;
	left: -9999px;
	width: 100%;
	color: #fff;
	background-color: #4e2a84;
	/*Styles for IE11*/
	display: -ms-flexbox;
	justify-content: space-between;
}

.main-nav > li > .halves {
		grid-template-columns: 1fr 1fr 2fr;
}

.main-nav > li > .fourths > div {
	/*Style for IE11*/	
	min-width: 300px;
}

.main-nav > li > .fourths {
		grid-template-columns: 1fr 1fr 1fr 1fr;
}


.main-nav > li > div > div {
	background-color: #401F68;
	margin: -35px -25px -20px 0;
	padding: 35px 25px;
}


.main-nav > li:hover > div {
	left: 0;
}

.main-nav > li > div > ul {
	list-style-type: none;
	padding: 0 25px 0 0;
}

.main-nav > li > div.halves > .contains-media {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: min-content;
	grid-column-gap: 24px;
	/*Style for IE11*/	
	display:-ms-flexbox;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contains-media > .media {
	margin-bottom: 1rem;
}


.main-nav > li > div > div > p {
	font-family: "Akkurat Pro Regular", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6875rem;
 	margin: 0;
 	position: relative;
 	top: -.35rem;
	
}
	/* IE 10+ HACK */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		#super-nav {
			width: 45%;
		}
		
		.main-nav > li > .halves {
			display:-ms-flexbox;
		}
		
		.halves > ul {
			-ms-flex: 1 1px;
		}
		
		.halves > div {
			-ms-flex: 2 1px;
		}
		
		.contains-media > .media {
			max-width: 50%;
		} 
		
		.main-nav > li > div > div > p {
			max-width: 50%;
		}
		
		#super-nav > ul {
		    justify-content:flex-end;
		}
		
		#super-nav > ul li {
		    padding-right:15px;
		}
}

.media-cta {
	color: #fff;
	font-family:"Akkurat Pro Bold", Arial Black, sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	display:block;
	margin-top: 1rem;
	cursor:pointer;
}

.media-cta:after {
	content:"";
	display:inline-block;
	background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg") no-repeat center;
	width: 10px;
	height: 10px;
	padding-left: 10px;
}

.main-nav > li > div > ul > li {
	font-family: "Akkurat Pro Bold", Arial Black, sans-serif;
	margin-bottom: 16px;
	line-height: 1.3;
}

.main-nav > li > div ul > li > a {
	color:#fff;
	position: relative;
}

.main-nav > li > div ul > li > a:hover {
	color:#e4e0ee;
}

.main-nav ul li a[href^="http://"]::after,
.main-nav ul li a[href^="https://"]::after {
    content: url("https://common.northwestern.edu/v8/css/images/icons/external-link-top-nav.png");
    position: absolute;
    margin-left: 0.5em
}

.main-nav ul li a[href^="http://www.mccormick"]::after,
.main-nav ul li a[href^="https://www.mccormick"]::after {
    content: "";
}

.main-nav > li > div > ul .teaser {
	display: block;
	font-family: "Akkurat Pro Regular", Arial, sans-serif;
	font-size: 15px;
	color: #d6d1e6;
}

.main-nav > li > div > ul > li > a:hover > .teaser {
	color:#fff;
}

.menu-title {
	font-size: 1.65rem;
	grid-column: 1 / 3;
	display: block;
	margin-bottom: 25px;
	padding-right: 20px;
	width:100%;
}

.quick-link-title {
	font-family: "Campton Bold", Arial Black, sans-serif;
	font-size: 1.125rem;
	color: #e4e0ee;
	text-transform: uppercase;
}

.quick-link-title + ul {
	padding: 0;
} 

.quick-link-title + ul > li {
	font-family: "Akkurat Pro Bold", Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.3;
	list-style: none;
  background: url("https://common.northwestern.edu/v8/css/images/icons/bullet.png") 0 0.35em no-repeat;
  padding: 0 0 0 1em;
  margin: 1em 0 0 0;
}

.mid-dept + nav > ul > li {
	position: relative;
}

.mid-dept + nav > ul > li > div {
	width: 315px;
}

.mid-dept + nav > ul > li > div > ul {
	padding-right: 0;
	padding-bottom: 10px;
}

.mid-dept + nav > ul > li > div > div {
	margin: 0 -25px -25px;
	width: 315px;
}

.mid-dept + nav div .media {
	max-width: 200px;
	margin-bottom: 10px;
}

.mid-dept + nav .contains-media .menu-title {
	font-size: 20px;
	padding-right: 0;
	margin-bottom: 16px;
}

.mid-dept + nav div > div.contains-media > p {
	color: #ccc3e2;
	font-size: 15px;
	line-height: 20px;
}

.mid-dept + nav .quick-link-title + ul > li > a {
	color: #b6acd2;
}

.mid-dept ~ #main-mobile-nav #mobile-nav-bottom > ul > li:last-child {
	padding-bottom: 0;
}

.mid-dept ~ #main-mobile-nav #mobile-nav-bottom > ul > li:last-child a:after {
	content: "";
	width: 50px;
	height: 42.5px;
	display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  overflow: hidden;
  border: none;
  padding: 0;
	background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-white.svg) no-repeat center/15px 15px;
	-moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (max-width:1150px){
	.main-nav > li > a {
		padding: 3px 12px 0;
	}
	
	.main-nav > li > div {
	    padding: 35px 12px 20px 12px;
	}

	.main-nav > li > div > div {
		padding: 35px 12px;
	}

	.mid-dept + nav > ul > li > div > div {
		margin: 0 -12px -25px;
		width: 315px;
	}
}

#fac-search-nav {
	position:relative;
}

input.navsearch {
	background: #fff;
	box-shadow: none;
	border: solid 1px #9380b6;
	height: 45px;
	font-size: 1.125rem;
	padding: 12px 40px 12px 12px;
	font-family: "Akkurat Pro Regular", Arial, sans-serif;
	margin-top: 16px;
	width: 100%;
}

input.navsearch::-webkit-input-placeholder {
    color: #9b9b9b;  
}

input.navsearch::-moz-placeholder {
    color: #9b9b9b;
}

input.navsearch::-ms-input-placeholder {
    color: #9b9b9b;
}

.navsearch + button {
	position: absolute;
	right: 10px;
	top: 44px;
	background-size: 18px 18px;
	background-position: center;
}


.mobile-bar, #main-mobile-nav, #mobile-nav {
	display:none
}

#mobile-search {
	width: calc(100% - 55px);
	position:relative;
}

#mobile-search.full {
    width: 100%;
    position: absolute;
    z-index: 10;
}

#q-mobile {
	box-shadow: none;
	-webkit-appearance: none;
	border: none;
	color: #fff;
	height: 55px;
	width: 100%;
	background: #4e2a84;
	padding: 1rem 50px 1rem 30px;
}

#mobile-search button {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
  height: 55px;
  width: 55px;
  background: url("https://common.northwestern.edu/v8/css/images/icons/search-white.svg") no-repeat center/20px 20px;
  border: none;
  -webkit-appearance: none
}

#mobile-nav-link {
	width: 55px;
	height: 55px;
	background: url("//common.northwestern.edu/v8/css/images/icons/hamburger.svg") no-repeat center/20px 20px;
}

#mobile-nav-link.open {
   background: #fff url("//common.northwestern.edu/v8/css/images/icons/close-button-dkpurple.svg") no-repeat center/20px 20px;
}

#mobile-nav-link:hover {
	cursor: pointer;
}

#mobile-search .search-form form {
    margin: 0;
}

#mobile-search .search-form input {
	font-family: "Akkurat Pro Bold", Impact, sans-serif;
}

#mobile-search .search-form input::-webkit-input-placeholder {
    color: #fff;
    opacity: .5;
}

#mobile-search .search-form input::-moz-placeholder {
    color: #fff;
    opacity: .5;
}

#mobile-search .search-form input:-moz-placeholder {
    color: #fff;
    opacity: .5;
}

#mobile-search .search-form input:-ms-input-placeholder {
    color: #fff;
    opacity: .5;
}

#mobile-search .search-form input::after {
    content: "";
    display: table;
    clear: both;
}

#main-mobile-nav {
    width: 500px;
    height: calc(100vh - 55px);
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9998;
    display: none;
    overflow: hidden;
    transform: translate3d(0,0,0);
}

#main-mobile-nav > ul {
	height: 100%;
	background-color: #1d0235;
	overflow-y: scroll;
	transform: translate3d(0,0,0);
}

#mobile-nav:not(.expanded) .right-col-outer-content,
#mobile-nav:not(.expanded) nav {
    display: none;
}

@media screen and (max-width:500px){
	#main-mobile-nav {
		width: 100%;
	}
}

#main-mobile-nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#main-mobile-nav ul ul {
 		display: none; 
    background: #f0f0f0
}

#main-mobile-nav ul ul ul {
    background-color: #e6e6e6
}

#main-mobile-nav ul ul ul ul {
    background-color: #dcdcdc
}

#main-mobile-nav ul ul ul ul ul {
    background-color: #d1d1d1
}

#main-mobile-nav ul ul ul ul ul ul {
    background-color: #c7c7c7
}

#main-mobile-nav > ul > li {
    position: relative;
    font: 18px "Campton Bold","Arial Black",sans-serif;
    text-transform: uppercase;
    background-color: #fff;
}

#main-mobile-nav > ul > li > ul > li > ul > li {
		font-size: 16px;
}

#main-mobile-nav li {
	  position:relative;
}

#main-mobile-nav li a {
    text-decoration: none;
    color: #4e2a84;
    display: block;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    padding: .9em 3em .9em 15px;
}

#main-mobile-nav li a:focus { outline: thin dotted; }

#main-mobile-nav li li a.active {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif
}

#main-mobile-nav li a.current:after {
	  content: '';
    background-image: url('../images/structure/you-are-here-gray.svg');
    width: 14px;
    height: 21px;
    display: inline-block;
    position: relative;
    float: right;
}

#main-mobile-nav li a.current:last-child:after {
		right: -30px;
}

#main-mobile-nav #mobile-nav-bottom > ul {
	display:block;
}

#mobile-nav-bottom li a.current:last-child:after {
		right: -25px;
}

#mobile-nav-bottom li a.active:after {
		background-image: url('../images/structure/you-are-here-light-purple.svg');
}

#main-mobile-nav li .dropdown-arrow.open a {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border: none
}

#main-mobile-nav li .dropdown-arrow a {
    width: 50px;
    height: 56px;
    background: url("https://common.northwestern.edu/v8/css/images/icons/mobile-down-arrow-ltpurple.svg") no-repeat center/20px 20px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    padding: 0
}

#mobile-nav-bottom li .dropdown-arrow a {
		height: 42.5px;
}

#main-mobile-nav li ul li .dropdown-arrow a,
#main-mobile-nav #mobile-nav-bottom li .dropdown-arrow a {
    background: url("https://common.northwestern.edu/v8/css/images/icons/mobile-down-arrow-ltpurple.svg") no-repeat center/15px 15px;
}

#main-mobile-nav li li {
    font-family: "Akkurat Pro Regular",Arial,sans-serif;
    text-transform: none;
}

#main-mobile-nav li li a {
    border-bottom: 1px solid #fff;
    padding-left: 1.5rem;
}

#main-mobile-nav li li li a {
    padding-left: 2rem;
}

#main-mobile-nav li li li li a {
    padding-left: 2.5rem;
}

#main-mobile-nav li li li li li a {
    padding-left: 3rem;
}

#main-mobile-nav li li li li li li a {
    padding-left: 3.5rem;
}

#main-mobile-nav #mobile-nav-bottom {
    background: #401f68;
}

#main-mobile-nav #mobile-nav-bottom ul {
    margin: 0;
    background: none
}

#mobile-nav-bottom > ul > li {
    border-top: 1px solid #401f68;
}

#main-mobile-nav #mobile-nav-bottom > ul > li:last-child {
    border: none;
    padding-bottom: 10px;
}

#main-mobile-nav #mobile-nav-bottom > ul > li:last-child > span {
		display: block;
		color: #a495c3;
		font-family: "Akkurat Pro Bold", Arial, sans-serif;
		padding: .9em 3em .9em 15px;
		font-size: 14px;
		border-top: 1px solid #4e2a84;
}

#main-mobile-nav #mobile-nav-bottom li a {
    text-transform: uppercase;
    color: #ccc4e0;
    font-family: "Akkurat Pro Regular", Arial, sans-serif;
    font-size: 14.5px;
    padding-top: 1em;
    padding-bottom: .9em;
}

#main-mobile-nav #mobile-nav-bottom li a.active {
		font-family:"Akkurat Pro Bold", Arial, sans-serif;
}

#mobile-nav-bottom li a {
    border-bottom: 1px solid #38175a;
}
 
#mobile-nav-bottom li a:not(:only-child) {
    border-bottom: none;
}
    
#main-mobile-nav #mobile-nav-bottom ul {
  background-color: #4e2a84;
}

#main-mobile-nav #mobile-nav-bottom ul ul {
  background-color: #482476;
}

#main-mobile-nav #mobile-nav-bottom ul ul ul {
  background-color: #401f68;
}

#main-mobile-nav #mobile-nav-bottom ul ul ul ul {
  background-color: #38175a;
}

#main-mobile-nav #mobile-nav-bottom ul ul li a {
	text-transform: none;
	border: none;
}

#main-mobile-nav #mobile-nav-bottom > ul > li:last-child,
#main-mobile-nav #mobile-nav-bottom > ul > li:last-child ul {
	background-color: #38175a;
}

#main-mobile-nav #mobile-nav-bottom > ul > li:last-child li > a {
	font-family: "Akkurat Pro Bold", Arial, sans-serif;
	color: #fff;
	padding-top: 3px;
}


.mobile-bar:before {
	display: none;
}

body .modal-backdrop,
body .modal {
    width: 100%;
    height: 100%;
    visibility: hidden;
    pointer-events: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}

body.modal-open .modal-backdrop,
body.modal-open .modal {
    visibility: visible;
    pointer-events: auto;
	overflow-x: hidden;
	overflow-y: auto;
	opacity: 0.8;
}

body.modal-open .modal {
	opacity: 1;
}

body .modal-backdrop {
	background-color: #000000;
	z-index: 11;
}

body .modal {
    display: table;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	z-index: 12;
}

body .modal .modal-dialog {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

body .modal .modal-dialog .modal-content {
    outline: 0;
    margin: 0 auto;
    display: inline-block;
}

body .modal .modal-dialog .modal-content .modal-body {
	-webkit-box-shadow: 0 -10px 30px 20px rgba( 0, 0, 0, 0.5 );
	box-shadow: 0 -10px 30px 20px rgba( 0, 0, 0, 0.5 );
}

body .modal .modal-toggle {
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
} 

.modal .modal-content .link-bttn {
    margin-top: 30px;
}

@media only screen and (max-width:960px){
	body .modal .modal-toggle {
		top: 75px;
	}
}


.event_list .day, .event_list .day+span {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    padding: 5px;
    margin: 0  0 1rem 0;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}
.event_list a {
    display: block;
    margin-bottom: 2rem;
    border-bottom: none !important;
}

.event_list .day, .event_list .day+span {
    padding: 5px;
    margin: 0  0 1rem 0;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}

.event_list .day {
     background: #836eaa;
     width:45px;
}
.event_list .day+span {
    background: #4E2A84;
    width: 70px;
}
.event_list .event-title {
    line-height: 1.55rem;
    border-bottom: 1px dotted #bca3c1;
}

.event_list .event-title:hover {
    line-height: 1.55rem;
    border-bottom: 1px solid #4E2A84;
}


.icon-search-glass {
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -218px -42px;
    display: inline-block;
    width: 20px;
    height: 22px;
    position: relative;
    top: -.10rem;
    font-size: 0 !important;
    vertical-align: middle;
}

#nav #top-nav li a.icon-search-glass {
    padding-right: 0;
}

.icon-twitter, .icon-Twitter {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -3px -5px;
    font-size: 0;
}

.icon-facebook, .icon-Facebook {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -38px -5px;
    font-size: 0;
}

.icon-google, .icon-Google\+ {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -73px -5px; 
    font-size: 0;
}

.icon-googlegroup {
    background-position: -216px -5px;
    content: "";
    display: inline-block;
    font-size: 0;
    height: 25px;
    width: 30px;   
}


.icon-linkedin, .icon-LinkedIn {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -108px -5px;
    font-size: 0;
}

.icon-rss, .icon-RSS {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -143px -5px;
    font-size: 0;
}

.icon-youtube, .icon-YouTube {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -178px -5px;
    font-size: 0;
}

.icon-blog, .icon-Blog {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -247px -5px;
    font-size: 0;
}

.icon-github, .icon-GitHub {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -282px -5px;
    font-size: 0;
}

.icon-vimeo, .icon-Vimeo {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -317px -5px;
    font-size: 0;
}

.icon-flickr, .icon-Flickr {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -352px -5px;
    font-size: 0;
}

.icon-instagram, .icon-Instagram {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -387px -5px;
    font-size: 0;
}

.iconset-footer {
    margin-top: 12px;
    margin-right: 0.5rem;
    vertical-align: middle;
}

.iconset-home {
    background-image: url('../images/structure/sprites/homepage-social.svg');
    /*   background-size: 280px 35px;  */
}

.iconset-home:not(:last-child) {
    margin-right: 0.4rem;
}

#footer-logo {
    content: 'Northwestern Seal';
    background-image: url('../images/structure/sprites/northwestern-logo.svg');
    display: inline-block;
    width: 190px;
    height: 110px;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: left top;
    margin-top: 0;
    
}

@media screen and (max-width:768px) {
    
    #footer-logo {
        background-image: url('../images/structure/sprites/northwestern-logo-centered.svg');
    }
    
}

/* /test- stuff - social */

#main-content {
    min-height: 400px;
} 

#search-glass-link img {
    vertical-align: middle;
}
/* end test stuff */


/* home page */

#home-content {
    font-size: 1rem;
}

/* removed per CB 01/29/16 
#home-content a[href] {
-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
*/

#home-news {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#home-news-teaser {
    display: inline-block;
    width: 20.25%;
    text-align: right;
    vertical-align: top;
    padding-right: 2rem;
}

#home-news-list {
    display: inline-block;
    width: 59.583333333333%;
}

#home-news-list a {
    margin-right: 3.5%;
    display: inline-block;
    width: 29%;
}

#home-news-list img {
    display: block;
}

#home-news-sidebar {
    display: inline-block;
    vertical-align: top;
}

#home-news hr {
    margin: 1.5rem 0;
}


#home-efl {
    background: #fff;
    font-size: 1rem;
}

#home-events {
    width: 20.25%;
    float: left;
    padding-right: 2rem;
    border-right: 1px solid #cacaca;
}

#home-features {
    width: 71.212121212121%;
    float: left;
    padding-left: 3rem;
}

/* News Search */

#news-content-wrap .selectricWrapper {
    display: inline-block;
    width: 200px;
    position: relative;
    top: 0.5rem;
    height: 35px;
    border-left: 1px solid #ccc;
}

#news-content-wrap .selectricWrapper + .selectricWrapper {
    margin-left: 0.75rem;
}

#news-content-wrap .selectric {
    height: 35px;
}

#current_pagination,
.current_pagination {
    width: 2rem !important;
    height: 2.5rem;
    margin: 0;
    padding: 0;
    text-align: center;
    border:none;
}

.search-news-articles .selectric {
    background: #fff;
}

#news-search-param-summary {
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

#news-search-param-summary div.news-search-param {
    display: inline-block;
    padding-right: 1rem;
    line-height: 90%;
}

#news-search-param-summary div.news-search-param + div.news-search-param {
    padding-left: 0.75rem;
    border-left: 1px solid #4E2A84;
}

#news-search-param-summary strong {
    color: #4E2A84;
}

.pagination {
    border-top: 1px solid #ccc;
    margin: 1rem 0 1rem 0;
    padding-top: 1rem;
}

.pagination button {
    height: 35px;
    width: 35px;
    text-align: center;
    color: #cecece;
    background: #eee;
    border: none;
}

.pagination #news-prev {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat -84px 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;   
}


.pagination #news-next {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat -126px 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;   
}

.pagination #news-prev.deactivated {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat 0 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;
}

.pagination #news-next.deactivated { 
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat -42px 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;
}

.pagination #news-prev:not(.deactivated):hover {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat -168px 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;   
}

.pagination #news-next:not(.deactivated):hover {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat -210px 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;   
}

.pagination button.deactivated {
    background-color: #efefef;
}

.pagination button:not(.deactivated):hover {
    background-color: #401F68;
}

@media screen and (max-width:320px) {

    #news-search-param-summary div {
        display: block;
        border: none !important;
        padding: 0;
        line-height: 170%;
    }

    #news-content-wrap .selectricWrapper,
    #news-form .selectricWrapper,
    .search-news-articles .selectricWrapper,
    #news-form input[type='text'],
    .search-news-articles input[type='text'] {
        display: block;
        width: 100% !important;
    }

    #news-content-wrap .selectricWrapper {
        padding: 0 !important;
    }

}


/* mirosite home page */

#micro-social-media, #micro-home-events {
    margin-top: 1.5rem;
    padding: 2rem 3.2rem;
}

#micro-social-media h2 {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-right: 1.5rem;
    float: left;
}

.micro-social-icons {
    float: left;
    height: 1.75rem;
    padding-top: 0.3rem;
}

.micro-social-icons a {
    vertical-align: middle;
}

.micro-social-icons .iconset-home:not(:last-child) {
    margin-right: 0.8rem;
}

#micro-home-events .event_list {
    min-width: 200px;
    margin-bottom: 1.5rem;
    width: 50%;
    float: left;
    font-size: 0.9rem;
    padding-right: 1rem;
}

#micro-home-events .event_list:nth-child(2n) {
    clear: left;
}
/*  TODO see if we can merge this with the global style by
    modifying existing rules that target #main-content so they 
    target #main-content-wrap instead */
#micro-home-events h2,
#micro-social-media h2 {
    font-family: 'Campton Bold', Impact,sans-serif;
    font-size: 2rem;
    margin-top: 0;
}

@media screen and (max-width: 980px) {
    #micro-social-media, #micro-home-events {
        padding-left: 0.55rem;
    }
}


/* end microsite home page */

/* Program Pages */

#right-col-halvsies hr {
    margin: 30px 0;
}

 .calls-to-action > a h5 {
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 0.8rem 2rem 0.6rem 1.2rem;
    height: auto;
}

#container .calls-to-action a {
    display: block;
    width: 92%;
    background-color: #ffae00;
    height: 50px;
    border-bottom: none;
    margin-top: 20px;
    position: relative;
    margin-left: 0;
}

#container .calls-to-action a:hover {
    border-bottom: none;
    }

.calls-to-action #request-action.right-col-outer-content  {
  background-color: #005295;
}

#apply-action:after, #request-action:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 20px solid #ffae00;
    border-bottom: 25px solid transparent;
    position: absolute;
    z-index: 1;
    right: -20px;
    top: 0;
    -moz-transform: scale(0.9999);
}

#request-action:after{
    border-left: 20px solid #005295;
}


/* STAFF DIRECTORY */

#staff-directory h3, #staff-directory p {
    margin-top: 0;
}

#staff-directory h3 {
    line-height: 1;
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    color: #4E2A84;
}

#staff-directory .person {
    clear: both;
    position: relative;
    margin-bottom: 2rem;
    min-height: 100px;
}

#staff-directory .preface {
    text-transform: uppercase; 
    font-family: "Campton Bold",Arial,sans-serif; 
    font-weight: normal; 
    color: #666;
}

#main-content #staff-directory ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#staff-directory .person .person-photo {
    width: 100px;
    position: absolute;
}

#staff-directory .person-photo + .person-info {
    margin-left: 100px;
    padding-left: 1.5rem;
}

#staff-directory .person-desc {
    padding-left: 1rem;
}

/*
#staff-directory .person-info {
    width: 90%;
    padding-right: 3rem;
}
*/

#staff-directory .person-info div {
    width: 50%;
    float: left;
}

#staff-directory .person-info.column1 div {
    width: 100%;
    float: none;
    padding-left: 0;
    line-height: 1.7rem;
}

#staff-directory .person-info.column1 div:first-child {
    margin-bottom: 0;
}

.person_info h3 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.person_info p {
    margin-bottom: 0.5rem !important;
}

#staff-directory img {
    border-radius: 6px;
    width: 100px;
}

#staff-directory h2 {
    clear: both;
}

.person-contact-info a, .person-contact-info em {
    display: inline-block;
}

.person-contact-info em {
    line-height: 1.5;
    padding-bottom: 10px;
}

.person-contact-info {
    line-height: 1.7rem;
}

#staff-directory li {
    padding-bottom: 1rem;
}

@media screen and (max-width: 980px) {
    #staff-directory .person-info div {
        float: none;
        width: auto;
    }
    #staff-directory .person-desc {
        padding-left: 0;
    }
}


/* END STAFF */

/* PROGRAM LISTINGS */

#program-controls-handle {
    display: none;
}

#program_listing.sml .footable-row-detail-value small {
    display: none;
}

#program_listing img,
.program_listing_list img {
    max-width: none;
    padding-bottom: 1px;
    padding-top: 3px;
}

#program_listing_legend {
    width: 100%;
    border: none;
    margin-bottom: 30px;
}

#program_listing_legend small {
    vertical-align: super;
    font-size: 1rem;
}

#program_listing_legend img {
    display: inline-block;
    margin-right: 0.75rem;
}

#program_listing_legend th { 
    text-align: left;
    background: #fff;
    color: #4E2A84;
    font-family: "Campton Bold",Arial,sans-serif;
}

#program_listing_legend td {
    border: none;
    padding: 0.5rem;
    width: 33%;
    font-size: 1rem;
}

#program_listing_legend tr {
    background-color: #fff;
}

#program_listing small,
.program_listing_list small {
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
}


#program_listing td {
    padding: 1rem;
    border: 1px solid #E4E0EE; 
    vertical-align: middle;
}

.program_listing_list td {
    border: 2px solid #E4E0EE;
}



#program_listing thead {
    display: none;
}

#program_listing td:not(:first-child) {
    width: 13%;
    text-align: center;
    line-height: 0.9rem;
}

#program_listing .footable-row-detail-row { 
    display: inline-block;
}

#program_listing.sixhundred .footable-detail-show,
#program_listing.phone .footable-detail-show {
    background: #E4E0EE;
}

#program_listing.sixhundred .footable-row-detail,
#program_listing.phone .footable-row-detail {
    background: #fcfafd;
    border-bottom: 1px solid black;
}

#program_listing .footable-row-detail-cell {
    border-bottom: 1px solid black;
}

#program_listing .footable-row-detail-name {
    display: none;
}

#program_listing .footable-row-detail-value img {
    margin-right: 0.5rem;
    /* width: 40px; */
}
/*table*/.program_listing_list td {
    vertical-align: middle;
}
.program-icon-cell {
    width: 80px;
    text-align: center;
}

@media screen and (max-width: 1125px) {
    #program_listing_legend small {
        display: block;
        margin-top: 0.3rem;
    }
}

@media screen and (max-width:768px) {
    
    #program_listing_legend img {
        display: block;
    }

    #program-controls {
        margin-bottom: 2rem;
    }

    #program-controls-handle {
        color: #4E2A84;
        font-family: "Campton Bold",Arial,sans-serif;
        font-size: 0.95rem;
        font-weight: normal;
        height: 3rem;
        padding-left: 4rem;
        padding-top: 0.25rem;
        display: block;
        text-transform: uppercase;
        width: 100%;
        border: 1px solid #4E2A84;
        border-radius: 3px;
        line-height: 2.5rem;
        position: relative;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: url("../images/areas-of-study-icons/bs.svg") no-repeat scroll 0.65rem center transparent;
    }
    
    #program-controls-handle.graduate {
        background: transparent url('../images/areas-of-study-icons/ms.svg') 0.5rem center no-repeat;
    }

    #program-controls #program-controls-handle:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #4E2A84;
        position: absolute;
        z-index: 1;
        top: 40%;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #program-controls.expanded #program-controls-handle:after {
        border-top: none;
        border-bottom: 7px solid #4E2A84;
    }

    #program-controls-inner {
        height: 0;
        overflow: hidden;
    }

    .faculty_search_or span {
        background: #f4f4f4;
    }

    #program-controls.expanded #program-controls-inner {
        height: auto;
        overflow: visible;
        padding-top: 0.75rem;
    }
}

@media screen and (max-width: 480px) {
    #program_listing_legend small {
        display: block;
        font-size: 0.7rem;
    }
}

/* FACULTY LISTINGS */
@media screen and (min-width: 980px) {
    #results {
        min-height: 600px;
    }
}
#results {
    margin-left: 310px;
    padding-top: 10px;
}

#faculty-controls {
    float: left;
    width: 250px;
    font-family: "Campton Bold", Arial, sans-serif;
    font-weight: normal;
    padding-top: 10px;
}

#main-content #faculty-controls h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: 'Campton Bold', Impact,sans-serif;
	color: #4E2A84;
	font-size: 1.1rem;
	padding-bottom: .5rem;
	text-transform: uppercase;
}

#faculty-controls .sub-research, #faculty-controls .research-groups {
    font-family: "Akkurat Pro Regular",Arial,sans-serif;
}

#faculty-controls .sub-research {
    font-size: .75rem;
}

#faculty-controls-handle {
    display: none;
}

#clear_filters {
    margin-top: 1rem;
    margin-bottom: 0;
    -webkit-appearance: none;
    border-radius: 0;
}

#faculty-controls #department_form {
    font-family: "Campton Book", Arial, sans-serif;
}

#faculty-controls .selectricWrapper {
    width: 250px;
    position: relative;
}

#faculty-controls #keyword_form::after {
    content: none !important;
}

#faculty-controls #keyword_form input {
    width: 250px;
    /* color: #4E2A84; -- I moved this to normalize -- CB */
    font-family: "Campton Book","Courier New",sans-serif;
    height: 2.5rem;
    padding-left: 0.75rem;
    padding-top: 0.35rem;
    border: none;
}

#faculty-controls #keyword_form input::-webkit-input-placeholder {
    color: #2f174c;
    opacity: 0.5;  
}

#faculty-controls #keyword_form input::-moz-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

#faculty-controls #keyword_form input::-ms-input-placeholder {
    color: #2f174c;
    opacity: 0.5; 
}


#faculty-controls #keyword_form em {
    font-family: "Akkurat Pro Regular", Arial, sans-serif;
    font-size: 0.75rem;
    color: #a3a3a3;
    font-weight: normal;
}

#faculty-controls #alpha_form::after {
    content: "";
    clear: both;
    display: table;
}

#faculty-controls #alpha_form input[type='button'] {
    border: 0;
    background: transparent;
    padding: 0.2rem;
    color: #4E2A84;
    box-shadow: none;
    float: left;
}

#faculty-controls .selectric .label {
    white-space: normal;
    text-transform: uppercase;
}

.faculty_search_or {
    border-bottom: 3px solid #a3a3a3;
    position: relative;
    height: 2rem;
    padding-top: 1rem;
    margin-bottom: 2rem;
}

.faculty_search_or span {
    position: absolute;
    top: 1.3rem;
    background: #fff;
    padding-right: 0.5rem;
    font-weight: normal;
    font-size: 1rem;
    color: #a3a3a3;
}

.faculty {
    margin-bottom: 3.5rem;
    min-height: 100px;
}

.faculty a {
    font-weight: normal;
    text-decoration: none;
}

.faculty-photo {
    float: left;
    margin-top: 0.25rem;
}

.faculty-photo img {
    width: 100px;
    border-radius: 5px;
}

.faculty-info {
    margin-left: 125px;
}

.faculty-info p {
    margin-bottom: 0.25rem !important;
}

.student-alumni-details p:last-child{
    margin-bottom: 0 !important;
}

.faculty-info p a {
    font-weight: normal;
    margin-top: .5rem;
}

#main-content .faculty-info h3 a {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    font-weight: normal;
    padding-right: 1.4rem;
}

/*#main-content .faculty-info h3 a:hover {*/
/*	font-size: 1.35rem;*/
/*}*/

#results hr {
    margin: 1.5rem 0;
}

#results .faculty-info h3 {
	font-family: "Campton Bold",Impact,sans-serif;
	font-size: 1.5rem;
	padding-bottom: .75rem;
}

#results .faculty-info p {
	margin-bottom: 0;
}

.faculty-info h3 {  
    padding-bottom: .5rem;
    margin-bottom: 0.25rem; 
}

#main-content .faculty-info h3 a[href$=".pdf"]:after {
    content: " ";
    display: inline-block;
    background: url("../images/structure/sprites/arrows-nav-docs.svg") no-repeat -10px -80px;
    width: 15px;
    height: 16px;
    padding: 0;
    margin-left:.45rem;
    margin-top: 5px;
}

.faculty-info .student-alumni-details {
    margin-top: 1rem;
    line-height: 1.55rem;
}

#faculty-directory .student-alumni-details ul {
    margin-bottom: 0;
}

@media screen and (max-width:980px) {
    #results {
        margin-left: 0;
    }

    #faculty-controls {
        width: 100%;
        position: static;
    }

    #faculty-controls-handle {
        display: block;
        text-transform: uppercase;
        width: 100%;
        border: 1px solid #cacaca;
        padding-left: 1rem;
        height: 2.5rem;
        line-height: 2.5rem;
        position: relative;
        font-size: 0.9rem;
        color: #5f3f90;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #faculty-controls #faculty-controls-handle:after {
        content: '';
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        border-top: 6px solid #4E2A84;
        border-left: 6px solid transparent;
        position: absolute;
        z-index: 1;
        top: 40%;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #faculty-controls.expanded #faculty-controls-handle:after {
        border-top: none;
        border-bottom: 6px solid #4E2A84;
    }

    #faculty-controls-inner {
        height: 0;
        overflow: hidden;
        background: #f4f4f4;
    }

    .faculty_search_or span {
        background: #f4f4f4;
    }

    #faculty-controls.expanded #faculty-controls-inner {
        height: auto;
        padding: 1rem;
        overflow: visible;
    }
    
    #faculty-controls h3:first-child {
        display: none;
    }

    #faculty-controls .selectricWrapper, #faculty-controls #keyword_form input {
        width: 100%;
    }
    
    #faculty-controls .selectricWrapper {
        position: relative;
    }
    
    #clear_filters {
        margin-top: 1rem;
    }

    
    #results {
        padding-top: 4rem;
    }

}

/* -FACULTY PROFILE */

#faculty-profile-left {
    float: left;
    width: 250px;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.6rem;
    color: #342f2e;
}

#faculty-profile-left .title {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

#faculty-profile-left img {
    border-radius: 5px;
}

#faculty-profile-left h2 {
    margin-bottom: 1.25rem;
    padding-top: 1.25rem;
    font-size: 1.7rem !important;
}

#faculty-profile-left .phone_link {
    color: #666;
    font-weight: normal;
}

#faculty-profile-right .mail_link {
    margin-bottom: 1.75rem;
}

#faculty-profile-right h2 {
    font-size: 1.55rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

#faculty-profile-right h2:first-child {
    margin-top: 0;
}

#faculty-profile-right {
    margin-left: 295px;
    margin-top: 1rem;
    min-height:720px;
}

#faculty-profile-right p {
    margin-bottom: 1rem;
}

#main-content #faculty-profile-right ul li {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 0.7rem;
}

.phone_link_verbose {
    display: block;
    margin-bottom: 0.5rem;
}

a.mail_link::before, a.phone_link::before {         
    margin-top: 1rem; 
} 

@media screen and (max-width: 900px) {
    #faculty-profile-left {
        float: none;
        width: auto;
    }

    #faculty-profile-right {
        border-top: 1px solid #CCCCCC;
        margin-left: 0;
        margin-top: 2.5rem;
        padding-top: 2.5rem;
    }
    
    #main-content div#back-to-dept {
        float: none;
        margin-top: 1rem;
        display:inline-block;
    }
}

@media screen and (max-width: 600px) {
    
    .faculty-info a.mail_link {
        font-size: 0;
    }

    .faculty-info a.mail_link:before {
        content: 'email';
        text-transform: uppercase;
        display: inline-block;
        color: #fff;
        font-size: 0.85rem;
     /*   font-family: "Campton Bold", Arial, sans-serif; */
        font-weight: normal;
        line-height: 1.25;
        text-decoration: none;
        background-color: #4E2A84;
        padding: 6px 10px 6px 0;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        width: 70px;
    }

    .faculty-info a.mail_link:after {
        content: '';
        margin-left: 0;
        position: relative;
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -365px -12px;
        top: 0.11rem;
        left: -1.1rem;
    }

       .phone_link_verbose {
        display: none; 
    }

    a.mail_link, a.phone_link {
        font-size: 0;
        border-bottom: none !important;
    }
    
    a.phone_link:before {
        content: 'CALL';
    }

    a.mail_link:before,
    a.phone_link:before {
        content: 'email';
        text-transform: uppercase;
        display: inline-block;
        color: #fff;
        font-size: 0.9rem;
        font-weight: normal;
        line-height: 1.25;
        text-decoration: none;
        background-color: #4E2A84;
        padding: 6px 10px 6px 0;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        width: 80px;
    }
    
    a.phone_link:before {
        content: 'CALL';
    }

    a.mail_link:after,
    a.phone_link:after {
        content: '';
        margin-left: 0;
        position: relative;
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -365px -12px;
        left: -1.3rem;
        top: 0.1rem;
    }


    /*

    .mail_link, .phone_link_terse { 
        *zoom: 1;
        *display: inline;
        display: inline-block;
        color: #fff;
        font-size: 0.9rem;
        font-weight: normal;
        line-height: 1.25;
        text-decoration: none;
        background-color: #4E2A84;
        padding:  6px 10px;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        font-weight: normal;
        width: 70px;
    }
    */
}

#floating-back-to-top-wrapper,
#floating-back-to-top-link {
    *zoom: 1;
    *display: inline;
    display: inline-block;
}

#floating-back-to-top-wrapper {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
    width: 49px !important;
    height: 49px !important;
    border: 1px solid #5f3f90;
    border: 1px solid rgba(78, 42, 132, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: fixed;
    z-index: 99;
    right: 3.3%;
    bottom: 3.3%;
}

#main-content #floating-back-to-top-link {
    font-size: 0;
    color: transparent;
    width: 49px;
    height: 49px;
    padding: 17px 13px;
    margin: -1px;
    background-image: url("../images/structure/sprites/events.svg");
    background-position: -238px 6px;
    background-repeat: no-repeat;
    opacity: 0.7;
    border-bottom: none;
}

#floating-back-to-top-wrapper:hover {
    background-color: #4E2A84;
    /*background-color: rgba(87, 25, 99, 0.7);*/
    border-color: #ffffff;
    /*border-color: rgba(255, 255, 255, 0.7);*/
    /*border-color: #4E2A84;*/
    /*border-color: rgba(87, 25, 99, 0.7);*/
}

#floating-back-to-top-wrapper:hover #floating-back-to-top-link {
    background-position: -308px 6px;
    /*opacity: 0.7;*/
    opacity: 1;
}


/* END FACULTY PROFILE */

/* MAC Listing Page Alternate */

.mac-headshot {
    float: left;
    clear: both;
    margin: 0 0.8rem 0.8rem 0;
    border-radius: 4px;
}

.person_info {
    margin-left: 120px;
}
 
#main-content > hr {
    clear: both;
}

/* END MAC */
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-text-size-adjust: none;
}

body {
    margin: 0;
    background-color: #f4f4f4;
}

#ie8-banner {
    display: none;
    text-align: center;
    font-size: 1rem;
    background: #fe0000;
    color: #fff;
}

header {
    position: relative;
    background: #fff;
}

header .overlay {
	content: "";
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	opacity: .6;
	background: #000;
	z-index: 2;
}

#northwestern-logo-wrapper-outer {
		background: linear-gradient(
			to right,
    #401F68 50%, 
    #4E2A84 50%
		);
}

#northwestern-logo-wrapper {
    padding-left: 1px;
    background: linear-gradient(
    45deg, #401F68 0px, 
    #401F68 200px, 
    #4E2A84 200px, 
    #4E2A84
		);
}

#northwestern-logo {
    width: 225px;
    height: 21px;
    margin-top: 8px !important;
    margin-bottom: 4px !important;
    box-sizing: content-box;
    display: inline-block;
    vertical-align: middle;
}

#northwestern-logo img,
#northwestern-logo svg {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY( -50% );
    -ms-transform: translateY( -50% );
    transform: translateY( -50% );
}

#northwestern-logo img {
    display: block;
    width: 100%;
}

@media screen and (max-width: 600px) {
	
		#northwestern-logo img {
			width: 194px;
		}
    
    .exploremcc-header-wrapper-outer #northwestern-logo {
        width: 194px;
    }
    
    .exploremcc-header-wrapper-outer #northwestern-logo .desktop {
        display: none;
    }
    
    .exploremcc-header-wrapper-outer #northwestern-logo .mobile {
        display: block;
    }
    
}

@media DISABLED {
	/*ENDS AT LINE 2191*/
	
#super-header {
    background: #fff;
    text-align: right;
    line-height: 13px;
}

#super-header::before {
    content: "";
    background-repeat: repeat-x;
    background-image: url("../images/structure/sprites/stitch-short.png");
    width: 100%;
    height: 7px;
    margin-bottom: 6px;
    display: inline-block;
    vertical-align: top;
}

#super-header li:first-child {
    color: #000;
}

#super-header li:first-child:after {
    content: ':';
}

#super-header ul {
    float: right;
    padding-left: 5px;
    background-color: #4E2A84;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    left: 10px;
}

#super-header li {
    height: 29px;
    padding: 0.4rem 0.25rem 0.35rem 0.5rem;
    float: left;
    background: #fff;
    position: relative;
    text-transform: uppercase;
    /*outline: 1px solid #ffffff;*/
    outline: none !important;
}

#super-header li:last-child {
    padding-right: 10px;
}

#super-header li.right {
    padding-top: 0.35rem;
}

#super-header li.right a {
    font-size: 0.8rem;
    font-weight: normal;
}

#super-header li:nth-child(5) {
    padding-right: 1rem;
}

#super-header li:nth-child(6) a {
    padding-right: 0.75rem;
    border-right: 1px solid #aaa;
}

#super-header li:nth-child(6) {
    padding-left: 2.5rem;
    background-image: url('../images/structure/slash.svg');
    background-repeat: no-repeat;
}

#super-header {
    font-family: "Campton Bold", Arial, sans-serif;
    font-weight: normal;
}


.header-container .subhead-purple-bar {
    display: block;
    font-weight: normal; 
    font-size: 1.1rem;
    padding-bottom: 5px;
}

h1#major-title a.subhead-purple-bar:hover, h1#major-title a.division-title:hover {
    text-decoration: underline;
}

#mid-header {
    background: #fff;
    position: relative; 
    max-height: 75px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#mid-header .header-container {
    position: relative;
}

.mccormick-header-logo {
    display: block;
    height: 65px;
    width: 410px;
}

.mccormick-header-logo img,
.mccormick-header-logo svg {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY( -50% );
    -ms-transform: translateY( -50% );
    transform: translateY( -50% );
}

.mccormick-header-logo .desktop {
    display: block;
    width: 100%;
}

.mccormick-header-logo .mobile {
    display: none;
}

@media screen and (max-width: 1220px) {
    
    .mccormick-header-logo {
        max-width: 32%;
    }
    
}

@media screen and (max-width: 1040px) {
    
    .mccormick-header-logo {
        max-width: none;
        max-width: initial;
    }
    
}

@media screen and (max-width: 700px) {
	
    
    header .mccormick-header-logo {
        width: 151px;
        max-width: 151px;
    }
    
    header .mccormick-header-logo .desktop {
        display: none;
    }
    
    header .mccormick-header-logo .mobile {
        display: block;
    }
    
    header .header-container .subhead-purple-bar {
        font-size: .95rem;
        padding-bottom: 0;
    }
    
}

@media screen and (max-width: 600px) {
    
    .exploremcc-header-wrapper-outer .mccormick-header-logo {
        width: 151px;
    }
    
    .exploremcc-header-wrapper-outer .mccormick-header-logo .desktop {
        display: none;
    }
    
    .exploremcc-header-wrapper-outer .mccormick-header-logo .mobile {
        display: block;
    }
    
    .exploremcc-header-wrapper-outer .header-container .subhead-purple-bar {
        font-size: .95rem;
        padding-bottom: 0;
    }
    
}

#banner-search {
    position: absolute;
    right: 0;
    top: 0.5rem;
    display: none;
}

#banner-search #q, #faculty-controls #keyword_form input {
    background-color: #ece9f3;
    box-shadow: inset 0 0 3px #999;
    -webkit-appearance: none !important;
    border-radius: 0;
}

#banner-search #web-search:after, #keyword_form:after {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -218px -42px;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: -30px; 
    top: 13px;
}

#keyword_form {
    position: relative;
}

#keyword_form:after {
    right: 10px;
    top: 10px;
}

#nav {
    /*position: relative;
    left: 255px;*/
    padding-left: 530px;
}

#nav #top-nav {
    margin-bottom: 0;
    /*margin-top: 0.93rem;*/
    text-align: right;
    padding-left: 0;
    font-family: "Campton Bold", Impact, sans-serif;
    font-weight: normal;
    font-size: 1rem;
    max-width: 980px;
    float: right;
    margin-top: -2.80rem;
}

#nav #top-nav .outro {
    background: #401f68;
    display: block;
    margin: 0.5rem -0.5rem 0;
    padding-left: 1rem;
    font-size: 0.8rem;
    height: 45px;
}

#nav #top-nav .outro .highlight {
    font-size: 1rem;
    font-weight: normal;
    line-height: 45px;
}

#nav #top-nav li:not(:nth-child(3)) .outro .highlight:after { 
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -365px -12px;
    display: inline-block;
    width: 20px;
    height: 12px;
    vertical-align: middle;
    margin-left: 0.75rem;
}

#nav #top-nav > li {
    display: inline-block;
    padding-left: 10px;
    color: #4E2A84;
    position: relative;
    vertical-align: middle;
}


/*#nav #top-nav > li#nav-search {*/
/*    padding-right: 10px !important;*/
/*}*/

#nav #top-nav > li > a {
    text-transform: uppercase;
}

#nav #top-nav > li:hover > div {
    display: block;
}

#nav #top-nav > li > div {
    display: none;
    position: absolute;
    left: -1rem;
    color: #fff;
    text-align: left;
    z-index: 2;
    min-width: 425px;
    font-size: 1rem;
    font-family: 'Neue Helvetica W01';
}

#nav #top-nav > li#nav-search > div {
    padding: 0;
    top: 1.20rem;
    left: auto;
    right: 0rem;
    /*left: -330px;*/
    min-width: 330px;
}

#nav .hover-container {
    padding: 0.5rem 1rem 0.5rem 1rem;
    background: #5f3f90;
    margin-top: 16px; 
    -moz-box-shadow: 0 3px 4px 0 #000;
    -webkit-box-shadow: 0 3px 4px 0 #000;
    box-shadow: 0 3px 4px 0 #000;
    font-family: "Campton Bold",Arial,sans-serif;
    font-weight: normal;
}

#nav .hover-container input {
    font-family: 'Campton Book',"Courier New",sans-serif;
}

#nav .hover-container ul li a {
    font-family: "Campton Bold",Arial,sans-serif;
    font-weight: normal;
    font-size: 1rem !important;
    color: #E4E0EE !important;
}

html.no-touch #nav .hover-container ul li a:hover {
    color: #FFF !important;
}

#nav #nav-search .hover-container {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 1.25rem;
    position: relative;
}

#nav #nav-search .hover-container:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -365px -12px;
    width: 20px;
    height: 12px;
    vertical-align: middle;
    margin-left: 0.75rem;
    vertical-align: middle;
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

#nav #top-nav .hover-container li a {
    font-size: 1.05rem!important;
    font-family: "Akkurat Pro Bold", Arial Black, sans-serif;
    font-weight: normal;
    letter-spacing: .3px;
}



#nav #top-nav .outro a.highlight, #nav #top-nav .hover-container .outro .highlight {
    font-family: 'Campton Book',"Courier New",sans-serif;
    font-weight: normal;
    font-size: 1.05rem;
}

.hover-container .outro form {
    display: inline;
}

.hover-container .outro input {
    border: none;
    padding-left: 0.5rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset;
    font-family: "Campton Bold",Arial,sans-serif;
    font-weight: normal;
    font-size: 0.9rem;
    height: 26px;
    margin-left: 0.75rem;
    padding-left: 0.5rem;
    padding-top: 0.15rem;
    text-transform: uppercase;
    width: 265px;
}

.hover-container .outro input::-webkit-input-placeholder {
    color: #2f174c;
    opacity: 0.5;
}
.hover-container .outro input::-moz-placeholder {
    color: #2f174c;
    opacity: 0.5;  
}
.hover-container .outro input::-ms-input-placeholder {
    color: #2f174c;
    opacity: 0.5;    
}

.hover-container #q::-webkit-input-placeholder {
    color: #fff;
}

.hover-container #q::-moz-placeholder {
    color: #fff;
}

.hover-container #q::-ms-input-placeholder {
    color: #fff;
}

#nav #top-nav > li > div a {
    color: #fff;
    font-weight: normal;
    margin-top: 0.7rem;
}

#nav #top-nav > li > div a.hover-header {
    font-weight: normal;
    font-size: 1.5rem;
    margin-left: 0.5rem;
    letter-spacing: none;
}

#nav small {
    font-family: "Akkurat Pro Regular", Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: .3px;
    margin-left: 0.5rem;
}
 
#nav #top-nav div > a {
    margin-bottom: 0.5rem;
    display: block;
    font-size: 1.15rem;
}

#nav #top-nav li ul li {
    text-transform: none; 
    padding: 0.75rem 0.5rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

#nav #top-nav li:not(:nth-child(3)) ul li:first-child, 
#nav #top-nav li:not(:nth-child(3)) ul li + li:not(:last-child) {
    border-bottom: 1px solid #B6ACD1;
    -webkit-column-break-inside: avoid;
}

#nav #top-nav li ul li:first-child + li:last-child {
    border-bottom: none;
}

#nav #top-nav li ul {
    z-index: 1;
    list-style-type: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding: 0.5rem 1rem;
    min-width: 300px;
    border-top: 1px solid #B6ACD1;
    margin: 0.75rem -1rem 0 -1rem;
}

#nav #top-nav li:not(:last-child) {
    padding-right: 10px;
}

#nav #top-nav > li:not(#top-nav-explore):hover > a:after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 20px solid #5f3f90;
    border-left: 15px solid rgba(255,255,255,0);
    border-right: 15px solid rgba(255,255,255,0);
    position: absolute;
    top: 19px;
    left: 50%;
    margin-left: -15px;
    -moz-transform: scale(0.9999);
}

#nav #top-nav > #nav-search:hover a:after {
    top: 23px !important;
    left: 25% !important;
}

#nav #top-nav li a {
    font-size: 1rem;
    padding-right: 5px;
}

html.no-touch #nav #top-nav li a:hover {
    text-decoration:none;
}

}

/* DISABLED RULES FOR NAV ENDS */

#nav #top-nav-explore, #main-content #back-to-dept {
    position: relative;
    background: #ffae00;
    line-height: 24px !important;
    margin-right: 0.65rem;
    font-family: "Campton Bold",Arial,sans-serif;
    font-weight: normal;
}

#nav #top-nav #top-nav-explore a, #main-content #back-to-dept a {
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    margin-top: 0.15rem;
    font-size: 0.85rem;
    border-bottom: none;
    padding-left: 0.3rem;
    padding-right: 0.75rem;
}

#back-to-dept a:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 9px solid #ffae00;
    border-bottom: 13px solid transparent;
    position: absolute;
    z-index: 1;
    right: -9px;
    top: 0;
    -moz-transform: scale(0.9999);
}

#main-content #back-to-dept {
    background: #005295;
    padding: 0 10px;
    text-transform: uppercase;
    float: right;
    margin-top: 3.2rem;
    height: 27px;
}

#back-to-dept a:hover {
    text-decoration: none;
}

#back-to-dept a:after {
    border-left: 9px solid #005295;
}


h1#major-title {
    background: #4E2A84;
    text-transform: uppercase;
    font-size: 2rem;
    color: #fff;
    padding: 1.25rem 0 0.95rem 0.2rem;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Campton Bold",Arial,sans-serif;
}

h1#major-title a {
    text-decoration: none;
    color: #fff;
}

h1#major-title .extraneous {
    display: none;
}

#main-content-wrap, #right-col {
    background: #f4f4f4;
}

#main-content-wrap > div {
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
}

#main-content, .right-col-outer-content, #micro-social-media, #micro-home-events {
    background: #fff;
}

#more-in-section {
    background: transparent;
    margin-top: 1.5rem;
}

#container {
    max-width: 1180px;
    position: relative;
    margin: auto;
}

#left-col {
    padding: 2.5rem 0 0 0;
    width: 190px;
    position: absolute; 
    left: 0;
    top: 0; 
    background: #f4f4f4;
    font-size: 1.07rem;
    z-index: 1;
}

#left-col #section-nav-head {
    border-bottom: 2px solid #cacaca;
    font-family: "Campton Book",Arial,sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
    padding-bottom: 0.95rem;
}

#main-content-wrap {
    padding-left: 190px;
    padding-right: 1.65rem;
    padding-top: 2rem;
    width: 79.5%;
}

body.sitetype- #main-content-wrap {
	 padding-top: 2.5rem;
}

body.no-right-sidebar #main-content-wrap {
    width: auto;
    padding-right: 0;
}

body.search #main-content-wrap {
    padding-left: 0;
}

#main-content {
    font-size: 1rem;
    padding: 2rem 3.2rem;
    margin-top: -0.3rem;
    margin-bottom: 1.5rem;
    /* 9/12: overflow: hidden; */
}

.back_to_top {
    border-top: 1px solid #F0F0F0;
    font-size: 0.75rem;
    padding-top: 0.25rem;
    text-transform: uppercase;
}

.back_to_top a {
	font-family: "Campton Book",Arial,sans-serif;
    font-size: .8rem;
    text-transform: uppercase;
    color: #666;
    position: relative;
    display: inline-block;
    line-height: .8rem;
}

.back_to_top a:after {
    background: none, url("../images/structure/sprites/arrows-nav-docs.svg") -396px -47px/auto no-repeat;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-left: 0.45rem;
    vertical-align: middle;
    position: absolute;
    line-height: normal;
}


.link-bttn, .link-bttn-blue, .link-bttn-orange, .link-bttn-lt-purple {
    font: 16px "Akkurat Pro Bold","Arial Black",sans-serif;
    color: #fff;
    background-color: #4e2a84;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 .5em .5em 0;
    padding: .8em 1em .7em 1em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    vertical-align: middle;
    min-width: 50px;
    border: none;
}

.link-bttn#return-to-program {
    margin-top: 25px;
}

.link-bttn:hover, .link-bttn-blue:hover, .link-bttn-orange:hover, .link-bttn-lt-purple:hover {
    text-decoration: none !important;
}

.link-bttn-blue {
    background-color: #005295;
}

.link-bttn-orange {
    background-color: #ffae00;
}

.link-bttn-lt-purple {
    background-color: #9380b6;
}

/*.link-bttn + .link-bttn, 
.link-bttn-blue + .link-bttn-orange, 
.link-bttn-orange + .link-bttn-blue, 
.link-bttn-orange + .link-bttn-orange,
.link-bttn-blue + .link-bttn-blue,
.link-bttn + .link-bttn-orange,
.link-bttn + .link-bttn-blue,
.link-bttn-blue + .link-bttn,
.link-bttn-orange + .link-bttn {
    margin-left: 20px;
} */

.link-bttn:hover { text-decoration: none; }

.link-bttn.home-link {margin-right: 0;}

p#anchor_header {
    border-top: 1px solid #b6acd1;
    color: #716C6B;
    font-size: 1.6rem;
    padding-left: 0.5rem;
    padding-top: 2rem;
}

#anchor_toc {
    padding-left: 0;
    border-bottom: 5px solid #836EAA;
    padding-bottom: 2rem;
    padding-left: 0;
}

#main-content #anchor_toc li {
    background-image: url("../images/structure/sprites/arrows-nav-docs.svg");
    background-position: -83px -145px;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin: 5px 10px 0;
    padding-left: 25px;
}

#main-content #anchor_toc a {
	line-height:1.7rem;
}

#main-content ul, 
#main-content ol {
    margin-bottom: 2rem;
    margin-top: 1rem;
    padding-left: 0;
}
#main-content ul li, 
#main-content ol li {
    line-height: 1.55rem;
    list-style: disc outside none;
    margin: 10px 0 10px 20px;
    padding: 0 0 0 5px;
}
#main-content ol li {
    list-style-type: decimal;
}

#main-content h1#page-title div {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    font-weight: normal;
    font-size: 0.95rem;
	padding-bottom: .75rem;
	padding-top: .3rem;
	line-height: .9rem;
	text-transform: uppercase;
}

#main-content h1#page-title {
    font-family: "Campton Extra Light","Courier New",sans-serif;
    font-size: 3rem;
    line-height: 3.7rem;
    font-weight: normal;
    padding-top: 1rem;
    margin-top: 0;
    font-size: 3rem; 
    margin-bottom: 0;
    padding-bottom: 1rem;
}

#main-content .slider + h1#page-title {
    padding-top: 0;
}

.section-bc-segment {
    display: inline-block; 
    white-space: nowrap;
    line-height: 1.7rem;
    text-transform: uppercase;
    font-family: 'Campton Book', "Courier New", sans-serif;
    font-size: 18px;
}

.section-bc-segment-separator {
	color: #cdafc9
	font-weight: normal;
    font-family: "Campton Extra Light",Arial,sans-serif;
    font-size: 1.1rem;
}

/*EVENTS*/
.content .events {
    text-align: center;
}
.content .events ul {
	 display: flex;
	 list-style: none;
	 padding: 0;
	 margin: 25px auto 0;
	 justify-content: center;
}
.content .events li {
	 border-left: solid 1px #d8d6d6;
	 padding: 0 1.25rem;
	 background: none;
     flex: 0 1 225px;
     text-align: center;
}
.events li:first-child {
	 border-left: none;
}
.events li a {
	 font-size: .95rem;
	 line-height: 1.5;
	 font-family: "Akkurat Pro Regular","Arial",sans-serif;
}
.events .link-bttn {
    margin-top: 30px;
}
.event_wrapper {
	 display: flex;
	 justify-content: center;
	 color: #fff;
	 text-transform: uppercase;
	 font-size: .9rem;
	 margin-bottom: 15px;
	 font-family: "Campton Extra Bold","Arial Black",sans-serif;
	 line-height: 2rem;
	 text-align: center;
}
.events .day {
	 background: #836eaa;
	 width: 2.8125rem;
}
.events .date {
	 background: #4e2a84;
	 width: 4.375rem;
}
@media screen and (max-width: 1000px) {
	/*EVENTS*/

	.content .events li {
		 padding: 0 5%;
	}
	.content .events li:last-child {
		 display: none;
	}
	.events li a {
		 font-size: 0.9375rem;
	}
}

@media screen and (max-width: 700px) {
	/* EVENTS*/
    section.events ul {
	    display: block;
	    max-width: 350px;
	    margin-right: auto;
	    padding-left: 0;
	}
    
    .content .events ul {
        flex-wrap: wrap;
    }
	
	.content .events li {
		margin: 30px 0;
	    border-left: none;
	}
	
	.content .events li {
		margin: 0 auto;
		border: none;
		padding: 0;
	}
	
    .content .events li:not(:last-child) {
        margin-bottom: 25px;
    }
	
	.date-wrapper {
		margin-bottom: 10px;
	}
}


/* new link styles */

/*
#main-content a:not(.link-bttn),
#right-col a {
    border-bottom: 1px dotted #bca3c1
}

#main-content a:not(.link-bttn):hover,
#right-col a:hover {
    border-bottom: 1px solid #4E2A84;
    text-decoration: none;
}
*/ 

/* end new link styles */

#main-content h2 a[href],
#main-content h3 a[href]  {
    padding-right: 1.4rem;
}

#main-content h2 a[href]:after, #main-content h3 a[href]:after {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none, url("../images/structure/sprites/arrows-nav-docs.svg");
    background-origin: padding-box, padding-box;
    background-position: -396px -7px;
    background-repeat: repeat, repeat;
    background-size: auto auto, auto auto;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 0.45rem;
    width: 14px;
    position: absolute;
}

#main-content h2 a[href]:after {
    margin-top: 0.25rem;
}

#right-col {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .95rem;
    line-height:1.5rem;
    left: 79.5%;
    padding-top: 26px;
}

#contact_info p {
    font-size: .95rem;
    line-height: 1.4rem;
}

#right-col a {
    /* line-height: 1.5rem; */
}

#right-col a[href*='mailto'] {
    -ms-word-break: break-all;
         word-break: break-all;
         word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
}

#left-col ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
}

#left-col li.index {
    display: none;
}

#left-col li, #left-col a {
    display: block;
}

#left-col nav ul > li.active > a {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    font-weight: normal;
}

#left-col nav > ul > li > a {
   padding: 18px 8px 18px 0;
   border-bottom: 1px solid #cacaca;
}

#left-col nav > ul > li > a:hover {
    text-decoration: none;
    font-weight: normal;
}

#left-col nav > ul > li > ul > li > a {
    padding: 12px 8px 12px 0;
}

#left-col nav > ul > li > ul > li > ul > li > a {
    padding: 8px 8px 8px 0;
}

#left-col nav > ul > li.active > a {
    border-bottom: 1px solid #cacaca;
}

#left-col nav > ul > li > ul {
    display: none;
}

#left-col nav > ul > li.active > ul {
    display: block;
    border-left: 7px solid #4E2A84;
    font-size: 0.98rem;
}

#left-col nav > ul > li.active > ul > li {
    margin-left: -7px;
    border-bottom: 1px solid #cacaca;
}

#left-col li.active > ul > li > a {
    padding-left: 1.5rem;
    padding-right: 0.95rem;
}

#left-col nav > ul > li {
    line-height: 1.4rem;
}

#left-col nav > ul > li > ul > li {
    line-height: 1.3rem;
}

#left-col nav > ul > li > ul > li > ul > li {
    line-height: 1.3rem;
}


html.no-touch #left-col li.active > ul > li > a:hover {
    text-decoration: none;
    font-weight: normal;
}

#left-col > nav > ul > li > ul > li > ul {
    border-left: 7px solid #957fb5;
    margin-left: 7px;
    display: none;
}

#left-col > nav > ul > li > ul > li.active > ul {
    display: block;
}

#left-col > nav > ul > li > ul > li > ul > li {
    margin-left: -7px;
}

#left-col > nav > ul > li > ul > li > ul > li:not(:last-child) {
    border-bottom: 1px solid #cacaca;
}

#left-col > nav > ul > li.active > ul > li.active > a {
    border-bottom: 1px solid #cacaca;
}


#left-col > nav > ul > li > ul > li > ul > li > ul {
    display: none;
}

#left-col * {
    border-collapse: collapse;
}

#left-col li.current {
    position: relative;
}

/* hmm */
#left-col li.current > a:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid #f4f4f4;
    border-bottom: 12px solid transparent;
    position: absolute;
    right: -12px;
    z-index: 1;
    top: 50%;
    margin-top: -13px;
    -moz-transform: scale(0.9999);
}

/*
#left-col nav > ul > li > ul > li > ul > li.current:after {
    top: 4px;
}
*/

#left-col nav > ul > li.current:after {
    /* top: 0.8rem; */
}

/* #left-col li.active.expanded.section > a:after{
    content:'';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid #f4f4f4;
    border-bottom: 12px solid transparent; 
    position: absolute; 
    right: -12px; 
    z-index: 1;  
    top: 50%;  
    margin-top: -13px;  
    -moz-transform: scale(0.9999);
}  --- makes double arrows!*/
/*
#left-col > nav > ul > li.active.expanded.section > a:after{
    content:'';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid #f4f4f4;
    border-bottom: 12px solid transparent; 
    position: absolute; 
    right: -12px; 
    z-index: 1;  
    top: 50%;  
    margin-top: -13px;  
    -moz-transform: scale(0.9999);
}
*/

#left-col li.active.expanded.section > a {
    position: relative;
}


#right-col ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.right-col-inner-content {
    padding: 1.55rem 2rem;
    margin-bottom: 4px;
}

.right-col-inner-content div {
    font-weight: normal;
}

.right-col-inner-content h6 {
    border-top: 1px solid #B6ACD1;
    font-family: 'Campton Bold', Impact,sans-serif;
    line-height: 1.2rem;
    font-size: 1rem;
    margin: 2rem 0 1.25rem;
    padding-top: 1rem;
    text-transform: uppercase;
}

.right-col-inner-content h6:first-child {
    border-top: none;
    padding: 0;
    margin-top: 0;
}

.right-col-inner-content p {
    line-height: 1.45rem;
    margin-bottom: 1.75rem;
    margin-top: 0;
}

.right-col-outer-content {
    margin: 25px 0 0 auto;
    padding-bottom: 2.1px;
}

.right-col-outer-content h5 {
    font-family: "Campton Bold",Arial,sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0;
    height: auto;
    line-height: 1.25rem;
    font-size: 1rem;
    padding: 0.8rem 2rem 0.6rem;
}

#breadcrumb_info.right-col-outer-content {
    background: transparent;
    padding-top: 0;
    margin-top: 0;
}

#breadcrumb_info .right-col-inner-content {
    padding: 0px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

#breadcrumb_info a {
    line-height: 1rem;
}

#breadcrumb_info strong {
    font-family: 'Campton Bold',Arial,sans-serif;
    font-size: 0.8rem;
    font-weight: normal;
}

#breadcrumb_info:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    width: 20px;
    height: 20px;
    background-position: -291px -42px;
    display:block;
    float:left;
    position:relative;
    top: 5px;
}

#breadcrumb {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    padding-left: 0;
    align-items: center;
}

#related_info.right-col-outer-content {
    background: #4E2A84;
}

#related_info div.right-col-inner-content {
    background: #E4E0EE;
    padding-bottom: 1rem;
}

#related_info a {
    line-height: 1.2rem;
}

#related_info li {
    padding-bottom: 0.8rem;
}

#contact_info.right-col-outer-content {
    background: #ffae00;
}

#contact_info div.right-col-inner-content {
    background: #fff1d4;
    padding-bottom: 0.25rem;
}

#contact_info a {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
}

#breadcrumb_info {
    line-height: 1.2rem;
    text-transform: uppercase;
    font-size: 0.7rem;
}

#breadcrumb_info li, #breadcrumb_info a {
    color: #777;
    line-height: 1rem;
    list-style-type: none;
    padding-top: 0.3rem;
}

#breadcrumb_info img {
    position: relative;
    left: -5px;
}

#breadcrumb_info li:last-child {
    color: #4E2A84;
    font-weight: normal;
}

#breadcrumb_info li:not(:last-child):after {
    content: ' /';
    padding-right: 0.4rem;
    color: #ccc;
}

#breadcrumb, #breadcrumb a {
    margin-top: 0.3rem;
    font-family: 'Campton Book',"Courier New",sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
    margin-right: 0.2rem;
}

#callout {
    background: #005295;
    color: #FFFFFF;
    padding: 0;
}

#callout .right-col-inner-content {
    padding: 1.35rem 2rem 1.35rem;
    line-height: 1.4rem;
    font-size: .97rem;
    letter-spacing: 0;
}

#callout h5 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    padding-top: 1.8rem;
	padding-bottom:0;
    height: auto;
    text-transform: none;
}

#callout-more, .slider-more {
    background: #3375aa;                                  /*   start here    */
    padding: 5px 0 5px 10px;
    font-size: 0.95rem;
    line-height: normal;
    padding: 0.5rem 0 0.5rem 2rem;
    padding-left: 1.875rem;
}

#callout-more {
    background: none repeat scroll 0 0 #3375aa;
}

.slider-more {
    background: #7a5fa3;
}

#callout-more a, .slider-more a {
    color: #FFFFFF;
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    font-size: .95rem;
    text-transform: uppercase;
    line-height: .95rem;
    position: relative;
    display: inline-block;
}

#callout-more a:after,
.slider-more a:after { 
    content: '';
    background: transparent url('../images/structure/sprites/arrows-nav-docs.svg') -365px -10px/auto no-repeat;
    display: inline-block;
    width: 20px;
    height: .95rem;
    line-height: .95rem;
    margin-left: 0.75rem;
    position: absolute;
    vertical-align: middle;
}

@media screen and (min--moz-device-pixel-ratio:0) { /* Browser Hack for alignment in Firefox */
    #callout-more a:after,
    .slider-more a:after {
        margin-top: -.1rem;
    } 
}

#right-col-slider {
    background: transparent;
    color: #fff;
    position: relative;
}

.right-col-slide {
    background: #4E2A84;
    vertical-align: top !important;
}

#right-col-slider a {
    color: #ffffff;
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif; 
}

#right-col-slider .right-col-slide a:hover {
    border-bottom: 1px solid #fff;
}

#right-col-slider h5 {
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 1.5rem 2rem 0;
    height: auto;
    text-transform: none;
    line-height: 1.7rem;
}

#right-col-slider p {
    margin: 0;
}

#right-col-slider .slick-prev {
    bottom: initial;
    right: initial;
    left: initial;
    top: 65px;
    position: absolute;
}

#right-col-slider .slick-next {
    bottom: initial;
    right: 0;
    left: initial;
    top: 65px;
    position: absolute;
}

#more-in-section {
    overflow: auto;
}

#more-in-section h5 {
    color: #FFFFFF;
    padding: 0.65rem 1.25rem 0.65rem 2rem;
    background: #4E2A84;
    text-transform: uppercase;
    font-family: 'Campton Bold', Impact,sans-serif;
	font-size: 1rem;
    margin: 0;
}

#more-in-section ul {
    padding: 0.75rem 1.5rem 0.75rem 2rem;
    background: #fff;
    margin: 0;
}

#more-in-section .inline-list li {
    float: left;
    font-size: 1rem;
    list-style: disc inside none;
    margin-bottom: 0.5rem;
    margin-left: 0 !important;
    margin-right: 1.2rem;
    padding-left: 0;
    white-space: nowrap;
}

#more-in-section .inline-list li:first-child {
    display: inline-block;
    list-style-type: none;
    margin-left: 0;
    padding-right: 0;
}

#more-in-section .inline-list li:first-child a {
    padding-left: 0;
}

ul.inline-list {
    min-height: 20px;
}

.inline-list li:first-child {
    list-style-type: none;
    display: inline-block;
    margin-left: -0.5rem;
}

.inline-list li {
    font-size: 150%;
    float: left;
    margin-left: 10px;
    margin-right: 20px;
}

.inline-list a {
    font-size: .9rem;
    margin-bottom: 10px;
    padding-left: 0.7rem;
}
#back-to-top,
.back-to-top {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #BFBFBF;
    position: relative;
    padding-right: 40px;
    clear: both;
    height: 1.9rem;
}

#back-to-top a,
.back-to-top a {
    position: absolute;
    right: 0;
    top: 1.3rem;
    width: auto;
    padding-left: 0.6rem;
    color: #666;
    background: #f4f4f4;
    z-index: 1;>
    text-decoration: none;
    font-family: "Campton Book","Courier New",sans-serif;
    font-size: 0.8rem;
    font-weight: normal;
}

#back-to-top a:after,
.back-to-top a:after {
    content: '';
    background: url('../images/structure/sprites/arrows-nav-docs.png');
    background: none, url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -396px -49px;
    display: inline-block;
    width: 14px;
    height: 8px;
    margin-bottom: 0.05rem;
    margin-left: 0.5rem;
    margin-right: 0.25rem;
}

footer {
    font-size: 0.9rem;
    padding-top: 2rem;
    margin-top: 1.8rem !important;
    background: #4E2A84;
    color: #fff;
    position: relative;
}

footer a {
    color: #fff;
    font-size: 0.9rem;
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
}

footer ul {
    padding-left: 0;
}

footer ul li {
    display: inline-block;
    margin-right: 1.3rem;
}

footer address {
    font-size: .92rem;
    font-style: normal;
    display: inline-block;
    line-height: 1.25rem;
    margin-right: 2rem;
    margin-bottom: 0.75rem;
}

footer::before {
    content: "";
    width: 100%;
    display: inline-block;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    background-image: url("../images/structure/sprites/stitch-short-white.png");
    /* Aug 17, 2015 - Not working for safari */
    /*background-size: 9999px 7px;*/
    /*background-image: repeating-linear-gradient( 45deg, #ffffff 0px, #ffffff 1px, transparent 1.5px, transparent 3.5358px );*/
}

#footer-links {
    width: 55.612244897959%;
    margin-top: 0;
    padding-left: 0;
}

#footer-links > a {
    font-weight: normal;
}

/*#footer*/ .contact-info {
    white-space: nowrap;
    display: inline-block;
    font-weight: normal;
    margin-top: 0;
}

.contact-info:after {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -362px -11px;
    display: inline-block;
    width: 1rem;
    height: 12px;
    vertical-align: text-top;
    margin-left: 0.3rem;
    position: relative;
    top: 0.2rem;
}
/*
#footer-links p:first-child {
    display: none;
}
*/
#footer-links p:first-child {
    margin: -.3rem 0 5px 0;
}

#footer-links p:first-child.department-footer-header {
    margin-bottom: 0;
}

#footer-links p:first-child > span {
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
}

#footer-links p:first-child > span:first-child:not( .footer-branding-element ), #footer-links .dept {
    font-weight: normal;
}

#footer-links p:first-child .footer-branding-element {
    font-size: 1.1rem;
    letter-spacing: .2px;
    display: inline-block;
}

#footer-links .contact-info.extra-height {
    line-height: 1.6rem;
}    

#footer-links ul {
    /* width: 500px; */
    line-height: 1.6rem;
    margin-top: 0;
}

#footer-links li a {
    color: #fff;
    font-weight: normal;
    font-size: 0.9rem;
}

#footer-links ul li a, #footer-links p a, #footer-copyright .header-container a {
	 border-bottom: dotted 0.5px #fff;
}

 #footer-links ul li a:hover, #footer-links p a:hover, #footer-copyright .header-container a:hover {
	 border-bottom: solid 0.5px #fff;
}

#footer-icons {
    margin-top: 0.75rem; 
    text-align: right;
    float: right; 
}

#footer-icon-set1, #footer-icon-set2 {
    display: inline;
    margin-bottom: 5px;
}

#footer-links, #footer-logo {
    float: left;
}

#footer-copyright {
    background: #401f68;
    clear: both;
    padding: 1rem 0 1rem 0;
    margin: 1rem 0 0.25rem 0;
    font-size: 0.8rem;
    letter-spacing: .2px;
}

#footer-copyright a {
    font-weight: normal;
    font-size: .8rem;
}


input:focus, button:focus {
    outline: none;
}


/* library stuff */

/** responsive tables **/

.footable.sml td.footable-visible.footable-last-column.footable-first-column,
.footable.xsml td.footable-visible.footable-last-column.footable-first-column {
    padding-right: 3rem !important;
}

.footable tr.zebra {
    background: #f1eff6;
}

.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
    cursor: pointer;
}

table.table-all-rows-expanded.sml .footable-row-detail,
table.table-all-rows-expanded.xsml .footable-row-detail {
    /* caused problems with re-collapsing auto tables */
    /* display: table-row; */
}

/* footable uses inline styles sometimes */

table.med .footable-row-detail,
table.lrg .footable-row-detail,
table.xlrg .footable-row-detail {
    display: none !important;
} 

table#program_listing.table-all-rows-expanded.sml .footable-row-detail-row,
table#program_listing.table-all-rows-expanded.xsml .footable-row-detail-row {
    display: inline-block;
    padding: 0;
}

table.table-all-rows-expanded.default .footable-row-detail {
    display: none;
}

table.table-all-rows-expanded .footable-row-detail-value:empty {
    display: none;
}

table {
    width: 100%;
}

#main-content #program_listing a {
    border-bottom: none;
}

.footable-row-detail-name {
    display: table-cell;
    font-weight: normal;
    padding-right: 0.5rem;
}

.footable-row-detail-value {
    display: table-cell;
}

.footable-toggle {
    cursor: pointer;
}

th.footable-visible {
    text-align: left;
}

.responsive_table tr {
    height: 2em;
}

td.footable-visible {
    font-family: "Akkurat Pro Regular",Arial,sans-serif;
}
 
td.footable-last-column {
    position: relative;
}

table.breakpoint td.footable-last-column {
    padding-right: 3rem; 
}

table.breakpoint tr.footable-detail-show td.footable-last-column:after {
    content: 'click to collapse';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -496px -12px;
    width: 24px;
    height: 14px;
    float: right;
    font-size: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    position: absolute;
    right: 0.5rem;
}

table.breakpoint td.footable-last-column:after {
    content: 'click to collapse';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -496px -12px;
    width: 24px;
    height: 14px;
    float: right;
    font-size: 0;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    margin-top: -7px;
}

/*
table.all-rows-expanded.sml tbody tr:nth-child(odd):not(.footable-detail-show) td:first-child::after,
table.all-rows-expanded.xsml tbody tr:nth-child(odd):not(.footable-detail-show) td:first-child::after {
    content: '';
    height: 0;
    width: 0;
    border-bottom: 12px solid #4E2A84;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -moz-transform: scale(0.9999);
    float: right;
}

table.all-rows-expanded.sml tbody tr.footable-detail-show td:first-child::after,
table.all-rows-expanded.xsml tbody tr.footable-detail-show td:first-child::after {
    content: '';
    height: 0;
    width: 0;
    border-top: 12px solid #4E2A84;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -moz-transform: scale(0.9999);
    float: right;
}
*/

selectricHideSelect select {
    -webkit-appearance: none;
}

.selectric .button:after {
    border: 7px solid transparent !important;
    border-top-color: #4E2A84 !important;
    border-bottom: none !important;
}

#main-content .selectricOpen .selectricItems,
#main-content .selectricOpen .selectricItems ul {
    margin-left: 0;
}

.selectricItems {
    text-transform: none;
}

.selectricItems li {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.selectric {
    border: 1px solid #4E2A84 !important;
    border-radius: 0;
}

.selectric .label {
    color: #4E2A84;
    font-size: 0.95rem !important;
    line-height: 100%;
    margin: 0;
    /* TODO determine if important is needed */
}

#main-content .selectric {
    background:  #fff;
    border-radius: 0; 
}

#main-content .selectric .button {
  top: 50%;
  margin-top: -15px;
}

#main-content .selectricItems ul li {
    margin: 0 !important;
    padding: 0 20px 0 10px;
    line-height: 1.3rem;
}

#main-content .selectric p {
   margin: 0; 
   padding: 4px 15px 4px 10px;
}

#main-content .selectricItems ul {
   margin-top: 0; 
   margin-bottom: 0;
}

#main-content .content-slider {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
    margin-top: -2rem;
}

.slick-slider .slick-slide {
    display: inline-block;
    position: relative;
}

.slider .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    height: 65px;
    line-height: 1.3rem;
    color: #E1E1E2;
    font-size: .95rem;
    padding: 0.8rem 2rem 1rem 2rem;
}

.flexbox .slider:not(.news-slider) .caption {
    padding: 0 3.2rem;
    display: -webkit-flex;
    -webkit-align-items:center;
    display: flex;
    align-items: center;
}

.slider img {
    display: block;
}

.slider .caption:empty {
    display: none;
}

.slick-slider .slick-slide .caption {
    right: 102px;
}

.slick-slider .slide-content-desc > span:first-child {
	margin-right: .3rem;
}

.slick-slider .read-more {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #ffae00;
    white-space: nowrap;
    border-bottom: 1px dotted #ffae00;
}

.slick-slider .read-more:hover {
    border-bottom: 1px solid #ffae00;  
}

.slick-slider > button {
    background: rgba(0,0,0,0.9);
    height: 65px;   
    width: 50px;
    top: auto;
}

.slick-next {
    bottom: 0;
    right: 0;
    top: auto;
    position: absolute;
}

.slick-prev {
    bottom: 0;
    right: 50px;
    top: auto;
    left: auto;
    position: absolute;
}

.slick-prev:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -291px -6px;
    height: 24px;
    width: 15px;
    display: inline-block;
}

.slick-next:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -326px -6px;
    height: 24px;
    width: 15px;
    display: inline-block;
}

#right-col-slider .slick-next:before, #right-col-slider .slick-prev:before,
#right-col-slider .slick-next:hover:before, #right-col-slider .slick-prev:hover:before {
    height: 33px;
    width: 35px;
    display: inline-block;
}

#right-col-slider .slick-next:before {
    content: '';
    background-image: url('../images/structure/sprites/sidebar-slider.svg');
    background-position:-135px -1px;
}

#right-col-slider .slick-prev:before {
    content: '';
    background-image: url('../images/structure/sprites/sidebar-slider.svg');
    background-position: -91px -1px;
}  

#right-col-slider .slick-next:hover:before {
    content: '';
    background-image: url('../images/structure/sprites/sidebar-slider.svg');
    background-position:0px -1px;
}

#right-col-slider .slick-prev:hover:before {
    content: '';
    background-image: url('../images/structure/sprites/sidebar-slider.svg');
    background-position:-46px -1px;
}

#right-col-slider > button {
    background: none;
    height: 33px;   
    width: 35px;
}

@media screen and (max-width: 1600px) {
    /* offices & services hover adjustment */
    #nav #top-nav > li:hover:nth-child(4) > div {
        left: auto;
        right: -1rem;
    }
}

@media screen and (max-width: 1220px) {
    .header-container, #container, #northwestern-logo-wrapper {
        margin-left: 0.55rem;
        margin-right: 0.55rem;
    }

    .slider .caption {
        font-size: 0.9rem;
        line-height: 1rem;
        padding: 0.7rem;
    }

/*
    #nav {
        padding-left: 0px;
    }

    #nav .header-container {
        display: block !important;
    }
*/

}

/*
@media screen and (max-width: 1060px) {
    #nav #top-nav > li {
        padding-right: 5px !important;
    }
}
*/

/*
@media screen and (max-width: 1040px) {
    #banner-search {
        display: block;
    }

    #nav-search {
        display: none !important;
    }
    
    #nav #top-nav > li:nth-child(4) {
        padding-right:0 !important;
        margin-right:0;
    }
    
    #nav #top-nav > li:nth-child(4) a {
        padding-right:0;
        margin-right:0;
    }

    #banner-search #q::-webkit-input-placeholder {
        font-size: 0;
    }

    #banner-search #q::-moz-placeholder {
        font-size: 0;
    }

    #banner-search #q:-ms-input-placeholder {
        font-size: 0;
    }

    #nav {
        border-top: 1px solid #cacaca;
        position: relative;
        top: 0;
        margin-top: 0.5rem;
        padding-bottom: 0.6rem;
        left: 0;
    }

    #nav #top-nav {
        float: none;
        margin-top: 0.93rem;
        max-width: initial;
    }
    
    #mid-header {
        padding: 0px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    h1#major-title {
        margin-top: 0;
    }

    html.no-touch #nav #top-nav > li:not(#top-nav-explore):hover > a:after {
        top: 16px;
    }

    #nav .hover-container {
        margin-top: 0.6rem;
    }

    #mid-header #q {
        width: 250px;
    }
    
    #nav #top-nav > li:hover:nth-child(4) > div {
        right: 0rem;
    }
}
*/

@media screen and (max-width: 980px) and (min-width: 769px){
    #footer-icons {
        max-width: 115px;
    }
    a.iconset-footer  {
        float: left;
    }
    
}

@media screen and (max-width: 980px) {
/*
    #super-nav li:first-child {
        display: none;
        position: relative;
        padding: 0.4rem 0.25rem 0.5rem 1rem;
        border-bottom: none;
    }
    
    #super-nav li:first-child + li {
        padding-left: 0;
    }
*/

    #footer-icons div {
        display: block; 
    }

    #footer-icons {
        margin-top: -0.75rem
    }


    /*#nav {
        border-top: 1px solid #cacaca;
        position: relative;
        top: 0;
        margin-top: 0.5rem;
        padding-bottom: 0.6rem;
    }*/

/*
    html.no-touch #nav #top-nav > li:not(#top-nav-explore):hover > a:after {
        top: 16px;
    }
*/



/*
    #mid-header #q {
        width: 250px;
    }
*/
    #breadcrumb_info {
        margin: 0 0.5rem; 
    }

    #breadcrumb_info li:not(:last-child):after {
        position: static;
    }

    #breadcrumb_info strong {
        cursor: pointer;
    }
    
    #breadcrumb_info::before {
        top: 3px;
    }

    /*#breadcrumb_info strong:after {*/
    /*    content: 'Click to expand!';*/
    /*    font-size: 0;*/
    /*    display: inline-block;*/
    /*    float: right;*/
    /*    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');*/
    /*    background-position: -185px -49px;*/
    /*    width: 14px;*/
    /*    height: 8px;*/
    /*    margin-left: 0.5rem;*/
    /*    margin-top: 0.75rem;*/
    /*}*/

    #main-content-wrap #breadcrumb_info {
        border: none;
        margin-top: -2rem;
    }
    
    #breadcrumb_info .right-col-inner-content {
        margin-bottom: 1.8rem;
    }

    /*#main-content-wrap .right-col-inner-content:not(.expanded) #breadcrumb {*/
    /*    display: none;*/
    /*}*/

    /*#main-content-wrap .right-col-inner-content.expanded #breadcrumb {*/
    /*    display: block;*/
    /*    right: 1rem;*/
    /*}*/

    #main-content-wrap #breadcrumb_info ul li {
        display: inline-block;
    }

    #right-col {
        position: relative;
        /* left: 21.530612244898%; */
        max-width: none;
        padding-right: 0;
        padding-left: 193px;
        left: 0;
    }
    
    #right-col .slider {
        display: none;
    }
    
    #left-col {
	    padding: 4.5rem 0 0 0; 
    }
    
    body.no-left-nav #right-col {
        padding-left: 0;
    }

    #right-col-halvsies {
        width: 100%;
    }

    #callout {
        width: 100%;
    }

    #contact_info {
        width: auto;
    }

   #container .calls-to-action > a:only-child {
        width: 97%;
    }  

    #related_info + #contact_info {
        display: inline-block;
        width: 48%;
        margin-left: 4%;
    }

    .calls-to-action #apply-action.right-col-outer-content {
       display: inline-block;
        width: 45%; 
    }

    #apply-action + #request-action {
        display: inline-block;
        width: 45%;
        margin-left: 7%;
    }

    #related_info {
        display: inline-block;
        width: 48%;
        float: left;
    }
    
    #container .calls-to-action a {
    	margin-top: 30px;
		}
		
		#right-col-halvsies hr {
			margin-bottom: 0;
		}

    #main-content-wrap {
        width: auto;
        margin-right: 0;
        padding-right: 0;
    }
    
}

@media screen and (max-width:960px){
	.sitetype-undefined #search, 
	.sitetype-undefined #super-nav,
	.sitetype- #search, 
	.sitetype- #super-nav,
	/*rule below needed in addition to rules above for interim period
		these can be generalized for all sites after new navigation live for
		all mccormick sites.
	*/
	.mid-dept #search,
	#super-nav.dept-super,
	.mid-header-grid .top-links {
		display: none;
	}
	
	.mccormick-header-logo {
		display: table;
		height: auto;
		vertical-align: middle;
	}
	
	.mid-dept h1 {
		max-width: 100%;
	}
	
	header {
        padding-bottom: 55px;
	}
	
	header > nav {
		display:none;
	}
	
	.blur {
		filter: blur(8px);
		-webkit-filter: blur(8px);
	}
	
	.sitetype-undefined .mobile-bar, 
	.sitetype- .mobile-bar,
	.mid-dept ~ .mobile-bar
	{
		display:flex;
	}
	
	.mobile-bar {
		justify-content: space-between;
		background: #401f68;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9998;
	}
	
	.mobile-bar.nav-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		z-index: 9998;
	}

	#main-mobile-nav.nav-fixed {
		position:fixed;
		top:55px;
		right: 0
	}
	
	
  #mobile-nav li ul { 
    display: none;
  }
  
  #mobile-nav-bottom > ul > li:last-child ul {
	  display: block;
  }

  #mobile-nav li.expanded > ul, 
  #mobile-nav li.expanded > ul > li.expanded > ul {
     display: block;
  }
  
  .main-content a[id]:not([href]),
  #main-content a[id]:not([href]) {
        position: relative;
        left: 0;
        top: -60px;
    
    }
	
}

@media screen and (max-width:768px) {
	
/*
    
    #nav #top-nav li:not(:last-child) a {
        padding-right: 0;
        font-size: 0.85rem;
    }
    
    #mid-header {
        margin-top: 30px;
    }

    #super-nav li:first-child:after {
        content: '';
        height: 0;
        width: 0;
        border-top: 7px solid #4E2A84;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        position: absolute;
        bottom: -7px;
        left: 6%;
        -moz-transform: scale(0.9999);
    }

    #top-nav {
        text-align: left;
    }
*/
		
    .slider .caption {
        font-size: 0.85rem;
    }
    
    /* #main-content-wrap .right-col-inner-content {*/
    /*    position: relative;*/
    /*    background: #f8f5f8;*/
    /*    margin-bottom: 0;*/
    /*}*/
    
    footer {
        text-align: center;
        padding-top: 1.5rem;
    }

    #footer-logo {
        width: 190px;
        height: 110px;
        float: none;
        padding-left: 0;
        margin: 20px auto 25px;
        background-position: center;
    }

    footer address {
        margin-right: 0;
    }
    
    #footer-links {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    
    #footer-links p:first-child, 
    #footer-links p:first-child.department-footer-header {
        margin-top: 20px;
    }
    
    #footer-links p:first-child {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }
    
    #footer-links ul {
        margin: auto;
        margin-left: 1.3rem;
    }
    /*
    #footer-links p:first-child {
        display: block;
        font-size: 1.05rem; 
        font-weight: normal;
    }
    */
    #footer-icons {
        float: none;
        padding-top: .5rem;
        /* width: 110%;
        margin-left: -0.85rem; */
        text-align: center;
        border-top: 1px solid #7a5fa3;
    }

    #footer-icons div {
        display: inline-block;
    }

    /*#footer*/ .contact-info {
        display: block;
        text-align: center;
        margin-top: 0.4rem;
        margin-left: 1.3rem;
    }

    #footer-icons a {
        margin-left: 0.4rem;
        margin-right: 0.4rem;
    }

    #footer-copyright {
        text-align: center;
    }
}

@media screen and (max-width:700px) {

    .flexbox .slider:not(.news-slider) .caption {
        display: none; 
    }
    
/*
    li#nav-search {
        position: relative;
        display: block !important;
    }

    li#nav-search:after {
        content: '';
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -254px -42px;
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0.5rem;
        top: 50%;
        margin-top: -10px;
    }

    #mid-header {
        margin-top: 0;
        margin-bottom: 0;
    }

    #banner-search {
        display: none;
    }
*/

    h1#major-title {
        font-size: 1.2rem;
        margin-top: 0;
        margin-bottom: 0.55rem;
        padding: 0.9rem 0 0.75rem 0.2rem;
    }

    #main-content h1#page-title {
        /* 8/24 */
        /* margin-top: 30px; */
    }

    #back-to-top a {
        padding-right: 0.5rem;
    }

    .intro, .outro {
        display: none;
    }

/*
    #nav {
        display: none;
    }

    #top-nav:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 15px solid #4E2A84;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        right: 1.6rem;
        top: 75px;
        z-index: 1;
        -moz-transform: scale(0.999);
    }

    #top-nav ul {
        display: none;
    }

    #mid-header {
        height: 75px;
    }


    #mobile-menu ul, #mobile-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #mobile-menu {
        width: 92.8125%;
        z-index: 20;
        font-size: 1rem;
        position: absolute;
        top: 43px;
        right: 0;
        height: 75px;
        overflow: hidden;
        max-width: 298px;
        top: 2.8rem;
    }

    #mobile-menu ul li ul li {
        background: #efefef;
    }

    #mobile-nav #q {
        padding: 1rem;
    }

    #top-nav, #super-nav {
        border-left: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
    }

    #mobile-menu.expanded {
        height: auto;
        border-bottom: 6px solid #401F68;
    }

    #mobile-menu #top-nav li.expanded ul { 
        display: block;
    }

    #mobile-menu-handle {
        height: 75px;
        width: 75px;
        float: right;
        border-left: 1px solid #cacaca;
        cursor: pointer;
        position: relative;
    }

    #mobile-menu:not(.expanded) #mobile-menu-handle:after {
        content: 'menu';
        text-transform: uppercase;
        font-size: 0.6rem;
        text-align: center;
        display: block;
        padding-top: 60%;
    }

    #mobile-menu.expanded #mobile-menu-handle {
        background-color: #4E2A84;
    }

    #mobile-menu-handle::before {
        content: ' ';
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: 0 -38px;
        display: inline-block;
        height: 36px;
        width: 36px;
        top: 50%;
        margin-top: -22px;
        position: absolute;
        left: 50%;
        margin-left: -18px;
    }

    #mobile-menu.expanded #mobile-menu-handle::before {
        background-position: -70px -38px;
    }

    #mobile-menu.expanded #mobile-menu-handle:after {
        content: 'menu';
        text-transform: uppercase;
        font-size: 0.6rem;
        text-align: center;
        display: block;
        padding-top: 60%;
        color: #efefef;
    }
    
    #nav-search a.icon-search-glass {
        display: none;
    }


    #mobile-menu li a {
        min-height: 3rem;
        display: block;
        padding: 1rem 0.5rem 1rem 1rem;
        border-bottom: 1px solid #e4e4e4;
        position: relative;
    }
    
    #mobile-menu li.expanded ul li:last-child a {
        border-bottom: none;
    }

    #mobile-menu input, #mobile-menu strong {
        padding-left: 1rem;
    }

    #top-nav li:last-child {
        border-bottom: 4px solid #4E2A84;
    }

    #top-nav > li:not(.right):not(#top-nav-explore) > a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #4E2A84;
        position: absolute;
        top: 1.3rem;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #top-nav > li:not(.right):not(#top-nav-explore).expanded > a:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 10px solid #4E2A84;
        border-right: 8px solid transparent;
        position: absolute;
        top: 0.9rem;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #super-nav li:first-child {
        height: 2rem;
        background: #4e2a84 none repeat scroll 0 0; 
        color: #fff;
        border-bottom: 2px solid #401F68;
        display: block;
        padding: 0.4rem 0.25rem 0.5rem 1rem;
    }

    #top-nav, #super-nav {
        background: #fff;
        clear: both;
    }

    #top-nav {
        margin-right: 0;
    }

    input[type='search'] {
        width: 100%;
        border: none;
        background: #7d7d7d;
        padding: 0.4rem 0.25rem 0.5rem 0.4rem;
        margin: 0;
        display: block;
        position: relative;
        top: 0;
    }

    input[type='search'] {
        color: #dadada;
    }

    input[type='search']::-webkit-input-placeholder {
        color: #dadada;
    }

    input[type='search']::-moz-placeholder {
        color: #dadada;
    }
    
    input[type='search']::-ms-input-placeholder {
        color: #dadada;
    }
    

    #top-nav-explore {
        background: #ece9f3;
    }

    #top-nav-explore a:after{
        content: 'Discover our philosophy and how we produce whole-brain engineers';
        display: block;
        font-size: 0.8rem;
        padding-top: 0.2rem;
    }

 */
#search .search-form {
    width: 100%;
    position: relative;
}

#search #q-desktop {
    width: 100%;
    border: none;
    color: #dadada;
    font-size: 1rem;
    background: #7d7d7d;
    padding: 1rem;
    margin: 0;
    display: block;
    position: relative;
    top: 0;
    height: 45px;
}

#search #q-desktop::-webkit-input-placeholder {
        color:#dadada;
    }

	#search #q-desktop::-moz-placeholder {
        color:#dadada;
    }

#search #q-desktop:-ms-input-placeholder {
        color:#dadada;
    }

	#search .search-form button {
		float: none;
		position: absolute;
		right: 20px;
	  top: 5px;
	  background: url(https://common.northwestern.edu/v8/css/images/icons/search-white.svg) no-repeat center;
	  border-bottom: none;
	}
	
	#super-nav {
		display: none;
	}
	
	#mobile-nav {
	    display: block;
	    left: 0.55rem;
	    right: 0.55rem;
	    height: 40px;
	    position: absolute;
	    z-index: 10;
	}
	
	.sitetype-undefined #mobile-nav, 
	.sitetype- #mobile-nav {
		margin-top: 70px;
	}
	
	#mobile-nav.expanded {
	    height: auto;
	}
	
	#mobile-nav-handle {
	    background: #005295;
	    border-radius: 5px;
	    height: 40px;
	    line-height: 40px;
	    font-size: .9rem;
	    color: #fff;
	    padding-left: 1.5rem;
	    cursor: pointer;
	}
	
	#mobile-nav-handle #inner {
	    right: 3rem;
	    position: absolute;
	    left: 1rem;
	    border-right: 1px solid #4d86b5;
	    font-family: "Campton Bold",Arial,sans-serif;
	    font-weight: normal;
	}

    #mobile-nav.expanded  #mobile-nav-handle {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        position: relative;
    }

    #mobile-nav #mobile-nav-handle:after {
        content: 'Click to expand!';
        font-size: 0;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -40px -42px;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        right: 0.7rem;
    }

    #mobile-nav.expanded #mobile-nav-handle:after {
        content: 'Click to expand!';
        font-size: 0;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -76px -42px;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        right: 0.7rem;
    }

   /* body.sitetype- #breadcrumb_info strong {*/
   /*     display: block;*/
   /*     width: 100%;*/
   /*     border-top: 4px solid #2d78b6;*/
   /*     border-bottom: 4px solid #005295;*/
   /*     height: 53px;*/
   /*     line-height: 53px;*/
   /*     color: #0f5c9b;*/
   /*     padding-left: 2.5rem;*/
   /*     position: relative;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info .right-col-inner-content:before {*/
   /*     float: left;*/
   /*     margin-left: 1rem;*/
   /*     margin-top: 1rem;*/
   /*     background-position: -326px -42px;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info .right-col-inner-content:not(.expanded) strong:after {*/
   /*     content: 'Click to expand!';*/
   /*     font-size: 0;*/
   /*     background-image: url('../images/structure/sprites/arrows-nav-docs.svg');*/
   /*     background-position: -500px -48px;*/
   /*     width: 14px;*/
   /*     height: 8px;*/
   /*     margin-left: 0.5rem;*/
   /*     margin-top: 0.75rem;*/
   /*     position: absolute;*/
   /*     top: 50%;*/
   /*     margin-top: -4px;*/
   /*     right: 1rem;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info .right-col-inner-content.expanded strong:after {*/
   /*     content: 'Click to expand!';*/
   /*     font-size: 0;*/
   /*     background-image: url('../images/structure/sprites/arrows-nav-docs.svg');*/
   /*     background-position: -464px -44px;*/
   /*     width: 20px;*/
   /*     height: 18px;*/
   /*     margin-left: 0.5rem;*/
   /*     margin-top: 0.75rem;*/
   /*     position: absolute;*/
   /*     top: 50%;*/
   /*     margin-top: -9px;*/
   /*     right: 0.75rem;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info.right-col-outer-content {*/
   /*     background: #fff;*/
   /*     width: 100%;*/
   /*     margin: 0;*/
   /*     background: #ecf3f9;*/
   /*     padding-bottom: 0;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info img {*/
   /*     display: none;*/
   /* }*/

   /*body.sitetype- #breadcrumb_info ul {*/
   /*     margin-bottom: 0;*/
   /*     margin-top: .25rem;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info li {*/
   /*     padding: 0 0 0.75rem 1rem;*/
   /*     margin-bottom: 0.3rem;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info a, */
   /* body.sitetype- #breadcrumb_info li {*/
   /*     color: #000;*/
   /*     padding-top: 0;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info .right-col-inner-content #breadcrumb {*/
   /*     display: none;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info .right-col-inner-content.expanded #breadcrumb {*/
   /*     display: block;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info .right-col-inner-content {*/
   /*     padding: 0;*/
   /*     margin: 0;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info li:not(:last-child):after {*/
   /*     content: '\00BB';*/
   /*     padding-left: 5px;*/
   /*     font-size: 1rem;*/
   /* }*/

   /* body.sitetype- #breadcrumb_info li:last-child {*/
   /*     color: #4E2A84;*/
   /* }*/

   /* body.sitetype- #mobile-nav #breadcrumb {*/
   /*     padding-top: 1.5rem;*/
   /*     background: #ecf3f9;*/
   /*     border-bottom: 4px solid #005295;*/
   /*     left: 0;*/
   /*     right: 0;*/
   /*     z-index: 1;*/
   /*     margin-top: 0;*/
   /* }*/

   /* body.sitetype- #mobile-nav .expanded #breadcrumb {*/
   /*     position: absolute;*/
   /*     box-shadow: 0 3px 4px 0 #000;*/
   /* }*/

    #mobile-nav ul {
        list-style-type: none;
        padding-left: 0;
        margin: 0;
    }

    #mobile-nav nav {
        background: #fff;
    }

    #mobile-nav li ul { 
        display: none;
    }

    #mobile-nav li.expanded > ul, 
    #mobile-nav li.expanded > ul > li.expanded > ul {
        display: block;
    }

    #mobile-nav nav a {
        display: block;
        min-height: 45px;
        padding: 1rem .3rem 1rem 1rem;
        font-size: 0.9rem;
        position: relative;
        border-bottom: 1px solid #e4e4e4;
        padding-right: 2rem;
    }

    #mobile-nav > nav > ul, #mobile-nav #breadcrumb_info {
        border-left: 1px solid #aeaeae;
        border-right: 1px solid #aeaeae;
        box-shadow: 0 2px 2px #666;
    }

    #mobile-nav > nav > ul > li.section > a:after, 
    #mobile-nav > nav > ul > li.section > ul > li.section > a:after,
    #mobile-menu #top-nav > li.active > a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #4E2A84;
        position: absolute;
        top: 1.2rem;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #mobile-nav > nav > ul > li.expanded > a:after, 
    #mobile-nav > nav > ul > li.expanded > ul > li.expanded > a:after,
    #mobile-menu #top-nav > li.active > a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #4E2A84;
        border-top: none;
        position: absolute;
        top: 1.2rem;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #mobile-nav > nav > ul > li.expanded > ul > li {
        background: #efefef;
    }

    #mobile-nav > nav > ul > li.active > ul > li:first-child,
    #mobile-menu ul li.expanded ul li:first-child {
        box-shadow: inset 0 11px 6px -10px #666;
    }

    #mobile-nav > nav > ul > li.active > ul > li:last-child,
    #mobile-menu ul li.expanded ul li:last-child {
        box-shadow: inset 0 -11px 6px -10px #666;
    }

    #mobile-nav > nav > ul > li > ul > li > ul {
        box-shadow: inset 0 11px 6px -10px #666, inset 0 -11px 6px -10px #666;
        background: #e0e0e0;
    }

    #mobile-nav .current > a {
        font-weight: normal;
    }

    #left-col {
        display: none;
    }

    #right-col {
        left: 0;
        width: auto;
        margin: 0 1rem 0 1rem;
        padding: 0;
    }

    #back-to-top a {
        left: 50%;
        margin-left: -65px;
        width: 145px;
        z-index: 1;
    }

    #container {
        margin-right: 0;
        margin-left: 0;
    }

    #main-content-wrap {
        /*margin-top: 62px;*/
        margin-left: 0.55rem;
        padding-left: 0;
        padding-right: 0.55rem;
        /* 8/24 */
        padding-top: 0;
    }
    
     body:not(.sitetype-) #main-content-wrap {
         margin-top: 0;
     }

    /*.sitetype- #main-content-wrap, 
	.sitetype-undefined #main-content-wrap {
        margin-top: 2rem;
	}*/
	
	#main-content-wrap #breadcrumb_info {
        margin-top: 0;
    }
    
    .slider:not(.news-slider){
        margin-bottom: 40px;
    }
    
    .slider:not(.news-slider) .caption {
        font-size: 1.3rem;
    }

    #footer-links ul {
        width: auto;
    }

    #footer-icons {
        width: auto;
    }

    #footer-icon-set1, #footer-icon-set2 {
        display: inline;
    }

    .slider.mobile-off > div:not(:first-child) {
        display: none;
    }

    .content-slider div {
        position: relative;
    }

    body.no-right-sidebar #main-content-wrap {
        padding-right: 0.55rem;
    }

} 

@media screen and (max-width: 600px) {
    
/*
    #mid-header {
        width: 60%;
        z-index: 25;
    }
*/
    
    #footer-links > a {
        display: block;
        text-align: center;
    }

    #footer-copyright {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .content-slider .caption {
        display: none;
    }
    
    .p-quote-right {
        width: auto;
        margin: auto;
        top: 0; 
    }
}

@media screen and (max-width:480px) {
    
    #mid-header img {
        margin-left: 0;
    }
    
    .slick-slider .caption {
        font-size: 0.75rem;
    }

    #footer-icons {
        padding-top: .5rem;
    }


    #footer-links ul li:nth-child(5) {
        margin-top: 1rem;
    }

    #footer-links ul li:nth-child(5), #footer-links ul li:nth-child(6) {
        display: block;
        text-align: center;
        margin-left: 0;
    }

    #footer-logo {
        margin-top: 1rem;

    }

    #footer-copyright a {
        display: block;
        text-align: center;
    }

    #right-col, #more-in-section {
        padding: 0 5px 0 5px;
        margin: 0;
    }

    body.no-left-nav #right-col {
        padding-left: 5px;
    }
    
    #main-content-wrap {
        width: 100%;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }

    body.no-right-sidebar #main-content-wrap {
        padding-right: 0;
    }

    #main-content-wrap > div {
        border-left: none;
        border-right: none;
    }

    #right-col-halvsies #contact_info, #related_info {
        width: auto;
        display: block;
        float: none;
        margin-left: 0;
    }
    
    #container #apply-action, #container #request-action {
    	width: 95%;
		display: block;
        float: none;
        margin-left: 0;
		}

    #main-content {
        padding: 0.55rem;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    #main-content h1#page-title {
        font-size: 2.6rem;
        line-height: 1;
    }
    
    .content-slider {
        margin-top: -0.5rem;
    }

    .slider {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .slider .caption {
        font-size: 0.7rem;
    }

    /*#right-col .right-col-inner-content {*/
    /*    padding-left: 0.55rem;*/
    /*    padding-right: 0.55rem;*/
    /*}*/
    
    /*#right-col h5 {*/
    /*    padding-left: 0.55rem;*/
    /*    padding-right: 0.55rem;*/
    /*}*/
    
    /*#callout-more {*/
    /*    padding-left: 0.55rem;*/
    /*}*/
    
	  #staff-directory .person-photo + .person-info.column1 {
		    margin-left: 0;
		    padding-left: 0;
    }

    #staff-directory .person .person-photo {
        width: 100px;
        position: relative;
        float: left;
        margin-right: 15px;
    } 
}

.cf:after,
#nav .header-container {
  content: "";
  display: table;
  clear: both;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#main-content a { 
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
}


/* dotted links */

#main-content a, #right-col a, #breadcrumb a, #home-efl a, #home-content a {
    border-bottom: 1px dotted #B6ACD1;
    text-decoration: none;
}

#main-content a:hover,
#right-col a:hover,
#breadcrumb a:hover,
#home-efl a:hover,
#home-content a:hover {
    border-bottom: 1px solid #4E2A84;       /*  found a missing semi-colon here  */
}

#right-col-slider a {
    color: #ffffff;
}

#right-col-slider a:hover {
    border-bottom: 1px solid #ffffff;
}

a.link-arrows:after {
    position: absolute;
    margin-top: 0.25rem;
}

/* this can be removed once we integrate -- all it does is remove the raquo */
#main-content h2 a[href]:after, 
#main-content h3 a[href]:after {
    display: none;
}
/* this might be risky for other templates */
#main-content h2 a[href], 
#main-content h3 a[href] {
    padding-right: 0 !important;
}

.link-bttn,
.link-bttn-blue,
.link-bttn-orange,
.link-bttn-lt-purple{
    border-bottom: none !important; 
}

.faculty-photo a {
    border-bottom: none !important
}

.addthis a {
    border-bottom: none !important;
}

.back_to_top a {
    border-bottom: none !important;
}

.slider-more a,
#callout-more a {
    border-bottom: none !important;
}

#program_listing a,
/*.program_listing_list */.program-icon-cell a {
    border-bottom: none !important;
}

.newsimg-float-left {
    border-bottom: none !important;
}

.iconset-home {
    border-bottom: none !important;
}

/* end dotted links */
 .dot_center {
	/*display: block !important;
	 margin-left: auto !important;
	 margin-right: auto !important;
	*/
	 text-align:center !important;
	 vertical-align:middle !important;
}

/* pre-footer-style-start*/
#pre-footer-form input, #pre-footer-form input.link-bttn {
	font-size: 1rem;
}

 #pre-footer-form input.invalid, #pre-footer-form .checkmark.invalid, #ebrochure .contact-inputs input.invalid {
	 border: 1px solid #D0021B;
	 background-image: url("../images/validation-mark.svg");
	 background-color: #fff;
	 background-repeat: no-repeat;
	 background-attachment: scroll;
	 background-size: 16px 18px;
	 background-position: 98% 50%;
	 cursor: auto;
}
 #pre-footer-form .checkmark.invalid {
	 background-image: none;
}
 #pre-footer .link-bttn:after {
	 content: none;
	 background-image: none;
	 margin-left: 0px;
}
 #pre-footer .link-bttn {
	 margin-right: 0px;
	 box-shadow: none;
	 margin-bottom: 10px;
	 border: none;
	 -webkit-appearance: none;
	 border-radius: 0;
}
 #pre-footer {
	 padding: 50px 0;
	 background: #E4E0EE;
	 margin-bottom: -1.8rem;
	 margin-top: 1.8rem;
}
 .pre-footer-wrap {
	 padding-left: 190px;
}
 .l-break {
	 display: inline;
	 padding-left: 20px;
}
 .error {
	 display: none;
	 margin-left: 10px;
}
 .error_show {
	 display: block;
	 color: #D0021B;
	 margin: 0 0 5px 0;
	 font-size: .8rem;
	 font-style: italic;
}
 .topside {
	/* margin-top: 0;
	 */
	 margin-left: 172px;
	 margin-bottom: 10px;
	/* float: right;
	 */
	/* width: 79.5%;
	 */
}
 #pre-footer h5 {
	 font-family: "Campton Book",Arial,sans-serif;
	 margin-bottom: 0;
	 margin-top: 0;
	 text-transform: uppercase;
	 font-size: 1.125rem;
	 color: #4a4a4a;
	 padding-bottom:5px;
}


 #pre-footer h2 {
	 font-size: 1.75rem;
	 font-family: "Campton Bold",Arial,sans-serif;
	 color: #4E2A84;
	 margin-top: 0;
	 margin-bottom: 10px;
}
 .pre-footer-main {
	 max-width: 1180px;
	 position: relative;
	 margin: auto;
}
 .pre-footer-main label {
	 display: inline-block;
}
 .left-side {
	 position: absolute;
	 width: 152px;
	 top:0;
	 left: 190px;
}
 .pre-footer-right {
	 margin-left: 172px;
}
 #pre-footer-email {
	 width: 50%;
}
 #pre-footer-firstname, #pre-footer-lastname, #pre-footer-email {
	 width: 38%;
	 margin-right: .75%;
	 padding: 6px 8px 4px 8px;
	 height: 2em;
	 border: 1px solid #CCC;
	 color: #9B9B9B;
	 font-size: .95rem;
	 display: inline;
	 box-shadow: 0 0 0px #fff inset;
	 background: #fff;
	 -webkit-appearance: none;
	 border-radius: 0;
}
 #pre-footer-lastname {
	 margin-right: 0;
}
 #pre-footer-firstname::-webkit-input-placeholder {
	 color: #CCC;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 font-size: .95rem;
}
 #pre-footer-firstname:focus {
	 outline: none;
	 border: 1px solid #4E2A84;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 color: #4E2A84;
	 font-size: .95rem;
}
 #pre-footer-lastname::-webkit-input-placeholder {
	 color: #CCC;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 font-size: .95rem;
}
 #pre-footer-lastname:focus {
	/* color: #666;
	*/
	 outline: none;
	 border: 1px solid #4E2A84;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 color: #4E2A84;
	 font-size: .95rem;
}
 #pre-footer-email {
	 width: 63%;
	 margin-top: 10px;
}
 #pre-footer-email::-webkit-input-placeholder {
	 color: #CCC;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 font-size: .95rem;
}
 #pre-footer-email:focus {
	 outline: none;
	 border: 1px solid #4E2A84;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 color: #4E2A84;
	 font-size: .95rem;
}
 input[type="checkbox"] {
	/* display: none;
	*/
	 -webkit-appearance: checkbox;
	/* Chrome, Safari, Opera */
	 -moz-appearance: checkbox;
	/* Firefox */
	 -ms-appearance: checkbox;
	/* not currently supported */
	 background-color: white;
	/* transform: scale(1.6);
	*/
	/* margin-right: 1.5em;
	 */
}
/* Hide the browser's default checkbox */
 .check-square {
	 position: absolute;
	 display: inline-block;
	 opacity: 0;
	 cursor: pointer;
}
/* The container */
 .check-container {
	 display: block;
	 position: relative;
	 padding-left: 30px;
	 cursor: pointer;
	 font-size: 14px;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}
 .checkmark {
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 16px;
	 width: 16px;
	/* border: 1px solid rgba(0,0,0,.1);
	*/
	 background-color: #fff;
	 border: 1px solid #CCC;
}
/* When the checkbox is checked, add a blue background */
 .check-square:checked ~ .checkmark {
	/*background-color: #2196F3;
	*/
	/* text-align: center;
	*/
}
/* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
	 content: "";
	 position: absolute;
	 display: none;
}
/* Show the checkmark when checked */
 .check-container input:checked ~ .checkmark:after {
	 display: block;
	 text-align: center;
}
/* Style the checkmark/indicator */
 .check-container .checkmark:after {
	 left: 3px;
	 top: -2px;
	 width: 5px;
	 height: 11px;
	 border: solid #ccc;
	 border-width: 0 3px 3px 0;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 transform: rotate(45deg);
}
 #pre-footer label {
	 display: inline-block;
	 margin-right: 2.75%;
	 font-size: 0.9375rem;
	 font-family: "Akkurat Pro Regular", Arial, sans-serif;
	 color: #666;
}
 #pre-footer-buttonholder {
	 margin-top: 20px;
}
 #pre-footer:last-of-type {
	 margin-top: 4%;
}
 a.button:last-of-type .hero a.button:last-of-type {
	 margin-right: 0;
}
/* this should just be added to rule around 4029 */
 @media screen and (max-width: 1220px){
	 .pre-footer-main {
		 margin-left: 0.55rem;
		 margin-right: 0.55rem;
	}
	 .pre-footer-wrap {
		 max-width: 78%;
		 overflow: hidden;
	}
	 .topside {
		 margin-left: 0;
	}
	 .left-side {
		 position: relative;
		 left: 0;
		 float: left;
		 width: 121px;
		 margin-right: 20px;
	}
	 #pre-footer-firstname {
		 width: 49%;
		 margin-right: 2%;
	}
	 #pre-footer-lastname {
		 width: 49% 
	}
	 #pre-footer-buttonholder {
	    margin-top: 16px;
	 }
	 .l-break {
		 display: block;
		 margin-top: 10px;
		 padding-left: 0;
	}
	 .pre-footer-right {
		 margin-left: 0;
		 float: left;
		 width: calc(100% - 141px);
	}
}
 @media only screen and (max-width: 980px){
	 .pre-footer-wrap {
		 max-width: 823px;
	}
	 #pre-footer-buttonholder {
	    margin-top: 24px;
	 }	
}
 @media only screen and (max-width: 840px){
	 .pre-footer-wrap {
		 max-width: 80%;
		 padding-left: 0;
		 margin: 0 auto;
	}
	 #pre-footer-email {
		 width: 100%;
		 margin-right: 0;
	}
	 #pre-footer-buttonholder {
		 text-align: right;
		 margin-top: 24px;
	}
}
 @media only screen and (max-width: 780px){
	 .pre-footer-wrap {
		 margin: 0 12%;
	}
	 .left-side {
		 width: 110px;
	}
	 
	 .pre-footer-right {
		 width: calc(100% - 131px) 
	}
	 #pre-footer-buttonholder {
		 margin-top: 14px;
	}
}

@media only screen and (max-width: 768px){
	.mid-dept h1 {
		font-size: 28px;
	}
}

 @media only screen and (max-width: 640px){
	 .left-side {
		 width: 150px;
	}
	 .pre-footer-right {
		 width: calc(100% - 171px) 
	}
	 #pre-footer-firstname {
		 width: 100%;
		 margin-right: 0;
	}
	 #pre-footer-lastname {
		 width: 100%;
		 margin-top: 10px;
	}
	 #pre-footer-buttonholder {
		 margin-top: 24px;
	}
	
}
 @media only screen and (max-width: 520px){
	 
	.mid-header-grid {
		display: table;
		width: calc(100% - 1.1rem);
		height: auto;
    padding: 1rem 1rem 1rem 0;
	}
	
	.mid-dept > .mid-header-grid {
		min-height: auto;
	}
	 
	.mid-header-grid > div, 
	.mccormick-header-logo {
		vertical-align: middle;
		display: table-cell;
	}
	
	.mid-dept > .mid-header-grid > div {
		display: block;
		margin-top: 0;
	}
	
	.mid-dept > .mid-header-grid > .dept-row {
		margin-bottom: 0;
	}
	
  #pre-footer h2 {
	  font-size: 1.5rem;
  }
   
	.left-side img {
		display: none;
	}
	
	.pre-footer-wrap {
		margin: 0 auto;
		max-width: 100%;
	}
	
	.pre-footer-right {
		width: 100%;
	}
	
	.pre-footer-main {
		margin: 0;
		padding: 1rem;
		width: 100%;
	}

}

@media only screen and (max-width: 320px){
	.mid-dept h1 {
		font-size: 20px;
		line-height: 23px;
	}
}
/* pre-footer-style-end */

/*DEPT/PROGRAM PRE-FOOTER*/

#container + #pre-footer.department-pre-footer {
	margin-top: 1.8rem;
}

.department-pre-footer + footer {
	margin-top: 0;
}

.department-pre-footer .pre-footer-wrap {
	padding-left: 0;
}

.department-pre-footer .left-side {
	left: 0;
	width: 30%;
	max-width: 166px;
    height: auto;
}

.department-pre-footer .topside, 
.department-pre-footer .pre-footer-right{
	margin-left:185px;
}

.department-pre-footer .topside {
    margin-bottom: 18px;
	color: #4a4a4a;
}

#pre-footer.department-pre-footer {
	margin:0;
	padding: 75px 0 80px 0;
}

#pre-footer.department-pre-footer h2 {
	margin-bottom: 0;
	font-size: 2rem;
}

/*form font-size & cross-browser support*/
#pre-footer.department-pre-footer label, #pre-footer-form input {
	font-size: 1.125rem;
}

#pre-footer-form input::-webkit-input-placeholder {
	font-size: 1.125rem !important;
}

#pre-footer-form input:-moz-placeholder {  
	font-size: 1.125rem !important;
}

/*--for IE10 support--*/
#pre-footer-form input:-ms-input-placeholder {
	font-size: 20px !important;
}

.department-pre-footer #pre-footer-firstname, .department-pre-footer #pre-footer-lastname, .department-pre-footer #pre-footer-email {
	height:40px;
}

.department-pre-footer #pre-footer-email {
	margin-right:0;
	padding-right:0;
	width: 46.5%;
}

.department-pre-footer .l-break {
	padding-left: 30px;
}

.department-pre-footer #pre-footer-buttonholder {
    margin-top: 24px;
}

#pre-footer.department-pre-footer .link-bttn {
	margin: 0 0 1rem;
	font-size: 1rem;
}


@media screen and (max-width: 1220px){
	.department-pre-footer .topside  {
		margin-left:0;
	}
	
	.department-pre-footer .pre-footer-right {
		width:70%;
		float: left;
    	margin-left: 0;
	}
	
	.department-pre-footer .pre-footer-wrap {
		margin: 0 auto;
	}
	
	.department-pre-footer #pre-footer-firstname, .department-pre-footer #pre-footer-lastname {
		width: 35.5%;
	}
	
	.department-pre-footer #pre-footer-email {
		width: 100%;
	}
	
	.department-pre-footer .l-break {
		padding-left: 0px;
		margin-top:16px;
	}
	
	.department-pre-footer #pre-footer-buttonholder {
		margin-top: 35px;
	}
}

@media screen and (max-width: 960px){ 
	.department-pre-footer .pre-footer-wrap {
		max-width:677px;
	}
	
	.department-pre-footer .pre-footer-right {
		width:70%;
	}
	
	.department-pre-footer #pre-footer-firstname, .department-pre-footer #pre-footer-lastname {
		width: 48.5%;
	}
}

@media only screen and (max-width: 840px) {
	.department-pre-footer #pre-footer-buttonholder {
		text-align: left;
	}
}

@media screen and (max-width: 768px){ 
	.department-pre-footer .pre-footer-wrap {
		max-width:628px;
	}
	.department-pre-footer .pre-footer-right {
		width:65%;
	}
}

@media screen and (max-width:768px) and (min-width:541px){
		#pre-footer.department-pre-footer .link-bttn {
		float: right;
	}
}

@media screen and (max-width: 640px){ 
	.department-pre-footer #pre-footer-lastname {
		margin-top:0;
	}
	
	.department-pre-footer #pre-footer-firstname, .department-pre-footer #pre-footer-lastname{
		width:48%;
	}
	
	.department-pre-footer #pre-footer-firstname {
		margin-right:2%;
	}
	
	.department-pre-footer #pre-footer-lastname {
		float:right;
	}

}
@media screen and (max-width: 540px){ 
	.department-pre-footer .pre-footer-main {
		width:initial;
		padding:0;
	}
	
	.department-pre-footer .pre-footer-wrap {
		text-align:center;
	}
	
	.department-pre-footer .pre-footer-right {
		width:100%;
	}
	
	.department-pre-footer #pre-footer-firstname, .department-pre-footer #pre-footer-lastname {
		width:100%;
	}
	
	.department-pre-footer #pre-footer-firstname {
		margin-right:0;
		margin-bottom: 10px;
	}
	
	.department-pre-footer #pre-footer-buttonholder {
		text-align:center;
	}
		#pre-footer.department-pre-footer .link-bttn {
		text-align:center;
	}
	.department-pre-footer .l-break {
		text-align:left;
	}
	
	#pre-footer.department-pre-footer h5 {
		padding-bottom: 10px;
	}
	
	#pre-footer.department-pre-footer h2 {
		font-size: 1.75rem;
	}
	
	.department-pre-footer .topside {
		margin-bottom:25px;
	}
	
	#pre-footer.department-pre-footer {
		padding: 70px 0;
	}
	
	#pre-footer.department-pre-footer .link-bttn {
		font-size: 1rem;
	}
	
	.department-pre-footer .left-side {
		display:none;
	}
}

/*DEPT/PROGRAM PRE-FOOTER END*/

/* Modal */
/* Main Layout
-------------------------------------------------------------------------------*/

/* begin local CSS reset, remove this and .redesign class selector when no longer needed */
#left-col nav.redesign ul,
#left-col nav.redesign li,
#left-col nav.redesign a {
    font-size: inherit !important;
    line-height: inherit !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}
/* end local CSS reset */

#left-col nav.redesign * {
    border-collapse: collapse !important;
}

#left-col nav.redesign li,
#left-col nav.redesign a {
    display: block !important;
}

#left-col nav.redesign li.index {
    display: none !important;
}

#left-col nav.redesign li.active > a {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif !important;
    font-weight: normal !important;
}

#left-col nav.redesign > ul > li.active > a {
    font-family: "Campton Bold", "Arial Black", sans-serif !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
}

#left-col nav.redesign a {
    padding: 18px 8px 18px 0px !important;
    position: relative !important;
}

#left-col nav.redesign a:hover {
    font-weight: normal !important;
    text-decoration: none !important;
}

html.no-touch #left-col nav.redesign ul ul ul a:hover {
    font-weight: normal !important;
    text-decoration: none !important;
}

#left-col nav.redesign ul ul ul a {
    padding: 12px 0.95rem 12px 1.5rem !important;
}

#left-col nav.redesign ul ul ul ul a {
    padding: 8px 0.95rem 8px 1.5rem !important;
}

#left-col nav.redesign li {
    line-height: 1.4rem !important;
}

#left-col nav.redesign ul ul ul li {
    line-height: 1.3rem !important;
}

#left-col nav.redesign ul ul ul {
    border-left: 7px solid #4e2a84 !important;
    display: none !important;
}

#left-col nav.redesign ul ul ul a {
    font-size: 0.98rem !important;
}

#left-col nav.redesign ul ul ul ul ul {
    display: none !important;
}

#left-col nav.redesign ul ul ul ul {
    border-left-color: #957fb5 !important;
    margin-left: 7px !important;
}

#left-col nav.redesign li.active > ul {
    display: block !important;
}

#left-col nav.redesign ul ul ul li {
    margin-left: -7px !important;
}

#left-col nav.redesign li,
#left-col nav.redesign ul li.active.expanded > a {
    border-bottom: 1px solid #cacaca !important;
}

#left-col nav.redesign ul ul li:last-child,
#left-col nav.redesign ul ul ul ul li.active > a {
    border-bottom: none !important;
}

#left-col nav.redesign li.current > a:after {
    content: '' !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 12px solid transparent !important;
    border-left: 12px solid #f4f4f4 !important;
    border-bottom: 12px solid transparent !important;
    position: absolute !important;
    right: -12px !important;
    z-index: 1 !important;
    top: 50% !important;
    margin-top: -13px !important;
    -moz-transform: scale(0.9999) !important;
}