/* @override 
	http://localhost:8888/255002-RWKA//stylesheets/app.css */

/* Foundation v2.2.1 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Gaps
:: Index
:: Project
*/
/*html, body {
		width: 320px;
	}*/


	body { background: #fff; font-family: linotype-sabon, Georgia, serif; font-size: 18px; font-size: 1.8rem; line-height: 24px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
	
	
/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25 }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 30px; font-size: 3.0rem; margin-bottom: 0px;}
	h2 { font-size: 30px; font-size: 3.0rem; margin-bottom: 0px; }
	h3 { font-size: 21px; font-size: 2.1rem; line-height: 24px; margin: 0 0 0px; }
	h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
	h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px;  }
	h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }

	.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }

	p { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin: 0 0 0px; }
	p img { margin: 0; }
	
	em, i { font-style: italic; line-height: inherit; }
	strong, b { font-weight: bold; line-height: inherit; }
	small { font-size: 60%; line-height: inherit; }
	
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
	
	.header h1 { font-weight:normal;font-size: 30px; font-size: 3.0rem; line-height: 24px;margin: 0 0 0px; }
	/* .header h1 { font-weight:normal;font-size: 21px; font-size: 2.1rem; line-height: 24px;margin: 0 0 0px; } */
	/* .footer p, .footer a, .info a {font-size: 21px; font-size: 2.1rem; line-height: 24px;margin: 0 0 0px; } */
	/*	Blockquotes  */
	.bg-red blockquote, blockquote p { font-size: 36px; font-size: 3.6rem;line-height: 42px; color: white;text-indent: -12px;	}
	.bg-red blockquote { margin: 0 0 0px 10%; padding: 0px 0px 0 0px; border-left: 0px solid #ddd; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
	
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }
	
	li { margin-bottom: 0px; }
	
	.manifesto-text p{ font-size: 36px; font-size: 3.6rem;line-height: 42px;	}
	.manifesto h2 { font-size: 36px; font-size: 3.6rem; margin-bottom: 0px; }
	
	.arrow {font-size: 36px; font-size: 3.6rem;font-family: Arial !important;}
	
/*	--------------------------------------------------
    :: Transition
	-------------------------------------------------- */	
	
	.preloaded {
		display:none;
	}
	
	.ani {
	  -webkit-transition: all .3s ease-in-out;
	  -moz-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
	}
		
	
	
