body{
font-family: 'Lato';
font-style: normal;
font-weight: normal;
background-size:inherit;
}


.page-node-784{
 background-size:100%;
}

.page-node-784 .hero-text-container h1.offset-150 {
    top: 60px;
}
.page-node-784 #zone-preface-wrapper {
    height: 180px;
}

a, a:link{
text-decoration:none;
color:#007193;
}

a:hover{
color:#D56B2A;
}

a.inline{
display:inline !important;
}

a.btn-box-white, .sidebar-nav a.btn-box-white{
  border: 1px solid #999 !important;
  font-size: 12px;
  letter-spacing: .015em;
  text-align: center;
  display: block;
  padding: 8px 0px;
  text-transform: uppercase;
  color:#333;
  margin-bottom:10px;
}

.front a.btn-box-white, .front .sidebar-nav a.btn-box-white{
  box-shadow: 3px 3px 0px rgba(0,0,0,1);
}
    

.main-content-callout-wrapper a.btn-box-white{
border: 1px solid #999 !important;
  font-size: 12px;
  letter-spacing: .015em;
  text-align: center;
  display: inline-block;
  padding: 8px 10px;
  text-transform: uppercase;
  color:#333;
  background-color:#fff;
  margin-bottom:10px;
  box-shadow: 3px 3px 0px rgba(0,0,0,1);

}

.main-content-callout-wrapper a.btn-box-white span{
display:none;
}
a.inline-btn-box-white{
  border: 1px solid #999 !important;
  font-size: 12px;
  color:#333;
  letter-spacing: .015em;
  text-align: center;
  display: inline-block;
  padding: 8px 10px;
  text-transform: uppercase;
  background-color: #fff;
  margin-top:5px;
  font-weight:400;
  text-decoration:none !important;
}

a.inline-btn-box-white:hover, a.btn-box-white:hover{
color:#D56B2A;
}

a.btn-pdf{
  border: 1px solid #999 !important;
  font-size: 12px;
  letter-spacing: .015em;
  text-align: center;
  display: inline-block;
  padding: 8px 10px;
  text-transform: uppercase;
  color:#333;
      box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

a.btn-pdf:hover{
color:#D56B2A;
}

#region-content .footnote p{
    font-size: 15px;
    line-height: 23px;
}

.region-content .field-name-field-main-page-content ul li a{
text-decoration:underline;
}

.node-type-publication .field-name-field-link-to-website a{
border: 1px solid #999 !important;
  font-size: 12px;
  letter-spacing: .015em;
  text-align: center;
  display: inline-block;
  padding: 8px 10px;
  text-transform: uppercase;
  /*color:#333;*/
}

 .field-name-field-main-page-content a.btn-box-white{
 display:inline-block;
 padding:4px 10px;
 }

h1, h2, h3, h4, h5{
font-family: 'Lato';
font-style: normal;
font-weight: normal;
letter-spacing: .025em;
}

a.display-inline{
display:inline !important;
}




img.margin-bottom-6{
margin-bottom:6px;
}

.hide-this{
display:none;
}
/*********************/
/****   Header    ****/
/*********************/


.logo-img{
padding: 10px 0px 10px 0px;
}




/**********************/
/****   Main Menu  ****/
/**********************/

#zone-menu-wrapper {
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.95);
}

#zone-menu-wrapper ul li .sf-depth-2 {
background-color: #ffffff;
color:#333;
}


#xzone-menu-wrapper ul li a {
font-size: 14px;
color: #333;
padding: 10px 15px;
text-decoration: none;
xborder: none;
}

#zone-menu-wrapper ul li a:hover{
color:#D56B2A;
xfont-size:12px;
}

/* TB Megamenu style overrides */
.tb-megamenu {
  background-color: inherit;
  background-image: none;
  color: #888888;
}
.tb-megamenu .nav > li > a {
background: none;
border-right: none;
color: #fff;
font-weight: normal;
padding: 10px 15px;
font-size:14px;
color:#333;
text-decoration: none;
}

.tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a {
padding: 5px 0;
text-decoration:none;
border:none;
color:#0094C4;
}

.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover {
  background-color: #fff;
  color: #333;
}

#block-views-menu-navigation-block-1 p{
margin-bottom:10px;
}

.tb-megamenu .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
list-style: none;
background-color: #fff;
border: none;
border-bottom: none;
border-top: none;
padding: 0;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.2);
box-shadow: 0 10px 10px rgba(0,0,0,0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}

.tb-megamenu .dropdown-menu h2{
font-size: 1em;
    color: #000;
    font-weight: bold;
    margin: 0px;
    text-transform:uppercase;
}

.tb-megamenu .dropdown-menu p{
font-size:1em;
line-height:1.4;
color:#545454;
margin:0px 0px 10px 0px;
}

.tb-megamenu .dropdown-menu .quote{
background-color: #f1f9fc;
padding:15px;
}

.tb-megamenu .dropdown-menu .quote p{
font-family:Book Antiqua;
font-size:1.6em;
line-height:1.4;

color:#D56B2A;
color:#333;
color:#7E4300;
margin:0px 0px 5px 0px;
}

.tb-megamenu .dropdown-menu .quote .quote-mark{
}

.tb-megamenu .dropdown-menu .quote p.quote-credit{
font-size:1.2em;
line-height:1.4;
color:#000;
margin:0px;
}

.tb-megamenu .row-fluid [class*="span"]{
margin-left:5px;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
background-color: inherit;
color: #333;
border-color:#fff;
}

.tb-megamenu .nav > li.dropdown.open.active > a:hover {
background-color: #fff;
}

.tb-megamenu .nav-collapse .nav li a {
    border: none;
    xtext-transform: inherit;
    text-decoration: underline;
}

.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
color: #D56B2A;
text-decoration: none;
outline: 0;
background-color: #fff;
background-image: none;
}

.tb-megamenu .mega-nav, .tb-megamenu .dropdown-menu .mega-nav {
margin: 0;
padding: 0;
list-style: none;
}

.tb-megamenu .mega > .mega-dropdown-menu {
padding: 0px;
}

.tb-megamenu .row-fluid + .row-fluid {
border-top: 1px solid #ddd;
border: none;
padding: 0px;
margin: 0px;
}

.tb-megamenu .dropdown-menu a {
display: block;
padding: 0px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #0094C4;
white-space: inherit;
}

.tb-megamenu .dropdown-menu img{
width:100%;
height:auto;
}

.tb-hide, #xtb-megamenu-column-12,  #xtb-megamenu-column-9{
display:none !important;
}

.publication-list a{
margin-bottom:10px;
}

.tb-megamenu .mega-inner {
padding: 5px 5px 5px 0px;
}




/* TB Nav container */

.tb-nav-container{
  margin-left:25px;
}

.tb-nav-container strong, .spotlight-container strong{
font-size:13px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
color:#333;
text-transform: uppercase;
}
.tb-megamenu .tb-block ul li, .tb-megamenu .tb-block .nav li {
padding: 0px 0px 10px 0px;
}



.tb-megamenu .tb-megamenu-clicked,
.tb-megamenu .nav li.dropdown.open > .tb-megamenu-clicked,
#zone-menu-wrapper ul li a.tb-megamenu-clicked{
color: #333;
border-color: #eeeeee;
background-color: #f7f7f7;
}

.tb-megamenu .dropdown-menu li > a, .tb-nav-container ul li a, .tb-nav-container a{
text-decoration: none;
border: none;
color: #0094C4;
font-family: 'Lato';
font-style: normal;
font-weight: 300;
}

.spotlight-container .view-box a, .view-box a {
padding:8px 0px !important;
margin-top:5px;
color:#333 !important;
border:1px solid #999 !important;
text-align:center;
text-decoration:none;
text-transform:uppercase;
background-color:#fff;
display:block;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

.view-box a:hover{
color:#D56B2A !important;
border:1px solid #999;
}


a.btn-lg-blue {
  padding: 12px 15px;
  margin: 3px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #007193;
  color: #fff;
  border: none;
}
a.btn-lg-blue:hover{
background-color:#D56B2A;
}

.front a.btn-lg-blue{
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

a.btn-blue{
  padding: 12px 15px;
  margin: 3px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #007193;
  color: #fff;
  border: none;
}

a.btn,
#region-content a.btn,
#region-content p a.btn{
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 15px;
    margin: 0px 10px 0px 0px;
    font-size: 14px;
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
    font-weight:500;
}

a.btn:hover,
#region-content p a.btn:hover{
color:#D56B2A;
border-bottom:1px solid #333;
}


a.btn-blue{
text-decoration: none;
    text-transform: uppercase;
    padding: 8px 15px;
    font-size: 14px;
    background-color: #007193;
    color: #fff;
     border: 1px solid #007193;
}

a.btn-blue:hover{
background-color:#0094c4;
border: 1px solid #0094c4;
}

.field-name-field-link-to-website a{
  text-decoration: none;
  color: #333;
}

.field-name-field-link-to-website a:hover{
color:#0094C4 !important;
}

/* Spotlight */

.spotlight-wrapper strong{
color:#535353;
font-family: 'Lato';
font-style: normal;
font-size:13px;
letter-spacing:.025em;
}

.spotlight-wrapper a{
color:#535353 !important;
}

.spotlight-wrapper a:hover{
color:#D56B2A !important;
}


/* Mobile Menu */

.tb-megamenu-main-menu{
  /*position: fixed;*/
  /*top: 0px;*/
  /*left: 0px;*/
  /*z-index: 9999999;*/
  /*width: 100%;*/
  /*background-color: #fff;*/
}

.tb-megamenu .btn-navbar {
padding: 8px 10px 3px 10px;
}

.tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse .dropdown-menu {
background: #fff;
z-index: 999;
}

.tb-megamenu .btn-navbar {
margin: 5px 0px 5px 0px;
}

.tb-megamenu .nav-collapse .nav li a {
border: none;
}

.tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a {
border: none;
color:#333;
text-transform: inherit;
border-top:1px solid #fff;
}

.tb-megamenu .nav-collapse .nav > li > a{

}

.tb-megamenu .nav-collapse .nav > li > a:focus, .tb-megamenu .nav-collapse .dropdown-menu a:focus {
color:#000;
}

.tb-megamenu .nav-collapse{
box-shadow: 0px 10px 10px rgba(0,0,0,0.33);
}


.tb-megamenu-nav li a.dropdown-toggle{
	background-color: inherit;
	border-left:5px solid #fff;
}

.tb-megamenu-nav li.open a.dropdown-toggle{
	background-color: #ececec;
}

.tb-megamenu-nav li a.dropdown-toggle{
    padding: 8px 6px;
}

.tb-megamenu-nav li.open .nav-child .mega-dropdown-inner{
	border-bottom: 1px solid #eee;
    padding-left: 25px;
    background-color: #f7f7f7;
}

.tb-nav-container {
    margin-left: 0px;
}

#block-views-menu-spotlight-block-1, #block-views-menu-spotlight-block-2, #block-views-menu-spotlight-block-3, #block-views-menu-spotlight-block-4, #block-views-menu-spotlight-block-5, #block-views-menu-spotlight-block-6{
display:none;
xmargin-left:20px;
}

/*
#block-views-menu-spotlight-block-1 img, #block-views-menu-spotlight-block-2 img, #block-views-menu-spotlight-block-3 img, #block-views-menu-spotlight-block-4 img, #block-views-menu-spotlight-block-5 img, #block-views-menu-spotlight-block-6 img{
display:block;
max-width:90px;
height:auto;
}
*/
.tb-megamenu .nav-collapse .dropdown-menu a {
  padding: 0px 0px;
}

.tb-megamenu .btn-navbar::after {
	content: "Menu";
	content: "<img src='/sites/default/files/cnt-logo-regular.png'>"
    font-size: 16px;
    color: #333;
    font-weight: normal;
    font-family: 'Lato';
    text-transform: uppercase;
}

ul.tb-megamenu-nav{
border: 0px solid #ccc;
border-top: 0px;
}

.nav-collapse{
xmargin-top:20px;
}

.tb-megamenu button{
background:none !important;
border:none !important;
}

.tb-megamenu button:focus, .tb-megamenu button:active{
outline:none !important;
outline:0 !important;
box-shadow:none !important;
-webkit-box-shadow:none !important;
}


/* Social Media Nav */
.social-media-nav-container a{
margin-right: 5px;
display: block;
margin-top: 4px;
float: left;
}

.social-media-nav-container a:hover img{
background-color:#eee;
}

#region-menu-social-media{
display:none;
}

.tb-megamenu .nav-collapse .dropdown-menu .blog-nav a, .tb-megamenu .nav-collapse .dropdown-menu .publication-nav a{
padding: 2px 0px 0px 0px;
}

.blog-nav .blog-post-date, .publication-nav .pub-post-date{
padding-bottom:10px;
font-size:12px;
font-style:italic;
}


/****************************/
/****   Secondary Menu   ****/
/****************************/

.nav-secondary{
margin:10px 0px 10px 0px;
}

.nav-secondary ul{
}

.nav-secondary ul li {
    float: left;
    list-style: none;
}

.nav-secondary ul li a {
font-size:12px;
    color: #333;
    padding: 10px 5px;
    line-height: 25px;
    text-transform: uppercase;
}



.nav-secondary ul li a:hover{
}

.nav-secondary ul li a.btn-donate{
}

.nav-secondary ul li a.btn-donate:hover{
}

.main-search{
margin:10px 20px 0px 10px;
}

.main-search .form-type-textfield input {
    border: 1px solid #ccc;
    padding: 5px 5px;
    font-size: 15px;
    font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  background-color: #eee;
  color:#333;
}


.main-search .form-type-textfield input:focus {
  xbackground-color: #ccc;
  xcolor:#333;
}


.main-search .form-submit {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border: 0px;
    background-color: transparent;
    border-radius: 6px;
    margin: 5px 0px 0px 0px;
    color: rgba(255, 255, 255, 0);
    background-image: url(../../../../../sites/default/files/search-icon-blue.png);
    cursor: pointer;
    background-size: 28px;
    background-position: 0px 40%;
}

.main-search .form-submit:hover{
  /*background-color: rgba(0, 0, 0, 0.1);*/
}


/****************************/
/****   Search Results   ****/
/****************************/


.view-mode-search_result{
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #eee;
}

.context-search #zone-content .view-mode-search_result .field-item{
font-size:20px;
color:#535353;
margin-bottom:10px;
}

.context-search #zone-content .view-mode-search_result .field-item h2{
display:none;
}

.context-search #zone-content .view-mode-search_result .field-item h2.search-title{
display:inherit;
}

.context-search .field-name-node-link a{
	padding: 8px 20px;
	border: 1px solid #999 !important;
	font-size: 12px;
	letter-spacing: .015em;
	color: #666;
	border: 1px solid #999;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #fff; 
}

h2.search-title a{
color:#007193;
}

h2.search-title a:hover, .context-search .field-name-node-link a:hover{
color:#D56B2A;
}

.ds-search-extra{
margin-bottom:40px;
}

.context-search .ds-2col-stacked > .group-right {
  float: right;
  width: 65%;
}

.context-search .field-name-field-thumbnail img{
max-width:80%;
height:auto;
padding:10px;
border: 1px solid #eee;
}

.context-search .ds-2col-stacked > .group-left {
  float: left;
  width: 35%;
}

.context-search h2.search-title{
text-decoration:underline;
}

/*************************/
/****   Page Layout   ****/
/*************************/

/* Hero */
#zone-hero{
width:100%;
}

#zone-hero-wrapper{
display:none;
}

.front #zone-hero-wrapper{
display:inherit;
}
#region-hero-image{
width: 100% !important;
margin: 0 auto !important;
}

.page-hero img{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: auto;
z-index:-999;
}

.hero-text-container h1,
.hero-text-container p{
background-color: rgba(255, 255, 255, 0.9);
padding: 5px 10px;
width: inherit;
position: relative;
top: 70px;
font-size: 22px;
line-height: 32px;
font-family: 'Lato';
display: inline-block;
font-style: normal;
font-weight: 700;
color: #0094c4;
letter-spacing: .01em;
}

.hero-text-container h1.offset-25{
top:25px;
}
.hero-text-container h1.offset-50{
top:50px;
}
.hero-text-container h1.offset-75{
top:75px;
}
.hero-text-container h1.offset-100{
top:100px;
}
.hero-text-container h1.offset-125{
top:125px;
}
.hero-text-container h1.offset-150{
top:150px;
}
.hero-text-container h1.offset-175{
top:150px;
}
.hero-text-container h1.offset-200{
top:150px;
}
.hero-text-container h1.offset-225{
top:150px;
}
.hero-text-container h1.offset-250{
top:150px;
}
.hero-text-container h1.offset-275{
top:150px;
}
.hero-text-container h1.offset-300{
top:150px;
}

