/* sections: global elements, layout, header, content, postscript */


/* GLOBAL ELEMENTS */
body {
	background: #00274c;
	font: 100%/1.6 'Source Sans Pro', sans-serif;
}

.node-type-news-feature .field-name-body {
	font-size: 1.25em; /* 20px */
	font-family: 'Georgia', sans-serif;
}

a:link, a:visited, a:active {
  color: #0050b4;
  text-decoration: none;
}

.flex-direction-nav a:link,
.flex-direction-nav a:visited {
	color: rgba(0, 0, 0, 0.8);
}

a:hover {
  color: #666666;
  text-decoration: underline;
}

a.blank-link span,
.hide-on-load {
	display: none;
}

.smaller {
	font-size: smaller;
}

.larger {
	font-size: larger;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.8em;
  color: #00274c;
  line-height: 1.2em;
}

h1 { font-size: 2em; } /* 32px */
h2 { font-size: 1.75em; } /* 24px */
h3 { font-size: 1.5em; } /* 24px */
h4 { font-size: 1em; margin-bottom: 1em; }

p, dl, hr, ol,
ul, pre, table, address, fieldset {
  margin-bottom: 1.25em;
}

sup {vertical-align: super; }
sub { vertical-align: sub; }

sub, sup {
    font-size: 0.5em;
    line-height: 100%;
}

.print-only,
.hide-mobile,
.hide-narrow,
.front #page-title,
#nice-menu-1,
#nice-menu-2,
#block-menu-menu-opportunities-menu,
#block-system-user-menu,
.intranet-section,
.hidden-titles {
	display: none;
}

/* list defaults */
ol {
  list-style: decimal;
}

ol.upper-latin {
  list-style: upper-latin;
}

ol.lower-latin {
  list-style: lower-latin;
}

ol.upper-roman {
  list-style: upper-roman;
}

ol.lower-roman {
  list-style: lower-roman;
}

ul {
  list-style: disc;
}

#region-content li {
	margin-bottom: 0.7em;
}

ul ul,
ol ol {
  padding-top: 0.5em;
}

#zone-content ul,
.node ol,
.node ul,
#region-content .block ol,
#region-content .block ul,
.left-list ul {
  padding-left: 1.2em;
}

#zone-content .block-menu ul, #zone-content .left-menu ul {
	padding-left: 0;
}

sub { 
	vertical-align: sub;
	font-size: smaller;
}

iframe {
	max-width: 100%;
}

blockquote {
	margin: 0 10%;
	line-height: 1.5em;
	font-size: 1.3em;
	padding: 1em 0;
}

.blockquote-bg {
	padding: 20px;
	background: #ececec;
	margin-bottom: 1.5em;
}

blockquote .attrib {
	font-size: smaller;
	text-align: right;
	margin-bottom: 0;
}

.no-margin {
	margin: 0;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

img.round10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* LAYOUT */
.responsive-layout-mobile .grid-4 {
	margin: 0 20px;
}

/* HEADER */

#region-search a {
	color: #fff;
}

.block-social {
	margin-top: 0;
}

.zone-preface-wrapper {
	background: #fff;
}

.zone-preface .grid-12 {
	margin: 0;
}

.preface-banner {
	position: relative;
}

.preface-banner h1 {
	margin-bottom: 0;
	text-align: center;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	position: absolute;
	bottom: 12px;
    text-transform: uppercase;
}

.sp-download {
	text-align: center;
	background: #00274c;
	padding: 6px 0;
}

/* CONTENT */

/* Make site titles the same size if it's an H1 (home) or H2 (internal) */
h1.site-name,
h2.site-name {
  font-size: 2em;
}

.res-visible {
	display: block;
}

h4.lede,
p.newsbrief {
	color: #00274c;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.5em;
}

.block .view-header h3 {
	font-size: 1.25em;
}

/* POSTSCRIPT */
#zone-postscript h2.block-title {
	margin-bottom: 0.3em;
}

.zone-postscript .grid-4 {
	margin-bottom: 20px;
}

.zone-postscript .grid-4.region-postscript-third {
	margin-bottom: 0;
}

/* FLEX SLIDER overrides */
#region-content #block-graham-home-features ul,
#region-content #block-graham-watercenter-features ul,
#region-content .flexslider-block ul,
#region-content .flexslider ul,
.node .content-slider ul { /* fix for slider block */
	padding: 0;
}

#region-content .flexslider li,
#region-content ul.single-spaced li, #region-content ol.single-spaced li {
	margin-bottom: 0;
}

ul.no-bullets {
	list-style: none;
}

.node ol.flex-control-nav,
.node ul.flex-direction-nav,
#region-content .block ol.flex-control-nav,
#region-content .block ul.flex-direction-nav {
	padding: 0;
}

.flex-direction-nav a {
	line-height: 1;
}

.region-search {
	margin-top: 16px;
}

/* end FLEX SLIDER overrides */

.node ul.inline,
.node ol.inline {
  padding-left: 0;
}

.block .item-list ul li {
    margin: 0 0 0.25em 0;
    padding: 0;
}

.block .item-list ul.pager li {
	padding: 0 10px;
}

.admin h3 {
  font-size: 1em;
  margin: 0;
}

dd {
  padding-left: 10px;
  margin-bottom: 20px;
}

.clearFix {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

.clear-block { clear: both; }

.caption {
	font-size: 0.917em;
}

.caption p {
	margin: 4px 0;
	font-weight: normal;
	font-style: normal;
	font-size: 0.917em;
}

ul.termlist, ul.termlist ul {
	margin-bottom: 0;
	padding-top: 0;
}

#region-content .termlist li {
	margin-bottom: 0;
}

.front .region-content .region-inner .tabs {
	display: none;
}

/* disable main floats for mobile */
.right,
.left {
	display: block;
	float: none;
	margin: 0 0 1em 0;
}

.mobile-right {
	float: right;
	margin: 0 0 1em 20px;
}

.mobile-left {
	float: left;
	margin: 0 20px 1em 0;
}

.zone-user-wrapper {
	background: #00274c;
}

.zone-branding-wrapper {
	background: #00274c;
	position: relative;
	z-index: 900;
}

#zone-menu {
	background: #00274c;
}

#region-page-top #toolbar {
	z-index: 910;
}

#zone-branding {
	overflow: hidden;
	padding: 20px;
}

#zone-branding .grid-6, #zone-branding .grid-12 {
	margin-left: 0;
	margin-right: 0;
}

#region-branding {
	margin: 0;
	text-align: left;
}

#region-mobile-toolbar {
	padding-top: 20px;
}

.zone-menu-wrapper {
	background: #00274c;
	position: relative;
	z-index: 900;
	width: auto;
}

#region-sidebar-first {
	margin: 0;
	padding-bottom: 24px;
}

.region-sidebar-first-inner {
	padding: 0 20px;
}

.content-table td,
.content-table th {
	vertical-align: top;
	border-bottom: 1px solid silver;
}

#zone-content,
#zone-content-wrapper {
	background: #fff;
}

.section-content .zone-wrapper .zone-postscript {
	background: #ffd01e;
}

