/*   
Theme Name: Shalem Photo
Theme URI: http://www.shalemphotography.com
Description: Rockin' website developed by WebSmith International.
Author: Vern Smith
Author URI: http://www.websmithintl.com
Version: 1
*/

html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

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

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;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
input[type=button], 
input[type=submit], 
button {
	cursor: pointer;
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-o-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}

a:link {
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-o-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* Custom text-selection colors */
::-moz-selection{background: #00A79E; color: #fff; text-shadow: none;}
::selection {background: #00A79E; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #00A79E;} 

ins {background-color: #00A79E; color: #000; text-decoration: none;}
mark {background-color: #00A79E; color: #000; font-style: italic; font-weight: bold;}
/* we wanna keep the wordpress img settings */
.alignleft,
img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;}
.alignright,
img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;}
.aligncenter,
img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom: 12px;}


/* And here begins the Wordpress fun. Paste all of the custom CSS here!!!
-------------------------------------------------------------------------------*/
html, body {
	height: 100%;
	width: 100%;
}
body {
	font: 100%/1.5 'Montserrat', Helvetica, Arial, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #222;
}
body.gfx {
	position: relative;
}
@font-face {
    font-family: 'Montserrat';
    src: url('_fonts/montserrat-light-webfont.eot');
    src: url('_fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('_fonts/montserrat-light-webfont.woff') format('woff'),
         url('_fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('_fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('_fonts/montserrat-regular-webfont.eot');
    src: url('_fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('_fonts/montserrat-regular-webfont.woff') format('woff'),
         url('_fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('_fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Montserrat Bold';
    src: url('_fonts/montserrat-semibold-webfont.eot');
    src: url('_fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('_fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('_fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('_fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url('_fonts/montserrat-bold-webfont.eot');
    src: url('_fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('_fonts/montserrat-bold-webfont.woff') format('woff'),
         url('_fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('_fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
ul, ol, dl, h1, h2, h3, h4, h5, h6, p { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, label {
	font-family: 'Montserrat SemiBold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 1px;
	color: #00a79d;
	font-weight: normal;
}
h2 {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 1.875em;
	margin-bottom: 20px;
	color: #fff;
}
.archive h2 {
	color: #00a79d;
}
h3 {
	font-size: 1.375em;
	margin-bottom: 15px;
}
h4 {
	font-size: 1em;
	margin-bottom: 10px;
}
h5, label {
	font-size: .75em;
	margin-bottom: 0px;
}
p {
	font-size: .875em;
	margin-bottom: 15px;
}
a img {
	border: none;
}
a:link {
	color: #00a79d;
	text-decoration: none; 
}
a:visited {
	color: #00a79d;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: #222;
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.right {  
	float: right;
	right: 0;
}
.left { 
	float: left;
	left: 0;
}
.top {
	top: 0;
}
.bottom {
	bottom: 0;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.big-text {
	font-size: 1.5em;
	line-height: 2;
	max-width: 880px;
	margin: 0 auto;
}
.bg {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: relative;
}
.fill {
	display: table;
}
.cell {
	display: table-cell;
}
.eighty, .seventy-five, .sixty, .half, .forty, .twenty-five, .twenty, .eighth, .wpcf7, input, textarea, .content, .page-snippet {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.eighty {
	width: 80%;
}
.seventy-five {
	width: 75%;
}
.sixty {
	width: 60%;
}
.half {
	width: 50%;
}
.half.inline.left {
	padding-right: 10px;
}
.half.inline.right {
	padding-left: 10px;
}
.forty {
	width: 40%;
}
.twenty-five {
	width: 25%;
}
.twenty {
	width: 20%;
}
.eighth {
	width: 12.5%;
}
.container {
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
}
.container.search {
	max-width: 1200px;
	padding: 30px 0;
}
.container.isotope {
	padding: 0 15px;
}
.container-fix {
	padding: 0 5px;
}
.content {
	padding: 60px;
	position: relative;
}
#search .content {
	padding: 0 0 0 30px;
}
.divider {
	width: 15px;
	height: 2px;
	display: block;
	margin-bottom: 15px;
}
.divider.black {
	background: #222;
}
.divider.white {
	background: #fff;
}
.divider.teal {
	background: #00a79d;
}
.divider.logo {
	height: 40px;
	width: 40px;
	background: url(_images/logo-graphic_teal_small.png) center center no-repeat;
	-moz-background-size: 40px 40px;
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	display: block;
	position: relative;
	margin: 0 auto 30px;
}
.divider.logo::before, .divider.logo::after {
	content: '';
	position: absolute;
	top: 50%;
	height: 1px;
	width: 145px;
	margin-top: -1px;
	display: block;
	background-color: #00a79d;
}
.divider.logo::before {
	left: -165px;
}
.divider.logo::after {
	right: -165px;
}
.logo-stamp {
	background: url(_images/logo-graphic_teal.png) center center no-repeat;
	width: 300px;
	height: 300px;
	-moz-background-size: cover !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}
.archive .logo-stamp {
    width: 200px;
    height: 200px;
}
.logo-stamp.white {
	background: url(_images/logo-graphic_white.png) center center no-repeat;
}
#header {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	padding: 20px 0;
	height: 20px;
	z-index: 99999;
	background: #fff;
	-webkit-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
	-o-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
	transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
}
.gfx #header {
	background: none;
}
.gfx #header.open, .gfx #header.show-search, .gfx #header.down {
	background: #fff;
}
#header #logo {
	background: url(_images/logo_teal.png) center center no-repeat;
	width: 368px;
	height: 20px;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	background-size: contain !important;
	text-indent: -1000em;
	-webkit-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
	-o-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
	transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
	z-index: 10;
	position: relative;
}
.gfx #header #logo {
	background: url(_images/logo_white.png) center center no-repeat;
}
.gfx #header.open #logo, .gfx #header.show-search #logo, .gfx #header.down #logo {
	background: url(_images/logo_teal.png) center center no-repeat;
}
#header #logo a {
	display: block;
	height: 100%;
	width: 100%;
}
#header #splash-alert {
	position: absolute;
	right: 30px;
	top: 0;
}
#nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#nav #main-nav {
	list-style: none;
	float: right;
    padding-right: 170px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-o-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
}
.open #nav #main-nav {
	opacity: 1;
	visibility: visible;
}
#nav #main-nav li {
	display: block;
	float: left;
	-webkit-transition: padding 300ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: padding 300ms cubic-bezier(.165,.84,.44,1);
	-o-transition: padding 300ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: padding 300ms cubic-bezier(.165,.84,.44,1);
	transition: padding 300ms cubic-bezier(.165,.84,.44,1);
}
#nav #main-nav li.mobile-only {
	display: none;
}
.open #nav #main-nav li {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 22px;
}
.open #nav #main-nav li li {
	margin-left: 0;
	padding-bottom: 0;
}
#nav #main-nav li a {
	font-family: 'Montserrat SemiBold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 1;
}
#main-nav li .sub-nav {
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-o-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
}
#main-nav li:hover .sub-nav, #main-nav li .sub-nav:hover {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-o-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
}
.sub-nav .bg {
	
}
.sub-nav .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .9;
	
}
.sub-nav .overlay, .sub-nav .content {
	z-index: 1;
}
.sub-nav .content.fill::before {
	z-index: 10;
	content: '';
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	height: 100%;
	width: 6px;
	position: absolute;
	right: -6px;
	top: 0;
	opacity: .5;
}

