@charset "utf-8";
/* CSS Document */

/*
@media screen and (max-width: XX.XXXem) {}

max-width: 29.9375em - MOBILE
max-width: 47.9375em - MOBILE LANDSCAPE
max-width: 63.9375em - TABLET PORTRAIT
max-width: 85.5625em - TABLET LANDSCAPE

other options to test if needed:
119.3125em
114.0625em
102.4375em
95.3125em
85.5625em
76.5625em
66em
57.8125em
53.125em
51.8125em
30em

*/

/* Main navigation needs to be smaller to accommodate service becoming professions which is much longer word and goes off the menu if font is as it was */
.linkList-item_siteNavigation.linkList-item_level_1 {
	font-size: 1.55rem;
}


a.lightOnDarkLink {
	color: 	#a9a9a9;
}

body, .header, .latestNews {
	max-width: 138em;	
}
a {
	color: #5e6a71;
}
a:hover, a:focus {
	color: #75848d;
	text-decoration: none;	
}

.blockquote {
	margin-top: 1.45rem;
	margin-bottom: 1.45rem;	
}

.footer_full, .ie7 .footer {
    padding-right: 6rem;
}

@media screen and (max-width: 63.9375em) {
	.contentPage {
		margin-left: 14.5rem;
	}
	.footer {
		margin-left: 14.5rem;
	}
	.row-item_size_quarter {
		width: 50%;
		float: left;
	}
}
@media screen and (max-width: 47.9375em){
	.footer_full, .ie7 .footer {
   		margin-right: 0;
	}
	.contentPage {
		margin-left: 0;
	}
	.footer {
		margin-left: 0rem;
	}
	
}
@media screen and (max-width: 29.9375em){
	.row-item_size_quarter {
		/* width: 35%; */
	}
}

li.noListStyle {
	list-style: none;	
}

.buttonList-list_utilLinks {
	background-color: rgba(255, 255, 255, 0.8);	
	height: 25px;
}
.buttonList-list_nested {
	background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width:  47.9375em) {
.buttonList-list_nested {
	background-color: rgba(255, 255, 255, 0.8);
}
}
@media screen and (min-width: 120.0625em) {
.functionBar-inner {
	right: calc(50% - 67.5em);
}
}
.hero-copy a {
	color: #cecece;
}
.hero-copy a:hover {
	text-decoration: none;
	color: #c00
}
.hero-copy table {
	font-size: 1.425rem;	
}
.l-content {
	padding-bottom: 0.125rem;
}
.l-subTitle {
    margin-top: 1rem;
}
/* I think it might not be needed. Rk 27/01/2016
.wysiwyg {
    margin-bottom: 2.125rem;
}
.wysiwyg_color_blue, .wysiwyg_color_purple, .wysiwyg_color_olive, .wysiwyg_color_green, .wysiwyg_color_yellow, .wysiwyg_color_orange, .wysiwyg_color_red {
    margin-bottom: 1.125rem;
}
*/
.noMarginBottomWysiwyg {
	margin-bottom: 0;
}
.row {
	/* margin-bottom: 0; */
}
.row .row {
	margin-bottom: 20px;	
}
.row-item > img {
	padding-bottom: 1.125rem;	
}
.personName-name_page {
	display: none;	
}

.l-copyBlock {
	margin-bottom: 20px;	
}

#info .iframeVideo {
	
}
.iframeVideo {
	margin: 0.5em;
}

.wysiwyg_color_yellow ul>li.linkColour {
	color: #5e6a71;
}

html, body {
	font-size: 14px;	
}

article {
	margin: 1em 0.5em;
}
.infiniteScrollMasonry-holder_liquid {
	margin: 0;
}

.listItem-copy,
.listItem-copy_autocomplete,
.listItem-title_autocomplete {
	font-size: 1.225em;
}

.personPage-image {
	width: 38%;	
}
/*
.js .tabs-nav-item-link_homepage {
	font-size: 0.985em;	
}
*/
.siteNavigation {
	width: auto;
}

