/* @group Structure / Columns  */
html {
  overflow-y: scroll;
  position: relative;
  min-height: 100%;
}

/*body {
  overflow-y: hidden;
}*/

/* Grey background bar code */
#page-inner {
  width: auto;
}

.region-content_after, #main-row-inner {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

body.front #main-row-inner {
  width: 100%;
}

#header-inner {
  margin: 0;
}

body.front .node-type-page_landing-detail {
  background-color: #fff;
}

.field-field-image-hp div,
.field-field-file-media div,
.field-field-image div,
.field-field-video-external div
{
  line-height: 0;
}

td, th {
  padding: 5px;
}
td.first {
  padding-left: 0;
}
td.last {
  padding-right: 0;
}
.page-content-view td, .page-content-view th {
  padding: 0;
}



/* @end */

/* @group Header / Footer */
#header {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #323745;
}

h1.page-title {
  padding: 20px 0;
}

h2.page-title {
  color: #323745;
  font-family: 'BellGothicBT-Bold';
}

#logo {
  margin: 0 0 0 0;
}
#logo-image {
   margin-top: 20px;
   margin-left:20px;
}
#site-name {
  line-height: 0;
}

#site-name .sitename {
  display: none;
}

#logo-wrapper {
  background-color: #7ac4d3;
  position: absolute;
  top: 0;
  left: 0;
  padding: 18.5px 33px;
}

#slogan {
  position: absolute;
  bottom: calc(50% - 11px);
  left: 150px;
  color: #fff;
  font-size: 14px;
}

#primary {
  z-index: 1;
  position: absolute;
  bottom: calc(50% - 11px);
  left: 300px;
  text-transform: uppercase;
}
#header #secondary {
  position: absolute;
  top: 25px;
  right: 5px;
}

#secondary li {
  padding: 0;
}
#secondary li a {
  padding-right: 15px;
}
#secondary li.last a {
  padding-right: 0;
}
#secondary li.menu-1882 {
  min-width: 51px;
}
#secondary li.menu-200 {
  min-width: 71px;
}
#secondary li.menu-314 {
  min-width: 52px;
}
#secondary li.menu-315 {
  min-width: 61px;
}
#secondary li.menu-316 {
  min-width: 65px;
}
#secondary li.menu-199 {
  min-width: 67px;
}

#block-block-5 {
  float:right;
  margin-top:-30px;
  position:relative;
}

::-webkit-input-placeholder {
   color: #323745;
}

:-moz-placeholder { /* Firefox 18- */
   color: #323745;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #323745;
}

:-ms-input-placeholder {
   color: #323745;
}

#secondary #block-search-0 {
  float:right;
}

#block-search-0 .container-inline button[type="submit"] .search-submit {
  display: block;
}
#block-search-0 .container-inline button[type="submit"] .search-submit-mobile {
  display: none;
}
#block-search-0 .container-inline button[type="submit"] .search-submit .st0 {
  fill: #d9d7ce;
}
#block-search-0 .container-inline button[type="submit"] {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  color: #ccc;
}
#block-menu_block-1 {
  padding-top:3px;
  padding-left:205px;
}
#block-menu_block-1 div.menu-mobile {
  display: none;
}
/*#footer {
  position: relative;
}*/

#footer-inner {
  width: 100%;
  margin: 0 auto;
  margin-top: 25px;
  /*position: absolute;*/
  box-shadow: 0px 500px 0px 500px #ececec;
  padding: 0;
  padding-bottom: 10px;
  padding-top: 20px;
  width: 100%;
  text-align: center;
  bottom: -5px;
  height: 30px;
}

#content-header div.tabs {
  margin-bottom: 0;
}
#content-header ul.primary {
  margin: 0;
}

#navbar {
  overflow: visible;
  height: 130px;
  padding: 0;
}

.link-facebook, .link-twitter, .link-youtube{
  height: 13px;
  display: block;
  text-indent: -100em;
  letter-spacing: -100em;
  overflow: hidden;
  margin-top: 3px;
}
.link-facebook {
  width: 51px;
  background: url(../images/logo-fb.png) no-repeat;
}
.link-twitter {
  width: 47px;
  background: url(../images/logo-twitter.png) no-repeat;
}
.link-youtube {
  width: 35px;
  background: url(../images/logo-youtube.png) no-repeat;
}

#search-block-form .form-submit {
  margin: 0;
}
#search-block-form input[type="submit"] {
  color: #ccc;
}

#header .form-submit {
  border: none;
  background-color: transparent;
}
#header .form-submit:after {
  content: 'as';
}

#footer ul.menu li, #footer ul.links li, #footer li.expanded, #footer li.collapsed, #footer li.leaf,
#footer .block-title
{
  line-height: 20px;
}

#footer .links li {
  float: inline-block;
  text-align: center;
  margin-right: 20px;
  margin-left: 0;
  list-style-image: none;
  list-style-type: none;
}
#footer .links li.last {
  margin-right: 0;
}


/* @end */

/* @group Footer Nav */

#footer .block {
  padding-top: 2px;
}
#footer #block-search-0 {
  padding-top: 0;
}


#block-menu_block-1 .block-title {
  float: left;
  margin-right: 0;
  color: #ccc;
  line-height:20px;
}
a.link-expertise {
  position: absolute;
  right: 18px;
  text-transform: uppercase;
}
#header input[name="search_block_form"] {
  background-color: #d9d7ce;
  padding: 7px;
  border: 0;
  margin: 25px;
  width: 191px;
  height: 16px;
}
#footer .block {
  float: left;
}

#block-search-0 label {
  display: none;
}

#footer #block-menu-menu-footer-secondary {
  float: none;
  clear:both;
}
.menu-name-menu-footer {
  width: 225px;
}
#secondary .menu-name-menu-footer {
  width:150px;
}
.menu-name-menu-footer .menu li a {
}
.menu-name-menu-footer .menu .menu li a {
  margin-bottom: 0px;
}

.menu-name-menu-footer .menu .menu {
  position: absolute;
  top: 25px;
  width: 200px;
  margin-left: -135px;
  margin-top: 7px;
  overflow: hidden;
  z-index:999;
  background:url(../images/hover-bg.png) repeat;
  padding:20px 25px;
}

.menu-name-menu-footer .menu li.first .menu {
  width: 225px;
}

.menu-name-menu-footer li.expanded {
  list-style-image:none;
  list-style:none;
}

.menu-name-menu-footer .menu li:first-child .menu {
  width: 190px;
  margin-top:0;
}

.menu-name-menu-footer .menu li.search-menu .menu {
}


.menu-name-menu-footer .menu .search-menu .menu {
  margin-top: 40px;
  margin-left: 50px;
}

