/*
Theme Name: Donini Lab
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: donini-lab
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Donini Lab is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# Browser Check
--------------------------------------------------------------*/
.browser-check {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #222;
	text-align: center;
	z-index: 1000000;
	height: 100%;
}
.browser-check h1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 35px;
	color: #FFF;
	font-weight: bold;
	width: 100%;
	margin-top: 10%;
	margin-bottom: 20px;
}
.browser-check p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	width: 480px;
	margin: 10px auto;
}
.browser-check p a {
	text-decoration: none;
	color: #39F;
}
.browser-check p a:hover {
	color: #F60;
}
a.happy-button {
	border: 1px solid #FFF;
	padding: 10px;
	line-height: 70px;
	font-family: "Courier New", Courier, monospace;
	font-size: 30px;
	text-decoration: none;
	color: #FFF;
}
a.happy-button:hover {
	color: #000;
	background-color: #FFF;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header#masthead {
	width: 100%;
	background-color: #000;
}
header div.header-container {
	background: url("/wp-content/uploads/2017/04/header_home.jpg") no-repeat;
	text-align: right;
	height: 377px;
	margin: 0 auto;
	padding-top: 2em;
}
header {
	height: 377px;
}
header#masthead div.logo {
	position: absolute;
	right: 5em;
	top: 3em;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav#site-navigation {
	width: 100%;
	background-color: #2b81af;
	position: absolute;
	top: 326px;
	z-index: 999;
}
nav#site-navigation div.menu-main-menu-container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
nav#site-navigation div.menu-main-menu-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
nav#site-navigation div.menu-main-menu-container ul:after {
	content: "";
	display: block;
	clear: both;
}
nav#site-navigation div.menu-main-menu-container ul li {
	float: left;
	text-align: center;
	border-right: 1px solid rgba(149,192,215,0.7);
	font-size: 0.94em;
}
nav#site-navigation div.menu-main-menu-container ul li:last-child {
	border-right: none;
}
nav#site-navigation div.menu-main-menu-container ul li a {
	padding: 0.4em 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.6em;
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px #000;
	display: block;
}
nav#site-navigation div.menu-main-menu-container ul li:hover a {
	background-color: #1a4d69;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
div#funding {
	width: 100%;
}
div#funding h3 {
	margin: 0 auto;
	padding: 0;
	color: #FFF;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2.2em;
	font-weight: 700;
}
div.blue {
	width: 100%;
	background-color: #2b81af;
}
ul.sponsors {
	list-style: none;
	padding: 0;
	text-align: center;
}
ul.sponsors:after {
	content: "";
	display: block;
	clear: both;
}
ul.sponsors li {
	float: left;
	padding: 2em;
	width: 33.33%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	min-height: 221px;
	align-items: center;
}
footer {
	width: 100%;
	background-color: #2b81af;
	padding: 1.5em 0;
}
footer div.address {
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
}
footer div.address span {
	font-weight: 700;
}
footer div.copy {
	float: left;
}
footer div.referral {
	float: right;
	text-align: right;
}
footer div.referral a {
	color: #FFF;
	text-decoration: none;
}
footer div.referral a:hover {
	color: #CCC;
}
footer div.referral,
footer div.copy {
	color: #FFF;
	width: 50%;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
}
footer div.subfoot {
	max-width: 1200px;
	width: 100%;
	margin: 2em auto 0 auto;
	border-top: 1px dotted #FFF;
	padding: 0.4em 1em;
}

/*--------------------------------------------------------------
# News Page
--------------------------------------------------------------*/
body.page-template-page-news h2.date {
	display: block;
	padding: 0;
	margin: 0;
	font-weight: 700;
	background: transparent;
	color: #000;
}
body.page-template-page-news div.news p {
	margin: 0 0 1em 0;
}

/*--------------------------------------------------------------
# Publications
--------------------------------------------------------------*/
div#page div#content div#primary dl.faq {
	counter-reset: my-badass-counter;
}
div#page div#content div#primary dl.faq dt {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	padding: 0.2em 0 2em 3.5em;
	color: #333;
	font-size: 1em;
	top: 0;
	font-weight: 400;
}
div#page div#content div#primary dl.faq dt:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	font-weight: 700;
	color: #333;
}

