/*   
Theme Name: Thompson & Co.
Theme URI: http://thompsonpr.com
Description: 2018 customized theme for Thompson & Company.
Author: Vern Smith
Author URI: http://websmith.international
Version: 2.0
*/

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;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
progress {
  vertical-align: baseline;
}
template, [hidden] {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none; 
  text-decoration: underline; 
  -webkit-text-decoration: underline dotted; 
          text-decoration: underline dotted; 
}
b, strong {
  font-weight: inherit;
}
b, strong {
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code, kbd, pre, samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
button, input, select, textarea {
  font: inherit;
}
optgroup {
  font-weight: bold;
}
button, input, select { 
  overflow: visible;
}
button, input, select, textarea {
  margin: 0;
}
button, select { 
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  cursor: pointer;
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}
[disabled] {
  cursor: default;
}
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; 
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:-moz-focusring, input:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
textarea {
  overflow: auto;
}
[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; 
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}									
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
del {text-decoration: line-through;}

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

pre {
	white-space: pre; 
	white-space: pre-wrap; 
	white-space: pre-line; 
	word-wrap: break-word;
}

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

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

table {font-size: inherit; font: 100%;}

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

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

button {width: auto; overflow: visible;}

/* Custom text-selection colors */
::-moz-selection{
	background: rgba(9,186,181,0.90); 
	color: #fff; 
	text-shadow: none;
}
::selection {
	background: rgba(9,186,181,0.90); 
	color: #fff; 
	text-shadow: none;
} 

a:link {
	-webkit-tap-highlight-color: rgba(9,186,181,0.90);
} 

ins {
	background-color: rgba(9,186,181,0.90); 
	color: #000; 
	text-decoration: none;
}
mark {
	background-color: rgba(9,186,181,0.90); 
	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 {
	font-size: 16px;
}
body {
	font: 100%/1 'Avenir LT Std', Helvetica, Arial, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #58595b;
	-webkit-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-Roman.eot');
    src: url('_fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-Roman.woff') format('woff'),
        url('_fonts/AvenirLTStd-Roman.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-Oblique.eot');
    src: url('_fonts/AvenirLTStd-Oblique.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-Oblique.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-Oblique.woff') format('woff'),
        url('_fonts/AvenirLTStd-Oblique.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-Oblique.svg#AvenirLTStd-Oblique') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-Book.eot');
    src: url('_fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-Book.woff') format('woff'),
        url('_fonts/AvenirLTStd-Book.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-BookOblique.eot');
    src: url('_fonts/AvenirLTStd-BookOblique.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-BookOblique.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-BookOblique.woff') format('woff'),
        url('_fonts/AvenirLTStd-BookOblique.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-BookOblique.svg#AvenirLTStd-BookOblique') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-Medium.eot');
    src: url('_fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-Medium.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-Medium.woff') format('woff'),
        url('_fonts/AvenirLTStd-Medium.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-MediumOblique.eot');
    src: url('_fonts/AvenirLTStd-MediumOblique.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-MediumOblique.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-MediumOblique.woff') format('woff'),
        url('_fonts/AvenirLTStd-MediumOblique.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-MediumOblique.svg#AvenirLTStd-MediumOblique') format('svg');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-Heavy.eot');
    src: url('_fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-Heavy.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-Heavy.woff') format('woff'),
        url('_fonts/AvenirLTStd-Heavy.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-HeavyOblique.eot');
    src: url('_fonts/AvenirLTStd-HeavyOblique.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-HeavyOblique.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-HeavyOblique.woff') format('woff'),
        url('_fonts/AvenirLTStd-HeavyOblique.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-HeavyOblique.svg#AvenirLTStd-HeavyOblique') format('svg');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-Black.eot');
    src: url('_fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-Black.woff') format('woff'),
        url('_fonts/AvenirLTStd-Black.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('_fonts/AvenirLTStd-BlackOblique.eot');
    src: url('_fonts/AvenirLTStd-BlackOblique.eot?#iefix') format('embedded-opentype'),
        url('_fonts/AvenirLTStd-BlackOblique.woff2') format('woff2'),
        url('_fonts/AvenirLTStd-BlackOblique.woff') format('woff'),
        url('_fonts/AvenirLTStd-BlackOblique.ttf') format('truetype'),
        url('_fonts/AvenirLTStd-BlackOblique.svg#AvenirLTStd-BlackOblique') format('svg');
    font-weight: 900;
    font-style: italic;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { 
	padding: 0;
	margin: 0;
	font-weight: normal;
}
* + h2, * + h3, * + h4, * + h5, * + h6, * + p, * + ul, * + ol, * + dl {
	margin-top: 1em;
}
h2, h3, h4 {
	font-weight: 700;
}
main .bg:not(.dark) h3, main .bg h4 {
	color: #fff;
}
main h3, main .dark.bg h3, main h4, main .dark.bg h4, main .bg.inherit h3, main .bg.inherit h4 {
	color: #09BAB5;
}
h2 {
	font-size: 4em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.125em;
}
p, ul, ol, dl {
	line-height: 1.5;
	font-size: 1.25rem;
	font-weight: 500;
}
ul, dl {
	list-style-position: outside;
}
p:first-child, ul:first-child, ol:first-child, dl:first-child {
	margin-top: -0.1675em;
}

p:last-child, ul:last-child, ol:last-child, dl:last-child {
	margin-bottom: 0;
}
ol {
	counter-reset: numbered;
	list-style: none;
	padding-left: 1.5em;
}
ol li {
	position: relative;
	margin-bottom: 1em;
	
}
ol li::before {
	content: counter(numbered) ".) ";
    counter-increment: numbered;
    display: inline-block;
    font-weight: 900;
    -webkit-transform: translate(-100%,0);
            transform: translate(-100%,0);
	position: absolute;
	left: 0;
	padding-right: .25em;
}
ol ol {
	font-size: 95%;
}
ol li li:first-child {
	margin-top: 1em;
}
ol li ol li {
	counter-increment: listStyle;
}
ol li ol li::before {
	content: counter(listStyle, lower-alpha) ".) "; 
}
ol li ol li ol li {
	counter-increment: listStyleSub;
}
ol li ol li ol li::before {
	content: counter(listStyleSub, lower-roman) ".) "; 
}
a img {
	border: none;
}
a:link {
	color: #09BAB5;
	text-decoration: none; 
}
a:visited {
	color: #09BAB5;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #939598;
}
a.map-link {
	color: #fff;
}
a.map-link:hover {
	color: #09BAB5
}
.block {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: .75em 0 0;
	font-weight: 700;
	margin-top: 1em;
	font-size: 1em;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	float: right;
}
.block.more {
	font-size: 1rem;
	clear: both;
}
.block span {
    margin-bottom: -0.0625em;
	color: #09BAB5;
}
.bg:not(.dark) .block span {
	color: #fff;
}
.block .arrow {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	padding: .5em;
	margin-left: .5em;
	border-radius: 2.5em;
	background-color: #09BAB5;
	fill: #fff;
}
.bg:not(.dark) .block .arrow {
	background-color: #fff;
	fill: #09BAB5;
}
.dark .block .arrow {
	fill: #58595b;
}
.block:hover .arrow {
	-webkit-transform: translate(3px, 0);
	        transform: translate(3px, 0);
}
.block + .block {
	margin-left: 1rem;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
svg {
	display: inline-block;
	vertical-align: bottom;
	-webkit-transition-duration: 140ms;
	        transition-duration: 140ms;
	-webkit-transition-timing-function: cubic-bezier(.5,.1,.5,.9);
	        transition-timing-function: cubic-bezier(.5,.1,.5,.9);
	-webkit-transition-property: all;
	transition-property: all;
}
iframe {
	max-width: 100%;
}
:focus {
	outline: none;
}
::-webkit-input-placeholder { 
  	line-height: initial;
	height: inherit;
}
::-moz-placeholder { 
	line-height: initial;
	height: inherit;
	font-size: inherit;
}
:-ms-input-placeholder { 
	line-height: initial;
	height: inherit;
	font-size: inherit;
}
:-moz-placeholder { 
	line-height: initial;
	height: inherit;
	font-size: inherit;
}
input {
	letter-spacing: 0.0125em;
	text-rendering: optimizeLegibility;	
	-webkit-box-sizing: border-box;	
	        box-sizing: border-box;
	font-family: inherit;
	border-radius: 0;
}
input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],select,textarea {
	border: solid 1px #bcbec0;
	padding: .875rem;
	background: transparent;
}
input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="time"]:focus,input[type="url"]:focus,select:focus,textarea:focus {
	border-color: #09BAB5;
	outline: auto #09BAB5 5px;
}
input[type="checkbox"], .wpcf7 input[type="checkbox"], input[type="radio"], .wpcf7 input[type="radio"] {
	display: inline;
	width: auto;
}
input[type="submit"] {
	display: inline-block;
	padding: 1.125em 1.25em;
	border: solid .1875rem #09BAB5;
	color: #fff;
	font-weight: 900;
	line-height: .75;
	margin-top: 1em;
	letter-spacing: 0.025em;
	background-color: transparent;
}
input[type="submit"]:hover {
	background-color: #09BAB5;
}
.screen-reader-text {
	display: none;
}
.flex {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.inline {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.left.inline {
	padding-right: 80px;
}
.right.inline {
	padding-left: 80px;
}
.right {  
	float: right;
	box-ordinal-group: 2;
    -ms-box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
}
.left { 
	float: left;
	box-ordinal-group: 1;
    -ms-box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
}
.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;
}
.vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.headline .container {
	max-width: 1240px;
}
.headline p {
	text-align: center;
	font-size: 3.125rem;
	line-height: 1.2;
	font-weight: 700;
	color: #09BAB5;
}
.big-text {
	font-size: 150%;
}
.two-column {
	-webkit-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 40px;
    column-gap: 40px;
}
.ice {
	background-color: #d4e4ea;
}
.teal {
	background-color: #09BAB5;
}
.golden-grass {
	background-color: #dd9933;
}
.dark {
	background-color: #58595B;
}
.bg {
	background-size: cover;
	background-position: center center;
}
.bg * {
	color: #fff;
	border-color: #fff;
}
.bg.inherit * {
	color: inherit;
	border-color: inherit;
}
.eighty, .seventy-five, .seventy, .sixty-five, .sixty, .fifty-five, .half, .forty-five, .forty, .thirty-five, .thirty, .twenty-five, .twenty, .fifteen, .twelve-five, .ten, input, textarea, .content {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.eighty {
	width: 80%;
}
.seventy-five {
	width: 75%;
}
.seventy {
	width: 70%;
}
.sixty-five {
	width: 65%;
}
.sixty {
	width: 60%;
}
.fifty-five {
	width: 55%;
}
.half {
	width: 50%;
}
.forty-five {
	width: 45%;
}
.forty {
	width: 40%;
}
.thirty-five {
	width: 35%;
}
.thirty {
	width: 30%;
}
.twenty-five {
	width: 25%;
}
.twenty {
	width: 20%;
}
.fifteen {
	width: 15%;
}
.eighth {
	width: 12.5%;
}
.ten {
	width: 10%;
}
.ratio {
	height: auto;
	position: relative;
	max-height: 900px;
}
.ratio::before {
	content: '';
	display: block;
}
.ratio.one-one::before {
	padding-top: 100%;
}
.ratio.sixteen-nine::before {
	padding-top: 56.25%;
}
main > section {
	margin: 5rem 0;
	position: relative;
}
main > section.bg {
	margin: 0;
	padding: 5rem 0;
	position: relative;
}
main > section.banner, main > section.social {
	padding: 0 !important;
}
main > section.banner::before, main > section.banner::after {
	padding-top: 28.125%;
	display: block;
	width: 0;
	content: '';
}
main > article.post {
	
}
.container {
	margin: 0 auto;
	position: relative;
	padding: 0 5rem;
	max-width: 1440px;
	width: 100%;
}
.container.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.container.intro {
	padding-bottom: 5rem;
}
.content {
	position: relative;
	padding: 3rem;
}


/* -------------------- */
/*      Page Style      */
/* -------------------- */

#header, #logo a svg, #logo a svg > *, #header nav li > ul, #header nav > ul > li > a, #header nav > ul > li > a::after, .navicon-bar, .navicon-bar:nth-child(2)::before, .close::before, .close::after, #bgvid, #vimeo-banner, .stamp, .client .logo, .item-info, .item-info .tagline, .featherlight-next, .featherlight-previous {
	-webkit-transition-duration: 140ms;
	        transition-duration: 140ms;
	-webkit-transition-timing-function: cubic-bezier(.5,.1,.5,.9);
	        transition-timing-function: cubic-bezier(.5,.1,.5,.9);
}
main {
	padding-top: 74px;
}
#header {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 10000;
	-webkit-transition-property: all;
	transition-property: all;
	background-color: rgba(212,228,234,0.99);
}
#header.down {
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
}
#header .container {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: none;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#logo {
	display: inline-block;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#logo a svg {
	height: 3rem;
	width: 16rem;
	margin: 5px 0;
}
#header.down #logo a svg {
	height: 2.25rem;
	width: 12rem;
}
#logo a svg > * {
	-webkit-transform-origin: center center;
	        transform-origin: center center;
}
#header #logo a svg > * {
	fill: #939598;
}
#header #logo a svg:hover > *, #header #logo a svg > *.teal {
	fill: #09BAB5;
}
#header #logo a svg:hover > *.teal {

}
#header nav {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.navicon {
	position: relative;
	cursor: pointer;
	width: 2rem;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	display: none;
}
.navicon-bar {
	margin: 5px 0;
}
.navicon-bar, .navicon-bar:nth-child(2)::before {
	background-color: #09BAB5;
	height: 3px;
	border-radius: 3px;
	position: relative;
	width: 100%;
	pointer-events: none;
	-webkit-transform-origin: center center;
		transform-origin: center center;
	display: block;
}
#header:not(.white) .navicon-bar, #header:not(.white) .navicon-bar:nth-child(2)::before, #header:not(.white) .expander::before, #header:not(.white) .expander::after {
	background-color: #fff;
}
.navicon-bar:nth-child(2)::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
}
.navicon:hover .navicon-bar, .navicon:hover .navicon-bar:nth-child(2)::before {
	background-color: #75caff;
}
.navicon {
	-webkit-transition-duration: 200ms;
	   transition-duration: 200ms;
	-webkit-transition-timing-function: cubic-bezier(.5,.1,.5,.9);
	   transition-timing-function: cubic-bezier(.5,.1,.5,.9);
	-webkit-transition-delay: 0;
	   transition-delay: 0;
}
.open .navicon {
	-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
}
.navicon-bar, .navicon-bar:nth-child(2)::before {
	-webkit-transition: all 250ms cubic-bezier(.5,.1,.5,.9);
	transition: all 250ms cubic-bezier(.5,.1,.5,.9);
}
.navicon-bar:first-of-type {
	margin-top: 0;
}
.navicon-bar:last-of-type {
	margin-bottom: 0;
}
.open .navicon-bar:nth-child(1), .open .navicon-bar:nth-child(3) {
	opacity: 0;
	visibility: hidden;
}
.open .navicon-bar:nth-child(2)::before {
	-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
}
#header nav ul {
	font-weight: 500;
	font-size: 1.125rem;
	margin: 0;
	line-height: 1;
	list-style: none;
	text-transform: uppercase;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#header nav > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#header nav > ul > li {
	position: relative;
	margin: 0 1.875em;
}
#header nav > ul > li:last-child {
	margin-right: 0;
}
#header nav > ul > li > a {
	display: block;
    padding: 1.75rem 0;
	position: relative;
	-webkit-transition-property: color, padding;
	transition-property: color, padding;
	color: #939598;
}
#header nav > ul > li > a:hover {
	color: #09BAB5;
}
#header.down nav > ul > li > a {
	padding: 1.125rem 0;
}
#header nav > ul > li > a::after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 0px;
	background-color: #09BAB5;
	-webkit-transition-property: height;
	transition-property: height;
}
#header nav > ul > li > a:hover::after {
	height: 5px;
}
#header.down nav > ul > li > a:hover::after {
	height: 3px;
}
.stamp {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.stamp .block {
	float: none;
}
.stamp .block:hover {
	color: #09BAB5;
}
.stamp .block:hover .arrow {
	background-color: #09BAB5;
	fill: #fff;
}

/* Video Banner Stylez */

#video {
	overflow: hidden;
}
#bgvid, #vimeo-banner {
    position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
