/*
Theme Name: Transparent
Theme URI: http://underscores.me/
Author: Shyan Kashani
Author URI: http://underscores.me/
Description: Description
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: bitss
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.

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

/* http://meyerweb.com/eric/tools/css/reset/f   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: Sans-serif;
	color: #404040;
	font-size: 13px;
	font-weight: 300;
	line-height: 21px;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}



.home {
    max-width: 100%;
    width: 100%;

}

.home content {
    max-width: 1250px;

}

body.catalystNew   {

    width: 100%;
}

.catalystNew .pageContainer #primary {
    max-width:100%;
}

.search .content-area {
    max-width: 800px;
    margin: 0 auto;
    
}

.catalystNew .content-area {
    padding:0 40px;
}

form.searchandfilter {
display: inline-block;
width: 100%;
}

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

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

[hidden],
template {
	display: none;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}


/*--------------------------------------------------------------
# Headers
--------------------------------------------------------------*/

h1 {
	font-size: 24px;
	line-height: 30px;
	border-bottom: 1px dotted #404040;
	margin: 0 0 10px 0; padding: 0 0 5px 0;
}


div:not(:first-child) > h1{
	margin: 80px 0 15px 0;
}



h2 {
	font-size: 16px;
	font-weight: 500;
	margin: 80px 0 20px 0;
}

.content-area h2 {
	border-bottom: 1px dotted #404040;
	margin: 40px 0 20px 0 !important;
}



h3 {
	margin: 25px 0 10px 0;
	font-size: 16px;
	font-weight: 400;
	color: #404040;
}

h1.events {
	margin: 5px 0 10px 0 !important;
}

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[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=text],
input[type=email] {
  width: 150px;
}

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
--------------------------------------------------------------*/
p {
	margin: 5px 0 20px 0;
}

.widget-area p {
	margin: 5px 0 !important;
}

p a {
	/*color: #218EBB !important;*/
	border-bottom: 1px dotted #218EBB;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/




textarea {

}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #218EBB;
	text-decoration: none;
}



a:visited {
	color: #218EBB;
}



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

.more-link {
	display: inline;
	color: #218EBB !important;
}


