/*! @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.
*/
@font-face {
  font-family: "sentia-icon-font";
  src: url("../../fonts/sentia-icon-font.eot");
  src: url("../../fonts/sentia-icon-font.eot?#iefix") format("embedded-opentype"), url("../../fonts/sentia-icon-font.woff") format("woff"), url("../../fonts/sentia-icon-font.ttf") format("truetype"), url("../../fonts/sentia-icon-font.svg#sentia-icon-font") format("svg");
  font-weight: normal;
  font-style: normal; }
@media (max-width: 599px) {
  html {
    font-size: 14px;
    line-height: 24px; } }
/*
@include breakpoint($large-screen) {
	@include establish-baseline(18px);
}
*/
html {
  font-size: 16px;
  line-height: 24px; }

/*
* $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
*/
.button {
  color: white;
  background-color: #005EB8;
  border-color: #005EB8;
  font-weight: 600;
  font-size: 16px;
  font-family: "myriad-pro", Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0 48px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  transition-property: all;
  transition-duration: .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.
  */ }
  .button:visited {
    color: white; }
  .button:hover, .button:focus {
    background-color: #0066c7;
    text-decoration: none;
    outline: none; }
  .button:active, .button.active, .button.is-active {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    text-decoration: none;
    background-color: #095eaf;
    border-color: #003f7b;
    color: #004485;
    transition-duration: 0s;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  .button.disabled, .button.is-disabled, .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;
    box-shadow: none !important;
    opacity: .8 !important; }

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

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

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

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

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

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

