/*
Theme Name: Whangarei Momentum
Author: Big Fish Creative
*/

/* ----------------------------------------------------------------
    RESET
-----------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, main,
footer, header, hgroup, menu, nav, section { display: block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #000; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0;}
[hidden] { display: none; }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input[type="text"],
input[type="email"],
input[type="password"],
textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }
.input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}
.clear { height: 1px; background: transparent; width: 100%; clear: both; margin: 0 !important; }

/* ----------------------------------------------------------------
    STRUCTURE
-----------------------------------------------------------------*/

.container { width: 940px; margin: 0 auto; }
.inset { padding: 30px; }
.align-left { float: left; }
.align-right { float: right; }

.col-full { width: 100%; }
.col-half { width: 48%; }
.col-one-third { width: 30.63%; }
.col-two-third { width: 65.33%; }
.col-one-fourth { width: 22%; }
.col-three-fourth { width: 74%; }
.col-one-fifth { width: 16.8%; }
.col-two-fifth { width: 37.6%; }
.col-three-fifth { width: 58.4%; }
.col-four-fifth { width: 79.2%; }
.col-one-sixth { width: 13.33%; }
.col-five-sixth { width: 82.67%; }

.col-full, .col-half, .col-one-third, .col-two-third, .col-three-fourth, .col-one-fourth, .col-one-fifth, .col-two-fifth, .col-three-fifth, .col-four-fifth, .col-one-sixth, .col-five-sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; }

.col-full { clear: both; float: none; margin-right: 0; }
.col-last { margin-right: 0 !important; clear: right; }

/* ----------------------------------------------------------------
    REPEATABLE PATTERNS
-----------------------------------------------------------------*/

