@charset "UTF-8";
/*
Theme Name: Ashlawn Farm Coffee, 2017
Theme URI:
Author: Julia Balfour, LLC
Author URI: https://juliabalfour.com
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jul
Tags:

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

jul is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/* Fonts */
/******************************************************************
Mixins & Constants Stylesheet
******************************************************************/
/*********************
TRANSITIONS
*********************/
/*********************
ROTATE
*********************/
/*********************
TRANSLATE
*********************/
/*********************
RATIOS
*********************/
/*********************
OPACITY
*********************/
/*********************
DELAY ANIMATION
*********************/
/* ------------------------------------
   FADE IN
--------------------------------------- */
.fadeIn {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  -transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -animation-delay: 2s;
  animation-delay: 2s;
}

/* ------------------------------------
   FADE IN RIGHT
--------------------------------------- */
.fadeInRight {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  -transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-transform: translate3d(5px, 0, 0);
  -moz-transform: translate3d(5px, 0, 0);
  -ms-transform: translate3d(5px, 0, 0);
  -o-transform: translate3d(5px, 0, 0);
  -transform: translate3d(5px, 0, 0);
  transform: 5px, 0, 0;
}

/* ------------------------------------
   FADE IN LEFT
--------------------------------------- */
.fadeInLeft {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  -transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-transform: translate3d(-5px, 0, 0);
  -moz-transform: translate3d(-5px, 0, 0);
  -ms-transform: translate3d(-5px, 0, 0);
  -o-transform: translate3d(-5px, 0, 0);
  -transform: translate3d(-5px, 0, 0);
  transform: -5px, 0, 0;
}

/* ------------------------------------
   FADE IN UP
--------------------------------------- */
.fadeInUp {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  -transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-transform: translate3d(0, 5px, 0);
  -moz-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -transform: translate3d(0, 5px, 0);
  transform: 0, 5px, 0;
}

/* ------------------------------------
   FADE IN DOWN
--------------------------------------- */
.fadeInDown {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  -transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  -ms-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  -transform: translate3d(0, -5px, 0);
  transform: 0, -5px, 0;
}

/* ------------------------------------
   IN-VIEW Final State
--------------------------------------- */
.in-view {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -transform: translate3d(0, 0, 0);
  transform: 0, 0, 0;
}

/* ------------------------------------
   FADE IN DELAY
--------------------------------------- */
.fadeInDelay {
  opacity: 0;
  filter: alpha(opacity=0);
}

.fadeInDelay.in-view {
  -webkit-animation-name: fadeInDelay;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-delay: 0.8s;
  animation-name: fadeInDelay;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
  animation-delay: 0.8s;
}

