/*
Theme Name: MCIN 2016 v4
Theme URI: http://mcin-cnim.ca
Author: Derek Lo
Author URI: http://3design-dlo.com
Description: MCIN website 2016
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: MCIN
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.

mcin 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

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

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 {
	border: 1px solid #999;
	padding: 0.5em;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
    font-size: 14px;
}
body,
button,
input,
select,
textarea {
	color: #5C5C5C;
	font-family: "PT+Sans", sans-serif;
	font-size: 1rem;
	line-height: 1.25;
}
.site-content {
        font-size: 1.125em;    
        line-height: 1.25;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    	color: #404040;
	font-family: "PT+Sans", sans-serif;
        font-weight: normal;
	clear: both;
        line-height: 1.3em;
        margin-top: 2.5rem;
        margin-bottom: 1rem;
        word-break: break-word;
}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1.2em;}
p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}
cite {
    display: inline-block;
    font-size: 90%;
    margin-left: 1em;
}
blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #fff;
	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;
        font-style: italic;
	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: #f6f6f6; /* Fallback for when there is no custom background color defined. */
}

/*blockquote:before,
blockquote:after,*/
q:before,
q:after {
	content: '"';
}

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

blockquote {
    font-size: 1rem;
    line-height: 1.3em;
    margin: 1em 0 1em 1em;
    position: relative;
    background: #eee;
    padding: .15em 1.3em;
    border-radius: 1em;
}
blockquote:before {
    font-family: 'fontawesome';
    content: "\f10d";
    position: absolute;
    left: -.7rem;
    color: #d5d5d5;
	font-size: 1.5em;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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

ul {
	list-style: circle;
}

ol {
	list-style: decimal;
}

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
/*	border: none;
	background:none;
	color: #fff;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;*/
        
background:none;
        padding: .5em 1.4em;
	font-family: "PT+Sans", sans-serif;
	font-size: 85%;
	color: #333;
	line-height: 1.3em;
	text-decoration: none;
	border: 1px solid #c3c3c3;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #E22D25;
	color: #fff;
	border-color: #E22D25;
}

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 {
	border-color: #fff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
/*        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;*/
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
        background: #E22D25;
}
.nav-container {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        background: #E22D25;
        
}
@media screen and (min-width: 1070px) {
    .nav-container {
        padding-left: 2em;
    }

}

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

.main-navigation li {
	position: relative;
}

.main-navigation ul ul {
	display: none;
	margin-left: 0.8em;
}

.main-navigation a {
	position: relative;
	display: block;
	padding: 0.75em 1.1em;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.6em;
	color: white;
}

.main-navigation a:hover,
.main-navigation a:focus {
	background: #fff;
	color: #000;
}

.main-navigation a,
.main-navigation ul ul li:lastchild a {

}

.main-navigation ul li:last-child a {

}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation li {

	position: relative;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	font-weight: 700;
        background:  #cb231a;
}
.main-navigation .current-menu-item > a:hover,
.main-navigation .current-menu-ancestor > a:hover,
.main-navigation .current_page_item > a:hover,
.main-navigation .current_page_ancestor > a:hover,
.main-navigation .current-menu-item > a:focus,
.main-navigation .current-menu-ancestor > a:focus,
.main-navigation .current_page_item > a:focus,
.main-navigation .current_page_ancestor > a:focus {
        background:  #fff;
}
.main-navigation .nav-menu > ul > li:first-child,
.main-navigation .nav-menu > li:first-child {
	border-top: 0;
}

.main-navigation .menu-item-has-children > a,
.main-navigation .page_item_has_children > a{
	padding-right: 48px;
}

.no-js .main-navigation ul ul {
	display: block;
}

.dropdown-toggle {
	position: absolute;
	height: 27px;
	width: 27px;
	top: 5px;
	right: 6px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0 2px 0 0 ;
	font-family: 'FontAwesome';
	border: 1px solid #fff;
	content: "";
	color: #fff;
	text-transform: lowercase; /* Stop screen readers from reading the text as capital letters */
        background:   #e22d25;
}

.dropdown-toggle:after {
	content: "\f078";
	font-size: 14px;
	line-height: 27px;
	position: relative;
	top: 0;
	left: 1px;
	width: 27px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: #fff;
	color: #000;
}

.dropdown-toggle.toggle-on:after {
	content: "\f077";
}
button.dropdown-toggle.toggle-on {
    background: #cb231a;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.menu-toggle {
    padding: 1em;
    color: #fff;
    font-size: 1em;
    background:  #cb231a;
    float:left;
}
.menu-toggle:hover,
.menu-toggle:focus {
    color: #000;
    background: #fff;
}


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

/* hovering menu */
.main-navigation.toggled {
    position: fixed;
    top: 4em;
    padding: 1em;
    z-index: 50000;
    height: 85vh;
    background: none;    
}
.nav-menu {

}

.main-navigation.toggled ul {
    max-height: calc(100vh - 10em);
    overflow-y: auto;
}
.main-navigation.toggled ul ul {
	display: none;
}

.main-navigation.toggled ul ul.toggled-on,
.main-navigation.toggled ul ul.toggled-on > ul {
	display: block;
}