/*--------------------------------------------------------------
## Top Menu


.top-menu a {
	padding: 5px 20px;
	border-right: 1px solid #ffffff;
	margin: 0 0 0 -4px;
	color: #ffffff;

}

.top-menu a:hover,
.top-menu a:focus,
.top-menu a:active,
.top-menu .current_page_item > a,
.top-menu .current-menu-item > a,
.top-menu .current_page_ancestor > a {
	opacity: 0.9;
}

.top-menu {
	margin: 0;
	padding: 0;
	background: #1C4063;
	border-radius: 0 0 5px 5px;
	border-bottom: 1px solid #1C4063;
	border-top: 1px solid #1C4063;

}

.top-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.top-menu li {
	display: inline-block;
}
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Navigation Menu

.navigation-menu {
	margin: 30px 0;
	padding: 1px 0;
	background: #f2f2f2;
	border-radius: 5px;
	font-weight: 500;
}

.navigation-menu li {
	border-right: 1px solid #fff;
    text-align: center;
	display: inline-block;
}

.navigation-menu li:last-child {
	border-right: 0;

}

.navigation-menu ul {
	list-style: none;
	margin: 0;
	padding:0;
	text-align: center;
}

.navigation-menu a {
	font-size: 15px;
	font-weight: 400;
	padding: 17px 20px;
	margin: auto;
	display: inline-block;
	min-width: 120px;
}

.navigation-menu a:hover {
}




.navigation-menu .current_page_item > a,
.navigation-menu .current-menu-item > a,
.navigation-menu .current_page_ancestor > a,
.widget-area .current_page_item > a,
.widget-area .current-menu-item > a,
.widget-area .current_page_ancestor > a,
.widget-area-search-filter-pro .current_page_item > a,
.widget-area-search-filter-pro .current-menu-item > a,
.widget-area-search-filter-pro .current_page_ancestor > a  {
	color: #ff9933;
}



a.mPS2id-highlight {
	color: #ff9933;
}







.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: right;
	text-align: right;
	width: 45%;
	background: #f2f2f2;
	padding: 20px;
	border-radius: 5px;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	width: 45%;
	background: #f2f2f2;
	padding: 20px;
	border-radius: 5px;
}
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 20px 0;
}

.widget-title {
	margin: 0 0 10px 0 !important;
}

.widget div {
	margin: 0;
}

.widget-area ul,
.widget-area-search-filter-pro ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	text-indent: -10px;
}

.widget-area .post-date,
.widget-area-search-filter-pro .post-date  {
	text-transform: uppercase;
}

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

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

.widget_text a,
.textwidget a {
	color: #218EBB;
}

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

.entry-meta{
	margin: 6px 0 0 0;
	display: inline-block;
	font-weight: normal;
}



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

.hentry {
	margin: 0 0 30px 0;
}

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

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

.page-content,
.entry-content,
.entry-summary {
	margin: 0 0 10px 0;
}

.page-title {
	margin: 0 0 0px 0;
	text-transform: uppercase;
	font-size: 10px;
	display: inline-block;
	color: gray;
	border-bottom: 1px solid #255C84;
}

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

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.entry-header {
}

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

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# 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%;
	border: 1px solid #f2f2f2;
}

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

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

.wp-caption-text {
}

.wp-caption .wp-caption-text {
	margin: 0;
}

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

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

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/


.site-logo {
	display: inline-block;
	vertical-align: middle;
}

.site-logo img {
	width: 100px;

}

.site-header {
	margin: 0 0 0px 0;

}

.site-banner {
	margin: 0;
	display: inline-block;

}

.site-title {
	margin: -5px 0 0 10px !important; padding: 0;
	display: inline-block;	
	vertical-align: middle;
	opacity: 0.9;
	border-bottom: none;
}

.site-title a:hover {
	color: #404040;
}

.searchandfilter ul .sf-field-taxonomy-disciplines {
    width: 100%;
}

.sf-field-taxonomy-disciplines ul{
display:none;
}
.sf-field-taxonomy-disciplines h4{
    background: url('angle-down.svg');
    background-size: 50px;
    background-repeat: no-repeat;
    max-width:407px;
    background-position:97%;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px 8px 10px 14px;
}

.searchandfilter ul .sf-field-taxonomy-Expertise {
    width: 100%;
}

.sf-field-taxonomy-Expertise ul{
display:none;
}
.sf-field-taxonomy-Expertise h4{
    background: url('angle-down.svg');
    background-size: 50px;
    background-repeat: no-repeat;
    max-width:407px;
    background-position:97%;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px 8px 10px 14px;
}

.searchandfilter ul .sf-field-taxonomy-services {
    width: 100%;
}

.sf-field-taxonomy-services ul{
display:none;
}
.sf-field-taxonomy-services h4{
    background: url('angle-down.svg');
    background-size: 50px;
    background-repeat: no-repeat;
    max-width:407px;
    background-position:97%;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px 8px 10px 14px;
}


#search-filter-results-8443 article{
    max-width: 300px;
    margin: 10px !important;
    height: 350px;
    border: lightgray 1px dashed;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    justify-content: center;
}

#search-filter-results-8904 article{
    width: 340px;
    margin: 10px !important;
    height: 340px;
    border: lightgray 1px dashed;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    justify-content: center;
    display: inline-block;
}

#search-filter-results-8904 .project-content {
        border-bottom: 1px dotted #404040;
        margin-bottom: 5px;
}

.searchandfilter ul .sf-field-taxonomy-resource_tag {
    display:none;
}

.sf-field-taxonomy-resource_tag ul{
display:none;
}
.sf-field-taxonomy-resource_tag h4{
    background: url('angle-down.svg');
    background-size: 50px;
    background-repeat: no-repeat;
    max-width:407px;
    background-position:97%;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px 8px 10px 14px;

}

.searchandfilter ul .sf-field-taxonomy-resource_type, .searchandfilter ul .sf-field-taxonomy-research-topic {
    width: 100%;
}

.sf-field-taxonomy-resource_type ul{
display:none;
}
.sf-field-taxonomy-resource_type h4{
    background: url('angle-down.svg');
    background-size: 50px;
    background-repeat: no-repeat;
    max-width:407px;
    background-position:97%;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px 8px 10px 14px;

}

.searchandfilter ul li.sf-field-search {
    float: right;
    padding:0px;
}



.sf-field-search .sf-input-text{
    padding: 10px 8px 10px 14px;
    margin:10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    font-size: 1.2em;
    max-width: 388px;
    width: 100%;

}


.searchandfilter ul li.sf-field-taxonomy-institutions, .searchandfilter ul li.sf-field-taxonomy-project_tag, .searchandfilter ul li.sf-field-taxonomy-research_topic{
  font-size: 13px;
  padding: 10px 8px 10px 14px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  height: 42px;
    margin-top: 10px;
}

.sf-field-taxonomy-institutions label, .sf-field-taxonomy-project_tag label, .sf-field-taxonomy-research_topic label{
  width: 120%;
  background:url('angle-down.svg') no-repeat;
  background-position:80% center;
  background-size: 50px;
}

.sf-field-taxonomy-institutions .sf-input-select, .sf-field-taxonomy-project_tag .sf-input-select, .sf-field-taxonomy-research_topic .sf-input-select{
  background: transparent;
  line-height: 1;
  border: 0;
  padding: 0;
  border-radius: 0;
  width: 120%;
  position: relative;
  z-index: 10;
  font-size: 1.2em;
}




ul.catalystMenu  {
    list-style: none;
    padding: 5px;
    border-radius: 5px;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #ff9933;
    margin-top: -30px;
}

.catalystMenu li {
    display: inline;
    padding: 15px 15px;
    font-size: 1.1em;
    line-height: 44px;
    white-space: nowrap;
    font-weight: bold;
}

.catalystMenu li:first-child {
    font-size:2em;
}

.catalystMenu li .current-menu-item {
    color:#ff9933;
}

.catalystMenu li:last-child {

    border-right: 0;

}

article {
	margin: 0 0 30px 0 !important;
}

.slide_decks {

display: inline-block;

padding: 10px;
}

.people {
    display: inline-block;
}

.search-filter-results-8237 {
	margin: 0;
}  

.searchandfilter ul li {

    list-style: none;
    display: inline-block;
    padding: 10px 0;
    margin: 0;
    z-index:0;

}

.searchandfilter .sf-level-0{
    padding: 4px;
    border: 1px dotted gray;
    margin: 2px;
    border-radius: 5px;

}


#search-filter-results-8237 .people, #search-filter-results-4055 .slide_decks{
    max-width: 190px;
    display: inline-block;
	margin: 24px 12px 24px 0px !important; 
	padding: 0 0 6px 0;
	border-bottom: 1px dotted #404040;

}



.people a:hover {
	color: #404040;
	opacity: 0.9;
}

.search-filter-results-8237 .person-name {
	font-weight: 400;
}

.term-data-science .search-filter-results-8237 .person-name {

    font-weight: 700;
    font-size: 1.2em;

}

.single-catalyst .catalyst-name {
	margin: 0; padding: 0;
}

.single-person img,
.resources img {
	float: right;
	margin: 0 0 10px 20px;
}

.resources,
.events {
	margin: 0 0 60px 0 !important;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
 @media only screen and (max-width: 800px) {
#page .site-footer .widget-area {
	display:inline;
}

 }

.site-footer .widget-title{
    color: white;
    font-size: 1.4em;
}
.site-footer .widget-title a {
    color: white;
}

.site-footer a:hover {
    color:#ffffff8a;
}

#berkeley-logo, #cega-logo {
    width:124px;
}
.site-footer {
	background-color: #004775;

}

.site-footer .widget-area {
	display:flex;
    padding: 0 20px;
    justify-content: space-evenly;

}

.site-footer .jetpack_widget_social_icons ul.size-medium a {
height: 55px;
width: 55px;
}

.site-footer .widget {
	max-width: 156px;
    margin: 15px;
    flex-grow: 1;
}


.site-footer .widget-area .widget ul li a {
	color: white;
}

.entry-title {
	margin: 40px 0 5px 0;
}

.sticky {
	background-color: pink;
}


.menu-top-menu-container {
	display: inline-block;
}

.search-form {
	float: right;
	margin: 0px 3px 0 0;
	border-radius: 5px;
}

.search-field {
	border-radius: 3px;
}

input[type="search"] {
	border: 1px solid #1C4063;
}

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {

}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: none;
	border: 1px solid #ffffff;
	background: #ffffff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 3px;
	background: #ffffff;
	padding: 1px 4px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #1C4063;
}

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 {
	outline: none;

}




/*--------------------------------------------------------------
## Google Form
--------------------------------------------------------------*/

