/*
Theme Name: lasg
Theme URI: http://livingarchitecturesystems.com/
Author: Kristie Taylor-Muise
Author URI: http://kristietaylor-muise.ca/
Description: Custom theme for LASG built on Underscores
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lasg
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.

lasg is based on Underscores http://underscores.me/, (C) 2012-2016 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/
TESTING
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
	## Responsive Nav
	## Tabbed Content
# Global Layout
	## Grid
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Home Page
	## About - Intro, Team, Partners
	## Installation Page Template
	## Publication Post Type
	## Grid Landing Page Template & related content grid items
	## Credits & Sponsors Templates
	## Projects
	## News, Press, and Events
	## Posts and pages
	## Asides
	## Comments
	## Site Map
# Infinite scroll
# Media
	## Captions
	## Galleries
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 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: 0;
}

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;
}

.collapseomatic {
    background-image: url('images/arrow.svg');
    background-size: 10px;
}
.colomat-close {
   background-image: url('images/arrow-close.svg');
}

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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

.main-navigation li.menu-item-search {
	float:right;
	padding:0;
	font-size: 0.8em;
}

button.my-wp-search {
	background:none;
	border:none;
	color:#4a4a4a;
}

.menu-item-search input {
    border: 1px solid #4a4a4a;
    padding-left: 0.4em;

}

.search .installation .entry-header, .search .publication .entry-header {
	background:none;	
}

.search .installation a, .search .installation a:visited, .search .publication a, .search .publication a:visited {
	color: #4a4a4a;
}

.search p {
	/*max-width:50em;*/
}

.search .entry-title {
	font-size:1.5em;
	text-decoration:underline;
}

body.search.search-results article footer {
    display: none;
}

.page-title {
	font-size: 1em;
}

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: #000000;
	font-family: "europa",sans-serif;
	font-size: 0.95em;
	line-height: 1.5;
}

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

h2 {
	font-size:1.2em;
}

h3 {
	font-size:1em;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0;
    font-style: italic;
    font-size: 1.2em;
    font-weight: 300;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 14.5px;
	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: 14.5px;
	font-size: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

header a {
	border:0; 
}

.top {
	margin-top:0;
	padding-top:0;
}

.site-title a, .site-title a:visited, h1.site-title a {
	color: #4a4a4a;
    font-weight: 100;
    font-size: 1.15em;
    text-transform: uppercase;
}

h1.site-title {
	max-width: 1175px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1em;
    width: 100%;
    padding: 0.6% 0% 0% 1%;
    margin-top: 0;
    margin-bottom: 0;
}

.site-title a.lasg-login {
	float: right;
    text-transform: capitalize;
    border-bottom: 1px solid #4a4a4a;
    font-size: 0.9em;
}

.site-title a span {
	font-weight: 700;
}

.site-branding p {
	padding: 0.6% 0 0% 1%;
	margin:0;
}

.entry-title {
	font-weight: 400;
    font-size: 2.25em;
    text-transform: capitalize;
    font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;
    font-weight: 100;
    margin: 0;
}

.site-footer {
    text-align: center;
    color: #bbb;
    font-size: 0.85em;
    margin-top: 5%;
}

.site-info p {
	/*background: white;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;*/
}

/*--------------------------------------------------------------
# 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: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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

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%;
}

#swipebox-title {  /* lightbox titling */    
    font-size: 0.9em;
    font-family: "europa",sans-serif;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {

}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	
}

select {
	
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color:#4a4a4a;
	border-bottom: 1px solid #a7a7a7;
    text-decoration: none;
}

/*a:visited {
	color: #888;
}*/

