/*
Theme Name: NZT
Theme URI: http://nzt.pau1winslow.com
Author: Paul Winslow
Author URI: http://pau1winslow.com
Description: A portfolio theme for your creative genius
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-menu, editor-style, featured-images, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: checkpoint
*/


/*----------------------------------------------------------------------------*

	1. Browser Reset
	2. Global
	3. Layout Foundation
	4. Header
	5. Posts
	6. Post Formats
	7. Comments
	8. Page Templates
	9. Widgets
	10. Footer
	11. Media
	12. Plugin Support
	13. Primary Colour
	14. Media Queries

*-----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*
* Browser Reset
*----------------------------------------------------------------------------*/

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/*----------------------------------------------------------------------------*
* Global
*----------------------------------------------------------------------------*/

body {
	overflow: hidden;
}

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: 'PT Serif', serif;
	font-size: 14px;
	line-height: 26px;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 0 0 25px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: -2px;
	color: #000;
}

h1 {
	font-size: 40px;
	line-height: 52px;
}

h2 {
	font-size: 32px;
	line-height: 40px;
}

h3 {
	font-size: 26px;
	line-height: 34px;
}

h4 {
	font-size: 20px;
	line-height: 28px;
}

h5 {
	font-size: 18px;
	line-height: 26px;
}

h6 {
	font-size: 16px;
	line-height: 24px;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

p {
	margin-bottom: 25px;
}

ul, ol {
	margin: 0 0 25px;
}

ul li,
ol li {
	margin: 0 0 5px;
}

ul {
	list-style: inside square;
}

ol {
	list-style: inside decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 25px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 25px;
}

b, strong {
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	padding: 0 25px;
	margin: 0 0 25px;
	font-size: 18px;
	line-height: 30px;
	color: #b7b7b7;
}

blockquote p:last-child {
	margin: 0;
}

address {
	margin: 0 0 25px;
}

pre {
	background: #f6f6f6;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 25px;
	padding: 30px;
	overflow: hidden;
	max-width: 100%;
}

code, kbd, tt, var {
	font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

table {
	margin: 0 0 25px;
	width: 100%;
}

th {
	font-weight: normal;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #000;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border: 0;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 12px;
	border: 2px solid #fff;
	background: #e8e8e8;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	background: #eaeaea;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding: 12px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 96%;
}

/* Links */
a {
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/* Clearing */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*----------------------------------------------------------------------------*
* Layout Foundation
*----------------------------------------------------------------------------*/

.inside {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.page-template-default #primary {
	margin: 0 0 120px;
}

#sidebar {
	padding: 85px 0 20px;
	background: #f3f3f3;
}


/*----------------------------------------------------------------------------*
* Header
*----------------------------------------------------------------------------*/

#header {
	position: relative;
	margin-bottom: 100px;
	overflow: hidden;
}

.page-template-page-templateshomepage-php #header {
	margin-bottom: 0;
}

.header-bg {
	background-attachment: fixed;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
	background-color: #dedede;
}

/* Logo */
.site-branding a {
	margin: 0;
	border: 0;
}

.logo {
	display: block;
}

.home-header .logo,
#header .desktop-header {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.blog-header .logo,
.standard-header .logo {
	position: absolute;
	top: 40px;
	left: 30px;
	z-index: 90;
}

/* Navigation */
.main-navigation {
	display: block;
}

.main-navigation ul {
	list-style: none;
}

.main-navigation ul li {
	display: block;
}

.main-navigation a {
	border: 0;
	margin-bottom: 0;
}

.main-navigation > ul > li > a {
	display: block;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -2px;
}


/*----------------------------------------------------------------------------*
* Posts
*----------------------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 65px;
	padding: 0 0 40px;
	border-bottom: 1px solid #e5e5e5;
}

#main .hentry:last-child {
	margin: 0 0 90px;
	padding: 0;
	border: 0;
}

.entry-core {
	width: 47%;
	float: left;
}

/* Post Media */
.entry-media {
	width: 49%;
	float: right;
	position: relative;
}
.entry-media img,
.featured-thumb img {
	display: block;
}