.ss-form-container {
	margin: 20px 0 0 0;
}

.ss-top-of-page,
.ss-required-asterisk,
.ss-header-image-container {
	display: none;
}

.ss-form-container * {
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}

.ss-form-container .error-message {
	display: none;
}

.ss-form-entry {
	margin: 0 0 20px 0;
}

.wpcf7-form p,
.ss-form-container .ss-q-title {
	color: #000000;
}

.wpcf7-response-output {
	border: none !important; 
	padding: 0 !important;
	color: #218EBB;
}

span.wpcf7-not-valid-tip {
	color: #218EBB !important;
}

.ss-q-title {
	color: #ff9933;
}

.ss-q-short {
	width: 285px !important;
}

.ss-resp-message {
	color: #218EBB;
}

.ss-response-footer {
	display: none;
}

input[type="text"],
input[type="email"],
textarea,
.comments-area input,
.ss-form-entry input,
.ss-form-entry select {
	border: 1px solid #c0c0c0;
	background: #ffffff !important;
	font-family: sans-serif !important;
	padding: 2px 4px;
	border-radius: 5px;
	outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="text"]:active,
input[type="email"]:active,
textarea:focus,
textarea:active,
.comments-area input:focus,
.comments-area input:active,
.ss-form-entry input:focus,
.ss-form-entry input:active,
.ss-form-entry select:focus,
.ss-form-entry select:active {
	border: 1px solid #218EBB;
	background: #ffffff !important;
}