/* Horizontal menu on wide screens */
@media screen and (min-width: 1070px) {
	
	/* Position the menu in the header */
	.main-navigation,
	.main-navigation.toggled {
		position: relative;

	}
	
	.nav-menu {

	}
	
	.main-navigation ul,
	.main-navigation.toggled ul {
		max-height: none;
		padding-left: 0;
	}
	
	.main-navigation.toggled ul {
		overflow-y: visible;
	}
	
	/* Display the menu items in a horizontal order */
	.main-navigation li {
		display: inline-block;
		border: none;
	}

	/* Left-align drop-down menu items */
	.main-navigation li li {
		display: block;
		text-align: left;
	}
	
	.main-navigation a,
	.main-navigation ul ul li:last-child a {
		border-bottom: none;
	}
        
        /* Position drop-down menus absolutely */
	.main-navigation ul ul.toggled-on {
		position: absolute;
		width: auto;
                min-width: 140px;
		display: block;
		z-index: 2000;
		margin-left: 0;
                background:   #e22d25;
	}
        
        .main-navigation ul ul ul.toggled-on {
                position: relative;
	}
	
	/* Indent 3rd level drop-down menus */
	.main-navigation ul ul ul a {
		padding-left: 2em;
	}
        
        	/* Simplify the drop-down toggle */
	.dropdown-toggle {
		top: 9px;
		right: 12px;
		border: none;
	}
	
	.dropdown-toggle::after {
		line-height: 27px;
		width: 27px;
	}
}

/*--------------------------------------------------------------
## Other Navigation
--------------------------------------------------------------*/
.comment-navigation,
.post-navigation,
.paging-navigation {
	padding: 2em 0;
	font-family: "PT+Sans", sans-serif;
	text-align: left;
	overflow: hidden;
}

@media screen and (min-width: 50em) {
	.comment-navigation,
	.post-navigation,
        .paging-navigation {
		padding: 2em 3em;
	}
}

.nav-links {
	max-width: 45em;
	margin: 0 auto;
	padding: 0 .4em;
}

.comment-navigation a,
.post-navigation a,
.paging-navigation a {
        display: block;
	padding: .5em 1.4em;
	font-family: "PT+Sans", sans-serif;
	color: #333;
	line-height: 1.3em;
	text-decoration: none;
	border: 1px solid #c3c3c3;
        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}

.comment-navigation a:hover,
.comment-navigation a:focus,
.post-navigation a:hover,
.post-navigation a:focus,
.paging-navigation a:hover,
.paging-navigation a:focus {
    	background: #E22D25;
	color: #fff;
	border-color: #E22D25;
}
.post-title {
    text-align: center;
}
.post-navigation .post-title {
	font-size: 1.2em;
	font-weight: 700;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	text-decoration: underline;
}

.nav-previous {
	padding-bottom: 1em;
}

@media screen and (min-width: 30em) {

	.nav-links {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		padding: 0;
	}

	.comment-navigation .nav-previous,
	.post-navigation .nav-previous {
		display: flex;
		align-items: stretch;
		float: left;
		/*width: 48%;*/
	}

	.nav-previous {
		padding-bottom: 0;
	}

	.comment-navigation .nav-next,
	.post-navigation .nav-next {
		display: flex;
		align-items: stretch;
		float: right;
		text-align: right;
		/*width: 48%;*/
	}
}

.post-navigation .meta-nav {
	display: block;
}

@media screen and (min-width: 30em) {
	.post-navigation .meta-nav {
		padding-bottom: 1em;
	}
}

.paging-navigation {
	margin-top: -2em;
	text-align: center;
}

.paging-navigation ul {
	display: inline-block;
	padding: 0 1em;
	list-style-type: none;
        margin: 0;
}

.paging-navigation li {
	display: inline-block;
}

.paging-navigation li a {
	padding: .3em 1em;
	margin: .4em .2em;
}

.paging-navigation .current {
	padding: .8em 1.1em;
	font-weight: 700;
}
/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.top-border {
    width:100%;
    display: block;
    border-top: 5px solid #000037;
}
.site-header {
    margin: 1.4em auto 0 auto;
    background-size: cover;
}
@media screen and (min-width: 30em) {
    .site-header {
        margin: 1.8em 2em 0 2em;
    }
}

@media screen and (min-width: 40em) {
    .site-header {
        font-size: 1em;
    }
}
@media screen and (min-width: 1200px) {
    .site-header {
        max-width: 1200px;
        margin: 1.8em auto 0 auto;
        padding: 0 2em;
    }
}

.mcin-logo {
    max-width: 350px;
    float:left;
}
.mcin-logo a {
    display: inline-block;
}
.mcin-logo img {
    display: block;
    max-width: 100%;
}
.ludmer-logo {
    max-width: 350px;
    float: right;
    position: relative;
}
.ludmer-logo a {
    display: inline-block;
}
.ludmer-logo img {
    display: block;
    max-height: 72px;
}
.ludmer-member {
    position:absolute;
    top: -1.5em;
    left: -6em;
    font-size: 12px;
    margin: 0;
}
@media screen and (max-width: 959px) {
    .mcin-logo img, .ludmer-logo img {
        width: auto;
        max-height: 50px;
    }
}
@media screen and (max-width: 599px) {
    .mcin-logo, .ludmer-logo {
        float: none;
        margin-left: auto;
        margin-right:auto;
        text-align: center;
    }
    .ludmer-member {
        position: initial;
    }
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary {
	position: relative;
	padding: 1.8em 1.4em 0;
	background-color: #ededed;
}

.widget {
	margin: 0 0 1.5em;
	padding: 1.8em;
	background: #fff;
}

@media screen and (min-width: 45em) {
	#secondary {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 1.8em;
	}
	
	.widget {
		float: left;
		width: 300px;
		margin: 0 .9em 1.8em;
	}
}