.menu-name-menu-footer .menu .menu li {
  margin-right: 0;
}

#header .menu-name-menu-footer .menu .menu li {
  width: 190px;
  line-height: 25px;
  overflow: hidden;
  float: left;
  margin-right: 0;
}
.menu-name-menu-footer .menu .menu {
  display: none;
  position: absolute;
}

.menu-name-menu-footer .menu .menu li a
{
  text-indent: .75em;
  background: url(../images/bullet-orange-right.png) no-repeat left .7em;
}

.menu-name-menu-footer .menu li.navactive
{
  background: url(../images/bullet-orange-down.png) no-repeat 25px 25px;
  height: 30px;
}

.region-content_after #block-block-3 .block-content {
  padding-top: 10px;
}

#footer #block-block-3 {
  float: right;
  padding-top: 5px;
}

#footer #block-block-3 * {
  margin-bottom: 0;
  padding-bottom: 0;
}

#block-menu-menu-footer-bottom {
  position: absolute;
  right: 0;
  bottom: 10px;
}

.nav-close {
  position: absolute;
  right: 0px;
  top: 13px;
  cursor: pointer;
}
.search-link {
  cursor: pointer;
}



/* @end */

/* @group Menus and Nav */


.field-field-sidebar {
  line-height: 1.5em;
}

.field-field-sidebar ul,
.region-right ul.views-summary,
.fieldlayout-region-bottom-detail .view-content ul
{
  margin: 0;
  padding: 0;
}

.region-right .field-field-quote .field-item,
.field-field-sidebar li,
.region-right ul.menu li.leaf,
.region-right ul.menu li.collapsed,
.region-right ul.menu li.expanded,
.region-right .views-summary li,
.node-type-blog .fieldlayout-region-body-detail .node-field-blocks_right li,
.node-type-blog_post .node-field-blocks_right li
{
  list-style-type: none;
  list-style-image: none;
  line-height: 2em;
}
.fieldlayout-region-bottom-detail .views-field-title
{
  margin-bottom: 1em;
}
.fieldlayout-region-bottom-detail .views-field-title  a {
  display: block;
}

li.leaf a, li.collapsed a, li.expanded a {
  display: block;
}

.block ul.menu, .fieldlayout-region-body-detail .node-field-blocks_right ul,
.node-type-blog_post .node-field-blocks_right ul {
  padding: 0;
  margin-left:0;
}

.region-right li.leaf a, .region-right li.collapsed a, .region-right li.expanded a,
.field-field-sidebar li,
.region-right .views-summary li,
.region-right .node-title,
.fieldlayout-region-bottom-detail .view-content .views-field-title a,
.node-type-blog .fieldlayout-region-body-detail .node-field-blocks_right li a,
.node-type-blog_post .node-field-blocks_right li a
{
  padding-left: 1em;
  background: url(../images/bullet-orange-right.png) no-repeat left 7px;
  text-align:left;
}
.region-right li.expanded a {
  background: url(../images/bullet-orange-down.png) no-repeat left 8px;
}

.node-type-blog .fieldlayout-region-body-detail .node-field-blocks_right li a,
.node-type-blog_post .node-field-blocks_right li a {
  background-position:left 4px;
}

.node-detail-inner .node-title a,
.region-right .node-title,
.fieldlayout-region-bottom-detail .view-content .views-field-title a
{
  background-position: 0 4px;
}

.view-clients-children .views-field-title
{
  padding-left: .75em;
  text-indent: 0;
  background: url(../images/bullet-gray-right.png) no-repeat left .4em;
}
.view-leadership-children .views-field-title a {
  padding-left: 0;
  text-indent: 0;
  background: none;
}

.fieldlayout-region-body-detail ul {
  padding-left: 0;
  margin-left: 15px;
}

.fieldlayout-region-body-detail ul li {
  list-style-image: url(../images/bullet-gray-right.png);
  list-style-position: outside;
  padding-left: 0;
  margin-left: 0;
}

.region-right .node-teaser .node-title,
.region-right .node-teaser .subtitle
{
  padding-left: .75em;
  text-indent: 0;
}

.node-teaser .field-field-related-awards .node-title,
.node-has-region-soft-left  .node-title
{
  text-indent: 0;
  background: none;
}

.region-right ul.menu li ul.menu li a {
  background: none;
}

/* @end */

/* @group Nodes */

.node-teaser {
  margin-bottom: 1em;
}
.fieldlayout-region-bottom .node-teaser,
.fieldlayout-region-before .node-teaser
{
  margin-bottom: 30px;
}

.view-leadership-children .node-teaser,
.node-teaser .node-teaser
{
  margin-bottom: 10px;
}

.fieldlayout-region-feature .node-teaser,
#feature .node-teaser
{
  margin-bottom: 0;
}


.fieldlayout-region-before-detail {
  line-height: 1.5em;
}

body.mceContentBody,
.fieldlayout-region-body-detail {
  line-height: 1.5em;
}

.overlay {
  display: none;
}
.node-teaser .overlay,
.node-has-region-hard-left .overlay
{
  display: block;
}

.node-has-region-overlay {
  position: relative;
}
.overlay {
  position: absolute;
  right: 2%;
  bottom: 6%;
}
.fieldlayout-region-overlay {
  padding: 15px;
  line-height: 1.75em;
}

.node-type-media .overlay {
  top: auto;
  bottom: 40px;
  left: 0;
  width: auto;
}
.node-type-media .overlay .fieldlayout-region-overlay,
.node-type-blog_post .node-field-blocks_right ul.menu li.leaf {
  line-height: 1.2em;
}


ul.primary,
.fieldlayout-region-before-detail .block-menu_block
{
  background-image: none;
  margin-top: 0;
  width: auto;
  padding: 0;
}


ul.primary li,
.fieldlayout-region-before-detail .block-menu_block ul li {
  float: left;
  list-style-image: none;
  list-style-type: none;
  background-image: none;
}

ul.primary li a,
ul.primary li a:hover,
ul.primary li.active a,
ul.primary li.active a:hover,
.fieldlayout-region-before-detail .block-menu_block ul li a
{
  border: none;
  background-image: none;
  padding: 0 8px;
  line-height: 20px;
  height: auto;
  margin: 0;
}

ul.primary li a .tab,
ul.primary li a:hover .tab,
ul.primary li.active a .tab,
ul.primary li.active a:hover .tab
{
  padding: 0;
  border: 0;
  background-image: none;
}

.node-form .ui-tabs-panel {
  padding: 10px;
  border: 2px solid black;
}

.node-form #tabs-tabset {
  margin: 20px 0;
}

/* Widths bellow should be overriden with actual column widths */
.node-body-hard-left {
  margin-left: 0;
}
.node-body-hard-right {
  margin-right: 0;
}


