@charset "UTF-8";
/*
Theme Name: Gloss Creative
Theme URI: http://glosscreative.com.au
Description: A responsive theme for Gloss Creative, based on Wordpress 4.3+
Author: Flight Creative (2015)
Version: 1.00
Tags: Ajax, portfolio, responsive, mobile
.
Awesome!
*/

/* =RESET
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, 
code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, 
video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
label, input[type=button], input[type=submit], button { cursor: pointer }

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* WEBFONTS
-------------------------------------------------------------- */


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

@import url("//hello.myfonts.net/count/2f4314");

  
@font-face {font-family: 'SofiaProMedium';src: url('webfonts/2F4314_0_0.eot');
	src: url('webfonts/2F4314_0_0.eot?#iefix') format('embedded-opentype'),
	url('webfonts/2F4314_0_0.woff2') format('woff2'),url('webfonts/2F4314_0_0.woff') format('woff'),
	url('webfonts/2F4314_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'SofiaProLight';src: url('webfonts/2F4314_1_0.eot');
	src: url('webfonts/2F4314_1_0.eot?#iefix') format('embedded-opentype'),
	url('webfonts/2F4314_1_0.woff2') format('woff2'),url('webfonts/2F4314_1_0.woff') format('woff'),
	url('webfonts/2F4314_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'DidotLTPro-Roman';src: url('webfonts/2F4314_2_0.eot');
	src: url('webfonts/2F4314_2_0.eot?#iefix') format('embedded-opentype'),
	url('webfonts/2F4314_2_0.woff2') format('woff2'),url('webfonts/2F4314_2_0.woff') format('woff'),
	url('webfonts/2F4314_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'DidotLTPro-Bold';src: url('webfonts/2F4314_3_0.eot');
	src: url('webfonts/2F4314_3_0.eot?#iefix') format('embedded-opentype'),
	url('webfonts/2F4314_3_0.woff2') format('woff2'),url('webfonts/2F4314_3_0.woff') format('woff'),
	url('webfonts/2F4314_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'NewBaskervilleStd-Italic';src: url('webfonts/2F4314_4_0.eot');
	src: url('webfonts/2F4314_4_0.eot?#iefix') format('embedded-opentype'),
	url('webfonts/2F4314_4_0.woff2') format('woff2'),url('webfonts/2F4314_4_0.woff') format('woff'),
	url('webfonts/2F4314_4_0.ttf') format('truetype');}


/* ROOT
-------------------------------------------------------------- */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

body {
	font: 13px/17px "SofiaProLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	background: #f2f2f2;
	padding: 0;
	margin: 0;
}

a {
	color:#000;
	font-size: inherit;
}


::selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}

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

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin: 1em 0;
	font-weight:normal;
	line-height: 1.2em;
}

.ie8 h1, 
.ie8 h2,
.ie8 h3 {
	font-weight:400 !important;
}

h1 {
	font-size: 60px;
	font-family: 'DidotLTPro-Bold';
}

h2 {
	font-family: 'SofiaProMedium';
	font-size: 32px;
}

h3 {
	font-family: 'SofiaProMedium';
	font-size: 24px;
}

h4 {
	font-family: 'NewBaskervilleStd-Italic';
	font-size: 28px;
}

h5 {
	font-family: 'NewBaskervilleStd-Italic';
	font-size: 25px;
}

h6 {
	font-family: 'DidotLTPro-Bold';
	font-size: 26px;
}

p {
	margin: 1em 0;
	font-size: 1em;
}

code {
	font-family: monospace;
	font-size: 1em;
}

del{
	text-decoration: line-through;
}

.small {
	font-size: 85%;
}

ol, ul {
	margin: 1.2em 0 1.2em 2em;
}

ul li,
ol li,
dl dt,
dl dd {
	margin-bottom: 0.2em;
}

img, a img {
	border: 0;
}

strong {
	font-family: 'SofiaProMedium';
	font-weight: normal;
}

.responsive-img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.float-left {
	float: left;
}

.float-right {
	float: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}

.right {
	text-align: right;
}

.col-1,
.col-2,
.col-3 {
	width: 100%;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

.video-container {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.clear:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.abs-center {
	margin: auto;
  	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
}


/* WORDPRESS IMAGE ALIGNMENT CLASSES
-------------------------------------------------------------- */
.alignnone {
	float: none;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display:block;
	margin:0 auto;
}

.wp-caption {
	text-align: center;
	padding: 5px;
	margin: 10px auto;
	background:#fff;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-text {
	padding: .5em 0 0 0;
	margin: 0;
	font-family: 'SofiaProLight';
	font-style: italic;
	font-size: 0.8em;
}

.wp-caption.alignleft {
	margin: 0 10px 0 0;
}

.wp-caption.alignright {
	margin: 0 0 0 10px;
}

.single img,
.entry-content img,
.entry-summary img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.single img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.size-medium,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}


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

#wrapper {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}

/*structure*/
.site-width {
	padding: 0 1.5em;
}

/* HEADER
-------------------------------------------------------------- */
#header {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	height: 60px;
}

#logo {
	position: relative;
	width: 180px;
	left: 20px;
	top: 20px;
}

#social-nav.nav ul li {
	font-family: 'gloss';
	font-size: 180%;
	padding: 0 5px;
	color: #fff;
}

#social-nav.nav ul li a {
	color: #fff;
	text-decoration: none;
}

#nav-wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	min-height:100%;
	background: #fff;
	opacity: 0.95;
	padding: 70px 20px 20px 20px;
	display: none;
	z-index: 100;
	overflow-y: scroll;
}

.ie9 #nav-wrap {
	overflow-y: auto;
}