.entry-date {
	display: inline-block;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 11px;
	padding: 6px 12px;
	margin: 0 0 30px;
}

.entry-title a {
	color: #000;
	border: 0;
}

/* Post Meta */
.entry-meta {
	margin: 0 0 30px;
	font-size: 16px;
	color: #848484;
}

.meta-sep {
	padding: 0 7px;
}

.more-link {
	margin-top: 35px;
}

/* Single posts */
.single-post .entry-core {
	width: 100%;
	float: none;
}

.single-post .entry-content {
	font-size: 16px;
	line-height: 28px;
}

.single-post .entry-date {
	margin: 0 0 20px;
}

.single-post .entry-title {
	font-size: 64px;
	line-height: 82px;
	margin: 0 0 20px;
}

.single-thumb {
	float: left;
	margin: 0 30px 20px 0;
}

.single-thumb img {
	display: block;
}

.single-post .hentry {
	padding: 0 0 45px;
	margin: 0;
	border-bottom: 1px solid #e5e5e5;
}

.single-post .entry-header {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 45px;
}

/* Post Sharing */
.post-sharing {
	padding: 35px 0;
	margin: 0 0 70px;
	border-bottom: 1px solid #e5e5e5;
}

.post-sharing-title {
	float: left;
	margin: 5px 0 0;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 22px;
	line-height: 22px;
}

.post-sharing-icons {
	margin: 0;
	list-style: none;
	float: right;
}

.post-sharing-icons li {
	display: block;
	float: left;
	margin-right: 5px;
}

.post-sharing-icons li:last-child {
	margin: 0;
}

.post-sharing-icons li a {
	display: block;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
}

.post-sharing-icons li.share-facebook a {
	background: url( assets/images/facebook.png );
}
.post-sharing-icons li.share-twitter a {
	background: url( assets/images/twitter.png );
}
.post-sharing-icons li.share-google a {
	background: url( assets/images/google.png );
}
.post-sharing-icons li.share-pinterest a {
	background: url( assets/images/pinterest.png );
}

/* Posts Navigation */
.site-main [class*="navigation"] {
	margin: 0 0 70px;
	margin-top: -10px;
	overflow: hidden;
}

[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}

[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

[class*="navigation"] .nav-previous a,
[class*="navigation"] .nav-next a {
	display: inline-block;
	color: #fff;
	padding: 10px 20px;
	border: 2px solid #fff;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 12px;
}

[class*="navigation"] .nav-previous a:hover,
[class*="navigation"] .nav-next a:hover {
	color: #000;
}

.nav-outside {
	display: inline-block;
	padding: 5px;
}


/*----------------------------------------------------------------------------*
* Comments
*----------------------------------------------------------------------------*/

#comments {
	margin: 0 0 40px;
}

h4.comments-title,
.comment-reply-title {
	margin: 0 0 35px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 1px;
}

.comment-list {
	margin: 0 0 80px;
}

.comment-list li {
	list-style: none;
}

.comment-list li.comment {
	margin: 0 0 40px;
}

.comment-list li.comment ul.children {
	margin: 40px 0 0 45px;
}

.comment p:last-child {
	margin: 0;
}

.comment-header {
	width: 50px; /* width of avatar in template-tags.php */
	float: left;
}

.comment-core {
	width: 92%;
	float: right;
	margin-top: -4px;
}

.comment-author {
	margin-bottom: 5px;
	color: #939292;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}

.bypostauthor > .the-comment {
	background: #f6f6f6;
	padding: 20px;
}

#commentform {
	margin: 0 0 100px;
}

.form-allowed-tags,
.comment-form-comment label {
	display: none;
}


/*----------------------------------------------------------------------------*
* Page Templates
*----------------------------------------------------------------------------*/

/* All templates */
.mobile-header {
	display: none;
}

.page-header {
	padding: 10px;
	background: #000;
}
.page-header-inner {
	padding: 60px 80px;
	text-align: center;
	border: 3px solid #464646;
	background: #000;
}

