/*  Variables
--------------------------------------------------
== Colors
## Gray and brand colors for use across Bootstrap. */
/*
 * Scaffolding
 * Settings for some of the most global styles. */
/* Background color for `<body>`. */
/* Global text color on `<body>`. */
/* Global textual link color. */
/* Link hover color set via `darken()` function. */
/*
  Typography
  Font, line-height, and color for body text, headings, and more. */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/*  ~18px */
/*  ~12px */
/*  ~36px */
/*  ~30px */
/*  ~24px */
/*  ~18px */
/*  ~12px */
/* Unit-less `line-height` for use in components like buttons. */
/*  20/14 */
/* Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. */
/*  ~20px */
/* By default, this inherits from the `<body>`. */
/* -- Iconography */
/* ## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower. */
/* == Components */
/* ## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). */
/* Global color for active items (e.g., navs or dropdowns). */
/* Global background color for active items (e.g., navs or dropdowns). */
/* Width of the `border` for generating carets that indicator dropdowns. */
/* Carets increase slightly in size for larger components. */
/* == Tables
 * Customizes the `.table` component with basic values, each used across all table variations. */
/* Padding for `<th>`s and `<td>`s. */
/* Padding for cells in `.table-condensed`. */
/* Default background color used for all tables. */
/* Background color used for `.table-striped`. */
/* Background color used for `.table-hover`. */
/* Border color for table and cell borders. */
/* Buttons
 *## For each of Bootstrap's buttons, define text, background and border color. */
/* Forms */
/* `<input>` background color */
/* `<input disabled>` background color */
/* Text color for `<input>`s */
/* `<input>` border color */
/* `<input>` border radius */
/* Large `.form-control` border radius */
/* Small `.form-control` border radius */
/* Border color for inputs on focus */
/* Placeholder text color */
/* Default `.form-control` height */
/* Large `.form-control` height */
/* Small `.form-control` height */
/* Background color for textual input addons */
/* Border color for textual input addons */
/* == Dropdowns */
/* ## Dropdown menu container and contents. */
/* Background for the dropdown menu. */
/* Dropdown menu `border-color`. */
/* Dropdown menu `border-color` **for IE8**. */
/* Divider color for between dropdown items. */
/* Dropdown link text color. */
/* Hover color for dropdown links. */
/* Hover background for dropdown links. */
/* Active dropdown menu item text color. */
/* Active dropdown menu item background color. */
/* Disabled dropdown menu item background color. */
/* Text color for headers within dropdown menus. */
/*  Note: Deprecated @dropdown-caret-color as of v3.1.0 */
/* -- Z-index master list
 * Warning: Avoid customizing these values. They're used for a bird's eye view
 * of components dependent on the z-axis and are designed to all work together.
 * Note: These variables are not generated into the Customizer. */
/* Media queries breakpoints
 * ## Define the breakpoints at which your layout will change, adapting to different screen sizes.
 * Extra small screen / phone
 * Note: Deprecated @screen-xs and @screen-phone as of v3.0.1 */
/* Small screen / tablet
 * Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1 */
/* Medium screen / desktop
 * Note: Deprecated @screen-md and @screen-desktop as of v3.0.1 */
/* Large screen / wide desktop
 * Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1 */
/* So media queries don't overlap when required, provide a maximum */
/* Container system
 * ## Define your custom responsive grid. */
/* Number of columns in the grid. */
/* Padding between columns. Gets divided in half for the left and right. */
/*  Navbar collapse */
/* Point at which the navbar becomes uncollapsed. */
/* Point at which the navbar begins collapsing. */
/* Container sizes
 * ## Define the maximum width of `.container` for different screen sizes. */
/* Small screen / tablet */
/* For `@screen-sm-min` and up. */
/* Medium screen / desktop */
/* For `@screen-md-min` and up. */
/* Large screen / wide desktop */
/* For `@screen-lg-min` and up. */
/* Navbar */
/* Basics of a navbar */
/*  Navbar links */
/*  Navbar brand label */
/*  Navbar toggle */
/*  Inverted navbar */
/*  Reset inverted navbar basics */
/*  Inverted navbar links */
/*  Inverted navbar brand label */
/*  Inverted navbar toggle */
/* == Navs */
/* === Shared nav styles */
/* == Tabs */
/* == Pills */
/* == Pagination */
/* == Pager */
/* == Jumbotron */
/* == Form states and alerts
 * Define colors for form feedback states and, by default, alerts. */