@-webkit-keyframes fadeInDelay {
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes fadeInDelay {
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
/* ------------------------------------
   DRAW OUT
--------------------------------------- */
.drawOut {
  width: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.drawOut.in-view {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 2s ease-in-out;
  -moz-transition: 2s ease-in-out;
  -ms-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  -transition: 2s ease-in-out;
  transition: 2s ease-in-out;
  width: 100%;
  max-width: 150px;
}

.simple .drawOut.in-view,
.postsfeed .drawOut.in-view,
.fiftyfifty .drawOut.in-view {
  max-width: 150px;
}

/* ------------------------------------
   FLIP IN X
--------------------------------------- */
@-webkit-keyframes flipInX {
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes flipInX {
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 0);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.flipInX {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  opacity: 0;
}

.flipInX.show {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

.gray a.nm_link {
  color: #412020;
  font-family: "arno-pro", serif;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.125em;
  cursor: pointer;
  padding-bottom: 5px;
  border-bottom: 3px solid #ffffff;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.gray a.nm_link:hover {
  border-bottom: 3px solid #412020;
}

.maroon a.nm_link {
  color: #fbf3ef;
  font-family: "arno-pro", serif;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.125em;
  cursor: pointer;
  padding-bottom: 5px;
  border-bottom: 3px solid #ffffff;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.maroon a.nm_link:hover {
  border-bottom: 3px solid #412020;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid #ffffff;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #ffffff;
}

.arrow-left {
  width: 0;
  height: 0;
  border-right: 25px solid #ffffff;
  border-bottom: 25px solid transparent;
  border-top: 25px solid transparent;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #ffffff;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

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

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

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

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

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

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

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

blockquote,
q {
  quotes: "" "";
}

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

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

figure {
  margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

select {
  border: 1px solid #ccc;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}

a:visited {
  color: purple;
}

a:hover,
a:focus,
a:active {
  color: midnightblue;
}

a:focus {
  outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li {
  float: left;
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

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

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

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

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

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

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

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

.bypostauthor {
  display: block;
}

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

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

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

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

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
  max-width: none !important;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 2014px;
  margin-left: auto;
  margin-right: auto;
}

.row::before, .row::after {
  display: table;
}

.row::after {
  clear: both;
}

.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row .row {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

.columns {
  width: 100%;
  float: left;
  padding-left: 0;
  padding-right: 0;
}

.columns:last-child:not(:first-child) {
  float: right;
}

.end.columns:last-child:last-child {
  float: left;
}

.row.row.columns {
  float: none;
}

.row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  width: 4.16667%;
}

.small-push-1 {
  position: relative;
  left: 4.16667%;
}

.small-pull-1 {
  position: relative;
  left: -4.16667%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 8.33333%;
}

.small-push-2 {
  position: relative;
  left: 8.33333%;
}

.small-pull-2 {
  position: relative;
  left: -8.33333%;
}

.small-offset-1 {
  margin-left: 4.16667%;
}

.small-3 {
  width: 12.5%;
}

.small-push-3 {
  position: relative;
  left: 12.5%;
}

.small-pull-3 {
  position: relative;
  left: -12.5%;
}

.small-offset-2 {
  margin-left: 8.33333%;
}

.small-4 {
  width: 16.66667%;
}

.small-push-4 {
  position: relative;
  left: 16.66667%;
}

.small-pull-4 {
  position: relative;
  left: -16.66667%;
}

.small-offset-3 {
  margin-left: 12.5%;
}

.small-5 {
  width: 20.83333%;
}

.small-push-5 {
  position: relative;
  left: 20.83333%;
}

.small-pull-5 {
  position: relative;
  left: -20.83333%;
}

.small-offset-4 {
  margin-left: 16.66667%;
}

.small-6 {
  width: 25%;
}

.small-push-6 {
  position: relative;
  left: 25%;
}

.small-pull-6 {
  position: relative;
  left: -25%;
}

.small-offset-5 {
  margin-left: 20.83333%;
}

.small-7 {
  width: 29.16667%;
}

.small-push-7 {
  position: relative;
  left: 29.16667%;
}

.small-pull-7 {
  position: relative;
  left: -29.16667%;
}

.small-offset-6 {
  margin-left: 25%;
}

.small-8 {
  width: 33.33333%;
}

.small-push-8 {
  position: relative;
  left: 33.33333%;
}

.small-pull-8 {
  position: relative;
  left: -33.33333%;
}

.small-offset-7 {
  margin-left: 29.16667%;
}

.small-9 {
  width: 37.5%;
}

.small-push-9 {
  position: relative;
  left: 37.5%;
}

.small-pull-9 {
  position: relative;
  left: -37.5%;
}

.small-offset-8 {
  margin-left: 33.33333%;
}

.small-10 {
  width: 41.66667%;
}

.small-push-10 {
  position: relative;
  left: 41.66667%;
}

.small-pull-10 {
  position: relative;
  left: -41.66667%;
}

.small-offset-9 {
  margin-left: 37.5%;
}

.small-11 {
  width: 45.83333%;
}

.small-push-11 {
  position: relative;
  left: 45.83333%;
}

.small-pull-11 {
  position: relative;
  left: -45.83333%;
}

.small-offset-10 {
  margin-left: 41.66667%;
}

.small-12 {
  width: 50%;
}

.small-push-12 {
  position: relative;
  left: 50%;
}

.small-pull-12 {
  position: relative;
  left: -50%;
}

.small-offset-11 {
  margin-left: 45.83333%;
}

.small-13 {
  width: 54.16667%;
}

.small-push-13 {
  position: relative;
  left: 54.16667%;
}

.small-pull-13 {
  position: relative;
  left: -54.16667%;
}

.small-offset-12 {
  margin-left: 50%;
}

.small-14 {
  width: 58.33333%;
}

.small-push-14 {
  position: relative;
  left: 58.33333%;
}

.small-pull-14 {
  position: relative;
  left: -58.33333%;
}

.small-offset-13 {
  margin-left: 54.16667%;
}

.small-15 {
  width: 62.5%;
}

.small-push-15 {
  position: relative;
  left: 62.5%;
}

.small-pull-15 {
  position: relative;
  left: -62.5%;
}

.small-offset-14 {
  margin-left: 58.33333%;
}

.small-16 {
  width: 66.66667%;
}

.small-push-16 {
  position: relative;
  left: 66.66667%;
}

.small-pull-16 {
  position: relative;
  left: -66.66667%;
}

.small-offset-15 {
  margin-left: 62.5%;
}

.small-17 {
  width: 70.83333%;
}

.small-push-17 {
  position: relative;
  left: 70.83333%;
}

.small-pull-17 {
  position: relative;
  left: -70.83333%;
}

.small-offset-16 {
  margin-left: 66.66667%;
}

.small-18 {
  width: 75%;
}

.small-push-18 {
  position: relative;
  left: 75%;
}

.small-pull-18 {
  position: relative;
  left: -75%;
}

.small-offset-17 {
  margin-left: 70.83333%;
}

.small-19 {
  width: 79.16667%;
}

.small-push-19 {
  position: relative;
  left: 79.16667%;
}

.small-pull-19 {
  position: relative;
  left: -79.16667%;
}

.small-offset-18 {
  margin-left: 75%;
}

.small-20 {
  width: 83.33333%;
}

.small-push-20 {
  position: relative;
  left: 83.33333%;
}

.small-pull-20 {
  position: relative;
  left: -83.33333%;
}

.small-offset-19 {
  margin-left: 79.16667%;
}

.small-21 {
  width: 87.5%;
}

.small-push-21 {
  position: relative;
  left: 87.5%;
}

.small-pull-21 {
  position: relative;
  left: -87.5%;
}

.small-offset-20 {
  margin-left: 83.33333%;
}

.small-22 {
  width: 91.66667%;
}

.small-push-22 {
  position: relative;
  left: 91.66667%;
}

.small-pull-22 {
  position: relative;
  left: -91.66667%;
}

.small-offset-21 {
  margin-left: 87.5%;
}

.small-23 {
  width: 95.83333%;
}

.small-push-23 {
  position: relative;
  left: 95.83333%;
}

.small-pull-23 {
  position: relative;
  left: -95.83333%;
}

.small-offset-22 {
  margin-left: 91.66667%;
}

.small-24 {
  width: 100%;
}

.small-offset-23 {
  margin-left: 95.83333%;
}

.small-up-1 > .columns {
  width: 100%;
  float: left;
}

.small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}

.small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .columns {
  width: 50%;
  float: left;
}

.small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}

.small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .columns {
  width: 33.33333%;
  float: left;
}

.small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}

.small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .columns {
  width: 25%;
  float: left;
}

.small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}

.small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .columns {
  width: 20%;
  float: left;
}

.small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}

.small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .columns {
  width: 16.66667%;
  float: left;
}

.small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}

.small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .columns {
  width: 14.28571%;
  float: left;
}

.small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}

.small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .columns {
  width: 12.5%;
  float: left;
}

.small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}

.small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.small-uncollapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.small-uncentered, .small-push-0, .small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

@media screen and (min-width: 768px) {
  .medium-1 {
    width: 4.16667%;
  }
  .medium-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .medium-pull-1 {
    position: relative;
    left: -4.16667%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 8.33333%;
  }
  .medium-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .medium-pull-2 {
    position: relative;
    left: -8.33333%;
  }
  .medium-offset-1 {
    margin-left: 4.16667%;
  }
  .medium-3 {
    width: 12.5%;
  }
  .medium-push-3 {
    position: relative;
    left: 12.5%;
  }
  .medium-pull-3 {
    position: relative;
    left: -12.5%;
  }
  .medium-offset-2 {
    margin-left: 8.33333%;
  }
  .medium-4 {
    width: 16.66667%;
  }
  .medium-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .medium-pull-4 {
    position: relative;
    left: -16.66667%;
  }
  .medium-offset-3 {
    margin-left: 12.5%;
  }
  .medium-5 {
    width: 20.83333%;
  }
  .medium-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .medium-pull-5 {
    position: relative;
    left: -20.83333%;
  }
  .medium-offset-4 {
    margin-left: 16.66667%;
  }
  .medium-6 {
    width: 25%;
  }
  .medium-push-6 {
    position: relative;
    left: 25%;
  }
  .medium-pull-6 {
    position: relative;
    left: -25%;
  }
  .medium-offset-5 {
    margin-left: 20.83333%;
  }
  .medium-7 {
    width: 29.16667%;
  }
  .medium-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .medium-pull-7 {
    position: relative;
    left: -29.16667%;
  }
  .medium-offset-6 {
    margin-left: 25%;
  }
  .medium-8 {
    width: 33.33333%;
  }
  .medium-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .medium-pull-8 {
    position: relative;
    left: -33.33333%;
  }
  .medium-offset-7 {
    margin-left: 29.16667%;
  }
  .medium-9 {
    width: 37.5%;
  }
  .medium-push-9 {
    position: relative;
    left: 37.5%;
  }
  .medium-pull-9 {
    position: relative;
    left: -37.5%;
  }
  .medium-offset-8 {
    margin-left: 33.33333%;
  }
  .medium-10 {
    width: 41.66667%;
  }
  .medium-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .medium-pull-10 {
    position: relative;
    left: -41.66667%;
  }
  .medium-offset-9 {
    margin-left: 37.5%;
  }
  .medium-11 {
    width: 45.83333%;
  }
  .medium-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .medium-pull-11 {
    position: relative;
    left: -45.83333%;
  }
  .medium-offset-10 {
    margin-left: 41.66667%;
  }
  .medium-12 {
    width: 50%;
  }
  .medium-push-12 {
    position: relative;
    left: 50%;
  }
  .medium-pull-12 {
    position: relative;
    left: -50%;
  }
  .medium-offset-11 {
    margin-left: 45.83333%;
  }
  .medium-13 {
    width: 54.16667%;
  }
  .medium-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .medium-pull-13 {
    position: relative;
    left: -54.16667%;
  }
  .medium-offset-12 {
    margin-left: 50%;
  }
  .medium-14 {
    width: 58.33333%;
  }
  .medium-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .medium-pull-14 {
    position: relative;
    left: -58.33333%;
  }
  .medium-offset-13 {
    margin-left: 54.16667%;
  }
  .medium-15 {
    width: 62.5%;
  }
  .medium-push-15 {
    position: relative;
    left: 62.5%;
  }
  .medium-pull-15 {
    position: relative;
    left: -62.5%;
  }
  .medium-offset-14 {
    margin-left: 58.33333%;
  }
  .medium-16 {
    width: 66.66667%;
  }
  .medium-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .medium-pull-16 {
    position: relative;
    left: -66.66667%;
  }
  .medium-offset-15 {
    margin-left: 62.5%;
  }
  .medium-17 {
    width: 70.83333%;
  }
  .medium-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .medium-pull-17 {
    position: relative;
    left: -70.83333%;
  }
  .medium-offset-16 {
    margin-left: 66.66667%;
  }
  .medium-18 {
    width: 75%;
  }
  .medium-push-18 {
    position: relative;
    left: 75%;
  }
  .medium-pull-18 {
    position: relative;
    left: -75%;
  }
  .medium-offset-17 {
    margin-left: 70.83333%;
  }
  .medium-19 {
    width: 79.16667%;
  }
  .medium-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .medium-pull-19 {
    position: relative;
    left: -79.16667%;
  }
  .medium-offset-18 {
    margin-left: 75%;
  }
  .medium-20 {
    width: 83.33333%;
  }
  .medium-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .medium-pull-20 {
    position: relative;
    left: -83.33333%;
  }
  .medium-offset-19 {
    margin-left: 79.16667%;
  }
  .medium-21 {
    width: 87.5%;
  }
  .medium-push-21 {
    position: relative;
    left: 87.5%;
  }
  .medium-pull-21 {
    position: relative;
    left: -87.5%;
  }
  .medium-offset-20 {
    margin-left: 83.33333%;
  }
  .medium-22 {
    width: 91.66667%;
  }
  .medium-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .medium-pull-22 {
    position: relative;
    left: -91.66667%;
  }
  .medium-offset-21 {
    margin-left: 87.5%;
  }
  .medium-23 {
    width: 95.83333%;
  }
  .medium-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .medium-pull-23 {
    position: relative;
    left: -95.83333%;
  }
  .medium-offset-22 {
    margin-left: 91.66667%;
  }
  .medium-24 {
    width: 100%;
  }
  .medium-offset-23 {
    margin-left: 95.83333%;
  }
  .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .medium-uncollapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .medium-uncentered, .medium-push-0, .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
@media screen and (min-width: 1024px) {
  .large-1 {
    width: 4.16667%;
  }
  .large-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .large-pull-1 {
    position: relative;
    left: -4.16667%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 8.33333%;
  }
  .large-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .large-pull-2 {
    position: relative;
    left: -8.33333%;
  }
  .large-offset-1 {
    margin-left: 4.16667%;
  }
  .large-3 {
    width: 12.5%;
  }
  .large-push-3 {
    position: relative;
    left: 12.5%;
  }
  .large-pull-3 {
    position: relative;
    left: -12.5%;
  }
  .large-offset-2 {
    margin-left: 8.33333%;
  }
  .large-4 {
    width: 16.66667%;
  }
  .large-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .large-pull-4 {
    position: relative;
    left: -16.66667%;
  }
  .large-offset-3 {
    margin-left: 12.5%;
  }
  .large-5 {
    width: 20.83333%;
  }
  .large-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .large-pull-5 {
    position: relative;
    left: -20.83333%;
  }
  .large-offset-4 {
    margin-left: 16.66667%;
  }
  .large-6 {
    width: 25%;
  }
  .large-push-6 {
    position: relative;
    left: 25%;
  }
  .large-pull-6 {
    position: relative;
    left: -25%;
  }
  .large-offset-5 {
    margin-left: 20.83333%;
  }
  .large-7 {
    width: 29.16667%;
  }
  .large-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .large-pull-7 {
    position: relative;
    left: -29.16667%;
  }
  .large-offset-6 {
    margin-left: 25%;
  }
  .large-8 {
    width: 33.33333%;
  }
  .large-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .large-pull-8 {
    position: relative;
    left: -33.33333%;
  }
  .large-offset-7 {
    margin-left: 29.16667%;
  }
  .large-9 {
    width: 37.5%;
  }
  .large-push-9 {
    position: relative;
    left: 37.5%;
  }
  .large-pull-9 {
    position: relative;
    left: -37.5%;
  }
  .large-offset-8 {
    margin-left: 33.33333%;
  }
  .large-10 {
    width: 41.66667%;
  }
  .large-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .large-pull-10 {
    position: relative;
    left: -41.66667%;
  }
  .large-offset-9 {
    margin-left: 37.5%;
  }
  .large-11 {
    width: 45.83333%;
  }
  .large-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .large-pull-11 {
    position: relative;
    left: -45.83333%;
  }
  .large-offset-10 {
    margin-left: 41.66667%;
  }
  .large-12 {
    width: 50%;
  }
  .large-push-12 {
    position: relative;
    left: 50%;
  }
  .large-pull-12 {
    position: relative;
    left: -50%;
  }
  .large-offset-11 {
    margin-left: 45.83333%;
  }
  .large-13 {
    width: 54.16667%;
  }
  .large-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .large-pull-13 {
    position: relative;
    left: -54.16667%;
  }
  .large-offset-12 {
    margin-left: 50%;
  }
  .large-14 {
    width: 58.33333%;
  }
  .large-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .large-pull-14 {
    position: relative;
    left: -58.33333%;
  }
  .large-offset-13 {
    margin-left: 54.16667%;
  }
  .large-15 {
    width: 62.5%;
  }
  .large-push-15 {
    position: relative;
    left: 62.5%;
  }
  .large-pull-15 {
    position: relative;
    left: -62.5%;
  }
  .large-offset-14 {
    margin-left: 58.33333%;
  }
  .large-16 {
    width: 66.66667%;
  }
  .large-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .large-pull-16 {
    position: relative;
    left: -66.66667%;
  }
  .large-offset-15 {
    margin-left: 62.5%;
  }
  .large-17 {
    width: 70.83333%;
  }
  .large-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .large-pull-17 {
    position: relative;
    left: -70.83333%;
  }
  .large-offset-16 {
    margin-left: 66.66667%;
  }
  .large-18 {
    width: 75%;
  }
  .large-push-18 {
    position: relative;
    left: 75%;
  }
  .large-pull-18 {
    position: relative;
    left: -75%;
  }
  .large-offset-17 {
    margin-left: 70.83333%;
  }
  .large-19 {
    width: 79.16667%;
  }
  .large-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .large-pull-19 {
    position: relative;
    left: -79.16667%;
  }
  .large-offset-18 {
    margin-left: 75%;
  }
  .large-20 {
    width: 83.33333%;
  }
  .large-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .large-pull-20 {
    position: relative;
    left: -83.33333%;
  }
  .large-offset-19 {
    margin-left: 79.16667%;
  }
  .large-21 {
    width: 87.5%;
  }
  .large-push-21 {
    position: relative;
    left: 87.5%;
  }
  .large-pull-21 {
    position: relative;
    left: -87.5%;
  }
  .large-offset-20 {
    margin-left: 83.33333%;
  }
  .large-22 {
    width: 91.66667%;
  }
  .large-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .large-pull-22 {
    position: relative;
    left: -91.66667%;
  }
  .large-offset-21 {
    margin-left: 87.5%;
  }
  .large-23 {
    width: 95.83333%;
  }
  .large-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .large-pull-23 {
    position: relative;
    left: -95.83333%;
  }
  .large-offset-22 {
    margin-left: 91.66667%;
  }
  .large-24 {
    width: 100%;
  }
  .large-offset-23 {
    margin-left: 95.83333%;
  }
  .large-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .large-uncollapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .large-uncentered, .large-push-0, .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: "flexslider-icon";
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  display: block;
  position: relative;
  zoom: 1;
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  display: block;
  width: 90%;
  max-width: 1320px;
  margin: 0 auto;
  position: absolute;
  top: calc(50% - 25px);
  left: 0;
  right: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav .flex-next {
  text-align: right;
}

.flexslider .flex-direction-nav .flex-prev {
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 10px;
}

.flexslider .flex-direction-nav .flex-next {
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 10px;
}

.flexslider .flex-direction-nav a:hover {
  border-color: #412020;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "\f004";
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: "\f003";
}

.flex-control-nav {
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 15px;
  height: 15px;
  display: block;
  background-size: auto 15px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  text-indent: -9999px;
}

.flex-control-paging li a:hover {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.maroon .flex-control-paging li:nth-child(8n+1) a {
  background-image: url("../images/dot-1-gray.svg");
}

.maroon .flex-control-paging li:nth-child(8n+2) a {
  background-image: url("../images/dot-2-gray.svg");
}

.maroon .flex-control-paging li:nth-child(8n+3) a {
  background-image: url("../images/dot-3-gray.svg");
}

.maroon .flex-control-paging li:nth-child(8n+4) a {
  background-image: url("../images/dot-4-gray.svg");
}

.maroon .flex-control-paging li:nth-child(8n+5) a {
  background-image: url("../images/dot-4-gray.svg");
}

.maroon .flex-control-paging li:nth-child(8n+6) a {
  background-image: url("../images/dot-4-gray.svg");
}

.maroon .flex-control-paging li:nth-child(8n+7) a {
  background-image: url("../images/dot-4-gray.svg");
}

.maroon .flex-control-paging li:nth-child(8n+8) a {
  background-image: url("../images/dot-4-gray.svg");
}

.gray .flex-control-paging li:nth-child(8n+1) a {
  background-image: url("../images/dot-1-maroon.svg");
}

.gray .flex-control-paging li:nth-child(8n+2) a {
  background-image: url("../images/dot-2-maroon.svg");
}

.gray .flex-control-paging li:nth-child(8n+3) a {
  background-image: url("../images/dot-3-maroon.svg");
}

.gray .flex-control-paging li:nth-child(8n+4) a {
  background-image: url("../images/dot-4-maroon.svg");
}

.gray .flex-control-paging li:nth-child(8n+5) a {
  background-image: url("../images/dot-4-maroon.svg");
}

.gray .flex-control-paging li:nth-child(8n+6) a {
  background-image: url("../images/dot-4-maroon.svg");
}

.gray .flex-control-paging li:nth-child(8n+7) a {
  background-image: url("../images/dot-4-maroon.svg");
}

.gray .flex-control-paging li:nth-child(8n+8) a {
  background-image: url("../images/dot-4-maroon.svg");
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* =================================================================================
 * RESPONSIVE
 * ================================================================================= */
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
body {
  font-family: "arno-pro", serif;
  font-size: 16px;
  font-size: 1rem;
  color: #412020;
  line-height: 1.5;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

h1 {
  font-size: 2em;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1em;
}

p {
  font-size: 1em;
  margin: 20px 0;
  color: #412020;
  font-family: "ff-meta-web-pro-condensed", serif;
}
p a {
  font-weight: 700;
}

.title {
  text-transform: uppercase;
  letter-spacing: 0.5rem;
  margin: 0;
  line-height: 1.2;
}

.subtitle {
  font-size: 1rem;
  font-family: "ff-meta-web-pro-condensed", serif;
  font-weight: 700;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  margin: 0 auto 20px;
  line-height: 1;
}

img.icon {
  margin-bottom: 20px;
  width: auto;
  height: 40px;
}

.row {
  clear: both;
}

.site-main {
  overflow-x: hidden;
}

select {
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

a, a:visited, a:active, a:focus {
  color: #412020;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -transition: 0.3s;
  transition: 0.3s;
}
a:hover, a:visited:hover, a:active:hover, a:focus:hover {
  color: #000000;
}

a.button {
  display: inline-block;
  text-decoration: none;
  color: #fbf3ef;
  font-family: "arno-pro", serif;
  border: 2px solid #412020;
  background-color: #412020;
  font-size: 1.125em;
  padding: 6px 35px;
  margin: 20px auto 0;
  cursor: pointer;
  font-weight: 100;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}
a.underline {
  font-size: 1.125rem;
  color: #412020;
  font-family: "arno-pro", serif;
  text-transform: uppercase;
  border-bottom: 2px solid #412020;
}

h5 {
  font-family: "arno-pro", serif;
  color: #cdc1bc;
  font-size: 1.125em;
  margin: 0;
}

.circle img {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 50px;
}

.row {
  max-width: 1320px;
  margin: 0 auto;
}

.menu-toggle {
  display: block;
}

#mobilemenu {
  position: absolute;
  top: 45px;
  right: 27px;
  color: #412020;
  width: 40px;
  height: 35px;
  background-color: #ffffff;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  -transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  outline: none;
}
#mobilemenu span {
  width: 40px;
  height: 35px;
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #412020;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#mobilemenu span:nth-child(1) {
  top: 10px;
}
#mobilemenu span:nth-child(2),
#mobilemenu span:nth-child(3) {
  top: 22px;
}
#mobilemenu span:nth-child(4) {
  top: 33px;
}
#mobilemenu.open span:nth-child(1),
#mobilemenu.open span:nth-child(4) {
  top: 15px;
  width: 0%;
  left: 50%;
}
#mobilemenu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobilemenu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.site-header {
  position: relative;
  z-index: 99;
  width: 100%;
  background-color: #ffffff;
}
.site-header .logo {
  width: 170px;
  float: left;
  margin: 10px 20px;
}
.site-header .logo img {
  display: block;
}
.site-header .utility-nav {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #382f2d;
}
.site-header .utility-nav .login,
.site-header .utility-nav .cart-container {
  display: inline-block;
  margin: 0 10px;
}
.site-header .utility-nav .login a,
.site-header .utility-nav .cart-container a {
  color: #ffffff;
}
.site-header .utility-nav .login {
  color: #ffffff;
  font-family: "ff-meta-web-pro-condensed", serif;
}
.site-header .utility-nav .cart-container img.cart {
  height: 20px;
  width: 20px;
  padding: 0 0 5px 0;
  vertical-align: bottom;
}
.site-header .utility-nav .cart-container a {
  display: inline-block;
  font-size: 0.8rem;
  bottom: 2px;
}
.site-header .utility-nav .cart-container a:hover {
  color: #fbf3ef;
}
.site-header .main-navigation ul ul a {
  width: auto;
}
.site-header .main-navigation .menu {
  display: none;
  padding: 10px 0;
}
.site-header .main-navigation .menu li {
  display: block;
  width: 100%;
  text-align: center;
}
.site-header .main-navigation .menu li a {
  font-family: "ff-meta-web-pro-condensed", serif;
  text-transform: uppercase;
  padding: 5px;
}
.site-header .main-navigation .menu li .sub-menu {
  display: none;
  position: relative;
  box-shadow: none;
  width: 100%;
  top: 0;
  margin-bottom: 25px;
  padding: 10px;
}
.site-header .main-navigation .menu li .sub-menu li {
  background-color: #e1dad6;
}
.site-header .main-navigation .menu li:hover .sub-menu {
  display: block;
}
.site-header .main-navigation.toggled .menu {
  display: inline-block;
  width: 100%;
}

.site-footer {
  clear: both;
  width: 100%;
  margin: 0 auto;
  height: auto;
  background: #412020 url("images/flower_overlay.png") no-repeat center center;
  background-size: cover;
}
.site-footer .logo-white {
  width: 150px;
  height: 54px;
}
.site-footer .row {
  padding: 40px 20px;
  height: 100%;
}
.site-footer .row .columns {
  padding: 20px;
}
.site-footer .row .columns h5 {
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
.site-footer .row .columns p,
.site-footer .row .columns .location-google {
  color: #fbf3ef;
  margin: 0;
  font-size: 0.95rem;
  font-weight: normal;
  font-family: "ff-meta-web-pro-condensed", serif;
}
.site-footer .row a {
  color: #ffffff;
}
.site-footer .row a:visited {
  color: #ffffff;
}
.site-footer .row a:hover {
  color: #fbf3ef;
}
.site-footer .copyright {
  font-size: 0.8rem;
}
.site-footer .social span {
  text-align: center;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 99%;
}
.site-footer .social span::before {
  padding: 10px;
  display: inline-block;
}
.site-footer .social a {
  color: #412020;
  margin: 2px;
}
.site-footer .social a:visited, .site-footer .social a:active, .site-footer .social a:focus {
  color: #412020;
}
.site-footer .social a:nth-child(1n) span {
  background-image: url("images/dot-1-white.svg");
}
.site-footer .social a:nth-child(2n) span {
  background-image: url("images/dot-2-white.svg");
}
.site-footer .social a:nth-child(3n) span {
  background-image: url("images/dot-3-white.svg");
}
.site-footer .social a:nth-child(4n) span {
  background-image: url("images/dot-4-white.svg");
}
.site-footer .social a:hover {
  color: #412020;
}
.site-footer .social a:hover:nth-child(1n) span {
  background-image: url("images/dot-1-wheat.svg");
}
.site-footer .social a:hover:nth-child(2n) span {
  background-image: url("images/dot-2-wheat.svg");
}
.site-footer .social a:hover:nth-child(3n) span {
  background-image: url("images/dot-3-wheat.svg");
}
.site-footer .social a:hover:nth-child(4n) span {
  background-image: url("images/dot-4-wheat.svg");
}

.gform_wrapper .gfield_required {
  color: red !important;
}

.maroon {
  background-color: #412020;
}
.maroon a, .maroon p, .maroon ul, .maroon li, .maroon h1, .maroon h2, .maroon h3, .maroon .title, .maroon .subtitle {
  color: #fbf3ef;
}
.maroon a {
  color: #fbf3ef;
}
.maroon a.button {
  color: #412020;
  border-color: #fbf3ef;
  background-color: #fbf3ef;
}
.maroon a.underline {
  color: #e1dad6;
  border-bottom: 2px solid #e1dad6;
}
.maroon.overlay {
  background: rgba(65, 32, 32, 0.8);
}
.maroon.overlay .button {
  background-color: transparent;
  color: #fbf3ef;
}

.gray {
  background-color: #e1dad6;
}
.gray a {
  color: #412020;
}
.gray a.button {
  border-color: #412020;
  color: #fbf3ef;
}
.gray a.underline {
  color: #382f2d;
  border-bottom: 2px solid #ffffff;
}
.gray.overlay {
  background: rgba(225, 218, 214, 0.8);
}

a {
  text-decoration: none;
}

#hero {
  margin-bottom: 50px;
}
#hero .herostory {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
#hero .overlay {
  display: table;
  width: 100%;
  height: 100%;
  background: rgba(65, 32, 32, 0.8);
}
#hero .content {
  display: table-cell;
  vertical-align: middle;
}
#hero .content .innerlayer {
  width: 90%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
