@import url(appstyles.css);

/* General Style
---------------------------------------------*/
	body,html{}
	body{}

	a { }
	a:hover { }
	a:visited{}
	a:active{}
	a img{border:none;}

	.PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:0;}
	.PageTitleHeader {font-size:2.429em;line-height:1.25em; }
	.PageSubTitleHeader {font-size: 1.714em; line-height:1.25em;}
	#PageTitle, .PageTitleHeader { display:none;}

	h2.p1 {font: 46px/1.2em "Poppins Extra Light","Courier New",sans-serif;color: #4e2a84;margin-bottom: 1rem;}

	.left{float:left;}
	.right{float:right;}
	.center{text-align:center;}
	.textalignright{text-align:right;}
	.textalignleft{text-align:left;}

	img.left{float:left;margin:0 7px 1px 0;}
	img.right{float:right;margin:0 0 7px 7px;}
	img.outline{border:4px solid #333;}

	.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
	.clearBoth{clear:both;}
	.clearRight{clear:right;}
	.clearLeft{clear:left;}
	.invisibleButAccessible{display:none;}

	#MainBody .idbmsBreadcrumbSeparator {color:#70a533;}
	#MainBody .expand img {background-color: #70a533; max-width: inherit !important;}
	#MainBody .expand {background-color: #70a533; display:inline-block; }
	.Error,.error {width:auto!important}

	img[src="/images/icons/v2/common/brick_edit.gif"],
	img[src="/images/icons/v2/common/delete.gif"],
	img[src="/images/icons/v2/common/arrow_out.gif"],
	img[src="/images/e.gif"],
	img[src="/images/spacer.gif"],
	img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

	#innerWrap img[src="/images/spacer.gif"] {display:none;}

	::-moz-selection { background: #0066CC; color: #fff; }

	::selection { background: #0066CC; color: #fff; } /* Safari 3.1+, Opera 9.5+, Chrome 2+ */
	::-moz-selection { background: #0066CC; color: #fff; } /* Mozilla Firefox */

	#innerWrap * {  box-sizing: border-box; -ms-box-sizing: border-box;}
	#innerWrap img {max-width:100%; height:auto!important;}

	#CmsMasterMenu .responsive-table {margin:0;}

	input.button {transition: all ease 250ms;}
	input.button:hover {background-color:#b6acd1;border-color:#b6acd1;}

/* UTILITY BAR ELEMENTS
---------------------------------------------*/
	#top-bar #left img {width:140px;}
	.search-form-inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 55px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 1rem;position: relative;}

/* HEAD ELEMENTS
---------------------------------------------*/
	header {background:#4e2a84;}
	header #top-bar {background:#401f68;}
	header .bottom-bar {display:block;}
	#department h1 img {max-height: 34px;}
	#ContentSearch iframe {border-bottom:1px solid #b6acd1;}

	#department h1 img {max-height:none;}

	.ourNW header .bottom-bar {display:flex;align-items:center;justify-content: space-between;}
	.ourNW header .bottom-bar #department {height:auto;display:block;width:auto;flex:1 0 auto;}
	.ourNW #accountInfo {flex:1 0 auto;text-align:right;position:relative;padding-right: 15px;}
	.ourNW #accountDD {z-index: 99999;}
	.ourNW .accountBtn {}
	.ourNW .accountBtn button {font-family:"Akkurat Pro Bold", "Arial Black", sans-serif;text-align:left;padding:10px 10px;min-width:150px;font-size:1.4em;line-height:1;cursor:pointer;background:transparent;color:#fff;border:2px solid #836EAA;}

	.ourNW .accountBtn a {font-family:"Akkurat Pro Bold", "Arial Black", sans-serif;text-align:left;padding:10px 10px;min-width:150px;font-size:1.4em;line-height:1;cursor:pointer;background:transparent;color:#fff;border:2px solid #836EAA;text-decoration:none}

	/*.ourNW .accountBtn button:hover,
	.ourNW .accountBtn button:focus {background:#fff;color:#4e2a84; border-color:#fff;}*/
	button#accountLoginBtn {text-align:center;}
	button#accountLoginBtn .fa {margin-right:5px;}

	a#accountLoginBtn {text-align:center;}
	a#accountLoginBtn .fa {margin-right:5px;}

	button#accountDDtrigger .fa {margin-left:30px;}
	.ourNW #accountDD {display:none;background: #fff;position: absolute;right: 15px;top: 100%;padding: 15px;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);text-align: left;font-size: 1.25em;line-height: 1.5;}
	/*.ourNW #accountDD ul:before {width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;content: "";display: block;position: absolute;top: -7px;right: 29px;}*/
	.ourNW #accountDD ul {margin:0; padding:0; list-style:none;}
	.ourNW #accountDD ul li {}
	.ourNW #accountDD ul li a {text-decoration:none;color:inherit;display:block; padding:3px;}
	.ourNW #accountDD ul li a:hover,
	.ourNW #accountDD ul li a:focus {text-decoration:underline;}
	.ourNW #accountDD ul li.logout a:before {content:"\f08b";margin-right:5px;font-family:"FontAwesome";color:#4e2a84;}
	.ourNW .logo.logo--alumni {max-width: 240px;}

	@media screen and (max-width:500px) {
		.ourNW #accountInfo .hidden-mobile {display:none;}
		.ourNW .accountBtn button {min-width:10px;font-size:1.2em;}
		.ourNW .accountBtn a {min-width:10px;font-size:1.2em;}
		button#accountDDtrigger .fa {margin-left:10px;}
	}

/* ContentMemberTools */
#top-bar {
    background: #401f68;
    padding: 0;
    font: 12px/1.4em "Akkurat Pro Bold","Arial Black",sans-serif;
    min-height: 60px
}

#ContentMemberTools ul#nav3 {
    margin-top: 1.4rem;
    padding-left: 0;
    display: inline;
}

#ContentMemberTools ul#nav3 li {
    display: inline-block;
    margin-left: 1rem;
    text-transform: uppercase;
}

#top-bar #left #ContentMemberTools ul#nav3 li:first-child {
    margin-left: 0
}

#top-bar #left #ContentMemberTools #nav3 a {
    color: #fff;
    text-decoration: none
}

#top-bar #left #ContentMemberTools a:hover {
    text-decoration: underline !important;
}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
	#top-nav {background:#4e2a84;}

	#top-nav .contain-1120 .dropdownCol--photoBg a {color: #fff;}
	#top-nav .contain-1120 > ul > li a.IModCmsCalendarIcon {display: inline-block;padding: 0;} /* fix for iMods tool icons */
	#top-nav .contain-1120 > ul > li .ftEvent-MM .thumb a, 
	#top-nav .contain-1120 > ul > li .ftEvent-MM .title a {padding: 0;}

	#ContentTopNav16 img.addCalicon, 
	#ContentTopNav16 a.IModCmsCalendarIcon {display: none !important;}  /* hide event tools and calendar icon in MegaMenu */

	.dropdown{-webkit-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2);box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2);}
	#top-nav .contain-1120 .dropdownCol--photoBg__wrap:before {background-image:none; background-color:rgba(64, 31, 104, 0.70);}

	.standard-page .event.event--small.event--small--compact {margin:1rem 0;}
	

