/*
	Computer Vision Lab theme
	Base layout after "Smashing HTML5" (Enrique Ramirez, MIT license).
	Reskinned for the University of North Carolina at Chapel Hill.

	UNC-Chapel Hill official brand colors (identity.unc.edu):
	  Carolina Blue  Pantone 542   #4B9CD3   rgb(75, 156, 211)
	  Navy           Pantone 2768  #13294B   rgb(19, 41, 75)
	  White                        #FFFFFF
*/

/* Imports */
@import url("reset.css");
@import url("pygment.css");

:root {
  --unc-navy:        #13294B;
  --unc-navy-hover:  #1f3f6e;
  --unc-carolina:    #4B9CD3;
  --unc-carolina-lt: #eaf3fa;
  --link:            #0f5c8c;   /* darkened Carolina Blue, AA on white */
  --link-hover:      #4B9CD3;
  --ink:             #1d1d1d;
  --muted:           #55606b;
  --page-bg:         #eef1f4;
  --rule:            #d7dde3;
}

#banner-img {
  padding-bottom: 25px;
  display: block;
  max-width: 100%;
  height: auto;
}

#contact {
  width: 330px;
  float: right;
  padding: 0 15px;
  margin-left: 20px;
  border: 1px solid var(--rule);
  border-radius: 5px;
  background: #f5f7fa;
}

/***** Global *****/
/* Body */
body {
    background: var(--page-bg);
    color: var(--ink);
    font-size: 14px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    text-align: left;
}

/* Headings */
h1 {font-size: 30px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

h1, h2, h3, h4, h5, h6 {
	color: var(--unc-navy);
	font-weight: 600;
	line-height: 1.15;
	margin-bottom: .8em;
}

h3, h4, h5, h6 { margin-top: .8em; }

hr { border: 0; border-top: 2px solid var(--rule); }

/* Anchors */
a {outline: 0;}
a:link, a:visited {
    color: var(--link);
    text-decoration: underline;
}
a:hover, a:active {
    text-decoration: none;
    color: var(--link-hover);
}
a img {border: 0px; text-decoration: none;}

h1 a:hover { background-color: inherit; }

/* Paragraphs */
div.line-block,
p { margin-top: 1em;
    margin-bottom: 1em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 0em 0 0 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 0em 0 0 1.5em;
}

li { margin-top: 0.5em;
     margin-bottom: 1em; }

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

pre {
    padding: 12px;
    margin: 12px 0;
    overflow: auto;
    background: #f5f7fa;
    border: 1px solid var(--rule);
    border-left: 3px solid var(--unc-carolina);
    border-radius: 3px;
}

/* Quotes */
blockquote {
    margin: 20px;
    padding-left: 16px;
    border-left: 3px solid var(--unc-carolina);
    font-style: italic;
    color: var(--muted);
}

div.note {
   float: right;
   margin: 5px;
   font-size: 85%;
   max-width: 300px;
}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}

	thead th {
	    padding: .5em .4em;
	    text-align: left;
	    background: var(--unc-navy);
	    color: #fff;
	    border-bottom: 2px solid var(--unc-carolina);
	}
	tbody td {padding: .5em .4em; border-bottom: 1px solid var(--rule);}
	tbody tr:nth-child(even) td {background: #f5f7fa;}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/***** Layout *****/
.container {clear: both; margin: 0 auto; width: 940px; overflow: hidden;}
img.right, figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: left; margin: 0 2em 2em 0;}

/*
	Header
*****************/
#site-banner {
	background: var(--unc-carolina);
}

#logo {
	line-height: 80px;
	white-space: nowrap;
	font-size: 28px;
	font-weight: 700;
	float: left;
}
	#logo a, #logo a:link, #logo a:visited {
	    color: var(--unc-navy);
	    text-decoration: none;
	    display: block;
	}
	#logo a:hover { color: var(--unc-navy); text-decoration: none; }

#unc-wordmark {
	float: right;
	height: 80px;
	display: flex;
	align-items: center;
}
	#unc-wordmark a, #unc-wordmark a:link, #unc-wordmark a:visited {
	    display: block;
	    text-decoration: none;
	}
	#unc-wordmark .unc-signature {
	    display: block;
	    height: 52px;
	    width: auto;
	}

