/******************************************************************
Site Name:  / www..com
Author: Be Better Studios
Author's Website: http://www.bebetterstudios.com

Stylesheet: Main Stylesheet

******************************************************************/
/*****************************************************************
MAP:

normalize-reset
globals
general
links
typography
header
post-content
page-navi
comments
sidebars
footer
media-queries
trumps

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* 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 {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-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 `content-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 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-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; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

.clearfix, .cf, .comment-respond {
  zoom: 1; }

.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
  content: "";
  display: table; }

.clearfix:after, .cf:after, .comment-respond:after {
  clear: both; }

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

/* =============================================================================
   Colors & Globals
   ========================================================================== */
/*********************
GENERAL STYLES
*********************/
body {
  width: 100%;
  margin: 0px;
  padding: 0px 0 0px 0;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  color: #40454E;
  font-family: "warbler-deck", Big Caslon, Book Antiqua, Palatino Linotype, Georgia, serif; }

img {
  max-width: 100%;
  outline: none;
  vertical-align: middle;
  display: block;
  margin-bottom: 25px; }
  img:last-child {
    margin-bottom: 0px; }

p img {
  width: auto !important;
  height: auto !important; }

iframe, object, embed {
  max-width: 100% !important;
  display: block;
  margin: 0 auto; }

iframe {
  margin: 25px auto; }

hr {
  margin: 25px 0; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
  background: #A4D0D6;
  color: #4D4D4D;
  text-shadow: none; }

::selection {
  background: #A4D0D6;
  color: #4D4D4D;
  text-shadow: none; }

/* Miminizes FOUT with typekit */
.wf-loading p, .wf-loading h6, .wf-loading h5, .wf-loading h4, .wf-loading h3, .wf-loading h2, .wf-loading h1, .wf-loading a {
  visibility: hidden; }

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
  list-style: initial; }
  ul li, ol li {
    margin-bottom: 15px;
    font-size: 1.25em; }
    ul li ul li, ol li ul li {
      font-size: 1em; }

ol {
  list-style: decimal; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol, ul.list, .footer ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }
  nav ul li, nav ol li, ul.list li, .footer ul li {
    font-size: 1em; }

strong {
  font-weight: 600; }

.content {
  padding: 0 0 0 0; }

span.anchor {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto; }

/*********************
LAYOUT & GRID STYLES
*********************/
.outer {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto; }

.inner {
  width: 85.41666666666667%;
  /*1640/1920*/
  margin: 0 auto; }

.wrap {
  width: 82.3170731707317%;
  /*1350/1640*/
  margin: 0 auto; }

.inner-wrap {
  width: 78.5185185185185%;
  /*1060px/1350*/
  margin: 0 auto; }

.tiny-wrap {
  width: 72.6415094339623%;
  /*770/1060*/
  margin: 0 auto; }

.big-column {
  float: left;
  width: 64.6341463414634%;
  /*1060/1640*/ }
  .big-column .sub-column {
    width: 45.2830188679245%;
    /*480/1060*/ }
  .big-column .sub-column-1 {
    float: left;
    clear: both; }
  .big-column .sub-column-2 {
    float: right; }

.small-column {
  float: right;
  width: 29.2682926829268%;
  /*480/1640*/ }

.small-column-left {
  float: left;
  width: 29.2682926829268%;
  /*480/1640*/ }

.big-column-right {
  float: right;
  width: 64.6341463414634%;
  /*1060/1640*/ }
  .big-column-right .sub-column {
    width: 45.2830188679245%;
    /*480/1060*/ }
  .big-column-right .sub-column-1 {
    float: left;
    clear: both; }
  .big-column-right .sub-column-2 {
    float: right; }

.three-column {
  width: 29.2682926829268%;
  /*480/1640*/
  float: left;
  margin: 0 0 0px 6.0975609756098%;
  /*100/1640*/ }
  .three-column img {
    margin-bottom: 25px; }

.three-column-0 {
  margin-left: 0px;
  clear: both; }

.two-column {
  width: 46.9512195121951%;
  /*770/1640*/ }

.two-column-1 {
  float: left;
  clear: both; }

.two-column-2 {
  float: right; }

.four-column {
  width: 20.4268292682927%;
  /*335/1640*/
  margin: 0 0 0px 6.0975609756098%;
  /*100/1640*/
  float: left; }
  .four-column img {
    margin-bottom: 25px; }

.four-column-0 {
  margin-left: 0px;
  clear: both; }

.six-column {
  width: 11.5853658536585%;
  /*190/1640*/
  margin: 0 0 0px 6.0975609756098%;
  /*100/1640*/
  float: left; }

.six-column-0 {
  margin-left: 0px; }

.flush-column {
  width: 50%; }

.flush-column-1, .flush-column-2 {
  float: left; }

/*********************
04. LINK STYLES
*********************/
a {
  color: inherit;
  text-decoration: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-transition: color 250ms ease-out 0s;
  -moz-transition: color 250ms ease-out 0s;
  -o-transition: color 250ms ease-out 0s;
  transition: color 250ms ease-out 0s; }
  a:hover, a:focus {
    outline: 0; }

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

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

.medium-links a {
  text-decoration: none; }

h3.back-to-top {
  padding-top: 25px; }

.excerpt-read-more {
  display: block;
  margin-top: 10px;
  font-size: .9em;
  font-weight: 700; }