a:hover,
a:focus,
a:active {
	color:#888;    
    -webkit-transition: color 0.14s ease-in-out;
    -moz-transition: color 0.14s ease-in-out;
    -ms-transition: color 0.14s ease-in-out;
    -o-transition: color 0.14s ease-in-out;
    transition: color 0.14s ease-in-out;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.nav-wrapper.home-nav-wrapper {
    background: white;
}

.menu-main-navigation-container {
    width: 100%;
    padding: 0% 0% 0.5% 1%;
    margin: 0%;
	font-size:1.1em;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
    display: inline;
    padding: 0% 2% 0% 0;
    line-height: 2em;
}

.main-navigation a {
	text-decoration: none;
    color: #999999;
    font-weight: 400;
}

.main-navigation a.current {
	color: #000000;
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
    background: none;
    color: #fbfbfb;
    border: 0;
    background:#080808;
    width:100%;
    padding: 3%;
}

@media screen and (max-width: 45em) {
	.menu-main-navigation-container {
		display:none;
	}

	.toggled .menu-main-navigation-container {
		display:block;
	}

	nav {
		background:#080808;
	}

	.main-navigation li.menu-item-search {
		float:none;
	}
}

@media screen and (min-width: 45em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}

	.menu-main-navigation-container {
		display:block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.menu-toggle i.fa-bars {
	margin-right:0.3em;
}

/*--------------------------------------------------------------
# Responsive Nav
--------------------------------------------------------------*/

nav.toggled ul li {
    width:100%;
    display:block;
    padding: 1.5% 0;
}

nav.toggled .main-navigation li.menu-item-search form {
	padding: 1.5% 0;
}

/*--------------------------------------------------------------
# Tabbed Content
--------------------------------------------------------------*/

/* Archived Project pages
-------------------*/

ul.lasg-tabs {
	padding: 0;
	display:inline;
}

ul.lasg-tabs li, ul.project-tabs li {
	display: inline-block;
	margin:0;
}

ul.lasg-tabs li a {
	background: #c1c1c1;	
	text-transform:uppercase;
	border:0;	
}

ul.lasg-tabs li a, ul.project-tabs li a {
	font-size: 0.9em;
	display: block;	
	padding: 0.4em 2.1em;
	text-decoration: none;
	outline: none;
	color: #4a4a4a !important; /*overrides .installation a */
}

ul.lasg-tabs li a:hover {
	color: #888;
}

ul.lasg-tabs li.ui-tabs-active a {
	background: #080808;
	color:#fbfbfb !important; /* overrides ul.lasg-tabs li a */
}

ul.lasg-tabs li.ui-tabs-active a:hover {
	color: #555; /*this counteracts the tab color hover*/
}

#tabs-2, #tabs-3 {
	display:none; /* hides unactive tab content */
}

/* New Project pages
-------------------*/

.project #tabs {
    padding-bottom: 1em;
}

.project .credits {
	background: #fff;
}

.project .credits h2 {
	margin-bottom:0;
}

ul.project-tabs {
	padding:0;
	margin-bottom:0;
	margin-top: -1px; /* to overlap border on element above */
}

ul.project-tabs li a {
	border:1px solid #BFBFBF;
	border-top: 1px solid #bfbfbf;
	background:#eee;
}

ul.project-tabs li.ui-tabs-active a {
	border-top:1px solid #fff !important; /*overrides ul.project-tabs li a */
	background:#fff !important;
}

ul.projects-tabs li.ui-tabs-active a:hover {
	color: #555; /*this counteracts the tab color hover*/
}

/*--------------------------------------------------------------
# Global Layout
--------------------------------------------------------------*/

#content, .main-navigation, p.site-title {
	max-width: 1175px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    text-align: left;
}

#main {
    width: 98%;
    margin: 0 1%;
}

/* Grid
   Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds,
.four-fourths {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.four-fourths {
	width:100%;
}

.first {
	clear: both;
	margin-left: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Home Page
--------------------------------------------------------------*/

.site-branding {
	background:#fff;
}

.home-cta {
	margin:10% 3%;
	display: none;
}

.home-cta a {
	color: #fff;
    max-width: 500px;
    padding: 1% 1.5%;
    border: 2px solid #fff;
    font-size: 1.4em;
}

.home-cta a:hover {
	border: 2px solid #009688;
}

.home-cta i {
	padding-left: 1.5%;
}

.home-nav-wrapper .menu-main-navigation-container {
	background:none;
}
.slideshow-wrapper {
    list-style: none;
    max-width: 1175px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    text-align: left;
    position: fixed;
    z-index: -1;
    background: #2f2f2f;
}