/*--------------------------------------------------------------
# People
--------------------------------------------------------------*/
div.col1 {
	width: 550px;
	float: left;
	margin-bottom: 0.3em;
	font-family: 'Open Sans', sans-serif;
	color: #666;
}
div.col1 h4 {
	font-size: 1.5em;
	font-weight: 700;
	color: #000;
	margin: 0;
	letter-spacing: -0.05em;
}
div.col1 h5 {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	font-weight: 400;
	line-height: 0.5em;
}
div.col1 p {
	margin: 0;
	font-size: 0.9em;
}
div.col1 p.txt {
	font-size: 0.7em;
	margin-top: 1em;
}
div.col2 {
	width: 190px;
	height: 190px;
	float: right;
	margin: 0 0 3em 3em;
	border: 6px solid #333;
	background-image: url('/wp-content/uploads/2015/09/y_u_no_photo_Square-300x300.png');
	background-size: 190px 190px;
	overflow: hidden;
}
div.col2 img {
	min-height: 190px;
	min-width: 190px;
	width: 190px;
	height: auto;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
div#content {
	width: 100%;
}
.contain {
	width: 100%;
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
}
div#content div#primary {
	margin: 0 auto;
	padding-top: 2em;
	padding-bottom: 2em;
}
h1, h2, h4 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}
h1 {
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 2.5em;
	color: #000;
}
h2 {
	font-size: 1.5em;
	color: #333;
	margin: 0 0 0.4em 0;
}
h4 {
	font-size: 1.6em;
	margin: 2em 0 0 0;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #333;
}
hr {
	border-top: 1px solid #333;
	border-left: none;
	border-right: none;
	border-bottom: none;
	height: 1px;
	margin: 2em 0;
}
div#primary p a,
a.conferences {
	text-decoration: none;
	font-weight: 700;
	color: #666;
}
div#primary p a:hover {
	color: #CCC;
}
.clear {
	clear: both;
}
.current-menu-item {
	background-color: #000;
}

/*--------------------------------------------------------------
# Home Gallery
--------------------------------------------------------------*/
div.home-gallery {
	display: block;
}
div.home-gallery:after {
	content: "";
	display: block;
	clear: both;
}
div.thumb {
	width: 32%;
	margin-right: 12px;
	padding-top: 32%;
	position: relative;
	overflow: hidden;
	float: left;
}
div.thumb a {
	position: absolute;
	top: 0;
	left: 0;
}
div.thumb:last-of-type {
	margin-right: 0;
}

/*--------------------------------------------------------------
# Conferences
--------------------------------------------------------------*/
p.conferences span {
	font-weight: 700;
	font-style: italic;
	font-size: 1.2em;
}

/*--------------------------------------------------------------
# Teaching
--------------------------------------------------------------*/
body.page-id-551 h2 {
	background: #2b81af;
	display: inline-block;
	padding: 0 0.5em;
	color: #FFF;
	margin: 1.5em 0 0.4em 0;
}
body.page-id-551 h2:first-of-type {
	margin-top: 0;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
section#media {
	display: block;
	width: 100%;
}
section#media:after {
	content: "";
	display: block;
	clear: both;
}
section#media div {
	width: 50%;
	float: left;
}
section#media a {
	text-decoration: none;
	font-weight: 700;
	display: block;
	color: #666;
}
section#media a:hover {
	color: #CCC;
}
@media (max-width:750px) {
	section#media div {
		width: 100%;
		float: none;
		text-align: center;
	}
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
div.list p {
	margin: 0;
}
div.col-left {
	width: 40%;
	float: left;
	padding-right: 4em;
}
div.col-right {
	width: 60%;
	float: right;
}
div.col-left,
div.col-right {
	font-family: 'Open Sans', sans-serif;
}
div.col-left em {
	font-style: italic;
}
div.col-left strong {
	font-size: 1.3em;
	font-weight: 700;
}
input[type="submit"],
input[type="submit"]:focus {
	padding: 1em 2em;
	color: #2b81af;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 400;
	text-shadow: none;
	box-shadow: none;
	border: 1px solid #2b81af;
	background-color: rgba(0,0,0,0);
	float: right;
	border-radius: 3px;
}
input[type="submit"]:hover {
	background-color: #2b81af;
	border: 1px solid #2b81af;
	color: #FFF;
	box-shadow: none;
}
input[type="text"],
input[type="email"],
textarea {
	width: 100%;
	background-color: #f2f2f2;
	color: #000;
	padding: 0.5em;
	border: 1px solid #CCC;
	border-radius: 3px;
}
div.wpcf7-validation-errors {
	border: none;
	color: red;
	font-size: 1em;
	text-align: center;
	padding: 0;
	margin: 1em 0;
}
div.wpcf7-mail-sent-ok {
	border: none;
	color: #000;
	font-size: 1em;
	text-align: center;
	padding: 0;
	margin: 1em 0;
}