#main-nav {
	vertical-align: top;
}


#main-nav ul {
	margin: 0;
	padding: 0;
}

#main-nav ul li {
	margin:0;
	display: block;
	padding: 0 0 .6em 0;
	height: auto;
	text-align: left;
	text-transform: uppercase;
	font: 1.4em/1.1em "SofiaProMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	background: #fff;
	position: relative;
	letter-spacing: 0.2em;
}

#main-nav ul li a {
	color:#000;
	text-decoration: none;
}

#main-nav ul li.current-menu-item a,
#main-nav ul li.current-menu-item a:hover {
	color:#000;
}

#main-nav ul li.current-menu-item a::after {
	content:'';
    position:absolute;
    width: 40px;
    height: 0;    
    left:0;
    bottom:8px; /*Change this to increase/decrease distance*/
    border-bottom: 2px solid #000;  
}

#main-nav ul li a:hover::after { 
    content:'';
    position:absolute;
    width: 40px;
    height: 0;    
    left:0;
    bottom:8px; /*Change this to increase/decrease distance*/
    border-bottom: 2px solid #000;  
}

.nav_desc {
	font: 20px/1.1em "NewBaskervilleStd-Italic", serif;
	text-transform: none;
	display: none;
}

#menu-toggle-wrap {
	overflow: hidden;
	z-index: 1000;
	position: fixed;
	width: 100%;
	top: 10px;
}

#menu-toggle {
	display: block;
	margin: 0;
	margin-right: 10px;
	cursor: pointer;
	float: right;
}

#menu-toggle a {
	text-decoration: none;
	color: #000;
}

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 44px;
  height: 44px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 18px;
  left: 7px;
  right: 7px;
  height: 2px;
  background: #000;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  content: "";
}

.c-hamburger span::before {
  top: -8px;
}

.c-hamburger span::after {
  bottom: -8px;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}



/* SINGLE PAGES / POSTS / ETC
-------------------------------------------------------------- */

.text-col p:first-child {
	margin-top: 0;
}

hr {
  	margin-top: 3%;
    margin-bottom: 4%;
    border: none;
    height: 1px;
	color: #333;
    background-color: #333;
}

#page-hero-wrap {
	position: relative;
	margin: 60px 0 30px 0;
}

.page-title {
	position: relative;
    font: 2.125em/1em "DidotLTPro-Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  	text-align: center;
	margin: 0;
}

#page-hero-wrap .page-title {
	position: absolute;
	top: -40px;
	width: 100%;
}

.post-sub-title {
	text-align: center;
	font-size: 22px;
}

.sub-title-rule {
	text-align: center;
	width: 50%;
	margin: 1.3em auto 0 auto;
}

/* PROJECTS LIST PAGE
-------------------------------------------------------------- */
.proj-rule {
	text-align: center;
	width: 100%;
	margin: 0 auto 0 auto;
	color: #000;
	background-color: #000;
	height: 4px;
}

.projects-text-wrap {
	padding: 0 1.5em;
	min-width: 100%;
}

#project-list {
	padding-top: 1.5em;
}

.project-thumb {
	position: relative;
	margin-bottom: 1.5em;
	overflow: hidden;
}

.project-thumb:last-child{
	margin-bottom: 0;
}

.project-text-shade {
	position: absolute;
	background: rgba(0,0,0,1);
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	-webkit-transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out;
	transition: opacity .35s ease-in-out;
	opacity: 0;
}

.project-thumb:hover .project-text-shade {
	opacity: 0.5;
}

.project-text-wrap {
	text-align: center;
	position: absolute;
  	top: 100%;
  	width: 100%;
	padding: 30px;
	color: #fff;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-ms-transform: translateY(100%);
	transition: -webkit-transform .35s ease-out;
	transition: transform .35s ease-out;
	-ms-transition: -ms-transform .35s ease-out;
}

.project-thumb:hover .project-text-wrap {
	top: 50%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	transition: -webkit-transform .35s ease-out;
	transition: transform .35s ease-out;
	-ms-transition: -ms-transform .35s ease-out;
}

.proj-thumb-title {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-bottom: 25px;
	font-size: 24px;
}

.proj-thumb-subtitle {
	font: 18px/1.4em 'NewBaskervilleStd-Italic', Helvetica, Arial, serif;
	margin: 22px 0 0 0;
}

.project-thumb img {
	top: 0;
	left: 0;
	max-width: 100%;
}

.project-thumb .proj-thumb-rule {
	text-align: center;
	width: 30%;
	margin: 0 auto 0 auto;
	color: #fff;
	background-color: #FFF;
}

#project-list .project-thumb {
	margin: 1% auto;
	max-width: 100%;
}

.grid-sizer {
	width: 100%;
}

.gutter-sizer {
	width: 2%;
}

.home-intro {
	width: 100%;
	padding: 30px 0 0 0;
	margin: 0 auto;
}

.home-intro h3 {
	font: 20px/1.1em "NewBaskervilleStd-Italic", serif;
	margin: 0;
}

/* SINGLE PROJECT
-------------------------------------------------------------- */
.project-header-wrap {
	margin-bottom: 1.5em;
}

.project .page-heading {
	text-transform: uppercase;
	margin: 1em 0 0 0;
	font-size: 30px;
}

.project-gallery-item,
.project-header {
	position: relative;
	margin-bottom: 1.429em;
}

.project-header .pin-button,
.project-gallery-item .pin-button {
	position: absolute;
	top: .8em;
	right: .8em;
	height: 26px;
	width: 26px;
	color: #fff;
	text-indent: -9999px;
	background: transparent url("images/pin-circle.svg") no-repeat 0 0;
    background-size: 26px 26px;
    display: block;
}