.node-teaser .node-body-hard-left {
	margin-left: 70px;
}
.wide-thumbnail .node-body-hard-left {
	margin-left: 150px;
}


.fieldlayout-region-hard-right {
  width: 115px;
  float: right;
  padding-bottom: 30px;
}

.node-type-blog_post-detail .fieldlayout-region-hard-right {
  width:212px;
  margin-top:0;
  font-size:100%;
  margin-left:8px;
}

.node-body-hard-right {
  margin-right: 135px;
}

.node-column-right {
  float: left;
  width: 397px;
}

/* Floating hack to prevent clearing within the colums */
.node-teaser, .node-inner {
  overflow: hidden;
}

.fieldlayout-region-hard-left {
  margin-right: 0;
}

.fieldlayout-region-hard-left-detail {
  width: 560px;
  min-height: 1px;
  overflow: hidden;
}

.node-has-region-hard-left > .node-inner > .node-column-right {
}

/* Commented as per ticket #1208 - What was this weird gray image with a white
   line supposed to do?? */
/*.node-has-region-hard-left > .node-detail-inner {
  background: #ececec url(../images/bg-node-hardleft.png) repeat-y left top;
}*/

body.node-type-blog .node-has-region-hard-left > .node-detail-inner {
  background-image:none;
}

.node-type-blog .view-children-blog-posts .view-content {
  width:563px;
  margin:13px 0 0 0;
}

.node-type-blog .fieldlayout-region-body-detail ul.menu li,
.node-type-blog .fieldlayout-region-body-detail .node-field-blocks_right li, .node-type-blog_post .node-field-blocks_right li {
  line-height:1.2em;
  margin-bottom:.5em;
}

.node-type-blog .fieldlayout-region-body-detail .node-field-blocks_right li a, .node-type-blog_post .node-field-blocks_right li a {
  line-height:1.4em;
  display:block;
}

.node-type-blog .fieldlayout-region-body-detail .node-field-blocks_right h3.block-title, .node-type-blog_post .node-field-blocks_right h3.block-title {
  margin-bottom:5px;
}

.node-type-blog_post .node-body {
  line-height:1.5em;
}

.view-children-blog-posts .views-row {
  margin-bottom:35px;
}

.view-children-blog-posts .pager .pager-next {
  float:left;
}

.view-children-blog-posts .pager .pager-previous {
  float:right;
}

.view-children-blog-posts ul.pager {
  display: block;
  clear: both;
  height: 30px;
  margin-top:20px;
}

.view-children-blog-posts .pager-bottom ul.pager {
  margin-top:0;
}

.view-children-blog-posts {
  padding-bottom:30px;
}

.node-type-blog_post ul.links {
  margin:10px 0;
  display:block;
}

li.addthis a span {
  display:none;
}

.node-type-blog_post .field-field-image {
  margin-bottom:10px;
}

.node-type-blog_post-teaser .node-field-submitted {
  margin:5px 0 8px;
}

.node-detail-contents-inner {
  margin: 30px 0;
  width: 100%;
}

.node-type-service .node-detail-contents-inner {
  width:auto;
}

.node-type-blog_post-detail .node-detail-contents-inner {
  margin:30px 0 100px 0;
}

.banner-style .node-detail-contents-inner {
  margin:0;
}

.node-detail-contents-inner .fieldlayout-region-before-detail {
  margin-left: 480px; /* 960px - (560px (image w) - 110px (margin if primary) - 30px (margin of body) */
  padding-bottom: 0;
  margin-bottom: 0;
}
.node-body-detail {
  width: 440px;
  /*margin: 0 auto;*/
}
.front .node-body-detail {
  width: auto;
  margin: 0 auto;
  text-align: center;
}
.node-type-blog_post-detail .node-body-detail {
  width:560px;
}

.fieldlayout-region-top-detail {
  width: 440px;
  border-top: 5px solid white;
  margin-top: -5px;
  padding-top: 20px;
}

.node-type-blog_post-detail .fieldlayout-region-top-detail {
  width:560px;
  float:left;
  margin-top:0;
}

.drupal-tabs .ui-tabs-nav,
.node-has-region-hard-left .node-detail-contents-inner .fieldlayout-region-before-detail
{
  margin-left: 0px;
  margin-bottom: 30px;
}

.node-has-region-hard-left .node-body-detail,
.node-has-region-hard-left .fieldlayout-region-top-detail {
  width: auto;
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

/*.section-people.node-type-bio */
.node-has-region-hard-left .node-body-detail.node-body-hard-right {
  width: calc(100% - 135px);
  margin: 0;
  margin-right: 0;
  float: left;
}

.node-type-blog-detail .node-body-detail {
  width:212px;
  float:right;
}

.node-type-blog-detail .fieldlayout-region-feature {
  margin-bottom:30px;
}

.node-type-blog-detail .node-column-right {
  margin-top:17px;
}

.node-type-blog-detail h2.page-title {
  margin:0 0 30px 0;
}


.node-type-blog-detail .node-detail-contents {
  width:400px;
}

.node-detail-contents-inner .node-detail-contents-inner {
  margin-top: 0;
}

.node-has-region-hard-left .node-detail-contents-inner {
  margin-bottom: 20px;
  margin-left:8%;
  width:92%;
}
.node-has-region-hard-left .fieldlayout-region-body-detail {
  padding-right: 30px;
}
.section-media .fieldlayout-region-bottom.fieldlayout-region-bottom-detail,
.section-process .fieldlayout-region-bottom.fieldlayout-region-bottom-detail,
.section-about-us .fieldlayout-region-bottom.fieldlayout-region-bottom-detail {
  padding-right: 30px;
}
.node-has-region-hard-right .fieldlayout-region-body-detail {
  padding-right: 20px;
}

.node-type-blog-detail .fieldlayout-region-body-detail {
  padding-right:0;
}

/* Detail view rendered inside another detail view (tabs) */
.fieldlayout-region-body-detail .fieldlayout-region-body-detail,
.node-detail-contents-inner .node-detail-contents-inner
{
  padding-left: 0;
  margin-left: 0;
}

#content-after-top {
  background:url(../images/filters-bg.gif) repeat-y left #ececec;
  margin-top:10px;
}

.region-content_after .views-view-grid .node-teaser,
.region-content_after .views-view-grid .node-inner
{
  overflow: visible;
}

.region-content_after .views-view-grid .fieldlayout-region-before-teaser {
  height: 60px;
  position: relative;
}
.region-content_after .views-view-grid .fieldlayout-region-body {
  padding-top: 10px;
}

.region-content_after .views-view-grid .node-teaser {
  width: 164px;
}

.region-content_after .views-view-grid .field-field-thumbnail {
  width: 164px;
  height: 60px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}