#bgvid {
	-webkit-transition-duration: 800ms, 800ms, 600ms;
	        transition-duration: 800ms, 800ms, 600ms;
	-webkit-transition-property: visibility, opacity, -webkit-filter;
	transition-property: visibility, opacity, -webkit-filter;
	transition-property: visibility, opacity, filter;
	transition-property: visibility, opacity, filter, -webkit-filter;
	
}
#bgvid.hiding {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
#bgvid.removed, .playing #bgvid {
	-webkit-filter: blur(50px);
    opacity: 0;
	visibility: hidden;
}
#vimeo-banner iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	min-height: 100%;
    min-width: 100%;
	background-color: #000;
}
.playing #vimeo-banner iframe, .mobile-visible #vimeo-banner iframe {
	pointer-events: auto;
}
.vp-player-layout.js-playerLayout {
	left: 0 !important;
	right: 0 !important;
	
}
.playing .stamp, .mobile-visible .stamp {
	opacity: 0;
	visibility: hidden;
}
.post > .thirty-five a {
	display: block;
}
.post > .thirty-five a img {
	min-width: 100%;
}
.post-content + .post-content {
	margin-top: 3rem;
}
.post-content.flex {
	margin-left: -3rem;
}
.intro-content .post-content.flex {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	font-size: 115%;
}
.intro-content .post-content.flex p {
	font-size: 1.5rem;
}