.page-title {
	font-size: 34px;
	line-height: 38px;
	margin: 0;
	text-transform: uppercase;
	color: #fff;
}

.page-header-sep {
	background: #464646;
	height: 1px;
	width: 80px;
	margin: 17px auto 15px;
}

.page-description {
	font-size: 20px;
	line-height: 30px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #464646;
}

.mobile-header {
	padding: 0;
	border: 0;
	margin: 0 0 80px;
}

.mobile-header .page-header-inner {
	border: 0;
}

/* Homepage */
.section-heading {
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

.section-heading-inner {
	margin-top: -28px;
}

.section-dropcap {
	display: inline-block;
	text-align: center;
	padding: 5px;
	position: relative;
	margin: 0 0 30px;
}

.dropcap-inner {
	border: 2px solid #fff;
	position: relative;
	padding: 12px 16px;
}

.dropcap-inner span {
	display: block;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
}

.section-heading h1 {
	text-align: center;
	font-weight: normal;
	font-size: 44px;
	line-height: 50px;
	margin: 0 0 40px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	letter-spacing: 0px;
}

.section-heading h1 span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: -2px;
	font-style: normal;
}

.pitch-container {
	padding: 130px 30% 180px;
}
.about-pitch-container {
	padding: 0 30%;
}

.home-pitch {
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	margin: 0;
	font-family: 'PT Serif', serif;
	font-weight: normal;
	letter-spacing: -1px;
}

.home-pitch em {
	font-family: 'Playfair Display', serif;
	letter-spacing: 0;
}

h1.home-pitch span {
	display: block;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 8px;
	font-size: 11px;
	line-height: 11px;
	margin: 0 0 30px;
	color: #757575;
}

.pitch-divider {
	margin: 18px auto 15px;
	width: 30px;
	height: 1px;
	background: #757575;
}

.featured-project {
	margin: 0 0 280px;
	position: relative;
}

.featured-project .entry-title {
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 25px;
}

.featured-content {
	position: absolute;
	bottom: -150px;
	left: 50%;
	z-index: 99;
	width: 55%;
	padding: 3% 4% 0 4%;
	background: #fff;
	transform: translate(-50%, 0);
	z-index: 90;
}

.featured-excerpt p {
	margin: 0 0 30px;
}

a.featured-cta,
a.more-link {
	display: block;
	border: 1px solid #e5e5e5;
	height: 55px;
	line-height: 55px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0 0 0 22px;
	background-image: url(assets/images/cta-arrow.png);
	background-position: right 22px center;
	background-repeat: no-repeat;
}

.featured-thumb {
	position: relative;
}

.featured-types {
	position: absolute;
	top: 30px;
	right: 30px;
}

.featured-thumb-type {
	display: inline-block;
	background: #fff;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #333;
	font-size: 10px;
	letter-spacing: 2px;
	padding: 3px 8px;
	margin: 0 0 0 5px;
}


#home-portfolio {
	margin: 0 0 130px;
}

.contact-information {
	padding: 0 0 70px;
	background: #f5f5f5;
}

.contact-information .section-heading h1 {
	margin-bottom: 60px;
}

.contact-details {
	width: 30%;
	float: left;
	font-size: 18px;
	line-height: 28px;
	color: #000;
}

.home-city {
	font-size: 40px;
	line-height: 44px;
	margin: 0 0 45px;
}

.contact-image {
	width: 65%;
	float: right;
}

.contact-image img {
	display: block;
}

/* Portfolio */
#portfolio-container,
.single-portfolio-container {
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

.portfolio-paging .paging-navigation {
	margin: 40px 0 0;
}

.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin-bottom: 35px;
	margin-right: 3.571428571428571%;
	width: 30.952380952380924%;
	text-align: center;
	cursor: pointer;
}