.region-content_after .views-view-grid .field-field-image {
  margin-bottom:0;
}

.region-content_after .views-view-grid .node .node-body {
  line-height:inherit;
}

/* Top align people so that their heads don't get cut off */
.region-content_after .views-view-grid .node-type-bio .field-field-thumbnail a {
  background-position: 0 top !important;
}

h2.page-title {
  margin-bottom: 3px;
}

body.node-type-page-landing #content-after-top h2.page-title {
  float:left;
  padding:15px 15px 0;
  margin:0;
}

.views-widget {
  padding-top: 3px;
}

#content-after-top #block-views--exp-people_section-block_1,
#block-views-c1d418db31265f9ccde25b155a5ecddc,
#block-views--exp-design_forum-block_1 {
  float:left;
}

#block-views-c1d418db31265f9ccde25b155a5ecddc {
  width:484px;
}

#content-after-top #block-views--exp-people_section-block_1 .block-content,
#block-views-c1d418db31265f9ccde25b155a5ecddc .block-content,
#content-after-top #block-views--exp-design_forum-block_1 .block-content {
  padding-top:0;
}

#block-views--exp-people_section-block_1 a.default-option,
#content-after a.default-option,
#block-views--exp-design_forum-block_1 a.default-option {
  display:block;
  float:left;
  padding:7px 10px;
  margin:10px;
}

a#refresh-design-forum-page,
a#refresh-people-page,
a#refresh-work-page {
  background-color: rgb(235, 235, 235);
  color: rgb(128, 153, 51);
  display: block;
  float: left;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 12.5px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
}

.views-exposed-form div.selectbox {
  width:auto !IMPORTANT;
}

ul.selectbox {
  width:190px;
}

#block-views--exp-people_section-block_1 a.active,
#block-views-c1d418db31265f9ccde25b155a5ecddc a.active,
#block-views--exp-design_forum-block_1 a.active {
  background:#ebebeb;
}

#views-exposed-form-people-section-block-1,
#views-exposed-form-design-forum-block-1 {
  float:left;
}

#content-after-top .node-field-body {
  float:right;
  width:250px;
  padding:10px 36px;
  background:#ececec;
}

h3.tab-title {
  margin: 20px 0 10px 0;
}

.field-field-overview {
  margin-bottom: 20px;
}

.node-field-body,
.field-field-leadership,
.fieldlayout-region-body-detail .field
{
  margin-bottom: 10px;
}

#content-after-top .node-field-body {
  margin:0;
}

.fieldlayout-region-top-detail {
  margin-bottom: 15px;
}

.fieldlayout-region-body-detail .field-field-square-feet {
  margin-bottom: 0;
}

.fieldlayout-region-body-teaser .field {
  margin-bottom: 0;
}

.field-field-location p {
  display: inline;
}

.caption {
  padding: 10px 0;
}

span.mailto {
  background: url(../images/email.png) no-repeat center center;
  padding-right: 16px;
  line-height: 8px;
}

.item-list .pager {
  text-align: left;
  padding: 0;
  margin-top: 40px;
}
.item-list .pager .first {
  padding-left: 0;
}

#content-after .item-list .pager {
  margin-top: 20px;
  margin-bottom: 20px;
}

.feed-icon {
  margin-top: 10px;
}

.node-teaser .field-field-related-awards {
  margin-top: 7px;
}

.related {
  line-height: 1.3em;
}

.view-service-children .node-teaser {
  margin-bottom: 10px;
}
.view-service-children .linked a {
  text-indent: .75em;
  display: block;
  background: url(../images/bullet-orange-right.png) no-repeat left .4em;
}
.view-service-children .not-linked .node-title {
  text-indent: .75em;
  background: url(../images/bullet-gray-right.png) no-repeat left .4em;
}


/* @end */

/* @group Related Media */
.field-field-related-media {
  overflow: hidden;
}
.fieldlayout-region-before .field-field-related-media .field-item {
  float: left;
}
.fieldlayout-region-before .field-field-related-media a.active {
  opacity: .5;
  filter:alpha(opacity=50);
}

.field-field-related-media > .field-items > .field-item {
  float: left;
}
.fieldlayout-region-hard-left .field-field-related-media > .field-items {
  overflow: hidden;
  width: 100000px;
}

.field-field-related-media .node {
  width: 560px;
  overflow: hidden;
  margin: 0;
}
.field-field-related-media .node .node-contents {
  display: none;
}
.field-field-related-media .node-teaser .node-contents {
  display: block;
}


.field-field-related-media .node-teaser {
  width: 40px;
  overflow: hidden;
  margin-right: 4px;
  margin-bottom: 4px;
}
.field-field-related-media .node-teaser .field-field-thumbnail a {
  display: block;
}
.field-field-related-media .node-teaser .field-field-thumbnail * {
  line-height: 0;
}

.field-field-related-media .field-item

.field-field-related-media .node-contents {
  display: none;
}


.slides-inactive video,
.slides-inactive audio
{
  display: none !important;
  visibility: hidden;
  position: relative;
  top: -10000px;
}

.ss-media-audio-player {
  min-height: 24px;
  position: relative;
}

.ss-media-audio-player .ss-media-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ss-media-video {
  margin-bottom: 24px;
}




/* @end */

/* @group Blocks */

#secondary .block {
  /*position: absolute;*/
}

.front .region-content_after {
  padding-top: 30px;
}

.region-content_after .views-view-grid td {
  padding: 0 35px 20px 0;
  text-align:left;
}
.region-content_after .views-view-grid td.col-last {
  padding-right: 0;
}
.region-content_after .block-title {
  position: absolute;
  width: 150px;
  margin-top: -10px;
  text-align: right;
  padding: 0 15px 0 0;
  line-height: 30px;
}
.region-content_after .block-content {
  padding-top: 30px;
}
#block-views-hp_feature-block .block-content {
  padding-top: 0;
}

.fieldlayout-region-bottom-detail .view-content .views-view-grid td {
  padding: 0 25px 0 0;
}
.fieldlayout-region-bottom-detail .view-content .views-view-grid td.col-last {
  padding-right: 0;
}



#content-after .block {
  position: relative;
}

#content-after .view-filters,
#block-views-people_section-block .filter,
#block-views-work_section-block .filter,
#block-views-design_forum-block .filter
{
  margin-top: -10px;
  margin-left: 199px;
  position: absolute;
  top:  0;
  padding: 0;
  overflow: hidden;
  max-width: 761px;
  min-width: 363px;
}