/* == Tooltips */
/* Tooltip max width */
/* Tooltip text color */
/* Tooltip background color */
/* Tooltip arrow width */
/* Tooltip arrow color */
/* == Popovers */
/* Popover body background color */
/* Popover maximum width */
/* Popover border color */
/* Popover fallback border color */
/* Popover title background color */
/* Popover arrow width */
/* Popover arrow color */
/* Popover outer arrow width */
/* Popover outer arrow color */
/* Popover outer arrow fallback color */
/* == Labels */
/* Default label background color */
/* Primary label background color */
/* Success label background color */
/* Info label background color */
/* Warning label background color */
/* Danger label background color */
/* Default label text color */
/* Default text color of a linked label */
/* == Modals */
/* Padding applied to the modal body */
/* Padding applied to the modal title */
/* Modal title line-height */
/* Background color of modal content area */
/* Modal content border color */
/* Modal content border color **for IE8** */
/* Modal backdrop background color */
/* Modal backdrop opacity */
/* Modal header border color */
/* Modal footer border color */
/* == Alerts
 * ## Define alert colors, border radius, and padding. */
/* == Progress bars */
/* Background color of the whole progress component */
/* Progress bar text color */
/* Default progress bar color */
/* Success progress bar color */
/* Warning progress bar color */
/* Danger progress bar color */
/* Info progress bar color */
/* == List group */
/* Background color on `.list-group-item` */
/* `.list-group-item` border color */
/* List group border radius */
/* Background color of single list elements on hover */
/* Text color of active list elements */
/* Background color of active list elements */
/* Border color of active list elements */
/* == Panels */
/* Border color for elements within panels */
/* == Thumbnails */
/* Padding around the thumbnail image */
/* Thumbnail background color */
/* Thumbnail border color */
/* Thumbnail border radius */
/* Custom text color for thumbnail captions */
/* Padding around the thumbnail caption */
/* == Wells */
/* == Badges */
/* Linked badge text color on hover */
/* Badge text color in active nav link */
/* Badge background color in active nav link */
/* == Breadcrumbs */
/* Breadcrumb background color */
/* Breadcrumb text color */
/* Text color of current page in the breadcrumb */
/* Textual separator for between breadcrumb elements */
/* == Carousel */
/* == Close */
/* == Code */
/* == Type */
/* Text muted color */
/* Abbreviations and acronyms border color */
/* Headings small color */
/* Blockquote small color */
/* Blockquote font size */
/* Blockquote border color */
/* Page header border color */
/* == Miscellaneous */
/* Horizontal line color. */
/* Horizontal offset for forms and lists. */
/*  Mixins */
/*  -------------------------------------------------- */
/*  Utilities */
/*  ------------------------- */
/*  Clearfix */
/*  Source: http://nicolasgallagher.com/micro-clearfix-hack/ */
/*  For modern browsers */
/*  1. The space content is one way to avoid an Opera bug when the */
/*     contenteditable attribute is included anywhere else in the document. */
/*     Otherwise it causes space to appear at the top and bottom of elements */
/*     that are clearfixed. */
/*  2. The use of `table` rather than `block` is only necessary if using */
/*     `:before` to contain the top-margins of child elements. */
/*  WebKit-style focus */
/*  Center-align a block level element */
/*  Sizing shortcuts */
/*  Placeholder text */
/* placeholder text with letter-spacing */
/* letter-spaced input text */
/*  Text overflow */
/*  Requires inline-block or block for proper styling */
/*  CSS image replacement */
/*  Heads up! v3 launched with with only `.hide-text()`, but per our pattern for */
/*  mixins being reused as classes with the same name, this doesn't hold up. As */
/*  of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note */
/*  that we cannot chain the mixins together in Less, so they are repeated. */
/*  Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 */
/*  Deprecated as of v3.0.1 (will be removed in v4) */
/*  New mixin to use as of v3.0.1 */
/*  CSS3 PROPERTIES */
/*  -------------------------------------------------- */
/*  Single side border-radius */
/*  Drop shadows */
/*  Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's */
/*    supported browsers that have box shadow capabilities now support the */
/*    standard `box-shadow` property. */
/*  Transitions */
/*  Transformations */
/*  Animations */
/*  Backface visibility */
/*  Prevent browsers from flickering when using CSS 3D transforms. */
/*  Default value is `visible`, but can be changed to `hidden` */
/*  Box sizing */
/*  User select */
/*  For selecting text on the page */
/*  Resize anything */
/*  CSS3 Content Columns */
/*  Optional hyphenation */
/*  Opacity */
/*  GRADIENTS
-------------------------------------------------- */
#gradient {
  /*  Horizontal gradient, from left to right */
  /*  Creates two color stops, start and end, by specifying a color and position for each color stop. */
  /*  Color stops are not available in IE9 and below. */
  /*  Vertical gradient, from top to bottom */
  /*  Creates two color stops, start and end, by specifying a color and position for each color stop. */
  /*  Color stops are not available in IE9 and below. */
}
/*  Reset filters for IE */
/*  When you need to remove a gradient background, do not forget to use this to reset */
/*  the IE filter for IE9 and below. */
/*  Retina images */
/*  Short retina mixin for setting background-image and -size */
/*  Responsive image */
/*  Keep images from scaling beyond the width of their parents. */
/*  COMPONENT MIXINS */
/*  -------------------------------------------------- */
/*  Horizontal dividers */
/*  ------------------------- */
/*  Dividers (basically an hr) within dropdowns and nav lists */
/*  Panels */
/*  ------------------------- */
/*  Alerts */
/*  ------------------------- */
/*  Modals */
/*  ------------------------- */
.modal-content h4 {
  color: white;
}
/*  Tables */
/*  ------------------------- */
/*  List Groups */
/*  ------------------------- */
/*  Button variants */
/*  ------------------------- */
/*  Easily pump out default styles, as well as :hover, :focus, :active, */
/*  and disabled options for all buttons */
/*  Button sizes */
/*  ------------------------- */
/*  Pagination */
/*  ------------------------- */
/*  Labels */
/*  ------------------------- */
/*  Contextual backgrounds */
/*  ------------------------- */
/*  Typography */
/*  ------------------------- */
/*  Navbar vertical align */
/*  ------------------------- */
/*  Vertically center elements in the navbar. */
/*  Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. */
/*  Progress bars */
/*  ------------------------- */
/*  Responsive utilities */
/*  ------------------------- */
/*  More easily include all the states for responsive-utilities.less. */
/*  Container System */
/*  ----------- */
/*  Centered container element */
/*  Creates a wrapper for a series of columns */
/*  Generate the extra small columns */
/*  Generate the small columns */
/*  Generate the medium columns */
/*  Generate the large columns */
/*  Framework grid generation */
/*  Used only by Bootstrap to generate the correct number of grid classes given */
/*  any value of `@grid-columns`. */
/*  Basic looping in LESS */
/*  Create grid for specific class */
/*  Form validation states */
/*  Used in forms.less to generate the form validation CSS for warnings, errors, */
/*  and successes. */
/*  Form control focus state */
/*  Generate a customized focus state and for any input with the specified color, */
/*  which defaults to the `@input-focus-border` variable. */
/*  We highly encourage you to not customize the default value, but instead use */
/*  this to tweak colors on an as-needed basis. This aesthetic change is based on */
/*  WebKit's default styles, but applicable to a wider range of browsers. Its */
/*  usability and accessibility should be taken into account with any change. */
/*  Example usage: change the default blue border and shadow to white for better */
/*  contrast against a dark gray background. */
/*  Form control sizing */
/*  Relative text size, padding, and border-radii changes for form controls. For */
/*  horizontal sizing, wrap controls in the predefined grid classes. `<select>` */
/*  element gets special love because it's special, and that's a fact! */
.btn-default {
  color: #555;
  background-color: #fff;
  border-color: #eee;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #555;
  background-color: #ebebeb;
  border-color: #cfcfcf;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #eee;
}
.btn-default .badge {
  color: #fff;
  background-color: #555;
}
.btn-primary {
  color: #fff;
  background-color: #e6b520;
  border-color: #d5a618;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #c79b16;
  border-color: #9e7b12;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #e6b520;
  border-color: #d5a618;
}
.btn-primary .badge {
  color: #e6b520;
  background-color: #fff;
}
.btn-success {
  color: #222;
  background-color: #a9aaac;
  border-color: #9c9d9f;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #222;
  background-color: #949598;
  border-color: #7d7e81;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #a9aaac;
  border-color: #9c9d9f;
}
.btn-success .badge {
  color: #a9aaac;
  background-color: #222;
}
.btn-ghost {
  color: #e6b520;
  background-color: transparent;
  border-color: #d5a618;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}
.btn-ghost:hover,
.btn-ghost:focus,
.btn-ghost:active,
.btn-ghost.active,
.open .dropdown-toggle.btn-ghost {
  color: #e6b520;
  background-color: rgba(0, 0, 0, 0);
  border-color: #9e7b12;
}
.btn-ghost:active,
.btn-ghost.active,
.open .dropdown-toggle.btn-ghost {
  background-image: none;
}
.btn-ghost.disabled,
.btn-ghost[disabled],
fieldset[disabled] .btn-ghost,
.btn-ghost.disabled:hover,
.btn-ghost[disabled]:hover,
fieldset[disabled] .btn-ghost:hover,
.btn-ghost.disabled:focus,
.btn-ghost[disabled]:focus,
fieldset[disabled] .btn-ghost:focus,
.btn-ghost.disabled:active,
.btn-ghost[disabled]:active,
fieldset[disabled] .btn-ghost:active,
.btn-ghost.disabled.active,
.btn-ghost[disabled].active,
fieldset[disabled] .btn-ghost.active {
  background-color: transparent;
  border-color: #d5a618;
}
.btn-ghost .badge {
  color: transparent;
  background-color: #e6b520;
}
.btn-ghost:hover,
.btn-ghost:active {
  color: #fff;
  background-color: #e6b520;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  color: #fff;
  background-color: #fff;
  border-color: transparent;
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active,
.open .dropdown-toggle.btn.disabled,
.open .dropdown-toggle.btn[disabled],
.open .dropdown-togglefieldset[disabled] .btn {
  color: #fff;
  background-color: #ebebeb;
  border-color: rgba(0, 0, 0, 0);
}
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active,
.open .dropdown-toggle.btn.disabled,
.open .dropdown-toggle.btn[disabled],
.open .dropdown-togglefieldset[disabled] .btn {
  background-image: none;
}
.btn.disabled.disabled,
.btn[disabled].disabled,
fieldset[disabled] .btn.disabled,
.btn.disabled[disabled],
.btn[disabled][disabled],
fieldset[disabled] .btn[disabled],
fieldset[disabled] .btn.disabled,
fieldset[disabled] .btn[disabled],
fieldset[disabled] fieldset[disabled] .btn,
.btn.disabled.disabled:hover,
.btn[disabled].disabled:hover,
fieldset[disabled] .btn.disabled:hover,
.btn.disabled[disabled]:hover,
.btn[disabled][disabled]:hover,
fieldset[disabled] .btn[disabled]:hover,
fieldset[disabled] .btn.disabled:hover,
fieldset[disabled] .btn[disabled]:hover,
fieldset[disabled] fieldset[disabled] .btn:hover,
.btn.disabled.disabled:focus,
.btn[disabled].disabled:focus,
fieldset[disabled] .btn.disabled:focus,
.btn.disabled[disabled]:focus,
.btn[disabled][disabled]:focus,
fieldset[disabled] .btn[disabled]:focus,
fieldset[disabled] .btn.disabled:focus,
fieldset[disabled] .btn[disabled]:focus,
fieldset[disabled] fieldset[disabled] .btn:focus,
.btn.disabled.disabled:active,
.btn[disabled].disabled:active,
fieldset[disabled] .btn.disabled:active,
.btn.disabled[disabled]:active,
.btn[disabled][disabled]:active,
fieldset[disabled] .btn[disabled]:active,
fieldset[disabled] .btn.disabled:active,
fieldset[disabled] .btn[disabled]:active,
fieldset[disabled] fieldset[disabled] .btn:active,
.btn.disabled.disabled.active,
.btn[disabled].disabled.active,
fieldset[disabled] .btn.disabled.active,
.btn.disabled[disabled].active,
.btn[disabled][disabled].active,
fieldset[disabled] .btn[disabled].active,
fieldset[disabled] .btn.disabled.active,
fieldset[disabled] .btn[disabled].active,
fieldset[disabled] fieldset[disabled] .btn.active {
  background-color: #fff;
  border-color: transparent;
}
.btn.disabled .badge,
.btn[disabled] .badge,
fieldset[disabled] .btn .badge {
  color: #fff;
  background-color: #fff;
}
.btn-lg {
  line-height: 1.42857143;
}
.purchases .btn-next {
  margin-top: 0 !important;
}
.allow-new-address-btn {
  color: #fff;
  cursor: pointer;
  margin-bottom: 10px;
  text-align: left;
}
.allow-new-address-btn:hover {
  color: #fff;
}
.btn-next {
  margin-top: 35px;
}
[class*="btn"] {
  font-weight: 300;
}
.btn {
  border-radius: 0;
}
.btn .svg-inline--fa {
  padding-left: 5px;
}
.btn .svg-inline--fa:first-child {
  padding-left: 5;
  padding-right: 5px;
}
.btn .svg-inline--fa:last-child {
  padding-right: 0;
  margin-right: 0.2em;
}
@media (max-width: 1199px) {
  .btn {
    white-space: normal;
  }
}
body::after {
  display: none;
  content: url("/images/themes/wpcdn/bg-wpcdn-landing.jpg") url("/images/themes/wpcdn/bg-wpcdn-purchase.jpg") url("/images/themes/wpcdn/bg-wpcdn-programs.jpg") url("/images/themes/wpcdn/bg-wpcdn-personal.jpg");
}
.section {
  background-color: #fff;
  /* Hero/Jumbotron section */
  /* Invoice section */
  /* Personal info section */
}
.section .section-heading {
  color: #fff;
}
.section.hero {
  background-image: url("/images/themes/wpcdn/bg-wpcdn-landing.jpg");
  /* This needs to be configurable */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/images/themes/wpcdn/bg-wpcdn-landing.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/images/themes/wpcdn/bg-wpcdn-landing.jpg");
  /* This needs to be configurable */
  position: relative;
}
.section.hero .hero-logo {
  background-image: url("/images/themes/wpcdn/wpcdn-logo.png");
  height: 200px;
  margin: 12vh 0 20vh;
}
.section.hero .section-heading {
  color: #fff;
}
.section.hero h3 {
  color: #fff;
}
@media (max-width: 992px) {
  .section.hero .btn-home-start-claim,
  .section.hero .btn-home-check-claim {
    margin-bottom: 25px;
  }
}
.section.invoice .section-heading {
  color: #555;
}
.section.invoice .input-upload-invoice {
  height: auto;
  margin: 0 auto 30px;
}
.section.personal-info {
  background-image: url("/images/themes/wpcdn/bg-wpcdn-personal.jpg");
  /* This needs to be configurable */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/images/themes/wpcdn/bg-wpcdn-personal.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/images/themes/wpcdn/bg-wpcdn-personal.jpg");
  /* This needs to be configurable */
  color: #fff;
}
.section.personal-info .section-heading {
  color: #fff;
}
.section.purchase {
  background-image: url("/images/themes/wpcdn/bg-wpcdn-purchase.jpg");
  /* This needs to be configurable */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/images/themes/wpcdn/bg-wpcdn-purchase.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/images/themes/wpcdn/bg-wpcdn-purchase.jpg");
  /* This needs to be configurable */
  color: #fff;
}
.section.purchase .purchase-details {
  text-align: left;
}
.section.program-selection {
  background-image: url("/images/themes/wpcdn/bg-wpcdn-programs.jpg");
  /* This needs to be configurable */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/images/themes/wpcdn/bg-wpcdn-programs.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/images/themes/wpcdn/bg-wpcdn-programs.jpg");
  /* This needs to be configurable */
}
.section.program-selection .program {
  opacity: 0.7;
}
.section.program-selection .program.active {
  -webkit-box-shadow: 0 0 2px 4px rgba(230, 181, 32, 0.3);
          box-shadow: 0 0 2px 4px rgba(230, 181, 32, 0.3);
  opacity: 1;
}
.section.program-selection .program .program-rebate {
  padding-top: 15px;
}
.section.program-selection .program input {
  display: none;
}
.section.program-selection .program .program-rebate-amount {
  display: block;
  font-size: 24px;
  font-weight: 100;
  margin-top: 0;
}
.section.fulfillment .section-heading {
  color: #555;
}
.section.fulfillment .section-fulfillment-preview {
  max-width: 75%;
  margin-top: 40px;
}
.section.confirmation .section-heading {
  color: #555;
}
.section.confirmation .section-heading,
.section.confirmation .section-sub-heading {
  color: inherit;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  body {
    background-image: url("/images/themes/wpcdn/bg-wpcdn-landing.jpg");
    /* This needs to be configurable */
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/images/themes/wpcdn/bg-wpcdn-landing.jpg");
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/images/themes/wpcdn/bg-wpcdn-landing.jpg");
    /* This needs to be configurable */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover, cover;
  }
  body::after {
    display: none;
    content: "";
  }
  .section {
    background-image: none !important;
  }
  .section.hero,
  .section.personal-info,
  .section.purchase,
  .section.program-selection {
    background-color: transparent;
  }
}
.product .help-block {
  color: #fff;
}
.component-typeahead {
  color: #555;
  position: relative;
  text-align: left;
}
.component-typeahead .ta-suggestion-list {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.component-typeahead .ta-group {
  margin-top: 20px;
}
.component-typeahead .ta-group:first-child {
  margin-top: 0;
}
.component-typeahead .ta-suggestion-heading {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}
.component-typeahead .ta-suggestion:hover,
.component-typeahead .ta-suggestion.active {
  background-color: #e6b520;
  color: #fff;
}
.component-typeahead .ta-suggestion-dealer-name {
  width: 75%;
}
.component-typeahead .ta-suggestion-dealer-address {
  margin: 0;
  width: 25%;
}
.component-legal-box {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
}