.widget-title {
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 1em;
	text-transform: uppercase;
}

.widget ul,
.widget ol {
	padding: .7em 0 0;
	margin: 0;
	font-family: "PT+Sans", sans-serif;
	list-style-type: none;
}

.site-content .widget li {
	display: block;
	padding: .3em 0;
}

.widget li ul,
.widget li ol {
	margin-left: .5em;
}

.widget li:last-child {
	padding-bottom: .35em;
}

@media screen and (min-width: 30em) {
	.widget li ul,
	.widget li ol {
		margin-left: 1em;
	}
}

.widget a {
	text-decoration: none;
	border-bottom: 2px solid #5C5C5C;
	box-shadow:  0 0px 0 #5C5C5C;
        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}
.widget a:hover,
.widget a:focus {
	border-bottom: 2px solid #E22D25;
	box-shadow:  0 3px 0 #E22D25;     
        text-decoration: none;
}
/* Make sure select elements fit in widgets. */
.widget select {
	width: 100%;
	padding: .5em;
}

/* Archive and Categories widgets */

.widget_archive li {
	color: #808080;
}

.widget_categories .children {
	padding-top: 0;
	padding-bottom: 0;
}


/* Search widget. */
.widget_search {
            overflow: auto;
}
.widget_search .search-submit {
        float: right;
        margin-top: 1em;
}

/* Pages and Menu widgets */

.widget_pages .children,
.widget_nav_menu .sub-menu {
	padding-top: 0;
	padding-bottom: .5em;
}

.widget_pages a,
.widget_nav_menu a{
	display: block;
	padding: 1em 0;
	border-bottom: 2px solid #c3c3c3;
}

.site-content .widget_pages li,
.site-content .widget_nav_menu li{
	padding: 0;
}

.site-content .widget_pages li:last-child,
.site-content .widget_nav_menu li:last-child{
    margin-bottom: .5em;
}

/* Meta widget */
.site-content .widget_meta li {
	padding: .3em 0;
}

/* RSS widget */


.widget_rss li {
	margin-bottom: 1em;
}
.widget li a.rsswidget {
	padding-right: .5em;
	font-size: 1em;
	line-height: 1.4em;
}

.rss-date,
.widget_rss cite {
	color: #333;
	font-size: .8em;
}

.rssSummary {
	padding: .5em 0;
	font-family: "PT+Sans", sans-serif;
	font-size: .8em;
    line-height: 1.4em;
}

/* Search widget */

.widget_search input[type="search"] {
	box-sizing: border-box;
	width: 100%;
	padding: .5em 1em;
	border: 1px solid #c3c3c3;
	border-radius: 0;
}

/* Calendar widget */

.widget_calendar {
	font-family: "PT+Sans", sans-serif;
}

.widget_calendar caption {
	padding: .5em 0;
	font-size: 1em;
	font-weight: 700;
	text-align: left;
}

.widget_calendar thead {
	background: #333;
	color: #fff;
}

.widget_calendar thead th {
	border-bottom-width: 2px;
}

.widget_calendar td {
	padding: .2em;
	font-size: .8em;
	text-align: center;
	background: #d6d6d6;
	border: 2px solid white;
}
.widget_calendar td a {
	text-decoration: none;
	border-bottom: 2px solid #5C5C5C;
	box-shadow:  0 0px 0 #5C5C5C;
        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}
.widget_calendar td a:hover,
.widget_calendar td a:focus {
	border-bottom: 2px solid #E22D25;
	box-shadow:  0 3px 0 #E22D25;     
        text-decoration: none;
}
.widget_calendar th {
	border: none;
}

.widget_calendar .pad {
	background: #eaeaea;
}

/* Text widget */

.textwidget {
	font-size: .8em;
	line-height: 1.6em;
}


/* Custom Recent Comments and Recent Posts widgets */

.widget_mcin_recent_comments ul,
.widget_mcin_recent_posts ul {
	margin-top: 2em;
	margin-bottom: 0;
	padding-bottom: 0;
}
.site-content .widget_mcin_recent_comments li,
.site-content .widget_mcin_recent_posts li {
	position: relative;
	padding: 0 0 1em 70px;
	margin-bottom: 2em;
	border-bottom: 1px solid #c3c3c3;
}

.widget_mcin_recent_comments li:last-child,
.widget_mcin_recent_posts li:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.widget_mcin_recent_comments a,
.widget_mcin_recent_posts a {
	display: block;
	font-size: 1em;
}

.widget_mcin_recent_comments a:hover,
.widget_mcin_recent_comments a:focus,
.widget_mcin_recent_posts a:hover,
.widget_mcin_recent_posts a:focus {
	text-decoration: none;
	border-bottom: none;
}
.widget_mcin_recent_comments .post-icon,
.widget_mcin_recent_posts .post-icon {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
}

.widget_mcin_recent_comments .post-icon img {
	border-radius: 50px;
}

.widget_mcin_recent_comments .title,
.widget_mcin_recent_comments .original-title{
	margin-top: 0;
	margin-bottom: .8em;
	font-size: .7em;
	line-height: 1.4em;
}

.widget_mcin_recent_comments .excerpt {
	margin-top: 0;
	margin-bottom: .8em;
	font-family: "PT+Sans", sans-serif;
	font-size: .8em;
	line-height: 1.4em;
}

.widget_mcin_recent_comments .excerpt::before {
	content: "“";
}

.widget_mcin_recent_comments .excerpt::after {
	content: "”";
}

.widget_mcin_recent_comments .original-title {
	color: #808080;
	font-weight: 500;
}