.project-gallery-item:hover .pin-button,
.project-header:hover .pin-button {
	display: block;
}

.mobile-desc {
	font-size: 22px;
}

.desktop-desc {
	display: none;
}

#high-list {
	margin: 1em 0;
	list-style: none;
	width: 100%;
}

#high-list li {
	padding-bottom: .2em;
}

.high-label {
	font: 32px/1em 'DidotLTPro-Bold', Helvetica, Arial, serif;
	width: 2em;
	display: inline-block;
}

.high-detail {
	font: 25px/1em 'NewBaskervilleStd-Italic', Helvetica, Arial, serif;
}

.explore-more {
	text-align: center;
}

.project-thumb-intro {
	color: #000;
	width: 100%;
}

#rel-project-list .project-text-wrap {
	text-align: center;
	position: absolute;
	padding: 20px;
	color: #000;
	top: 50%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
}

#rel-project-list .proj-thumb-title {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 25px;
	font: 24px/1em 'DidotLTPro-Roman', Helvetica, Arial, serif;
}

#rel-project-list .proj-thumb-subtitle {
	font: 1.2em/1.4em 'NewBaskervilleStd-Italic', Helvetica, Arial, serif;
	margin: 22px 0 0 0;
}

#rel-project-list .project-thumb img {
	top: 0;
	left: 0;
	max-width: 100%;
}

#rel-project-list .project-thumb .proj-thumb-rule {
	text-align: center;
	width: 30%;
	margin: 0 auto 0 auto;
	color: #000;
	background-color: #000;
}

/*PAGES
-------------------------------------------------------------- */
#archive-page {
	overflow: hidden;
}

/*CLIENT TEMPLATE
-------------------------------------------------------------- */
.clients p {
	text-align: left;
}

.client-thumb {
	width: 50%;
	padding: 1em;
	display: inline-block;
}

/*PROFILE TEMPLATE
-------------------------------------------------------------- */

.section-title {
	text-align: center;
	text-transform: uppercase;
	margin: .5em 0 0 0;
}

.section-title span {
	font: 22px/1em 'NewBaskervilleStd-Italic', Helvetica, Arial, serif;
	text-transform: none;
	display: block;
	margin: .5em 0 .5em 0;
}

.section-article .post-cols-wrap {
	padding-top: 10px;
}

/* CONTACT TEMPLATE
-------------------------------------------------------------- */
div.contact {
	padding-bottom: 3em;
}
.contact .page-title {
	margin: 0 0 .4em 0;
}

.contact-details {
	list-style: none;
	font: 1.571em/1.3em 'NewBaskervilleStd-Italic', Helvetica, Arial, serif;
	margin: 1em 0 0 0;
	text-align: center;
}

.contact-details a {
	text-decoration: none;
	color: #000;
}

#contact-social-nav {
	margin-top: 2em;
}

#contact-social-nav ul li a span:after {
	font: 24px/1 'gloss'!important;
}

/* BLOG TEMPLATE
-------------------------------------------------------------- */
.news-item {
	text-align: center;
	margin-bottom: 40px;
}



.news-title {
	margin: .7em 0 0 0;
	font: 34px/1em 'DidotLTPro-Roman', Helvetica, Arial, serif;
	padding: .2em 0.2em 0 0.2em;
	text-transform: uppercase;
}

.news-text-wrap .post-sub-title {
	margin: 0.5em 0 0.2em 0;
}

.news-text-wrap p,
.news-text-wrap h4,
.ajax-fragment p {
	width: 80%;
	display: inline-block;
}

.news-item a {
	text-decoration: none;
}

.news-item .read-more{
	display: block;
	padding:1em 0 .5em 0;
}

h4.blog-subtitle {
	padding-top: 0.5em;
}

#blog-nav-wrap {
	padding: 0 20px;
}

#blog-nav-wrap .col-3 {
    display: inline-block;
    width: 100%;
    margin:  0 0 1.5em 0;
}

#blog-nav-wrap select {
	width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   	padding: .6em!important;
    background: transparent url("images/drop-arrow.svg") no-repeat 10px center;
    background-position: 95% 50%;
    background-size: 30px 30px;
    font: .8em/1 'SofiaProMedium';
    text-transform: uppercase;
    letter-spacing: .2em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 2% 3%;
    border: none;
    border-bottom: solid #000 1px;
}

.read-more {
	text-transform: uppercase;
	font: .8em/1em 'SofiaProMedium';
}

.fragment-close {
	position: absolute;
	right: 10px;
	margin-top: 1em;
	display: none;
}

.fragment-close a {
	font-size: 0;
	text-decoration: none;
}

.fragment-close a span:after {
	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 18px/1 'gloss'!important;
	speak: none;
	vertical-align: top;
	cursor: pointer;
}

.fragment-close a span:after {
	content: '\e901';
}

.bottom-fragment {
	height: 2em;
	padding: 1em 0;
	position: relative;
	margin-bottom: 1em;
}

.bottom-fragment .fragment-close {
	top: 0;
	margin: 0;
}

/* ANTHEM TEMPLATE
-------------------------------------------------------------- */
.anthem-section {
	padding-top: 15px;
}

.anthem-item {
	width: 100%;
}

.anthem-text-wrap {
	text-align: center;
	padding: 3em 20px 1em 20px;
}

.anthem-item {

}

.anthem-number-title {
	font: 7.143em/1em 'DidotLTPro-Bold', Helvetica, Arial, serif;
	margin: 0;
	padding: .2em 0 0 0;
}


.anthem-title {
	font: 2.286em/1em 'DidotLTPro-Roman', Helvetica, Arial, serif;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}