p.outline-button a, a.outline-button, span.outline-button {
  display: inline-block;
  text-decoration: none;
  margin-top: 10px;
  padding: 15px 40px;
  border: 1px solid #142A55;
  text-transform: uppercase;
  -webkit-transition: background-color 250ms ease-out 0s;
  -moz-transition: background-color 250ms ease-out 0s;
  -o-transition: background-color 250ms ease-out 0s;
  transition: background-color 250ms ease-out 0s; }
  p.outline-button a:hover, a.outline-button:hover, span.outline-button:hover {
    background-color: #142A55;
    color: #FFFFFF; }

p.yellow-button a, a.yellow-button, span.yellow-button {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  padding: 22px 31px 22px 31px;
  text-transform: uppercase;
  -webkit-transition: background-color 250ms ease-out 0s;
  -moz-transition: background-color 250ms ease-out 0s;
  -o-transition: background-color 250ms ease-out 0s;
  transition: background-color 250ms ease-out 0s;
  color: #142A55;
  border-radius: 29px;
  background-color: #F3D060;
  text-align: center; }
  p.yellow-button a:hover, a.yellow-button:hover, span.yellow-button:hover {
    background-color: #142A55;
    color: #FFFFFF; }
  p.yellow-button a:first-child, a.yellow-button:first-child, span.yellow-button:first-child {
    margin-top: 0px; }

/******************************************************************
05. H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  display: block;
  font-size: 100%;
  margin: 0px 0 35px 0;
  padding: 0px;
  line-height: 120%;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none; }
  h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0px; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
      text-decoration: none;
      opacity: .8;
      border-bottom: none; }

h1, .h1 {
  font-size: 4.125em;
  color: #142A55; }

h2, .h2 {
  font-size: 3.3125em;
  color: #142A55; }

h3, .h3 {
  font-size: 1.75em;
  color: #142A55;
  font-weight: 700; }

h4, .h4 {
  font-size: 1.5em;
  color: #142A55;
  font-weight: 700; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 25px; }
  h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, h6:first-child, .h6:first-child {
    margin-top: 0px; }

p.large {
  font-size: 2em; }

p.large-callout {
  font-size: 9.375em;
  color: #FFFFFF;
  line-height: 120%; }

p {
  margin: 0 0 20px 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-weight: 400;
  line-height: 150%;
  font-size: 1.25em;
  font-family: "warbler-text", Big Caslon, Book Antiqua, Palatino Linotype, Georgia, serif; }
  p:last-child {
    margin-bottom: 0px; }

.footer p {
  font-size: 1em; }

h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, p.white, .white {
  color: #FFFFFF; }

h1.navy, h2.navy, h3.navy, h4.navy, h5.navy, h6.navy, p.navy, .navy {
  color: #142A55; }

/*********************
HEADER SYTLES
*********************/
.header-announcement {
  padding: 24px 0 20px 0; }

.header {
  padding: 15px 0 15px 0;
  position: relative; }
  .header .inner {
    display: flex;
    justify-content: space-between;
    align-content: center; }
  .header .headercol1 {
    width: 33.3333%;
    position: relative;
    text-align: left; }
    .header .headercol1 .mobile-switch {
      cursor: pointer;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin-top: 15px;
      display: none; }
      .header .headercol1 .mobile-switch:hover span.mobile-grab-bar {
        background: #f3d060; }
      .header .headercol1 .mobile-switch .mobile-bars {
        margin-top: 0px;
        padding: 0px 0 0px 0;
        float: left;
        width: 100%; }
      .header .headercol1 .mobile-switch .mobile-grab-bar {
        display: block;
        margin: 5px 0;
        width: 40px;
        height: 4px;
        background: #142a55;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-transition: background-color 250ms ease-out 0s;
        -moz-transition: background-color 250ms ease-out 0s;
        -o-transition: background-color 250ms ease-out 0s;
        transition: background-color 250ms ease-out 0s; }
  .header .headercol2 {
    width: 33.3333%;
    text-align: center; }
    .header .headercol2 #logo {
      max-width: 244px;
      margin: 0 auto; }
      .header .headercol2 #logo img {
        margin-bottom: 0px; }
  .header .headercol3 {
    width: 33.3333%;
    text-align: right; }

.main-nav-right {
  float: right; }

.woo-cart {
  float: right;
  margin-left: 153px;
  margin-top: 22px;
  width: auto;
  text-align: right; }
  .woo-cart a {
    display: inline-block; }
  .woo-cart img, .woo-cart span.woo-cart-text {
    display: inline-block;
    float: left;
    margin-bottom: 0px;
    font-size: 1.25em;
    color: #142A55; }
  .woo-cart .woo-count {
    font-family: "warbler-deck", Big Caslon, Book Antiqua, Palatino Linotype, Georgia, serif;
    font-size: 1.125em;
    display: inline-block;
    margin-top: 1px;
    float: left;
    margin-left: 5px; }
  .woo-cart:hover span.woo-cart-text, .woo-cart:hover .woo-count {
    color: #D69A2B; }

ul.top-nav-left {
  text-align: left;
  padding-top: 22px; }
  ul.top-nav-left li {
    margin-right: 153px; }
    ul.top-nav-left li:first-child {
      margin-left: 0px; }

ul.top-nav-right {
  text-align: right;
  padding-top: 22px; }
  ul.top-nav-right li {
    margin-left: 153px; }
    ul.top-nav-right li:first-child {
      margin-left: 0px; }

ul.top-nav li {
  display: inline-block;
  position: relative;
  font-family: "warbler-deck", Big Caslon, Book Antiqua, Palatino Linotype, Georgia, serif;
  color: #142A55;
  font-size: 1.25em; }
  ul.top-nav li:hover {
    color: #D69A2B; }
ul.top-nav li.current-menu-item {
  color: #D69A2B;
  border-bottom: 1px solid #D69A2B; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  margin-top: 2.2em; }

.byline {
  color: #999; }

#post-not-found {
  min-height: 400px; }

.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em; }

.entry-content img {
  margin: 0 0 15px 0;
  max-width: 100%;
  height: auto; }

.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

/* end .entry-content */
.wp-caption {
  padding: 5px;
  /* images inside wp-caption */
  max-width: 100% !important;
  margin-bottom: 15px; }

.wp-caption img {
  margin-bottom: 0;
  width: 100%; }

.wp-caption p.wp-caption-text {
  font-size: 1em;
  margin: 10px 0 0px 0;
  text-align: center;
  font-style: italic; }

.top-banner {
  background-color: #D9E2DB;
  padding: 25px 0; }

/* entry content */
.entry-content .alignleft,
.entry-content img.alignleft, img.alignleft, .alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright,
.entry-content img.alignright, img.alignright, .alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter,
.entry-content img.aligncenter, img.aligncenter, .aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.default-content {
  min-height: 400px;
  margin-top: 60px; }

.columns .two-column-1 {
  margin-right: auto;
  order: 1; }
.columns .two-column-2 {
  margin-left: auto;
  order: 2; }

.columns.col-2-top-mobile .two-column-2 {
  order: 2; }
.columns.col-2-top-mobile .two-column-1 {
  order: 1;
  margin-bottom: 0px; }

.center-columns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }
  .center-columns .two-column-1 {
    margin-right: auto; }
  .center-columns .two-column-2 {
    margin-left: auto; }

.banner-section {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 0px;
  display: block;
  position: relative;
  padding: 0.01em;
  overflow: hidden;
  min-height: 876px; }
  .banner-section .overlay {
    position: absolute;
    background-color: rgba(20, 42, 85, 0.15);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .banner-section .banner-content {
    position: absolute;
    bottom: 73px;
    left: 0;
    z-index: 4;
    width: 100%;
    height: auto; }
    .banner-section .banner-content h1, .banner-section .banner-content h2, .banner-section .banner-content h3, .banner-section .banner-content h4, .banner-section .banner-content h5, .banner-section .banner-content h6, .banner-section .banner-content p, .banner-section .banner-content li, .banner-section .banner-content span {
      color: #FFFFFF; }
    .banner-section .banner-content .two-column {
      width: 60%; }
    .banner-section .banner-content .two-column-2 {
      width: 39%; }
  .banner-section .main-image-content-on-image h1, .banner-section .main-image-content-on-image h2, .banner-section .main-image-content-on-image h3, .banner-section .main-image-content-on-image h4, .banner-section .main-image-content-on-image h5, .banner-section .main-image-content-on-image p, .banner-section .main-image-content-on-image ul li, .banner-section .main-image-content-on-image ol li {
    color: #FFFFFF; }
  .banner-section .main-image-content-on-image h1:last-child {
    margin-bottom: 0px; }

.featured-products-section {
  position: relative;
  min-height: 879px;
  padding: 124px 0 115px 0;
  box-sizing: border-box; }
  .featured-products-section img.featured-products-background-image {
    position: absolute;
    width: auto;
    bottom: 0px;
    left: 0px;
    height: auto;
    z-index: -1; }
  .featured-products-section .outer {
    position: relative;
    z-index: 1; }
  .featured-products-section .intro {
    margin-bottom: 67px; }
    .featured-products-section .intro .two-column-1 {
      margin-bottom: 0px; }
  .featured-products-section ul.home-products li {
    background-color: #FFFFFF;
    box-shadow: 1px 3px 15px -5px rgba(0, 0, 0, 0.56);
    -webkit-box-shadow: 1px 3px 15px -5px rgba(0, 0, 0, 0.56);
    -moz-box-shadow: 1px 3px 15px -5px rgba(0, 0, 0, 0.56); }
    .featured-products-section ul.home-products li .featured-product-bottom {
      box-sizing: border-box;
      padding: 20px 32px; }
    .featured-products-section ul.home-products li img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      /* Crops image to fit the 1:1 box without stretching */
      object-position: center;
      margin: 0 auto; }

.home-middle-section {
  padding: 125px 0 115px 0;
  background-color: #F3EFE9; }

.featured-artists-section {
  padding: 98px 0 100px 0; }
  .featured-artists-section .intro {
    margin-bottom: 67px; }
    .featured-artists-section .intro .two-column-1 {
      margin-bottom: 0px; }
  .featured-artists-section ul.home-artists li img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    /* Crops image to fit the 1:1 box without stretching */
    object-position: center;
    margin: 0 auto 25px auto; }
  .featured-artists-section ul.home-artists li ul.mediums-list li {
    font-size: 1.25em; }

.home-bottom-section {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0.01em;
  overflow: hidden;
  min-height: 876px; }
  .home-bottom-section .overlay {
    position: absolute;
    background-color: rgba(20, 42, 85, 0.15);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .home-bottom-section .bottom-content {
    z-index: 2;
    width: 100%; }
    .home-bottom-section .bottom-content h1, .home-bottom-section .bottom-content h2, .home-bottom-section .bottom-content h3, .home-bottom-section .bottom-content h4, .home-bottom-section .bottom-content h5, .home-bottom-section .bottom-content h6, .home-bottom-section .bottom-content p, .home-bottom-section .bottom-content li, .home-bottom-section .bottom-content span {
      color: #FFFFFF; }
    .home-bottom-section .bottom-content .two-column-1 {
      width: 60%; }
    .home-bottom-section .bottom-content .two-column-2 {
      width: 39%; }

.page-section {
  position: relative;
  margin-top: 127px;
  overflow: hidden; }
  .page-section .section-background-image {
    margin: 0px;
    position: relative; }
  .page-section .page-section-content {
    position: relative;
    z-index: 3; }
  .page-section .page-section-content {
    position: relative;
    z-index: 3; }

.page-section.has-background-color {
  padding: 78px 0 91px 0; }

.page-section.add-space-after {
  margin-bottom: 124px; }

.inner-background-image-section {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  min-height: 835px;
  display: flex;
  align-items: center;
  padding: 54px 0;
  box-sizing: border-box; }
  .inner-background-image-section .page-section-content {
    position: relative;
    height: auto;
    width: 100%; }
    .inner-background-image-section .page-section-content h1, .inner-background-image-section .page-section-content h2, .inner-background-image-section .page-section-content h3, .inner-background-image-section .page-section-content h4, .inner-background-image-section .page-section-content h5, .inner-background-image-section .page-section-content p, .inner-background-image-section .page-section-content ul li, .inner-background-image-section .page-section-content ol li {
      color: #FFFFFF; }
    .inner-background-image-section .page-section-content h1:last-child {
      margin-bottom: 0px; }

article.individual-artist {
  margin-bottom: 92px; }

.right-arrow {
  margin-top: 25px; }

.artist-top {
  padding: 109px 0;
  background-color: #F3EFE9; }

ul.artist-meta li {
  font-size: 1.5em;
  border-bottom: 1px solid #D69A2B;
  padding: 0 0 10px 0;
  font-weight: 400; }
  ul.artist-meta li a:hover {
    color: #D69A2B; }

ul.artist-socials {
  margin-top: 28px;
  text-align: left; }
  ul.artist-socials li {
    display: inline-block;
    margin-right: 15px; }

.artist-bottom {
  padding: 97px 0 54px 0; }
  .artist-bottom .artist-works-header {
    margin-bottom: 53px; }

ul.artists-works-products li {
  margin-bottom: 54px; }
  ul.artists-works-products li img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    /* Crops image to fit the 1:1 box without stretching */
    object-position: center;
    margin: 0 auto 25px auto; }
  ul.artists-works-products li .product-bottom {
    margin-top: 29px; }

.inner-top-section {
  padding: 76px 0 53px 0;
  background-color: #F3EFE9; }

.all-artists {
  padding: 0 0 140px 0; }

.woocommerce div.product form.cart .button, .woocommerce ul.products li.product .button {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  padding: 22px 31px 22px 31px;
  text-transform: uppercase;
  -webkit-transition: background-color 250ms ease-out 0s;
  -moz-transition: background-color 250ms ease-out 0s;
  -o-transition: background-color 250ms ease-out 0s;
  transition: background-color 250ms ease-out 0s;
  color: #142A55;
  border-radius: 29px;
  background-color: #F3D060;
  text-align: center; }
  .woocommerce div.product form.cart .button:hover, .woocommerce ul.products li.product .button:hover {
    background-color: #142A55;
    color: #FFFFFF; }
  .woocommerce div.product form.cart .button:first-child, .woocommerce ul.products li.product .button:first-child {
    margin-top: 0px; }

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: #142A55; }

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
  color: #142A55; }

.product-full-description-summary {
  margin-bottom: 20px; }

.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  /* Easily set space between all items */ }

.woocommerce div.product div.images .flex-control-thumbs li {
  flex: 1 0 calc(25% - 10px);
  /* Adjust based on your column count */
  max-width: calc(25% - 10px);
  margin: 0;
  /* Reset default margins */ }

.single-product .woocommerce {
  margin-top: 60px; }

.not-found {
  margin-top: 120px; }

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
  color: #142A55; }

.woocommerce-pagination {
  margin: 40px 0 60px 0; }

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #142A55;
  color: #FFFFFF; }

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 250ms ease-out 0s;
  -moz-transition: background-color 250ms ease-out 0s;
  -o-transition: background-color 250ms ease-out 0s;
  transition: background-color 250ms ease-out 0s;
  color: #142A55;
  border-radius: 29px;
  background-color: #F3D060;
  text-align: center; }
  .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
    background-color: #142A55;
    color: #FFFFFF; }
  .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:first-child {
    margin-top: 0px; }

.wp-block-product-new {
  margin: 90px 0 120px 0; }

.with-empty-cart-icon {
  margin-top: 90px !important; }

.wc-block-grid__products .wc-block-grid__product-image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  /* Crops image to fit the 1:1 box without stretching */
  object-position: center;
  margin: 0 auto 25px auto; }

.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product {
  font-size: 1em; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 0px 0 0 0; }
  .pagination .page-nav-col-1,
  .wp-prev-next .page-nav-col-1 {
    float: left;
    width: 20%; }
  .pagination .page-nav-col-2,
  .wp-prev-next .page-nav-col-2 {
    float: right;
    width: 80%; }
  .pagination ul.page-numbers,
  .wp-prev-next ul.page-numbers {
    margin-top: 5px; }
    .pagination ul.page-numbers li,
    .wp-prev-next ul.page-numbers li {
      padding: 0 8px;
      font-size: 1.875em; }
      .pagination ul.page-numbers li .page-numbers.current,
      .wp-prev-next ul.page-numbers li .page-numbers.current {
        color: #40454E;
        text-decoration: underline; }
  .pagination .prev.page-numbers, .pagination .next.page-numbers,
  .wp-prev-next .prev.page-numbers,
  .wp-prev-next .next.page-numbers {
    display: none; }

nav.postnav {
  margin: 28px 0 140px 0;
  padding: 0px 0 4px 0; }

.pagination {
  padding: 12px 0 4px 0; }

.pagination ul.page-numbers li, nav.postnav ul li {
  display: inline; }

.pagination ul.page-numbers li.prev,
.pagination ul.page-numbers li.next {
  font-weight: 700; }

.pagination ul.page-numbers li a, nav.postnav ul li a {
  text-decoration: none; }

.pagination ul.page-numbers li a.prev, nav.postnav ul li.leftnav a {
  float: left;
  padding: 0px; }

.pagination ul.page-numbers li a.next, nav.postnav ul li.rightnav a {
  float: right;
  padding: 0px; }

.postnav a.brown-button {
  margin-top: 0px; }
.postnav .postnav-col-1 {
  float: left; }
.postnav .postnav-col-2 {
  float: right; }
  .postnav .postnav-col-2 .leftnav, .postnav .postnav-col-2 .rightnav {
    display: inline-block;
    margin-top: 14px; }
.postnav h3 {
  margin-top: 0px; }
.postnav .back-to-top {
  position: relative;
  text-align: center;
  display: inline-block;
  padding: 0 10%; }
  .postnav .back-to-top a {
    display: inline-block;
    position: relative;
    top: 0px; }
.postnav .leftnav {
  margin: 0;
  display: inline-block; }
.postnav .rightnav {
  margin: 0 0 0 15px;
  display: inline-block; }

.pagination ul.page-numbers li a.prev,
.pagination ul.page-numbers li a.next, nav.postnav li.leftnav a, nav.postnav li.rightnav a {
  padding: 0;
  text-decoration: none; }

.pagination ul.page-numbers a.prev:hover,
.pagination ul.page-numbers li a.bpn-next:hover,
.pagination ul.page-numbers li a.first a:hover,
.pagination ul.page-numbers li a.last:hover {
  background: none;
  color: #F44931; }

nav.postnav ul li.back-to-main {
  text-align: center; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }

.wp-prev-next .next-link {
  float: right; }

/******************************************************************
10. COMMENT STYLES
******************************************************************/
#comments {
  margin-top: 35px; }

.commentlist {
  margin: 0px 0 30px 0;
  padding: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 20px;
  padding: 0px; }
  .commentlist li cite, .commentlist li time {
    font-size: 1.25em; }

.commentlist li.depth-1 {
  border-bottom: 1px solid blue; }

.commentlist li.depth-1 ul.children {
  margin: 0;
  width: 89%;
  max-width: 534px;
  padding: 0 0 0 11%; }

.commentlist li:not(.depth-1) ul.children {
  width: 89%;
  max-width: 534px;
  padding: 0 0 0 11%; }

.commentlist li[class*=depth-] {
  margin-top: 35px; }

.commentlist li.depth-4 ul.children, .commentlist li.depth-5 ul.children, .commentlist li.depth-6 ul.children, .commentlist li.depth-7 ul.children {
  width: 100%;
  max-width: 524px;
  padding: 0 0 0 0; }

.commentlist li:not(.depth-1) {
  margin-top: 0; }

.commentlist .odd {
  background: none; }

.commentlist .even {
  background: none; }

.commentcol1 {
  float: left;
  width: 7.666667%;
  /*46/600*/ }

.commentcol2 {
  float: right;
  width: 89%;
  /*534/600*/ }

.commentlist cite.fn {
  font-weight: 400;
  font-style: normal; }

.commentlist .commentcol2 time {
  float: right; }

.commentlist .commentcol2 time a {
  text-decoration: none; }

.commentlist .commentcol2 time a:hover {
  text-decoration: underline;
  color: blue; }

.commentcol2 p {
  margin: 10px 0; }

.red-alert p {
  margin: 10px 0;
  color: blue; }

#cancel-comment-reply-link {
  display: block;
  margin-bottom: 15px; }
  #cancel-comment-reply-link p {
    font-size: 1em; }

.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  margin-bottom: 15px;
  color: blue; }

.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
  opacity: 1;
  color: blue; }

p.submit-holder {
  text-align: center;
  margin-top: 25px; }

#commentform #submit {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #ffffff;
  font-size: 1em;
  background-color: blue;
  padding: 16px 52px 10px 52px;
  text-decoration: none;
  -webkit-transition: background-color 250ms ease-out 0s;
  -moz-transition: background-color 250ms ease-out 0s;
  -o-transition: background-color 250ms ease-out 0s;
  transition: background-color 250ms ease-out 0s;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  border: none;
  margin-top: 25px;
  font-style: italic; }
  #commentform #submit:hover, #commentform #submit:active {
    background-color: blue;
    text-decoration: none; }

#commentform p {
  font-size: 1.125em; }

article.comment:last-child {
  margin-bottom: 0px; }

.comment-author {
  margin-bottom: 15px; }
  .comment-author img {
    margin-bottom: 10px;
    margin-right: 10px; }

/******************************************************************
11. COMMENT FORM STYLES
******************************************************************/
#respond {
  padding-top: 35px; }

