@charset "UTF-8";
/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/************************/
/******** GLOBAL ********/
/************************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: border-box;
  height: 0; }

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto; }

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

ol,
ul {
  padding: 0;
  list-style-type: none; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `border-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: border-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
.last-col {
  float: right;
  padding-right: 0 !important; }

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }
  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }
  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }
  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }
  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }
  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; } }

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }
  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }
  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }
  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }
  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }
  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }
  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; } }

/* Landscape to small desktop */
@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0; }
  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }
  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }
  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }
  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }
  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }
  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }
  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }
  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }
  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; }
  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%; }
  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%; }
  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%; }
  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%; }
  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%; }
  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%; }
  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%; }
  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%; }
  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%; }
  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%; }
  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%; }
  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%; } }

/* global */
/********************/
/***** Settings *****/
/********************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
  Here's a great tutorial on how to
  use color variables properly:
  http://sachagreif.com/sass-color-variables/
*/
/* common */
/* gray shades */
/* bones */
/* alerts */
/* social media colors */
/* site specific */
/* site dynamic */
/******************************************************************
  Print Stylesheet

  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  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; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/***********************/
/*** CUSTOM GRADIENTS **/
/***********************/
/*
    ________             ______      __                          
   / ____/ /__  _  __   / ____/___  / /_  ______ ___  ____  _____
  / /_  / / _ \| |/_/  / /   / __ \/ / / / / __ `__ \/ __ \/ ___/
 / __/ / /  __/>  <   / /___/ /_/ / / /_/ / / / / / / / / (__  ) 
/_/   /_/\___/_/|_|   \____/\____/_/\__,_/_/ /_/ /_/_/ /_/____/  
*/
/************************/
/***** FLEX COLUMNS *****/
/************************/
/* global */
/**********************/
/***** Typography *****/
/**********************/
/***********************
FONT FACE (IN YOUR FACE)
***********************/
/*  
  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  
  @font-face {
    font-family: 'Font Name';
    src: url('library/fonts/font-name.eot');
    src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
           url('library/fonts/font-name.woff') format('woff'),
           url('library/fonts/font-name.ttf') format('truetype'),
           url('library/fonts/font-name.svg#font-name') format('svg');
    font-weight: normal;
    font-style: normal;
  }
*/
/*
  The following is based of Typebase:
  https://github.com/devinhunt/typebase.css
  I've edited it a bit, but it's a nice starting point.
*/
/***** FONT STACKS ******/
/* default */
/* common */
/* site fonts */
/***** DEFAULTS ******/
hr {
  clear: both;
  margin: 0 0 16px;
  width: 100%;
  border: unset;
  border-bottom: 2px solid #d9d9d9;
  color: #d9d9d9; }
  hr:last-child {
    margin-bottom: 0; }
  hr + *, hr + p {
    margin-top: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 16px;
  padding-top: 32px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase; }
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    padding-top: 0; }
  h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0; }
  h1 + *, h1 + p, h2 + *, h2 + p, h3 + *, h3 + p, h4 + *, h4 + p, h5 + *, h5 + p, h6 + *, h6 + p {
    margin-top: 0; }

h1 {
  font-size: 64px; }

h2 {
  font-size: 48px; }

h3 {
  font-size: 32px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 16px; }

label {
  margin: 16px 0 0;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; }

p {
  margin: 32px 0 0;
  line-height: 1.6;
  font-size: 16px;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none; }
  p:first-child {
    margin-top: 0; }

