/*
Theme Name: APS WP Boilerplate
Author: Aside Project Studio
Author URI: https://asideproject.com/
Description: A responsive, semantic, HTML5, WordPress theme.
Version: 1.0
Tags: custom-menu, sticky-post, post-formats, responsive
*/
/* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */
article, aside, details, fig caption, figure, footer, header, group, nab, section { display: block; }

audio, canvas, video { display: inline-block; display: inline; zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

html { font-size: 16px; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

html, button, input, select, text area { font-family: sans-serif; color: #333; }

body { margin: 0; padding: 0; background: #fff; font-size: 100%; line-height: 1.5em; font-family: helvetica,arial,sans-serif; font-weight: 300; font-style: normal; height: 100%; }

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

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

a { text-decoration: none; font-weight: bold; color: #036; }

a:visited { color: #012; }

a:hover { text-decoration: underline; color: #369; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

blockquote { margin: 1em 2em; color: #333; font-size: 100%; font-weight: light; }

dfn { font-style: italic; }

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

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

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

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

p, hr, ul, ol, address { margin: 0 0 1.5em 0; }

address { padding-left: 1em; }

ul, ol { padding: 0 0 0 2em; }

ul { list-style-type: square; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

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

hr.clr { visibility: hidden; height: 0; width: 0; clear: both; margin: 0; border: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

sag:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, text area { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; width: 13px; height: 13px; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

div, p { box-sizing: border-box; }

* { box-sizing: border-box; position: relative; }

/*! layout elements
--------------------------------*/
/* HTML definitions */
body { margin: 0; padding: 0; font-family: "mr-eaves-modern-1", "mr-eaves-modern-2", "helvetica neue", helvetica, arial, sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 1.2; color: #222; }

::-moz-selection { background: #f27254; color: white; text-shadow: none; }

::selection { background: #f27254; color: white; text-shadow: none; }

a { color: #ef4b24; font-weight: 700; }

a:visited { color: #d1340f; }

a:hover { color: #34495E; text-decoration: underline; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

h1, h2, h3, h4, h5, h6 { font-family: "rift-1", "rift-2", "futura-pt-bold-1", "futura-pt-bold-2", "helvetica neue", helvetica, arial, sans-serif; font-style: normal; font-weight: 400; color: #34495E; margin: 0 0 .4rem 0; text-transform: uppercase; letter-spacing: .05em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 400; color: #ef4b24; }

h1 { font-size: 250%; }

h2 { font-size: 200%; }

h3 { font-size: 175%; }

h4 { font-size: 112.5%; }

p, ul, ol, hr { margin: 0 0 1.5em 0; }

hr { clear: both; }

hr.clr { visibility: hidden; height: 0; width: 0; margin: 0; border: 0; }

iframe { width: 100%; }

/*-- base extender styles
--------------------------------*/
form input[type='submit'], form input[type='button'], form button, form a.button, button { text-align: center; margin-bottom: 0; width: auto; padding: .5rem 1rem; font-family: "rift-1", "rift-2", "futura-pt-bold-1", "futura-pt-bold-2", "helvetica neue", helvetica, arial, sans-serif; font-weight: 400; font-size: 125%; background: #ef4b24; color: white; border: 0; }

form input[type='submit']:hover, form input[type='button']:hover, form button:hover, form a.button:hover, button:hover { background: #34495E; text-decoration: none; }

.clearfix, #single-project, .gform_wrapper, .alert, .validation_error, .gform_confirmation_message, .sharing-module, #page, #branding, #bottom, #main, #colophon, .aligncenter, .band, .contain, .colbox { *zoom: 1; }

.clearfix:before, #single-project:before, .gform_wrapper:before, .alert:before, .validation_error:before, .gform_confirmation_message:before, .sharing-module:before, #page:before, #branding:before, #bottom:before, #main:before, #colophon:before, .aligncenter:before, .band:before, .contain:before, .colbox:before, .clearfix:after, #single-project:after, .gform_wrapper:after, .alert:after, .validation_error:after, .gform_confirmation_message:after, .sharing-module:after, #page:after, #branding:after, #bottom:after, #main:after, #colophon:after, .aligncenter:after, .band:after, .contain:after, .colbox:after { content: " "; display: table; }

.clearfix:after, #single-project:after, .gform_wrapper:after, .alert:after, .validation_error:after, .gform_confirmation_message:after, .sharing-module:after, #page:after, #branding:after, #bottom:after, #main:after, #colophon:after, .aligncenter:after, .band:after, .contain:after, .colbox:after { clear: both; }

.overlay, .overlink { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.sharing-module .sharing-links, #navmain ul li a, #branding #logo, button, a { transition: all 0.2s ease; }

/*-- form elements
--------------------------------*/
form { display: block; }

form fieldset legend { display: none; }

form label { display: block; margin-bottom: .2rem; font-weight: 700; }

form input { font-family: "mr-eaves-modern-1", "mr-eaves-modern-2", "helvetica neue", helvetica, arial, sans-serif; }

form input[type='text'], form input[type='email'], form input[type='tel'], form input[type='url'], form input[type='search'], form textarea, form select { display: block; width: 100%; max-width: 500px; border: 1px solid #ccc; padding: .5rem 1rem; border-radius: 0; font-size: 125%; font-family: "mr-eaves-modern-1", "mr-eaves-modern-2", "helvetica neue", helvetica, arial, sans-serif; font-weight: 400; }

form option { font-family: "mr-eaves-modern-1", "mr-eaves-modern-2", "helvetica neue", helvetica, arial, sans-serif; }

form input:focus, form textarea:focus, form select:focus { background: #ffe; border-color: #3e754d; }

form textarea { float: none; max-width: 800px; font-size: 100%; }

form select { width: auto; }

form hr { width: 100%; }

form p { width: 100%; float: left; margin-bottom: .1rem; }

select { font-family: "mr-eaves-modern-1", "mr-eaves-modern-2", "helvetica neue", helvetica, arial, sans-serif; }

/* =12-column grid setup
--------------------------------------------------------------------*/
.col { margin: 0 1.230769%; position: relative; display: inline-block; float: left; min-height: 1px; }

.first { margin-left: 0; }

.last { margin-right: 0; }

.unit1 { width: 6.076923%; }

.unit2 { width: 14.615385%; }

.unit3 { width: 23.153846%; }

.unit4 { width: 31.692308%; }

.unit5 { width: 40.230769%; }

.unit6 { width: 48.769231%; }

.unit7 { width: 57.307692%; }

.unit8 { width: 65.846154%; }

.unit9 { width: 74.384615%; }

.unit10 { width: 82.923077%; }

.unit11 { width: 91.461538%; }

.unit12 { width: 100%; margin-right: 0; }

.col img { max-width: 100%; height: auto; }

.colbox { margin: 0 -1.230769%; clear: both; }

/*!-- STRUCTURE
--------------------------------*/
.clearfix, #single-project, .gform_wrapper, .alert, .validation_error, .gform_confirmation_message, .sharing-module, #page, #branding, #bottom, #main, #colophon, .aligncenter, .band, .contain, .colbox { *zoom: 1; }

.clearfix:before, #single-project:before, .gform_wrapper:before, .alert:before, .validation_error:before, .gform_confirmation_message:before, .sharing-module:before, #page:before, #branding:before, #bottom:before, #main:before, #colophon:before, .aligncenter:before, .band:before, .contain:before, .colbox:before, .clearfix:after, #single-project:after, .gform_wrapper:after, .alert:after, .validation_error:after, .gform_confirmation_message:after, .sharing-module:after, #page:after, #branding:after, #bottom:after, #main:after, #colophon:after, .aligncenter:after, .band:after, .contain:after, .colbox:after { content: " "; /* 1 */ display: table; /* 2 */ height: 0; }

.clearfix:after, #single-project:after, .gform_wrapper:after, .alert:after, .validation_error:after, .gform_confirmation_message:after, .sharing-module:after, #page:after, #branding:after, #bottom:after, #main:after, #colophon:after, .aligncenter:after, .band:after, .contain:after, .colbox:after { clear: both; }

#page, #branding, #bottom { width: 100%; margin: 0; padding: 0; clear: both; }

.aligncenter { margin: 0 auto; position: relative; width: 92%; max-width: 1300px; clear: both; }

@media screen and (min-width: 800px) { .aligncenter { width: 96%; } }

.contain { margin: 0 auto; position: relative; width: 92%; max-width: 1300px; clear: both; }

@media screen and (min-width: 800px) { .contain { width: 96%; } }

#main { padding: 2.461538% 0 0; }

#primary.full-width { width: 100%; }

#about { line-height: 1.2; }

.band { padding: 2rem 0; }

#bottom, #sidebar { font-size: 75%; line-height: 1.2; }

#sidebar #tertiary, #sidebar .widget { border-bottom: 0; margin-bottom: 1rem; }

#sidebar #tertiary:last-child, #sidebar .widget:last-child { margin-right: 0; }

#bottom { background: #22303d; color: #f2f2f2; }

#bottom a { color: #e6e6e6; }

#bottom a:hover { color: white; }

.positioner { position: relative; }

/*-- HEADER
--------------------------------*/
#branding { z-index: 10000; position: fixed; width: 100%; background: white; padding: .5rem 4%; }

#branding #logo { width: 6.076923%; margin: 0; float: left; }

#branding #logo a { display: block; }

#branding #logo img, #branding #logo svg { display: block; width: 100%; height: auto; }

#branding.fixed { animation: slideDown 0.3s ease-out; }

#branding.fixed #logo { width: 40px; height: 40px; }

#branding.fixed #logo svg { height: 40px; width: auto; overflow: hidden; }

#branding.fixed #logo svg .name { display: none; }

@keyframes slideDown { from { transform: translateY(-100%); }
  to { transform: translateY(0); } }

/*-- MENU
--------------------------------*/
#navmain { display: block; left: auto; float: right; width: auto; right: 2%; margin: 0; text-align: right; -webkit-backface-visibility: hidden; position: absolute; top: 50%; transform: translateY(-50%); transition: font-size 0.1s ease; }

#navmain #menuheader { display: none; }

#navmain ul { -webkit-backface-visibility: hidden; list-style: none; margin: 0; padding: 0; }

#navmain ul li { float: left; display: inline-block; position: relative; /* &.current_page_item a, &.current-page-ancestor a { color: $primary; } */ }

#navmain ul li a { font-family: "rift-1", "rift-2", "futura-pt-bold-1", "futura-pt-bold-2", "helvetica neue", helvetica, arial, sans-serif; font-style: normal; font-weight: 700; font-weight: 400; text-transform: uppercase; text-decoration: none; display: block; line-height: 1; padding: .5rem; color: #34495E; }

#navmain ul li:hover > a { color: #ef4b24; }

#navmain ul li:hover ul li a { background: none; }

#slide-trigger { display: none; }

.menu-main-menu-container { display: block; }

.closex { display: none; }

/*-- Footer
--------------------------------*/
#bottom { padding: 2rem 0; }

#footnav ul { list-style: none; margin-right: 0; padding: 0; float: right; }

#footnav ul li { display: inline; margin: 0; }

#footnav ul li:after { content: "  |  "; }

#footnav ul li:last-child:after { content: "" !important; }

/*-- Social links, etc
--------------------------------*/
ul.socials, ul.sharing-links { list-style: none; padding: 0; margin: 0; }

ul.socials li, ul.sharing-links li { display: inline-block; width: 28px; height: 28px; overflow: hidden; float: left; }

ul.socials li a, ul.sharing-links li a { text-align: center; display: block; width: 100%; color: #fff !important; }

ul.socials li a i, ul.sharing-links li a i { line-height: 1.5; }

ul.socials li { background-color: transparent; }

ul.socials li.share-facebook:hover { background-color: #3b5998; }

ul.socials li.share-google-plus:hover { background-color: #cc0000; }

ul.socials li.share-linkedin:hover { background-color: #0073a5; }

ul.socials li.share-pinterest:hover { background-color: #d43638; }

ul.socials li.share-tumblr:hover { background-color: #2c4762; }

ul.socials li.share-twitter:hover { background-color: #2ca9e1; }

ul.socials li.share-email:hover { background-color: #666; }

ul.sharing-links li.share-facebook { background-color: #3b5998; }

ul.sharing-links li.share-google-plus { background-color: #cc0000; }

ul.sharing-links li.share-linkedin { background-color: #0073a5; }

ul.sharing-links li.share-pinterest { background-color: #d43638; }

ul.sharing-links li.share-tumblr { background-color: #2c4762; }

ul.sharing-links li.share-twitter { background-color: #2ca9e1; }

ul.sharing-links li.share-email { background-color: #ef4b24; }

.sharing-module { width: 100%; }

.sharing-module .sharing-title { display: inline-block; cursor: pointer; margin: 0 .5rem 0 0; float: left; line-height: 32px; }

.sharing-module .sharing-title:hover { color: #34495E; }

.sharing-module .positioner { float: left; min-width: 50%; height: 32px; overflow: hidden; }

.sharing-module .sharing-links { float: left; position: relative; left: 0; opacity: 0; transform: translateX(-100%); }

.sharing-module.open .sharing-links { opacity: 1; transform: none; }

/*-- headers and overlays
--------------------------------*/
.overlay { background: rgba(0, 0, 0, 0.2); }

/*-- Content
--------------------------------*/
/* Add " (PDF)" text after links that go to PDFs */
a[href$=".pdf"]:after { content: " (PDF)"; }

/* If file size specified as data attribute, use that too */
a[href$=".pdf"][data-size]:after { content: " (PDF, " attr(data-size) ")"; }

.post { margin: 0 0 1rem; padding: 0 0 1rem 0; border-bottom: 2px solid #efefef; }

.entry-meta { clear: both; display: block; font-size: 75%; margin-bottom: 1rem; color: #ccc; }

/* 404 page */
.error404 .widget .widgettitle, .error404 .widget ul { margin-right: 1rem; }

.error404 .widget .widget_tag_cloud { clear: both; float: none; width: 100%; }

/* Image Attachments */
.image-attachment div.entry-meta { float: left; }

.image-attachment nav { float: right; margin: 0 0 1rem 0; }

.image-attachment .entry-content { clear: both; }

.image-attachment .entry-content .entry-attachment { background: #ccc; margin: 0 0 1rem; padding: 1rem; text-align: center; }

.image-attachment .entry-content .attachment { display: block; margin: 0 auto; text-align: center; }

/* Images */
p img { margin-bottom: 0.5rem; }

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img, .wp-caption { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ }

img.alignleft { margin-right: 1rem; }

img.alignright { margin-left: 1rem; }

.wp-caption { padding: .5rem; text-align: center; }

.wp-caption img { margin: .25rem; }

.wp-caption .wp-caption-text { margin: .5rem; }

/*-- Alignment
--------------------------------*/
.alignleft, .alignright { display: inline; }

.alignleft { float: left; }

.alignright { float: right; }

/*-- alerts
--------------------------------*/
.alert, .validation_error, .gform_confirmation_message { border: 1px solid #999999; border-radius: 7px; background: #f2f2f2; padding: 2.461538%; margin-bottom: 2rem; }

.alert *, .validation_error *, .gform_confirmation_message * { color: #333; }

.warning, .validation_error { background: #f2dede; border-color: #bd071a; }

.ok, .gform_confirmation_message { background: #dff0d9; border-color: #3e754d; }

.validation_message { font-weight: 700; color: #a00; }

/*-- Accessibility
--------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text, .assistive-text, .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); border: 0; }

/* =photo gallery
--------------------------------------------------------------------*/
div.photo_gallery { display: flex; flex-wrap: wrap; }

div.photo_gallery a { display: block; float: left; margin-bottom: 20px; width: 17%; flex-basis: 17%; margin-right: 3%; flex-grow: 1; }

div.photo_gallery a:first-child { width: 100%; flex-basis: 100%; clear: both; padding: 0; }

div.photo_gallery a:last-child { padding: 0; }

div.photo_gallery img { width: 100%; }

/*-- Gravity forms specific styles
--------------------------------*/
.gform_wrapper { max-width: 700px; /*-- datepicker input --------------------------------*/ /* Class for labelling required form items */ /* credit card icons ------------------------------------------------------*/ }

.gform_wrapper .gform_body, .gform_wrapper .gform_footer { width: 100%; float: left; }

.gform_wrapper .gfield_radio label, .gform_wrapper .gfield_checkbox label { display: inline-block; clear: right; margin-left: .5rem; }

.gform_wrapper input.small { width: 10%; min-width: 10px; max-width: 20px; }

.gform_wrapper .zipcode input { width: 10%; min-width: 60px; max-width: 100px; }

.gform_wrapper .gform_fields, .gform_wrapper .gfield_radio, .gform_wrapper .gfield_checkbox { list-style: none; padding: 0; }

.gform_wrapper .gfield, .gform_wrapper .ginput_container { width: 100%; float: left; }

.gform_wrapper .gfield { margin-bottom: 1rem; }

.gform_wrapper .gfield.gfield_visibility_hidden { display: none !important; }

.gform_wrapper .gfield.field_description_above label { margin-bottom: 0; }

.gform_wrapper .gfield.field_description_above .gfield_description { margin-top: 0; font-style: italic; margin-bottom: .2rem; }

.gform_wrapper .gfield.gform_validation_container { display: none; }

.gform_wrapper .taxfield span.ginput_product_price_label { display: none !important; }

.gform_wrapper .gfield_radio li, .gform_wrapper .gfield_checkbox li { margin-bottom: 0; }

.gform_wrapper .gfield_description { margin-top: .5rem; }

.gform_wrapper .reqtxt, .gform_wrapper .emailreqtxt { font-size: 90%; color: maroon; font-style: italic; }

.gform_wrapper .feefield .ginput_product_price { color: #222; }

.gform_wrapper .feefield .ginput_product_price_label { display: none; }

.gform_wrapper .totalfield { display: inline-block; border: 1px solid #3e754d; padding: 1rem !important; width: auto !important; background: rgba(255, 255, 255, 0.8); }

.gform_wrapper .totalfield .ginput_total { color: #3e754d; font-size: 150%; font-weight: 700; }

.gform_wrapper .totalfield label, .gform_wrapper .totalfield .ginput_container { display: inline-block; margin-right: .5rem; }

.gform_wrapper .totalfield .ginput_container { font-weight: 700; }

.gform_wrapper .name_first label, .gform_wrapper .name_last label { display: none !important; }

.gform_wrapper .ginput_container_date input.datepicker, .gform_wrapper .ginput_container_date .ui-datepicker-trigger { display: inline-block; }

.gform_wrapper .ginput_container_date input.datepicker { max-width: 200px; }

.gform_wrapper .ginput_container_date .ui-datepicker-trigger { margin-left: .5rem; }

.gform_wrapper .required, .gform_wrapper .validation_error { color: #cc0033; }

.gform_wrapper .validation_error, .gform_wrapper .validation_message, .gform_wrapper .gform_confirmation_message { clear: both; color: #cc0033; background: rgba(202, 10, 55, 0.2); font-weight: 400; padding: .3rem .4rem; margin: .5rem 0; line-height: 1.2; margin-bottom: 1rem; }

.gform_wrapper .gform_confirmation_message { color: forestgreen; background: rgba(34, 139, 34, 0.1); border-color: forestgreen; padding: .4rem .5rem; }

.gform_wrapper .validation_message { font-size: 75%; padding: .5rem 1rem; font-style: italic; color: #c03; }

.gform_wrapper .ginput_complex span { display: inline-block; float: left; }

.gform_wrapper .ginput_complex span label { font-size: 93.75%; text-transform: none; }

.gform_wrapper .ginput_complex span.ginput_full { width: 100% !important; }

.gform_wrapper .ginput_complex span.name_first, .gform_wrapper .ginput_complex span.name_last { width: 49%; }

.gform_wrapper .ginput_complex span.name_first { margin-right: 2%; }

.gform_wrapper .ginput_complex span.address_city { width: 100%; }

.gform_wrapper .ginput_complex span.address_state { clear: left; width: auto; margin-right: 2.461538%; }

.gform_wrapper .ginput_complex span.address_zip { width: 10rem; margin-right: 2.461538%; }

.gform_wrapper .ginput_complex span.address_country select { height: 41px; }

.gform_wrapper .gform_card_icon_container { margin: 8px 0 6px 0; height: 32px; }

.gform_wrapper div.gform_card_icon { margin-right: 4px; text-indent: -9000px; background-image: url("../images/gf-creditcard-icons.png"); background-repeat: no-repeat; width: 36px; height: 32px; float: left; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa { background-position: 0 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex { background-position: -72px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover { background-position: -108px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa { background-position: 0 -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex { background-position: -72px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover { background-position: -108px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -256px; }

.gform_wrapper .gform_card_icon_container input[type=radio]#gform_payment_method_creditcard { float: left; position: relative; top: 4px !important; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left, .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-height: 43px; position: relative; float: left; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left label, .gform_wrapper .ginput_complex .ginput_cardinfo_right label { white-space: nowrap !important; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left { width: 50%; margin-right: 1%; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container { position: relative; display: block; min-width: 160px !important; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select { float: left; height: 41px; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container label { clear: both; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month { margin-right: 4px; }

.gform_wrapper .ginput_complex .ginput_cardinfo_right { min-width: 85px !important; }

.gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code { width: 4em !important; float: left; }

.gform_wrapper .ginput_complex .ginput_cardinfo_right label { clear: both; }

.gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon { width: 32px; height: 23px; background-image: url(../images/gf-creditcard-icons.png); background-repeat: no-repeat; background-position: 0 -128px; position: relative; top: -1px; left: 6px; display: -moz-inline-stack; display: inline-block; zoom: 1; }

.gform_wrapper .ginput_complex span.ginput_cardextras { display: block; clear: both; overflow: hidden; }

.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month, .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year { width: 48% !important; display: -moz-inline-stack; display: inline-block; zoom: 1; }

.gform_wrapper .ginput_complex.ginput_container_creditcard { border: 1px solid #f2f2f2; padding: 1rem; float: left; clear: both; margin-bottom: 2rem; }

.gform_wrapper .ginput_complex.ginput_container_creditcard span.ginput_full { clear: both; }

.gform_wrapper .right_label .gform_fileupload_multifile, .gform_wrapper .left_label .gform_fileupload_multifile { margin-left: 31%; }

.gform_wrapper .gform_delete { vertical-align: middle; cursor: pointer; }

.gform_wrapper .gform_fileupload_multifile .gform_drop_area { padding: 25px; border: 2px dashed #ddd; text-align: center; color: #aaa; margin-bottom: 10px; }

div.grecaptcha-badge { visibility: hidden; opacity: 0; }

/*-- alert boxes
--------------------------------*/
.alert { *zoom: 1; border-radius: 7px; border: 1px solid #999999; background: #ccc; padding: 2.461538%; margin-bottom: 2rem; }

.alert:before, .alert:after { content: " "; /* 1 */ display: table; /* 2 */ height: 0; }

.alert:after { clear: both; }

.warning { background: #f2dede; border-color: #bd071a; }

.ok { background: #dff0d9; border-color: #3e754d; }

.grid-sizer { width: 31.692308%; }

.gutter-sizer { width: 2.461538%; width: 2%; }

/*-- filter buttons
--------------------------------*/
.filter-button-group button { display: block; float: left; margin: 0 .5rem .5rem 0; background: #34495E; font-weight: 400; }

.filter-button-group button:hover, .filter-button-group button.active { background: #ef4b24; }

/*-- Projects
--------------------------------*/
#project-array { padding: 2rem 0; position: relative; line-height: 1.1; }

#project-array .project { float: left; width: 22%; border: 1px solid #eee; }

#project-array .project .project-thumb { position: relative; }

#project-array .project .project-thumb img { width: 100%; }

#project-array .project .thumb-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background: rgba(52, 73, 94, 0.95); transition: all 0.4s ease; }

#project-array .project .thumb-overlay .thumb-text { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); text-align: center; width: 100%; padding: 1rem; }

#project-array .project .thumb-overlay .thumb-text h3 { font-size: 150%; margin-bottom: 0; line-height: 1; }

#project-array .project .thumb-overlay .thumb-text p { margin-bottom: .5rem; }

#project-array .project .thumb-overlay .thumb-text * { color: white; }

#project-array .project .thumb-overlay .thumb-text a.button { display: inline-block; padding: .4rem .5rem; border: 1px solid white; margin: 1rem 0 0; text-transform: uppercase; letter-spacing: .05em; }

#project-array .project .thumb-overlay .thumb-text a.button:hover { text-decoration: none; background: #ef4b24; }

#project-array .project.branding { border: none; }

#project-array .project.branding .project-thumb { padding: 1rem; }

#project-array .project:hover .thumb-overlay { opacity: 1; transform: translateY(0); }

#services { background: #f2f2f2; }

#contact { background: #34495E; color: white; }

#contact h2 { color: white; }

.thumbarray { margin: 0; padding: 0; list-style: none; display: grid; grid-column-gap: 1.5rem; }

.thumbarray li { margin-bottom: 1.5rem; background-color: #ef4b24; }

.thumbarray li a { display: block; }

.thumbarray li a img { width: 100%; height: auto; }

.thumbarray li a:hover { opacity: 0.9; }

/*-- single project page
--------------------------------*/
#single-project { margin: 0 2%; padding-bottom: 2rem; }

#single-project .project-img { float: left; clear: both; width: 100%; max-width: 600px; }

#single-project .project-img img { width: 100%; }

/* =media queries
--------------------------------------------------------------------*/
@media (prefers-color-scheme: dark) { body { background: black; color: #efefef; } h1, h2, h3, h4, h5, h6 { color: #ccc; } }

@media screen and (max-width: 540px) { #branding #logo { width: 14.615385%; } #project-array { font-size: 85%; } #project-array .project { width: 46%; } #project-array .project .thumb-overlay h3 { font-size: 125%; } #project-array .project .thumb-overlay .thumb-text .thumb-type { display: block; } #project-array .project .thumb-overlay .thumb-text .thumb-excerpt { display: none; } #project-array .project.wide { width: 100%; } .gutter-sizer { width: 4%; } }

@media screen and (min-width: 541px) { #branding logo { width: 6.076923%; } #project-array { font-size: 75%; } #project-array .project { width: 30%; } #project-array .project .thumb-overlay .thumb-text .thumb-type { display: none; } #project-array .project.wide { width: 62%; } }

@media screen and (max-width: 700px) { /* thinking about phone screens now */ body { font-size: 15px; width: 100%; } #about { font-size: 93.75%; } .thumbarray { grid-template-columns: repeat(2, 1fr); } }

@media screen and (min-width: 701px) { #branding { padding: 1rem 2%; } #branding #logo { width: 23.153846%; float: left; } #navmain { font-size: 137.5%; } #about { font-size: 112.5%; line-height: 1.2; -moz-column-count: 2; -o-column-count: 2; column-count: 2; -moz-column-gap: 2.461538%; -o-column-gap: 2.461538%; column-gap: 2.461538%; } #about p { display: inline-block; } #project-array { font-size: 87.5%; } #project-array .project { width: 30%; } #project-array .project.wide { width: 62%; } .thumbarray { grid-template-columns: repeat(3, 1fr); } }

@media screen and (max-width: 800px) { #project-array .project .thumb-overlay .thumb-text p { line-height: 1; margin-bottom: .5rem; } }

@media screen and (min-width: 1020px) { #branding #logo { width: 14.615385%; } #project-array .project { width: 22%; } #project-array .project.wide, #project-array .project.vertwide { width: 46%; } }

@media screen and (min-width: 1200px) { #primary { float: left; width: 25%; margin: 0 2%; } #primary #about { -moz-column-count: 1; -o-column-count: 1; column-count: 1; -moz-column-gap: 0; -o-column-gap: 0; column-gap: 0; } #primary.full-width { margin: 0; padding: 0 2%; } #work { width: 70%; float: left; } #work > .contain { width: 100%; max-width: 100%; } #services > .contain, #contact > .contain { width: 70%; margin-left: 29%; } }

@media print { /* ============================================================================= Print Styles ========================================================================== */ * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, block quote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }
/*# sourceMappingURL=style.css.map */