#region-content .region-inner {
	padding: 32px 10px 20px 10px;
}

body.context-nerrs #zone-content {
	background: url(../images/nerrs-grass.svg) #fff left bottom no-repeat;
	background-size: 240px 240px;	
}

.front #region-content .region-inner {
	padding-top: 20px;
}

.front .region-sidebar-second.grid-4 {
	margin-right: 0;
	margin-left: 0;
}

#zone-postscript-wrapper {
	background: #ffd01e;
	padding: 20px 0px;
}

.zone-postscript .region {
	background: #ffdb66;
	border: 1px solid #fff4cf;
	padding: 10px;
}

#section-footer {
	background: #00274c;
}

.region-copyright-first {
	padding: 0 20px 40px 20px;
	
}
.zone-copyright .grid-12 {
	margin: 0;
}

.zone-copyright-wrapper {
	z-index: 900;
	position: relative;
	padding: 0;
}

.zone-footer-wrapper {
	z-index: 800;
}

#zone-footer {
	color: #fff;
	padding: 24px 0;
}

#zone-footer .grid-12 {
	margin:0;
}

#region-footer-first {
	margin: 0;
	padding: 0 0 0 20px;
}

.responsive-layout-mobile #region-footer-first,
.responsive-layout-mobile #region-footer-second {
	margin-bottom: 20px;
}

#region-footer-third .region-inner {
	padding: 0 10px 0 0;
}
.responsive-layout-mobile #region-footer-third .region-inner {
	padding: 0;
}

#region-footer-first .region-inner {
	padding-right: 20px;
}

#region-user-first {
	padding: 7px 0;
}

/* global table styles */
table {
  border: none;
  border-collapse: collapse;
}

thead th, th {
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

td, th {
  padding: 4px 8px;
  vertical-align: middle;
}

th a {
  display: block;
}

th a img {
  margin: 0 0 0 5px;
}

th.active {
  background: #DDD;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
/* end global table styles */

#region-content fieldset {
	padding: 1em;
	border: 1px solid silver;
}

#region-content fieldset legend {
	padding: 0px 5px;
	font-weight: bold;
}

.home-alert {
	margin: 20px;
	background: #00386e;
	padding: 10px;
	text-align: center;
	color: #fff;
	border: 1px solid #06c;
}

.home-alert h4 { font-size: 1.25em; color: #fff; margin: 0px;}

.home-alert a {
	color: #fc3;
}


/* header and user menus */

.usermenu {
	margin: 0;
}

.usermenu li {
	padding-right: 16px;
}

#block-menu-menu-header-menu, #block-system-user-menu, #block-menu-menu-water-center-user-menu {
	float: right;
}

#block-menu-menu-header-menu ul, #block-system-user-menu ul, #block-menu-menu-water-center-user-menu ul {
	float: right;
	list-style: none;
}

#block-menu-menu-header-menu li, #block-system-user-menu li, #block-menu-menu-water-center-user-menu li {
	list-style: none;
	float: left;
}

#block-menu-menu-header-menu a, #block-system-user-menu a, #block-menu-menu-water-center-user-menu a {
	display: block;
	font-size: 0.857em;
}

/* social media */
.block-social, .block-social p {
	float: right;
	clear: right;
	margin-bottom: 0;
}

.block-social a {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	margin-left: 8px;
}

.block-social a span {
	display: none;
}

a#youtube-link {
	background: url(../images/social-icons-22.png) left -110px no-repeat;
}

a#facebook-link {
	background: url(../images/social-icons-22.png) left top no-repeat;
}

a#twitter-link {
	background: url(../images/social-icons-22.png) left -22px no-repeat;
}

a#rss-link {
	background: url(../images/social-icons-22.png) left -44px no-repeat;
}

a#linkedin-link {
	background: url(../images/social-icons-22.png) left -88px no-repeat;
}

a#enews-link {
	background: url(../images/social-icons-22.png) left -66px no-repeat;
}

.content-split {
	padding-bottom: 20px;
}

.view-news-feature-header {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.4);
	text-align: left;
	padding: 0 16px 16px 16px;
}

.node-type-news-feature #section-content h3 {
	clear: both;
	font-family: 'Roboto Slab';
	font-size: 30px;
	color: #fff;
	/*background-image: url(../images/sq-bullet-yellow22.png);
	background-position: 0 27px;
	background-repeat: no-repeat;*/
	background-color: rgba(0,0,0,.54);
	padding: 30px 20px 10px 24px;
	border-left: 4px solid #fc3;
	margin-top: 40px;
}

.node-type-news-feature .zone-highlight-wrapper {
	background-color: #e6e6e6;
	background-size: cover;
	background-attachment: fixed;
	height: 100%;
	width: 100%;
}

.node-type-news-feature #region-highlight {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow-y: scroll;
	padding: 20px 0;
	color: #fff;
	overflow: hidden !important;
}

.node-type-news-feature blockquote{
  display:block;
  background: #e6e6e6;
  padding: 15px 20px 15px 45px;
  margin: 0 10% 20px 10%;
  position: relative;
  font-size: 1em;

  border-left-style: solid;
  border-left-width: 15px;
  border-right-style: solid;
  border-right-width: 2px;
  border-left-color: #fc3;
  border-right-color: #fc3;
}
 
.node-type-news-feature blockquote::before{
  content: &quot;\201C&quot;; /*Unicode for Left Double Quote*/
 
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
 
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}
 
.node-type-news-feature blockquote::after{
  /*Reset to make sure*/
  content: &quot;&quot;;
}

#region-highlight .region-inner {
	padding: 0;
}

#region-highlight p {
	margin-bottom: 0;
}

.view-news-feature-header .views-field-title {
	font-family: 'Roboto Slab';
	color: #fff;
	font-size: 1.714em;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 0;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.view-news-feature-header .views-field-field-abstract,
.view-news-feature-header .views-field-field-byline,
.node-type-news-feature .field-name-field-release-date {
	font-family: 'Georgia', serif;
}

/* main menu */

#block-menu-menu-opportunities-menu h2 {
	font-size: 1.143em;
	font-size: 0.9em;
	color: #bfe8ff;
	color: #fff;
	line-height: 36px;
	margin: 0 16px 0 16px;
	padding-top: 2px;
	font-style: italic;
}

#block-menu-menu-opportunities-menu a:hover, #block-menu-menu-opportunities-menu a.active {
	color: #fece31;
}

.menu-block-1 {
	padding: 0 20px;
	margin-top: -10px;
}

.block-mobile-menu-toggle {
	float: left;
}

.region-mobile-menu h2 {
	color: #fff;
	font-size: 1em;
	font-style: italic;
	color: silver;
	margin-bottom: 0.4em;
}

.region-mobile-menu a {
	color: #fff;
}

.region-mobile-menu a:hover, .region-mobile-menu ul.menu li a:hover {
	color: #fc3;
}

.region-mobile-menu ul li {
	margin: 0;
}

.mobile-user-menu,
.mobile-opportunities-menu {
	margin: 1em 20px 0px 20px;
	border-top: 1px solid silver;
	padding-top: 6px;
}