/* LEFT COLUMN
---------------------------------------------*/
	.leftNavHeader a {display:none;}
	.leftNavHeader a.selected {display:block;}

	#left-nav ul ul {margin-top:0.5rem;}
	#left-nav ul li.hideLeftSubs > ul {display: none;}

	.structLeftExtras { margin-top:60px;font-size: 16px; line-height: 1.7em;font-family:"Akkurat Pro Regular",Arial,sans-serif;padding-right:3rem;}
	.structLeftExtras > div {margin-bottom:30px;}
	.structLeftExtras a{color: #4e2a84; text-decoration: none; font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;}
	.structLeftExtras a:hover{text-decoration:underline;}
	#left-nav .structLeftExtras ul{list-style:initial;}


/* BODY ELEMENTS
---------------------------------------------*/
	.standard-page #page section:last-child {margin-bottom:5rem;}

	.hero-image .contain-1120 {position: relative;}
	.hero.mobile-hero .mobile-hero-text h2 {display: none;}

	ul#breadcrumbs li.hideBreadcrumb {display: none;}
	ul#breadcrumbs li.hideBreadcrumb.active {display: inline;}

	table[id*="bpEditLayout"] {margin: 0;width: auto;}
	table[id*="bpEditLayout"] td {background: #fff!important;border: none;padding: 0;line-height:1px;}
	.reToolbar li {background:none!important;}
	.reEditorModes li {background:none!important;}
	table[id*="bpEditLayout"] td table,
	table[id*="bpEditLayout"] td .responsive-table,
	.RadEditor table.reBottomTable {margin:0!important;}
	div[id*="_bpEditLayout_Title"] {line-height: normal;padding: 5px;}

	/* removing client table styles */
	/*#main .responsive-table {margin:0;}
	#main .content table, 
	#main .content-full table {line-height: normal; margin: 0;}
	#main .content table td, 
	#main .content-full table td {border:none;padding:0;background:none;}
	#main .content table tr.stripe td, 
	#main .content-full table tr.stripe td {background:none;}*/
	.content table td, .content-full table td {padding:0;border:none;}
	.content table.content td, .content-full table.content td {padding: .7rem 1rem; border: 2px solid #fff; vertical-align: top;}
	.standard-page table.content {width: 100%; float: none;}

	.landing-page.photo {position:relative;}
	.standard-page table.content {width: 100%; float: none;}

	/* news article styling */
	.article .snippetrow.templated {padding:0;}
	.article .snippetrow.templated > div.split70left {padding-right: 40px;}
	.article #news-story #story-floater {width:100%; margin:10% 0 15%;}
	.article p:first-child {margin-top:0;}

	/* Event detail styling - once new event detail page tokens available, swap these out so new tokens show and old ones hide
	---------------------------------------------*/
	.newDate {display: none !important;}
	.oldDate dd {display: block; height: 10px;}
	.standard-page .eventDetail .defaultEventWrap .event-date {display:none;} /* remove when new tokens available */
	.standard-page .eventDetail .defaultEventWrap .event-description {margin-left:0;} /* remove when new tokens available */

	/* Form styling 
	---------------------------------------------*/
	#main div[id*="pnlBreadcrumbs"], 
	#main div.idbmsBreadcrumbWrapper {  border-bottom: 4px solid #f0f0f0;font: 12px/1.5rem "Akkurat Pro Bold","Arial Black",sans-serif; list-style: none;margin-bottom: 2rem;min-height: 30px;  padding: 0 0 0.5rem; text-transform: uppercase;}
	#main div[id*="pnlBreadcrumbs"] > *, 
	#main div.idbmsBreadcrumbWrapper > * {color:#716c6b;background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-ltpurple.svg") no-repeat scroll 0.5rem 0.1rem / 5px 8px; display: inline; padding-left: 2em;}
	#main div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive, 
	#main div.idbmsBreadcrumbWrapper .idbmsBreadcrumbActive {font-size:1em; font-weight:normal;color:#401f68;}
	#main div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbSeparator, 
	#main div.idbmsBreadcrumbWrapper .idbmsBreadcrumbSeparator {display:none;background:none; padding:0;}
	#main div[id*="pnlBreadcrumbs"] > *:first-child, 
	#main div.idbmsBreadcrumbWrapper > *:first-child {background:none; padding:0;}
	#main div[id*="pnlBreadcrumbs"] .stepTxt, 
	#main div.idbmsBreadcrumbWrapper .stepTxt {display:none;}


	#main .imod_formItemWrapper .EventsHeader, 
	#main .imod_fieldWrapper .EventsHeader {border:none;font-family: "Poppins Bold",Impact,sans-serif; font-weight: normal;padding:15px 15px 10px;background:#f0f0f0;text-transform:uppercase;color:#4e2a84;}

	#main .imod_fieldWrapper .imod_fieldLabel {font-family: "Akkurat Pro Bold","Arial Black",sans-serif; font-weight: normal;}
	.login-password-box {width:100%;}
	#main .imod_fieldWrapper .imod_fieldInput textarea, 
	#main .imod_fieldWrapper .imod_fieldInput input[type="text"], 
	#main .imod_fieldWrapper .imod_fieldInput select, 
	#main .imod_fieldWrapper .imod_col2 textarea, 
	#main .imod_fieldWrapper .imod_col2 input[type="text"], 
	#main .imod_fieldWrapper .imod_col2 select, 
	#main .imod_fieldWrapper .imod_col3 textarea, 
	#main .imod_fieldWrapper .imod_col3 input[type="text"], 
	#main .imod_fieldWrapper .imod_col3 select, 
	#main .imod_fieldWrapper .imod_col4 textarea, 
	#main .imod_fieldWrapper .imod_col4 input[type="text"], 
	#main .imod_fieldWrapper .imod_col4 select {background: white; border: 1px solid #cccccc; border-radius: 0; box-sizing: border-box; color: #716c6b; display: inline-block; padding: 0.5em; transition: border 0.3s linear 0s; width: 50%;box-shadow:none; filter:none;font-size:1em;}

	#main .imod_fieldWrapper.split50 .imod_fieldInput input[type="text"], 
	#main .imod_fieldWrapper.split50 .imod_fieldInput select, 
	#main .imod_fieldWrapper.split50 .imod_col2 input[type="text"], 
	#main .imod_fieldWrapper.split50 .imod_col2 select, 
	#main .imod_fieldWrapper.split50 .imod_col3 input[type="text"], 
	#main .imod_fieldWrapper.split50 .imod_col3 select, 
	#main .imod_fieldWrapper.split50 .imod_col4 input[type="text"], 
	#main .imod_fieldWrapper.split50 .imod_col4 select {width:95%;}

	#main .imod_fieldWrapper .imod_fieldInput textarea:focus, 
	#main .imod_fieldWrapper .imod_fieldInput input[type="text"]:focus, 
	#main .imod_fieldWrapper .imod_fieldInput select:focus, 
	#main .imod_fieldWrapper .imod_col2 textarea:focus, 
	#main .imod_fieldWrapper .imod_col2 input[type="text"]:focus, 
	#main .imod_fieldWrapper .imod_col2 select:focus, 
	#main .imod_fieldWrapper .imod_col3 textarea:focus, 
	#main .imod_fieldWrapper .imod_col3 input[type="text"]:focus, 
	#main .imod_fieldWrapper .imod_col3 select:focus, 
	#main .imod_fieldWrapper .imod_col4 textarea:focus, 
	#main .imod_fieldWrapper .imod_col4 input[type="text"]:focus, 
	#main .imod_fieldWrapper .imod_col4 select:focus {border-color: #4e2a84; outline: none;}

	#main .imod_fieldWrapper .imod_fieldInput textarea,
	#main .imod_fieldWrapper .imod_col2 textarea,
	#main .imod_fieldWrapper .imod_col3 textarea,
	#main .imod_fieldWrapper .imod_col4 textarea {border: 1px solid #cccccc;border-radius: 0;height: 8em;overflow: auto;padding: 0.3em 1.5em 0.3em 0.5em;vertical-align: top;width: 100%;}

	#main .imod_fieldWrapper .imod_fieldInput select,
	#main .imod_fieldWrapper .imod_col2 select,
	#main .imod_fieldWrapper .imod_col3 select,
	#main .imod_fieldWrapper .imod_col4 select {background: white url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkpurple.svg") no-repeat top 50% right 0.5rem/17px 10px;color: #716c6b;font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;border: 1px solid #cccccc; display: inline-block;padding: .5em; -webkit-appearance: none;  -moz-appearance: none; -webkit-border-radius: 0; -webkit-transition: 0.3s linear border; -moz-transition: 0.3s linear border; -ms-transition: 0.3s linear border; -o-transition: 0.3s linear border; transition: 0.3s linear border; -webkit-appearance: none;-moz-appearance: none;-webkit-appearance: none; -moz-appearance: none;  -webkit-border-radius: 0;height:38px;}

	#main .imod_formRowWrap select::-ms-expand { display: none; }
	#main .imod_formRowWrap select:-moz-focusring {color: transparent; text-shadow: 0 0 0 black; }
	#main .imod_formRowWrap select option { font-family: "Akkurat Pro Regular", Arial, sans-serif; }
	#main .imod_formRowWrap select[multiple] {height: auto; }

	#main .imod_formBillingWrapper .imod_fieldWrapper .imod_col3 {float: left;width: 70%;}
	#main .imod_formBillingWrapper .imod_fieldWrapper .imod_fieldInput {width: 70%;}
	#main #divPayByCC .imod_fieldWrapper .imod_fieldInput select,
	#main #divPayByCC .imod_fieldWrapper .imod_fieldInput input {width:auto;}
	#main .imod_formBillingWrapper .imod_fieldWrapper div[id*='tdCCExpirationDate2'],
	#main .imod_formBillingWrapper .imod_fieldWrapper div[id*='tdCVV2b'] {width:auto;}


	/* News Patterns
	---------------------------------------------*/
		.tools {clear:both;}

		.photo-feature > a {display: block;}

		.loggedin #ContentMiddle .tools a.IModCmsCalendarIcon {background: none !important; display: inline-block !important; margin: 0; min-height: auto !important; padding: 0 !important; width: auto !important;}

		section.hero .contain-1120 {position: relative;}

		.ftClubWrap {margin:5rem 0;}

		.playVideoHeader .fa {float:left; font-size:50px;}

		/* snippet row overwrites */
		.snippetrow {margin: 0 -1rem;padding:0 0 2rem;width:auto!important;}
		.snippetrow > div {padding: 0 1rem;margin-bottom:1rem;}
		.flexCols > * > .snippetrow > div > *:first-child {margin-top: 0;}

		.flexCols > div {position: relative;}
		.flexCols .withBottomBar {bottom: 0; position: absolute; width: 100%;}

		.snippetrow > div > .withBottomBar {height: 100%;}
		.flexbox .snippetrow {display: -webkit-flex;display: -ms-flexbox;display: flex;}
		.flexbox .snippetrow.noFlex {display: block;}
		.snippetrow.noFlex.bottomBarWrap{position:absolute; width:100%!important; bottom:0;}

		/* News Listing */
		.newsItem {position:relative; }
			/* Image */
			.newsItem .thumb {float: left;margin: 0;width:170px;}
			.newsItem .thumb img {display:block;}
			/* Text */
			.newsItem .text {padding-left:200px;}
			.newsItem .title {font-size:1.2em; line-height:normal; padding:0 0 5px; font-weight:bold;}
			.newsItem .title a {}
			.newsItem .preview {}
	
		/* Events Listing */
		.defaultEventWrap.standard-page {margin-bottom: 2.5rem;}
		.eventItem {position:relative; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
			/* Date */
			.eventItem .date {position:absolute; width:60px;background:#fff; border:1px solid #ccc;text-align:center;}
			.eventItem .date .month {text-transform:uppercase; font-weight:bold; font-size:0.85em; line-height:1em; background:#ccc; padding:5px 0;}
			.eventItem .date .day {font-size:2em; line-height:1.5em;}
			/* Text */
			.eventItem .text {padding-left:80px; min-height:70px;}
			.eventItem .title {font-size:1.2em; line-height:normal; padding:0 0 5px; font-weight:bold;}
			.eventItem .title a {}
			.eventItem .preview {}

			.event-description > p {display: inline;}
			.event-description > p.event-time-location {display: block;}

			.event-description span.learnMoreLink {display: none;}
			.event-description a > span.learnMoreLink {display: inline;}

			.standard-page .pagination a {}
			.standard-page .pagination a.jp-current {background:#616161; color:#fff;}
			.standard-page .pagination a.jp-disabled,
			.standard-page .pagination a.jp-disabled:hover {cursor: default; opacity: 0.5;background:none; color:inherit;}
			#pagerHolder > span {display: inline-block; margin: 0 0.4em 0.3em 0;color:#999;}
			#pagedItemWrap {height: auto !important; min-height: auto !important;}

		/* Gray Large Boxes (1 Across) */
		.sort .row.row-data--large a {width:49%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 2%;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; min-height: 150px;   text-align: center;}
		.sort .row.row-data--large a:nth-of-type(2n+2) {margin-right:0;}
		.sort .row.row-data--medium a .sub,
		.sort .row.row-data--large a .sub {display: block; font-size: 14px; line-height: 1.2; margin-top: 10px;}
		.sort .row.row-data--large a .sub {font-size:15px;}
		.linkBox.small {display: block; float: left; width: 23%;}
		.linkBox.medium {display: block; float: left; width: 32%;}
		.linkBox.large {display: block; float: left; width: 48%;}
		.sort .linkBox > a {width: 95%!important;}

		/* 4 across Photo Boxes - from this page: http://www.northwestern.edu/about/our-people/index.html#All */
		.photo-boxes{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:none !important;margin-top:1.5rem}
		.photo-boxes:after{content:"";display:table;clear:both}
			.photo-boxes .photo-box{width:23.66071%;margin-right:1.78571%;margin-bottom:20px;float:left;line-height:1.5rem}
			.photo-boxes .photo-box:nth-of-type(4n+4){margin-right:0}
			.photo-boxes .photo-box p.link{font-family:"Akkurat Pro Bold","Arial Black",sans-serif;text-transform:uppercase}
			.photo-boxes .photo-box p.link:after{background:url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg") no-repeat 0.8em 3px/5px 8px;padding-right:3rem;content:" "}

		/* 3 across news with sub news on right */
		.news-home { border-bottom: 4px solid #ccc; padding-bottom: 2rem; margin-bottom:2rem;}
		.news-home:after, .news-home .news:after {clear: both; content: ""; display: table;}
			.news-home .news-features {float: left; margin-right: 3.75%; width: 70.8036%;}
			.news-home article {float: left; margin-right: 1.64141%; width: 32.1564%;}
			.landing-page .news-home h3 { border-bottom: none; font-size: 18px; line-height: 1.2em;font-family:"Akkurat Pro Bold","Arial Black",sans-serif;text-align:left;}
			.landing-page .news-home h3:before, 
			.landing-page .news-home h3:after {background: none; display: none; padding: 0;}
			.news-home article:last-of-type {margin-right: 0;}
			.news-home .news-features .thumb {height: 180px;overflow: hidden;margin: 0 0 10px;margin:0 0 10px;background-position:center; background-repeat:no-repeat;background-size:cover;}
			.news-home .news-features .thumb img {display:none;}

			.news-home .news-list {float: left; width: 25.4464%;}
			.landing-page .news-home .news-list .featureNewsItem {margin-bottom: 1.5rem;}
			.landing-page .news-home .news-list h3 {font-size: 18px; line-height: 1.2em; padding:0;}
			.landing-page .news-home .news-list .thumb {display: none;}

		/* people - small thumbnail/minimum text */
		.minimalPersonItem {}
			/* thumb */
			.minimalPersonItem .thumb {width:95px;float:left;}

		


/* RIGHT COLUMN
---------------------------------------------*/


/* Footer Elements 
---------------------------------------------*/
footer a {text-decoration:none;}
footer a:hover {text-decoration:underline;}


/* Mobile Navigation
-----------------------------------------------*/



/* Utility Classes 
-----------------------------------------------*/
	/* Flexbox Equal heights */
	.flexbox .equal-height {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex; 
		-webkit-flex-direction: row; 
		    -ms-flex-direction: row; 
		        flex-direction: row;
	}
	.flexbox .equal-height-item {
		display: inherit;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.flexbox .equal-height-item-inner {
		-webkit-flex: 1 0 auto;
		    -ms-flex: 1 0 auto;
		        flex: 1 0 auto;
	}
		/* Stack items on mobile */
		@media only screen and (max-width: 699px) {
			.flexbox .equal-height 	{
				-webkit-flex-direction: column;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
		}

/* Added by RT on 2/24/17 */
blockquote{font-family:'Akkurat Pro Light', sans-serif; line-height:1.4rem; border-left:solid 5px #ccc; padding-left:20px;}
ul.imod-cms-menu2-horizontal li a{height:auto;}
.footerSub a{color:#fff; text-decoration:none;}
.footerSub a:hover{text-decoration:underline;}
#top-nav .contain-1120>ul>li>a{position:relative; padding:1rem 2rem 1rem 1.5rem;}
#top-nav .contain-1120>ul>li .dropdown-arrow{position:absolute; top:1.4rem; right:1rem;}
.large-feature-inner .right-side ul li::after{display:none;}
.imodcalendardetail > h2{display:none;}

.standard-page .large-feature-inner:after,
.standard-page .photo-feature-3-across:after{content:''; display:table; clear:both;}
.standard-page .large-feature {
    padding: 4rem;
    background: url(https://common.northwestern.edu/v8/css/images/slashes-grey-bg.gif)
}
.standard-page .large-feature-inner {
    max-width: 1120px;
    margin: 3rem auto 0;
    box-sizing: content-box
}
.standard-page .large-feature-inner .content-side {
    width: 78.57143%;
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 3.57143%
}
.standard-page .large-feature-inner .content-side img {
    float: left;
    margin: 0 2rem 2rem 0
}
.standard-page .large-feature-inner .content-side h4 {
    font: 48px/1.1em "Poppins Bold", Impact, sans-serif;
    margin-bottom: 3rem;
    color: #4e2a84
}
.standard-page .large-feature-inner>ul {
    width: 21.42857%;
    float: left;
    padding-left: 0;
    margin-left: 0
}
.standard-page .large-feature-inner>ul li {
    background: 0 0;
    line-height: 1.2rem;
    margin-bottom: 1rem
}
.standard-page .large-feature-inner>ul li:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) 50%/6px no-repeat;
    padding-right: 2rem;
    content: " "
}
.standard-page .large-feature-inner>ul li a {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
}
.standard-page .large-feature-inner .right-side {
    width: 21.42857%;
    float: left;
    padding-left: 1.5rem
}
.standard-page .large-feature-inner .right-side h4 {
    font: 24px "Akkurat Pro Regular", Arial, sans-serif;
    padding-bottom: .5rem;
    margin-bottom: 1.5rem;
    border-bottom: 4px solid #ccc;
    color: #716c6b
}
.standard-page .large-feature-inner .right-side ul {
    padding-left: 0;
    margin-left: 0
}
.standard-page .large-feature-inner .right-side ul li {
    background: 0 0;
    line-height: 1.2rem;
    margin: 0 0 1rem;
    padding-left: 0
}
.standard-page .large-feature-inner .right-side ul li:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) 50%/6px no-repeat;
    padding-right: 2rem;
    content: " "
}
.standard-page .large-feature-inner .right-side ul li a {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
}
@media screen and (max-width: 1100px) {
    .standard-page .large-feature-inner .content-side,
    .standard-page .large-feature-inner .right-side,
    .standard-page .large-feature-inner>ul {
        float: none;
        width: 100%;
        border: none;
        border-right: 0
    }
    .standard-page .large-feature-inner .content-side li,
    .standard-page .large-feature-inner .right-side li,
    .standard-page .large-feature-inner>ul li {
        padding-left: 0
    }
    .standard-page .large-feature-inner .content-side {
        padding-right: 0
    }
    .standard-page .large-feature-inner .content-side:after {
        content: "";
        display: table;
        clear: both
    }
    .standard-page .large-feature-inner .right-side {
        padding-left: 0
    }
}
@media screen and (max-width: 850px) {
    .standard-page .large-feature,
    .standard-page .large-feature-wrap {
        padding: 2rem
    }
    .standard-page .large-feature .content-side img {
        float: none;
        margin-bottom: 1rem
    }
    .standard-page .large-feature .content-side h4 {
        font-size: 36px
    }
}
@media screen and (max-width: 1150px) {
    .standard-page .photo-feature-3-across .photo-feature .text-over-image {
        padding: 0 1em
    }
    .standard-page .photo-feature-3-across .photo-feature .text-over-image h4 {
        font-size: 26px
    }
    .standard-page .photo-feature-3-across .photo-feature .back-text {
        padding: 0 1em
    }
}
@media screen and (max-width: 960px) {
    .standard-page .photo-feature-3-across .photo-feature {
        width: 50%
    }
}
@media screen and (max-width: 800px) {
    .standard-page .photo-feature-3-across .photo-feature {
        width: inherit;
        max-width: 480px;
        float: none;
        margin: 0 auto
    }
}
@media screen and (max-width: 768px) {
    .standard-page .photo-feature-3-across .photo-feature {
        width: inherit;
        max-width: 480px;
        margin: 0 auto;
        float: none
    }
    .standard-page .photo-feature-3-across .photo-feature .text-over-image {
        width: 100%
    }
    .standard-page .photo-feature-3-across .photo-feature .text-over-image h4 {
        font-size: 24px
    }
    .standard-page .photo-feature-3-across .photo-feature .text-over-image h4.campton {
        font-size: 30px
    }
    .standard-page .photo-feature-3-across .photo-feature .text-over-image p {
        display: none
    }
    .standard-page .photo-feature-3-across .photo-feature .text-over-image p.link {
        display: block
    }
}
@media screen and (max-width: 420px) {
    .standard-page .photo-feature-3-across .photo-feature .back-text {
        padding: 0 .5rem
    }
    .standard-page .photo-feature-3-across .photo-feature .back-text h3 {
        font-size: 16px;
        margin-bottom: .5rem
    }
    .standard-page .photo-feature-3-across .photo-feature .back-text p {
        font-size: 14px
    }
}
.standard-page .photo-feature-3-across {
    margin-top: 3rem
}
.standard-page .photo-feature-3-across .photo-feature {
    width: 33.333333%;
    float: left;
    position: relative;
    max-height: 350px
}
.standard-page .photo-feature-3-across .photo-feature img {
    display: block
}
.standard-page .photo-feature-3-across .photo-feature .back {
    display: none;
    background-color: #836eaa;
    width: 100%
}
.standard-page .photo-feature-3-across .photo-feature .text-over-image {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    bottom: 1rem;
    z-index: 31;
    width: 90%
}
.standard-page .photo-feature-3-across .photo-feature h4 {
    font: 30px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    margin-bottom: -.5rem;
    text-shadow: 2px 2px 0 #000
}
.standard-page .photo-feature-3-across .photo-feature p {
    font: 16px/1.3em "Akkurat Pro Regular", Arial, sans-serif;
    text-shadow: 2px 2px 0 #000
}
.standard-page .photo-feature-3-across .photo-feature p.link {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    text-transform: uppercase
}
.standard-page .photo-feature-3-across .photo-feature p.link:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg) 50%/6px 10px no-repeat;
    padding-right: 2rem;
    content: " "
}
.standard-page .photo-feature-3-across .photo-feature .back-text {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    z-index: 31;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center
}
.standard-page .photo-feature-3-across .photo-feature .back-text h4 {
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    margin-bottom: 1.5em;
    text-shadow: none
}
.standard-page .photo-feature-3-across .photo-feature .back-text p {
    text-shadow: none
}
.standard-page .photo-feature-3-across .photo-feature .back-text p.link {
    margin-top: 1em
}

.standard-page #main > section, .standard-page #main-content > section{margin-bottom:5rem;}
.landing-page .content p.subhead{margin-top:0;}
.landing-page .drop--postHero.section > section.contain-1120{margin-bottom:0;}
.block.block--bordered .preview:after{content:''; display:table; clear:both;}
.landing-page .content .section-top.top-margin{margin-top:3rem;}
h3.slash.small{font:24px "Poppins Extra Bold", Impact, sans-serif; color:#4e2a84; text-align:center;}
h3.slash:before, h3.slash:after{background:url(https://common.northwestern.edu/v8/css/images/icons/grey-slash.svg) 50%/17px 21px no-repeat; padding:0 20px; content:'';}
header #top-bar #left a.button{margin:0; padding:0;}
#top-nav .dropdown span.t-small a{margin-top:4px;}
    /*------------------POPUPS------------------------*/
#fade {
    display: none;
    background: #000;
    position: fixed; left: 0; top: 0;
    z-index: 10;
    width: 100%; height: 100%;
    opacity: .80;
    z-index: 9999;
}
.popup_block{
    display: none;
    background: #fff;
	color:#fff;
    padding: 0;
    border: 6px solid #4e2a84;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; 
    left: 50%;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	text-align:center;
}
.popup_block .close {
    color: #4e2a84;
    top: 10px;
    left: 10px;
 	padding: 10px;
    position: absolute;
    text-decoration: none;
	float:left;
	display:block;
	text-transform:uppercase;
	font-size:18px;
	line-height:22px;
    border: none;
}
.modal-wrap {
    float: left;
    padding: 40px 30px;
}
.modal-wrap .header {
    color: #4e2a84;
    font-size: 34px;
    font-family: "Poppins Bold",Impact,sans-serif;
    line-height: 1.3;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
    border-bottom: 1px solid #4e2a84;
}
.modal-wrap .copy {
    color: #4e2a84;
    font-size: 25px;
    font-family: "Poppins Light",Impact,sans-serif;
    line-height: 1.3;
    padding: 20px 0;
    float: left;
    width: 100%;
}
.modal-wrap .modal-btn {
    color: #fff;
    text-transform: uppercase;
    float: left;
    width: 100%;
    padding-top: 10px;
}
.modal-wrap .modal-btn a {
    color: #fff !important;
    border: none;
    padding: 15px 30px;
    background: #4e2a84;
}

@media only screen and (max-width: 767px) {
    .popup_block {
        width: 280px !important;
    }
    .modal-wrap .modal-btn {
        background: #4e2a84;
        padding: 10px 0;
    }
    .modal-wrap .modal-btn a {
        padding: 15px 5px;
        width: 100%;
        line-height: 1.25;
        background: none;
    }
}
.photo-feature-3-across.mdSize{display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.photo-feature-3-across.mdSize .photoBox-txt-nospace.medium{width:33.33333%;}
.photo-feature-3-across.mdSize .photoBox-txt-nospace.medium .photo-feature{width:100%;}
.photo-feature p{font-size:16px;}
#divButtons{padding-left:30%;}
/* end added by */

input[id*="txtPromotionCode"] {width: 200px !important;margin-right:10px;}
.promo-code-apply-button {}

/* Our Northwestern Template */
body.ourNW .footerSub {background:#401F68;}

	
/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Wide Desktop Only
   ========================================================================== */
@media only screen and (min-width: 1280px){

}


/* =============================================================================
   Desktop Only
   ========================================================================== */
@media only screen and (min-width: 1024px){

}


/* =============================================================================
   Below Desktop
   ========================================================================== */
@media only screen and (max-width: 1023px){

}

/* =============================================================================
   Tablet
   ========================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1023px){

	header #top-bar #right {margin-right:25px;}
	header #top-bar .topNav {display: block;}

	.photo-feature-3-across.mdSize .photoBox-txt-nospace.medium{width:50%;}
}


/* =============================================================================
   Mobile
   ========================================================================== */
@media only screen and (max-width: 768px) {
	header #top-bar {display:none;}
	header .bottom-bar {position:relative;}
	#department {padding: 0 0.5rem;float:left;display:block;width:60%;position:relative;z-index:10;}
	#department h1 {font-size: 24px;margin:1px 0 2px;}
	#department h1 img {margin: 1.1rem 0 1rem; max-width: 170px;}
	#mobile-links {display: block; height: 55px;position:absolute; top:0; right:0;margin:0;width:100%; text-align:right;left:auto;z-index:5;}
	#mobile-links .mobile-link {position:static;}
	#mobile-links .mobile-nav-link {display:inline-block;}
	#mobile-nav-bottom {background: #401f68}
	#mobile-links .mobile-link.mobile-nav-link.open { background: #fff url("https://common.northwestern.edu/v8/css/images/icons/close-button-dkpurple.svg") no-repeat scroll center center / 20px 20px;}
	#mobile-links .mobile-link.mobile-search-link.open {background: #401f68 url("https://common.northwestern.edu/v8/css/images/icons/alert-x-white-home.svg") no-repeat scroll center center / 20px 20px;}
	#mobile-links .search-form {background:#401f68;}

	.flexbox .snippetrow {display:block;padding-bottom:0;}

	/* fixing mobile travel event listing display */
	.travelEventsWrap .eventWithImage {display:block!important}
	.travelEventsWrap .eventWithImage .flexCols__2 {margin-top:1rem;}

	/* fixing drop shadow on news module grid */
	.photo-feature .text-over-image h4,
	.photo-feature p {text-shadow: 1px 1px 0 #000;}

	/* stacking date box on small event display on mobile */
	.standard-page .event .event-date,
	.standard-page .event.event--small .event-date {clear:both; float:none;position:static;}
	.standard-page .event .event-description,
	.standard-page .event.event--small .event-description {margin-left:0;margin-top:0.75rem;}

	/* fix travel trips titles to be height auto */
	.sectionHeader.equalHeightTitle {height: auto !important;}

	/* Photo boxes media query */
	.photo-boxes .photo-box{width:48.5%;margin-right:3%}
	.photo-boxes .photo-box:nth-of-type(2n+2){margin-right:0}

	.news-home .news-features { display: block; float: none; margin-right: 0; width: 100%;}
	.news-home article {float: none; width: 100%;}
	.news-home .news-list { display: block; float: none; width: 100%;}

	/* Added by RT on 03/06/17 */
	.travelEventsWrap .pagination{display:none;}
	a.button{white-space:normal;}
	.photo-feature-3-across.mdSize .photoBox-txt-nospace.medium{width:100%;}
	.photo-feature-3-across.mdSize .photoBox-txt-nospace.medium .photo-feature{float:none;}

	/* end added by */

}


/* =============================================================================
   Less than 480px / mobile portrait
   ========================================================================== */
@media only screen and (max-width: 480px) {

	.newsItem .thumb {float: none; margin: 0 0rem 1rem 0;}
	.sort .row.row-data--medium a,
	.sort .row.row-data--large a {width:100%; margin-right:0;min-height:100px;}
	.sort .row.row-data--medium a .sub,
	.sort .row.row-data--large a .sub {font-size:13px;}

	.snippetrow.noFlex.bottomBarWrap,
	.flexCols .withBottomBar {position:static;}

	.heroSmall {font-size: 18px !important;}

	.newsItem .text {padding-left:0;}

	/* Photo boxes media query */
	.photo-boxes .photo-box{width:100%}

	#main div[id*="pnlBreadcrumbs"] .stepTxt, 
	#main div.idbmsBreadcrumbWrapper .stepTxt {display:inline-block;padding-right:5px;}
	#main div[id*="pnlBreadcrumbs"] > *, 
	#main div.idbmsBreadcrumbWrapper > * {display:none;background:none;padding-left:0;}
	#main div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive, 
	#main div.idbmsBreadcrumbWrapper .idbmsBreadcrumbActive {display:block;}

	/* Added by RT on 02/24/17 */
	.standard-page .content .background-select h3,
    .standard-page .content .large-feature-wrap h3{
        font: 20px "Poppins Extra Bold", Impact, sans-serif;
        margin-bottom: 1rem
    }
    .standard-page .content .background-select h3+p,
    .standard-page .content .large-feature-wrap h3+p {
        margin-top: 0
    }
    .standard-page .content .background-select h3:after,
    .standard-page .content .background-select h3:before,
    .standard-page .content .large-feature-wrap h3:after,
    .standard-page .content .large-feature-wrap h3:before {
        background: 0 0;
        padding: 0
    }
	.standard-page .large-feature-wrap {
        padding: 1rem
    }
    .standard-page .large-feature {
        padding: 2rem 1rem
    }
    .standard-page .large-feature h3 {
        font-size: 20px
    }
    .standard-page .large-feature h3:after,
    .standard-page .large-feature h3:before {
        background: 0 0
    }
    .standard-page .large-feature .content-side h4 {
        font-size: 28px
    }
	.landing-page .background-select h3 {
        font-size: 28px
    }
	#divButtons{padding-left:0;}
	/* end added by */

}


/* =============================================================================
   Retina Display 
   ========================================================================== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

}

/* custom directory styling */
.imod-directory-member-data-container .imod-directory-member-name a {
    font-weight: normal;
    font-size: inherit;
    padding-top: 0;
    display: inline-block;
}
.imod-directory-member-data-container .imod-directory-member-name {
    padding: 5px 0 5px;
    display: block;
}
.imod-directory-member-data-container .imod-directory-member-name .name {
    font-weight: normal;
    color: #4E2A84;
    font-family: "Poppins Bold", Tahoma, sans-serif;
	font-size: 34px;
	line-height:1.2;
}
.imod-directory-member-data-container .imod-directory-member-name .maiden,
.imod-directory-member-data-container .imod-directory-member-name .deceased {
	color: #716C6B;
	font-size: 26px;
	display: inline-block;
	line-height: 1;
}
@media only screen and (max-width: 480px) {
	.imod-directory-member-data-container .imod-directory-member-name .name {
		font-size:24px;
	}
}

/* OPENAIR */
.imod-directory-search-result-container .imod-directory-search-result .imod-directory-result-wrapper .imod-directory-member-data-container .imod-directory-details .imod-directory-member-more > a {
	border-radius: 0;
	text-transform: uppercase;
}

.imod-directory-search-result-container:nth-child(2n+1) .imod-directory-search-result .imod-directory-result-wrapper {
	background: none !important;
}

/* MAINT 125051 DT 10282019 */
/* Public profile fields view CSS */
#divProfileContainer .imod-profile-summary-member-name {
	/* copy subhead font treatment from alumni.northwestern homepage */
	color: #4e2a84;
	font: 46px/1.2em "Poppins Light", Tahoma, sans-serif !important;
	margin-bottom: 1rem;
  }
  
  #divProfileContainer .imod-profile-step-header-inner {
	/* copy h3 headline treatment from alumni.northwestern */
	font: 34px/1.2em "Poppins Bold", Impact, sans-serif;
	color: #4e2a84;
	margin-bottom: 0.5rem;
  }
  
  #divProfileContainer .imod-profile-form-buttons {
	/* make sure edit buttons are akkurat, and not bold */
	font-family: "Akkurat Pro";
  }
  
  #divProfileContainer .imod-profile-field-label.ng-binding.ng-scope {
	/* fixes buggy label placement */
	clear: both;
  }
  
  #divProfileContainer div.imod-profile-fields ul li div.imod-profile-field-data {
	margin-top: 0px;
  }
  
  #divProfileMain #divProfileContainer div.imod-profile-fields ul li {
	padding: 0 !important;
	margin-bottom: 1rem !important;
	line-height: normal !important;
	min-height: 38px;
  }
  
  #divProfileMain #divProfileContainer div.imod-profile-fields ul li:before,
  #divProfileMain #divProfileContainer div.imod-profile-fields ul li:after {
	/* allows li container to be as big as it's children */
	content: " ";
	display: table;
  }
  
  #divProfileMain #divProfileContainer div.imod-profile-fields ul li:after {
	/* allows li container to be as big as it's children */
	clear: both;
  }
  
  #divProfileContainer div.imod-profile-header {
	padding: 0px;
	margin-bottom: 1rem;
	margin-top: 1rem;
  }
  
  #divProfileMain #divProfileContainer div.imod-profile-fields ul {
	padding: 0px !important;
	background-color: #ffffff !important;
  }
  
  #divProfileContainer .imod-profile-category {
	/* make category flush with header, and give bottom border */
	padding-left: 32px;
	padding-bottom: 1rem;
	border-bottom: 1px solid #f0f0f0;
  }
  
  @media only screen and (max-width: 768px) {
	#divProfileContainer .imod-profile-step-header-inner {
	  /* big category header font needs to scale down */
	  font-size: 20px;
	  line-height: normal;
	}
  }
  /* --------------------------------------------------------------------- */
  /* Edit profile CSS */
  #FormRow div.imod-profile-fields ul li.imod_fieldWrapper {
	/* Field row style */
	background: #fff !important;
	border-bottom: 1px solid #f0f0f0 !important;
	padding: 20px 10px !important;
  }
  
  #FormRow div.imod-profile-fields ul li.imod_fieldWrapper:last-child {
	border-bottom: 0px solid #ffffff !important;
  }
  
  #FormRow .imod_categoryWrapper {
	/* Increase margin after category wrapper */
	margin-bottom: 2rem;
  }
  
  #FormRow div.imod-profile-fields ul li div.imod-profile-field-label {
	color: #342f2e; /* Make field label body text color */
  }
  
  #FormRow .imod-profile-step-header-inner {
	margin-bottom: 1rem; /* Give header bottom margin */
  }
  
  #FormRow .imod-profile-step-header {
	background: #fff !important; /* Change header bg from grey to white */
  }
  
  #FormRow div.imod-profile-header {
	/* Category header style */
	padding: 0px;
	background-color: #ffffff;
	text-transform: none;
	font: 26px/1.2em "Akkurat Pro Regular", Arial, sans-serif;
	color: #716c6b;
  }
  
  #FormRow div.imod-profile-edit-form-buttons {
	/* Remove color background behind save/cancel buttons */
	background: #ffffff;
	border-radius: 0px;
  }
  
  #FormRow div.imod-profile-edit-form-buttons input {
	/* Use site button style for save button */
	font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
	color: #fff;
	background: #4e2a84;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0 0 0.5em;
	padding: 0.8em 1em 0.7em;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	min-width: 165px;
	border-radius: 0px;
  }
  
  #FormRow div.imod-profile-edit-form-buttons input:hover {
	/* Fix hover state background */
	background: #b6acd1;
  }
  
  #FormRow div.imod-profile-edit-form-buttons a {
	/* Change cancel button color from white to grey */
	color: #716c6b;
  }

  /* MAINT 128955 DT 12042019 */
