@charset "UTF-8";
/*
Theme Name: Hansen Construction Custom
Theme URI: http://www.hansenconst.com
Author: Colin OBrien
Author URI: http://www.develody.io
Description: A custom theme for Hansen Construction
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hansen
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

rhapsody is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Dependencies
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
	5.3 Post Navigation
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Blocks
--------------------------------------------------------------*/
/* Straight Up v0.1.4
 * kennethormandy.com/journal/straight-up-neat-grids-without-bourbon
 * Copyright © 2012–2014 thoughtbot, inc
 * Copyright © 2015 Kenneth Ormandy
 * MIT License
 */
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
@font-face {
  font-family: "hansen";
  src: url("../fonts/hansen/hansen.woff") format("woff"), url("../fonts/hansen/hansen.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "hansen" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=hicon-]:before,
[class*=" hicon-"]:before {
  font-family: "hansen" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hicon-square-fill:before {
  content: "a";
}

.hicon-square:before {
  content: "b";
}

body,
button,
input,
select,
textarea {
  font-size: 16px;
  font-size: 1rem;
  font-family: "franklin-gothic-urw-cond", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  color: #111;
}

input,
select,
textarea {
  color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.075;
  margin: 0 0 12px;
}

h1,
h2 {
  font-family: "franklin-gothic-urw-cond", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "franklin-gothic-urw-cond", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sidebar h3 {
  margin-bottom: 0;
}

h1 {
  font-size: 46px;
  font-size: 2.875rem;
}
@media (max-width: 1232px) {
  h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.sidebar h1 {
  font-size: 28px;
  font-size: 1.75rem;
}

.site-title {
  font-size: 16px;
  font-size: 1rem;
}

.page-title,
.entry-title {
  color: #333;
  margin-bottom: 20px;
  text-align: left;
}

p {
  line-height: 1.15;
  margin: 0 0 1em;
  font-size: 1.5em;
}
@media (max-width: 768px) {
  p {
    font-size: 1.125em;
  }
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: black;
  color: white;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

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

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

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html,
body {
  box-sizing: border-box;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

html,
body,
#page,
#inner-page,
#content,
#primary,
#main,
.portfolio {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

html.portfolio-landing,
body.portfolio-landing,
body.portfolio-landing #inner-page,
body.portfolio-landing #content,
body.portfolio-landing #primary,
body.portfolio-landing #main,
body.portfolio-landing #page {
  height: auto;
  width: 100%;
  position: static;
}

@media (max-width: 768px) {
  body.single-portfolio,
body.term-residential,
body.term-commercial,
body.page.not-home {
    height: auto;
  }
  body.single-portfolio #page,
body.single-portfolio #inner-page,
body.single-portfolio #content,
body.single-portfolio #primary,
body.single-portfolio #main,
body.term-residential #page,
body.term-residential #inner-page,
body.term-residential #content,
body.term-residential #primary,
body.term-residential #main,
body.term-commercial #page,
body.term-commercial #inner-page,
body.term-commercial #content,
body.term-commercial #primary,
body.term-commercial #main,
body.page.not-home #page,
body.page.not-home #inner-page,
body.page.not-home #content,
body.page.not-home #primary,
body.page.not-home #main {
    height: auto;
  }
}
body {
  background: #D4D6D7;
}
body.portfolio-landing {
  background: white;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the
  property for components that leverage other behavior;
  see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

blockquote, q {
  quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

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

ul,
ol {
  margin: 0 0 1.5em 1em;
  padding: 0 0 0 1em;
}

ul {
  list-style: disc;
}

ul.inline {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.inline li {
  padding: 0;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

.social-links {
  float: left;
  list-style: none;
  padding: 0;
  width: 20%;
}
.entry-content .social-links {
  width: 100%;
  margin: 1.4em 0 1em;
}
.social-links ul li {
  background: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin-right: 1em;
}
.social-links ul li:last-child {
  margin-right: 0;
}
.social-links .linkedin,
.social-links .facebook,
.social-links .twitter,
.social-links .googleplus,
.social-links .instagram,
.social-links .pinterest {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  display: block;
  display: block;
  width: 32px;
  height: 32px;
  color: black;
  text-decoration: none;
  text-align: center;
  padding: 4px;
}
.social-links .linkedin span,
.social-links .facebook span,
.social-links .twitter span,
.social-links .googleplus span,
.social-links .instagram span,
.social-links .pinterest span {
  display: block;
  font-size: 24px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .social-links {
    width: 100%;
    float: none;
  }
  .social-links ul {
    text-align: center;
  }
  .entry-content .social-links ul {
    text-align: left;
  }
}

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

table {
  margin: 0 0 1.5em;
  width: 100%;
}

@font-face {
  font-family: "icons";
  src: url("fonts/icons/icons.eot");
  src: url("fonts/icons/icons.eot?#iefix") format("eot"), url("fonts/icons/icons.woff") format("woff"), url("fonts/icons/icons.ttf") format("truetype"), url("fonts/icons/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icons";
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-fw {
  width: 1.2857142857em;
  text-align: center;
}

.icon-bars:before {
  content: "\e001";
}

.icon-facebook:before {
  content: "\e002";
}

.icon-googleplus:before {
  content: "\e003";
}

.icon-pinterest:before {
  content: "\e004";
}

.icon-times-circle:before {
  content: "\e005";
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
.button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: none;
  background: #444;
  box-shadow: none;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0.2em 0.5em;
  text-shadow: none;
  transition: all 300ms ease;
}
button:hover, button:active, button:focus,
.button:hover,
.button:active,
.button:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
  background: #333;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
textarea {
  color: #666;
  border: 1px solid #111;
  background: transparent;
  transition: all 0.3s ease-in-out;
  outline: none;
  margin: 3px 1px 3px 0px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
  color: #111;
  box-shadow: 0 0 5px #e41e2d;
  margin: 3px 1px 3px 0px;
  border: 1px solid #cd1b29;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search] {
  line-height: 1;
  padding: 2px;
}

textarea {
  padding-left: 3px;
  width: 100%;
}

label {
  font-size: 1.5em;
}

/*
 * Taekn from https://github.com/filamentgroup/select-css
 */
/* Container used for styling the custom select,
the buttom class below adds the bg gradient, corners, etc. */
.list-dropdown-wrap {
  position: relative;
  display: block;
  margin-top: 0.5em;
  padding: 0;
}

/* This is the native select, we're making everything but the text
invisible so we can see the button styles in the wrapper */
.list-dropdown-wrap select {
  width: 100%;
  margin: 0;
  background: #111;
  border: 1px solid transparent;
  border-radius: 0;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Font size must the 16px or larger to prevent iOS page zoom on focus */
  font-size: 1em;
  color: #fff;
  padding: 3px 6px;
  line-height: 1.3;
}
.wp_is_mobile .list-dropdown-wrap select {
  font-size: 16px;
}

/* Custom arrow sits on top of the select - could be an image, SVG,
icon font, etc. or the arrow could just baked into the bg image on
the select. Note this si a 2x image so it will look bad in browsers
that don't support background-size. In production, you'd handle this
resolution switch via media query but this is a demo. */
.list-dropdown-wrap::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 12px;
  top: 50%;
  right: 0.5em;
  margin-top: -6px;
  background-image: url(images/select-arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
  /* This hack make the select behind the arrow clickable in some browsers */
  pointer-events: none;
}

/* Hover style */
/* Focus style */
.list-dropdown-wrap select:focus {
  outline: none;
  box-shadow: 0 0 5px #e41e2d;
  border: 1px solid #cd1b29;
}

/* Set options to normal weight */
.list-dropdown-wrap option {
  font-weight: normal;
}

/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* OPERA - Pre-Blink nix the custom arrow, go with a native select
button to keep it simple. Targeted via this hack
http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus, .list-dropdown-wrap::after {
  display: none;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will
have the custom appearance, IE 9 and earlier get a native select -
targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5
- looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text
in the select button in IE 10/11 and sets the text color to match
the focus style's - fix via
http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .list-dropdown-wrap select::-ms-expand {
    display: none;
  }
}
/* FIREFOX won't let us hide the native select arrow, so we have
to make it wider than needed and clip it via overflow on the parent
container. The percentage width is a fallback since FF 4+ supports
calc() so we can just add a fixed amount of extra width to push the
native arrow out of view. We're applying this hack across all FF
versions because all the previous hacks were too fragile and complex.
You might want to consider not using this hack and using the native
select arrow in FF. Note this makes the menus wider than the select
button because they display at the specified width and aren't clipped.
Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  .list-dropdown-wrap {
    overflow: hidden;
  }
  .list-dropdown-wrap select {
    width: 120%;
    width: calc(100% + 3em);
  }
}
/* Firefox focus has odd artifacts around the text, this kills that.
See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.list-dropdown-wrap select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */
/**
 * Gravity forms overrides
 *
 * everything need !important because gravity forms default css comes after this.
 */
/* ---------------------------------
HONEYPOT
----------------------------------*/
.hp-wrap {
  display: none;
}

.honeypot-wrap {
  display: none;
}

/* ---------------------------------
Tool tips
----------------------------------*/
a.tooltip {
  outline: none;
  text-decoration: none;
}

a.tooltip strong {
  line-height: 30px;
}

a.tooltip:hover {
  text-decoration: none;
}

a.tooltip span {
  z-index: 10;
  display: none;
  padding: 14px 20px;
  margin-top: -10px;
  margin-left: 28px;
  width: 240px;
  line-height: 16px;
  z-index: 1;
  position: relative;
}

a.tooltip span:before {
  border-top: 10px solid transparent;
  border-right: 15px solid #ccc;
  border-bottom: 10px solid transparent;
  content: "";
  position: absolute;
  left: -15px;
}

a.tooltip:hover span {
  display: inline;
  position: absolute;
  color: #333;
  border: 1px solid #ccc;
  background: #f1f1f1;
}

a.tooltip span {
  border-radius: 4px;
  box-shadow: 5px 5px 8px #CCC;
}

.ninja-forms-form .label-above label,
.ninja-forms-form .label-below label {
  display: block;
}

.field-wrap,
#ninja_forms_required_items {
  margin-bottom: 8px;
}

#pass-strength-result {
  background-color: #eee;
  border-color: #ddd !important;
  border-style: solid;
  border-width: 1px;
  margin: 13px 5px 5px 1px;
  padding: 3px 5px;
  text-align: center;
  width: 200px;
}

#pass-strength-result.bad {
  background-color: #ffb78c;
  border-color: #ff853c !important;
}

#pass-strength-result.good {
  background-color: #ffec8b;
  border-color: #fc0 !important;
}

#pass-strength-result.short {
  background-color: #ffa0a0;
  border-color: #f04040 !important;
}

#pass-strength-result.strong {
  background-color: #c3ff88;
  border-color: #8dff1c !important;
}

.ninja-forms-cont {
  position: relative;
}

.ninja-forms-cont:after {
  clear: both;
  content: "";
  display: block;
}

.ninja-forms-field-error {
  color: red;
}

.ninja-forms-form-wrap input,
.ninja-forms-form-wrap select,
.ninja-forms-form-wrap textarea {
  width: auto;
  height: auto;
  vertical-align: inherit;
}

.ninja-forms-form-wrap label {
  font-weight: normal;
}

.ninja-forms-form-wrap .list-checkbox-wrap ul label,
.ninja-forms-form-wrap .list-radio-wrap ul label {
  font-weight: normal;
}

.field-wrap:after {
  clear: both;
  content: "";
  display: block;
}

.field-wrap.label-left .ninja-forms-field,
.field-wrap.label-left .ninja-forms-star-rating-control {
  margin-left: 8px;
}

.field-wrap.label-right .ninja-forms-field,
.field-wrap.label-right .ninja-forms-star-rating-control {
  margin-right: 8px;
}

.field-wrap.label-right label,
.field-wrap.label-left label {
  display: inline;
}

.MultiFile-wrap {
  display: inline-block;
}

.ninja-forms-required-items {
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
}

/* ---------------------------------
TEXT FIELDS & TEXTAREAS
----------------------------------*/
.text-wrap.label-left input,
.profile_pass-wrap.label-left input,
.textarea-wrap.label-left textarea {
  margin-left: 10px;
}

.text-wrap.label-right input,
.profile_pass-wrap.label-right input,
.textarea-wrap.label-right textarea {
  margin-right: 10px;
}

.text-wrap.label-above label,
.textarea-wrap.label-above label {
  display: block;
  width: 100%;
  line-height: 1;
}

.profile_pass-wrap input,
.text-wrap.label-above input,
.text-wrap.label-below input,
.text-wrap.label-inside input,
.textarea-wrap.label-above textarea,
.textarea-wrap.label-below textarea,
.textarea-wrap.label-inside textarea,
.list-dropdown-wrap.label-above select,
.list-dropdown-wrap.label-below select {
  width: 100%;
}

.textarea-wrap textarea {
  height: 85px;
}
@media (max-height: 768px) {
  .textarea-wrap textarea {
    height: 45px;
  }
}

.submit-wrap {
  margin-bottom: 0;
}

.profile_pass-wrap input {
  margin-bottom: 10px;
}

/* ---------------------------------
RADIO & CHECKBOX LISTS
----------------------------------*/
.list-radio-wrap span ul li input,
.list-checkbox-wrap span ul li input {
  margin-right: 5px;
}

.list-radio-wrap ul,
.list-checkbox-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-radio-wrap ul li,
.list-checkbox-wrap ul li {
  list-style: none;
}

.list-radio-wrap ul li,
.list-checkbox-wrap ul li {
  margin: 0;
  padding: 0;
}

.list-radio-wrap.label-left label,
.list-radio-wrap.label-left ul,
.list-radio-wrap.label-left ul li,
.list-radio-wrap.label-right label,
.list-radio-wrap.label-right ul,
.list-radio-wrap.label-right ul li,
.list-checkbox-wrap.label-left label,
.list-checkbox-wrap.label-left ul,
.list-checkbox-wrap.label-left ul li,
.list-checkbox-wrap.label-right label,
.list-checkbox-wrap.label-right ul,
.list-checkbox-wrap.label-right ul li {
  float: left;
}

.rtl .list-radio-wrap.label-left label,
.rtl .list-radio-wrap.label-left ul,
.rtl .list-radio-wrap.label-left ul li,
.rtl .list-radio-wrap.label-right label,
.rtl .list-radio-wrap.label-right ul,
.rtl .list-radio-wrap.label-right ul li,
.rtl .list-checkbox-wrap.label-left label,
.rtl .list-checkbox-wrap.label-left ul,
.rtl .list-checkbox-wrap.label-left ul li,
.rtl .list-checkbox-wrap.label-right label,
.rtl .list-checkbox-wrap.label-right ul,
.rtl .list-checkbox-wrap.label-right ul li {
  float: right;
}

.list-radio-wrap.label-left ul li,
.list-radio-wrap.label-right ul li,
.list-checkbox-wrap.label-left ul li,
.list-checkbox-wrap.label-right ul li {
  padding: 0 8px;
}

.list-radio-wrap.label-above ul li,
.list-radio-wrap.label-below ul li,
.list-checkbox-wrap.label-above ul li,
.list-checkbox-wrap.label-below ul li {
  padding: 0 0 0 10px;
}

/* ---------------------------------
MULTI FIELD
----------------------------------*/
.list-multi-wrap.label-left label {
  float: left;
}

.list-multi-wrap.label-right select {
  float: left;
}

/* ---------------------------------
CREDIT CARD BLOCK
----------------------------------*/
.credit_card-wrap div label,
.credit_card-wrap div input {
  display: block;
  width: 100%;
}

.credit_card-wrap div {
  margin-bottom: 10px;
}

.credit_card-wrap div span {
  font-size: 0.8em;
}

.gfield--type-honeypot {
  display: none;
}

.gform_wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.gform_wrapper textarea {
  height: 85px;
}

.ginput_container_email input,
.ginput_container_email select,
.ginput_container_text input,
.ginput_container_text select {
  width: 100%;
}

select.gfield_select {
  width: 100%;
  display: block;
  color: #111;
  font-size: 16px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  padding-left: 3px;
  padding-right: 3px;
  background-color: #fff;
  background-image: url("../images/dropdown-arrow.svg");
  background-repeat: no-repeat, repeat;
  background-position: right 0.3em top 34%, 0 0;
  background-size: 1em auto, 100%;
}
select.gfield_select::-ms-expand {
  display: none;
}
select.gfield_select:focus {
  box-shadow: 0 0 5px #e41e2d;
  margin: 3px 1px 3px 0;
  border: 1px solid #cd1b29;
  outline: #e41e2d;
  outline-color: transparent;
}

.upload {
  float: left;
  width: 50%;
  margin: 1em 0;
}
.upload label {
  font-weight: bold;
  font-size: 16px;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  text-decoration: none;
  transition: all 300ms ease;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
/*
 * This file holds all of the menu styles
 *
 */
#nav-open {
  display: block;
  position: absolute;
  top: 25px;
  right: 25px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
  z-index: 53;
}
#nav-open span {
  color: white;
  font-size: 36px;
}

#nav-close {
  position: absolute;
  top: 0.625em;
  right: 0.5em;
}
#nav-close span:before {
  color: #999;
  font-size: 28px;
}

.nav-btn {
  background: none;
  box-shadow: none;
  border: none;
  text-shadow: none;
  padding: 0;
}
.nav-btn:hover, .nav-btn:focus {
  background: none;
  box-shadow: none;
  outline: none;
}

.menu,
.menu ul,
.menu ul ul {
  list-style-type: none;
}

@media (min-width: 960px) {
  #nav-open,
#nav-close {
    display: none;
  }
  .main-menu {
    line-height: 1;
  }
  .main-navigation {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    margin: 0 0 0 190px;
    padding: 0;
    position: relative;
    transition: background;
    z-index: 2;
  }
  .main-navigation:before {
    content: "";
    background: rgba(212, 214, 215, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate3d(0, -184px, 0);
    transition: transform 400ms ease;
    z-index: 1;
  }
  .main-navigation:hover::before, .main-navigation.nav-active:before {
    transform: translate3d(0, 0, 0);
  }
  .main-navigation .menu {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 25px;
    z-index: 2;
  }
  .main-navigation .menu .menu-item {
    font-size: 25px;
    display: inline-block;
    position: relative;
    line-height: 1;
  }
  .main-navigation .menu .menu-item a {
    color: #fff;
    display: block;
    letter-spacing: 0.03em;
    margin-right: 40px;
    padding: 76px 0 82px;
    transition: all 300ms ease-in;
    transition-delay: 100ms;
  }
  .main-navigation .menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    float: left;
    top: 70px;
    left: 0;
    height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    transition: opacity, 0.4s 0s, visibility 0.4s 0.4s, transform 0.4s 0s;
    transform: scale3d(1, 0.5, 0.6);
    z-index: 9999;
  }
  .main-navigation .menu .sub-menu a {
    border-bottom: 0;
    padding: 0.125em 0;
    font-size: 0.75em;
    background: transparent;
    margin: 0;
  }
  .main-navigation .menu .sub-menu a:hover, .main-navigation .menu .sub-menu a:focus {
    background: transparent;
  }
  .main-navigation:hover .menu .menu-item a,
.main-navigation.nav-active .menu .menu-item a {
    color: #111;
  }
  .sub-menu ul {
    left: 100%;
    top: 0;
  }
  .menu-item:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s, 0s;
    transform: scale3d(1, 1, 1);
  }
  .current-menu-item a {
    color: #fff;
  }
}
@-webkit-keyframes fadein {
  0% {
    transform: translate3d(0, -700px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    transform: translate3d(0, -700px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@media (max-width: 960px) {
  .navigation-bar {
    transition: all 300ms ease;
  }
  #site-navigation {
    padding-top: 3.125em;
    position: absolute !important;
    top: 0;
    height: 100%;
    background: #D4D6D7;
  }
  #site-navigation:not(:target) {
    height: 0;
    z-index: 1;
  }
  #site-navigation:target .nav-btn {
    display: block;
  }
  #site-navigation #nav-close {
    display: block;
  }
  #site-navigation .menu {
    padding: 0;
    position: relative;
  }
  #site-navigation ul {
    margin: 0;
    padding: 0;
  }
  #site-navigation li {
    position: relative;
    border-top: 1px solid #b3b3b3;
  }
  #site-navigation li:last-child {
    border-bottom: 1px solid #b3b3b3;
  }
  #site-navigation li li:last-child {
    border-bottom: none;
  }
  #site-navigation li.current_page_item:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -0.0625em;
    margin-top: -0.625em;
    z-index: 50;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-left: 0.625em #111 solid;
  }
  #site-navigation li a {
    color: #111;
    padding: 0.375em 1.25em;
    font-weight: bold;
    border-bottom: none;
    display: block;
  }
  #site-navigation li a:hover, #site-navigation li a:focus, #site-navigation li a:active {
    background: #aaacad;
  }
  #site-navigation li .sub-menu {
    margin-bottom: 0;
  }
  #site-navigation li ul {
    padding-left: 0;
  }
  #site-navigation li ul li a {
    font-weight: normal;
    padding: 0.375em 2.125em;
  }
  #site-navigation li ul li li a {
    padding-left: 3.75em;
    padding-right: 3.75em;
  }
  .js-ready #site-navigation {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    height: 100%;
    width: 70%;
    right: 0;
    transform: translate3d(100%, 0, 0);
  }
  .js-ready #site-navigation .menu {
    transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform-origin: 50% 0;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
  }
  .js-ready #inner-page {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0);
    right: 0 !important;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms ease, background-color 500ms ease;
  }
  .js-ready.js-nav #inner-page {
    transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
  }
  .js-ready.js-nav #site-navigation .menu {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
  .js-nav .navigation-bar {
    height: 100%;
    z-index: 1;
  }
  .js-nav #content {
    position: relative;
    z-index: 2;
  }
  .js-nav #site-navigation {
    overflow: hidden;
    box-shadow: inset 18px 0 20px -10px rgba(0, 0, 0, 0.25);
    opacity: 1;
  }
  .js-nav #inner-page {
    background: rgba(0, 0, 0, 0.3);
    right: 70%;
  }
  .page.not-home .js-ready #site-navigation {
    opacity: 0;
    transition: opacity 300ms ease;
  }
  .page.not-home .js-nav #site-navigation {
    opacity: 1;
  }
}
.portfolio-landing .footer {
  display: flex;
  justify-content: space-between;
}
.portfolio-landing .portfolio-menu a {
  color: #323031;
  padding: 0 15px;
  font-size: 18px;
}
@media (min-width: 769px) {
  .portfolio-landing .portfolio-menu a {
    font-size: 24px;
  }
}
.portfolio-landing .portfolio-menu ul {
  display: flex;
  flex-direction: column;
  text-align: right;
}
@media (min-width: 769px) {
  .portfolio-landing .portfolio-menu ul {
    flex-direction: row;
    text-align: left;
  }
}