.widget_mcin_recent_comments .original-title span {
	font-weight: normal;
	font-style: italic;
}

.widget_mcin_recent_comments a:hover .original-title,
.widget_mcin_recent_comments a:focus .original-title {
	color: #000;
	text-decoration: underline;
}

/* Custom Recent Posts widget */

.widget_mcin_recent_posts .post-icon {
	width: 50px;
	height: 50px;
	font-size: 1.3em;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #333333;
}

.widget_mcin_recent_posts .title {
	margin: 0;
	font-size: .9em;
	line-height: 1.4em;
}

.widget_mcin_recent_posts .meta {
	margin: 0 0 .8em;
	font-size: .7em;
	text-transform: uppercase;
	color: #808080;
}

.widget_mcin_recent_posts a:hover .title,
.widget_mcin_recent_posts a:focus .title {
	text-decoration: underline;
}

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

.site-main {
    width: auto;
    margin: 1.5em;
    font-size: .8em;
    line-height: 1.6em;
}
@media screen and (min-width: 30em) {
    .site-main {
        margin: 2em;
    }
}

@media screen and (min-width: 40em) {
    .site-main {
        font-size: 1em;
    }
}
@media screen and (min-width: 1280px) {
    .site-main {
/*        max-width: 1200px;*/
        margin: 2em auto;
    }
}
.page-title-background {
    background: #000037;
    overflow: auto;
    width: 100%;
}
.page-title-background .page-title {
    text-align: center;
    font-style: italic;
    font-family: "PT+Sans", sans-serif;
    color: #fff;
    font-size: 1.4em;
}
.page-title-background .taxonomy-description {
    text-align: center;
    font-family: "PT+Sans", sans-serif;
    color: #fff;
}
figure img {
    display: block;
    margin-left: auto;
    margin-right:auto;
}
.entry-date-container {
    display:block;
    text-align: center;
    /*overflow: auto;*/
}
.entry-date {
    font-size: 90%;
    font-style: italic;
}
.readmore-btn {
        display: inline-block;
	padding: .5em 1.4em;
	font-family: "PT+Sans", sans-serif;
	font-size: 85%;
	color: #333;
	line-height: 1.3em;
	text-decoration: none;
	border: 1px solid #c3c3c3 !important;
        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}
