/*
	Arcana 2.1 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Basic */

*,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}

body
{
	background: #f0f0f0 url('images/bg1.png');
  font-family: 'Open Sans Condensed', sans-serif; 

/* font-size: 14pt;*/
 font-size: 1.0em;
 line-height: 1.75em;
 color: #0a;

}

h1,h2,h3,h4
{
	 font-family: 'Open Sans Condensed', sans-serif; 
 color: #1d1d1d;
 color: #006666;
}

h2, h3
{
	font-weight: bold;
 font-size: 1.6em;
 letter-spacing: -1px;
 margin: 0 0 0.75em 0;
}

h2
{
	color: #045;
}

h3
{
 font-size: 1.4em;
}

#site-footer h3				/* smaller heading in the footer -elf*/
{
	color: #045;
 font-size: 1.2em;
 margin: .5em 0 .5em 0;
}


a
{
 text-decoration: underline;
 color: #450;
}

a:hover
{
	text-decoration: none;
}

a:visited
{
   color: #476503;
   color: #786;

}

/* Reusable */

.button, .button2
{
	display: inline-block;
 background: #0893cf;
 box-shadow: inset 0px 0px 0px 1px #48d3FF, 0px 2px 3px 0px rgba(0,0,0,0.25);
 border: solid 1px #0893cf;
 border-radius: 6px;
 padding: 0.45em 1.1em 0.5em 1.1em;
 color: #fff;
 font-size: 0.8em;
 text-decoration: none;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
 background-image: -moz-linear-gradient(top, #38C3FF, #0893cf);
 background-image: -webkit-linear-gradient(top, #38C3FF, #0893cf);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#38C3FF), to(#0893cf));
 background-image: -ms-linear-gradient(top, #38C3FF, #0893cf);
 background-image: -o-linear-gradient(top, #38C3FF, #0893cf);
 background-image: linear-gradient(top, #38C3FF, #0893cf);
 outline: 0;
 white-space: nowrap;
}

.button:hover
{
	background: #28a3df;
 background-image: -moz-linear-gradient(top, #58d3FF, #28a3df);
 background-image: -webkit-linear-gradient(top, #58d3FF, #28a3df);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58d3FF), to(#28a3df));
 background-image: -ms-linear-gradient(top, #58d3FF, #28a3df);
 background-image: -o-linear-gradient(top, #58d3FF, #28a3df);
 background-image: linear-gradient(top, #58d3FF, #28a3df);
}

.button:active
{
	background: #38C3FF;
 background-image: -moz-linear-gradient(top, #0893cf, #38C3FF);
 background-image: -webkit-linear-gradient(top, #0893cf, #38C3FF);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0893cf), to(#38C3FF));
 background-image: -ms-linear-gradient(top, #0893cf, #38C3FF);
 background-image: -o-linear-gradient(top, #0893cf, #38C3FF);
 background-image: linear-gradient(top, #0893cf, #38C3FF);
}

.button2
{
 display: inline-block;
 border-radius: 6px;
 padding: 0.45em 1.1em 0.5em 1.1em;
 color: #fff;
 font-size: 0.8em;
 text-decoration: none;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
 outline: 0;
 white-space: nowrap;
 
 background: #a27244;
 box-shadow: inset 0px 0px 0px 1px #48d3FF, 0px 2px 3px 0px rgba(0,0,0,0.25);
 border: solid 1px #a27244;
 background-image: -moz-linear-gradient(top, #827244, #a27244);
 background-image: -webkit-linear-gradient(top, #827244, #a27244);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#827244), to(#a27244));
 background-image: -ms-linear-gradient(top, #827244, #a27244);
 background-image: -o-linear-gradient(top, #827244, #a27244);
 background-image: linear-gradient(top, #827244, #a27244);
}

.divider
{
	border-top: solid 1px #e5e5e5;
 border-bottom: solid 1px #e5e5e5;

 height: 4px;
 margin: 2em 0 2em 0;
}

.divider-top
{
	margin-bottom: 0;
}

.divider-bottom
{
	margin-top: 0;
}

.cta-box, cta-box2
{
	background: url('images/bg2a.png');/* stipple background */
 text-align: center;
 padding: 1.25em 0 1.25em 0;
 text-shadow: 1px 2px 0px #fff;
 font-size: 2em;
}

.cta-box2
{
	background: url('images/bg2b.png');/* brown stipple background */
 text-align: center;
 padding: 1.25em 0 1.25em 0;
 text-shadow: 1px 2px 0px #fff;
 font-size: 2em;

}

.cta-box .button
{
	margin-left: 0.8em;
 margin-top: 0.25em; /* add a gap below the caption so descenders clear the button*/
}

/* descriptive text that appears below a cta-box */
.cta-cite, .cta-cite-grad, .cta-cite-intern
{
	text-align: justify;
 font-size: 1.15em;
 margin-bottom: 1em;
 color: #2c0845;
 color: #006699;
}

/* different colour for graduate program descriptions in programs.html*/
.cta-cite-grad
{
 color: #a27244;
}

/* different colour for internship descriptions in programs.html*/
.cta-cite-intern
{
 color: #628244;
}

.company
{
	font-weight: bold;
 text-transform: uppercase;
}

.highlight-box
{
	background: url('images/bg2.png');
 text-align: center;
 padding: 3.5em 0 3.5em 0;
 text-shadow: 1px 2px 0px #fff;
}

.highlight-box h2
{
	font-size: 3.2em;
 letter-spacing: -3px;
 margin: 0 0 0.6em 0;
}

.highlight-box span
{
	font-size: 2em;
 color: #a1a1a1;
}	

.thumbnails
{
}

.thumbnails .divider
{
	border-bottom: 0;
 border-top: solid 1px #e5e5e5;
 margin: 1em 0 1em 0;
}

.thumbnails .thumbnail
{
	overflow: hidden;
}

.thumbnails .thumbnail img
{
				border: solid 5px #fff;
				box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
				float: left;
				margin-right: 25px;
}

.thumbnails .thumbnail blockquote
{
				margin: 0 0 0.75em 0;
				margin-left: 130px;
				line-height: 1.5em;
}

.thumbnails .thumbnail cite
{
				color: #08;
				margin-left: 130px;
				display: block;
}

.thumbnails .thumbnail cite strong
{
	padding-right: 0.25em;
 color: #28A3DF;
 font-weight: bold;
 font-size: 0.95em;  
}



.link-list
{
}

.link-list li
{
	border-top: solid 1px #d0d0d0;
 line-height: 2.5em;
}

.link-list li:first-child
{
	border-top: none;
}

.papers-link-list li 
{
	border-top: dotted 1px #d0d0d0;
 line-height: 1.5em;
 padding-bottom: 1.5em;
}

.info-link-list li 
{
 border-top: dotted 1px #d0d0d0;
 line-height: 2em;
 color: #28A3DF;
 font-weight: bold;
}


		/* "Newsworthy" */
h2.news
{
	color: #045;
}
		
cite.newsdesc
{
	color: #28A3DF;
   text-transform: uppercase;
   font-size: 0.75em;
   line-height: 0.1em;
   margin-left: 1em;
   border-top: 0;

}

cite.cinfo
{
	color: #28A3DF;
 
}

cite.newsblurb 
{
	color: #eef;
   text-transform: uppercase;
   font-size: 0.75em;
   line-height: 0.1em;
   margin-left: 1em;
   border-top: 0;

}

.cite li						/* News items list elements*/
{
 list-style-type: square;
 margin-left: 1em;
 border-bottom: dotted;

 color: #2c0845; /* purple */
 padding-top: .9em;
 padding-bottom: .9em;
 line-height: 1.1em;
}


.normal li						/* square bullets for "normal" lists*/
{
	list-style-type: square;
 margin-left: 2em;
 color: #222;
}

/* the last list item has extra padding */
.normal li.last
{
	padding-bottom: 1.5em;
}

/* mostly for the News items*/

dl{
	margin-left: 1em;
}

dt{
	margin-top: 1.5em;
}

/* indent the posting from the company title in jobs.html */

dd{
	margin-left: 1.5em;
}

.date
{
	font-weight: bold;
	color: #045;
}

.seminar
{
	color: #900;
 text-transform: uppercase;
}

.bigdeal
{ color: #940;
}

.dark							/*bold text is darker*/
{
 color: #567;
 font-weight: bold;
 font-size: .9em; 
}


b
{
 font-weight: bold;
 color: #666;
 }

.cta-box.morespace
 {
	 margin-bottom: 2em;	 
   text-transform: uppercase;
}

.small{	font-size: .8em; line-height:.5em;}

.fact, .factbull { font-size: 1em; font-weight: bold; color: #006699; valign=center;}

.factbull { font-size: 1.25em; color: #660099;} 

#covid19 {
	background: yellow;
     font-weight: bold;
     text-align: center;
}