.wpcf7-form input[type="submit"],
.comments-area input[type="submit"],
.ss-form-entry input[type="submit"] {
	border: 1px solid #218EBB;
	background: #f2f2f2 !important;
	padding: 5px 10px;
	border-radius: 5px;
	color: #404040 !important;
	font-weight: 400 !important;
}

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:focus,
.wpcf7-form input[type="submit"]:active,
.comments-area input[type="submit"]:hover,
.comments-area input[type="submit"]:focus,
.comments-area input[type="submit"]:active,
.ss-form-entry input[type="submit"]:hover,
.ss-form-entry input[type="submit"]:focus,
.ss-form-entry input[type="submit"]:active {
	border: 1px solid #1C4063 !important;
	background: #1C4063 !important;
	color: #ffffff !important;
	cursor: pointer;
}

label.error-message {
	float: right;
}

.errorheader {
	margin: 0 0 15px 0;
}

.error-message,
.errorheader b{
	font-weight: 400 !important;
	color: #218EBB !important;
}

.sharedaddy {
	margin: 30px 0;
}

.sharedaddy a {
	border: 1px solid #c0c0c0 !important;
	background: #ffffff !important;
	border-radius: 3px !important;
}

.sharedaddy a:hover {
	border: 1px solid #1C4063 !important;
}

.sd-title {
	font-weight: 400 !important;
}

.comments-area label {
	display: block;
	font-weight: 400;
}

.permalink {
	font-weight: 500;
}

h2 p {
	margin: 0;
}

h4 {
	margin: 0 0 10px 0;
}

h5 {
	font-weight: 400;
}

h6 {
	color: #218EBB;
	margin: -5px 0 5px 0;
}

.medium {
	font-weight: 400;
}

.tag {
	display: inline-block;
	font-size: 10px;
	line-height: 18px;
	vertical-align: top;
	margin: 4px 5px 0 0; padding: 0 5px;
	border: 1px dotted #218EBB;
	border-radius: 5px;
}