.cbp-bislideshow {
    list-style: none;
    width: 100%;
    height: 100%;
    max-width: 1175px;
    text-align: left;
    padding: 0;
    z-index: -1;
    margin: 0 auto;
}

.cbp-bislideshow li {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed;
	width: 300px;
	height: 100px;
	margin: -50px 0 0 -150px;
	top: 50%;
	left: 50%;
	display:none;
}

.cbp-bicontrols span {
	float: left;
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 100px;
	font-size: 80px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
	content: "\e002";
}

span.cbp-bipause:before {
	content: "\e003";
}

span.cbp-binext:before {
	content: "\e000";
}

span.cbp-biprev:before {
	content: "\e001";
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}
/*--------------------------------------------------------------
## About - Intro, Team, Partners
--------------------------------------------------------------*/

.team-member-links a {
    margin-right: 1em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8em;
    border-bottom:0;
}

.team-member-links i {
	font-size:0.8em;
}

.team h2 {
	font-size:1.4em;
}

.role_type_title {
    margin-bottom: 20px;
}

.person_bio_details {
	width: 80%;
}

.person_bio_details h4 {
	margin: 0;
	clear:none;
	line-height: 1.2rem;
}

.person_img_container {
    background: #eeeeee;
    width: 100%;
    height: 265px;
    position: relative;
    overflow: hidden;
    margin-bottom: 3%;
    border: 1px solid #eee;
}

.person_img_container img {
	position: absolute;
    bottom: 0;
    object-fit: cover;
    width: 140%;
    height: auto;
}

.completed_works .flag a {
    border: none;
}

.completed_works .flag img {
    max-height: 80px;
}