.js .tabs-nav_homepage {
	padding-right: 100px;
}
.projectItem {
	margin: 1em 0.5em;
}

.projectItem-title-zh {
	padding-bottom: 0.85em;
}
.projectItem-copy-zh {
	line-height: 1.35em;
}

.buttonList-listItem_navSocial {
	margin-right: 0;	
}
.button_headerSocial {
	margin-right: 0.125rem;
}

.button_headerSocial img {width: 20px;}
.icon_icon_socialHeader-facebook {width: 9px; height: 20px;}
.icon_icon_socialHeader-twitter {width: 20px; height: 20px;}
.icon_icon_socialHeader-youtube {width: 18px; height: 21px;}
.icon_icon_socialHeader-instagram {width: 20px; height: 20px;}
.icon_icon_socialHeader-googleplus {width: 20px; height: 20px;}


.button.carouselSlideVideo-playBtn {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.41);
}
.icon_icon_play-button {
	height: 100px;
	width: 100px;	
}

p.imgCopyrights {
	font-size: 1.325rem;
	position: absolute;
	top: -10px;
}
p.imgCopyrightsOnImage {
	font-size: 1.325rem;
	position: absolute;
	top: -49px;
	left: 7px;
	padding: 4px 10px;
	background: #fff;
}
@media screen and (max-width: 63.9375em) {
	p.imgCopyrightsOnImage {
		top: -68px;
	}
}
p.underImgCaption {
	font-size: 1.325rem;
	position: relative;
	top: -0.85rem;
}

/* Front Page Image captions */
.carouselTitle {
	font-size: 0.87rem;
}
.carouselTitle-text {
	font-weight: normal;
}
.carouselTitle-link {
}

.carouselTitle-link:hover, .carouselTitle-link:focus {
	text-decoration: none;
	color: #cecece;
}
/* END Front Page Image captions */

/* QUOTE overlay */
.blockquote_imageOverlay_fade:after {
	left: 0;	
}

	/* QUOTE on Mr Arimoto's Thought Piece */
	@media screen and (max-width: 63.9375em) {
		.blockquote-image-no-enlarge {
			width: auto;
		}
	}
	.blockquote-image-no-enlarge {
		width: auto;
	}
	/* END QUOTE on Mr Arimoto's Thought Piece */

/* END QUOTE overlay */


/*
.wysiwyg p,
.wysiwyg ul > li {
	font-size: 1.675rem;
}

@media screen and (max-width:  29.9375em) {
.wysiwyg p,
.wysiwyg ul > li {
	font-size: 1.165rem;
}

}

@media screen and (max-width:  47.9375em) {
.wysiwyg p,
.wysiwyg ul > li {
	font-size: 1.165rem;
}

}
*/

.l-copyBlock.l-copyBlock_section {
	min-height: calc(100vh - 43.75rem);
}


/* Language Switch Visible all the time */
.buttonList-listItem_utilLinks {
	margin-left: 0;	
}
.icon_icon_lang-nl,
.icon_icon_lang-en {
	height: 14px;
    width: 22px;
}
.icon_icon_lang-cn {
	height: 15px;
    width: 28px;
}
/* END Language Switch Visible all the time */


/* Multi Section Pages styles (Housing, bits of Ireland...) */
.multiSectionPage .wysiwyg {
    margin-bottom: 0;
}

.multiSectionPage .wysiwyg_bgImage {
	background-repeat: no-repeat;
	background-size: cover;
}
.multiSectionPage .row-item_size_half .wysiwyg_bgImage
 {
	background-position-y: -4rem;
}

.multiSectionPage .wysiwyg .wysiwyg-inner_bgImage h4 {
     font-size: 1.875rem;
	 text-shadow: 2px 2px 4px #000;
}

.multiSectionPage .wysiwyg .wysiwyg-inner_bgImage p {
     font-size: 1.225rem;
	 text-shadow: 1px 1px 2px #000;
}