#hero h1 {
  display: block;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.2;
}

.featured_coffee {
  display: table;
  width: 100%;
  margin: 0 auto 50px;
}
.featured_coffee .featured {
  padding: 20px 40px;
  text-align: center;
  height: 575px;
  background: #e1dad6 url("images/fc_flowers.png") no-repeat center center;
  background-size: cover;
}
.featured_coffee .button {
  border-color: #412020;
  color: #412020;
}
.featured_coffee .button:hover {
  background-color: #412020;
  color: #e1dad6;
}
.featured_coffee .coffees {
  position: relative;
  margin-top: -330px;
}
.featured_coffee .coffees .columns {
  position: relative;
  text-align: center;
}
.featured_coffee .coffees .columns .fc_content {
  text-align: center;
  position: absolute;
  top: 56%;
  left: 0;
  right: 0;
  bottom: 16%;
  z-index: 9;
}
.featured_coffee .coffees .columns .fc_content .center {
  height: 100%;
  width: 60%;
  margin: 0 auto;
  padding: 0 10px;
}
.featured_coffee .coffees .columns .fc_content .center h3 {
  position: relative;
  word-wrap: break-word;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.featured_coffee .coffees .columns .fc_content h3 {
  margin: 0;
  font-size: 1.65rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  line-height: 1;
  color: #412020;
}
.featured_coffee .coffees .columns .fc_content p {
  font-family: "ff-meta-web-pro-condensed", serif;
  font-size: 0.9rem;
  line-height: 1.2;
  color: #53585a;
}

.divider {
  display: table;
  height: 50px;
  width: 100%;
  background: url("images/fence-maroon.svg") repeat-x center center;
  background-size: auto 30px;
  text-align: center;
  margin: 40px auto;
}
.divider img {
  display: inline-block;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 0 25px;
  width: 110px;
  height: 50px;
}

.fullwidth {
  position: relative;
  display: table;
  margin: 0 auto 50px;
  overflow: hidden;
  width: 100%;
}
.fullwidth video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto !important;
  top: 50%;
  left: 50%;
  height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
  z-index: 1;
}
.fullwidth .outerlayer {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}
.fullwidth .innerlayer {
  padding: 80px 20px;
  width: 90%;
  max-width: 660px;
  margin: 0 auto;
  text-align: center;
}
.fullwidth a.button.fadeInUp.in-view {
  width: 100%;
}