.mobile-user-menu {
	margin-bottom: 1em;
}

.region-mobile-menu li a.active {
	color: #28aae1;
}

.region-mobile-menu li.leaf, #block-menu-menu-opportunities-menu li.leaf {
	list-style: none;
	list-style-image: none;
}

#block-menu-menu-opportunities-menu ul.menu li {
	margin: 0;
	padding: 0;
}

#zone-menu .region {
	margin-right: 0;
	margin-left: 0;
}

#main-menu li {
	padding: 0;
	margin: 0;
	float: left;
}

#main-menu a {
	display: block;
	padding: 0px 18px;
	color: #fff;
    line-height: 38px;
    text-shadow: 1px 1px 2px #000000;
}

#main-menu a:focus, #main-menu a:hover {
	color: #fc3;
}

/* keep the top level sections yellow */
#nice-menu-1 li.active a, #nice-menu-1 li.active-trail a,
.context-water #nice-menu-1 .main-menu-knowledge {
	color: #fc3;
}
#nice-menu-1 li.active ul a, #nice-menu-1 li.active-trail ul a {
	color: #fff;
}
#nice-menu-1 li.active ul a:hover, #nice-menu-1 li.active-trail ul a:hover {
	color: #fc3;
}

/* keep the parent highlighted when hovering over a submenu */
#nice-menu-1 li.active-trail a:hover,
#nice-menu-1 li.active-trail:hover > a {
	color: #fc3;
}

/* LEFT MENU */

.left-menu { margin-bottom: 20px; }

.left-menu ul.menu {
	padding: 0;
	margin: 0;
}
.left-menu ul.menu li {
	display: none;
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
}

.left-menu ul.menu a {
	display: block;
	padding: 5px 12px 5px 20px;
}

.left-menu .menu li.active-trail, .left-menu .menu li.active-trail li {
	display: block;
}

.left-menu .menu li.active-trail ul ul > li {
    margin-left: 16px;
}

.left-menu .menu li.active-trail a.active-trail {
	color: #00274c;
    font-size: 1.25em;
    padding: 28px 0 0 0;
}

.left-menu .menu li.active-trail ul a,
.left-menu .menu li.active-trail ul a.active-trail {
	font-size: 1em;
	background: none;
	color: #005696;
	margin-bottom: 0;
	padding: 5px 0;
}

.left-menu .menu li.active-trail ul a.active-trail {
	color: #00274c;
	font-weight: bold;
}

/* END LEFT MENU */

/* toggles */

.dd-toggle {
	border: 1px solid #e6e6e6;
	border-top: none;
	padding-left: 30px;
	padding-right: 10px;
}

.faq-answer {
	border: 1px solid #e6e6e6;
	border-top: none;
	padding: 6px;
	margin-bottom: 1em;
}


.dt-toggle,
.views-row-toggle {
	padding: 4px 4px 4px 30px;
	border: 1px solid #e6e6e6;
	background: url(../images/toggle-arrow-closed.png) 10px 0.6em no-repeat;
	cursor: pointer;
	margin-bottom: 1em;
}

.faq-question {
	padding: 6px;
	border: 1px solid #e6e6e6;
	/*background: url(../images/toggle-arrow-closed.png) 10px 0.6em no-repeat;*/
	margin-bottom: 1em;
}

.views-row-toggle a {
	margin-left: -24px;
	padding-left: 24px;
}

.views-row-toggle .btn {
	margin-left: 0px;
}

.dt-toggle-open { /* class added by javascript */
	border-bottom: none;
	background: url(../images/toggle-arrow-open.png) 8px 0.7em no-repeat;
	margin-bottom: 0;
}

.faq-toggle-open {
	border-bottom: none;
	margin-bottom: 0;
}

.views-row-toggle-open { /* class added by javascript */
	background: url(../images/toggle-arrow-open.png) 8px 0.7em no-repeat;
}

.views-row-toggle-open .views-field-title {
	margin-bottom: 1em;
}

.views-toggle-content {
	padding-right: 16px;
}

.faq-question, .faq-answer, .dl-with-filters dt, .dl-with-filters dd {
	display: none;
}

.dl-with-filters dt h4,
.faq-question h4 {
	font-size: 1.429em;
}

.impact-item {
	padding: 10px;
	border: 1px solid silver;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 1.5em;
}

dl.dl-toggle .impact-item {
	margin-right: 20px;
}

.dl-toggle dt h3 {
	margin-bottom: 0;
}

.dl-toggle dt.dt-toggle-open h3 {
	margin-bottom: 0.8em;
}

.home-quicklinks-block {
	padding-bottom: 1em;
	border-bottom: 1px solid silver;
	margin-bottom: 1em;
}

.block-without-title .node-title {
	display: none;
}

.file-tile {
	width: 180px;
	padding: 16px;
	height: 360px;
	border: 1px solid #ccc;
	margin: 0 12px 12px 0;
	float: left;
}

/* postscript */

.zone-postscript h2 {
	font-size: 1.25em;
}

.zone-postscript a, .zone-postscript a:active {
	color: #039;
}

.zone-postscript h2 a, .zone-postscript  h2 a:active {
	color: #039;
}

.zone-postscript a:hover {
	color: #0055fe;
}

.home-statistics-block {
	padding: 0 20px 20px 20px;
	text-align: center;
	margin-top: 0;
}

.homestat {
	font-size: 5.5em;
	font-weight: bold;
	line-height: 75px;
	padding-bottom: 0;
}

/* VIEWS */

.view-random-publication .views-field-field-image {
	float: none;
	margin-bottom: 1em;
	text-align: center;
}

.view-random-publication .views-field-field-image img {
	border: 1px solid #fff;
}

.view-random-publication .views-field-body,
.view-random-publication .views-field-view-node,
.view-random-publication .view-footer {
	padding-left: 0;
}

.view-course-search .views-exposed-form,
.view-faculty-affiliates .views-exposed-form {
	margin-bottom: 2em;
}

.view-course-search .views-row {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid silver;
}

.view-course-search .views-field-title {
	font-size: 1.167em;
}

.node-course .field {
	border-bottom: 1px solid #e6e6e6;
	padding: 6px 0;
}

.view-course-search .views-exposed-widget { /* stack the widgets */
	clear: left;
}

.front .view-all-video .view-content {
	text-align: center;
}

.opportunities-home {
	padding: 20px;
}

.opportunities-home h4 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 0.4em;
}

.opportunity-home {
	background: #f2f2f2;
	padding: 20px;
	margin-bottom: 12px;
}

.opportunity-home h3 {
	clear: left;
}

.opportunity-icon {
	display: block;
	width: 36px;
	height: 36px;
	float: left;
	margin: 0 12px 16px 0;
}

.opportunity-category {
	text-transform: uppercase;
	font-size: 0.786em;
	color: #777777;
	line-height: 36px;
	margin-bottom: 16px;
}

.opportunity-audience {
	text-transform: uppercase;
	font-size: 0.786em;
	color: #777;
	line-height: 36px;
	margin-bottom: 16px;
}