.grid figure:nth-child(3n) {
	margin-right: 0;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	color: #000;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

figure.effect-bubba img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 3px solid #fff;
	border-left: 3px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	color: #fff;
	padding-top: 42%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

.single-portfolio-items figure.effect-bubba h2 {
	padding-top: 32%;
}

figure.effect-bubba p {
	padding: 10px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/* Single Portfolio Posts */
.single-portfolio-media img {
	display: block;
}

/* Masonry */
.gutter-sizer-single {
	width: 1%;
}

.hentry.portfolio-items {
	margin: 0 0 80px;
	padding: 0;
	border: 0;
}

.single-portfolio-header {
	float: left;
}

.single-portfolio-nav {
	margin: 60px 0 30px;
}

.portfolio-nav-title {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 16px;
}

.grid.prev-project figure {
	float: left;
	position: relative;
	overflow: hidden;
	width: 25.71428571428571%;
	text-align: center;
	cursor: pointer;
	margin: 0;
}

.grid.next-project figure {
	float: right;
	position: relative;
	overflow: hidden;
	width: 25.71428571428571%;
	text-align: center;
	cursor: pointer;
	margin: 0;
}

.single-portfolio-media {
	position: relative;
}

.single-portfolio-img {
	width: 49.5%;
	border: 0;
	padding: 0;
	margin: 0 0 14px;
}

.single-portfolio-img img {
	display: block;
}

.single-portfolio-detail {
	margin: 0 0 30px;
}

.single-portfolio-detail .entry-content {
	width: 50%;
	float: left;
}

.single-portfolio-detail .portfolio-meta {
	width: 50%;
	float: right;
}

.single-portfolio-detail span {
	display: block;
	text-align: center;
}

span.portfolio-meta-type {
	float: right;
	margin-left: 10%;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
	text-align: center;
}

.single-portfolio-detail span:last-child {
	margin-left: 0;
}

span.portfolio-meta-value {
	color: #8c8c8c;
	font-weight: normal;
	font-family: 'PT Serif', serif;
	text-transform: none;
	font-size: 16px;
	text-align: center;
}

/* Portfolio - Image Hovers */
.portfolio-thumb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.portfolio-thumb-overlay h1 {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.portfolio-thumb-overlay h1 span {
	display: inline-block;
	width: 44px;
	height: 44px;
	text-indent: -9999px;
	background: url(assets/images/paging-right.png) 0 0 no-repeat;
}

.overlay-inner {
	width: 100%;
	height: 100%;
	display: table;
}

/* About */
.about-contact {
	margin: 80px 0 0;
	list-style: none;
	text-align: center;
}

.about-contact li {
	line-height: 24px;
}

.about-contact .address-line {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.about-contact .phone-line {
	margin-top: 20px;
}

.about-contact .digit-line {
	font-size: 22px;
	line-height: 30px;
	font-family: 'Playfair Display', serif;
	font-weight: normal;
}

.about-contact .email-line {
	font-style: italic;
}


/*----------------------------------------------------------------------------*
* Widgets
*----------------------------------------------------------------------------*/

#sidebar ul li {
	border-bottom: 1px solid #dfdfdf;
	padding: 10px 0 10px 25px;
	background: url(assets/images/footer-arrow.png) 0 16px no-repeat;
}

#sidebar ul li:last-child {
	border: 0;
	padding-bottom: 0;
}

.widget-title {
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 30px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
	letter-spacing: 2px;
}

#sidebar .widget {
	width: 28.6666666666667%;
	margin: 0 7.000000000000001% 60px 0;
	float: left;
}

#sidebar .widget:nth-child(3n) {
	margin-right: 0;
}

/* Lists */
.widget ul,
.widget ol {
	list-style: none;
	margin: 0;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}
.widget_search .search-field {
	width: 93%;
}
.widget_search input {
	background: #e8e8e8;
	border-color: #f3f3f3;
}

