/* BEGIN DEFAULT CSS --------------------------------------------> */

html
{
	/* prevent vertical scrollbar jump */
	overflow-y: scroll;

	/* need to hide bottom scrollbar if using the calc(50vw - 50%) method */
	overflow-x: hidden;
}

body
{
	position: relative;
	max-width: 1463px;
	min-width: calc(320px - 10vw);
	margin: 0 auto;
	padding: 0 5vw 0 5vw;
	font: 300 22px/1.5 sourcesans, sans-serif;
	color: #3e3e3e;

	/* fluid css (font-size 19px @ 320 to 22px @ 920) - https://codepen.io/lowbatteries/full/qBEyXEP */
	font-size: clamp(
		19px,
		calc(19px + (22 - 19) * ((100vw - 320px) / (920 - 320))),
		22px
		);
}

p
{
	margin: 0 0 1em 0;
}

td p
{
	margin: 0;
	padding: 0;
}

b b,
strong strong,
strong b,
b strong
{
	font-weight: inherit; /* bad HTML was making multiple levels of bold */
}

/* no blockquote, just padding - make it equal */

p[style*='padding-left: 30px'],
td p[style*='padding-left: 30px']
{
	padding-right: 30px
}

p[style*='padding-left: 60px'],
td p[style*='padding-left: 60px']
{
	padding-right: 60px
}

p[style*='padding-left: 90px'],
td p[style*='padding-left: 90px']
{
	padding-right: 90px
}

sup, sub
{
   line-height: 0;
}

a
{
	color: #007dd9;
	text-decoration: none;
}

#Overview-tab a
{
	text-decoration: underline;
}

a:hover,
a:focus
{
	text-decoration: underline;
}

/* make tel: links look like normal text */
a[href^=tel]
{
	color: inherit !important;
	text-decoration: inherit !important;
	cursor: default !important;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	color: #000000;
	line-height: normal;
}

h1
{
	padding: 5px 0 15px 0;
	font-weight: 600;
	color: #00568f;

	font-weight: 400;
	font-size: 1.3em;
	font-size: max(1.3em, min(48/1300 * 100vw, 48px));
}

h2
{
	padding: 0 0 10px 0;
	font-size: 1.75rem;
	text-transform: none;
	font-weight: 600;
	color: #c79f39;
}

#subContent h2
{
	margin: 0;
	padding: 8px 0 8px 0;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #c79f39;
}

h3
{
	padding: 5px 0 15px 0;
	font-size: 1.75rem;
	color: #000000;
	font-weight: 600;
}

h4
{
	text-transform: uppercase;
}

h5
{
	padding: 0 0 10px 0;
	color: #333333;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	text-transform: uppercase;
}

/* Reserved for Print Pilot */
h6
{
	font-weight: bold;
	font-size: 1em;
}


ul, ol
{
	padding: 0;
	margin: 0 0 1em 0;
}

ol
{
	padding-left: 1em;
}

li
{
	list-style: none url('../i/bullet-default.png'); /* data_uri */
	margin: 0 0 .5em 1.5em;
	padding: 0;
}

li:last-child
{
	margin-bottom: 0; /* helps prevent jumping on jQuery slideDown reveals */
}

ol ul,
ul ul
{
	padding: 0;
	margin: .5em 0 0 0;
}

li p
{
	margin: 0;
	padding: 3px 0 2px 0;
}

img
{
	border: 0;
}

#content img
{
	max-width: 100%;
	height: auto;
}

#content > div > :first-child,
#content > div > :first-child > :first-child
{
	margin-top: 0;
}

#disclaimerText
{
	font-size: 14px;
	line-height: 1.1;
	color: #757575;
	padding-top: 26px;
}

/* ---- START FLEXIBLE BACKGROUNDS ---

	items that need a background stripe - make sure the item itself has:

	- position:relative
	- a background color set
	- no uncleared floats (needs to stretch to its contents height
	- can't use overflow: hidden
*/

#header::before,
#pageHead::before,
#index #artAnim::before
{
	content: '';
	background-color: inherit;

	position: absolute;
	z-index: -1;

	top: 0;
	bottom: 0;

	/*
			we need to be left offset by the width of the left margin, which is half the
			difference between page width and viewport width

				long version, before simplifying: -(100vw - 100%)/2
	*/
	left: calc(50% - 50vw);
	width: 100vw;
}

/* Header --------------------------------------------------------> */

#topStripes
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 25000;
	width: 100vw;
}

#topStripeBlack
{
	height: 31px;
	background: rgba(0,0,0,0.90);
}

#header
{
	position: sticky;
	top: 0;
	z-index: 25000;
	height: 93px;

	background: #132c3f;
}

#header a
{
	text-decoration: none;
}

#topLinks
{
	position: relative;
	height: 31px;
	line-height: 22px;
	box-sizing: border-box;
}

#topLinks ul,
#topLinks ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#topLinks ul
{
	text-align: right;
}

#topLinks li
{
	display: inline-block;
	line-height: 14px;
}

#topLinks a
{
	color: #a5a5a5;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	text-transform: uppercase;
}

#topLinks a:hover,
#topLinks a:focus
{
	color: #589ec0;
	text-decoration: none;
}

#topLinks ul li a.addthis_button
{
	display: block;
	height: 15px;
	margin: 0 20px 0 0;
	padding: 0 0 0 16px;
	background: url('../i/share.svgz') 0px 1px no-repeat; /* data-uri */
}

#topLinks ul li a#printLink
{
	display: block;
	height: 15px;
	margin: 0 8px 0 0;
	padding: 0 0 0 20px;
	background: url('../i/print.svgz') 0px 0px no-repeat; /* data-uri */
}

form#topSearch
{
	position: absolute;
	z-index: 20001;
	top: 31px;
	right: 0;
	width: 158px;
	height: 50px;
	overflow: hidden;
	background: #4298ce;
}

form#topSearch > div > div
{
	margin: 0;
}

.js form#topSearch > div > div > label
{
	top: 13px;
	left: 14px;
	color: #cccccc;
	font: 500 16px/1.5 sourcesans, sans-serif;
	text-transform: uppercase;
}

form#topSearch > div > div > input[type=text]
{
	float: left;
	width: 128px;
	height: 50px;
	padding: 0 10px 0 14px;
	background: none;
	border: 0;
	box-sizing: border-box;
	color: #cccccc;
	font: 500 16px/1.5 sourcesans, sans-serif;
	text-transform: uppercase;
}

form#topSearch > div > div > input[type=text]:focus
{
	outline: none;
	border: 0;
}

form#topSearch > div > div > button
{
	float: left;
	width: 28px;
	height: 50px;
	background: none;
	border: 0;
	cursor: pointer;
}

#pageHead
{
	position: relative;
	background: #132c3f;

	padding: 29px 0 0;

	display: flex;
	flex-direction: column;
	align-items: flex-end;

	margin-bottom: 80px;
}

#logo
{
	position: relative;
	width: 100%;
	box-sizing: border-box;

	display: flex;
	justify-content: space-between;
}

@media (min-width: 1070px)
{
	#pageHead
	{
		padding-bottom: 30px;
	}
}

@media (min-width: 600px)
{
	#logo::after
	{
		content: '';
		display: block;
		width: 50%;

		background: no-repeat url(../i/watermark.svgz) top right / contain;

	}
}

@media (max-width: 1069px)
{
	#logo::after
	{
		background-position: calc(100% - 50px) 0%
	}
}

#logo img
{
	display: block;
	height: 113px;
	margin-bottom: 15px;

	transition: all 300ms;
}

.bioDetail #logo::after,
#index #logo::after,
.consultingPage #logo::after
{
	content: none;
}

body.consultingPage #logo img
{
	height: 60px;
}

a#pdfLink
{
	padding: 2px;
	margin: 5px 0 5px 30px;
	background: #3ba0eb;

	display: flex;
	align-items: center;
}

a#pdfLink img
{
	display: block;
}

a#pdfLink:hover img,
a#pdfLink:focus img
{
	filter: brightness(0) invert(1);
	opacity: .85;
}

#topLinks #searchButton
{
	position: absolute;
	top: 44px;
	right: 10px;
}

#topLinks #searchButton img
{
	height: 20px;
	height: 20px;
	display: block;
}

@media (max-width: 1600px)
{
	#logo img
	{
		height: 4.3vw;
		margin-bottom: calc(0.7vw + 15px);
		min-height: 50px;
	}
}

@media (max-width: 1069px)
{
	#header
	{
		position: relative;
		height: 0;
		padding: 0;
		margin: 0;
	}

	#logo
	{
		margin: 0;
		padding: 0;
	}

	#header.mobile-nav-open ~ #logo
	{
		z-index: 20000;
	}

	#topLinks ul li a.addthis_button
	{
		margin: 0;
	}

	#topLinks ul li:last-child
	{
		display: none;
	}

	#topSearch
	{
		display: none;
	}

	#topLinks li:not(#searchButton)
	{
		display: none;
	}

	#topLinks
	{
		position: absolute;
		right: 48px;
		top: 26px;

		z-index: 999;
	}

	#topLinks #searchButton
	{
		position: static;
		top: 0;
		right: 0;
	}

	#topLinks #searchButton img
	{
		display: block;
		width: 23px;
		height: 23px;
		margin: -1px 0 0 0;
		vertical-align: middle;
	}
}


