/* Client area */

.clientHomeLink { display:inline-block; line-height: 1; color:#1b242c; background:#fdbb57; border:1px solid #fdbb57; border-radius:8px; text-decoration:none; padding: 3px 17px; margin-right:20px; }
.clientHomeLink:hover { color:#fdbb57; background:none; }

input.loginFormField { width:100%; box-sizing: border-box; border:none; border-radius:8px; background:#FFF; color:#1b242c; height:50px; padding:0 10px; }
input.loginCheckbox { position:relative; top:-4px; }

#clientLoginButton { background:#e65c6c; border:1px solid #e65c6c; color:#FFF; border-radius:8px; padding:3px 58px; line-height:1; }
#clientLoginButton:hover { background:none; }

.concertinaHeading { display:inline-block; color:inherit; text-decoration:none; background:url(../Resources/concerina-closed.png) right 3px no-repeat; padding-right:30px; }
.concertinaHeading.active { background-image:url(../Resources/concerina-open.png); }

.clientButtonLink { display:inline-block; line-height:1; color:#FFF; background:#1b242c; border:1px solid #1b242c; border-radius:8px; padding:3px 44px; margin:20px 20px 0 0; text-decoration:none; }
.clientButtonLink:hover { color:#1b242c; background:none; }

.clientButtonLink.salmon { background:#e65b6c; border-color:#e65b6c; }
.clientButtonLink.salmon:hover { color:#e65b6c; background:none; }

.clientButtonLink.grey { background:#575757; border-color:#575757; }
.clientButtonLink.grey:hover { color:#575757; background:none; }

input.clientField, textarea.clientField { width:100%; box-sizing: border-box; padding:10px 15px; border:1px solid #1b242c; border-radius:8px; font-size:16px; }

input.clientFormButton { line-height:1; color:#FFF; background:#e65b6c; border:1px solid #e65b6c; border-radius:8px; padding:3px 44px; margin: 20px 10px 0 10px; }
input.clientFormButton:hover { color:#e65b6c; background:none; }

input.clientFormButton.grey { background:#575757; border-color:#575757; }
input.clientFormButton.grey:hover { color:#575757; background:none; }

.passwordValidationError { display:block; color:#CC3333; padding-top:4px; }

#filePreview audio { width:100%; height:35px; margin-top:15px; }
#filePreview video { width:100%; height:auto; max-width:600px; margin-top:15px; }
#filePreview img { width:100%; height:auto; max-width:600px; margin-top:15px; }


.listTable { border-radius:8px; overflow:hidden; }
.listTable th p { padding:15px 25px; }
.listTable td a { padding:2px 25px; }
.listTable .blockLink td a { border-right:1px solid #AFB1B5; }
.listTable tr td:last-child a { border:none; }
.listTable tr.first td, .listTable tr.first td.noLink  { padding-top:15px; }
.listTable tr:last-child td { padding-bottom:15px; }
.listTable tr.blockLink:hover td { color:#e65b6c; }
.listTable .blockLink a { display:block; color:inherit; text-decoration:none; }
.listTable td a.concertinaHeading { padding-right:30px; }
.listTable td.noLink { padding:2px 25px; }


/* Main Nav */

#mainNav { line-height:1; }
#mainNav ul { padding:33px 0 0 24px; margin:0; list-style:none; }
#mainNav li { padding:0; margin:0; }
#mainNav ul a { display:block; color:#989CA0; text-decoration:none; padding:8px 0; }
#mainNav ul a:hover,
#mainNav ul a.current { color:#1A242C; }
#mainNav li ul { padding:0 0 0 20px; }
#mainNav li li { padding:0; }
#mainNav li li a { padding:7px 0; font-size:0.63em; }
#mainNav a.clientArea { font-size: 0.63em; }

p.pNavSocialLinks img { padding:0 7px; }


@media screen and (max-width: 380px) { 

#mainNav ul { padding-top:18px; font-size:0.90em; }
#mainNav ul a { padding:4px 0; }
#mainNav li li a { padding:4px 0; font-size:0.80em; }
#mainNav a.clientArea { font-size: 0.70em; }


}



/* Button Links */


.buttonLink { display:inline-block; text-align:center; padding:4px 0; width:232px; background:#fdbb57; border:2px solid #fdbb57; border-radius:8px; color:#FFF; text-decoration:none; font-size:1.1em; }
.buttonLink:hover, .buttonLink.active { background:none !important; color:#fdbb57; text-decoration:none !important; }

.buttonLink.yellow { color:#000 !important; }
.buttonLink.yellow:hover { color:#fdbb57 ! important; }

.buttonLink.red { background:#B10057; }
.buttonLink.red.border { border-color: #B10057; }
.buttonLink.red:hover, .buttonLink.red.active { color:#B10057; }

.buttonLink.salmon { background:#E65B6C; }
.buttonLink.salmon.border { border-color: #E65B6C; }
.buttonLink.salmon:hover { color:#E65B6C; }

.buttonLink.whiteOver:hover { color:#FFF; }

.buttonLink.margins { margin:10px 13px 0 13px; }
.buttonLink.wide { width:296px; }

.buttonLink.flexible { width:auto; padding-left:40px; padding-right: 40px; }

.buttonLink.marginTop { margin-top:18px; }

@media screen and (max-width:1100px)  { .buttonLink.wide { width:232px; } }



/* Home page overrides */

.home #hamburgerLine1, .home #hamburgerLine2, .home #hamburgerLine3 { background:#FFF; }
.home #header { background: #1b242c; }



/* Signup form */

input.signupFormField { background:#FFF; border:none; padding: 0 2%; width:96%; border-radius:8px; height:1.65em; }

input.signupFormButton { background:#fdbb57; border:2px solid #fdbb57; color:#1b242c; padding: 7px 65px; border-radius:8px;  }
input.signupFormButton:hover { background:none; color:#fdbb57; }

label.error { display:block; color:#C00; padding-top:4px; }
input.error, textarea.error { background:#F5CCCC; }
.errorMessage { color:#C00; }


/* Twitter feed */

#tweets { word-wrap:break-word; }
#tweets ul { margin:0; padding:0; list-style:none; position:relative; overflow:hidden; }
#tweets li { margin:0; float:left; }
#tweets a:link, #tweets a:visited { color:#fdbb57; text-decoration:none; }
#tweets a:hover { text-decoration:underline; }
#tweets div.user { font-family: montserratbold, Verdana, Arial, Helvetica, sans-serif; }
#tweets div.user span[data-scribe="element:name"] { display:none; }
#tweets div.user span[data-scribe="element:screen_name"] {  }
#tweets div.user img { display:none; }
#tweets div.user span {  }
#tweets div.user span span { display:none; }
#tweets p.tweet {  }
#tweets p.timePosted {  }
#tweets .interact a { margin:0 8px; color:#e65b6c; }



/* Cookies */

.cookieTable { margin-bottom:15px; width:100%; }
.cookieTable th, .cookieTable td { padding:2px 10px 2px 0; border-bottom:1px solid #999; vertical-align:top; width:auto !important;}
.cookieTable label { white-space:nowrap; padding-left:2px; }

#cookiebanner input { width:auto; overflow:visible; font-size:inherit; font-family:inherit; padding:2px 15px; background:#B10057; color:#FFF; border:2px solid #B10057; border-radius: 8px; }
#cookiebanner input:hover { background:none; cursor:pointer; }

#cookiebanner #cookiesMore { background:#e65b6c; border-color:#e65b6c; }
#cookiebanner #cookiesMore:hover { background:none; }


/* Portfolio Filter */

#portfolioFilter .label { display:inline-block; padding-top:15px; }






/* Misc. */

a.viewMore, a.viewLess { text-decoration:none; }
a.viewMore:hover, a.viewLess:hover { color:#fdbb57; }

.workItemText { background-image: url(../Resources/item-overlay.png); }

.spacer { display:inline-block; }

#portfolioLinks a { display:block; text-decoration:none; color:inherit; float:left; }

video { cursor:pointer; }

#footerBottomCol2 img { padding: 0 10px; }
p.pFooterLinks a { white-space: nowrap; }

#footerBottomCol3inner.f-ms:hover { background-image:url(../Resources/footer-address-bg-over.png); }




/* Retina backgrounds */

@media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi)
{
.concertinaHeading { background-image:url(../Resources/concerina-closed@2x.png); background-size:23px 24px; }
.concertinaHeading.active { background-image:url(../Resources/concerina-open@2x.png); }

#footerBottomCol3inner.f-ms:hover { background-image:url(../Resources/footer-address-bg-over@2x.png); background-size:22px 34px; }


}

/* Base */

#awwwards{
	position: absolute;
	top: 20px;
	width: 90px;
	height: 135px;
	text-indent: -666em;
	overflow: hidden;
	z-index: 999;

	-webkit-transition: all 1s ease;
    transition: all 1s ease; 
}
#awwwards.top{
	top: 20px;
}
#awwwards.left{
	left: 0;
}
#awwwards.right{
	right: 0;
}

#awwwards a{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 90px;
	height: 135px;
	background-repeat: no-repeat;
	background-size: 90px 135px;
}

/* NOMINEE */

#awwwards.nominee.black.left a{
	background-image: url(awwwards_nominee_black_left.png);
}
#awwwards.nominee.black.right a{
	background-image: url(awwwards_nominee_black_right.png);
}
#awwwards.nominee.silver.left a{
	background-image: url(awwwards_nominee_silver_left.png);
}
#awwwards.nominee.silver.right a{
	background-image: url(awwwards_nominee_silver_right.png);
}
#awwwards.nominee.white.left a{
	background-image: url(awwwards_nominee_white_left.png);
}
#awwwards.nominee.white.right a{
	background-image: url(awwwards_nominee_white_right.png);
}
#awwwards.nominee.green.left a{
	background-image: url(awwwards_nominee_green_left.png);
}
#awwwards.nominee.green.right a{
	background-image: url(awwwards_nominee_green_right.png);
}

@media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi)
{

	/* NOMINEE */

	#awwwards.nominee.black.left a{
		background-image: url(awwwards_nominee_black_left@2x.png);
	}
	#awwwards.nominee.black.right a{
		background-image: url(awwwards_nominee_black_right@2x.png);
	}
	#awwwards.nominee.silver.left a{
		background-image: url(awwwards_nominee_silver_left@2x.png);
	}
	#awwwards.nominee.silver.right a{
		background-image: url(awwwards_nominee_silver_right@2x.png);
	}
	#awwwards.nominee.white.left a{
		background-image: url(awwwards_nominee_white_left@2x.png);
	}
	#awwwards.nominee.white.right a{
		background-image: url(awwwards_nominee_white_right@2x.png);
	}
	#awwwards.nominee.green.left a{
		background-image: url(awwwards_nominee_green_left@2x.png);
	}
	#awwwards.nominee.green.right a{
		background-image: url(awwwards_nominee_green_right@2x.png);
	}

}