.completed_works h3 {
	font-size: 0.85em;
    margin: 0;
    width: 98%;
    margin-right: 1%;
    line-height: 1.3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.completed_works p {
	color: #6b6b6b;
    margin: 0;
    font-size: 0.75em;
    line-height: 1.5em;
    padding-left: 0.2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.logo img {
	border:1px solid #eee;
}

.logo a {
	border-bottom:0;
}

 /*--------------------------------------------------------------
## Groups Page 
--------------------------------------------------------------*/
.groups-flag a img {
    border: 1px solid white;
}


 /*--------------------------------------------------------------
## Installation Page Template
--------------------------------------------------------------*/

.installation .entry-content {
	background:#080808;
	color:#fbfbfb;
	padding:3%;
}

.installation .entry-header {
	background:#080808;
}

.installation .entry-header p.wp-caption-text {
	display:none;
}

.installation .entry-header .wp-caption {
	margin:0;
}

.installation .entry-header img {
    border-top: 0;
    border-bottom: 0;
}

.installation .gallery-columns-3 .gallery-item {
	margin-left:1%;
	max-width: 32.33%;
}

.installation .gallery-columns-3 .gallery-item a {
	border:none;
}

.installation .entry-title {
	font-size:1.7em;
    margin: 0 0 0.2em 0;
    line-height: 1.3em;
}

.installation h2, .installation h3, .publication h2 {
	font-size:1em;
	margin:0;
}

.installation h3 {
	padding-bottom:1em;
}

.installation article {
    margin-bottom: 1em;
}
.installation a, .installation a:visited {
	color:#fbfbfb;
}

a.media-button {
	display: inline;
	border: 1px solid #6b6b6b;
    padding: 0.3em 0.8em;
	float:center;
    margin-right: 0.3em;
    margin-bottom: 0.3em;
    font-size: 0.9em;
	text-align: center;
}

.container {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between
}

.installation-footer .fa {
	margin-right: 0.3em; /* Font Awesome icon */
	color:#4a4a4a;
}

.installation-media {
	width:100%;
	float:left;
	padding-bottom:2%;
}

.installation-media img {
	float:left;
	width:50px;
}

.installation-sub-pages ul {
	list-style-type:none;
	padding-left: 1.5em;
}

.installation-footer {
	display: inline;
    float: right;
    padding-right: 3%;
}

.installation-footer p {
    margin-top: 0;
    font-size: 0.85em;
    display:inline;
}

.installation-footer a  {/* arrow returning to previous page, in footer area*/
	border-bottom:0;
	padding: 0 0 0 1.5%;
    color: #bbb;
    font-size: 1.3em;
    margin-right:3%;
}

 /*--------------------------------------------------------------
## Publication Post Type
--------------------------------------------------------------*/

.publication img {
	border:1px solid #eee;
}

.publication .entry-content {
	margin-top:3%;
}

.publication .entry-title {
	font-size:1.5em;
	margin-top:0;
}

.publications-supporters {
	margin-bottom: 6em !important;
}

 /*--------------------------------------------------------------
## Grid Landing Page Template & related content grid items
--------------------------------------------------------------*/

.grid a, .related-content a {
	border:0;
	cursor:pointer;
	cursor:hand;
}

.grid h2, .related-content h2 {  /* dividing headers. Related-content is page areas that show connected projects/publications etc.*/ 
	font-size: 1em;
    margin:0;
    width: 98%;
    margin: 0% 1%;		    
    color: #000000;
}

.grid h2.top {
	padding-top:0;
}

.grid h3.research {
	font-size: 1.1em;
}

.grid h3, .related-content h3 {
    font-size: 0.85em;
    margin:0;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    line-height: 1.2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.grid p {
	color: #6b6b6b;
    margin: 0;
    font-size: 0.75em;
    line-height: 1.2em;
    padding-left: 0.2em;
   	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grid .entry-title {
	width:98%;
	margin: 0 1% 0 1%;
}

.flag {
    float: left;
    width: 25%;
    padding: 1% 1% 0.5%;
}

.medium-flag {
	float: left;
    width: 20%;
    padding: 1% 1% 0.5%;
}

.large-flag {
	float: left;
    width: 33.33%;
    padding: 1% 1% 0.5%;
}

.flag img, .medium-flag img, .large-flag img {
	border:1px solid #eee;
}

.flag img:hover, .large-flag img:hover, .people-img-container:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}

.team_grid {	
	/*float: left;*/	
	margin-bottom: 2%;	
	margin-top: 1.5%;	
}	
.team_grid .medium-flag {	
    padding: 0.6% 0.5% 0.5% 1%;	
    display: inline-block;	
    float: none;	
    vertical-align: top;	
}	
.people_button {	
	border: none;	
    margin-right: 1%;	
    padding: 0.8% 2.5%;	
}

.people-img-container {
	background: white;
    width: 100%;
	height: 200px;	
    position: relative;	
    overflow: hidden;	
    margin-bottom: 3%;
    display: block;
    border: 1px solid #eee;
}

.people-img-container img {
	position: absolute;	
    bottom: 0;	
    object-fit: cover;	
    width: 140%;	
    height: auto;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
}

.partner-img-container {
	width: 100%;
    text-align: center;
    max-height: 80px;
    overflow:hidden;
	border: 1px solid #eee;
}

.partner-img-container img {
	border:none;
	max-height: 90px;
    width: auto;
}

.button_filter_group {
    padding-left: 1%;
    font-size: 0.85em;
    margin: 0.8% 0;
}

.presentation_button {
    border: none;
    margin-right: 1%;
    padding: 0.8% 2.5%;
}

.videos img {
    width: 100%;
    height: 82px;
    object-fit: cover;
}
/*
.presentation_details {
	font-size: 1em;
	margin: 0;
	margin-left: 1%;
	margin-right: 30%;
	display: block;
	clear: both;
}
.presentation_event:after {
	content: " ";
	display: block;
	clear: both;
	margin-bottom: 1em;
}

.presentation_event h4 {
	margin-left: 1%;
	margin-bottom: 1%;
}
.presentation_details p {
	color: #000000;
	line-height: 1.5;
	font-size: 0.95em;
	padding: 0;
	margin-bottom: 1%;
	overflow: visible;
    white-space: pre-wrap
}
.presentation_details a {
	margin-top: 1%;
	font-size: 0.85em;
}
.video_cover img {
	max-height: 150px;
    	max-width: 100%;
}
.video_group {
	display: block;
	clear: both;
}
.presentation_materials a.media-button {
	border: 1px solid #6b6b6b;
}
*/

.about-episode h3 {
	margin-top: 1em;
}

ul.guest-list {
    padding: 0;
    list-style-type: none;
}

.profile-picture {
	float: left;
	display: inline-block;
	margin-bottom: 1.2em;
    margin-right: 1.2em;
}

.guests {
	float: left;
}

.guest-list li {
    display: inline-block;
}
.profile-picture img {
    height: 150px;
    width: 150px;
    object-fit: cover;
}

.person-details ul {
    list-style-type: none;
    padding: 0;
}

#download_info {
    margin-top: 2em;
    margin-bottom: 3em;
}

#download_button {
	margin-right: 1em;
    margin-bottom: 1.5em;
    float: left;
}

.ending-comments {
    clear: both;
}

.archive-post {
    width: 100%;
}

.player {
    margin: 1em 0;
    height: 11em;
}
.podcast .supporters-section {
    width: 100%;
    float: left;
    margin: 0em 0 1em 0;
}

.supported_by p {
    color: #999999;
}

.single-podcast .comments-area {
    width: 66%;
}

.archive-post .archive-podcast-title {
    margin-bottom: 0.3em;
}

.archive-post p {
    margin-bottom: 0.3em;
}

 /*--------------------------------------------------------------
## Credits & Sponsors Templates
--------------------------------------------------------------*/

.credits, .sponsors {
	background:#080808; /* fallback incase no background is selected */	
}

.credits ul {
	margin:0;
	padding:0;
	margin-bottom: 1.5em;
}

.credits ul li, .credits p {
	list-style-type:none;
	font-size:0.9em;
}

.credits h2 {
	font-weight: 400;
    font-size: 1.2em;
}

.credits h2.entry-title {
 	margin-bottom: 2em;
}

.ui-tabs .credits {
	padding-top:3%;
}

.sponsors .entry-header {
	margin-bottom: 2%;
}

.sponsors a {
	border:0;
}

.sponsors img {
    max-width: 350px;
    display: block;
    margin: 3% 0;
}

.sponsors, .credits {
	min-height:600px;
}

.sponsors article {
	padding-left:3%;
}

 /*--------------------------------------------------------------
## Projects
--------------------------------------------------------------*/
.project .entry-title {
	font-size: 1.8em;
	font-weight:300;
	margin-bottom:0;
}

.project_grid .medium-flag {
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.project header {
	margin-bottom:1em;
}

.project-sidebar {
	padding:2.564102564102564%;
	padding-right: 0;
	padding-top:0;

}

.filter_the_projects {
	padding-left: 1%;
	font-size: 0.85em;
	margin: 0.5% 0;
}

.filter_the_projects select {
	display: inline;
	height: 2em;
	margin-right: 5px;
}

.filter_the_projects button {
	display: inline;
	height: 2em;
	padding: 0 7px;
	border: 1px;
	width: 70px;
	margin-right: 5px;
}


.project-banner.four-fourths {
	margin-left: 0;
}
.project-banner img {
	object-fit: cover;
    width: 100%;
    height: 350px;
}


.project h2 {
	margin-top:0;
	font-weight:800;
	margin-bottom:0;
	font-size:1.1em;
}

.project h2#subtitle {
	margin-top: 0.3em;
}


.project-sidebar h3 {
	margin-top: 0;
	margin-bottom:0;
	font-size: 1.1em;
}

.project-sidebar h3.top {
	margin-top:0;
}

.project p {
	margin-top: -0.3em;
}

.project .project-sidebar p {
	margin-top:0;
	font-size:1em;
	margin-bottom:0;
}

.project-sidebar ul {
	list-style:none;
	padding-left:0;
	margin-bottom:0;
}

.project-sidebar ul li {
	margin:0.15em 0;
}

.project-sidebar #gallery-1 {
	margin-bottom: 0.5em;
}

