/*

http://www.washington.edu/brand/

COLORS
purple - #4b2e83

light gold - #e8e3d3
normal gold - #b7a57a 
metallic gold - #85754d

light grey - #d9d9d9
dark grey - #444444

*/

	/* GRID */
	
.row {
    max-width: 72.5rem;
}

	/* WEBFONTS */

@font-face {
    font-family: 'encode_sans_normalblack';
    src: url('/fonts/header/webfontkit-encodeNormalBlack900/encodesansnormal-900-black-webfont.eot');
    src: url('/fonts/header/webfontkit-encodeNormalBlack900/encodesansnormal-900-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/header/webfontkit-encodeNormalBlack900/encodesansnormal-900-black-webfont.woff2') format('woff2'),
         url('/fonts/header/webfontkit-encodeNormalBlack900/encodesansnormal-900-black-webfont.woff') format('woff'),
         url('/fonts/header/webfontkit-encodeNormalBlack900/encodesansnormal-900-black-webfont.ttf') format('truetype'),
         url('/fonts/header/webfontkit-encodeNormalBlack900/encodesansnormal-900-black-webfont.svg#encode_sans_normalblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sans_compressedXBd';
    src: url('/fonts/header/webfontkit-encodeCompressed800/encodesanscompressed-800-extrabold-webfont.eot');
    src: url('/fonts/header/webfontkit-encodeCompressed800/encodesanscompressed-800-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/header/webfontkit-encodeCompressed800/encodesanscompressed-800-extrabold-webfont.woff2') format('woff2'),
         url('/fonts/header/webfontkit-encodeCompressed800/encodesanscompressed-800-extrabold-webfont.woff') format('woff'),
         url('/fonts/header/webfontkit-encodeCompressed800/encodesanscompressed-800-extrabold-webfont.ttf') format('truetype'),
         url('/fonts/header/webfontkit-encodeCompressed800/encodesanscompressed-800-extrabold-webfont.svg#encode_sans_compressedXBd') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'encode_sans_compressedmedium';
    src: url('/fonts/header/webfontkit-encodeCompressed500/encodesanscompressed-500-medium.eot');
    src: url('/fonts/header/webfontkit-encodeCompressed500/encodesanscompressed-500-medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/header/webfontkit-encodeCompressed500/encodesanscompressed-500-medium.woff2') format('woff2'),
         url('/fonts/header/webfontkit-encodeCompressed500/encodesanscompressed-500-medium.woff') format('woff'),
         url('/fonts/header/webfontkit-encodeCompressed500/encodesanscompressed-500-medium.ttf') format('truetype'),
         url('/fonts/header/webfontkit-encodeCompressed500/encodesanscompressed-500-medium.svg#encode_sans_compressedmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('/fonts/body/open_sans_700italic-webfont.eot');
    src: url('/fonts/body/open_sans_700italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/body/open_sans_700italic-webfont.woff2') format('woff2'),
         url('/fonts/body/open_sans_700italic-webfont.woff') format('woff'),
         url('/fonts/body/open_sans_700italic-webfont.ttf') format('truetype'),
         url('/fonts/body/open_sans_700italic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('/fonts/body/open_sans_700-webfont.eot');
    src: url('/fonts/body/open_sans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/body/open_sans_700-webfont.woff2') format('woff2'),
         url('/fonts/body/open_sans_700-webfont.woff') format('woff'),
         url('/fonts/body/open_sans_700-webfont.ttf') format('truetype'),
         url('/fonts/body/open_sans_700-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/body/open_sans_regular-webfont.eot');
    src: url('/fonts/body/open_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/body/open_sans_regular-webfont.woff2') format('woff2'),
         url('/fonts/body/open_sans_regular-webfont.woff') format('woff'),
         url('/fonts/body/open_sans_regular-webfont.ttf') format('truetype'),
         url('/fonts/body/open_sans_regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('/fonts/body/open_sans_italic-webfont.eot');
    src: url('/fonts/body/open_sans_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/body/open_sans_italic-webfont.woff2') format('woff2'),
         url('/fonts/body/open_sans_italic-webfont.woff') format('woff'),
         url('/fonts/body/open_sans_italic-webfont.ttf') format('truetype'),
         url('/fonts/body/open_sans_italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ICONS */

@font-face {
  font-family: 'pillarIcons';
  src: url('/fonts/pillarIcons/font/fontello.eot');
  src: url('/fonts/pillarIcons/font/fontello.eot?47014175#iefix') format('embedded-opentype'),
       url('/fonts/pillarIcons/font/fontello.woff') format('woff'),
       url('/fonts/pillarIcons/font/fontello.ttf') format('truetype'),
       url('/fonts/pillarIcons/font/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-users:before { content: '\e800'; } /* '' */
.icon-laptop:before { content: '\e802'; } /* '' */
.icon-leaf:before { content: '\e803'; } /* '' */
.icon-user-md:before { content: '\e804'; } /* '' */
.icon-bank:before { content: '\e805'; } /* '' */
.icon-globe:before { content: '\e806'; } /* '' */
.icon-award:before { content: '\e807'; } /* '' */

/* Alumni page icons*/
@font-face {
  font-family: 'alumnicons';
  src: url('/fonts/alumnicons/alumnicons.eot?98206322');
  src: url('/fonts/alumnicons/alumnicons.eot?98206322#iefix') format('embedded-opentype'),
       url('/fonts/alumnicons/alumnicons.woff?98206322') format('woff'),
       url('/fonts/alumnicons/alumnicons.ttf?98206322') format('truetype'),
       url('/fonts/alumnicons/alumnicons.svg?98206322#alumnicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'alumnicons';
    src: url('../fonts/alumnicons/alumnicons.svg?98206322#alumnicons') format('svg');
  }
}
*/
 
[class^="alumnicon-"]:before,
[class*=" alumnicon-"]:before {
  font-family: "alumnicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.alumnicon-gift:before { content: '\e800'; } /* '' */
.alumnicon-calendar:before { content: '\e801'; } /* '' */
.alumnicon-award:before { content: '\e802'; } /* '' */
.alumnicon-leaf:before { content: '\e803'; } /* '' */
.alumnicon-globe:before { content: '\e804'; } /* '' */
.alumnicon-laptop:before { content: '\e805'; } /* '' */
.alumnicon-users:before { content: '\e806'; } /* '' */
.alumnicon-user-md:before { content: '\e807'; } /* '' */
.alumnicon-bank:before { content: '\e808'; } /* '' */
.alumnicon-picture:before { content: '\e809'; } /* '' */
.alumnicon-child:before { content: '\e80a'; } /* '' */

/* TYPOGRAPHY */

body {
	font-family: 'open_sansregular';	
}

h1, .twitterTimeStamp, .twitterName a {
	color: #4b2e83;
	font-family: 'encode_sans_normalblack';
	text-transform: uppercase;
	line-height: 36px;
}

h1, h2, h3 {
	text-align: center;
}

h2, h3, h4, h5, h6, h3 a, .sidebar h4, nav.top-bar .top-bar-section ul li.has-dropdown.not-click ul.dropdown li a, .menu-icon p, ul.userNavExpanded li a, .sliderContainer .homeSliderBtns a, .tabs .tab-title > a, .controlsContainer .controls .filters *, .alphabetFilterContainer .pagination li a, .button, .simpleButton {
	color: #4b2e83;
	font-family: 'encode_sans_compressedmedium';
	letter-spacing: .5px;
}

h2, h3, h4, h5, h6, .mainContent h2, .top-bar-section ul li a, .eventVerticalContainer h4 a, .eventContainer h4 a, .externalStory h4 a, .breadcrumbs a, .faculty .content h5 a{
	font-family: 'encode_sans_compressedXBd';
}

p {
	color: #3d3d3d;
}

a {
	color: #746041;
	transition: all 0.25s ease 0s;
}

a:hover {
	color: #4d3c24;
}

ul{
	margin-left: 0;
}

.leftNav li,
.sidebar li,
.tab-bar li {
	list-style-type: none;
}

.bulleted {
    list-style-type: initial;
}

.bulleted li {
    list-style-type: inherit;
}

/* GLOBAL */
	
.clear {
	clear: both;
}
	
.off-canvas-wrap {
	background-color: #333333;
}
	
body {
	font-family: 'open_sansregular';
}
	
.bodyBG{
	background: url("/media/backgrounds/schoolOfLaw.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size: contain;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}
	
.button{
	background-color: #e8e3d3;
	color: #5a5a5a;
}
	
.button:hover, .button:active, .button:focus{
	background-color: #F5F5F5;
	color: #85754D;
}
	
.button:before{
	background-color: #4b2e83;
	border-left: 5px solid rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	bottom: 0;
	content: "";
	position: absolute;
	right: -55px;
	top: 0;
	width: 55px;
}
	
.button:after{
	background: url("/media/sprites/uw-sprite.png") no-repeat scroll -50px -550px / 850px 810px transparent;
	background-size: 850px 810px;
	box-sizing: border-box;
	bottom: 0;
	content: "";
	height: 55px;
	margin-top: -28px;
	position: absolute;
	right: -55px;
	top: 50%;
	width: 55px;
}
	
a.button:hover:after{
	background-color: #613BA9;
	border-left: 5px solid rgba(0, 0, 0, 0.3);
	background-position: -53px -552px;
	top: 28px;
	height: 53px;
}
	
.simpleButton{
	background-color: #4b2e83;
	color: #fff;
	text-align: center;
	transition: background-color 300ms ease-out 0s;
	padding: .5em;
}
	
.simpleButton:hover{
	background-color: #613BA9;
}
	
/* HEADER */
	
.alert-box.radius {
	margin-bottom: 0;
	border-radius: 0;
}
	
header{
	background-color: #fff;
	-webkit-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0 2px 3px 0 rgba(50, 50, 50, 0.5);
	box-shadow:         0 2px 3px 0 rgba(50, 50, 50, 0.5);
}
	
.logoW{
	background-image: url("/media/sprites/uw-sprite.png");
	background-position: -21px -10px; 
    background-size: 910px;
	background-repeat: no-repeat;
	display: none;
	height: 2.5em;
	margin-right: 1em;
	position: relative;
	width: 122px;
	float: left;
}
	
h1{
	text-align: left;
	max-width: 9em;
}
	
h1.title {
	float: left;
	max-height: 40px;
}
	
.title img {
	max-width: 8em;
}
	
.tab-bar {
    background: none repeat scroll 0 0 #4b2e83;
}
	
.tab-bar-section{
	position: static;
}
	
.tab-bar-section a {
	display: inline-block;
	max-width: 20px;
}
	
.top-bar-section .has-dropdown > a:after {
	border-color: transparent transparent transparent rgba(75, 46, 131, 1);
}
	
nav.top-bar .top-bar-section ul li.has-dropdown.not-click ul.dropdown li a{
	color: #707070;
}
	
.right-off-canvas-menu{
	overflow: visible;
}
	
.right-small {
	border-left: none;
}
	
.userNavContainer {
	position: absolute;
	right: 2.5em;
}
	
.userNavContainer button{
	background-color: transparent;
	background-image: url("/media/icons/hamburger.png");
	background-position: 4px 7px;
	background-repeat: no-repeat;
	background-size: 48px 16px;
	display: inline-block;
	height: 30px;
	margin-bottom: 0;
	padding: 0.7em 0.8em;
	position: absolute;
	right: 2.5em;
	top: 6px;
	width: 30px;
}
	
.userNavContainer button.open{
	background-position: -23px 7px;
	color: #fff;
	right: 2.55em;
	width: 28px;
}
	
ul.userNav{
	background-color: #fff;
	display: block;
	padding: 1em;
	position: relative !important;
	width: 11em !important;
}
	
ul.userNavExpanded{
	position: absolute;
	right: 14em;
}
	
.tab-bar .menu-icon {
	background-image: url("/media/sprites/uw-sprite.png");
	background-position: -448px -281px;
	background-repeat: no-repeat;
	background-size: 850px 810px;
	top: 0;
	position: absolute;
}
	
.top-bar {
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px solid #eee;
	color: #444;
}
	
.top-bar.expanded .title-area {
	background: none repeat scroll 0 0 #e8e3d3;
}
	
.top-bar .toggle-topbar{
	left: 0;
}
	
.top-bar .toggle-topbar a, .top-bar.expanded .toggle-topbar a {
	color: #b7a57a;
}
	
.top-bar-section ul{
	background-color: #fff;
}
	
.top-bar-section ul li {
	background: none repeat scroll 0 0 transparent;
}
	
.top-bar-section ul li > a{
	color: gray;
	font-size: 18px;
}
	
.top-bar-section ul li > a:hover{
	background-color: #4b2e83;
}
	
.top-bar-section ul li.active > a {
	background: none repeat scroll 0 0 #4b2e83;
	color: white;
}
	
.top-bar-section ul li:hover:not(.has-form) > a{
	color: #b7a57a;
}
	
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background: none repeat scroll 0 0 #b7a57a;
	color: white;
	line-height: 45px;
	padding: 0 15px;
}
	
.top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section .dropdown .title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
	background: none repeat scroll 0 0 #e7e7e7 !important;
}
	
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
	background: none repeat scroll 0 0 #272727;
	color: #4b2e83;
}
	
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
	color: gray;
	display: block;
}
	
.top-bar-section .left, .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click > .dropdown {
	background-color: #fff;
	padding: 8px;
}
	
.top-bar-section .left li, .top-bar-section .dropdown li{
	border-bottom: 1px solid #e7e7e7;
	padding: 8px 0;
}
	
.top-bar-section .left li, .top-bar-section .dropdown li:last-child{
	border-bottom: none;
}
	
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
	line-height: 1.5em;
}
	
.searchIcon {
	background: url("/media/icons/icon_searchWhite_Circle.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
	display: block;
	height: 3.1em;
	position: absolute;
	right: 3.5em;
	text-align: right;
	top: 0.35em;
	width: 2.1em;
	    
	-webkit-transition: all 0.1s linear ease-in-out;
	-moz-transition: all 0.1s linear ease-in-out;
	-o-transition: all 0.1s linear ease-in-out;
	transition: all 0.1s linear ease-in-out;
}
	
.searchIcon:hover {
	background-image: url('/media/icons/icon_searchGold_Circle.png');
	    
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}
	
.main-section {
	padding-top: 0;
}
	
.breadcrumbs{
	background-color: #fff;
	border: none;
	top: .5em;
}
	
.breadcrumbs > *:before {
	top: -2px;
}
	
.breadcrumbs a{
	color: #535353;
	text-transform: none;
	font-size: 16px;
	font-weight: 0;
	overflow: hidden;
	/*white-space: nowrap;*/
}
	
.breadcrumbs .current a{
	color: #b7a57a;
}
	
.breadcrumbs > * {
	line-height: 1.6rem;
}	
	
.breadcrumbs li a .homeIcon {
	background: url("/media/sprites/uw-sprite.png") repeat scroll -265px -8px / 863.5px 700.17px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 16px;
	width: 18px;
	position: relative;
	margin-right: .5em;
}
	
/* SLIDER */
	
.sliderHeading{
	text-align: center;
	margin-bottom: 1em;
}
	
.orbit-container{
	margin-bottom: 2em;
}
	
span.pillarIcon {
	display: inline-block;
	font-family: "pillarIcons";
	font-size: 20px;
	margin-right: 0.5em;
	float: left;
}
	
ul.sliderCalloutsMobile{
	margin: 0;
	padding-top: 1em;
	padding: 1em 0 1em 0;
}
	
ul.sliderCalloutsMobile li{
	display: block;
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 1em;
}
	
ul.sliderCalloutsMobile li a {
	display: block;
	height: 9em;
	position: relative;
}
	
ul.sliderCalloutsMobile li a:hover{
	background-color: #4b2e83;
}
	
ul.sliderCalloutsMobile li a img{
	opacity: 0.6;
	width: 100%;
}
	
ul.sliderCalloutsMobile li a:hover img{
	display: none;
	opacity: 1;
}
	
ul.sliderCalloutsMobile li img{
	display: block;
	float: left;
	clear: both;
	position: absolute;
}
	
ul.sliderCalloutsMobile li a section{
	float: left;
	position: absolute;
	bottom: 0;
	padding: .75em;
}
	
span.pillarIcon, ul.sliderCalloutsMobile li a section h4{
	color: #4b2e83;
	line-height: 20px;
	margin-bottom: 5px;
	text-shadow: 0 1px 5px rgba(255, 255, 255, 1);
}
	
ul.sliderCalloutsMobile li a:hover span.pillarIcon, ul.sliderCalloutsMobile li a:hover section h4{
	color: #fff;
	text-shadow: none;
}
	
ul.sliderCalloutsMobile li a section p{
	background-color: #4b2e83;
	bottom: 0;
	color: #fff;
	font-size: 14px;
	left: 0;
	margin-left: -1em;
	opacity: 0.9;
	padding: 10px 10px 10px 1em;
	width: 100%;
	margin-bottom: 0;
}
	
/* BODY */
	
.orbit-caption a{
	color: #fff;
} /* this is for all sliders - not just home page */
	
.mainContentContainer{
	background-color: #fff;
	padding-bottom: 3em;
	position: relative;
}
	
.mainContent{
	background-color: #fff;
}
	
.mainContent h1 {
	margin-bottom: .5em;
}
	
.mainContent .featuredImage{
	margin-bottom: 1em;
}
	
.inner-wrap{
	background-color: #fff;
	-webkit-box-shadow: 3px 0 5px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    3px 0 5px 0 rgba(50, 50, 50, 0.5);
	box-shadow:         3px 0 5px 0 rgba(50, 50, 50, 0.5);
}
	
.tile {
	background-color: #ffffff;
	border-bottom: 1px solid #fff;
	border: 1px solid #ddd;
	color: #484848;
	font-family: "Encode Sans Compressed",sans-serif;
	font-size: 20px;
	margin-bottom: 2em;
	    
	-webkit-box-shadow: 0px 1px 2px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 2px 0 rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 2px 0 rgba(50, 50, 50, 0.5);
	    
}
	
.featured .featuredImageContainer{
	max-height: 15em;
	overflow: hidden;
}
	
.featured .featuredImageContainer img{
	width: 100%;
}
	
.list img{
	float: left;
	margin: 1em;
	width: 20%;
}
	
.tile .content{
	padding: 10px 20px;
}
.tile  {padding: 10px 20px;}
	
.list{
	margin-bottom: 3em;
}
	
.listArticle {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 0 0 1em;
}
	
.listArticle img {
	float: left;
	margin: 0.5em 1em 1em 0;
	width: 20%;
}
	
.listArticle p{
	margin-bottom: 0;
}
	
.listArticle:last-child{
	margin-bottom: 1em;
	border: none;
}
	
.mainContent .listArticle .content p{
	margin-bottom: 1em;
}
	
.blogFeed {
	display: inline-block;
	margin-bottom: 0;
}
	
.blogFeed li {
	display: inline-block;
	list-style-type: none;
	margin-bottom: 1.25em;
	position: relative;
	width: 100%;
}
		
.blogFeed li .imageContainer {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #E8E3D3;
	overflow: hidden;
}
	
.blogFeed li .imageContainer img {
	margin: 0 auto;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}
	
.blogFeed li .content {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0;
}
	
.blogFeed li .content .excerpt, .featuredStory .content p, .externalStory .content p {
	line-height: 20px;
	font-size: 14px;
}
	
.blogFeed .excerpt {
	margin-bottom: 0.3em;
}
	
.imageContainer{
	margin-bottom: 1em;
}
	
.timeStamp, .credit{
	font-size: 10px;
	margin-bottom: .5em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
	
.prospectiveStudentPrograms li{
	margin-bottom: 1em;
}
	
.sectionApply ul, .sectionPaying ul, .sectionStudy ul {
	margin-left: 0;
}
	
.sectionApply li, .sectionPaying li, .sectionStudy li {
	list-style-type: none;
	margin-bottom: .5em;
}
	
.whereBegin{
	margin-bottom: 3em;
}
	
.whereBegin li {
	list-style-type: disc;
	margin-left: 1em;
}
	
.whereBegin li p{
	margin-bottom: 0;
}
	
.typographyStyles {
	margin-bottom: 5em;
}
	
.featuredStory, .internalStory{
	background-color: #f1f1f1;
}
	
.featuredStory{
	display: block;
	padding: 0;
	margin-bottom: 3em;
}
	
.featuredStory .content{
	padding: 1em;
}
	
.externalStory {
	border-bottom: 1px solid #ccc;
	display: block;
	padding-bottom: 1.25em;
}
	
.externalStory h4 {
	font-size: 18px;
}
	
.externalNewsFeed .blogFeed li .externalStory .content{
	padding-left: 0;
}
	
.externalStory .content .timeStamp {
	font-size: 10px;
	line-height: 12px;
}
	
.internalStory {
	padding: 0;
}
	
.blogFeed ul li .imageContainer .imageContainer{
	margin: 0 0 1em 0;
	position: relative;
	width: 100%;
}
	
.externalStory img {
	margin-bottom: 1em;
	margin: 0 auto 1em auto;
	text-align: center;
	position: relative;
	display: block;
	width: 100%;
}
	
.faculty ul{
	display: inline-block;
	position: relative;
	margin-left: 0;
}
	
.faculty ul li {
	float: none;
	font-size: 12px;
	margin-bottom: 0.25em;
}
	
.faculty ul li a{
	text-align: center;
	width: 100%;
}
	
.faculty .contactButtons{
	display: inline-block;
	position: relative;
}
	
.faculty .contactButtons li {
	margin-right: 0.5em;
	display: inline-flex;
	margin-bottom: .5em;
}
	
.faculty .contactButtons a {
	background-color: #4b2e83;
	color: #fff;
	padding: .5em 1em;
	font-size: 12px;
}
	
.faculty .contactButtons a:hover {
	background-color: #613BA9;}
	    
.faculty .content h5 a{
	color: #4b2e83;
}
	
/* BLOG ARTICLE */
	
.meta {
	margin-bottom: 2em;
}
	
.meta div{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: 1em;
	padding: .5em 0;
}
	
.meta div .timeStamp, .category{
	font-size: 12px;
	letter-spacing: .5px;
	display: inline;
	padding: 1em 0;
}
	
.mainContent .category{
	display: block;
	text-align: center;
	padding: 0;
}
	
.meta div .timeStamp{
	margin-right: 1em;
}
	
.meta .button{
	padding: 0.55em;
}
	
.meta .button p{
	color: #fff;
	margin: 0;
	text-align: center;
}
	
.meta .button img {
	height: 1.5em;
	margin-right: 1em;
	width: 1.5em;
}
	
.meta .button p {
	line-height: 0;
}
	
.meta .share{
	padding: 1em;
	margin-bottom: 1em;
}
	
.meta .share img{
	margin-right: 1em;
	width: 1.5em;
}
	
.meta .share p{
	color: #fff;
	margin-bottom: 0;
}
	
	
/* SIDEBAR */
	
.sidebarCallout{
	padding: 2em;
	margin-bottom: 3em;
	background-color: #eee;
	clear: both;
}
	
.sidebar .sidebarCallout img{
	margin-bottom: .5em;
}
	
.sidebar .sidebarCallout .sidebarCalloutMeta{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
	
.sidebar .sidebarCallout ul{
	margin-bottom: 0;
}
	
.sidebar .sidebarButtons{
	margin: 3em 0;
}
	
.sidebar .sidebarButtons p{
	margin: 0;
	color: #ccc;
}
	
.sidebar .sidebarCallout img{
	max-width: 10em;
	margin: 0 auto .5em auto;
}
	
/* ALL FACULTY FILTER CONTROLS */
	
.controls{
	background-color: #E6E6E6;
	border: 1px solid #d3d3d3;
	margin-bottom: 1em;
	padding: 1em;
}
	
.controls .filters, .controls .sortBy {
	display: inline-block;
	margin-right: 3em;
	    
}
	
.controls .filters p, .controls .sortBy p {
	font-weight: bold;
	display: inline-block;
	float: left;
	margin: 3px 1em;
}
	
.controls .filters .filter, .filter.target, .controls .sortBy .sort{
	color: #999;
	display: inline-block;
	float: left;
	line-height: 0;
	margin-right: 1em;
	padding: 1em 0.5em;
}
	
.controls .filters .filter:hover, .controls .sortBy .sort:hover, .filter.target:hover{
	background-color: #999;
	color: #fff;
}
	
.controls .filters .filter.active, .filter.target.active {
	background-color: #85754d;
	color: #fff;
}
	
.facultySearchContainer{
		
}
	
.facultySearchContainer div .postfix{
	background-color: #4B2E83;
	color: #fff;
}
	
.controls .filters .filter:hover, .controls .sortBy:hover{
		
}
	
.alphabetFilterContainer{
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
}

.alphabetFilterContainer div::after {
    clear: both;
    content: '';
    display: table;
}
	
.alphabetFilterContainer ul {
	display: block;
	margin: 10px 0 0;
}
	
.alphabetFilterContainer ul li{
	margin-bottom: 1em;
}
	
.controlsContainer .controls .filters p{
	display: block;
	margin-left: 5px;
	color: #85754d; 
}
	
#Container{
	margin-bottom: 1em;
}
	
.blog .bio .profileImage {
    float: none;
}
.blog .bio, .blog .bio h3 {
    text-align: center;
}

.faculty{
	border-bottom: 1px solid #ddd;
}
	
.faculty p{
	font-size: 12px;
}
	
.faculty .credit {
	display: block;
	margin: 0 0 .5em 0;
}
	
.bio {
	text-align: center;
}

.bio .profileImage {
	position: relative;
	display: block;
	clear: both;
	float: none;
	margin: 0 auto;
	text-align: center;
	max-width: 10em;
}
	
.facultyList .faculty h3, .facultyList .faculty p{
	text-align: left;
}
	
.facultyList .faculty{
	padding: 1em;
}
	
.facultyList .faculty .profileImage{
	max-width: 6em;
	padding: 0;
}
	
.facultyList .faculty .content{
	margin: 0;
	padding-right: 0;
}
	
/* SINGLE FACULTY PROFILE */
	
.facultyAccordionContainer, .facultyTabsContainer{
	margin-bottom: 3em;
}
	
.facultyAccordionContainer dl.accordion dd.accordion-navigation>a:after{
	content: "View";
	color: #4b2e83;
	float: right;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	text-transform: uppercase;
}
	
.facultyAccordionContainer dl.accordion dd.accordion-navigation.active>a:after{
	content: 'Close';
}
	
.faculty .bio div{
	margin-bottom: 1em;
}
	
.faculty .bio li div .facultyButton {
	float: left;
	width: 80%;
}
	
.facultyAccordionContainer dd div ul li{
	margin-bottom: .5em;
}
	
	
/* TESTIMONIALS */
	
.testimonial{
	padding: 1em;
}
	
.testimonial p{
	margin-bottom: .1em;
}
	
	
/* TWEETS */
	
.tweet{
	background-color: #fff;
	border: 1px solid #F3F2EC;
	text-align: center;
	padding: 2em 3em;

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         0 1px 2px rgba(0, 0, 0, 0.2);
}

.tweetContainer, .externalNewsFeed{
	margin-bottom: 3em;
}
	
	
.tweetContainer h3 span{
	font-size: 18px;
}
	
.tweetContainer ul li {
	border-bottom: 1px solid #ccc;
	padding: 0 0 1.5em 0;
	margin-bottom: 1.5em;
}
	
.tweetContainer p{
	margin-bottom: 1px;
}
	
.tweetContainer twitterTimeStamp{
	margin-bottom: 0;
}
	
	
	
/* EVENTS */
	
.eventsTimeStamp, .twitterTimeStamp{
	font-size: 12px;
	margin: 5px 0 2px 0;
}
	
.eventVerticalContainer.programEvents h3, .eventVerticalContainer.programEvents .event{
    text-align: left;
}
	
.eventVerticalContainer.programEvents .event .content{
	padding-left: 0;
	padding-right: 0;
}
	
.eventVerticalContainer .event{
	border-right: none;
	margin-bottom: 1.5em;
}
	
.eventVerticalContainer .event .content{
	border-bottom: 1px solid #ccc;
	padding: 0 1.5em 1em;
}
	
.eventContainer h4{
	line-height: 24px !important;
}
	
.eventVerticalContainer h4 a, .eventContainer h4 a, .externalStory h4 a{
	color: #4b2e83;
	font-size: 18px;
}
	
.eventContainer li, .twitterContainer li, ul.footerNav li {
	list-style-type: none;
}
	
.eventName, .twitterName{
	text-align: center;
	font-size: 24px;
}
	
.eventName a, .twitterName a{
	color: #4b2e83;
}
	
.event{
	display: block;
	text-align: center;
	border-right: 1px solid #ccc;
	margin-bottom: 1em;
}
	
.event:last-child{
	border: none;
}
	
.eventContainer h2.eventName {
	margin-bottom: 1em;
}
	
.event .content{
	padding: 1em;
}
	
.noImage {
	height: 100%;
}
	
.noImage p{
	vertical-align: middle;
}
	
.eventContainer .button{
	float: right;
}
	
.tweet img{
	margin-bottom: 1em;
	width: 350;
	height: 200;
}
	
.tweet p {
	line-height: 20px;
}
	
.tweet .twitterTimeStamp{
	color: #838383;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
	
.bannerAdContainer{
	display: block;
	margin-bottom: 2em !important;
}
	
.bannerAdContainer .bannerAd {
	background-color: #e7e7e7;
	display: block;
	padding: 1.2em 1em 1em;
}
	
.slick-list {
	margin-bottom: 1em !important;
}
	
/* PAGINATION */
.mainContent ul.pagination{
	margin-bottom: 3em;
	clear: both;
}
	
ul.pagination li.current a, ul.pagination li.current button{
	background-color: #4b2e83;
}
	
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
	background-color: #613BA9;
}
	
	
/* SEARCH */
	
.searchContainer{
	background-color: #e8e3d3;
	display: inline-block;
	margin-bottom: 2em;
	padding: 1em;
	width: 100%;
}
	
.searchContainer input{
		margin-right: 3%;
	padding: 0.75em 1em;
	width: 70%;
}
	
.searchContainer .simpleButton{
	height: 2.25em;
	padding: 0.35em;
	width: 25%;
}
	
.searchContainer .suggestions{
	clear: both;
	display: block;
}
	
.searchContainer .suggestions p{
	margin-bottom: 0;
}
	
.searchContainer .suggestions ul{
	margin-bottom: 0;
}
	
.searchContainer .suggestions ul li {
	float: left;
	margin-right: 1em;
}

.onlineArticles li {
    border-bottom: solid 1px #ddd;
    padding: 20px 0;
}

.onlineArticles li:last-child {
    border-bottom: none;
}
	
/* LEFT SIDEBAR */
	
.leftNav ul{
	margin-bottom: 3em;
}
	
.leftNav ul li, .sidebar .sidebarCallout li{
	border-bottom: 1px solid #ddd;
	padding: 1em 0;
}
	
		
/* RIGHT SIDEBAR */
	
.sidebar{
	margin-bottom: 3em;
}
	
.sidebar .download, .sidebar .courseCatalog, .sidebar .programs .sidebar .video, .sidebar .tags{
	margin-bottom: 1em;
}
.sidebar h4, .leftNav h4 {
	background-color: #4b2e83;
	color: #fff;
	font-family: "encode_sans_compressedXBd";
	font-size: 16px;
	padding: 0.3em 0.75em 0.4em;
	text-transform: uppercase;
}
	
.sidebar .courseCatalog {
	background-color: #4B2E83;
	display: block;
	padding: 1em;
	color: #fff;
	text-align: center;
}
	
.sidebar .faculty{
	padding: 0;
	margin-bottom: 1em;
}
	
.sidebar .faculty .profileImage{
	margin: 0 auto;
	display: block;
}
	
.sidebar .programs{
	margin: 1em 0;
}
	
.sidebar ul{
	margin-bottom: 2em;
}
	
.sidebar li{
	margin-bottom: .25em;
}
	
.sidebar .sidebarCallout li{
	margin-bottom: 0;
}
	
.sidebar .sidebarCallout li:last-child{
	border-bottom: none;
}
	
.sidebar .download {
	display: block;
	padding: 1em;
	background-color: #CC181E;
	color: #fff;
	text-align: center;
}
	
.sidebar .label {
	border: 1px solid #ddd;
	margin-bottom: 1em;
	padding: 10px;
}
	
.sidebar .label a{
	color: #777;
}
	
.sidebar .label:hover{
	background-color: #ccc;
}
	
.sidebar .label:hover a{
	color: #fff;
}
	
.sidebar .video{
	background-color: #ddd;
	border: 5px solid #fff;
	display: block;
}
	
.sidebar .contactInfo p{
	font-size: 12px;
}
	
.sidebar .sidebarMenu{
		
}
	
.sidebar .sidebarMenu li{
	margin-bottom: 5px;
}
	
.sidebar .sidebarMenu li a{
	background-color: #EFEFEF;
	display: block;
	padding: 1em;
}
	
.sidebar .sidebarMenu li a:hover{
	background-color: #E1E1E1;
}
	
	
/* FOOTER */
	
.footerContainer {
	background: url('/media/backgrounds/footerBG.jpg') center 0 #4b2e83 no-repeat;
	border-top: 7px solid #d1d1d1;
	color: #fff;
	padding: 3em 0 2em;
}
	
.footerLogo {
	display: block;
	margin: 0 auto 1em auto;
	text-align: center;
}
	
.beBoundless{
	color: #B4A9C8;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 2em;
}
	
.connect{
	color: #fff;
	text-align: center;
	font-size: 24px;
}
	
.lineBreak{
	letter-spacing: -2px;
	text-align: center;
	margin: 1em 0 2em;
	border-bottom: 1px solid #fff;
}
	
.footerContainer p {
	color: #fff;
}
	
.footerSocial, .footerNav, .copyrightContainer p{
	margin-left: 0;
	text-align: center;
	margin: 0 auto;
}
	
.footerSocial{
	margin: 1.5em 0;
}
	
.footerSocial li, .footerNav{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
	
.footerSocial li, .footerNav li{
	display: block;
}
	
.footerSocial a, .footerNav a{
	color: #fff;
	font-size: 14px;
	line-height: 36px;
}
	
.footerNav a:hover{
	color: #b7a57a;
}
	
.footerNav li a:after{
	opacity: 0.5;
	padding: 0 0.8em 0 1em;
}
	
.footerNav li a:after:last-child{
	display: none;
}
	
.footerSocial li {
	display: inline-block;
	margin: 0 1.25em;
}
	
.footerSocial li:first-child{
	margin-left: 0;
}
	
.footerSocial a{
	background-image: url("/media/sprites/uw-sprite.png");
	background-repeat: no-repeat;
	background-size: 850px 810px;
	top: 0;
	position: absolute;
	height: 26px;
	width: 26px;
}
	
.footerSocial a.facebook{
	background-position: -20px -230px;
}
	
.footerSocial a.facebook:hover{
	background-position: -20px -275px;
}
	
.footerSocial a.twitter{
	background-position: -63px -230px;
}
	
.footerSocial a.twitter:hover{
	background-position: -63px -275px;
}
	
.footerSocial a.pinterest{
	background-position: -106px -230px;
}
	
.footerSocial a.pinterest:hover{
	background-position: -106px -275px;
}
	
.footerSocial a.youtube{
	background-position: -149px -230px;
}
	
.footerSocial a.youtube:hover{
	background-position: -149px -275px;
}
	
.footerSocial a.linkedin{
	background-position: -192px -230px;
}
	
.footerSocial a.linkedin:hover{
	background-position: -192px -275px;
}
	
.footerSocial a.instagram{
	background-position: -235px -230px;
}
	
.footerSocial a.instagram:hover{
	background-position: -235px -275px;
}
	
.footerSocial a.googlePlus{
	background-position: -278px -230px;
}
	
.footerSocial a.googlePlus:hover{
	background-position: -278px -275px;
}
	
.copyrightContainer{
	color: #fff;
	padding: 1em;
}
	
.copyrightContainer p {
	font-size: 12px;
	margin-top: 2em;
}

@media only screen and (max-width: 40em) {
	

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


/* Medium screens */
@media only screen and (min-width: 40.063em) {

	/* GLOBAL */
	
	h1, h2, h3 {
		text-align: left;
	}

	/* HEADER */
	
	.tab-bar{
		height: 90px;
	}
	
	.logoW{
		display: inline-block;
		height: 83px;
		top: 10px;
	}
	
	.alignMiddle{
		vertical-align: middle;
		display: inline-block;
	}
	
	h1{
		max-width: none;
	}
	
	.title{
		text-align: left;
	}
	
	.title img {
	    position: absolute;
	    float: left;
	    display: block;
	    top: 0;
	    left: 8em;
	}
	
	.title img, .searchIcon, .right-small {
		top: 1.2em;
		max-width: 12em;
		display: inline-block;
		vertical-align: middle;
	}
	
	.title img {
	    max-width: 22%;
	    top: 1.2em;
	}
	
	.userNavContainer {
	    right: 12em;
	}
	
	ul.userNavExpanded {
	    line-height: 50px;
	    position: fixed;
	    margin-right: 1em;
	}
	
	ul.userNavExpanded li {
	    float: none;
	    text-align: right;
	    line-height: 20px;
	    top: -6px;
	    position: relative;
	}
	
	ul.userNavExpanded li a{
		padding-right: .5em;
		color: #fff;
		line-height: 20px;
		text-align: right;
	}
	
	
	ul.userNavExpanded li .slash{
		background: url("/media/sprites/uw-sprite.png") no-repeat scroll -685px 0 / 863.5px 700.17px rgba(0, 0, 0, 0);
	    display: none;
	    height: 1.3em;
	    width: .7em;
	    top: 4px;
	    position: relative;
	}
	
	ul.userNavExpanded li a:hover{
		color: #b7a57a;
	}
	
	.searchForm{
		border: none;
		position: relative;
		display: block;
		float: left;
		right: 12em;
	}
	
	.searchForm input:first-child {
		border: none;
		position: relative;
	    right: 4.5em;
	    top: 0.4em;
	}
	
	.searchIcon{
		right: 11em;
		top: -0.15em;
		text-align: right;
		height: 3.1em;
	    width: 3.1em;
	}
	
	.tab-bar .menu-icon, .right-small {
		width: 10.4rem;
	}
	
	.tab-bar .menu-icon span:after{
		display: none;
	}
	
	.menu-icon p {
	    float: left;
	    line-height: 2.7;
	    text-indent: 22px;
	    color: #404040;
	}
	
	.top-bar{
		border-bottom: none;
	}
	
	.tab-bar .menu-icon span.arrow{
		background: url("/media/sprites/uw-sprite.png") repeat scroll -75px -492px / 863.5px 700.17px rgba(0, 0, 0, 0);
	    display: inline-block;
	    float: left;
	    height: 21px;
	    left: 2.4em;
	    position: relative;
	    top: 0.6em;
	    width: 13px;
	}
	
	.top-bar-section .dropdown{
		-webkit-box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    0 2px 5px 0 rgba(50, 50, 50, 0.5);
		box-shadow:         0 2px 5px 0 rgba(50, 50, 50, 0.5);
	}
	
	.top-bar-section li a{
		background-color: #fff;
	}
	
	.top-bar-section .has-dropdown > a:after{
		top: 1.5em;
	}
	
	.top-bar-section li:not(.has-form) a:not(.button) {
	    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) ;
	    line-height: 45px;
	    padding: 0 15px;
	}

    .top-bar-section > ul > li:not(.has-form) > a:not(.button) {
        font-weight:bold;
    }
	
	.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	    background: none repeat scroll 0 0 #fff;
	    color: #444;
	}
	
	.top-bar-section ul{
		border-top: none;
	}
	
	.top-bar-section .left li{
		border: none;
	}
	
	.top-bar-section ul li > a {
	    color: #4b2e83;
	    font-size: 18px;
	    text-transform: uppercase;
	}
	
	.top-bar-section ul li > a:hover {
	    color: #b7a57a;
	    background-color: none;
	}
	
	.top-bar-section .dropdown a {
	    text-transform: none;
	}
	
	.top-bar-section .dropdown, .top-bar-section .dropdown ul{
		border-top: 5px solid #4b2e83;
	}
	
	.top-bar-section .dropdown > li {
    	border-bottom: 1px solid #e7e7e7;
    }
    
    .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section .dropdown .title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
	    background: none repeat scroll 0 0 transparent !important;
	}
	
	/* HOME SLIDER */
	
	.sliderHeading {
	    color: #fff;
	    font-size: 2.5em;
	    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	}
	
	.sliderSection {
	    display: block;
	    padding: 2em 0 0;
	    width: 100%;
	}
	
	.sliderContainer {
		display: block;
		margin-bottom: 3em;
	}	
	
	.sliderContainer .homeSliderBtns a {
    	background-color: #4b2e83;
    	color: #fff;
    	height: 6em;
		padding: 1em;
		margin-bottom: 0;
	}
	
	.videoContainer{
		background-color: #e8e3d3;
		overflow: hidden;
	}
	
	div.flex-video {
	    top: 0;
	    position: fixed;
	    width: 100%;
	}

    .videoContainer .flex-video {
        padding: 0 0 56.3%
    }
	
	.homeSliderBtns a{
	    background-color: #4b2e83;
	    color: #fff;
	    height: 6em;
	    margin-bottom: 0;
	    padding: 1em;
	    border: .25px solid #311767;
	}
	
	.homeSliderBtns a:hover, .homeSliderBtns a.active{
		background-color: #613BA9;
	}
	
	.homeSliderBtns .simpleButton span.pillarIcon{
		text-align: center;
		display: block;
		float: none;
		font-size: 26px;
		margin: 0 auto 10px auto;
		color: #fff;
		text-align: center;
		text-shadow: none;
	}
	
	/* LEFT SIDEBAR */
	
	.meta div {
	    padding: 1em 0 1.04em;
	}
	
	/* BODY */
	
	
	.breadcrumbs {
		border-radius: 0;
		padding: 20px 20px 0 ;
		top: 0;
	}
	
	.homeBreadcrumbs {
		top: -7px;
	}
	
	.mainContent .category{
		text-align: left;
	}
	
	/* FACULTY SINGLE PAGE MEDIUM-UP */
	
	.profileImage{
		float: left;
		max-width: 8em;
		margin: 1em 1em 2em 1em;
	}
	
	.sidebar .faculty .profileImage{
		display: block;
	    float: left;
	    margin: 0 1.5em .5em 0;
	}
	
	.facultyList .faculty h3, .facultyList .faculty p{
		margin-bottom: .5em;
	}
	
	.facultyList .faculty .profileImage{
		float: none;
		margin: 0 auto 1em auto;
	}
	
	.faculty{
		border-bottom: none;
	}
	
	.bio {
		text-align: left;
	}
	
	.bio .profileImage {
		float: left;
	}
	
	.faculty .bio li div .facultyButton {
		width: 35%;
	}
	
	.faculty .bio li div .facultyButton:first-child {
	    margin-right: 3em;
	}
	
	/* RIGHT SIDEBAR */
	
	/* Landing Page Program - Publications */
	.sidebar .sidebarCallout img{
		max-width: 10em;
	}
	
	
	/* FOOTER */
	
	.footerSocial li, .footerNav li {
	    display: inline-block;
	}
	
	.footerNav li + li a:before {
	    content: "/";
	    display: inline-block;
	    margin: 0 1em;
	    color: #fff;
	}
	
	.footerNav li:last{
		background: none;
	}
	
	

} /* min-width 641px, medium screens */


@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.button {
	    padding: 1em 0.75em;
	}
	
	.button:before {
	    right: -36px;
	    width: 36px;
	}
	
	.button:after {
	    right: -36px;
	    width: 45px;
	}
	
	a.button:hover:after {
		top: 29px;
	    height: 52px;
	    background-position: -50px -529px;
	    right: -36px;
	    width: 36px;
	}
	
	header, header.fixed {
		top:20px;
	}
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { 
	
	/* HEADER */
	
	.title img {
	    max-width: 12em;
	    top: 1.3em;
	}
	
	ul.userNavExpanded {
	    right: 25.5em;
	}
	
	ul.userNavExpanded li{
		float: left;
		margin-right: 1em;
		line-height: 60px;
	}
	
	ul.userNavExpanded li .slash{
	    display: inline-block;
	}
	
	.searchIcon{
		right: 0;
	}
	
	/* BODY */
	
	.breadcrumbs {
		padding: 20px 20px 0;
	}
	
	.homeSliderBtns a{
	    padding-top: 1.5em !important;
	}
	
	/* BLOG */
	
	.meta{
		padding-left: 0;
	}
	
	.meta *{
		float: none;
	}
	
	.meta .timeStamp{
		padding: 0 0 1em 0;
		margin-bottom: 0;
	}
	
	.meta div{
		width: 100%;
	}
	
	.meta .button {
	    display: block;
	    padding: 1em;
	}
	
	.meta .button img{
		margin-right: 0;
	}
	
	.meta .share img {
    	margin-right: 0;
    }
    
	.facultyList .faculty {
	    padding: 1em;
	    text-align: center;
	}
	
	.facultyList .faculty h3, .facultyList .faculty p{
		text-align: center;
	}
	
	.facultyList .faculty .profileImage{
		margin-bottom: 0;
	}
	
	/* SLIDER */
	
	.sliderHeading {
	    font-size: 4em;
	    margin-bottom: .7em;
	}
	
	.sliderContainer .homeSliderBtns a {
    	min-height: 7.9em;
	}
	
	/* FACULTY SINGLE PAGE */
	
	.faculty .bio li div .facultyButton:first-child {
	    margin-right: 5em;
	}

	
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*----EDITS----*/

/*----RESETS----*/
.alert-box p, .right-small p, .right-small input, .right-small ul, .right-small form {
    margin: 0;
}

:focus {
    outline: /*none*/ initial !important;
}

ul.userNavExpanded li a {
    padding-right: 0;
}

/*----HEADER FIX----*/
.menu-open {
    transition: none;
}

.menu-open.search-open {
    padding: 0 !important;
}
.menu-open header {
    position: relative;
    z-index: 2;
}

.tab-bar-section a {
    display: block;
    background-color: #4b2e83;
    z-index: 2;
    position:relative;
    padding-right: 15px;
}

.tab-bar-section, h1.title, .tab-bar-section a {
    max-width: none;
    max-height: none;
    height: 100%;
}

.alignMiddle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.title img {
    top: auto;
    left: auto;
    float: none;
    position:relative;
}

@media only screen and (min-width: 40.063em) {
    .title img {
        max-width: 12em;
    }
}

@media only screen and (max-width: 40em) {
    .title img {
        top: -2px;
    }

    .tab-bar-section a {
        padding-right: 0;
    }
}

ul.userNavExpanded {
    line-height: normal;
    right: auto;
    position: relative;
    margin-right: 10px;
}

.right-small input, .searchForm input:first-child, .tab-bar .menu-icon, .searchIcon {
    top: auto;
    right: auto;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.tab-bar .menu-icon {
    position: relative;
    top: auto;
}

.searchForm {
    right: auto;
}

ul.userNavExpanded li {
    top: auto;
    line-height: normal;
}

ul.userNavExpanded li + li::before {
    content: '';
    margin-right: 20px;
    background: url("/media/sprites/uw-sprite.png") no-repeat scroll -685px 0 / 863.5px 700.17px rgba(0, 0, 0, 0);
    height: 1.3em;
    width: .7em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
ul.userNavExpanded li + li::before, ul.userNavExpanded a {
    vertical-align: middle;
}

ul.userNavExpanded li:last-child {
    margin-right: 0;
}

/* Changes to accomodate an additional audience in top nav*/
@media only screen and (min-width: 64.063em) {
    ul.userNavExpanded li {
        margin-right: .5em;
    }
}

ul.userNavExpanded li + li::before {
    margin-right: 14px;
}

ul.userNavExpanded li {
    line-height: 12px;
}
/* end changes to accomodate additional audience in top nav */

.searchForm {
    margin-right: 20px;
}

.searchIcon {
    position: relative;
}

input.searchIcon {
    margin-left: 6px;
}

@media only screen and (max-width: 76.5em) {
    .right-small .searchForm {
        display: none;
    }
}

@media only screen and (min-width: 76.5em) {
    a.searchIcon {
        display: none;
    }

    ul.userNavExpanded li:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 64em) {
    ul.userNavExpanded li + li::before {
        display: none;
    }
}

@media only screen and (max-width: 40em) {
    .menu-icon p, ul.userNavExpanded {
        display: none;
    }

    .searchIcon {
        height: 2.1em;
    }

    .searchIcon, .tab-bar .menu-icon {
        top: -1px;
        position:relative;
    }
}

/*----GENERAL FIX----*/
body {
    overflow-y: scroll;
}
.off-canvas-wrap {
    overflow:hidden !important;
}
.bio .profileImage {
    border-radius: 105px;
    padding: 0;
}

.right-small {
    position: absolute;
    right: 0;
    width: auto;
    height: 100%;
    top: 0;
    max-width: none;
    white-space: nowrap;
}

.right-small::before {
    content: '';
    height: 100%;
}

.right-small::before, .right-small > * {
    display: inline-block;
    vertical-align: middle;
}

.searchForm {
    float: none;
}

.searchForm input:first-child {
    width: 10.4rem;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    a.button:hover:after {
        top: 28px;
    }
}

/**----BREADCRUMB FIX----**/
.breadcrumbs li:before, .breadcrumbs a {
    vertical-align: middle;
}

.breadcrumbs li:before {
    top: auto;
}

/*----HOME VIDEO FIX----*/
.videoContainer > div {
    position: absolute;
}

.videoContainer img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

/*----BREADCRUMB FIX----*/
.breadcrumbs a {
    /*display: inline-block;*/
}

/*----QUICK LINKS FIX----*/
body {
    background-color: #333;
}
.inner-wrap {
    background-color: #FFF;
}

.off-canvas-wrap {
    overflow: visible;
    overflow-x: hidden;
}

.move-left .inner-wrap {
    overflow: hidden;
    position: fixed;
    height: 100%;
}

.inner-wrap::after {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    z-index: 5;
    opacity: 0;
    transition: opacity 500ms;
    display: block;
}

header, header.fixed {
    -webkit-transition: transform 500ms ease 0s !important;
    transition: transform 500ms ease 0s !important;
}

.move-left, .animating {
    padding-top: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
}

.move-left > .inner-wrap, .move-left header, .move-left header.fixed {
    transform: translateX(-15.625rem);
    -webkit-transform: translateX(-15.625rem);
    -moz-transform: translateX(-15.625rem);
    -o-transform: translateX(-15.625rem);
    -ms-transform: translateX(-15.625rem);
}

.move-left .inner-wrap:hover {
    cursor: pointer;
}

.move-left .inner-wrap::after {
    height: 100%;
    opacity: 1;
}

.right-off-canvas-menu {
    bottom: auto;
}

.move-left .right-off-canvas-menu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}


.animating .inner-wrap::after {
    height: 100%;
}

/*----SEARCH BAR----*/
.searchIcon {
    border-width: 0;
}

header, header.fixed {
    top: 0;
}
.search-open header, .search-open header.fixed {
    top: 0;
}

.search-bar {
    padding: 15px;
    position: relative;
    z-index: 1;
    background-color:#fff;
}

.search-open .search-bar {
    box-shadow: 0 0 10px rgba(0,0,0,.15);
}

@media only screen and (max-width: 64em) {
    .f-topbar-fixed.search-open header {
        top: 0;
    }
}

.search-bar form {
    border: 2px solid #ADADAD;
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
    padding-right: 60px;
    position: relative;
}

.search-bar input:first-child {
    background-color: #F1F1F1;
    padding: 10px 15px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 35px;
    height: 55px;
    box-shadow: none;
}

.search-bar .submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background-color: #ADADAD;
    border-width: 0;
    background-image: url('/media/icons/icon_searchWhite_noCircle.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}

/*----BLOG PAGE----*/
.blog .bio .button {
    margin-left: -55px;
}

#articulatesearch input.simpleButton {
    margin: 0;
    border-width: 0;
}

@media only screen and (max-width: 64em) and (min-width: 40.063em) {
    .blog .bio .button {
        margin-left: -45px;
    }
}

.blog .no-image .content {
    padding-top: 0;
}

.ng-hide {
    display: none;
}

/*----FACULTY PAGE----*/
ul.pagination li a:focus {
    background-color: transparent;
}

ul.pagination li a.active {
	background-color: #4b2e83;
    color: #FFF;
}

.filter:hover {
    cursor: pointer;
}
	
ul.pagination li a.active :hover, ul.pagination li a.active:focus {
	background-color: #613BA9;
}

#faculty .faculty + .faculty:last-child {
    float: left;
}

#faculty .mix {
    display: none;
}

#Container {
    overflow: hidden;
}

#facultymember #panel5 p, #facultymember #panel5b p {
    margin: 5px 0;
}

#facultymember #panel5 p.timeStamp, #facultymember #panel5b p.timeStamp {
    margin: 0;
    font-size: 10px;
}

#facultymember #panel5 li + li, #facultymember #panel5b li + li {
    margin-top: 15px;
}

/*----BROWSER DOWNLOADS----*/
.browser-downloads a + a {
    margin-left: 10px;
    display: inline-block;
}

/*----BROWSER NOT SUPPORTED----*/
.browser-not-supported .alert, .browser-not-supported .search-bar, .browser-not-supported .top-bar, .browser-not-supported .right-small, .browser-not-supported .connect, .browser-not-supported .footerSocialContainer, .browser-not-supported .footerSocialContainer + .lineBreak {
    display: none;
}

.browser-not-supported header.fixed {
    top: 0;
}

.browser-not-supported .lineBreak {
    width: 61px;
    margin: 32px auto 0;
    padding: 0;
    float: none;
}

body.browser-not-supported {
    padding-top: 90px;
}

.browser-not-supported .tab-bar {
    height: 90px;
}

.browser-not-supported .main-section {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.browser-not-supported .browser-downloads {
    margin-top: 30px;
}


/*----SHARE THIS----*/
.share-this, .meta .share-this {
    position: relative;
    padding: 0;
}

.share-this .social {
    position: absolute;
    background-color: #EEE;
    position: absolute;
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    left: 100%;
    top: 50%;
    margin: -86px 0 0;
    width: auto;
    z-index: 2;
    box-shadow: 1px 2px 5px rgba(0,0,0,.9);
    transition: opacity .3s, margin .3s, visibility .3s;
    opacity: 0;
    visibility: hidden;
}

.share-this a.share {
    margin: 0;
    display: block;
}

.share-this.active .social, .share-this .social span {
    display: block;
}

.share-this.active .social {
    margin-left: 10px;
    opacity: 1;
    visibility: visible;
}

    .share-this .social span {
        margin: 0;
    }

.share-this .social > span {
    box-shadow: 2px 2px 4px rgba(0,0,0,.7);
    width: 31px;
    height: 31px;
    border-radius: 5px;
}

.share-this .social > span + span {
    margin-top: 10px;
}

@media only screen and (max-width: 64em) {
    .share-this .social {
        left: 50%;
        top: 100%;
        margin: 0 0 0 -87px;
    }

    .share-this.active .social {
        margin: 10px 0 0 -87px;
    }

    .share-this .social > span {
        float: left;
    }

    .share-this .social > span + span {
        margin: 0 0 0 10px;
    }
}

@media only screen and (max-width:40em) {
    header, header.fixed {
        top:0px;
    }
}
/* TRANSITIONAL - ONLY NEEDED UNTIL UMBRACO SITE MIGRATION IS COMPLETE  */
.breadcrumbTrail, breadcrumbTrail a{
	background-color: #fff;
	border: none;
	top: .5em;
	line-height: 3rem;
	text-transform: none;
	font-family: encode_sans_compressedXBd;
	font-size:16px;
	font-weight:bold;
	background-image:none;
	vertical-align:bottom;
}

.breadcrumbTrail span {
	vertical-align: bottom;
}
		
.breadcrumbTrail a{
	color: #535353;
	text-transform: none;
	font-size: 16px;
	overflow: hidden;
	/*white-space: nowrap;*/
}
	
.breadcrumbTrail .current a, .breadcrumbTrail .current {
	color: #b7a57a;
}
/* END TRANSITIONAL BREADCRUMBS */


/* Header fixes to match new site */
div.title {
    float: left;
    height: 100%;
}

.title .logoW {
    background-image: url("/media/sprites/uw-sprite.svg");
    background-position: 0 -69px;
    background-size: 850px 810px;
}
/* END header fixes */

/* Fix Timeline images */
table#timeline img {
    min-width: 150px;
}
/* END timeline image fixes */

/* Improve readability of left nav */
.leftNav ul {
    margin-bottom: 2em;
}

.leftNav ul li {
    padding-top: .375em;
    padding-bottom: .375em;
}

span.menucurrent {
    color: #85754d;
    font-weight: bold;
}

.menuCurrent ul {
    border-left: 1px solid #ddd;
    padding-left: .65em;
    margin-bottom: 0;
}
.menuCurrent ul li:last-of-type {
    border-bottom: none !important;
}
li.menuSibling + .menuCurrent {
    border-bottom: 1px solid #ddd !important;
}

.ContentSpecialNavigationBottom hr {
    display: none;
}

h4 {
    letter-spacing: .075em;
}

.menuParent a,
.menuRoot .menucurrent {
    font-family: 'encode_sans_compressedXBd';
}
/* END Improve readability of left nav */


/* Make links and breadcrumbs more consistent with new site */
#smBreadcrumbs a, #smBreadcrumbs .current {
    font-family: encode_sans_compressedXBd;
    font-size: 16px;
}

a, a:visited {
    color: #4b2e83;
}

a:active, a:hover {
    color: #85754d !important;
}

#smBreadcrumbs span {
    font-size: 14px;
    font-weight: 100;
    margin: 0 .2em;
}

#smBreadcrumbs * {
    vertical-align: baseline;
}

#smBreadcrumbs span:not(a):not(.current) {
    color: #aaa;
    font-size: .75em;
    margin-right: .6em;
}
/* END Make links and breadcrumbs more consistent with new site */