/*	--------------------------------------------------
    :: Icons
	-------------------------------------------------- */
		
	@font-face {
		font-family: 'icomoon';
		src:url('/fonts/icomoon.eot');
		src:url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
			url('/fonts/icomoon.ttf') format('truetype'),
			url('/fonts/icomoon.woff') format('woff'),
			url('/fonts/icomoon.svg#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	[class^="icon-"], [class*=" icon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.icon-up:before {
		content: "\e600";
	}
	.icon-uarr:before {
		content: "\e601";
	}
	.icon-list:before {
		content: "\e602";
	}
	.icon-down:before {
		content: "\e603";
	}
	.icon-close:before {
		content: "\e604";
	}
	
		
	
	
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.indent-text p { text-indent:10%;}
.indent-text p:first-child { text-indent:0px;}
.indent { padding-left: 10%;}
.title { text-indent:10%;}


h2.normal {font-weight: normal !important;}
h3.normal {font-weight: normal !important;}


.bg-red {background-color: #B54A41;} /* Previous: #d55c4f [Manifesto BG] */
.bg-black {background-color: #231f20;}
.bg-white {background-color: white;}

.text-red, .text-red p, .text-red h1, .text-red h2, .text-red h3, .text-red h4, .text-red h5, .text-red h6 {color: #B54A41;} /* Previous: #d1493a [text] */
.text-red a {color: #B54A41; border-bottom: 1px solid #B54A41;}
.text-red a:hover {color: #B54A41; border-bottom: none;}
.text-red a:hover.no_underline {color: #231f20;}

.text-black, .text-black p, .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h5, .text-black h6 {color: #231f20;}
.text-black a {color: #231f20; border-bottom: 1px solid #231f20;}
.text-black a:hover {color: #231f20; border-bottom: none;}
.text-black a:hover.no_underline {color: #B54A41;}

.text-white, .text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {color: white;}
.text-white a {color: white; border-bottom: 1px solid white;}
.text-white a:hover {color: white; border-bottom: none;}
.text-white a:hover.no_underline {color: #B54A41;}
.bg-red .text-white a:hover.no_underline {color: #231f20;}

a.no_underline {border-bottom: none !important;}

sup {font-size: 17px;}
sup a {border-bottom: none !important;}


.fixed {position: fixed;}
.relative{position: relative;}
.header.relative {z-index: 0;top: 0%;width: 40%;left: 30%;height: 11%;}
.header.fixed {z-index: -1;top: 0%;width: 40%;left: 30%;}
.footer.fixed {z-index: -1;bottom: 1px;width: 40%;left: 30%;}
.margin-header {margin-top: 11%;}
.margin-footer {margin-bottom: 14%;}
.pad-top-header {margin-top: 10.1%;}

#top {
	position: absolute;
	top: -10%;
	width: 100%;
	height: 1px;
}

.content#white {border-top: 1px solid #B54A41;}
.content#white {margin-top: -1px;
}

/* -----------------------------------------
   Block-Grid
----------------------------------------- */


	.block-grid.five-up { margin-left: -9% }
	.block-grid.five-up>li { margin-left: 9%; width: 11%; margin-bottom: 4%;}
/* 	.block-grid.five-up>li:nth-child(5n+1) {clear: left;} */

	.block-grid.six-up { margin-left: -5.666% }
	.block-grid.six-up>li { margin-left: 5.666%; width: 11%; margin-bottom: 4%;}
/* 	.block-grid.five-up>li:nth-child(5n+1) {clear: left;} */


/* -----------------------------------------
   Gaps
----------------------------------------- */

.pad-top-t {			padding-top: 1.5%;		}
.pad-top-s {			padding-top: 3%;		}
.pad-top {   			padding-top: 6%;		}
.pad-top-l {			padding-top: 9%;		}
.pad-top-xl {			padding-top: 12%;		}
.pad-bottom-t {			padding-bottom: 1.5%;	}
.pad-bottom-s {		    padding-bottom: 3%;		}
.pad-bottom {		    padding-bottom: 6%;		}
.pad-bottom-l {		    padding-bottom: 9%;		}
.pad-bottom-xl {		padding-bottom: 12%;	}

.gap-top-t {		    margin-top: 1.5%;		}
.gap-top-s {		    margin-top: 3%;			}
.gap-top {		    	margin-top: 6%;			}
.gap-top-l {		    margin-top: 9%;			}
.gap-top-xl {			margin-top: 12%;		}
.gap-bottom-t {		    margin-bottom: 1.5%;	}
.gap-bottom-s {		    margin-bottom: 3%;		}
.gap-bottom {		    margin-bottom: 6%;		}
.gap-bottom-l {		    margin-bottom: 9%;		}
.gap-bottom-xl {		margin-bottom: 12%;		}
		

/* -----------------------------------------
   Index
----------------------------------------- */

.modal-list li {margin-bottom: 24px;text-indent: 10%;}
#awards .modal-list li p{text-indent: 0%;}

.homeSlider { display:none }

/* -----------------------------------------
   Project
----------------------------------------- */

.royalSlider {
	width: 100% !important;
}

.projectSlider { display:none }

/* Set height of slider to 350px when size of window is less than 500px */
@media all and (max-width: 500px) {
   .projectSlider  {
      height: 350px !important;
   }
}

.description {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-moz-column-gap:30px; /* Firefox */
	-webkit-column-gap:30px; /* Safari and Chrome */
	column-gap:30px;
}

ul.folio a {
	border-bottom: 0px solid white !important;
}

ul.folio li a p:before {
	content: '|';
}

ul.folio li a p {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	opacity: 0;
}

ul.folio li a:hover p {
	opacity: 1;
}

ul.folio li{
	position: relative;
	display: block;
	height: 220px;
	line-height: 200px;
}

ul.folio li img {
	vertical-align: middle;
}

.divider  {
	margin-top: 68%;
}

/* -----------------------------------------
	Manifesto
----------------------------------------- */

.footnote-content p {
	color: #B54A41; 	
	font-size: 18px; font-size: 1.8rem; line-height: 24px; margin: 0 0 0px; 
}
/* -----------------------------------------
	Modal
----------------------------------------- */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: white;
	z-index: 40;
	display: none;
	top: 0;
	left: 0; 
	}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: none;
	position: absolute;
	z-index: 41;
	padding: 30px 40px 34px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 0px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,.4);
	box-shadow: 0 0 0px rgba(0,0,0,.4);
	}

.reveal-modal .close-reveal-modal {
	font-size: 36px;
	line-height: .5;
	position: absolute;
	top: 98%;
	right: 49%;
	text-shadow: 0 0px 0px rbga(0,0,0,0);
	font-weight: bold;
	cursor: pointer;
	} 

#project_list .close-reveal-modal{
	color: #231f20;
}
#awards .close-reveal-modal{
	color: #B54A41;
}
/* -----------------------------------------
	Mobile
----------------------------------------- */
.mobileSlider { display:none }

.menu {
	width: 100%;
	background: white;
	opacity: 0.9;
}

.menu li {
	margin-top: 30px;
}

.collaborator:after {
	content: ',';
}

.collaborator:last-child:after {
	content: '';
}
@media handheld, only screen and (max-width: 767px) {
	h1, h2, .menu  { font-size: 18px; font-size: 1.8rem; line-height: 24px; }
	body, p, .manifesto-text p {  font-size: 14px; font-size: 1.4rem; line-height: 20px; }
	
	.manifesto h2 { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 0px;text-align: center; }
	sup {font-size: 8px;}
	.buildings {width: 80%;margin-left: 10%;}
	
	.bg-red blockquote, blockquote p { font-size: 14px; font-size: 1.4rem;line-height: 24px; color: white;text-indent: -3px;	}
	.bg-red blockquote { margin: 0 0 0px 10%; padding: 0px 0px 0 0px; border-left: 0px solid #ddd; }
	
	a.tooltipster {border-bottom: none}
	
	.title { text-indent:0%;}
	
	
	.margin-header {margin-top: 0%;}
	.margin-footer {margin-bottom: 0%;}
	
	
	.description {
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Safari and Chrome */
		column-count:1;
		-moz-column-gap:0px; /* Firefox */
		-webkit-column-gap:0px; /* Safari and Chrome */
		column-gap:0px;
	}
	
	ul.folio li a p {
		font-size: 13px;
		line-height: 17px;
		font-weight: bold;
		opacity: 1;
	}
	
	ul.folio li a p:before {content: '';}
	
	.block-grid.two-up { margin-left: -4% }
	.block-grid.two-up>li { margin-left: 4%; width: 46%; margin-bottom: 16%;}
/* 	.block-grid.two-up>li:nth-child(2n+1) {clear: left;} */

	.modal-list li {margin-bottom: 24px;text-indent: 0%;}
	#awards .modal-list li p{text-indent: 0%;}
	
	
}