.anthem-title a {
	text-decoration: none;
	font-family: 'DidotLTPro-Roman';
}

.anthem-title a:hover {
	color: #666;
}

.anthem-sub-title {
	font-size: 1.286em;
}

.anthem-item p {
	text-align: justify;
}

.anthem-img-wrap,
.anthem-text-wrap {
	width: 100%;
}


.anthem-item .read-more  {
	text-decoration: none;
}

.anth-jax-fragment {
	padding: .2em 20px 1.5em 20px;
	position: relative;
	display: none;
}

.anthem-item .fragment-close {
	display: block;
	margin-top: -1em;
	right: 20px;
}

/*FORMS
-------------------------------------------------------------- */
#contact-form {
	margin-top: 20px;
}

#contact-form fieldset div {
	overflow: hidden;
	margin: 0 0 1em 0;
}

#footer-cont .footer-email-signup {
	display: none;
}

.mc_embed_signup .input {
	height: 35px;
	width: 90%;
	background-color: white;
	padding-left: 10px;
	margin: 0 0 20px 0;
	-webkit-appearance: none;
    border-radius: 0;
}

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #999999; /* Old browsers */
	padding: .5em 3em .2em 3em;
	color: #000;
	border: none;
	display: inline-block;
	font-size: 120%;
	text-decoration: none;
	cursor: pointer;
	line-height: 1em;
	font-family: 'NewBaskervilleStd-Italic';
	height: 35px;
	-webkit-appearance: none;
    border-radius: 0;
}

.ie9 a.button,
.ie9 button,
.ie9 input[type="submit"],
.ie9 input[type="reset"],
.ie9 input[type="button"] {
	padding: .3em 3em .2em 3em;
}

.ie9 .mc_embed_signup .input {
	border: none;
}

.form-sub {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

input.error {
	border-color: red;
	border-style: solid;
	border-width: 1px;
}

label.error {
	color: red;
	padding: 1.5em 1em 0 1em;
	font-size: smaller;
	display: block!important;
}

#searchform {
	position: relative;
}

#searchform span {
	position: absolute;
    right: 0;
    top: 0;
    padding: .4em .3em 0 .3em;
    pointer-events: none;
}

.search-field {
	width: 100%;
	height: 27px;
	border: 0;
	border-bottom: 1px solid #000;
	padding-left: 10px;
	-webkit-appearance: none;
    border-radius: 0;
}

.ie9 .search-field  {
	margin-top: 8px;	
}

.ie9  #searchform span {
    top: 4px;
    padding: .2em .3em;
}

#searchform span:after {
	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 18px/1 'gloss'!important;
	speak: none;
	vertical-align: top;
	content: '\e90c';
}

::-webkit-input-placeholder {
   color: #000;
   font-size: 110%;
   vertical-align: middle;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000; 
   font-size: 110%;
   vertical-align: middle;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
   font-size: 110%;
   vertical-align: middle;
}

:-ms-input-placeholder {  
   color: #000;
   font-size: 110%;
   vertical-align: middle;
}

.page-template-tpl-blog-view .ui-selectmenu-button span.ui-icon-triangle-1-s,
.archive .ui-selectmenu-button span.ui-icon-triangle-1-s {
	background: none;
	text-indent: 0;
	overflow: visible;
	height: auto;
	width: auto;
}

.page-template-tpl-blog-view .ui-selectmenu-button span.ui-icon-triangle-1-s:after,
.archive .ui-selectmenu-button span.ui-icon-triangle-1-s:after {
	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 18px/1 'gloss'!important;
	speak: none;
	content: '\e908';
	text-indent: 0;
}

.page-template-tpl-blog-view .ui-widget,
.archive .ui-widget {
	font: 11px/1em 'SofiaProMedium', sans-serif;
	text-transform: uppercase;
}

.page-template-tpl-blog-view .ui-selectmenu-menu,
.archive .ui-selectmenu-menu {
	text-align: left;
	
}

.page-template-tpl-blog-view .ui-selectmenu-button span.ui-selectmenu-text,
.archive .ui-selectmenu-button span.ui-selectmenu-text {
	padding: 0.4em 2.1em 0.4em 10px;
	height: 26px;
	vertical-align: top;
	display: inline-block;
	text-align: left;
}

.page-template-tpl-blog-view .ui-selectmenu-menu .ui-state-disabled,
.archive .ui-selectmenu-menu .ui-state-disabled {
  display: none;
   visibility:hidden; height:0; font-size:0;
}

.page-template-tpl-blog-view .ui-selectmenu-button,
.archive .ui-selectmenu-button {
	border: none;
	border-bottom: 1px solid #000!important;
	padding-top: 0;
	text-align: left;
}

.page-template-tpl-blog-view .ui-menu .ui-state-focus, 
.page-template-tpl-blog-view .ui-menu .ui-state-active,
.archive .ui-menu .ui-state-focus, 
.archive .ui-menu .ui-state-active {
	margin: -1px;
	border: 1px solid #fff;
}

.page-template-tpl-blog-view .ui-state-hover, .page-template-tpl-blog-view .ui-widget-content .ui-state-hover, 
.page-template-tpl-blog-view .ui-widget-header .ui-state-hover, .page-template-tpl-blog-view .ui-state-focus, 
.page-template-tpl-blog-view .ui-widget-content .ui-state-focus, 
.page-template-tpl-blog-view .ui-widget-header .ui-state-focus,
.archive .ui-state-hover, .archive .ui-widget-content .ui-state-hover, 
.archive .ui-widget-header .ui-state-hover, .archive .ui-state-focus, 
.archive .ui-widget-content .ui-state-focus, 
.archive .ui-widget-header .ui-state-focus {
	border-bottom: 1px solid #fff;
}