.twocolumn {
  display: flex;
  margin: 0 auto 50px;
}
.twocolumn a {
  color: #412020;
}
.twocolumn a:hover {
  border-bottom: 1px solid #412020;
}
.twocolumn .row-header,
.twocolumn .row-footer {
  clear: both;
  text-align: center;
}
.twocolumn .innerlayer {
  padding: 40px;
}
.twocolumn .row-header .innerlayer {
  padding: 40px 40px 20px 40px;
}
.twocolumn .row-content .columns:last-child:not(:first-child) {
  padding-bottom: 40px;
}
.twocolumn .row-content .innerlayer {
  padding: 10px 40px;
}
.twocolumn .row-content .innerlayer .gform_confirmation_wrapper {
  color: #fff;
}
.twocolumn .row-content .innerlayer p:first-child {
  margin-top: 0;
}
.twocolumn .row-content .innerlayer p:last-child {
  margin-bottom: 0;
}
.twocolumn .maroon,
.twocolumn .gray {
  display: block;
  width: 100%;
}
.twocolumn .maroon a,
.twocolumn .gray a {
  color: #412020;
}
.twocolumn .row-footer .innerlayer {
  padding: 20px 40px 40px 40px;
}
.twocolumn .row-footer a.button {
  margin-top: 0;
}
.twocolumn .subtitle {
  line-height: 2;
}

.fiftycomplex {
  display: table;
  margin: 0 auto 50px;
}
.fiftycomplex .row {
  display: table;
  width: 100%;
  margin: 10px auto;
  clear: both;
}
.fiftycomplex .content {
  display: table;
  width: 100%;
  height: 100%;
}
.fiftycomplex .content .innerlayer {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 40px;
}
.fiftycomplex .arrow-left,
.fiftycomplex .arrow-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  z-index: 10;
}
.fiftycomplex .arrow-left {
  right: 0;
  border-right: 30px solid #ffffff;
}
.fiftycomplex .arrow-right {
  left: 0;
  border-left: 30px solid #ffffff;
}
.fiftycomplex .bgimage {
  display: block;
  width: 100%;
  height: 320px;
  position: relative;
  z-index: 5;
}
.fiftycomplex .contentside,
.fiftycomplex .imageside {
  position: relative;
}
.fiftycomplex .top .imageside {
  padding-bottom: 5px;
}
.fiftycomplex .top .contentside {
  padding-top: 5px;
}
.fiftycomplex .bottom .imageside {
  padding-top: 5px;
}
.fiftycomplex .bottom .contentside {
  padding-bottom: 5px;
}

.eightycallout {
  display: table;
  margin: 0 auto 50px;
}
.eightycallout .innerlayer {
  padding: 40px;
}
.eightycallout .calloutside .divider {
  height: 15px;
}
.eightycallout .calloutside .title {
  margin: 20px 0;
  font-size: 2rem;
}
.eightycallout .calloutside p {
  font-size: 0.95rem;
}
.eightycallout .calloutside .button {
  margin: 10px 0 20px;
}
.eightycallout .calloutside img {
  margin: 20px 0;
}
.eightycallout .calloutside .divider {
  height: 20px;
  width: 100%;
  margin: 0;
}
.eightycallout.maroon .divider {
  background-image: url("images/fence-wheat.svg");
}

.largetext {
  display: table;
  width: 100%;
  margin: 50px auto;
}
.largetext .titleside .innerlayer {
  padding: 40px 40px 10px 40px;
}
.largetext .contentside .innerlayer {
  padding: 10px 40px 40px 40px;
}

.eightyimage,
.fiftyimage {
  display: table;
  margin: 0 auto 50px;
}
.eightyimage .innerlayer,
.fiftyimage .innerlayer {
  text-align: center;
  padding: 40px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.eightyimage .imageside,
.eightyimage .contentside,
.fiftyimage .imageside,
.fiftyimage .contentside {
  position: relative;
}
.eightyimage .bgimage,
.fiftyimage .bgimage {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 320px;
}
.eightyimage .columns,
.fiftyimage .columns {
  position: relative;
}
.eightyimage .contentside.right,
.fiftyimage .contentside.right {
  padding-top: 10px;
}
.eightyimage .contentside.left,
.fiftyimage .contentside.left {
  padding-bottom: 10px;
}
.eightyimage .arrow-left,
.eightyimage .arrow-right,
.fiftyimage .arrow-left,
.fiftyimage .arrow-right {
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  z-index: 10;
}
.eightyimage .arrow-left,
.fiftyimage .arrow-left {
  bottom: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid #ffffff;
}
.eightyimage .arrow-right,
.fiftyimage .arrow-right {
  top: 0;
  border-top: 30px solid #ffffff;
  border-bottom: 30px solid transparent;
}

.fullwidth_image_slider {
  display: block;
  position: relative;
  margin: 0 auto 50px;
}
.fullwidth_image_slider .flexslider,
.fullwidth_image_slider .flex-viewport,
.fullwidth_image_slider .slides,
.fullwidth_image_slider .slides li {
  width: 100% !important;
  height: 320px;
}
.fullwidth_image_slider .slides li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.fullwidth_image_slider .flex-direction-nav {
  display: none;
}
.fullwidth_image_slider .flexslider .flex-control-nav {
  width: 100%;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(65, 32, 32, 0.7);
}
.fullwidth_image_slider .flexslider .flex-control-nav a.flex-active {
  opacity: 0.5;
}
.fullwidth_image_slider .flexslider .flex-control-nav a {
  color: #ffffff;
}
.fullwidth_image_slider .flexslider .flex-control-paging li a {
  text-indent: unset;
}
.testimonials {
  display: table;
  margin: 0 auto 50px;
  padding: 20px;
}
.testimonials.maroon .divider .quote {
  background-image: url("images/fence-gray.svg");
}
.testimonials.maroon .divider img {
  background-color: #412020;
}
.testimonials.maroon h5 {
  color: #ffffff;
}
.testimonials.gray .divider .quote {
  background-image: url("images/fence-maroon.svg");
}
.testimonials.gray .divider img {
  background-color: #e1dad6;
}
.testimonials.gray h5 {
  color: #412020;
}
.testimonials .divider {
  display: inline-block;
  margin: 0 auto;
}
.testimonials .divider.bottom .quote {
  height: 25px;
}
.testimonials .divider .quote {
  background-repeat: repeat-x;
  background-position: center center;
  background-size: auto 25px;
}
.testimonials .divider .quote img {
  width: 150px;
  height: 75px;
}
.testimonials .quoteslider {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}
.testimonials .quoteslider .flex-control-nav {
  position: relative;
  bottom: 0;
}
.testimonials .innerlayer {
  padding: 20px 40px;
  text-align: center;
}
.testimonials p {
  font-size: 2rem;
  line-height: 1.2;
  font-family: "arno-pro", serif;
}

.logos {
  display: table;
  margin: 0 auto 50px;
}
.logos .innerlayer {
  display: block;
  width: 100%;
  text-align: center;
  padding: 40px;
}
.logos ul {
  display: block;
  margin: 0;
  padding: 0;
}
.logos ul li {
  display: inline-block;
  width: 35%;
  margin: 20px;
  vertical-align: middle;
}
.logos ul li img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.fourup {
  display: table;
  width: 100%;
  margin: 0 auto 50px;
  clear: both;
}
.fourup .row-header,
.fourup .row-footer {
  max-width: 860px;
  margin: 0 auto;
  clear: both;
  text-align: center;
}
.fourup .row-header .innerlayer,
.fourup .row-footer .innerlayer {
  display: inline-block;
}
.fourup .innerlayer {
  text-align: center;
  padding: 40px;
}
.fourup .row-content {
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
  clear: both;
}
.fourup .row-content .innerlayer {
  padding: 20px 40px;
}
.fourup .row-content img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}