.opportunity-all-faculty .opportunity-icon,
.opportunity-2938 .opportunity-icon {
	background: url(../images/opportunities-icons.png) -72px 0 no-repeat; /* GREEN */
}
.opportunity-all-students .opportunity-icon,
.opportunity-2940 .opportunity-icon {
	background: url(../images/opportunities-icons.png) -72px -72px no-repeat; /* GREEN */
}
.opportunity-undergrad .opportunity-icon,
.opportunity-2941 .opportunity-icon {
	background: url(../images/opportunities-icons.png) 0 -72px no-repeat; /* BLUE */
}
.opportunity-masters .opportunity-icon,
.opportunity-2942 .opportunity-icon {
	background: url(../images/opportunities-icons.png) -36px -72px no-repeat; /* GOLD */
}
.opportunity-doctoral .opportunity-icon,
.opportunity-2943 .opportunity-icon {
	background: url(../images/opportunities-icons.png) -108px -72px no-repeat; /* ORANGE */
}
.opportunity-ngo .opportunity-icon,
.opportunity-2947 .opportunity-icon,
.opportunity-2948 .opportunity-icon,
.opportunity-2949 .opportunity-icon {
	background: url(../images/opportunities-icons.png) 0 -36px no-repeat; /* BLUE */
}
.opportunity-government .opportunity-icon,
.opportunity-2950 .opportunity-icon,
.opportunity-2951 .opportunity-icon,
.opportunity-2952 .opportunity-icon,
.opportunity-2953 .opportunity-icon,
.opportunity-2954 .opportunity-icon {
	background: url(../images/opportunities-icons.png) -36px -36px no-repeat; /* YELLOW */
}
.opportunity-business .opportunity-icon,
.opportunity-2945 .opportunity-icon,
.opportunity-2946 .opportunity-icon {
	background: url(../images/opportunities-icons.png) -72px -36px no-repeat; /* GREEN */
}

.opportunity h3 {
	font-size: 1.571em;
	clear: left;
}

.opportunity .apply-text {
	font-weight: bold;
	font-size: 1.143em;
}

.opportunity-buttons a {
	margin: 0 1em 1em 0
}

/* news and events */

.news-item,
.block .item-list ul li.news-item,
.news-feed .views-row {
	clear: both;
	margin-bottom: 1em;
}

.news-item a.news-item-thumb {
	display: block;
	margin-bottom: 1em;
}

.news-item a.news-item-thumb img {
	display: block;
}

.node-article .field-name-body {
	margin-top: 1em;
}

.node-event .register-buttons {
	margin-bottom: 1em;
}

.postscript-events ul {
	list-style: none;
}

.postscript-events h4 {
	font-weight: normal;
}

/* end news and events */

.flex-container,
.views-flex-container .view-content { /* display flex is in narrow stylesheet */
	display: block;
	margin: -10px;
    margin-bottom: 10px;
}

.flex-container .flex-item,
.views-flex-container .view-content .flex-item {
	margin: 10px;
	width: auto;
}

.flex-container.flex-border .flex-item,
.views-flex-container.flex-border .view-content .flex-item {
	padding: 20px;
	border: 1px solid silver;
}

.view-audience-tiles.views-flex-container .view-content .flex-item {
	border: none;
	background: #f2f2f2;	
}

.views-flex-container .views-field-field-image img {
	width: 100%;
}

.views-flex-container.products-view .views-field-field-image img,
.products-view .views-field-field-image img {
	width: 100px;
	border: 1px solid silver;
}

.products-view .views-field-field-image .field-content {
	text-align: center;
	margin-bottom: 0.7em;
}

.random-product .views-field-title,
.random-product .views-field-title .field-content {
	font-weight: bold;
	text-align: center;
}


/* footer styles */

.region-copyright-first p {
	color: #fff;
	margin: 0;
	font-size: 0.917em;
}

.region-copyright-first a {
	color: #fc3;
}

#block-block-2 {
	margin-bottom: 20px;
}

#graham-footer-logo span {
	display: none;
}

#graham-footer-logo {
	display: block;
	width: 160px;
	height: 18px;
	background: url(../images/graham-footer-logo-160.png) left top no-repeat;
}

.footer-section {
	margin-right: 24px;
}

.zone-footer h4 {
	font-size: 1em;
	color: #fff;
}

.zone-footer li, .zone-footer p {
	font-size: 0.857em;
	margin-bottom: 0;
}

.zone-footer a {
	color: #fc3;
}

.footer-section ul, .footer-section li {
	list-style: none;	
}

#pb-footer-logo a {
	display: block;
	width: 158px;
	height: 24px;
	background: url(../images/pb-footer-logo.png) no-repeat;
}

#pb-footer-logo span {
	display: none;
}

/*.footer-diversity-block,
.footer-planetblue-block {
	padding: 16px;
	border: 1px solid #666666;
	background: #143758;
}*/

#dei-logo {
	display: block;
	width: 72px;
	height: 89px;
	background: url(../images/dei-logo.png) no-repeat;
	float: left;
	margin-right: 1em;
}

/* end footer styles */

/* Responsive menu defaults - mobile first */
.menu-toggle {
	display: block;
}
/* default hidden mobile menu - controlled by toggle */
.region-mobile-menu {
	display: none;
}

a#menu-toggle {
	color: #fff;
}

a#menu-toggle:hover a#menu-toggle:focus {
	text-decoration: none;
	color: #fff;
}

a#mobile-logo {
	display: block;
	width: 280px;
	height: 42px;
	background: url(../images/graham-logo-mob.png) left top no-repeat;
}

a#mobile-logo span {
	display: none;
}

.logo-img {
	float: left;
	display: none; /* use the mobile logo block instead */
}

.logo-img-mobile a {
	margin: 0px auto;
}

#planet-blue-logo {
	display: block;
	height: 24px;
	width: 158px;
	background: url(../images/planet-blue-logo-informal.png) left top no-repeat;
	margin-bottom: 10px;
}

#water-center-logo-informal {
	float: right;
	height: 24px;
	width: 245px;
	background: url(../images/water-center-logo-informal.png) left top no-repeat;
}

#graham-logo-header {
	float: right;
	height: 25px;
	width: 216px;
	background: url(../images/graham-logo-header.png) left top no-repeat;
}

#graham-logo-header span, #planet-blue-logo span, #water-center-logo-informal span {
	display: none;
}

/* search */

.sitesearch label {
	display: none;
}

.sitesearch form,
#search-block-form {
	float: left;
}

.sitesearch form,
.search-form {
	margin-bottom: 0;
}

.sitesearch form .form-item,
.search-form .form-item {
	margin: 0;
	padding: 0;
}

fieldset.custom_search-popup {
	width: 200px;
}

.sitesearch form #edit-search-api-views-fulltext,
.search-form #edit-search-block-form--2 {
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0;
	background: #143b63;
	border: 1px solid #456484;
	color: #fff;
	font-size: 0.857em;
	height: 23px;
	width: 252px;
	float: left;
}