.post-content.flex > div {
	margin-left: 3rem;
}
.post-content.flex > div.bg img {
    opacity: 0;
    pointer-events: none;
}
section > .flex.items {
	margin: 0 0 -5rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.items .item {
	width: 25%;
	overflow: hidden;
	position: relative;
	display: block;
}
.items .item.member {
	background-position: center top;
	cursor: pointer;
}
.items .item.image {
	width: 20%;
	background-color: #09BAB5;
	background-blend-mode: multiply;
	transition: all 250ms cubic-bezier(.5,.1,.5,.9);
}
.items .item.image:hover {
	background-color: #fff;
}
.items .item::before {
	padding-top: 100%;
	display: block;
	width: 0;
	content: '';
	position: relative;
}
.item-thumb {
	display: none;
}
.items .item .item-info {
	padding: 1.5rem 1.5rem 2rem;
	background-color: rgba(9,186,181,0.60);
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: translate(0,0.5rem);
	        transform: translate(0,0.5rem);
	width: 100%;
	-webkit-transition-property: background, -webkit-transform;
	transition-property: background, -webkit-transform;
	transition-property: background, transform;
	transition-property: background, transform, -webkit-transform;
}
.items .item:hover .item-info {
	background-color: rgba(9,186,181,1.00);
	-webkit-transform: translate(0,0);
	        transform: translate(0,0);
}
.items .item .item-info h4 {
	color: #fff;
}
.item-info .tagline {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
}
.items .item:hover .tagline {
	max-height: 80px;
	opacity: 1;
	-webkit-transition-property: all;
	transition-property: all;
}
.item-info .tagline p {
	margin-top: 5px;
	font-size: 1.125rem;
}
.member .feather-box {
	display: none;
}
.feather-box .headshot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.pagination .page-numbers {
	font-weight: 700;
	font-size: 125%;
	display: inline-block;
	margin: 0 .25em;
}
.pagination .page-numbers.current {
	color: #939598;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
	margin: 0 1.5em;
}
.pagination .page-numbers:first-child {
	margin-left: 0;
}
.pagination .page-numbers:last-child {
	margin-right: 0;
}
.password-fields {
	max-width: 500px;
	margin-top: 1rem
}
.password-form label {
	display: block;
	font-weight: bold;
}
.password-form input[type="password"] {
	display: block;
	padding: .5em;
	border: solid 2px #939598;
	width: 100%;
	margin-top: .5em;
}
.password-form input[type="submit"] {
	background-color: #09BAB5;
}
.page-nav {
	
}
.page-nav ul {
	list-style: none;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: -1.5rem;
	font-size: 1.75rem;
	line-height: 1.125;
	font-weight: 600;
	text-transform: uppercase;
}
.page-nav.items-5 ul, .page-nav.items-6 ul {
	margin: -1rem;
}
.page-nav ul li {
	border-radius: 50%;
	flex: 0 0 calc(33.33333% - 3rem);
	display: flex;
	overflow: hidden;
	max-width: 400px;
	min-width: 180px;
	margin: 1.5rem;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.page-nav.items-4 ul li {
	flex-basis: calc(25% - 3rem);
}
.page-nav.items-5 ul li, .page-nav.items-6 ul li {
	margin: 1rem;
	min-width: 160px;
}
.page-nav.items-5 ul li {
	max-width: 320px;
	flex: 0 0 calc(20% - 2rem);
	font-size: 1.5rem;
}
.page-nav.items-6 ul li {
	max-width: 240px;
	flex: 0 0 calc(16.66666% - 2rem);
	font-size: 1.375rem;
}
.page-nav ul li::after {
	width: 0;
	display: block;
	padding-bottom: 100%;
	content: '';
}
.page-nav ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	width: 100%;
	
	position: relative;
	
}
.page-nav ul li a::before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: rgba(0,0,0,0.4);
	opacity: 1;
	transition: opacity 250ms cubic-bezier(.5,.1,.5,.9);
	pointer-events: none;
}
.page-nav ul li a:hover::before {
	opacity: 0;
}
.page-nav ul li a span {
	position: relative;
	z-index: 10;
}
#sidebar {
	background-color: #f3f3f3;
	padding: 1.5rem;
}
#sidebar p, #sidebar ul, #sidebar ol, #sidebar dl {
	font-size: 1.125rem;
}
#sidebar .widget + .widget {
	margin-top: 1.25rem;
}
.clients .flex {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: -1.5rem 0;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	position: relative;
}
.client {
	margin: 1.5rem;
	width: calc(15% - 3rem);
	max-width: calc(15% - 3rem);
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	min-width: 10rem;
}
.client::after {
	display: block;
	content: '';
	padding-bottom: 100%;
}
.client a, .client .logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.client .logo {
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
}
.client a:hover .logo.white, .client .logo.color {
	opacity: 0;
	visibility: hidden;
}
.client a:hover .logo.color {
	opacity: 1;
	visibility: visible;
}
.newsletter {
	background-color: #666;
}
.newsletter h4 {
	flex-shrink: 0;
}
.newsletter form {
	display: block;
	width: 100%;
	padding-left: 1.5rem;
}
.newsletter .mc4wp-form-fields {
	display: flex;
	
}
.newsletter input {
	margin: 0 0 0 1.5rem;
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	color: #58595b;
	border: none;
}
.newsletter input:focus {
	background-color: rgba(255,255,255,1);
}
.newsletter input[type="submit"] {
	width: auto;
	flex-shrink: 0;
	background-color: #09BAB5;
	color: #fff;
	border: solid .1875rem #09BAB5;
}
.newsletter input[type="submit"]:hover {
	
	background-color: #fff;
	color: #09BAB5;
}
.mc4wp-response {
    margin: 0 0 0 1.5rem;
}
* + .mc4wp-response {
    margin: 1rem 0 0 1.5rem;
}
#footer {
	background-color: #484848;
	padding: 5rem 0;
}
#footer h3.state {
	color: #2c2c2c;
	font-weight: 400;
	font-size: 5em;
}
#footer .locations {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#footer .location {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
	padding: 0 1.5rem;
	text-transform: uppercase;
}
#footer .location + .location {
	border-left: solid 1px #09BAB5;
}
.follow {
	white-space: nowrap;
}
#footer ul, .follow ul {
	list-style: none;
}
#footer ul li, .follow ul li {
	display: inline-block;
}
.follow a {
	margin: 0 .75rem;
}
.follow svg {
	height: 3rem;
	max-width: 3rem;
	fill: #939598;
}
.teal .follow svg {
	fill: #ffffff;
}
.follow a:hover svg {
	fill: #09BAB5;
}
.teal .follow a:hover svg {
	fill: #939598;
}