.page-node-11 .hero-text-container h1 {
max-width: 450px;
float: right;
padding: 8px 30px;
}


/***************************************/
/****   Sidebars + Global Callouts  ****/
/***************************************/

.areas-of-work-container, .blog-container{
padding:0px;
margin:0px;
color:#333;
text-transform:uppercase;
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-size:14px;
}

/* hide on mobile */
.areas-of-work-nav-container{
display:none;
}

.areas-of-work-container p, .areas-of-work-nav-container p, .blog-container p{
padding:0px;
margin:0px;
font-weight:normal;
}

.areas-of-work-container h2, .blog-container h2{
border-bottom: 3px solid #D56B2A;
padding: 0px;
margin: 0px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
max-width: 210px;
padding-right: 30px;
text-transform: uppercase;
color: #333;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 18px;
letter-spacing: .025em;
}

h3.section-header{
padding: 0px;
margin: 0px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
max-width: 210px;
padding-right: 30px;
text-transform: uppercase;
color: #333;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 18px;
letter-spacing: .025em;
}

.sidebar-nav h2, .areas-of-work-nav-container h2, .publications-nav-container h2, .press-carousel h2,
.press-lead .view-header h2, .press-list .view-header h2, .donate-menu h2, #region-content .latest-press-release h3,
.homepage-video-content .view-header h2,
.sidebar-callout-container h2{
border-bottom: 3px solid #D56B2A;
padding: 0px;
margin: 0px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
max-width: 210px;
padding-right: 30px;
text-transform: uppercase;
color: #333;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 18px;
letter-spacing: .025em;
}

#region-content .latest-press-release h3{
border-bottom:none;
max-width:100%;
}

#region-content .press-lead h2, .featured-event .view-header h2, .homepage-pub .view-header h2{
border-bottom: none;
padding: 0px;
margin: 0px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
padding-right: 0px;
text-transform: uppercase;
color: #333;
padding-bottom: 0px;
margin-bottom: 0px;
line-height: 18px;
letter-spacing: .025em;
}

.context-newsroom #region-content .press-lead h2{
font-size: 20px;
    padding: 0px;
    line-height: 26px;
    margin: 0px 0px 10px 0px;
    text-transform: none;
    }

.press-lead img{
max-width:100%;
}

.region-content-press-simple-list{
margin-bottom:60px;
}

.front .region-content-press-simple-list .views-row-4,
.front .region-content-press-simple-list .views-row-5,
.front .region-content-press-simple-list .views-row-6,
.front .region-content-press-simple-list .views-row-7{
display:none;
}
.contact-sidebar h2, .press-carousel h2{
max-width:100%;
}

.contact-sidebar p, .newsroom-sidebar p{
margin-bottom:0px;
}

.newsroom-sidebar{
margin-bottom:40px;
}

.newsroom-sidebar .views-row{
margin-bottom:20px;
}

.publication-search-container{
margin-top:50px;
}

.publication-search-container .form-type-textfield input, .blog-search-container .form-type-textfield input{
border: none;
width: 190px;
padding: 10px 6px;
font-size: 15px;
font-family: 'Lato';
font-style: normal;
font-weight: 300;
}

.publication-search-container .form-type-textfield input{
xwidth:100px;
padding: 10px 0px;
}

.publication-search-container .form-type-textfield input:focus{
xbackground-color: #fafafa;

}

.ds-2col-stacked > .group-left{
float: none;
width: 100%;
}

.ds-2col-stacked > .group-right{
float: none;
width: 100%;
}

.views-exposed-form .views-exposed-widget{
padding: 0px;
margin: 0px;
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-size: 28px;
text-transform: uppercase;
color: #333;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 18px;
letter-spacing: .025em;
}

.views-exposed-form .views-widget-filter-type_1{
	padding: 0px 20px 0px 0px;
    margin: 0px 20px 0px 0px;
    border-right: 1px solid #e1e1e1;
}

.views-exposed-form #edit-keys-wrapper{
width:110px;
}

.views-exposed-widgets label{
font-weight:300;
font-size:32px;
}


.views-exposed-widgets .form-type-textfield, .views-exposed-widgets .views-submit-button{
margin-top:12px;
}

.views-exposed-widgets .form-type-textfield{
border: none;
border-bottom: 1px solid #00adef;
}

.views-exposed-widgets .views-submit-button{
margin-left:5px;
width:40px;
}

.views-exposed-widgets .views-submit-button input{
background-position: 0px 0px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
border: 0px;
background-color: #fff;
border-radius:6px;
color:#fff;
background-image: url(../../../../../sites/default/files/search-icon-blue.png);
border:1px solid #fff;
}

.views-exposed-widgets .views-submit-button input:hover{
background-color:#fafafa;
border:1px solid #eee;
color:#fafafa;
cursor:pointer;
}

.sidebar-nav{

}
.sidebar-nav-projects,
.sidebar-nav-tools{
padding: 0px 0px 30px 0px;
}

.sidebar-nav a:hover{
color:#D56B2A;
}

.sidebar-nav .view-box{
margin-top: 5px;
margin-bottom: 30px;
}

.sidebar-nav ul li{
list-style: none;
margin: 0px 0px 0px 0px;
xline-height: 16px;
}

.sidebar-nav ul li ul{
list-style: none;
    margin: 0px 0px 10px 10px;
    border-bottom: 1px solid #eee;
    padding: 0px 0px 10px 0px;
}

.sidebar-nav ul li ul li ul{
border-bottom:none;
margin: 0px 0px 10px 15px;
}
.sidebar-nav ul li ul li a{
color:#007193;
font-size:12px;
}

.sidebar-nav ul li a, .sidebar-nav ul li ul li a, .sidebar-nav a, a.view-box{
font-family: 'Lato';
font-style: normal;
font-weight: normal;
font-size:14px;
line-height:20px;
margin:0px;
color:#007193;
/*text-transform:uppercase;*/
text-decoration:none;
display: block;
width: 100%;
padding: 0px 0px 6px 0px;
}

.sidebar-nav-publications a{
padding: 0px 0px 12px 0px;
}

.popular-publications a, popular-blogs a{
padding: 0px 0px 15px 0px;
}

a.btn-style1{
	padding: 5px 10px !important;
    margin-top: 10px;
    color: #333 !important;
    border: 1px solid #999 !important;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    background-color: #fff;
    display: inline-block;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

a.btn-style1:hover{
color:#D56B2A !important;
}

.sidebar-nav ul li.active-trail a{
color:#333;
}



.sidebar-nav ul li.expanded a, .sidebar-nav ul li.active a{
color:#0094c4;
}

.tb-megamenu .nav-collapse {
    margin-top: 13px;
}

.front .tb-megamenu .nav-collapse {
    margin-top: inherit;
}


.sidebar-nav ul li.active-trail ul li  {
padding: 0px 0px 0px 0px;
}

.sidebar-nav ul li.active-trail ul li.active-trail {
    list-style-type: none;
    border-left: none;
    background-color: inherit;
    padding-left: 0px;
}

.sidebar-nav ul li a.active, .sidebar-nav a.active{
color: #D56B2A;
}

.sidebar-nav ul li a.active::before, .sidebar-nav a.active::before{
/*content: "» "*/
}

.sidebar-nav ul li ul li a.active{

}

.sidebar-nav ul li a:hover, .sidebar-nav ul li ul li a:hover{
color:#D56B2A;
}

#region-sidebar .sidebar-nav ul li a{
font-size:14px;
line-height:20px;
}

#region-sidebar .sidebar-nav ul li ul li ul li ul li a {
    font-size: 14px;
    line-height: 18px;
    padding: 0px 0px 10px 0px;
}

.sidebar-nav ul li.active-trail ul li ul li ul li {
    padding: 0px 0px 0px 0px;
}

#region-sidebar .sidebar-nav ul.pager li a{
display:inline;
}

.press-list ul.pager li.pager-current{
background-color: #fff;
    color: #333 !important;
    padding: 5px 10px;
}

.front .item-list .pager{
background-color: #fff;
    padding: 10px 0px;
}

.front .menu .has-children .menu{
display:none;
}

.blog-container{
margin-top:50px;
padding:10px;
border:1px solid #eee;
background-color:#fafafa;
height:350px;
}

.blog-container h2{
border-bottom: 3px solid #007193;
}

.press-teaser a{
margin-bottom:0px;
}
.press-teaser a h3{
  font-size: 13px;
  line-height: 20px;
  padding: 0px;
  margin: 0px;
  color: #333;
}

.press-teaser .press-post-date{

}

/**********************/
/****   Homepage   ****/
/**********************/

.home-video{
display:none;
}

.home-video-tint{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 655px;
background-color: rgba(0, 0, 0, 0.25);
z-index: -9;

}

.front #region-hero-image{
width: 100% !important;
margin: 0 auto !important;
position: absolute;
z-index: -999;
top: 0px;
top:-160px;
}


.homepage-hero-container{
position: absolute;
top: 50px;
z-index: 99;
}

.homepage-hero-text{
background-color: rgba(255, 255, 255, 0.9);
padding: 10px 20px;
width: inherit;
position: relative;
top: 0px;
font-size: 20px;
line-height:28px;
font-family: 'Lato';
display: inline-block;
font-style: normal;
font-weight: 700;
color: #0094c4;
letter-spacing: .01em;
max-width: 830px;
}


.homepage-hero-container a{
color: #fff;
text-decoration: none;
border: 2px solid #fff;
padding: 5px 10px;
display: block;
width: 100px;
text-align: center;
margin-top: 20px;
font-size: 20px;
text-transform: uppercase;
font-family: 'Lato';
font-style: normal;
font-weight: 300;
letter-spacing: .05em;
}

.homepage-hero-container a:hover{
background-color:#fff;
background-color: rgba(255, 255, 255, 1);
color: #D56B2A;
}


/* Homepage Callout */

.homepage-callouts-wrapper .content, .accomplishments-grid-wrapper .view-content{
margin-left:-10px;
}

.homepage-callout-wrapper .green, .accomplishment-container .green{
background-color:#008851;
padding:10px 10px;
}

.homepage-callout-wrapper .green:hover, .accomplishment-container .green:hover{
background-color:#009E5E;
}

.homepage-callout-wrapper .blue, .accomplishment-container .blue{
background-color:#007193;
}

.homepage-callout-wrapper .blue:hover, .accomplishment-container .blue:hover{
background-color:#0085AD;
}
.homepage-callout-wrapper .orange, .accomplishment-container .orange{
background-color:#D56B2A;
}

.homepage-callout-wrapper .orange:hover, .accomplishment-container .orange:hover{
background-color:#E2712C;
}

.homepage-callout-wrapper .brown, .accomplishment-container .brown{
background-color:#514219;
}

.homepage-callout-wrapper .brown:hover, .accomplishment-container .brown:hover{
background-color:#514219;
}



.homepage-callout-container{
min-height:210px;
padding:10px;
margin-bottom:10px;
-webkit-transition: .3s;
transition: .3s;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

.homepage-callout-container h2{
font-family: 'Lato';
font-style: normal;
font-size:20px;
line-height:28px;
font-weight: 300;
letter-spacing: .05em;
color:#fff;
text-align:center;
}

.homepage-callout-button a{
text-decoration:none;
}

.homepage-callout-container img{
text-align:center;
padding:30px 10px 20px 10px;
margin: 0 auto;
display: block;
}


.homepage-callout-wrapper h3{
padding: 0px;
margin: 0px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #333;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 18px;
letter-spacing: .025em;
margin-left: 10px;
}

.region-content-featured-homepage-video{
margin-bottom:20px;
}

/* Homepage callouts */
.front .container-homepage-callout{
text-align:center;
padding: 20px 0px;
}

.front .container-homepage-callout img.float-left{
float:none;
max-width:100%;
height:auto;
}

.front .container-homepage-callout img.border{
border:4px solid #fff;
}


.front .container-homepage-callout h2{
    color: #fff;
    text-align: center;
    font-size: 26px;
    margin: 0px;
    padding: 0px;
}

.front .container-homepage-callout p{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
        margin: 5px 0px 5px 0px;
    font-style: oblique;
}

.front .container-homepage-callout .btn-box-white{
    background-color: #fff;
    display: inline-block;
    padding: 8px 12px;
    margin: 8px 0px;
}

.front .container-homepage-callout-2{
    margin: 30px 0px;
    padding: 30px 0px;
    border-top: 1px solid #eee;
}
.front .container-homepage-callout-2 h3{
font-size:20px;
line-height:1.4;
color:#007193;
}

.front .container-homepage-callout-2 p{
font-size:15px;
line-height:1.4;
}

.front .container-homepage-callout-2 .btn-box-white{
background-color: #fff;
    display: block;
    padding: 8px 12px;
    margin: 8px 0px;
}
 /* end: Homepage callouts */


/* Current Projects */

.front .current-projects-2-col-container{
	margin:60px 0px 40px 0px;
}

.current-projects-3-col-container{
	margin-bottom:60px;
	margin-top:40px;
}


.current-projects-row-1 .views-row-1{
margin: 0px 10px 0px 0px;
} 

.current-projects-row-1 .views-row-2{
margin: 0px 0px 0px 10px;
} 

.current-projects-row h2 {
margin:0px;
}

.current-projects-row-1 h2 a{
	margin: 0px;
    background-color: #fff;
    font-size: 26px;
    display: inline-block;
    padding: 2px 6px;
    color: #007193;
}

.current-projects-row-1 p{
	margin: 0px;
    font-size: 18px;
    background-color: #fff;
    margin-top: 0px;
    display: inline-block;
    padding: 2px 6px;
    color: #000;
}

.current-projects-row a:hover{
color:#D56B2A;
}

.container-recent-work-item{
border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.container-recent-work h2 a,
.current-projects-row-2 h2 a{
	margin: 0px;
    background-color: #fff;
    font-size: 20px;
    display: inline-block;
    padding: 2px 6px;
    color: #007193;
}

.container-recent-work p,
.current-projects-row-2 p{
	margin: 0px;
    font-size: 16px;
    background-color: #fff;
    margin-top: 0px;
    display: inline-block;
    padding: 2px 6px;
    color: #000;
}

.container-recent-work .views-row-1,
.current-projects-row-2 .views-row-1{
margin: 0px 10px 0px 0px;
} 

.container-recent-work .views-row-2,
.current-projects-row-2 .views-row-2{
margin: 0px 10px 0px 10px;
} 

.container-recent-work .views-row-3,
.current-projects-row-2 .views-row-3{
margin: 0px 0px 0px 10px;
} 

.container-recent-work img{
border-radius:10px 0px 20px 0px;
}




/* Related and Featured Work */
.featured-work-callout ul li{
margin:0px;
}

.featured-work-callout .field-type-image{
    padding: 5px;
    border: 1px solid #eee;
}

.featured-work-callout .field-name-field-hero-text{
font-size: 20px;
    color: #000;
    text-decoration: none;
}

.related-work-container{
padding-right:30px;
}

.views-row .related-work-container-item{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.views-row .related-work-container-item img{
    border: 1px solid #eee;
    padding: 6px;
    box-sizing: border-box;
    margin-bottom: 6px;
    max-width:240px;
}

.related-work-container-publications .views-row .related-work-container-item{
    min-height: 320px;
}

.views-row-last .related-work-container-item{
    min-height: inherit;
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.related-work-container h3{
font-size: 24px;
    line-height: 24px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    color: #007193;
    color:#333;
    margin: 0px 0px 8px 0px;
    letter-spacing: .02em;
}

.related-work-container h2, .featured-work-callout h2{
    border-bottom: 3px solid #D56B2A;
    padding: 0px;
    margin: 0px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    padding-right: 30px;
    text-transform: uppercase;
    color: #333;
    padding-bottom: 5px;
    margin: 20px 0px;
    line-height: 18px;
    letter-spacing: .025em;
}
.featured-work-callout h2{
margin:10px 0px 10px 0px;
}

.related-work-container h3 a{
font-size:20px;
color:#000;
text-decoration:none;
}

.related-work-container p, .featured-work-callout .field-name-field-lead-text{
text-align:left;
    font-size: 15px;
    line-height: 22px;
    margin: 5px 0px 5px 0px;
    color:#333;
}

.related-work-container .view-header p{
font-size: 20px;
    line-height: 32px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    color: #535353;
    margin: 0px 0px 15px 0px;
}

.related-work-container a, .featured-work-callout .field-name-node-link a{
color:#007193;
text-decoration:underline;
font-size:15px;
}


.related-work-container a:hover, .related-work-container h3 a:hover, 
.related-work-container .view-footer a.inline-btn-box-white:hover,
.featured-work-callout .field-name-node-link a:hover{
	color:#D56B2A
}



.related-work-container .view-footer a.inline-btn-box-white{
	color: #000;
    display: block;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    font-size: 12px;
}
.related-work-container-publications .view-footer a.inline-btn-box-white{
margin-left:40%;
}
.related-work-container .publication-thumbnail{
width:40%;
height:auto;
float:left;
}

.related-work-container .publication-thumbnail img{
    padding: 3px;
    border: 1px solid #eee;
    background-color: #fff;
    width:90%;
    height:auto;

}

.related-work-container .publication-info{
width:60%;
height:auto;
float:left;
}

.related-work-container-publications{
padding-right:0px;
}

.related-publication-topics{
margin-top:30px;
}

.related-publication-topics a{
text-decoration:none;
}
/* Homepage Map */

.front #zone-full-width-one-wrapper{
/*background-image: url("/sites/default/files/footer-bg.png");*/
xborder-top:8px solid #eee;
xborder-bottom:8px solid #eee;
margin:50px 0px 0px 0px;
}


.homepage-map-wrapper{
padding:20px 0px;
text-align:center;
}

.homepage-map-wrapper img{
max-width:100%;
height:auto;
}

.homepage-map-wrapper h2{
  color: #007193;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px;
}



/**************************/
/****   Main Content   ****/
/**************************/

.main-content-callout-wrapper{
	background-color: #fafafa;
    /*border-left: 6px solid #FCD404;*/
    border-left: 6px solid #0094c3;
    margin-bottom:30px;
}


#region-content .main-content-callout-wrapper p,
#region-content .main-content-callout-wrapper a{
font-size:16px;
line-height:24px;
font-weight:normal;
}

.main-content-callout-wrapper h3,
#region-content .main-content-callout-wrapper h3 a{
margin-bottom:5px;
font-size:19px;
line-height:26px;
color:#333;
}
#region-content .main-content-callout-wrapper h3 a:hover{
color:#D56B2A;
}