.readmore-btn:hover,
.readmore-btn:focus {
    	background: #E22D25;
	color: #fff;
	border-color: #E22D25 !important;
        box-shadow: none !important;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.entry-content a,
.entry-content a,
.entry-summary a,
.entry-summary a,
.post-title a {
	text-decoration: none;
	border-bottom: 2px solid #5C5C5C;
	box-shadow:  0 0px 0 #5C5C5C;
        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.post-title a:hover,
.post-title a:focus {
	border-bottom: 2px solid #E22D25;
	box-shadow:  0 3px 0 #E22D25;
}

.entry-meta a,
.entry-footer a,
.entry-date a {
	text-decoration: none;
        border-bottom: 2px solid #5C5C5C;
	box-shadow:  0 0px 0 #5C5C5C;
        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}

.entry-meta a:hover,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.entry-date a:hover,
.entry-date a:focus {
	border-bottom: 2px solid #E22D25;
	box-shadow:  0 3px 0 #E22D25;        
}

.sticky {
	display: block;
        background: yellow;
}

.hentry {
	margin: 0 0 1.5em;
}
.entry-header {
    text-align: center;
}

/* Deck for excerpt as displayed in content-single.php */

.deck  {
    display: block;
    margin: 0 auto 2em;
    width: 80%;
    background: #eee;
    padding: 1em 2em;
    text-align: center;
}
/* Post Meta */
.entry-meta {
	padding: 1em 2em;
	font-family: "PT+Sans", sans-serif;
	font-size: 80%;
	text-align: center;
	/*background: #eee;*/
}

.author-avatar {
	height: 50px;
	width: 50px;
	margin: 0 auto 1em;
}

.author-avatar img {
	
}
.entry-meta .comments-link{
    display: block;
}

.byline,
.posted-on {
	display: inline-block;
	padding:  0;
}
.byline:before {
    display: inline-block;
    content:"|";
    margin: 0 .25em 0 .6em;
}
@media screen and (min-width: 50em) {
    .has-avatar {
        display: inline-block;
        text-align: left;
        width:20em;
    }
    .has-avatar .byline,
    .has-avatar .posted-on {
            display: block;
    }   
    .has-avatar .byline:before {
            content:none;
            margin: 0;
    }
    .author-avatar {
            height: 70px;
            width: 70px;
            float: left;
            margin-right: 1em;
            margin-bottom: 0;
    }

}

.entry-meta a {
	font-weight: 700;
}

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

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.entry-summary {
    margin-bottom: 3em;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Posted, Tagged, Edit CTA */
.cat-links,
.tags-links,
.edit-link {
    display:block;
}

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	margin: 4em 0;
}

@media screen and (min-width: 40em) {
	.comments-area {
		margin: 4em 1em;
	}
}

.comments-title {
	margin-bottom: 2em;
	font-size: 2em;
	text-align: center;
}

.comment-list {
	padding: 0;
	margin: 0;
}

.comment-list,
.comment-list ol {
	list-style-type: none;
}

.comment-body {
	border-bottom: 1px solid #c3c3c3;
	margin-bottom: 3em;
}

.comment-meta {
	position: relative;
	margin-left: 70px;
	font-family: "PT+Sans", sans-serif;
	font-style: italic;
	font-size: 80%;
}

.comment .avatar {
	position: absolute;
	left: -70px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
}

.children {
	margin-left: 1em;
	padding-left: 0;
}

.comment .avatar {
	top: -5px;
}

@media screen and (min-width: 30em) {

	.children {
		margin-left: 2em;
	}

	.comment-meta {
		margin-left: 80px;
		font-size: 90%;
	}

	.comment .avatar {
		top: -7px;
		left: -80px;
		width: 60px;
		height: 60px;
	}

	.comment-content {
		margin-left: 80px;
	}

}
@media screen and (min-width: 50em) {

	.children {
		margin-left: 3em;
	}

	.comments-area {
		margin: 4em 0;
		font-size: 1.1em;
	}

	.comment-meta {
		margin-left: 90px;
	}

	.comment .avatar {
		top: -8px;
		left: -90px;
		width: 70px;
		height: 70px;
	}

	.comment-content {
		margin-left: 90px;
	}
}

.comment-meta a {
	text-decoration: none;
}

.comment-meta a:hover,
.comment-meta a:focus {
	border-bottom: 2px solid #000;
}

.comment-metadata a:hover,
.comment-metadata a:focus {
	border-color: #c3c3c3;
}

.comment-author {
	font-size: 1.4em;
	line-height: 1.3em;
}

.says {
	font-size: 80%;
}

.comment-metadata {
    margin-top: .2em;
	padding-bottom: .5em;
	font-size: .8em;
	line-height: 1em;
}

.comment-metadata a {
	color: #808080;
}

.reply {
	margin-bottom: 1.5em;
	text-align: right;
}

.reply a {
	display: inline-block;
	padding: .5em 1.4em;
	font-family: "PT+Sans", sans-serif;
	font-size: 85%;
	color: #333;
	line-height: 1.3em;
	text-decoration: none;
	border: 1px solid #c3c3c3;
                -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}

.reply a:hover,
.reply a:focus {
	background: #E22D25;
	color: #fff;
	border-color: #E22D25;
}

.comment-content ol {
	list-style-type: decimal;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor .avatar {
    box-sizing: content-box;
    border: 5px solid #E22D25;
    margin-top: -5px;
    margin-left: -5px;
}
/* Comment Form */

/*.comment-respond::after {
	display: block;
	margin: 2em auto 4em;
	content: "";
	width: 5em;
	border-bottom: 1px solid #c3c3c3;
}*/

.comment-reply-title {
	margin-bottom: 1em;
	text-align: center;
}

.comment-list .comment-reply-title {
	text-align: left;
}

.comment-form {
	font-family: "PT+Sans", sans-serif;
	line-height: 1.3em;
}

.comment-form a {
	font-weight: 500;
}

.comment-form .form-submit {
	margin-top: 3em;
}

.comment-form .form-submit input {
    	display: inline-block;
	padding: .5em 1.4em;
	font-family: "PT+Sans", sans-serif;
	font-size: 85%;
	color: #333;
	line-height: 1.3em;
	text-decoration: none;
	border: 1px solid #c3c3c3;
                -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}

.comment-form .form-submit input:hover,
.comment-form .form-submit input:focus {
	background: #E22D25;
	color: #fff;
	border-color: #E22D25;
}

.comment-form label {
	width: 33%;
}
.comment-form .required {
	color: #D54E21;
}

.comment-form label {
	display: block;
	font-style: italic;
	padding-bottom: .4em;
}
/*--------------------------------------------------------------
# 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%;
        width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
        font-family: "PT+Sans", sans-serif;
        font-style: italic;
        max-width: 100%;
        font-size: 90%;

}

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

.wp-caption .wp-caption-text {
	padding: .5em;
        background: #eee;
}

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

/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/

img.aligncenter {
    /*margin-top: 2em;*/
    margin-bottom: 2em;
}
img.alignleft,
img.alignright {
    margin-bottom: 1.5em;
}

.featured-image img{
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin: 1.5em 0;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 1em;
        position:relative;

}

.gallery-item img {
	display: block;
}

.gallery-item a {
	display: inline-block;
	border-bottom: none;
}

.gallery-item a:hover,
.gallery-item a:focus {
	border-bottom: none;
	box-shadow: none;
}

.gallery-item a img {
	margin: 0 auto;
	border: 2px solid #5C5C5C;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	border-color: #E22D25;
}

.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;
	font-family: "PT+Sans", sans-serif;
        font-size: 90%;
        font-style: italic;
        background: #eee;
        padding: .75em;
}
.gallery-caption:hover {

}
.gallery-caption::before {
	content: "";
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
    font-family: "PT+Sans", sans-serif;
    background: #000037;
    padding: 2em;
    color: #fff;
}
.site-footer a {
    color:#fff;
    background: #fff;
    padding: .5em;
    border-radius: 10px;
    margin: .5em;
    float: left;
}
.site-info {
    max-width: 1200px;
    margin-left:auto;
    margin-right:auto;
    padding: 2em;
}
.footer-description {
    display: block;
    width: 100%;
    text-align: center;
}
.footer-logos {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 }
.footer-logos img {
    display: block;
    max-height: 75px;
} 
@media screen and (min-width:800px) {
    .footer-description {
        width: 30%;
        float: left;
        text-align: left;
    }
    .footer-logos {
        width:70%;
        float: left;
    }
}
@media screen and (min-width:1200px) {
    .footer-description {
        width: 50%;
        float: left;
    }
    .footer-logos {
        width:50%;
        float: left;
    }
}


/*--------------------------------------------------------------
# Slider and front page post
--------------------------------------------------------------*/
.clearall {
    clear: both;
}
.slider-section {
    width: 100%;
    background: #000037;
}
.slider-container,
.feature-container {
    display: block;
    max-width:1200px;
    margin: 0 auto;
    overflow: auto;
}
.mcin-mission {
    width: 100%;
    background: #000037;
    padding: 1em 1.5em;
    overflow: auto;
}
@media screen and (min-width: 30em) {
    .mcin-mission {
        padding: 1em 2em;
    }    
}
.slider-frame {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.front-post-title {
    font-size: 1em;
    color: #fff;
    margin-top: 1em;
    margin-bottom: 1em;
}
.mcin-mission p {
    font-size: 80%;
    color: #fff;
}
.mcin-mission p:after {
    content:" ...";
}
.front-post-btn {
    background: #f6f6f6;
}
@media screen and (min-width:800px) {
    .slider-container,
    .feature-container {
        display: flex;
        align-items: center;
    }
    .slider-container {
        flex-direction: row-reverse;        
    }
    .mcin-mission {
        width: 50%;
        float: left;
    }
    .slider-frame {
        width: 50%;
        float:right;
    }
}
@media screen and (min-width: 1200px) {
    .mcin-mission {
        width: 33%;
    }
    .slider-frame {
        width: 67%;
    }
    .front-post-title {
    font-size: 1.25em;
    }
    .mcin-mission p {
    margin-bottom: 3em;
    line-height: 1.5;
    }
}
.section-research {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
    padding: 2em 1.5em;
}
@media screen and (min-width: 30em) {
    .section-research {
        padding: 4em 2em;
    }    
}
.research-image {
    display: block;
    padding: 1em;
}

@media screen and (min-width:800px) {
    .section-research {
        display: flex;
        align-items: center;
    }
    .research-image {
        width:40em;
    }
    .research-text {

    }
}

.section-grey {
    background: #eee;
}


.tool-title,
.highlight-title,
.research-title,
.collaborators-title,
.sponsors-title {
    font-size: 1.15em;
    margin: .8em 0;
    text-transform: uppercase;
}
.tool-title,
.research-title,
.collaborators-title,
.sponsors-title {
    text-align: center;
}
@media screen and (min-width:1200px) {
    .tool-title,
    .highlight-title,
    .research-title,
    .collaborators-title,
    .sponsors-title {
    font-size: 1.25em;
    margin: .8em 0;
    }
}
.frontpage-image-container figure.gallery-item,
.frontpage-image-container div.gallery-icon {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.frontpage-image-container figure.gallery-item {
    margin: -1px 0 0;
    line-height: 0;
    border: none;
    padding: 0;
}
.frontpage-image-container .sponsors-grid figure.gallery-item img{
    border: 1px solid #eee;
}
.frontpage-image-container .gallery-caption{
    display:none;
}
.frontpage-image-container a,
.frontpage-image-container a img {
    display: inline-block;
    margin: 0 !important;
    padding: 0;
    line-height: 0;
    border: none;
}
.section-news-frontpage,
.section-sponsors,
.section-tools {
    max-width: 1200px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    padding: 2em 1.5em;
}

@media screen and (min-width: 30em) {
    .section-news-frontpage,
    .section-sponsors,
    .section-tools {
        padding: 2em 2em;
    }  
}
.frontpage-highlight {
    width:100%;
    float:none;
    overflow: auto;
    margin-bottom: 1.5em;
}
.frontpage-highlight-title {
    display: block;
    text-align: center;
    font-size: 1.15rem;
    margin: 1em 0;
    text-transform: uppercase;
}
.frontpage-highlight-title:first-child {
	margin-top:0;
}
.frontpage-highlight iframe {
    width: 100%;
}
.highlight-image {
    display: block;
    float: left;
    padding: 1em 1em 1em 0;
}
.highlight-feature-image {
    display: block;
    width: 100%;
}
.highlight-feature-image img {

}

.highlight-text {
    display: block;
    font-size: 1em;
    width: 100%;
    float: left;
}

.highlight-text p {
    font-size: 1rem;
}
.section-collaborators {
    height: 100%;
    max-width: 1200px;
    max-height: 600px;
    padding: 1em 2em 3em;
    margin-left:auto;
    margin-right:auto;
}
.fullspan {
    width: 100% !important;
}
.frontpage-media p {
    margin: 0;
}
@media screen and (min-width:800px) {
    .section-news-frontpage {
    display:flex;
    }
    .frontpage-highlight {
    float:left;
    max-width: 31.33%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
    }
    .highlight-image {
    width:auto;
    float: none;
    padding: 0 0 1em 0;
    }
    .highlight-image img {
    margin: 0 auto;
    }   
    .highlight-text {
    float: left;
    }
    .fullspan {
        width: 100%;

    }
    .frontpage-news {
        width: 50%;
    }
    .frontpage-media {
        width: 50%;
    }
}
@media screen and (min-width:1024px) {
    .frontpage-news {
        width: 60%;
    }
    .frontpage-media {
        width: 40%;
    }
}
@media screen and (min-width: 1200px ) {
    
}

/*--------------------------------------------------------------
# Masonry Layout
--------------------------------------------------------------*/
/* Makes three columns */
.news-container {
    max-width: 1200px;
    margin: 0 auto;
}
.ms-item {
    width: 100%;
    padding: 1em 2em 2em;
}
/*.ms-item:after {
    content: "";
    display: block;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 0;
    clear: both;
}*/
.ms-item .post-title {
    margin-top: .5em;
    font-size: 1.15em;
}
.ms-item,
.ms-item p {
    word-break: break-word;
}
.readmore-btn {
    float:right;
}

@media screen and (min-width:35em) {
    .ms-item {
    width: 50%;
}
}
@media screen and (min-width:60em) {
    .ms-item {
    width: 33.33%;
}
}
.clearfix {
    clear: both;
}
@media screen and (min-width:1024px) {
        /* sidebar for big screen */
        .site-main {
            width: 100%;
            max-width: 624px;
            float:left;
        }
        .widget-area {
            width: 300px;
            float:right;
        }
        #secondary {
            padding: 1.4em 0 0 1em;
            background: none;
        }
        .content-box {
        max-width: 1024px;
        margin: 0 auto;
}
}
@media screen and (min-width:1280px) {
        /* sidebar for big screen */
        .content-box {
            max-width: 1200px;
            margin: 0 auto;
            overflow: auto;
        }
        .site-main {
            max-width: 900px;
            float:left;
        }
        .widget-area {
            max-width: 300px;
            float:right;
        }
        #secondary {
            padding: 1.4em 0 0 1em;
            background: none;
        }
}

/* Search in nav */
@media screen and (min-width: 1070px) {
        .menu-container {
            max-width: 80%;
            float:left;
	    min-height: 43px;
        }    
}

.nav-search {
    background: #fff;
    border-radius: 5px;
    margin-top: .75em;
}

@media screen and (min-width: 1070px) {
	.nav-search {
		margin-top: .6em;
	}
}

.nav-search input {
    display: inline-block;
    border:none;
    font-size: 80%;
    margin: 0;
    padding: 5px;

}
.nav-search-field {
    width:100px; 
}
input.nav-search-btn {
    width: 30px;
    border: none;
        -webkit-appearance: none;
    border-left: 1px solid #E22D25;
    background: url('images/search.png') no-repeat center center;
}
input.nav-search-btn:hover,
input.nav-search-btn:focus {
    background: url('images/search.png') no-repeat center center;
    color: #E22D25;
}
#searchform { 
    float:right; 
    margin-right: 1em;
}
#searchsubmit { 

}
@media screen and (max-width: 1070px) {
    .main-navigation form {
        position:absolute;
        right: 0;
        top: 0;
    }
    #searchform { 
        float:none; 
        margin-right: .5em;
    }
}