/* Generic comments template.... Saves a lot of time
-------------------------------------------------------------------------------*/
.comment-container {
	width: 85%;
	margin: 0 auto;
	padding: 10px 0;
}
#respond {
	padding: 15px;
}
ol.commentlist {
	list-style: none;
	margin-bottom: 15px;
}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {padding-bottom: 5px;}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {
	font-size: 12px;
	padding-bottom: 10px;
}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Featherlight CSS
-------------------------------------------------------------------------------*/
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

html.with-featherlight {
	/* disable global scrolling when featherlights are visible */
	overflow: hidden;
}
.featherlight {
	display: none;

	/* dimensions: spanning the background from edge to edge */
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2147483647; /* z-index needs to be >= elements on the site. */

	/* position: centering content */
	text-align: center;

	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
	white-space: nowrap;

	/* styling */
	cursor: pointer;
	background: #333;
	/* IE8 "hack" for nested featherlights */
	background: rgba(0, 0, 0, 0);
}
/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
	background: rgba(0, 0, 0, 0.8);
}
.featherlight:before {
	/* position: trick to center content vertically */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.featherlight .featherlight-content {
	position: relative;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	overflow: auto;
	padding: 0;
	border-bottom: 0px solid transparent;
	margin-left: 5%;
	margin-right: 5%;
	max-height: 95%;
	background: #fff;
	cursor: auto;
	white-space: normal;
}
.featherlight .featherlight-inner {	
	display: block;
}
.featherlight .featherlight-inner .teal a {
	color: #fff;
	text-decoration: underline;
}
.featherlight .featherlight-inner .teal a:hover {
	text-decoration: none;
}
/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
	display: none;
}
.featherlight .featherlight-close-icon {
	/* position: centering vertical and horizontal */
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;

	/* dimensions: 25px x 25px */
	line-height: 25px;
	width: 25px;

	/* styling */
	cursor: pointer;
	text-align: center;
	font-family: Arial, sans-serif;
	background: #fff;
	background: rgba(255, 255, 255, 0.3);
	color: #000;
	border: none;
	padding: 0;
}
.featherlight .featherlight-close-icon::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.featherlight .featherlight-image {
	/* styling */
	width: 100%;
}
.featherlight-iframe .featherlight-content {
	/* removed the border for image croping since iframe is edge to edge */
	border-bottom: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}