.context-40th-anniversary #region-content .main-content-callout-wrapper a{
font-size:inherit;
line-height:inherit;
text-decoration:underline;
}

.main-content-callout-container, .main-content-callout-wrapper .field{
padding: 10px 20px;
}
.main-content-callout-container h2{
    font-size: 24px;
    line-height: 36px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    color: #007193;
    margin: 0px 0px 0px 0px;
    letter-spacing: .02em;
}

.main-content-callout-container p{
    line-height: 32px;
    font-size:20px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    color: #535353;
    margin: 0px 0px 15px 0px;
}

.main-content-callout-container p a{
text-decoration: underline;
    font-weight: normal;
    font-size: 18px;
}

#zone-preface-wrapper{
height:300px;
}

.content img {
  max-width: 100%;
  height: auto;
}

#logo img {
  max-width: 100px;
  height: auto;
}

.front #zone-preface-wrapper{

}


#zone-content{
    margin-top: -65px;
    margin-top: 0px;
    background-color: #fff;
    /*padding: 15px 20px 0px 20px;*/
}

#zone-content .view-page-hero h1{
/* padding: 15px 20px 20px 20px; */
padding:0px 0px 30px 0px;
padding: 20px 0px 35px 0px;
}
.node-type-staff #zone-content,
.page-user #zone-content,
.context-publications #zone-content,
.page-node-32 #zone-content,
.page-node-101 #zone-content,
.page-node-238 #zone-content,
.context-blog #zone-content,
.context-press #zone-content{
    margin-top: inherit;
}

.page-node-101 #zone-content-wrapper,
.page-node-238 #zone-content-wrapper{
padding-top:0px;
}

.front #zone-content{
    margin-top: inherit;
    background-color: inherit;
    padding: 0px;
}

#zone-content-wrapper{
background-color:#fff;
padding-top:10px;
}

.front #zone-content-wrapper{
background-color:#fff;
padding:0px 0px 20px 0px;
}

#region-content h2, .further-reading h2{
    font-size: 20px;
    font-size:2em;
    line-height: 1.4;
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    color: #007193;
    color:#333;
    margin: 0px 0px 10px 0px;
    letter-spacing: .02em;
}

#region-content h3{
font-size:1.6em;
line-height:1.4;
}

#region-content .vocabulary-publication-topics h2, 
.context-publications #region-content h2{
font-size:inherit;
line-height:inherit;
}



#region-content h2 a, #region-content h2 a:link,
#region-content a, #region-content a:link{
    text-decoration: none;
}

#region-content a, #region-content a:link{
    text-decoration: none;
}

#region-content h2 a:hover, #region-content a:hover{
xcolor:#D56B2A !important;
}

#region-sidebar .areas-of-work-nav-container, #region-sidebar .blog-container{
xmargin-left:0px;
}

.areas-of-work-sidebar{
margin-bottom:30px;
}

.front .areas-of-work-sidebar{
margin-bottom:6px;
}


#region-content-old p{
font-size: 15px;
line-height: 24px;
font-family: 'Lato';
font-style: normal;
font-weight: normal;
color: #535353;
margin: 0px 0px 15px 0px;
}

#region-content p, .areas-of-work-teaser-container p{
font-size: 20px;
    line-height: 32px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    color: #535353;
    margin: 0px 0px 15px 0px;
}

#region-content p strong,
#region-content p b{
font-weight:500;
}
.page-node-792 #region-content p {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    color: #535353;
    margin: 0px 0px 10px 0px;
}

.page-node-792 #region-content a {
    font-size: 16px;
}

.page-node-792 #region-content .event-links a {
    font-size: inherit;
}

.context-publications #region-content .publication-teaser-container p,
.context-publications #region-content .publication-teaser-container p a{
font-size: 15px;
    line-height: 25px;
    font-weight:normal;
    color: #333;
}
.context-publications #region-content .publication-teaser-container .pdf-download-container p{
font-size: 13px;
    line-height: 25px;
    font-weight:bold;
    color: #333;
}

.context-publications #region-content .publication-teaser-container .pdf-download-container p a,
.context-publications #region-content .publication-teaser-container p a{
    color: #007193;
    font-size: 15px;
    line-height: 25px;
    font-weight:normal;
}
.context-publications #region-content .publication-teaser-container .pdf-download-container p a:hover,
.context-publications #region-content .publication-teaser-container p a:hover{
color:#D56B2A;
}
#region-content hr {
    margin: 30px 0px;
    padding: 0px 0px;
    border: none;
    height: 1px;
    background: #DEDEDE;
    clear:both;
}

#region-content .callout-1,
#region-content .callout-2,
#region-content .callout-quote {
margin:30px 0px;
}
#region-content .callout-1 hr,
#region-content .callout-2 hr,
#region-content .callout-quote hr{
margin: 20px 0px;
}

#region-content .callout-1 p,
#region-content .callout-2 p{
    font-size: 16px;
    line-height: 24px;
}

#region-content .callout-quote p{
    font-size: 26px;
    line-height: 36px;
    color:#777;
}

#region-content .callout-quote p em{
        font-size: 16px;
    line-height: 24px;
    font-style:normal;
}

#region-content .callout-1 p a,
#region-content .callout-2 p a{
    font-size: 16px;
    line-height: 24px;
    font-weight:500;
}

#region-content .callout-1 img.img-border,
#region-content .callout-2 img.img-border{
    padding:10px;
    border:1px solid #eee;
    margin:10px 0px;
        max-width: 100%;
    box-sizing: border-box;
}

#region-content .callout-3{
    background-color: #fafafa;
    padding: 20px 40px;
    margin: 20px 0px;
} 
#region-content .callout-3 p{
	color:#000;
    font-size: 16px;
    line-height: 24px;
}

#region-content .callout-3 a{

}

#region-content .callout-3 a.btn-box-white{
text-decoration:none;
}

#region-content .div-float-left{
float:left;
margin:0px 10px 0px 0px;
}

#region-content img.width-150px{
max-width:150px;
height:auto;
}

#region-content p a{
    text-decoration: underline;
    border-bottom: 1px solid #007193;
}

#region-content p a:hover{
border-bottom: 1px solid #D56B2A;
}

.context-projects #region-content p a,
.context-blog #region-content p a{
    border-bottom: 1px solid #0062A0;
}
.context-projects #region-content p a:hover,
.context-blog #region-content p a:hover{
color:#D56B2A;
border-bottom: 1px solid #D56B2A;
}

.page-node-13 #region-content p a{
    border-bottom: none;
}
.page-node-13 #region-content p a:hover{
color:#D56B2A;
border-bottom: none;
}

.node-type-staff #region-content p a {
    white-space: inherit;
}

#region-content p.blog-byline-name a{
white-space:inherit;
}

#region-content p sup{
	vertical-align: super;
    font-size: 10px;
    font-weight: normal;
}

#region-content p.blog-byline-name a,
#region-content p.blog-byline-name{
font-size:13px !important;
    padding: 6px 0px 0px 0px;
}


#region-content .main-content-image p{
 margin: 0px;
    border-bottom: 1px solid #eee;
    padding: 10px 0px 10px 0px;
    font-size: 16px;
    line-height: 18px;
    color: #888;
    background-color: #fff;
}
.main-content-image, .main-content-image img{
max-width:100%;
height:auto;
}

#region-content img.border{
padding: 8px;
margin:10px 10px 30px 10px;
    background-color: #fff;
    border: 1px solid #eee;
}

.context-board-of-directors #region-content p {
	font-size: 18px;
    line-height: 28px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    color: #535353;
    margin: 0px 0px 15px 0px;
}

#region-content ul, #region-content ol{

}

#region-content .callout-image-caption{
margin:0px !important;
}

#region-content .content ul li, #region-content .content ol li {
font-size: 18px;
line-height: 26px;
color: #000;
font-weight:300;
margin-bottom: 20px;
}
#region-content .content ol li ol {
	margin: 0px;
    padding: 10px 0px 0px 40px;
}
    
#region-content .content ol li ol li {
list-style:lower-alpha;
}

#region-content .content ul.no-bullets li{
list-style:none;
}

#region-content .content ul li sup, #region-content .content ol li sup{
vertical-align: super;
    font-size: smaller;
}

.page-node-238 #region-content .content ul li, .page-node-238 #region-content .content ol li {
    font-size: 20px;
    line-height: 32px;
    color: #535353;
    font-weight: 300;
    margin-bottom: 10px;
    list-style: square;
}

.page-node-238 #region-content .content ol li{
list-style:inherit;
}

#region-content .content ul li a, #region-content .content ol li a{
text-decoration:underline;
}

.page-node-236 #region-content .content ul li{
color:#333;
}

.page-node-236 #region-content .content ul li a.mailchimp-custom-link{
text-decoration:underline;
}

.lead-text-container p, .lead-text-container h1{
padding:0px 0px 50px 0px;
margin:0px;
font-size: 20px;
line-height:28px
font-family: 'Lato';
font-style: normal;
font-weight: normal;
color: #007193;
letter-spacing: .01em;

background: -webkit-linear-gradient(top,#008851 0,#00adef 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display:block;
}

.lead-text-container p strong{
color:#0094c4;
font-weight:normal;
}

.photo-credit{
   position: absolute;
  right: 0px;
  top: -35px;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.25);
  padding: 0px 10px;
  font-weight: 300;
  letter-spacing: .02em;
}

#region-content .field-name-field-main-page-content ul,
#region-content .field-name-field-main-page-content ol{
padding: 20px 20px 10px 40px;
color:#000;
}

#region-content .field-name-field-main-page-content .no-bg ul,
#region-content .field-name-field-main-page-content .no-bg ol{
background-color: #fff;
color:#000;
margin-top: 10px;
padding: 10px 10px 10px 20px;
display:table;
}

#region-content .field-name-field-main-page-content .no-bg ul li,
#region-content .field-name-field-main-page-content .no-bg ol li{
color:#000;
}

.page-node-238 #region-content .field-name-field-main-page-content ul{
background-color: #fff;
background-color:#fafafa;
margin-top: 10px;
padding: 20px 40px 5px 40px;
}



/* Full Width Quote Callout */

.context-what-we-do #zone-suffix-wrapper, #zone-suffix-wrapper{
background-size:inherit;
margin-top:50px;
margin-bottom:50px;
}

.page-node-675 #zone-suffix-wrapper,
.page-node-678 #zone-suffix-wrapper,
.page-node-679 #zone-suffix-wrapper,
.page-node-700 #zone-suffix-wrapper{
xbackground-size: cover;
    xmin-height: 1100px;
}

.page-node-683 #zone-suffix-wrapper{
xbackground-size: cover;
}

.page-node-676 #zone-suffix-wrapper,
.page-node-692 #zone-suffix-wrapper{
xmin-height: 1100px;
xbackground-size: cover;
}

.page-node-676 .callout-quote-container,
.page-node-678 .callout-quote-container,
.page-node-692 .callout-quote-container,
.page-node-700 .callout-quote-container{
margin-top:50px;
}

.page-node-675 .callout-quote-container,
.page-node-679 .callout-quote-container{
xmargin-top:330px;
}

.page-node-676 .callout-name-container,
.page-node-678 .callout-name-container,
.page-node-679 .callout-name-container,
.page-node-683 .callout-name-container,
.page-node-692 .callout-name-container,
.page-node-700 .callout-name-container{
min-height:inherit;
}


.page-node-1065 #zone-preface-wrapper{
height:220px;

}

.page-node-1065 #zone-full-width-one,
.page-node-1065 .iframe-container{
background-color:#fff;
}

.page-node-1065 .iframe-container iframe{
 width: 100%;
    height: 2000px;
}

.page-node-1065 #zone-full-width-one,
.page-node-1065 #zone-full-width-one .grid-12{
width:100%;
margin:0px;
}

.context-what-we-do .region-full-width-callout, .region-full-width-callout{
height:600px;
padding-top:40px;
}

.callout-quote-container{
background-color: #fff;
padding: 20px;
}

.callout-quote-container img{
max-width:100%;
height:auto;
}

.callout-headshot-container{
float:left;
padding-right:20px;
}

.callout-name-container{
padding-top:20px;
/* min-height:160px;*/
}

.callout-quote-container p{
font-size:20px;
color:#007193;
font-family: 'Lato';
font-style: normal;
font-weight: normal;
background: -webkit-linear-gradient(top,#008851 0,#007193 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.callout-name{
font-size:16px;
color:#007193;
font-family: 'Lato';
font-style: normal;
font-weight: normal;
}

.callout-title{
font-style:italic;
font-size:16px;
color:#999999;
font-family: 'Lato';
font-style: normal;
font-weight: normal;
}

.callout-quote-credit{
  position: relative;
  top: -60px;
  color: #fff;
}

/* Areas of Work landing page teasers */

.header-style-1 h2{
border-bottom: 3px solid #D56B2A;
padding: 0px;
margin: 0px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
color: #333;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 18px;
letter-spacing: .025em;
}

.areas-of-work-teaser-container{
margin-bottom: 50px;
}

.areas-of-work-teaser-container h2{
padding: 0px;
margin: 0px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #535353;
padding-bottom: 5px;
margin-bottom: 0px;
line-height: 18px;
letter-spacing: .025em;
}

.areas-of-work-teaser-container h2.big-lead{
font-size:20px;
margin-bottom:30px;
}

.areas-of-work-teaser-container img{
width:100%;
height:auto;
}

.areas-of-work-teaser-container p{
margin-top:5px;
}

.areas-of-work-teaser-container a{
background-color: #fff;
color: #333;
border:1px solid #333;
text-decoration: none;
text-transform: uppercase;
padding: 8px 15px;
font-size: 14px;
}

.areas-of-work-teaser-container a:hover{
color:#D56B2A;
}
.block-what-we-do-teasers-block-1, .block-what-we-do-teasers-block-2, .block-what-we-do-teasers-block-3, .block-what-we-do-teasers-block-4, .block-what-we-do-teasers-block-5{
xfloat:left;
}

.context-who-we-are .zone-full-width-one-wrapper{
margin-top:30px;
}
/*************************/
/****   Who We Are   ****/
/*************************/

.context-who-we-are .zone-full-width-one-wrapper, .context-history-and-accomplishments .zone-full-width-one-wrapper{
/*background-color:#007193;*/
background-color:#0094c2;
padding:20px 20px 50px 20px;
}

.accomplishments-grid-wrapper{

}

.accomplishments-grid-wrapper p{
font-family: 'Lato';
letter-spacing: .025em;
font-style: normal;
font-weight: 300;
font-size: 20px;
color: #333;
line-height: 28px;
color:#fff;
}


.accomplishments-grid-wrapper h3{
width: inherit;
font-size: 32px;
font-family: 'Lato';
display: inline-block;
font-style: normal;
font-weight: 700;
color: #FFFFFF;
letter-spacing: .01em;
}

/**************************/
/****   Publications   ****/
/**************************/

.publication-teaser-container .views-row{

}

.context-publications .node-teaser,
.publication-teaser-container .views-row{
    margin-bottom: 60px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
}

.publication-teaser-container .views-row p.related-topics b{
font-size:13px;
}

.field-name-field-short-title{
    font-size: 22px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    color: #333;
    letter-spacing: .01em;
    margin: 0px 0px 8px 0px;
    line-height: 28px;
}
.node-type-publication .publication-thumbnail-container img{
max-width:90%;
height:auto;
padding:15px;
border:1px solid #eee;
margin-bottom:15px;
}

.publication-thumbnail-container img {
max-width: 75%;
height: auto;
padding: 10px;
border: 1px solid #eee;
margin-bottom: 0px;
}

.publication-body-container{
font-size: 15px;
line-height: 22px;
font-family: 'Lato';
font-style: normal;
font-weight: normal;
color: #666;
margin: 0px 0px 0px 0px;

font-size: 18px;
line-height: 28px;
font-family: 'Lato';
font-style: normal;
font-weight: normal;
color: #333;
xfont-weight: 300;
margin: 5px 0px 15px 0px;
}


.field-name-field-author, .author{
font-size: 15px;
color: #333;
line-height: 20px;
margin-top: 0px;
}

#region-content .node-blog-post .field-name-field-author-byline p{
    font-size: 14px;
    color: #333;
    margin: 10px 0px 5px 0px;
    font-weight: normal;
    line-height: 20px;
}
#region-content .field-name-field-author-byline p a{
font-size: 14px;
line-height: 20px;
}
.field-name-post-date, .pub-col-right em{
    font-size: 14px;
    color: #656565;
    margin-bottom: 20px;
    line-height: 20px;
}