.mspProjectLink .wysiwyg-inner_bgImage {
     min-height: 23rem;
     padding: 1em;
	 background-image: none;
}

.mspProjectLink:hover {
	text-decoration: none;
}
.mspProjectLink:hover h4,
.mspProjectLink:hover p {
	color: #F0F0F0;
}
.multiSectionPage .wysiwyg_color_blue, .multiSectionPage .wysiwyg_color_purple, .multiSectionPage .wysiwyg_color_olive, .multiSectionPage .wysiwyg_color_green, .multiSectionPage .wysiwyg_color_yellow, .multiSectionPage .wysiwyg_color_orange, .multiSectionPage .wysiwyg_color_red {
	margin-bottom: 0;
}

.multiSectionPage .row-item > img {
    padding-bottom: 0;
}

.wysiwyg .mspSectionLink {
	border: solid;
	border-width: 1px 0 0 2px;
    bottom: 0;
    display: block;
    font-size: 1.725em;
    height: auto;
    line-height: 1.225em;
    padding: 0.3em 1.2em;
    position: absolute;
    right: 0;
    width: auto;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}

.wysiwyg .mspSectionLink:hover {
	text-decoration: none;
	color: #F0F0F0;
}

.wysiwyg #housing_ul .mspSectionLink {
	border-color: #59899f;
	background: #679cb4;
}
.wysiwyg #housing_ul .mspSectionLink:hover {}

.wysiwyg #housing_nc .mspSectionLink {
	border-color: #7f8417;
	background: #9da31c;
}
.wysiwyg #housing_nc .mspSectionLink:hover {}

.wysiwyg #housing_sl .mspSectionLink {
	border-color: #bf5718;
	background: #da641b;
}
.wysiwyg #housing_sl .mspSectionLink:hover {}

.wysiwyg #housing_ab .mspSectionLink {
	border-color: #68366b;
	background: #7f4181;
}
.wysiwyg #housing_ab .mspSectionLink:hover {}

.wysiwyg #housing_sh .mspSectionLink {
	border-color: #7b744e;
	background: #9b9362;
}
.wysiwyg #housing_sh .mspSectionLink:hover {}

/*  End Multi Section Pages styles (Housing,...) */



/* Pear Tree Lane Questionnaire Feedback */

.ptlFeedbackForm .form {
	font-size: 1.375rem;
	font-weight: bold;
}
.ptlFeedbackForm label {
	font-size: 1rem;
}
.ptlFeedbackForm .ptlQuestionnaireSection label {
	font-size: 1.375rem;
}
.ptlFeedbackForm fieldset label {
	font-weight: normal;
}
.ptlFeedbackForm .ptlQuestionExtra label{
	font-size: 1rem;
	font-weight: normal;
}
.ptlFeedbackForm .form-row.ptlQuestionExtra,
.ptlFeedbackForm .ptlQuestionExtra {
	margin-bottom: 2em;
}
.ptlFeedbackForm .orientationHorizontal legend {
	font-weight: normal;
	font-size: 1rem;
}
.ptlFeedbackForm .ptlQuestionnaireWithExtra legend {
	font-weight: bold;
	font-size: 1.375rem;
}
.ptlFeedbackForm .form_input_textfield, .ptlFeedbackForm .form_input_textarea {
	font-weight: normal;
}

/* End Pear Tree Lane Questionnaire Feedback */

/* Disaster Recovery */

.disasterRecovery .wysiwyg a {
	color: #333;	
}
.disasterRecovery .linkCollection {
    padding: 0.2rem;
    padding-left: 0.5rem;
	margin-top: 0;
	border: 0px;
	background: #333;
	color: #fff;	
}
.disasterRecovery .linkCollection-item {
	font-size: 1.125rem;
	line-height: 1.125rem;
} 
.disasterRecovery .linkCollection-link {
	color: #fff;	
}
.disasterRecovery .wysiwyg ul {
	list-style-type: disc;
}
.disasterRecovery .wysiwyg ul>li:before {
	content: normal;
}