/*
* Base Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-primary,
.button-primary-flat {
  background-color: #005EB8;
  border-color: #005EB8;
  color: #FFF; }
  .button-primary:visited,
  .button-primary-flat:visited {
    color: #FFF; }
  .button-primary:hover, .button-primary:focus,
  .button-primary-flat:hover,
  .button-primary-flat:focus {
    background-color: #0078eb;
    border-color: #0078eb;
    color: #FFF; }
  .button-primary:active, .button-primary.active, .button-primary.is-active,
  .button-primary-flat:active,
  .button-primary-flat.active,
  .button-primary-flat.is-active {
    background-color: #095eaf;
    border-color: #095eaf;
    color: #004485; }

.button-secondary,
.button-secondary-flat {
  background-color: #A7A8AA;
  border-color: #A7A8AA;
  color: #FFF; }
  .button-secondary:visited,
  .button-secondary-flat:visited {
    color: #FFF; }
  .button-secondary:hover, .button-secondary:focus,
  .button-secondary-flat:hover,
  .button-secondary-flat:focus {
    background-color: #c1c2c3;
    border-color: #c1c2c3;
    color: #FFF; }
  .button-secondary:active, .button-secondary.active, .button-secondary.is-active,
  .button-secondary-flat:active,
  .button-secondary-flat.active,
  .button-secondary-flat.is-active {
    background-color: darkgray;
    border-color: darkgray;
    color: #8d8e91; }

.button-accent-1,
.button-accent-1-flat {
  background-color: #00A3E0;
  border-color: #00A3E0;
  color: #FFF; }
  .button-accent-1:visited,
  .button-accent-1-flat:visited {
    color: #FFF; }
  .button-accent-1:hover, .button-accent-1:focus,
  .button-accent-1-flat:hover,
  .button-accent-1-flat:focus {
    background-color: #14bfff;
    border-color: #14bfff;
    color: #FFF; }
  .button-accent-1:active, .button-accent-1.active, .button-accent-1.is-active,
  .button-accent-1-flat:active,
  .button-accent-1-flat.active,
  .button-accent-1-flat.is-active {
    background-color: #0b9ed5;
    border-color: #0b9ed5;
    color: #007ead; }

.button-accent-2,
.button-accent-2-flat {
  background-color: #00B630;
  border-color: #00B630;
  color: #FFF; }
  .button-accent-2:visited,
  .button-accent-2-flat:visited {
    color: #FFF; }
  .button-accent-2:hover, .button-accent-2:focus,
  .button-accent-2-flat:hover,
  .button-accent-2-flat:focus {
    background-color: #00e93d;
    border-color: #00e93d;
    color: #FFF; }
  .button-accent-2:active, .button-accent-2.active, .button-accent-2.is-active,
  .button-accent-2-flat:active,
  .button-accent-2-flat.active,
  .button-accent-2-flat.is-active {
    background-color: #09ad34;
    border-color: #09ad34;
    color: #008323; }

.button-accent-3,
.button-accent-3-flat {
  background-color: #FF8200;
  border-color: #FF8200;
  color: #FFF; }
  .button-accent-3:visited,
  .button-accent-3-flat:visited {
    color: #FFF; }
  .button-accent-3:hover, .button-accent-3:focus,
  .button-accent-3-flat:hover,
  .button-accent-3-flat:focus {
    background-color: #ff9b33;
    border-color: #ff9b33;
    color: #FFF; }
  .button-accent-3:active, .button-accent-3.active, .button-accent-3.is-active,
  .button-accent-3-flat:active,
  .button-accent-3-flat.active,
  .button-accent-3-flat.is-active {
    background-color: #f2820d;
    border-color: #f2820d;
    color: #cc6800; }

.button-accent-4,
.button-accent-4-flat {
  background-color: #EF3340;
  border-color: #EF3340;
  color: #FFF; }
  .button-accent-4:visited,
  .button-accent-4-flat:visited {
    color: #FFF; }
  .button-accent-4:hover, .button-accent-4:focus,
  .button-accent-4-flat:hover,
  .button-accent-4-flat:focus {
    background-color: #f3626c;
    border-color: #f3626c;
    color: #FFF; }
  .button-accent-4:active, .button-accent-4.active, .button-accent-4.is-active,
  .button-accent-4-flat:active,
  .button-accent-4-flat.active,
  .button-accent-4-flat.is-active {
    background-color: #e43e49;
    border-color: #e43e49;
    color: #de1120; }

.button-accent-5,
.button-accent-5-flat {
  background-color: #470A68;
  border-color: #470A68;
  color: #FFF; }
  .button-accent-5:visited,
  .button-accent-5-flat:visited {
    color: #FFF; }
  .button-accent-5:hover, .button-accent-5:focus,
  .button-accent-5-flat:hover,
  .button-accent-5-flat:focus {
    background-color: #670e97;
    border-color: #670e97;
    color: #FFF; }
  .button-accent-5:active, .button-accent-5.active, .button-accent-5.is-active,
  .button-accent-5-flat:active,
  .button-accent-5-flat.active,
  .button-accent-5-flat.is-active {
    background-color: #451062;
    border-color: #451062;
    color: #270639; }

.button-accent-6,
.button-accent-6-flat {
  background-color: #000000;
  border-color: #000000;
  color: #FFF; }
  .button-accent-6:visited,
  .button-accent-6-flat:visited {
    color: #FFF; }
  .button-accent-6:hover, .button-accent-6:focus,
  .button-accent-6-flat:hover,
  .button-accent-6-flat:focus {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #FFF; }
  .button-accent-6:active, .button-accent-6.active, .button-accent-6.is-active,
  .button-accent-6-flat:active,
  .button-accent-6-flat.active,
  .button-accent-6-flat.is-active {
    background-color: black;
    border-color: black;
    color: black; }

.button-accent-7,
.button-accent-7-flat {
  background-color: #63666A;
  border-color: #63666A;
  color: #FFF; }
  .button-accent-7:visited,
  .button-accent-7-flat:visited {
    color: #FFF; }
  .button-accent-7:hover, .button-accent-7:focus,
  .button-accent-7-flat:hover,
  .button-accent-7-flat:focus {
    background-color: #7c7f84;
    border-color: #7c7f84;
    color: #FFF; }
  .button-accent-7:active, .button-accent-7.active, .button-accent-7.is-active,
  .button-accent-7-flat:active,
  .button-accent-7-flat.active,
  .button-accent-7-flat.is-active {
    background-color: #676767;
    border-color: #676767;
    color: #4a4d50; }

.button-white,
.button-white-flat {
  background-color: white;
  border-color: white;
  color: #005EB8; }
  .button-white:visited,
  .button-white-flat:visited {
    color: #005EB8; }
  .button-white:hover, .button-white:focus,
  .button-white-flat:hover,
  .button-white-flat:focus {
    background-color: white;
    border-color: white;
    color: #005EB8; }
  .button-white:active, .button-white.active, .button-white.is-active,
  .button-white-flat:active,
  .button-white-flat.active,
  .button-white-flat.is-active {
    background-color: white;
    border-color: white;
    color: #e6e6e6; }

/*
* Base Layout Styles
*
* Very Miminal Layout Styles
*/
.button-block,
.button-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)
*/
.button-square {
  border-radius: 0; }