.link {
	float: right;
	line-height: 24px;
	border: 1px solid #218EBB;
	background: #f2f2f2;
	margin: 2px 0 0 0; padding: 0 5px;
	border-radius: 5px;
	color: #404040 !important;
	font-weight: 400;
}

.link:hover,
.link:active,
.link:focus {
	border: 1px solid #1C4063;
	background: #1C4063;
	color: #ffffff !important;
}

.link img {
	float: none !important;
	vertical-align: middle;
	margin: -1px 0 0 0;
}

.pis {
	margin: 0 10px 0 0;
}

/*--------------------------------------------------------------
## Map
--------------------------------------------------------------*/

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


.site-content aside:not(:first-child) {
	background: #ffffff !important;
	border: 1px dotted #404040;
}

.resources-thumbnail img {
	max-height: 100px;
	width: auto;

}

.institution {
	text-overflow: ellipsis;
	width: 190px;
	white-space: nowrap;
	overflow: hidden;
}

.projects div.institution {
    text-overflow: unset;
	width: 100%;
	white-space: unset;
	overflow: hidden;
    font-style:italic;

}
 
.widget h4 a {
	color: #ff9933 !important;
	margin: 0 10px 0 0 !important;
	border-bottom: 1px dotted #ff9933;
}

.content-area h4 a {
	color: #218EBB !important;
	margin: 0 10px 0 0 !important;
	border-bottom: 1px dotted #218EBB;
}


/*--------------------------------------------------------------
## Map
--------------------------------------------------------------*/

.rpwe-block *,
.rpwe-ul {
	margin: 0; padding: 0 !important;
	text-indent: 0; list-style: none;
}

.rpwe-li {
	margin: 25px 0;
}

.site-content .rpwe_widget {
	background: none !important;
	border: none !important;
}

.rpwe-time {
	color: #218EBB;
}

.sidebar-left .rpwe-title {
	color: #218EBB;
}

.rpwe-img img {
	border-right: 40px solid #404040;
	border-left: 40px solid #404040;
}


.icon-twitter {
	margin: 0 0 0 3px;
	font-size: 15px !important;
}


/*--------------------------------------------------------------
## Meta-Slider
--------------------------------------------------------------*/

.meta-slider-area {
	margin-bottom: 30px;
}


/*--------------------------------------------------------------
## Resources Pages
--------------------------------------------------------------*/
 .searchandfilter ul:first-child {

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

 .searchandfilter ul:first-child  .sf-field-taxonomy-resource_type {
    flex-basis: 30%;
    width: 0;
    min-width: 250px;
    margin: 0 10px;
}
.searchandfilter ul:first-child .sf-field-taxonomy-slide_deck_topic {
        flex-basis: 70%;
    width: 0;
    min-width: 250px;
    margin: 0 10px;
}
  
 .searchandfilter ul:first-child  .sf-field-taxonomy-disciplines {
    flex-basis: 40%;
    margin: 0 10px;
    width: 0;
    min-width: 250px;   
}

#search-filter-form-8904 ul:first-child  .sf-field-taxonomy-disciplines {
    flex-basis: 40%;
    margin: 0 10px;
    width: 0;
    min-width: 100%; 
    
}


 .searchandfilter ul:first-child  .sf-field-taxonomy-Expertise {
    flex-basis: 40%;
    width: 0;
        min-width: 250px;
        margin: 0 10px;

}

 .searchandfilter ul:first-child  .sf-field-taxonomy-services {
    flex-basis: 40%;
    width: 0;
    min-width: 250px;
    margin: 0 10px;
}


 .searchandfilter ul:first-child  .sf-field-search {
    flex-basis: 20%;
    width: 0; 
    float: none;
    min-width: 270px;
}

 .searchandfilter ul:first-child .sf-field-taxonomy-institutions,  {
    flex-basis: 30%;
    width: 0;
    float: none;
    margin: 10px;
    height: 42px;
    min-width: 250px;
}

