/*
Theme Name: The Gild
Theme URI: http://www.the-gild.com/
Description: Default theme
Author: David Ogilo and Carl Spencer
Version: 1.0
Tags:
*/

@import 'files/styles/reset.css';
@import 'files/styles/isotope.css';

/* The Gild */

* {
	outline: none;
}

/* HTML5
--------------------------------------------- */

header, nav, article, footer, aside, hgroup, date, video, section { display: block; }




/* GENERAL
--------------------------------------------- */

body { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; color: rgb(121, 110, 101); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased!important; -moz-font-smoothing: antialiased!important; font-smoothing: antialiased!important; font-size: .8125em; background: #fff; font-weight: 300; }
a, a:visited { color: rgb(121, 110, 101); }
a:hover { color: rgb(250, 70, 22); }
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight: 300;}
h2 { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight: 300; }
h3 { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight: 300; }
h4 { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight: 300; }
p { line-height: 1.4em; }
.container { margin: 0 auto; width: 968px; }





/* NAV
--------------------------------------------- */

header { padding: 3.375em 0 2.25em; font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; }
.logo { display: block; line-height: 0; float: left; margin-right: 18px; }
.logo-vector { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 70px; height: 35px; fill: rgb(250, 70, 22); }
.logo:hover .logo-vector { fill: rgb(121, 110, 101); }
nav.main-nav ul { float: left; padding-top: 9px; }
nav.main-nav ul li { float: left; color: #ccc; }
nav.main-nav ul li a, nav.main-nav ul li a:visited { padding: 6px 3px 6px 5px;  }

.contact { float: right; width: 250px; padding-top: 6px; color: rgb(121, 110, 101); }
.contact a { display: inline-block; vertical-align: middle; }
.contact span { display: inline-block; vertical-align: middle; margin: 0 2px; }
.contact span:nth-of-type(2) { color: #ccc; }
.contact span:last-of-type { display: none }
.contact .social-link { display: inline-block; height: 20px; fill: rgb(121, 110, 101); margin-left: 6px; }
.contact .social-link.twitter:hover { fill: #1da1f2; }
.contact .social-link.linkedin:hover { fill: #0077b5; }

.socialpage { width: 176px; padding: 4px; }
.socialpage .social-link { display: inline-block; height: 24px; background-repeat: no-repeat; background-position: 0 0; margin-left: 8px; text-indent: 100%; overflow: hidden; white-space: nowrap; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
/*.socialpage .social-link:hover { background-position: 0 -20px; }*/
.socialpage .social-link.linkedin { width: 24px; height: 24px; background-image: url('files/images/linkedin_icon1.png'); }
.socialpage .social-link.linkedin:hover { width: 24px; height: 24px; background-image: url('files/images/linkedin_icon_colour1.png');}
.socialpage .social-link.twitter { width: 24px; height: 24px; background-image: url('files/images/twitter_icon1.png'); }
.socialpage .social-link.twitter:hover { width: 24px; height: 24px; background-image: url('files/images/twitter_icon_colour1.png');}
.socialpage .social-link.email { width: 24px; height: 24px; background-image: url('files/images/email_icon1.png'); }
.socialpage .social-link.email:hover { width: 24px; height: 24px; background-image: url('files/images/email_icon_colour1.png');}

li.search { position: relative; float: left; width: 170px; }
li.search:hover button { opacity: 1; }
li.search button { color: rgb(250, 70, 22); background: #fff; border: none; font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; -webkit-appearance: none; border-radius: 0; margin-top: -6px; position: absolute; top: 2px; right: 0; opacity: 0; }
li.search button:hover { color: rgb(250, 70, 22); top: 2px; right: -5px; }
li.search input { border: none; line-height: 0; padding: 6px 0; width: 135px; -webkit-appearance: none; border-radius: 0; margin: -6px 0 0 6px; border-bottom: 2px solid #fff; color: rgb(121, 110, 101); font-weight: 300; }
li.search input:hover { border-bottom: 2px solid #e0e0e0; }
li.search input:focus { border-bottom: 2px solid #ddd; }
li.search input:focus::-webkit-input-placeholder { color:transparent; }
li.search input:focus:-moz-placeholder { color:transparent; }

.newsletter { width: 240px; margin-left: 1px; position: relative; }
.newsletter span { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size: 1.5em; padding-top: .444em; float: left; font-weight: 300; }
.newsletter button { background: rgb(250, 70, 22); border: none; width: 60px; text-align: center; color: #fff; font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; padding: 0; position: absolute; top: 0; left: 180px; line-height: 0; height: 26px; -webkit-appearance: none; border-radius: 0; }
.newsletter button:hover { background: rgb(111, 44, 63); }
.newsletter input { background: #ddd; border: none; color: #6e7075; height: 26px; width: 158px; font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; padding: 0 10px; -webkit-appearance: none; border-radius: 0; }
.newsletter input:focus { background: #eee; }
.newsletter input:focus::-webkit-input-placeholder { color:transparent; }
.newsletter input:focus:-moz-placeholder { color:transparent; }

footer { padding: 2.25em 0 5.063em; color: #6e7075; position: relative; border-top: 2px solid #ddd; margin-top: 2.25em; }
footer p { float: right; position: absolute; top: 2.25em; right: 0; }





/* PANTONES
--------------------------------------------- */

.pantone-reflex-blue { background: rgb(0, 20, 137)!important; color: #fff; } /* Light blue */
/*.pantone-7424c { background: #fb0093!important; color: #fff; } /* Pink */
.pantone-505 { background: rgb(111, 44, 63)!important; color: #fff; } /* Green */
/*.pantone-5135c { background: #8f0095!important; color: #fff; } /* Purple */
.pantone-warm-gray { background: rgb(121, 110, 101)!important; color: #fff; } /* Grey */
/*.pantone-7409c { background: #fdb813!important; color: #fff; } /* Yellow */
.pantone-173 { background: rgb(250, 70, 22)!important; color: #fff; } /* Orange */
.pantone-326 { background: rgb(0, 178, 169)!important; color: #fff; } /* Blue */





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

.main-content .item { -moz-box-sizing: border-box; background: #000; height: 180px; margin: 1px; position: relative; }
.main-content .img-box { padding: 0; position: relative; }
.main-content .cols-1 { width: 240px; }
.main-content .cols-2 { width: 482px; }
.main-content .cols-3 { width: 724px; }
.main-content .cols-4 { width: 966px; }
.main-content .cols-5 { width: 1208px; }
.main-content .cols-6 { width: 1450px; }
.main-content .cols-7 { width: 1692px; }
.main-content .rows-2 { height: 362px; }
.main-content .rows-3 { height: 544px; }
.main-content .rows-4 { height: 726px; }
.main-content .rows-5 { height: 908px; }





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

.main-content .img-box:hover img { opacity: .2; }
.what-we-do .main-content .img-box:hover img { opacity: .05; }
.main-content .img-box .hover-content { opacity: 0; color: #fff; padding: 1.5em; position: absolute; bottom: 5%; }
.main-content .cols-2 .hover-content { width: 50%; }
.main-content .img-box:hover .hover-content { opacity: 1; bottom: 0; }
.main-content .text-box p { padding: 1.4em 1.5em 0; line-height: 1.3; }
.main-content .text-box a, .main-content .text-box a:visited { color: inherit; }
.main-content .text-box h1, .main-content .text-box h3 { font-size: 1.8em; padding: 1.2em .844em 0; }
.main-content .text-box h2, .main-content .text-box h4 { font-size: 1.5em; padding: .444em 1em 0; }
.main-content .img-box .img-box-heading { position: absolute; top: 24px; left: 24px; z-index: 2; font-size: 3em; padding: 0; }
.main-content .img-box .img-box-heading::after { position: absolute; top: 42px; left: 0; z-index: 2; content: '/'; color: rgb(250, 70, 22); }
.main-content .img-box h3 { font-size: 1.5em; padding: 1.5em 0 0.444em; line-height: 1.2em; }
.main-content .img-box p { line-height: 1.3em; }
.latest-news p { padding-top: 1em!important; }
/*.large p:first-of-type { padding-top: 2em; }*/

.main-content .bio { background: #f0f0f0; color: #666; }
.main-content .bio h1, .main-content .bio h2 { color: rgb(121, 110, 101); }
.main-content .bio b { color: rgb(121, 110, 101); }

.profile-blog h3 { padding-bottom: 1em!important; }
.profile-blog h1 { font-family: inherit; font-size: inherit!important; padding: 0 1.5em!important; }
.profile-blog h1 a { text-decoration: underline; }
.profile-blog p { padding: 0 1.5em 1.5em!important; }
.profile-blog a.view-all { padding: 0 1.5em 1.5em!important; text-decoration: underline; }
.case-study-text h2 { padding: 1.5em 1.2em .444em!important; font-family: inherit; font-size: 16px !important; }
.case-study-text p { padding: 0 1.5em 0!important; }

.blog { position: relative; }
.blog article h1 a, .blog article h1 a:visited { color: #fff; }
.blog-nav { width: 242px; color: #666; font-size: 1.2em; line-height: 1.5em; float: left; }
.blog-nav h3 { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight: 300; }
.blog-nav nav { padding: 1.5em; margin: 1px 1px 2px; background: #e0e0e0; }
.blog-nav li { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight: 300; font-size: 1.3em; line-height: 1.4; }
.blog-nav li a, .blog-nav li a:visited { color: rgb(121, 110, 101); }
.blog-nav li a.active, .blog-nav li a:hover { color: rgb(250, 70, 22); }
.blog-posts { width: 484px; float: left; }
.blog-posts article { padding: 1.5em; margin: 1px 1px 2px; background: rgb(121, 110, 101); color: #fff; clear: both; }
.blog-posts article h1 { font-size: 2.25em; padding-bottom: .667em; }
.blog-posts article p { max-width: 540px; padding-bottom: 1.5em; }
.blog-posts article p a, .blog-posts article p a:visited { color: rgba(255,255,255,0.75); text-decoration: underline; }
.blog-posts article p a:hover { color: rgba(255,255,255,1) }
article .meta { border-top: 1px solid #fff; padding-top: 1em; clear: both; }
article .meta a, article .meta a:visited, article .meta a:hover { text-decoration: underline; color: #fff; }
article span.author { float: right; }
.blog-posts img { width: 100%; height: auto; margin-bottom: 1.5em; }
.featured-posts { width: 242px; color: #fff; float: right; }
.featured-posts img { width: 100%; height: auto; margin-bottom: 1.5em; }
.featured-posts p { padding-bottom: 1.5em; }
.featured-posts article { padding: 1.5em; margin: 1px 1px 2px; background: rgb(0, 178, 169)!important; }
.featured-posts article h1 { font-size: 1.5em; padding-bottom: .667em; }
.prev-next { background: #e0e0e0; padding: 1em 1.5em; margin: 1px; }
.prev-next a { text-decoration: underline; color: #666; }
.prev-next a:hover { color: rgb(121, 110, 101); }
.prev { float: left; }
.next { float: right; }
.offices { color: rgb(121, 110, 101); padding: 1em; position: absolute; top: 0; font-size: 1.5em; opacity: .8; }
.offices-box { background: #fff!important; }
.offices-box:hover img { opacity: .39; }

.category-select { padding: 1.5em; }
.category-select li a, .category-select li a:visited { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; color: #ccc; font-size: 1.8em; line-height: 1.5em; }
.category-select li a.active, .category-select li a:hover { color: #fff; }

.search-box { position: relative; }
.search-box span, .error-box span { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size: 1.5em; padding: 1em 1em 0; float: none; display: block; font-weight: 300; }
.search-box h1 { padding-top: .444em!important; padding-bottom: 1em!important; border-bottom: 1px dotted #ccc; }
.search-box p, .error-box p { padding-top: 1em!important; }
.search-box .pagination { padding: 1.5em 0; width: 202px; margin: 0 1.5em; border-top: 1px solid #ccc; position: absolute; bottom: 0; }
.search-box .pagination a, .search-box .pagination a:visited { text-decoration: underline; }
.error-page { background: url(files/images/error.png) top left no-repeat; padding-bottom: 11.391em; }
.error-box h1 { font-size: 1.5em; padding: .444em 1em 1em!important; border-bottom: 1px dotted #ccc; }
.error-box p { padding-left: 1.5em; padding-right: 1.5em; }

.sub-menu a, .sub-menu a:visited { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif!important; color: #ccc!important; font-weight: 300; }
.sub-menu a:hover, .sub-menu a.active { color: #fff!important; }





/* FONTS
--------------------------------------------- */

@font-face {
	font-family: 'BrownStd';
	src: url('files/fonts/BrownStd-Bold.eot');
	src: url('files/fonts/BrownStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('files/fonts/BrownStd-Bold.woff') format('woff'),
		url('files/fonts/BrownStd-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'BrownStd';
	src: url('files/fonts/BrownStd-Regular.eot');
	src: url('files/fonts/BrownStd-Regular.eot?#iefix') format('embedded-opentype'),
		url('files/fonts/BrownStd-Regular.woff') format('woff'),
		url('files/fonts/BrownStd-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BrownStd';
	src: url('files/fonts/BrownStd-Light.eot');
	src: url('files/fonts/BrownStd-Light.eot?#iefix') format('embedded-opentype'),
		url('files/fonts/BrownStd-Light.woff') format('woff'),
		url('files/fonts/BrownStd-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}






/* ANIMATIONS
--------------------------------------------- */

body { -webkit-animation-name: fade-in; -webkit-animation-duration: 1.5s; -moz-animation-name: fade-in; -moz-animation-duration: 1.5s; }
@-webkit-keyframes fade-in { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
a, button, input, img, .hover-content { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* WORDPRESS
--------------------------------------------- */

.isotope-hidden {
	background-color: rgba(0, 0, 0, 0.85);
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top : 0;
	z-index: 1;
	opacity: 0;
}

body.clients .isotope-hidden {
 	background-color: rgba(111, 44, 63, 0.95);
}

body.post-type-archive-project .isotope-hidden {
	background-color: rgba(250, 70, 22, 0.85);
}

body.post-type-archive-team_profile .isotope-hidden {
	background-color: rgba(0, 178, 169, 0.85);
}

.single, .post-type-archive-news, .post-type-archive-fft { position: relative; }
.single article h1 a,
.single article h1 a:visited,
.post-type-archive-news article h1 a,
.post-type-archive-news article h1 a:visited,
.post-type-archive-fft article h1 a,
.post-type-archive-fft article h1 a:visited,
.date article h1 a,
.date article h1 a:visited {
	color: #fff;
}

li.search input {
	vertical-align: inherit;
	font-family: 'BrownStd', 'Helvetica Neue', sans-serif;
}

.main-nav a:hover,
.main-nav a.active,
.main-nav .current-menu-item a,
.main-nav .current-page-ancestor a,
.single-project .main-nav .our-work a,
.single-post .main-nav .blog a,
.single-news .main-nav .news a,
.single-fft .main-nav .food-for-thought a,
.archive.date .main-nav .blog a,
.post-type-archive-news .main-nav .news a,
.post-type-archive-fft .main-nav .food-for-thought a {
	color: rgb(250, 70, 22)!important;
}
.category-select li.current-menu-item a,
.single-team_profile li.meet-the-team a {
	color: #FFF;
}

.blog .main-content,
.single .main-content,
.post-type-archive-fft .main-content,
.post-type-archive-news .main-content,
body.date .main-content {
	position: relative;
}

.error404 .main-content { background: url(files/images/error.png) top left no-repeat; padding-bottom: 11.391em; }

.blog-post-text img {
	max-width: 100%;
	width: auto;
}

.blog-post-text {
	padding-top: 0px !important;
}

.blog-post-text .aligncenter {
	margin: 0 auto;
	display: block;
}

.post-type-archive-fft .featured-posts article,
.single-fft .featured-posts article {
	background-color: rgb(111, 44, 63) !important;
}

.post-type-archive-news .featured-posts article,
.single-news .featured-posts article {
	background-color: rgb(250, 70, 22) !important;
}

.post-type-archive-team_profile .item {
	background: rgb(0, 178, 169);
}

.post-type-archive-project .item {
	background-color: rgb(250, 70, 22);
}

.archive .blog-post-text h1 a {
	color: #FFF;
}

.archive .blog-posts article:first-child {
	margin-top: 0px;
}

#menu-about-us-links .meet-the-team ul {
	display: none;
}

.sub-menu a, .sub-menu a:visited { font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif!important; color: #ccc!important; padding-left: 1em; font-weight: 300;}
.sub-menu a:hover, .sub-menu a.active { color: #fff!important; }

.date.post-type-archive-fft .main-nav .blog a,
.date.post-type-archive-news .main-nav .blog a {
	color: rgb(121, 110, 101) !important;
}

.shareaholic-share-buttons-container ul.shareaholic-share-buttons.shareaholic-share-buttons {
	margin-left: 0 !important;
}
.shareaholic-canvas .shareaholic-share-buttons-container li.shareaholic-share-button.shareaholic-share-button {
	padding: 0 !important;
}

@media (min-width: 1280px){
.socialpage { margin-left: 360px; width: 176px; padding: 4px; }
}

.modal, .modal * {
	box-sizing: border-box;
}

.modal {
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	transition: opacity 500ms;
	/*display: none;*/
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: -10;
}

.modal-is-open {
	display: block;
	z-index: 10;
	opacity: 1;
}

.modal h2,
.modal p,
.modal a {
	font-family: 'lexia', serif;
	color: #af976d;
}

.modal h2,
.modal p,
.modal-img {
	margin-bottom: 24px;
}

.modal svg {
	max-width: 100%;
}

.modal svg use,
.modal svg path {
	width: 100%;
	height: 100%;
}

.modal p {
	font-size: 24px;
}

.modal h2 {
	font-size: 32px;
	line-height: 1.3;
}

.modal h2 b {
	font-weight: bold; /* because firefox... */
}

.modal svg,
.modal use,
.modal path,
.modal rect {
	fill: #af976d;
}

.modal-panel {
	position: relative;
	width: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 54em;
	margin: 48px 12px 12px 0;
	padding: 36px 48px 24px;
	text-align: center;
	background-color: #fff;
}

@media (min-height: 640px) {
	.modal-panel {
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		top: 50%;
		margin: 12px 12px 12px 0;
	}
}

.modal-close {
	position: absolute;
	right: 0;
	top: -36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: transparent;
	color: #fff;
	font-family: 'BrownStd', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	font-weight: 500;
	font-size: 20px;
}

a.modal-cta {
	display: inline-block;
	background-color: #af976d;
	color: #fff;
	padding: 12px;
	width: 120px;
	line-height: 1.3;
	font-size: 16px;
}