/* Restore tab focus for usability and accessibility */
a:focus {
    outline: auto !important;
}
/* END restore tab focus*/

/* Alumni page styles */
ul.alumnicons-list {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  max-width: 560px;
}

ul.alumnicons-list li {
  background: #4b2e83;
  border: 1px solid #311767;
  display: inline-block;
  font-family: 'encode_sans_compressedmedium';
  min-height: 110px;
  width: 240px;
  max-width: 100%;
  text-align: center;
  vertical-align: top;
}

ul.alumnicons-list li a {
  display: block;
  padding: 10px;
}

ul.alumnicons-list li:hover,
ul.alumnicons-list li:active,
ul.alumnicons-list li:focus {
  background: #613ba9;
}

ul.alumnicons-list a {
  color: white;
  text-decoration: none;
}

ul.alumnicons-list :before {
  display: block;
  font-size: 28px;
  margin: 15px auto 10px;
  vertical-align: middle;
}

#alumnicons-container {
  padding: .5em 0 2em 0;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
  
.alumnicons-list {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
    
.alumnicons-list li {
  margin-bottom: 0 !important;
}
    
.alumnicons-list a:hover {
  color: #ffffff !important;
}
/* END Alumni page styles */

/* Fix spacing on nested lists on the old site */
.mainContent li > ul,  .mainContent li > ol {
    margin-bottom: .5em;
    margin-top: .5em;
}

/* Center Sidebar images to make small images on the old
    site look better within the wider columns */
#sideBarContent img {
    display: block;
    margin: 0 auto;
}

/* Indent the definition part of the definition list */
dd {
    margin-left: 1em;
}