/* center iframe */
.entry-content iframe {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#map .map-container {
    width:100%;
}
.nopad {
    padding-left:0;
    padding-right: 0;
}


/* contact form styles */
p.contact-form-input input {
    width: 100%;
}
@media screen and (min-width:432px) {
    p.contact-form-input input {
    width: auto;
}   
}
/* responsive font sizing */
.site {
    font-size: 90%;
}
@media screen and (min-width: 1070px ) {
    .site {
        font-size: 100%;
    }
}
.notfound-container {
    display: block;
}
.notfound {
    width:100%;
}
@media screen and (min-width:800px) {
    .notfound-container {
        display:flex;
        flex-wrap: wrap;
    }
    .notfound {
        width: 50%;
        padding: 1em;
    }
    
}


h1.highlight-title {
    /*text-align: center;*/
    font-size: 90%;
        border-bottom: 2px solid rgba(0,0,0,0);
        box-shadow:  0 3px 0 rgba(0,0,0,0);
        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}
h1.highlight-title:hover,
h1.highlight-title:focus {
    /*text-align: center;*/
    	border-bottom: 2px solid #E22D25;
	box-shadow:  0 3px 0 #E22D25;
}
h1.highlight-title a {
    border-bottom: none !important;
    box-shadow: none !important;
}
.news-item {
    padding: 0 1em 1em;
    margin-bottom: 30px;
}

