/**
 * CSS layout debugging
 * @link http://pesticide.io/
 * @type boolean
 */
/**
 * Define width for browsers w/out media query support
 * @link http://jakearchibald.github.com/sass-ie/
 * @type boolean
 */
/**
 * Turn on/off IE specific styles
 * @link http://jakearchibald.github.com/sass-ie/
 * @type boolean
 */
/*
// Breakpoints
// There are no common breakpoints; examples based on the official Sass styleguide
// You'll need to define your own breakpoints to suit your design
// ============
*/
/**
 * Base font size in used in _mixins.scss
 * @type number
 */
/**
 * Base line-height in used in _mixins.scss
 * @type number
 */
/**
 * (optional) URL for Google Fonts import
 * @type string
 */
/**
 * (optional) names of webfonts imports
 * @type array
 */
/**
 * define font stack used for sans-serifs
 * @type string
 */
/**
 * define font stack used for serifs
 * @type string
 */
/**
 * define font stack used for monospaced copy
 * @type string
 */
/**
 * define font stack used for headings
 * @requires {variable} $font-family-serif
 * @type string
 */
/**
 * define font stack used for paragraphs
 * @requires {variable} font-family-sans
 * @type string
 */
/**
 * Define z-indexes for various elements
 * @link http://www.sitepoint.com/using-sass-maps/
 * @type number
 */
/**
 * Configure global Susy settings
 * @link http://susy.oddbird.net/
 * @type string
 */
/**
 * px to em conversion
 * @link http://www.pjmccormick.com/sweet-sass-function-convert-px-em
 * @requires {variable} $base-font-size
 * @param {number} $target - size to convert
 * @param {number} $context ($base-font-size) - context conversion is based on
 * @example scss
 * .foobar { padding-bottom: em(30); }
 * @returns {number}
 */
/**
 * px to rem
 * @link http://www.pjmccormick.com/sweet-sass-function-convert-px-em
 * @requires {variable} $base-font-size
 * @param {number} $target - size to convert
 * @param {number} $context ($base-font-size) - context conversion is based on
 * @example scss
 * .foobar { padding-bottom: rem(30); }
 * @returns {number}
 */
/**
 * em to px conversion
 * @link http://www.pjmccormick.com/sweet-sass-function-convert-px-em
 * @requires {variable} $base-font-size
 * @param {number} $target - size to convert
 * @param {number} $context ($base-font-size) - context conversion is based on
 * @example scss
 * .foobar { padding-bottom: px(30); }
 * @returns {number}
 */
/**
 * Aspect Ratio
 * @param {number} $ratio-numerator - ratio numerator
 * @param {number} $ratio-denominator - ratio denominator
 * @example scss
 * .foobar { padding-bottom: aspect-ratio(16,9); } // @returns 56.25%
 * @returns {number}
 */
/**
 * Aspect Ratio
 * Based on Fixed Image Dimensions
 * @param {number} $w - image width
 * @param {number} $h - image height
 * @example scss
 * .foobar { padding: 0 0 aspect-ratio-fixed(1080, 720); } // @returns 66.666666666667%
 * @returns {number}
 */
/**
 * Context Calculator
 * @param {number} $target
 * @param {number} $context
 * @example scss
 * .foobar { padding-bottom: context-calc(30,15); }
 * @returns {number}
 */
/**
 * Strip Unit Values
 * @link http://hugogiraudel.com/2013/08/12/sass-functions
 * @param {string} $num
 * @example scss
 * .foobar { padding-bottom: strip-unit(30px); }
 * @returns {number}
 */
/**
 * Color Palettes
 * @link http://erskinedesign.com/blog/friendlier-colour-names-sass-maps/
 * @param {string} $palette
 * @param {string} $tone
 * @example scss
 * a { color: palette(purple, light); }
 * @returns {string}
 */
/**
 * SMACSS Theming (Option #1)
 * @example scss
 * .foobar {
 *   background: #ff3377;
 *   @include theme(beccapurple){
 *     background: #663399;
 *   }
 * }
 * @param {String} $name - theme name
 */
/**
 * SMACSS Theming (Option #2)
 * @example scss
 * .foobar {
 *   @include themify() {
 *     color: $theme-color;
 *   }
 * }
 */
/**
 * Buttons
 * This customizes your buttons with a different background color and text color.
 * If no text color is specified it will default to white.
 * @param {String} $color-background - background color
 * @param {String} $color-text (#fff) - text color
 * @example scss
 * .foobar { @include btn(#f37) { ... } }
 */
/**
 * Media Queries
 * Allows you to use inline media queries.
 * @link http://jakearchibald.github.com/sass-ie/
 * @param {String} $breakpoint - breakpoint
 * @param {String} $query (min-width) - query type
 * @param {String} $type (screen) - media type
 * @example scss
 * .foobar { @include mq(20em) { ... } }
 */
