@charset "UTF-8";
/** Variables **/
.ui-datepicker {
  background-color: white;
  border: 2px solid #009146;
  padding: 0 .5em; }
  .ui-datepicker-calendar td {
    padding: 0 .5em;
    margin: 0;
    text-align: right; }
  .ui-datepicker-prev {
    float: left; }
  .ui-datepicker-next {
    float: right; }
  .ui-datepicker-title {
    margin-top: .5em;
    text-align: center; }

.shop_table.cart .product-quantity {
  position: relative; }
  .shop_table.cart .product-quantity .quantity {
    display: inline-block;
    margin: .8em 0; }
  .shop_table.cart .product-quantity .mg-cart-total-grams {
    font-size: 0.65em;
    position: absolute;
    bottom: 0.3em;
    right: 1em; }

/*
*	Theme Name: McKeen Metro
* 	Author: Fancy Boys
* ============================================== */
/*
*	Reset
* ============================================== */
html, body, div, span, applet, object, iframe,
h1,
h2.section-title,
.post-header h1.section-title,
#masthead .tagline, h2, .post-header h1, .post-header h2.section-title, .post-header #masthead .tagline, #masthead .post-header .tagline, h3, h4, #whats-new .two-thirds h3, #whats-new .four-sixths h3, #whats-new .eight-twelfths h3, #pull-quotes .author, h5, #whats-new article h3, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

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

button {
  border: none;
  background: none;
  box-shadow: none; }
  button:active, button:hover {
    border: none;
    background: none;
    outline: none;
    box-shadow: none; }

/*
*	Vendor Dependencies
* ============================================== */
fieldset {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  margin: 0 0 0.75em;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em; }