.sub-nav .overview {
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 30px;
}
.sub-nav .overview h3 {
	font-size: 1.125em;
	margin-bottom: 15px;
	color: #222;
}
.divider.black {
	width: 20px;
	height: 2px;
	margin-bottom: 15px;
}
.sub-nav .overview p {
	font-size: .875em;
	margin-bottom: 15px;
}
.sub-nav .overview a {
	font-size: .875em;
}
.sub-nav .inner-nav {
	border-left: solid 2px #222;
	padding-left: 30px;
}
.sub-nav .inner-nav ul {
}
.sub-nav .inner-nav ul li {
	margin-bottom: 40px;
}
.sub-nav .inner-nav ul li:last-child {
	margin-bottom: 0px;
}
.sub-nav .inner-nav ul li a {
	font-size: .875em;
	letter-spacing: 1px;
	color: #222;
}
.sub-nav .inner-nav ul li a:hover, .sub-nav .inner-nav ul li.current a {
	color: #00a79d;
}
.sub-nav .inner-nav ul li.current a {
	text-decoration: underline;
}
ul li a {
}
.inner-nav .snapshot-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
	top: 0;
	z-index: -2;
	overflow: hidden;
}
.inner-nav .active .snapshot-container, .inner-nav .current .snapshot-container {
	
	z-index: -1;
	
}
.inner-nav .snapshot {
	position: absolute;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	z-index: -1;
	-webkit-transition: left 300ms ease-in-out;
	-moz-transition: left 300ms ease-in-out;
	-o-transition: left 300ms ease-in-out;
	-ms-transition: left 300ms ease-in-out;
	transition: left 300ms ease-in-out;
}
.inner-nav li.active .snapshot, .inner-nav li.current .snapshot, .inner-nav li:hover .snapshot {
	left: 0;
}
@-webkit-keyframes slowzoom {
    0% {
       -webkit-transform: scale(1, 1);
	   -moz-transform: scale(1, 1);
	   -ms-transform: scale(1, 1);
	   -o-transform: scale(1, 1);
	   transform: scale(1, 1);
    }
    15% {
       -webkit-transform: scale(1, 1);
	   -moz-transform: scale(1, 1);
	   -ms-transform: scale(1, 1);
	   -o-transform: scale(1, 1);
	   transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(1.015, 1.015);
	   -moz-transform: scale(1.015, 1.015);
	   -ms-transform: scale(1.015, 1.015);
	   -o-transform: scale(1.015, 1.015);
	   transform: scale(1.015, 1.015);
    }
}
li .snapshot .page-image {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00a79e;
	width: 100%;
	height: 100%;
	-webkit-transition: transform 300ms linear;
	-moz-transition: transform 300ms linear;
	-o-transition: transform 300ms linear;
	-ms-transition: transform 300ms linear;
	transition: transform 300ms linear;
}
.inner-nav li:hover .snapshot .page-image, .inner-nav li.active .snapshot .page-image {
	-webkit-animation-name: slowzoom;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	-webkit-transform: scale(1.015, 1.015);
	-moz-transform: scale(1.015, 1.015);
	-ms-transform: scale(1.015, 1.015);
	-o-transform: scale(1.015, 1.015);
	transform: scale(1.015, 1.015);
}
.snapshot .page-snippet {
  position: absolute;
  bottom: 0;
  color: #fff;
  
  width: 60%;
}
.page-snippet h4 {
	font-size: 1em;
	margin-bottom: 15px;
}
.page-snippet h4 a {
	color: #fff !important;
}
.page-snippet h4 a:hover {
	color: #00a79d !important;
}
.content .page-snippet p {
	font-size: .875em;
	margin-bottom: 0;
}
#header #search-button, #header .menu-button {
	z-index: 10;
}
#header #search-button {
	background: url(_images/icon-search_teal.png) center center no-repeat;
	-moz-background-size: cover !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	width: 20px;
	height: 21.5px;
	position: absolute;
	right: 120px;
	top: 0;
	text-indent: -1000em;
	cursor: pointer;
	
}
#header #search-button:hover {
	background: url(_images/icon-search_white.png) center center no-repeat;
}
.gfx #header #search-button {
	background: url(_images/icon-search_white.png) center center no-repeat;
	z-index: 10;
}
.gfx #header #search-button:hover, .gfx #header.open #search-button, .gfx #header.show-search #search-button, .gfx #header.down #search-button {
	background: url(_images/icon-search_teal.png) center center no-repeat;
}
#header.open #search-button:hover, #header.down #search-button:hover, .gfx #header.open #search-button:hover, .gfx #header.down #search-button:hover {
	background: url(_images/icon-search_gray.png) center center no-repeat;
}
#search-bar {
	position: absolute;
	width: 100%;
	height: 40px;
	top: -10px;
	left: 0;
	box-sizing: border-box;
	padding-left: 430px;
	padding-right: 170px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-o-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
}
.show-search #search-bar {
	opacity: 1;
	visibility: visible;
}
#search-bar #searchform {
  position: relative;
  top: 0;
  display: block;
  height: 100%;
}
#search-bar #searchform input#s {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  background: none;
}
#search-bar #searchform input#s:focus,  #search-bar #searchform input#s:active {
  border: none;
  border: solid 1px #00a79d;
  outline: none;
}
#search-bar #searchform input#searchsubmit {
	background: #fff url(_images/icon-search_teal.png) center center no-repeat;
	border: none;
	-moz-background-size: cover !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	width: 20px;
	height: 21.5px;
	position: absolute;
	right: -50px;
	top: 10px;
	text-indent: -1000em;
	cursor: pointer;
	z-index: 100;
}
#header .menu-button {
	cursor: pointer;
	width: 30px;
	position: absolute;
	right: 30px;
	top: 0;
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	z-index: 10;
}
#header .menu-button .menu-button-bar {
	width: 30px;
	height: 3px;
	display: block;
	background-color: #00a79d;
	margin: 0 0 6px;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition:  all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition:  all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.gfx #header .menu-button .menu-button-bar {
	background-color: #fff;
}
#header .menu-button .menu-button-bar:last-child {
	margin: 0;
}
#header .menu-button:hover .menu-button-bar, #header.open .menu-button .menu-button-bar, #header.show-search .menu-button .menu-button-bar, #header.down .menu-button .menu-button-bar {
	background-color: #00a79d;
}
#header.open .menu-button .menu-button-bar:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 6px 2px 0;
	-moz-transform-origin: 6px 2px 0;
	transform-origin: 6px 2px 0;
	
}
#header.open .menu-button-bar:nth-child(2) {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
#header.open .menu-button-bar:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 6px 2px 0;
	-moz-transform-origin: 6px 2px 0;
	transform-origin: 6px 2px 0;
}
#header.open .container .menu-button .menu-button-bar {
	width: 37px;
}
#slideshow {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width:100%;
}
#slideshow #slides {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width:100%;
}
#slideshow #slides .slide {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
}
#slideshow #slides .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
#slides .slide div {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
}
#slideshow #slides .pagination {
	position: absolute;
	bottom: 35px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10000;
	line-height: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: -8px;
	max-width: calc(100% - 700px);
}
#slideshow #slides .pagination span {
	width: 8px;
	height: 8px;
	background-color: #fff;
	margin: 8px;
	cursor: pointer;
	display: inline-block;
	text-indent: -1000em;
	border-radius: 8px;
	transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition:  all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition:  all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#slideshow #slides .pagination span.cycle-pager-active {
	background-color: #00a79d;
}
#slideshow .logo-stamp {
	opacity: .6;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1000;
}
#banner {
	padding-top: 60px;
	padding-bottom: 30px;
	position: relative;
}
.gfx #banner {
	padding-top: 0;
	padding-bottom: 30px;
}
#banner img {
	width: 100%;
}
#banner .logo-stamp {
	margin: 20px auto;
}
#banner .content {
	position: absolute;
	top: 50%;
	width: 100%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.archive #banner .content {
    position: relative;
    top: auto;
    left: 0;
    -moz-transform: none;
	-webkit-transform: none;
	transform: none;
	padding-top: 0;
}
#banner .social {
	margin: 0 auto;
	width: 150px;
	text-align: center;
	line-height: 1;
	margin-bottom: 20px;
}
#banner .social li {
	display: inline-block;
	height: 16px;
	background: url(_images/sprites-social_teal.png);
	-webkit-background-size: 83px 16px !important;
	-moz-background-size: 83px 16px !important;
	background-size: 83px 16px !important;
	background-repeat: no-repeat;
	margin: 0 10px;
	-webkit-transition: all 650ms cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 650ms cubic-bezier(.165,.84,.44,1);
	-o-transition: all 650ms cubic-bezier(.165,.84,.44,1);
	-ms-transition: all 650ms cubic-bezier(.165,.84,.44,1);
	transition: all 650ms cubic-bezier(.165,.84,.44,1);
}
#banner .social li:hover {
	background: url(_images/sprites-social_white.png);
}
#banner .social li a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -1000em;
}
#banner .social li.instagram {
	background-position: right top;
	width: 16px;
}
#banner .social li.facebook {
	background-position: 0 0;
	width: 7px;
}
#banner .social li.pinterest {
	background-position: -27px 0;
	width: 20px;
}
#isofolio {
	padding-bottom: 15px;
}
.grid-sizer, .portfolio-item, .related-post {
	width: 25%;
}
.gutter-sizer {
	width: 20px;
}
.portfolio-item, .gallery-item {
	float: left;
}
.portfolio-item, .gallery-item, .related-post, .insta-post, .row-item {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 0 0 20px;
}
.portfolio-item img, .gallery-item img, .related-post img, .insta-post img, .row-item img {
	width: 100%;
}
.portfolio-item .info-overlay, .related-post .info-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.85);
	opacity: 0;
	transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition:  opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition:  opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.portfolio-item:hover .info-overlay, .related-post:hover .info-overlay {
	opacity: 1;
}
.portfolio-item .info-overlay a, .related-post .info-overlay a {
	display: block;
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.portfolio-item .info-overlay .content, .related-post .info-overlay .content {
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
.portfolio-item .portfolio-info p {
	font-size: .8125em;
}
.categories {
	list-style: none;
	font-size: .75em;
	text-transform: uppercase;
	font-family: 'Montserrat SemiBold', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 1;
	display: block;
}
.categories li {
	margin-bottom: 15px;
}
.category-list a {
	color: #222;
}
.category-list a:hover {
	text-decoration: underline;
}
#swipebox-overlay, #swipebox-bottom-bar, #swipebox-top-bar {
	background: #fff !important;
}
#swipebox-close, #swipebox-next, #swipebox-prev {
	background-image: url(_images/icons-swipebox-01.svg) !important;
	-webkit-background-size: 120px 24px;
	-moz-background-size: 120px 24px;
	background-size: 120px 24px;
}
.post {
	position: relative;
	margin-bottom: 30px;
}
.post .entry {
	padding: 0 20px 20px 0;
}
.post.even .entry {
	padding: 0 0 20px 20px;
}
.post .pub-date {
	font-size: .75em;
	text-transform: uppercase;
	font-family: 'Montserrat SemiBold', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 1;
	display: block;
	color: #00a79d;
	margin-bottom: 15px;
	padding-left: 35px;
	position: relative;
}
.post .pub-date::before {
	content: '';
	height: 2px;
	width: 15px;
	background: #00a79d;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.post .read-more {
	float: right;
	font-size: .75em;
	text-transform: uppercase;
	font-family: 'Montserrat SemiBold', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 1;
	display: block;
}
.post .fill-height {
	
}
.post .fill-height img {
	width: 100%;
	height: auto;
}
.post .bricks {
	position: absolute;
	right: 0;
	height: 100%;
}
.post .bricks .brick-sizer {
	width: 50%;
}
.post .bricks .brick {
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	padding-left: 20px;
	
	position: absolute;
}
.post.even .bricks .brick {
	padding-right: 20px;
	padding-left: 0;
}
.post.even .center {
	margin-left: 25%;
}
.top.left, .top.right {
	padding-bottom: 10px;
}
.bottom.right, .bottom.left {
	padding-top: 10px;
}
.post .bricks .brick a {
	display: block;
	width: 100%;
	height: 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.post .bricks .square {
	height: 32%;
}
.post .bricks .rectangle {
	height: 68%;
}
.post .bricks .brick img {
	display: none;
}
#post {
	padding: 30px 60px 45px;
	margin: 0 auto;
	max-width: 920px;
}
#gallery {
	padding-bottom: 40px;
}
#gallery .full img {
	width: 100%;
	height: auto;	
	display: block;
}
.gallery-sizer {
	width: 50%;
}
.gallery-gutter {
	width: 2%;
}
.gallery-item.full {
	width: 100%;
}
.gallery-item img {
	width: 100%;
}
#instagram {
	margin-bottom: 40px;
}
#related-posts .post img {
	width: 100%;
}
#related-posts h4, #instagram h4 {
	margin-bottom: 30px;
}
#related-posts .post h4 {
	margin-bottom: 10px;
}
#instagram .insta-post {
	position: relative;
}
#instagram .insta-post a {
	background-color: rgba(255,255,255,.85);
	background-image:  url(_images/icon-social_instagram.png);
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	padding: 1px 0;
	opacity: 0;
	transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition:  opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition:  opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#instagram .insta-post:hover a {
	opacity: 1;
}
#about .content {
	padding-top: 30px;
}
#about .content.row-item {
	padding: 0 0 0 30px;
}
#accolades {
	padding-top: 10px;
}
#accolades a {
	color: #222;
	text-decoration: underline;
}
#accolades a:hover {
	text-decoration: none;
}
.accolade {
	margin-bottom: 30px;
}
#accolades h5 {
	margin-bottom: 10px;
}
#accolades p {
	margin-bottom: 10px;
	line-height: 1;
}
.row-item img {
	width: 100%;
}
#contact {
	padding-bottom: 40px;
}
.wpcf7 {
	border: solid 1px #00a79d;
	padding: 20px;
}
#contact div.wpcf7 {
	padding: 20px;
}
.wpcf7 label {
	display: block;
	margin-bottom: 10px;
}
.wpcf7 input, .wpcf7 textarea {
	border: none;
	background: none;
	display: block;
	width: 100%;
	padding: 10px;
	border-bottom: solid 1px #00a79d;
	background-color: #f5f5f5;
	margin-bottom: 20px;
}
.wpcf7 textarea {
	min-height: 160px;
}
.wpcf7 input#submit {
	font-size: .875em;
	font-family: 'Montserrat SemiBold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	background: #00a79d;;
	padding: 15px 90px;
	float: right;
	width: auto;
	border: solid 1px #00a79d;
	margin-bottom: 0;
}
.wpcf7 input#submit:hover {
	color: #00a79d;
	background: #fff;;
}
div.wpcf7 img.ajax-loader {
	width: auto;
}
.search-item {
	padding: 30px;
	margin-bottom: 0;
}
.search-item:nth-child(odd) {
	background: #f5f5f5;
}
.search-item p {
	margin-bottom: 0;
}
#footer {
	font-size: .75em;
	color: #fff;
	padding: 30px 0;
	background: #00a79d;
}
.home #footer {
	position: absolute; 
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: none;
}
#footer p {
	line-height: 1;
	margin: 0;
	letter-spacing: 1px;
}
#footer .websmith {
	color: #fff;
	text-decoration: underline;
}
@media screen and (max-width: 1400px), only screen and (max-device-width: 1400px) {
.grid-sizer, .portfolio-item, .related-post {
  width: 33.333%;
}
.post .entry {
  width: 35%;
}
.post .bricks {
	width: 15%;
}
.post.even .center {
	margin-left: 15%;
}
.post .bricks .brick.left {
	width: 100%;
}
.post .bricks .brick.right {
	display: none;
}
.post.related-post:nth-child(6), #instafeed .insta-post:nth-child(7), #instafeed .insta-post:nth-child(8) {
	display: none;
}
.eighth {
	width: 16.66%
}
}
@media screen and (max-width: 1100px) {
	.content {
		padding: 40px;
	}
	#nav #main-nav {
		padding-right: 125px;
	}
	.open #nav #main-nav li {
		padding: 0 15px;
	}
	.snapshot .page-snippet {
		width: 60%;
	}
	#header #search-button {
		right: 90px;
	}
	#header #search-bar {
		padding-right: 140px;
	}
	.logo-stamp {
		width: 260px;
		height: 260px;
	}
	.portfolio-item, .gallery-item, .related-post, .insta-post, .row-item {
		padding: 0 10px;
	}

}
@media screen and (max-width: 940px) {
	.content {
		padding: 30px;
	}
	.portfolio-item, .gallery-item, .related-post, .insta-post, .row-item {
	  padding: 0 10px;
	}
	#header #search-button {
		width: 18px;
		height: 19px;
		top: 1;
		right: 85px;
	}
	#header #search-bar {
		padding-right: 135px;
	}
	#header .menu-button {
		width: 25px;
	}
	#header .menu-button .menu-button-bar {
		margin: 0 0 5px;
		width: 25px

	}
	#header.open .container .menu-button .menu-button-bar {
		width: 24px;
	}
	#header.open .menu-button .menu-button-bar:nth-child(1) {
		  -moz-transform-origin: 3px 6px 0;
		  -webkit-transform-origin: 3px 6px 0;
		  transform-origin: 3px 6px 0;
	}
	#header.open .menu-button .menu-button-bar:nth-child(3) {
		  -moz-transform-origin: 2.5px -4px 0;
		  -webkit-transform-origin: 2.5px -4px 0;
		  transform-origin: 2.5px -4px 0;
	}
	#main-nav {
		font-size: .875em;
	}
	#nav #main-nav {
		padding-right: 130px;
	}
	.open #nav #main-nav li li {
		padding: 0;
	}
	.sub-nav .overview {
		padding-right: 20px;
	}
	.sub-nav .inner-nav {
		padding-left: 20px;
	}
	.sub-nav .inner-nav ul li {
		margin-bottom: 20px;
	}
	.snapshot .page-snippet {
		width: 100%;
	}

	.grid-sizer, .portfolio-item, .related-post {
		width: 50%;
	}
	.post .entry {
	  width: 50%;
	}
	.post .bricks {
		display: none;
	}
	.post.even .center {
		margin-left: 0;
	}
	#post {
		padding: 0 10px 15px;
	}
	.eighth {
		width: 25%;
	}
	.post.related-post:nth-child(5), #instafeed .insta-post:nth-child(5), #instafeed .insta-post:nth-child(6) {
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.half.inline.left, .half.inline.right {
		padding: 0;
	}
	#header .menu-button {
	  padding: 20px 30px 21px;
	  top: -20px;
	}
	#header .menu-button {
		right: 0;
	}
	#header #search-button  {
		right: 85px;
		padding: 20px 30px 21px;
		top: -20px;
		-webkit-background-size: 18px 19px !important;
		-moz-background-size: 18px 19px !important;
		background-size: 18px 19px !important;
	}
	header.show-search #search-button, .gfx #header.show-search #search-button, #search-bar #searchform input#searchsubmit  {
		  background: #00a79d url(_images/icon-search_white.png) center center no-repeat;
	}
	#header #search-bar {
		padding-right: 195px;
	}
	#search-bar #searchform input#searchsubmit {
		padding: 20px 30px 21px;
		height: 19px;
		width: 18px;
		-webkit-background-size: 18px 19px !important;
		-moz-background-size: 18px 19px !important;
		background-size: 18px 19px !important;
		-moz-box-sizing: initial;
		-webkit-box-sizing: initial;
		box-sizing: initial;
		top: -10px;
		right: -110px;
	}
	#header.open .menu-button {
		background: #00a79d;
	}

	#header.open .menu-button .menu-button-bar {
		background: white;
	}
	#nav #main-nav {
		float: none;
		padding: 60px 0 0;
		top: 0;
		left: 0;
		position: fixed;
		right: 0;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}
	#nav #main-nav::after {
		content: '';
		clear: both;
		display: block;
		width: 100%;
		height: 0;
	}
	#nav #main-nav li {
	  width: 50%;
	  height: 40%;
	  padding: 0 !important;
	  position: relative;
	  display: block;
		flex-grow: 1;
	}
	#nav #main-nav li.mobile-only {
		height: 20%;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#nav #main-nav li a {
	  display: none;
	}
	#nav #main-nav li.mobile-only a {
		display: flex;
		flex-direction: column;
		font-size: 1.125em;
		width: 100%;
		height: 100%;
		color: #ffffff;
		align-items: center;
		justify-content: center;
		background-color: #00a79d;
	}
	#nav #main-nav li.mobile-only a::after {
		display: block;
		height: 3px;
		width: 20px;
		background-color: #ffffff;
		content: '';
		margin: 15px auto;
	}
	#main-nav li .sub-nav {
		opacity: 0;
		visibility: hidden;
		position: relative;
		top: auto;
		height: 100%;
		-webkit-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	  -moz-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	  -o-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	  -ms-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	  transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	}
	header.open #main-nav li .sub-nav {
		opacity: 1;
		visibility: visible;
	}
	.sub-nav .bg {
	  width: 100%;
	  height: 100%;
	}
	.sub-nav .overlay {
	  background: #000;
	  opacity: 0.6;
	  -webkit-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	  -moz-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	  -o-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	  -ms-transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	  transition: opacity 300ms cubic-bezier(.165,.84,.44,1), visibility 300ms cubic-bezier(.165,.84,.44,1);
	}
	.sub-nav:hover .overlay {
	  opacity: 0.5;
	}
	.sub-nav .content {
		padding: 60px;
		display: block;
		top: 50%;
		-moz-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.sub-nav .overview {
	  text-align: center;
	  color: #fff;
		padding: 0;
		margin: 0 auto;
		display: table;
	}
	.sub-nav .overview h3 {
		color: #fff;
	}
	.sub-nav .overview .divider {
		margin: 0 auto 15px;
		background: #fff !important;
	}
	.sub-nav .overview a {
	  display: block !important;
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  text-indent: -1000em;
	}
	.sub-nav .inner-nav {
		display: none;
	}
	#slideshow #slides .pagination {
		display: none;
	}
	#footer, .home #footer {
		z-index: 100;
		padding: 20px 0;
	}
}
@media screen and (max-width: 768px) {
	h2 {
		font-size: 1.625em;	
	}
	.big-text {
		font-size: 1.25em;
		text-align: left;
		padding: 0 10px !important;
	}
	#header #logo {
		opacity: 1;
		visibility: visible;
		-webkit-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
		  -moz-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
		  -o-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
		  -ms-transition: background-color 300ms cubic-bezier(.165,.84,.44,1);
		  transition: background-color 300ms 
	}
	#header.show-search #logo {
		opacity: 0;
		visibility: hidden;
	}
	#search-bar {
		padding-left: 30px;
	}
	#footer{ 
		font-size: .625em;
	}
	.logo-stamp {
	  width: 200px;
	  height: 200px;
	}
	.portfolio-item .info-overlay, .related-post .info-overlay {
	  opacity: 1;
	  height: auto;
	  top: auto;
	  bottom: 0;
	}
	.portfolio-item .info-overlay .content, .related-post .info-overlay .content {
	  top: 0;
	  -moz-transform: translateY(0);
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  text-align: center;
		padding: 15px;
	}

	.post .entry, .post.even .center, .half {
	  width: 100%;
	}
	.post .entry {
		  padding: 0 0 20px !important;
	}
	.gallery-sizer, .gallery-item {
		width: 100%;
	}
	#about .content.row-item {
		padding: 0 10px;
	}
	#search .forty, #search .sixty {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#search .forty img {
		margin-bottom: 15px;
	}
	#footer .half {
		width: 50%;
	}
}
@media screen and (max-width: 630px) {
	h2 {
		margin-bottom: 10px;
	}
	h3 {
		font-size: 1.25em;
	}
	#header #logo {
		height: 15px;
		width: 240px;
		padding-top: 5px;
	}
	.sub-nav .content {
		padding: 30px;
	}
	.grid-sizer, .portfolio-item, .related-post {
		width: 100%;
	}
	#banner.journal-banner {
		min-height: 230px;
		padding: 0;
		margin-bottom: 30px;
	}
	#banner.journal-banner img {
		position: absolute;
		height: 100%;
		width: auto;
		max-width: none;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		top: 50%;
	}
	#banner .social {
		margin: 0 auto;
	}
	#footer .half {
		width: 100%;
		float: none !important;
		text-align: center !important;
	}
	#footer .half.left {
		margin-bottom: 5px;
	}
	.home #footer .half.left {
		margin-bottom: 0px;
	}
	.eighth {
		width: 50%;
	}
	.post.related-post:nth-child(4), #instafeed .insta-post:nth-child(3), #instafeed .insta-post:nth-child(4) {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.big-text  {
		font-size: 1.125em;
		padding: 0 !important;
	}
	.container {
		padding: 0 15px;
	}
	.container-fix {
		padding: 0;
	}
	#header {
		padding: 10px 0;
	}
	#header #logo {
	  width: 255px;
	  opacity: 1;
		visibility: visible;
	}
	#header.open #logo {
	  width: 255px;
	  opacity: 0;
	  visibility: hidden;
	}	
	#header #search-button {
		opacity: 0;
		visibility: hidden;
		right: 55px;
		padding: 11px 15px 10px;
		top: -10px;
	}
	#header.open #search-button, #header.show-search #search-button {
		opacity: 1;
		visibility: visible;
	}
	#header #search-bar {
		padding-left: 15px;
		padding-right: 120px;
	}
	#header #search-bar #searchform input#searchsubmit {
		padding: 11px 15px 10px;
		right: -65px;
		top: 0;
	}
	#header .menu-button {
		padding: 11px 15px 10px;
		top: -10px;
	}
	#header .menu-button .menu-button-bar {
		height: 2px;
	}
	#header.open .container .menu-button .menu-button-bar {
		height: 3px;
	}
	#nav #main-nav li {
	  width: 100%;
	  height: 20%;
	}
	#nav #main-nav {
		padding: 40px 0 0;
	}
	.logo-stamp {
	  width: 160px;
	  height: 160px;
	}
	#banner {
		padding-top: 40px;
	}
	.grid-sizer, .portfolio-item, .related-post {
		padding: 0;
	}
	#about .row-item, #about .content.row-item {
		padding: 0;
	}
	.categories {
		font-size: .875em;
	}
}
@media screen and (max-width: 480px) and (pointer: coarse) {
	#header #logo {
		width: 220px;
	}
	#nav #main-nav li p, #nav #main-nav li .divider, #nav #main-nav li.mobile-only a::after {
	  display: none;
	}
	.sub-nav .overview {
	  display: block;
	  margin: 0 auto;
	  padding: 0;
	}
	.sub-nav .overview h3 {
		margin-bottom: 0;
	}
}