.button-box {
  border-radius: 10px; }

.button-rounded {
  border-radius: 0.25em; }

.button-pill {
  border-radius: 200px; }

.button-circle {
  border-radius: 100%; }

/*
* Size Adjustment for equal height & widht buttons
*
* Remove padding and set a fixed width.
*/
.button-circle,
.button-box,
.button-square {
  padding: 0 !important;
  width: 48px; }
  .button-circle.button-giant,
  .button-box.button-giant,
  .button-square.button-giant {
    width: 96px; }
  .button-circle.button-large,
  .button-box.button-large,
  .button-square.button-large {
    width: 72px; }
  .button-circle.button-default,
  .button-box.button-default,
  .button-square.button-default {
    width: 48px; }
  .button-circle.button-tiny,
  .button-box.button-tiny,
  .button-square.button-tiny {
    width: 24px; }

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

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

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

/*
* Border Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-border, .button-border-thin, .button-border-thick,
.button-border-thin,
.button-border-thick {
  /*
  * Border Button Size Adjustment
  *
  * The line-height must be adjusted to compinsate for
  * the width of the border.
  */ }
  .button-border.button-primary, .button-primary.button-border-thin, .button-primary.button-border-thick,
  .button-border-thin.button-primary,
  .button-border-thick.button-primary {
    color: #005EB8; }
    .button-border.button-primary:hover, .button-primary.button-border-thin:hover, .button-primary.button-border-thick:hover, .button-border.button-primary:focus, .button-primary.button-border-thin:focus, .button-primary.button-border-thick:focus,
    .button-border-thin.button-primary:hover,
    .button-border-thin.button-primary:focus,
    .button-border-thick.button-primary:hover,
    .button-border-thick.button-primary:focus {
      background-color: rgba(0, 120, 235, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-primary:active, .button-primary.button-border-thin:active, .button-primary.button-border-thick:active, .button-border.button-primary.active, .button-primary.active.button-border-thin, .button-primary.active.button-border-thick, .button-border.button-primary.is-active, .button-primary.is-active.button-border-thin, .button-primary.is-active.button-border-thick,
    .button-border-thin.button-primary:active,
    .button-border-thin.button-primary.active,
    .button-border-thin.button-primary.is-active,
    .button-border-thick.button-primary:active,
    .button-border-thick.button-primary.active,
    .button-border-thick.button-primary.is-active {
      background-color: rgba(9, 94, 175, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-secondary, .button-secondary.button-border-thin, .button-secondary.button-border-thick,
  .button-border-thin.button-secondary,
  .button-border-thick.button-secondary {
    color: #A7A8AA; }
    .button-border.button-secondary:hover, .button-secondary.button-border-thin:hover, .button-secondary.button-border-thick:hover, .button-border.button-secondary:focus, .button-secondary.button-border-thin:focus, .button-secondary.button-border-thick:focus,
    .button-border-thin.button-secondary:hover,
    .button-border-thin.button-secondary:focus,
    .button-border-thick.button-secondary:hover,
    .button-border-thick.button-secondary:focus {
      background-color: rgba(193, 194, 195, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-secondary:active, .button-secondary.button-border-thin:active, .button-secondary.button-border-thick:active, .button-border.button-secondary.active, .button-secondary.active.button-border-thin, .button-secondary.active.button-border-thick, .button-border.button-secondary.is-active, .button-secondary.is-active.button-border-thin, .button-secondary.is-active.button-border-thick,
    .button-border-thin.button-secondary:active,
    .button-border-thin.button-secondary.active,
    .button-border-thin.button-secondary.is-active,
    .button-border-thick.button-secondary:active,
    .button-border-thick.button-secondary.active,
    .button-border-thick.button-secondary.is-active {
      background-color: rgba(169, 169, 169, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-accent-1, .button-accent-1.button-border-thin, .button-accent-1.button-border-thick,
  .button-border-thin.button-accent-1,
  .button-border-thick.button-accent-1 {
    color: #00A3E0; }
    .button-border.button-accent-1:hover, .button-accent-1.button-border-thin:hover, .button-accent-1.button-border-thick:hover, .button-border.button-accent-1:focus, .button-accent-1.button-border-thin:focus, .button-accent-1.button-border-thick:focus,
    .button-border-thin.button-accent-1:hover,
    .button-border-thin.button-accent-1:focus,
    .button-border-thick.button-accent-1:hover,
    .button-border-thick.button-accent-1:focus {
      background-color: rgba(20, 191, 255, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-accent-1:active, .button-accent-1.button-border-thin:active, .button-accent-1.button-border-thick:active, .button-border.button-accent-1.active, .button-accent-1.active.button-border-thin, .button-accent-1.active.button-border-thick, .button-border.button-accent-1.is-active, .button-accent-1.is-active.button-border-thin, .button-accent-1.is-active.button-border-thick,
    .button-border-thin.button-accent-1:active,
    .button-border-thin.button-accent-1.active,
    .button-border-thin.button-accent-1.is-active,
    .button-border-thick.button-accent-1:active,
    .button-border-thick.button-accent-1.active,
    .button-border-thick.button-accent-1.is-active {
      background-color: rgba(11, 158, 213, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-accent-2, .button-accent-2.button-border-thin, .button-accent-2.button-border-thick,
  .button-border-thin.button-accent-2,
  .button-border-thick.button-accent-2 {
    color: #00B630; }
    .button-border.button-accent-2:hover, .button-accent-2.button-border-thin:hover, .button-accent-2.button-border-thick:hover, .button-border.button-accent-2:focus, .button-accent-2.button-border-thin:focus, .button-accent-2.button-border-thick:focus,
    .button-border-thin.button-accent-2:hover,
    .button-border-thin.button-accent-2:focus,
    .button-border-thick.button-accent-2:hover,
    .button-border-thick.button-accent-2:focus {
      background-color: rgba(0, 233, 61, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-accent-2:active, .button-accent-2.button-border-thin:active, .button-accent-2.button-border-thick:active, .button-border.button-accent-2.active, .button-accent-2.active.button-border-thin, .button-accent-2.active.button-border-thick, .button-border.button-accent-2.is-active, .button-accent-2.is-active.button-border-thin, .button-accent-2.is-active.button-border-thick,
    .button-border-thin.button-accent-2:active,
    .button-border-thin.button-accent-2.active,
    .button-border-thin.button-accent-2.is-active,
    .button-border-thick.button-accent-2:active,
    .button-border-thick.button-accent-2.active,
    .button-border-thick.button-accent-2.is-active {
      background-color: rgba(9, 173, 52, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-accent-3, .button-accent-3.button-border-thin, .button-accent-3.button-border-thick,
  .button-border-thin.button-accent-3,
  .button-border-thick.button-accent-3 {
    color: #FF8200; }
    .button-border.button-accent-3:hover, .button-accent-3.button-border-thin:hover, .button-accent-3.button-border-thick:hover, .button-border.button-accent-3:focus, .button-accent-3.button-border-thin:focus, .button-accent-3.button-border-thick:focus,
    .button-border-thin.button-accent-3:hover,
    .button-border-thin.button-accent-3:focus,
    .button-border-thick.button-accent-3:hover,
    .button-border-thick.button-accent-3:focus {
      background-color: rgba(255, 155, 51, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-accent-3:active, .button-accent-3.button-border-thin:active, .button-accent-3.button-border-thick:active, .button-border.button-accent-3.active, .button-accent-3.active.button-border-thin, .button-accent-3.active.button-border-thick, .button-border.button-accent-3.is-active, .button-accent-3.is-active.button-border-thin, .button-accent-3.is-active.button-border-thick,
    .button-border-thin.button-accent-3:active,
    .button-border-thin.button-accent-3.active,
    .button-border-thin.button-accent-3.is-active,
    .button-border-thick.button-accent-3:active,
    .button-border-thick.button-accent-3.active,
    .button-border-thick.button-accent-3.is-active {
      background-color: rgba(242, 130, 13, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-accent-4, .button-accent-4.button-border-thin, .button-accent-4.button-border-thick,
  .button-border-thin.button-accent-4,
  .button-border-thick.button-accent-4 {
    color: #EF3340; }
    .button-border.button-accent-4:hover, .button-accent-4.button-border-thin:hover, .button-accent-4.button-border-thick:hover, .button-border.button-accent-4:focus, .button-accent-4.button-border-thin:focus, .button-accent-4.button-border-thick:focus,
    .button-border-thin.button-accent-4:hover,
    .button-border-thin.button-accent-4:focus,
    .button-border-thick.button-accent-4:hover,
    .button-border-thick.button-accent-4:focus {
      background-color: rgba(243, 98, 108, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-accent-4:active, .button-accent-4.button-border-thin:active, .button-accent-4.button-border-thick:active, .button-border.button-accent-4.active, .button-accent-4.active.button-border-thin, .button-accent-4.active.button-border-thick, .button-border.button-accent-4.is-active, .button-accent-4.is-active.button-border-thin, .button-accent-4.is-active.button-border-thick,
    .button-border-thin.button-accent-4:active,
    .button-border-thin.button-accent-4.active,
    .button-border-thin.button-accent-4.is-active,
    .button-border-thick.button-accent-4:active,
    .button-border-thick.button-accent-4.active,
    .button-border-thick.button-accent-4.is-active {
      background-color: rgba(228, 62, 73, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-accent-5, .button-accent-5.button-border-thin, .button-accent-5.button-border-thick,
  .button-border-thin.button-accent-5,
  .button-border-thick.button-accent-5 {
    color: #470A68; }
    .button-border.button-accent-5:hover, .button-accent-5.button-border-thin:hover, .button-accent-5.button-border-thick:hover, .button-border.button-accent-5:focus, .button-accent-5.button-border-thin:focus, .button-accent-5.button-border-thick:focus,
    .button-border-thin.button-accent-5:hover,
    .button-border-thin.button-accent-5:focus,
    .button-border-thick.button-accent-5:hover,
    .button-border-thick.button-accent-5:focus {
      background-color: rgba(103, 14, 151, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-accent-5:active, .button-accent-5.button-border-thin:active, .button-accent-5.button-border-thick:active, .button-border.button-accent-5.active, .button-accent-5.active.button-border-thin, .button-accent-5.active.button-border-thick, .button-border.button-accent-5.is-active, .button-accent-5.is-active.button-border-thin, .button-accent-5.is-active.button-border-thick,
    .button-border-thin.button-accent-5:active,
    .button-border-thin.button-accent-5.active,
    .button-border-thin.button-accent-5.is-active,
    .button-border-thick.button-accent-5:active,
    .button-border-thick.button-accent-5.active,
    .button-border-thick.button-accent-5.is-active {
      background-color: rgba(69, 16, 98, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-accent-6, .button-accent-6.button-border-thin, .button-accent-6.button-border-thick,
  .button-border-thin.button-accent-6,
  .button-border-thick.button-accent-6 {
    color: #000000; }
    .button-border.button-accent-6:hover, .button-accent-6.button-border-thin:hover, .button-accent-6.button-border-thick:hover, .button-border.button-accent-6:focus, .button-accent-6.button-border-thin:focus, .button-accent-6.button-border-thick:focus,
    .button-border-thin.button-accent-6:hover,
    .button-border-thin.button-accent-6:focus,
    .button-border-thick.button-accent-6:hover,
    .button-border-thick.button-accent-6:focus {
      background-color: rgba(26, 26, 26, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-accent-6:active, .button-accent-6.button-border-thin:active, .button-accent-6.button-border-thick:active, .button-border.button-accent-6.active, .button-accent-6.active.button-border-thin, .button-accent-6.active.button-border-thick, .button-border.button-accent-6.is-active, .button-accent-6.is-active.button-border-thin, .button-accent-6.is-active.button-border-thick,
    .button-border-thin.button-accent-6:active,
    .button-border-thin.button-accent-6.active,
    .button-border-thin.button-accent-6.is-active,
    .button-border-thick.button-accent-6:active,
    .button-border-thick.button-accent-6.active,
    .button-border-thick.button-accent-6.is-active {
      background-color: rgba(0, 0, 0, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-accent-7, .button-accent-7.button-border-thin, .button-accent-7.button-border-thick,
  .button-border-thin.button-accent-7,
  .button-border-thick.button-accent-7 {
    color: #63666A; }
    .button-border.button-accent-7:hover, .button-accent-7.button-border-thin:hover, .button-accent-7.button-border-thick:hover, .button-border.button-accent-7:focus, .button-accent-7.button-border-thin:focus, .button-accent-7.button-border-thick:focus,
    .button-border-thin.button-accent-7:hover,
    .button-border-thin.button-accent-7:focus,
    .button-border-thick.button-accent-7:hover,
    .button-border-thick.button-accent-7:focus {
      background-color: rgba(124, 127, 132, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-accent-7:active, .button-accent-7.button-border-thin:active, .button-accent-7.button-border-thick:active, .button-border.button-accent-7.active, .button-accent-7.active.button-border-thin, .button-accent-7.active.button-border-thick, .button-border.button-accent-7.is-active, .button-accent-7.is-active.button-border-thin, .button-accent-7.is-active.button-border-thick,
    .button-border-thin.button-accent-7:active,
    .button-border-thin.button-accent-7.active,
    .button-border-thin.button-accent-7.is-active,
    .button-border-thick.button-accent-7:active,
    .button-border-thick.button-accent-7.active,
    .button-border-thick.button-accent-7.is-active {
      background-color: rgba(103, 103, 103, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-white, .button-white.button-border-thin, .button-white.button-border-thick,
  .button-border-thin.button-white,
  .button-border-thick.button-white {
    color: white; }
    .button-border.button-white:hover, .button-white.button-border-thin:hover, .button-white.button-border-thick:hover, .button-border.button-white:focus, .button-white.button-border-thin:focus, .button-white.button-border-thick:focus,
    .button-border-thin.button-white:hover,
    .button-border-thin.button-white:focus,
    .button-border-thick.button-white:hover,
    .button-border-thick.button-white:focus {
      background-color: rgba(255, 255, 255, 0.9);
      color: rgba(0, 94, 184, 0.9); }
    .button-border.button-white:active, .button-white.button-border-thin:active, .button-white.button-border-thick:active, .button-border.button-white.active, .button-white.active.button-border-thin, .button-white.active.button-border-thick, .button-border.button-white.is-active, .button-white.is-active.button-border-thin, .button-white.is-active.button-border-thick,
    .button-border-thin.button-white:active,
    .button-border-thin.button-white.active,
    .button-border-thin.button-white.is-active,
    .button-border-thick.button-white:active,
    .button-border-thick.button-white.active,
    .button-border-thick.button-white.is-active {
      background-color: rgba(255, 255, 255, 0.7);
      color: rgba(0, 94, 184, 0.5);
      opacity: .3; }
  .button-border.button-giant, .button-giant.button-border-thin, .button-giant.button-border-thick,
  .button-border-thin.button-giant,
  .button-border-thick.button-giant {
    line-height: 92px; }
  .button-border.button-large, .button-large.button-border-thin, .button-large.button-border-thick,
  .button-border-thin.button-large,
  .button-border-thick.button-large {
    line-height: 68px; }
  .button-border.button-default, .button-default.button-border-thin, .button-default.button-border-thick,
  .button-border-thin.button-default,
  .button-border-thick.button-default {
    line-height: 44px; }
  .button-border.button-tiny, .button-tiny.button-border-thin, .button-tiny.button-border-thick,
  .button-border-thin.button-tiny,
  .button-border-thick.button-tiny {
    line-height: 20px; }

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.button-borderless {
  background: none;
  border: none;
  padding: 0 8px !important;
  color: #005EB8;
  font-size: 20.8px;
  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.
  */ }
  .button-borderless:hover, .button-borderless:focus {
    background: none; }
  .button-borderless:active, .button-borderless.active, .button-borderless.is-active {
    box-shadow: none;
    text-shadow: none;
    transition-property: all;
    transition-duration: .3s;
    opacity: .3; }
  .button-borderless.button-primary {
    color: #005EB8; }
  .button-borderless.button-secondary {
    color: #A7A8AA; }
  .button-borderless.button-accent-1 {
    color: #00A3E0; }
  .button-borderless.button-accent-2 {
    color: #00B630; }
  .button-borderless.button-accent-3 {
    color: #FF8200; }
  .button-borderless.button-accent-4 {
    color: #EF3340; }
  .button-borderless.button-accent-5 {
    color: #470A68; }
  .button-borderless.button-accent-6 {
    color: #000000; }
  .button-borderless.button-accent-7 {
    color: #63666A; }
  .button-borderless.button-white {
    color: white; }
  .button-borderless.button-giant {
    font-size: 41.6px;
    height: 57.6px;
    line-height: 57.6px; }
  .button-borderless.button-large {
    font-size: 31.2px;
    height: 47.2px;
    line-height: 47.2px; }
  .button-borderless.button-default {
    font-size: 20.8px;
    height: 36.8px;
    line-height: 36.8px; }
  .button-borderless.button-tiny {
    font-size: 10.4px;
    height: 26.4px;
    line-height: 26.4px; }

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

/*
* Dropdown List Style
*
*/
.button-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(0, 120, 235, 0.95);
  border-style: solid;
  border-width: 1px;
  border-color: #004485;
  font-family: "myriad-pro", Helvetica, Arial, sans-serif;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  /*
  * Dropdown Below
  *
  */
  /*
  * Dropdown Above
  *
  */ }
  .button-dropdown-list.is-below {
    top: 100%;
    border-top: none;
    border-radius: 0 0 3px 3px; }
  .button-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
*
*/
.button-dropdown-list > li {
  padding: 0;
  margin: 0;
  display: block; }
  .button-dropdown-list > li > a {
    display: block;
    line-height: 48px;
    font-size: 12.8px;
    padding: 5px 10px;
    float: none;
    color: white;
    text-decoration: none; }
    .button-dropdown-list > li > a:hover {
      color: #f7f7f7;
      background: #0066c7;
      text-decoration: none; }

.button-dropdown-divider {
  border-top: 1px solid #0056a9; }

/*
* Dropdown Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-dropdown.button-dropdown-primary .button-dropdown-list {
  background: rgba(0, 94, 184, 0.95);
  border-color: #004485; }
  .button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider {
    border-color: #004c94; }
  .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #00519f; }
.button-dropdown.button-dropdown-secondary .button-dropdown-list {
  background: rgba(167, 168, 170, 0.95);
  border-color: #8d8e91; }
  .button-dropdown.button-dropdown-secondary .button-dropdown-list .button-dropdown-divider {
    border-color: #959698; }
  .button-dropdown.button-dropdown-secondary .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-secondary .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #9a9b9d; }
.button-dropdown.button-dropdown-accent-1 .button-dropdown-list {
  background: rgba(0, 163, 224, 0.95);
  border-color: #007ead; }
  .button-dropdown.button-dropdown-accent-1 .button-dropdown-list .button-dropdown-divider {
    border-color: #0089bc; }
  .button-dropdown.button-dropdown-accent-1 .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-accent-1 .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #0090c7; }
.button-dropdown.button-dropdown-accent-2 .button-dropdown-list {
  background: rgba(0, 182, 48, 0.95);
  border-color: #008323; }
  .button-dropdown.button-dropdown-accent-2 .button-dropdown-list .button-dropdown-divider {
    border-color: #009227; }
  .button-dropdown.button-dropdown-accent-2 .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-accent-2 .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #009d29; }
.button-dropdown.button-dropdown-accent-3 .button-dropdown-list {
  background: rgba(255, 130, 0, 0.95);
  border-color: #cc6800; }
  .button-dropdown.button-dropdown-accent-3 .button-dropdown-list .button-dropdown-divider {
    border-color: #db7000; }
  .button-dropdown.button-dropdown-accent-3 .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-accent-3 .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #e67500; }
.button-dropdown.button-dropdown-accent-4 .button-dropdown-list {
  background: rgba(239, 51, 64, 0.95);
  border-color: #de1120; }
  .button-dropdown.button-dropdown-accent-4 .button-dropdown-list .button-dropdown-divider {
    border-color: #ec1222; }
  .button-dropdown.button-dropdown-accent-4 .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-accent-4 .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #ed1b2a; }
.button-dropdown.button-dropdown-accent-5 .button-dropdown-list {
  background: rgba(71, 10, 104, 0.95);
  border-color: #270639; }
  .button-dropdown.button-dropdown-accent-5 .button-dropdown-list .button-dropdown-divider {
    border-color: #310747; }
  .button-dropdown.button-dropdown-accent-5 .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-accent-5 .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #370851; }
.button-dropdown.button-dropdown-accent-6 .button-dropdown-list {
  background: rgba(0, 0, 0, 0.95);
  border-color: black; }
  .button-dropdown.button-dropdown-accent-6 .button-dropdown-list .button-dropdown-divider {
    border-color: black; }
  .button-dropdown.button-dropdown-accent-6 .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-accent-6 .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: black; }
.button-dropdown.button-dropdown-accent-7 .button-dropdown-list {
  background: rgba(99, 102, 106, 0.95);
  border-color: #4a4d50; }
  .button-dropdown.button-dropdown-accent-7 .button-dropdown-list .button-dropdown-divider {
    border-color: #525458; }
  .button-dropdown.button-dropdown-accent-7 .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-accent-7 .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #57595d; }
.button-dropdown.button-dropdown-white .button-dropdown-list {
  background: rgba(255, 255, 255, 0.95);
  border-color: #e6e6e6; }
  .button-dropdown.button-dropdown-white .button-dropdown-list .button-dropdown-divider {
    border-color: #ededed; }
  .button-dropdown.button-dropdown-white .button-dropdown-list > li > a {
    color: #005EB8; }
    .button-dropdown.button-dropdown-white .button-dropdown-list > li > a:hover {
      color: #00519f;
      background: #f2f2f2; }

/*
* Button Sizes
*
* This file creates the various button sizes
* (ex. .button-large, .button-small, etc.)
*/
.button-giant {
  font-size: 32px;
  height: 96px;
  line-height: 96px;
  padding: 0 96px; }

.button-large {
  font-size: 24px;
  height: 72px;
  line-height: 72px;
  padding: 0 72px; }

.button-default {
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  padding: 0 48px; }

.button-tiny {
  font-size: 8px;
  height: 24px;
  line-height: 24px;
  padding: 0 24px; }