.section-news-item-frontpage {
    max-width: 1200px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    padding: 2em 1.5em;
}

@media screen and (min-width: 450px) {
    h1.highlight-title {
    font-size: 1em;
    }
}

@media screen and (min-width: 800px) {
    .section-news-item-frontpage  {
        padding: 4em 2em;
    }  
    .news-item {
        max-width: 33%;
        float: left;
    }
    h1.highlight-title {
    text-align: left;
    font-size: 1em;
    }
}
.section-news-frontpage-small a,
.section-news-frontpage a,
.section-grey2 a {
	text-decoration: none;
	border-bottom: 2px solid #5C5C5C;
	box-shadow:  0 0px 0 #5C5C5C;
        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}
.section-news-frontpage-small a:hover,
.section-news-frontpage-small a:focus,
.section-news-frontpage a:hover,
.section-grey2 a:hover,
.section-news-frontpage a:focus,
.section-grey2 a:focus {
	border-bottom: 2px solid #E22D25;
	box-shadow:  0 3px 0 #E22D25;
}

.gallery-icon a {
    border-bottom: none;
    box-shadow: none
}
.gallery-icon a:hover,
.gallery-icon a:focus {
    border-bottom: none;
    box-shadow: none;
}
.section-grey2 {
    background: #eee;
/*    padding-top: 2em;
    padding-bottom: 2em;*/
}
.frontpage-list {
    width: 100%;
    height: 360px;
        overflow-y: scroll;
        border: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        padding-left: .75em;
}
.frontpage-list-text {
        width: 95%;
}