.front .pub-col-right h2 a, .front .pub-col-right .author, .front .pub-col-right p, .front .pub-col-right em{
/*color:#fff;*/
color:#535353;
}

.front .pub-col-right em{
font-size:inherit !important;
}

.front .pub-col-right p a{
color:#fff;
color:#007193;

text-decoration:underline;
}

.front .pub-col-right p a.inline-btn-box-white{
    color: #000;
    font-weight: normal;
    text-decoration: none;
    padding: 0px 10px;
    float: left;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
    margin-right: 20px;
}

.front .pub-col-right p a.inline-btn-box-white:hover{
color:#D56B2A;
}

.front .pub-col-right h2 a{
    font-size: 22px;
    line-height: 32px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    letter-spacing: .025em;
}

.front .pub-col-right h2{
margin-bottom:10px;
line-height:22px;
}

.front .pub-col-right ul{
margin-left:30px;
}

.front .pub-col-right ul, .front .pub-col-right ul li, .front .featured-blog-post a h2{
font-size:22px;
color:#fff;
color:#535353;
margin-bottom:0px;
}

.front .pub-col-right ul{
font-size: 20px;
    font-weight: 500;
    color: #5c5c5c;
    margin: 20px 0px;
    background-color: #f5f5f5;
    padding: 25px 40px 25px 10px;
    
}

.front .pub-col-right ul li{
margin-left:30px;
font-size: 18px;
line-height:26px;
    color: #5c5c5c;
    margin-bottom:10px;
}

.front .pub-col-right h2 a:hover, .front .featured-blog-post a h2:hover{
color:#fff;
color:#D56B2A;
}

.front .pub-col-right p{
    font-size: 20px;
    line-height: 32px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    color: #535353;
    margin: 0px 0px 15px 0px;
}

.front .featured-blog-post .staff-bio-thumbnail{
float: left;
    margin-right: 20px;
    margin-top: 10px;
    text-align: center;
    border: 1px solid #eee;
    max-width: 90px;
    padding: 8px 8px 4px 8px;
    display:none;
}
.front .featured-blog-post .blog-teaser-content{
    padding:20px 0px 30px 30px;
}

.front .recent-blog-posts-wrapper{
    padding: 0px;
    margin: 0px 0px;
    background-color: inherit;
    border: none;
}

.front .recent-blog-posts-wrapper h2{
    border-bottom: none;
    color:#fff;
}

.front .recent-blog-posts-wrapper .blog-post-date {
    font-style: italic;
    font-size: 12px;
    color: #fff;
}

.front .recent-blog-posts-wrapper a {
    text-decoration: none;
    color: #fff;
}
.front .recent-blog-posts-wrapper .view-footer a{
    background-color: #fff;
    color: #000;
}

.front .recent-blog-posts-wrapper a:hover {
color:#fff;
text-decoration:underline;
}
.front .recent-blog-posts-wrapper .view-footer a:hover{
    color: #D56B2A !important;
    text-decoration:none;
}

.field-name-field-category{
padding: 0px;
margin: 0px;
margin-top:20px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 13px;
text-transform: inherit;
color: #333;
letter-spacing: .025em;
}

.field-name-field-category label{
margin-bottom:-10px;
}

.field-name-field-category a{
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    color: #007193;
    text-transform: inherit;
    text-decoration: none;
    letter-spacing: .025em;
}

.field-name-field-category a:hover{
color: #D56B2A;
}

.pub-container{
margin-bottom:25px;
}

.pub-col-left, .publication-teaser-container .group-left{
float:left;
width:40%;
}

.pub-col-right h2 a, .publication-body-container .field-name-title h2 a{
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size:18px;
color: #333;
padding-bottom: 5px;
line-height: 22px;
letter-spacing: .025em;
text-decoration:none;
}

.further-reading h2{
    font-size: 18px;
    line-height:22px;
}

.pub-col-right h2 a:hover, .publication-body-container .field-name-title h2 a:hover{
color:#D56B2A;
}


.pub-col-left img, .publication-teaser-container .pub-col-left img{
max-width: 80%;
height: auto;
padding: 8px;
border: 1px solid #eee;
background-color:#fff;
}

.pub-col-right, .publication-teaser-container .group-right {
float: none;
width: 100%;
}

.publications-teaser-list .views-row{
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #eee;
}

.publications-teaser-list .views-row-last{
border-bottom: none;
margin-bottom: 10px;
padding-bottom: 10px;
}

.publications-teaser-list .item-list ul{
margin-top:50px;
}

.publications-teaser-list .item-list ul li {
  margin: 5px;
}

.further-reading{

}

.page-node-20 .further-reading {
  margin-top: 50px;
}

.pub-col-right p{
font-size:15px;
line-height:22px;
margin-top: 10px;
}

.field-name-field-publication-file{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 20px;
}


.view-mode-full .field-name-field-publication-file{
padding-top:0px;
padding-bottom:20px;
margin-bottom:20px;
}

.node-type-publication .field-name-field-publication-file{
border-bottom:1px solid #eee;
}

.field-name-field-publication-file a{
xfont-size:13px;
color:#007193;
}

.field-name-field-publication-file a:hover{
color:#D56B2A;
}
.field-name-field-publication-file .field-label{
font-weight:bold;
font-size:13px;
}

img.file-icon{
vertical-align: baseline;
}




/**************************************************/
/****   Projects + Tools / Achievements Grid   ****/
/**************************************************/

.xview-mode-tools_projects_preview, .project-tool-button-wrapper{
float: left;
margin: 20px 20px 0px 0px;
margin: 5px 15px 20px 0px;
text-align:center;
max-width:280px;
}


.field-name-projects-tools-custom-container{
max-width:240px;
}

a.project-tool-button-wrapper, a:link.project-tool-button-wrapper, a:visited.project-tool-button-wrapper{
text-decoration:none;
}

a.project-tool-button-wrapper, .achievement-container, .project-button-tool {
	border: 5px solid #fff;
	display: block;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
}

a.project-tool-button-wrapper:hover, .project-button-tool:hover{
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.30);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.30);
}

a .project-tool-container img, .project-button-tool img{
max-width:100%;
height:auto;
}
a .project-tool-container h3{
color: #fff;
font-size: 15px;
line-height:22px;
letter-spacing: .01em;
font-family: 'Lato';
font-style: normal;
font-weight: 300;
text-decoration: none;
margin: 0px;
padding: 10px 5px;
}

/* Achievements 4x4 Grid */

.accomplishments-grid-wrapper a{
text-decoration:none;
}

.accomplishments-grid-wrapper .views-row-4, .accomplishments-grid-wrapper .views-row-8,.accomplishments-grid-wrapper .views-row-12{
margin-right: 0px;

}

.accomplishments-grid-wrapper .views-row-5, .accomplishments-grid-wrapper .views-row-9,.accomplishments-grid-wrapper .views-row-13{
clear:both;
}

.accomplishment-container{
max-width: 280px;
margin: 0 auto;
margin-bottom:20px;
min-height:280px;

/*
border: 5px solid #fff;
*/
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
-webkit-transition: .3s;
transition: .3s;
}

.accomplishment-container:hover{
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
}

.accomplishment-container:hover img, .accomplishment-container:hover h3{
opacity: 1;
}

.accomplishment-container img{
width: 100%;
height: auto;
-webkit-transition: .3s;
transition: .3s;
opacity: .85;
}

.accomplishment-container h3{
color: #fff;
font-size: 20px;
line-height:28px;
letter-spacing: .01em;
font-family: 'Lato';
font-style: normal;
font-weight: 300;
text-align:center;
text-transform:uppercase;
padding:12px;
margin:0px;
opacity: .85;
-webkit-transition: .3s;
transition: .3s;
}

/* Primary Colors */
.accomplishments-grid-wrapper .color-7E4300, .color-7E4300{
background-color:#7E4300;
}
.accomplishments-grid-wrapper .color-008851, .color-008851{
background-color:#008851;
}

.accomplishments-grid-wrapper .color-008851:hover{
background-color:#019056;
}


/* Secondary Colors */
.accomplishments-grid-wrapper .color-9B845B, .color-9B845B{
background-color:#9B845B;
}
.accomplishments-grid-wrapper .color-B4D570, .color-B4D570{
background-color:#B4D570;
}
.accomplishments-grid-wrapper .color-B4D570:hover{
background-color:#BADB75;
}
.accomplishments-grid-wrapper .color-00ADEF, .color-00ADEF{
background-color:#00ADEF;
}
.accomplishments-grid-wrapper .color-FFD400, .color-FFD400{
background-color:#FFD400;
}


.accomplishments-grid-wrapper .color-514219, .color-514219{
background-color:#514219;
}
.accomplishments-grid-wrapper .color-00AB4E, .color-00AB4E{
background-color:#00AB4E;
}
.accomplishments-grid-wrapper .color-0094C4, .color-0094C4{
background-color:#0094C4;
}
.accomplishments-grid-wrapper .color-F7B929, .color-F7B929{
background-color:#F7B929;
}
.accomplishments-grid-wrapper .color-F7B929:hover{
background-color:#FFBF2A;
}



.accomplishments-grid-wrapper .color-460709, .color-460709{
background-color:#460709;
}
.accomplishments-grid-wrapper .color-596320, .color-596320{
background-color:#596320;
}
.accomplishments-grid-wrapper .color-007193, .color-007193{
background-color:#007193;
}
.accomplishments-grid-wrapper .color-007193:hover{
background-color:#007699;
}
.accomplishments-grid-wrapper .color-D56B2A, .color-D56B2A{
background-color:#D56B2A;
}
.accomplishments-grid-wrapper .color-D56B2A:hover{
background-color:#DA6C29;
}

a.btn-white{
background-color: #fff;
padding: 10px 50px;
color: #0094c2;
font-size: 16px;
}

a.btn-white:hover{
color:#D56B2A;
}

/*******************/
/****   Staff   ****/
/*******************/

.context-who-we-are #zone-full-width-two{
padding:40px 0px;

}

.staff-slider .view-content{
min-height:320px;
}

.staff-slider .view-footer{

}

.staff-slider .view-footer p{
font-family: 'Lato';
letter-spacing: .025em;
font-style: normal;
font-weight: 300;
font-size: 20px;
color: #333;
line-height: 28px;
color: #666;
}

.view-box-fill a{
padding:8px 20px;
border: 1px solid #999 !important;
font-size: 12px;
letter-spacing: .015em;
color:#fff;
background-color:#0094C4;
color: #666;
border: 1px solid #999;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: #fff;
}

.view-box-fill a:hover{
color:#D56B2A;
}

.what-we-do-right-col p{
margin-bottom:10px;
}

.what-we-do-right-col .btn-blue{
margin-bottom:50px;
}
.btn-blue a{
padding:8px 20px;
font-size: 12px;
letter-spacing: .015em;
color:#fff;
background-color:#007193;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

.btn-blue a:hover{
background-color:#027DA1;
}

.staff-container h2{
width: inherit;
font-size: 32px;
font-family: 'Lato';
display: inline-block;
font-style: normal;
font-weight: 700;
color: #0094C4;
letter-spacing: .01em;
}

.staff-container img, .staff-full-bio-left-col img{
max-width:100%;
height:auto;
margin-bottom:10px;
}

.context-who-we-are .staff-container img, .staff-full-bio-left-col img{
max-width:90%;
height:auto;
margin-bottom:10px;
}

.staff-container a, .staff-container .staff-name, .staff-container .staff-title{
text-decoration:none;
color:#333;
}

.staff-container .staff-name{
text-align:center;
font-size: 13px;
color: #007193;
line-height: 16px;
margin-bottom: 4px;
}

.staff-container .staff-title{
font-style:italic;
text-align:center;
color:#535353;
line-height: 16px;
}

.context-who-we-are .jcarousel-skin-default .jcarousel-item {
width: 195px;
min-height: 240px;
border: none;
-webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.05);
box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.05);
-webkit-transition: .3s;
transition: .3s;
display:block;
}

.jcarousel-skin-default .jcarousel-item-horizontal {
  margin: 0 0px;
}

.context-who-we-are .jcarousel-skin-default .jcarousel-item:hover {
-webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.2);
box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.2);
border:none;
}

.context-who-we-are .jcarousel-list-horizontal{
min-height: 300px;
}

.context-who-we-are .jcarousel-skin-default .jcarousel-item .views-field-view-node{
padding:5px;
}

.context-who-we-are .jcarousel-skin-default .jcarousel-next, .context-who-we-are .jcarousel-skin-default .jcarousel-prev {
	display: block;
	width: 32px;
	height: 50px;
	background-image: url(../../../../../sites/default/files/slider-arrows-custom.png);
}

.context-who-we-are .jcarousel-skin-default .jcarousel-next-horizontal {
	position: absolute;
	top: 105px;
	right: 5px;
	background-position: -33px -52px;
}

.context-who-we-are .jcarousel-skin-default .jcarousel-next-horizontal:hover {
	background-position: -1px -53px;
}

.context-who-we-are .jcarousel-skin-default .jcarousel-prev-horizontal {
	position: absolute;
	top: 105px;
	left: 5px;
	background-position: -37px 0;
}



.context-who-we-are .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
	background-position: 0 0;
}

.staff-full-bio-wrapper{

}

.staff-full-bio-left-col{
width:100% !important;
}

.staff-full-bio-right-col{
width:100% !important;
}

.staff-full-bio-right-col p{
font-size:14px;
line-height:22px;
padding-right:0px;
}

.staff-full-bio-container{
padding:0px 0px 0px 0px;
}

.staff-full-bio-container img{
width:100%;
height:auto;
}

.staff-full-bio-container h1{
padding: 0px 0px 0px 0px;
margin:0px;
display:block;
font-size: 20px;
line-height: 28px;
font-family: 'Lato';
display: inline-block;
font-weight: 700;
color: #0094c4;
letter-spacing: .01em;
}


.staff-full-bio-container .staff-title{
padding: 0px 0px;
margin:0px;
font-size: 18px;
line-height: 26px;
font-style:italic;
font-family: 'Lato';
display: block;
color: #666;
letter-spacing: .01em;
}

.staff-full-bio-container .staff-pronouns{
padding: 0px 0px;
line-height: 26px;
font-family: 'Lato';
display: block;
color: #666;
    font-style: normal;
    margin: 0px 0px 5px 0px;
    font-size: 16px;
}


    
/* Staff Page Grid */

.staff-page-listing-wrapper{
margin-left:-10px;
}

.staff-page-listing-wrapper .views-row-4 .grid-2, .staff-page-listing-wrapper .views-row-8 .grid-2, .staff-page-listing-wrapper .views-row-12 .grid-2{
xmargin-right:0px;
}