/* Calendar */
#wp-calendar { 
	width: 100%; 
}
#wp-calendar caption { 
	text-align: right; 
	color: #333; 
	font-size: 12px;
	margin-bottom: 5px; 
}
#wp-calendar thead { 
	font-size: 10px; 
}
#wp-calendar thead th { 
	padding-bottom: 10px; 
}
#wp-calendar th {
	text-align: center;
}
#wp-calendar tbody { 
	color: #aaa; 
}
#wp-calendar tbody td { 
	background: #f5f5f5; 
	border: 1px solid #fff; 
	text-align: center; 
	padding:8px;
}
#wp-calendar tbody td:hover { 
	background: #fff; 
}
#wp-calendar tbody .pad { 
	background: none; 
}
#wp-calendar tfoot #next { 
	font-size: 10px; 
	text-transform: uppercase; 
	text-align: right; 
}
#wp-calendar tfoot #prev { 
	font-size: 10px; 
	text-transform: uppercase; 
	padding-top: 10px; 
}

/* Dropdown select */
select {
	width: 100%;
	padding: 5px;
	line-height: 1;
	border: 1px solid #e4e4e4;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
}

/* RSS */
.rsswidget img {
	margin-top: -4px;
}
.rssSummary {
	margin: 9px 0;
}
.rss-date {
	display: block;
}
.widget_rss li {
	margin-bottom: 18px;
}
.widget_rss li:last-child,
.widget_rss ul {
	margin-bottom: 0;
}

/* Tags */
.tagcloud {
	margin: 20px 0 0;
}
.tagcloud a {
	display: inline-block;
	border: 0;
	padding: 10px 14px;
	margin: 0 5px 10px 0;
	font-size: 12px !important;
	background: #111;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}
.tagcloud a:hover {
	color: #fff;
}
#footer .tagcloud a {
	background: #fff;
}

/* Dribbble Shots */
.dribbble-shots {
	margin: 0;
}
.dribbble-shots li {
	float: left;
	margin: 0 12px 12px 0;
	padding: 0;
	border: 0;
	background: none;
}
.dribbble-shots li:nth-child(3n) {
	margin-right: 0;
}
.dribbble-shots li img {
	width: 87px;
	height: 73px;
	display: block;
}
.dribbble-shots li a {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

/* Flickr Photos */
.checkpoint_flickr_photos .flickr_badge_image {
	float: left;
	margin: 0 8px 8px 0;
}
.flickr-container .flickr_badge_image:nth-child(5n) {
	margin-right: 0;
}
.flickr_badge_image a {
	display: block;
	border: 0;
}
.flickr_badge_image a img {
	width: 67px;
	height: 67px;
	display: block;
}
#footer .flickr_badge_image a img {
	width: 53px;
	height: 53px;
}

/* Tweets */
ul#jtwt li {
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 20px;
	border-bottom: 0;
	padding: 0 0 0 30px;
	background: url(assets/images/quote.png) 0 5px no-repeat;
}
#jtwt li:last-child {
	margin-bottom: 0;
}
#jtwt li .jtwt_tweet_text {
	margin: 0px;
}
#jtwt li .jtwt_date {
	font-size: 14px;
}
a.tweet-user {
	display: inline-block;
	margin: 20px 0 0 0;
	border: 0;
	font-size: 16px;
}


/*----------------------------------------------------------------------------*
* Footer
*----------------------------------------------------------------------------*/

#credits {
	padding: 100px 0 100px;
}

#copy {
	text-align: center;
	font-size: 16px;
	color: #7d7d7d;
}

#copy a:hover {
	color: #000;
}

#footer-menu {
	list-style: none;
	text-align: center;
	margin: 0;
}

#footer-menu li {
	display: inline;
	margin: 0 25px 0 0;
}

#footer-menu a {
	color: #000;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 4px;
}


/*----------------------------------------------------------------------------*
* Media
*----------------------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.site-main .gallery {
	margin-bottom: 1.5em;
}

.gallery-caption {
}

.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}

.site-main .gallery dd {
	margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {
}

.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/*----------------------------------------------------------------------------*
* Plugin Support
*----------------------------------------------------------------------------*/

/* CF7 */
.wpcf7-form {
	border: 4px solid #f3f3f3;
	padding: 5% 5% 3%;
}


/*----------------------------------------------------------------------------*
* Each time Primary Color is used - all in one place
*----------------------------------------------------------------------------*/