#content-after .mobile-filters .view-filters,
#block-views-people_section-block .mobile-filters .filter,
#block-views-work_section-block .mobile-filters .filter,
#block-views-design_forum-block .mobile-filters .filter
{
  display: block;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  top: auto;
  padding: 20px;
  overflow: visible;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

#content-after .mobile-filters {
  display: none;
  position: relative;
  margin-bottom: 30px;
}
table.views-view-grid {
  width: 100% !important;
}
#content-after .mobile-filters a,
#content-after .mobile-filters h3 {
  color: #333;
}
#content-after .mobile-filters .view-filters {
  background: #fff;
}
#content-after .mobile-filters .view-filters .selectbox {
  background: #e9e9e9;
  width: 200px;
  overflow: hidden;
}
#content-after .mobile-filters .view-filters .selectbox .display .text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  color: #333 !important;
}
#content-after .mobile-filters .view-filters div {
  display: block;
  width: 220px;
}
#content-after .mobile-filters .view-filters div::after {
  content: ' ';
  display: table;
  clear: both;
}
#content-after .mobile-filters .view-filters .selectbox span.arrow {
  display: none;
}
#content-after .mobile-filters a#filter-back-to-top {
  display: block;
  position: absolute;
  bottom: 0;
  left: 20px;
  z-index: 9;
  color: #f58a33;
  font-family: 'BellGothicBT-Bold';
}
#content-after .mobile-filters h3 {
  padding: 20px;
}

#content-after .view-filters label,
#block-views-people_section-block .filter .label {
  margin-right: 10px;
  margin-left: 10px;
  line-height: 30px;
}

#content-after views-exposed-widgets {
  position: relative;
}
.views-widget-filter-field_associated_services_nid label {
  display: none;
}
#content-after .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: .6em;
}

#content-after .view-filters select {
  max-width: 185px;
}

#content-after .view-filters div {
  display: inline;
}
#content-after .views-exposed-form .views-exposed-widget {
  padding: 0;
}

html.js a.views-throbbing,
html.js span.views-throbbing {
  padding: 0;
  color: #dd7700;
  background: none;
}

#content-after .views-exposed-widgets .views-throbbing, #content-after-top .views-exposed-widgets .views-throbbing
{
  background: url(../images/spinner.gif) no-repeat right center;
  font-size: 15px;
  padding-right: 15px;
  margin-left: 5px;
}

#content-after-top .views-exposed-widgets .views-throbbing
{
  background: url(../images/spinner-dark.gif) no-repeat right center;
  display:block;
  margin-top:10px;
}

#content-after .views-exposed-widgets .views-throbbing {
  line-height: 30px;
}


.region-content_after .subtitle {
  margin-top: 2px;
}

.node-has-region-body .region-content_bottom .block-title {
}

.fieldlayout-region-hard-right-detail,
.node-has-region-body .fieldlayout-region-bottom-detail .view-content,
.node-type-blog-detail .node-body-detail .node-field-body,
.node-type-blog-detail .node-field-blocks_right .block,
.view-children-blog-posts .views-row,
#block-menu_block-8
{
  border-top: 5px solid #fff;
  padding-top: 10px;
  margin-top: 4px;
}

.node-type-blog-detail .node-field-blocks_right .block,
.view-children-blog-posts .views-row,
#block-menu_block-8 {
  margin-top:30px;
}

.node-has-region-body .fieldlayout-region-bottom-detail .block {
  margin-top: 30px;
}

.fieldlayout-region-hard-right-detail .field {
  /*padding-right: 10px;*/
}

.fieldlayout-region-hard-right-detail .block-title {
  margin-bottom: 10px;
}

.field-field-quote-attribution .field-item,
.field-field-quote .field-item {
  display: inline;
}
.field-field-quote .field-item:before {
  content: '“';
}
.field-field-quote .field-item:after {
  content: '”';
}
.field-field-quote .field-item:before, .field-field-quote .field-item:after {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 24px;
  line-height: 12px;
  vertical-align: bottom;
}

.field-field-quote-attribution {
  margin-top: 1em;
}

.view-id-leadership_children table {
  table-layout: fixed;
}

.view-id-leadership_children td {
  width: 50%;
}

.view-id-leadership_children .node-teaser {
  margin-right: 30px;
}

.fieldlayout-region-bottom-detail .view-content .views-view-grid {
  width: 100%;
}

#block-addthis-0, #block-block-2 {
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 10;
  padding-left: 60px;
  padding-bottom: 0;
  text-align: right;
  line-height: 20px;
}

#block-addthis-0 br, #block-block-2 br {
  display: none;
}

#block-addthis-0 p, #block-block-2 p {
  margin: 0;
}

.addthis_button_compact, .addthis_button  {
  padding-right: 15px;
  background: url(../images/share-in-nav.png) no-repeat right top;
}

/* @end */

/* @group Feature */
/* @end */

/* @group Forms */

/* applied to original <select> to hide */
.has_sb{position:absolute;left:-999999em;text-indent:-999999em;}

/* always visible styles */
body > ul.selectbox {
  display: block !important;
}
#content-after a#refresh-design-forum-page,
#content-after a#refresh-people-page,
#content-after a#refresh-work-page {
  display: none;
}

/*** Mobile filters ***/
#content-after .mobile-filters a#refresh-design-forum-page,
#content-after .mobile-filters a#refresh-people-page,
#content-after .mobile-filters a#refresh-work-page {
  display: block;
  position: relative;
  width: 100%;
  z-index: 2;
  margin: 0 20px;
  width: 200px;
}
#content-after .view-filters {
  display: none;
}
#content-after-top .view-filters {
  display: block;
}
.selectbox{display:inline-block;*display:inline;margin:4px 0 0 0;position:relative;vertical-align:middle;zoom:1;}
.selectbox .display{
  background:none;
  color:#fff;
  cursor:default;
  display:block;
  font-weight:normal;
  line-height:1.46em;
  overflow:hidden;
  outline:none;
  padding:0 5px 0 3px;
  position:relative;
  text-decoration:none;
  overflow:hidden;
  width:130px;
}

.selectbox.disabled .display{color:#999;}
.selectbox.focused .display .text, .selectbox .active .display .text {
  background-color:#ebebeb;
  display:inline-block;
  *display:inline;
  zoom:1;
}

.selectbox .display.active {
  border-color:#7b7d83;
}

.selectbox .display .text {
  padding:2px 10px;
  margin:3px 0;
  float:left;
}

.selectbox .display .arrow_btn {
    background:none;
    border:0;
    height:1.15em;
    line-height:.92em;
    margin:6px 1px;
    position:relative;
    right:0;
    text-align:center;
    top:0;
    width:1.08em;
    display:inline;
}

.selectbox .active .arrow_btn, #content-after-top .form-item div.active, #content-after-top .form-item div.hover, #content-after-top .form-item div.focused, #content-after-top .form-item div.open {
  background:#ebebeb;
  cursor:pointer;
}