/*--------------------------------------------------------------
5.3 Post navigation
--------------------------------------------------------------*/
.post-nav {
  clear: right;
  font-size: 13px;
  font-size: 0.8125rem;
}
.post-nav a {
  color: white;
  transition: all 300ms ease-in;
  transition-delay: 100ms;
}
.post-nav a:hover {
  color: #111;
}
.post-nav .post-nav-prev:after {
  content: "/";
  margin: 0 2px 0 6px;
}
@media (max-width: 768px) {
  .post-nav {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .post-nav a {
    color: #111;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

ul.nav-list, .footer-nav ul.menu {
  font-size: 14px;
  font-size: 0.875rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.nav-list li, .footer-nav ul.menu li {
  padding: 0;
}
@media (max-width: 768px) {
  ul.nav-list li, .footer-nav ul.menu li {
    padding: 0.5em 0;
  }
}
ul.nav-list li a, .footer-nav ul.menu li a,
ul.nav-list li a:visited {
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}
ul.nav-list li a:hover, .footer-nav ul.menu li a:hover,
ul.nav-list li a:visited:hover {
  color: #4A3A96;
}
ul.nav-list li.current_page_item a, .footer-nav ul.menu li.current_page_item a {
  color: #4A3A96;
}

.footer-nav .menu {
  text-align: right;
}
.footer-nav .menu li {
  display: inline-block;
  margin-right: 1em;
}
@media (max-width: 768px) {
  .footer-nav .menu li {
    margin: 0 0.5em;
  }
}
@media (max-width: 768px) {
  .footer-nav .menu {
    text-align: center;
    margin: 1em auto;
  }
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #111;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

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

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

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before:after,
.clear:after:after,
.entry-content:before:after,
.entry-content:after:after,
.comment-content:before:after,
.comment-content:after:after,
.site-header:before:after,
.site-header:after:after,
.site-content:before:after,
.site-content:after:after,
.site-footer:before:after,
.site-footer:after:after {
  content: "";
  display: table;
  clear: both;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
  display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.row {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

article.page {
  background: no-repeat center center fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  article.page {
    height: auto;
    padding: 110px 0 0;
  }
}

@media (max-width: 768px) {
  .page.not-home {
    background: fixed center center;
    background-size: cover;
  }
}

.page-entry {
  background: rgba(212, 214, 215, 0.85);
  position: absolute;
  top: 183px;
  left: 190px;
  right: 0;
  bottom: 110px;
  padding: 78px 133px;
  overflow-x: hidden;
}
@media (max-height: 768px) {
  .page-entry {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .page-entry {
    position: static;
    margin: 0 25px;
    padding: 20px;
  }
}
@media (max-width: 1232px) {
  .page-entry {
    padding: 40px;
  }
}

.acf-map {
  height: 150px;
  margin-bottom: 12px;
}

.column p:last-child {
  margin-bottom: 0;
}

.sticky {
  display: block;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin-bottom: 0;
}

.page-links {
  clear: both;
  margin-bottom: 1.5em;
}

.career-list ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 1em;
}
.career-list li {
  padding-left: 0;
}
.career-list a {
  color: #111;
  font-weight: 700;
  letter-spacing: 0.02em;
}

body.mfp .page-entry {
  opacity: 0;
}

h2.people-header,
h2.portfolio-header {
  font-size: 46px;
  max-width: 1280px;
  margin: 36px 36px 36px 190px;
}
@media (max-width: 768px) {
  h2.people-header,
h2.portfolio-header {
    font-size: 36px;
    margin: 30px auto;
    padding: 0 20px;
  }
}

.person-title {
  padding: 10px 0 28px 20px;
  margin-bottom: 0;
  font-size: 24px;
}

.portfolio-cover {
  background-size: cover;
  height: 100dvh;
  background-position: center center;
  position: relative;
}
.portfolio-cover.profile {
  height: auto;
}
@media (min-width: 569px) {
  .portfolio-cover.profile {
    height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    height: 100dvh;
  }
}
@media (min-width: 569px) {
  .portfolio-cover {
    height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    height: 100dvh;
  }
}

.people-info {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  right: 0;
  margin: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease;
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  text-align: center;
  gap: 30px 0;
  padding: 12px;
}
.people-info:hover, .people-info:active {
  background: rgba(127, 127, 127, 0.75);
  color: #fff;
}

.edu-stack {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.portfolio-cover__info {
  position: absolute;
  bottom: 40px;
  width: 100%;
  color: white;
}
.portfolio-cover__info h2 {
  max-width: none;
  margin: 0 0 20px;
  padding: 0;
}
@media (min-width: 769px) {
  .portfolio-cover__info h2 {
    font-size: 36px;
    margin: 0 0 30px;
  }
}

.scroll-down {
  left: 50%;
  position: absolute;
  color: #fff;
  z-index: 10;
  transform: translateX(-50%);
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
}
.scroll-down svg {
  margin-top: 20px;
}
@media (max-width: 568px) {
  .profile .scroll-down {
    display: none;
  }
}

.portfolio-landing .scroll-down {
  bottom: 0;
}

.profile-landing .scroll-down {
  bottom: 36px;
}

.portfolio-cover__details {
  position: absolute;
  right: 20px;
  bottom: 0;
  text-align: right;
}
@media (min-width: 769px) {
  .portfolio-cover__details {
    right: 100px;
  }
}

#masthead {
  float: left;
  display: block;
  margin-right: 3.4482758621%;
  width: 100%;
  padding: 1.5em 0 0.5em;
}
#masthead:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  #masthead {
    float: left;
    display: block;
    margin-right: 3.4482758621%;
    width: 100%;
    padding-top: 1em;
  }
  #masthead:last-child {
    margin-right: 0;
  }
}

.site-header {
  border-bottom: 1px solid #999;
}

.site-logo {
  float: left;
  margin: 35px;
  width: 116px;
  height: 116px;
  display: block;
}
@media (max-width: 768px) {
  .site-logo {
    width: 50px;
    height: 50px;
    margin: 25px;
  }
}

.site-title {
  font-size: 30px;
  font-size: 1.875rem;
  display: inline-block;
  font-weight: 300;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .site-title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.site-description {
  float: left;
  display: block;
  margin-right: 3.4482758621%;
  width: 65.5172413793%;
  font-size: 28px;
  font-size: 1.75rem;
  color: #4A3A96;
  font-weight: 400;
  padding: 48px 0 0;
  text-align: right;
  text-transform: capitalize;
}
.site-description:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .site-description {
    float: left;
    display: block;
    margin-right: 3.4482758621%;
    width: 100%;
    font-size: 20px;
    font-size: 1.25rem;
    padding-top: 1em;
    text-align: center;
  }
  .site-description:last-child {
    margin-right: 0;
  }
}

.navigation-bar {
  position: absolute;
  width: 100%;
  z-index: 52;
}
.navigation-bar:after {
  content: "";
  display: table;
  clear: both;
}

.home .content-area {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.home__entry-content {
  position: absolute;
  top: 75px;
  right: 20px;
  text-align: right;
  width: 45vw;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: opacity, 0.4s 0s, visibility 0.4s 0.4s;
  display: block;
}
.home__entry-content p {
  font-size: 19px;
}

@media (min-width: 960px) {
  .home__entry-content.nav-active p,
.home__entry-content p:hover {
    visibility: visible;
    opacity: 1;
    transition-delay: 0.2s, 0.2s;
    z-index: 101;
  }
}
.footer {
  color: #fff;
  font-size: 1.125em;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 25px;
}
.footer a,
.footer a:link,
.footer a:visited {
  color: #fff;
}
.footer a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .not-home .footer {
    position: static;
    padding: 12px;
    color: #111;
    float: left;
  }
  .not-home .footer a,
.not-home .footer a:link,
.not-home .footer a:visited {
    color: #111;
  }
  .footer .sep2 {
    display: none;
  }
  .footer .contact-info {
    display: block;
  }
  .not-home.page .footer {
    color: white;
    padding: 12px 25px;
  }
  .not-home.page .footer a,
.not-home.page .footer a:link,
.not-home.page .footer a:visited {
    color: white;
  }
}
.portfolio-landing .footer {
  position: static;
  color: #41403B;
}
.portfolio-landing .footer a {
  color: #41403B;
}

.sidebar {
  padding-left: 2em;
}
@media (max-width: 768px) {
  .sidebar {
    padding-left: 0;
  }
}
.sidebar .entry-meta {
  margin-bottom: 1em;
}

figure.hentry {
  margin: 0;
  padding: 0;
}

.archive-grid,
.people-grid {
  display: grid;
  gap: 1px;
  margin-bottom: 65px;
}
@media (min-width: 960px) {
  .archive-grid,
.people-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1233px) {
  .archive-grid,
.people-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.grid-item {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.grid-item img {
  display: flex;
  transition: transform 200ms ease;
  transform: scale(1.1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-style: preserve-3d;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.grid-item:hover img {
  transform: scale(1.03);
}

.grid-img {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

.grid-link {
  background: rgba(255, 255, 255, 0);
  color: transparent;
  text-align: center;
  z-index: 2;
}
.grid-link h2 {
  font-size: 46px;
  margin: 30px auto;
}

.featured-title {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 300ms ease;
}
.featured-title:hover, .featured-title:active {
  background: rgba(78, 77, 80, 0.35);
}
.featured-title:hover a, .featured-title:active a {
  color: #fff;
}

.grid-city {
  font-size: 24px;
  line-height: 1.75;
}

.grid-info {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 0.25rem;
}

p.grid-city {
  margin: 0;
}

.grid-cat {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

.people-info .grid-cat {
  margin-bottom: 6px;
}

.portfolio .entry-header {
  color: white;
  max-width: 44%;
  position: absolute;
  right: 1.25em;
  top: 0.625em;
  text-align: right;
  z-index: 52;
  transition: all 300ms ease-in;
  transition-delay: 100ms;
}
@media (max-width: 960px) {
  .portfolio .entry-header {
    max-width: 70%;
    right: 5.625em;
  }
}
@media (max-width: 768px) {
  .portfolio .entry-header {
    position: relative;
    color: #111;
    text-align: left;
    padding: 0.375em 0.75em;
    top: auto;
    right: auto;
    max-width: none;
  }
}
.portfolio .entry-title {
  color: #fff;
  margin-bottom: 0;
  text-align: right;
  transition: all 300ms ease-in;
  transition-delay: 100ms;
}
@media (max-width: 768px) {
  .portfolio .entry-title {
    color: #111;
    text-align: left;
    margin-bottom: 0.15em;
  }
}
.portfolio .entry-header.nav-active,
.portfolio .entry-header:hover {
  color: #111;
}
.portfolio .entry-header.nav-active .entry-title,
.portfolio .entry-header.nav-active .post-nav a,
.portfolio .entry-header.nav-active a.bx-pager-link,
.portfolio .entry-header:hover .entry-title,
.portfolio .entry-header:hover .post-nav a,
.portfolio .entry-header:hover a.bx-pager-link {
  color: #111;
}

.entry-header svg #XMLID_1097_,
.entry-header svg #XMLID_237_,
.entry-header svg #XMLID_236_ {
  transition: fill 300ms ease-in;
}

.entry-header.nav-active {
  transition-delay: 100ms;
}

.entry-header:hover #XMLID_1097_,
.entry-header.nav-active #XMLID_1097_ {
  fill: #282829;
}
.entry-header:hover #XMLID_237_,
.entry-header:hover #XMLID_236_,
.entry-header.nav-active #XMLID_237_,
.entry-header.nav-active #XMLID_236_ {
  fill: #ffffff;
}

.portfolio-contributors {
  line-height: 1.15;
  margin: 0 0 0.5em;
  text-align: right;
}
@media (max-width: 768px) {
  .portfolio-contributors {
    text-align: left;
  }
}

.portfolio-contributor {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  margin: 0 0.375em 0 0;
  text-align: right;
}
.portfolio-contributor:after {
  content: " / ";
  padding-left: 0.375em;
}
.portfolio-contributor:last-child {
  margin-right: 0;
}
.portfolio-contributor:last-child:after {
  content: "";
  padding-left: 0;
}

.photo-copyright {
  font-size: 11px;
  font-size: 0.6875rem;
  float: right;
  text-align: right;
}
@media (max-width: 768px) {
  .photo-copyright {
    float: none;
    text-align: left;
  }
}

.property-info {
  float: right;
}

.page-id-2493 h2,
.page-id-2606 h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.page-id-2493 ul,
.page-id-2606 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-id-2493 a,
.page-id-2606 a {
  color: #111;
}

.mfp-bg,
.mfp-wrap {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 100vh !important;
}
@media (min-width: 769px) {
  .mfp-bg,
.mfp-wrap {
    top: 183px !important;
    left: 190px !important;
    height: 70vh !important;
  }
}

.mfp-wrap {
  width: auto !important;
}

.mfp-container {
  text-align: left !important;
  padding: 0 !important;
}

.mfp-content {
  width: 100% !important;
  padding: 45px !important;
  vertical-align: top !important;
}
@media (min-width: 769px) {
  .mfp-content {
    padding: 78px !important;
  }
}
.mfp-content .entry-content,
.mfp-content .career-description {
  width: 70vw;
}
@media (min-width: 769px) {
  .mfp-content .entry-content,
.mfp-content .career-description {
    width: 50vw;
  }
}
.mfp-content .entry-content p,
.mfp-content .career-description p {
  font-size: 24px;
}
.mfp-content h2 {
  font-size: 46px;
  font-size: 2.875rem;
}

.mfp-close {
  top: 25px !important;
  right: 25px !important;
}

.column-row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.column-row:after {
  content: "";
  display: table;
  clear: both;
}

.column.half {
  float: left;
  display: block;
  margin-right: 3.4482758621%;
  width: 48.275862069%;
}
.column.half:last-child {
  margin-right: 0;
}
.column.third {
  float: left;
  display: block;
  margin-right: 3.4482758621%;
  width: 31.0344827586%;
}
.column.third:last-child {
  margin-right: 0;
}
.column.fourth {
  float: left;
  display: block;
  margin-right: 3.4482758621%;
  width: 22.4137931034%;
}
.column.fourth:last-child {
  margin-right: 0;
}
.column.fifth {
  float: left;
  display: block;
  margin-right: 4.1666666667%;
  width: 16.6666666667%;
}
.column.fifth:last-child {
  margin-right: 0;
}
.column.sixth {
  float: left;
  display: block;
  margin-right: 3.4482758621%;
  width: 13.7931034483%;
}
.column.sixth:last-child {
  margin-right: 0;
}
.column.two-thirds {
  float: left;
  display: block;
  margin-right: 3.4482758621%;
  width: 65.5172413793%;
}
.column.two-thirds:last-child {
  margin-right: 0;
}
.column.three-fourths {
  float: left;
  display: block;
  margin-right: 3.4482758621%;
  width: 74.1379310345%;
}
.column.three-fourths:last-child {
  margin-right: 0;
}
.column.four-fifths {
  float: left;
  display: block;
  margin-right: 4.1666666667%;
  width: 79.1666666667%;
}
.column.four-fifths:last-child {
  margin-right: 0;
}
.column.five-sixths {
  float: left;
  display: block;
  margin-right: 3.4482758621%;
  width: 82.7586206897%;
}
.column.five-sixths:last-child {
  margin-right: 0;
}
@media (max-width: 960px) {
  .column {
    margin-bottom: 1em;
  }
  .column.half, .column.third, .column.fourth, .column.fifth, .column.sixth, .column.two-thirds, .column.three-fourths, .column.four-fifths, .column.five-sixths {
    float: left;
    display: block;
    margin-right: 3.4482758621%;
    width: 100%;
  }
  .column.half:last-child, .column.third:last-child, .column.fourth:last-child, .column.fifth:last-child, .column.sixth:last-child, .column.two-thirds:last-child, .column.three-fourths:last-child, .column.four-fifths:last-child, .column.five-sixths:last-child {
    margin-right: 0;
  }
  .column:last-child {
    margin-bottom: 0;
  }
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

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

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

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
12.3 Sliders
--------------------------------------------------------------*/
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  transform: translatez(0);
}

/** THEME
===================================*/
.bx-wrapper .bx-pager {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../images/bx_loader.gif") center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 25px;
  background: url("../images/controls.svg") no-repeat 0 0;
}
.no-svg .bx-wrapper .bx-prev {
  background: url("images/controls.png") no-repeat 0 0;
}
.bx-wrapper .bx-next {
  right: 25px;
  background: url("../images/controls.svg") no-repeat -50px 0;
}
.no-svg .bx-wrapper .bx-next {
  background: url("images/controls.png") no-repeat 0 0;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  background-size: 100px 132px;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  outline: 0;
  width: 50px;
  height: 100px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
@media (max-width: 768px) {
  .bx-wrapper .bx-controls-direction a {
    display: none;
  }
  .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
  }
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: right;
  position: absolute;
  right: 25px;
  bottom: 20px;
  z-index: 3;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: 9999px;
  width: 14px;
  height: 18px;
  outline: 0;
  background: url("../images/controls.svg") -5px -110px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -55px -110px;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: 9999px;
  width: 16px;
  height: 18px;
  outline: 0;
  background: url("../images/controls.svg") -25px -110px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -75px -110px;
}
.bx-wrapper .bx-controls-auto .bx-start,
.bx-wrapper .bx-controls-auto .bx-stop {
  transition: none;
}
@media (max-width: 768px) {
  .bx-wrapper .bx-controls-auto {
    left: 25px;
    bottom: 10px;
    right: auto;
  }
  .home .bx-wrapper .bx-controls-auto {
    display: none;
  }
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

/* *******************
*** CUSTOM STYLES ****
******************* */
.bx-viewport,
.bx-wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}

.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  left: 0;
}

.bkgd-slider,
.portfolio-slider {
  height: 100%;
  margin: 0;
  padding: 0;
}

.bkgd-slide,
.portfolio-slide {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 568px) {
  .portfolio-slide {
    height: 320px;
  }
}
@media (max-width: 768px) {
  .portfolio-slide {
    height: 375px;
  }
}

.dot-pager {
  float: right;
  margin: 3px 6px;
}
@media (max-width: 768px) {
  .dot-pager {
    position: absolute;
    right: 10px;
    top: -30px;
  }
}

.bx-pager-item {
  float: left;
  margin: 0;
  padding: 0;
}

a.bx-pager-link {
  font: 0/0 sans-serif;
  color: #fff;
  line-height: 1;
  float: left;
  vertical-align: baseline;
  transition: all 300ms ease-in;
  transition-delay: 100ms;
}
a.bx-pager-link:before {
  font-size: 14px;
  font-size: 0.875rem;
  content: "b";
  font-family: "hansen";
  margin-left: 0.25em;
}
a.bx-pager-link.active:before {
  font-size: 14px;
  font-size: 0.875rem;
  content: "a";
  font-family: "hansen";
  position: relative;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #D5D7D8;
  opacity: 0.85;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/*--------------------------------------------------------------
13.0 Blocks
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
10.4 Other Blocks
--------------------------------------------------------------*/
.quote-container {
  width: 100%;
  margin: 3.75em auto;
  text-align: center;
}
@media (max-width: 960px) {
  .quote-container {
    margin-top: 2.5em;
  }
}

.quote-author {
  display: block;
}

.quote {
  font-size: 28px;
  font-size: 1.75rem;
  max-width: 22.5em;
  margin: 0 auto;
  text-align: center;
  color: #999;
  font-weight: 300;
}
@media (max-width: 568px) {
  .quote {
    max-width: 300px;
  }
}

.citation {
  display: block;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: right;
}

/*# sourceMappingURL=style.css.map*/