.sitesearch .views-exposed-form .views-exposed-widget {
	padding: 0;
}

.sitesearch .views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 0;
	padding-left: 5px;
}

.sitesearch input[type="text"]::-webkit-input-placeholder,
#search-block-form input[type="text"]::-webkit-input-placeholder {
	color: #fff !important;
}

.sitesearch input[type="text"]:-moz-placeholder,
#search-block-form input[type="text"]:-moz-placeholder { /* Firefox 18- */
color: #fff !important;  
}

.sitesearch input[type="text"]::-moz-placeholder,
#search-block-form input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
color: #fff !important;  
}
 
.sitesearch input[type="text"]:-ms-input-placeholder,
#search-block-form input[type="text"]:-ms-input-placeholder {  
color: #fff !important;  
}

.search-form input[type=image] {
    -webkit-border-radius:0px;
}

.search-form .form-actions input {
    padding-left: 5px;
    margin-right: 0;
}

/* end search */

.item-container {
	clear: both;
	padding: 1.2em 0;
	margin: 1em 0;
	border-top: 1px solid #e6e6e6;
}

.item-container img {
	border: 1px solid silver;
}

/* staff listing */

.people-grid .views-field-field-last-name, .vcard-grid .card-name {
	font-weight: bold;
}

#region-content .block .people-grid ul {
	padding-left: 0;
}

#region-content .block .people-grid ul ul li {
	color: #666666;
	font-style: italic;
}

/* end staff listing */

.med-grid .views-row {
	float: none;
}

.profile-card {
	clear: left;
	margin-bottom: 1em;
	padding-top: 1em;
	border-top: 1px solid silver;
}

.profile-card img {
	float: left;
	margin: 0 1em 1em 0;
}

/* user profile */
.profile .user-picture {
    float: none;
    margin: 0 0 1em 0;
}

.profile .field-name-field-title {
	margin-bottom: 0.2em;
}

#user-profile-lower {
	clear: both;
}

.field-name-field-bio {
	margin: 1em 0 2em 0;
}

#user-personal-details , #user-contact-details {
	margin-bottom: 1em;
}

.profile .field-name-field-title {
	padding-bottom: 12px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 12px;
}

.profile .field-name-field-school-college {
	margin-bottom: 12px;
	border-bottom: 1px solid #e0e0e0;
}

.profile .field-name-field-school-college .term-tree-list .term,
.term-tree-view .term {
	list-style: none;
}

.profile .field-name-field-school-college .term-tree-list .selected,
.term-tree-view .term-tree-list .term .selected {
	font-weight: normal;
}

.profile .field-name-field-school-college .term-tree-list .selected ul,
.term-tree-view .term-tree-list .selected ul {
	padding-left: 16px;
	margin-bottom: 0;
}

/* end user profile */

/* find experts search */
.view-find-researchers .views-exposed-form,
.view-course-search .views-exposed-form {
	padding-bottom: 1em;
	margin-bottom: 20px;
	border-bottom: 1px solid silver;
}

.view-find-researchers .views-exposed-form .views-exposed-widget {
    float: none;
    padding: 0 0 1em 0;
}

.view-find-researchers .views-exposed-form .views-submit-button {
    float: left;
    padding: 0 1em 1em 0;
}

.view-find-researchers .view-header,
.view-find-researchers .views-row,
.view-course-search .view-header {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
}

.view-find-researchers .views-field-picture {
	float: left;
	margin-right: 16px;
}

.view-find-researchers .views-field-field-last-name,
.view-find-researchers .views-field-field-title,
.view-find-researchers .views-field-field-school-college,
.view-find-researchers .views-field-field-bio {
	padding-left: 116px;
}

.view-find-researchers .nophoto .views-field-field-last-name,
.view-find-researchers .nophoto .views-field-field-title,
.view-find-researchers .nophoto .views-field-field-school-college,
.view-find-researchers .nophoto .views-field-field-bio {
	padding-left: 0;
}


.researcher-name-link {
	font-size: 1.25em;
}

.view-find-researchers .views-field-field-title {
	margin-bottom: 1em;
}

.vcard {
	clear: left;
	padding-bottom: 1em;
	margin-bottom: 1.2em;
	border-bottom: 1px solid silver;
}

.vcard p, .vcard h3 {
	padding-left: 116px;
}

.node .vcard ul, .node .vcard ol, #region-content .block .vcard ul {
	padding-left: 136px;
}


.vcard h3 {
	font-size: 1.143em;
	margin-bottom: 0;
}

.vcard p.card-photo {
	padding-left: 0;
	float: left;
	margin: 0 1em 1em 0;
}

.vcard p.card-photo img {
	display: block;
}

#region-content .vcard li {
	margin-bottom: 0.2em;
}

.mediapage-block {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid silver;
}

.mailchimp-horiz-block {
	margin-top: 1em;
	padding: 20px;
	background: #f7f6f2;
}

/* :::::::::: Publications :::::::::: */

.view-publications {
	margin-top: 16px;
}

.view-publications .views-row {
	padding-bottom: 16px;
	border-bottom: 1px solid silver;
	margin-bottom: 16px;
}

.view-publications .views-field-field-image {
	margin-right: 0;
	margin-bottom: 12px;
}

.view-publications .views-field-field-image a {
	display: block;
	border: 1px solid silver;	
}

.view-publications .views-field-title a {
	font-size: 1.143em;
	font-weight: bold;
}

.view-publications .views-exposed-form {
	margin-bottom: 20px;
}

.view-publications .views-field-field-doctype {
	font-size: 0.857em;
	color: #666666;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

/* :::::::: END Publications :::::::: */

/* ::::::::: Graham Scholars :::::::::: */

.view-fellows-scholars.view-display-id-page_2 .views-field-field-last-name,
.view-scholars-fellows-redux .views-field-field-last-name {
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-top: 6px;
	border-top: 1px solid #e6e6e6;
}

.view-fellows-scholars .views-field-field-school-college,
.view-scholars-fellows-redux .views-field-field-school-college {
	color: #808080;
	font-size: 0.857em;
}

/* ::::::: END Graham Scholars :::::::: */

/* :::::::::: GLAA-C :::::::::: */

#glaac-map {
	width: 328px;
	height: 428px;
}

.giw-glaac .giw-glaac-city-name {
	font-size: 1.429em;
	font-weight: bold;
	margin-bottom: 0.7em;
}

.giw-glaac img {
	display: block;
	margin-bottom: 1em;
}

.glaac-city-table {
	background: #005696;
	color: #fff;
	width: 280px;
}

.glaac-city-table th {
	color: #fc3;
	font-weight: normal;
	font-size: 1.5em;
	padding: 8px;
}

.glaac-city-table td {
	padding: 8px;
}

.glaac-city-table tr.even td {
	background: #005696;
}

.glaac-city-table tr.odd td {
	background: #00467f;
}

.event-date {
	font-size: 0.786em;
	margin: 0;
}

#glaac-cities-table {
	border-collapse: collapse;
}

#glaac-cities-table td {
	vertical-align: top;
	padding: 10px;
	width: 244px;
	border: 1px solid silver;
}