/**
 * IE Specific Styles
 * @example scss
 * .foobar {
 *   .lt-ie8 & { @include old-ie { ... } }
 *   .lt-ie9 & { @include old-ie { ... } }
 * }
 */
/**
 * Sass version of Sticky Footer by Ryan Fait
 * @link http://ryanfait.com/sticky-footer/
 * @param {String} $footer_height - height of footer including padding or borders
 * @param {String} $root_selector (.site) - main wrapper element
 * @param {String} $root_footer_selector (.push) - hidden element that "pushes" down the footer
 * @param {String} $footer_selector (footer) - footer element
 * @example scss
 * .foobar { @include sticky-footer(4em);}
 */
/**
 * Fullscreen Background for < IE8
 * @link http://css-tricks.com/perfect-full-page-background-image/
 * @example scss
 * .foobar { @include fullscreen-bg(); }
 */
/**
 * @param {number} $opacity
 * @example scss
 * .foobar { @include opacity(4); }
 */
/**
 * @link http://bit.ly/thoughtbot-bourbon-inline-block
 * @require {mixin} old-ie
 * @param {String} $alignment (baseline)
 * @example scss
 * .foobar { @include inline-block() { ... } }
 */
/**
 * Retina Displays
 * @param {String} $image - image url
 * @param {String} $width - image width
 * @param {String} $height - image height
 * @example scss
 * .foobar { @include retina('img/logo.png', 200px, 300px) { ... } }
 */
/**
 * RGBA Fallback
 * @param {String} $color
 * @param {String} $percent
 * @example scss
 * .foobar { @include rgba-bg(#f37,.9) { ... } }
 */
/* BACKGROUND ---------------------------------------------------------------------------------------------- */
/* line 47, ../../scss/themes/keystone.scss */
body {
  background-color: #e5e4e3;
}

/* line 50, ../../scss/themes/keystone.scss */
img {
  display: block;
}

/* line 54, ../../scss/themes/keystone.scss */
.white {
  background-color: #ffffff;
  padding: 1em;
}

/* line 59, ../../scss/themes/keystone.scss */
.row .nopadding {
  padding: 0;
}

/* line 63, ../../scss/themes/keystone.scss */
.page {
  border-color: #696C6F;
}

/* line 67, ../../scss/themes/keystone.scss */
.site {
  width: 100%;
  max-width: 960px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px;
}

/* line 76, ../../scss/themes/keystone.scss */
.panel {
  background: transparent;
  border-color: #999999;
}

/* TYPE ---------------------------------------------------------------------------------------------------- */
/* line 79, ../../scss/themes/keystone.scss */
body, h1, h2, h3, h4, h5, h6, .button {
  font-family: Arial, Helvetica, sans-serif;
  color: inherit;
}

/* line 82, ../../scss/themes/keystone.scss */
h2 {
  color: #999999;
  font-size: 1.25em;
}

/* line 83, ../../scss/themes/keystone.scss */
h3 {
  color: #000000;
}

/* line 84, ../../scss/themes/keystone.scss */
.panel h5 {
  color: #999999;
}

/* line 85, ../../scss/themes/keystone.scss */
a {
  color: #696C6F;
}

/* line 86, ../../scss/themes/keystone.scss */
a:hover {
  color: #696C6F;
}

/* line 87, ../../scss/themes/keystone.scss */
nav a, nav a:active, nav a:visited {
  color: #FFF;
}

/* line 88, ../../scss/themes/keystone.scss */
nav {
  padding: 0.5em;
}

/* line 89, ../../scss/themes/keystone.scss */
small {
  font-size: 80%;
}

/* BUTTONS -------------------------------------------------------------------------------------------------- */
/* line 92, ../../scss/themes/keystone.scss */
button, .button, .ui-button,
.button.disabled, .button[disabled] {
  background: #696C6F;
  /*fallback*/
  border-color: #696C6F;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: .8em;
}

/* line 101, ../../scss/themes/keystone.scss */
button.active, .button.active {
  color: #696C6F;
  background-color: #ffffff;
  border-color: #999999;
}

/* line 107, ../../scss/themes/keystone.scss */
button:hover, button:focus,
.button:hover, .button:focus,
.ui-button:hover, .ui-button:focus {
  background: #999999;
  /*fallback*/
  border-color: #000000;
  color: #ffffff;
}
/* line 113, ../../scss/themes/keystone.scss */
#subNav button:hover, #subNav button:focus, #subNav
.button:hover, #subNav .button:focus, #subNav
.ui-button:hover, #subNav .ui-button:focus {
  background: #696C6F;
  /*fallback*/
  border-color: #696C6F;
  color: #ffffff;
}

/* line 119, ../../scss/themes/keystone.scss */
.button.disabled, .button[disabled] {
  opacity: 0.6;
}