.staff-page-listing-wrapper .grid-2 {
    width: 50% !important;
    margin: 0 auto;
    margin: 0px;
    float:left;
}

.staff-list-item {
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    min-height: 230px;
    padding: 8px;
    margin: 0px 0px 10px 0px;
}


.staff-emeritus-container {
margin-top:20px;
border-top:1px solid #eee;
padding-top:20px;
}


#region-content .staff-emeritus-container .view-header h2{
margin-left:20px;
}


/* exception: 450px */
@media screen and (min-width: 450px) {
.staff-list-item {
    min-height: 280px;
}
}




.staff-list-item:hover{
-webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.1);
box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.2);
}

.field-name-staff-bio-custom-view{
margin-bottom:30px;
}

.publications-by-author{
margin-top:20px;
margin-right:10px;
}

.publications-by-author strong{
text-transform:uppercase;
}

.publications-by-author .views-row{
margin-bottom:10px;
}

/*******************/
/****   Press   ****/
/*******************/

.press-lead .view-header h2{
	max-width:100%;
	border-bottom: 3px solid #eeeeee;
	border-bottom:none;
	margin-bottom: 0px;
}

.front .press-lead .view-header h2 {
    max-width: 100%;
    border-bottom: 3px solid #eeeeee;
    border-bottom: none;
    margin-bottom: 0px;
    padding-top: 10px;
    color: #fff; /* alt layout */
}


.front .press-list .view-header h2{
	color: #fff;/* alt layout */
    border-bottom: 3px solid #0F7291;/* alt layout */
}

.front .press-lead .press-item-container, .front .featured-blog-post {
    background-color: #fafafa;
    background-color: #fff;
    padding: 20px 30px 30px 30px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
}


.press-lead h2 {
    font-size: 20px;
    padding: 0px;
    line-height: 26px;
    margin: 0px 0px 10px 0px;
}

.press-lead .press-item-container{
	background-color: #fafafa;
	padding: 10px 15px;
	margin-top: 0px;
}


.front .featured-blog-post{
padding:0px;
}
.front .featured-blog-post .blog-teaser-image img{
width:100% !important;
height:auto !important;
}

.press-list a h3{
font-size:13px;
line-height:20px;
padding:0px;
margin:0px;
color:#333;    
}

.front .press-list a h3{
font-size:13px;
line-height:20px;
padding:0px;
margin:0px;
color:#333;
color: #FFF;/* alt layout */
    
}



.press-list a p{
color:#888;
font-size:12px;
}

.front .press-list a p{
color:#888;
color: #FFF;/* alt layout */
font-size:12px;
}

.press-list a:hover h3{
color:#D56B2A;
}

.front .press-list a:hover h3{
color:#D56B2A;
color: #FFF;/* alt layout */
text-decoration: underline;/* alt layout */
}

.press-list a:hover p{
color:#333;
}

.front .press-list a:hover p{
color:#333;
color: #FFF;/* alt layout */
}

.press-container .views-row{
margin-bottom:35px;
padding-bottom:35px;
border-bottom:1px solid #eee;
}

#zone-press-wrapper{
  padding: 50px 0px 50px 0px;
  background-color: #0F7291; /* alt layout */
}


/* Homepage Carousel */

/* ABANDONED IDEA
.press-carousel{
min-height:280px;
}

.press-carousel h3{
color:#333;
  font-size: 18px;
  line-height: 26px;
}

.press-carousel a:hover h3{
color:#D56B2A;
}

.press-carousel p{
color:#333;
font-size:15px;
}


.press-carousel .jcarousel-skin-default .jcarousel-item {
max-width: 100%;
min-height: 200px;
border: none;
-webkit-transition: .3s;
transition: .3s;
display:block;
}

.press-carousel .jcarousel-skin-default .jcarousel-item:hover {
border:none;
}

.press-carousel .jcarousel-list-horizontal{
min-height: 320px;
}

.press-carousel .jcarousel-skin-default .jcarousel-item-horizontal {
 x margin: 0 20px;
}

.press-carousel .jcarousel-skin-default .jcarousel-item {
background-color:transparent;
}

.press-carousel .jcarousel-skin-default .jcarousel-item .views-field-view-node{
padding:5px;
}

.press-carousel .jcarousel-skin-default .jcarousel-next, .press-carousel .jcarousel-skin-default .jcarousel-prev {
	display: block;
	width: 32px;
	height: 50px;
	background-image: url(/sites/default/files/slider-arrows-custom.png);
}

.press-carousel .jcarousel-skin-default .jcarousel-next-horizontal {
	position: absolute;
	top: 50px;
	right: 0px;
	background-position: -33px -52px;
}

.press-carousel .jcarousel-skin-default .jcarousel-next-horizontal:hover {
	background-position: -1px -53px;
}

.press-carousel .jcarousel-skin-default .jcarousel-prev-horizontal {
	position: absolute;
	top: 50px;
	left: 0px;
	background-position: -37px 0;
}



.press-carousel .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
	background-position: 0 0;
}
*/



/******************/
/****   Blog   ****/
/******************/

/* Homepage teaser */
.front .featured-blog-post .view-header h2{
	background-color: #0F7291;
    margin: 0px;
    color: #fff;
    text-transform: uppercase;
        font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
        line-height: 18px;
    letter-spacing: .025em;
    padding-bottom:5px;
}


/* Homepage Blog Teasers */
.front #zone-full-width-two-wrapper{
background-color:#0094C4;
margin:70px 0px 0px 0px;
padding: 100px 0px 120px 0px;
}

.blog-homepage-container{
margin-left:-10px;
}
.blog-homepage-container .views-row-3{
margin-right:0px;
}

.blog-homepage-container .views-row img{
max-width:100%;
height:auto;
}

.blog-homepage-container a h2{
font-size:18px;
line-height:24px;
color:#fafafa;
font-weight:300;
padding:5px;
}

.blog-homepage-container a:hover h2.color-code-38{
color:#fff;
background-color: #008851;
}

.blog-date{	
	    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    width: 60px;
    padding: 5px 10px 10px 10px;
    text-align: center;
}

.blog-homepage-container .view-content{
margin-top:30px;
}

.blog-homepage-container{
  -webkit-transition: .3s;
  transition: .3s;
}
 
.blog-homepage-container .view-header img{
 max-width:100%;
 height:auto;
 }
  
.blog-homepage-container .blog-date .color-code-38{
background-color: #008851;

}

.blog-homepage-container .blog-date .color-code-51{
background-color: #F7B929;
}

.xblog-homepage-container a:hover .color-code-38{
background-color:#00A160;
}

.blog-homepage-container .color-code-39{
background-color: #007193;
}

.xblog-homepage-container a:hover .color-code-39{
background-color:#0084AB;
}

.blog-homepage-container .color-code-46,
.blog-homepage-container .color-code-57{
background-color: #F7B929;
}

.xblog-homepage-container a:hover .color-code-46{
background-color:#0084AB;
}



.recent-blog-posts-wrapper, .subscribe-wrapper, .callout-wrapper{
padding: 15px;
margin: 20px 0px;
background-color: #fafafa;
border: 1px solid #eee;
}

.recent-blog-posts-wrapper h2, .subscribe-wrapper h2, .callout-wrapper h2{
border-bottom: 3px solid #007193;
padding: 0px;
margin: 0px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
max-width: 210px;
padding-right: 30px;
text-transform: uppercase;
color: #333;
padding-bottom: 5px;
margin-bottom: 5px;
line-height: 18px;
letter-spacing: .025em;
}

.subscribe-wrapper input {
  border: 1px solid #ccc;
  padding: 10px;
  width: 88%;
}

.what-we-do-right-col h2{
max-width:100%;
}

.subscribe-wrapper label{
margin-top:5px;
color:#535353;
}

.subscribe-wrapper input.button{
background-color:#007193;
width:inherit;
color:#fff;
border:none;
padding:10px;
margin-bottom:15px;
}

.subscribe-wrapper input.button:hover{
background-color:#0094C4;
cursor:pointer;
}


.blog-posts-by-author-wrapper{
  width: 82%;
  padding: 10px;
  margin: 20px 0px;
  background-color: #fafafa;
  border: 1px solid #eee;
}

.blog-posts-by-author-wrapper strong{
text-transform:uppercase;
}

.blog-posts-by-author-wrapper .views-row, .recent-blog-posts-wrapper .views-row{
margin-bottom:15px;
}

.blog-posts-by-author-wrapper a, .recent-blog-posts-wrapper a{
text-decoration:none;
color:#007193;

}

.blog-posts-by-author-wrapper a:hover, .recent-blog-posts-wrapper a:hover{
color:#D56B2A;
}

.blog-posts-by-author-wrapper .blog-post-date, .recent-blog-posts-wrapper .blog-post-date, .blog-roll-container .blog-post-date{
font-style:italic;
font-size:12px;
color:#888;
}

.blog-roll-container .views-row{
clear: both;
margin-bottom: 150px;
}

.blog-roll-container .views-field-field-main-page-content a{
text-decoration:none;
color:#007193;
display: block;
margin-top: 10px;
}

.blog-roll-container a:hover, .blog-roll-container #region-content h2:hover{
color:#D56B2A;
}


p.blog-byline-name{

line-height:12px !important;
padding:4px 4px 0px 4px;
margin:0px !important;
}

.node-blog-post p.blog-byline-name{
text-align:center;
}
.staff-blog-byline-container .blog-byline-name a{
font-size:12px;
line-height:16px;
text-decoration:none;
color:#535353;
margin:0px;
}

.staff-blog-byline-container .blog-byline-name a:hover{
color:#D56B2A;
}

.node-type-blog-post .staff-blog-byline-container{
float: left;
padding: 10px 10px 5px 10px;
margin: 5px 10px 10px 0px;
}

.node-type-blog-post .staff-blog-byline-container .field-name-field-thumbnail a img{
width: 100%;
height: auto;
border-radius: 10px 0px 20px 0px;
}

.node-type-blog-post .staff-blog-byline-container{
max-width:100px;
border: 1px solid #eee;
}

.node-blog-post .field-name-field-short-title{
margin:0px !important;
}

#region-content .node-blog-post p{
margin:0px 0px 15px 0px;
}


.blog-roll-container .grid-2, .blog-roll-container .grid-6, .blog-roll-container .grid-8{
margin:0px;
}

.blog-roll-container .grid-2{
padding-left:20px;
}

.blog-roll-container .blog-teaser-image{
margin-bottom:10px;
}

.blog-roll-container .blog-teaser-image img{
max-width:100%;
height:auto;
}

.blog-roll-container .staff-blog-byline-container{
  padding: 0px;
  margin: 0px;
  position: absolute;
  text-align: center;
  max-width: 100px;
  right: 0px;
}

.blog-roll-container .staff-blog-byline-container img{
max-width:100px;
height:auto;
}

.blog-roll-container a.views-more-link{
display: block;
margin-top: 10px;
color:#007193;

}

.blog-roll-container a.views-more-link:hover{
color:#D56B2A;
}


.node-blog-post h3{

}

#region-content blockquote{
	padding: 30px 30px;
    background-color: #fafafa;
    margin: 30px 0px;
    border-left: 5px solid #007193;
}

#region-content blockquote p{
    font-size: 20px;
    line-height: 34px;
    color: #007193;
    font-weight:normal;
    padding:0px;
    margin:0px;
}

.node-unpublished {
    background-color: inherit;
}

.node-unpublished::before { 
    content: "Unpublished content";
    padding: 4px;
    background-color: #F44336;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

/* Updated blog styles 2024 */

.context-blog #region-content .content h2 {
font-size: 24px;
line-height:1.4;
}

.context-blog #region-content .field-name-field-main-page-content ul,
.context-blog #region-content .field-name-field-main-page-content ol{
    background-color: inherit;
        padding: 0px 0px 0px 30px;
}

.context-blog #region-content ul li,
.context-blog #region-content ol li{
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    font-weight: 300;
    margin-bottom: 0px;
}

.context-blog #region-content ol li{
margin-bottom: 10px;
}

/******************************/
/****   Tools + Projects   ****/
/******************************/

.node-project-tool .spotlight-container{
    padding: 10px;
    border: 1px solid #eee;
    background-color: #fafafa;
    margin-right: 20px;
    margin-bottom: 20px;
}

.btn-project-archive{
padding-bottom:40px;
}



.node-project-tool .spotlight-container .field-name-field-link-to-website a{
margin:10px 0px 0px 0px;
display:block;
border: 1px solid #999 !important;
    font-size: 12px;
    letter-spacing: .015em;
    text-align: center;
    padding: 8px 0px;
    text-transform: uppercase;
    color: #333;
    background-color:#fff;
    box-shadow: 2px 2px 0px rgba(0,0,0,1);
}

.node-project-tool .spotlight-container .field-name-field-link-to-website a:hover{
background-color:#fff;
color:#D56B2A !important;
}

.field-name-field-client{
	border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
}

.context-projects .node-project-tool .group-left{
width:100%;
}

.context-projects .node-project-tool .group-right{
width:100%;
}

.context-tools .node-project-tool .group-left{
width:100%;
}

.context-tools .node-project-tool .group-right{
width:100%;
}

.context-tools .node-project-tool .field-name-field-image{
margin-bottom:20px;
}



.tools-list .grid-3, .tools-list .grid-4, .tools-list .grid-5,
.project-list .grid-3, .project-list .grid-4, .project-list .grid-5{
margin-left:0px;
}

.tool-screenshot, .tool-info-interior h2, .tool-info-interior .btn-learn-more,
.project-screenshot, .project-info-interior h2, .project-info-interior .btn-learn-more{
text-align:center;
}

.context-projects .project-screenshot img{
  max-width: 92%;
  height: auto;
}

.context-tools .tool-screenshot img, 
.context-tools .node-project-tool .field-name-field-image img,
.context-projects .project-screenshot img{
      max-width: 95%;
    height: auto;
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.1);
    box-shadow: 0 1px 7px rgba(0,0,0,0.1);
    border: 6px solid #fff;
    padding: 0px;
}


.node-project-tool .field-name-field-image img{
text-align:center;
max-width:100%;
height:auto;
}

.context-tools .node-project-tool .group-left .field-name-field-thumbnail img{
width:100%;
height:auto;
display:none;
}

.tools-list h2{

}

.tool-info-interior{

}

.tool-info-interior h2 a{
color:#007193;
}

.tool-info-interior h2 a:hover{
color:#D56B2A;
}


.tool-item{
margin-bottom:50px;
padding-bottom:50px;
border-bottom:1px solid #eee;
}

/*
.btn-learn-more a, .btn-launch-tool a, .btn-launch-tool a.ext{
  color: #fff;
  float: left;
  padding: 5px 10px;
  margin-right: 5px;
  background-color: #0094C4;
}
*/
.btn-learn-more a, .btn-launch-tool a, .btn-launch-tool a.ext, a.btn-launch-tool{
	border: 1px solid #333 !important;
    font-size: 12px;
    letter-spacing: .015em;
    text-align: center;
    padding: 5px 10px;
    margin-right:10px;
    display:inline-block;
    float:left;
    text-transform: uppercase;
    color: #333;
    background-color:#fff;
    margin-bottom: 10px;
    box-shadow: 2px 2px 0px rgba(0,0,0,1);
}



.btn-learn-more a:hover, .btn-launch-tool a:hover, a.btn-launch-tool:hover{
color:#D56B2A;
}
.xbtn-launch-tool a:hover{
background-color:#D56B2A;
color:#fff;
}

.featured-projects-tools-wrapper .views-row-3, .featured-projects-tools-wrapper .views-row-6, .featured-projects-tools-wrapper .views-row-9{
clear:both;
}

.contact-page-map iframe{
width:100%;
height:400px;
}


.related-work-wrapper ul{
margin:0px;
}

.related-work-wrapper ul li{
margin:0px;
}

.related-work-wrapper .group-left{
width:33%;
}

.related-work-wrapper .group-right{
width:66%;
}

.related-work-wrapper .related-work-thumbnail{

}

.related-work-wrapper .related-work-info{

}

.related-work-wrapper .view-mode-tools_projects_preview{
max-width:100%;
}

.related-work-wrapper .group-left img{
max-width:100%;
height:auto;
}



.related-work-wrapper .group-right{
text-align:left;
}

.node-type-project-tool #region-content  ul h3{
    font-size: 18px;
    line-height: 1.3;
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    margin: 0px 0px 10px -20px;
}

/********************/
/****   Footer   ****/
/********************/

.footer-logo-container{
padding: 15px 0px 5px 0px;
}