.page-template-tpl-blog-view .ui-menu-item:last-child,
.archive .ui-menu-item:last-child {
	padding-bottom: 8px!important;
}

.page-template-tpl-blog-view .ui-menu-item,
.archive .ui-menu-item {
	border: none;
	padding: 10px 1em 0 .4em!important;
}

.page-template-tpl-blog-view .ui-widget-content,
.archive .ui-widget-content {
	border: none;
}

/* FOOTER
-------------------------------------------------------------- */
.footer-wrap {
	color: #000;
	width: 100%;
	position: relative;
	-webkit-font-smoothing: subpixel-antialiased;
	padding: 1.5em 0 35px 0;
}

.footer-wrap .sub-title-rule {
	display: none;
}

.footer-wrap a {
	color: #000;
	text-decoration: none;
}

.footer-wrap a:hover {
	color: #222;
}

.footer-email-signup {
	background: #000;
	color: #fff;
	padding: 1em 1em 2em 1em;
	text-align: center;

}

.email-signup-header {
	font: 20px/1 'NewBaskervilleStd-Italic';
	display: inline-block;
}

.email-signup-header span {
	font: 24px/1 'SofiaProMedium';
	text-transform: uppercase;
	letter-spacing: .1em;
	padding-left: .3em;
}

div.footer-contact-wrap {
	padding: 1em 0;
}

.footer-email p,
.footer-tel p {
	text-align: center;
	font: 16px/1em 'SofiaProMedium', sans-serif;
	margin: 0 0 1em 0;
}

.footer-col {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.social-nav {
	text-align: center;
}

.social-nav ul {
	display: inline-block;
}

.social-nav ul li {
	float: left;
}

#footer-cont {
	position: relative;
}

#footer-cont .footer-email-signup {
	background: #fff;
	color: #000;
}

#footer-cont .mc_embed_signup .input {
	background-color: #E6E6E6;
	border: 0;

}

#footer-cont .footer-email {
	left: 0;
}

#footer-cont .sub-title-rule {
	display: block;
}

.social-nav .twitter a,
.social-nav .twitter-2 a,
.social-nav .facebook a,
.social-nav .facebook-2 a,
.social-nav .pinterest a,
.social-nav .pinterest-2 a,
.social-nav .instagram a,
.social-nav .instagram-2 a {
	font-size: 0;
	float: left;
	text-decoration: none;
}

.social-nav a span:after {
	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 20px/1 'gloss'!important;
	speak: none;
	vertical-align: top;
	padding-top: .1em;
}

.social-nav ul li {
	margin-right: 1em;
}

.social-nav ul li:last-child {
	margin-right: 0;
}

.social-nav .twitter a span:after,
.social-nav .twitter-2 a span:after {
	content: '\e905';
}

.social-nav .facebook a span:after,
.social-nav .facebook-2 a span:after {
	content: '\e902';
}

.social-nav .pinterest a span:after,
.social-nav .pinterest-2 a span:after {
	content: '\e904';
}

.social-nav .instagram a span:after,
.social-nav .instagram-2 a span:after {
	content: '\e903';
}


#list-pagination-container {
	overflow: hidden;
	position: relative;
}

#social-wrap {
	overflow: hidden;
	text-align: center;
	width: 97%;
	margin: 0 auto 2em auto;
}

.share-btn {
	font: 0.75em/1 'SofiaProMedium';
	width: 87px;
	border: 1px solid #000;
	text-align: center;
	vertical-align: middle;
	height: 24px;
	letter-spacing: .1em;
	padding: .4em .3em .3em .3em;
	display: inline-block;
}

.share-btn a {
	text-transform: uppercase;
	text-decoration: none;
}

blog-nav-wrap select {
	width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   	padding: .6em!important;
    background: transparent url("images/drop-arrow.svg") no-repeat 10px center;
    background-position: 95% 50%;
    background-size: 30px 30px;
    font: .8em/1 'SofiaProMedium';
    text-transform: uppercase;
    letter-spacing: .2em;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    padding: 2% 3%;
    border: solid #000 1px;
}

.nav-previous, 
.nav-next {
	font: .9em/1 'SofiaProMedium';
}

.nav-previous a,
.nav-next a {
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: top;
}

.nav-previous a:before,
.nav-next a:after {
	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 1.2em/1 'gloss'!important;
	speak: none;
	vertical-align: top;
}

.nav-previous a:before {
	content: '\e906';
	margin-right: .3em;
}

.nav-next a:after  {
	content: '\e907';
	margin-left: .3em;
}


#project-list.mobile .project-thumb {
	transform: none!important;
}


/*MEDIA QUERIES 
-------------------------------------------------------------- */
/* 360px */
@media only screen and (min-width: 360px) {

	#page-hero-wrap .page-title {
	    top: -45px;
	}

	.page-title {
	    font-size: 2.525em;
	}

}


/* 480px */
@media only screen and (min-width: 480px) {

	.client-thumb {
		padding: 2em;
	}
}

/* 640px */
@media only screen and (min-width: 500px) {

	.page-title {
	    font-size: 4.250em;
	}

	.client-thumb {
		padding: 4em;
	}

}

/* 640px */
@media only screen and (min-width: 640px) {	

	label.error {
		display: inline-block!important;
	}
}

