/*--------------------------------------------------------------
# Buttons.scss - BoldGrid Button Library.
--------------------------------------------------------------*/
/*! @license
*
* Buttons
* Copyright 2012-2014 Alex Wolfe and Rob Levin
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
* Compass (optional)
*
* We recommend the use of autoprefixer instead of Compass
* when using buttons. However, buttons does support Compass.
* simply change $ubtn-use-compass to true and uncomment the
* @import 'compass' code below to use Compass.
*/
/*
* Required Files
*
* These files include the variables and options
* and base css styles that are required to generate buttons.
*/
/*
* $ubtn prefix (reserved)
*
* This prefix stands for Unicorn Button - ubtn
* We provide a prefix to the Sass Variables to
* prevent namespace collisions that could occur if
* you import buttons as part of your Sass build process.
* We kindly ask you not to use the prefix $ubtn in your project
* in order to avoid possilbe name conflicts. Thanks!
*/
/*
* Button Namespace (ex .button or .btn)
*
*/
/*
* Button Defaults
*
* Some default settings that are used throughout the button library.
* Changes to these settings will be picked up by all of the other modules.
* The colors used here are the default colors for the base button (gray).
* The font size and height are used to set the base size for the buttons.
* The size values will be used to calculate the larger and smaller button sizes.
*/
/*
* Button Colors
*
* $ubtn-colors is used to generate the different button colors.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, background, color)
* The class is generated using the name: (ex .button-primary)
*/
/*
* Button Shapes
*
* $ubtn-shapes is used to generate the different button shapes.
* Edit or add shapes to the list below and recompile.
* Each block contains the (name, border-radius).
* The class is generated using the name: (ex .button-square).
*/
/*
* Button Sizes
*
* $ubtn-sizes is used to generate the different button sizes.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, size multiplier).
* The class is generated using the name: (ex .button-giant).
*/
/*
* Color Mixin
*
* Iterates through the list of colors and creates
*
*/
/*
* No Animation
*
* Sets animation property to none
*/
/*
* Clearfix
*
* Clears floats inside the container
*/
/*
* Base Button Style
*
* The default values for the .button class
*/
.btn, .palette-primary input[type=submit], .palette-primary .button-primary, .palette-primary .woocommerce .button, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit], .palette-primary .button-secondary, .palette-primary .woocommerce .alt.button {
  color: #ffffff;
  background-color: #19b5c6;
  border-color: #19b5c6;
  font-weight: inherit;
  font-size: 1em;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  transition-property: all;
  transition-duration: 0.3s;
  /*
  * Disabled State
  *
  * The disabled state uses the class .disabled, is-disabled,
  * and the form attribute disabled="disabled".
  * The use of !important is only added because this is a state
  * that must be applied to all buttons when in a disabled state.
  */ }
  .btn:visited, .palette-primary input[type=submit]:visited, .palette-primary .button-primary:visited, .palette-primary .woocommerce .button:visited, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:visited, .palette-primary .button-secondary:visited, .palette-primary .woocommerce .alt.button:visited {
    color: #ffffff; }
  .btn:hover, .palette-primary input[type=submit]:hover, .palette-primary .button-primary:hover, .palette-primary .woocommerce .button:hover, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:hover, .palette-primary .button-secondary:hover, .palette-primary .woocommerce .alt.button:hover, .btn:focus, .palette-primary input[type=submit]:focus, .palette-primary .button-primary:focus, .palette-primary .woocommerce .button:focus, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:focus, .palette-primary .button-secondary:focus, .palette-primary .woocommerce .alt.button:focus {
    background-color: #1bc1d4;
    text-decoration: none;
    outline: none; }
  .btn:active, .palette-primary input[type=submit]:active, .palette-primary .button-primary:active, .palette-primary .woocommerce .button:active, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:active, .palette-primary .button-secondary:active, .palette-primary .woocommerce .alt.button:active, .btn.active, .palette-primary input.active[type=submit], .palette-primary .active.button-primary, .palette-primary .woocommerce .active.button, .palette-primary div.wpforms-container-full .wpforms-form button.active[type=submit], .palette-primary .active.button-secondary, .palette-primary .woocommerce .active.alt.button, .btn.is-active, .palette-primary input.is-active[type=submit], .palette-primary .is-active.button-primary, .palette-primary .woocommerce .is-active.button, .palette-primary div.wpforms-container-full .wpforms-form button.is-active[type=submit], .palette-primary .is-active.button-secondary, .palette-primary .woocommerce .is-active.alt.button {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    text-decoration: none;
    background-color: #24acbb;
    border-color: #128390;
    color: #138c99;
    transition-duration: 0s;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  .btn.disabled, .palette-primary input.disabled[type=submit], .palette-primary .disabled.button-primary, .palette-primary .woocommerce .disabled.button, .palette-primary div.wpforms-container-full .wpforms-form button.disabled[type=submit], .palette-primary .disabled.button-secondary, .palette-primary .woocommerce .disabled.alt.button, .btn.is-disabled, .palette-primary input.is-disabled[type=submit], .palette-primary .is-disabled.button-primary, .palette-primary .woocommerce .is-disabled.button, .palette-primary div.wpforms-container-full .wpforms-form button.is-disabled[type=submit], .palette-primary .is-disabled.button-secondary, .palette-primary .woocommerce .is-disabled.alt.button, .btn:disabled, .palette-primary input[type=submit]:disabled, .palette-primary .button-primary:disabled, .palette-primary .woocommerce .button:disabled, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:disabled, .palette-primary .button-secondary:disabled, .palette-primary .woocommerce .alt.button:disabled {
    top: 0 !important;
    background: #EEE !important;
    border: 1px solid #DDD !important;
    text-shadow: 0 1px 1px white !important;
    color: #CCC !important;
    cursor: default !important;
    appearance: none !important; }
    .btn.disabled else, .palette-primary input.disabled[type=submit] else, .palette-primary .disabled.button-primary else, .palette-primary .woocommerce .disabled.button else, .palette-primary div.wpforms-container-full .wpforms-form button.disabled[type=submit] else, .palette-primary .disabled.button-secondary else, .palette-primary .woocommerce .disabled.alt.button else, .btn.is-disabled else, .palette-primary input.is-disabled[type=submit] else, .palette-primary .is-disabled.button-primary else, .palette-primary .woocommerce .is-disabled.button else, .palette-primary div.wpforms-container-full .wpforms-form button.is-disabled[type=submit] else, .palette-primary .is-disabled.button-secondary else, .palette-primary .woocommerce .is-disabled.alt.button else, .btn:disabled else, .palette-primary input[type=submit]:disabled else, .palette-primary .button-primary:disabled else, .palette-primary .woocommerce .button:disabled else, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:disabled else, .palette-primary .button-secondary:disabled else, .palette-primary .woocommerce .alt.button:disabled else {
      box-shadow: none !important;
      opacity: 0.8 !important; }

/*
* Base Button Tyography
*
*/
.btn-uppercase {
  text-transform: uppercase; }

.btn-lowercase {
  text-transform: lowercase; }

.btn-capitalize {
  text-transform: capitalize; }

.btn-small-caps {
  font-variant: small-caps; }

.btn-icon-txt-large {
  font-size: 36px !important; }

/*
* Base padding
*
*/
.btn-width-small {
  padding: 0 10px !important; }

/*
* Base Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.btn-color-1, .palette-primary input[type=submit], .palette-primary .button-primary, .palette-primary .woocommerce .button, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit], .btn-color-1-flat {
  background-color: #19b5c6;
  border-color: #19b5c6;
  color: #ffffff; }
  .btn-color-1:visited, .palette-primary input[type=submit]:visited, .palette-primary .button-primary:visited, .palette-primary .woocommerce .button:visited, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:visited, .btn-color-1-flat:visited {
    color: #ffffff; }
  .btn-color-1:hover, .palette-primary input[type=submit]:hover, .palette-primary .button-primary:hover, .palette-primary .woocommerce .button:hover, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:hover, .btn-color-1:focus, .palette-primary input[type=submit]:focus, .palette-primary .button-primary:focus, .palette-primary .woocommerce .button:focus, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:focus, .btn-color-1-flat:hover, .btn-color-1-flat:focus {
    background-color: #2dd3e5;
    border-color: #2dd3e5;
    color: #ffffff; }
  .btn-color-1:active, .palette-primary input[type=submit]:active, .palette-primary .button-primary:active, .palette-primary .woocommerce .button:active, .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:active, .btn-color-1.active, .palette-primary input.active[type=submit], .palette-primary .active.button-primary, .palette-primary .woocommerce .active.button, .palette-primary div.wpforms-container-full .wpforms-form button.active[type=submit], .btn-color-1.is-active, .palette-primary input.is-active[type=submit], .palette-primary .is-active.button-primary, .palette-primary .woocommerce .is-active.button, .palette-primary div.wpforms-container-full .wpforms-form button.is-active[type=submit], .btn-color-1-flat:active, .btn-color-1-flat.active, .btn-color-1-flat.is-active {
    background-color: #24acbb;
    border-color: #24acbb;
    color: #138c99; }
.btn-color-2, .palette-primary .button-secondary, .palette-primary .woocommerce .alt.button, .btn-color-2-flat {
  background-color: #8224e3;
  border-color: #8224e3;
  color: #ffffff; }
  .btn-color-2:visited, .palette-primary .button-secondary:visited, .palette-primary .woocommerce .alt.button:visited, .btn-color-2-flat:visited {
    color: #ffffff; }
  .btn-color-2:hover, .palette-primary .button-secondary:hover, .palette-primary .woocommerce .alt.button:hover, .btn-color-2:focus, .palette-primary .button-secondary:focus, .palette-primary .woocommerce .alt.button:focus, .btn-color-2-flat:hover, .btn-color-2-flat:focus {
    background-color: #9c51e9;
    border-color: #9c51e9;
    color: #ffffff; }
  .btn-color-2:active, .palette-primary .button-secondary:active, .palette-primary .woocommerce .alt.button:active, .btn-color-2.active, .palette-primary .active.button-secondary, .palette-primary .woocommerce .active.alt.button, .btn-color-2.is-active, .palette-primary .is-active.button-secondary, .palette-primary .woocommerce .is-active.alt.button, .btn-color-2-flat:active, .btn-color-2-flat.active, .btn-color-2-flat.is-active {
    background-color: #8230d7;
    border-color: #8230d7;
    color: #6918bc; }
.btn-color-3, .btn-color-3-flat {
  background-color: #e1ebed;
  border-color: #e1ebed;
  color: #333333; }
  .btn-color-3:visited, .btn-color-3-flat:visited {
    color: #333333; }
  .btn-color-3:hover, .btn-color-3:focus, .btn-color-3-flat:hover, .btn-color-3-flat:focus {
    background-color: white;
    border-color: white;
    color: #333333; }
  .btn-color-3:active, .btn-color-3.active, .btn-color-3.is-active, .btn-color-3-flat:active, .btn-color-3-flat.active, .btn-color-3-flat.is-active {
    background-color: #e3e9eb;
    border-color: #e3e9eb;
    color: #c1d6da; }
.btn-color-4, .btn-color-4-flat {
  background-color: #ee2;
  border-color: #ee2;
  color: #333333; }
  .btn-color-4:visited, .btn-color-4-flat:visited {
    color: #333333; }
  .btn-color-4:hover, .btn-color-4:focus, .btn-color-4-flat:hover, .btn-color-4-flat:focus {
    background-color: #f2f251;
    border-color: #f2f251;
    color: #333333; }
  .btn-color-4:active, .btn-color-4.active, .btn-color-4.is-active, .btn-color-4-flat:active, .btn-color-4-flat.active, .btn-color-4-flat.is-active {
    background-color: #e2e22e;
    border-color: #e2e22e;
    color: #cdcd10; }
.btn-color-5, .btn-color-5-flat {
  background-color: #6d6d6d;
  border-color: #6d6d6d;
  color: #ffffff; }
  .btn-color-5:visited, .btn-color-5-flat:visited {
    color: #ffffff; }
  .btn-color-5:hover, .btn-color-5:focus, .btn-color-5-flat:hover, .btn-color-5-flat:focus {
    background-color: #878787;
    border-color: #878787;
    color: #ffffff; }
  .btn-color-5:active, .btn-color-5.active, .btn-color-5.is-active, .btn-color-5-flat:active, .btn-color-5-flat.active, .btn-color-5-flat.is-active {
    background-color: #6d6d6d;
    border-color: #6d6d6d;
    color: #545454; }
.btn-neutral-color, .btn-neutral-color-flat {
  background-color: #e1ebed;
  border-color: #e1ebed;
  color: #333333; }
  .btn-neutral-color:visited, .btn-neutral-color-flat:visited {
    color: #333333; }
  .btn-neutral-color:hover, .btn-neutral-color:focus, .btn-neutral-color-flat:hover, .btn-neutral-color-flat:focus {
    background-color: white;
    border-color: white;
    color: #333333; }
  .btn-neutral-color:active, .btn-neutral-color.active, .btn-neutral-color.is-active, .btn-neutral-color-flat:active, .btn-neutral-color-flat.active, .btn-neutral-color-flat.is-active {
    background-color: #e3e9eb;
    border-color: #e3e9eb;
    color: #c1d6da; }

/*
* Base Layout Styles
*
* Very Miminal Layout Styles
*/
.btn-block, .btn-stacked {
  display: block; }

/*
* Button Types (optional)
*
* All of the files below represent the various button
* types (including shapes & sizes). None of these files
* are required. Simple remove the uneeded type below and
* the button type will be excluded from the final build
*/
/*
* Button Shapes
*
* This file creates the various button shapes
* (ex. Circle, Rounded, Pill)
*/
.btn-square {
  border-radius: 0; }
.btn-box {
  border-radius: 10px; }
.btn-rounded {
  border-radius: 4px; }
.btn-pill {
  border-radius: 200px; }
.btn-circle {
  border-radius: 100%; }

/*
* Size Adjustment for equal height & widht buttons
*
* Remove padding and set a fixed width.
*/
.btn-circle, .btn-box, .btn-square {
  padding: 0 !important;
  width: 40px; }
  .btn-circle.btn-giant, .btn-box.btn-giant, .btn-square.btn-giant {
    width: 70px; }
  .btn-circle.btn-jumbo, .btn-box.btn-jumbo, .btn-square.btn-jumbo {
    width: 60px; }
  .btn-circle.btn-large, .btn-box.btn-large, .btn-square.btn-large {
    width: 50px; }
  .btn-circle.btn-normal, .btn-box.btn-normal, .btn-square.btn-normal {
    width: 40px; }
  .btn-circle.btn-small, .btn-box.btn-small, .btn-square.btn-small {
    width: 30px; }
  .btn-circle.btn-tiny, .btn-box.btn-tiny, .btn-square.btn-tiny {
    width: 24px; }

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.btn-border, .btn-border-thin, .btn-border-thick {
  background: none;
  border-width: 2px;
  border-style: solid;
  line-height: 36px; }
  .btn-border:hover, .btn-border-thin:hover, .btn-border-thick:hover {
    background-color: rgba(45, 211, 229, 0.9); }
  .btn-border:active, .btn-border-thin:active, .btn-border-thick:active, .btn-border.active, .active.btn-border-thin, .active.btn-border-thick, .btn-border.is-active, .is-active.btn-border-thin, .is-active.btn-border-thick {
    box-shadow: none;
    text-shadow: none;
    transition-property: all;
    transition-duration: 0.3s; }

/*
* Border Optional Sizes
*
* A slight variation in border thickness
*/
.btn-border-thin {
  border-width: 1px; }

.btn-border-thick {
  border-width: 3px; }

/*
* Border Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.btn-border, .btn-border-thin, .btn-border-thick {
  /*
  * Border Button Size Adjustment
  *
  * The line-height must be adjusted to compinsate for
  * the width of the border.
  */ }
  .btn-border.btn-color-1, .btn-color-1.btn-border-thin, .palette-primary input.btn-border-thin[type=submit], .palette-primary .btn-border-thin.button-primary, .palette-primary .woocommerce .btn-border-thin.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thin[type=submit], .btn-color-1.btn-border-thick, .palette-primary input.btn-border-thick[type=submit], .palette-primary .btn-border-thick.button-primary, .palette-primary .woocommerce .btn-border-thick.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thick[type=submit], .palette-primary input.btn-border[type=submit], .palette-primary .btn-border.button-primary, .palette-primary .button-primary.btn-border-thin, .palette-primary .button-primary.btn-border-thick, .palette-primary .woocommerce .btn-border.button, .palette-primary .woocommerce .button.btn-border-thin, .palette-primary .woocommerce .button.btn-border-thick, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border[type=submit], .btn-border-thin.btn-color-1, .btn-border-thick.btn-color-1 {
    color: #19b5c6; }
    .btn-border.btn-color-1:hover, .btn-color-1.btn-border-thin:hover, .palette-primary input.btn-border-thin[type=submit]:hover, .palette-primary .btn-border-thin.button-primary:hover, .palette-primary .woocommerce .btn-border-thin.button:hover, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thin[type=submit]:hover, .btn-color-1.btn-border-thick:hover, .palette-primary input.btn-border-thick[type=submit]:hover, .palette-primary .btn-border-thick.button-primary:hover, .palette-primary .woocommerce .btn-border-thick.button:hover, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thick[type=submit]:hover, .palette-primary input.btn-border[type=submit]:hover, .palette-primary .btn-border.button-primary:hover, .palette-primary .button-primary.btn-border-thin:hover, .palette-primary .button-primary.btn-border-thick:hover, .palette-primary .woocommerce .btn-border.button:hover, .palette-primary .woocommerce .button.btn-border-thin:hover, .palette-primary .woocommerce .button.btn-border-thick:hover, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border[type=submit]:hover, .btn-border.btn-color-1:focus, .btn-color-1.btn-border-thin:focus, .palette-primary input.btn-border-thin[type=submit]:focus, .palette-primary .btn-border-thin.button-primary:focus, .palette-primary .woocommerce .btn-border-thin.button:focus, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thin[type=submit]:focus, .btn-color-1.btn-border-thick:focus, .palette-primary input.btn-border-thick[type=submit]:focus, .palette-primary .btn-border-thick.button-primary:focus, .palette-primary .woocommerce .btn-border-thick.button:focus, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thick[type=submit]:focus, .palette-primary input.btn-border[type=submit]:focus, .palette-primary .btn-border.button-primary:focus, .palette-primary .button-primary.btn-border-thin:focus, .palette-primary .button-primary.btn-border-thick:focus, .palette-primary .woocommerce .btn-border.button:focus, .palette-primary .woocommerce .button.btn-border-thin:focus, .palette-primary .woocommerce .button.btn-border-thick:focus, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border[type=submit]:focus, .btn-border-thin.btn-color-1:hover, .btn-border-thin.btn-color-1:focus, .btn-border-thick.btn-color-1:hover, .btn-border-thick.btn-color-1:focus {
      background-color: rgba(45, 211, 229, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .btn-border.btn-color-1:active, .btn-color-1.btn-border-thin:active, .palette-primary input.btn-border-thin[type=submit]:active, .palette-primary .btn-border-thin.button-primary:active, .palette-primary .woocommerce .btn-border-thin.button:active, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thin[type=submit]:active, .btn-color-1.btn-border-thick:active, .palette-primary input.btn-border-thick[type=submit]:active, .palette-primary .btn-border-thick.button-primary:active, .palette-primary .woocommerce .btn-border-thick.button:active, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thick[type=submit]:active, .palette-primary input.btn-border[type=submit]:active, .palette-primary .btn-border.button-primary:active, .palette-primary .button-primary.btn-border-thin:active, .palette-primary .button-primary.btn-border-thick:active, .palette-primary .woocommerce .btn-border.button:active, .palette-primary .woocommerce .button.btn-border-thin:active, .palette-primary .woocommerce .button.btn-border-thick:active, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border[type=submit]:active, .btn-border.btn-color-1.active, .btn-color-1.active.btn-border-thin, .palette-primary input.active.btn-border-thin[type=submit], .palette-primary .active.btn-border-thin.button-primary, .palette-primary .woocommerce .active.btn-border-thin.button, .palette-primary div.wpforms-container-full .wpforms-form button.active.btn-border-thin[type=submit], .btn-color-1.active.btn-border-thick, .palette-primary input.active.btn-border-thick[type=submit], .palette-primary .active.btn-border-thick.button-primary, .palette-primary .woocommerce .active.btn-border-thick.button, .palette-primary div.wpforms-container-full .wpforms-form button.active.btn-border-thick[type=submit], .palette-primary input.btn-border.active[type=submit], .palette-primary .btn-border.active.button-primary, .palette-primary .active.button-primary.btn-border-thin, .palette-primary .active.button-primary.btn-border-thick, .palette-primary .woocommerce .btn-border.active.button, .palette-primary .woocommerce .active.button.btn-border-thin, .palette-primary .woocommerce .active.button.btn-border-thick, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border.active[type=submit], .btn-border.btn-color-1.is-active, .btn-color-1.is-active.btn-border-thin, .palette-primary input.is-active.btn-border-thin[type=submit], .palette-primary .is-active.btn-border-thin.button-primary, .palette-primary .woocommerce .is-active.btn-border-thin.button, .palette-primary div.wpforms-container-full .wpforms-form button.is-active.btn-border-thin[type=submit], .btn-color-1.is-active.btn-border-thick, .palette-primary input.is-active.btn-border-thick[type=submit], .palette-primary .is-active.btn-border-thick.button-primary, .palette-primary .woocommerce .is-active.btn-border-thick.button, .palette-primary div.wpforms-container-full .wpforms-form button.is-active.btn-border-thick[type=submit], .palette-primary input.btn-border.is-active[type=submit], .palette-primary .btn-border.is-active.button-primary, .palette-primary .is-active.button-primary.btn-border-thin, .palette-primary .is-active.button-primary.btn-border-thick, .palette-primary .woocommerce .btn-border.is-active.button, .palette-primary .woocommerce .is-active.button.btn-border-thin, .palette-primary .woocommerce .is-active.button.btn-border-thick, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border.is-active[type=submit], .btn-border-thin.btn-color-1:active, .btn-border-thin.btn-color-1.active, .palette-primary input.btn-border-thin.active[type=submit], .palette-primary .btn-border-thin.active.button-primary, .palette-primary .woocommerce .btn-border-thin.active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thin.active[type=submit], .btn-border-thin.btn-color-1.is-active, .palette-primary input.btn-border-thin.is-active[type=submit], .palette-primary .btn-border-thin.is-active.button-primary, .palette-primary .woocommerce .btn-border-thin.is-active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thin.is-active[type=submit], .btn-border-thick.btn-color-1:active, .btn-border-thick.btn-color-1.active, .palette-primary input.btn-border-thick.active[type=submit], .palette-primary .btn-border-thick.active.button-primary, .palette-primary .woocommerce .btn-border-thick.active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thick.active[type=submit], .btn-border-thick.btn-color-1.is-active, .palette-primary input.btn-border-thick.is-active[type=submit], .palette-primary .btn-border-thick.is-active.button-primary, .palette-primary .woocommerce .btn-border-thick.is-active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-border-thick.is-active[type=submit] {
      background-color: rgba(36, 172, 187, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: 0.3; }
  .btn-border.btn-color-2, .btn-color-2.btn-border-thin, .palette-primary .btn-border-thin.button-secondary, .palette-primary .woocommerce .btn-border-thin.alt.button, .btn-color-2.btn-border-thick, .palette-primary .btn-border-thick.button-secondary, .palette-primary .woocommerce .btn-border-thick.alt.button, .palette-primary .btn-border.button-secondary, .palette-primary .button-secondary.btn-border-thin, .palette-primary .button-secondary.btn-border-thick, .palette-primary .woocommerce .btn-border.alt.button, .palette-primary .woocommerce .alt.button.btn-border-thin, .palette-primary .woocommerce .alt.button.btn-border-thick, .btn-border-thin.btn-color-2, .btn-border-thick.btn-color-2 {
    color: #8224e3; }
    .btn-border.btn-color-2:hover, .btn-color-2.btn-border-thin:hover, .palette-primary .btn-border-thin.button-secondary:hover, .palette-primary .woocommerce .btn-border-thin.alt.button:hover, .btn-color-2.btn-border-thick:hover, .palette-primary .btn-border-thick.button-secondary:hover, .palette-primary .woocommerce .btn-border-thick.alt.button:hover, .palette-primary .btn-border.button-secondary:hover, .palette-primary .button-secondary.btn-border-thin:hover, .palette-primary .button-secondary.btn-border-thick:hover, .palette-primary .woocommerce .btn-border.alt.button:hover, .palette-primary .woocommerce .alt.button.btn-border-thin:hover, .palette-primary .woocommerce .alt.button.btn-border-thick:hover, .btn-border.btn-color-2:focus, .btn-color-2.btn-border-thin:focus, .palette-primary .btn-border-thin.button-secondary:focus, .palette-primary .woocommerce .btn-border-thin.alt.button:focus, .btn-color-2.btn-border-thick:focus, .palette-primary .btn-border-thick.button-secondary:focus, .palette-primary .woocommerce .btn-border-thick.alt.button:focus, .palette-primary .btn-border.button-secondary:focus, .palette-primary .button-secondary.btn-border-thin:focus, .palette-primary .button-secondary.btn-border-thick:focus, .palette-primary .woocommerce .btn-border.alt.button:focus, .palette-primary .woocommerce .alt.button.btn-border-thin:focus, .palette-primary .woocommerce .alt.button.btn-border-thick:focus, .btn-border-thin.btn-color-2:hover, .btn-border-thin.btn-color-2:focus, .btn-border-thick.btn-color-2:hover, .btn-border-thick.btn-color-2:focus {
      background-color: rgba(156, 81, 233, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .btn-border.btn-color-2:active, .btn-color-2.btn-border-thin:active, .palette-primary .btn-border-thin.button-secondary:active, .palette-primary .woocommerce .btn-border-thin.alt.button:active, .btn-color-2.btn-border-thick:active, .palette-primary .btn-border-thick.button-secondary:active, .palette-primary .woocommerce .btn-border-thick.alt.button:active, .palette-primary .btn-border.button-secondary:active, .palette-primary .button-secondary.btn-border-thin:active, .palette-primary .button-secondary.btn-border-thick:active, .palette-primary .woocommerce .btn-border.alt.button:active, .palette-primary .woocommerce .alt.button.btn-border-thin:active, .palette-primary .woocommerce .alt.button.btn-border-thick:active, .btn-border.btn-color-2.active, .btn-color-2.active.btn-border-thin, .palette-primary .active.btn-border-thin.button-secondary, .palette-primary .woocommerce .active.btn-border-thin.alt.button, .btn-color-2.active.btn-border-thick, .palette-primary .active.btn-border-thick.button-secondary, .palette-primary .woocommerce .active.btn-border-thick.alt.button, .palette-primary .btn-border.active.button-secondary, .palette-primary .active.button-secondary.btn-border-thin, .palette-primary .active.button-secondary.btn-border-thick, .palette-primary .woocommerce .btn-border.active.alt.button, .palette-primary .woocommerce .active.alt.button.btn-border-thin, .palette-primary .woocommerce .active.alt.button.btn-border-thick, .btn-border.btn-color-2.is-active, .btn-color-2.is-active.btn-border-thin, .palette-primary .is-active.btn-border-thin.button-secondary, .palette-primary .woocommerce .is-active.btn-border-thin.alt.button, .btn-color-2.is-active.btn-border-thick, .palette-primary .is-active.btn-border-thick.button-secondary, .palette-primary .woocommerce .is-active.btn-border-thick.alt.button, .palette-primary .btn-border.is-active.button-secondary, .palette-primary .is-active.button-secondary.btn-border-thin, .palette-primary .is-active.button-secondary.btn-border-thick, .palette-primary .woocommerce .btn-border.is-active.alt.button, .palette-primary .woocommerce .is-active.alt.button.btn-border-thin, .palette-primary .woocommerce .is-active.alt.button.btn-border-thick, .btn-border-thin.btn-color-2:active, .btn-border-thin.btn-color-2.active, .palette-primary .btn-border-thin.active.button-secondary, .palette-primary .woocommerce .btn-border-thin.active.alt.button, .btn-border-thin.btn-color-2.is-active, .palette-primary .btn-border-thin.is-active.button-secondary, .palette-primary .woocommerce .btn-border-thin.is-active.alt.button, .btn-border-thick.btn-color-2:active, .btn-border-thick.btn-color-2.active, .palette-primary .btn-border-thick.active.button-secondary, .palette-primary .woocommerce .btn-border-thick.active.alt.button, .btn-border-thick.btn-color-2.is-active, .palette-primary .btn-border-thick.is-active.button-secondary, .palette-primary .woocommerce .btn-border-thick.is-active.alt.button {
      background-color: rgba(130, 48, 215, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: 0.3; }
  .btn-border.btn-color-3, .btn-color-3.btn-border-thin, .btn-color-3.btn-border-thick, .btn-border-thin.btn-color-3, .btn-border-thick.btn-color-3 {
    color: #e1ebed; }
    .btn-border.btn-color-3:hover, .btn-color-3.btn-border-thin:hover, .btn-color-3.btn-border-thick:hover, .btn-border.btn-color-3:focus, .btn-color-3.btn-border-thin:focus, .btn-color-3.btn-border-thick:focus, .btn-border-thin.btn-color-3:hover, .btn-border-thin.btn-color-3:focus, .btn-border-thick.btn-color-3:hover, .btn-border-thick.btn-color-3:focus {
      background-color: rgba(255, 255, 255, 0.9);
      color: rgba(51, 51, 51, 0.9); }
    .btn-border.btn-color-3:active, .btn-color-3.btn-border-thin:active, .btn-color-3.btn-border-thick:active, .btn-border.btn-color-3.active, .btn-color-3.active.btn-border-thin, .btn-color-3.active.btn-border-thick, .btn-border.btn-color-3.is-active, .btn-color-3.is-active.btn-border-thin, .btn-color-3.is-active.btn-border-thick, .btn-border-thin.btn-color-3:active, .btn-border-thin.btn-color-3.active, .btn-border-thin.btn-color-3.is-active, .btn-border-thick.btn-color-3:active, .btn-border-thick.btn-color-3.active, .btn-border-thick.btn-color-3.is-active {
      background-color: rgba(227, 233, 235, 0.7);
      color: rgba(51, 51, 51, 0.5);
      opacity: 0.3; }
  .btn-border.btn-color-4, .btn-color-4.btn-border-thin, .btn-color-4.btn-border-thick, .btn-border-thin.btn-color-4, .btn-border-thick.btn-color-4 {
    color: #ee2; }
    .btn-border.btn-color-4:hover, .btn-color-4.btn-border-thin:hover, .btn-color-4.btn-border-thick:hover, .btn-border.btn-color-4:focus, .btn-color-4.btn-border-thin:focus, .btn-color-4.btn-border-thick:focus, .btn-border-thin.btn-color-4:hover, .btn-border-thin.btn-color-4:focus, .btn-border-thick.btn-color-4:hover, .btn-border-thick.btn-color-4:focus {
      background-color: rgba(242, 242, 81, 0.9);
      color: rgba(51, 51, 51, 0.9); }
    .btn-border.btn-color-4:active, .btn-color-4.btn-border-thin:active, .btn-color-4.btn-border-thick:active, .btn-border.btn-color-4.active, .btn-color-4.active.btn-border-thin, .btn-color-4.active.btn-border-thick, .btn-border.btn-color-4.is-active, .btn-color-4.is-active.btn-border-thin, .btn-color-4.is-active.btn-border-thick, .btn-border-thin.btn-color-4:active, .btn-border-thin.btn-color-4.active, .btn-border-thin.btn-color-4.is-active, .btn-border-thick.btn-color-4:active, .btn-border-thick.btn-color-4.active, .btn-border-thick.btn-color-4.is-active {
      background-color: rgba(226, 226, 46, 0.7);
      color: rgba(51, 51, 51, 0.5);
      opacity: 0.3; }
  .btn-border.btn-color-5, .btn-color-5.btn-border-thin, .btn-color-5.btn-border-thick, .btn-border-thin.btn-color-5, .btn-border-thick.btn-color-5 {
    color: #6d6d6d; }
    .btn-border.btn-color-5:hover, .btn-color-5.btn-border-thin:hover, .btn-color-5.btn-border-thick:hover, .btn-border.btn-color-5:focus, .btn-color-5.btn-border-thin:focus, .btn-color-5.btn-border-thick:focus, .btn-border-thin.btn-color-5:hover, .btn-border-thin.btn-color-5:focus, .btn-border-thick.btn-color-5:hover, .btn-border-thick.btn-color-5:focus {
      background-color: rgba(135, 135, 135, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .btn-border.btn-color-5:active, .btn-color-5.btn-border-thin:active, .btn-color-5.btn-border-thick:active, .btn-border.btn-color-5.active, .btn-color-5.active.btn-border-thin, .btn-color-5.active.btn-border-thick, .btn-border.btn-color-5.is-active, .btn-color-5.is-active.btn-border-thin, .btn-color-5.is-active.btn-border-thick, .btn-border-thin.btn-color-5:active, .btn-border-thin.btn-color-5.active, .btn-border-thin.btn-color-5.is-active, .btn-border-thick.btn-color-5:active, .btn-border-thick.btn-color-5.active, .btn-border-thick.btn-color-5.is-active {
      background-color: rgba(109, 109, 109, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: 0.3; }
  .btn-border.btn-neutral-color, .btn-neutral-color.btn-border-thin, .btn-neutral-color.btn-border-thick, .btn-border-thin.btn-neutral-color, .btn-border-thick.btn-neutral-color {
    color: #e1ebed; }
    .btn-border.btn-neutral-color:hover, .btn-neutral-color.btn-border-thin:hover, .btn-neutral-color.btn-border-thick:hover, .btn-border.btn-neutral-color:focus, .btn-neutral-color.btn-border-thin:focus, .btn-neutral-color.btn-border-thick:focus, .btn-border-thin.btn-neutral-color:hover, .btn-border-thin.btn-neutral-color:focus, .btn-border-thick.btn-neutral-color:hover, .btn-border-thick.btn-neutral-color:focus {
      background-color: rgba(255, 255, 255, 0.9);
      color: rgba(51, 51, 51, 0.9); }
    .btn-border.btn-neutral-color:active, .btn-neutral-color.btn-border-thin:active, .btn-neutral-color.btn-border-thick:active, .btn-border.btn-neutral-color.active, .btn-neutral-color.active.btn-border-thin, .btn-neutral-color.active.btn-border-thick, .btn-border.btn-neutral-color.is-active, .btn-neutral-color.is-active.btn-border-thin, .btn-neutral-color.is-active.btn-border-thick, .btn-border-thin.btn-neutral-color:active, .btn-border-thin.btn-neutral-color.active, .btn-border-thin.btn-neutral-color.is-active, .btn-border-thick.btn-neutral-color:active, .btn-border-thick.btn-neutral-color.active, .btn-border-thick.btn-neutral-color.is-active {
      background-color: rgba(227, 233, 235, 0.7);
      color: rgba(51, 51, 51, 0.5);
      opacity: 0.3; }
  .btn-border.btn-giant, .btn-giant.btn-border-thin, .btn-giant.btn-border-thick, .btn-border-thin.btn-giant, .btn-border-thick.btn-giant {
    line-height: 66px; }
  .btn-border.btn-jumbo, .btn-jumbo.btn-border-thin, .btn-jumbo.btn-border-thick, .btn-border-thin.btn-jumbo, .btn-border-thick.btn-jumbo {
    line-height: 56px; }
  .btn-border.btn-large, .btn-large.btn-border-thin, .btn-large.btn-border-thick, .btn-border-thin.btn-large, .btn-border-thick.btn-large {
    line-height: 46px; }
  .btn-border.btn-normal, .btn-normal.btn-border-thin, .btn-normal.btn-border-thick, .btn-border-thin.btn-normal, .btn-border-thick.btn-normal {
    line-height: 36px; }
  .btn-border.btn-small, .btn-small.btn-border-thin, .btn-small.btn-border-thick, .btn-border-thin.btn-small, .btn-border-thick.btn-small {
    line-height: 26px; }
  .btn-border.btn-tiny, .btn-tiny.btn-border-thin, .btn-tiny.btn-border-thick, .btn-border-thin.btn-tiny, .btn-border-thick.btn-tiny {
    line-height: 20px; }

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.btn-borderless {
  background: none;
  border: none;
  padding: 0 8px !important;
  color: #19b5c6;
  font-size: 1.3em;
  font-weight: 200;
  /*
  * Borderless Button Colors
  *
  * Create colors for buttons
  * (.button-primary, .button-secondary, etc.)
  */
  /*
  * Borderles Size Adjustment
  *
  * The font-size must be large to compinsate for
  * the lack of a hit target.
  */ }
  .btn-borderless:hover, .btn-borderless:focus {
    background: none; }
  .btn-borderless:active, .btn-borderless.active, .btn-borderless.is-active {
    box-shadow: none;
    text-shadow: none;
    transition-property: all;
    transition-duration: 0.3s;
    opacity: 0.3; }
    .btn-borderless.btn-color-1, .palette-primary input.btn-borderless[type=submit], .palette-primary .btn-borderless.button-primary, .palette-primary .woocommerce .btn-borderless.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-borderless[type=submit] {
      color: #19b5c6; }
    .btn-borderless.btn-color-2, .palette-primary .btn-borderless.button-secondary, .palette-primary .woocommerce .btn-borderless.alt.button {
      color: #8224e3; }
    .btn-borderless.btn-color-3 {
      color: #e1ebed; }
    .btn-borderless.btn-color-4 {
      color: #ee2; }
    .btn-borderless.btn-color-5 {
      color: #6d6d6d; }
    .btn-borderless.btn-neutral-color {
      color: #e1ebed; }
    .btn-borderless.btn-giant {
      font-size: 2.275em;
      height: 18.275em;
      line-height: 18.275em; }
    .btn-borderless.btn-jumbo {
      font-size: 1.95em;
      height: 17.95em;
      line-height: 17.95em; }
    .btn-borderless.btn-large {
      font-size: 1.625em;
      height: 17.625em;
      line-height: 17.625em; }
    .btn-borderless.btn-normal {
      font-size: 1.3em;
      height: 17.3em;
      line-height: 17.3em; }
    .btn-borderless.btn-small {
      font-size: 0.975em;
      height: 16.975em;
      line-height: 16.975em; }
    .btn-borderless.btn-tiny {
      font-size: 0.78em;
      height: 16.78em;
      line-height: 16.78em; }

/*
* Raised Buttons
*
* A classic looking button that offers
* great depth and affordance.
*/
.btn-raised {
  border-color: #16a0af;
  border-style: solid;
  border-width: 1px;
  line-height: 38px;
  background: linear-gradient(#1bc1d4, #16a0af);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); }
  .btn-raised:hover, .btn-raised:focus {
    background: linear-gradient(#24d1e3, #1598a6); }
  .btn-raised:active, .btn-raised.active, .btn-raised.is-active {
    background: #24acbb;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; }

/*
* Raised Button Colors
*
* Create colors for raised buttons
*/
.btn-raised.btn-color-1, .palette-primary input.btn-raised[type=submit], .palette-primary .btn-raised.button-primary, .palette-primary .woocommerce .btn-raised.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-raised[type=submit] {
  border-color: #16a0af;
  background: linear-gradient(#1ccadd, #16a0af); }
  .btn-raised.btn-color-1:hover, .palette-primary input.btn-raised[type=submit]:hover, .palette-primary .btn-raised.button-primary:hover, .palette-primary .woocommerce .btn-raised.button:hover, .palette-primary div.wpforms-container-full .wpforms-form button.btn-raised[type=submit]:hover, .btn-raised.btn-color-1:focus, .palette-primary input.btn-raised[type=submit]:focus, .palette-primary .btn-raised.button-primary:focus, .palette-primary .woocommerce .btn-raised.button:focus, .palette-primary div.wpforms-container-full .wpforms-form button.btn-raised[type=submit]:focus {
    background: linear-gradient(#24d1e3, #1598a6); }
  .btn-raised.btn-color-1:active, .palette-primary input.btn-raised[type=submit]:active, .palette-primary .btn-raised.button-primary:active, .palette-primary .woocommerce .btn-raised.button:active, .palette-primary div.wpforms-container-full .wpforms-form button.btn-raised[type=submit]:active, .btn-raised.btn-color-1.active, .palette-primary input.btn-raised.active[type=submit], .palette-primary .btn-raised.active.button-primary, .palette-primary .woocommerce .btn-raised.active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-raised.active[type=submit], .btn-raised.btn-color-1.is-active, .palette-primary input.btn-raised.is-active[type=submit], .palette-primary .btn-raised.is-active.button-primary, .palette-primary .woocommerce .btn-raised.is-active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-raised.is-active[type=submit] {
    border-color: #138c99;
    background: #24acbb; }
.btn-raised.btn-color-2, .palette-primary .btn-raised.button-secondary, .palette-primary .woocommerce .btn-raised.alt.button {
  border-color: #751bd3;
  background: linear-gradient(#8f3be6, #751bd3); }
  .btn-raised.btn-color-2:hover, .palette-primary .btn-raised.button-secondary:hover, .palette-primary .woocommerce .btn-raised.alt.button:hover, .btn-raised.btn-color-2:focus, .palette-primary .btn-raised.button-secondary:focus, .palette-primary .woocommerce .btn-raised.alt.button:focus {
    background: linear-gradient(#9748e8, #701aca); }
  .btn-raised.btn-color-2:active, .palette-primary .btn-raised.button-secondary:active, .palette-primary .woocommerce .btn-raised.alt.button:active, .btn-raised.btn-color-2.active, .palette-primary .btn-raised.active.button-secondary, .palette-primary .woocommerce .btn-raised.active.alt.button, .btn-raised.btn-color-2.is-active, .palette-primary .btn-raised.is-active.button-secondary, .palette-primary .woocommerce .btn-raised.is-active.alt.button {
    border-color: #6918bc;
    background: #8230d7; }
.btn-raised.btn-color-3 {
  border-color: #d1e0e3;
  background: linear-gradient(#f1f6f7, #d1e0e3); }
  .btn-raised.btn-color-3:hover, .btn-raised.btn-color-3:focus {
    background: linear-gradient(#fbfcfc, #cbdce0); }
  .btn-raised.btn-color-3:active, .btn-raised.btn-color-3.active, .btn-raised.btn-color-3.is-active {
    border-color: #c1d6da;
    background: #e3e9eb; }
.btn-raised.btn-color-4 {
  border-color: #e5e512;
  background: linear-gradient(#f0f03a, #e5e512); }
  .btn-raised.btn-color-4:hover, .btn-raised.btn-color-4:focus {
    background: linear-gradient(#f1f148, #dbdb11); }
  .btn-raised.btn-color-4:active, .btn-raised.btn-color-4.active, .btn-raised.btn-color-4.is-active {
    border-color: #cdcd10;
    background: #e2e22e; }
.btn-raised.btn-color-5 {
  border-color: #606060;
  background: linear-gradient(#7a7a7a, #606060); }
  .btn-raised.btn-color-5:hover, .btn-raised.btn-color-5:focus {
    background: linear-gradient(#818181, #5b5b5b); }
  .btn-raised.btn-color-5:active, .btn-raised.btn-color-5.active, .btn-raised.btn-color-5.is-active {
    border-color: #545454;
    background: #6d6d6d; }
.btn-raised.btn-neutral-color {
  border-color: #d1e0e3;
  background: linear-gradient(#f1f6f7, #d1e0e3); }
  .btn-raised.btn-neutral-color:hover, .btn-raised.btn-neutral-color:focus {
    background: linear-gradient(#fbfcfc, #cbdce0); }
  .btn-raised.btn-neutral-color:active, .btn-raised.btn-neutral-color.active, .btn-raised.btn-neutral-color.is-active {
    border-color: #c1d6da;
    background: #e3e9eb; }

/*
* 3D Buttons
*
* These buttons have a heavy three dimensional
* style that mimics the visual appearance of a
* real life button.
*/
.btn-3d {
  position: relative;
  top: 0;
  box-shadow: 0 7px 0 #0e626b, 0 8px 3px rgba(0, 0, 0, 0.2); }
  .btn-3d:hover, .btn-3d:focus {
    box-shadow: 0 7px 0 #0e626b, 0 8px 3px rgba(0, 0, 0, 0.2); }
  .btn-3d:active, .btn-3d.active, .btn-3d.is-active {
    top: 5px;
    transition-property: all;
    transition-duration: 0.15s;
    box-shadow: 0 2px 0 #0e626b, 0 3px 3px rgba(0, 0, 0, 0.2); }

/*
* 3D Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.btn-3d.btn-color-1, .palette-primary input.btn-3d[type=submit], .palette-primary .btn-3d.button-primary, .palette-primary .woocommerce .btn-3d.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-3d[type=submit] {
  box-shadow: 0 7px 0 #138c99, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-1:hover, .palette-primary input.btn-3d[type=submit]:hover, .palette-primary .btn-3d.button-primary:hover, .palette-primary .woocommerce .btn-3d.button:hover, .palette-primary div.wpforms-container-full .wpforms-form button.btn-3d[type=submit]:hover, .btn-3d.btn-color-1:focus, .palette-primary input.btn-3d[type=submit]:focus, .palette-primary .btn-3d.button-primary:focus, .palette-primary .woocommerce .btn-3d.button:focus, .palette-primary div.wpforms-container-full .wpforms-form button.btn-3d[type=submit]:focus {
    box-shadow: 0 7px 0 #128390, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-1:active, .palette-primary input.btn-3d[type=submit]:active, .palette-primary .btn-3d.button-primary:active, .palette-primary .woocommerce .btn-3d.button:active, .palette-primary div.wpforms-container-full .wpforms-form button.btn-3d[type=submit]:active, .btn-3d.btn-color-1.active, .palette-primary input.btn-3d.active[type=submit], .palette-primary .btn-3d.active.button-primary, .palette-primary .woocommerce .btn-3d.active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-3d.active[type=submit], .btn-3d.btn-color-1.is-active, .palette-primary input.btn-3d.is-active[type=submit], .palette-primary .btn-3d.is-active.button-primary, .palette-primary .woocommerce .btn-3d.is-active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-3d.is-active[type=submit] {
    box-shadow: 0 2px 0 #0e626b, 0 3px 3px rgba(0, 0, 0, 0.2); }
.btn-3d.btn-color-2, .palette-primary .btn-3d.button-secondary, .palette-primary .woocommerce .btn-3d.alt.button {
  box-shadow: 0 7px 0 #6918bc, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-2:hover, .palette-primary .btn-3d.button-secondary:hover, .palette-primary .woocommerce .btn-3d.alt.button:hover, .btn-3d.btn-color-2:focus, .palette-primary .btn-3d.button-secondary:focus, .palette-primary .woocommerce .btn-3d.alt.button:focus {
    box-shadow: 0 7px 0 #6417b3, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-2:active, .palette-primary .btn-3d.button-secondary:active, .palette-primary .woocommerce .btn-3d.alt.button:active, .btn-3d.btn-color-2.active, .palette-primary .btn-3d.active.button-secondary, .palette-primary .woocommerce .btn-3d.active.alt.button, .btn-3d.btn-color-2.is-active, .palette-primary .btn-3d.is-active.button-secondary, .palette-primary .woocommerce .btn-3d.is-active.alt.button {
    box-shadow: 0 2px 0 #50128f, 0 3px 3px rgba(0, 0, 0, 0.2); }
.btn-3d.btn-color-3 {
  box-shadow: 0 7px 0 #c1d6da, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-3:hover, .btn-3d.btn-color-3:focus {
    box-shadow: 0 7px 0 #bbd2d6, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-3:active, .btn-3d.btn-color-3.active, .btn-3d.btn-color-3.is-active {
    box-shadow: 0 2px 0 #a1c1c7, 0 3px 3px rgba(0, 0, 0, 0.2); }
.btn-3d.btn-color-4 {
  box-shadow: 0 7px 0 #cdcd10, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-4:hover, .btn-3d.btn-color-4:focus {
    box-shadow: 0 7px 0 #c4c40f, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-4:active, .btn-3d.btn-color-4.active, .btn-3d.btn-color-4.is-active {
    box-shadow: 0 2px 0 #9e9e0c, 0 3px 3px rgba(0, 0, 0, 0.2); }
.btn-3d.btn-color-5 {
  box-shadow: 0 7px 0 #545454, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-5:hover, .btn-3d.btn-color-5:focus {
    box-shadow: 0 7px 0 #4e4e4e, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-color-5:active, .btn-3d.btn-color-5.active, .btn-3d.btn-color-5.is-active {
    box-shadow: 0 2px 0 #3a3a3a, 0 3px 3px rgba(0, 0, 0, 0.2); }
.btn-3d.btn-neutral-color {
  box-shadow: 0 7px 0 #c1d6da, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-neutral-color:hover, .btn-3d.btn-neutral-color:focus {
    box-shadow: 0 7px 0 #bbd2d6, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .btn-3d.btn-neutral-color:active, .btn-3d.btn-neutral-color.active, .btn-3d.btn-neutral-color.is-active {
    box-shadow: 0 2px 0 #a1c1c7, 0 3px 3px rgba(0, 0, 0, 0.2); }

/*
* Glowing Buttons
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
/*
* Glow animation mixin for Compass users
*
*/
/*
* Glowing Keyframes
*
*/
@keyframes glowing {
  from {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } }
/*
* Glowing Keyframes for various colors
*
*/
@keyframes glowing-color-1 {
  from {
    box-shadow: 0 0 0 rgba(25, 181, 198, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(25, 181, 198, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(25, 181, 198, 0.3); } }
@keyframes glowing-color-2 {
  from {
    box-shadow: 0 0 0 rgba(130, 36, 227, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(130, 36, 227, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(130, 36, 227, 0.3); } }
@keyframes glowing-color-3 {
  from {
    box-shadow: 0 0 0 rgba(225, 235, 237, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(225, 235, 237, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(225, 235, 237, 0.3); } }
@keyframes glowing-color-4 {
  from {
    box-shadow: 0 0 0 rgba(238, 238, 34, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(238, 238, 34, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(238, 238, 34, 0.3); } }
@keyframes glowing-color-5 {
  from {
    box-shadow: 0 0 0 rgba(109, 109, 109, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(109, 109, 109, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(109, 109, 109, 0.3); } }
@keyframes glowing-neutral-color {
  from {
    box-shadow: 0 0 0 rgba(225, 235, 237, 0.3); }
  50% {
    box-shadow: 0 0 20px rgba(225, 235, 237, 0.8); }
  to {
    box-shadow: 0 0 0 rgba(225, 235, 237, 0.3); } }
/*
* Glowing Buttons Base Styes
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
.btn-glow {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: glowing; }
  .btn-glow:active, .btn-glow.active, .btn-glow.is-active {
    animation-name: none; }

/*
* Glowing Button Colors
*
* Create colors for glowing buttons
*/
.btn-glow.btn-color-1, .palette-primary input.btn-glow[type=submit], .palette-primary .btn-glow.button-primary, .palette-primary .woocommerce .btn-glow.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-glow[type=submit] {
  animation-name: glowing-color-1; }
.btn-glow.btn-color-2, .palette-primary .btn-glow.button-secondary, .palette-primary .woocommerce .btn-glow.alt.button {
  animation-name: glowing-color-2; }
.btn-glow.btn-color-3 {
  animation-name: glowing-color-3; }
.btn-glow.btn-color-4 {
  animation-name: glowing-color-4; }
.btn-glow.btn-color-5 {
  animation-name: glowing-color-5; }
.btn-glow.btn-neutral-color {
  animation-name: glowing-neutral-color; }

/*
* Dropdown menu buttons
*
* A dropdown menu appears
* when a button is pressed
*/
/*
* Dropdown Container
*
*/
.btn-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block; }

/*
* Dropdown List Style
*
*/
.btn-dropdown-list {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  z-index: 1000;
  min-width: 100%;
  list-style-type: none;
  background: rgba(45, 211, 229, 0.95);
  border-style: solid;
  border-width: 1px;
  border-color: #138c99;
  font-family: inherit;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  /*
  * Dropdown Below
  *
  */
  /*
  * Dropdown Above
  *
  */ }
  .btn-dropdown-list.is-below {
    top: 100%;
    border-top: none;
    border-radius: 0 0 3px 3px; }
  .btn-dropdown-list.is-above {
    bottom: 100%;
    top: auto;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); }

/*
* Dropdown Buttons
*
*/
.btn-dropdown-list > li {
  padding: 0;
  margin: 0;
  display: block; }
  .btn-dropdown-list > li > a {
    display: block;
    line-height: 40px;
    font-size: 0.8em;
    padding: 5px 10px;
    float: none;
    color: #ffffff;
    text-decoration: none; }
    .btn-dropdown-list > li > a:hover {
      color: #f7f7f7;
      background: #1bc1d4;
      text-decoration: none; }

.btn-dropdown-divider {
  border-top: 1px solid #17a9b8; }

/*
* Dropdown Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.btn-dropdown.btn-dropdown-color-1 .btn-dropdown-list {
  background: rgba(25, 181, 198, 0.95);
  border-color: #138c99; }
  .btn-dropdown.btn-dropdown-color-1 .btn-dropdown-list .btn-dropdown-divider {
    border-color: #1598a6; }
    .btn-dropdown.btn-dropdown-color-1 .btn-dropdown-list > li > a {
      color: #ffffff; }
      .btn-dropdown.btn-dropdown-color-1 .btn-dropdown-list > li > a:hover {
        color: #f2f2f2;
        background: #16a0af; }
.btn-dropdown.btn-dropdown-color-2 .btn-dropdown-list {
  background: rgba(130, 36, 227, 0.95);
  border-color: #6918bc; }
  .btn-dropdown.btn-dropdown-color-2 .btn-dropdown-list .btn-dropdown-divider {
    border-color: #701aca; }
    .btn-dropdown.btn-dropdown-color-2 .btn-dropdown-list > li > a {
      color: #ffffff; }
      .btn-dropdown.btn-dropdown-color-2 .btn-dropdown-list > li > a:hover {
        color: #f2f2f2;
        background: #751bd3; }
.btn-dropdown.btn-dropdown-color-3 .btn-dropdown-list {
  background: rgba(225, 235, 237, 0.95);
  border-color: #c1d6da; }
  .btn-dropdown.btn-dropdown-color-3 .btn-dropdown-list .btn-dropdown-divider {
    border-color: #cbdce0; }
    .btn-dropdown.btn-dropdown-color-3 .btn-dropdown-list > li > a {
      color: #333333; }
      .btn-dropdown.btn-dropdown-color-3 .btn-dropdown-list > li > a:hover {
        color: #262626;
        background: #d1e0e3; }
.btn-dropdown.btn-dropdown-color-4 .btn-dropdown-list {
  background: rgba(238, 238, 34, 0.95);
  border-color: #cdcd10; }
  .btn-dropdown.btn-dropdown-color-4 .btn-dropdown-list .btn-dropdown-divider {
    border-color: #dbdb11; }
    .btn-dropdown.btn-dropdown-color-4 .btn-dropdown-list > li > a {
      color: #333333; }
      .btn-dropdown.btn-dropdown-color-4 .btn-dropdown-list > li > a:hover {
        color: #262626;
        background: #e5e512; }
.btn-dropdown.btn-dropdown-color-5 .btn-dropdown-list {
  background: rgba(109, 109, 109, 0.95);
  border-color: #545454; }
  .btn-dropdown.btn-dropdown-color-5 .btn-dropdown-list .btn-dropdown-divider {
    border-color: #5b5b5b; }
    .btn-dropdown.btn-dropdown-color-5 .btn-dropdown-list > li > a {
      color: #ffffff; }
      .btn-dropdown.btn-dropdown-color-5 .btn-dropdown-list > li > a:hover {
        color: #f2f2f2;
        background: #606060; }
.btn-dropdown.btn-dropdown-neutral-color .btn-dropdown-list {
  background: rgba(225, 235, 237, 0.95);
  border-color: #c1d6da; }
  .btn-dropdown.btn-dropdown-neutral-color .btn-dropdown-list .btn-dropdown-divider {
    border-color: #cbdce0; }
    .btn-dropdown.btn-dropdown-neutral-color .btn-dropdown-list > li > a {
      color: #333333; }
      .btn-dropdown.btn-dropdown-neutral-color .btn-dropdown-list > li > a:hover {
        color: #262626;
        background: #d1e0e3; }

/*
* Buton Groups
*
* A group of related buttons
* displayed edge to edge
*/
.btn-group {
  *zoom: 1;
  position: relative;
  display: inline-block; }
  .btn-group:after, .btn-group:before {
    content: '.';
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0; }
  .btn-group .btn, .btn-group .palette-primary input[type=submit], .palette-primary .btn-group input[type=submit], .btn-group .palette-primary .button-primary, .palette-primary .btn-group .button-primary, .btn-group .palette-primary .woocommerce .button, .palette-primary .woocommerce .btn-group .button, .btn-group .palette-primary div.wpforms-container-full .wpforms-form button[type=submit], .palette-primary div.wpforms-container-full .wpforms-form .btn-group button[type=submit], .btn-group .palette-primary .button-secondary, .palette-primary .btn-group .button-secondary, .btn-group .palette-primary .woocommerce .alt.button, .palette-primary .woocommerce .btn-group .alt.button, .btn-group .btn-dropdown {
    float: left; }
    .btn-group .btn:not(:first-child):not(:last-child), .btn-group .palette-primary input[type=submit]:not(:first-child):not(:last-child), .palette-primary .btn-group input[type=submit]:not(:first-child):not(:last-child), .btn-group .palette-primary .button-primary:not(:first-child):not(:last-child), .palette-primary .btn-group .button-primary:not(:first-child):not(:last-child), .btn-group .palette-primary .woocommerce .button:not(:first-child):not(:last-child), .palette-primary .woocommerce .btn-group .button:not(:first-child):not(:last-child), .btn-group .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:not(:first-child):not(:last-child), .palette-primary div.wpforms-container-full .wpforms-form .btn-group button[type=submit]:not(:first-child):not(:last-child), .btn-group .palette-primary .button-secondary:not(:first-child):not(:last-child), .palette-primary .btn-group .button-secondary:not(:first-child):not(:last-child), .btn-group .palette-primary .woocommerce .alt.button:not(:first-child):not(:last-child), .palette-primary .woocommerce .btn-group .alt.button:not(:first-child):not(:last-child), .btn-group .btn-dropdown:not(:first-child):not(:last-child) {
      border-radius: 0;
      border-right: none; }
    .btn-group .btn:first-child, .btn-group .palette-primary input[type=submit]:first-child, .palette-primary .btn-group input[type=submit]:first-child, .btn-group .palette-primary .button-primary:first-child, .palette-primary .btn-group .button-primary:first-child, .btn-group .palette-primary .woocommerce .button:first-child, .palette-primary .woocommerce .btn-group .button:first-child, .btn-group .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:first-child, .palette-primary div.wpforms-container-full .wpforms-form .btn-group button[type=submit]:first-child, .btn-group .palette-primary .button-secondary:first-child, .palette-primary .btn-group .button-secondary:first-child, .btn-group .palette-primary .woocommerce .alt.button:first-child, .palette-primary .woocommerce .btn-group .alt.button:first-child, .btn-group .btn-dropdown:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: none; }
    .btn-group .btn:last-child, .btn-group .palette-primary input[type=submit]:last-child, .palette-primary .btn-group input[type=submit]:last-child, .btn-group .palette-primary .button-primary:last-child, .palette-primary .btn-group .button-primary:last-child, .btn-group .palette-primary .woocommerce .button:last-child, .palette-primary .woocommerce .btn-group .button:last-child, .btn-group .palette-primary div.wpforms-container-full .wpforms-form button[type=submit]:last-child, .palette-primary div.wpforms-container-full .wpforms-form .btn-group button[type=submit]:last-child, .btn-group .palette-primary .button-secondary:last-child, .palette-primary .btn-group .button-secondary:last-child, .btn-group .palette-primary .woocommerce .alt.button:last-child, .palette-primary .woocommerce .btn-group .alt.button:last-child, .btn-group .btn-dropdown:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

/*
* Button Wrapper
*
* A wrap around effect to highlight
* the shape of the button and offer
* a subtle visual effect.
*/
.btn-wrap {
  border: 1px solid #e3e3e3;
  display: inline-block;
  padding: 9px;
  background: linear-gradient(#f2f2f2, #FFF);
  border-radius: 200px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); }

/*
* Long Shadow Buttons
*
* A visual effect adding a flat shadow to the text of a button
*/
/*
* Long Shadow Function
*
* Loops $length times building a long shadow. Defaults downward right
*/
/*
* LONG SHADOW MIXIN
*
*/
/*
* Shadow Right
*
*/
.btn-longshadow, .btn-longshadow-right {
  overflow: hidden; }
  .btn-longshadow.btn-color-1, .palette-primary input.btn-longshadow[type=submit], .palette-primary .btn-longshadow.button-primary, .palette-primary .woocommerce .btn-longshadow.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow[type=submit], .btn-longshadow-right.btn-color-1, .palette-primary input.btn-longshadow-right[type=submit], .palette-primary .btn-longshadow-right.button-primary, .palette-primary .woocommerce .btn-longshadow-right.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow-right[type=submit] {
    text-shadow: 0px 0px #138c99, 1px 1px #138c99, 2px 2px #138c99, 3px 3px #138c99, 4px 4px #138c99, 5px 5px #138c99, 6px 6px #138c99, 7px 7px #138c99, 8px 8px #138c99, 9px 9px #138c99, 10px 10px #138c99, 11px 11px #138c99, 12px 12px #138c99, 13px 13px #138c99, 14px 14px #138c99, 15px 15px #138c99, 16px 16px #138c99, 17px 17px #138c99, 18px 18px #138c99, 19px 19px #138c99, 20px 20px #138c99, 21px 21px #138c99, 22px 22px #138c99, 23px 23px #138c99, 24px 24px #138c99, 25px 25px #138c99, 26px 26px #138c99, 27px 27px #138c99, 28px 28px #138c99, 29px 29px #138c99, 30px 30px #138c99, 31px 31px #138c99, 32px 32px #138c99, 33px 33px #138c99, 34px 34px #138c99, 35px 35px #138c99, 36px 36px #138c99, 37px 37px #138c99, 38px 38px #138c99, 39px 39px #138c99, 40px 40px #138c99, 41px 41px #138c99, 42px 42px #138c99, 43px 43px #138c99, 44px 44px #138c99, 45px 45px #138c99, 46px 46px #138c99, 47px 47px #138c99, 48px 48px #138c99, 49px 49px #138c99, 50px 50px #138c99, 51px 51px #138c99, 52px 52px #138c99, 53px 53px #138c99, 54px 54px #138c99, 55px 55px #138c99, 56px 56px #138c99, 57px 57px #138c99, 58px 58px #138c99, 59px 59px #138c99, 60px 60px #138c99, 61px 61px #138c99, 62px 62px #138c99, 63px 63px #138c99, 64px 64px #138c99, 65px 65px #138c99, 66px 66px #138c99, 67px 67px #138c99, 68px 68px #138c99, 69px 69px #138c99, 70px 70px #138c99, 71px 71px #138c99, 72px 72px #138c99, 73px 73px #138c99, 74px 74px #138c99, 75px 75px #138c99, 76px 76px #138c99, 77px 77px #138c99, 78px 78px #138c99, 79px 79px #138c99, 80px 80px #138c99, 81px 81px #138c99, 82px 82px #138c99, 83px 83px #138c99, 84px 84px #138c99, 85px 85px #138c99; }
    .btn-longshadow.btn-color-1:active, .palette-primary input.btn-longshadow[type=submit]:active, .palette-primary .btn-longshadow.button-primary:active, .palette-primary .woocommerce .btn-longshadow.button:active, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow[type=submit]:active, .btn-longshadow.btn-color-1.active, .palette-primary input.btn-longshadow.active[type=submit], .palette-primary .btn-longshadow.active.button-primary, .palette-primary .woocommerce .btn-longshadow.active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow.active[type=submit], .btn-longshadow.btn-color-1.is-active, .palette-primary input.btn-longshadow.is-active[type=submit], .palette-primary .btn-longshadow.is-active.button-primary, .palette-primary .woocommerce .btn-longshadow.is-active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow.is-active[type=submit], .btn-longshadow-right.btn-color-1:active, .palette-primary input.btn-longshadow-right[type=submit]:active, .palette-primary .btn-longshadow-right.button-primary:active, .palette-primary .woocommerce .btn-longshadow-right.button:active, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow-right[type=submit]:active, .btn-longshadow-right.btn-color-1.active, .palette-primary input.btn-longshadow-right.active[type=submit], .palette-primary .btn-longshadow-right.active.button-primary, .palette-primary .woocommerce .btn-longshadow-right.active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow-right.active[type=submit], .btn-longshadow-right.btn-color-1.is-active, .palette-primary input.btn-longshadow-right.is-active[type=submit], .palette-primary .btn-longshadow-right.is-active.button-primary, .palette-primary .woocommerce .btn-longshadow-right.is-active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow-right.is-active[type=submit] {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow.btn-color-2, .palette-primary .btn-longshadow.button-secondary, .palette-primary .woocommerce .btn-longshadow.alt.button, .btn-longshadow-right.btn-color-2, .palette-primary .btn-longshadow-right.button-secondary, .palette-primary .woocommerce .btn-longshadow-right.alt.button {
    text-shadow: 0px 0px #6918bc, 1px 1px #6918bc, 2px 2px #6918bc, 3px 3px #6918bc, 4px 4px #6918bc, 5px 5px #6918bc, 6px 6px #6918bc, 7px 7px #6918bc, 8px 8px #6918bc, 9px 9px #6918bc, 10px 10px #6918bc, 11px 11px #6918bc, 12px 12px #6918bc, 13px 13px #6918bc, 14px 14px #6918bc, 15px 15px #6918bc, 16px 16px #6918bc, 17px 17px #6918bc, 18px 18px #6918bc, 19px 19px #6918bc, 20px 20px #6918bc, 21px 21px #6918bc, 22px 22px #6918bc, 23px 23px #6918bc, 24px 24px #6918bc, 25px 25px #6918bc, 26px 26px #6918bc, 27px 27px #6918bc, 28px 28px #6918bc, 29px 29px #6918bc, 30px 30px #6918bc, 31px 31px #6918bc, 32px 32px #6918bc, 33px 33px #6918bc, 34px 34px #6918bc, 35px 35px #6918bc, 36px 36px #6918bc, 37px 37px #6918bc, 38px 38px #6918bc, 39px 39px #6918bc, 40px 40px #6918bc, 41px 41px #6918bc, 42px 42px #6918bc, 43px 43px #6918bc, 44px 44px #6918bc, 45px 45px #6918bc, 46px 46px #6918bc, 47px 47px #6918bc, 48px 48px #6918bc, 49px 49px #6918bc, 50px 50px #6918bc, 51px 51px #6918bc, 52px 52px #6918bc, 53px 53px #6918bc, 54px 54px #6918bc, 55px 55px #6918bc, 56px 56px #6918bc, 57px 57px #6918bc, 58px 58px #6918bc, 59px 59px #6918bc, 60px 60px #6918bc, 61px 61px #6918bc, 62px 62px #6918bc, 63px 63px #6918bc, 64px 64px #6918bc, 65px 65px #6918bc, 66px 66px #6918bc, 67px 67px #6918bc, 68px 68px #6918bc, 69px 69px #6918bc, 70px 70px #6918bc, 71px 71px #6918bc, 72px 72px #6918bc, 73px 73px #6918bc, 74px 74px #6918bc, 75px 75px #6918bc, 76px 76px #6918bc, 77px 77px #6918bc, 78px 78px #6918bc, 79px 79px #6918bc, 80px 80px #6918bc, 81px 81px #6918bc, 82px 82px #6918bc, 83px 83px #6918bc, 84px 84px #6918bc, 85px 85px #6918bc; }
    .btn-longshadow.btn-color-2:active, .palette-primary .btn-longshadow.button-secondary:active, .palette-primary .woocommerce .btn-longshadow.alt.button:active, .btn-longshadow.btn-color-2.active, .palette-primary .btn-longshadow.active.button-secondary, .palette-primary .woocommerce .btn-longshadow.active.alt.button, .btn-longshadow.btn-color-2.is-active, .palette-primary .btn-longshadow.is-active.button-secondary, .palette-primary .woocommerce .btn-longshadow.is-active.alt.button, .btn-longshadow-right.btn-color-2:active, .palette-primary .btn-longshadow-right.button-secondary:active, .palette-primary .woocommerce .btn-longshadow-right.alt.button:active, .btn-longshadow-right.btn-color-2.active, .palette-primary .btn-longshadow-right.active.button-secondary, .palette-primary .woocommerce .btn-longshadow-right.active.alt.button, .btn-longshadow-right.btn-color-2.is-active, .palette-primary .btn-longshadow-right.is-active.button-secondary, .palette-primary .woocommerce .btn-longshadow-right.is-active.alt.button {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow.btn-color-3, .btn-longshadow-right.btn-color-3 {
    text-shadow: 0px 0px #c1d6da, 1px 1px #c1d6da, 2px 2px #c1d6da, 3px 3px #c1d6da, 4px 4px #c1d6da, 5px 5px #c1d6da, 6px 6px #c1d6da, 7px 7px #c1d6da, 8px 8px #c1d6da, 9px 9px #c1d6da, 10px 10px #c1d6da, 11px 11px #c1d6da, 12px 12px #c1d6da, 13px 13px #c1d6da, 14px 14px #c1d6da, 15px 15px #c1d6da, 16px 16px #c1d6da, 17px 17px #c1d6da, 18px 18px #c1d6da, 19px 19px #c1d6da, 20px 20px #c1d6da, 21px 21px #c1d6da, 22px 22px #c1d6da, 23px 23px #c1d6da, 24px 24px #c1d6da, 25px 25px #c1d6da, 26px 26px #c1d6da, 27px 27px #c1d6da, 28px 28px #c1d6da, 29px 29px #c1d6da, 30px 30px #c1d6da, 31px 31px #c1d6da, 32px 32px #c1d6da, 33px 33px #c1d6da, 34px 34px #c1d6da, 35px 35px #c1d6da, 36px 36px #c1d6da, 37px 37px #c1d6da, 38px 38px #c1d6da, 39px 39px #c1d6da, 40px 40px #c1d6da, 41px 41px #c1d6da, 42px 42px #c1d6da, 43px 43px #c1d6da, 44px 44px #c1d6da, 45px 45px #c1d6da, 46px 46px #c1d6da, 47px 47px #c1d6da, 48px 48px #c1d6da, 49px 49px #c1d6da, 50px 50px #c1d6da, 51px 51px #c1d6da, 52px 52px #c1d6da, 53px 53px #c1d6da, 54px 54px #c1d6da, 55px 55px #c1d6da, 56px 56px #c1d6da, 57px 57px #c1d6da, 58px 58px #c1d6da, 59px 59px #c1d6da, 60px 60px #c1d6da, 61px 61px #c1d6da, 62px 62px #c1d6da, 63px 63px #c1d6da, 64px 64px #c1d6da, 65px 65px #c1d6da, 66px 66px #c1d6da, 67px 67px #c1d6da, 68px 68px #c1d6da, 69px 69px #c1d6da, 70px 70px #c1d6da, 71px 71px #c1d6da, 72px 72px #c1d6da, 73px 73px #c1d6da, 74px 74px #c1d6da, 75px 75px #c1d6da, 76px 76px #c1d6da, 77px 77px #c1d6da, 78px 78px #c1d6da, 79px 79px #c1d6da, 80px 80px #c1d6da, 81px 81px #c1d6da, 82px 82px #c1d6da, 83px 83px #c1d6da, 84px 84px #c1d6da, 85px 85px #c1d6da; }
    .btn-longshadow.btn-color-3:active, .btn-longshadow.btn-color-3.active, .btn-longshadow.btn-color-3.is-active, .btn-longshadow-right.btn-color-3:active, .btn-longshadow-right.btn-color-3.active, .btn-longshadow-right.btn-color-3.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow.btn-color-4, .btn-longshadow-right.btn-color-4 {
    text-shadow: 0px 0px #cdcd10, 1px 1px #cdcd10, 2px 2px #cdcd10, 3px 3px #cdcd10, 4px 4px #cdcd10, 5px 5px #cdcd10, 6px 6px #cdcd10, 7px 7px #cdcd10, 8px 8px #cdcd10, 9px 9px #cdcd10, 10px 10px #cdcd10, 11px 11px #cdcd10, 12px 12px #cdcd10, 13px 13px #cdcd10, 14px 14px #cdcd10, 15px 15px #cdcd10, 16px 16px #cdcd10, 17px 17px #cdcd10, 18px 18px #cdcd10, 19px 19px #cdcd10, 20px 20px #cdcd10, 21px 21px #cdcd10, 22px 22px #cdcd10, 23px 23px #cdcd10, 24px 24px #cdcd10, 25px 25px #cdcd10, 26px 26px #cdcd10, 27px 27px #cdcd10, 28px 28px #cdcd10, 29px 29px #cdcd10, 30px 30px #cdcd10, 31px 31px #cdcd10, 32px 32px #cdcd10, 33px 33px #cdcd10, 34px 34px #cdcd10, 35px 35px #cdcd10, 36px 36px #cdcd10, 37px 37px #cdcd10, 38px 38px #cdcd10, 39px 39px #cdcd10, 40px 40px #cdcd10, 41px 41px #cdcd10, 42px 42px #cdcd10, 43px 43px #cdcd10, 44px 44px #cdcd10, 45px 45px #cdcd10, 46px 46px #cdcd10, 47px 47px #cdcd10, 48px 48px #cdcd10, 49px 49px #cdcd10, 50px 50px #cdcd10, 51px 51px #cdcd10, 52px 52px #cdcd10, 53px 53px #cdcd10, 54px 54px #cdcd10, 55px 55px #cdcd10, 56px 56px #cdcd10, 57px 57px #cdcd10, 58px 58px #cdcd10, 59px 59px #cdcd10, 60px 60px #cdcd10, 61px 61px #cdcd10, 62px 62px #cdcd10, 63px 63px #cdcd10, 64px 64px #cdcd10, 65px 65px #cdcd10, 66px 66px #cdcd10, 67px 67px #cdcd10, 68px 68px #cdcd10, 69px 69px #cdcd10, 70px 70px #cdcd10, 71px 71px #cdcd10, 72px 72px #cdcd10, 73px 73px #cdcd10, 74px 74px #cdcd10, 75px 75px #cdcd10, 76px 76px #cdcd10, 77px 77px #cdcd10, 78px 78px #cdcd10, 79px 79px #cdcd10, 80px 80px #cdcd10, 81px 81px #cdcd10, 82px 82px #cdcd10, 83px 83px #cdcd10, 84px 84px #cdcd10, 85px 85px #cdcd10; }
    .btn-longshadow.btn-color-4:active, .btn-longshadow.btn-color-4.active, .btn-longshadow.btn-color-4.is-active, .btn-longshadow-right.btn-color-4:active, .btn-longshadow-right.btn-color-4.active, .btn-longshadow-right.btn-color-4.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow.btn-color-5, .btn-longshadow-right.btn-color-5 {
    text-shadow: 0px 0px #545454, 1px 1px #545454, 2px 2px #545454, 3px 3px #545454, 4px 4px #545454, 5px 5px #545454, 6px 6px #545454, 7px 7px #545454, 8px 8px #545454, 9px 9px #545454, 10px 10px #545454, 11px 11px #545454, 12px 12px #545454, 13px 13px #545454, 14px 14px #545454, 15px 15px #545454, 16px 16px #545454, 17px 17px #545454, 18px 18px #545454, 19px 19px #545454, 20px 20px #545454, 21px 21px #545454, 22px 22px #545454, 23px 23px #545454, 24px 24px #545454, 25px 25px #545454, 26px 26px #545454, 27px 27px #545454, 28px 28px #545454, 29px 29px #545454, 30px 30px #545454, 31px 31px #545454, 32px 32px #545454, 33px 33px #545454, 34px 34px #545454, 35px 35px #545454, 36px 36px #545454, 37px 37px #545454, 38px 38px #545454, 39px 39px #545454, 40px 40px #545454, 41px 41px #545454, 42px 42px #545454, 43px 43px #545454, 44px 44px #545454, 45px 45px #545454, 46px 46px #545454, 47px 47px #545454, 48px 48px #545454, 49px 49px #545454, 50px 50px #545454, 51px 51px #545454, 52px 52px #545454, 53px 53px #545454, 54px 54px #545454, 55px 55px #545454, 56px 56px #545454, 57px 57px #545454, 58px 58px #545454, 59px 59px #545454, 60px 60px #545454, 61px 61px #545454, 62px 62px #545454, 63px 63px #545454, 64px 64px #545454, 65px 65px #545454, 66px 66px #545454, 67px 67px #545454, 68px 68px #545454, 69px 69px #545454, 70px 70px #545454, 71px 71px #545454, 72px 72px #545454, 73px 73px #545454, 74px 74px #545454, 75px 75px #545454, 76px 76px #545454, 77px 77px #545454, 78px 78px #545454, 79px 79px #545454, 80px 80px #545454, 81px 81px #545454, 82px 82px #545454, 83px 83px #545454, 84px 84px #545454, 85px 85px #545454; }
    .btn-longshadow.btn-color-5:active, .btn-longshadow.btn-color-5.active, .btn-longshadow.btn-color-5.is-active, .btn-longshadow-right.btn-color-5:active, .btn-longshadow-right.btn-color-5.active, .btn-longshadow-right.btn-color-5.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow.btn-neutral-color, .btn-longshadow-right.btn-neutral-color {
    text-shadow: 0px 0px #c1d6da, 1px 1px #c1d6da, 2px 2px #c1d6da, 3px 3px #c1d6da, 4px 4px #c1d6da, 5px 5px #c1d6da, 6px 6px #c1d6da, 7px 7px #c1d6da, 8px 8px #c1d6da, 9px 9px #c1d6da, 10px 10px #c1d6da, 11px 11px #c1d6da, 12px 12px #c1d6da, 13px 13px #c1d6da, 14px 14px #c1d6da, 15px 15px #c1d6da, 16px 16px #c1d6da, 17px 17px #c1d6da, 18px 18px #c1d6da, 19px 19px #c1d6da, 20px 20px #c1d6da, 21px 21px #c1d6da, 22px 22px #c1d6da, 23px 23px #c1d6da, 24px 24px #c1d6da, 25px 25px #c1d6da, 26px 26px #c1d6da, 27px 27px #c1d6da, 28px 28px #c1d6da, 29px 29px #c1d6da, 30px 30px #c1d6da, 31px 31px #c1d6da, 32px 32px #c1d6da, 33px 33px #c1d6da, 34px 34px #c1d6da, 35px 35px #c1d6da, 36px 36px #c1d6da, 37px 37px #c1d6da, 38px 38px #c1d6da, 39px 39px #c1d6da, 40px 40px #c1d6da, 41px 41px #c1d6da, 42px 42px #c1d6da, 43px 43px #c1d6da, 44px 44px #c1d6da, 45px 45px #c1d6da, 46px 46px #c1d6da, 47px 47px #c1d6da, 48px 48px #c1d6da, 49px 49px #c1d6da, 50px 50px #c1d6da, 51px 51px #c1d6da, 52px 52px #c1d6da, 53px 53px #c1d6da, 54px 54px #c1d6da, 55px 55px #c1d6da, 56px 56px #c1d6da, 57px 57px #c1d6da, 58px 58px #c1d6da, 59px 59px #c1d6da, 60px 60px #c1d6da, 61px 61px #c1d6da, 62px 62px #c1d6da, 63px 63px #c1d6da, 64px 64px #c1d6da, 65px 65px #c1d6da, 66px 66px #c1d6da, 67px 67px #c1d6da, 68px 68px #c1d6da, 69px 69px #c1d6da, 70px 70px #c1d6da, 71px 71px #c1d6da, 72px 72px #c1d6da, 73px 73px #c1d6da, 74px 74px #c1d6da, 75px 75px #c1d6da, 76px 76px #c1d6da, 77px 77px #c1d6da, 78px 78px #c1d6da, 79px 79px #c1d6da, 80px 80px #c1d6da, 81px 81px #c1d6da, 82px 82px #c1d6da, 83px 83px #c1d6da, 84px 84px #c1d6da, 85px 85px #c1d6da; }
    .btn-longshadow.btn-neutral-color:active, .btn-longshadow.btn-neutral-color.active, .btn-longshadow.btn-neutral-color.is-active, .btn-longshadow-right.btn-neutral-color:active, .btn-longshadow-right.btn-neutral-color.active, .btn-longshadow-right.btn-neutral-color.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

/*
* Shadow Left
*
*/
.btn-longshadow-left {
  overflow: hidden; }
  .btn-longshadow-left.btn-color-1, .palette-primary input.btn-longshadow-left[type=submit], .palette-primary .btn-longshadow-left.button-primary, .palette-primary .woocommerce .btn-longshadow-left.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow-left[type=submit] {
    text-shadow: 0px 0px #138c99, -1px 1px #138c99, -2px 2px #138c99, -3px 3px #138c99, -4px 4px #138c99, -5px 5px #138c99, -6px 6px #138c99, -7px 7px #138c99, -8px 8px #138c99, -9px 9px #138c99, -10px 10px #138c99, -11px 11px #138c99, -12px 12px #138c99, -13px 13px #138c99, -14px 14px #138c99, -15px 15px #138c99, -16px 16px #138c99, -17px 17px #138c99, -18px 18px #138c99, -19px 19px #138c99, -20px 20px #138c99, -21px 21px #138c99, -22px 22px #138c99, -23px 23px #138c99, -24px 24px #138c99, -25px 25px #138c99, -26px 26px #138c99, -27px 27px #138c99, -28px 28px #138c99, -29px 29px #138c99, -30px 30px #138c99, -31px 31px #138c99, -32px 32px #138c99, -33px 33px #138c99, -34px 34px #138c99, -35px 35px #138c99, -36px 36px #138c99, -37px 37px #138c99, -38px 38px #138c99, -39px 39px #138c99, -40px 40px #138c99, -41px 41px #138c99, -42px 42px #138c99, -43px 43px #138c99, -44px 44px #138c99, -45px 45px #138c99, -46px 46px #138c99, -47px 47px #138c99, -48px 48px #138c99, -49px 49px #138c99, -50px 50px #138c99, -51px 51px #138c99, -52px 52px #138c99, -53px 53px #138c99, -54px 54px #138c99, -55px 55px #138c99, -56px 56px #138c99, -57px 57px #138c99, -58px 58px #138c99, -59px 59px #138c99, -60px 60px #138c99, -61px 61px #138c99, -62px 62px #138c99, -63px 63px #138c99, -64px 64px #138c99, -65px 65px #138c99, -66px 66px #138c99, -67px 67px #138c99, -68px 68px #138c99, -69px 69px #138c99, -70px 70px #138c99, -71px 71px #138c99, -72px 72px #138c99, -73px 73px #138c99, -74px 74px #138c99, -75px 75px #138c99, -76px 76px #138c99, -77px 77px #138c99, -78px 78px #138c99, -79px 79px #138c99, -80px 80px #138c99, -81px 81px #138c99, -82px 82px #138c99, -83px 83px #138c99, -84px 84px #138c99, -85px 85px #138c99; }
    .btn-longshadow-left.btn-color-1:active, .palette-primary input.btn-longshadow-left[type=submit]:active, .palette-primary .btn-longshadow-left.button-primary:active, .palette-primary .woocommerce .btn-longshadow-left.button:active, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow-left[type=submit]:active, .btn-longshadow-left.btn-color-1.active, .palette-primary input.btn-longshadow-left.active[type=submit], .palette-primary .btn-longshadow-left.active.button-primary, .palette-primary .woocommerce .btn-longshadow-left.active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow-left.active[type=submit], .btn-longshadow-left.btn-color-1.is-active, .palette-primary input.btn-longshadow-left.is-active[type=submit], .palette-primary .btn-longshadow-left.is-active.button-primary, .palette-primary .woocommerce .btn-longshadow-left.is-active.button, .palette-primary div.wpforms-container-full .wpforms-form button.btn-longshadow-left.is-active[type=submit] {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow-left.btn-color-2, .palette-primary .btn-longshadow-left.button-secondary, .palette-primary .woocommerce .btn-longshadow-left.alt.button {
    text-shadow: 0px 0px #6918bc, -1px 1px #6918bc, -2px 2px #6918bc, -3px 3px #6918bc, -4px 4px #6918bc, -5px 5px #6918bc, -6px 6px #6918bc, -7px 7px #6918bc, -8px 8px #6918bc, -9px 9px #6918bc, -10px 10px #6918bc, -11px 11px #6918bc, -12px 12px #6918bc, -13px 13px #6918bc, -14px 14px #6918bc, -15px 15px #6918bc, -16px 16px #6918bc, -17px 17px #6918bc, -18px 18px #6918bc, -19px 19px #6918bc, -20px 20px #6918bc, -21px 21px #6918bc, -22px 22px #6918bc, -23px 23px #6918bc, -24px 24px #6918bc, -25px 25px #6918bc, -26px 26px #6918bc, -27px 27px #6918bc, -28px 28px #6918bc, -29px 29px #6918bc, -30px 30px #6918bc, -31px 31px #6918bc, -32px 32px #6918bc, -33px 33px #6918bc, -34px 34px #6918bc, -35px 35px #6918bc, -36px 36px #6918bc, -37px 37px #6918bc, -38px 38px #6918bc, -39px 39px #6918bc, -40px 40px #6918bc, -41px 41px #6918bc, -42px 42px #6918bc, -43px 43px #6918bc, -44px 44px #6918bc, -45px 45px #6918bc, -46px 46px #6918bc, -47px 47px #6918bc, -48px 48px #6918bc, -49px 49px #6918bc, -50px 50px #6918bc, -51px 51px #6918bc, -52px 52px #6918bc, -53px 53px #6918bc, -54px 54px #6918bc, -55px 55px #6918bc, -56px 56px #6918bc, -57px 57px #6918bc, -58px 58px #6918bc, -59px 59px #6918bc, -60px 60px #6918bc, -61px 61px #6918bc, -62px 62px #6918bc, -63px 63px #6918bc, -64px 64px #6918bc, -65px 65px #6918bc, -66px 66px #6918bc, -67px 67px #6918bc, -68px 68px #6918bc, -69px 69px #6918bc, -70px 70px #6918bc, -71px 71px #6918bc, -72px 72px #6918bc, -73px 73px #6918bc, -74px 74px #6918bc, -75px 75px #6918bc, -76px 76px #6918bc, -77px 77px #6918bc, -78px 78px #6918bc, -79px 79px #6918bc, -80px 80px #6918bc, -81px 81px #6918bc, -82px 82px #6918bc, -83px 83px #6918bc, -84px 84px #6918bc, -85px 85px #6918bc; }
    .btn-longshadow-left.btn-color-2:active, .palette-primary .btn-longshadow-left.button-secondary:active, .palette-primary .woocommerce .btn-longshadow-left.alt.button:active, .btn-longshadow-left.btn-color-2.active, .palette-primary .btn-longshadow-left.active.button-secondary, .palette-primary .woocommerce .btn-longshadow-left.active.alt.button, .btn-longshadow-left.btn-color-2.is-active, .palette-primary .btn-longshadow-left.is-active.button-secondary, .palette-primary .woocommerce .btn-longshadow-left.is-active.alt.button {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow-left.btn-color-3 {
    text-shadow: 0px 0px #c1d6da, -1px 1px #c1d6da, -2px 2px #c1d6da, -3px 3px #c1d6da, -4px 4px #c1d6da, -5px 5px #c1d6da, -6px 6px #c1d6da, -7px 7px #c1d6da, -8px 8px #c1d6da, -9px 9px #c1d6da, -10px 10px #c1d6da, -11px 11px #c1d6da, -12px 12px #c1d6da, -13px 13px #c1d6da, -14px 14px #c1d6da, -15px 15px #c1d6da, -16px 16px #c1d6da, -17px 17px #c1d6da, -18px 18px #c1d6da, -19px 19px #c1d6da, -20px 20px #c1d6da, -21px 21px #c1d6da, -22px 22px #c1d6da, -23px 23px #c1d6da, -24px 24px #c1d6da, -25px 25px #c1d6da, -26px 26px #c1d6da, -27px 27px #c1d6da, -28px 28px #c1d6da, -29px 29px #c1d6da, -30px 30px #c1d6da, -31px 31px #c1d6da, -32px 32px #c1d6da, -33px 33px #c1d6da, -34px 34px #c1d6da, -35px 35px #c1d6da, -36px 36px #c1d6da, -37px 37px #c1d6da, -38px 38px #c1d6da, -39px 39px #c1d6da, -40px 40px #c1d6da, -41px 41px #c1d6da, -42px 42px #c1d6da, -43px 43px #c1d6da, -44px 44px #c1d6da, -45px 45px #c1d6da, -46px 46px #c1d6da, -47px 47px #c1d6da, -48px 48px #c1d6da, -49px 49px #c1d6da, -50px 50px #c1d6da, -51px 51px #c1d6da, -52px 52px #c1d6da, -53px 53px #c1d6da, -54px 54px #c1d6da, -55px 55px #c1d6da, -56px 56px #c1d6da, -57px 57px #c1d6da, -58px 58px #c1d6da, -59px 59px #c1d6da, -60px 60px #c1d6da, -61px 61px #c1d6da, -62px 62px #c1d6da, -63px 63px #c1d6da, -64px 64px #c1d6da, -65px 65px #c1d6da, -66px 66px #c1d6da, -67px 67px #c1d6da, -68px 68px #c1d6da, -69px 69px #c1d6da, -70px 70px #c1d6da, -71px 71px #c1d6da, -72px 72px #c1d6da, -73px 73px #c1d6da, -74px 74px #c1d6da, -75px 75px #c1d6da, -76px 76px #c1d6da, -77px 77px #c1d6da, -78px 78px #c1d6da, -79px 79px #c1d6da, -80px 80px #c1d6da, -81px 81px #c1d6da, -82px 82px #c1d6da, -83px 83px #c1d6da, -84px 84px #c1d6da, -85px 85px #c1d6da; }
    .btn-longshadow-left.btn-color-3:active, .btn-longshadow-left.btn-color-3.active, .btn-longshadow-left.btn-color-3.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow-left.btn-color-4 {
    text-shadow: 0px 0px #cdcd10, -1px 1px #cdcd10, -2px 2px #cdcd10, -3px 3px #cdcd10, -4px 4px #cdcd10, -5px 5px #cdcd10, -6px 6px #cdcd10, -7px 7px #cdcd10, -8px 8px #cdcd10, -9px 9px #cdcd10, -10px 10px #cdcd10, -11px 11px #cdcd10, -12px 12px #cdcd10, -13px 13px #cdcd10, -14px 14px #cdcd10, -15px 15px #cdcd10, -16px 16px #cdcd10, -17px 17px #cdcd10, -18px 18px #cdcd10, -19px 19px #cdcd10, -20px 20px #cdcd10, -21px 21px #cdcd10, -22px 22px #cdcd10, -23px 23px #cdcd10, -24px 24px #cdcd10, -25px 25px #cdcd10, -26px 26px #cdcd10, -27px 27px #cdcd10, -28px 28px #cdcd10, -29px 29px #cdcd10, -30px 30px #cdcd10, -31px 31px #cdcd10, -32px 32px #cdcd10, -33px 33px #cdcd10, -34px 34px #cdcd10, -35px 35px #cdcd10, -36px 36px #cdcd10, -37px 37px #cdcd10, -38px 38px #cdcd10, -39px 39px #cdcd10, -40px 40px #cdcd10, -41px 41px #cdcd10, -42px 42px #cdcd10, -43px 43px #cdcd10, -44px 44px #cdcd10, -45px 45px #cdcd10, -46px 46px #cdcd10, -47px 47px #cdcd10, -48px 48px #cdcd10, -49px 49px #cdcd10, -50px 50px #cdcd10, -51px 51px #cdcd10, -52px 52px #cdcd10, -53px 53px #cdcd10, -54px 54px #cdcd10, -55px 55px #cdcd10, -56px 56px #cdcd10, -57px 57px #cdcd10, -58px 58px #cdcd10, -59px 59px #cdcd10, -60px 60px #cdcd10, -61px 61px #cdcd10, -62px 62px #cdcd10, -63px 63px #cdcd10, -64px 64px #cdcd10, -65px 65px #cdcd10, -66px 66px #cdcd10, -67px 67px #cdcd10, -68px 68px #cdcd10, -69px 69px #cdcd10, -70px 70px #cdcd10, -71px 71px #cdcd10, -72px 72px #cdcd10, -73px 73px #cdcd10, -74px 74px #cdcd10, -75px 75px #cdcd10, -76px 76px #cdcd10, -77px 77px #cdcd10, -78px 78px #cdcd10, -79px 79px #cdcd10, -80px 80px #cdcd10, -81px 81px #cdcd10, -82px 82px #cdcd10, -83px 83px #cdcd10, -84px 84px #cdcd10, -85px 85px #cdcd10; }
    .btn-longshadow-left.btn-color-4:active, .btn-longshadow-left.btn-color-4.active, .btn-longshadow-left.btn-color-4.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow-left.btn-color-5 {
    text-shadow: 0px 0px #545454, -1px 1px #545454, -2px 2px #545454, -3px 3px #545454, -4px 4px #545454, -5px 5px #545454, -6px 6px #545454, -7px 7px #545454, -8px 8px #545454, -9px 9px #545454, -10px 10px #545454, -11px 11px #545454, -12px 12px #545454, -13px 13px #545454, -14px 14px #545454, -15px 15px #545454, -16px 16px #545454, -17px 17px #545454, -18px 18px #545454, -19px 19px #545454, -20px 20px #545454, -21px 21px #545454, -22px 22px #545454, -23px 23px #545454, -24px 24px #545454, -25px 25px #545454, -26px 26px #545454, -27px 27px #545454, -28px 28px #545454, -29px 29px #545454, -30px 30px #545454, -31px 31px #545454, -32px 32px #545454, -33px 33px #545454, -34px 34px #545454, -35px 35px #545454, -36px 36px #545454, -37px 37px #545454, -38px 38px #545454, -39px 39px #545454, -40px 40px #545454, -41px 41px #545454, -42px 42px #545454, -43px 43px #545454, -44px 44px #545454, -45px 45px #545454, -46px 46px #545454, -47px 47px #545454, -48px 48px #545454, -49px 49px #545454, -50px 50px #545454, -51px 51px #545454, -52px 52px #545454, -53px 53px #545454, -54px 54px #545454, -55px 55px #545454, -56px 56px #545454, -57px 57px #545454, -58px 58px #545454, -59px 59px #545454, -60px 60px #545454, -61px 61px #545454, -62px 62px #545454, -63px 63px #545454, -64px 64px #545454, -65px 65px #545454, -66px 66px #545454, -67px 67px #545454, -68px 68px #545454, -69px 69px #545454, -70px 70px #545454, -71px 71px #545454, -72px 72px #545454, -73px 73px #545454, -74px 74px #545454, -75px 75px #545454, -76px 76px #545454, -77px 77px #545454, -78px 78px #545454, -79px 79px #545454, -80px 80px #545454, -81px 81px #545454, -82px 82px #545454, -83px 83px #545454, -84px 84px #545454, -85px 85px #545454; }
    .btn-longshadow-left.btn-color-5:active, .btn-longshadow-left.btn-color-5.active, .btn-longshadow-left.btn-color-5.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .btn-longshadow-left.btn-neutral-color {
    text-shadow: 0px 0px #c1d6da, -1px 1px #c1d6da, -2px 2px #c1d6da, -3px 3px #c1d6da, -4px 4px #c1d6da, -5px 5px #c1d6da, -6px 6px #c1d6da, -7px 7px #c1d6da, -8px 8px #c1d6da, -9px 9px #c1d6da, -10px 10px #c1d6da, -11px 11px #c1d6da, -12px 12px #c1d6da, -13px 13px #c1d6da, -14px 14px #c1d6da, -15px 15px #c1d6da, -16px 16px #c1d6da, -17px 17px #c1d6da, -18px 18px #c1d6da, -19px 19px #c1d6da, -20px 20px #c1d6da, -21px 21px #c1d6da, -22px 22px #c1d6da, -23px 23px #c1d6da, -24px 24px #c1d6da, -25px 25px #c1d6da, -26px 26px #c1d6da, -27px 27px #c1d6da, -28px 28px #c1d6da, -29px 29px #c1d6da, -30px 30px #c1d6da, -31px 31px #c1d6da, -32px 32px #c1d6da, -33px 33px #c1d6da, -34px 34px #c1d6da, -35px 35px #c1d6da, -36px 36px #c1d6da, -37px 37px #c1d6da, -38px 38px #c1d6da, -39px 39px #c1d6da, -40px 40px #c1d6da, -41px 41px #c1d6da, -42px 42px #c1d6da, -43px 43px #c1d6da, -44px 44px #c1d6da, -45px 45px #c1d6da, -46px 46px #c1d6da, -47px 47px #c1d6da, -48px 48px #c1d6da, -49px 49px #c1d6da, -50px 50px #c1d6da, -51px 51px #c1d6da, -52px 52px #c1d6da, -53px 53px #c1d6da, -54px 54px #c1d6da, -55px 55px #c1d6da, -56px 56px #c1d6da, -57px 57px #c1d6da, -58px 58px #c1d6da, -59px 59px #c1d6da, -60px 60px #c1d6da, -61px 61px #c1d6da, -62px 62px #c1d6da, -63px 63px #c1d6da, -64px 64px #c1d6da, -65px 65px #c1d6da, -66px 66px #c1d6da, -67px 67px #c1d6da, -68px 68px #c1d6da, -69px 69px #c1d6da, -70px 70px #c1d6da, -71px 71px #c1d6da, -72px 72px #c1d6da, -73px 73px #c1d6da, -74px 74px #c1d6da, -75px 75px #c1d6da, -76px 76px #c1d6da, -77px 77px #c1d6da, -78px 78px #c1d6da, -79px 79px #c1d6da, -80px 80px #c1d6da, -81px 81px #c1d6da, -82px 82px #c1d6da, -83px 83px #c1d6da, -84px 84px #c1d6da, -85px 85px #c1d6da; }
    .btn-longshadow-left.btn-neutral-color:active, .btn-longshadow-left.btn-neutral-color.active, .btn-longshadow-left.btn-neutral-color.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

/*
* Button Sizes
*
* This file creates the various button sizes
* (ex. .button-large, .button-small, etc.)
*/
.btn-giant {
  font-size: 1.75em;
  height: 70px;
  line-height: 70px;
  padding: 0 70px; }
.btn-jumbo {
  font-size: 1.5em;
  height: 60px;
  line-height: 60px;
  padding: 0 60px; }
.btn-large {
  font-size: 1.25em;
  height: 50px;
  line-height: 50px;
  padding: 0 50px; }
.btn-normal {
  font-size: 1em;
  height: 40px;
  line-height: 40px;
  padding: 0 40px; }
.btn-small {
  font-size: 0.75em;
  height: 30px;
  line-height: 30px;
  padding: 0 30px; }
.btn-tiny {
  font-size: 0.6em;
  height: 24px;
  line-height: 24px;
  padding: 0 24px; }