/*--------------------------------------------------------------
# News Carousel
--------------------------------------------------------------*/
div.news-wrap {
	background: #f4f4f4;
	width: 100%;
	padding: 1em 0;
}
div.news-feed-container {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
h2.date {
	background: #2b81b0;
	color: #FFF;
	padding: 0.1em 0.4em;
	font-weight: 400;
	font-size: 1.3em;
}
p.text {
	padding: 0 1em;
}
div.news-feed-container h1 a {
	text-decoration: none;
	color: #000;
}
div.news a {
	text-decoration: none;
}

/*--------------------------------------------------------------
# Transitions
--------------------------------------------------------------*/
nav#site-navigation div.menu-main-menu-container ul li a,
footer div.referral a,
input[type="submit"],
.owl-theme .owl-nav [class*=owl-] {
	transition: all 0.5s ease;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (max-width:1220px) {
	nav#site-navigation div.menu-main-menu-container ul li a {
		padding: 0.4em 0.8em;
	}
	nav#site-navigation div.menu-main-menu-container ul li {
		font-size: 0.9em;
	}
	ul#primary-menu {
		margin: 0 auto!important;
		width: 1020px;
	}
}
@media (max-width:1045px) {
	nav#site-navigation div.menu-main-menu-container ul li a {
		padding: 0.4em 0.4em; 
	}
	ul#primary-menu {
		width: 854px;
	}
}
@media (max-width:950px) {
	header div.header-container,
	div#content div#primary {
		width: 100%;
		padding: 2em;
	}
	div#funding h3 {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	footer div.subfoot,
	footer div.address {
		width: 100%;
	}
	header div.header-container {
		text-align: right;
	}
	header div.header-container img {
		margin-top: 260px;
	}
	h1 {
		text-align: center;
	}
}
@media (max-width:920px) {
	ul.sponsors {
		width: 100%;
	}
}
@media (max-width:870px) {
	div.col2, div.col1 {
		float: none;
	}
	div.col1 {
		width: 100%;
		text-align: center;
	}
	div.col2 {
		margin: 0 auto 3em auto;
	}
	div.col1 h5 {
		line-height: 1em;
	}
	div.col-left, div.col-right {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	div.col-left {
		text-align: center;
	}
	input[type="submit"],
	input[type="submit"]:focus {
		float: none;
		width: 100%;
	}
}
@media (max-width:720px) {
	ul.sponsors li {
		float: none;
		width: 100%;
		display: block;
		height: auto;
	}
	div.home-gallery {
		display: block;
	}
	div.thumb {
		width: 100%;
		margin: 1em 0;
		padding: 0;
		overflow: visible;
	}
	div.thumb a {
		position: relative;
	}
	div.thumb a img {
		width: 100%;
	}
}
@media (max-width:670px) {
	div#funding h3 {
		text-align: center;
		padding: 0;
	}
	header div.header-container {
		text-align: center;
	}
}
@media (max-width:400px) {
	footer div.referral,
	footer div.copy {
		width: 100%;
		float: none;
		text-align: center;
	}
}