/* line 122, ../../scss/themes/keystone.scss */
.button.secondary {
  background: #696C6F;
  /*fallback*/
  background: -webkit-linear-gradient(top, #696C6F, #696C6F);
  color: #FFFFFF;
  border-color: #696C6F;
}

/* line 128, ../../scss/themes/keystone.scss */
.button.secondary:hover, .button.secondary:active, .button.secondary:hover {
  background: #999999;
  /*fallback*/
  background: -webkit-linear-gradient(top, #999999, #999999);
  color: #FFFFFF;
  -webkit-box-shadow: inset 0 0 1px #FFFFFF;
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.35);
  border-color: #000000;
}

/* line 136, ../../scss/themes/keystone.scss */
.button.third {
  background: #777777;
  /*fallback*/
  background: -webkit-linear-gradient(top, #777777, #777777);
  color: #FFFFFF;
  border-color: #777777;
}

/* line 143, ../../scss/themes/keystone.scss */
.ui-datepicker td .ui-state-hover {
  background: #696C6F;
}

/* STEPS -------------------------------------------------------- */
/* line 149, ../../scss/themes/keystone.scss */
.steps {
  border-color: #999999;
}

/* line 152, ../../scss/themes/keystone.scss */
.steps > .complete > a, .steps > .complete > a:hover {
  background-color: #999999;
}

/* line 155, ../../scss/themes/keystone.scss */
.steps > li > a {
  border: 1px solid #696C6F;
  color: #999999;
}

/* line 159, ../../scss/themes/keystone.scss */
.steps > li > a:hover {
  color: #ffffff;
  background-color: #999999;
}

/* line 164, ../../scss/themes/keystone.scss */
.steps > .complete + .complete:before {
  background-color: #999999;
}

/* HEADER -------------------------------------------------------------------------------------------------- */
/* line 168, ../../scss/themes/keystone.scss */
body {
  border-color: #696C6F;
}

/* line 169, ../../scss/themes/keystone.scss */
#subNav-ctn {
  background: #696C6F;
}

/* line 173, ../../scss/themes/keystone.scss */
header {
  background: url("../../img/header-bg.png");
  background-repeat: repeat-x;
}

/* FOOTER ------------------------------------------------------------------------------------------------- */
/* line 179, ../../scss/themes/keystone.scss */
footer {
  font-size: 12px;
  background-color: #696C6F;
}
/* line 180, ../../scss/themes/keystone.scss */
footer p {
  margin: 0;
  padding: 1em;
}

/* line 185, ../../scss/themes/keystone.scss */
.textcenter {
  text-align: center;
}

/* line 186, ../../scss/themes/keystone.scss */
.textright {
  text-align: right;
}

/* line 187, ../../scss/themes/keystone.scss */
.textleft {
  text-align: left;
}

/* line 188, ../../scss/themes/keystone.scss */
.acceptTerms {
  background: #696C6F;
}

/* line 189, ../../scss/themes/keystone.scss */
.collapse-card {
  border-color: #696C6F;
}

/* line 190, ../../scss/themes/keystone.scss */
.collapse-card.active {
  background: rgba(105, 108, 111, 0.1);
}

/* !IE8 SHENANIGANS ------------------------------------------------------------------------------------------- */
/* line 193, ../../scss/themes/keystone.scss */
.lt-ie9 header.branded {
  margin-bottom: 30px;
  max-width: 1000px;
}

/* line 197, ../../scss/themes/keystone.scss */
.lt-ie9 .contentpadding {
  padding: 20px 40px;
}

/* line 200, ../../scss/themes/keystone.scss */
.lt-ie9 .corn_Box {
  max-width: 940px;
}

/* line 203, ../../scss/themes/keystone.scss */
.lt-ie9 h3.title {
  margin-left: -40px;
  margin-bottom: 20px;
  border-top-width: 50px;
}

/* line 208, ../../scss/themes/keystone.scss */
.lt-ie9 h3.title span {
  left: 60px;
  top: -40px;
}

/* line 212, ../../scss/themes/keystone.scss */
.lt-ie9 #rewardProducts {
  max-width: 50%;
}

/* !MEDIA QUERIES ------------------------------------------------------------------------------------------- */
/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (min-width: 40em) {
  /* line 220, ../../scss/themes/keystone.scss */
  #mainLogo {
    padding: 5px 30px 5px 20px;
    border-right: 1px solid #ddd;
    float: left;
    max-width: 170px;
    margin-right: 22px;
  }

  /* line 227, ../../scss/themes/keystone.scss */
  nav#branded ul {
    display: block;
    width: 60%;
    line-height: 100%;
  }

  /* line 232, ../../scss/themes/keystone.scss */
  nav#branded a {
    text-transform: uppercase;
    color: #5C5C5C;
  }

  /* line 236, ../../scss/themes/keystone.scss */
  nav#branded li {
    margin: 10px 25px 5px 25px;
  }
}
@media only screen and (min-width: 48em) {
  /* line 243, ../../scss/themes/keystone.scss */
  nav#branded ul {
    width: 80%;
    border-bottom: 1px solid #ddd;
  }

  /* line 247, ../../scss/themes/keystone.scss */
  h3.title span {
    top: -48px;
  }
}