.project .gallery-icon img {
	margin-bottom: 0.3em;
 	padding-left: 0.8em;
}

.project .gallery-icon a {
	border-bottom:0;
}

.project-sidebar .featured_gallery_image .gallery-columns-3 .gallery-item {
	max-width: 100%;
}
.project .featured_gallery_image .gallery-icon img {
	object-fit: cover;
    width: 100%;
    height: 250px;
    margin-top: 0.6em;
    margin-bottom: 0;
}
.credits-columns ul {
	list-style-type: none;
	padding-left: 0;
}
.project-funding {
	padding-left: 0.8em;
	margin-bottom: 0.8em;
}
.project-funding a img {
	height: 1.5em;
	margin: 0.5em 0;
}
.project-publications {
	padding-left: 0.8em;
	margin-bottom: 0.8em;
}

.project-videos {
	padding-left: 0.8em;
	margin-bottom: 0.8em;
}

.credits-columns {
    width: 100%;
}

.supporters-section {
    width: 100%;
    margin: 5em 0 1em 0;
}

.supporter-details {
	color: #999999;
}

.supporter-logos ul {
    padding: 0;
    list-style-type: none;
}

.supporter-logos img {
    float: left;
    width: auto;
    max-height: 60px;
    margin-right: 40px;
    margin-bottom: 30px;
    border: none;
}