/* 768px iPad Portrait*/
@media only screen and (min-width: 768px) {


	body {
		padding: 1.250em;
	}

	#header {
		height: 80px;
	}

	#logo {
		width: 260px;
		padding-top: 55px;
		margin: 0 auto;
		top: 0;
		left: 0;
	}

	#menu-toggle-wrap {
		top: 20px;
		right: 10px;
	}

	#menu-toggle {
		font-size: 200%;
	}

	.page-title {
	    font-size: 5.5em;
	    padding-top: 100px;
	}

	#page-hero-wrap {
		margin: 190px 0 50px 0;
	}

	#page-hero-wrap .page-title {
		top: -200px;
	}

	.news-title {
		font: 52px/1em 'DidotLTPro-Roman', Helvetica, Arial, serif;
	}

	.news-title a{
		text-decoration: none;
	}

	.news-title a:hover {
		color: #666;
	}

	.post-sub-title {
		font-size: 25px;
	}

	.sub-title-rule {
		width: 15%;
		margin-top: 0;
	}

	.home-intro {
		width: 90%;
	}

	.post-cols-wrap {
		width: 90%;
		margin: 0 auto;
		padding-top: 28px;
	}

	.post-text-col {
		float: left;
		width: 50%;
		text-align: left;
	}

	.post-text-col:nth-child(odd) {
		padding-right: 2.5%;
	}

	.post-text-col:nth-child(even) {
		padding-left: 2.5%;
	}

	.clients,
	.about,
	.about,
	.projects,
	.contact {
		text-align: center;
	}

	.section-article {
		display: inline-block;
	}

	.section-title span {
		display: inline;
		margin-top: 0;
		padding-left: 1em;
	}

	.item-1 p:first-child,
	.item-2 p:first-child {
		margin-top: 0;
	}

	/*CLIENT
	**********************************************************/

	.client-thumb {
		width: 25%;
		padding: 3em;
	}

	/*PROJECTS LIST
	**********************************************************/
	.proj-rule {
		margin-top: 1em;
	}

	.projects-text-wrap {
		padding: 0;
	}

	#project-list .project-thumb {
		margin: 0 0 3em 0;
		max-width: 90%;
	}

	.proj-col-1 {
		float: left;
		width: 50%;
		text-align: left;
		position: relative;
	}

	.proj-col-2 {
		float: right;
		width: 50%;
		text-align: left;
		position: relative;
	}


	#project-list .one {
		transform: translateX(1%);
  		-webkit-transform: translateX(1%);
  		-ms-transform: translateX(1%);
	}

	#project-list .two {
		transform: translateX(2%);
  		-webkit-transform: translateX(2%);
  		-ms-transform: translateX(2%);
	}

	#project-list .three {
		transform: translateX(3%);
  		-webkit-transform: translateX(3%);
  		-ms-transform: translateX(3%);
	}

	#project-list .four {
		transform: translateX(4%);
  		-webkit-transform: translateX(4%);
  		-ms-transform: translateX(4%);
	}

	#project-list .five {
		transform: translateX(5%);
  		-webkit-transform: translateX(5%);
  		-ms-transform: translateX(5%);
	}

	#project-list .six {
		transform: translateX(6%);
  		-webkit-transform: translateX(6%);
  		-ms-transform: translateX(6%);
	}

	#project-list .seven {
		transform: translateX(7%);
  		-webkit-transform: translateX(7%);
  		-ms-transform: translateX(7%);
	}

	#project-list .eight {
		transform: translateX(8%);
  		-webkit-transform: translateX(8%);
  		-ms-transform: translateX(8%);
	}

	#project-list .nine {
		transform: translateX(9%);
  		-webkit-transform: translateX(9%);
  		-ms-transform: translateX(9%);
	}

	#project-list .ten {
		transform: translateX(10%);
  		-webkit-transform: translateX(10%);
  		-ms-transform: translateX(10%);
	}

	#project-list .eleven {
		transform: translateX(11%);
  		-webkit-transform: translateX(11%);
  		-ms-transform: translateX(11%);
	}

	#project-list .twelve {
		transform: translateX(12%);
  		-webkit-transform: translateX(12%);
  		-ms-transform: translateX(12%);
	}						
	
	#project-list .thirteen {
		transform: translateX(13%);
  		-webkit-transform: translateX(13%);
  		-ms-transform: translateX(13%);
	}

	#project-list .fourteen {
		transform: translateX(14%);
  		-webkit-transform: translateX(14%);
  		-ms-transform: translateX(14%);
	}

	#project-list .fifteen {
		transform: translateX(15%);
  		-webkit-transform: translateX(15%);
  		-ms-transform: translateX(15%);
	}

	#project-list .sixteen {
		transform: translateX(16%);
  		-webkit-transform: translateX(16%);
  		-ms-transform: translateX(16%);
	}

	#project-list .seventeen {
		transform: translateX(17%);
  		-webkit-transform: translateX(17%);
  		-ms-transform: translateX(17%);
	}	

	#project-list .eighteen {
		transform: translateX(18%);
  		-webkit-transform: translateX(18%);
  		-ms-transform: translateX(18%);
	}

	#project-list .nineteen {
		transform: translateX(19%);
  		-webkit-transform: translateX(19%);
  		-ms-transform: translateX(19%);
	}

	#project-list .twenty {
		transform: translateX(20%);
  		-webkit-transform: translateX(20%);
  		-ms-transform: translateX(20%);
	}

	#project-list .twentyone {
		transform: translateX(21%);
  		-webkit-transform: translateX(21%);
  		-ms-transform: translateX(21%);
	}

	#project-list .twentytwo {
		transform: translateX(22%);
  		-webkit-transform: translateX(22%);
  		-ms-transform: translateX(22%);
	}

	#project-list .twentythree {
		transform: translateX(23%);
  		-webkit-transform: translateX(23%);
  		-ms-transform: translateX(23%);
	}

	#project-list .twentyfour {
		transform: translateX(24%);
  		-webkit-transform: translateX(24%);
  		-ms-transform: translateX(24%);
	}	

	#project-list .twentyfive {
		transform: translateX(25%);
  		-webkit-transform: translateX(25%);
  		-ms-transform: translateX(25%);
	}

						
	/*PROJECT
	**********************************************************/
	.project-thumb {
		display: inline-block;
		margin: 2%;
		max-width: 45%;
	}

	.project-header-wrap {
		padding: 0 20px;
		text-align: left;
	}

	.project .page-heading {
		margin: .7em 0 .5em 0;
		font-size: 52px;
	}

	.mobile-desc {
		display: none;
	}

	.desktop-desc {
		display: block;
	}

	.project-desc {
		margin-left: 33%;
		max-width: 60%;
	}

	#high-list {
		float: left;
		width: 33%;
		margin-top: 0;
	}

	#high-list li {
		padding-bottom: .6em;
	}

	.high-label {
		font-size: 32px;
	}

	.high-detail {
		font: 25px/1em 'NewBaskervilleStd-Italic', Helvetica, Arial, serif;
	}

	.project .post-cols-wrap {
		width: 66%;
		padding-top: 0;
	}

	.project .post-cols-wrap {
		width: 66%;
		margin-left: 33%;
	}

	.project .post-text-col {
		width: 47.5%;
	}

	.project-gallery-item,
	.project-header {
		position: relative;
		margin-bottom: 4%;
	}

	.project-gallery-item {
		display: inline-block;
		width: 100%;
	}

	.project-gallery-item-small {
		max-width: none;
		width: 48%;
		margin: 0 0 4% 0;
		vertical-align: top;
	}

	.project-gallery-item-small.odd {
		margin-right: 4%;
	}

	#list-pagination-container {
		padding: .1em 0 1em 0;
		vertical-align: middle;
	}

	.col-3,
	.archive select,
	.category select {
		width: 180px;
	}

	#rel-project-list .proj-thumb-title {
		font-size: 24px;
	}

	#rel-project-list .proj-thumb-subtitle {
		font-size: 1.4em;
	}

	.project-thumb-intro {
		width: 50%;
		position: relative;
	}

	#rel-project-list .project-thumb,
	#explore-project-list .project-thumb {
		display: inline-block;
		max-width: none;
		width: 48%;
		margin: 0 0 4% 0;
		vertical-align: top;
	}

	#rel-project-list .full-width {
		width: 100%;
	}

	#rel-project-list .half-width {
		width: 48%;
	}

	#rel-project-list .project-thumb:nth-child(even),
	#rel-project-list .half-width:nth-child(odd),
	#explore-project-list .project-thumb:nth-child(even)  {
		margin-left: 4%;
	}

	/*BLOG
	**********************************************************/

	#blog-nav-wrap {
		width: 80%;
		margin: 3em auto 2em auto;
		padding: 0;
		text-align: center;
	}

	#blog-nav-wrap .col-3 {
	    display: inline-block;
	    width: 25%;
	    margin:  0 1.5em 0 0;
	    vertical-align: top;
	}

	#blog-nav-wrap .search {
		width: 35%;
	}

	.safari .search-field {
		height: 28px;
	}

	.page-template-tpl-blog-view .ui-selectmenu-button span.ui-selectmenu-text,
	.archive .ui-selectmenu-button span.ui-selectmenu-text {
		padding: 0.4em 2.1em 0.4em .5em;
	}

	.news-item {
		text-align: center;
		margin-bottom: 70px;
	}

	.news-item:last-child {
		margin-bottom: 20px;
	}

	.news-text-wrap p,
	.news-text-wrap h4,
	.ajax-fragment p {
		width: 70%;
	}

	.fragment-close {
	    right: 0;
	}

	.bottom-fragment {
	    border-bottom: 1px solid #000;
	    margin-bottom: 1.5em;
	}

	#social-wrap {
		text-align: center;
		width: 310px;
		margin: 0 auto 0 auto;
		position: absolute;
		left:0;
    	right:0;
	}

	.share-btn {
		font: 0.85em/1 'SofiaProMedium';
		width: 100px;
		border: 1px solid #000;
		vertical-align: middle;
		height: 24px;
		padding: .3em .3em .3em .3em;
	}

	.nav-previous,
	.nav-next {
		padding-top: .3em;
	}

	/*ANTHEM
	**********************************************************/
	.anthem-section {
		padding-top: 20px;
	}

	.anthem-text-wrap {
		text-align: center;
		
	}

	.anthem-text-sub-wrap {
		max-width: 80%;
		margin: 0 auto;
	}

	.anthem-img-wrap,
	.anthem-text-wrap {
		width: 50%;
	}

	.anthem-item:nth-child(odd) .anthem-img-wrap {
		float: right;
	}

	.anthem-item:nth-child(even) .anthem-img-wrap,
	.anthem-item:nth-child(even) .anthem-text-wrap {
		float: left;
	}

	.anthem-number-title {
		font-size: 132px;
		padding: .4em 0 0 0;
	}

	.anthem-title {
		font-size: 43px;
		padding: .2em 0;
		max-width: 80%;
		margin: 0 auto;
	}


	.anth-jax-fragment {
		border-bottom: 1px solid #000;
		padding: 3em 0 1.5em 0;
		margin-bottom: 2.8em;
	}


	.anth-jax-fragment .post-cols-wrap {
		width: 100%;
	}

	/*PROFILE
	**********************************************************/
	.section-title {
		text-align: center;
		text-transform: uppercase;
		margin: 1em 0 1em 0;
	}

	.section-title span {
		font: 28px/1em 'NewBaskervilleStd-Italic', Helvetica, Arial, serif;
		margin: 1em 0 .5em 0;
	}

	.section-article .post-cols-wrap {
		padding-top: 40px;
	}

	.testes-section .post-cols-wrap:not(:first-child) {
		padding-top: 20px;
	}

	/*FOOTER
	**********************************************************/
	footer {
		position: relative;
		padding: 30px 0 5px 0;
	}

	#footer-cont .footer-email-signup {
		display: block;
	}

	.footer-email-signup {
		height: 80px;
		padding: 2em 20px;
		position: relative;
	}

	.email-signup-header {
		padding-right: 1em;
	}

	.footer-col {
		width: 33%;
	}

	div.footer-contact-wrap {
		position: relative;
		top: 0;
		vertical-align: middle;
		padding: 20px 1em 50px 1em;
		
	}

	.footer-email,
	.social-nav,
	.footer-tel {
		position: absolute;
	}

	.footer-email p {
		text-align: left;
	}

	.footer-email {
		left: 1em;
	}

	.footer-tel  {
		right: 1em;
	}

	.footer-tel p {
		text-align: right;
	}

	.email-signup-header {
		font: 1em/1 'NewBaskervilleStd-Italic';
	}

	.email-signup-header span {
		font: 1.300em/1 'SofiaProMedium';
	}

	.social-nav {
		margin: 0 auto;
		left: 50%;
    	transform: translate(-50%, 0);
    	-ms-transform: translate(-50%, 0);
    	-webkit-transform: translate(-50%, 0);
    	text-align: center;
	}

	.social-nav ul {
		margin: 0;
	}

	.input {
		height: 24px;
		width: 100%;
		background-color: white;
		padding-left: 10px;
		border: 0;
	}

	label.error {
		padding: .5em 1em 0 1em;
	}

	.form-ele {
		width: 24%;
		display: inline-block;
		vertical-align: middle;
	}

	.mc_embed_signup .input {
		margin: 0;
		height: 26px;
	}

	#footer-cont .mc_embed_signup .input  {
		height: 27px;
	}

	

	p.form-ele {
		margin: 0;
	}

	.form-submit {
		text-align: left;
		padding-left: 10px;
	}

	a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		height: 26px;
	}

}