.respond-form {
  padding: 30px 0 35px 0px; }
  .respond-form h4 {
    margin-bottom: 25px; }
  .respond-form form {
    width: 74.170616%;
    /*626/844*/
    margin: 0 auto; }

.comment .respond-form form {
  width: 100%;
  max-width: 500px;
  margin: 0 auto; }

ul.children .respond-form {
  margin-bottom: 25px; }

.respond-wrap {
  width: 76.66666667%;
  /*460/600*/
  margin: 0 auto; }

ul#comment-form-elements {
  margin: 25px 0 0 0px;
  padding: 0px; }

ul#comment-form-elements li {
  font-size: 1.125em; }

.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
  font-size: 1.125em; }

.respond-form form li label,
.respond-form form li small {
  display: none; }

.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px 12px 13px 12px;
  background: #FFFFFF;
  /* form validation */
  width: 100%;
  font-weight: 300;
  color: black;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  border: none;
  margin-bottom: 10px; }

.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff; }

.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  width: 100%;
  font-size: 1em; }

.respond-form form textarea {
  resize: none;
  width: 100%;
  height: 150px;
  font-size: 1em;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

li.depth-2 .respond-form form input[type=text],
li.depth-2 .respond-form form input[type=email],
li.depth-2 .respond-form form input[type=url] {
  width: 100%; }

li.depth-2 .respond-form form textarea {
  resize: none;
  width: 100%;
  height: 150px; }

li.depth-3 .respond-form form input[type=text],
li.depth-3 .respond-form form input[type=email],
li.depth-3 .respond-form form input[type=url] {
  width: 100%; }

li.depth-3 .respond-form form textarea {
  resize: none;
  width: 100%;
  height: 150px; }

/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 15px 0; }

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments {
  margin: 0 20px 1.1em; }