.mixed-gallery {
	width: 100%;
}

.mixed-gallery ul li a {
	border: none;
}

.mixed-gallery .gallery-thumbnail img {
	width: 50%;
	height: 150px;
    margin-bottom: 0.8em;
    padding-left: 0.8em;
    float: left;
    object-fit: cover;
}

.mixed-gallery .first-gallery-img img {
	object-fit: cover;
    width: 100%;
    height: 250px;
    margin-top: 0.6em;
    margin-bottom: 0.8em;
}

.mixed-gallery .video  {
    background: url(images/play-circle.svg) center;
    color: white;
    z-index: 100;
}

 /*--------------------------------------------------------------
## News, Press, and Events
--------------------------------------------------------------*/

.news-press-events p {
	font-size: 0.8em;
	padding: 0;
}

.news-column {
	margin-left: 1%;
	width: 40%;
}

.news-item {
	margin-bottom: 2.8%;
}

.news-item h2 {
    line-height: 1em;
}

.news-item p {
	line-height: 1.3em;
}

.news-gallery .gallery-icon img {
	margin-top: 0.3em;
    margin-bottom: 0.3em;
    padding-right: 0.8em;
    padding-left: 0;
}

.news-gallery .gallery-icon a {
    border-bottom: none;
}

.news-press-banner {
    margin-left: 0;
}

.npe-details {
	margin-left: 1em;
}

.npe-banner {
   padding-right: 0.8em;
}

.npe-banner img {
    object-fit: cover;
    width: 100%;
    height: 250px;
    border: 1px solid #eee;
}

.npe-title {
    font-size: 1.4em;
    margin-top: 0;
    margin-bottom: 0.5em;
    line-height: 1em;
}

.npe-details h3 {
    margin: 0;
}

.npe-details h4 {
	font-style: italic;
    font-weight: 300;
    margin: 0;
    clear: none;
}

.press-column {
	margin-left: 2.2%;
	width: 40%;
}

.events-column {
	margin-left: 2.2%;
}

.featured_event_image {
	width: 100%;
}

.featured_event_image img {
    object-fit: cover;
    width: 100%;
    height: 100px;
}

.event-item {
	margin-bottom: 5%;
}

.event-rvsp {
    margin: 1.5em 0;
}