a {
  text-decoration: none;
  color: #bc9a6a;
  transition: all 200ms ease-in-out;
  cursor: pointer; }
  a:hover, a:focus {
    outline: none;
    color: #c4a67c; }

/***** Helpers *****/
.text-left {
  text-align: left; }

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

.text-right {
  text-align: right; }

/*** Colors ***/
.text-white, .text-white p, .text-white a, .text-white li, .text-white svg, .text-white i,
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6,
.text-white blockquote {
  color: #ffffff;
  border-color: #ffffff;
  fill: #ffffff; }

.text-main-color, .text-main-color p, .text-main-color a, .text-main-color li, .text-main-color svg, .text-main-color i,
.text-main-color h1, .text-main-color h2, .text-main-color h3, .text-main-color h4, .text-main-color h5, .text-main-color h6,
.text-main-color blockquote {
  color: #bc9a6a;
  border-color: #bc9a6a;
  fill: #bc9a6a; }

.text-accent-color, .text-accent-color p, .text-accent-color a, .text-accent-color li, .text-accent-color svg, .text-accent-color i,
.text-accent-color h1, .text-accent-color h2, .text-accent-color h3, .text-accent-color h4, .text-accent-color h5, .text-accent-color h6,
.text-accent-color blockquote {
  color: #bc9a6a;
  border-color: #bc9a6a;
  fill: #bc9a6a; }

/***** Site Specific *****/
/*** color ***/
.text-gold, .text-gold p, .text-gold a, .text-gold li, .text-gold svg, .text-gold i,
.text-gold h1, .text-gold h2, .text-gold h3, .text-gold h4, .text-gold h5, .text-gold h6,
.text-gold blockquote {
  color: #bc9a6a;
  border-color: #bc9a6a;
  fill: #bc9a6a; }

.page-heading {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 60px; }
  .page-heading .heading-line {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0.5em;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #d9d9d9;
    content: ''; }
  .page-heading h2 {
    display: inline-block;
    margin: 0;
    background-color: #ffffff;
    padding: 0 0.5em;
    letter-spacing: 0.08em;
    font-size: inherit;
    font-weight: 600;
    text-transform: uppercase;
    color: #bc9a6a;
    white-space: nowrap; }
  .page-heading span {
    display: block;
    font-size: 24px;
    text-transform: uppercase; }
  @media screen and (max-width: 1080px) {
    .page-heading {
      font-size: 64px; } }
  @media screen and (max-width: 767px) {
    .page-heading {
      height: unset;
      font-size: 48px; }
      .page-heading h2 {
        display: block;
        position: relative;
        left: unset;
        -webkit-transform: unset;
                transform: unset;
        padding: 0;
        white-space: normal; }
      .page-heading span {
        display: block;
        position: relative;
        left: unset;
        bottom: unset;
        -webkit-transform: unset;
                transform: unset;
        padding-top: 8px; }
      .page-heading .heading-line {
        display: none; } }
  @media screen and (max-width: 479px) {
    .page-heading {
      font-size: 36px; } }

.icon-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto; }
  .icon-heading .the-icon {
    flex: 1 0 auto;
    margin: 0 20px 0 0;
    width: 100%;
    max-width: 1em;
    max-height: 1em;
    font-size: 90px;
    fill: #bc9a6a; }
  .icon-heading h2 {
    margin: -0.16em 0 0;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    font-size: 60px;
    color: #bc9a6a; }
  .icon-heading span {
    display: inline-block;
    margin: 10px 0 0;
    font-size: 20px;
    text-transform: uppercase; }
  @media screen and (max-width: 1080px) {
    .icon-heading .the-icon {
      font-size: 86px; }
    .icon-heading h2 {
      font-size: 56px; } }
  @media screen and (max-width: 767px) {
    .icon-heading .the-icon {
      font-size: 82px; }
    .icon-heading h2 {
      font-size: 52px; } }
  @media screen and (max-width: 479px) {
    .icon-heading .the-icon {
      font-size: 66px; }
    .icon-heading h2 {
      font-size: 48px; }
    .icon-heading span {
      font-size: 18px; } }

.big-ol-text {
  margin: -0.1em 0;
  font-size: 128px;
  font-weight: 900;
  text-transform: uppercase; }
  @media screen and (max-width: 1240px) {
    .big-ol-text {
      font-size: 96px; } }
  @media screen and (max-width: 767px) {
    .big-ol-text {
      font-size: 72px; } }
  @media screen and (max-width: 479px) {
    .big-ol-text {
      font-size: 64px; } }

.text-sandwhich {
  display: block;
  position: relative;
  margin: auto;
  padding: 0.6em 0;
  line-height: 1.4;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center; }
  .text-sandwhich:before, .text-sandwhich:after {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 480px;
    width: 100%;
    height: 2px;
    background-color: #d9d9d9;
    content: ''; }
  .text-sandwhich:before {
    top: 0; }
  .text-sandwhich:after {
    bottom: 0; }
  .text-sandwhich > * {
    display: block; }
  .text-sandwhich span {
    letter-spacing: 1px; }
  .text-sandwhich a {
    font-weight: 700; }

.text-banner {
  background-color: #c5a475;
  background-image: linear-gradient(to right bottom, #bc9a6a, #c5a475);
  background: linear-gradient(45deg, #bc9a6a 0%, #dbb682 50%, #e8c18a 85%, #c5a475 100%);
  padding: 0.4em 0;
  font-size: 64px;
  letter-spacing: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff; }
  .text-banner a {
    color: inherit;
    transition: opacity 200ms ease-in-out; }
    .text-banner a:hover, .text-banner a:focus {
      color: inherit;
      opacity: 0.8; }
  @media screen and (max-width: 767px) {
    .text-banner {
      font-size: 52px; } }
  @media screen and (max-width: 479px) {
    .text-banner {
      font-size: 48px; } }

.label-box {
  display: inline-block;
  padding: 0.5em;
  min-width: 96px;
  background-color: #bc9a6a;
  text-align: center;
  line-height: 1;
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff; }
  @media screen and (max-width: 1240px) {
    .label-box {
      font-size: 24px; } }
  @media screen and (max-width: 767px) {
    .label-box {
      font-size: 20px; } }
  @media screen and (max-width: 479px) {
    .label-box {
      font-size: 18px; } }

.ethos-content hr, .ethos-content h4 {
  margin-bottom: 8px; }

/* global */
/****************/
/***** Body *****/
/****************/
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
  background-color: #ffffff;
  text-rendering: optimizeLegibility;
  line-height: 1;
  font-size: 100%;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body *,
  body *:before,
  body *:after {
    box-sizing: border-box; }

#container {
  position: relative;
  flex: 1;
  overflow: hidden; }

body.admin-bar {
  min-height: calc(100vh - 32px); }
  @media screen and (max-width: 767px) {
    body.admin-bar {
      min-height: calc(100vh - 46px); } }

/***** Site Specific *****/
#star_burst.svg-wrap {
  position: absolute;
  z-index: -10;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 120%;
  fill: #f8f8f8; }

/* global */
/***************/
/***** Map *****/
/***************/
.acf-map {
  width: 100%;
  height: 600px;
  border: none;
  margin: 0; }

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important; }

/* global */
/******************/
/***** Layout *****/
/******************/
/***** Global *****/
.cf:after,
.clearfix:after {
  display: block;
  width: 100%;
  height: 0;
  float: none;
  clear: both;
  content: ''; }

.hide-element {
  display: none; }

/***** Sectional *****/
/*** wrap ***/
.wrap, .wrap-small-gutter, .wrap-no-gutter {
  margin: auto;
  max-width: 1280px;
  padding-right: 60px;
  padding-left: 60px; }
  @media screen and (max-width: 767px) {
    .wrap, .wrap-small-gutter, .wrap-no-gutter {
      padding-right: 40px;
      padding-left: 40px; } }
  @media screen and (max-width: 479px) {
    .wrap, .wrap-small-gutter, .wrap-no-gutter {
      padding-right: 20px;
      padding-left: 20px; } }

.wrap-small-gutter {
  padding-right: 40px;
  padding-left: 40px; }
  @media screen and (max-width: 479px) {
    .wrap-small-gutter {
      padding-right: 20px;
      padding-left: 20px; } }

.wrap-no-gutter {
  padding-right: 0;
  padding-left: 0; }

/*** row ***/
.row, .row-no-top, .row-no-bot {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .row, .row-no-top, .row-no-bot {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 479px) {
    .row, .row-no-top, .row-no-bot {
      padding-top: 40px;
      padding-bottom: 40px; } }

.row-sml, .row-sml-no-top, .row-sml-no-bot {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .row-sml, .row-sml-no-top, .row-sml-no-bot {
      padding-top: 40px;
      padding-bottom: 40px; } }
  @media screen and (max-width: 479px) {
    .row-sml, .row-sml-no-top, .row-sml-no-bot {
      padding-top: 30px;
      padding-bottom: 30px; } }

.row-no-top {
  padding-top: 0; }

.row-no-bot {
  padding-bottom: 0; }

.row-sml-no-top {
  padding-top: 0; }

.row-sml-no-bot {
  padding-bottom: 0; }

.row + .row, .row-no-top + .row, .row-no-bot + .row, .row + .row-no-top, .row-no-top + .row-no-top, .row-no-bot + .row-no-top, .row + .row-no-bot, .row-no-top + .row-no-bot, .row-no-bot + .row-no-bot,
.row-sml + .row,
.row-sml-no-top + .row,
.row-sml-no-bot + .row,
.row-sml + .row-no-top,
.row-sml-no-top + .row-no-top,
.row-sml-no-bot + .row-no-top,
.row-sml + .row-no-bot,
.row-sml-no-top + .row-no-bot,
.row-sml-no-bot + .row-no-bot,
.row + .row-sml,
.row-no-top + .row-sml,
.row-no-bot + .row-sml,
.row + .row-sml-no-top,
.row-no-top + .row-sml-no-top,
.row-no-bot + .row-sml-no-top,
.row + .row-sml-no-bot,
.row-no-top + .row-sml-no-bot,
.row-no-bot + .row-sml-no-bot,
.row-sml + .row-sml,
.row-sml-no-top + .row-sml,
.row-sml-no-bot + .row-sml,
.row-sml + .row-sml-no-top,
.row-sml-no-top + .row-sml-no-top,
.row-sml-no-bot + .row-sml-no-top,
.row-sml + .row-sml-no-bot,
.row-sml-no-top + .row-sml-no-bot,
.row-sml-no-bot + .row-sml-no-bot {
  padding-top: 0; }

/***** Helpers *****/
/* padding */
.no-pad,
.no-padding {
  padding: 0; }

/* margin */
.no-mar,
.no-margin {
  margin: 0; }

.mar-top,
.margin-top {
  margin-top: 32px; }

.mar-right,
.margin-right {
  margin-right: 32px; }

.mar-bottom,
.margin-bottom {
  margin-bottom: 32px; }

.mar-left,
.margin-left {
  margin-left: 32px; }

.xtr-margin-bottom {
  margin-bottom: 64px; }
  @media screen and (max-width: 767px) {
    .xtr-margin-bottom {
      margin-bottom: 48px; } }
  @media screen and (max-width: 479px) {
    .xtr-margin-bottom {
      margin-bottom: 32px; } }

.xtr-margin-top {
  margin-top: 64px; }
  @media screen and (max-width: 767px) {
    .xtr-margin-top {
      margin-top: 48px; } }
  @media screen and (max-width: 479px) {
    .xtr-margin-top {
      margin-top: 32px; } }

/* max-widths */
.mw-2000 {
  width: 100%;
  max-width: 2000px; }

.mw-1600 {
  width: 100%;
  max-width: 1600px; }

.mw-1240 {
  width: 100%;
  max-width: 1240px; }

.mw-1080 {
  width: 100%;
  max-width: 1080px; }

.mw-960 {
  width: 100%;
  max-width: 960px; }

.mw-720 {
  width: 100%;
  max-width: 720px; }

.mw-640,
.narrow {
  width: 100%;
  max-width: 640px; }

.mw-480 {
  width: 100%;
  max-width: 480px; }

.no-max {
  max-width: unset; }

/* alignment */
.alignleft,
.align-left {
  float: left; }

.alignright,
.align-right {
  float: right; }

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

.center-content {
  display: flex;
  justify-content: center;
  align-items: center; }

/* Parent must be position: relative */
.vertical-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

@media screen and (max-width: 767px) {
  .at-768-no-pad,
  .at-768-no-padding {
    padding: 0; }
  .at-768-no-mar,
  .at-768-no-margin {
    margin: 0; }
  .at-768-center {
    display: block;
    float: unset;
    margin-right: auto;
    margin-left: auto; }
  .at-768-center-content {
    display: flex;
    justify-content: center;
    align-items: center; } }

@media screen and (max-width: 479px) {
  .at-480-no-pad,
  .at-480-no-padding {
    padding: 0; }
  .at-480-no-mar,
  .at-480-no-margin {
    margin: 0; }
  .at-480-center {
    display: block;
    float: unset;
    margin-right: auto;
    margin-left: auto; }
  .at-480-center-content {
    display: flex;
    justify-content: center;
    align-items: center; } }

/***** Site Specific *****/
/*** simple columns ***/
.flex-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.flex-column, .flex-half-column, .two-thirds-column, .one-thirds-column {
  display: flex;
  flex-direction: column; }

/* half-column */
.flex-half-column, .two-thirds-column, .one-thirds-column {
  flex: 1 0 50%; }
  .flex-half-column:first-child, .two-thirds-column:first-child, .one-thirds-column:first-child {
    padding-right: 20px; }
  .flex-half-column:last-child, .two-thirds-column:last-child, .one-thirds-column:last-child {
    padding-left: 20px; }
  .flex-half-column.no-column-gutter, .no-column-gutter.two-thirds-column, .no-column-gutter.one-thirds-column {
    padding: 0; }
  @media screen and (max-width: 1080px) {
    .flex-half-column, .two-thirds-column, .one-thirds-column {
      flex: unset;
      width: 100%; }
      .flex-half-column:first-child, .two-thirds-column:first-child, .one-thirds-column:first-child {
        padding-right: 0;
        padding-bottom: 20px; }
      .flex-half-column:last-child, .two-thirds-column:last-child, .one-thirds-column:last-child {
        padding-top: 20px;
        padding-left: 0; }
      .flex-half-column.no-column-gutter, .no-column-gutter.two-thirds-column, .no-column-gutter.one-thirds-column {
        padding: 0; } }

@media screen and (max-width: 1080px) {
  .flex-row-reverse {
    flex-direction: column-reverse; }
    .flex-row-reverse .flex-half-column, .flex-row-reverse .two-thirds-column, .flex-row-reverse .one-thirds-column {
      width: 100%; }
      .flex-row-reverse .flex-half-column:first-child, .flex-row-reverse .two-thirds-column:first-child, .flex-row-reverse .one-thirds-column:first-child {
        padding-top: 20px;
        padding-right: 0;
        padding-bottom: 0; }
      .flex-row-reverse .flex-half-column:last-child, .flex-row-reverse .two-thirds-column:last-child, .flex-row-reverse .one-thirds-column:last-child {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 20px; } }

.two-thirds-column {
  width: 65%;
  flex: unset; }
  @media screen and (max-width: 1080px) {
    .two-thirds-column {
      width: 100%; } }

.one-thirds-column {
  width: 35%;
  flex: unset; }
  @media screen and (max-width: 1080px) {
    .one-thirds-column {
      width: 100%; } }

/* module */
/***************************************/
/***** Background & Image Handling *****/
/***************************************/
img {
  max-width: 100%;
  height: auto; }

.preserve-aspect {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }
  .preserve-aspect iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* BACKGROUND IMAGE */
.bg-img,
.background-img {
  display: block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-height: inherit;
  height: inherit;
  min-height: inherit; }
  .bg-img.darken-img:after,
  .background-img.darken-img:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    content: ''; }

/* IMAGE RATIOS */
.square,
.ratio-1-1 {
  padding-top: 100%; }

.landscape,
.ratio-4-3 {
  padding-top: 75%; }

.portrait,
.ratio-3-4 {
  padding-top: 133.3333%; }

.wide,
.ratio-16-9 {
  padding-top: 56.25%; }

.tall,
.ratio-9-16 {
  padding-top: 177.7777%; }

.ultra-wide,
.ratio-21-9 {
  padding-top: 42.8571%; }

.circle {
  border-radius: 50%; }

/* IMAGE OVERLAYS */
.bg-overlay,
.background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #191919;
  opacity: 0.5; }
  .bg-overlay.overlay-light,
  .background-overlay.overlay-light {
    opacity: 0.3; }
  .bg-overlay.overlay-strong,
  .background-overlay.overlay-strong {
    opacity: 0.7; }

/* BACKGROUND COLORS */
.bg-off-white,
.background-off-white {
  background-color: #f8f8f8; }

.bg-main-color,
.background-main-color {
  background-color: #bc9a6a; }

.bg-accent-color,
.background-accent-color {
  background-color: #bc9a6a; }

.bg-off-black,
.background-off-black {
  background-color: #222222; }

/* GRADIENTS */
.top2bottom-gradient {
  background-color: #7f00ff;
  background-image: linear-gradient(to bottom, #00ff7f, #7f00ff); }

.left2right-gradient {
  background-color: #3f00ff;
  background-image: linear-gradient(to right, #ff3f00, #3f00ff); }

/***** Site Specific *****/
.gold-gradient {
  background-color: #c5a475;
  background-image: linear-gradient(to right bottom, #bc9a6a, #c5a475);
  background: linear-gradient(45deg, #bc9a6a 0%, #dbb682 50%, #e8c18a 85%, #c5a475 100%); }

/****************************/
/******** COMPONENTS ********/
/****************************/
/* component */
/******************/
/***** Header *****/
/******************/
/*** Header Settings ***/
/*** Header Layout ***/
#site-header {
  position: relative;
  z-index: 999;
  background-color: #ffffff;
  transition: all 300ms ease-in-out 300ms; }
  .nav-active #site-header {
    background-color: #ffffff;
    transition: all 300ms ease-in-out; }
  #site-header.overlay-header {
    position: absolute;
    width: 100%; }
  #site-header #inner-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1001;
    min-height: 64px; }

/*** LOGO ***/
#logo {
  display: flex;
  position: relative;
  z-index: 1001;
  padding: 16px 0 26px; }
  #logo a {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 58px; }
    #logo a:hover, #logo a:focus {
      opacity: 1; }
  #logo svg {
    height: inherit;
    fill: #333333;
    transition: all 300ms ease-in-out 300ms; }
  .nav-active #logo svg {
    fill: #333333;
    transition: all 200ms ease-in-out; }

/*** Main Navigation ***/
nav.header-nav {
  z-index: 1000;
  margin: 0;
  padding: 16px 0;
  /* Social Media Links */ }
  nav.header-nav .inner-header-nav {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 10px; }
  nav.header-nav ul.main-nav {
    margin: 0;
    padding: 0; }
    nav.header-nav ul.main-nav li {
      display: inline-block;
      padding: 0 8px; }
      nav.header-nav ul.main-nav li:first-child {
        padding-left: 0; }
      nav.header-nav ul.main-nav li:last-child {
        padding-right: 0; }
      nav.header-nav ul.main-nav li a {
        display: inline-block;
        border-bottom: 2px solid transparent;
        padding: 7px 0;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        color: #bc9a6a;
        transition: all 300ms ease-in-out; }
        nav.header-nav ul.main-nav li a:hover, nav.header-nav ul.main-nav li a:focus {
          color: #937142; }
  nav.header-nav ul.social-media-links {
    margin-right: 24px; }
    nav.header-nav ul.social-media-links li a {
      font-size: 20px;
      color: #bc9a6a; }

/*** Mobile Navigation ***/
@media screen and (max-width: 767px) {
  nav.header-nav {
    position: absolute;
    z-index: 1000;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(100vh - 100%);
    padding: 0;
    background-color: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms ease-in-out 300ms, visibility 0ms ease-in-out 600ms;
    /* Social Media Links */ }
    nav.header-nav:before, nav.header-nav:after {
      content: '';
      position: absolute;
      z-index: 1002;
      left: 0;
      width: 100%;
      height: 2em; }
    nav.header-nav:before {
      top: 0;
      background: linear-gradient(white 0%, rgba(255, 255, 255, 0) 100%); }
    nav.header-nav:after {
      bottom: 0;
      background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); }
    nav.header-nav .inner-header-nav {
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: flex-start;
      width: 100%;
      max-height: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      padding: 2em 0; }
    nav.header-nav ul.main-nav {
      width: calc(100% - 80px); }
      nav.header-nav ul.main-nav li {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(80px);
                transform: translateX(80px);
        font-size: 32px;
        padding: 12px 20px;
        transition: all 300ms ease-in-out; }
        nav.header-nav ul.main-nav li:nth-of-type(1) {
          transition-delay: 100ms; }
        nav.header-nav ul.main-nav li:nth-of-type(2) {
          transition-delay: 200ms; }
        nav.header-nav ul.main-nav li:nth-of-type(3) {
          transition-delay: 300ms; }
        nav.header-nav ul.main-nav li:nth-of-type(4) {
          transition-delay: 400ms; }
        nav.header-nav ul.main-nav li:nth-of-type(5) {
          transition-delay: 500ms; }
        nav.header-nav ul.main-nav li:nth-of-type(6) {
          transition-delay: 600ms; }
        nav.header-nav ul.main-nav li:nth-of-type(7) {
          transition-delay: 700ms; }
        nav.header-nav ul.main-nav li:nth-of-type(8) {
          transition-delay: 800ms; }
        nav.header-nav ul.main-nav li:nth-of-type(9) {
          transition-delay: 900ms; }
        nav.header-nav ul.main-nav li:nth-of-type(10) {
          transition-delay: 1000ms; }
        nav.header-nav ul.main-nav li:first-child {
          padding-top: 0;
          padding-left: 20px; }
        nav.header-nav ul.main-nav li:last-child {
          padding-right: 20px; }
        nav.header-nav ul.main-nav li a,
        nav.header-nav ul.main-nav li a:hover {
          border-width: 2px;
          color: #bc9a6a; }
    nav.header-nav ul.social-media-links {
      margin: 24px 0 0 20px;
      padding-bottom: 48px; }
      nav.header-nav ul.social-media-links li {
        opacity: 0;
        transition: all 300ms ease-in-out; }
        nav.header-nav ul.social-media-links li:nth-of-type(1) {
          transition-delay: 400ms; }
        nav.header-nav ul.social-media-links li:nth-of-type(2) {
          transition-delay: 500ms; }
        nav.header-nav ul.social-media-links li:nth-of-type(3) {
          transition-delay: 600ms; }
        nav.header-nav ul.social-media-links li:nth-of-type(4) {
          transition-delay: 700ms; }
        nav.header-nav ul.social-media-links li:nth-of-type(5) {
          transition-delay: 800ms; }
        nav.header-nav ul.social-media-links li:nth-of-type(6) {
          transition-delay: 900ms; }
        nav.header-nav ul.social-media-links li:nth-of-type(7) {
          transition-delay: 1000ms; }
        nav.header-nav ul.social-media-links li:nth-of-type(8) {
          transition-delay: 1100ms; }
        nav.header-nav ul.social-media-links li:nth-of-type(9) {
          transition-delay: 1200ms; }
        nav.header-nav ul.social-media-links li:nth-of-type(10) {
          transition-delay: 1300ms; }
        nav.header-nav ul.social-media-links li a {
          font-size: 32px;
          color: #bc9a6a; }
    .nav-active nav.header-nav {
      opacity: 1;
      visibility: visible;
      transition: opacity 300ms ease-in-out, visibility 0ms; }
      .nav-active nav.header-nav ul {
        width: 100%; }
        .nav-active nav.header-nav ul li {
          -webkit-transform: translateX(0);
                  transform: translateX(0);
          opacity: 1; }
  /* scroll lock when mobile nav open */
  body.nav-active {
    overflow: hidden; }
  /* adjusts height of mobile nav when loged into WP */
  body.admin-bar nav.header-nav {
    height: calc(100vh - 100% - 46px); } }

/*** Mobile Nav Button ***/
.nav-button {
  display: none; }
  @media screen and (max-width: 767px) {
    .nav-button {
      display: block;
      position: relative;
      z-index: 1001;
      margin: 12px 0 0 0;
      width: 24px;
      height: 24px;
      cursor: pointer; }
      .nav-button:hover, .nav-button:focus {
        opacity: 0.8; }
      .nav-button label {
        display: none;
        position: absolute;
        top: 50%;
        left: -8px;
        -webkit-transform: translate(-100%, -50%);
                transform: translate(-100%, -50%);
        margin: 0;
        line-height: 1em;
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
        color: #333333; }
      .nav-button span {
        display: block;
        position: absolute;
        height: 3px;
        background-color: #333333;
        opacity: 1;
        transition: all 300ms ease-in-out; }
        .nav-button span.i1 {
          top: 2px;
          right: 0;
          width: 24px; }
        .nav-button span.i2 {
          top: 50%;
          right: 4px;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 20px; }
        .nav-button span.i3 {
          right: 0;
          bottom: 2px;
          width: 24px; }
      .nav-active .nav-button label {
        color: #333333; }
      .nav-active .nav-button span {
        -webkit-transform-origin: center;
                transform-origin: center;
        background-color: #333333; }
        .nav-active .nav-button span.i1 {
          top: 50%;
          right: -1px;
          -webkit-transform: rotate(-45deg) translate(0, -50%);
                  transform: rotate(-45deg) translate(0, -50%); }
        .nav-active .nav-button span.i2 {
          opacity: 0;
          -webkit-transform: translate(100%, -50%);
                  transform: translate(100%, -50%); }
        .nav-active .nav-button span.i3 {
          top: 50%;
          right: 1px;
          -webkit-transform: rotate(45deg) translate(0, -50%);
                  transform: rotate(45deg) translate(0, -50%); } }

/***** Site Specific *****/
#site-header #inner-header .header-line {
  display: block;
  position: absolute;
  top: 26px;
  left: 0;
  margin: 0 20px;
  width: calc(100% - 40px);
  height: 2px;
  background-color: #bc9a6a;
  content: ''; }

#logo a {
  position: relative; }
  #logo a::before {
    display: block;
    position: absolute;
    z-index: -1;
    top: -21%;
    left: 43%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 50%;
    width: 1em;
    height: 1em;
    font-size: 48px;
    background-color: #ffffff;
    content: ''; }

/* component */
/****************/
/***** Hero *****/
/****************/
.hero {
  display: flex;
  align-content: center;
  position: relative;
  z-index: 98;
  min-height: 240px;
  background-color: #bc9a6a;
  background-color: #c5a475;
  background-image: linear-gradient(to right bottom, #bc9a6a, #c5a475);
  background: linear-gradient(45deg, #bc9a6a 0%, #dbb682 50%, #e8c18a 85%, #c5a475 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 200ms ease-in-out; }
  .hero.hero-tall {
    min-height: 480px; }
    @media screen and (max-width: 767px) {
      .hero.hero-tall {
        min-height: 320px; } }
  .hero.hero-xtr-tall {
    min-height: 1080px;
    transition: none; }
    @media screen and (max-height: 1080px) {
      .hero.hero-xtr-tall {
        min-height: 100vh; } }
    @media screen and (max-height: 640px) {
      .hero.hero-xtr-tall {
        min-height: 640px; } }
  .hero .hero-overlay {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3); }
  .hero .hero-custom-title {
    flex: 1;
    position: relative;
    z-index: 100; }
    .hero .hero-custom-title h1,
    .hero .hero-custom-title h2 {
      margin: 0;
      max-width: unset;
      line-height: 1.3;
      text-transform: uppercase;
      color: #ffffff; }
      .hero .hero-custom-title h1:last-child,
      .hero .hero-custom-title h2:last-child {
        margin-bottom: 0; }
    .hero .hero-custom-title h1 {
      margin-bottom: 16px; }
    .hero .hero-custom-title h2 {
      font-size: 32px; }
    .hero .hero-custom-title p {
      line-height: 1.4;
      font-size: 20px;
      font-weight: 500; }
    @media screen and (max-width: 767px) {
      .hero .hero-custom-title h1 {
        font-size: 48px; }
      .hero .hero-custom-title h2 {
        font-size: 24px; } }
    @media screen and (max-width: 479px) {
      .hero .hero-custom-title h1 {
        font-size: 40px; }
      .hero .hero-custom-title h2 {
        font-size: 20px; } }
  .hero.has-image {
    color: #ffffff; }
  .hero.no-image {
    color: #ffffff; }

/***** Site Specific *****/
/* global */
/****************/
/***** Page *****/
/****************/
/***** Site Specific *****/
.wide-feat-img {
  max-width: 250px; }

.gold-border {
  border: 2px solid #bc9a6a;
  padding: 8px; }
  .gold-border > img {
    width: 100%; }

.about-content p {
  width: 100%;
  margin-top: 16px;
  max-width: 480px; }
  .about-content p:first-child {
    margin-top: 0; }

.about-content p strong {
  font-size: 18px; }

.about-content .flex-row {
  flex-wrap: nowrap; }

.about-content .pic-column {
  flex-shrink: 0;
  width: 320px; }

.about-content .content-column {
  width: calc( 100% - 320px); }

.about-content .left-column {
  align-items: flex-end; }

@media only screen and (max-width: 1080px) {
  .about-content .flex-row {
    flex-wrap: wrap; }
  .about-content .flex-row:last-child {
    flex-direction: column-reverse; }
    .about-content .flex-row:last-child > *:last-child {
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 20px; }
    .about-content .flex-row:last-child > *:first-child {
      padding-top: 20px;
      padding-bottom: 0;
      padding-left: 0; }
  .about-content .content-column {
    width: 100%;
    align-items: center; }
    .about-content .content-column p {
      max-width: unset; }
  .about-content .pic-column {
    flex-shrink: unset;
    margin: 0 auto; } }

@media only screen and (max-width: 640px) {
  .about-content .content-column {
    align-items: center;
    text-align: center; } }

.timeline-divider {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 52px 0; }
  .timeline-divider .bg-img {
    position: absolute;
    z-index: -1;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    height: 20px; }
  .timeline-divider .label-box {
    position: relative; }
  .timeline-divider .the-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 8px 32px;
            transform-origin: 8px 32px;
    width: 16px;
    fill: #bc9a6a; }
    .timeline-divider .the-arrow.up {
      right: -36px;
      -webkit-transform: translateY(-64px);
              transform: translateY(-64px); }
    .timeline-divider .the-arrow.down {
      left: -36px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

/* global */
/****************/
/***** Post *****/
/****************/
/***** ARCHIVE LAYOUT *****/
aside.sidebar {
  float: right;
  max-width: 320px;
  min-height: 720px;
  padding: 8px; }
  @media screen and (max-width: 767px) {
    aside.sidebar {
      min-height: 120px; } }

main.has-sidebar {
  float: left;
  max-width: calc(100% - 320px);
  padding: 0 40px 0 0; }
  @media screen and (max-width: 767px) {
    main.has-sidebar {
      padding: 0 0 40px 0; } }

aside.sidebar,
main.has-sidebar {
  width: 100%; }
  @media screen and (max-width: 767px) {
    aside.sidebar,
    main.has-sidebar {
      float: unset;
      max-width: 100%; } }

article.post {
  margin: 0 0 64px 0; }
  article.post .article-content > p {
    margin: 0; }

/***** ARTICLE HEADER *****/
.entry-header,
.article-header {
  /* margin-bottom: 16px; */
  margin: 64px auto 8px;
  max-width: 720px; }
  .entry-header p,
  .article-header p {
    margin: 0; }
  .entry-header a,
  .article-header a {
    color: #333333; }
    .entry-header a:hover,
    .article-header a:hover {
      color: #bc9a6a; }
  .entry-header .entry-title,
  .article-header .entry-title {
    margin: 0;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 2px;
    font-size: 48px;
    padding-top: 0px; }
    @media screen and (max-width: 479px) {
      .entry-header .entry-title,
      .article-header .entry-title {
        font-size: 32px; } }
  .entry-header .byline,
  .article-header .byline {
    margin-top: 8px; }
  .entry-header .post-topbar,
  .article-header .post-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 0 0 16px 0;
    min-height: 64px;
    padding: 0; }
    .entry-header .post-topbar .profile-pic,
    .article-header .post-topbar .profile-pic {
      position: relative;
      margin: 0 16px 0 0;
      background-color: #f8f8f8; }
      .entry-header .post-topbar .profile-pic,
      .entry-header .post-topbar .profile-pic img,
      .entry-header .post-topbar .profile-pic .background-img,
      .article-header .post-topbar .profile-pic,
      .article-header .post-topbar .profile-pic img,
      .article-header .post-topbar .profile-pic .background-img {
        width: 64px;
        height: 64px;
        border-radius: 50%; }
    .entry-header .post-topbar .post-meta,
    .entry-header .post-topbar .entry-meta,
    .article-header .post-topbar .post-meta,
    .article-header .post-topbar .entry-meta {
      flex: 1;
      margin: 0;
      max-width: unset;
      letter-spacing: 1px; }
      .entry-header .post-topbar .post-meta .entry-author,
      .entry-header .post-topbar .entry-meta .entry-author,
      .article-header .post-topbar .post-meta .entry-author,
      .article-header .post-topbar .entry-meta .entry-author {
        display: block;
        font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase; }
      .entry-header .post-topbar .post-meta .entry-time,
      .entry-header .post-topbar .entry-meta .entry-time,
      .article-header .post-topbar .post-meta .entry-time,
      .article-header .post-topbar .entry-meta .entry-time {
        display: block;
        margin: 0 0 4px 0;
        font-size: 12px;
        text-transform: uppercase; }

/* END article-header */
/***** ARTICLE CONTENT *****/
.article-content {
  display: flex;
  margin-bottom: 16px; }
  .article-content img {
    align-self: flex-start;
    flex-shrink: 0;
    margin: 0 32px 0 0;
    width: 240px;
    height: auto; }
  .article-content p {
    position: relative;
    max-height: 240px;
    overflow: hidden; }
  .article-content .excerpt-read-more {
    display: none; }

/***** ARTICLE FOOTER *****/
.entry-footer,
.article-footer {
  margin: 0 0 48px 0;
  border-top: 2px solid #bc9a6a;
  max-width: 480px;
  padding: 16px 0;
  /*** TAGS ***/
  /*** CATEGORIES ***/ }
  .entry-footer p,
  .article-footer p {
    margin: 0 0 8px 0; }
    .entry-footer p:last-child,
    .article-footer p:last-child {
      margin: 0; }
  .entry-footer .footer-tags a,
  .article-footer .footer-tags a {
    display: inline-block;
    border-left: 2px solid #bc9a6a;
    padding: 0 12px;
    line-height: 12px;
    letter-spacing: 1px;
    font-size: 14px;
    color: #333333;
    text-transform: uppercase; }
    .entry-footer .footer-tags a:first-child,
    .article-footer .footer-tags a:first-child {
      border-left: none;
      padding-left: 0; }
  .entry-footer .footer-category,
  .article-footer .footer-category {
    text-transform: capitalize; }
    .entry-footer .footer-category a,
    .article-footer .footer-category a {
      font-style: italic; }

/* END article-footer */
/***** Site Specific *****/
/* component */
/*****************/
/***** POPUP *****/
/*****************/
.popup-overlay {
  display: block;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  transition: visibility 0ms linear 200ms, opacity 200ms ease-in;
  cursor: pointer; }
  .popup-overlay.js-popup-active {
    visibility: visible;
    opacity: 1;
    transition: visibility 0ms linear 0ms, opacity 200ms ease-out; }

.popup {
  display: flex;
  visibility: hidden;
  flex-wrap: wrap;
  opacity: 0;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
  width: 680px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  border: 8px solid #ffffff;
  background-color: #ffffff;
  transition: visibility 0ms linear 300ms, opacity 300ms ease-in, -webkit-transform 300ms ease-in;
  transition: visibility 0ms linear 300ms, opacity 300ms ease-in, transform 300ms ease-in;
  transition: visibility 0ms linear 300ms, opacity 300ms ease-in, transform 300ms ease-in, -webkit-transform 300ms ease-in; }
  .popup.js-popup-active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    transition: visibility 0ms linear 0ms, opacity 300ms ease-out, -webkit-transform 300ms ease-out;
    transition: visibility 0ms linear 0ms, opacity 300ms ease-out, transform 300ms ease-out;
    transition: visibility 0ms linear 0ms, opacity 300ms ease-out, transform 300ms ease-out, -webkit-transform 300ms ease-out; }
  .popup .popup-close {
    position: absolute;
    z-index: 10000;
    top: 0;
    right: 0;
    width: 1.5em;
    height: 1.5em;
    padding: 0.5em;
    background: #ffffff;
    line-height: 10px;
    text-align: center;
    font-size: 30px;
    color: #bc9a6a;
    cursor: pointer; }
  .popup .popup-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat; }
  .popup .popup-content {
    position: relative;
    width: 340px;
    background-color: rgba(188, 154, 106, 0.7);
    padding: 40px; }
    .popup .popup-content h3,
    .popup .popup-content p {
      margin-bottom: 32px;
      color: #ffffff; }
    .popup .popup-content h3 {
      font-size: 40px;
      line-height: 1.2; }
    .popup .popup-content p {
      font-size: 20px; }
    .popup .popup-content .popup-form .mc4wp-form-fields {
      margin-bottom: 40px; }
    .popup .popup-content .popup-form p {
      margin: 0; }
    .popup .popup-content .popup-form input:not([type='submit']) {
      max-width: 100%;
      margin: 0 0 8px 0; }
  @media screen and (max-width: 767px) {
    .popup {
      width: unset;
      max-width: calc(100% - 40px);
      max-height: calc(100% - 40px);
      overflow: scroll;
      background-color: #49C7E1; }
      .popup .popup-content {
        padding: 20px; }
        .popup .popup-content h3,
        .popup .popup-content p {
          margin-bottom: 20px; }
        .popup .popup-content .popup-form .mc4wp-form-fields {
          margin-bottom: 20px; }
      .popup .popup-image {
        display: none; } }
  .popup .popup-download {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    border-top: 8px solid #ffffff;
    padding: 20px;
    background-color: #49C7E1; }
    .popup .popup-download h4 p {
      line-height: 1em;
      color: #ffffff; }

/* components */
/******************/
/***** Footer *****/
/******************/
#site-footer {
  position: relative;
  z-index: 99;
  background-color: #bc9a6a;
  background-color: #c5a475;
  background-image: linear-gradient(to right bottom, #bc9a6a, #c5a475);
  background: linear-gradient(45deg, #bc9a6a 0%, #dbb682 50%, #e8c18a 85%, #c5a475 100%);
  color: #ffffff; }
  #site-footer #inner-footer {
    z-index: 100;
    min-height: 64px;
    padding-top: 32px;
    padding-bottom: 80px; }

/* Footer Navigation */
nav.footer-nav {
  display: flex;
  margin: 0;
  overflow: hidden;
  padding: 0 0 32px;
  text-align: center;
  /* Social Media Links */ }
  nav.footer-nav ul.footer-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    nav.footer-nav ul.footer-nav li {
      display: inline-block;
      padding: 0 16px 0 0; }
      nav.footer-nav ul.footer-nav li:last-child {
        padding-right: 0; }
      nav.footer-nav ul.footer-nav li a {
        display: inline-block;
        border-bottom: 2px solid transparent;
        padding: 4px 0;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        color: inherit;
        transition: all 300ms ease-in-out; }
        nav.footer-nav ul.footer-nav li a:hover, nav.footer-nav ul.footer-nav li a:focus {
          border-bottom: 2px solid #ffffff;
          color: #ffffff; }
  nav.footer-nav ul.social-media-links {
    margin: 0 0 0 24px; }
    nav.footer-nav ul.social-media-links li a {
      font-size: 20px;
      color: inherit; }

@media screen and (max-width: 479px) {
  nav.footer-nav {
    flex-direction: column;
    align-items: center; }
    nav.footer-nav ul.footer-nav {
      flex-grow: 1;
      flex-direction: column; }
      nav.footer-nav ul.footer-nav li {
        text-align: center;
        padding: 0 0 16px 0; }
        nav.footer-nav ul.footer-nav li:last-child {
          padding-right: 0; }
    nav.footer-nav ul.social-media-links {
      margin: 24px 0 0 0; } }

/* Copyright */
.copyright {
  margin: 0;
  max-width: unset;
  text-transform: uppercase;
  font-size: 14px; }
  .copyright a {
    color: inherit; }
    .copyright a:hover {
      opacity: 0.5; }
  @media screen and (max-width: 767px) {
    .copyright span {
      display: block; } }
  @media screen and (max-width: 479px) {
    .copyright span {
      text-align: center; } }

/***** Site Specific *****/
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
          filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
          animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
          animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
          animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
          animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\D7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0); } }
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0); } }

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
            filter: blur(0); } }

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
            filter: blur(0); } }

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

/* Component */
/**************************/
/***** Remodal Styles *****/
/**************************/
.remodal-overlay {
  background: rgba(43, 46, 56, 0.7); }

.remodal-wrapper {
  padding: 20px 20px 0; }
  .remodal-wrapper .remodal {
    display: inline-flex;
    flex-grow: 1;
    position: relative;
    margin-top: 60px;
    margin-bottom: 20px;
    width: 90%;
    max-width: 1280px;
    padding: 0;
    text-align: left;
    color: #333333; }
  .remodal-wrapper .remodal-close {
    left: unset;
    right: 0;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
    color: #ffffff; }
    .remodal-wrapper .remodal-close:before {
      line-height: 32px;
      width: 32px; }

/***** Site Specific *****/
/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  z-index: 999;
  position: absolute;
  top: 50%;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 32px;
  line-height: 1;
  opacity: .75;
  color: white;
  text-shadow: 0px 0px 15px #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 25px; }

[dir='rtl'] .slick-prev {
  right: 25px;
  left: auto; }

.slick-prev:before {
  content: '\2190';
  font-family: FontAwesome;
  content: "\F053"; }

[dir='rtl'] .slick-prev:before {
  content: '\2192';
  font-family: FontAwesome;
  content: "\F054"; }

.slick-next {
  right: 25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: 25px; }

.slick-next:before {
  content: '\2192';
  font-family: FontAwesome;
  content: "\F054"; }

[dir='rtl'] .slick-next:before {
  content: '\2190';
  font-family: FontAwesome;
  content: "\F053"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '\2022';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*************************/
/******** MODULES ********/
/*************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 8px 0;
  padding: 4px 16px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/* module */
/**********************/
/***** Animations *****/
/**********************/
#test-box {
  width: 50px;
  height: 50px;
  background-color: #bc9a6a;
  margin: 20px;
  font-size: 20px; }

.ani-bounce-up,
.animation-bounce-up {
  -webkit-animation: bounce_up 1100ms infinite;
          animation: bounce_up 1100ms infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes bounce_up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(0.3em);
            transform: translateY(0.3em); }
  50% {
    -webkit-transform: translateY(-0.5em);
            transform: translateY(-0.5em); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce_up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(0.3em);
            transform: translateY(0.3em); }
  50% {
    -webkit-transform: translateY(-0.5em);
            transform: translateY(-0.5em); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.ani-bounce-right,
.animation-bounce-right {
  -webkit-animation: bounce_right 1100ms infinite;
          animation: bounce_right 1100ms infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes bounce_right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  25% {
    -webkit-transform: translateX(-0.3em);
            transform: translateX(-0.3em); }
  50% {
    -webkit-transform: translateX(0.5em);
            transform: translateX(0.5em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes bounce_right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  25% {
    -webkit-transform: translateX(-0.3em);
            transform: translateX(-0.3em); }
  50% {
    -webkit-transform: translateX(0.5em);
            transform: translateX(0.5em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.ani-bounce-down,
.animation-bounce-down {
  -webkit-animation: bounce_down 1100ms infinite;
          animation: bounce_down 1100ms infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes bounce_down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-0.3em);
            transform: translateY(-0.3em); }
  50% {
    -webkit-transform: translateY(0.5em);
            transform: translateY(0.5em); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce_down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-0.3em);
            transform: translateY(-0.3em); }
  50% {
    -webkit-transform: translateY(0.5em);
            transform: translateY(0.5em); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.ani-bounce-left,
.animation-bounce-left {
  -webkit-animation: bounce_left 1100ms infinite;
          animation: bounce_left 1100ms infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes bounce_left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  25% {
    -webkit-transform: translateX(0.3em);
            transform: translateX(0.3em); }
  50% {
    -webkit-transform: translateX(-0.5em);
            transform: translateX(-0.5em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes bounce_left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  25% {
    -webkit-transform: translateX(0.3em);
            transform: translateX(0.3em); }
  50% {
    -webkit-transform: translateX(-0.5em);
            transform: translateX(-0.5em); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.ani-blink,
.animation-blink {
  -webkit-animation: blink 1000ms infinite;
          animation: blink 1000ms infinite; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  49% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes blink {
  0% {
    opacity: 1; }
  49% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/***** CUSTOM ANIMATION ELEMENTS *****/
.blinking-insertion-point {
  position: relative; }
  .blinking-insertion-point:before {
    -webkit-animation: blink 1000ms infinite;
            animation: blink 1000ms infinite;
    position: absolute;
    top: 0;
    left: -4px;
    width: 2px;
    height: 1em;
    background-color: #333333;
    content: ''; }

/***** HOVER TRANSITIONS *****/
.on-hover-grow {
  transition: all 300ms ease-in-out; }
  .on-hover-grow:hover {
    -webkit-transform: scale(1.1) translateY(-3px);
            transform: scale(1.1) translateY(-3px);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); }
  .on-hover-grow:active {
    -webkit-transform: scale(1.05) translateY(-1px);
            transform: scale(1.05) translateY(-1px);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); }

/***** Site Specific *****/
/* global */
/*******************/
/***** buttons *****/
/*******************/
.btn, .btn-pill, .btn-border, #respond #commentform .form-submit input[type='submit'], .btn-slim, input.wpcf7-submit[type='submit'],
.button,
button:not([class]),
input[type='submit']:not([class]) {
  display: inline-block;
  flex-shrink: 0;
  min-width: 160px;
  border: 2px solid #bc9a6a;
  background-color: #bc9a6a;
  padding: 0 40px;
  line-height: 48px;
  font-size: 20px;
  letter-spacing: 2px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: all 300ms ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .btn:hover, .btn-pill:hover, .btn-border:hover, #respond #commentform .form-submit input:hover[type='submit'], .btn-slim:hover, input.wpcf7-submit:hover[type='submit'], .btn:focus, .btn-pill:focus, .btn-border:focus, #respond #commentform .form-submit input:focus[type='submit'], .btn-slim:focus, input.wpcf7-submit:focus[type='submit'],
  .button:hover,
  .button:focus,
  button:not([class]):hover,
  button:not([class]):focus,
  input[type='submit']:not([class]):hover,
  input[type='submit']:not([class]):focus {
    outline: none;
    border: 2px solid #c4a67c;
    background-color: #c4a67c;
    color: #ffffff; }
  @media screen and (max-width: 479px) {
    .btn, .btn-pill, .btn-border, #respond #commentform .form-submit input[type='submit'], .btn-slim, input.wpcf7-submit[type='submit'],
    .button,
    button:not([class]),
    input[type='submit']:not([class]) {
      padding: 0 32px;
      line-height: 40px;
      font-size: 16px; } }

/* pill button */
.btn-pill {
  border-radius: 2.4em; }

/* border button */
.btn-border, #respond #commentform .form-submit input[type='submit'] {
  border: 2px solid #bc9a6a;
  background: transparent;
  font-size: 18px;
  color: #bc9a6a; }
  .btn-border:hover, #respond #commentform .form-submit input:hover[type='submit'], .btn-border:focus, #respond #commentform .form-submit input:focus[type='submit'] {
    border: 2px solid #c4a67c;
    background-color: #c4a67c;
    color: #ffffff; }
  @media screen and (max-width: 479px) {
    .btn-border, #respond #commentform .form-submit input[type='submit'] {
      font-size: 14px; } }

/* slim button */
.btn-slim {
  min-width: 120px;
  border-width: 1px;
  padding: 0 24px;
  line-height: 32px;
  font-size: 16px; }
  .btn-slim:hover, .btn-slim:focus {
    border-width: 1px; }
  @media screen and (max-width: 479px) {
    .btn-slim {
      padding: 0 16px;
      line-height: 30px;
      font-size: 12px; } }

/***** Site Specific *****/
/* modules */
/****************************/
/***** Comments Section *****/
/****************************/
#comments-title {
  display: none; }

.commentlist {
  max-width: 640px; }
  .commentlist .depth-2,
  .commentlist .depth-3,
  .commentlist .depth-4,
  .commentlist .depth-5,
  .commentlist .depth-6 {
    padding-left: 24px; }
  .commentlist .comment article {
    position: relative;
    margin-bottom: 64px;
    border-bottom: 2px dotted #d9d9d9;
    padding-bottom: 16px; }
  .commentlist .comment header.comment-author {
    display: block;
    margin-bottom: 16px;
    /* clearfix */ }
    .commentlist .comment header.comment-author:after {
      content: '';
      display: block;
      width: 100%;
      height: 0;
      float: none;
      clear: both; }
    .commentlist .comment header.comment-author img {
      float: left;
      margin: 0 16px 0 0;
      border-radius: 50%;
      background-color: #d9d9d9; }
    .commentlist .comment header.comment-author cite,
    .commentlist .comment header.comment-author time {
      display: block;
      line-height: 1em; }
    .commentlist .comment header.comment-author cite {
      margin-bottom: 4px;
      font-size: 16px;
      font-style: normal;
      font-weight: 600; }
    .commentlist .comment header.comment-author time {
      font-size: 14px; }
    .commentlist .comment header.comment-author a.comment-edit-link {
      display: none; }
  .commentlist .comment section.comment_content {
    display: block; }
    .commentlist .comment section.comment_content p {
      font-size: 16px; }
  .commentlist .comment a.comment-reply-link {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(calc(1em + 8px));
            transform: translateY(calc(1em + 8px));
    line-height: unset; }

/* END commentslist */
#respond {
  max-width: 640px; }
  #respond p {
    margin: 0 0 8px 0; }
  #respond .comment-reply-title {
    margin: 0 0 -20px 0;
    line-height: 14px;
    font-size: 0;
    text-align: right; }
    #respond .comment-reply-title small {
      font-size: 14px; }
  #respond #commentform label {
    display: inline-block;
    margin-bottom: 4px; }
  #respond #commentform input[type="checkbox"] {
    margin-right: 4px;
    margin-bottom: 4px; }
  #respond #commentform .comment-notes {
    padding: 0 120px 0 0; }
  #respond #commentform .logged-in-as {
    margin: 0 0 8px 0;
    font-size: 14px; }
    #respond #commentform .logged-in-as a {
      padding: 0 8px; }
      #respond #commentform .logged-in-as a:first-child {
        padding: 0; }
  #respond #commentform .comment-form-comment {
    margin: 0 0 8px 0; }
    #respond #commentform .comment-form-comment label {
      display: none; }
    #respond #commentform .comment-form-comment textarea {
      resize: vertical; }
  #respond #commentform .form-submit {
    margin: 0; }

/* END respond */
/***** Site Specific *****/
/* module */
/*******************/
/***** Contact *****/
/*******************/
form.wpcf7-form {
  max-width: 640px; }
  form.wpcf7-form p {
    margin: 0 0 16px 0; }
    form.wpcf7-form p:last-of-type {
      margin: 0; }
  form.wpcf7-form label {
    font-size: 18px;
    font-weight: bold; }
  @media screen and (max-width: 1080px) {
    form.wpcf7-form {
      margin: 0 auto; } }

input[type='submit'].wpcf7-submit {
  font-weight: bold;
  max-width: unset;
  padding: 0 20px; }

/***** ERRORS *****/
input.wpcf7-not-valid {
  border-radius: 3px 3px 0 0; }

div.wpcf7-response-output {
  margin: 16px 0 0 0; }

span.wpcf7-not-valid-tip {
  border: none;
  border-radius: 0 0 3px 3px;
  background-color: #ff5d5d;
  padding: 4px 12px;
  color: #ffffff; }

div.wpcf7-mail-sent-ng {
  border: none;
  border-radius: 3px;
  background-color: #ff5d5d;
  padding: 16px;
  text-align: center;
  color: #ffffff; }

div.wpcf7-validation-errors {
  border: none;
  border-radius: 3px;
  background-color: #eae67e;
  padding: 16px;
  text-align: center;
  color: #191919; }

div.wpcf7-mail-sent-ok {
  border: 2px solid #82e06c;
  border-radius: 3px;
  background-color: #82e06c;
  padding: 16px;
  text-align: center;
  color: #191919; }

/***** Site Specific *****/
/* modules */
/*************************/
/***** Entry Content *****/
/*************************/
.entry-content {
  overflow: hidden;
  clear: both;
  /* soft underline links */ }
  .entry-content > p, .entry-content > a, .entry-content > ul, .entry-content > ol,
  .entry-content > blockquote, .entry-content > cite,
  .entry-content > img {
    max-width: 720px;
    margin: 32px auto 0; }
    .entry-content > p:first-child, .entry-content > a:first-child, .entry-content > ul:first-child, .entry-content > ol:first-child,
    .entry-content > blockquote:first-child, .entry-content > cite:first-child,
    .entry-content > img:first-child {
      margin-bottom: 0; }
    @media screen and (max-width: 840px) {
      .entry-content > p, .entry-content > a, .entry-content > ul, .entry-content > ol,
      .entry-content > blockquote, .entry-content > cite,
      .entry-content > img {
        max-width: 100%; } }
  .entry-content > div {
    width: 100% !important;
    max-width: 1240px;
    margin-top: 32px; }
  .entry-content p:empty,
  .entry-content li:empty {
    display: none; }
  .entry-content hr {
    margin-top: 64px;
    margin-bottom: 64px;
    max-width: 640px;
    border-color: #d9d9d9; }
  .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin: 34px auto 8px;
    max-width: 720px;
    line-height: 1.2; }
    .entry-content h1 + *, .entry-content h2 + *, .entry-content h3 + *, .entry-content h4 + *, .entry-content h5 + *, .entry-content h6 + * {
      margin-top: 0; }
  .entry-content h6,
  .entry-content p,
  .entry-content ul li,
  .entry-content ol li {
    font-size: 18px; }
  .entry-content ul li,
  .entry-content ol li {
    max-width: 480px; }
  .entry-content p {
    line-height: 1.6; }
  .entry-content a:not([class]) {
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 7px), #af874f 0), linear-gradient(transparent calc(100% - 7px), #c9ad86 0);
    background-size: 0 100%, 100% 100%;
    color: #333333;
    transition: all 200ms ease-in-out; }
    .entry-content a:not([class]):hover {
      color: #333333;
      background-size: 100% 100%, 100% 100%; }
  .entry-content ul {
    padding: 0;
    list-style: none; }
    .entry-content ul li {
      position: relative;
      margin: 0 0 16px 0;
      padding: 0 0 0 32px; }
      .entry-content ul li:last-child {
        margin-bottom: 0; }
      .entry-content ul li:before {
        position: absolute;
        top: 0.5em;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 8px;
        height: 8px;
        background-color: #bc9a6a;
        content: ''; }
  .entry-content ol {
    padding: 0 0 0 1.2em;
    list-style: decimal outside; }
    .entry-content ol li {
      margin: 0;
      padding: 0 0 12px 16px; }
      .entry-content ol li:last-child {
        padding-bottom: 0; }
  .entry-content blockquote {
    border-left: 4px solid #bc9a6a;
    padding: 0 0 0 16px;
    font-size: 24px; }
    .entry-content blockquote p {
      display: inline-block;
      margin: 0;
      font-size: inherit; }
    .entry-content blockquote cite {
      margin: 0;
      line-height: 1em; }
  .entry-content cite {
    display: block;
    margin-top: -32px;
    padding: 0 8px 0 0;
    text-align: right;
    line-height: 32px;
    font-size: 16px; }
    .entry-content cite:before {
      content: '\2014'; }
  .entry-content img {
    display: block;
    height: auto; }
  .entry-content .wp-caption-text {
    font-size: 14px; }
  .entry-content .alignleft,
  .entry-content .alignright {
    max-width: 100%;
    margin-top: 32px; }
  .entry-content blockquote.alignleft,
  .entry-content blockquote.alignright {
    max-width: 480px; }
  .entry-content .alignleft {
    margin-bottom: 8px;
    margin-right: 16px; }
  .entry-content .alignright {
    margin-bottom: 8px;
    margin-left: 16px; }
  .entry-content * > .alignleft {
    margin: 8px 16px 8px 0; }
  .entry-content * > .alignright {
    margin: 8px 0 8px 16px; }
  @media screen and (max-width: 767px) {
    .entry-content .alignleft,
    .entry-content .alignright {
      display: block;
      float: none;
      margin: 16px auto; } }
  @media screen and (max-width: 479px) {
    .entry-content h1 {
      font-size: 48px; }
    .entry-content h2 {
      font-size: 36px; }
    .entry-content h3 {
      font-size: 24px; }
    .entry-content h4 {
      font-size: 20px; }
    .entry-content h5 {
      font-size: 18px; }
    .entry-content h6,
    .entry-content p,
    .entry-content ul li,
    .entry-content ol li {
      font-size: 16px; }
    .entry-content blockquote {
      font-size: 20px; } }

@media screen and (max-width: 1080px) {
  .has-sidebar .entry-content .alignleft,
  .has-sidebar .entry-content .alignright {
    display: block;
    float: none;
    margin: 16px auto; } }

/***** Site Specific *****/
/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #333333;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #666666;
  transition: background-color 0.24s ease-in-out; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #707070;
    outline: none; }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
    color: #fbe3e4;
    border-color: #fbe3e4;
    background-color: #ffffff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #fbe3e4; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
    color: #e6efc2;
    border-color: #e6efc2;
    background-color: #ffffff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #e6efc2; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #cfcfcf;
    opacity: 0.6; }
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active,
    .field[disabled]:focus,
    .field[disabled]:active,
    .field.is-disabled:focus,
    .field.is-disabled:active {
      background-color: #d5edf8; }

input[type="password"] {
  letter-spacing: 0.3em; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }

/* moduale */
/*****************/
/***** Forms *****/
/*****************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  max-width: 100%;
  margin: 0;
  border: 2px solid #ebebeb;
  border-radius: 0;
  background-color: #ffffff;
  font-size: 16px;
  transition: border 300ms ease-in-out, background-color 300ms ease-in-out; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  .field::-webkit-input-placeholder {
    color: inherit; }
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder,
  .field::-moz-placeholder {
    color: inherit; }
  input[type="text"]::-ms-input-placeholder,
  input[type="password"]::-ms-input-placeholder,
  input[type="datetime"]::-ms-input-placeholder,
  input[type="datetime-local"]::-ms-input-placeholder,
  input[type="date"]::-ms-input-placeholder,
  input[type="month"]::-ms-input-placeholder,
  input[type="time"]::-ms-input-placeholder,
  input[type="week"]::-ms-input-placeholder,
  input[type="number"]::-ms-input-placeholder,
  input[type="email"]::-ms-input-placeholder,
  input[type="url"]::-ms-input-placeholder,
  input[type="search"]::-ms-input-placeholder,
  input[type="tel"]::-ms-input-placeholder,
  input[type="color"]::-ms-input-placeholder,
  select::-ms-input-placeholder,
  textarea::-ms-input-placeholder,
  .field::-ms-input-placeholder {
    color: inherit; }
  input[type="text"]::placeholder,
  input[type="password"]::placeholder,
  input[type="datetime"]::placeholder,
  input[type="datetime-local"]::placeholder,
  input[type="date"]::placeholder,
  input[type="month"]::placeholder,
  input[type="time"]::placeholder,
  input[type="week"]::placeholder,
  input[type="number"]::placeholder,
  input[type="email"]::placeholder,
  input[type="url"]::placeholder,
  input[type="search"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="color"]::placeholder,
  select::placeholder,
  textarea::placeholder,
  .field::placeholder {
    color: inherit; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    border: 2px solid #bc9a6a;
    background-color: #ffffff; }

textarea {
  padding-top: 8px;
  padding-bottom: 8px;
  resize: vertical; }

/*** Mailchimp for Wordpress ***/
.mc4wp-form label {
  display: inline-block;
  margin: 0 0 4px 4px;
  font-size: 16px; }

/***** Site Specific *****/
/* moduale */
/*************************/
/***** jQuery Appear *****/
/*************************/
@media screen and (max-width: 479px) {
  [data-appear-delay] {
    transition-delay: 0ms !important; } }

/***** FADE *****/
/*** Fade In ***/
[data-appear="fade-in"] {
  opacity: 0;
  transition: opacity 0.5s ease-in-out; }
  [data-appear="fade-in"].has-appeared {
    opacity: 1; }

/* Fade Right */
[data-appear="fade-right"] {
  -webkit-transform: translateX(-32px);
          transform: translateX(-32px);
  opacity: 0;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
  [data-appear="fade-right"].has-appeared {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }

/* Fade Left */
[data-appear="fade-left"] {
  -webkit-transform: translateX(32px);
          transform: translateX(32px);
  opacity: 0;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
  [data-appear="fade-left"].has-appeared {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }

/*** Fade Up ***/
[data-appear="fade-up"] {
  -webkit-transform: translateY(32px);
          transform: translateY(32px);
  opacity: 0;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
  [data-appear="fade-up"].has-appeared {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }

/*** Fade Down ***/
[data-appear="fade-down"] {
  -webkit-transform: translateY(-32px);
          transform: translateY(-32px);
  opacity: 0;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
  [data-appear="fade-down"].has-appeared {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }

/***** SCALE *****/
/*** Scale Up ***/
[data-appear="scale-up"] {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
  [data-appear="scale-up"].has-appeared {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

/*** Scale In ***/
[data-appear="scale-in"] {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0;
  transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in, opacity 0.3s ease-in;
  transition: transform 0.3s ease-in, opacity 0.3s ease-in, -webkit-transform 0.3s ease-in; }
  [data-appear="scale-in"].has-appeared {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

[data-appear="text-squeeze"] {
  overflow: visible;
  letter-spacing: 0.3em;
  transition: letter-spacing 0.7s ease-out; }
  @media screen and (max-width: 479px) {
    [data-appear="text-squeeze"] {
      letter-spacing: 0.1em; } }
  [data-appear="text-squeeze"].has-appeared {
    letter-spacing: 0.1em; }

/* moduals */
/**********************/
/***** Pagination *****/
/**********************/
ul.page-numbers {
  list-style: none;
  display: flex; }
  ul.page-numbers li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px; }
    ul.page-numbers li a,
    ul.page-numbers li span {
      display: inline-block;
      width: 60px;
      height: 60px;
      background-color: whitesmoke;
      padding: 0;
      color: #bc9a6a;
      line-height: 60px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      text-decoration: none; }
    ul.page-numbers li a:hover,
    ul.page-numbers li a:focus {
      background-color: #bc9a6a;
      color: #ffffff; }
    ul.page-numbers li span.current {
      background-color: #bc9a6a;
      color: #ffffff; }
  ul.page-numbers a.prev svg,
  ul.page-numbers a.next svg {
    margin-top: 20px;
    width: 20px;
    height: 20px;
    fill: #bc9a6a; }
  ul.page-numbers a.prev:hover svg, ul.page-numbers a.prev:focus svg,
  ul.page-numbers a.next:hover svg,
  ul.page-numbers a.next:focus svg {
    fill: #ffffff; }

/***** Site Specific *****/
/* modules */
/******************************/
/***** Social Media Links *****/
/******************************/
ul.social-media-links {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.social-media-links li {
    margin-left: 6px;
    margin-right: 6px; }
    ul.social-media-links li:first-child {
      margin-left: 0; }
    ul.social-media-links li:last-child {
      margin-right: 0; }
    ul.social-media-links li a {
      display: inline-block;
      width: 1em;
      text-align: center;
      line-height: 1em;
      font-size: 24px;
      color: #bc9a6a; }
      ul.social-media-links li a:hover {
        opacity: 0.7; }

/* modules */
/**************************/
/***** Social Sharing *****/
/**************************/
ul.social-sharing {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 0 0 0;
  padding: 0;
  list-style: none; }
  ul.social-sharing label {
    position: absolute;
    top: 50%;
    left: -8px;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    line-height: 1em;
    font-size: 12px;
    text-transform: uppercase; }
  ul.social-sharing li {
    display: inline-block;
    margin-right: 12px; }
    ul.social-sharing li:last-child {
      margin-right: 0; }
    ul.social-sharing li a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: calc( 2em - 4px);
      height: calc( 2em - 4px);
      border-radius: 50%;
      border: 2px solid #bc9a6a;
      background-color: transparent;
      text-align: center;
      line-height: 1.5;
      font-size: 18px;
      color: #bc9a6a;
      transition: all 200ms ease-out; }
      ul.social-sharing li a.icon-tw {
        border-color: #55acee;
        color: #55acee; }
        ul.social-sharing li a.icon-tw:hover {
          border-color: #55acee;
          background-color: #55acee;
          color: #ffffff; }
      ul.social-sharing li a.icon-fb {
        border-color: #3b5998;
        color: #3b5998; }
        ul.social-sharing li a.icon-fb:hover {
          border-color: #3b5998;
          background-color: #3b5998;
          color: #ffffff; }
      ul.social-sharing li a.icon-yt {
        border-color: #bb0000;
        color: #bb0000; }
        ul.social-sharing li a.icon-yt:hover {
          border-color: #bb0000;
          background-color: #bb0000;
          color: #ffffff; }
      ul.social-sharing li a.icon-ig {
        border-color: #bc2a8d;
        color: #bc2a8d; }
        ul.social-sharing li a.icon-ig:hover {
          border-color: #bc2a8d;
          background-color: #bc2a8d;
          color: #ffffff; }
      ul.social-sharing li a.icon-li {
        border-color: #0077b5;
        color: #0077b5; }
        ul.social-sharing li a.icon-li:hover {
          border-color: #0077b5;
          background-color: #0077b5;
          color: #ffffff; }
      ul.social-sharing li a.icon-mail {
        border-color: #666666;
        color: #666666; }
        ul.social-sharing li a.icon-mail:hover {
          border-color: #666666;
          background-color: #666666;
          color: #ffffff; }
        ul.social-sharing li a.icon-mail i {
          -webkit-transform: translateY(-0.05em);
                  transform: translateY(-0.05em); }
      ul.social-sharing li a.icon-comment {
        border-color: #bc9a6a;
        color: #bc9a6a; }
        ul.social-sharing li a.icon-comment:hover {
          border-color: #bc9a6a;
          background-color: #bc9a6a;
          color: #ffffff; }
        ul.social-sharing li a.icon-comment i {
          -webkit-transform: translateY(-0.05em);
                  transform: translateY(-0.05em); }

@media screen and (max-width: 479px) {
  ul.social-sharing {
    margin: 0; }
    ul.social-sharing label {
      display: none; } }

/***** Site Specific *****/
/* component */
/**********************/
/***** Info Stack *****/
/**********************/
.info-stack {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  font-size: 20px; }
  .info-stack h5,
  .info-stack a {
    line-height: 1.2;
    text-align: center; }
  .info-stack h5 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase; }
  .info-stack a {
    display: inline-block;
    font-size: inherit;
    font-weight: 500;
    color: #333333; }
    .info-stack a:hover {
      color: #bc9a6a; }
  .info-stack a[href*='map'] {
    margin: 0 0 8px 0;
    width: 100%;
    line-height: 1.3;
    font-size: 24px; }
  .info-stack a[href*='tel'] {
    padding-left: 0.6em; }
  .info-stack a[href*='mailto'] {
    padding-right: 0.6em; }
  @media screen and (max-width: 479px) {
    .info-stack {
      align-items: center;
      text-align: center; } }

/* component */
/**********************/
/***** Frame Wall *****/
/**********************/
.frame-wall {
  display: flex;
  flex-flow: row wrap; }

.three-column-row > * {
  max-width: 640px; }

@media (max-width: 720px) {
  .three-column-row {
    justify-content: center;
    margin: -32px 0 0; }
    .three-column-row > * {
      padding: 32px 32px 0;
      width: 100%; } }

@media (min-width: 720px) and (max-width: 1080px) {
  .three-column-row {
    margin: -24px -24px 0; }
    .three-column-row > * {
      padding: 24px 24px 0;
      width: 50%; } }

@media (min-width: 1080px) {
  .three-column-row {
    margin: -32px -32px 0; }
    .three-column-row > * {
      padding: 32px 32px;
      width: 33.33333%; } }

.two-column-row > * {
  max-width: 640px; }

@media (max-width: 1080px) {
  .two-column-row {
    justify-content: center;
    display: flex;
    flex-flow: row wrap;
    margin: 0-0; }
    .two-column-row > * {
      padding: 0 0;
      width: calc(100%); }
      .two-column-row > *:nth-child(n+2) {
        padding-top: 32px; } }

@media (min-width: 1080px) {
  .two-column-row {
    display: flex;
    flex-flow: row wrap;
    margin: 0-3.5%; }
    .two-column-row > * {
      padding: 0 3.5%;
      width: calc(50%); }
      .two-column-row > *:nth-child(n+3) {
        padding-top: 32px; } }

.framed-item {
  position: relative;
  border: 2px solid #bc9a6a;
  padding: 6px; }
  .framed-item.hover-box::before {
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px; }

.ratio-window {
  position: relative;
  overflow: hidden;
  padding-top: 56.75%;
  /* > *:not(iframe, .bg-img) {
        display: none;
    } */ }
  .ratio-window iframe, .ratio-window .bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 0; }

.video-player {
  position: relative; }
  .video-player.play-button:after {
    position: absolute;
    border-top: 1.6em solid #fff;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
    content: '';
    font-size: 16px;
    transition: all 300ms ease-in-out; }

.hover-box {
  display: block;
  position: relative;
  overflow: hidden;
  /* remove hover states for moble */ }
  .hover-box::before {
    display: block;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
    transition: opacity 700ms ease-in-out 0ms;
    content: ''; }
  .hover-box .bg-img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    transition: all 800ms ease-in-out 0ms; }
  .hover-box:hover .bg-img {
    -webkit-transform: scale(1.01);
            transform: scale(1.01); }
  .hover-box:hover::before {
    opacity: 0.8; }
  @media screen and (max-width: 767px) {
    .hover-box .bg-img {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .hover-box::before {
      opacity: 0.8; } }

.video-card h4, .video-card h5 {
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: center; }

.video-card h4 {
  margin-bottom: 2px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  color: #bc9a6a; }

.video-card h5 {
  font-size: 15px;
  font-weight: 500;
  text-transform: unset; }

.video-card .framed-item {
  margin-bottom: 16px; }

.director-card {
  display: block;
  position: relative; }
  .director-card .bg-img {
    transition: all 700ms ease-in-out; }
  .director-card .text-wrap {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 450ms ease-in-out 450ms; }
    .director-card .text-wrap span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      padding-left: 0;
      vertical-align: middle;
      line-height: 1;
      white-space: nowrap;
      letter-spacing: 1px;
      font-size: 32px;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center;
      color: #fff; }
    @media screen and (max-width: 767px) {
      .director-card .text-wrap span {
        white-space: normal; } }
    @media screen and (max-width: 479px) {
      .director-card .text-wrap span {
        font-size: 24px; } }
  .director-card .start-image,
  .director-card .text-wrap {
    opacity: 1; }
  .director-card .hover-image {
    opacity: 0; }
  .director-card:hover .text-wrap {
    transition: all 450ms ease-in-out; }
  .director-card:hover .start-image,
  .director-card:hover .text-wrap {
    opacity: 1; }
  .director-card:hover .hover-image {
    opacity: 1; }
.director-card .hover-box:before {
	display:none;
}
.director-card .hover-box .bg-img {
	transform:scale(1.01);
}
.director-card a{
	cursor:default;
	margin-bottom: 16px;
}
.director-card h4 {
	margin-bottom: 8px;
}
.director-card h4, .director-card h5 {
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: center;
}
.director-card h5 {
  font-size: 15px;
  font-weight: 500;
  text-transform: unset; }

.ratio-window .bg-img.darken-img:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.0);
    content: ''; }

/* module */
/********************/
/***** Icon Row *****/
/********************/
.icon-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .icon-row .icon-column {
    max-width: 320px;
    text-align: center; }
    .icon-row .icon-column .svg-wrap {
      margin: auto;
      max-width: 104px; }
    .icon-row .icon-column h5 {
      font-size: 30px;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #bc9a6a; }
    .icon-row .icon-column p {
      font-size: 14px;
      color: #333333; }
    .icon-row .icon-column:hover {
      fill: #bc9a6a; }
  @media (max-width: 720px) {
    .icon-row {
      justify-content: center; }
      .icon-row .icon-column {
        margin: 0 1rem 0 0;
        width: calc(100% - (1rem * 0) / 1); }
        .icon-row .icon-column:last-child, .icon-row .icon-column:nth-child(1n) {
          margin-right: 0; }
        .icon-row .icon-column:nth-child(n+2) {
          margin-top: 24px; }
        .icon-row .icon-column h5 {
          padding-top: 16px; } }
  @media (min-width: 720px) and (max-width: 1280px) {
    .icon-row {
      justify-content: space-around; }
      .icon-row .icon-column {
        margin: 0 64px 0 0;
        width: calc(50% - (64px * 1) / 2);
        max-width: 480px; }
        .icon-row .icon-column:last-child, .icon-row .icon-column:nth-child(2n) {
          margin-right: 0; }
        .icon-row .icon-column:nth-child(n+3) {
          margin-top: 36px; }
        .icon-row .icon-column h5 {
          padding-top: 24px; } }
  @media (min-width: 1280px) {
    .icon-row .icon-column {
      margin: 0 32px 0 0;
      width: calc(25% - (32px * 3) / 4); }
      .icon-row .icon-column:last-child, .icon-row .icon-column:nth-child(4n) {
        margin-right: 0; }
      .icon-row .icon-column:nth-child(n+5) {
        margin-top: 64px; }
      .icon-row .icon-column h5 {
        font-size: 28px; } }

/* module */
/******************/
/***** Drawer *****/
/******************/
a.collapsible-trigger {
  margin-top: 16px;
  font-weight: bold;
  color: #333333; }
  a.collapsible-trigger::after {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 0 0 1em;
    font-family: FontAwesome;
    content: "\F054";
    transition: all 500ms ease-in-out; }
  .is-active a.collapsible-trigger::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.collapsible {
  opacity: 0;
  width: 100%;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  transition: all 500ms ease-in-out; }
  .is-active ~ .collapsible {
    opacity: 1;
    padding: 50px 0 0 0;
    max-height: 900px; }
  .collapsible img {
    width: 100%; }

.variable-slider .slick-slide {
  margin: 0 2px; }

.variable-slider .slick-slide img {
  width: auto !important;
  height: 360px; }

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