.featherlight iframe {
	/* styling */
	border: none;
}
.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.featherlight-next, .featherlight-previous {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 80%;
	cursor: pointer;
	-webkit-transform: scale(1);
	        transform: scale(1);
	/* preventing text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* IE9 hack, otherwise navigation doesn't appear */
	background: rgba(255,255,255,0.25);
	opacity: 0;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	z-index: 200;
}

.featherlight-previous {
	left: 0;
	right: 80%;
}

.featherlight-next:hover,
.featherlight-previous:hover {
	opacity: 1;
	-webkit-transform: scale(1.00);
	        transform: scale(1.00);
}


.featherlight-next span,
.featherlight-previous span {
	display: inline-block;
	position: absolute;

	top: 50%;
	left: 5%;
	width: 82%;

	/* center horizontally */
	text-align: center;

	font-size: 80px;
	line-height: 80px;

	/* center vertically */
	margin-top: -40px;

	text-shadow: 0px 0px 5px #fff;
	color: #fff;
	font-style: normal;
	font-weight: normal;
}
.featherlight-next span {
	right: 5%;
	left: auto;
}


.featherlight-next:hover span,
.featherlight-previous:hover span {
	display: inline-block;
}
.featherlight-swipe-aware .featherlight-next,
.featherlight-swipe-aware .featherlight-previous {
	display: none;
}
/* Hide navigation while loading */
.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
	display:none;
}
/* Hide navigation in case of single image */
.featherlight-first-slide.featherlight-last-slide .featherlight-previous,
.featherlight-first-slide.featherlight-last-slide .featherlight-next {
	display:none;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;

		border-bottom: 0px solid transparent;
	}
	.featherlight-next, .featherlight-previous {
		left: 85%;
	}
	.featherlight-previous {
		right: 85%;
		left: 0;
	}
	.featherlight-next span, .featherlight-previous span {
		margin-top: -30px;
		font-size: 40px;
	}
}
/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px){
	.featherlight-next:hover, .featherlight-previous:hover {
		background: none;
	}
	.featherlight-next span, .featherlight-previous span {
		display: block;
	}
}
/* hide non featherlight items when printing */
@media print {
	html.with-featherlight > * > :not(.featherlight) {
		display: none;
	}
}