#zone-footer-first-wrapper{
border-top:8px solid #eee;
border-bottom:8px solid #fff;
background-image:url("../../../../../sites/default/files/footer-bg.png");
margin-top:40px;
}

#zone-footer-second-wrapper{
padding:15px 10px;
background-color:#007191;
}

#zone-footer-third-wrapper{
padding:20px 10px;
background-color:#333;
}

#zone-footer-third-wrapper p{
font-family: 'Lato';
font-style: normal;
font-weight: normal;
font-size:12px;
color:#fff;
}

.footer-nav-col-container{

}

.footer-nav-col-container h2{
font-size: 20px;
letter-spacing: .01em;
color: #333;
font-family: 'Lato';
font-style: normal;
font-weight: normal;
margin: 10px 0px 0px 0px;
font-size: 16px;
text-transform: uppercase;
}

.footer-nav-col-container p.footer-mission-tag{
    margin-bottom: 10px;
}

.footer-nav-col-container ul li{
list-style:none;
margin:0px;
}

.footer-nav-col-container ul li a, .footer-nav-col-container a{
font-family: 'Lato';
font-style: normal;
font-weight: normal;
font-size:13px;
padding:0px 0px 4px 0px;
margin:0px;
/*display:block;*/
color:#666;
/*text-transform:uppercase;*/
text-decoration:none;
}

.footer-nav-col-container ul li a:hover, .footer-nav-col-container a:hover{
color:#D56B2A;
}

.footer-nav-col-container a.btn-donate, .footer-nav-col-container a.btn-newsletter{
    font-size: 15px;
  color: #fff;
  letter-spacing: .015em;
  text-align: center;
  display: inline-block;
  padding: 10px 15px;
  text-transform: uppercase;
  min-width: 160px;
  margin-bottom: 10px;
}
.footer-nav-col-container a.btn-donate{
background-color:#D56B2A;
}

.footer-nav-col-container a.btn-newsletter{
background-color:#007193;
}

.footer-cnt-locations-container{
text-align:center;
}

.footer-cnt-locations-container ul{
margin-bottom:0px;
}

.footer-cnt-locations-container ul li{
list-style:none;
color:#fff;
display:inline-block;
padding: 0px 15px 0px 15px;
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-size:18px;
}

.footer-cnt-locations-container ul li.border-left{
border-left:1px solid #fff;
}

.footer-bottom-container p{
text-align:center;
}

.footer-bottom-container a{
color:#fff;
text-decoration:none;
}

.cnt-affiliates img{
padding-right:10px;
}

.btn-donate{

}

/********************/
/****   DONATE   ****/
/********************/

.donate-page iframe{
width:100%;
	overflow: visible !important;
    height: 5000px !important;
}

div#qgiv_form{
max-width:100%;
}

.contact-info-sidebar{
/*margin-top:40px;*/
margin:40px 0px 20px 0px;
}

.context-work-with-us .contact-info-sidebar {
    margin-top: 0px;
}

.context-work-with-us .sidebar-nav {
    margin-top: 40px;
}
.sustainability-circle h2{
max-width:100%;
}

/********************/
/****   EVENTS   ****/
/********************/

#zone-featured-event-wrapper{
  
  /*background-color: #333;*/
  /*background-color: #9B845B;*/
  /* background-color: #007193; */
  background-color: #0094C4; 

  
  padding: 0px 0px;
  margin:0px 0px;
  
  /*background-image: url('/sites/default/files/homepage-event-bg.png') !important;
  background-repeat: repeat-x !important;
  background-attachment: scroll !important;*/
}

.featured-event h2{
margin-bottom:0px;
  line-height: 30px;
  font-size: 25px;
  padding:0px 20px;
}

.event-interior-container img{
padding:10px;
background-color:#fff;
max-width:96%;
height:auto;
}


.event-image img{
width:100% !important;
height:auto;
padding:0px;
}

.context-events .event-item-container .views-field{
  margin-bottom: 50px;
  padding-bottom: 50px;
  border: 1px solid #eee;
  background-color: #fafafa;
  padding: 15px;
}

#region-content .event-details p{
padding:0px;
margin:0px;
color:#333;
}

.context-events #region-content .event-page-teasers h2{
    font-size: 20px;
    line-height: 28px;
    margin-bottom:10px;
}

.context-events #region-content .event-page-teasers p {
    font-size: 15px;
    line-height: 22px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    color: #535353;
}

.front .event-details p{
padding:0px;
margin:0px;
color:#fff;
font-size:16px;
}

.event-lead{
font-size:15px;
margin:10px 0px 20px 0px;

}

.event-links{
/*margin-bottom:20px;*/
  margin: 20px 0px 20px 0px;
}

.event-links a{
  border: 1px solid #999 !important;
  font-size: 12px;
  color:#333;
  background-color:#fff;
  letter-spacing: .015em;
  text-align: center;
  display: inline-block;
  margin-right:5px;
  padding: 8px 10px;
  text-transform: uppercase;
}

.event-links a .ext, .event-links-featured a .ext{
display:none;
}

.event-links a:hover, .event-links-featured a:hover{
color:#D56B2A;
}

.event-links-featured a{
  border: none;
  font-size: 13px;
  color: #333;
  background-color: #fff;
  letter-spacing: .015em;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
  padding: 8px 12px;
  text-transform: uppercase;
  box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

.event-item-container .views-field-field-thumbnail{
padding:15px;
background-color:#fff;
border-radius:6px;
color:#888;
}
.event-item-container .views-field-field-thumbnail img{
margin-right:10px;
max-width:100%;
height:auto;
}

.context-events iframe{
width:97%;
min-height:220px;
}

#node-event-980 .context-events iframe{

}

.page-node-980 .media_embed{
border:none;
}

.context-events .field-name-field-date, .context-events .field-name-field-time{
  font-size: 20px;
  line-height: 28px;
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  color: #007193;
  margin: 0px 0px 0px 0px;
  letter-spacing: .02em;
}


.node-type-event .field-name-field-thumbnail{
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 3px;
}

.node-type-event .group-left img{
    margin-top: 5px;
    max-width: 340px;
    max-width:95%;
    border: 1px solid #eee;
}


.node-type-event .group-footer .field-name-field-main-page-content{
padding-top:10px;
}
.context-events .field-name-field-location{
margin-top:10px;
}

.field-name-field-website-registration a, .context-events .field-name-field-link-to-website a{
border: 1px solid #999 !important;
  font-size: 12px;
  /*color:#333;*/
  letter-spacing: .015em;
  text-align: center;
  display: inline-block;
  padding: 8px 10px;
  text-transform: uppercase;
  margin:0px 5px 5px 0px;
  float:left;
}
.field-name-field-website-registration a:hover, .field-name-field-link-to-website a:hover{
color:#D56B2A;
}

.field-name-field-website-registration a .ext, .field-name-field-link-to-website a .ext{
display:none;
}

.front .featured-event h2 a{
color:#fff;
}

.featured-event-container .event-left-col, .featured-event-container .event-right-col{
padding:10px 0px;
}
.featured-event-container .event-left-col{
text-align:center;
}

.featured-event-container .event-right-col{
margin-top:15px;
text-align:center;
}

.event-page-sidebar{
margin-bottom:50px;
}

.event-page-sidebar .event-lead {
    font-size: 13px;
    margin: 0px 0px 5px 0px;
}

.event-page-sidebar a{
text-decoration:underline;
}

/***********************************/
/****   Homepage Featured Pub   ****/
/***********************************/

.front .zone-full-width-three-wrapper{
  background-color: #9B845B;
    padding-top: 40px;
    padding-bottom: 60px;
    border-bottom: 8px solid #B4A384;
    border-top: 8px solid #B4A384;
}

/******************/
/****   ADMIN   ****/
/******************/

.page-node-edit .field-type-taxonomy-term-reference .form-item .form-item{
padding:0px !important;
}



/******************/
/****   MISC   ****/
/******************/


/* Video embeds */

.media_embed{
margin-bottom:10px;
xborder:1px solid #eee;
}

/* Pager */

ul.pager li.pager-current{
background-color: #007193;
color: #fff !important;
padding: 5px 10px;
}

.sidebar-callout-container p{
font-size:15px;
margin:0px;
padding:0px;
}

.sidebar-callout-rainready-factsheets{
margin:30px 0px;
}

/* Misc Workarounds */

/* Hide some stuff */
.page-node-32 #block-block-11, .publication-interior #block-views-page-hero-block-1,
.menu-mlid-1358, .menu-mlid-1359, .menu-mlid-1360, .menu-mlid-1361, .xpage-node-306 #zone-suffix-wrapper, .page-node-653 #zone-suffix-wrapper,
.page-node-32 .view-publication-topics .view-footer,
.page-node-408 #zone-suffix-wrapper,
.page-node-680 #zone-suffix-wrapper,
.page-node-695 #zone-suffix-wrapper,
.page-node-696 #zone-suffix-wrapper,
.page-node-699 #zone-suffix-wrapper,
.page-node-701 #zone-suffix-wrapper,
.page-node-702 #zone-suffix-wrapper,
.page-node-704 #zone-suffix-wrapper,
.page-node-705 #zone-suffix-wrapper,
.page-node-706 #zone-suffix-wrapper,
.page-node-709 #zone-suffix-wrapper,
.page-node-720 #zone-suffix-wrapper,
.page-node-739 #zone-suffix-wrapper,
.page-node-740 #zone-suffix-wrapper,
.page-node-741 #zone-suffix-wrapper,
.page-node-742 #zone-suffix-wrapper,
.page-node-746 #zone-suffix-wrapper,
.page-node-747 #zone-suffix-wrapper,
.page-node-748 #zone-suffix-wrapper,
.page-node-675 .sidebar-callout-rainready-factsheets,
.page-node-696 .sidebar-callout-rainready-factsheets,
.page-node-754 #zone-suffix-wrapper,
.page-node-756 #zone-suffix-wrapper,
.page-node-757 #zone-suffix-wrapper,
.page-node-758 #zone-suffix-wrapper,
.page-node-760 #zone-suffix-wrapper,
.page-node-542 .region-sidebar,
.page-node-771 #zone-suffix-wrapper,
.page-node-792 #zone-suffix-wrapper,
.page-node-793 #zone-suffix-wrapper,
.page-node-804 #zone-suffix-wrapper,
.page-node-805 #zone-suffix-wrapper,
.page-node-829 #zone-suffix-wrapper,
.page-node-830 #zone-suffix-wrapper,
.page-node-831 #zone-suffix-wrapper,
.page-node-832 #zone-suffix-wrapper,
.page-node-928 #zone-suffix-wrapper,
.page-node-959 #zone-suffix-wrapper,
.page-node-972 #zone-suffix-wrapper
{
display:none;
}



.page-node-924 #zone-suffix-wrapper #region-full-width-callout{
display:none;
}

.page-node-974 .field-name-field-staff-reference{
display:none;
}

.imagemap-40th-sponsors-horizontal .ext,
.sidebar-sponsors-container .ext{
    background: none;
    width: 0px;
    height: 0px;
    padding-right: 0px;
}

.sidebar-sponsors-container{
    margin: 40px 0px 0px 0px;
    border: 2px solid #eee;
}

.sidebar-sponsors-container img{
max-width:100%;
height:auto;
}
.page-node-705 #zone-preface-wrapper, 
.page-node-706 #zone-preface-wrapper,
.page-node-709 #zone-preface-wrapper,
.page-node-720 #zone-preface-wrapper {
    height: 220px;
}

.page-node-712 .view-page-hero h1{
max-width:800px;
}

.no-pad{
padding:0px;
margin:0px;
padding-left:0px;
padding-right:0px;
margin-left:0px !important;
margin-right:0px !important;
}

/* FLOOD EQUITY MAP (Node 1229) */

.page-node-1229 .iframe-container iframe {
    height: 920px;
    width: 100%;
}

.page-node-831 .flood-equity-map,
.page-node-1229 .flood-equity-map{
    background-color: #0088ae;
    padding: 10px;
    margin-bottom:50px;
}
.flood-equity-map img{
max-width:100%;
height:auto;
}

.flood-equity-map a.btn-box-white{
background-color:#fff;
box-shadow: 3px 3px 0px rgba(0,0,0,1);
margin:15px 0px;
}

.flood-equity-map .col-2,
.page-node-831 .flood-equity-map .col-2{
color:#fff;
padding:0px 20px;
}

.flood-equity-map .callout-header,
.page-node-831 .flood-equity-map .callout-header{
border-bottom:1px solid #cce7ee;
padding-bottom:12px;
margin-bottom:12px;
text-align:center;
}

.flood-equity-map .pct,
.page-node-831 .flood-equity-map .pct{
font-size:60px;
line-height:60px;
font-weight:bold;
color:#cce7ee;
}

.flood-equity-map .col-2 .callout-header,
.page-node-831 .flood-equity-map .col-2 .callout-header{
color:#cce7ee;
font-size:20px;
line-height:28px;
font-style:oblique;
}
.flood-equity-map .col-2 h2,
.page-node-831 .flood-equity-map .col-2 h2{
font-size:22px;
line-height:30px;
color:#fff;
    margin: 0px 0px 5px 0px;
}

.flood-equity-map .col-2 p,
.page-node-831 .flood-equity-map .col-2 p{
font-size:15px;
line-height:23px;
font-weight:normal;
color:#cce7ee;
margin:0px;
}



.flood-equity-map .col-2 p b{
color:#fff;
} 

.flood-equity-static-callout-container{
padding:10px;
background-color: #0088ae;
}

/* Flood Equity Interactive map */
.context-urban-flooding #map { 
xposition:absolute;
xtop:0;
xbottom:0;
xwidth:100%;
}



.context-urban-flooding .iframe-container {
  /*
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  */
}
 
.page-node-831 .iframe-container iframe,
.context-urban-flooding .iframe-container iframe,
.context-cook-county-plan .iframe-container iframe,
.page-node-925 .iframe-container iframe,
.page-node-943 .iframe-container iframe{
   /*
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;*/
   height:920px;
   width:100%;
}


.page-node-925 .region-sidebar{
display:none;
}

.page-node-925 .iframe-container{
padding:0px 20px;
}


/* end: Flood Equity Interactive map*/

/* hide pull quote callouts for certain pages */

.page-node-400 .region-full-width-callout, .page-node-405 .region-full-width-callout, 
.page-node-406 .region-full-width-callout,
.page-node-407 .region-full-width-callout, .page-node-403 .region-full-width-callout,
.page-node-404 .region-full-width-callout, .page-node-402 .region-full-width-callout,
.page-node-419 .region-full-width-callout, .page-node-306 .region-full-width-callout
{
display:none;
}

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

.region-content img.float-right, .region-content .float-right{
float:inherit;
padding:0px;
}


.region-content img.float-left{
float:left;
padding:0px 20px 20px 0px;
}

.region-content img.float-left{
float:left;
padding:0px 20px 20px 0px;
}

.context-board-of-directors .region-content img.xboard,
.context-board-of-directors .region-content img,
.page-node-17 .form-item-field-main-page-content-und-0-value .cke_editable img{
max-width:40%;
height:auto;
float:left;
    padding: 0px;
    border: none;
    margin: 10px 10px 0px 0px;
}

.region-content img.width-100pct, .region-content .width-100pct,
.region-content img.width-66pct, .region-content .width-66pct,
.region-content img.width-60pct, .region-content .width-60pct,
.region-content img.width-50pct, .region-content .width-50pct,
.region-content img.width-40pct, .region-content .width-40pct,
.region-content img.width-33pct, .region-content .width-33pct{
max-width:100%;
height:auto;
}

.region-content .border img{
    padding: 10px 5px;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.urban-apps-form .jotform-form, .urban-apps-form form{
padding:0px 0px !important;
}

.context-publications, .node-type-publication{
background-color: #FFFFFF;
background-image: url('../../../../../sites/default/files/publications-splash.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% top;
}

.node-type-press-mention{
background-color: #FFFFFF;
background-image: url('../../../../../sites/default/files/600Hero_News_default.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% top;
}

.page-search-content, .node-type-staff, .page-user, .page-node-16, .page-node-17{
background-color:#ffffff;
background-image: url('../../../../../sites/default/files/cnt-bg-01.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% top;
}

.page-user{
  background-position: 50% -190px !important;
}

.node-type-publication #zone-preface-wrapper, .context-publications #zone-preface-wrapper, 
.page-search-content #zone-preface-wrapper, .node-type-press-mention #zone-preface-wrapper,
.page-node-798 #zone-preface-wrapper, .page-node-800 #zone-preface-wrapper, .page-node-801 #zone-preface-wrapper,
.page-node-826 #zone-preface-wrapper{
height: 200px;
}


.context-publications{
background-position:50% -200px !important;
}

.node-type-staff #zone-preface-wrapper {
height: 100px;
}


.page-node-1 #region-content .region-content-inner{
padding-right:0px;
}

.page-node-16 #zone-preface-wrapper, 
.page-node-17 #zone-preface-wrapper{
height: 200px;
}