/* :::::::::: END GLAA-C :::::::::: */

.field-name-field-display-image {
	margin-bottom: 1em;
}

.apply-button {
	margin-bottom: 1em;
}

.project {
	margin: 0 20px 20px 0;
	border-top: 1px solid silver;
	padding-top: 16px;
}

.view-student-projects .view-header {
	margin-bottom: 1em;
}

/* :::::::::: Home features slider :::::::::: */

#features-container {
    padding-bottom: 40px;
}

#features-container .flexslider .flex-control-nav li {
    margin: 0 6px;
}

.flexslider {
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	border: 1px solid #fff;
	background: #363636;
}

.front .flexslider {
	border: none;
}

.front .block-home-features {
	padding-bottom: 12px;
}

.front .flex-control-paging li a {
	background: #72b4ff;
}

.front .flex-control-paging li a.flex-active {
	background: #fff;
}

/* make the content sliders more like the flexslider default */
.content-slider {
	border: 4px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    margin: 0 0 60px;
    background: #fff;
}

#main-slider li.main-slider-li {
	position: relative;
}

#main-slider .flex-caption {
	width: 100%;
	background: #333;
}

.flex-text {
	padding: 20px 20px 10px 20px;
	margin-bottom: 0;
}

.flex-focus {
	color: #ccc;
	text-transform: uppercase;
	font-size: 0.786em;
	margin-bottom: 0;
}	

.flex-title {
	margin-bottom: 0.5em;
}

.flex-more {
	margin-bottom: 0;
}
	
.flex-caption p a {
	color: #fff;
	font-size: 1.25em;	
}

.flex-caption p.flex-more a {
	color: #fc3;
	font-size: 1em;	
}

.flex-caption p.flex-more a:hover {
	color: #ccc;
}

#thumbs .flex-active-slide img {
	opacity: 0.3;
}

.flex-direction-nav a {
	top: 28%;
}

.flex-credit {
	position: absolute;
	right: 0;
	bottom: -20px;
	font-size: 0.786em;
	color: #000;
	padding: 4px 16px 4px 4px;
	background: none;
}

/* :::::::::: /end Home features slider ::::::::: */

/* :::::::::: Featured projects :::::::::: */
.featured-projects {
	background: #e9e9e9;
	margin-bottom: 20px;
	width: 300px;
	padding-bottom: 20px;
}

.featured-projects img {
	display: block;
	margin-bottom: 12px;
}

.featured-projects h2 {
	font-weight: bold;
	width: 276px;
	padding: 0 12px;
}

.featured-projects h2.block-title {
	text-align: center;
	padding-top: 12px;
	font-size: 1.143em;
}

.featured-projects p {
	width: 276px;
	padding: 0 12px;
}

.featured-projects-prev {
	display: none;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 0px;
	height: 0px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 10px solid #005696;
	font-size: 1px;
}

.featured-projects-next {
	display: none;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	left: 280px;
	width: 0px;
	height: 0px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #005696;
	font-size: 1px;
}

.block .view-emerging-opportunities-projects .view-header h3 {
	font-size: 1.25em;
}

.quad-container {
	margin: 0 0 20px 0;
	border: 1px solid silver;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
}

.page-node-30461 .quad-table h3, .page-node-30461 .quad-table h3 a {
	color: #fff;
	text-shadow: 1px 1px 2px #000000;
}

.page-node-25683 h2 { /*intranet*/
	margin-bottom: 0.9em;
}

.page-node-25683 h3 { /*intranet*/
	margin-bottom: 0.7em;
}

.intranet-section {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #e6e6e6;
}

.intranet-section-group {
	padding-left: 20px;
}

.quad-table {
	border-collapse: separate;
	border-spacing: 20px;
}

.quad-table td {
	background-clip: padding-box;
	border: 1px solid silver;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	vertical-align: top;
	margin-bottom: 20px;
}

.quad-callout {
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
}

.quad-table.no-border td {
	border: none;
}

.quad-table, .quad-table thead, .quad-table tbody, .quad-table th, .quad-table td, .quad-table tr { 
	display: block; 
}

.views-responsive-table td {
	vertical-align: top;
	padding-bottom: 1em;
}

.views-responsive-table table, .views-responsive-table thead, .views-responsive-table tbody, .views-responsive-table th, .views-responsive-table td, .views-responsive-table tr { 
	display: block; 
}

.border-table {
	border-collapse: separate;
	width: 100%;
	text-align: center;
	border-spacing: 10px;
}

.border-table td {
	vertical-align: top;
	padding: 10px;
	border: 1px solid silver;
}

/* ::::::::::: High Charts :::::::::: */

#grahamchart-facres {
	float: right;
	max-width: 300px;
}

#facres-chart-container {
	width: 208px;
	text-align: center;
	padding: 10px;
	border: 1px solid silver;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
}

#facres-chart-graphic { /* actual graphic is 150x150 */
	display: block;
	width: 208px;
	height: 110px;
	background: url(../images/piechart-100.png) 54px 0 no-repeat;
}

#letterindex {
	margin-bottom: 2em;
}

#letterindex a {
	display: block;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	background: #005696;
	color: #fff;
	text-align: center;
	padding: 3px 8px;
}

#letterindex a:hover {
	background: #5fa6e0;
}

#policy-lists {
	clear: both;
}

#policy-lists h3 {
	padding-top: 1em;
	border-top: 1px solid silver;
}

#edit-field-school-college-und {
    min-width: 280px;
}

#edit-field-school-college-und .unlimitedfield_remove_button {
	display: none;
}

.callout {
	text-align: left;
	padding: 16px;
	border: 1px solid silver;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	margin-bottom: 1.5em;
}

.callout-nobg {
	background: none;
}

.callout-dark {
	background: #005696;
	color: #fff;	
}

.callout-dark h1,
.callout-dark h2,
.callout-dark h3,
.callout-dark h4 {
	color: #fff;
}

.callout-dark a {
	color: #fc3;
}

.callout-dark a:hover {
	color: #ccc;
}

.callout-light {
	background: #e7eff7;
}

.callout-quote {
	background: #00274c url(../images/quote-20.png) top left no-repeat;
	color: #fff;	
}

.callout-quote a {
	color: #fc3;
}

.callout-quote-light {
	background: url(../images/quote-13-gray.png) top left no-repeat;
	color: #000;	
}

.callout-quote-white {
	background: url(../images/quote-yellow.png) top left no-repeat;
	padding: 20px;
}

#block-webform-client-block-47285 {
	padding: 20px;
	background: #ecebda;
	margin-bottom: 1em;
}

#graham-review-form {
	padding-top: 1.5em;
}

.field-name-body .grid-3 {
	padding: 0;
	margin: 0;
}

.view-postscript-features .views-field-title {
	margin-bottom: 0.8em;
}

.node-proposal .field {
	margin-bottom: 1.2em;
}