#banner {
    background: var(--unc-navy);
    padding: 0;
    min-height: 44px;
}

	/* Main Nav */
	#banner nav {
		float: left;
		clear: left;
		height: 44px;
		line-height: 44px;
		margin: 0;
		padding: 0;
	}

	#banner nav ul {list-style: none; margin: 0;}
	#banner nav li {float: left; display: inline; margin: 0;}

	#banner nav a:link, #banner nav a:visited {
		display: inline-block;
		text-decoration: none;
		padding: 0 16px;
		line-height: 41px;
		border-bottom: 3px solid transparent;
		color: #fff;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: .02em;
	}
	#banner nav a:hover, #banner nav a:active,
	#banner nav .active a:link, #banner nav .active a:visited {
		color: var(--unc-carolina);
		border-bottom-color: var(--unc-carolina);
		text-decoration: none;
		text-shadow: none !important;
	}

/*
	Content
*****************/
#content {
	background: #fff;
	margin: 22px 0 0 0;
	padding: 28px 30px;
	border: 1px solid var(--rule);
	border-top: 3px solid var(--unc-carolina);
	overflow: hidden;
}
#content p > img{
    border: 0;
    display: block;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    margin-bottom: 45px;
}
.figure {
  display: block;
  border: 0;
  margin: 45px auto;
  text-align: center;
}
.youtube-caption {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 20px;
}

.youtube {
  text-align: center;
}
.youtube iframe {
  margin: 20px auto;
}

/*
	Featured
*****************/
#featured {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
}

#featured figure {
	border: 2px solid var(--rule);
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 248px;
}
#featured figure img {display: block; float: right;}

#featured h2 {
	color: var(--unc-navy);
	font-size: 1.714em;
	margin-bottom: 0.333em;
}
#featured h3 {font-size: 1.429em; margin-bottom: .5em;}

#featured h3 a:link, #featured h3 a:visited {color: var(--unc-navy); text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: var(--link-hover);}

/***** Sections *****/
/* Research Summary */
#summary-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#summary-list h1 {margin-bottom: 5px; font-size: 24px;}
	#summary-list h1 a {text-decoration: none; color: var(--unc-navy);}
	#summary-list h1 a:hover {color: var(--link-hover);}

article.summary {
	display: block;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid var(--rule);
	padding-bottom: 20px;
}
li:last-child article.summary {border: 0;}

article.summary .thumbnail {
	width: 200px;
	height: 200px;
	overflow: hidden;
	margin: 0 20px 0 0;
	display: inline-block;
	float: left;
	position: relative;
}
#summary-list article.summary img {
	display: block;
	padding: 0;
	margin: auto;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.summary-content p {margin-top: 5px; margin-bottom: 0;}

.readmore {float: right;}

.post-info {
    width: 100%;
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
}
.post-info p{
    margin-top: 1px;
    margin-bottom: 1px;
}

.entry-title {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 30px;
	color: var(--unc-navy);
	margin-bottom: 10px;
	margin-top: 0;
	text-align: center;
}
.entry-title a:link, .entry-title a:visited {text-decoration: none; color: var(--unc-navy);}
.entry-title a:hover {color: var(--link-hover);}

/* Publication lists */
ul.publication-list {
	list-style: none;
	margin-left: 0;
}
ul.publication-list > li {
	margin: 0 0 1.1em 0;
	padding: 0 0 0 14px;
	border-left: 3px solid var(--unc-carolina-lt);
}

.bibtex {font-family: "Courier New", Courier, monospace;}

/*
	Footer
*****************/
#site-footer {
	clear: both;
	margin-top: 40px;
	padding: 22px 0 26px;
	background: var(--unc-navy);
	color: #c7d3e0;
	border-top: 3px solid var(--unc-carolina);
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
	#site-footer p { margin: .3em 0; font-size: 12px; line-height: 1.5; }
	#site-footer .footer-affil { color: #fff; font-weight: 600; font-size: 13px; }
	#site-footer a, #site-footer a:link, #site-footer a:visited { color: var(--unc-carolina); text-decoration: none; }
	#site-footer a:hover { text-decoration: underline; }