.selectbox .display .arrow_btn .arrow {
    background:transparent url(../images/dd-arrow.gif) no-repeat center center;
    display:inline-block;*display:inline;
    height:5px;
    left:.33em;
    position:absolute;
    top:12px;
    width:9px;
    zoom:1;
}

.selectbox.focused .arrow_btn .arrow, .active .display .arrow_btn .arrow, .selectbox .hover .arrow_btn .arrow, .open .display .arrow_btn .arrow, .hover .display .arrow_btn .arrow {
  background:transparent url(../images/dd-arrow-lt.gif) no-repeat center center !important;
}
.selectbox .value{display:none;}

/* dropdown styles */
.selectbox.items{
  background:#ebebeb;
  border:0;
  display:block;
  list-style-type:none;
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 0 1px 0;
  z-index:99999;
  /*
-moz-box-shadow:0 3px 5px rgba(0,0,0,.5);
  -web
*/kit-box-shadow:0 3px 5px rgba(0,0,0,.5);
}

.selectbox.items li.first.selected {
  display:none;
}

.selectbox.items.above{}
.selectbox.items li{display:block;margin:0;padding:0;/*white-space:nowrap; maybe necessary if using fixedWidth: false */}
.selectbox.items li.first{margin-top:0;}
.selectbox.items li>.item{color:#000;cursor:default;display:block;padding:4px 6px;text-decoration:none;}
.selectbox.items li>.item>.text{display:inline-block;*display:inline;zoom:1;}
.selectbox.items li.selected>.item{border-bottom:1px dotted #999;border-top:1px dotted #999;}
.selectbox.items li.disabled>.item{color:#999;}
.selectbox.items li.hover>.item{background-color:#809933;color:#fff;}
.selectbox.items .value{display:none;}

/* optgroup styles */
.selectbox.items .optgroup .items{
  border:none;
  margin:0;
  padding:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.selectbox.items .optgroup>.label{cursor:default;font-weight:bold;line-height:1em;}
.selectbox.items .optgroup .items li>.item{padding-left:1em;}

/* easy rounding styles */
.selectbox .round_sb.display{
  padding:2px 26px 2px 5px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.selectbox .round_sb.display .arrow_btn{
  right:2px;
  top:2px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
.selectbox.round_sb.items{
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.selectbox.round_sb.items>li>a{padding:4px 6px;}
.selectbox.round_sb.items>li.first>.item{
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
}
.selectbox.round_sb.items>li.last>.item{
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}
/* for optgroups */
.selectbox.round_sb.items>li>.label{line-height:2.08em;padding:4px 6px;}
.selectbox.round_sb.items>li>.items li>.item{padding:4px 6px 4px 12px;}

/* fixed width example styles */
.selectbox .display.fixed_width{
  width:73px;
  padding:0 24px 0 3px;
}

.selectbox.fixed_width.items{
  width:100px; /* width of display text plus the padding (60 + 27) = 87 */
}

.selectbox .display.fixed_width2{
  width:60px;
  padding:0 24px 0 3px;
}

.selectbox.fixed_width2.items{
  width:300px; /* width of display text plus the padding (60 + 27) = 87 */
}

#header .menu-name-menu-footer div.menu a.closer {
  position:absolute;
  right:10px;
  top:20px;
  font-size:12px;
}

#secondary .menu-name-menu-footer {
  padding-left: 8px;
}

/*** Views slideshow ***/

/* Override behavior of views_slideshow to set static width for slideshow
   container and images */
#views_slideshow_cycle_main_hp_banner-block_1 {
  position: relative;
}
#views_slideshow_cycle_main_hp_banner-block_1::after {
  display: table;
  content: ' ';
  clear: both;
}
/* Views slideshow inlines a bunch of static dimensions, which doesn't work
   well with a responsive layout. Override with !important rules and position
   only one slide as absolute during transition */
.views_slideshow_cycle_slide.animating {
  position: absolute !important;
  top: 0;
  left: 0;
}
.views_slideshow_cycle_slide,
.views_slideshow_cycle_teaser_section {
  width: 100% !important;
  position: relative !important;
  height: auto !important;
  width: 100% !important;
}
.imagecache-hp_feature {
  width: 100% !important;
  height: auto !important;
}

div.views-slideshow-controls-top {
  position: relative;
}

.views_slideshow_controls_text {
  position: absolute;
  z-index: 100;
  top: 225px;
  width: 100%;
}

.views_slideshow_controls_text_previous {
  float: left;
  padding: 20px;
}

.views_slideshow_controls_text_next {
  float: right;
  padding: 20px;
}

.views_slideshow_controls_text span:hover {
  text-decoration: none;
}

.views_slideshow_controls_text_previous img {
  transform: rotate(180deg);
}

/*** Homepage quote ***/
h3.homepage-quote {
  font-size: 20px;
  font-weight: 400;
  color: #333;
  font-style: italic;
  text-transform: none;
}
/*h3.homepage-quote::before {
  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Geneva, sans-serif;
  content: "\201C";
  color: #ddd;
  margin-right: 8px;
  font-size: 2em;
  vertical-align: bottom;
  line-height: 10px;
}
h3.homepage-quote::after {
  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Geneva, sans-serif;
  content: "\201D";
  color: #ddd;
  margin-left: 8px;
  font-size: 2em;
  vertical-align: bottom;
  line-height: 10px;
}*/
div.homepage-quote-from {
  color: #dd7700;
  font-size: 16px;
  margin-top: 10px;
}

/*** Social links ***/
div.social-links {
  text-align: center;
  background: #fff;
  padding-top: 10px;
}
div.social-links .icon {
  margin: 0 5px;
}

#jump-to-filters {
  display: none;
}

/*** Media queries ***/

/* TODO: better method of positioning slideshow buttons for different screen
   sizes. Using a series of media queries because views slideshow is inlining
   so many things that it makes it easier to override */

@media screen and (max-width: 1024px) {
  .views_slideshow_controls_text {
    top: 140px;
  }
}

/* Transition hardcoded viewport to percentage widths */
@media screen and (max-width: 960px) {
  /* Set to 960px by default */
  .region-content_after, #main-row-inner {
    width: 100%;
  }
}

/* Tablet breakpoint */
@media screen and (max-width: 768px) {
  .views_slideshow_controls_text {
    top: 80px;
  }
  /* Hide the search on mobile for now. TODO: maybe drop this below the
    navigation? */
  #primary {
    bottom: calc(50% - 40px);
    left: 150px;
  }
}

@media screen and (max-width: 560px) {
  .fieldlayout-region-hard-left-detail {
    width: 100%;
  }
  .fieldlayout-region-hard-left-detail img {
    max-width: 100% !important;
    height: auto !important;
  }
  .node-column-right {
    width: 100%;
  }
  .node-detail-contents-inner {
    width: calc(100% - 30px);
    margin: 15px !important;
  }
}

/* Mobile breakpoint */
@media screen and (max-width: 768px) {
  #block-block-7 .block-content {
    padding: 0;
  }
  div#jump-to-filters {
    padding: 0 15px;
    display: block;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    bottom: 5px;
  }
  .node-detail-contents-inner {
    width: auto;
  }
  .node-body-detail,
  .fieldlayout-region-hard-left-detail,
  .node-column-right {
    width: 100%;
  }
  .section-media .node-body-detail,
  .section-media .fieldlayout-region-top-detail {
    width: calc(100% - 40px);
    padding: 20px;
    border: none;
  }
  .fieldlayout-region-hard-left .field-field-related-media:first-child > .field-items {
    width: auto;
    padding-top: 10px;
    text-align: center;
  }
  .fieldlayout-region-hard-left .field-field-related-media > .field-items .slides-mask {
    top: -20px;
  }
  .fieldlayout-region-hard-left .field-field-related-media:first-child > .field-items > .field-item {
    display: inline-block;
    float: none;
  }
  /*** Views Slideshow ***/
  .views_slideshow_controls_text {
    top: 40px;
  }
  /* Overlay sits below the slides, centered text */
  .views_slideshow_cycle_slide .node-teaser .overlay {
  	position: relative;
    text-align: right;
    font-size: 0.9rem;
    width: 100%;
    background: #fff;
    color: #666;
  }
  .views_slideshow_cycle_slide .node-teaser .overlay::after,
  .views_slideshow_cycle_slide .node-teaser .overlay::before {
    clear: both;
    display: table;
    content: ' ';
  }

  /*** Header bar ***/
  div#logo-wrapper {
    display: inline-block;
  }
  div#slogan {
    bottom: auto;
    top: 15px;
    left: auto;
    right: 5px;
    font-size: 13px;
  }
  div#navbar {
    position: relative;
    min-height: 100px;
    height: auto;
  }

  /*** Primary navigation ***/
  div#primary {
    display: block;
    position: relative;
    padding-top: 100px;
    width: calc(100% - 150px);
    display: none;
  }
  div#primary ul {
    display: block;
    position: relative;
    left: auto;
  }
  div#primary ul li.last,
  div#primary ul li {
    display: block;
    float: none;
    text-align: right;
    padding: 2px 10px;
  }
  div#primary ul li a,
  div#primary ul li.last a {
    color: #fff;
    text-transform: none;
  }

  /*** Button to toggle primary navigation while in mobile view ***/
  button#primary-navigation-toggle {
    width: 36px;
    height: 19px;
    padding: 0;
    z-index: 3;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 64px;
    background: none;
    border: none;
  }
  button#primary-navigation-toggle img {
    max-width: 100%;
    max-height: 100%;
  }
  button#primary-navigation-toggle img.menu-expanded {
    display: none;
  }

  /*** Secondary stuff including search ***/
  #header div#secondary {
    position: relative;
    width: 100%;
    top: auto;
    right: auto;
    display: none;
  }

  /*** "Browse by" navigation menu ***/
  a.link-expertise {
    color: #fff !important;
    display: block;
    right: 10px;
    font-size: 15px !important;
    text-transform: none;
  }
  a.link-expertise::before {
    content: '+ Browse By ';
  }
  a.link-expertise.sf-mobile-active::before {
    content: '- Browse By ';
  }
  a.link-expertise.sf-mobile-active::after {
    content: ' ';
    display: block;
    width: 100%;
    border-bottom: 2px solid #7e736f;
  }
  #block-menu_block-1 {
    width: 100% !important;
  }
  #block-menu_block-1::after {
    display: table;
    content: ' ';
    clear: both;
  }
  #block-menu_block-1 div.menu {
    /* Superfish is acting bizarre in mobile */
    display: none !important;
    position: relative !important;
    margin-left: 0;
    background: none;
    width: calc(100% - 20px);
    padding: 0;
  }
  #block-menu_block-1 div.menu-mobile {
    position: relative !important;
    margin-left: 0;
    background: none;
    width: calc(100% - 20px);
    padding: 0;
    text-align: right;
    margin: 25px 0;
  }
  #block-menu_block-1 div.menu-mobile.active {
    display: block;
  }
  #block-menu_block-1 .menu-col {
    float: right !important;
    margin: 25px 0;
  }
  #block-menu_block-1 .menu-col li {
    text-align: right;
  }
  #block-menu_block-1 .menu-block-1,
  #block-menu_block-1 .menu-block-1 > ul.menu > li.expanded {
    width: 100%;
  }
  /* Item links */
  .menu-name-menu-footer .menu .menu li a {
    background: none;
    color: #f58a33;
  }

  /*** Search block ***/
  #block-search-0 .container-inline {
    position: relative;
  }
  #block-search-0 .container-inline button[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    position: absolute;
    right: 8px;
    top: 8px;
    border: none;
    padding: 3px;
    background: #5e4d42;
  }
  #block-search-0 .container-inline button[type="submit"] .search-submit {
    display: none;
  }
  #block-search-0 .container-inline button[type="submit"] .search-submit-mobile {
    display: block !important;
  }
  #header #secondary h3.block-title {
    display: none;
  }

  /*** Image headers ***/
  /* rgba(63,44,31,0.7) */
  #content-area .node-detail.banner-style .fieldlayout-region-feature {
    position: relative;
  }
  #content-area .node-detail.banner-style .field-field-image {
    /*height: 75px;*/
    overflow: hidden;
  }
  /*#content-area .node-detail.banner-style .field-field-image::after {
    display: block;
    background: rgba(63,44,31,0.7) !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: ' ';
  }*/
  .imagecache-banner {
    max-width: 100% !important;
    height: auto;
    display: block;
  }
  div.field-type-filefield.field-field-image {
    position: relative;
  }
  img.imagecache-ss_media_poster,
  img.imagecache-detail_large {
    display: block;
    margin: 0 auto;
  }
  /*** Images slides on detail pages ***/
  /*img.imagecache-detail_large {
    min-width: 100%;
  }*/
  /*** Footer ***/
  div#footer-inner {
    right: 0;
    left: 0;
    padding: 10px 0 !important; /* weird inline styles sometimes appearing? */
  }
  #block-menu_block-1 {
    height: 20px;
    display: block;
    width: 100%;
    padding-left: 0;
    max-width: 100%;
    padding-top: 0;
  }

  /*** Grid view ***/
  table.views-view-grid {
    width: 100%;
  }
  .region-content_after .views-view-grid td {
    display: block;
    width: 100%;
  }
  .region-content_after .views-view-grid .node-teaser {
    width: 280px;
    margin: 0 auto;
  }
  .region-content_after .views-view-grid .field-field-thumbnail {
    width: 100%;
  }
  .region-content_after .views-view-grid .fieldlayout-region-before-teaser,
  a.imagecache-thumbnail_hover {
    min-height: 120px;
  }
  /* Show mobile filters div */
  #content-after .mobile-filters {
    display: block;
  }

  /*** Page headers and taglines ***/
  .section-projects #content-after,
  .section-ideas #content-after,
  .section-thought-leadership #content-after,
  .section-work #content-after,
  .section-people #content-after {
    margin-top: -50px;
  }
  .section-people.node-type-bio #content-after {
    margin-top: 0;
  }
  .section-projects #content-after-top .node-field-body,
  .section-ideas #content-after-top .node-field-body,
  .section-thought-leadership #content-after-top .node-field-body,
  .section-work #content-after-top .node-field-body,
  .section-people #content-after-top .node-field-body {
    margin-top: 20px;
    background: #fff;
    font-family: 'BellGothicBT-Bold';
  }
  .section-projects #content-after-top,
  .section-ideas #content-after-top,
  .section-thought-leadership #content-after-top,
  .section-work #content-after-top,
  .section-people #content-after-top {
    padding-bottom: 15px;
    position: relative;
    top: -60px;
    background: none;
  }
  .section-projects #content-after-top h2.page-title,
  .section-ideas #content-after-top h2.page-title,
  .section-thought-leadership #content-after-top h2.page-title,
  .section-work #content-after-top h2.page-title,
  .section-people #content-after-top h2.page-title {
    text-transform: none;
    font-size: 2em;
    letter-spacing: 1px;
    font-weight: 700;
  }