.event-rvsp a {
    border-bottom: none;
    border: 1px solid #4a4a4a;
    padding: 0.3em 0.8em;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	/* margin: 1.5em 0 0;*/
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
## Site Map
--------------------------------------------------------------*/
.site-map ul {
	padding-left: 1.2em;
}

footer {	
  display: block;	
  margin-bottom: 120px;	
  background-color: white;	
  width: 100%;	
}	
.footer-container {	
	width: 100%;	
    height: 70px;	
    background: white;	
    display: block;	
    position: fixed;	
    bottom: 0;	
    left: 0;	
    right: 0;	
    font-size: 0.85em;	
}
.site-footer a {
	text-decoration: none;	
}	
#sticky-footer {	
  	width: 100%;	
	max-width: 1175px;	
	padding: 0 0 0 1%;	
	height: 100%;	
	margin: 0 auto;	
	color: #4a4a4a;	
}	
#footer-sidebar1 {	
  float: left;	
  height: 100%;		
}	
#footer-sidebar1 ul {	
  list-style: none;	
  padding-left: 0 !important;	
  float: left;	
  margin-top: 1.1em;	
}	
#footer-sidebar1 li {	
  text-align: left;	
  float: left;	
  margin-top: 0;	
  margin-right: 10px;	
}	
#footer-sidebar1 li a {	
  float: left;	
  text-decoration: none;	
  border: none;	
  text-align: left;	
}	
#footer-sidebar1 li p {	
  float: left;	
  text-decoration: none;	
  margin-top: 0;	
  margin-bottom: 0;	
  font-size: 10px;	
}	
#footer-sidebar li a img {	
	height: 14px;	
}	
#footer-sidebar3 {	
    height: 100%;	
    text-align: right;	
    display: inline-block;	
}	
#footer-sidebar3 ul {	
	list-style: none;	
  	padding-left: 0;	
  	float: left;	
  	margin-top: 1.1em;	
}	
#footer-sidebar3 li {	
	display: inline;	
}	
#footer-sidebar3 li a {	
	border-bottom: none;	
	margin-left: 0.7em;	
}	
#footer-sidebar3 li a img {	
	height: 1.7em;	
    margin-top: 0.4em;	
	border-bottom: none;	
}	
#footer-sidebar2 {	
  list-style-type: none;	
  float: left;	
  height: 100%;	
  margin-right:0;	
  white-space: nowrap;
}	
#footer-sidebar2 ul {	
  list-style: none;	
  padding-left: 0;	
  float: left;	
  margin-top: 1.1em;	
}	
#footer-sidebar2 li {	
  text-align: left;	
  float: left;	
  text-decoration: none;	
  line-height: 1.1em;	
}	
#footer-sidebar2 li a {	
	font-size: 11px;	
	border-bottom: none !important;	
}	
.can-sponsor {	
	font-size: 0.85em;	
	padding-left: 0;	
}	
.can-sponsor li {	
	padding-right: 1.1em;	
}	
.footer-right {	
    float: right;	
    text-align: right;		
}	
#footer-login {	
	float: right;	
    height: 100%;	
    display: inline-block;	
    margin-left: 1em;	
}	
#footer-login ul {	
	list-style: none;	
    padding-left: 0 !important;	
    float: right;	
    margin-top: 1.1em;	
    font-size: 1.2em;	
    	
}	
#footer-login ul li a {	
	border-bottom: none;	
	border: 1px solid #4a4a4a;	
    padding: 0.3em 0.8em;	
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0 1em;
    text-align: left;
    font-size: 0.8em;
    color: #797979;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 0.4em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
	display:none;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/* Single column Mobile screen */

@media only screen and (max-width: 520px) {
	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds,
	.four-fourths,
	.flag,
	.medium-flag,
	.large-flag  {
		width: 100%;
		padding:4%;
		clear: both;
		margin-left: 0;
	}

	.home-cta {
		text-align:center; 
		margin: 50% 3%;
	}

	.home-cta a {
		font-size:1em;
		padding: 3% 3.5%;
	}

	.menu-main-navigation-container {  /* Navigation area*/
		width:100%;
		margin:0;
	}

	.grid .entry-title, .grid h2, .related-content h2, .entry-title, .project h2, .site-branding p, .search p, h1.site-title {
	    width: 100%;
	    margin-left: 0;
	    margin-right: 0;
	    padding: 3% 4%;
	}

	.publication .entry-title, .project .credits h2 {
		padding:0;
	}

	.project .entry-title {
    	font-size: 1.5em;
	}

	.sponsors, .credits {
		background-image:none !important;
	}

	.sponsors .entry-title {
		font-size: 0.9em;
	}

	#footer-sidebar1 {
		text-align: center;
	}

}

/* Mid-range */

@media only screen and (max-width: 620px) {
	.one-half,
	.two-fourths {
		width: 100%;
	}

	.grid h3 {
	    font-size: 0.75em;
	}


}

/* Above-mid-range */

@media only screen and (max-width: 950px) {
	.grid h3 {
	    font-size: 0.75em;
	}

	#footer-sidebar2 {
		display: none;
	}

}

/* Everything from mobile to max page size */

@media only screen and (max-width: 1074px) {	

	#content {
	    width: 100%;
	}
}