a,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-menu-parent a,
.home-city,
#footer-menu a:hover,
.comment-author strong,
.entry-title a:hover {
	color: #cab340;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #cab340;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.tagcloud a:hover,
#footer .tagcloud a:hover,
.portfolio-thumb-overlay,
.section-dropcap,
.dropcap-inner,
[class*="navigation"] .nav-previous a,
[class*="navigation"] .nav-next a,
.nav-outside,
figure.effect-bubba,
.flex-control-paging li a,
.overlay ul li a:hover,
.overlay ul li a:focus {
	background: #cab340;
}

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


/*----------------------------------------------------------------------------*
* Media Queries
*----------------------------------------------------------------------------*/

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

	#header {
		margin-bottom: 0;
	}

	.pitch-container {
		padding: 80px 20% 120px;
	}

	.about-pitch-container {
		padding-left: 20%;
		padding-right: 20%;
	}

	.featured-content {
		width: 70%;
	}

	.grid figure {
		margin-bottom: 35px;
		margin-right: 5%;
		width: 47.5%;
	}

	.grid figure:nth-child(3n) {
		margin-right: 5%;
	}
	.grid figure:nth-child(2n) {
		margin-right: 0;
	}

	.contact-details,
	.contact-image {
		width: 100%;
		float: none;
	}

	.contact-details {
		margin-bottom: 60px;
		text-align: center;
	}

	.site-branding,
	.site-branding img {
		margin: 0 auto;
		text-align: center;
	}

	.site-branding {
		width: 100%;
		float: none;
	}

	.desktop-header {
		display: none;
	}
	.mobile-header {
		display: block;
	}

	.single-portfolio-detail .entry-content {
		width: 100%;
		float: none;
		margin: 0 0 40px;
	}

	.single-portfolio-detail .portfolio-meta {
		width: 100%;
		float: none;
		text-align: left;
		margin: 0 0 30px;
	}

	span.portfolio-meta-type {
		float: left;
		margin-left: 0;
		margin-right: 60px;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		color: #000;
		text-align: left;
	}

	.portfolio-nav-title {
		margin: 0 0 40px;
	}

	.grid.prev-project figure {
		float: left;
		position: relative;
		overflow: hidden;
		width: 40%;
		text-align: center;
		cursor: pointer;
		margin: 0;
	}

	.grid.next-project figure {
		float: right;
		position: relative;
		overflow: hidden;
		width: 40%;
		text-align: center;
		cursor: pointer;
		margin: 0;
	}

	.gutter-sizer-single {
		width: 0%;
	}

	.single-portfolio-img {
		width: 100%;
		margin: 0 0 14px;
	}

	#sidebar .widget {
		width: 100%;
		margin: 0 0 60px;
		float: none;
	}

	.single-thumb {
		float: none;
		margin: 0 0 40px;
	}

}

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

	.featured-content {
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		margin: 30px 0 0;
		padding: 0;
		transform: none;
	}

	.featured-project {
		margin: 0 0 120px;
	}

	.grid figure {
		margin-bottom: 35px;
		margin-right: 0;
		width: 100%;
	}

	.grid figure:nth-child(3n) {
		margin-right: 0;
	}
	.grid figure:nth-child(2n) {
		margin-right: 0;
	}

	.grid.next-project figure,
	.grid.prev-project figure {
		float: none;
		width: 100%;
	}

	.grid.prev-project figure {
		margin-bottom: 20px;
	}

	span.portfolio-meta-type {
		margin-right: 20px;
	}

	.entry-core {
		width: 100%;
		float: none;
	}

	.entry-media {
		width: 100%;
		float: none;
		margin: 0 0 40px;
	}

	.single-post .entry-title {
		font-size: 44px;
		line-height: 60px;
		margin: 0 0 20px;
	}

	.post-sharing-title {
		float: none;
		margin: 0 0 20px;
		text-align: center;
	}

	.post-sharing-icons {
		float: none;
		text-align: center;
	}

	.post-sharing-icons li {
		display: inline-block;
		float: none;
		margin-right: 5px;
	}

}