.projects-grid .views-row,
.projects-grid .project {
	width: 220px;
	height: 240px;
	padding: 10px;
	border: 1px solid #e6e6e6;
	margin-bottom: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.view-water-center-projects .view-filters {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid silver;
}

.projects-grid .projects-image-link {
	display: block;
	margin-bottom: 6px;
}

.projects-grid .caption p {
	text-align: right;
}

.project .caption {
	margin-bottom: 0.4em;
	text-align: right;
}

.pub-cover {
	text-align: center;
}

.pub-cover img {
	border: 1px solid silver;
}

.node-type-event .group-admin {
	margin-top: 1.5em;
}

.map-button:link,.map-button:visited,.map-button:active {
	font-family: "nimbus-sans-condensed",sans-serif;
	display: block;
	width: 300px;
	height: 144px;
	background: url(../images/GlobalEngagementMap.jpg) no-repeat;
	overflow: hidden;
	text-align: center;
	color: #fff;
	padding-top: 40px;
	text-decoration: none;
	font-size: 2.2em;
	font-stretch: ultra-condensed;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

.map-button .map-header {
	font-weight: bold;
	font-size: 1.4em;
}

.td-time,
table.timeline th.td-time {
	background: #0084B8;
	border: 1px solid silver;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: normal;
	font-size: 1.2em;
}

table.timeline th.td-time {
	background: #999999;
}

table.timeline {
	text-align: center;
	border-collapse: separate;
	border-spacing: 16px;
}

table.timeline td {
	margin: 6px 0;
	width: 33%;
	padding: 8px;
}

table.timeline th {
	border-bottom: none;
	text-align: center;
	font-size: 1.2em;
}

td.timeline-event {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background: #dcdcdc;
}

td.timeline-event p {
	margin:0;
	}

.timeline-arrow-right {
	position: absolute;
	right: -10px;
	top: 12px;
  width: 0px; 
  height: 0px; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #dcdcdc;
  font-size: 1px;
}

.timeline-arrow-left {
	position: absolute;
	left: -10px;
	top: 12px;
  width: 0px; 
  height: 0px; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10px solid #dcdcdc;
  font-size: 1px;
}

.photos-grid a {
	float: left;
	margin: 0 10px 10px 0;
}

#review-score {
	background-color: #F0F8FF;
	margin-bottom: 1em;
	padding: 1em;
    border: 1px solid silver;
}

/* Responsive tables */
table.responsive-table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr { 
	display: block; 
}
	
.responsive-table thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
	
.responsive-table tr { border: 1px solid #ccc; }
	
.responsive-table td { 
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%; 
}
	
.responsive-table td:before { 
	position: absolute;
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
}

.page-user .user-picture img {
	padding: 5px;
    border: solid 1px #ccc;
}

#emopps-timeline td:nth-of-type(1):before { content: ""; }
#emopps-timeline td:nth-of-type(2):before { content: "Transformation"; }
#emopps-timeline td:nth-of-type(3):before { content: "Fall Catalyst"; }
#emopps-timeline td:nth-of-type(4):before { content: "Winter Catalyst"; }
#emopps-timeline td:nth-of-type(5):before { content: "Fall Fast Track"; }
#emopps-timeline td:nth-of-type(6):before { content: "Winter Fast Track"; }
				
#emopps-timeline2 td:nth-of-type(1):before { content: ""; }
#emopps-timeline2 td:nth-of-type(2):before { content: "RFP Release"; }
#emopps-timeline2 td:nth-of-type(3):before { content: "LOI Deadline"; }
#emopps-timeline2 td:nth-of-type(4):before { content: "Proposal Deadline"; }
#emopps-timeline2 td:nth-of-type(5):before { content: "Award Announcement"; }
#emopps-timeline2 td:nth-of-type(6):before { content: "Project Start"; }

.webinar-sidebar {
	background: #104793;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.webinar-sidebar h2.block-title {
	color: #fff;
	padding-top: 6px;
	margin-bottom: 0.6em;
}

.webinar-sidebar a {
	color: #fc3;
}

.webinar-sidebar h4 {
	font-size: 1.3em;
	font-weight: normal;
	color: #104793;
}

.webinar-sidebar div {
	background: #fff;
	padding: 10px;
	margin-bottom: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.webinar-sidebar div a {
	color: #0050b4;
}

.vid-box img {
	width: 208px;
	height: 116px;
}

.SDG-icons img {
	float: left;
	margin: 0 12px 12px 0;
}

.responsive-layout-mobile .featured-projects h3,
.responsive-layout-narrow .featured-projects h3 {
	padding: 0px 12px;
}

#project-pager {
	position: absolute;
	bottom: 0;
	padding-top: 16px;
	width: 300px;
	background: #e9e9e9;
	text-align: center;
}

#project-pager-links {
	display: inline-block;
	margin: 0px auto 6px auto;
}

#project-pager a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	float: left;
	margin: 0 6px;
}

#project-pager a.active {
	background: #000;
}

span.tooltip {
	cursor: help;
	color: #0050b4;
}

.view-node-index-search .views-row {
	margin-bottom: 1em;
}

.view-node-index-search .views-field-title {
	font-size: 1.25em;
}

.view-node-index-search .views-field-type {
	font-size: smaller;
	text-transform: uppercase;
	color: #666666;
}

.faq-tags a {
	cursor: pointer;
}

#topBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  /*left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);*/
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #00274c; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#topBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

ul.ej-menu {
	list-style: none;
}

ul.ej-menu li {
	display: block;
	list-style: none;
	margin: 0 0 4px 1em;
	padding: 0;
	position: relative;
}

ul.ej-menu li::before {
	content: "\25A0";
	color: #DA602F;
	font-weight: bold; /* If you want it to be bold */
	font-size: 2em;
	display: inline-block; /* Needed to add space between the bullet and the text */
	position: absolute;
	left: -1em;
	top: -12px;
}

ul.ej-menu li#ej-planning::before { color: #DF8633; }
ul.ej-menu li#ej-water::before { color: #008ECE; }
ul.ej-menu li#ej-community::before { color: #90C450; }
ul.ej-menu li#ej-air::before { color: #24448C; }
ul.ej-menu li#ej-legislation::before { color: #7F9C91; }

.page-activity-28598 .block-menu-water-center-menu {
	display: none;
}

.left-block-no-menu {
	padding: 32px 20px 20px 20px;
}

#faq-controls button {
	margin-bottom: 1em;
}

.flex-container {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.lcr-leftnav,
.detwatershed-menu,
.microsite-nav,
.sidebar-block-menu {
	padding-top: 32px;
}

.content-double {
    box-sizing: border-box;
	margin-bottom: 20px;
	/*outline: 1px dotted red;*/
	padding: 12px;
	width: calc(1/2*100% - (1 - 1/2)*20px);
	align-self: stretch;
}

.gallery-images a {
	display: inline-block;
	margin: 0 6px 6px 0;
}

.partner-section-head,
.partner-section .block-social,
.partner-section .sitesearch,
.partner-section #block-system-user-menu,
.partner-section #zone-menu-wrapper,
.partner-section #region-mobile-toolbar {
	display: none;
}

.partner-section .partner-section-head {
	display: block;
}

.partner-section .region-search {
    margin-top: 06px;
}