::selection { background: #a4bf39; color: #fff; }
::-moz-selection { background: #a4bf39; /* Firefox */ color: #fff; }
::-webkit-selection { background: #a4bf39; /* Safari */ color: #fff; }

html, body { height:100%; }
html { background: #3e3f54; }
body { background: #fff; }

/* LISTS */

ul, ol, dl { margin-left: 20px; }
ul { list-style: disc; }
ol { list-style: decimal; }
ul li, ol li { margin-bottom: 8px; }
.list-reset { margin: 0; padding: 0; list-style: none; }

/* IMAGES */

img { max-width: 100%; height: auto; }
.standard-image { display: block; }
.retina-image { display: none; }
.rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.cover { position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-backface-visibility: hidden; overflow: hidden; }

/* SECTIONS */

.dark-bg { background: #3e3f54; color: #fff; }

/* MODALS */

.modal-dialog { width: 600px; }
.modal-open { overflow: hidden; }
.modal { display: none; overflow: hidden;  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10050; -webkit-overflow-scrolling: touch; outline: 0; background: rgba(0,0,0,0.6); }
.modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; margin: 2% auto 0 auto; }
.modal-content { position: relative; background: #fff; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; text-align: left; }
.modal-content iframe { margin-bottom: 0; }
.modal-content .close { position: absolute; top: 0; right: -40px; outline: none; display: block; border: none; cursor: pointer; background: transparent; border-bottom: 3px solid transparent; padding: 2px 2px 3px 2px; }
.modal-content .close .fa-times { font-size: 25px; line-height: 25px; color: #fff; }
.modal-content .close:hover { border-color: #fff; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #3e3f54; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.9; filter: alpha(opacity=90); }
.modal-header { min-height: 16.42857143px; }
.modal-header img { width: 100%; }
.counter { float: right; clear: both; margin-right: 20px; }
.counter li { float: left; margin-bottom: 0 !important; }
.counter a { display: block; text-indent: -5000px; width: 18px; height: 17px; padding: 6px 6px 2px 6px; background-repeat: no-repeat; background-position: center 6px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; background-image: url(gfx/icon-thumbs-up.png); }
.counter a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.counter span { color: #fff; font-size: 12px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-body { position: relative; padding: 0 30px 50px 30px; clear: both; color: #fff; }
.modal-body h3, .modal-body h5 { color: #fff; }
.modal-body .project-meta { margin-bottom: 30px; }
.modal-body .project-meta h5 { margin-bottom: 5px; }
.modal-body a { color: #fff; }
.modal-body .more a:hover { border-color: #fff; color: #fff; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

/* ----------------------------------------------------------------
    TYPOGRAPHY
-----------------------------------------------------------------*/

@font-face {
    font-family: 'dinmaoriblack';
    src: url('webfonts/dinmaori-black-webfont.eot');
    src: url('webfonts/dinmaori-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/dinmaori-black-webfont.woff2') format('woff2'),
         url('webfonts/dinmaori-black-webfont.woff') format('woff'),
         url('webfonts/dinmaori-black-webfont.ttf') format('truetype'),
         url('webfonts/dinmaori-black-webfont.svg#dinmaoriblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinmaorimedium';
    src: url('webfonts/dinmaori-medium-webfont.eot');
    src: url('webfonts/dinmaori-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/dinmaori-medium-webfont.woff2') format('woff2'),
         url('webfonts/dinmaori-medium-webfont.woff') format('woff'),
         url('webfonts/dinmaori-medium-webfont.ttf') format('truetype'),
         url('webfonts/dinmaori-medium-webfont.svg#dinmaorimedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinmaoriregular';
    src: url('webfonts/dinmaori-regular-webfont.eot');
    src: url('webfonts/dinmaori-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/dinmaori-regular-webfont.woff2') format('woff2'),
         url('webfonts/dinmaori-regular-webfont.woff') format('woff'),
         url('webfonts/dinmaori-regular-webfont.ttf') format('truetype'),
         url('webfonts/dinmaori-regular-webfont.svg#dinmaoriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: 'dinmaoriregular', Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; color: #3e3f54; }

p, ul, ol, blockquote, table, fieldset, form { margin-bottom: 15px; }

strong { font-weight: bold; }
em, i { font-style: italic; }
small { font-size: 13px; font-style: italic; }
caption { text-align: left; }

.kicker { font-family: 'dinmaorimedium'; font-size: 18px; line-height: 24px; }
.centered { text-align: center;}
.upper { text-transform: uppercase; }
.lower { text-transform: none; }

/* HEADINGS */

h1, h2, h3, h4, h5, h6 { font-family: 'dinmaorimedium', Arial, sans-serif; margin-bottom: 15px; text-transform: uppercase; }
h1 { font-size: 44px; line-height: 46px; font-family: 'dinmaoriblack', Arial, sans-serif; }
h2 { font-size: 34px; line-height: 38px; }
h3 { font-size: 28px; line-height: 32px; }
h4 { font-size: 22px; line-height: 26px; }
h5 { font-size: 18px; line-height: 20px; }
h6 { font-size: 14px; line-height: 18px; }

/* LINKS */

a { text-decoration: none; color: #a4bf39; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
a:hover, a:active { color: #c1d832; }
.more:before { content: "\f05a"; font-family: FontAwesome; font-size: 20px; padding-right: 6px; }
.more a { border-bottom: 1px solid transparent; display: inline-block; }
.more.comment:before { content: "\f086"; }

.tel { cursor: default; }

/* ----------------------------------------------------------------
    HEADER
-----------------------------------------------------------------*/

#masthead { background: #fff; }
#masthead .container { position: relative; }
	
	/* LOGO */
	
	#logo { position: absolute; top: 12px; left: 0; z-index: 100; }
	#logo a { display: block; padding: 20px 0; }
	
	/* MAIN NAV */
	
	#main-nav { position: relative; width: 100%; z-index: 10; }

		.slicknav_menu { position: relative; z-index: 10000; background: transparent; *zoom: 1; margin-bottom: 0; font-family: 'dinmaorimedium', Arial, sans-serif; }
		.slicknav_icon { display: block; float: right; padding: 40px 20px; }
		.slicknav_icon:hover .slicknav_icon-bar { background-color: #7075d9; }
		.slicknav_icon-bar { background-color: #3e3f54; display: block; width: 2em; height: 0.25em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
		.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.25em }
		.slicknav_nav { clear: both; margin: 0 0 30px 0; padding: 0; }
		.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
		.slicknav_nav ul { padding: 0; margin: 0; list-style: none; }
		.slicknav_nav li { display: block; margin: 0; font-size: 18px; line-height: 22px; border-bottom: 1px solid #3e3f54; }
		.slicknav_nav li:last-child { border-bottom: none; }
		.slicknav_nav a { display: block; padding: 12px 15px; text-decoration: none; color: #3e3f54; }
		.slicknav_nav li.menu-item-17 a:hover,
		.slicknav_nav li.menu-item-17.current-menu-item a { color: #d44598; }
		.slicknav_nav li.menu-item-21 a:hover,
		.slicknav_nav li.menu-item-21.current-menu-item a { color: #e8643f; }
		.slicknav_nav li.menu-item-22 a:hover,
		.slicknav_nav li.menu-item-22.current-menu-item a { color: #8d2b82; }
		.slicknav_nav li.menu-item-18 a:hover,
		.slicknav_nav li.menu-item-18.current-menu-item a { color: #27a7ac; }
		.slicknav_nav li.menu-item-240 a:hover,
		.slicknav_nav li.menu-item-240.current-menu-item a { color: #009cdb; }
		.slicknav_nav li.menu-item-16 a:hover,
		.slicknav_nav li.menu-item-16.current-menu-item a { color: #fcc838; }
		.slicknav_nav li.menu-item-20 a:hover,
		.slicknav_nav li.menu-item-20.current-menu-item a { color: #e32a2e; }
		.slicknav_nav li.menu-item-19 a:hover,
		.slicknav_nav li.menu-item-19.current-menu-item a { color: #e32a2e; }
		.slicknav_nav a:hover,
		.slicknav_nav li.current-menu-item a { color: #a4bf39; }
		.slicknav_menu:before,
		.slicknav_menu:after { content: " "; display: table; }
		.slicknav_menu:after { clear: both }
		
		#menu-main-navigation { display: none; }
	
	/* HERO HEADER */
	
	#hero-header { position: relative; }

/* ----------------------------------------------------------------
    MAIN CONTENT
-----------------------------------------------------------------*/

#main-content { background: #fff; overflow: hidden; }
	
	#page-introduction { overflow: hidden; padding: 50px 0 40px 0; }
	#page-title { padding: 30px 0; background: #3e3f54; }
	#page-title h1 { color: #fff; margin-bottom: 0; }
	
	#map { background: url(gfx/bg-map.png) no-repeat 0 0; height: 670px; position: relative; }
	.map-pin { position: absolute; width: 27px; height: 42px; }
	.pin-link { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	.pin-link:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	.pin-central-projects .pin-link { background-image: url(gfx/icon-map-pink.png); }
	.pin-waterfront-projects .pin-link { background-image: url(gfx/icon-map-orange.png); }
	.pin-pohe-island-projects .pin-link { background-image: url(gfx/icon-map-purple.png); }
	.pin-hihiaua-projects .pin-link { background-image: url(gfx/icon-map-teal.png); }
	.pin-civic-culture-conference-projects .pin-link { background-image: url(gfx/icon-map-blue.png); }
	.pin-arts-heritage-projects .pin-link { background-image: url(gfx/icon-map-yellow.png); }
	.pin-city-fringe-projects .pin-link { background-image: url(gfx/icon-map-red.png); }
	#pin-7 { top: 178px; left: 171px; }
	#pin-23 { top: 138px; left: 102px; }
	#pin-24 { top: 108px; left: 279px; }
	#pin-25 { bottom: 227px; right: 177px; }
	#pin-26 { top: 224px; left: 410px; }
	#pin-27 { top: 134px; left: 306px; }
	#pin-28 { bottom: 125px; left: 435px; }
	#pin-29 { top: 208px; left: 100px; }
	#pin-67 { top: 149px; left: 266px; }
	#pin-68 { top: 170px; left: 192px; }
	#pin-85 { top: 196px; left: 191px; }
	#pin-87 { top: 82px; left: 174px; }
	#pin-89 { top: 230px; left: 153px; }
	#pin-91 { top: 76px; left: 208px; }
	#pin-92 { top: 165px; left: 222px; }
	#pin-94 { bottom: 94px; right: 306px; }
	#pin-96 { bottom: 146px; right: 345px; }	
	#pin-98 { bottom: 240px; right: 366px; }
	#pin-100 { top: 82px; left: 300px; }
	#pin-102 { bottom: 228px; right: 298px; }
	#pin-104 { bottom: 94px; right: 347px; }
	#pin-106 { top: 54px; left: 248px; }
	#pin-108 { top: 15px; left: 340px; }
	#pin-109 { top: 187px; left: 477px; }
	#pin-110 { top: 41px; left: 322px; }
	#pin-112 { top: 260px; left: 382px; }
	#pin-114 { top: 138px; left: 72px; }
	#pin-116 { bottom: 312px; right: 400px; }
	#pin-118 { top: 285px; right: 424px; }
	#pin-119 { top: 166px; left: 351px; }
	#pin-121 { top: 160px; left: 323px; }
	#pin-123 { top: 200px; left: 393px; }
	#pin-125 { top: 230px; left: 434px; }
	#pin-127 { bottom: 136px; right: 124px; }
	#pin-129 { bottom: 158px; right: 164px; }
	#pin-130 { bottom: 54px; right: 226px; }
	#pin-132 { bottom: 178px; right: 282px; }
	#pin-134 { bottom: 159px; right: 206px; }
	#pin-136 { bottom: 315px; left: 318px; }
	#pin-138 { bottom: 200px; right: 498px; }
	#pin-139 { top: 30px; right: 310px; }
	#pin-140 { bottom: 50px; right: 380px; }
	#pin-224 { top: 127px; left: 141px; }
	#pin-227 { top: 125px; left: 246px; }
	#pin-229 { top: 190px; left: 209px; }
	#pin-231 { bottom: 56px; right: 350px; }
	#pin-238 { bottom: 410px; left: 295px; }
	
	#slider .bx-wrapper { position: relative; }
	#slider .bx-controls-direction { position: absolute; top: 44%; z-index: 9999; width: 100%; }
	#slider .bx-controls-direction a { border: 3px solid transparent; display: block; position: absolute; color: #fff; font-size: 40px; line-height: 46px; text-align: center; width: 40px; height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
	#slider .bx-controls-direction a:hover { border-color: #fff; }
	#slider .bx-prev { left: 20px; padding-right: 5px; }
	#slider .bx-next { right: 20px; padding-left: 5px; }
	
	#content { padding: 40px 0 80px 0; }
	.home #content { border-bottom: 1px solid #3e3f54; padding-bottom: 40px; }
	.home #content p:last-child { margin-bottom: 0; }
	
	.project-feature-image { position: relative; line-height: 0; display: block; }
	.project-feature-image span { display: inline-block; position: absolute; bottom: 0; right: 0; color: #fff; font-style: italic; background-color: #000; background-color: rgba(0,0,0,0.4); font-size: 14px; line-height: 18px; padding: 5px 10px; }
	
	#projects { margin-bottom: 70px; }
	.project-section { overflow: hidden; border-bottom: 1px solid transparent; padding-top: 40px; }
	.project-section h2 { display: inline; line-height: 46px; }
	.project-section h2 a { border-bottom: 2px solid transparent; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
	.project-list { overflow: hidden; padding-top: 20px; }
	.project-list li { margin-bottom: 3%; }
	.project-teaser { display: block; color: #fff; height: 206px; }
	.project-teaser:hover { color: #fff; }
	.project-teaser .project-title { display: table; width: 100%; height: 100%; }
	.project-teaser h4 { margin-bottom: 0; font-size: 14px; line-height: 18px; display: table-cell; vertical-align: middle; width: 80%; height: 92%; padding: 4% 10%; }
	.project-teaser-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } 
	.project-teaser-overlay div { display: table; width: 100%; height: 100%; }
	.project-teaser-overlay h4 { text-shadow: 1px 1px 0 rgba(0,0,0,0.4); }
	
	.project { padding-top: 30px; }
	.project h3 { margin-bottom: 10px; }
	.project-meta { margin-bottom: 15px; }
	.project-meta h5 { margin-bottom: 5px; }
	.project-icons { overflow: hidden; margin-bottom: 10px; }
	.project-icons li { float: left; margin-right: 5px; }
	.project-icons span { display: block; height: 35px; width: 35px; text-indent: -5000px; background-repeat: 0; background-position: 0 0; }
	.icon-public-focus { background-image: url(gfx/icon-public-focus.png); color: #009DDD; }
	.icon-well-connected { background-image: url(gfx/icon-well-connected.png); color: #E96440; }
	.icon-environment { background-image: url(gfx/icon-environment.png); color: #C1D82E; }
	.icon-sustainable-futures { background-image: url(gfx/icon-sustainable-futures.png); color: #28A8AD; }
	.icon-liveable-community { background-image: url(gfx/icon-liveable-community.png); color: #D54699; }
	.icon-culture-and-heritage { background-image: url(gfx/icon-culture-and-heritage.png); color: #E4282F; }
	
	#central-projects,
	#central-projects h2 a:hover,
	.term-central-projects .more a:hover { border-color: #d44598; }
	#central-projects h2 a,
	.term-central-projects h3,
	.term-central-projects #content a,
	.term-central-projects .more { color: #d44598; }
	#central-projects .project-teaser,
	#central-projects .project-teaser-bg,
	.pin-central-projects .modal-content,
	.term-central-projects #page-title,
	.term-central-projects #slider .bx-controls-direction a,
	.term-central-projects #comments { background: #d44598; }
	#central-projects .project-teaser-image div { background: rgba(212,69,512,0.2); }
	
	#waterfront-projects,
	#waterfront-projects h2 a:hover,
	.term-waterfront-projects .more a:hover { border-color: #e8643f; }
	#waterfront-projects h2 a,
	.term-waterfront-projects h3,
	.term-waterfront-projects #content a,
	.term-waterfront-projects .more { color: #e8643f; }
	#waterfront-projects .project-teaser,
	#waterfront-projects .project-teaser-bg,
	.pin-waterfront-projects .modal-content,
	.term-waterfront-projects #page-title,
	.term-waterfront-projects #slider .bx-controls-direction a,
	.term-waterfront-projects #comments { background: #e8643f; }
	#waterfront-projects .project-teaser-image div { background: rgba(232,100,63,0.2); }
	
	#pohe-island-projects,
	#pohe-island-projects h2 a:hover,
	.term-pohe-island-projects .more a:hover { border-color: #8d2b82; }
	#pohe-island-projects h2 a,
	.term-pohe-island-projects h3,
	.term-pohe-island-projects #content a,
	.term-pohe-island-projects .more { color: #8d2b82; }
	#pohe-island-projects .project-teaser,
	#pohe-island-projects .project-teaser-overlay,
	.pin-pohe-island-projects .modal-content,
	.term-pohe-island-projects #page-title,
	.term-pohe-island-projects #slider .bx-controls-direction a,
	.term-pohe-island-projects #comments { background: #8d2b82; }
	#pohe-island-projects .project-teaser-image div { background: rgba(141,43,130,0.2); }
	
	#hihiaua-projects,
	#hihiaua-projects h2 a:hover,
	.term-hihiaua-projects .more a:hover { border-color: #27a7ac; }
	#hihiaua-projects h2 a,
	.term-hihiaua-projects h3,
	.term-hihiaua-projects #content a,
	.term-hihiaua-projects .more { color: #27a7ac; }
	#hihiaua-projects .project-teaser,
	#hihiaua-projects .project-teaser-overlay,
	.pin-hihiaua-projects .modal-content,
	.term-hihiaua-projects #page-title,
	.term-hihiaua-projects #slider .bx-controls-direction a,
	.term-hihiaua-projects #comments { background: #27a7ac; }
	#hihiaua-projects .project-teaser-image div { background: rgba(39,167,172,0.2); }
	
	#civic-culture-conference-projects,
	#civic-culture-conference-projects h2 a:hover,
	.term-civic-culture-conference-projects .more a:hover { border-color: #009cdb; }
	#civic-culture-conference-projects h2 a,
	.term-civic-culture-conference-projects h3,
	.term-civic-culture-conference-projects #content a,
	.term-civic-culture-conference-projects .more { color: #009cdb; }
	#civic-culture-conference-projects .project-teaser,
	#civic-culture-conference-projects .project-teaser-overlay,
	.pin-civic-culture-conference-projects .modal-content,
	.term-civic-culture-conference-projects #page-title,
	.term-civic-culture-conference-projects #slider .bx-controls-direction a,
	.term-civic-culture-conference-projects #comments { background: #009cdb; }
	#civic-culture-conference-projects .project-teaser-image div { background: rgba(0,156,219,0.2); }
	
	#arts-heritage-projects,
	#arts-heritage-projects h2 a:hover,
	.term-arts-heritage-projects .more a:hover { border-color: #fcc838; }
	#arts-heritage-projects h2 a,
	.term-arts-heritage-projects h3,
	.term-arts-heritage-projects #content a,
	.term-arts-heritage-projects .more { color: #fcc838; }
	#arts-heritage-projects .project-teaser,
	#arts-heritage-projects .project-teaser-overlay,
	.pin-arts-heritage-projects .modal-content,
	.term-arts-heritage-projects #page-title,
	.term-arts-heritage-projects #slider .bx-controls-direction a,
	.term-arts-heritage-projects #comments { background: #fcc838; }
	#arts-heritage-projects .project-teaser-image div { background: rgba(252,200,56,0.2); }
	
	#city-fringe-projects,
	#city-fringe-projects h2 a:hover,
	.term-city-fringe-projects .more a:hover { border-color: #e32a2e; }
	#city-fringe-projects h2 a,
	.term-city-fringe-projects h3,
	.term-city-fringe-projects #content a,
	.term-city-fringe-projects .more { color: #e32a2e; }
	#city-fringe-projects .project-teaser,
	#city-fringe-projects .project-teaser-overlay,
	.pin-city-fringe-projects .modal-content,
	.term-city-fringe-projects #page-title,
	.term-city-fringe-projects #slider .bx-controls-direction a,
	.term-city-fringe-projects #comments { background: #e32a2e; }
	#city-fringe-projects .project-teaser-image div { background: rgba(227,42,46,0.2); }
	
	#comments { padding: 60px 0 40px 0; color: #fff; position: relative; }
	#comments .bx-controls { width: 100%; padding-top: 15px; }
	#comments .bx-pager { overflow: hidden; text-align: center; z-index: 100; }
	#comments .bx-pager-item { display: inline-block; }
	#comments .bx-pager-link { display: block; width: 20px; height: 20px; text-indent: -5000px; margin: 0 4px; background: rgba(255,255,255,0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
	#comments .bx-pager-link:hover, #comments .bx-pager-link.active { background: rgba(255,255,255,1); }
	.comment p { font-size: 24px; line-height: 28px; margin-bottom: 25px; }
	.comment cite { font-size: 18px; line-height: 22px; }
	.comment cite i { padding-right: 6px; }
	
	#icon-key { overflow: hidden; padding-top: 50px; }
	#icon-key h2 { margin-bottom: 5px; }
	#icon-key h5 { margin-bottom: 30px; }
	#icon-key h4 { background-repeat: no-repeat; background-position: left center; padding: 5px 0 5px 45px; margin-bottom: 10px; font-size: 20px; font-family: 'dinmaoriblack'; }
	#icon-key h4 span { font-family: 'dinmaoriregular'; text-transform: none; }
	#icon-key ul { margin-bottom: 20px; }
	#icon-key li { margin-bottom: 4px; }
	
	.page-id-58 h5 { text-transform: none; }
			
/* ----------------------------------------------------------------
    FOOTER
-----------------------------------------------------------------*/

#global-footer { color: #fff; }
#global-footer div { margin-bottom: 0; }
	
	#sub-footer { background: #009cdb; overflow: hidden; padding: 70px 0; }
	#sub-footer h2 a { color: #fff; border-bottom: 3px solid transparent; }
	#sub-footer h2 a:hover { border-color: #fff; }
		
		#supporting-info { padding-top: 20px; }
		#supporting-info img { margin-bottom: 10px; }
		#supporting-info a { color: #fff; }
		#supporting-info a span { border-bottom: 1px solid transparent; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
		#supporting-info a:hover span { border-color: #fff; }
	
	#footer { overflow: hidden; padding: 50px 0 30px 0; }
	#footer a:hover { border-color: transparent; }
		
		#wdc-logo-footer { width: 110px; }
		#love-it-here-logo { width: 150px; }
		
		#footer-meta img { margin: 5px 50px 0 0; }
		#footer-contact { font-size: 14px; }
		#footer-contact a { border-bottom: 1px solid #a4bf39; }
		
		#footer-social { float: right; }
		#footer-social a { float: right; text-align: right; display: inline-block; font-size: 14px; line-height: 18px; }
		#social-icons li { float: right; display: inline-block; margin: 0 0 15px 15px; }
		#social-icons .icon { color: #fff; display: inline-block; padding: 0; height: 42px; width: 42px; text-align: center; font-size: 24px; line-height: 44px; color: #fff; background-color: #a7a9ab; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
		#social-icons a { color: #fff; display: block; border-bottom: none !important; }
		#social-icons span { position: absolute; left: -5000px; }
		#social-icons a:hover .icon { background-color: #009cdb; }
	
/* ----------------------------------------------------------------
    BACK TO TOP
-----------------------------------------------------------------*/

#back-to-top { display: none; z-index: 999; position: fixed; width: 40px; height: 40px; top: auto; left: auto; right: 30px; bottom: 30px; cursor: pointer; }
#back-to-top span { position: absolute; left: -5000px; }
#back-to-top .icon { padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid transparent; background-color: #a4bf39; color: #fff; display: inline-block; height: 40px; width: 40px; text-align: center; line-height: 40px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
#back-to-top:hover .icon, #back-to-top:active .icon { background-color: #c1d832; border-color: #fff; }

/* ----------------------------------------------------------------
    IE8
-----------------------------------------------------------------*/

.ie8 #logo { width: 437px; height: 37px; }
.ie8 .project-teaser h4 { padding: 0; }