label {
  font-weight: 600;
  margin-bottom: 0.375em; }
  label.required::after {
    content: "*"; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple=multiple],
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color;
  width: 100%; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
  select[multiple=multiple]:hover,
  textarea:hover {
    border-color: #c4c4c4; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
  select[multiple=multiple]:focus,
  textarea:focus {
    border-color: #477dca;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7);
    outline: none; }
  input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled,
  select[multiple=multiple]:disabled,
  textarea:disabled {
    background-color: #f0f0f0;
    cursor: not-allowed; }
    input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
    select[multiple=multiple]:disabled:hover,
    textarea:disabled:hover {
      border: 1px solid #ddd; }

textarea {
  resize: vertical; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

ul,
ol {
  list-style-type: none;
  margin: 0 0 0.75em;
  padding: 0; }
dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

table {
  -webkit-font-feature-settings: "kern", "liga", "tnum";
  -moz-font-feature-settings: "kern", "liga", "tnum";
  -ms-font-feature-settings: "kern", "liga", "tnum";
  font-feature-settings: "kern", "liga", "tnum";
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  -webkit-font-feature-settings: "kern", "liga", "pnum";
  -moz-font-feature-settings: "kern", "liga", "pnum";
  -ms-font-feature-settings: "kern", "liga", "pnum";
  font-feature-settings: "kern", "liga", "pnum";
  color: #333;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5; }

h1, h2.section-title, .post-header h1.section-title, #masthead .tagline,
h2,
.post-header h1,
.post-header h2.section-title,
.post-header #masthead .tagline,
#masthead .post-header .tagline,
h3,
h4,
#whats-new .two-thirds h3,
#whats-new .four-sixths h3,
#whats-new .eight-twelfths h3,
#pull-quotes .author,
h5,
#whats-new article h3,
h6 {
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #477dca;
  text-decoration: none;
  transition: color 0.1s linear; }
  a:active, a:focus {
    outline: none; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

/*------------------------------------*\
    $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
 * CONTENTS
 * INTRODUCTION.........How the grid system works.
 * VARIABLES............Your settings.
 * MIXINS...............Library mixins.
 * GRID SETUP...........Build the grid structure.
 * WIDTHS...............Build our responsive widths around our breakpoints.
 * PUSH.................Push classes.
 * PULL.................Pull classes.
 */
/*------------------------------------*\
    $INTRODUCTION
\*------------------------------------*/
/**
 * csswizardry grids provides you with widths to suit a number of breakpoints
 * designed around devices of a size you specify. Out of the box, csswizardry
 * grids caters to the following types of device:
 *
 * palm     --  palm-based devices, like phones and small tablets
 * lap      --  lap-based devices, like iPads or laptops
 * portable --  all of the above
 * desk     --  stationary devices, like desktop computers
 * regular  --  any/all types of device
 *
 * These namespaces are then used in the library to give you the ability to
 * manipulate your layouts based around them, for example:
 *
   <div class="grid__item  one-whole  lap--one-half  desk--one-third">
 *
 * This would give you a grid item which is 100% width unless it is on a lap
 * device, at which point it become 50% wide, or it is on a desktop device, at
 * which point it becomes 33.333% width.
 *
 * csswizardry grids also has push and pull classes which allow you to nudge
 * grid items left and right by a defined amount. These follow the same naming
 * convention as above, but are prepended by either `push--` or `pull--`, for
 * example:
 *
   `class="grid__item  one-half  push--one-half"`
 *
 * This would give you a grid item which is 50% width and pushed over to the
 * right by 50%.
 *
 * All classes in csswizardry grids follow this patten, so you should fairly
 * quickly be able to piece together any combinations you can imagine, for
 * example:
 *
   `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"`
 *
   `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"`
 *
   `class="grid__item  palm--one-third  desk--five-twelfths"`
 */
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/**
 * If you are building a non-responsive site but would still like to use
 * csswizardry-grids, set this to ‘false’:
 */
/**
 * Is this build mobile first? Setting to ‘true’ means that all grids will be
 * 100% width if you do not apply a more specific class to them.
 */
/**
 * Set the spacing between your grid items.
 */
/**
 * Would you like Sass’ silent classes, or regular CSS classes?
 */
/**
 * Would you like push and pull classes enabled?
 */
/**
 * Using `inline-block` means that the grid items need their whitespace removing
 * in order for them to work correctly. Set the following to true if you are
 * going to achieve this by manually removing/commenting out any whitespace in
 * your HTML yourself.
 *
 * Setting this to false invokes a hack which cannot always be guaranteed,
 * please see the following for more detail:
 *
 * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
 */
/**
 * Define your breakpoints. The first value is the prefix that shall be used for
 * your classes (e.g. `.palm--one-half`), the second value is the media query
 * that the breakpoint fires at.
 */
/**
 * Define which namespaced breakpoints you would like to generate for each of
 * widths, push and pull. This is handy if you only need pull on, say, desk, or
 * you only need a new width breakpoint at mobile sizes. It allows you to only
 * compile as much CSS as you need. All are turned on by default, but you can
 * add and remove breakpoints at will.
 *
 * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
 * have been set to ‘true’.
 */
/**
 * You do not need to edit anything from this line onward; csswizardry-grids is
 * good to go. Happy griddin’!
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * These mixins are for the library to use only, you should not need to modify
 * them at all.
 *
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */
/**
 * Drop relative positioning into silent classes which can’t take advantage of
 * the `[class*="push--"]` and `[class*="pull--"]` selectors.
 */
/*------------------------------------*\
    $GRID SETUP
\*------------------------------------*/
/**
 * 1. Allow the grid system to be used on lists.
 * 2. Remove any margins and paddings that might affect the grid system.
 * 3. Apply a negative `margin-left` to negate the columns’ gutters.
 */
.grid {
  list-style: none;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  margin-left: -24px;
  /* [3] */
  letter-spacing: -0.31em; }

/* Opera hack */
.opera:-o-prefocus,
.grid {
  word-spacing: -0.43em; }

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.grid__item {
  display: inline-block;
  /* [1] */
  padding-left: 24px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  -webkit-box-sizing: border-box;
  /* [5] */
  -moz-box-sizing: border-box;
  /* [5] */
  box-sizing: border-box;
  /* [5] */
  letter-spacing: normal;
  word-spacing: normal; }

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left; }

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.grid`.
 */
.grid--full {
  margin-left: 0; }
  .grid--full > .grid__item {
    padding-left: 0; }

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
  text-align: right; }
  .grid--right > .grid__item {
    text-align: left; }

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
  text-align: center; }
  .grid--center > .grid__item {
    text-align: left; }

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle > .grid__item {
  vertical-align: middle; }

.grid--bottom > .grid__item {
  vertical-align: bottom; }

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
  margin-left: -12px; }
  .grid--narrow > .grid__item {
    padding-left: 12px; }

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
  margin-left: -48px; }
  .grid--wide > .grid__item {
    padding-left: 48px; }

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
/**
 * Whole
 */
.one-whole {
  width: 100%; }

/**
 * Halves
 */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%; }

/**
 * Thirds
 */
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%; }

/**
 * Quarters
 */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%; }

/**
 * Fifths
 */
.one-fifth, .two-tenths {
  width: 20%; }

.two-fifths, .four-tenths {
  width: 40%; }

.three-fifths, .six-tenths {
  width: 60%; }

.four-fifths, .eight-tenths {
  width: 80%; }

/**
 * Sixths
 */
.one-sixth, .two-twelfths {
  width: 16.666%; }

.five-sixths, .ten-twelfths {
  width: 83.333%; }

/**
 * Eighths
 */
.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

/**
 * Tenths
 */
.one-tenth {
  width: 10%; }

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

/**
 * Twelfths
 */
.one-twelfth {
  width: 8.333%; }

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }

/**
 * Our responsive classes, if we have enabled them.
 */
@media only screen and (max-width: 480px) {
  /**
   * Whole
   */
  .palm--one-whole {
    width: 100%; }

  /**
   * Halves
   */
  .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
    width: 50%; }

  /**
   * Thirds
   */
  .palm--one-third, .palm--two-sixths, .palm--four-twelfths {
    width: 33.333%; }

  .palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
    width: 66.666%; }

  /**
   * Quarters
   */
  .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
    width: 25%; }

  .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
    width: 75%; }

  /**
   * Fifths
   */
  .palm--one-fifth, .palm--two-tenths {
    width: 20%; }

  .palm--two-fifths, .palm--four-tenths {
    width: 40%; }

  .palm--three-fifths, .palm--six-tenths {
    width: 60%; }

  .palm--four-fifths, .palm--eight-tenths {
    width: 80%; }

  /**
   * Sixths
   */
  .palm--one-sixth, .palm--two-twelfths {
    width: 16.666%; }

  .palm--five-sixths, .palm--ten-twelfths {
    width: 83.333%; }

  /**
   * Eighths
   */
  .palm--one-eighth {
    width: 12.5%; }

  .palm--three-eighths {
    width: 37.5%; }

  .palm--five-eighths {
    width: 62.5%; }

  .palm--seven-eighths {
    width: 87.5%; }

  /**
   * Tenths
   */
  .palm--one-tenth {
    width: 10%; }

  .palm--three-tenths {
    width: 30%; }

  .palm--seven-tenths {
    width: 70%; }

  .palm--nine-tenths {
    width: 90%; }

  /**
   * Twelfths
   */
  .palm--one-twelfth {
    width: 8.333%; }

  .palm--five-twelfths {
    width: 41.666%; }

  .palm--seven-twelfths {
    width: 58.333%; }

  .palm--eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
   * Whole
   */
  .lap--one-whole {
    width: 100%; }

  /**
   * Halves
   */
  .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
    width: 50%; }

  /**
   * Thirds
   */
  .lap--one-third, .lap--two-sixths, .lap--four-twelfths {
    width: 33.333%; }

  .lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths {
    width: 66.666%; }

  /**
   * Quarters
   */
  .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
    width: 25%; }

  .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
    width: 75%; }

  /**
   * Fifths
   */
  .lap--one-fifth, .lap--two-tenths {
    width: 20%; }

  .lap--two-fifths, .lap--four-tenths {
    width: 40%; }

  .lap--three-fifths, .lap--six-tenths {
    width: 60%; }

  .lap--four-fifths, .lap--eight-tenths {
    width: 80%; }

  /**
   * Sixths
   */
  .lap--one-sixth, .lap--two-twelfths {
    width: 16.666%; }

  .lap--five-sixths, .lap--ten-twelfths {
    width: 83.333%; }

  /**
   * Eighths
   */
  .lap--one-eighth {
    width: 12.5%; }

  .lap--three-eighths {
    width: 37.5%; }

  .lap--five-eighths {
    width: 62.5%; }

  .lap--seven-eighths {
    width: 87.5%; }

  /**
   * Tenths
   */
  .lap--one-tenth {
    width: 10%; }

  .lap--three-tenths {
    width: 30%; }

  .lap--seven-tenths {
    width: 70%; }

  .lap--nine-tenths {
    width: 90%; }

  /**
   * Twelfths
   */
  .lap--one-twelfth {
    width: 8.333%; }

  .lap--five-twelfths {
    width: 41.666%; }

  .lap--seven-twelfths {
    width: 58.333%; }

  .lap--eleven-twelfths {
    width: 91.666%; } }
@media only screen and (max-width: 1023px) {
  /**
   * Whole
   */
  .portable--one-whole {
    width: 100%; }

  /**
   * Halves
   */
  .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
    width: 50%; }

  /**
   * Thirds
   */
  .portable--one-third, .portable--two-sixths, .portable--four-twelfths {
    width: 33.333%; }

  .portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths {
    width: 66.666%; }

  /**
   * Quarters
   */
  .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
    width: 25%; }

  .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
    width: 75%; }

  /**
   * Fifths
   */
  .portable--one-fifth, .portable--two-tenths {
    width: 20%; }

  .portable--two-fifths, .portable--four-tenths {
    width: 40%; }

  .portable--three-fifths, .portable--six-tenths {
    width: 60%; }

  .portable--four-fifths, .portable--eight-tenths {
    width: 80%; }

  /**
   * Sixths
   */
  .portable--one-sixth, .portable--two-twelfths {
    width: 16.666%; }

  .portable--five-sixths, .portable--ten-twelfths {
    width: 83.333%; }

  /**
   * Eighths
   */
  .portable--one-eighth {
    width: 12.5%; }

  .portable--three-eighths {
    width: 37.5%; }

  .portable--five-eighths {
    width: 62.5%; }

  .portable--seven-eighths {
    width: 87.5%; }

  /**
   * Tenths
   */
  .portable--one-tenth {
    width: 10%; }

  .portable--three-tenths {
    width: 30%; }

  .portable--seven-tenths {
    width: 70%; }

  .portable--nine-tenths {
    width: 90%; }

  /**
   * Twelfths
   */
  .portable--one-twelfth {
    width: 8.333%; }

  .portable--five-twelfths {
    width: 41.666%; }

  .portable--seven-twelfths {
    width: 58.333%; }

  .portable--eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 1024px) {
  /**
   * Whole
   */
  .desk--one-whole {
    width: 100%; }

  /**
   * Halves
   */
  .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
    width: 50%; }

  /**
   * Thirds
   */
  .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
    width: 33.333%; }

  .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
    width: 66.666%; }

  /**
   * Quarters
   */
  .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
    width: 25%; }

  .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
    width: 75%; }

  /**
   * Fifths
   */
  .desk--one-fifth, .desk--two-tenths {
    width: 20%; }

  .desk--two-fifths, .desk--four-tenths {
    width: 40%; }

  .desk--three-fifths, .desk--six-tenths {
    width: 60%; }

  .desk--four-fifths, .desk--eight-tenths {
    width: 80%; }

  /**
   * Sixths
   */
  .desk--one-sixth, .desk--two-twelfths {
    width: 16.666%; }

  .desk--five-sixths, .desk--ten-twelfths {
    width: 83.333%; }

  /**
   * Eighths
   */
  .desk--one-eighth {
    width: 12.5%; }

  .desk--three-eighths {
    width: 37.5%; }

  .desk--five-eighths {
    width: 62.5%; }

  .desk--seven-eighths {
    width: 87.5%; }

  /**
   * Tenths
   */
  .desk--one-tenth {
    width: 10%; }

  .desk--three-tenths {
    width: 30%; }

  .desk--seven-tenths {
    width: 70%; }

  .desk--nine-tenths {
    width: 90%; }

  /**
   * Twelfths
   */
  .desk--one-twelfth {
    width: 8.333%; }

  .desk--five-twelfths {
    width: 41.666%; }

  .desk--seven-twelfths {
    width: 58.333%; }

  .desk--eleven-twelfths {
    width: 91.666%; } }
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

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

/*
*	Vars
* ============================================== */
/*
*	Font Stack / Type
* ============================================== */
a {
  color: #009146; }

a:hover {
  color: #005e2d; }

a, button {
  text-decoration: none;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms; }

h1, h2.section-title, .post-header h1.section-title, #masthead .tagline {
  font-family: 'PT Serif', serif;
  font-size: 50px;
  font-weight: bold; }
  @media (max-width: 600px) {
    h1, h2.section-title, .post-header h1.section-title, #masthead .tagline {
      font-size: 36px; } }

h2, .post-header h1, .post-header h2.section-title, .post-header #masthead .tagline, #masthead .post-header .tagline, h3, h4, #whats-new .two-thirds h3, #whats-new .four-sixths h3, #whats-new .eight-twelfths h3, #pull-quotes .author, h5, #whats-new article h3, h6 {
  font-family: 'Roboto Condensed', sans-serif; }

h2, .post-header h1, .post-header h2.section-title, .post-header #masthead .tagline, #masthead .post-header .tagline {
  font-size: 36px; }
  @media (max-width: 600px) {
    h2, .post-header h1, .post-header h2.section-title, .post-header #masthead .tagline, #masthead .post-header .tagline {
      font-size: 30px; } }

h3 {
  font-size: 28px;
  line-height: 34px; }
  @media (max-width: 600px) {
    h3 {
      font-size: 26px; } }

h4, #whats-new .two-thirds h3, #whats-new .four-sixths h3, #whats-new .eight-twelfths h3, #pull-quotes .author {
  font-size: 24px;
  line-height: 32px; }

h5, #whats-new article h3 {
  font-size: 20px;
  line-height: 28px; }

h6 {
  font-size: 18px; }

h2.section-title, .post-header h1.section-title, .post-header #masthead .section-title.tagline, #masthead .post-header .section-title.tagline {
  line-height: 1;
  padding: 0;
  margin-bottom: 30px; }

p {
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 40px;
  color: #666;
  margin: 0; }
  @media (max-width: 600px) {
    p {
      font-size: 18px;
      line-height: 22px; } }

p.intro {
  font-size: 28px;
  line-height: 34px;
  color: black; }

/*
*	Global
* ============================================== */
html, body {
  font-size: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto Condensed', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

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

main {
  padding-top: 135px; }
  @media (max-width: 1250px) {
    main {
      padding-top: 125px; } }
  @media (max-width: 600px) {
    main {
      padding-top: 0px; } }

section {
  padding: 120px 0; }
  @media (max-width: 600px) {
    section {
      padding: 60px 0; } }

.show {
  display: block;
  opacity: 1;
  visibility: visible; }

.hide {
  display: none;
  opacity: 0;
  visibility: hidden; }

/*
*	Layout
* ============================================== */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  .container::after {
    clear: both;
    content: "";
    display: table; }

.container.contain-linelength {
  width: 100%;
  max-width: 850px;
  margin: 0 auto; }

.container.single-article-container {
  width: 100%;
  max-width: 850px;
  margin: 0 auto; }

/*
*	Header
* ============================================== */
header {
  font-family: 'PT Serif', serif;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 613; }

header .cart-mobile {
  display: none;
  position: absolute;
  right: 120px;
  top: 48px;
  z-index: 999; }
  @media (max-width: 1250px) {
    header .cart-mobile {
      display: block; } }
  header .cart-mobile span {
    color: white;
    font-size: 0.9rem; }
  header .cart-mobile .ion-bag {
    font-size: 1.1rem; }
  @media (max-width: 600px) {
    header .cart-mobile {
      top: 15px;
      right: 80px; } }

header .header-social__holder .social-svg_holder.cart--holder {
  margin: 0;
  padding: 0;
  position: relative;
  width: 60px; }
  @media (max-width: 1250px) {
    header .header-social__holder .social-svg_holder.cart--holder {
      display: none; } }

header .my-account {
  color: white;
  position: relative;
  top: -4px; }

header .cart {
  z-index: 2;
  position: absolute;
  width: 100%;
  top: -6px;
  right: 0; }
  header .cart span {
    color: white;
    font-size: 0.9rem; }
  header .cart .ion-bag {
    font-size: 1.1rem; }
  @media (max-width: 1250px) {
    header .cart {
      display: none; } }

@media (min-width: 1251px) {
  header .toggle-nav {
    display: none; }
  header #logo {
    width: 300px;
    height: auto;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -150px;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    transition: 500ms; }
    header #logo img {
      max-width: 100%;
      height: auto;
      -webkit-transition: 500ms;
      -moz-transition: 500ms;
      transition: 500ms; }
  header nav {
    height: 100px;
    line-height: 100px;
    background: black;
    width: 100%; }
  header nav ul {
    text-align: center; }
    header nav ul li {
      -webkit-transition: 500ms;
      -moz-transition: 500ms;
      transition: 500ms;
      display: inline-block;
      padding: 0 20px; }
      header nav ul li a {
        color: white;
        font-size: 18px;
        font-weight: bold; }
        header nav ul li a:hover {
          color: #009146; }
    header nav ul li:nth-child(3) {
      padding-right: 220px; }
    header nav ul li:nth-child(4) {
      padding-left: 220px; }
    header nav ul li:last-child a {
      background: #009146;
      padding: 11px 26px;
      color: white;
      border: 2px solid #009146;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      -webkit-transition: 500ms;
      -moz-transition: 500ms;
      transition: 500ms; }
      header nav ul li:last-child a:hover {
        background-color: black; }

  body.shrink-header header #logo {
    width: 237px;
    height: auto;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -118px; }
    body.shrink-header header #logo img {
      max-width: 100%;
      height: auto;
      -webkit-transition: opacity 100ms;
      -moz-transition: opacity 100ms;
      transition: opacity 100ms; }
  body.shrink-header header nav ul li:nth-child(3) {
    padding-right: 165px; }
  body.shrink-header header nav ul li:nth-child(4) {
    padding-left: 165px; }

  header .header-social {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    padding: 10px 0;
    background: black;
    border-bottom: 1px solid #1e1e1e; }

  header .header-social .container {
    -webkit-transition: padding 500ms;
    -moz-transition: padding 500ms;
    transition: padding 500ms; }

  header .header-social__holder {
    float: right;
    width: auto;
    height: 100%;
    padding: 0 5px; }

  header .header-social__holder .social-svg_holder {
    margin: 0 10px;
    height: 20px;
    border-radius: 50%;
    font-size: 0.5em;
    float: left;
    width: 20px;
    height: 20px;
    text-align: center; }

  header .header-social--mobile {
    display: none; } }
@media (max-width: 1250px) {
  header #logo {
    height: 128px;
    width: 100%;
    float: left;
    display: block;
    background: black;
    position: relative;
    z-index: 100; }
    header #logo img {
      width: auto;
      height: 100%; }
  header .toggle-nav {
    position: relative;
    z-index: 100;
    border: none;
    outline: none;
    background: black;
    width: 128px;
    height: 128px;
    line-height: 128px;
    color: white;
    font-size: 60px;
    float: left;
    margin-left: -128px;
    cursor: pointer;
    display: block; }
  header nav {
    height: auto;
    width: 100%;
    clear: both;
    float: left;
    position: absolute;
    top: 128px;
    left: 0;
    z-index: 99;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -1000px, 0);
    -moz-transform: translate3d(0, -1000px, 0);
    -ms-transform: translate3d(0, -1000px, 0);
    -o-transform: translate3d(0, -1000px, 0);
    transform: translate3d(0, -1000px, 0);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1); }
    header nav::after {
      clear: both;
      content: "";
      display: table; }
    header nav ul {
      background: #009146;
      display: block;
      width: 100%;
      margin: 0; }
      header nav ul::after {
        clear: both;
        content: "";
        display: table; }
      header nav ul li {
        width: 50%;
        float: left; }
        header nav ul li a {
          color: white;
          display: block;
          text-align: center;
          width: 100%;
          padding: 30px; }
        header nav ul li a:hover {
          background: #00783a;
          color: white; }
  header nav.open {
    -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); }

  header .header-social {
    display: none; }

  header .header-social--mobile {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #009146;
    border-top: 1px solid #009b4b; }

  header .header-social--mobile .social-svg_holder {
    padding: 30px;
    height: auto;
    display: inline-block; }

  header .header-social--mobile .social-svg_holder:hover {
    background: #00783a; }

  header .header-social--mobile .social-svg_holder svg {
    width: 40px;
    height: 40px; }

  header .header-social--mobile .social-svg_holder a {
    display: inline-block; } }
@media (max-width: 767px) {
  header {
    position: relative; }
    header nav ul li {
      width: 100%;
      clear: both; } }
@media (max-width: 600px) {
  header::after {
    clear: both;
    content: "";
    display: table; }
  header #logo {
    height: 60px; }
  header .toggle-nav {
    width: 90px;
    height: 60px;
    line-height: 90px;
    font-size: 60px;
    margin-left: -90px;
    padding: 0; }
  header nav {
    top: 90px; } }
/*
*	Menu Burger
* ============================================== */
.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 128px;
  height: 128px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }

.cmn-toggle-switch:focus {
  outline: none; }

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 50%;
  left: 18px;
  right: 18px;
  height: 3px;
  background: white;
  width: 40px;
  margin: 0 auto; }

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: #fff;
  content: ""; }

.cmn-toggle-switch span::before {
  top: -12px; }

.cmn-toggle-switch span::after {
  bottom: -12px; }

.cmn-toggle-switch__htx {
  background-color: #ff3264; }

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
  transition: background 0 0.3s; }

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
  transition-delay: 0.3s, 0; }

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform; }

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active span {
  background: none; }

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0, 0.3s;
  transition-delay: 0, 0.3s; }

/*
*	Masthead
* ============================================== */
#masthead {
  background: #009146 url(img/bg-leaf.png) center bottom no-repeat;
  height: 580px;
  width: 100%;
  display: table;
  text-align: center;
  color: white;
  padding-top: 160px;
  font-family: 'PT Serif', serif; }
  @media (max-width: 600px) {
    #masthead {
      border-bottom: 0;
      padding-top: 100px; } }
  #masthead .leaf {
    margin-top: 15px; }
  #masthead div {
    display: table-cell;
    vertical-align: middle; }
  #masthead .tagline {
    display: block;
    font-size: 55px;
    line-height: 75px;
    font-weight: normal;
    padding: 0 30px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 600px) {
      #masthead .tagline {
        font-size: 28px;
        line-height: 1.4; } }

/*
*	Figures - InBetweeners
* ============================================== */
.in-betweener {
  width: 100%;
  height: 600px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 600px) {
    .in-betweener {
      height: 300px; } }
  .in-betweener img {
    width: 100%;
    height: auto; }

.in-betweener.zero {
  background-image: url(http://mckeenmetroglebe.com/wp-content/themes/mckeen/img/figures/figure-3.jpg);
  background-position: center center;
  clear: both; }

.in-betweener.one {
  background-image: url(http://mckeenmetroglebe.com/wp-content/themes/mckeen/img/figures/figure-1-old.jpg);
  clear: both; }

.in-betweener.two {
  background-image: url(http://mckeenmetroglebe.com/wp-content/themes/mckeen/img/figures/figure-2-old.jpg); }

.in-betweener.three {
  background-image: url(http://mckeenmetroglebe.com/wp-content/themes/mckeen/img/figures/figure-3-old.jpg); }

/*
*	Shop Landing
* ============================================== */
.shop-landing {
  background-image: url(img/shop-intro.jpg);
  background-size: cover;
  background-position: center center;
  color: #fff;
  text-align: center;
  padding: 160px 0; }
  .shop-landing h1, .shop-landing h2.section-title, .shop-landing #masthead .tagline, #masthead .shop-landing .tagline {
    margin: 0;
    padding: 0 0 2rem 0;
    font-size: 3.5rem;
    font-weight: 400; }
    @media (max-width: 768px) {
      .shop-landing h1, .shop-landing h2.section-title, .shop-landing #masthead .tagline, #masthead .shop-landing .tagline {
        font-size: 3rem; } }
    @media (max-width: 600px) {
      .shop-landing h1, .shop-landing h2.section-title, .shop-landing #masthead .tagline, #masthead .shop-landing .tagline {
        font-size: 34px; } }
  .shop-landing a {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 0.8rem;
    font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    color: white;
    clear: both;
    display: block;
    width: 200px;
    margin: 30px auto 0 auto;
    -webkit-transition: background color 0.2s;
    -moz-transition: background color 0.2s;
    transition: background color 0.2s; }
    .shop-landing a:first-child {
      margin-top: 0; }
    .shop-landing a:hover {
      background: #fff;
      color: #000; }

/*
*	What's New Revamp
* ============================================== */
#whats-new {
  clear: both;
  float: left;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2rem;
  -webkit-transition: -webkit-transform 10000ms;
  -moz-transition: -moz-transform 10000ms;
  transition: transform 10000ms; }
  #whats-new .section-title {
    padding: 4rem 0 0 0;
    text-align: center; }
  #whats-new path {
    fill: #009146; }
  #whats-new .wrap-heading {
    padding: 80px 0 70px; }
    #whats-new .wrap-heading h2, #whats-new .wrap-heading .post-header h1, .post-header #whats-new .wrap-heading h1, #whats-new .wrap-heading .post-header #masthead .tagline, .post-header #masthead #whats-new .wrap-heading .tagline, #whats-new .wrap-heading #masthead .post-header .tagline, #masthead .post-header #whats-new .wrap-heading .tagline, #whats-new .wrap-heading svg {
      padding: 0;
      margin: 0 auto; }
    #whats-new .wrap-heading h2, #whats-new .wrap-heading .post-header h1, .post-header #whats-new .wrap-heading h1, #whats-new .wrap-heading .post-header #masthead .tagline, .post-header #masthead #whats-new .wrap-heading .tagline, #whats-new .wrap-heading #masthead .post-header .tagline, #masthead .post-header #whats-new .wrap-heading .tagline {
      padding-bottom: 30px; }
  #whats-new .wrap-grid {
    background: white;
    padding-top: 10px;
    padding-bottom: 60px; }
  #whats-new .load-more-posts {
    background: #009146;
    color: #fff;
    border-radius: 10px;
    font-weight: normal;
    margin: 0 auto;
    padding: 15px 30px;
    margin: 30px auto 0 auto;
    display: block;
    font-size: 20px;
    transition: 500ms;
    cursor: pointer; }
    #whats-new .load-more-posts:hover {
      background: #005e2d; }
  #whats-new .whats-new-carousel {
    background: white;
    padding: 2rem 0;
    /* the slides */
    /* the parent */ }
    #whats-new .whats-new-carousel .slick-slide {
      margin: 0 15px; }
    #whats-new .whats-new-carousel .slick-list {
      margin: 0 -10px; }
  #whats-new article {
    margin-bottom: 24px;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    transition: opacity 300ms; }
  #whats-new article a {
    display: block;
    height: 100%;
    -webkit-transition: 750ms;
    -moz-transition: 750ms;
    transition: 750ms; }
  #whats-new article .inner img {
    display: block;
    width: 100%;
    height: auto; }
  #whats-new article h3 {
    color: black;
    margin: 0;
    padding: 10px 0 0; }
  #whats-new .date {
    font-size: 16px;
    color: #009146; }
  #whats-new .two-thirds h3, #whats-new .four-sixths h3, #whats-new .eight-twelfths h3 {
    font-family: 'PT Serif', serif;
    padding: 10px 0; }
  #whats-new .thumb-mobile {
    display: none; }
  @media (max-width: 480px) {
    #whats-new .thumb-desktop {
      display: none; }
    #whats-new .thumb-mobile {
      display: block; } }
@-webkit-keyframes loader {
  from {
    left: -200px;
    width: 30%; }
  50% {
    width: 30%; }
  70% {
    width: 70%; }
  80% {
    left: 50%; }
  95% {
    left: 120%; }
  to {
    left: 100%; } }
@-moz-keyframes loader {
  from {
    left: -200px;
    width: 30%; }
  50% {
    width: 30%; }
  70% {
    width: 70%; }
  80% {
    left: 50%; }
  95% {
    left: 120%; }
  to {
    left: 100%; } }
@keyframes loader {
  from {
    left: -200px;
    width: 30%; }
  50% {
    width: 30%; }
  70% {
    width: 70%; }
  80% {
    left: 50%; }
  95% {
    left: 120%; }
  to {
    left: 100%; } }
  #whats-new article.hidden {
    opacity: 0; }

/*
*	What's New
* ============================================== */
#whats-new .container {
  max-width: 1400px;
  padding: 0 15px; }

/*
*	Featured Products
* ============================================== */
#featured-products {
  background: #dfd9cc;
  clear: both;
  float: left;
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  -webkit-transition: -webkit-transform 10000ms;
  -moz-transition: -moz-transform 10000ms;
  transition: transform 10000ms; }
  #featured-products::after {
    clear: both;
    content: "";
    display: table; }
  #featured-products .woocommerce-loop-product__title {
    color: #000; }
  #featured-products .button {
    background: #009146;
    color: #fff;
    border-radius: 10px;
    font-weight: normal; }
  #featured-products .section-title {
    padding: 4rem 0 0.5rem 0;
    text-align: center; }
  #featured-products path {
    fill: #009146; }
  #featured-products .products {
    padding: 30px 15px; }
  #featured-products .visit {
    background: #009146;
    color: #fff;
    border-radius: 10px;
    font-weight: normal;
    margin: 0 auto;
    padding: 15px 30px;
    margin: 30px auto 0 auto;
    display: block;
    font-size: 20px;
    transition: 500ms;
    width: 200px;
    text-align: center;
    margin: 0 auto; }
    #featured-products .visit:hover {
      background: #005e2d; }

/*
*	Our Store
* ============================================== */
#our-store {
  padding-left: 30px;
  padding-right: 30px;
  clear: both;
  text-align: center; }

/*
*	Newsletter
* ============================================== */
#newsletter h1, #newsletter h2.section-title, #newsletter #masthead .tagline, #masthead #newsletter .tagline {
  text-align: center; }
#newsletter .button {
  background: #009146;
  color: #fff;
  border-radius: 10px;
  font-weight: normal;
  margin: 0 auto;
  padding: 15px 30px;
  margin: 30px auto 0 auto;
  display: block;
  font-size: 20px;
  transition: 500ms;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  transition: all 0.2s ease;
  -webkit-appearance: none; }
  #newsletter .button:hover {
    cursor: pointer;
    background-color: #000; }
#newsletter .newsletter-overlay {
  visibility: hidden;
  opacity: 0;
  display: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #009146;
  z-index: 999;
  transition: all 0.3s ease; }
  #newsletter .newsletter-overlay h2, #newsletter .newsletter-overlay .post-header h1, .post-header #newsletter .newsletter-overlay h1, #newsletter .newsletter-overlay .post-header #masthead .tagline, .post-header #masthead #newsletter .newsletter-overlay .tagline, #newsletter .newsletter-overlay #masthead .post-header .tagline, #masthead .post-header #newsletter .newsletter-overlay .tagline {
    display: none; }
  #newsletter .newsletter-overlay .ion-close-round {
    cursor: pointer;
    position: absolute;
    font-size: 1rem;
    color: white;
    top: 50px;
    right: 20%; }
  #newsletter .newsletter-overlay form {
    background: #009146; }
    #newsletter .newsletter-overlay form .indicates-required, #newsletter .newsletter-overlay form label {
      display: none; }
    #newsletter .newsletter-overlay form ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: rgba(255, 255, 255, 0.5); }
    #newsletter .newsletter-overlay form ::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(255, 255, 255, 0.5); }
    #newsletter .newsletter-overlay form :-ms-input-placeholder {
      /* IE 10+ */
      color: rgba(255, 255, 255, 0.5); }
    #newsletter .newsletter-overlay form :-moz-placeholder {
      /* Firefox 18- */
      color: rgba(255, 255, 255, 0.5); }
    #newsletter .newsletter-overlay form #mce-EMAIL {
      background-color: #009146;
      border: none;
      border-bottom: 1px solid white;
      box-shadow: none;
      color: white;
      text-align: center;
      font-size: 2rem; }
      @media (max-width: 600px) {
        #newsletter .newsletter-overlay form #mce-EMAIL {
          font-size: 1rem; } }
    @media (max-width: 600px) {
      #newsletter .newsletter-overlay form {
        width: 100%;
        margin: 0 auto; } }
  #newsletter .newsletter-overlay .mc-field-group .mce_inline_error {
    border: none !important;
    background: none !important;
    font-size: 1.1rem !important; }
  #newsletter .newsletter-overlay #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid white !important; }
  #newsletter .newsletter-overlay #mc_embed_signup {
    background: #009146;
    width: 80%;
    max-width: 800px; }
    #newsletter .newsletter-overlay #mc_embed_signup .clear {
      text-align: center; }
      #newsletter .newsletter-overlay #mc_embed_signup .clear input[type=submit] {
        padding: 1rem 2.2rem;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        -webkit-appearance: none; }
        @media (max-width: 600px) {
          #newsletter .newsletter-overlay #mc_embed_signup .clear input[type=submit] {
            padding: 0.7rem 1.2rem;
            font-size: 1rem; } }
        #newsletter .newsletter-overlay #mc_embed_signup .clear input[type=submit]:hover {
          background: black; }
    #newsletter .newsletter-overlay #mc_embed_signup .response {
      color: #fff;
      width: 100%;
      margin-bottom: 4rem; }
  #newsletter .newsletter-overlay div.mce_inline_error {
    text-align: center;
    background: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 100%; }
#newsletter .show {
  visibility: visible !important;
  opacity: 1 !important; }

/*
*	Timeline
* ============================================== */
#timeline {
  overflow: hidden;
  text-align: center;
  position: relative;
  padding-left: 30px;
  padding-right: 30px; }
  #timeline h2, #timeline .post-header h1, .post-header #timeline h1, #timeline .post-header #masthead .tagline, .post-header #masthead #timeline .tagline, #timeline #masthead .post-header .tagline, #masthead .post-header #timeline .tagline {
    color: white;
    position: relative;
    z-index: 1;
    padding: 0; }
  #timeline .leaf {
    margin-top: 25px; }
  #timeline .timeline-header-container {
    position: relative;
    z-index: 500; }

.timeline-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: black; }
  .timeline-backgrounds div {
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4; }

.wrap-slick-btn {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  z-index: 99; }
  .wrap-slick-btn::after {
    clear: both;
    content: "";
    display: table; }

.timeline-carousel .slick-next,
.timeline-carousel .slick-prev {
  background: none;
  border: 2px solid #666;
  color: #666;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  position: absolute;
  top: -280px;
  margin-top: -31px; }
  .timeline-carousel .slick-next i,
  .timeline-carousel .slick-prev i {
    font-size: 40px;
    height: 40px;
    width: 40px;
    display: block;
    line-height: 40px;
    margin: 0 auto; }
  @media (max-width: 1450px) {
    .timeline-carousel .slick-next,
    .timeline-carousel .slick-prev {
      display: none; } }

.timeline-carousel .slick-next {
  right: -100px; }
  .timeline-carousel .slick-next i {
    text-align: right;
    padding-right: 6px; }

.timeline-carousel .slick-prev {
  left: -100px; }
  .timeline-carousel .slick-prev i {
    text-align: left;
    padding-left: 6px; }

.timeline-carousel .card {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: white;
  width: 100%;
  margin-top: 120px;
  margin-bottom: 60px;
  text-align: left; }
  .timeline-carousel .card::after {
    clear: both;
    content: "";
    display: table; }
  .timeline-carousel .card .card-image {
    float: left;
    background-position: center center;
    background-size: cover; }
  .timeline-carousel .card .card-text {
    width: 100%;
    float: left;
    display: table; }
    .timeline-carousel .card .card-text h3 {
      margin-bottom: 30px; }
    .timeline-carousel .card .card-text div {
      display: table-cell;
      vertical-align: middle; }
    .timeline-carousel .card .card-text p {
      padding: 20px 0;
      font-size: 24px;
      line-height: 40px; }

@media (min-width: 1100px) {
  .timeline-carousel .card {
    height: 420px; }
    .timeline-carousel .card .card-image {
      width: 420px;
      height: 420px; }
    .timeline-carousel .card .card-text {
      height: 420px;
      margin-left: -420px;
      padding: 60px 60px 60px 480px; } }
@media (max-width: 1099px) {
  .timeline-carousel .card {
    height: 350px; }
    .timeline-carousel .card .card-image {
      width: 350px;
      height: 350px; }
    .timeline-carousel .card .card-text {
      height: 350px;
      margin-left: -350px;
      padding: 30px 30px 30px 380px; } }
@media (max-width: 959px) {
  .timeline-carousel .card {
    height: 100%; }
    .timeline-carousel .card .card-image {
      width: 100%;
      height: 300px; }
    .timeline-carousel .card .card-text {
      height: auto;
      height: 100%;
      margin: 0;
      padding: 60px; } }
@media (max-width: 600px) {
  #timeline h2, #timeline .post-header h1, .post-header #timeline h1, #timeline .post-header #masthead .tagline, .post-header #masthead #timeline .tagline, #timeline #masthead .post-header .tagline, #masthead .post-header #timeline .tagline {
    color: black;
    position: relative;
    z-index: 1;
    padding: 0; }
  #timeline .leaf path {
    fill: #009146; }

  .timeline-carousel .card {
    height: auto;
    float: left;
    padding-bottom: 0;
    margin-bottom: 0; }
    .timeline-carousel .card .card-image {
      width: 100%;
      height: 200px; }
    .timeline-carousel .card .card-text {
      height: auto;
      margin: 0;
      padding: 30px 0 0 0; }

  .timeline-backgrounds {
    display: none; } }
@media (min-width: 900px) {
  .slick-dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center; }
    .slick-dots li {
      display: inline-block;
      margin: 0; }
      .slick-dots li button {
        width: 100px;
        padding: 40px 0;
        text-align: center;
        border: none;
        background: none;
        outline: none;
        color: #cfcfcf;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        overflow: hidden; }
      .slick-dots li button::before {
        content: url(img/timeline-sprite.png);
        background-position: center right;
        display: block;
        width: 600px;
        height: 40px;
        position: absolute;
        top: 0;
        left: -250px; }
      .slick-dots li button::after {
        content: '';
        width: 20px;
        height: 20px;
        background: green;
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -8px;
        border-radius: 100%;
        border: 2px solid white;
        opacity: 0;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        transition: opacity 500ms; }
    .slick-dots li:first-child button::before {
      left: -50px; }
    .slick-dots li:last-child button::before {
      left: -450px; }
    .slick-dots li.slick-active button::after {
      opacity: 1; }

  .swipe-header {
    display: none; } }
@media (max-width: 900px) {
  .slick-dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center; }
    .slick-dots li {
      display: block;
      margin: 0;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      -webkit-transition: opacity 300ms;
      -moz-transition: opacity 300ms;
      transition: opacity 300ms; }
      .slick-dots li button {
        padding: 40px 0;
        text-align: center;
        border: none;
        background: none;
        outline: none;
        color: #009146;
        font-size: 20px;
        cursor: pointer;
        position: relative;
        overflow: hidden; }
      .slick-dots li button::after {
        content: '';
        width: 30px;
        height: 30px;
        background: #009146;
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -15px;
        border-radius: 100%;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        transition: opacity 500ms; }
    .slick-dots li.slick-active {
      opacity: 1; }

  .swipe-header {
    display: block;
    color: white;
    position: relative; }
    .swipe-header .inner {
      width: 100%;
      text-align: right;
      position: absolute;
      top: 40px; }
    .swipe-header .left {
      width: 100%;
      float: left;
      padding-right: 70px;
      padding-left: 60px;
      position: relative;
      text-align: center; }
      .swipe-header .left .line {
        height: 1px;
        background: #bbbbbb;
        width: 100%;
        margin-top: -14px; }
      .swipe-header .left .ion-ios-play {
        position: absolute;
        color: #bbbbbb;
        top: -28px;
        right: 65px; }
      .swipe-header .left .instructions {
        color: #bbbbbb;
        font-size: 13px; }
    .swipe-header .right .next {
      width: 60px;
      float: left;
      margin-left: -60px;
      margin-top: -40px;
      padding: 40px 0;
      text-align: center;
      border: none;
      background: none;
      outline: none;
      color: #bbbbbb;
      font-size: 20px;
      cursor: pointer;
      position: relative;
      overflow: hidden; }
    .swipe-header .right .next::after {
      content: '';
      width: 30px;
      height: 30px;
      background: #bbbbbb;
      position: absolute;
      top: 12px;
      left: 50%;
      margin-left: -15px;
      border-radius: 100%;
      -webkit-transition: opacity 500ms;
      -moz-transition: opacity 500ms;
      transition: opacity 500ms; } }
/*
*	Pull Quotes
* ============================================== */
#pull-quotes {
  background: black;
  color: white;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px; }
  #pull-quotes .blockquote {
    font-family: 'PT Serif', serif;
    font-size: 34px;
    line-height: 50px; }
    #pull-quotes .blockquote p {
      margin: 0;
      padding: 10px 0;
      color: inherit;
      font-size: inherit;
      line-height: inherit; }
  #pull-quotes .author {
    display: inline-block;
    margin-top: 40px;
    text-transform: uppercase;
    color: #009146; }
  @media (max-width: 600px) {
    #pull-quotes .blockquote {
      font-family: 'PT Serif', serif;
      font-size: 24px;
      line-height: 34px; }
    #pull-quotes .author {
      display: inline-block;
      margin-top: 20px;
      text-transform: uppercase;
      color: #009146;
      font-size: 20px; } }

/*
*	Partners
* ============================================== */
#our-partnerships {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px; }
  #our-partnerships figure {
    margin-bottom: 24px; }
    #our-partnerships figure img {
      display: block;
      margin: 0 auto; }

/*
*	Contact
* ============================================== */
#contact-information {
  background: #009146 url(img/bg-leaf.png) center bottom no-repeat;
  padding-left: 30px;
  padding-right: 30px; }
  #contact-information h2, #contact-information .post-header h1, .post-header #contact-information h1, #contact-information .post-header #masthead .tagline, .post-header #masthead #contact-information .tagline, #contact-information #masthead .post-header .tagline, #masthead .post-header #contact-information .tagline {
    text-align: center;
    color: white; }

#contact-information .card {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: white;
  width: 100%;
  margin-bottom: 60px;
  text-align: left; }
  #contact-information .card::after {
    clear: both;
    content: "";
    display: table; }
  #contact-information .card .card-image {
    float: right;
    background-position: center center;
    background-size: cover; }
  #contact-information .card .card-text {
    width: 100%;
    float: left; }
    #contact-information .card .card-text h3 {
      margin-bottom: 30px; }
    #contact-information .card .card-text .hours p {
      padding-bottom: 0px; }
    #contact-information .card .card-text .location p {
      line-height: 40px; }
  @media (min-width: 1100px) {
    #contact-information .card {
      height: 420px; }
      #contact-information .card .card-image {
        width: 420px;
        height: 420px; }
      #contact-information .card .card-text {
        margin-right: -420px;
        padding: 60px 480px 60px 60px; } }
  @media (max-width: 1099px) {
    #contact-information .card {
      height: 350px; }
      #contact-information .card .card-image {
        width: 350px;
        height: 350px; }
      #contact-information .card .card-text {
        margin-right: -350px;
        padding: 30px 380px 30px 30px; } }
  @media (max-width: 959px) {
    #contact-information .card {
      height: auto; }
      #contact-information .card .card-image {
        width: 100%;
        height: 300px; }
      #contact-information .card .card-text {
        margin-right: 0;
        padding: 60px; } }
  @media (max-width: 600px) {
    #contact-information .card .card-text {
      text-align: center; }
      #contact-information .card .card-text .hours {
        padding-bottom: 30px;
        line-height: 30px; }
      #contact-information .card .card-text h3 {
        margin-bottom: 10px; } }

/*
*	Map
* ============================================== */
#map {
  height: 600px;
  width: 100%; }
  @media (max-width: 600px) {
    #map {
      height: 300px; } }
  #map img {
    max-width: none; }

/*
*	Single Post
* ============================================== */
body.single main {
  background: #009146;
  padding-top: 180px;
  padding-bottom: 80px; }
  @media (max-width: 600px) {
    body.single main {
      padding-top: 0px;
      padding-bottom: 0; } }

.single-article-container {
  background: #f4f3f0;
  padding: 40px; }
  .single-article-container .featured-image img {
    width: 100%;
    height: auto; }
  @media (max-width: 600px) {
    .single-article-container {
      padding-top: 100px;
      padding-bottom: 100px; } }

.content-area {
  padding: 60px; }
  .content-area::after {
    clear: both;
    content: "";
    display: table; }
  .content-area a {
    border-bottom: 1px solid #009146; }
  @media (max-width: 600px) {
    .content-area {
      padding: 30px 15px; } }

.post-header {
  font-size: 18px;
  color: #666;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d5d5d5;
  font-family: 'Roboto Condensed', sans-serif; }
  .post-header h1, .post-header h2.section-title, .post-header #masthead .tagline, #masthead .post-header .tagline {
    color: black;
    font-family: inherit;
    margin-bottom: 20px; }
  .post-header .date {
    color: #009146; }

.post-share {
  text-align: center;
  padding: 40px 0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  color: #666; }
  .post-share h2, .post-share .post-header h1, .post-header .post-share h1, .post-share .post-header #masthead .tagline, .post-header #masthead .post-share .tagline, .post-share #masthead .post-header .tagline, #masthead .post-header .post-share .tagline {
    margin: 0; }
  .post-share .sharify-container li {
    display: inline-block;
    float: none;
    height: 40px;
    line-height: 40px; }
    .post-share .sharify-container li a {
      font-size: 20px; }

/*
*	Footer
* ============================================== */
footer {
  font-family: 'PT Serif', serif;
  text-align: center;
  padding: 0 30px 75px; }
  footer nav {
    display: inline-block;
    font-size: 18px;
    padding: 75px 0 0 0;
    margin-bottom: 35px;
    border-bottom: 1px solid #dadada; }
    footer nav .menu-footer-menu-links-container ul {
      padding-bottom: 30px; }
    @media (max-width: 600px) {
      footer nav {
        padding-top: 40px; } }
  footer nav ul {
    display: inline-block;
    margin-bottom: 50px; }
  footer nav ul li {
    display: inline-block;
    margin: 0 50px; }
    footer nav ul li:first-child {
      margin-left: 0; }
    footer nav ul li:last-child {
      margin-right: 0; }
    footer nav ul li a {
      color: black; }
      footer nav ul li a:hover {
        color: #009146; }
    @media (max-width: 1199px) {
      footer nav ul li {
        margin: 0 20px; } }
    @media (max-width: 849px) {
      footer nav ul li {
        margin: 0 30px 15px !important; } }
    @media (max-width: 600px) {
      footer nav ul li {
        margin: 0;
        display: block;
        clear: both;
        padding-bottom: 30px; } }
  footer .copyright {
    text-align: center;
    font-size: 16px;
    clear: both;
    display: block; }
    @media (max-width: 600px) {
      footer .copyright {
        font-size: 13px; } }

/*
*	Leaf
* ============================================== */
.leaf {
  position: relative;
  z-index: 2;
  margin: 0 auto 30px;
  width: 92px;
  height: 64px;
  display: block; }

.leaf-white .leaf path {
  fill: white; }

.leaf-green .leaf path {
  fill: #009146; }

/*
*	Shop
* ============================================== */
.product-search input[type="text"].product-search-field {
  margin: 0 auto;
  margin-bottom: 2rem; }

.woocommerce-pagination {
  padding-top: 40px; }
  .woocommerce-pagination .grid {
    margin: 0;
    letter-spacing: normal; }

.content-area a {
  border-bottom: none; }

#shop-wrapper {
  padding: 0px; }

.shop-wrapper {
  background: #009146;
  padding: 120px 0; }
  .shop-wrapper h1, .shop-wrapper h2.section-title, .shop-wrapper #masthead .tagline, #masthead .shop-wrapper .tagline, .shop-wrapper h2, .shop-wrapper .post-header h1, .post-header .shop-wrapper h1, .shop-wrapper .post-header #masthead .tagline, .post-header #masthead .shop-wrapper .tagline, .shop-wrapper #masthead .post-header .tagline, #masthead .post-header .shop-wrapper .tagline {
    font-family: 'PT Serif', serif; }
  .shop-wrapper h1, .shop-wrapper h2.section-title, .shop-wrapper #masthead .tagline, #masthead .shop-wrapper .tagline {
    font-size: 2rem; }
  .shop-wrapper h2, .shop-wrapper .post-header h1, .post-header .shop-wrapper h1, .shop-wrapper .post-header #masthead .tagline, .post-header #masthead .shop-wrapper .tagline, .shop-wrapper #masthead .post-header .tagline, #masthead .post-header .shop-wrapper .tagline {
    text-align: left; }
  @media (max-width: 768px) {
    .shop-wrapper {
      padding: 60px 30px; } }
  @media (max-width: 600px) {
    .shop-wrapper {
      padding: 60px 0px 0px 0px;
      border-bottom: 1px solid #d5d5d5; } }

.shop-content-wrapper {
  background: #fff;
  padding: 60px; }
  @media (max-width: 600px) {
    .shop-content-wrapper {
      padding: 60px 15px; } }

.shop-img-wrap {
  background: white;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #eee !important; }

.woocommerce-result-count {
  display: none; }

.woocommerce-ordering select.orderby {
  border: 1px solid #999;
  color: #222;
  font-size: 0.8rem;
  height: 2.2rem;
  width: 15rem; }
  .woocommerce-ordering select.orderby:focus {
    outline: none; }

.woocommerce-result-count {
  width: 100%; }

.woocommerce-MyAccount-content header {
  position: relative; }
.woocommerce-MyAccount-content header.title {
  position: relative; }

#shop-wrapper .products.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -24px;
  letter-spacing: -0.31em; }
  #shop-wrapper .products.grid .grid__item {
    margin-bottom: 25px; }

ul.products a {
  letter-spacing: normal; }
  ul.products a h2, ul.products a .post-header h1, .post-header ul.products a h1, ul.products a .post-header #masthead .tagline, .post-header #masthead ul.products a .tagline, ul.products a #masthead .post-header .tagline, #masthead .post-header ul.products a .tagline, ul.products a img {
    transition: 500ms; }
  ul.products a:hover {
    color: #009146 !important; }
    ul.products a:hover img {
      opacity: 0.7; }
    ul.products a:hover h2, ul.products a:hover .post-header h1, .post-header ul.products a:hover h1, ul.products a:hover .post-header #masthead .tagline, .post-header #masthead ul.products a:hover .tagline, ul.products a:hover #masthead .post-header .tagline, #masthead .post-header ul.products a:hover .tagline {
      color: #009146 !important; }

.category-image img {
  display: block; }
.category-image img, .category-image a {
  width: 100%; }
.category-image .category-title h3 {
  font-size: 2.5rem;
  color: #fff; }
  .category-image .category-title h3 mark.count {
    display: none; }

/*
*	Single item
* ============================================== */
input[type='text'],
input[type='tel'],
input[type='email'],
input[type='select'], select {
  color: #666; }
  input[type='text']:focus,
  input[type='tel']:focus,
  input[type='email']:focus,
  input[type='select']:focus, select:focus {
    outline: none;
    border-color: #d5d5d5;
    box-shadow: none; }

.woocommerce div.product div.images.woocommerce-product-gallery {
  opacity: 1 !important; }

.single-product-wrapper h1, .single-product-wrapper h2.section-title, .single-product-wrapper #masthead .tagline, #masthead .single-product-wrapper .tagline {
  color: black;
  font-size: 1.7rem !important; }
.single-product-wrapper div.product .summary .price {
  color: #666;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 30px; }
.single-product-wrapper div.product .woocommerce-variation-price .price {
  border-bottom: none;
  margin-bottom: 30px;
  display: block;
  color: black;
  font-size: 30px; }
.single-product-wrapper h2, .single-product-wrapper .post-header h1, .post-header .single-product-wrapper h1, .single-product-wrapper .post-header #masthead .tagline, .post-header #masthead .single-product-wrapper .tagline, .single-product-wrapper #masthead .post-header .tagline, #masthead .post-header .single-product-wrapper .tagline, .single-product-wrapper .products .grid {
  display: none; }
.single-product-wrapper .related {
  padding: 0 0; }
  .single-product-wrapper .related::after {
    clear: both;
    content: "";
    display: table; }
.single-product-wrapper label {
  font-size: 0.8rem;
  line-height: 1.4; }
.single-product-wrapper select {
  border: 1px solid #999;
  color: #222;
  font-size: 0.8rem;
  height: 2.2rem;
  width: 15rem; }
  .single-product-wrapper select:focus {
    outline: none; }
.single-product-wrapper form {
  margin: 15px 0; }
  .single-product-wrapper form .single_add_to_cart_button {
    background: #009146 !important;
    color: white;
    outline: none;
    border: 1px solid #009146;
    transition: all .2s ease-in-out;
    border-radius: 5px; }
    .single-product-wrapper form .single_add_to_cart_button:hover {
      background: white !important;
      color: #009146 !important;
      border: 1px solid #009146; }
.single-product-wrapper .woocommerce-message .button {
  background: #009146;
  color: white;
  outline: none;
  border: 1px solid #009146;
  transition: all .2s ease-in-out;
  border-radius: 5px; }
  .single-product-wrapper .woocommerce-message .button:hover {
    background: white;
    color: #009146;
    border: 1px solid #009146; }

.single-product-wrapper.special-requests-wrapper .summary.entry-summary {
  width: 100% !important;
  float: none !important;
  text-align: center !important; }
  .single-product-wrapper.special-requests-wrapper .summary.entry-summary .quantity, .single-product-wrapper.special-requests-wrapper .summary.entry-summary .posted_in, .single-product-wrapper.special-requests-wrapper .summary.entry-summary .price, .single-product-wrapper.special-requests-wrapper .summary.entry-summary .wccpf_label {
    display: none !important; }
.single-product-wrapper.special-requests-wrapper .special-requests {
  padding: 1rem;
  width: 500px !important;
  height: 300px !important;
  border: 1px solid lightGrey;
  margin: 0 auto;
  width: 80% !important; }

.related h2, .related .post-header h1, .post-header .related h1, .related .post-header #masthead .tagline, .post-header #masthead .related .tagline, .related #masthead .post-header .tagline, #masthead .post-header .related .tagline {
  clear: both; }

.sku_wrapper, .posted_in {
  display: block; }

.count {
  background: none; }

.mobile-nav-trigger {
  opacity: 0;
  visibility: none;
  width: 100%; }
  .mobile-nav-trigger button {
    float: left;
    color: #fff;
    font-size: 1.2rem; }
  .mobile-nav-trigger button:nth-child(2) {
    float: right; }
  @media (max-width: 768px) {
    .mobile-nav-trigger {
      opacity: 1;
      visibility: visible; } }

.container {
  clear: both; }
  .container h1.page-title, .container h2.page-title.section-title, .container #masthead .page-title.tagline, #masthead .container .page-title.tagline {
    color: white;
    text-align: center;
    font-size: 3em;
    font-family: 'PT Serif', serif;
    font-weight: 400; }
    @media (max-width: 768px) {
      .container h1.page-title, .container h2.page-title.section-title, .container #masthead .page-title.tagline, #masthead .container .page-title.tagline {
        font-size: 3em; } }

.woocommerce-Address-title a {
  float: none; }

.woocommerce div.product .product_title {
  font-size: 1.5rem; }

.woocommerce ul.products li.product h3 {
  color: #000;
  transition: color 0.5s ease; }
  .woocommerce ul.products li.product h3:hover {
    color: #009146; }

.products.grid .grid__item.product-box {
  margin-bottom: 40px;
  letter-spacing: normal !important; }
  .products.grid .grid__item.product-box img {
    margin-bottom: 0;
    width: 100%;
    height: auto; }
  .products.grid .grid__item.product-box .woocommerce-loop-product__title {
    font-size: 18px;
    padding: 0;
    margin: 0;
    display: block;
    margin-bottom: 10px; }
  .products.grid .grid__item.product-box .price {
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: 10px; }
  .products.grid .grid__item.product-box .button {
    margin: 0; }

/*
*	Shop Nav
* ============================================== */
.single-product-nav {
  padding-top: 60px; }
  @media (max-width: 600px) {
    .single-product-nav {
      padding-top: 0;
      border-top: 1px solid #222; } }

.shop-nav {
  transition: opacity 0.2s ease, visibility 0.2s ease;
  padding: 0 15px 15px;
  text-align: center;
  position: relative; }
  .shop-nav ul {
    padding: 0 0 0 0;
    margin: 0;
    text-align: center; }
  .shop-nav .category-name-menu-list-items {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    padding: 0 20px 30px 20px;
    line-height: 1; }
    .shop-nav .category-name-menu-list-items a {
      margin: 0;
      padding: 0;
      color: white; }
    .shop-nav .category-name-menu-list-items.active > a {
      color: black; }
    .shop-nav .category-name-menu-list-items:hover > a {
      color: black; }
  .shop-nav .dropdown-menu {
    display: none;
    transition: 500ms;
    overflow: hidden;
    width: 100%;
    padding: 30px;
    left: 0;
    text-align: left;
    position: absolute;
    top: 100%;
    z-index: 5;
    background: black; }
    .shop-nav .dropdown-menu .col {
      width: 33.333%;
      float: left;
      padding: 0 30px;
      display: block; }
      .shop-nav .dropdown-menu .col a {
        color: white; }
        .shop-nav .dropdown-menu .col a:hover {
          color: #009146; }
      .shop-nav .dropdown-menu .col ul {
        display: block;
        padding: 0;
        margin: 0; }
        .shop-nav .dropdown-menu .col ul li {
          display: block;
          text-align: left;
          padding: 15px 0;
          line-height: 1.2; }
    .shop-nav .dropdown-menu.active {
      display: block; }

@media (max-width: 767px) {
  .mobile-nav-trigger {
    display: block; }
    .mobile-nav-trigger button {
      color: #fff;
      cursor: pointer;
      font-size: 1.1rem;
      width: 100%;
      text-align: left;
      background: black;
      padding: 30px;
      border-bottom: 1px solid #222; }
      .mobile-nav-trigger button i {
        float: right; }

  .shop-nav {
    clear: both;
    padding: 0;
    display: none; }
    .shop-nav.active {
      display: block; }
    .shop-nav .category-name-menu-list-items {
      padding: 0;
      margin: 0;
      display: block;
      border-bottom: 1px solid #333; }
      .shop-nav .category-name-menu-list-items a {
        display: block;
        width: 100%;
        background: #111;
        text-align: left;
        padding: 30px; }
        .shop-nav .category-name-menu-list-items a i {
          float: right; }
      .shop-nav .category-name-menu-list-items.active > a {
        color: white;
        background: #1f1f1f; }
      .shop-nav .category-name-menu-list-items:hover a {
        color: white; }
    .shop-nav .dropdown-menu {
      margin: 0;
      padding: 0;
      position: static;
      background: #1f1f1f; }
      .shop-nav .dropdown-menu .col {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%; }
        .shop-nav .dropdown-menu .col a {
          background: #1f1f1f; }
        .shop-nav .dropdown-menu .col ul, .shop-nav .dropdown-menu .col li {
          margin: 0 !important;
          padding: 0 !important; } }
.woocommerce-loop-category__title {
  text-transform: capitalize;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700; }
  .woocommerce-loop-category__title .count {
    display: none; }

ul.products .category-image a:hover {
  color: white !important; }
  ul.products .category-image a:hover h2, ul.products .category-image a:hover .post-header h1, .post-header ul.products .category-image a:hover h1, ul.products .category-image a:hover .post-header #masthead .tagline, .post-header #masthead ul.products .category-image a:hover .tagline, ul.products .category-image a:hover #masthead .post-header .tagline, #masthead .post-header ul.products .category-image a:hover .tagline {
    color: white !important; }

.category-image {
  height: 100%;
  position: relative;
  width: 100%; }
  .category-image a {
    border-bottom: none;
    position: relative;
    display: block;
    height: 100%; }
    .category-image a:after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.35);
      height: 100%;
      width: 100%;
      z-index: -1;
      transition: 500ms; }
    .category-image a:hover:after {
      opacity: 0.4; }
  .category-image .category-title {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%; }
    .category-image .category-title > a {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
      .category-image .category-title > a h2, .category-image .category-title > a .post-header h1, .post-header .category-image .category-title > a h1, .category-image .category-title > a .post-header #masthead .tagline, .post-header #masthead .category-image .category-title > a .tagline, .category-image .category-title > a #masthead .post-header .tagline, #masthead .post-header .category-image .category-title > a .tagline {
        text-align: center;
        color: white;
        padding: 0 15px;
        font-size: 30px;
        font-family: 'PT Serif', serif;
        font-weight: normal; }

.products.grid .button {
  background: #009146;
  color: white;
  outline: none;
  border: 1px solid #009146;
  transition: all .2s ease-in-out;
  border-radius: 5px; }
  .products.grid .button:hover {
    background: white;
    color: #009146;
    border: 1px solid #009146; }
.products.grid .woocommerce-loop-product__title {
  color: #000; }
.products.grid .one-half, .products.grid .two-quarters, .products.grid .three-sixths, .products.grid .four-eighths, .products.grid .five-tenths, .products.grid .six-twelfths {
  display: block;
  float: left; }

/*
*	WOO Commerce Cart Form
* ============================================== */
@media (min-width: 769px) {
  table {
    table-layout: auto; }

  .shop_table_responsive.cart.woocommerce-cart-form__contents, .woocommerce-order {
    border: none; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents thead, .woocommerce-order thead {
      background: #e2f2ea; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents th, .woocommerce-order th {
      border-bottom: none; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents td, .woocommerce-order td {
      border-top: none;
      border-bottom: none; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents tr, .woocommerce-order tr {
      border: none; }
      .shop_table_responsive.cart.woocommerce-cart-form__contents tr:nth-of-type(even), .woocommerce-order tr:nth-of-type(even) {
        background: #f5f9f7; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents tr:last-of-type, .woocommerce-order tr:last-of-type {
      background: none; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents tfoot, .woocommerce-order tfoot {
      background: #e2f2ea; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents .woocommerce-info, .woocommerce-order .woocommerce-info {
      border-top: 3px solid #009146; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents .actions, .woocommerce-order .actions {
      background: whitesmoke;
      padding: 30px 15px; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents .coupon [type="submit"], .woocommerce-order .coupon [type="submit"] {
      float: left;
      clear: both;
      margin-top: 15px;
      font-size: 16px; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents .coupon #coupon_code, .woocommerce-order .coupon #coupon_code {
      width: 100%; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents .button, .woocommerce-order .button {
      background: #009146;
      color: white;
      border: none;
      outline: none;
      transition: background .2s ease-in-out;
      border-radius: 15px; }
      .shop_table_responsive.cart.woocommerce-cart-form__contents .button:hover, .woocommerce-order .button:hover {
        background: #009146; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents .product-thumbnail, .woocommerce-order .product-thumbnail {
      display: none; }
    .shop_table_responsive.cart.woocommerce-cart-form__contents .product-name a, .woocommerce-order .product-name a {
      color: #707070; } }
.woocommerce-checkout h3 {
  color: #009146;
  font-weight: 700;
  padding: 1rem; }
.woocommerce-checkout .product-total {
  text-align: center; }
.woocommerce-checkout .wc_payment_methods {
  display: none; }

.woocommerce-order-details {
  padding-top: 0; }
  .woocommerce-order-details h2, .woocommerce-order-details .post-header h1, .post-header .woocommerce-order-details h1, .woocommerce-order-details .post-header #masthead .tagline, .post-header #masthead .woocommerce-order-details .tagline, .woocommerce-order-details #masthead .post-header .tagline, #masthead .post-header .woocommerce-order-details .tagline {
    color: #009146; }

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: none; }
  #add_payment_method #payment .place-order, .woocommerce-cart #payment .place-order, .woocommerce-checkout #payment .place-order {
    padding: 0 !important; }

.wc-proceed-to-checkout a {
  background: #009146 !important;
  border-radius: 15px  !important; }
  .wc-proceed-to-checkout a:active {
    background: black !important; }

.cart_totals h2, .cart_totals .post-header h1, .post-header .cart_totals h1, .cart_totals .post-header #masthead .tagline, .post-header #masthead .cart_totals .tagline, .cart_totals #masthead .post-header .tagline, #masthead .post-header .cart_totals .tagline {
  color: #009146; }
.cart_totals .shop_table.shop_table_responsive {
  border: none; }
.cart_totals th, .cart_totals td {
  border-top: none !important;
  border-bottom: none !important; }
.cart_totals th {
  padding: 5px 0 !important; }

.product-remove a.remove {
  color: #009146 !important;
  cursor: pointer; }
  .product-remove a.remove:hover {
    border: none;
    background: none;
    outline: none;
    color: #009146 !important; }

#order_review thead tr {
  background: #e2f2ea; }
#order_review table {
  border: none !important; }
  #order_review table th, #order_review table tr, #order_review table td {
    border: none !important;
    border-bottom: none !important;
    border-top: none !important; }

#customer_details h3 {
  padding: 2rem 0; }
#customer_details tfoot {
  background: #e2f2ea; }
#customer_details .cart-subtotal td, #customer_details .order-total td {
  text-align: center; }
#customer_details .variation .variation-SlicedorUnsliced {
  float: none; }
#customer_details .button {
  background: #009146;
  color: white;
  outline: none;
  border: 1px solid #009146;
  transition: all .2s ease-in-out;
  border-radius: 5px; }
  #customer_details .button:hover {
    background: #005e2d;
    color: white;
    border: 1px solid #009146; }
#customer_details .payment_box.payment_method_cod {
  display: none; }
#customer_details .form-row.terms.wc-terms-and-conditions {
  padding: 1rem 0 2rem 0; }

.form-row.place-order .woocommerce-terms-and-conditions {
  max-height: 400px !important; }

body.page-terms-conditions p, .woocommerce-terms-and-conditions p {
  font-size: 30px;
  line-height: 1.4em; }

.woocommerce-order tr:last-of-type td {
  padding-top: inherit; }
.woocommerce-order ul li p {
  padding-bottom: 0; }
.woocommerce-order .woocommerce-table__product-name.product-name {
  padding-top: 1rem;
  padding-bottom: 1rem; }
.woocommerce-order .shop_table tfoot td {
  text-align: center;
  border-top: none; }

.page-wrapper .page-title h1, .page-wrapper .page-title h2.section-title, .page-wrapper .page-title #masthead .tagline, #masthead .page-wrapper .page-title .tagline {
  color: white;
  text-align: center;
  font-size: 3rem;
  font-family: 'PT Serif', serif;
  font-weight: 400; }
.page-wrapper .leaf {
  margin-bottom: 60px; }
.page-wrapper .content-area {
  padding-top: 0;
  padding-bottom: 0; }

.accordion {
  margin-bottom: 3rem; }

.accordion-dark .accordion-item {
  border-color: #777; }

.accordion-item {
  cursor: pointer;
  border-bottom: solid 1px #777;
  padding: 2rem 0; }
  .accordion-item:hover .header {
    color: black; }
  .accordion-item .header {
    transition: all 500ms;
    margin: 0;
    width: 100%;
    height: auto;
    line-height: 1.4;
    position: relative;
    padding-right: 50px; }
    .accordion-item .header:after {
      content: "\f2c7";
      font-family: "Ionicons";
      color: #009146;
      height: auto;
      float: right;
      font-size: 2rem;
      line-height: 1;
      text-align: center;
      position: absolute;
      right: 0;
      top: 0; }
    .accordion-item .header.rotate:after {
      transition: all 500ms;
      transform: rotate(90deg); }
    .accordion-item .header.rotate--open:after {
      content: "\f2f4";
      transition: all 500ms;
      transform: rotate(360deg); }
    .accordion-item .header.rotate--close:after {
      transition: all 500ms;
      transform: rotate(-360deg); }
    .accordion-item .header.closer {
      transition: all 500ms; }
      .accordion-item .header.closer:after {
        content: "\f2f4";
        transform: rotate(0deg); }
      .accordion-item .header.closer:hover:after {
        transform: rotate(0deg); }

.accordion__body {
  transition: all 500ms;
  visibility: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
  max-width: 650px; }
  .accordion__body.fadein {
    padding-top: 2rem;
    height: auto;
    visibility: visible;
    opacity: 1; }
  .accordion__body ul {
    display: inline-block;
    width: 100%; }
  .accordion__body li {
    display: inline-block;
    vertical-align: top;
    padding: 0rem 3rem 0rem 0;
    margin-bottom: 2rem;
    width: 100%; }
    .accordion__body li p {
      padding: 0; }

.accordion__body__ul-small {
  font-size: 1rem; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  width: 478px;
  padding: 30px;
  border-radius: 0px;
  text-align: center;
  border: 1px solid black;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -269px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  .sweet-alert:before {
    content: '';
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    border: 1px solid #009146;
    z-index: -1; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2, .sweet-alert .post-header h1, .post-header .sweet-alert h1, .sweet-alert .post-header #masthead .tagline, .post-header #masthead .sweet-alert .tagline, .sweet-alert #masthead .post-header .tagline, #masthead .post-header .sweet-alert .tagline {
    color: #000;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 1rem 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #000000;
    text-align: center;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0 0 30px 0; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: white;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #666666; }
    .sweet-alert input:-ms-input-placeholder {
      color: #666666; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #666666; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #000;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: black; }
    .sweet-alert button:active {
      background-color: black; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #eceadb; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #000;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #eceadb; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #000; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #000; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #eceadb; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #000; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #000; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #eceadb; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #000;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }
@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }
@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }
@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }
@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }
@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }
@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }
.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }
.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }
.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }
.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }
.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

body.single-product table.variations tbody tr td {
	display: inline-block !important;
    vertical-align: middle !important;
}

body.single-product table.variations tbody tr td.value select {
	margin-bottom: 0;
}

.woocommerce td.product-name dl.variation .variation-RequiredWeightg {
	display: inline-block;
	float: none;
}

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