.disasterRecovery table {
    width: 80%;
}
.disasterRecovery table.p100 {
    width: 100%;
}
.disasterRecovery table th {
	font-size: 1.375rem;
	text-align: left;
}
.disasterRecovery table td {
    width: 50%;
	padding: 0;
	border-bottom: 1px solid #eee;
}
.disasterRecovery table.p100 td {
    width: auto;
}
.disasterRecovery table.smallP td p {
	font-size: 1.375rem;
}
.disasterRecovery table td p {
	margin: 0.5rem 0;	
}

/* End Disaster Recovery */


/*! jQuery UI - v1.10.4 - 2016-03-11
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 2.125rem;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 0.5em 0 0 0.7em;
	border-top: 0;
	overflow: hidden;
}

/* RK added 16/03/2016 */
h6.dr_location_heading {
	background-color: #78b4d0;
	background-image: none;
	color: #FFF;
}
h6.dr_location_heading.ui-state-hover {
	background-color: #6ca2bb;
	background-image: none;
	color: #FFF;
}

h6.dr_location_heading.dr_subSection {
	background-color: #FFC;
	background-image: none;
}

/* L I G H T I N G Community of Artists */
.row-item_size_half.textContent .wysiwyg {
		padding-left: 4%;
	}
@media screen and (max-width: 63.9375em) { /* padding-left 4% will be only on desktops */
	.row-item_size_half .wysiwyg {
		padding-left: 0;
	}
}

.wysiwyg strong.strongArtistPage {
	color: #777;
}

.communityOfArtists .personDetails, .communityOfArtists .personName-location, .communityOfArtists .personName-role {
	display: none;	
}
.communityOfArtists h3 {
	font-size: 1.675rem;
	color: black;
}
@media screen and (max-width: 85.5625em) {
.communityOfArtists h3 {
	font-size: 0.945rem;
}	
}
@media screen and (max-width: 63.9375em) {
.communityOfArtists h3 {
	font-size: 1.675rem;
}	
}

.communityOfArtists a {
	color: #5e6a71;	
}
.communityOfArtists a:hover {
	text-decoration: underline;	
	color: #75848d;
}
/* End L I G H T I N G Community of Artists */

.heroTitleBackgroundOpacity {
	width: 14.8rem;
	padding: 0.1rem 0.3rem;
	background-color: rgba(0,0,0,0.4);
}

/* China styles body class="lang_zh" */
.lang_zh .wysiwyg p {
	line-height: 1.35em;
	font-size: 1.525rem;
}
.lang_zh .wysiwyg h2,
.lang_zh .l-subTitle {
	font-size: 2.0rem;	
}
.lang_zh .l-title {
	font-size: 2.5rem;
}

/* WeChat */
li.weChat {
	float: right;	
}
li.weChat img {
	width: 100px;	
}
/* END WeChat */

/* END China styles */

/* Text blocks links */
.wysiwyg .textBlockLinks h4 {
	font-size: 1.525rem;
	margin: 0 0 0.325rem;
}
.wysiwyg .textBlockLinks ul {
		
}
.wysiwyg .textBlockLinks ul li {
		font-size: 1.325rem;
}
.wysiwyg .textBlockLinks ul li a {
	color: #fff;
}
.wysiwyg .textBlockLinks ul li a:hover {
	color: #cecece;
}
/* END Text blocks links */

/* Thought Pieces News Events blocks on the info section inheriting from mspProjectLink */
a.tpBlock p {
	position: absolute;
	bottom: 0px;
	padding-right: 5px;
}
body.urbanism .wysiwyg-inner_bgImage h4 {
	text-transform: none;
}
/* END Thought Pieces News Events blocks on the info section inheriting from mspProjectLink */

/* Search autocomplete */
.ui-autocomplete .ui-menu-item {
	cursor: pointer;
}

/* GRAPHICS Projects */
body.graphic-design .l-subTitle,
.hidden  {
	display: none;
}
 
.row.halfWidth {
	width: 50%;
}