#commentform label.error {
  display: block;
  color: blue;
  margin-top: 10px; }

/*********************
12. SIDEBARS & ASIDES
*********************/
/*********************
FOOTER STYLES
*********************/
.footer {
  padding: 56px 0 56px 0;
  background-color: #F3EFE9; }
  .footer a {
    text-decoration: underline; }

ul.social-icons {
  text-align: center; }
  ul.social-icons li {
    display: inline-block;
    padding: 0 7px; }
    ul.social-icons li a {
      -webkit-transition: opacity 250ms ease-out 0s;
      -moz-transition: opacity 250ms ease-out 0s;
      -o-transition: opacity 250ms ease-out 0s;
      transition: opacity 250ms ease-out 0s; }
    ul.social-icons li:hover a {
      opacity: .7; }

/*********************
Media Queries
*********************/
@media only screen and (min-width: 0px) {
  .wrap {
    width: 100%;
    margin: 0 auto; }

  .inner-wrap {
    width: 100%;
    margin: 0 auto; }

  .tiny-wrap {
    width: 92%;
    margin: 0 auto; }

  .two-column {
    width: 100%; }

  .two-column-1 {
    float: none;
    margin-bottom: 45px; }

  .two-column-2 {
    float: none; }

  .three-column {
    width: 100%;
    /*414/1302*/
    float: none;
    margin: 0 0 35px 0;
    /*30/1302*/ }
    .three-column img {
      margin-bottom: 25px; }

  .three-column-0 {
    margin-left: 0px; }

  .four-column {
    width: 100%;
    /*303/1280*/
    margin: 0 0 35px 0;
    /*30/1302*/
    float: none; }

  .four-column-0 {
    margin-left: 0px; }

  .big-column {
    float: none;
    width: 100%;
    margin-bottom: 35px; }

  .small-column {
    float: none;
    width: 100%; }

  .small-column-left {
    float: none;
    width: 100%;
    margin-bottom: 35px; }

  .big-column-right {
    float: none;
    width: 100%; }

  .flush-column, .flush-three-column {
    width: 100%; }
    .flush-column .flush-column-wrap, .flush-three-column .flush-column-wrap {
      width: 90.78341%;
      margin: 0 auto;
      padding: 0 0 30px 0; }

  .flush-column-1, .flush-column-2 {
    float: none; }

  .flush-column-1 {
    margin-bottom: 35px; }

  .columns .two-column-1 {
    margin-right: auto;
    order: 1; }
  .columns .two-column-2 {
    margin-left: auto;
    order: 2; }

  .columns.col-2-top-mobile .two-column-2 {
    order: 1;
    margin-bottom: 35px;
    float: none;
    width: 100%; }
  .columns.col-2-top-mobile .two-column-1 {
    order: 2;
    margin-bottom: 0px;
    float: none;
    width: 100%; }

  .main-nav-left, .main-nav-right {
    display: none; }

  .mobile-nav {
    background-color: #FFFFFF;
    color: #FFFFFF;
    position: absolute;
    display: none;
    width: 100%;
    height: auto;
    top: 100%;
    left: 0;
    z-index: 3;
    padding: 20px 0 15px 0; }
    .mobile-nav .inner {
      display: block; }

  .mobile {
    display: block; }

  .desktop {
    display: none; }

  .header {
    padding: 18px 0 18px 0; }
    .header .headercol1 {
      width: 22%; }
      .header .headercol1 .mobile-switch {
        display: block;
        margin-top: 7px; }
    .header .headercol2 {
      width: 60%; }
      .header .headercol2 #logo {
        max-width: 160px;
        margin: 0 auto; }
    .header .headercol3 {
      width: 22%; }

  ul.top-nav-left, ul.top-nav-right {
    float: none;
    text-align: left;
    margin: 0px;
    padding: 0px; }
    ul.top-nav-left li, ul.top-nav-right li {
      display: block;
      padding: 0px 0 10px 0;
      margin: 0 0 15px 0;
      border-bottom: 1px solid #D69A2B; }
    ul.top-nav-left li.current-menu-item, ul.top-nav-right li.current-menu-item {
      color: #D69A2B; }

  .woo-cart {
    width: 65px;
    margin-top: 7px;
    text-align: right; }
    .woo-cart a {
      display: inline-block; }
    .woo-cart img {
      width: 20px; }
    .woo-cart .woo-count {
      margin-top: 3px; }

  h1, .h1 {
    font-size: 2.25em; }

  h2, .h2 {
    font-size: 2.0625em; }

  h3, .h3 {
    font-size: 1.375em; }

  h4, .h4 {
    font-size: 1.25em; }

  p.large {
    font-size: 1.5em; }

  p.large-callout {
    font-size: 4.375em; }

  p {
    font-size: 1.125em; }
    p:last-child {
      margin-bottom: 0px; }

  .banner-section {
    min-height: 376px; }
    .banner-section .banner-content {
      bottom: 73px; }
      .banner-section .banner-content .two-column {
        width: 100%; }
      .banner-section .banner-content .two-column-2 {
        width: 39%;
        display: none; }

  .featured-products-section {
    min-height: 379px;
    padding: 64px 0 45px 0; }
    .featured-products-section .intro {
      margin-bottom: 47px; }
    .featured-products-section ul.home-products li .featured-product-bottom {
      padding: 20px 32px; }

  .home-middle-section {
    padding: 65px 0 45px 0; }
    .home-middle-section .middle-top {
      margin-bottom: 67px; }

  .featured-artists-section {
    padding: 68px 0 50px 0; }
    .featured-artists-section .intro {
      margin-bottom: 47px; }
    .featured-artists-section ul.mediums-list li {
      font-size: 1.125em; }

  .home-bottom-section {
    min-height: 376px; }
    .home-bottom-section .bottom-content .two-column-1 {
      width: 100%; }
    .home-bottom-section .bottom-content .two-column-2 {
      width: 39%; }

  .page-section {
    margin-top: 67px; }

  .page-section.has-background-color {
    padding: 38px 0 61px 0; }

  .page-section.add-space-after {
    margin-bottom: 64px; }

  .inner-background-image-section {
    min-height: 335px;
    padding: 54px 0; }

  article.individual-artist {
    margin-bottom: 42px; }

  .right-arrow {
    margin-top: 25px; }

  .artist-top {
    padding: 509px 0; }

  ul.artist-meta li {
    font-size: 1.25em; }

  .artist-bottom {
    padding: 57px 0 34px 0; }
    .artist-bottom .artist-works-header {
      margin-bottom: 33px; }

  ul.artists-works-products li {
    margin-bottom: 34px; }
    ul.artists-works-products li .product-bottom {
      margin-top: 20px; }

  .inner-top-section {
    padding: 36px 0 43px 0; }

  .all-artists {
    padding: 0 0 60px 0; }

  p.yellow-button a, a.yellow-button, span.yellow-button {
    padding: 12px 21px 12px 21px; } }
@media screen and (min-width: 500px) {
  .columns.col-2-top-mobile .two-column-2 img {
    max-width: 500px;
    margin: 0 auto; } }
@media screen and (min-width: 700px) {
  .wrap {
    width: 82.3170731707317%;
    /*1350/1640*/
    margin: 0 auto; }

  .inner-wrap {
    width: 100%;
    margin: 0 auto; }

  .two-column {
    width: 46.9512195121951%;
    /*770/1640*/ }

  .two-column-1 {
    float: left;
    margin-bottom: 0px; }

  .two-column-2 {
    float: right; }

  .three-column {
    width: 29.2682926829268%;
    /*480/1640*/
    float: left;
    margin: 0 0 35px 6.0975609756098%;
    /*100/1640*/ }
    .three-column img {
      margin-bottom: 25px; }

  .three-column-0 {
    margin-left: 0px; }

  .four-column {
    width: 46.9512195121951;
    /*770/1640*/
    margin: 0 0 35px 0%;
    /*100/1640*/
    float: left; }
    .four-column img {
      margin-bottom: 35px; }

  .four-column-0, .four-column-2 {
    clear: none;
    float: left; }

  .four-column-1, .four-column-3 {
    float: right; }

  .big-column-right {
    float: right;
    width: 64.6341463414634%;
    /*1060/1640*/ }
    .big-column-right .sub-column {
      width: 45.2830188679245%;
      /*480/1060*/ }
    .big-column-right .sub-column-1 {
      float: left;
      clear: both; }
    .big-column-right .sub-column-2 {
      float: right; }

  .big-column {
    float: left;
    width: 64.6341463414634%;
    /*1060/1640*/ }
    .big-column .sub-column {
      width: 45.2830188679245%;
      /*480/1060*/ }
    .big-column .sub-column-1 {
      float: left;
      clear: both; }
    .big-column .sub-column-2 {
      float: right; }

  .small-column {
    float: right;
    width: 29.2682926829268%;
    /*480/1640*/ }

  .small-column-left {
    float: left;
    width: 29.2682926829268%;
    /*480/1640*/
    margin-bottom: 0px; }

  .mobile {
    display: none; }

  .desktop {
    display: block; }

  .featured-products-section ul.home-products li.four-column {
    width: 46.9512195121951%;
    /*770/1640*/
    margin: 0 0 45px 0; }
  .featured-products-section ul.home-products li.four-column-0, .featured-products-section ul.home-products li.four-column-2 {
    clear: both;
    float: left; }
  .featured-products-section ul.home-products li.four-column-1, .featured-products-section ul.home-products li.four-column-3 {
    float: right; } }
@media only screen and (min-width: 768px) {
  .four-column {
    width: 20.4268292682927%;
    /*335/1640*/
    margin: 0 0 0px 6.0975609756098%;
    /*100/1640*/
    float: left; }
    .four-column img {
      margin-bottom: 25px; }

  .four-column-0, .four-column-2 {
    clear: none; }

  .four-column-1, .four-column-3 {
    float: left; }

  .four-column-0 {
    margin-left: 0px;
    clear: both; }

  .flush-column {
    width: 50%; }
    .flush-column .flush-column-wrap {
      width: 90.78341%;
      margin: 0 auto; }

  .flush-column-1, .flush-column-2 {
    float: left; }

  .flush-column-1 {
    margin-bottom: 0px; }

  .flush-column-2 {
    padding-top: 40px;
    padding-bottom: 0px; } }
@media only screen and (min-width: 940px) {
  .inner-wrap {
    width: 78.5185185185185%;
    /*1060px/1350*/
    margin: 0 auto; }

  .tiny-wrap {
    width: 72.6415094339623%;
    /*770/1060*/
    margin: 0 auto; } }
@media only screen and (min-width: 1024px) {
  .main-nav-left, .main-nav-right {
    display: block; }

  .mobile-nav {
    display: none; }

  .header .headercol1 {
    width: 33.3333%;
    position: relative;
    text-align: left; }
    .header .headercol1 .mobile-switch {
      display: none; }
  .header .headercol2 {
    width: 33.3333%;
    text-align: center; }
    .header .headercol2 #logo {
      max-width: 244px; }
      .header .headercol2 #logo img {
        margin-bottom: 0px; }
  .header .headercol3 {
    width: 33.3333%;
    text-align: right; }

  ul.top-nav-left, ul.top-nav-right {
    margin: 0px;
    padding: 31px 0 0 0; }
    ul.top-nav-left li, ul.top-nav-right li {
      display: inline-block;
      padding: 0px;
      margin: 0 0 0px 0;
      border-bottom: none; }
    ul.top-nav-left li.current-menu-item, ul.top-nav-right li.current-menu-item {
      border-bottom: 1px solid #D69A2B; }

  ul.top-nav-left {
    text-align: left;
    padding-top: 22px; }
    ul.top-nav-left li {
      margin-right: 153px; }
      ul.top-nav-left li:last-child {
        margin-right: 0px; }

  ul.top-nav-right {
    text-align: right;
    padding-top: 22px; }
    ul.top-nav-right li {
      margin-left: 153px; }
      ul.top-nav-right li:first-child {
        margin-left: 0px; }

  .woo-cart {
    margin-left: 153px;
    margin-top: 22px; }

  .columns .two-column-1 {
    margin-right: auto;
    order: 1; }
  .columns .two-column-2 {
    margin-left: auto;
    order: 2; }

  .columns.col-2-top-mobile .two-column-2 {
    order: 2;
    width: 46.9512195121951%;
    /*770/1640*/
    margin-bottom: 0px;
    float: right; }
    .columns.col-2-top-mobile .two-column-2 img {
      max-width: 100%;
      margin: 0; }
  .columns.col-2-top-mobile .two-column-1 {
    order: 1;
    margin-bottom: 0px;
    width: 46.9512195121951%;
    /*770/1640*/
    float: left; }

  .featured-products-section ul.home-products li.four-column {
    width: 20.4268292682927%;
    /*335/1640*/
    margin: 0 0 47px 6.0975609756098%;
    /*100/1640*/
    float: left; }
  .featured-products-section ul.home-products li.four-column-0, .featured-products-section ul.home-products li.four-column-2 {
    clear: none; }
  .featured-products-section ul.home-products li.four-column-0 {
    clear: both;
    margin-left: 0px; } }
@media only screen and (min-width: 1240px) {
  h1, .h1 {
    font-size: 4.125em; }

  h2, .h2 {
    font-size: 3.3125em; }

  h3, .h3 {
    font-size: 1.75em; }

  h4, .h4 {
    font-size: 1.5em; }

  p.large {
    font-size: 2em; }

  p.large-callout {
    font-size: 9.375em; }

  p {
    font-size: 1.25em; }
    p:last-child {
      margin-bottom: 0px; }

  .banner-section {
    min-height: 876px; }
    .banner-section .banner-content {
      bottom: 73px; }
      .banner-section .banner-content .two-column {
        width: 60%; }
      .banner-section .banner-content .two-column-2 {
        width: 39%; }

  .featured-products-section {
    min-height: 879px;
    padding: 124px 0 115px 0; }
    .featured-products-section .intro {
      margin-bottom: 67px; }
    .featured-products-section ul.home-products li .featured-product-bottom {
      padding: 20px 32px; }

  .home-middle-section {
    padding: 125px 0 115px 0; }
    .home-middle-section .middle-top {
      margin-bottom: 0px; }

  .featured-artists-section {
    padding: 98px 0 100px 0; }
    .featured-artists-section .intro {
      margin-bottom: 67px; }
    .featured-artists-section ul.mediums-list li {
      font-size: 1.25em; }

  .home-bottom-section {
    min-height: 876px; }
    .home-bottom-section .bottom-content .two-column-1 {
      width: 60%; }
    .home-bottom-section .bottom-content .two-column-2 {
      width: 39%; }

  .page-section {
    margin-top: 127px; }

  .page-section.has-background-color {
    padding: 78px 0 91px 0; }

  .page-section.add-space-after {
    margin-bottom: 124px; }

  .inner-background-image-section {
    min-height: 835px;
    padding: 54px 0; }

  article.individual-artist {
    margin-bottom: 92px; }

  .right-arrow {
    margin-top: 25px; }

  .artist-top {
    padding: 109px 0; }

  ul.artist-meta li {
    font-size: 1.5em; }

  .artist-bottom {
    padding: 97px 0 54px 0; }
    .artist-bottom .artist-works-header {
      margin-bottom: 53px; }

  ul.artists-works-products li {
    margin-bottom: 54px; }
    ul.artists-works-products li .product-bottom {
      margin-top: 29px; }

  .inner-top-section {
    padding: 76px 0 53px 0; }

  .all-artists {
    padding: 0 0 140px 0; }

  p.yellow-button a, a.yellow-button, span.yellow-button {
    padding: 22px 31px 22px 31px; } }
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: 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.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline; }

  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; } }
/* ==|== Trumps =======================================================
	Trump styles
   ========================================================================== */
.left {
  float: left; }

.right {
  float: right; }

.all-caps {
  text-transform: uppercase; }

.center {
  display: block;
  margin: 0 auto !important; }

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

.italic {
  font-style: italic; }

.hidden {
  display: none; }

.not-visibile, .invisible {
  visibility: hidden; }

.no-border-top {
  border-top: none !important; }

.no-border-bottom {
  border-bottom: none !important; }

.no-boder-left {
  border-left: none !important; }

.no-border-right {
  border-right: none !important; }

.no-margin-top {
  margin-top: 0px !important; }

.no-margin-right {
  margin-right: 0px !important; }

.no-margin-bottom {
  margin-bottom: 0px !important; }

.no-margin-left {
  margin-left: 0px !important; }

.no-padding-top {
  padding-top: 0px !important; }

.no-padding-right {
  padding-right: 0px !important; }

.no-padding-bottom {
  padding-bottom: 0px !important; }

.no-padding-left {
  padding-left: 0px !important; }

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