/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
	.items .item {
		width: 33.333%;
	}	
}

@media screen and (max-width: 1200px) {
	.featherlight .featherlight-content {
		margin-left: 3rem;
		margin-right: 3rem;
	}
	.featherlight .headshot {
		width: 40%;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
	}
	.featherlight .bio p {
		font-size: 1.125rem;
	}
	.newsletter h4 {
		flex-shrink: 1;
		max-width: 210px;
	}
}
@media screen and (max-width: 1040px) {
	main > section {
		margin: 3rem 0;
	}
	main > section.bg, #footer {
		padding: 3rem 0;
	}
	section > .flex.items {
		margin: 0 0 -3rem;
	}
	.container {
		padding: 0 3rem;
	}
	.container.intro {
		padding-bottom: 3rem;
	}
	.content {
		padding: 2rem;
	}
	.post-content.flex {
		margin-left: -2rem;
	}
	.post-content.flex > div {
		margin-left: 2rem;
	}
	.post-content.flex > div.bg {
		background-image: none !important;
	}
	.post-content.flex > div.bg img, .post > .thirty-five a img {
		opacity: 1;
		pointer-events: all;
	}
	.items .item.image {
		width: 25%;
	}
	.client {
		min-width: 8rem;
	}
	.newsletter .container.flex {
		display: block;
	}
	.newsletter h4 {
		max-width: none;
		margin-bottom: .75em;
	}
	.newsletter form {
		padding: 0;
	}
	.mc4wp-response {
		margin: 0;
	}
	* + .mc4wp-response {
		margin: 1rem 0;
	}
	.newsletter .mc4wp-form-fields input:first-of-type {
		margin-left: 0;
	}
	.featherlight .featherlight-inner > .flex {
		display: block;
		
	}
	.featherlight .featherlight-inner > .flex > * {
		width: 100%;
	}
	.featherlight .headshot {
		float: left;
		z-index: 100;
		position: relative;
		padding: 2rem 1rem 0 2rem;
		background: #fff;
		display: block;
		margin: 0 1.5rem .5rem 0;
		max-width: 400px;
	}
	.featherlight .bio::after {
		display: block;
		width: 100%;
		content: '';
		clear: both;
		
	}
}
@media screen and (max-width: 960px) {
	.page-nav ul li, .page-nav.items-4 ul li {
		flex: 0 0 calc(50% - 3rem);	
		max-width: 320px;
	}
	.page-nav.items-5 ul li {
		flex-basis: calc(25% - 2rem);
	}
	.page-nav.items-6 ul li {
		flex-basis: calc(20% - 2rem);
	}
}
@media screen and (max-width: 880px) {
	html {
		font-size: 15px;
	}
	main {
		padding-top: 68px;
	}
	.items a.item .item-info {
		padding: 1rem 1rem 1.5rem;
		font-size: 90%;
	}
	.item-info .tagline p {
		line-height: 1.25;
		font-size: 1rem;
	}
	article.post + .post {
		margin-top: 2rem;
	}
	.post.post-content.flex {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.post.post-content.flex > div {
		width: 100%;
		margin: 0;
	}
	.post.post-content.flex > div + div {
		margin-top: 1.5rem;
	}
	.post.post-content.flex > div::after {
		display: block;
		clear: both;
		content: '';
		height: 0;
		width: 100%;
	}

	.page-nav.items-5 ul li, .page-nav.items-6 ul li {
		flex-basis: calc(33.33333% - 2rem);
	}
	
	.clients .flex {
		margin: -1rem 0;
	}
	.client {
		margin: 1rem;
		width: calc(15% - 2rem);
		max-width: calc(15% - 2rem);
		min-width: 6rem;
	}
	#footer .content {
		padding-left: 0;
		padding-right: 0;
	}
	
	
}
@media screen and (max-width: 760px) {
	html {
		font-size: 14px;
	}
	main {
		padding-top: 56px;
	}
	.container {
		padding: 0 2rem;
	}
	#logo a svg {
		height: 2.5rem;
		width: 13.25rem;
		margin: 0;
	}
	#header.down #logo a svg {
		height: 2rem;
		width: 10.75rem;
	}
	#header nav ul {
		font-size: 1rem;
	}
	#header nav > ul > li {
		margin: 0 1.25rem;
	}
	#header nav > ul > li > a {
		padding: 1.5rem 0;
	}
	#header.down nav > ul > li > a {
		padding: 1rem 0;
	}
	.items .item {
		width: 50%;
	}
	.items .item.image {
		width: 33.333%;
	}
	#footer .locations {
		margin: 0 -1.5rem;
	}
	#footer h3.state {
		font-size: 4rem;
	}
	#footer .locations p {
		font-size: 1.125rem;
		line-height: 1.25;
	}
	.featherlight .featherlight-content {
		margin: 0 2rem;
	}
	.featherlight .headshot {
		max-width: 300px;
	}
}
@media screen and (max-width: 640px) {
	
	.post-content.flex {
		display: block;
		margin: 0;
	}
	.post-content.flex > div {
		width: 100%;
		margin: 0;
	}
	.post-content.flex > div + div {
		margin-top: 1.5rem;
	}
	.post-content.flex > div::after {
		display: block;
		clear: both;
		content: '';
		width: 100%;
		height: 0;
	}
	.page-nav.items-5 ul li, .page-nav.items-6 ul li {
		flex-basis: calc(50% - 2rem);
	}
	.newsletter .mc4wp-form-fields {
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.newsletter input {
		width: auto;
		max-width: calc(33.3333% - .66666rem);
		flex: 1;
		margin-left: 1rem;
	}
	.newsletter input[type="submit"] {
		flex: none;
		margin: 1rem 0 0;
	}
	#footer .locations {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 0;
	}
	#footer .location {
		min-width: 300px;
		padding: 0;
		max-width: 400px;
		text-align: left;
		margin: 0 auto;
	}
	#footer .location + .location {
		border-left: none;
		border-top: solid 1px #09BAB5;
		padding-top: 1.5rem;
		margin-top: .5rem;
	}
	#footer .location h3, #footer .location div {
		display: inline-block;
	}
	#footer h3.state {
		font-size: 5rem;
		width: 110px;
	}
	#footer .location div {
		text-align: left;
		
	}
	#footer .locations p {
		margin: 0;
	}
	#footer .locations p .map-link {
		font-size: 1rem;
	}
	#footer .locations p:last-child br {
		display: none;
	}
	
	#footer .locations p:last-child br:last-of-type {
		display: block;
	}
}
@media screen and (max-width: 530px) {
	.featherlight .headshot {
		float: none;
		margin: 0 auto;
		padding: 2rem 2rem 0;
		text-align: center;
		max-width: 360px;
	}
	.featherlight .bio::after {
		display: none;
	}
	.featherlight-previous, .featherlight-next {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 2rem;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	.featherlight-previous {
		right: auto;
	}
	.featherlight-next {
		left: auto;
	}
}
@media screen and (max-width: 500px) {
	html {
		font-size: 13px;
	}
	main {
		padding-top: 52px;
	}
	main > section {
		margin: 2rem 0;
	}
	main > section.bg, #footer {
		padding: 2rem 0;
	}
	section > .flex.items {
		margin: 0 0 -2rem;
	}
	.container {
		padding: 0 1.25rem;
	}
	.container.intro {
		padding-bottom: 1.25rem;
	}
	.content {
		padding: 1rem;
	}
	.post-content.flex > div + div {
		margin-top: 1em;
	}
	#logo a {
		width: 42px;
		overflow: hidden;
	}
	#logo a svg {
		height: 4rem;
		width: 20rem;
		margin: 0;
		-webkit-transform: translateX(-64%);
		        transform: translateX(-64%);
	}
	#header.down #logo a svg {
		height: 3rem;
		width: 15rem;
	}
	#header #logo a svg > * {
		display: none;
	}
	#header #logo a svg > *.teal {
		display: block;
	}
	.items .item {
		width: 100%;
	}
	.items .item.member {
		background-position: center bottom;
		background-size: auto 90%;
		background-repeat: no-repeat;
	}
	.items .item.image {
		width: 50%;
	}
	.items a.item .item-info {
		font-size: 100%;
	}
	.item-info .tagline {
		line-height: 1.5;
	}
	.case-study .item-thumb {
		display: block;
	}
	.items .item.case-study::before {
		display: none;
	}
	.page-nav ul {
		margin: -1rem;
	}
	.page-nav ul li, .page-nav.items-4 ul li, .page-nav.items-5 ul li, .page-nav.items-6 ul li {
		flex: 0 0 calc(50% - 2rem);	
		margin: 1rem;
		font-size: 1.5rem;
		min-width: 130px;
	}
	.clients .flex {
		margin: -.5rem 0;
	}
	.client {
		margin: .5rem;
		width: calc(15% - 1rem);
		max-width: calc(15% - 1rem);
		min-width: 5rem;
	}
	.newsletter input {
		max-width: none;
		flex: auto;
	}
	.newsletter input[type="text"] {
		width: calc(50% - .5rem);
	}
	.newsletter input[type="email"] {
		margin: 1rem 0 0;
		width: 100%;
	}
}
@media screen and (max-width: 420px) { 
	
}
@media only screen and (max-device-width: 1280px) and (pointer: coarse) {
	a:hover, a:active, a:focus { 
		color: #09BAB5;
	}
	a.map-link:hover {
		color: #fff
	}
	.block:hover .arrow {
		-webkit-transform: translate(0, 0);
				transform: translate(0, 0);
	}
	input[type="submit"]:hover {
		background-color: transparent;
	}
	#header #logo a svg:hover > * {
		fill: #939598;
	}
	#header nav > ul > li > a:hover {
		color: #939598;
	}
	#header nav > ul > li > a::after {
		display: none;
	}
	.items .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.items .item::before {
		padding-top: 65%;
		width: 100%;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
	}
	.items a.item .item-info {
		position: relative;
		
		-webkit-transform: translate(0,0);
				transform: translate(0,0);
		-webkit-transition-property: none;
		transition-property: none;
		padding: .75rem 1rem;
	
	}
	.items a.item:hover .item-info {
		background-color: rgba(9,186,181,0.60);
		
	}
	.item-info .tagline {
		overflow: hidden;
		max-height: none;
		opacity: 1;
		-webkit-transition-property: none;
		transition-property: none;
		font-size: 1em;
	}
	.client a:hover .logo.white, .client .logo.color {
		opacity: 1;
		visibility: visible;
	}
	.client a .logo.color {
		display: none;
	}
	.follow a:hover svg {
		fill: #939598;
	}
	.teal .follow a:hover svg {
		fill: #ffffff;
	}
	.featherlight.featherlight-swipe-aware::after {
		display: block;
		content: '< swipe to change profiles >';
		text-align: center;
		position: absolute;
		top: 1.5em;
		left: 0;
		right: 0;
		color: #fff;
		font-weight: 500;
	}
	.intro-content .sixty-five {
		width: 100%;
	}
	.headline p {
		font-size: 2.5rem;
	}
}
@media only screen and (max-width: 620px) and (pointer: coarse) {
	.post-content.flex > div + div {
		margin-top: 1.75rem;
	}
	.items .item {
		display: block;
	}
	.items .item.case-study {
		background-image: none !important;
	}
	.featherlight .featherlight-content {
		margin: 0 .5rem;
	}
	.featherlight.featherlight-swipe-aware::after {
		display: none;
	}
	.featherlight .featherlight-inner::before {
		display: block;
		content: '< swipe to change profiles >';
		text-align: center;
		position: absolute;
		top: .5em;
		left: 0;
		right: 0;
		color: #09BAB5;
		font-weight: 500;
		z-index: 1000;
		font-size: .75em;
	}
}
@media only screen and (max-width: 320px) and (pointer: coarse) {
	h2 {
		font-size: 3em;
	}
	#logo a {
		width: 34px;
	}
	#logo a svg {
		height: 2.8rem;
		width: 15rem;
	}
	#header.down #logo a svg {
		height: 2.5rem;
		width: 13.25rem;
	}
	#header nav ul {
		
	}
	#header nav > ul > li {
		margin: 0 0 0 1.5rem;
	}
	#header nav > ul > li > a {
		padding: 1.625em 0 1.375em;
	}
	#header.down nav > ul > li > a {
		padding: 1.125em 0 .875em;
	}
	.headline p {
		font-size: 2em;
	}
	#footer .locations {
		display: block;
		margin-bottom: .5rem;
	}
	#footer .location {
		min-width: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#footer h3.state {
		width: 85px;
		font-size: 4.25rem;
		vertical-align: top;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
	}
	#footer .location div {
		width: 200px;
	}
	#footer .locations p .map-link {
		font-size: .9375rem;
		line-height: 1;
		display: block;
		margin-top: 2px;
	}
	.follow svg {
		height: 2.5rem;
		max-width: 2.5rem;
	}
}