@media only screen and (min-width: 769px) {
	.project-header .pin-button,
	.project-gallery-item .pin-button {
	    display: none;
	}

	.project-gallery-item:hover .pin-button,
	.project-header:hover .pin-button {
		display: block;
	}
}


/* 960px Desktop */
@media only screen and (min-width: 960px) {
	.site-width,
	header,
	.anthem,
	.blog-page,
	.projects {
		width: 940px;
		margin: 0 auto;
		position: relative;
		padding: 0;
	}

	.project,
	.blog-page {
		width: 940px;
	}

	#menu-toggle-wrap {
		position: absolute;
		max-width: 980px;
		width: 40px;
		height: 45px;
		right: 0;
		top: 50px;
		overflow: visible;
		z-index: 1000;
	}

	#menu-toggle {
		position: fixed;
	}

	#nav-wrap {
		min-height:100%;
		background: #fff;
		padding: 120px 20px 20px 0;
		z-index: 100;
		text-align: center;
	}

	#main-nav {
		display: inline-block;
		margin: 0 auto;
	}

	#main-nav ul li {
		margin:0 0 .8em 0;
		padding: 0 0 .6em 0;
		width: auto;
		font: 1.8em/1.1em "SofiaProMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.nav_desc {
		font: 20px/1.1em "NewBaskervilleStd-Italic", serif;
		text-transform: none;
		display: inline;
		padding-left: 1em;
		letter-spacing: 0;
	}

	#page-hero-wrap {
		margin: 230px 0 50px 0;
	}

	#page-hero-wrap .page-title {
		top: -230px;
	}

	.page-title {
	    font-size: 100px;
	}

	.post-cols-wrap {
		width: 820px;
		padding-top: 28px;
	}
	/*HOME INTRO
	**********************************************************/
	.home-intro {
		width: 820px;
		padding: 30px 0 0 0;
		margin: 0 auto;
	}

		/*CLIENT
	**********************************************************/
	.client-section {
		width: 820px;
		margin: 0 auto;
	}

	.client-thumb {
		width: 160px;
		padding: 0;
		margin: 20px 55px 20px 0;
	}

	.client-thumb:nth-child(4n) {
		margin-right: 0;
	}

	

	.post-text-col:nth-child(odd) {
		padding-right: 20px;
	}

	.post-text-col:nth-child(even) {
		padding-left: 20px;
	}

	#project-list .project-thumb {
		max-width: none;
	}

	#blog-nav-wrap {
		width: 70%;
	}

	#blog-nav-wrap .col-3 {
	    width: 20%;
	}

	footer {
		padding-bottom: 18px;
	}

	.footer-email {
		left: 0;
	}

	.footer-tel  {
		right: 0;
	}

	.email-signup-header {
		font: 1.250em/1 'NewBaskervilleStd-Italic';
	}

	.email-signup-header span {
		font: 1.500em/1 'SofiaProMedium';
	}


	.footer-col {
		width: 33%;
	}

	div.footer-contact-wrap {
		position: relative;
		top: 0;
		vertical-align: middle;
		padding: 25px 1em 40px 1em
		
	}


	.form-ele {
		width: auto;
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
	}

	.email-signup-header {
		width: 210px;
	}

	.mc_embed_signup .input {
		margin: 0;
		height: 26px;
		width: 260px;
	}

	#footer-cont .mc_embed_signup .input  {
		height: 27px;
	}

	.form-submit {
		padding-left: 0;
	}

	.footer-wrap {
		padding-bottom: 0;
	}

}