.title_row {
  display: table;
  margin: 0 auto 50px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.title_row h1 {
  padding: 15px 0 10px;
  font-family: "arno-pro", serif;
  font-weight: 400;
  letter-spacing: 0.5rem;
  margin: 0;
  text-transform: uppercase;
  font-size: 2rem;
}

.googlemap {
  margin: 50px auto;
}
.googlemap iframe {
  width: 100% !important;
  position: relative;
  pointer-events: none;
}
.googlemap iframe.clicked {
  pointer-events: auto;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=url], .gform_wrapper input[type=password], .gform_wrapper input[type=search], .gform_wrapper input[type=number], .gform_wrapper input[type=tel], .gform_wrapper input[type=range], .gform_wrapper input[type=date], .gform_wrapper input[type=month], .gform_wrapper input[type=week], .gform_wrapper input[type=time], .gform_wrapper input[type=datetime], .gform_wrapper input[type=datetime-local], .gform_wrapper input[type=color], .gform_wrapper textarea {
  border-radius: 0;
  outline: none;
  padding: 4px 10px !important;
  font-family: "ff-meta-web-pro-condensed", serif !important;
  height: auto;
}
.gform_wrapper .top_label .gfield_label {
  font-size: 1.2rem;
  font-weight: normal;
}
.gform_wrapper .top_label div.ginput_container {
  margin-top: 0 !important;
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle {
  padding-top: 0 !important;
}
.gform_wrapper button,
.gform_wrapper input[type=button],
.gform_wrapper input[type=reset],
.gform_wrapper input[type=submit] {
  border-radius: 0;
  box-shadow: none;
  padding: 8px 24px 6px;
  text-shadow: none;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
  border-radius: 0;
  outline: none;
  padding: 2px 10px;
  font-family: "ff-meta-web-pro-condensed", serif;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -transition: 0.3s;
  transition: 0.3s;
  font-family: "arno-pro", serif;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 100;
}

.maroon input[type=text], .maroon input[type=email], .maroon input[type=url], .maroon input[type=password], .maroon input[type=search], .maroon input[type=number], .maroon input[type=tel], .maroon input[type=range], .maroon input[type=date], .maroon input[type=month], .maroon input[type=week], .maroon input[type=time], .maroon input[type=datetime], .maroon input[type=datetime-local], .maroon input[type=color], .maroon textarea {
  background: #412020;
  border: 2px solid #e1dad6;
  color: #e1dad6;
}
.maroon button,
.maroon input[type=button],
.maroon input[type=reset],
.maroon input[type=submit] {
  border: 2px solid #e1dad6;
  color: #412020;
  background-color: #e1dad6;
}
.maroon button:hover,
.maroon input[type=button]:hover,
.maroon input[type=reset]:hover,
.maroon input[type=submit]:hover {
  background-color: transparent;
  color: #e1dad6;
}

.gray input[type=text], .gray input[type=email], .gray input[type=url], .gray input[type=password], .gray input[type=search], .gray input[type=number], .gray input[type=tel], .gray input[type=range], .gray input[type=date], .gray input[type=month], .gray input[type=week], .gray input[type=time], .gray input[type=datetime], .gray input[type=datetime-local], .gray input[type=color], .gray textarea {
  background: #e1dad6;
  border: 2px solid #412020;
  color: #412020;
}
.gray button,
.gray input[type=button],
.gray input[type=reset],
.gray input[type=submit] {
  color: #e1dad6;
  border: 2px solid #412020;
  background-color: #412020;
}
.gray button:hover,
.gray input[type=button]:hover,
.gray input[type=reset]:hover,
.gray input[type=submit]:hover {
  background-color: transparent;
  color: #412020;
}

.woocommerce.hfeed .site-main > .row > .term-description {
  display: none;
}
.woocommerce .title_row .overlay {
  padding-bottom: 40px;
}
.woocommerce .title_row h1 {
  padding-bottom: 0;
}
.woocommerce .title_row h1, .woocommerce .title_row p {
  margin: 0;
}
.woocommerce .site-main .woo-sidebar,
.woocommerce .site-main .product-side {
  padding: 0 20px;
}
.woocommerce .single-product {
  display: flex;
  width: calc(100% - 40px);
  max-width: 1280px;
  margin: 40px auto;
}
.woocommerce .single-product .title_row {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
}
.woocommerce .single-product .title_row .maroon.overlay {
  padding: 3rem 0;
}
.woocommerce .single-product .title_row h1, .woocommerce .single-product .title_row p {
  margin: 0;
  padding: 0;
}
.woocommerce .single-product .title_row h1 {
  width: 80%;
  line-height: 1.2;
  max-width: 1080px;
  margin: 0 auto;
}
.woocommerce .single-product span.onsale {
  left: 75%;
  background-color: #412020;
  color: #fbf3ef;
  width: 50px;
  height: 50px;
  padding: 0;
  text-transform: uppercase;
  font-size: 1.25rem;
}
.woocommerce .single-product div.product {
  width: 100%;
}
.woocommerce .single-product div.product form.cart {
  text-align: left;
  margin: 20px auto;
}
.woocommerce .single-product div.product form.cart div.quantity,
.woocommerce .single-product div.product form.cart .button {
  display: inline-block;
  float: none;
}
.woocommerce .single-product div.product div.images .woocommerce-product-gallery__image--placeholder {
  border: 0;
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}
.woocommerce .single-product div.product div.images .woocommerce-product-gallery__image--placeholder img {
  position: relative;
  z-index: 2;
}
.woocommerce .single-product div.product div.images .woocommerce-product-gallery__image--placeholder .title-contain {
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  bottom: 15%;
  padding: 0 10px;
  z-index: 4;
}
.woocommerce .single-product div.product div.images .woocommerce-product-gallery__image--placeholder .title-contain .title {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.5rem;
  color: #412020;
  width: 68%;
  margin: 0 auto;
  letter-spacing: 0.1rem;
  text-align: center;
}
.woocommerce .single-product div.product div.images .flex-control-thumbs {
  display: flex;
  width: calc(100% + 4px);
  margin: 4px -2px 0;
}
.woocommerce .single-product div.product div.images .flex-control-thumbs li {
  width: auto;
  margin: 0 2px;
  clear: none;
}
.woocommerce .single-product div.product div.summary {
  text-align: left;
}
.woocommerce .single-product div.product div.summary p {
  font-size: 1.6rem;
  line-height: 1.25;
}
.woocommerce .single-product div.product div.summary p.price {
  font-size: 3rem;
}
.woocommerce .single-product div.product div.summary .product_meta {
  font-family: "arno-pro", serif;
  font-weight: 700;
}
.woocommerce .single-product div.product div.summary .product_meta a {
  font-family: "ff-meta-web-pro-condensed", serif;
  text-transform: uppercase;
  font-weight: 100;
}
.woocommerce .single-product div.product div.summary .product_meta span {
  display: block;
}
.woocommerce .single-product div.product div.summary .product_meta span span.sku {
  display: inline;
}
.woocommerce .single-product div.product div.summary .product_meta span.price {
  font-size: 3rem;
  color: #412020;
  line-height: 1;
  margin-bottom: 10px;
}
.woocommerce .single-product div.product .row {
  text-align: center;
}
.woocommerce .single-product div.product p.price {
  font-weight: 100;
  font-family: "arno-pro", serif;
  color: #53585a;
}
.woocommerce .single-product div.product p.price del {
  color: #412020;
}
.woocommerce .single-product div.product p.price del,
.woocommerce .single-product div.product p.price ins {
  margin: 0 5px;
}
.woocommerce .single-product div.product p.price ins {
  font-weight: 100;
}
.woocommerce #payment #place_order {
  width: 100%;
}
.woocommerce ul.products li.product .woocommerce-placeholder {
  border: 0;
}
.woocommerce ul.products li.product a {
  display: block;
}
.woocommerce ul.products li.product a img {
  margin: 0;
}
.woocommerce table.cart td.product-name dl dd p,
.woocommerce #content table.cart td.product-name dl dd p {
  margin: 0;
}
.woocommerce table.cart td.actions .coupon input.input-text,
.woocommerce #content table.cart td.actions .coupon input.input-text {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 12px;
  height: 36px;
}
.woocommerce table.cart td.actions .coupon input[type=submit],
.woocommerce #content table.cart td.actions .coupon input[type=submit] {
  width: 100%;
  height: 36px;
}
.woocommerce input[type=text], .woocommerce input[type=email], .woocommerce input[type=url], .woocommerce input[type=password], .woocommerce input[type=search], .woocommerce input[type=number], .woocommerce input[type=tel], .woocommerce input[type=range], .woocommerce input[type=date], .woocommerce input[type=month], .woocommerce input[type=week], .woocommerce input[type=time], .woocommerce input[type=datetime], .woocommerce input[type=datetime-local], .woocommerce input[type=color], .woocommerce textarea {
  border-color: #e1dad6;
  padding: 4px 10px;
}
.woocommerce select {
  outline: none;
}
.woocommerce .widget_product_categories {
  display: block;
  text-align: center;
  background-color: #e1dad6;
  padding: 20px;
  margin: 0;
}
.woocommerce .widget_product_categories h2 {
  margin: 0;
  font-size: 1.5rem;
}

.woocommerce-products-header {
  background: url("images/wholesale-coffee-roasting.jpg") no-repeat center center;
  background-size: cover;
}

.woocommerce-page .entry-header {
  text-align: center;
  background-color: #412020;
  margin-bottom: 50px;
}
.woocommerce-page .entry-header h1 {
  margin: 0 auto;
  color: #ffffff;
  font-size: 3rem;
  padding: 30px 0 20px;
}
.woocommerce-page .entry-content,
.woocommerce-page .entry-footer {
  max-width: 1320px;
  margin: 0 auto;
}