/*** Page header related ***/
  body.node-type-page-landing #content-after-top h2.page-title {
    padding: 0 10px;
  }
  div.slides-mask {
    margin: 0 auto;
  }
  #content-after-top .node-field-body {
    width: auto;
    padding: 5px 15px;
  }
  div#node-3413,
  div#node-160,
  div#node-158 {
    background-color: #fff;
  }

  /*** About page and related section button navigation and related
       media for detail pages ***/
  .region-content_top #block-menu_block-3,
  .region-content_top #block-menu_block-10 {
    display: none;
  }
  #tabs-tabset ul.ui-tabs-nav {
    margin: 0 -30px -30px -8%;
    padding: 10px 0 40px 10px;
  }
  #tabs-tabset ul.ui-tabs-nav li,
  #content-after #block-menu_block-3 ul.menu li,
  #content-after #block-menu_block-10 ul.menu li {
    display: block;
    width: auto;
    float: left;
    padding: 10px;
    color: #fff;
    background: #f58a33;
    width: 100px;
    margin: 10px 0px 10px 10px;
  }
  #tabs-tabset ul.ui-tabs-nav li:nth-of-type(even)::after,
  #content-after #block-menu_block-3 ul.menu li:nth-of-type(even)::after,
  #content-after #block-menu_block-10 ul.menu li:nth-of-type(even)::after {
    display: block;
    content: ' ';
    clear: both;
  }
  #content-after #block-menu_block-3 ul.menu li:nth-child(even) {
    /*display: block;*/
  }
  #content-after #block-menu_block-3 .block-content,
  #content-after #block-menu_block-10 .block-content  {
    padding-top: 0;
  }
  #tabs-tabset ul.ui-tabs-nav li a,
  #tabs-tabset ul.ui-tabs-nav li a.active,
  #content-after #block-menu_block-3 ul.menu li a,
  #content-after #block-menu_block-10 ul.menu li a {
    color: #fff;
    font-weight: 600;
    background: none;
    background-color: transparent;
    text-transform: uppercase;
  }
  #tabs-tabset ul.ui-tabs-nav li a span.tab::after,
  #content-after #block-menu_block-3 ul.menu li a::after,
  #content-after #block-menu_block-10 ul.menu li a::after {
    content: "\00bb";
    margin-left: 5px;
    font-size: 1.5em;
  }
  /*** Detail pages ***/
  .field-field-related-media .node,
  .fieldlayout-region-hard-left .field-field-related-media > .field-items {
    width: 100%;
  }
  .fieldlayout-region-hard-right {
    float: none;
    width: auto;
  }
  .node-body-hard-right {
    margin: 0;
    padding: 10px 0;
  }
  /*.section-people.node-type-bio */
  .node-has-region-hard-left .node-body-detail.node-body-hard-right {
    width: 100%;
    float: none;
  }
  .section-work.not-front .fieldlayout-region-hard-right-detail,
  .section-people.node-type-bio .fieldlayout-region-hard-right-detail {
    margin: 0;
    padding: 0;
    border: none;
  }
  .section-work.not-front h4.subtitle,
  .section-work.not-front h4.subtitle a,
  .section-work.not-front h2.node-field-title,
  .section-people.node-type-bio h4.subtitle,
  .section-people.node-type-bio h4.subtitle a,
  .section-people.node-type-bio h2.node-field-title{
    color: #333;
    font-family: 'BellGothicBT-Bold';
  }
  .node-body-teaser h3.node-field-title a {
    font-family: 'BellGothicBT-Bold';
  }
  div.field-field-quote {
    font-size: 1.4em;
    font-style: italic;
  }
  #views-exposed-form-people-section-block-1, #views-exposed-form-design-forum-block-1 {
    float: none;
  }
  .section-contact-us table {
    width: 100% !important;
  }
  .section-contact-us .fieldlayout-region-top-detail {
    border-top: none;
  }
}

@media screen and (min-width: 580px) {
  .region-content_after .views-view-grid td {
    width: auto;
  }
}
@media screen and (min-width: 580px) and (max-width: 768px) {
  .region-content_after .views-view-grid td {
    display: inline-block;
    width: calc(50% - 40px);
  }
  .section-projects #content-after-top .node-field-body,
  .section-ideas #content-after-top .node-field-body,
  .section-thought-leadership #content-after-top .node-field-body,
  .section-work #content-after-top .node-field-body,
  .section-people #content-after-top .node-field-body {
    width: calc(100% - 20px);
  }
  .region-content_after .views-view-grid td.col-last,
  .region-content_after .views-view-grid td {
    padding: 20px;
  }
}
@media screen and (min-width: 769px) {
  /* Always show navigation if the screen is larger than 480. Only relevant if
     window is resized after toggling navigation and having inline styles */
  #primary,
  #secondary {
    display: block !important;
  }
}
/* @end */

// Editing Fields

div#edit-field-image-0-data-description-wrapper {
  display: none;
}