@media screen and (min-width: 800px) {
    .frontpage-list-text {
        padding-right: 0;
        width: 95%;
        margin-bottom: 1em;
        border-bottom: 1px solid #e4e4e4;
    }
    .frontpage-list-img-thumb:first-child {
        margin-top: 0.5em;
    }    
}
@media screen and (min-width: 1200px) {
    .highlight-image {
        float: left;
    }
    .frontpage-list-text {
        float: left;
        padding: 0;
        width: calc(100% - 115px);
        margin-bottom: 1em;
        border-bottom: 0;
    }
    .frontpage-list-img-thumb {
        max-width: 100px;
        margin-top: 1em;
        margin-right: 0.5em;
    }
}
.front-pad {
    padding-top: 2em;
    padding-bottom: 2em;
}
.frontpage-news-landscape {
    display: block;
    width: 95%;
}
.frontpage-news-square {
    display: none;
}
@media screen and (min-width: 1200px) {
    .frontpage-news-landscape {
        display: none;
    }
    .frontpage-news-square {
        display: block;
    }
}
.almost-fullspan {
    width:95% !important
}

/**
* Redesign Nov 25 
* News square, Media Sqaure, and Small Tools
**/

.section-news-frontpage-small {
    width: 100%;
    display:block;
    padding: 10px 0;
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
}
.frontpage-left-box {
    width: 100%;
}
.news,
.media {
    width: 100%;
    display: block;
    margin: 0;
    position: relative;
    padding: 5px;
}
.media {
    height: auto;
}
.media p {
    margin: 0;
    padding: 0;
}
.media p iframe {
    margin: 0;
    padding: 0;
    display: block;
    
}
.news .highlight-feature-image img {
    width:100%;
    height:100%;
}
.on-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;

}
.on-top h1 {
    font-size: 1em;
    margin-top: 2em;
}
.on-top h1 a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    background: rgba(0,0,0,.6);
    padding: 1rem 1rem 1rem 2rem;
    margin-left: 5px;
}

.tool-title /*override*/ {
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 0;
    margin: 0 1rem 1rem;
}
.tools {
    display: block;
    padding: 0 5px;
    width: 100%;
}
.tools .gallery {
    margin: 0;
}
.frontpage-research-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.frontpage-research-container p {
    margin: 0;
    padding: 5px;
}
.frontpage-research-container img {
    margin: 0 auto;
    padding: 0;
}
@media screen and (min-width: 600px) {
    .on-top h1 a,
    .tool-title /*override*/ {
        font-size: 1.25em;
    }
    .on-top h1 {
        margin-top: 3.5em;
    }
}
@media screen and (min-width: 800px) {
    .section-news-frontpage-small {
        display: flex;
    }
    .frontpage-left-box {
        max-width: 400px;
        float: left;
    }
    .tools {
        max-width: 66.66%;
        float: right;
    }
    .news,
    .media {

    }
}
.section-news-frontpage-small .frontpage-left-box a,
h1.feature-item-title a {
	text-decoration: none;
	border-bottom: 0px solid #E22D25;
	box-shadow:  0 0px 0 #E22D25;
        -webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}
.section-news-frontpage-small .frontpage-left-box a:hover,
.section-news-frontpage-small .frontpage-left-box a:focus,
h1.feature-item-title a:hover,
h1.feature-item-title a:focus {
	border-bottom: 2px solid #E22D25;
	box-shadow:  0 3px 0 #E22D25;
}
.feature-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.feature-item {
    width: 100%;
    position: relative;
    padding: 5px 10px ;
}
h1.feature-item-title {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    color: #fff;
}
h1.feature-item-title a {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1000;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    background: rgba(0,0,0,.6);
    padding: 1rem 1rem 1rem 2rem;
    margin: 5px 10px;
    width: calc(100% - 20px);
 }
.feature-item-image {
    
}
@media screen and (min-width: 400px) {
    .feature-item {
      width: 50%;
      float: left;
      padding: 10px 5px;
    }  
    h1.feature-item-title a {
        margin: 10px 5px;
        width: calc(100% - 10px);
    }
}
@media screen and (min-width: 800px) {
    .feature-item {
      width: 25%;
      float: left;
    }  
}

/**
* Redesign Mar 27 2017 
* Feed page for specific categories and custom Newsfeed widget
**/

.articles {
    margin-bottom: 30px;
	overflow:auto;
}
.byline {
	display: none !important;
}
.articles .entry-header {
    float:left;
    width: 25%;
}
.articles .entry-content {
    float: left;
    width: 75%;
    margin: 0;
    padding: 0 0 0 15px;
}
.articles .entry-content h1 {
    margin: 0;
}

@media screen and (max-width: 400px) {
    .articles .entry-header {
        float:none;
        width: 100%;
        margin: 0 0 15px;
    }
    .articles .entry-content {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 0 0 0;
    }
}

ul.news-widget li {
    margin-bottom: 0px;
}
ul.news-widget li a {
    display: block;
    padding: 1em 0;
    border-bottom: 2px solid #c3c3c3;
    box-shadow:  0 0px 0 #E22D25;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -ms-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
}
ul.news-widget li a:hover {
	border-bottom: 2px solid #E22D25;
	box-shadow:  0 3px 0 #E22D25;
}

/**
* Redesign March 30 - Removal of header image in page and custom gallery 
**/

.hide {
	display:none;
}
.special-gallery figure.gallery-item {
    padding: 0px;
    line-height: 0;
    border-collapse:collapse;
    margin-top: -1px;
    background: #000;
}

.special-gallery .gallery-item a img{
    border: 0px;
    border-collapse:collapse;
}
.special-gallery .gallery-item a img:hover  {
    opacity: .8;
}