.woocommerce .quantity .qty {
  border: 1px solid #e1dad6;
  padding: 7px 10px;
  height: auto;
  border-radius: 0;
  vertical-align: middle;
}
.woocommerce input.button.alt,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce a.button {
  display: inline-block;
  text-decoration: none;
  color: #fbf3ef;
  font-family: "arno-pro", serif, serif;
  border: 2px solid #412020;
  background-color: #412020;
  font-size: 1.125em;
  padding: 6px 1rem;
  margin: 1rem auto;
  cursor: pointer;
  font-weight: 100;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  border-radius: 0;
  line-height: 1.25;
}
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button:hover {
  background-image: none;
  background-color: #e1dad6;
  color: #412020;
  box-shadow: none;
}
.woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled] {
  color: #ffffff;
  padding: 8px 26px 6px;
  opacity: 0.25;
  filter: alpha(opacity=25);
}
.woocommerce button.button.alt {
  font-family: "arno-pro", serif;
  font-size: 1rem;
  vertical-align: middle;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -transition: 0.3s;
  transition: 0.3s;
  margin: 0;
}
.woocommerce button.button.alt.disabled {
  background-color: #a08f8f;
}
.woocommerce a.added_to_cart {
  display: block !important;
}
.woocommerce .variations .label {
  display: none;
}
.woocommerce .variations .value {
  padding: 0 0 20px;
}
.woocommerce .variations .value select {
  border-radius: 0;
  outline: none;
  padding: 6px 12px !important;
  font-size: 1rem;
  font-family: "ff-meta-web-pro-condensed", serif !important;
  height: auto;
  width: auto;
  background: #e1dad6 url("images/arrow-down-maroon.png") no-repeat center right 10px;
  background-size: auto 6px;
  border: 2px solid #412020;
  color: #412020;
  position: relative;
  -moz-appearance: none;
  appearance: none;
}
.woocommerce ul.products li.product {
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.25rem;
  line-height: 1.1;
  color: #412020;
}
.woocommerce ul.products li.product.product_cat-coffee a {
  position: relative;
}
.woocommerce ul.products li.product.product_cat-coffee .woocommerce-loop-product__title {
  position: absolute;
  top: 64%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  width: 68%;
  text-transform: uppercase;
}
.woocommerce ul.products li.product .shop-img-contain .mugs {
  display: none;
}
.woocommerce ul.products li.product .shop-img-contain .mugs.active {
  display: block;
}
.woocommerce ul.products li.product .shop-img-contain a {
  position: relative;
}
.woocommerce ul.products li.product .shop-img-contain a img {
  margin: 0 auto;
}
.woocommerce ul.products li.product .shop-img-contain .button {
  margin: 0 auto;
}
.woocommerce ul.products li.product .shop-img-contain .swatches {
  margin-top: 10px;
  display: inline-block;
}
.woocommerce ul.products li.product .shop-img-contain .swatches .white,
.woocommerce ul.products li.product .shop-img-contain .swatches .light-blue,
.woocommerce ul.products li.product .shop-img-contain .swatches .dark-blue,
.woocommerce ul.products li.product .shop-img-contain .swatches .red,
.woocommerce ul.products li.product .shop-img-contain .swatches .orange,
.woocommerce ul.products li.product .shop-img-contain .swatches .green {
  width: 30px;
  height: 30px;
  margin: 0 2.5px;
  display: inline-block;
  float: left;
  border-radius: 50%;
  border: 2px solid #382f2d;
}
.woocommerce ul.products li.product .shop-img-contain .swatches .white {
  background-color: #fff;
}
.woocommerce ul.products li.product .shop-img-contain .swatches .light-blue {
  background-color: #0075c2;
}
.woocommerce ul.products li.product .shop-img-contain .swatches .dark-blue {
  background-color: #050d44;
}
.woocommerce ul.products li.product .shop-img-contain .swatches .red {
  background-color: #b51f06;
}
.woocommerce ul.products li.product .shop-img-contain .swatches .orange {
  background-color: #fe5a00;
}
.woocommerce ul.products li.product .shop-img-contain .swatches .green {
  background-color: #748f02;
}
.woocommerce ul.products li.product .price {
  color: #53585a;
  margin: 1rem auto;
  font-family: "arno-pro", serif;
  font-size: 1.5rem;
  font-weight: 100;
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
  font-family: "arno-pro", serif;
  display: inline-block;
  margin: 0 5px;
  font-weight: 100;
}
.woocommerce ul.products li.product .price del {
  color: #412020;
}
.woocommerce ul.products li.product .onsale {
  top: -15px;
  right: -15px;
  margin: 0;
}
.woocommerce nav.woocommerce-pagination {
  margin: 50px auto;
}
.woocommerce nav.woocommerce-pagination ul {
  border: 0;
  margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: 0;
  background-color: transparent;
}
.woocommerce nav.woocommerce-pagination ul li a:active, .woocommerce nav.woocommerce-pagination ul li a:focus {
  background-color: transparent;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current {
  color: #fbf3ef;
  width: 40px;
  height: 45px;
  padding: 15px;
  background-color: transparent;
  background-image: url("images/dot-5-maroon.svg");
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current:hover {
  background-color: transparent;
  background-image: url("images/dot-5-wheat.svg");
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #412020;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  color: #412020;
  background-image: url("images/dot-5-wheat.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+1) a {
  background-image: url("images/dot-1-maroon.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+1) a:hover {
  background-image: url("images/dot-1-wheat.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+2) a {
  background-image: url("images/dot-2-maroon.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+2) a:hover {
  background-image: url("images/dot-2-wheat.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+3) a {
  background-image: url("images/dot-3-maroon.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+3) a:hover {
  background-image: url("images/dot-3-wheat.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+4) a {
  background-image: url("images/dot-4-maroon.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+4) a:hover {
  background-image: url("images/dot-4-wheat.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+5) a {
  background-image: url("images/dot-5-maroon.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+5) a:hover {
  background-image: url("images/dot-5-wheat.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+6) a {
  background-image: url("images/dot-6-maroon.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+6) a:hover {
  background-image: url("images/dot-6-wheat.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+7) a {
  background-image: url("images/dot-7-maroon.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+7) a:hover {
  background-image: url("images/dot-7-wheat.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+8) a {
  background-image: url("images/dot-8-maroon.svg");
}
.woocommerce nav.woocommerce-pagination ul li:nth-child(8n+8) a:hover {
  background-image: url("images/dot-8-wheat.svg");
}
.woocommerce a.remove {
  color: #53585a !important;
}
.woocommerce a.remove:hover {
  color: #ffffff !important;
  background-color: #53585a !important;
}
.woocommerce table.shop_table th {
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}
.woocommerce table.shop_table td {
  font-familY: "ff-meta-web-pro-condensed", serif;
  font-size: 1rem;
}
.woocommerce form .form-row .required {
  color: #412020;
}
.woocommerce form .form-row.woocommerce-invalid label {
  color: #412020;
  font-weight: 700;
}
.woocommerce form .form-row.woocommerce-invalid input.input-text {
  border-color: #412020;
}
.woocommerce .cart-collaterals {
  text-align: left;
  margin-bottom: 3rem;
}

.woocommerce-info,
.woocommerce-message {
  background-color: #fbf3ef;
  border: 0;
  color: #412020;
  position: relative;
}
.woocommerce-info::before,
.woocommerce-message::before {
  color: #412020;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.woocommerce-info p a.button,
.woocommerce-message p a.button {
  margin: 10px 40px;
  float: none !important;
}

.woocommerce-checkout .woocommerce-info {
  display: none;
}
.woocommerce-checkout form h3 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin: 1rem 0;
}
.woocommerce-checkout #payment {
  margin-bottom: 3rem;
}

.woocommerce-checkout-review-order-table dl.variation dt {
  padding-top: 2px;
}
.woocommerce-checkout-review-order-table dl.variation dd p {
  margin: 0;
}

.select2-container--default .select2-selection--single {
  border-radius: 0;
  border-color: #e1dad6;
  height: 32px;
}

.woocommerce .divider {
  display: block;
  width: auto;
  margin: 2rem 0;
  height: 20px;
}
.woocommerce .woocommerce-ordering select {
  border: 1px solid #e1dad6;
  padding: 4px 12px;
  background-color: #ffffff;
  font-family: "ff-meta-web-pro-condensed", serif;
  color: #53585a;
  background: url("images/arrow-down-maroon.png") no-repeat center right 10px;
  background-size: auto 6px;
}
.woocommerce .widget_product_categories ul.product-categories {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce .widget_product_categories ul.product-categories li {
  display: block;
  position: relative;
  margin: 10px 0;
}
.woocommerce .widget_product_categories ul.product-categories li a {
  display: block;
  font-family: "arno-pro", serif;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  padding: 0;
}
.woocommerce .widget_product_categories ul.product-categories li ul {
  padding: 0;
  margin: 0 0 1rem;
}
.woocommerce .widget_product_categories ul.product-categories li ul li {
  margin: 0;
}
.woocommerce .widget_product_categories ul.product-categories li ul li a {
  font-family: "ff-meta-web-pro-condensed", serif;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.75;
  letter-spacing: 0;
}
.woocommerce #not-coffee div.summary p.price {
  display: none;
}
.woocommerce #not-coffee form.cart {
  margin: 0;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
  border-color: #412020;
  padding-top: 6px;
  padding-bottom: 6px;
}
.woocommerce ul.order_details {
  text-align: center;
}
.woocommerce span.onsale {
  width: auto;
}

.woocommerce-account.woocommerce-page.logged-in .full-width .inner-layer {
  width: 100%;
}
.woocommerce-account.woocommerce-page .fullwidth .innerlayer {
  padding: 0 0 50px;
}
.woocommerce-account.woocommerce-page .fullwidth .innerlayer form .form-row input.input-text {
  padding: 7px 10px;
}

.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer {
  max-width: 1320px;
  width: 100%;
  margin: 0;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content {
  width: 75%;
  float: left;
  text-align: left;
  padding-left: 50px;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content p {
  margin-top: 0px;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content a {
  border-bottom: 2px solid #e1dad6;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content a:hover {
  border-color: #412020;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content a.button {
  border-bottom-color: #412020;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content h3 {
  font-size: 32px;
  margin: 0;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content .woocommerce-Address {
  text-align: left;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content .woocommerce-Address .edit {
  font-size: 14px;
  clear: both;
  float: left;
  margin: 20px 0;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content fieldset {
  margin: 50px auto;
  padding: 40px;
  border-color: #e1dad6;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-content fieldset legend {
  background-color: #ffffff;
  padding: 0 20px;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-size: 1.125rem;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-navigation {
  width: 25%;
  text-align: left;
  float: left;
  display: inline-block;
  padding-left: 10px;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-navigation ul li {
  display: block;
  padding: 5px 0;
}
.woocommerce-account.logged-in.woocommerce-page .fullwidth .outerlayer .innerlayer .woocommerce-MyAccount-navigation ul li a {
  font-family: "ff-meta-web-pro-condensed", serif;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .woocommerce table.cart td.actions .coupon input.input-text,
  .woocommerce #content table.cart td.actions .coupon input.input-text,
  .woocommerce-page table.cart td.actions .coupon input.input-text,
  .woocommerce-page #content table.cart td.actions .coupon input.input-text {
    width: 40%;
    margin-bottom: 10px;
  }
  .woocommerce table.cart td.actions .coupon input[type=submit],
  .woocommerce #content table.cart td.actions .coupon input[type=submit],
  .woocommerce-page table.cart td.actions .coupon input[type=submit],
  .woocommerce-page #content table.cart td.actions .coupon input[type=submit] {
    width: auto;
  }
  .woocommerce-info p a.button,
  .woocommerce-message p a.button {
    float: right !important;
    margin: 0;
    position: relative;
    top: -10px;
  }
}
@media screen and (min-width: 1024px) {
  .woocommerce .woo-sidebar {
    text-align: left;
  }
  .woocommerce .widget_product_categories {
    text-align: left;
    padding: 20px;
    display: block;
  }
  .woocommerce .widget_product_categories .widget-title {
    display: none;
  }
  .woocommerce .widget_product_categories ul.product-categories {
    display: block;
    position: relative;
  }
  .woocommerce .widget_product_categories ul.product-categories li {
    margin: 0 0 30px 0;
  }
  .woocommerce .widget_product_categories ul.product-categories li:last-child {
    margin-bottom: 0;
  }
  .woocommerce .widget_product_categories ul.product-categories li ul li {
    margin: 0;
  }
  .woocommerce #not-coffee {
    max-width: 1280px;
  }
  .woocommerce #not-coffee div.product-images {
    width: 58% !important;
  }
  .woocommerce #not-coffee div.entry-summary form.cart {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .woocommerce .widget_product_categories {
    padding: 2rem;
  }
  .woocommerce .widget_product_categories ul.product-categories li ul li a {
    font-size: 1rem;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding: 6px 13px;
  }
  .woocommerce form .form-row label.inline {
    display: block;
  }
}
.hfeed .hentry {
  position: relative;
  margin: 20px 20px 50px 20px;
}
.hfeed .hentry .blog-image {
  width: 100%;
  height: 320px;
  display: block;
  overflow: hidden;
}
.hfeed .hentry .blog-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hfeed .hentry .inner {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 20px;
  text-align: center;
}
.hfeed .hentry .subtitle {
  margin: 10px auto;
  font-size: 1rem;
}
.hfeed.blog .hentry:first-child {
  margin-bottom: 50px;
  margin-left: 0;
  margin-right: 0;
}
.hfeed.blog .hentry:first-child .blog-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: auto;
}
.hfeed.blog .hentry:first-child .layer {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding: 100px 25px;
  z-index: 5;
  background: rgba(225, 218, 214, 0.9);
}
.hfeed.blog .hentry:first-child .underline {
  display: inline-block;
  border: 2px solid #412020;
  background-color: #412020;
  padding: 6px 35px;
  color: #e1dad6;
  margin-top: 10px;
}
.hfeed.blog .hentry:first-child .underline:hover {
  background-color: transparent;
  border-color: #412020;
  color: #412020;
}
.hfeed .site-main {
  padding: 0 0 45px 0;
}
.hfeed .site-main .title_row {
  margin-bottom: 45px;
}

.single .single-post-content {
  margin: 0 auto 50px;
  text-align: center;
}
.single .single-post-content img {
  width: 100%;
  margin-bottom: 50px;
}
.single .single-post-content .content-layer {
  font-family: "ff-meta-web-pro-condensed", serif;
  max-width: 640px;
  padding: 0px 10px;
  margin: 50px auto;
  text-align: left;
}
.single .single-post-content .content-layer a {
  color: #412020;
  border-bottom: 2px solid #e1dad6;
  font-family: "arno-pro", serif;
}
.single .single-post-content .content-layer a:hover {
  border-bottom: 2px solid #382f2d;
}
.single .single-post-content .content-layer div {
  margin: 20px auto;
}

.post-navigation {
  max-width: 1080px;
  margin: 50px auto;
  padding-top: 40px;
  background-image: url("images/fence-maroon.svg");
  background-position: top center;
  background-repeat: repeat-x;
  background-size: auto 20px;
}
.post-navigation a {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 2px solid #e1dad6;
}
.post-navigation a:hover {
  border-bottom: 2px solid #382f2d;
}
.post-navigation .nav-previous::before {
  content: "« ";
  display: inline-block;
  padding-right: 5px;
}
.post-navigation .nav-next::after {
  content: " »";
  display: inline-block;
  padding-left: 5px;
}

#blogbar {
  margin: 0 auto 40px;
}
#blogbar .layer {
  margin: 0 auto;
  padding: 0 0 20px 0;
  max-width: 1080px;
  text-align: center;
}
#blogbar select {
  width: 200px;
  margin: 5px 10px;
  display: inline-block;
  vertical-align: middle;
  padding: 4px 10px;
  border: 1px solid #e1dad6;
  background-color: #ffffff;
  text-align: center;
  font-family: "ff-meta-web-pro-condensed", serif;
  color: #53585a;
  outline: none;
  background: url("images/arrow-down-maroon.png") no-repeat right 10px center;
  background-size: auto 6px;
}

#secondary {
  padding: 10px;
}
#secondary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#secondary ul li {
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 728px) {
  .hfeed .hentry {
    width: calc(50% - 10px);
    float: left;
    margin: 5px;
  }
  .hfeed .hentry:nth-child(odd) {
    clear: left;
  }
  .hfeed.blog .hentry:first-child {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .hfeed.blog .hentry:nth-child(odd) {
    clear: none;
  }
  .hfeed.blog .hentry:nth-child(even) {
    clear: left;
  }
}
@media screen and (min-width: 1024px) {
  .hfeed .hentry .inner {
    padding: 25px 50px 50px 50px;
  }
  .hfeed .hentry .subtitle {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .hfeed .hentry .blog-image {
    height: 380px;
  }
  .hfeed.blog .hentry:first-child .blog-image {
    height: auto;
  }
  .hfeed.blog .hentry:first-child .layer {
    padding: 150px 0;
  }
}
@media screen and (min-width: 728px) {
  .title {
    font-size: 2.5rem;
  }
  p {
    font-size: 1.1rem;
  }
  a.button {
    font-size: 1.25rem;
  }
  .eightyimage .innerlayer,
  .fiftyimage .innerlayer {
    padding: 80px;
  }
  .logos ul li {
    width: 25%;
  }
  .testimonials {
    padding: 40px;
  }
  #hero h1 {
    font-size: 2.5rem;
  }
  .fullwidth_image_slider .flexslider,
  .fullwidth_image_slider .flex-viewport,
  .fullwidth_image_slider .slides,
  .fullwidth_image_slider .slides li {
    width: 100%;
    height: 400px;
  }
}
@media screen and (min-width: 768px) {
  .woocommerce .shop-util .row.divider.shop {
    width: 66%;
  }
  .woocommerce .shop-util .woocommerce-ordering {
    width: 30%;
  }
}
@media screen and (min-width: 1023px) {
  h1 {
    font-size: 3rem;
    letter-spacing: 1rem;
  }
  a.button {
    font-size: 1.125rem;
  }
  a.button:hover {
    color: #412020;
    background-color: #e1dad6;
  }
  a.underline {
    padding: 2px 0;
    color: #412020;
    border-bottom: 2px solid #e1dad6;
  }
  a.underline:hover {
    color: #412020;
    border-color: #412020;
  }
  .maroon a:hover {
    color: #ffffff;
  }
  .maroon a.button:hover {
    background-color: transparent;
    color: #fbf3ef;
  }
  .maroon a.underline:hover {
    color: #ffffff;
    border-color: #fbf3ef;
    border-color: #e1dad6;
  }
  .maroon.overlay a.button:hover {
    background-color: #fbf3ef;
    color: #412020;
  }
  .gray a.button:hover {
    background-color: transparent;
    color: #412020;
  }
  .gray a.underline:hover {
    color: #ffffff;
    border-color: #ffffff;
  }
  .menu-toggle {
    display: none;
  }
  .site-content {
    padding-top: 100px;
  }
  .site-header {
    position: fixed;
    left: 0;
    right: 0;
  }
  .site-header .utility-nav {
    text-align: right;
    padding: 0 20px;
  }
  .site-header .utility-nav .login,
  .site-header .utility-nav .cart-container {
    display: inline-block;
    margin: 0 0 0 25px;
    padding: 4px 0;
  }
  .site-header .utility-nav .login a:hover,
  .site-header .utility-nav .cart-container a:hover {
    color: #fbf3ef;
  }
  .site-header .logo {
    display: none;
    width: auto;
    float: none;
  }
  .site-header #mainmenu,
  .site-header .nav,
  .site-header .main-navigation,
  .site-header .menu-main-menu-container {
    display: flex;
    margin: 0 auto;
    position: relative;
    right: -6px;
    float: none;
    text-align: center;
  }
  .site-header .main-navigation .menu {
    padding: 0;
  }
  .site-header #mainmenu li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    float: none;
    overflow: hidden;
    width: auto;
  }
  .site-header #mainmenu li a {
    padding: 20px;
    font-size: 1.125rem;
    font-family: "ff-meta-web-pro-condensed", serif;
    color: #412020;
    text-transform: uppercase;
  }
  .site-header #mainmenu li a:hover {
    color: #412020;
  }
  .site-header #mainmenu li.homelink {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -transition: 0.3s;
    transition: 0.3s;
  }
  .site-header #mainmenu li.homelink a {
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("images/ASHL_logo.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 150px;
    height: 67px;
  }
  .site-header #mainmenu li .sub-menu {
    display: block;
    position: absolute;
    top: 110%;
    width: 300px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -transition: 0.3s;
    transition: 0.3s;
    box-shadow: none;
    border: 0;
    padding: 10px 0;
    background: #412020;
  }
  .site-header #mainmenu li .sub-menu::before {
    display: block;
    margin: 0 auto;
    content: " ";
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 15px solid #412020;
    border-left: 18px solid transparent;
  }
  .site-header #mainmenu li .sub-menu li {
    display: block;
    background-color: transparent;
  }
  .site-header #mainmenu li .sub-menu li a {
    padding: 6px;
    color: #fbf3ef;
  }
  .site-header #mainmenu li .sub-menu li a:hover {
    color: #ffffff;
  }
  .site-header #mainmenu li:hover {
    overflow: visible;
  }
  .site-header #mainmenu li:hover .sub-menu {
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .site-footer .row {
    display: flex;
  }
  .site-footer .row .columns {
    border-left: 1px solid #fbf3ef;
    padding: 0 20px;
  }
  .site-footer .row .columns:first-child {
    border-left: 0;
    padding: 0;
  }
  .site-footer .social span::before {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -transition: 0.3s;
    transition: 0.3s;
  }
  .site-footer .social a {
    margin: 0 15px 0 0;
  }
  .title_row {
    display: block;
    margin: 0 auto 50px;
  }
  .title_row h1 {
    font-size: 3rem;
    letter-spacing: 1rem;
    padding: 30px 0 20px;
  }
  .divider img {
    width: 150px;
    height: 80px;
  }
  .featured_coffee .featured {
    padding: 40px;
    height: 600px;
  }
  .featured_coffee .coffees {
    padding: 0 35px;
    display: flex;
    margin-top: -400px;
  }
  .featured_coffee .coffees .columns {
    padding: 0 5px;
  }
  .featured_coffee .coffees .columns .fc_content h3 {
    font-size: 1.25rem;
  }
  .featured_coffee .coffees .columns .fc_content .center {
    width: 70%;
    padding: 0 10px;
  }
  .fiftycomplex {
    display: block;
  }
  .fiftycomplex .row {
    display: flex;
  }
  .fiftycomplex .content .innerlayer {
    padding: 40px 80px;
  }
  .fiftycomplex .bgimage {
    height: 100%;
  }
  .fiftycomplex .arrow-up,
  .fiftycomplex .arrow-down {
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    z-index: 10;
  }
  .fiftycomplex .arrow-up {
    bottom: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid #ffffff;
  }
  .fiftycomplex .arrow-down {
    top: 0;
    border-top: 30px solid #ffffff;
    border-bottom: 30px solid transparent;
  }
  .fiftycomplex .top .imageside {
    padding-right: 5px;
    padding-bottom: 0;
  }
  .fiftycomplex .top .contentside {
    padding-left: 5px;
    padding-top: 0;
  }
  .fiftycomplex .bottom .imageside {
    padding-left: 5px;
    padding-top: 0;
  }
  .fiftycomplex .bottom .contentside {
    padding-right: 5px;
    padding-bottom: 0;
  }
  .fourup {
    padding: 0;
  }
  .fourup .innerlayer {
    padding: 40px;
  }
  .fourup .row-content {
    padding: 0;
    margin-bottom: 80px;
  }
  .fourup .row-content .layer {
    padding: 0 35px;
  }
  .fourup .row-content .innerlayer {
    padding: 0 5px;
  }
  .fourup .row-footer .innerlayer {
    padding-top: 0;
  }
  .fourup .row-footer .innerlayer a.button {
    margin-top: 0;
  }
  .fullwidth .innerlayer {
    padding: 100px 0;
  }
  .fullwidth .overlay .innerlayer {
    padding: 150px 0;
  }
  .fullwidth a.button.fadeInUp.in-view {
    width: unset;
  }
  .twocolumn .innerlayer {
    padding: 0 100px;
  }
  .twocolumn .innerlayer p:first-child {
    margin-top: 0;
  }
  .twocolumn .innerlayer p:last-child {
    margin-bottom: 0;
  }
  .twocolumn .columns {
    margin: 20px 0;
  }
  .twocolumn .columns:nth-child(odd) {
    border-right: 1px solid;
  }
  .twocolumn .maroon:nth-child(even) {
    border-color: #e1dad6;
  }
  .twocolumn .gray:nth-child(even) {
    border-color: #412020;
  }
  .twocolumn .row-header,
  .twocolumn .row-content,
  .twocolumn .row-footer {
    display: inline-block;
    width: 100%;
  }
  .twocolumn .row-header {
    padding-top: 0px;
  }
  .twocolumn .row-content .innerlayer {
    padding: 0 40px;
  }
  .twocolumn .row-footer {
    padding-bottom: 50px;
  }
  .eightyimage,
  .fiftyimage {
    display: flex;
  }
  .eightyimage .innerlayer,
  .fiftyimage .innerlayer {
    padding: 40px;
  }
  .eightyimage .bgimage,
  .fiftyimage .bgimage {
    height: inherit;
    width: auto;
    position: absolute;
  }
  .eightyimage .columns:nth-child(odd) .bgimage,
  .fiftyimage .columns:nth-child(odd) .bgimage {
    right: 5px;
  }
  .eightyimage .columns:nth-child(even) .bgimage,
  .fiftyimage .columns:nth-child(even) .bgimage {
    left: 5px;
  }
  .eightyimage .contentside.right,
  .fiftyimage .contentside.right {
    padding-left: 5px;
    padding-top: 0;
  }
  .eightyimage .contentside.left,
  .fiftyimage .contentside.left {
    padding-right: 5px;
    padding-bottom: 0;
  }
  .eightyimage .arrow-left,
  .eightyimage .arrow-right,
  .fiftyimage .arrow-left,
  .fiftyimage .arrow-right {
    top: 0;
    bottom: 0;
    left: unset;
    right: unset;
    width: 0;
    height: 0;
    margin: auto 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    z-index: 10;
  }
  .eightyimage .arrow-left,
  .fiftyimage .arrow-left {
    right: 0;
    bottom: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid #ffffff;
  }
  .eightyimage .arrow-right,
  .fiftyimage .arrow-right {
    left: 0;
    top: 0;
    border-left: 30px solid #ffffff;
    border-right: 30px solid transparent;
  }
  .eightycallout .titleside .innerlayer,
  .eightycallout .contentside .innerlayer,
  .eightycallout .calloutside .innerlayer,
  .largetext .titleside .innerlayer,
  .largetext .contentside .innerlayer,
  .largetext .calloutside .innerlayer {
    padding: 40px;
  }
  .testimonials {
    display: block;
    padding: 60px 40px;
  }
  .testimonials .innerlayer {
    padding: 40px 80px;
  }
  .testimonials p {
    font-size: 2.5rem;
  }
  .largetext .titleside {
    width: 33.33%;
  }
  .largetext .contentside {
    width: 66.67%;
  }
  .largetext .titleside.left,
  .largetext .contentside.left {
    float: left;
  }
  .largetext .titleside.right,
  .largetext .contentside.right {
    float: right;
  }
  .logos {
    display: block;
  }
  .logos ul li {
    width: 20%;
  }
  .fullwidth_image_slider .flexslider,
  .fullwidth_image_slider .flex-viewport,
  .fullwidth_image_slider .slides,
  .fullwidth_image_slider .slides li {
    height: 460px;
  }
  .fullwidth_image_slider .flex-direction-nav {
    display: block;
  }
  .fullwidth_image_slider .flex-control-nav {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .site-content {
    padding-top: 103px;
  }
  .featured_coffee .featured {
    padding: 80px;
  }
  .featured_coffee .coffees {
    padding: 0 35px;
    margin-top: -340px;
  }
  .featured_coffee .coffees .columns {
    padding: 0 5px;
  }
  .featured_coffee .coffees .columns .fc_content .center {
    width: 65%;
  }
  .featured_coffee .coffees .columns .fc_content h3 {
    font-size: 1.5rem;
  }
  #hero h1 {
    font-size: 3.25rem;
  }
  .twocolumn .row-header {
    padding-top: 0px;
  }
  .twocolumn .row-footer {
    padding-bottom: 80px;
  }
  .twocolumn .row-content .innerlayer {
    padding: 0 80px;
  }
  .twocolumn .columns {
    margin: 40px 0;
  }
  .eightyimage .innerlayer,
  .fiftyimage .innerlayer {
    padding: 80px;
  }
  .largetext .titleside .innerlayer,
  .largetext .contentside .innerlayer,
  .largetext .calloutside .innerlayer,
  .eightycallout .titleside .innerlayer,
  .eightycallout .contentside .innerlayer,
  .eightycallout .calloutside .innerlayer {
    padding: 80px;
  }
  .testimonials {
    padding: 60px 80px;
  }
  .testimonials p {
    font-size: 3rem;
  }
  .fourup .row-content .layer {
    padding: 0;
  }
  .fullwidth_image_slider .flexslider,
  .fullwidth_image_slider .flex-viewport,
  .fullwidth_image_slider .slides,
  .fullwidth_image_slider .slides li {
    height: 540px;
  }
}
@media screen and (min-width: 1320px) {
  .site-content {
    padding-top: 130px;
  }
  .site-header #mainmenu li a {
    padding: 34px 20px;
    font-size: 1.25rem;
  }
  .site-header #mainmenu li.homelink {
    padding-left: 40px;
    padding-right: 40px;
  }
  .site-header #mainmenu li.homelink a {
    width: 200px;
    height: 95px;
  }
  .site-header #mainmenu li .sub-menu {
    padding: 0;
  }
  .site-header #mainmenu li .sub-menu li a {
    padding: 8px;
  }
  .site-header.smaller #mainmenu li a {
    padding: 20px;
    font-size: 1.125rem;
  }
  .site-header.smaller #mainmenu li.homelink {
    padding-left: 60px;
    padding-right: 60px;
  }
  .site-header.smaller #mainmenu li.homelink a {
    width: 150px;
    height: 67px;
  }
  .site-header.smaller #mainmenu li .sub-menu li a {
    padding: 6px;
  }
  .fullwidth_image_slider .flexslider,
  .fullwidth_image_slider .flex-viewport,
  .fullwidth_image_slider .slides,
  .fullwidth_image_slider .slides li {
    width: 100%;
    height: 560px;
  }
}
@media screen and (min-width: 1440px) {
  h1 {
    font-size: 4rem;
  }
  .title {
    font-size: 2.875rem;
  }
  a.button,
  a.underline,
  .subtitle {
    font-size: 1.25rem;
  }
  .site-footer .row .columns {
    padding: 0 40px;
  }
  .site-footer .row .columns h5 {
    letter-spacing: 0.3rem;
  }
  #hero h1 {
    font-size: 3.5rem;
  }
  .featured_coffee .featured {
    height: 660px;
  }
  .featured_coffee .coffees {
    margin-top: -380px;
    padding: 0;
  }
  .featured_coffee .coffees .columns .fc_content h3 {
    font-size: 1.75rem;
  }
  .fullwidth .overlay .innerlayer {
    padding: 250px 0;
  }
  .eightyimage .innerlayer,
  .fiftyimage .innerlayer {
    padding: 120px 80px;
  }
  .eightycallout .calloutside .title {
    font-size: 2.25rem;
  }
  .fourup .innerlayer {
    padding: 80px;
  }
  .testimonials {
    padding: 80px;
  }
  .testimonials p {
    font-size: 3.25rem;
  }
  .testimonials h5 {
    font-size: 1.25rem;
  }
  .eightycallout .titleside .innerlayer,
  .eightycallout .contentside .innerlayer,
  .eightycallout .calloutside .innerlayer,
  .largetext .titleside .innerlayer,
  .largetext .contentside .innerlayer,
  .largetext .calloutside .innerlayer,
  .eightycallout .titleside .innerlayer,
  .eightycallout .contentside .innerlayer,
  .eightycallout .calloutside .innerlayer {
    padding: 120px 80px;
  }
  .fullwidth_image_slider .flexslider,
  .fullwidth_image_slider .flex-viewport,
  .fullwidth_image_slider .slides,
  .fullwidth_image_slider .slides li {
    height: 640px;
  }
}
@media screen and (min-width: 1600px) {
  .fullwidth .overlay .innerlayer {
    padding: 300px 0;
  }
  .fullwidth_image_slider .flexslider,
  .fullwidth_image_slider .flex-viewport,
  .fullwidth_image_slider .slides,
  .fullwidth_image_slider .slides li {
    width: 100%;
    height: 780px;
  }
}