/* General
================================================== */
/* Menu transitions */
#header,
.logo--shape,
.menu-transition,
.show-menu .menu-transition{
	transition: 0.3s ease all;
}
ul.menu > li > a{ 
	transition: 0.15s ease all; 
}
.page-top #header{ 
	transition: 0.3s ease padding; 
}
body:not(.page-top) #header,
body.node-type-london-2018-news-item #header,
body.page-node-359 #header,
body.page-node-360 #header,
body.page-node-361 #header{
	background-color: white;
	border-bottom: 1px solid #eee;
	height: 90px;
}
#page-wrapper.shard-image ul.menu:after{ 
	transition: 0.2s ease all;
}
body:not(.page-top) #logo--text,
body.node-type-london-2018-news-item #logo--text,
body.page-node-359 #logo--text,
body.page-node-360 #logo--text,
body.page-node-361 #logo--text{ 
  opacity: 0; 
}
body:not(.page-top) #logo,
body.node-type-london-2018-news-item #logo,
body.page-node-359 #logo,
body.page-node-360 #logo,
body.page-node-361 #logo{ 
	width: 140px; 
	height: 95px;
}
#page-wrapper.shard-image ul.menu:after{
	position: absolute;
	display: block;
	content: '';
	width: 180%;
	height: 100%;
	top: 0;
	left: 0;
	transform: translateX(0);
	transition: 0.3s ease all;
}
body:not(.page-top) #page-wrapper.shard-image ul.menu:after{ 
	transform: translateX(100%);
}
body.node-type-london-2018-news-item ul.menu:after,
body.page-node-359 ul.menu:after,
body.page-node-360 ul.menu:after,
body.page-node-361 ul.menu:after{
  display: none !important;
}

/* Logo */
#logo{ width: 200px; }
body:not(.page-top) .logo--text,
#page-wrapper.shard-image .logo--text{ 
	fill:#779BA3 !important; 
}
body:not(.page-top) .logo--a,
body.node-type-london-2018-news-item .logo--a,
body.page-node-359 .logo--a,
body.page-node-360 .logo--a,
body.page-node-361 .logo--a{ 
  fill:#CB7D88 !important; 
}
body:not(.page-top) .logo--b,
body.node-type-london-2018-news-item .logo--b,
body.page-node-359 .logo--b,
body.page-node-360 .logo--b,
body.page-node-361 .logo--b{ 
  fill:#779BA3 !important; 
}
body:not(.page-top) .logo--c,
body.node-type-london-2018-news-item .logo--c,
body.page-node-359 .logo--c,
body.page-node-360 .logo--c,
body.page-node-361 .logo--c{ 
  fill:#F6A762 !important; 
}

/* Mobile button */
#mobile-button{ display: none; }

/* Heading & Text
================================================== */
/* Tape text */
.tape-text,
.tape-text p{
	padding: 3px 0;
}
h1.tape-text,
.banner-summary.tape-text p{
	font-size: 1.5em;
	line-height: 1.8em;
}

/* Menus & Links
================================================== */
/* Main Menu */
#block-menu-block-1,#block-menu-menu-london-election-2018{
	position: absolute;
	top: 0;
	right: 0;
}
ul.menu{ font-size: 0; }
ul.menu > li{
	font-size: 16px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
ul.menu > li > a{
	margin: 15px;
	padding: 0;
	background-color: transparent;
	color: inherit;
	border-bottom: none;
	box-shadow: 0 0 0;
}
.page-top .banner-image #block-menu-block-1 a{ text-shadow: 0 1px 6px rgba(0,0,0,0.7); }
ul.menu li.menu-mlid-219{ display: none; } /* Hide home link */

/* Regions
================================================== */
/* Header */
#header{
	position: fixed;
	width: 100%;
	padding: 20px;
	top: 0;
	left: 0;
	z-index: 2;
}
.header-inner{ position: relative; }
.region-header{
	position: static;
	margin: 0;
	transform: none;
}
body.toolbar #header{ top: 50px; }
body.toolbar-drawer #header{ top: 84px; }
.mobile-header{
	position: static;
	height: auto;
	padding: 0;
	background-color: transparent;
}