@media (max-width: 767px)
{
	body.consultingPage #logo img
	{
		width: calc(100vw - 120px);
		height: auto;
		margin-top: 18px;
		margin-bottom: 8px;
	}
}


/* Main Navigation -----------------------------------------------> */

#mainNav
{
	position: relative;
	z-index: 20000;
	height: 50px;

	/* carbon fiber, https://projects.verou.me/css3patterns/#carbon-fibre */
	/*
	background:
	radial-gradient(black 15%, transparent 16%) 0 0,
	radial-gradient(black 15%, transparent 16%) 4px 4px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 4px 5px;
	background-color:#124972;
	background-size:8px 8px;
	*/

	/* background: #124972 url(../i/45-degree-fabric-dark.png); */

	background: #3ba0eb;
}

/* base style resets */
#mainNav ul,
#mainNav li
{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#mainNav > ul
{
	width: 100%;
	text-align: right;
}

#mainNav ul li.sf-parent
{

	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
	text-transform: uppercase;
}

#mainNav ul li.sf-child
{
	font-weight: 600;
	font-size: 15px;
	line-height: 18px;
	text-transform: none;
}

#mainNav a
{
	display: block;
	color: #ffffff;
	padding: 11px 9px 11px 9px;
}

@media (min-width: 1116px)
{
	#mainNav a
	{
		padding: 11px 12px 11px 12px;
	}

	div#subNav
	{
		width: calc(1038px - 50% + 50vw);
	}
}

@media (min-width: 1216px)
{
	#mainNav a
	{
		padding: 11px 15px;
	}

	div#subNav
	{
		width: calc(1085px - 50% + 50vw);
	}
}

#mainNav > ul > li:hover > a,
#mainNav > ul > li > a:focus
{
	color: #ccc;
}

#mainNav ul ul li:hover > a,
#mainNav ul ul li > a:focus
{
	text-decoration: underline;
}

#mainNav li ul a
{
	color: #575252;
}

#mainNav .current
{

}

#mainNav .current > a:not(:hover):not(:focus)
{
	color: #ccc;
}

/*
#mainNav .current:before
{
	border-left: 0px solid pink !important;
}

#mainNav .current + li:before
{
	border-left: 0px solid pink;
}
*/

#mainNav .sf-child.current a
{
	color: #005695;
	color: #ffffff;
}

#mainNav .sf-child.current a:hover,
#mainNav .sf-child.current a:focus
{
	color: #ffffff;
}

/* main nav items */
#mainNav > ul ul
{
	display: none;
	position: absolute;

	background: linear-gradient(
	  to bottom,
	  rgba(221,221,221, 1.0),
	  rgba(221,221,221, .9) 20px
	);

	min-width: 210px;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
}

/*
	how these content jumps should work on desktop:

	1. Initially completely hidden (display: none)
	2. On keyboard input, displayed but transparent (so they can be focused by tabbing)
	3. On focus, they are made fully visible
*/
.contentJump
{
	position: absolute;
	z-index: 99999;
	top: 5px;
	left: 50%;

	padding: 5px 15px;
	background: inherit;

	color: white;
}

@media (min-width: 1250px)
{
	.contentJump
	{
		left: 0;
	}
}

/* make them transparent unless keyboard focused */
.contentJump:not(:focus)
{
	color: transparent !important;
	background: transparent !important;
	z-index: -1;
}

@media (min-width: 1070px)
{
	#mainNav
	{
		position: relative;
		top: 0;
		right: 48px;
		margin: 0px auto;
		background: none;
	}

	#mainNav .current > a:not(:hover):not(:focus)
	{
		color: #3ba0eb;
	}


	#mainNav > ul
	{
		display: inline-block;
		text-align: right;
		float: right;
		width: auto;
		font-size: 0;
	}

	#mainNav > ul > li
	{
		display: inline-block;
		font-size: 0;
	}

	#mainNav > ul :hover > ul,
	#mainNav > ul :focus-within > ul
	{
		display: block;
	}

	#mainNav li > a
	{
		white-space: nowrap;
	}
}

/* Mobile navigation ------------------------------------------------> */

@media (max-width: 1069px)
{
	#mainNav > ul > li > a
	{
		font-size:	32px;
		line-height: 1.05;
		text-transform: none;
		font-weight: 300;
		padding: 9px 10vw;
	}

	#mainNav,
	#mainNav li ul
	{
		position: fixed;
		display: block;
		z-index: 99;
		top: 0;
		right: -1500px !important;
		left: auto !important;
		width: 100vw;
		height: 100vh;
		padding: 55px 10px 10px;
		box-sizing: border-box;
	}

	#mainNav::before
	{
		display: none;
	}

	/* needed to avoid a keyboard trap on mobile */
	#mainNav li ul
	{
		display: none !important;
	}

	#mainNav:target,
	#mainNav.target,
	#mainNav li.touchOpen > ul
	{
		visibility: visible !important;
		right: 0 !important;

		transition: right 0.5s;
	}

	#mainNav ul,
	#mainNav li
	{
		display: block;
		margin: 0;
		padding: 0;
	}

	#mainNav ul
	{
		padding-top: 20px;
	}

	/*
	#mainNav li > a:first-child:not(:last-child)::after
	{
		content: '›';
		font-size: 2em;
		position: absolute;
		right: 5px;
		opacity: .4;
	}
	*/

	.contentJump.navJump
	{
		display: block;
		position: absolute;
		top: 25px;
		left: auto;
		right: 5vw;
		width: 0;
		height: 0;
		overflow: hidden;
		padding: 25px 33px 0 0;

		background: #3ba0eb !important;

		cursor: pointer;
		box-sizing: border-box;

		z-index: 99;
	}

	#navJump
	{
		right: 0;
		background: #132C3F !important;

		border-top: 3px solid white;
	}

	.navJump::after,
	.navJump::before
	{
		content: '';
		display: block;

		position: absolute;
		top: 6px;
		width: 100%;
		height: 3px;
		background: white;

		transition: transform .3s;
	}

	.navJump::after
	{
		top: 15px;
	}

	#pageJump
	{
		pointer-events: none;
	}

	#header.mobile-nav-open ~ #pageJump
	{
		z-index: 26000;
		pointer-events: auto;
		background: #333;
	}

	#header.mobile-nav-open ~ #pageJump::after,
	#header.mobile-nav-open ~ #pageJump::before
	{
		top: 40%;
		background: #ffffff;
		transform: rotate(135deg);

		width: 100%;
	}

	#header.mobile-nav-open ~ #pageJump::before
	{
		transform: rotate(45deg);
	}
}



/* Sub Navigation ------------------------------------------------> */

#subNav
{
	position: relative;

	display: flex;
	align-items: center;
	justify-content: flex-end;

	z-index: 1;
	margin: 0 0 -60px;
	padding: 0 21px;
	box-sizing: border-box;

	min-height: 61px;

	background: #3ba0eb;
	box-shadow: 0px 3px 3px 0px rgba(2, 3, 3, 0.11);

	color: white;

	width: calc(993px - 50% + 50vw);
	max-width: calc(100vw - 10px - 50% + 50vw);
	padding-right: calc(50vw - 50% + 15px);

	right: calc(50% - 50vw);
}

@media (max-width: 1069px)
{
	#logo img
	{
		margin-bottom: 25px;
	}

	#pageHead
	{
		margin-bottom: 25px;
	}

	#subNav
	{
		position: static;
		top: 0;
		margin: 0 -5vw;
		padding: 10px 5vw;

		width: calc(100% + 10vw);
		max-width: none;
		right: 0;

		align-items: flex-start;

		box-shadow: none;
	}

	#subNav ul.subNavList
	{
		margin-left: -18px;
	}

	#subNav::after
	{
		width: 100vw;
		left: calc(50% - 50vw);
	}
}

ul.subNavList
{
	margin: 0;
	padding: 0;

	flex-grow: 1;
}

#subNav ul.subNavList
{
	display: flex;

	flex-wrap: wrap;
	align-items: center;
	padding: 8px 0;

	font-size: 18px;
	font-weight: 400;
}

#subNav ul.subNavList ul
{
	display: none;
}

#subNav ul.subNavList li
{
	list-style: none;
	margin: 0 0 1em 0;
	padding: 8px 16px;
	margin: 0;
	line-height: 24px;

	white-space: nowrap;
}

@media (max-width: 767px)
{
	#subNav
	{
		padding: 8px 5vw;
		margin-left: 5vw;
	}

	#subNav ul.subNavList
	{
		margin-left: 0;
		display: block;
		padding: 0;

		align-self: center;
	}

	#subNav ul.subNavList li
	{
		font-size: 16px;
		padding: 2px 0;
	}
}

#subNav ul.subNavList li a
{
	color: inherit;
}

ul.subNavList ul
{
	padding-left: 10px;
}

ul.subNavList li.here > a,
ul.subNavList li.hereParent > a
{
	font-weight: 600;
}

#subNav ul.subNavList li.here > a,
#subNav ul.subNavList li.hereParent > a
{
	color: #b0deff;
}

ul.subNavList ul li
{
	font-size: 16px;
	margin: 0 0 8px;
}



/* Tabs -------------------------------------------------------> */

@media (min-width: 920px)
{

	#tabLinks
	{
		margin: 0 0 44px 0;
		border-bottom: 1px solid #dfddcb;

		display: flex;
	}

	/* an empty box for alignment that will shrink if all the tab links don't fit */
	.attorneys-item #tabLinks::before
	{
		content: '';
		flex-basis: 398px;
		flex-shrink: 2;
	}

	#tabLinks a
	{
		position: relative;
		margin: 0 17px -1px 17px;
		color: #121212;
		font-size: 24px;
		font-weight: 400;
		line-height: 45px;
		border-bottom: 3px solid transparent;
		white-space: nowrap;
	}

	#tabLinks a:first-child
	{
		margin-left: 0;
	}

	#tabLinks a:hover,
	#tabLinks a:focus
	{
		color: #007dd9;
		text-decoration: none;
	}

	#tabLinks .current
	{
		color: #121212;
		cursor: default;
		text-decoration: none;
		border-bottom: 3px solid #c79f39;
	}

	#tabLinks .current:hover,
	#tabLinks .current:focus
	{
		color: #121212;
		cursor: default;
		text-decoration: none;
		border-bottom: 3px solid #c79f39;
	}

	.js .contentSection
	{
		display: none;
	}

	.js .sectionTitle
	{
		display: none;
	}
}

@media (max-width: 919px)
{
	#tabLinks
	{
		display: none;
	}

	h2.sectionTitle
	{
		display: block;
		position: relative;
		overflow: hidden;
		margin: 1px 0 0 0;
		padding: 13px 20px 13px 20px;
		background: #005695;
		color: #fff;
		font-size: 1.4rem;
		box-sizing: border-box;
		text-decoration: none;
		cursor: pointer;
	}

	h2.sectionTitle:hover,
	h2.sectionTitle:focus
	{
		background: #333;
	}

	h2.sectionTitle::after
	{
		content: '+';
		position: absolute;
		top: 4px;
		right: 10px;
		font-weight: lighter;
		font-size: 2.0rem;
	}

	h2.sectionTitle.isOpen::after
	{
		content: '–';
	}

	.contentSection
	{
		display: block !important;
	}

	.contentSection > *
	{
		display: none;
		padding: 10px 0 10px 0;
	}

	#tabLinks a#tabViewAll
	{
		display: none;
	}
}


/* Upper Content --------------------------------------------------> */

body:not(.bioDetail) #upperContent
{
	position: relative;

	display: flex;
	width: 100%;
	max-width: 1255px;
	margin: 0 auto;

	margin-bottom: 50px;
}

body:not(.bioDetail) #upperContent #pageTitle
{
	color: white;
	font-weight: 300;
	margin-top: -4px;
	padding-top: 0;
}

/* fluid css (font-size 22px to 36px) - https://codepen.io/lowbatteries/full/qBEyXEP */
body:not(.bioDetail) #upperContent #pageTitle
{
	font-size: calc(22px + (36 - 22) * ((100vw - 320px) / (1400 - 320)));
}

@media (min-width: 1400px)
{
	body:not(.bioDetail) #upperContent #pageTitle
	{
		font-size: 36px;
	}
}

body:not(.bioDetail) #upperContent > div
{
	position: relative;
}

body:not(.bioDetail) #upperContentImage
{
	width: 62%;
}

body:not(.bioDetail) #upperContentImage img
{
	display: block;
	width: 100%;
	height: 100%;
	max-height: 450px;
	object-fit: cover;
	z-index: -1;
}

body:not(.bioDetail) #upperContentText
{
	color: white;
	background: #132c3f;

	width: 38%;
	flex-grow: 1;

	box-sizing: border-box;
}

/* fluid css (margin-top 22px to 68px) - https://codepen.io/lowbatteries/full/qBEyXEP */
body:not(.bioDetail) #upperContentText
{
	margin-top: 22px;
	margin-bottom: 22px;
	margin-left: -250px;
	padding: 22px 5vw;
}


@media (min-width: 767px)
{
	body:not(.bioDetail) #upperContentText
	{
		margin-top: calc(22px + (68 - 22) * ((100vw - 767px) / (1400 - 767)));
		margin-bottom: calc(22px + (68 - 22) * ((100vw - 767px) / (1400 - 767)));
		margin-left: calc(-250px + (-96 - -250) * ((100vw - 767px) / (1400 - 767)));
		padding: calc(22px + (55 - 22) * ((100vw - 767px) / (1400 - 767)))
			calc(22px + (60 - 22) * ((100vw - 767px) / (1400 - 767)));
	}
}

@media (min-width: 1400px)
{
	body:not(.bioDetail) #upperContentText
	{
		margin-top: 68px;
		margin-bottom: 68px;
		margin-left: -96px;
		padding: 55px 60px;
	}
}

.bioDetail #upperContent
{
	display: flex;
	justify-content: space-between;

	/* make it go off the right-hand side */
	width: calc(50% + 50vw);
}

.bioDetail #upperContent > div
{
	width: 50%;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.bioDetail #upperContentText
{
	padding-right: 50px;
}

.bioDetail #upperContent #pageTitle
{
	margin-bottom: 10px;

	padding: 0;

	font-weight: 300;
	color: #005695;

	line-height: 1.1;
}

/* fluid css (font-size 22px to 48px) - https://codepen.io/lowbatteries/full/qBEyXEP */
.bioDetail #upperContent #pageTitle
{
	font-size: calc(22px + (48 - 22) * ((100vw - 320px) / (1400 - 320)));
}

@media (min-width: 1400px)
{
	.bioDetail #upperContent #pageTitle
	{
		font-size: 48px;
	}
}

.bioDetail #upperContentImage
{
	order: 1;
}

.bioDetail #upperContentImage img
{
	position: relative;
	width: 100%;

	/* bottom padding and height of #logo */
	margin-top: -187px;

	display: block;
}

/* menu goes away, header shrinks, so don't do image overlapping header any more */
@media (max-width: 1069px)
{
	.bioDetail #upperContent #upperContentImage
	{
		margin-bottom: 10px;
	}

	.bioDetail #upperContent #upperContentImage img
	{
		margin-top: -15px;
	}
}

@media (max-width: 767px)
{
	/* #header here just to up css specificity */
	#header ~ #upperContent
	{
		display: block;

		width: calc(100% + 10vw);
		max-height: none;
		min-height: 240px;
		overflow: visible;
		margin: -25px 0 10px -5vw;
	}

	#upperContent #upperContentImage
	{
		width: 100%;
		max-width: none;
	}

	#upperContent #upperContentText
	{
		float: none;
		width: 100%;
		max-height: none;
		box-sizing: border-box;

		margin: 0;
	}

	.bioDetail #upperContent #upperContentText
	{
		padding: 15px 5vw 10px;
	}
}


/* Content -------------------------------------------------------> */

#content
{
	position: relative;
	z-index: 5;
	clear: both;
	min-height: 350px;
	height: auto !important;
	margin: 0 0 46px 0;
	box-sizing: border-box;
}

#content:after
{
	/* make div stretch to height of content */
	content: '';
	display: block;
	clear: both;
}

#content > div
{
	margin: 0px 0 0 0;
}

#mainContent
{
	padding: 0;
	box-sizing: border-box;

	width: 100%;
	max-width: 1255px;
	margin: 0 auto;
}

#subContent
{
	padding: 0px 10px 0px 10px;
	box-sizing: border-box;
	font-size: 17px;
	line-height: 22px;
}

@media (min-width: 920px)
{
	#mainContent:not(:only-child)
	{
		float: right;
		width: calc(100% - 342px);
		padding: 0 0px 0 0px;
		border-left: 1px solid #e1e1e1;
		margin: 0;
	}

	#subContent
	{
		float: left;
		clear: left;
		width: 342px;
		padding: 0px 48px 0px 48px;
	}
}

@media (min-width: 1070px)
{
	#mainContent:not(:only-child)
	{
		padding: 0 120px 0 56px;
	}
}


@media (max-width: 1069px)
{
	#mainContent:not(:only-child)
	{
		padding: 0 0px 0 56px;
	}
}

@media (max-width: 919px)
{
	#content
	{
		display: flex;
		flex-direction: column;
		border: 0px;
	}

	#mainContent:not(:only-child)
	{
		order: 1;
		padding: 0 0px 0 0px;
		border: 0px;
	}

	#subContent
	{
		order: 2;
		padding: 20px 0 0 0;
	}
}

div.texthtml
{
	margin: 5px 0 8px 0;
}

.texthtml p
{
	padding: 0 0 8px 0;
}

ul.none
{
	margin: 5px 0 8px 0;
	list-style: none;
}

ul.none li
{
	padding: 0;
	margin: 0 0 8px 0;
}

#subContent .results_list li
{
	margin-left:  17px;
}

/* hide any items after first 3 */

.js #bio_news .results_list > li:nth-child(n+4),
.js #bio_event .results_list > li:nth-child(n+4),
.js #bio_publication .results_list > li:nth-child(n+4)
{
	display: none;
}

#backLink
{
	font-weight: bold;
	margin-bottom: 14px;
}

body.newsroom form .search_form div
{
	margin: 0;
	padding: 0;

	display: flex;
}

#attorneys form .search_form div,
body.newsroom form .search_form div
{
	margin: 0 0 8px;
}

#attorneys form .search_form div#submit,
body.newsroom form .search_form div:last-child
{
	flex-grow: 0;
	width: 175px;
	height: 43px;
	margin-right: 0;
}

@media (min-width: 815px)
{
	#attorneys form > .search_form,
	body.newsroom form .search_form
	{
		display: flex;
		align-items: flex-start;
	}

	#attorneys form .search_form div,
	body.newsroom form .search_form div
	{
		flex-grow: 1;
		margin-right: 8px;
	}
}

.bioList ul,
.bioList li
{
	list-style: none;
	margin: 0;
	padding: 0;

	font-size: 18px;
}

.bioList h2
{
	width: 100%;
	margin-bottom: 20px;
	color: inherit;
}

.bioList ul
{
	display: flex;
	flex-wrap: wrap;

	justify-content: space-between;
}

.bioList ul::after
{
	content: '';
}

#mainContent .bioList .results_list li,
.bioList ul::after
{
	width: calc(33% - 16px);
	margin-bottom: 50px;
}

@media(max-width: 800px)
{
	#mainContent .bioList .results_list li,
	.bioList ul::after
	{
		width: calc(50% - 14px);
	}
}

@media(max-width: 400px)
{
	#mainContent .bioList .results_list li,
	.bioList ul::after
	{
		width: 100%;
	}
}

#mainContent .bioList .results_list li .title
{
	font-size: 24px;
	color: #00568f;

	border-bottom: 1px solid #e1e1e1;
	padding: 12px 0;
	margin-bottom: 20px;
}

.bioList .title a
{
	color: inherit;
}

.bioList .emailCard
{
	display: flex;
	justify-content: space-between;
	margin-right: 5px;
}

#letterLinks
{
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 1000px)
{
	#letterLinks
	{
		justify-content: space-between;
	}
}

#letterLinks *
{
	color: #000101;
	font-weight: 400;
	margin-right: 20px;
	font-size: 26px;
}

#letterLinks *:last-child
{
	margin-right: 0;
}

#bioTitle
{
	padding: 0 0 1.3em 0;
}

#bioInfo ul,
#bioInfo ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#bioInfo ul li
{
	display: inline-block;
	padding: 18px 18px 3px 0;
}

#bioInfo ul#bioIcons li a
{
	display: block;
	width: 40px;
	height: 40px;

	background: url('../i/bio-vcard.png') 0px 0px no-repeat; /* data-uri */
}

#bioInfo ul li#bioPDF a
{
	background-image: url('../i/bio-pdf.png'); /* data-uri */
}

#bioInfo ul li#bioLinkedin a
{
	background-image: url('../i/bio-linkedin.png'); /* data-uri */
}

#bioInfo ul li a:hover,
#bioInfo ul li a:focus
{
	opacity: 0.6;
}

#bio_news ul li,
#bio_events ul li,
#bio_publication ul li
{
	list-style: none;
	margin-left: 0;
}

@media (max-width: 919px)
{

}


/* practices */

#practices div.ITEM_SEARCH
{
	margin: 0 0 50px;
}

#practices .search_form form div div
{
	float: left;
	width: 335px;
	max-width: 60%;
	margin: 0 10px 0 0;
}

#practices .search_form form div div:last-child
{
	width: auto;
}

@media (max-width: 1440px)
{
	#upperContentText .mailaddress
	{
		margin: .5em 0 0 0;
	}

	#upperContentText .mailaddress p
	{
		display: inline-block;
	}
}

#area_bio .results_list
{
	margin: 0;
}

#area_bio .results_list li
{
	display: none;
}

#area_bio ul li .title,
#area_bio ul li .chairposition
{
/*
	display: inline-block;
*/
}

#area_bio ul li .chairposition
{
	font-size: 80%;
}

#subContent #areaList
{
	margin: 10px 0 0 0;
}

#subContent #areaList li
{
	list-style: none;
	margin: 0 0 10px;
	font-weight: 400;
	color: #000000;
	font-size: 1.125rem;
}

#subContent #areaList li a
{
	font-weight: inherit;
	color: inherit;
}


/* MCV Miami */

img#areaSideImage
{
	display: block;
	margin: 0 0 22px 0;
}

#content .bioListSpecial ul.results_list,
#content .bioListSpecial ul.results_list > li
{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

#content .bioListSpecial ul.results_list
{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#content .bioListSpecial ul.results_list > li
{
	width: calc(50% - 30px);
	margin: 0 0 46px 60px;
}

#content .bioListSpecial ul.results_list > li:nth-child(odd)
{
	margin: 0 0 46px 0px;
}

#content .bioListSpecial ul.results_list > li .photo
{
	position: relative;
	width: 100%;
}

#content .bioListSpecial ul.results_list > li .photo a:not(.sp_pencil),
#content .bioListSpecial ul.results_list > li .photo a:not(.sp_pencil) img
{
	display: block;
	position: relative;
	width: 100%;
	max-width: 506px;
}

#content .bioListSpecial ul.results_list > li .photoinfo
{
	position: relative;
}

#content .bioListSpecial ul.results_list > li .miamiintro
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 20px 10px 10px 24px;
	background: rgba(1,86,150,0.85);
	color: #ffffff;
	font-size: 90%;
	line-height: 1.4;
	box-sizing: border-box;
}

#content .bioListSpecial ul.results_list > li:hover .miamiintro:not(:empty),
#content .bioListSpecial ul.results_list > li:focus-within .miamiintro:not(:empty)
{
	display: block;
}

#content .bioListSpecial ul.results_list > li .miamiintro a,
#content .bioListSpecial ul.results_list > li .miamiintro a:hover,
#content .bioListSpecial ul.results_list > li .miamiintro a:focus
{
	color: #ffffff;
	text-decoration: none;
}

#content .bioListSpecial ul.results_list > li a
{
	text-decoration: none;
}

#content .bioListSpecial ul.results_list > li a:hover,
#content .bioListSpecial ul.results_list > li a:focus
{
	text-decoration: underline;
}

#content .bioListSpecial ul.results_list > li .name
{
	margin: 12px 0 0 0;
	font-weight: 700;
	line-height: 1.1;
}

#content .bioListSpecial ul.results_list > li .positioninfo
{
	margin: 8px 0 0 0;
}

#content .bioListSpecial ul.results_list > li .positioninfo > div
{
	display: inline;
}

#content .bioListSpecial ul.results_list > li .positioninfo > div a
{
	color: #444;
}

#content .bioListSpecial ul.results_list > li .biopositiontitle
{
	color: #444;
	line-height: 1.1;
}

#content .bioListSpecial ul.results_list > li .contactdetails > div
{
	display: inline-block;
}

#content .bioListSpecial ul.results_list > li .contactdetails
{
	margin: 8px 0 0 0;
	color: #444;
	line-height: 1.1;
}

#content .bioListSpecial ul.results_list > li .contactdetails a
{
	color: #444;
}

@media (max-width: 1500px)
{
	#content .bioListSpecial ul.results_list > li .miamiintro
	{
		font-size: 80%;
	}
}

@media (max-width: 1400px)
{
	#content .bioListSpecial ul.results_list > li .miamiintro
	{
		font-size: 78%;
	}
}

@media (max-width: 1350px)
{
	#content .bioListSpecial ul.results_list > li,
	#content .bioListSpecial ul.results_list > li:nth-child(odd)
	{
		width: calc(100% - 0px);
		margin: 0 0 46px 0px;
	}

	#content .bioListSpecial ul.results_list > li .miamiintro
	{
		max-width: 506px;
	}
}

@media (max-width: 1024px)
{
	#content .bioListSpecial ul.results_list > li .miamiintro
	{
		display: none !important;
	}
}


/* News/Publication */

#newsroom .itemList .results_list li
{
	margin: 0 0 30px;
}

#mainContent div.subtitle
{
	font-size: 1rem;
	color: #000000;
	font-weight: 600;
}

.itemdate
{
	font-size: 1rem;
	font-weight: 600;
}

.publication
{
	font-size: 1.125rem;
}

.itemContent
{
	margin: 0px 0 0 0;
}

.newsroom-news-item #upperContent h1#pageTitle
{
	font-size: 2rem;
	line-height: 2.5rem;
}

@media (min-width: 1280px)
{
	.newsroom-news-item #upperContent h1#pageTitle
	{
		font-size: 3rem;
		line-height: 3.5rem;
	}
}

#signupButton
{
	display: inline-block;

	background: #124972;

	padding: 16px 22px 18px;

	font-size: 17px;
	line-height: 1.1;

	color: white;

	border: 1px solid #124972;
}

#signupButton span
{
	display: block;
	font-size: 25px;
	font-weight: 500;

	padding-bottom: 5px;
}

#signupButton:is(:hover,:focus)
{
	color: #124972;
	background: #ECECEC;
	border-color: #CCC;
	text-decoration:none;
}


/* Offices */

.officeItem
{
	position: relative;
}

.mailaddress
{
	margin: 20px 0 0 0;
}

.mailaddress p
{
	margin: 0;
}

#upperContentText .mailaddress p
{
	display: inline-block;
}

#upperContentText .mailaddress p:first-child
{
	display: block;
	color: #ffffff;
}

#upperContentText .mailaddress p strong
{
	font-weight: 400;
}

#upperContentText #phone,
#upperContentText #fax
{
	display: inline
}

#upperContentText #fax::before
{
	content: '|';
	margin: 0 6px;
}

.officeItem
{
	margin: 0 0 50px;
}

.officeItem > a img
{
	margin: 0;
}

.officeItem h2
{
	margin: 0 0 10px;
	font-size: 28px;
	font-weight: normal;
	color: #00568f;
}

.officeItem h2 a
{
	color: inherit;
}

.officeItem .mailaddress,
.officeItem .address,
.officeItem .directions,
.officeItem .phone,
.officeItem .phone
{
	margin-top: 1.3em;
}

body.contact-item .sp_map
{
	width: 100% !important;
	margin-bottom: 40px;
}


@media (min-width: 1400px)
{
	.officeItem
	{
		float: left;
		width: calc(50% - 35px);
	}

	.officeItem:nth-child(odd)
	{
		margin: 0 70px 50px 0;
	}
}


/* trying to consolidate some of the results_list text styles in the main content here */

.itemList
{
	margin: 20px 0 30px;
}

#mainContent .results_list li
{
	list-style: none;
	margin: 0 0 20px;
}

#mainContent .results_list li
{
	line-height: 1.8rem;
}

#mainContent .results_list li .title
{
	color: #000000;
	font-weight: 600;
	margin: 0;
}

#mainContent .results_list li .itemdate,
#mainContent .results_list li .abstract,
#mainContent .results_list li .publication
{
	font-size: 1.125rem;
	line-height: 1.525rem;
	color: #666666;
}

#mainContent .results_list li .abstract p:first-child
{
	padding-top: 0;
}

#mainContent .results_list li .itemdate
{
	font-weight: 600;
}

.view_more,
.view_more a
{
	color: #000000;
	font-size: 1.125rem;
	line-height: 1.4rem;
}



div.listColumn ul,
div.listColumn ul li
{
	padding: 0;
	margin: 0 0 5px;
	font-weight: 400;
	line-height: normal;
	list-style: none;
	list-style-image: none;
}

#mainContent div.listColumn ul.results_list > li
{
	margin: 0 0 5px 0;
}

#practices div.listColumn ul.results_list > li
{
	margin: 0 0 30px;
}

#practices div.listColumn ul.results_list li,
#practices div.listColumn ul.results_list li a
{
	font-size: 1.125rem;
}

#practices div.listColumn ul.results_list > li,
#practices div.listColumn ul.results_list > li > a
{
	font-size: 1.625rem;
	color: #000000;
	font-weight: 400;
}

div.listColumn ul.results_list li:before
{
	content: '\203A';
	margin: 0 5px 0 0;
	text-decoration: none !important;
}

div.listColumn ul.hierList li
{
	font-weight: normal;
}


div.listColumn ul ul
{
	margin: .25em 0;
	border-right: none;
}

div.listColumn li li
{
	padding-left: 1.75em;
	margin: 0 !important;
}

@media (min-width: 1280px)
{
	div.listColumn
	{
		/*width: 50%;
		float: left;*/
		margin-bottom: 1em;

		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}

	div.listColumn ul
	{
		border-right: 2em solid white;
	}

	div.listColumn > ul > li
	{
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	body#practices div.listColumn > ul > li:nth-child(3)
	{
		-webkit-column-break-after: always;
		-moz-break-after: column;
		break-after: column;
	}
}

div.publication,
span.publication
{
	font-style: italic;
}

.photoRight
{
	margin-left: 14px;
	float: right;
}

#atic_auth,
#atic_auth + div
{
	display: none !important;
}



/* Forms ---------------------------------------------------------> */

form
{
	position: relative;
	margin: 0;
	padding: 0;
}

form:after
{
	/* make div stretch to height of content */
	content: '';
	display: block;
	clear: both;
}

form > div > div
{
	position: relative;
	margin: 0;
}

form > p
{
	clear: both;
}

.js form > div > div > label
{
	display: block;
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 1.1rem
}

/* hide the label via CSS by default if it has a value (class added in ItemSearch) */
.js form > div > div.hasValue > label
{
	visibility: hidden;
}

/* remove the visibility: hidden the moment the field has any style added to it via JS */
.js form > div > div.hasValue > label[style]
{
	visibility: visible;
}

input[type=text],
input[type=password],
.search_form div#submit input
{
	width: 100%;
	height: 36px;
	padding: 0 0 0 10px;
	border: 1px solid #cccccc;
	font-size: 1.1rem;
	color: inherit;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.search_form div#submit input
{
	padding: 0;
	font-size: 0.8rem;
	text-transform: uppercase;
}

select,
.customSelect
{
	width: 100%;
	height: 36px;
	border: 1px solid #cccccc;
	font-size: 1.1rem;
	color: inherit;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

option
{
	font-size: 0.9rem !important;
}

.customSelect
{
	padding: 4px 35px 0 12px !important;
	background: url('../i/icon-select.png') calc(100% - 12px) center no-repeat !important; /* data_uri */
	display: block !important;
}

.customSelectInner
{
	width: 100% !important;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
}

textarea
{
	width: 100%;
	height: 100px;
	border: 1px solid #cccccc;
	font: inherit;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

input[type=submit]
{
	width: 107px;
	height: 36px;
	margin: 0;
	padding: 0 3px 1px 3px;
	background: #ececec;
	border: 1px solid #cccccc;
	color: #005695 !important;
	font-weight: 300;
	font-size: 0.8rem;
	text-transform: uppercase;
	cursor: pointer;
}

form > div > div.checkbox_wrapper > label
{
	position: relative;
}

#rsvp form > div > div,
#publications-signup form > div > div,
body#contact-us form > div > div
{
	float: left;
	width: calc(50% - 10px);
	margin: 0 20px 10px 0;
}

.checkbox_wrapper
{
	float: none !important;
	width: calc(100% - 0px) !important;
	margin: 0 0px 10px 0 !important;
}

body#contact-us form > div > div.divider
{
	width: 100%;
}

#publications-signup form > div > div:nth-child(odd),
body#contact-us form > div > div:nth-child(even)
{
	margin-right: 0;
}

form .textarea_wrapper,
form .radio_wrapper,
form .checkbox_wrapper
{
	clear: both;
	margin-bottom: 20px !important;
}

form > div > div.checkbox_wrapper label
{
	position: static;
	font-size: 1.1rem;
}

#publications-signup form #submit_wrapper,
body#contact-us form #submit_wrapper
{
	clear: both;
}


/* side, index, and other page specific form styles */

#emailField
{
	display: none;
}

@media (max-width: 1024px)
{
	#rsvp form > div > div,
	#publications-signup form > div > div,
	body#contact-us form > div > div
	{
		float: none;
		width: calc(100% - 0px);
		margin: 0 0px 10px 0;
	}
}


/* auto complete js */

.autocomplete-w1
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 8px 0 0 6px;
	background: url('../i/autocomplete-shadow.png') no-repeat bottom right;
}

.autocomplete
{
	max-height: 350px;
	overflow: auto;
	margin: -6px 6px 6px -6px;
	background: #ffffff;
	border: 1px solid #757575;
	cursor: default;
	text-align: left;
}

.autocomplete .selected
{
	background: #f0f0f0;
}

.autocomplete div
{
	padding: 2px 5px;
	white-space: nowrap;
}

.autocomplete div span.autoCompleteMore
{
	font-size: 11px;
	color: #3874a8;
}

.autocomplete h2
{
	margin: 0;
	padding: 12px 5px 6px 5px;
	white-space: nowrap;
}

.autocomplete strong
{
	font-weight: bold;
	color: #3874a8;
}



/* Footer --------------------------------------------------------> */

#lowerContent
{
	clear: both;
	padding: 22px 0 22px 0;
	border-top: 1px solid #dfddcb;
	border-bottom: 3px solid #dfddcb;
	box-sizing: border-box;
}

#lowerContent:after
{
	/* make div stretch to height of content */
	content: '';
	display: block;
	clear: both;
}

#lowerContent #lowerOffices
{
	/*float: left;*/
	margin: 18px 0 0 18px;
}

#lowerContent #lowerOffices h5
{
	color: black;
}

#lowerContent #lowerBadges
{
	/*float: right;*/
	margin: 0 6px 0 0;
}

#lowerContent div ul,
#lowerContent div ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}

#lowerContent div ul li
{
	display: inline-block;
}

#lowerContent #lowerOffices ul li
{
	margin: 0 30px 0 0;
	color: #949494;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}

#lowerContent #lowerOffices ul li a:hover,
#lowerContent #lowerOffices ul li a:focus
{
	color: #005695;
	text-decoration: none;
}

#lowerContent #lowerBadges div ul 
{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;

}

#lowerContent #lowerBadges div ul li
{
	height: 83px;
	vertical-align: top;
	padding: 12px;
}

#lowerContent #lowerBadges div ul li .photo img
{
	display: block;
	max-height: 83px;
}

/*
#lowerContent #lowerBadges div ul li:first-child
{
	margin: 0 12px 0 0;
	padding: 0 24px 0 24px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
*/

#footer
{
	position: relative;
	clear: both;
	margin: 1em 0 0 0;
	padding: .8em 0;
	color: #757575;
	font-size: 12px;
	text-transform: uppercase;
}

#footer:after
{
	/* make div stretch to height of content */
	content: '';
	display: block;
	clear: both;
}

#footer a
{
	color: #757575;
}

#footer a:hover,
#footer a:focus
{
	color: #007dd9;
	text-decoration: none;
}

#footer ul,
#footer ul li
{
	list-style:none;
	margin: 0;
	padding: 0;
}

#footer ul li
{
	display: inline-block;
	height: 19px;
	margin-right: 10px;
	line-height: normal;
}

#footer ul li a,
#footer ul li span
{
	display: inline-block;
	padding: 3px 0 0 0;
}

#footer ul li#footerHome a
{
	display: inline-block;
	width: 19px;
	height: 19px;
	padding: 0px 0 0 0;
	background: url('../i/footer-home.png') no-repeat; /* data-uri */
}

#footer p
{
	padding: 0;
	margin: 0;
	font-size: 11px;
}

@media (max-width: 919px)
{
	#lowerContent #lowerOffices
	{
		float: none;
		margin: 0 0 30px 0px;
	}

	#lowerContent #lowerBadges
	{
		float: none;
		margin: 0 0px 0 0;
	}

	#lowerContent #lowerBadges div ul li:first-child
	{
		margin: 0 0px 0 0;
		padding: 0 0px 0 0px;
		border-left: 0px solid #e1e1e1;
		border-right: 0px solid #e1e1e1;
	}
}

@media (max-width: 767px)
{
	#lowerContent
	{
		text-align: center;
	}

	#lowerContent div ul li
	{
		display: block;
		margin: 0 0 0 0;
	}

	#lowerContent #lowerOffices ul li
	{
		margin: 0 0 8px 0;
	}

	#lowerContent #lowerBadges div ul li
	{
		height: auto;
	}

	#lowerContent #lowerBadges div ul li .photo img
	{
		display: inline-block;
	}

	#lowerContent #lowerBadges div ul li .photo
	{
		margin: 0 0 8px 0;
	}

	#footer ul li
	{
		display: block;
		height: auto;
		margin: 0 0 8px 0;
		text-align: center;
	}
}


/* Video Support -------------------------------------------------> */
/*
#backgroundPopup
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	height: 100%;
	width: 100%;
	background: #333333;
	border: 1px solid #cecece;
}

.popupPlayerWrapper
{
	display: none;
	position: fixed;
	top: calc(50% - 40vh);
	left: calc(50% - 40vw);
	z-index: 99999999;
	height: 80vh;
	width: 80vw;
	background: #ffffff;
	border: 12px solid #cecece;
	color: #ffffff;
	font-size: 13px;
}

.jwplayer
{
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	width: 75% !important;
	height: 100%;
	height: 75% !important;
	box-sizing: border-box;
}

.jwplayer:focus
{
	outline: none !important;
}


@media all and (orientation: portrait)
{
	.popupPlayerWrapper
	{
		left: calc(50% - 45vw);
		top: calc(50% - 20vh);
		width: 90vw;
		height: 40vh;
	}
}

span.popupPlayerClose
{
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background: #333333;
	color: #f1f1f1;
	font-size: 14px;
	line-height: 13px;
	text-align: center;
	cursor: pointer;
}

span.popupPlayerClose:hover,
span.popupPlayerClose:focus
{
	background: #000000;
	color: #ffffff;
}

.popupPlayerPlaylist
{
	display: none;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 75%;
	height: 25%;
	overflow: hidden;
	overflow-y: auto;
	background: #f5f5f5;
}

.popupPlayerPlaylist ul,
.popupPlayerPlaylist ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.popupPlayerPlaylist ul li
{
	width: 100%;
	margin: 1px 1px 1px 1px;
	padding: 10px 10px 10px 10px;
	background: #d5d4d4;
}

.popupPlayerPlaylist ul li:hover,
.popupPlayerPlaylist ul li:focus
{
	background: #c7c7c7;
	cursor: pointer;
}

.popupPlayerPlaylist ul li a
{
	text-decoration: none;
}

.popupPlayerPlaylist ul li a.sp_pencil
{
	display: none;
}

.popupPlayerSidebar
{
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 25%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: #f5f5f5;
}

.popupPlayerSidebar > div
{
	padding: 10px 16px 10px 16px;
}

.popupPlayerSidebar > div ul,
.popupPlayerSidebar > div ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.popupPlayerSidebar > div ul li
{
	margin: 3px 0 4px 0;
}
*/

/* Cookie popup -------------------------------------------------> */

#cookiePopup
{
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 9999;
	max-width: 1463px;
	margin: 0 auto;
	padding: 1rem 2rem;
	background: rgba(0,0,0,.85);
}

#cookiePopup > div
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#cookiePopup p
{
	margin: 1em 0;
	padding: 0;
	float: left;
	max-width: calc(100% - 300px);
	color: #ffffff;
	font-size: 0.85rem;
}

#cookiePopup a
{
	color: #ffffff;
	text-decoration: underline;
}

#cookiePopup a:hover,
#cookiePopup a:focus
{
	color: #cccccc;
}

#cookiePopup p + p
{
	margin-top: .8em;
}

#cookiePopup button
{
	padding: 0.2rem 0.8rem;
	background: none;
	border: 1px solid #ffffff;
	border-radius: 0;
	color: #ffffff;
	font-weight: 300;
	text-transform: uppercase;
	cursor: pointer;
}

#cookiePopup button:hover,
#cookiePopup button:focus
{
	border: 1px solid #cccccc;
	color: #cccccc;
}

@media (max-width: 919px)
{
	#cookiePopup p
	{
		max-width: calc(100% - 200px);
		margin: 0.4em 0 0.2em 0;
	}
}

@media (max-width: 767px)
{
	#cookiePopup
	{
		padding: 1rem;
	}

	#cookiePopup > div
	{
		display: block;
		text-align: center;
	}

	#cookiePopup p
	{
		float: none;
		max-width: none;
	}

	#cookiePopup button
	{
		margin: 1rem 0 1.3rem 0;
	}
}


/* Standard 'Close' and 'Accept' Button -------------------------> */

.closeButton
{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 0;
	height: 0;
	font-size: 0;
	padding: 20px 20px 0 0;
	overflow: hidden;
	border: 2px solid #fff;
	background-color: #ddd;
	border-radius: 50%;
	cursor: pointer;
	color: #999;
}

.closeButton::before,
.closeButton::after
{
	position: absolute;
	top: 9px;
	left: 3px;
	width: 14px;
	height: 3px;
	content: "";
	background-color: currentColor;
	transform: rotate(-45deg);
}

.closeButton::after,
.closeButton::after
{
	transform: rotate(45deg);
}

.closeButton:hover,
.closeButton:focus
{
	color: #262626;
}

.acceptButton
{
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0.3vw 0.5vw;
	border: 2px solid #fff;
	background-color: #ddd;
	border-radius: 3px;
	cursor: pointer;
	color: #333333;
	text-transform: uppercase;
}

.acceptButton:hover,
.acceptButton:focus
{
	background-color: green;
	color: #ffffff;
}

@media (max-width: 767px)
{
	.closeButton
	{
		top: 4px;
	}
}


/* Object Support ------------------------------------------------> */

/* buttons to look like links */
button.toggleExpand
{
	background:none !important;
	border:none;
	padding:0 !important;
	margin: 0 0 10px;

	font: inherit;
	cursor: pointer;
	font-weight: 400;
}

button.toggleExpand:before
{
	position: relative;
	left: 2px;
	top: 1px;
	content: url('../i/bullet-default.png');
	margin: 0 8px 0 0;
}

button.toggleExpand.expanded
{
	margin: 10px 0;
}

/*SiteMap object */

/*SiteMap object */

table.SITE_MAP
{
	margin-top: 5px;
	border-collapse: collapse;
}

table.SITE_MAP th
{
	padding-top: 5px;
	text-align: right;
}

table.SITE_MAP td
{
	padding-top: 5px;
}

table.SITE_MAP td.h_separator
{
	height: 5px;
	border-bottom: solid 1px #ccc;
}

table.SITE_MAP td.v_separator
{
	padding-left: 15px;
	padding-right: 15px;
	color: #666;
	font-size: 0.8rem;
}

@media (max-width: 767px)
{
	table.SITE_MAP,
	table.SITE_MAP th,
	table.SITE_MAP td,
	table.SITE_MAP tr
	{
		display: block;
		padding: 0;
		text-align: left;
	}

	table.SITE_MAP td:nth-child(n + 4)
	{
		padding-left: 1rem;
	}

	table.SITE_MAP td:nth-child(n + 6)
	{
		padding-left: 2rem;
	}

	table.SITE_MAP .v_separator
	{
		display: none;
	}
}

/* EmailPage object */

div.EMAIL_PAGE div.email_form
{
	display: none;
}

p.EMAIL_PAGE-title
{
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.EMAIL_PAGE-url
{
	margin-top: 0;
	font-style: italic;
}

table.EMAIL_PAGE
{
	width: 500px;
}

table.EMAIL_PAGE td
{
	width: 47%;
}

table.EMAIL_PAGE td input
{
	width: 95%;
}

table.EMAIL_PAGE td textarea
{
	width: 100%;
	height: 120px;
}

div.EMAIL_PAGE ul.error
{
	color: red;
}


/* Search Object Support */

body#search #content
{
	border-left: 0px;
}

#search p.form-section-label
{
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: bolder;
}

#search .search_text
{
	display: block;
	margin: 1em 0 1em 0;
	flex-basis: 100%;
}

#search #search_button
{
	margin-left: 8px;
}

#search .search_form form
{
	display: flex;
	flex-wrap: wrap;
}

#search .search_form form div
{
	height: auto;
	width: 100%;
}

#search .search_form input
{
	margin: 0;
	vertical-align: middle;
}

#search .search_form br
{
	display: none;
}

#search .search_form label
{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin: -21px 0 0 0;
	padding: 0 0 0 20px;
	vertical-align: middle;
	font: normal 16px/1.4 Helvetica, Arial, sans-serif;
}

#search .search_form input[type=radio],
#search .search_form input[type=checkbox]
{
	margin: 6px 4px 0 0;
	padding: 0;
}

#search .search_form input#searchtext
{
	width: 60%;
	max-width: 100%;
	margin-right: 4px;
	box-sizing: border-box;
}

#search div.search_section_wrapper
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

#search div.sections
{
	box-sizing: border-box;
	max-width: 30%;
}

#search div.search_type
{
	width: auto !important;
	box-sizing: border-box;
}

#search #subContent div.search_section_wrapper
{
	flex-direction: column;
}

#search #subContent div.sections
{
	max-width: 100%;
}

#search #subContent form > div > div
{
	flex-basis: auto;
}

#search .search_result_date
{
	color: #888;
}


@media (max-width: 767px)
{
	#search div.search_section_wrapper
	{
		flex-direction: column;
	}

	#search div.sections
	{
		max-width: 100%;
	}

	.searchBioWrapper
	{
		flex-direction: column;
	}
}

#search div.sections input,
#search div.search_type  input
{
	border: 0;
}

#search a.more
{
	font-weight: bolder;
}

.searchfoundtext
{
	font-weight: bolder;
}

#search p
{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 2px;
	margin-bottom: 18px;
}

#search p.link
{
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#search #mainContent h3
{
	margin-top: 1em;
	margin-bottom: .5em;
	padding: 0;
}

/* Bio section search results */
.searchBioWrapper
{
	display: flex;
	margin-bottom: 18px;
}

.searchBioPic
{
	padding: 0 0 9px 0;
	margin: 0;
}

.searchBioPic img
{
	padding: 0 27px 0 0;
}


/* Map Object Support */

.printMap
{
	display: inline-block;
	float: right;
	margin: -45px 0 10px 0;
	color: #000000;
	font-size: 1.125rem;
	font-weight: 600;
	text-align: center;
}

.printMap:hover,
.printMap:focus
{
	background: #6a747c;
	text-decoration: none;
}

/* Art/Home Page --------------------------------------------------> */

#index #pageHead
{
	margin: 0;
}

#artAnim
{
	position: relative;

	/* minus total height of #header and #logo*/
	height: calc(100vh - 278px);
	max-height: 630px;
	min-height: 400px;

	/* make room for the pager */
	margin-bottom: 120px;
}

.about #artAnim
{
	height: calc(100vh - 400px);
}

#index #artAnim
{
	margin-bottom: 0;
}

@media (max-width: 1440px)
{
	#contennt #artAnim
	{
		/* minus total height of #header and #logo */
		height: calc(100vh - 126px - 7vw);
	}
}

@media (max-width: 700px)
{
	.about #content #artAnim
	{
		/* minus total height of #header and #logo */
		height:
	}
}


/* for testing - dot at which animation detects change, see default.js */
#artMarker
{
	position: fixed;
	top: 0%;
	left: 50%;
	width: 1px;
	height: 1px;
	border: 1px solid red;
	margin-top: -1px;

	z-index: 999999;
	pointer-events: none;
}


#artAnim a.sp_pencil
{
	position: absolute;
	top: -10px;
	right: -10px;
}

#artAnim ol,
#artAnim ul,
#artAnim li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#artAnim ol
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;

	/* hide scrollbar */
	overflow-y: scroll;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */

	font-size: 58px;
	line-height: 1;

	scroll-behavior: smooth;
	scroll-snap-type: y proximity;
	scroll-padding: calc(50% - 82px);
}

/* hide scrollbar */
#artAnim ol::-webkit-scrollbar {
	/* WebKit */
	width: 0;
	height: 0;
}

@media (min-width: 1070px)
{
	#index #artAnim ol
	{
		padding-left: 200px;
	}
}


#artAnim ol::before,
#artAnim ol::after
{
	content: '';
	display: block;
	height: calc(50% - 82px);

	/*
	background: green;
	border: 5px solid black;
	box-sizing: border-box;
	/**/
}

#artAnim ol::after
{
	height: calc(50% - 19px);
}

#artAnim ol li
{
	transition: all 400ms;
	color: #999;
	opacity: .3;

	height: 100px;
	margin-bottom: 2px;
	border-width: 1px 0;

	scroll-snap-align: start;

	font-weight: 300;

	pointer-events: none;
}

#artAnim ol li a
{
	text-decoration: none;
	color: inherit;

	pointer-events: auto;
}

@media (max-width: 1200px) and (min-width: 700px)
{
	.about #artAnim
	{
		min-height: 0;
		height: 50vw;
	}
}


#index #artAnim ol li
{
	color: white;
	opacity: .10;
}

#content #artAnim ol li.current
{
	opacity: 1;
	color: #4bafee;
	pointer-events: none;
}

#content #mainContent #artAnim ol li.current
{
	font-size: 68px;
}

#content #mainContent #artAnim ol li.current
{
	text-shadow: 0 0 1px white;
}

.about #artAnim ol li.current ~ li
{
	color: #333;
}

@media (max-width: 700px)
{
	#content #mainContent #artAnim ol li.current
	{
		text-shadow:
			0 0 1px white,
			0 0 10px black,
			0 0 20px black;
	}
}

#index #content #mainContent #artAnim ol li.current
{
	text-shadow: 1px 1px 2px #124972;
}

@media (max-width: 1069px)
{
	/* fluid css (font-size 28px to 58px) - https://codepen.io/lowbatteries/full/qBEyXEP */
	#content #mainContent #artAnim ol li
	{
		font-size: calc(28px + (58 - 28) * ((100vw - 320px) / (1330 - 320)));
	}

	/* 110% of above for current */
	/* fluid css (font-size 28px to 68px) - https://codepen.io/lowbatteries/full/qBEyXEP */
	#content #mainContent #artAnim ol li.current
	{
		font-size: calc(28px + (68 - 28) * ((100vw - 320px) / (1330 - 320)));
	}
}



#artPager
{
	position: absolute;
	right: -20px;
	top: calc(100% - 50px);
	height: 120px;

	z-index: 999;

	color: #00568f;
	font-weight: 300;
	padding: 20px;
	box-sizing: border-box;

	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;

	background: inherit;
}

#index #artPager
{
	top: auto;
	bottom: 0;
}

@media (max-width: 900px)
{
	#artPager
	{
		left: -20px;
	}
}

#index #artPager
{
	color: #b9b9b9;
}

#artPager button
{
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	overflow: visible;
	background: transparent;
	color: inherit;
	font: inherit;
	text-transform: inherit;
	text-align: inherit;
	line-height: inherit;

	cursor: pointer;

	/* Corrects font smoothing for webkit */
	-webkit-font-smoothing: inherit;
	/* Corrects inability to style clickable `input` types in iOS */
	-webkit-appearance: none;
	/* end button reset */

	margin-left: 10px;
	margin-left: max(10px, min(2.5vw, 28px));
	font-size: 21px;
}

#artPager button img
{
	display: block;
}

#artPager button:hover,
#artPager button:focus
{
	filter: brightness(999);
}

.about #artPager button:hover,
.about #artPager button:focus
{
	filter: none;
	color: #c79f39;
}


#artPager button.current,
#artPager button:last-child
{
	color: #45a0da;
}

#artAnim .results
{
	display: flex;

	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	right: calc(50% - 50vw);
	bottom: 0;
	padding: 0 200px 120px;

	overflow: hidden;
}

@media (max-width: 700px)
{
	.about #artAnim .results
	{
		/* minus total height of #header and #logo */
		padding-bottom: 0;
	}
}

#artAnim ul
{
	display: flex;
}

#artAnim ul.results_list li
{
	position: relative;

	display: flex;
	flex-direction: column;

	justify-content: center;

	margin: 0 20px;
}

#artAnim ul.results_list li .abstract
{
	font-size: 20px;
	font-weight: normal;
	text-align: right;

	opacity: 0;
	transition: opacity 400ms;

	padding-top: 15px;

	position: absolute;
	top: 100%;
	z-index: 999;
}

.about #artAnim ul.results_list li .abstract
{
	width: calc(100% - 20px);
	box-sizing: border-box;
}

#index #artAnim ul.results_list li .abstract
{
	top: calc(50% + 55px);
	right: 7.5%;
	left:  7.5%;

	padding: 0;

	color: white;
	font-size: 20px;
	font-weight: normal;

	text-shadow: 1px 1px 2px rgb(18,73,114);
}

@media (max-width: 700px)
{
	#index #artAnim ul.results_list li .abstract
	{
		margin-top: -0.8em !important;
		line-height: 1.1;
	}
}

#artAnim ul.results_list li .image
{
	overflow: hidden;
}

#artAnim ul.results_list,
#artAnim ul.results_list li,
#artAnim ul.results_list li a,
#artAnim ul.results_list li .image img
{
	height: 100%;
}

#index #artAnim ul.results_list li .image
{
	height: 100%;
	cursor: pointer;

	position: relative;
}

#index #artAnim ul.results_list li.current .image::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background: linear-gradient(-5deg, rgba(19, 44, 63, .2) 40%, rgba(19, 44, 63, 0) 55%);
}

@media (max-width: 700px)
{
	#artAnim ol
	{
		text-align: center;
	}

	#artAnim ol li
	{
		justify-content: center;
	}

	#artAnim ol li a
	{
		display: block;
	}

	#artAnim ol li:not(.current)
	{
		opacity: 0;
	}

	#artAnim .abstract
	{
		margin-left: calc(50% - 50vw + 15px);
		width: calc(100vw - 30px);
	}

	body:not(#index) #artAnim .abstract
	{
		position: static;
		text-align: center;
		width: auto;
		margin: 0;
	}

	body:not(#index) #artAnim ul.results_list li a,
	body:not(#index) #artAnim ul.results_list li .image img
	{
		height: auto;
	}

	#artAnim .image img
	{
		margin: 0 auto;
	}
}

@media (max-width: 1069px)
{
	#index #artAnim ul.results_list li .abstract
	{
		margin-top: -0.3em;
		font-size: 18px;
	}
}

@media (max-width: 700px)
{
	#index #artAnim ul.results_list li .abstract
	{
		font-size: 16px;
		text-align: center;
		left: 0;
		right: 0;
	}
}

#artAnim ul a
{
	color: inherit;
}

#index #artAnim ul.results_list li a:hover,
#index #artAnim ul.results_list li a:focus
{
	text-decoration-color: rgba(255,255,255,.3);
}

/*
#artAnim ul li.current .abstract:not(:empty)::after
{
	content: ' ››';
}
*/

#artAnim ul.results_list li.current .abstract
{
	opacity: 1;
}

#artAnim img
{
	transition: 400ms;
}

#index #artAnim li.current .image img
{
	filter: brightness(.7);
}

#artAnim li .image img
{
	opacity: 0.35;
	transition: opacity 150ms, transform 350ms;
	transform: scale(.85);
}

.about #artAnim li .image img
{
	opacity: .05;
}

@media (min-width: 701px)
{
	.about #artAnim li.current .image img
	{
		filter: none;
	}
}

.about #artAnim li.current ~ li .image img
{
	filter: none;
	opacity: .5;
}

#artAnim ul.results_list li.current .image img
{
	opacity: 1;
	transform: scale(1);
}

#artAnim ul li img
{
	display: block;
	max-width: 34vw;
	max-height: 50vh;
	object-fit: contain;
	margin: 0 auto;
}

@media (min-width: 701px)
{
	.about #artAnim ul li img
	{
		max-height: 42vh;
	}
}

@media (max-width: 1500px)
{
	#artAnim ul li img
	{
		max-width: calc(40vw);
	}
}

@media (max-width: 700px)
{
	#artAnim ul.results_list li
	{
		margin-left: 5px;
		margin-right: 5px;
	}

	#artAnim ul li img
	{
		max-width: calc(95vw - 80px);
	}
}

#index #artAnim
{
	background: #132c3f;
}

#index a#homeContentJumper
{
	position: absolute;
	z-index: 100;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: 0px auto;
	width: 80px;
	height: 20px;
	background: #132c3f;
	border-radius: 5px;
}

#index a#homeContentJumper::after
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;

	/* https://apps.eky.hk/css-triangle-generator/ */
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .3em .3em 0 .3em;
	border-color: #B9B9B9 transparent transparent transparent;

	transition: border 0.3s;
}

#index a#homeContentJumper:hover::after,
#index a#homeContentJumper:focus::after
{
	border-width: .4em .4em 0 .4em;
}

/* Art Detail Page ------------------------------------------------------> */

.about-art-item #mainContent
{
	max-width: none;
}

@media (min-width: 768px)
{
	#artPhoto
	{
		float: left;
		width: 680px;
		max-width: 50vw;

		margin: 0 45px 1em 0;

		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
	}

	#artPhoto img
	{
		max-width: 100%;
		object-fit: contain;
	}

}


/* Home Page ------------------------------------------------------> */

#index #mainContent
{
	max-width: none;
}

#index #subNav
{
	display: none;
}

#index #homeNewsList
{
	padding-top: 45px;
}

#index #homeNewsList ul,
#index #homeNewsList ul li
{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#index #homeNewsList ul li
{
	display: table-cell;
	width: 25%;
	padding: 0 30px 0 24px;
	border-left: 1px solid #e1e1e1;
	box-sizing: border-box;
	overflow: visible;
	font-size: 18px;
	line-height: 24px;
}

#index #homeNewsList ul li a
{
	font-weight: 400;
}

#index #homeNewsList ul li .section
{
	color: #c79f39;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}


@media (max-width: 919px)
{
	#homeNewsList
	{
		margin-top: 10px !important;
	}
}


@media (max-width: 767px)
{
	#index #homeNewsList ul li
	{
		display: block;
		width: 100%;
		padding: 4px 0 8px 0;
		border: 0px;
	}
}


/* share box */
#socialShareList
{
	font-size: 18px;
}

/* END DEFAULT CSS -----------------------------------------------> */



/* BEGIN PRINT CSS -----------------------------------------------> */

/* @media all and (max-width:8.5in) /* use while programming */
@media print
{
	*
	{
		background: none !important;
		color: black !important;
		border-color: currentColor !important;
		min-height: 0 !important;
	}

	.mobile,
	#mainNav,
	#topSearch,
	#topLinks,
	#subNavigation,
	#backLink,
	#upperContentSplitter,
	#tabLinks,
	.view_more,
	.liExpander,
	.sp_map,
	.printMap,
	#letterLinks,
	.directions,
	.search_form,
	.bioList .results_list > div > div:nth-child(5),
	.toggleExpand,
	#pdfLink,
	#subNav,
	#header,
	body:not(.bioDetail) #upperContentImage,
	.contentJump
	{
		display: none !important;
	}

	body,
	#content
	{
		position: relative !important;
		width: 100% !important;
		background: none !important;
		box-sizing: border-box;

		display: block !important;
	}

	#logo img
	{
		filter: brightness(.2) invert(0) hue-rotate(100deg);
	}

	#logo
	{
		margin-top: 0;
		border-bottom: 2px solid black;
	}

	#upperContent
	{
		height: auto !important;
		width: auto !important;
	}

	#upperContent:after
	{
		/* make div stretch to height of content */
		content: '';
		display: block;
		clear: both;
	}

	#upperContent,
	#upperContentText
	{
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
	}

	#content
	{
		border-left: 0px solid #e1e1e1;
	}

	#subContent
	{
		width: 30% !important;
		padding: 0 !important;

		float: right !important;
		box-sizing: border-box;
	}

	#mainContent:not(:only-child)
	{
		width: 60% !important;
		padding: 0 !important;

		float: left !important;
		box-sizing: border-box;
	}

	.contentSection
	{
		display: block !important;
	}

	#bio_news .results_list > li:nth-child(n+4),
	#bio_event .results_list > li:nth-child(n+4),
	#bio_newsletter .results_list > li:nth-child(n+4),
	#area_news .results_list > li:nth-child(n+4),
	#area_event .results_list > li:nth-child(n+4),
	#area_newsletter .results_list > li:nth-child(n+4)
	{
		display: block !important;
	}

	.officeItem
	{
		padding-bottom: 40px;
	}

	#index #mainContent
	{
		width: 100% !important;
		padding: 0 !important;
	}

	#homeContentJumper,
	#artPager
	{
		display: none !important;
	}

	#content #artAnim,
	#content #artAnim .results,
	#content #artAnim ol,
	#content #artAnim ul,
	#content #artAnim li,
	#content #artAnim li *
	{
		all: initial !important;
	}

	#content #artAnim li
	{
		display: none !important;
	}

	#content #artAnim li.current,
	#content #artAnim li.current div
	{
		display: block !important;
		margin-top: 1em !important;
	}

	#content #artAnim .abstract
	{
		padding-bottom: 2em !important;
	}

	#content #artAnim ol li a
	{
		font-size: 2em !important;
	}

	#content #artAnim li img
	{
		max-width: 80% !important;
	}

	#index #homeNewsList
	{
		padding: 0;
	}

	#index #homeNewsList ul li
	{
		display: block;
		width: 100%;
		padding: 0 0 12px 0;
		border: 0px;
	}

	#footer ul li
	{
		display: none;
	}

	#footer ul li#footerCopyright
	{
		display: block;
	}
}

/* END PRINT CSS -------------------------------------------------> */