.resultsClass {
	display: block;
	text-align: right;
}

/* MAINT 129828 DT 12182019 */
.imod-profile-summary-institutional-suffix, .imod-profile-summary-employer {
	color: #716C6B;
	font-size: 26px;
	font-family:"Akkurat Pro Regular",Arial,sans-serif;
}

.imod-profile-summary-details-right a {
	margin:0 10px;
}

/* MAINT 133793 DT 01242020 */
#btnSendEmail {
	background:#4e2a84;
	padding: 3px 10px;
	line-height: 20px;
	color:white !important;
	font-size: 1rem;
	z-index: 9999;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
	text-decoration: none !important;
	text-transform: uppercase;
	cursor: pointer;
}

#btnSendEmail:hover {
	background: #836EAA;
}

/* MAINT 135588 DT 01292020 */
#innerWrap header {
	display: block!important;
}

/* MAINT 189423 EM 9/14/2021 */
tr.idbmsMembershipLevelHeader td {
    background: #4e2a84;
    font: 21px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    padding: .7rem 1rem;
    text-align: left;
    border: 2px solid #fff;
	font-weight:bold;
}

/* OA Task DT 12212023 */
#MainBody.IMOD6 a.expand {
	background-color: #4E2A84;
}

/* MAINT 256366 DT 04032024 */
footer ul.social-icons {
	margin: 10px 0 40px;
	padding: 0;
	list-style: none;
	text-align: left;
}
@media only screen and (min-width: 700px ) {
	footer ul.social-icons {
		text-align: left;
		margin-top: 0;
	}
}
footer ul.social-icons li {
	display: inline-block;
	padding: 0px;
}
footer ul.social-icons li + li {
	margin-left: 5px;
}
footer ul.social-icons li a {
	text-decoration: none;
	display: -ms-flexbox;
	display: flex;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 2rem;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	color: #4E2A83;
	border: 1px solid transparent;
}
footer ul.social-icons li a svg {
	height: 16px;
	display: inline-block;
	fill: white;
	margin-top: -2px;
}
footer ul.social-icons li a:hover,
footer ul.social-icons li a:focus {
	background: #b6acd1;
	color: #38175A;
	border-color: #fff;
}
footer ul.social-icons li a:hover svg,
footer ul.social-icons li a:focus svg {
	fill: #4c4c4c;
}
footer ul.social-icons li a:focus {
	outline: none;
}
footer ul.social-icons li a em {
	font-style: normal;
}
footer ul.social-icons li a .fa-linkedin::before {
	content: "\f08c";
}