/* Sidebar */
#content-wrapper, 
#content.has-sidebar, 
#sidebar{
    position: relative;
}
#sidebar{
	width: 200px;
	float: right;
	margin-left: -100%;
}
#page-wrapper.shard-image #sidebar{ padding-top: 25%; }
#content.has-sidebar,
#page-wrapper.shard-image #content{
    width: 100%;
    float: left;
    padding-right: 250px;
}

/* Shard image page */
#page-wrapper.shard-image #content-wrapper{ padding-top: 180px; }
body.node-type-london-2018-news-item #page-wrapper:not(.banner-image) #content-wrapper,
body.page-node-359 #content-wrapper,
body.page-node-360 #content-wrapper,
body.page-node-361 #content-wrapper{ 
  padding-top: 110px !important; 
}

/* FOOTER */
#lower-footer .copyright{ display: inline-block; }
#lower-footer .design-credit{ float: right; }


/* Blocks
================================================== */
#page-wrapper.banner-image #banner{ 
	height: 100vw;
	padding-top: 0;
}
#page-wrapper.banner-image .backing-colour{ 
	width: 66.66%; 
	padding: 10px;
}
#page-wrapper.banner-image .backing-colour .call-to-action{
	margin-left: -10px;
}

/* Nodes
================================================== */
.node:not(.node-teaser) .summary{ font-size: 1.5em; }
.node-teaser{
	display: inline-block;
	width: 50%;
	font-size: 16px;
	padding: 1px;
	margin: 0;
}
.node-teaser-inner{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 100%;
}
.node-teaser a:not(.call-to-action),
.node-teaser .node-image{
	position: absolute;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
}
.node-teaser a:before{
	display: inline-block;
	content: '';
	height: 100%;
	margin-left: -0.3em;
	vertical-align: middle;
}
.node-teaser .content{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}
.node-teaser .content.no-link a {
  position: relative;
}
.node-teaser .content.no-link a:before {
  display: none;
}
#block-views-offices-block .node-teaser a,
#block-views-partners-block .node-teaser a {
  position: relative;
}
#block-views-offices-block .node-teaser a:before,
#block-views-partners-block .node-teaser a:before {
  display: none;
}
#block-views-offices-block .node-teaser .content,
#block-views-partners-block .node-teaser .content {
  position: absolute;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
}
#block-views-offices-block .node-teaser .content:before,
#block-views-partners-block .node-teaser .content:before {
  display: inline-block;
	content: '';
	height: 100%;
	margin-left: -0.3em;
	vertical-align: middle;
}
#block-views-offices-block .node-teaser .content-inner,
#block-views-partners-block .node-teaser .content-inner {
  display: inline-block;
	width: 100%;
	vertical-align: middle;
}

/* Client Logos */
.node-teaser.node-client-logo{ padding-bottom: 50%; }

/* Views
================================================== */
.view-child-pages .view-content,
.view-services .view-content,
.view-promoted .view-content,
.view-services-associated-case-studies .view-content,
.view-specialism-associated-case-studies .view-content,
.view-news .view-content,
.view-id-sector_content.view-display-id-block_1 .view-content,
.view-id-sector_content.view-display-id-block_2 .view-content,
.view-id-sector_content.view-display-id-block_3 .view-content,
.view-id-sector_content.view-display-id-block_4 .view-content,
#block-views-offices-block .view-content,
#block-views-partners-block .view-content,
#block-views-case-studies-block .view-content,
#block-views-team-sector-block .view-content,
#block-views-team-sector-block-1 .view-content,
#block-views-team-sector-block-2 .view-content,
#block-views-team-sector-block-3 .view-content,
#block-views-team-sector-block-4 .view-content,
#block-views-team-sector-block-5 .view-content,
#block-views-team-sector-block-6 .view-content { 
	font-size: 0; /* Set to 0 to remove  's from between inline block elements */
}
.view-id-sector_content.view-display-id-block_1 .node-teaser,
.view-id-sector_content.view-display-id-block_2 .node-teaser,
.view-id-sector_content.view-display-id-block_3 .node-teaser,
#block-views-team-sector-block .node-teaser,
#block-views-team-sector-block-1 .node-teaser,
#block-views-team-sector-block-2 .node-teaser,
#block-views-team-sector-block-3 .node-teaser,
#block-views-team-sector-block-4 .node-teaser,
#block-views-team-sector-block-5 .node-teaser,
#block-views-team-sector-block-6 .node-teaser {
	width: 33.33%;
}