/* CSS */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,acronym,address,big,cite,code,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td
{
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Merriweather, Cambria, Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  color:#444;
  text-rendering:optimizeLegibility;
}


html, body, #wrapper
{
	height: 100%;
	width:100%;
}


#wrapper {
  margin: 0px auto 0px auto;
  position: relative;
  min-height: 100%;
  background-color:transparent;
}

strong {
  font-weight:bold;
}


a:link     { color:inherit; text-decoration: none;}
a:visited  { color:inherit; text-decoration: none;}
a:hover    { color:inherit; text-decoration: underline;}
a:active   { color:inherit; text-decoration: none;}





/* content */


#content {
  width:100%;
  overflow:hidden;
  background:transparent;
  z-index:0;
}


p {
  margin:20px 11px 20px 11px;
  font-size:1.2em;
  line-height:1.6em;
}

#content p.lead {
  font-weight: bold;
  font-size: 1.45em;
  color: #000;
  margin-top:-20px;
}

p span { font-size:inherit; }

#content a:link     { color:#00a; text-decoration: none; border-bottom:1px dotted;}
#content a:visited  { color:#00a; text-decoration: none; border-bottom:1px dotted;}
#content a:hover    { color:#00a; text-decoration: none; border-bottom:1px dotted;}
#content a:active   { color:#00a; text-decoration: none; border-bottom:1px dotted;}

a.clean {border:0!important;display:block;}

#content ul,
#content ol
{
	margin:0 11px 0 11px;
	font-weight:bold;
}

#content li
{
  font-size:1.2em;
  line-height:1.6em;
  margin: 0 22px 11px 22px;
}

#content ul li {list-style-type:disc;}

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

#content div.wide img {width:100%;height:auto;}

#content div.wide p
{
	font-style:italic;
	font-size:14px;
	line-height:18px;
	display:block;
}

#content div.wide p em
{
	text-transform:uppercase;
    font-size:0.7em;
}

h2,h3
{
	font-weight:900;
	margin: 2em 11px 1em 11px;
	color:#000;
  font-size:1.4em;
  line-height:1.4em;
  max-width:756px;
  
}