.page-node-5 a .project-tool-container h3 {
min-height: 60px;
}

.node-type-staff .menu-mlid-730 a{
color:#D56B2A;
}

.page-node-18 #region-content h3{
font-size:18px;
margin:3px 0px;
}

.page-node-18 #region-content p{
font-size:16px;
font-weight:normal;
margin:0px;

}

.page-node-1 #region-callout-one{
clear:both;
}

.intersections-logo-container img{
max-width: 100%;
height:auto;
position: relative;
top: 40px;
}

.context-blog .hero-text-container h1, 
.context-blog .hero-text-container p,
.context-stories .hero-text-container h1, 
.context-stories .hero-text-container p{
padding:0px;
margin:0px;
display:none;
}
   

.context-blog,
.context-stories {
background-color: #FFFFFF;
background-image: url('../../../../../sites/default/files/400Hero_Intersections01.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% top;
    background-size: contain;
}

/* 1110px */
@media screen and (max-width: 1540px) {
.context-blog,
.context-stories {
background-size:auto;
}

}





.context-blog #region-content h3 a,
.context-stories #region-content h3 a{
text-decoration:underline;
}

.context-blog #region-content h3,
.context-stories #region-content h3 {
    margin: 0px 0px 12px 0px;
    }
.page-node-16{
background-color:inherit;
}

.context-blog #zone-preface-wrapper, .context-stories #zone-preface-wrapper, .page-node-12 #zone-preface-wrapper, .page-node-83 #zone-preface-wrapper{
height: 200px;
}

.context-blog #block-views-page-hero-block-1,
.page-taxonomy-term-38 .block-system-main{
display:none;
}

.context-blog .custom-table-wrapper{
background-color: #f4f9fa;
}
.context-blog .custom-table-container{
        padding: 0px 10px;
}
.context-blog .custom-table-header{
    background-color: #4da3df;
}

.context-blog #region-content .custom-table-wrapper .custom-table-header p{
color:#fff;
text-align:center;
    padding: 5px;
}
.context-blog .custom-table-container p strong{
font-size:18px;
padding:0px 0px 10px 0px;
}

.context-blog #region-content .custom-table-container p {
    font-size: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    line-height: 22px;
}

.page-taxonomy-term-39 .block-system-main .pager,
.page-taxonomy-term-40 .block-system-main .pager,
.page-taxonomy-term-41 .block-system-main .pager,
.page-taxonomy-term-42 .block-system-main .pager,
.page-taxonomy-term-46 .block-system-main .pager,
.page-taxonomy-term-47 .block-system-main .pager,
.page-taxonomy-term-51 .block-system-main .pager,
.page-taxonomy-term-59 .block-system-main .pager{
display:none;
}

.context-funders .donate-menu{
margin-top:50px;
}

.context-funders .menu-name-menu-donate ul li.last,
.page-node-111 .view-press .view-footer{
display:none;
}

.view-press span.ext{
display:none;
}
.sidebar-promo h2{
font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
}
.sidebar-promo p{
margin:0px;
}
.sidebar-promo img, .who-we-are-callout img{
  max-width: 90%;
  height: auto;
  padding: 8px;
  border: 1px solid #eee;
  background-color: #fff;
  margin-bottom: 7px;
}
.who-we-are-callout{
text-align:center;
}

.who-we-are-callout p{
margin-bottom:0px;
}

.who-we-are-callout img{
  xmax-width: 100%;
}


.video-js{
	width: 100%;
  height: auto;
  }
  
.page-node-11 .sidebar-nav {
  margin-top: 20px;
}


.field-name-share-this-header{
margin-top:20px;
}

.field-name-share-this-widget{
margin-bottom:50px;
}


.field-name-share-this-header strong{
font-size:13px;
text-transform:inherit;
}

.front {
  background-color: #FFFFFF;
  background-image: url('../../../../../sites/default/files/video/summer_website_tulips.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 50% -180px;
}


.view-blog-topics .view-content .views-row-10{
display:none !important;
}

.pdf-wrapper .block-inner{
  background-color: #fafafa;
  border: 1px solid #eee;
  padding: 10px 20px 0px 20px;
  border-radius:5px;
}

.pdf-wrapper .block-inner h3{
margin-bottom:0px !important;
}

.pdf-wrapper .block-inner ul li{
  font-size: 16px !important;
  line-height: 26px !important;
  font-style: normal;
  font-weight: normal !important;
  letter-spacing: .01em;
  background: url(/modules/file/icons/application-pdf.png) no-repeat 15px 20px transparent;
  list-style-type: none !important;
  margin: 0px 0px;
  padding: 15px 0px 0px 35px;
  vertical-align: middle;
  margin-bottom:0px !important;
}

.ui-autocomplete .page{
display:none;
}

img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
}

a.tooltips {
  position: relative;
  display: inline;
  line-height:20px;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}


.itemc{
display:none;
}
.itemc, #tipc{
line-height:22px;
font-size:16px;
}

.itemc a{
text-decoration:underline;
}


.page-node-231 .region-postscript-first, .page-node-231 .zone-full-width-two{
  width: 100% !important;
  margin: 0px !important;
}


/* Quick patch for additional callout strip */

.extra-callout-wrapper{
    background-color: #333 !important;
}

.homepage-donation-match{
padding:10px 0px;
}


.homepage-donation-match h2{
	/*color: #fff;
    font-size: 22px;
    max-width: 1140px;
    font-weight: normal;
    margin-top: 20px;
    */
    padding: 15px 0px 15px 0px;
    margin: 0px;
    font-size: 22px;
    line-height: 30px;
    font-family:'Lato';
    font-style: normal;
    font-weight: normal;
    color: #007193;
    letter-spacing: .01em;
    background: -webkit-linear-gradient(top,#008851 0,#00adef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}

.homepage-donation-match a{
    background-color: #0094C4;
    color:#fff;
    padding: 8px 10px;
    font-size: 18px;
}

.homepage-callout-one {
padding:10px 0px;
}

.homepage-callout-one h2, .homepage-callout-one p{
color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin:0px;
}

.homepage-callout-text{
    border-radius: 10px;
    margin: 20px 0px;
    padding: 10px 20px;
    background-color: #008751;
}

.homepage-callout-text h2{
color: #fff;
    font-size: 25px;
    font-weight: 500;
    margin:10px 0px 10px 0px;
}

.homepage-callout-text p{
color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin:10px 0px;
}

.homepage-callout-text p a{
text-decoration:underline;
    color: inherit;
    background-color: inherit;
    padding: inherit;
    font-size: inherit;
    font-weight: 500;
}

.homepage-callout-text p a.btn{
        font-size: 15px;
    letter-spacing: .015em;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    padding: 8px 20px;
    text-transform: uppercase;
    color: #333;
    border-radius: 6px;
    margin: 0px 10px 0px 0px;
    background-color: #fff;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
}

.homepage-callout-one a span{
display:none;
}
.homepage-callout-one a{
    color: #0094C4;
    background-color: #fff;
    padding: 8px 10px;
    font-size: 18px;
}

.homepage-callout-one a:hover{
color:#D56B2A;
}

.homepage-callout-one h2 a{
color:#fff !important;
padding:0px !important;
font-size:26px !important;
text-decoration:underline !important;
background-color: inherit !important;
}

/* Search Autocomplete overrides */
/*
.ui-widget-content {
  border: 1px solid #ccc;
  color: #222;
  background: #fff;
}

.ui-autocomplete-field-group {
  background-position: right top;
  background-repeat: no-repeat;
  color: #333;
  background-color: #eee;
  float: right;
  display: block;
  padding: 0px 5px;
  position: relative;
  right: 0px !important;
}

.ui-menu-item-first {
  border-top: 1px solid #eee !important;
}

ul .ui-menu .ui-menu-item a {
  font-weight: normal;
  margin: 0px;
}

ul[data-sa-theme="minimal"] .ui-menu-item-first {
  border-top: 1px solid #eee !important;
}*/

.main-body-callout-image{
margin-right:20px;
}

img.guest-author, .guest-author{
	max-width: 120px;
    padding: 10px;
    border: 1px solid #eee;
    float: left;
    margin-right: 10px;
    clear: both;
}


/* Project Map Styles */
.tooltiptext, .tooltip, .tooltip-content-parking-info{
display:none;
}
	
	
.tt-left-col, .tt-right-col{

}

.tt-left-col{

}

.no-link{
cursor:default;
}

.tt-right-col{
overflow: hidden;
}
.project-tooltip{
padding:1px 0px 1px 0px;
xposition:relative;
margin:0px;
}

.project-tooltip-container{
xposition:relative;
padding:6px 6px;
width:auto;
xwidth:100%;
border:1px solid #eee;
float:left;
margin:0px;
}

.project-tooltip-container h2{
	font-size:13px;
	font-weight:bold;
	margin:10px 0px 4px 0px;
	display:block;
	line-height:16px;
	color:#333;
	white-space: normal;
}

.project-tooltip-container h3{
	font-size:13px;
	color:#333;
	text-transform:uppercase;
	margin:0px 0px 4px 0px;
}

.project-tooltip-container img{
max-width:32px;
height:auto;

float: left;
    margin: 0px 10px 10px 0;
}

		
.project-tooltip-container p{
		margin:0px;
}
		
.project-tooltip-container a{
		color:#00aeef;
		text-decoration:underline;
}
		
.project-tooltip-container a:hover{
		color:#D56B2A;
}

.clearfix{
clear:both;
display:block;
}



p.spacer{

margin-top:20px;
}


.qtip {
padding:0px;
margin:0px;
max-width: 360px !important;
}

.legend-container{

}

.legend-container .col{
width:100%;
xfloat:left;
text-align:left;
}

.legend-container h3{
text-transform:uppercase;
font-size:13px;
color:#333;
}

.legend-container img{
    max-width: 30px;
    vertical-align: bottom;
    padding-right: 10px;
}

.legend-container ul{
list-style:none;
margin-left:40px;
}

.legend-container ul li{
font-size:13px;
margin-bottom:10px;
}

.legend-container ul li strong{
display:block;
xfont-weight:normal;
}

.legend-container ul li a{
color:#333;
color:#007193;
text-decoration:underline;
}
.legend-container ul li a:hover{
color:#D56B2A;
}

.legend-container ul li a.show-all-btn{
color: #fff;
    background-color: #007193;
    text-decoration: none;
    padding: 3px 7px;
    font-size: 13px;
    border-radius: 4px;
}

.legend-container ul li a.show-all-btn:hover{
color: #fff;
    background-color: #D56B2A;
}

.legend-container h3 a{
        color: #6B6B6B;
    background-color: #ECECEC;
    text-decoration: none;
    font-weight: normal;
    text-transform: initial;
    padding: 3px 7px;
    font-size: 13px;
    border-radius: 4px;
    margin: 4px 4px 4px 8px;
    vertical-align: text-top;
    transition:.2s;
}

.legend-container h3 a:hover{
	    color: #fff;
    background-color: #D57035;

}

/* END: Project Map Styles */


/* responsive homepage video embeds */
.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
}

.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* CNT 40th video upload form styles */
.page-node-826 .form-managed-file{
    padding: 20px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #fafafa;
}

.page-node-826 .description{
    display:none;
}
.page-node-826 .upload-file-note{
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Lato';
    font-style: normal;
    color: #535353;
    margin: 0px 0px 15px 0px;
}

.page-node-826 input[type=email],
.page-node-826 input[type=text],
.page-node-826 input[type=textarea]{
    border: 1px solid #ccc;
    border-left: 2px solid #999;
    border-top: 2px solid #999;
    padding: 10px;
    border-radius: 6px;
    font-size: 15px;
}

.page-node-826 input.webform-submit{
    border: 1px solid #999 !important;
    font-size: 12px;
    letter-spacing: .015em;
    text-align: center;
    display: block;
    padding: 8px 12px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 10px;
    cursor:pointer;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

.page-node-826 input.webform-submit:hover{
    color: #D56B2A;
}

/* Custom Donation Appeal Layout */
.appeal-callout-full-width-wrapper{
background-color:#f1f9fc;
position:inherit !important;
padding:30px 0px;
}

.appeal-callout-quote-position {
position:inherit !important;
}




.appeal-callout-quote img{
max-width:100%;
height:auto;
}

.donation-appeal-callout ul li{
        font-size: 20px;
    line-height: 34px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    color: #535353;
    margin-bottom:10px;
}
.donation-appeal-callout ul li a{
text-decoration:underline;
}

.donation-appeal-callout .caption p{
font-size: 13px;
    color: #333;
    margin: 0px;
    line-height: 18px;
    padding: 0px;
    font-weight: normal;
}
.appeal-sig{
float:left;
padding-right:40px;
}

.page-node-847 #region-content h2{
font-size: 32px;
line-height:40px;
margin:30px 0px 20px 0px;
text-align:center;
color:#009caa;
}

.donate-big-btn{
text-align:center;
margin-bottom:20px;
}
#region-content .donate-big-btn a.btn-big-donate{
text-decoration:none;
    background-color: #D56B2A;
    color: #fff;
    display: inline-block;
    padding: 10px 40px;
    font-size: 22px;
        box-shadow: 3px 3px 0px rgba(0,0,0,1);
}
.donate-block-container{
clear: both;
    background: #fff;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    padding: 10px 20px;
    /* border-left: 5px solid #dedede; */
    transition: .2s;
    min-height: 200px;
    margin-bottom: 25px;
        background-color: #fafafa;
}
.donate-block-1{
border-left:6px solid #7E4300;
}
.donate-block-2{
border-left:6px solid #00ADEF;
}
.donate-block-3{
border-left:6px solid #008851;
}
.donate-block-4{
border-left:6px solid #FFD400;
}
.donate-block-5{
border-left:6px solid #00AB4E;
}
.donate-block-6{
border-left:6px solid #D56B2A;
}
.donate-block-7{
border-left:6px solid #643D5C;
}
.donate-block-8{
border-left:6px solid #007193;
}

.extra-height{
min-height:250px;
}
.donate-block-container:hover{
xborder-left: 5px solid #0094C4;
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.3);
    box-shadow: 0 3px 6px rgba(0,0,0,0.3);
    background-color:#fff;
}
.donate-block-container .float-left{
float:left;
padding:5px;
}

.width-45pct{
width:45%;
}

.donate-col-left{
background-color:#0094C4;
width:130px;
padding:6px;
}
.donate-block-container h2{
    color: #0094C4;
    margin: 0px 0px 5px 0px;
}

.donate-block-container p{
    margin: 0px 0px 8px 0px;
        font-size: 16px;
    line-height: 24px;
}

.donate-block-container p.small{
font-size:13px;
line-height:20px;
}
.donate-block-container a{
text-decoration:underline;
}
.body-copy{
padding:40px 0px;
}

.body-copy p{
font-size: 20px;
    line-height: 34px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    color: #535353;
    margin: 0px 0px 15px 0px;
}

.body-copy p a{
    text-decoration: underline;
    font-weight: normal;
}

.appeal-callout-quote p{
font-size:20px;
line-height:34px;
font-weight:300;
font-style:oblique;
    
    color: #1797C5;
}

.appeal-callout-quote p strong{
font-weight:normal;
font-style:normal;
}


.front .region-content-publications{
	margin: 20px 10px 40px 10px;
    padding: 20px;
    background-color: rgb(255, 255, 255);
        box-shadow: 3px 3px 0px rgba(0,0,0,1);
}


.page-node-615 .node-event .group-left{
width:0%;
}

.page-node-615 .node-event .group-right{
width:100%;
float:left;
}

.sidebar-nav .campaign {
    line-height: 20px;
    margin: 15px 0px;
    font-size: 13px;
    color: #333;
    font-weight: bold;
}

.sidebar-nav .campaign a{
font-weight:normal;
display:inline;
}
.sidebar-nav .campaign span{
display:none;
}

.page-node-774 .campaign {
    line-height: 26px;
    margin: 15px 0px;
    font-size: 16px;
    color: #888;
    font-weight:300;
}

.page-node-774 .campaign a{
font-weight:normal;
}

.region-content-inner .search-form {
    margin-bottom: 1em;
    font-size: 20px;
    color: #888;
}

.newsletters-sidebar{
    margin: 0px 0px 10px 0px;
}