.resResults {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.resourcesDiagram {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
}



.resourcesDiagram > * {
  padding: 10px;
  flex: 1 100%;
}



.resourcesDiagram a{
    color: black;
    border:none;
    display: block;
    min-height: 50px;

}



.resourcesDiagram div:not(:first-child) > h1 {
    text-align: center;
    margin:0;
}

.resourcesDiagram p{
    padding: 10px 4px;
    background-color: lightgray;
    border-radius:7px;
    font-size: 1.2em;
    font-weight:700;

}

.resourcesDiagram li{
    margin: auto;
    width: 200px;
}

.resourcesDiagram h1{
    border:0;
}



.rescombo p:hover{
    background-color: darkgray;
}

.resdessiminate p{
    background-color: rgba(208, 81, 56, 1);
}

.resdessiminate p:hover{
    background-color: rgba(221, 166, 154, .5);
}

.resdesign p{
    background-color: rgba(91, 155, 213, 1);
}

.resdesign p:hover{
    background-color: rgba(91, 155, 213, .5);
}

.rescollect p{
    background-color: rgba(255, 192, 0, 1);
    width:200px;
}

.rescollect p:hover{
    background-color: rgba(255, 192, 0, .5);
}

.rescollect ul{
    width:1000px;
}


.rescollect li{
    display:inline-flex;
}



.resourcesDiagram ul{
    list-style:none;
    margin:auto;
    text-align: center;
}

.rescombo {
    background: url("https://www.bitss.org/wp-content/uploads/2019/09/arrowCirc2.png") no-repeat center;
    min-width: 255px;
    height:600px;
    background-size: contain;
    
}

.rescombo ul {
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0px;
}

.resourcesDiagram .resDesc {
    background-color: white;
    text-align:left;
}

.resourcesDiagram .rescontact p{
    background-color: white;
    text-align:left;
    max-width: 670px;
    margin: 0 auto;

}

@media all and (min-width: 600px) {
  .resdessiminate { flex: 1 auto; }
  .resdesign { flex: 1 auto; }

}

@media all and (max-width: 600px) {
  .rescombo {height:255px;}
} 

@media all and (min-width: 800px) {
  .rescombo    { flex: 5 0px; }
  .resdessiminate { order: 1; } 
  .rescombo    { order: 2; }
  .resdesign { order: 3; }
  .rescolldiv { order: 4;}
  .rescontact { order: 5; }

}

@media all and (max-width: 500px) {
    body.catalystNew {
    width: 100%;
    padding: 0px;
}
    .resIntro {
    padding:10px 20px;
    }
    .rescombo {
    height: 305px;
    }
    
    .catalystNew .site-banner {
    margin: 30px 30px 0px;
    }
    
}


/*--------------------------------------------------------------
## New Home Page Styling Dec 2019
--------------------------------------------------------------*/

body {
    margin:auto;
    font-family: Roboto;
	margin: 0;
	padding: 0;
	background: #fff;
    font-family: Roboto; 
}

.pageContainer {
    max-width:1250px;
    margin:0 auto;
    text-align: center;
}

.page-id-8907 .pageContainer {
    max-width:100%;
    margin:0 auto;
    text-align: center;
}


p {
font-size: 1.15em;
line-height: 1.4em;
}
li {
font-size: 1.15em;
line-height: 1.4em;
}
h1, h2, h3, h3, h5 {
font-family: Karla;
}
h2, h3, h3, h5 {
color: #218EBB;}
h3 {
font-weight: 500;}

a {
color: #218EBB;
text-decoration:none;}

a:hover {
color: #218ebbb5;
text-decoration:none;}

.header {
display: flex;
justify-content: space-between;
    padding: 20px 20px 0 20px;
}
.eventTitle {
margin: 0;}
.eventDate {
padding:0;
margin-bottom:5px;
text-align:center;
font-size:.9em;
font-weight:bold;}


header .search-field {
height:30px;
padding: 4px;
border: 3.5px solid #004775;
border-radius: 5px;
color:black;
width: 175px;}

header .search-field:focus {
height:30px;
padding: 4px;
border: 2.5px solid #004775;
border-radius: 5px;
color:black;
width: 175px;
}

header .search-submit {
    display:none;
}

.splash {
max-width: 1250px;
height: 440px;
left: 33px;
top: 229px;
background: url(media/cassava.png) no-repeat;
}

.splashInfo {
background: rgba(255, 255, 255, 0.85);
border-radius: 1px;
width:33%;
height:100%;
text-align:center;}
.splashInfo h1{
padding:20 20 0 20;}
.splashInfo p {
padding:0 20;}


.headerLogo {
max-width: 400px;}
.headerLogo img {
width:100%;}
.navigation-menu li {
    background: #004775;
    text-align: center;
    min-width: 120px;
    padding: 20px 0;
    flex-grow: 1;
}
#navigation-menu {
    display: flex;
    justify-content: center; 
    margin: 20px;
    padding: 0;
    font-family: Nanum Gothic;
    
}
.navigation-menu {
    background: #004775;
}


.navigation-menu li a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 1.4em;
    display: inline-block;
    position: relative;
    padding: 2em;
    margin: -2em;
    letter-spacing: 1px;
}