h3.circle {
	width: 25px;
	height: 25px;
	border:7px solid #000;
	background: #000;
	color:#fff;
	text-align:center;
	padding:0;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

h4
{
	font-weight:400;
	font-style:italic;
	margin: 2em 0 0em 88px;
	color:#000;
  font-size:1.3em;
  line-height:1.5em;
}

h5
{
	font-weight:bold;
	margin: 2em 11px 1em 11px;
	color:#000;
  font-size:1.2em;
  line-height:1.5em;
}

hr
{
	margin:0 0 0 88px;
}

#content table {margin:0 11px 0 11px;}

#content table td {display:block;font-size:1.2em;line-height:1.6em;}

#content table.category {width:100%;max-width:752px;}

#content table.category tr
{
	display:block;
	margin:1em 0 1em 0;
}

#content table.category td
{
	padding:0;
	font-size:1.2em;
	line-height:1.6em;
}

#content table.category td.list-date.small
{
	font-size: 14px;
	line-height: 21px;
	padding-bottom:11px;
}

#content table.category td:first-child {width:70%;}

#content .pagination ul
{
	margin:44px 88px 44px 88px;
}

#content .pagination li
{
	display:inline;
	margin:0;
	padding: 4px 18px 4px 18px;
	border-left: 1px solid #ddd;
	list-style-type:none;
	font-size:1em;
}

#content .pagination li,
#content .pagination li span
{

	color:#ddd;
	font-weight:900;
	letter-spacing:1px;
}

#content .pagination li:first-child
{
	border:none;
	padding-left:0;
}

#content .pagination li a:link     { font-size:inherit; color:#000; text-decoration: none; border-bottom:none;}
#content .pagination li a:visited  { font-size:inherit; color:#000; text-decoration: none; border-bottom:none;}
#content .pagination li a:hover    { font-size:inherit; color:#000; text-decoration: none; border-bottom:none;}
#content .pagination li a:active   { font-size:inherit; color:#000; text-decoration: none; border-bottom:none;}

#content blockquote
{
	padding-left:22px;
	padding-right:22px;
}

#content p.caption
{
	font-weight:normal;
	font-style:italic;
	padding-top:0;
	margin-bottom:10px!important;
	font-size:1.0em;
	line-height:1.2em;
}

#content div.embedded_box
{
	max-width:222px;
	float:right;
	margin:0 88px 20px 44px;
}

#content div.embedded_box p.caption
{
	margin:0;
	font-size:1.0em;
	line-height:1.2em;
	margin-bottom:10!important;
}

.pullquote
{
	width:80%;
	font-style:italic;
	font-weight:bold;
	color:#333;
	font-size:1.7em;
	line-height:1.4em;
	margin:10px auto 10px auto;
}

.pullquote:before {content: "“";}
.pullquote:after  {content: "”";}

.boxout
{
	width:80%;
	background:#222;
	margin:10px auto 10px auto;
}

.boxout img {width:100%;height:auto;}
.boxout p
{
	margin:8px 4px 8px 4px;
	font-size:14px;
	line-height:19px;
	color:#eee;
}

.boxout h3
{
	font-family: Merriweather, Cambria, Georgia, serif;
	font-weight:bold;
	color:#fc0;
	margin:0px 4px 16px 4px;
}

.boxout ul
{
	margin:8px 4px 8px 12px!important;
	padding-left:8px;
}

.boxout li
{
	font-size:14px!important;
	line-height:19px!important;
	color:#eee;
}

.inset
{
	width:80%;
	margin:10px auto 10px auto;
}

.inset img {width:100%;height:auto;}

.inset p
{
	font-style:italic;
	font-size:14px;
	line-height:18px;
	display:block;
	margin-bottom:10px!important;
}

.inset em
{
	text-transform:uppercase;
    font-size:0.7em;
}

#content .tags
{
	margin:44px 88px 0 88px;
}


#content .tags a
{
	display:inline-block;
	padding:4px 4px 4px 5px;
	margin:0 11px 0 0;
	background: #ccc;
	color:#666;
}

#bottom
{
	float:left;
	box-sizing:border-box;
	width:100%;
	height:auto;
	margin:30px 0px 0 0px;
}

.chronoforms,.chronoforms6_credits {
  margin:1em 11px 1em 11px;
  font-size:1.2em;
  line-height:1.6em;
}

#content a.chronoforms6_credits {font-size:0.8em;float:right;}
#content a.chronoforms6_credits:link {color:#aaa;border:none;}

#content .chronoforms label,
#content .chronoforms input,
#content .chronoforms textarea
{font-size:1.2em;}

#column2 .moduletable_contact-details p
{
	font-size:1.2em;
	line-height:1.5em;
	padding-bottom:1em;
}

/* legacy support */

div.mosimage {margin:0 0 0 88px;}
div.mosimage_caption
{
	font-weight:900;
	font-style:italic;
	padding-top:0;
	margin-bottom:10px!important;
	font-size:1.0em;
	line-height:1.2em;
}






/* embedded video */

.avPlayerWrapper {max-width:750px;margin:1em 11px 1em 11px;}





/* page header */

#page-header
{
	position:absolute;
	top:0;
	background: #78787f url("../images/background.png");
	width:100%; /* important for Mac Firefox
	width:100vmax; */
	height:40%; /* important for Mac Firefox */
	height:40vh;
	overflow:hidden;
	z-index:2;
	margin-top:35px;
}


#page-header *
{
	color:#fff;
}

#page-header p:last-child
{
	position:absolute;
	top:30vh;
	margin:0px 11px 0px 11px;
	color:#fff;
	font-size:1.1em;
	line-height:1.2em;
	display:block;
	height:88px;
	text-shadow: 0 0 1em black;
}

#page-header img,
#page-header video
{
	position:absolute;
	left:0;
	top:50%;left:50%;transform: translate(-50%,-50%);
	z-index:-1;
	width:100vmax;
	height:auto;
	min-height:100%;
	background:#000;
	max-width:none;
}

#page-header h1
{
	position:absolute;
	bottom:10vh;
	font-family:Khand,Impact,sans-serif;
	font-weight:bold;
	font-size:6vmax;
	text-transform:uppercase;
	line-height:0.9em;
	color:#fff;
	display:block;
	margin:24vh 11px 0 11px;
	width:100%;
	text-shadow: 0 0 1em black;
}

div.article-info
{
	width:100%;
	margin:35px 0 0 0;
	margin-top:55vh;
}
dl.article-info {width:100%;}

dd,
div.publishedby
{
	font-style:normal!important;
	font-size:14px!important;
	color:#222;
	width:100%;
	margin: 0px 11px 0px 11px;
	display:inline-block;
§}

dd.published {display:block;margin-top:-30px;}

div[itemprop="articleBody"] {margin: 50vh 0 0 0;}
div.article-info + div[itemprop="articleBody"] {margin: 0 0 0 0;padding-top:0px;}

div[itemprop="articleBody"] > p:nth-of-type(1)::first-line,
div[itemprop="articleBody"] > p:nth-of-type(1):first-line
{
	font-weight:bold;
	color:#000;
}

form.form-inline {margin: 47vh 0 0 0;}

#footer
{
  clear:both;
  background: #222;
  color:#666;
  bottom:0px; 
  margin: 30px 0px 0px 0px;
  padding:30px 11px 11px 11px;
	z-index:2;
}

#footer h3
{
	font-family:Khand,Impact,sans-serif;
	font-weight:bold;
	font-size:2em;
	text-transform:uppercase;
	line-height:0.9em;
	color:#666;
	display:block;
	margin:11px 0 0 0;padding:0;
}

#footer ul
{
	margin: 11px 0px 11px 0;
}

#footer li
{
	display:block;
	margin: 0px 22px 0px 0;
	color:#666;
}

#footer a:link     { color:inherit; text-decoration: none; border-bottom:none;}
#footer a:visited  { color:inherit; text-decoration: none; border-bottom:none;}
#footer a:hover    { color:inherit; text-decoration: none; border-bottom:1px dotted;}
#footer a:active   { color:inherit; text-decoration: none; border-bottom:none;}

#footer address
{
	color:#666;
	margin:11px 0 0 0;
}

#footer .moduletable {width:300px;}

#footer .toplink::before
{
  content: "\25B2";
  padding-left:0px;
  padding-right: 5px;
}

#verybottom
{
	clear:both;
}

#menu
{
	position:absolute;
	top:0;
	height:100px;
	width:100%;
	z-index:6;
	overflow:hidden;
	margin-top:35px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#menu ul
{
	position: relative;
	left:11px;
	column-count:2;
}

#menu li
{
	display:block;
	color:#eee;
	padding: 8px 24px 0 8px;
	border-left: 1px solid #ccc;
	font-size:1em;
}

#menu li a:link     { color:inherit; text-decoration: none; border:none;}
#menu li a:visited  { color:inherit; text-decoration: none; border:none;}
#menu li a:hover    { color:inherit; text-decoration: none; border-bottom:1px dotted;}
#menu li a:active   { color:inherit; text-decoration: none; border:none;}


#menu li.selected
{
	color:#fff;
	font-weight:900;
	border-left: 5px solid #fff;
}



/* column2 */

#column2
{
	width:300px;
	margin:0px auto 0px auto;
}

#column2 > div
{
	margin-bottom:30px;
}


#column2 .moduletable_box
{
	background:#000;
	background-image: url("../../../images/2017/alfa164.jpg");
	background-position:center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	padding:16px 16px 0 16px;
	height:208px;
	margin:0 0 22px 0;
}

#column2 .moduletable_lecturebox
{
	background:#000;
	background-image: url("../../../images/2017/students.jpg");
	background-position:center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	padding:16px 16px 0 16px;
	height:208px;
	margin:0 0 22px 0;
}

#column2 h3
{
	font-size:1.4em;
	line-height:1.3em;
	font-weight:900;
	margin:0 0 0 0;
}

#column2 .moduletable_box *,
#column2 .moduletable_lecturebox *
{color:#fff!important;}

#column2 p
{
	font-size:1em;
	line-height:1.3em;
	margin:0;
}

#column2 ul{margin:0!important;}

#column2 li,
#column2 span.morelink
{
	font-size:16px;
	line-height:21px;
	margin:10px 0 10px 17px;
	list-style-type: none!important;
	display:block;
}

#column2 li::before,
#column2 span.morelink::before
{
  content: "\2023";
  padding-left:5px;
  padding-right: 8px;
  margin:0 0 0 -22px;
}

#column2 a
{
	font-style:italic;
}

.moduletable_share {margin-bottom:60px!important;}

/* books page */

.tile-container
{
	width:100%;
}

.tile
{
	position:relative;
	width:300px;
	height:440px;
	padding:0 5px 0 5px;
	overflow:hidden;
}

.tile-image
{
	height:260px;
}

.tile-image img
{
	position:absolute;
	bottom:200px;
}


.tile h3
{
	color:#000;
    font-family: Merriweather, Cambria, Georgia, serif;
    padding:0;margin:0;
  font-size: 17px;
  line-height: 24px;
  max-width:300px;
}

.tile h4
{
	color:#000;
    font-family: Merriweather, Cambria, Georgia, serif;
    font-weight:normal;
    font-style:italic;
    padding:0;margin:0;
  font-size: 17px;
  line-height: 24px;
  max-width:300px;
}

.tile p
{
	margin:0;
  font-size: 14px;
  line-height: 21px;
  max-width:300px;
}

#content .moduletable_contact
{
	margin:0 0 0 88px;
}

#content .moduletable_contact li
{
	display:block;
}



/* forms  */

input#number_unsigned,
input#number_signed
{
  text-align:center;
}

input#number_signed,
input#number_unsigned
{
	width:72px!important;
}

input#value_signed_display,
input#value_unsigned_display,
input#delivery,
input#total
{
float:right;
border:0;
}

.linetotal
{
 	width:100%;
}

input#total
{
	border-bottom:3px double #000;
	border-top:1px solid #000;
	border-radius:0;
}

#display-section1 .inline label,
#area_fields_19 .inline label,
#area_fields_37 .inline label
{
	margin-top:11.4px!important;
	margin-bottom:11.4px!important;
}

#area_fields_43 {margin-left:0!important;}

#Submit {margin:1em 1em 0 0!important;}



/* search */

#search
{
	position:absolute;
	top:0;
	background:#444;
	width:100%;
	padding:0px;
	font-size:14px;
	box-sizing:border-box;
	z-index:6;
}

#search form
{
	border:0;
	padding:6px 0px 0px 11px;
}

#search input
{
	background:none;
	color:#fff;
	font-size:16.8px;
	font-family: Merriweather, Cambria, Georgia, serif;
	border:0;
	width:90%;
}

#search input:hover
{
	background:rgba(0,0,0,0.6);
}

#search ::placeholder {color: #fff; opacity: 1;}
#search :-ms-input-placeholder {color: #fff;}
#search ::-ms-input-placeholder {color: #fff;}

#search .search-results
{
	background:rgba(0,0,0,0.6);
	margin:6px 6px 6px 11px;
	color:#fff;
}

#search li
{
	color:#fff;
	font-size:16px;
	line-height:21px;
	margin:10px 6px 10px 20px;
	list-style-type: none!important; 
}

#search li::before
{
  content: "\2023";
  padding-left:5px;
  padding-right: 5px;
  margin:0 0 0 -18px;
}

#search a
{
	font-style:italic;
	color:#fff;
}

/* social */

.moduletable_social {float:right;}

#social_links {width:300px;}

#social_links a {float:left;margin:5px;}
#social_links a div {width:48px;height:48px;}

#social_links div.twitter {background: url("../images/social48.png") no-repeat 0px 0px;}
#social_links div.twitter:hover {background-position: 0px -53px;}
#social_links div.mastodon {background: url("../images/social48.png") no-repeat -53px 0px;}
#social_links div.mastodon:hover {background-position: -53px -53px;}
#social_links div.facebook {background: url("../images/social48.png") no-repeat -106px 0px;}
#social_links div.facebook:hover {background-position: -106px -53px;}
#social_links div.linkedin {background: url("../images/social48.png") no-repeat -159px 0px;}
#social_links div.linkedin:hover {background-position: -159px -53px;}
#social_links div.youtube {background: url("../images/social48.png") no-repeat -212px 0px;}
#social_links div.youtube:hover {background-position: -212px -53px;}

/* front page affiliations */

.affiliations_group {margin:0px 11px 0px 11px;}

.affiliation
{
	display:block;
	float:left;
	width:155px;
	text-align:center;
	border-radius:5px;
	border:1px dotted #fff;
	padding:10px;
	margin:30px auto 30px auto;
}

#content .affiliation:active,
#content .affiliation:link,
#content .affiliation:visited
{border:1px dotted #fff;color:#000;}

#content .affiliation:hover {border:1px dotted #000;}

#content .affiliation img {height:50px;width:auto:}

/* login */
.login
{
  margin-top:200px;
}

/* responsiveness */

@media (min-width: 750px)
{
	#page-header {height:60%;height:60vh;}
	#page-header h1 {bottom:20vh;}
	#page-header p:last-child {top:40vh;font-size:1.4em;line-height:1.2em;}
	div.article-info {margin-top:74vh;}
	div[itemprop="articleBody"] {margin: 66vh 0 0 0;}
	div.article-info + div[itemprop="articleBody"] {margin: 0 0 0 0;}
	form.form-inline {margin: 70vh 0 0 0;}
	p, #content ul, #content ol {margin-right:400px;}
	.affiliations_group {margin:0px 11px 0px 11px;}
	.tile {width:30%;float:left;}
	.tile-container {max-width:1080px;margin-left:88px;}
	.pullquote {width:450px; margin:0px 88px 30px 30px;float:right;}
	.boxout, .inset {width:450px; margin:10px 88px 30px 30px;padding:10px;float:right;}
	.inset p {width:450px; margin:10px 0px 30px 0px;}
	#content div.wide p {float:right;width:300px;margin:20px 88px 30px 30px;}
	#column2 {position:absolute;right:88px;top:63%;top:63vh;z-index:1;margin:25px 0px 0px 88px;}
	#footer {min-height:200px;}
	#footer .moduletable {float:left;padding-right:20px;}
}

@media (min-width: 1024px)
{
	#menu {height:40%; height:40vh;margin-top:0;}
	#menu ul {column-count:1;top:10px;}
	#menu li {display:inline;font-size:1.2em;padding-top:12px;}
	#page-header {height:80%;height:80vh;margin-top:0;}
	#page-header p:last-child {top:60vh;font-size:1.5em;line-height:1.3em;margin:0px 88px 0px 88px;}
	#page-header h1 {bottom:20vh;margin-left:88px;margin-right:88px;max-width:60vw;}
	div.article-info {margin-top:86vh;}
	dd, div.publishedby {margin-left:88px;}
	div[itemprop="articleBody"] {margin: 86vh 0 0 0;}
	div.article-info + div[itemprop="articleBody"] {margin: 0 0 0 0;}
	form.form-inline {margin: 84vh 0 0 0;}
	p, #content ul, #content ol {margin-left:88px;max-width:756px;}
	.affiliations_group {margin:0px 11px 0px 88px;}
	.inset p {width:450px; margin:10px 0px 30px 0px;}
	form#order {margin:1em 400px 1em 88px;max-width:756px;}
	h2, h3 {margin: 2em 88px 1em 88px;}
	h5 {margin-left:88px;margin-right:400px;}
	form#order h3 {margin:0 0 1em 0;}
	form#order p {margin-left:0;margin-right:0;}
	#content table {margin-left:88px;}
	#content table td {display:inline-block;margin-right:40px;}
	#content table td.list-title {padding-bottom:11px;}
	#content table.category td.list-date.small {padding:0;}
	.avPlayerWrapper {margin:1em 88px 1em 88px;}
	#footer {padding:22px 88px 11px 88px;}
	#menu ul {left:88px;}
	#search {right:88px;width:300px;font-size:1.2em;background:none;}
	#search form{border-left:5px solid #fff;}
	.chronoforms,.chronoforms6_credits {margin:1em 400px 1em 88px;max-width:756px;}
	#column2 {top:84%;top:84vh;}
}

@media (orientation:portrait)
{
	#page-header img {width:auto;height:100%}
}