.partner-section-head {
	float: right;
	margin: 0 0 0 1em;
	color: #fff;
}

#region-search .partner-section-head a {
	color: #fc3;
}

/* GIVING PAGE */
.page-node-47049 #region-preface-first { /* Giving Banner background */
	background: url(../images/giving-banner-bg1.jpg) right top no-repeat;
	background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;
}
.page-node-47049 #block-system-main {
	padding: 0 10px;
}

.giving-banner {
	background: url(../images/giving-banner-mask.png) left top no-repeat;
	color: #fff;
	padding: 20px;
}

.giving-banner .content {
	width: 460px;
}

.giving-banner h2, .giving-banner h3, .giving-banner h4 {
	color: #fff;
}

.page-node-47049 .region-content h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2em;
}

.page-node-47049 #region-content .region-inner {
    padding: 0 0 20px 0;
}

.page-node-47049 #zone-content .grid-12 {
    margin-left: 0;
    margin-right: 0;
}

#giving-header {
	font-size: 3em;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	padding-left: 36px;
	background: url(../images/giving-h1-curve.png) left 8px no-repeat;
	margin-bottom: 80px;
}

#giving-partners {
	background: #e3f0f7;
	padding: 20px;
	margin-bottom: 20px;
}

#giving-stats-container {
	padding: 20px;
	background: #e3f0f7;
	margin: 0 -10px;
	justify-content: center;
}

#giving-portfolio .flex-item img {
	width: 100%;
}

.stat-badge {
  height: 173px;
  width: 173px;
  border-radius: 50%;
  background-color: #1a57b0;
  color: #fff;
  margin: 0 10px 20px 10px;
}

.stat-badge-content {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 173px;
	width: 173px;
}

.circlestat {
	font-size: 2.5em;
	font-weight: bold;
}

.circle-image-150 {
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}
.circle-image-150 img {
  display: inline;
  margin: 0 auto;
  /*margin-left: -25%;*/ //centers the image
  height: 100%;
  width: auto;
}

.random-product,
.dow-spotlight {
	padding: 20px;
	background: #ecebda;
}

.dow-spotlight .views-field-field-title-single {
	background: #978D84;
	color: #fff;
	padding: 10px;
}

.strategy-actions-content {
	max-width: 540px;
}

/* :::::::::::: Bootstrap buttons and links :::::::::: */

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover, .btn:focus {
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary,
a.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover,
a.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled,
a.btn-primary.disabled, a.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
a.btn-primary:not(:disabled):not(.disabled):active, a.btn-primary:not(:disabled):not(.disabled).active,
.show > a.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary,
a.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover,
a.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled,
a.btn-secondary.disabled, a.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
a.btn-secondary:not(:disabled):not(.disabled):active, a.btn-secondary:not(:disabled):not(.disabled).active,
.show > a.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-success,
a.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover,
a.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled, .btn-success:disabled,
a.btn-success.disabled, a.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle,
a.btn-success:not(:disabled):not(.disabled):active, a.btn-success:not(:disabled):not(.disabled).active,
.show > a.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info,
a.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover,
a.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled, .btn-info:disabled,
a.btn-info.disabled, a.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle,
a.btn-info:not(:disabled):not(.disabled):active, a.btn-info:not(:disabled):not(.disabled).active,
.show > a.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning,
a.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover,
a.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled,
a.btn-warning.disabled, a.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle,
a.btn-warning:not(:disabled):not(.disabled):active, a.btn-warning:not(:disabled):not(.disabled).active,
.show > a.btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-danger,
a.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover,
a.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled,
a.btn-danger.disabled, a.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle,
a.btn-danger:not(:disabled):not(.disabled):active, a.btn-danger:not(:disabled):not(.disabled).active,
.show > a.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light,
a.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover,
a.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled, .btn-light:disabled,
a.btn-light.disabled, a.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle,
a.btn-light:not(:disabled):not(.disabled):active, a.btn-light:not(:disabled):not(.disabled).active,
.show > a.btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark,
a.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover,
a.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled,
a.btn-dark.disabled, a.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle,
a.btn-dark:not(:disabled):not(.disabled):active, a.btn-dark:not(:disabled):not(.disabled).active,
.show > a.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

/* NAVY */

.btn-navy,
a.btn-navy {
  color: #fff;
  background-color: #023562;
  border-color: #023562;
}

.btn-navy:hover,
a.btn-navy:hover {
  color: #fff;
  background-color: #00274c;
  border-color: #001f3f;
}

.btn-navy:focus, .btn-navy.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-navy.disabled, .btn-navy:disabled,
a.btn-navy.disabled, a.btn-navy:disabled {
  color: #fff;
  background-color: #00274c;
  border-color: #00274c;
}

.btn-navy:not(:disabled):not(.disabled):active, .btn-navy:not(:disabled):not(.disabled).active,
.show > .btn-navy.dropdown-toggle,
a.btn-navy:not(:disabled):not(.disabled):active, a.btn-navy:not(:disabled):not(.disabled).active,
.show > a.btn-navy.dropdown-toggle {
  color: #fff;
  background-color: #023562;
  border-color: #022d55;
}

.btn-navy:not(:disabled):not(.disabled):active:focus, .btn-navy:not(:disabled):not(.disabled).active:focus,
.show > .btn-navy.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
/* NAVY */

.btn-outline-primary,
a.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}

.btn-outline-primary:hover,
a.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled,
a.btn-outline-primary.disabled, a.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
a.btn-outline-primary:not(:disabled):not(.disabled):active, a.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > a.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

/* res images */

.responsive-image img,
img.responsive-image {
    width: 100%;
}

.node-type-project .field-name-field-image img,
img.activity-image,
span.activity-image img {
	width: 100%;	
}

@media print {
    .print-only {
	    display: block;
    }
    
    body {
	    margin-top: -65px;
    }
    
    body,
    .zone-branding-wrapper,
    .zone-user-wrapper,
    #section-footer {
		background: #fff;
	}
    
    #omega-media-query-dummy,
    #skip-link,
	#section-header,
	#region-page-top,
	#section-footer,
	#region-sidebar-first,
	#block-system-main-menu,
	.view-graham-staff-list .views-field-view-user-1,
	ul.primary,
	.page-node-2467 .block-page-title {
		display: none;
	}

	#region-content .region-inner {
    	padding: 30px 0 0 0;
	}

	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
		margin-left: 0;
		margin-right: 0;
	}
	
	.container-12,
	.container-12 .grid-3,
	.container-12 .grid-9,
	.container-12 .grid-6 {
    	width: auto;
	}
	
	.right {
		float: right;
		margin: 0 0 1em 20px;
	}

	.left {
		float: left;
		margin: 0 20px 1em 0;
	}
	
	.block-interns-block {
		page-break-before: always;
	}
	
	.view-graham-staff-list .views-row ,
	.view-interns .views-row {
		float: left;
		page-break-inside: avoid;
		-webkit-region-break-inside: avoid;
		margin: 0 20px 20px 0;
		width: 160px;
		height: 268px;
	}
}