.navigation-menu li a:hover {
color:#F99734;
}

.navigation-menu .menu-item-has-children:hover .sub-menu  {
    display: flex;
    z-index: 1;
    flex-direction: column;
}
 
.navigation-menu li:hover { 
background-color:#005993

}
.navigation-menu .sub-menu li:hover { 
background-color:#fb9f41;
}




.navigation-menu li {
list-style: none;}

.sub-menu {
    display:none;
    position: absolute;
    padding:0;
    margin:20px 0 0 0;
    width: 16%;
    max-width: 200px;

}
.sub-menu li {
    background-color:#F99734;
    padding: 20px;
    flex-grow: 1;
    margin-left: 0px;
}
.sub-menu li a{
color:black;
font-size:1em;
}
.sub-menu li a:hover{
color:#004775;
}

.main {
    display:flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 0 20px;
    max-width: 1250px;
    margin: 0 auto;
    }

.main span {
flex-grow: 1;}

.main .widget-title {
    text-align:center;
    color:#004775;
    font-size: 2.2em;
    font-weight: 700;
}

.main .widget-title a{
    color:#004775;
}

.main .widget-title a:visted {
    color:#004775;
}


.main .sidebar-left {
    max-width: 360px;
    margin: 0 5px;
}
.main .sidebar-middle {
    max-width: 560px;
    margin: 0 5px;
}
.main .sidebar-right {
    max-width: 250px;
    margin: 0 5px;
}
.main .sidebar-right img {
    width:70%;} 
    
.main .sidebar-right #search-filter-results-8297 {
    text-align:center; 

}

.main .sidebar-right #search-filter-results-8297 .entryBio {
    text-align:left;
}


 .main .sidebar-right #search-filter-results-8297 .institution {
    font-weight:700;
    font-size: 1.2em;
 }
 .main .sidebar-right #search-filter-results-8297 .discipline {
    font-weight:700;
    font-size: 1.2em;
    margin-bottom: 20px;

 }
  .main .sidebar-right #search-filter-results-8297 .person-name {
    font-size: 1.2em;
    margin-bottom: 20px;
 }
 
 .mobileBurger {
     display:none;
 }
 .hamburger {
     display:none;
 }
 @media only screen and (max-width: 800px) {
 .mobileBurger {

 }
 .menu-navigation-menu-container {
     display:none;
 }
 
 .search-form {
    margin-bottom: 10px;
}
 
 .navigation-menu input[type="checkbox"]:checked ~ .menu-navigation-menu-container {
    display:block;
}
.hamburger {
   position: absolute;
   top: 50px;
  right: 10px;
  display:block;
  width: 3.4em;
  line-height: .1em;
  padding: 0 .4em .4em;
}
.hamburger hr {
  background-color: #000000;
  height: 5px;
  border: 0;
  margin-bottom:0;
  /* border: none; */
} 
.header {
    display: inline-block;
}
.search-form {
    margin-bottom: 10px;
}
#navigation-menu {
    flex-direction: column;
}
.sub-menu {
    position: relative;
    width: 100%;
    max-width: 100%;
}
.main .sidebar-left {
    order:2;}
.main .sidebar-middle {
    order:1;}
.main .sidebar-right {
    order:3;}


}