.page-node-236 .newsletters-sidebar{
margin:20px 0px 40px 0px;
}
.region-content-inner .form-autocomplete{
    border: 1px solid #eee;
    padding: 10px 6px;
    font-size: 20px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    background-color: #efefef;
    border-bottom: 1px solid #696969;
    color: #000;
}

.page-search #zone-content {
    margin-top: 0px;
    background-color: #fff;
    padding: 0px 20px 50px 20px;
}

.page-search-content #zone-preface-wrapper{
height:120px;
}

.page-search .search-form .form-submit{
    width: 100px;
    border-width: inherit;
    padding: 8px 0px !important;
    margin-left: 5px;
    color: #333 !important;
    border: 1px solid #999 !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
    cursor:pointer;
    box-shadow: 3px 3px 0px rgba(0,0,0,1);
}

.page-search .search-form .form-submit:hover{
color:#D56B2A !important;
}

.page-search #zone-footer-first-wrapper{
margin-top:0px;
}

.context-press .full-article-link-container{

}

.front .full-article-label,
.front .full-article-link,
.context-press .full-article-label,
.context-press .full-article-link{
font-size: 15px;
}

.hide-on-mobile{
display:none;
}


.homepage-callout-container img {
    padding: 10px 10px 0px 10px;
}

.homepage-callout-container {
    min-height: inherit;
}

.context-who-we-are {
    background-position: 15% top;
}

.page-node-800 .qgiv-embed-container .account-navigation{
display:none !important;
}



.page-node-800 #zone-content{
    min-height: 550px;
}

.save-the-date-callout{
margin-top:40px;
display:none;
}

.nav-secondary{
margin-bottom:0px;
}


/******* TB MEGAMENU: updated for 2024 *****/



.tb-megamenu .mega.open > .mega-dropdown-menu,
.tb-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu {
display: block;
width: 100%;
}


/******* OUR WORK: Shared vocabulary taxonomy additions *****/

.region-content-full-width-one .callout-our-work-grid{
margin-top:80px;
}
.callout-our-work-grid h3.section-header,
.current-projects-3-col-container h3.section-header,
h3.section-header{
max-width:inherit;
    border-top: 3px solid #D56B2A;
    padding-top:4px;
    display:inline-block;
    padding-right:0px;
}
.callout-our-work-grid .container-homepage-term{
    margin-left: 0px !important;
    margin-right: 15px !important;
}

.callout-our-work-grid .view-header p{
margin:0px 0px 5px 0px;
color:#666;
font-size:1.2em;
}

.callout-our-work-grid .container-homepage-term a{
	color:#fff;
    margin-bottom: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
    background-color: #333;
    text-align: center;
    display:block;
    box-sizing: border-box;
    
    font-size: 22px;
	line-height:1.4;
    min-height: 90px;
    xpadding: 15px 15px 0px 15px;
    padding: 15px 15px 10px 15px;
}

/* short terms */
.callout-our-work-grid .term-72 a,
.callout-our-work-grid .term-76 a,
.callout-our-work-grid .term-71 a,
.callout-our-work-grid .term-69 a,
.callout-our-work-grid .term-66 a,
.callout-our-work-grid .term-73 a,
.callout-our-work-grid .term-65 a,
.callout-our-work-grid .term-77 a,
.callout-our-work-grid .term-68 a{
padding-top:32px;
}

/* Climate */
.callout-our-work-grid .term-72 a{
background-color:#D56B2A;
}

.callout-our-work-grid .term-72 a:hover{
background-color:#E2712C;
}

/* Data Analysis */
.callout-our-work-grid .term-76 a{
background-color:#514219;
}

/* Environmental Justice */
.callout-our-work-grid .term-71 a{
background-color:#596320;
}

/* Equitable Transit Oriented Development */
.callout-our-work-grid .term-67 a{
background-color:#7E4300;
}

/* Green Stormwater Infrastructure */
.callout-our-work-grid .term-70 a{
background-color:#00AB4E;
}

/* Housing */
.callout-our-work-grid .term-68 a{
background-color:#9B845B;
}

/* Urban Flooding */
.callout-our-work-grid .term-66 a{
background-color:#007193;
}

/* Policy */
.callout-our-work-grid .term-73 a{
background-color:#F7B929;
}

/* Sustainable Economic Development */
.callout-our-work-grid .term-74 a{
background-color:#B4D570;
background-color:#008851
}

/* Transportation */
.callout-our-work-grid .term-65 a{
background-color:#460709;
background-color:#0094C4;
}

/* Technical Assistance */
.callout-our-work-grid .term-77 a{
background-color:#460709;
}

/* Water */
.callout-our-work-grid .term-69 a{
background-color:#00ADEF;
}



.sidebar-nav-areas-of-expertise{
margin-top:30px;
}
.sidebar-nav-areas-of-expertise p{
margin:0px 0px 10px 0px;
}
.context-our-work{
background-image: url(../../../../../sites/default/files/cnt-bg-01.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% top;
}

.context-our-work #zone-preface-wrapper {
    height: 200px;
}

.context-our-work #zone-content {
    margin-top: 0px;
}

.sidebar-nav-shared-vocabulary{
margin-bottom:0px;
margin-top:0px;
}

.context-our-work .sidebar-nav-shared-vocabulary{
margin-bottom:0px;
margin-top:10px;
}
.sidebar-nav-shared-vocabulary .view-header p,
.context-our-work .sidebar-nav-shared-vocabulary .view-header p,
.context-our-work .sidebar-nav-shared-vocabulary .view-footer p{
margin-bottom:10px;
}

.context-our-work .sidebar-nav-shared-vocabulary .view-footer{
margin-top:20px;
}


#region-content .container-our-work h2{
font-size:2em;
line-height:1.4;
}

.sidebar-nav-recent-work{
margin-top:30px;
}

.sidebar-nav-recent-work a{
padding:0px 0px 10px 0px;
}

.context-our-work .publication-teaser-container,
.context-our-work .pager{
display:none;
}

.context-our-work .container-our-work .pager{
display:inherit;
}
.context-our-work .container-our-work .view-header{
margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    }
    
    
.context-our-work .container-work-item{
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.context-our-work .container-work-item .container-item-interior{
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}

.context-our-work .container-work-item-mini .container-item-interior{
padding:10px;
margin-bottom:20px;
min-height:240px;
}

.context-our-work #region-content .container-work-item .container-item-interior p{
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.4;
    margin:0px 0px 8px 0px;
}

.context-our-work #region-content .container-work-item-mini .container-item-interior p{
    font-size: 1.2em;
}
.context-our-work #region-content .container-work-item .container-item-interior img{
border-radius: 10px 0px 20px 0px;
}

.context-our-work #region-content .container-work-item .container-item-interior p.content-type-above,
.context-our-work #region-content .container-work-item .container-item-interior p.content-topics{
    color: #333;
    margin: 0px;
    padding: 0px 0px 2px 6px;
    font-size:1em;
    font-weight:bold;
} 
.context-our-work #region-content .container-work-item .container-item-interior p.content-topics{
padding:0px 0px 10px 0px;
}

.context-our-work #region-content .container-work-item .container-item-interior p.content-topics a,
.context-blog p.content-topics a{
color:#666;
text-decoration:none;
font-weight:500;
border-bottom: none;
}

.context-our-work #region-content .container-work-item .container-item-interior p.content-topics a:hover,
.context-our-work #region-content .container-work-item .container-item-interior p.content-topics a.active:hover{
text-decoration:underline;
color:#D56B2A;
}

.context-our-work #region-content .container-work-item .container-item-interior p.content-topics a.active{
color: #000;
  text-decoration: underline;
  cursor:pointer;
}
.context-our-work #region-content .container-work-item .container-item-interior .view-work a{
    white-space: nowrap;
    display:inline-block;
    text-transform:lowercase;
    text-decoration:none;
    color:#007193;
    border-bottom:1px solid #007193;
    margin:0px 0px 20px 0px;
}

.context-our-work #region-content .container-work-item .container-item-interior .view-work a:hover{
color:#D56B2A;
border-bottom:1px solid #D56B2A;
}

.context-our-work #region-content .container-work-item .container-item-interior p.content-type-overlap{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    padding: 4px 10px;
    font-size: .9em;
    text-align: right;
}

.context-our-work #region-content .container-work-item .container-item-interior p.content-type-blog_post{
    xbackground-color: #D56B2A;
    xborder-bottom:3px solid #D56B2A;
} 

.context-our-work #region-content .container-work-item .container-item-interior p.content-type-publication{
    xbackground-color: #00AB4E;
    xborder-bottom:3px solid #00AB4E;
} 

.context-our-work #region-content .container-work-item .container-item-interior p.content-type-project_tool{
    xbackground-color: #00718E;
    xborder-bottom:3px solid #00718E;
} 


.context-our-work .container-work-item .container-item-interior .title a{
	    font-size: 1.8em;
    line-height: 1.4;
    padding: 4px 0px 8px 0px;
    color: #000;
    display: inline-block;
}

.context-our-work .container-work-item-mini .container-item-interior .title a{
	    font-size: 1.6em;
    line-height: 1.3;
}

.context-our-work .container-work-item .container-item-interior .title a:hover{
color:#D56B2A;
}

.context-our-work .container-image-project_tool,
.context-our-work .container-image-blog_post{
display:none;
}
.context-our-work .container-image-publication{
margin:0px 20px 10px 0px;
}
.context-our-work .container-image-publication a{
display:block;
}

.context-our-work #region-content .container-work-item .container-image-publication a img{
border-radius:0px 0px 0px 0px;
    border: 1px solid #d7d7d7;
    padding: 6px;
    box-sizing: border-box;
}

.context-our-work .container-preview-image-publication,
.context-our-work .container-preview-content-publication{
float:left;
}

.context-our-work .container-preview-image-publication{
width:25%;
}

.context-our-work .container-preview-content-publication{
width:75%;
}

.container-our-work .views-exposed-widgets label{
font-size:12px;
font-weight:600;}

.container-our-work .views-exposed-widgets  .form-item{
display:inline-block;
}


.container-landing-page-topics{
margin:0px 0px 20px 0px;
}

.container-shared-vocabulary-footer{
margin-top:60px;
}

.container-shared-vocabulary-footer h3{
    margin-bottom: 10px;
}

.container-shared-vocabulary-footer h3.section-header{
    max-width: inherit;
    border-top: 3px solid #D56B2A;
    padding-top: 4px;
    display: inline-block;
    padding-right: 0px;
}

.container-shared-vocabulary-footer ul li,
#region-content .content .container-shared-vocabulary-footer ul li{
display:inline-block;
list-style:none;
margin: 0px 10px 10px 0px;
}

.context-publications .container-shared-vocabulary-footer ul {
padding-left:0px;
}
.context-publications .container-shared-vocabulary-footer ul li{
display:block;
list-style:none;
margin: 0px 0px 10px 0px;
}

.container-shared-vocabulary-footer a,
#region-content .content .container-shared-vocabulary-footer a{
    color: #535353;
    font-size: .85em;
    font-size:18px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid #535353;
    
}

.container-shared-vocabulary-footer a:hover,
#region-content .content .container-shared-vocabulary-footer a:hover{
color:#D56B2A;
border-bottom:1px solid #D56B2A;
}

/* 2024 updates */

#region-content .callout-staff{
background-color:#fafafa;
background-color:#f1f9fc;
padding:20px;
border-radius:5px;
}

#region-content .callout-toc{
background-color:#fafafa;
padding:20px;
border-radius:5px;
}

#region-content .callout-toc h3{
font-size:1.4em;
line-height:1.4;
margin-bottom:10px;
}

#region-content .callout-toc ul {
padding:0px 0px 0px 10px;
}

#region-content .callout-toc ul li{
margin:0px 0px 8px 0px;
}

#region-content .callout-staff img,
.content img.staff-photo{
max-width:160px;
height:auto;
border-radius:50%;
        box-sizing: border-box;
        border: 6px solid #0094c3;
        border-top: 3px solid #0094c3;
        border-left: 3px solid #0094c3;
        padding:0px;
        margin-right:30px;
}

#region-content .callout-staff p{
font-size:18px;
line-height:23px;
}


#region-content .content .main-content-callout-wrapper ul li{
margin-bottom:2px;
}

#region-content .nested-list ul{
padding: 0px 0px 0px 20px;
}

#region-content .nested-list ul li{
list-style:none;
}

#region-content .nested-list ul li a{
font-weight:normal;
}
#region-content .nested-list ul li strong{
font-weight:500;
}

#region-content .nested-list ul li ul li{
list-style:disc;
    margin: 10px 0px 0px 20px;
}

#region-content .nested-list ul li ul li ul li{
list-style:circle;
}


/**************************/
/* Homepage callouts 2024 */
/**************************/


h3.event-header,
h3.callout-header{
font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height:18px;
    letter-spacing: .025em;
    text-transform: uppercase;
    display:inline-block;
    background-color: #0094c3;
    border-top: none;
    margin: 0px 0px 0px -10px;
    color: #fff;
    padding: 4px 10px;
        border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}
    
.front .container-homepage-callout h2{
	font-size: 1.8em;
	line-height:1.4;
    color: #000;
    text-align: center;
    padding: 0px;
    margin: 5px 0px 5px 0px;
}

.front .container-homepage-callout p{
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin: 5px 0px 5px 0px;
}

.homepage-callout-visionary-voices{
    /* light green */
    background-color: #fdfff5;
    
     /* dark green */
    background-color: #d8f479;
    
    padding: 20px 0px 10px 0px;
    border: 4px solid #d8f479;
    border-radius: 20px;
    margin-bottom:60px;
}

.homepage-callout-visionary-voices img{
max-width:100%;
height:auto;
}

.homepage-callout-visionary-voices h2{
color:#000;
font-size:1.8em;
line-height:1.4;
}

.homepage-callout-visionary-voices p{
color:#000;
font-size:1.2em;
line-height:1.4;
}


.homepage-callout-footer{
    border-top: 1px solid #9bc800;
    padding: 10px 0px 0px 0px;
    margin: 0px 20px;
}

.front .container-homepage-callout .homepage-callout-footer p{
    font-style: normal;
    font-size: 1.2em;
    color:#333;
    line-height:1.4;
}

.front .container-homepage-callout-inner{
padding:10px 30px 10px 30px;
}
.front .homepage-callout-1,
.front .homepage-callout-website-refresh{
    background-color: #007193;
        background: -webkit-linear-gradient(left, #007193 0, #0094C4 100%);
    padding: 20px 0px 10px 0px;
    border: none;
    border-radius: 20px 0px 20px 0px;
    margin-bottom: 60px;
}

.front .homepage-callout-1 h2,
.front .homepage-callout-website-refresh h2{
color:#fff;
}

.front .homepage-callout-1 p,
.front .homepage-callout-website-refresh p{
font-size: 22px;
    line-height: 1.6;
    margin: 10px 0px;
    color: #fff;
    text-align: left;
    font-style: inherit;
}

.front .homepage-callout-1 p a,
.front .homepage-callout-website-refresh p a{
border-bottom:2px solid #ffffff;
color:#ffffff;
}

.front .homepage-callout-1 p a:hover,
.front .homepage-callout-website-refresh p a:hover{
border-bottom:2px solid #ffffff;
color:#ffffff;
}

.front .homepage-callout-1 p a.btn-box-white{
box-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
    background-color: #fff;
    display: inline-block;
    padding: 10px;
    margin: 0px 10px 0px 0px;
    border:none !important;
    color:#000;
}
.front .homepage-callout-1 p a.btn-box-white:hover{
    color: #D56B2A;
}

.front .callout-text{
    padding: 30px 0px;
    text-align: center;
    margin: 0 auto;
}

.front .callout-text h2{
color: #fff;
    font-size: 26px;
    font-weight:500;
    margin:0px 0px 10px 0px;
}

.front .callout-text a.btn-box-white{
    background-color: #fff;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 600;
}


/*******************************/
/* END: Homepage callouts 2024 */
/*******************************/

/**********************************/
/* RainReady Content Updates 2025 */
/**********************************/

.sidebar-nav-rainready{
    padding: 15px 15px;
    background-color: #fafafa;
    border: 1px solid #eee;
    border-radius: 5px;
}

/* image wipe slider custom styles */ 

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }

.content .callout-logos img{
max-width:180px;
height:auto;
}



/* 1110px */
@media screen and (max-width: 800px) {
.page-node-16{
    background-position: 80% -50px;
    background-size: 210%;
}
.page-node-16 .hero-text-container h1.offset-75 {
    top: 70px;
}


.page-node-16 #zone-preface-wrapper {
    height: 180px;
}

}