/* =============================================================================
   INLINE (inline.scss)
   ========================================================================== *//**
 * This CSS code should be inlined.
 *//* Settings
   ========================================================================== *//* =============================================================================
   CORE (settings/_core.scss)
   ========================================================================== *//* Colors
   ========================================================================== *//* Page
   ========================================================================== *//* Typography
   ========================================================================== *//**
 * Base
 *//**
 * Headings
 *//**
 * Links
 *//* Spacing
   ========================================================================== *//**
 * Control the default spacing of most elements by modifying these variables.
 * You can add more entries to the `$spacers` map, should you need more
 * variation.
 *//* Borders
   ========================================================================== *//* Grid
   ========================================================================== *//* Breakpoints
   ========================================================================== *//**
 * Define the minimum dimension at which your layout will change, adapting to
 * different screen sizes, for use in media queries.
 *//* Generic
   ========================================================================== *//* =============================================================================
   RESET (generic/_reset.scss)
   ========================================================================== *//* Tables
   ========================================================================== *//**
 * 1. Remove spacing around Outlook 2007 and 2010 tables.
 *    More info: http://www.campaignmonitor.com/blog/post/3694/removing-spacing-from-around-tables-in-outlook-2007-and-2010
 * 2. Outlook 2007 and 2010 padding issue fix. These "newer" versions of Outlook
 *    add some padding around table cells potentially throwing off your
 *    perfectly pixeled table. The issue can cause added space and also throw
 *    off borders completely.
 *    More info:
 *    - http://www.ianhoar.com/2008/04/29/outlook-2007-borders-and-1px-padding-on-table-cells
 *    - http://www.campaignmonitor.com/blog/post/3392/1px-borders-padding-on-table-cells-in-outlook-07
 * 3. Proper table cell alignment on all email clients.
 */table {
 /* 1 */
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  mso-table-lspace: 0pt !important;
  mso-table-rspace: 0pt !important;
}

table td {
  border-collapse: collapse;
 /* 2 */
  text-align: left;
 /* 3 */;
}/* Images
   ========================================================================== *//**
 * 1. This works to help IE properly resize images (if you are resizing them
 *    using the width and height attributes).
 * 2. Removes border when linking images.
 */img {
  vertical-align: top;
  outline: none;
  text-decoration: none;
  -ms-interpolation-mode: bicubic;
 /* 1 */;
}

a img {
  border: none;
 /* 2 */;
}/* Elements
   ========================================================================== *//* =============================================================================
   HEADINGS (elements/_headings.scss)
   ========================================================================== *//**
 * 1. Reset margins.
 * 2. Base headings typography settings.
 */h1,h2,h3,h4,h5,h6 {
  margin: 0;
 /* 1 */;
}

h1 {
 /* 2 */
  font-size: 50px;
  line-height: 58px;
}

h2 {
 /* 2 */
  font-size: 38px;
  line-height: 46px;
}

h3 {
 /* 2 */
  font-size: 28px;
  line-height: 36px;
}

h4 {
 /* 2 */
  font-size: 21px;
  line-height: 29px;
}

h5 {
 /* 2 */
  font-size: 16px;
  line-height: 23px;
}

h6 {
 /* 2 */
  font-size: 12px;
  line-height: 20px;
}/* =============================================================================
   LINKS (elements/_links.scss)
   ========================================================================== *//**
 * Overriding default link styles to make them prettier.
 */a {
  color: #2b7fff;
  text-decoration: none;
}/* =============================================================================
   LISTS (elements/_lists.scss)
   ========================================================================== */ul,ol {
  margin: 0;
}/* =============================================================================
   PAGE (elements/_page.scss)
   ========================================================================== *//**
 * 1. Prevent Webkit and Windows Mobile platforms from changing default font
 *    sizes, while not breaking desktop design.
 * 2. Reset margins and paddings.
 * 3. Default email background color (Optional).
 * 4. Apply anti-aliasing when fonts are rendered.
 * 5. System fonts stack.
 */html,body {
  width: 100% !important;
  height: 100% !important;
  -webkit-text-size-adjust: 100%;
 /* 1 */
  -ms-text-size-adjust: 100%;
 /* 1 */
  margin: 0 !important;
 /* 2 */
  padding: 0 !important;
 /* 2 */
  background: #f1f1f1 !important;
 /* 3 */
  -webkit-font-smoothing: antialiased;
 /* 4 */
  -moz-osx-font-smoothing: grayscale;
 /* 4 */
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif !important;
 /* 5 */;
}/* =============================================================================
   TABLE (elements/_table.scss)
   ========================================================================== *//**
 * 1. System fonts stack.
 * 2. Base typography settings.
 */table,td {
  font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif !important;
 /* 1 */;
}

td {
 /* 2 */
  font-size: 16px;
  line-height: 23px;
}/* Objects
   ========================================================================== *//* =============================================================================
   GRID (objects/_grid.scss)
   ========================================================================== *//* Container
   ========================================================================== *//**
 * All emails should have a container element. This gives the email a maximum
 * width for email clients on larger screens. It also orients the email in the
 * center.
 */.o-container {
  width: 600px;
  margin: 0 auto 0 auto;
}/* Columns
   ========================================================================== *//**
 * Generate classes for columns with gutter.
 */.o-column-1 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-3 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-4 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-5 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-6 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-7 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-8 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-9 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-11 {
  padding-left: 10px;
  padding-right: 10px;
}

.o-column-12 {
  padding-left: 10px;
  padding-right: 10px;
}/**
 * Generate classes with width.
 */.o-column-1 {
  width: 50px;
}

.o-column-2 {
  width: 100px;
}

.o-column-3 {
  width: 150px;
}

.o-column-4 {
  width: 200px;
}

.o-column-5 {
  width: 250px;
}

.o-column-6 {
  width: 300px;
}

.o-column-7 {
  width: 350px;
}

.o-column-8 {
  width: 400px;
}

.o-column-9 {
  width: 450px;
}

.o-column-10 {
  width: 500px;
}

.o-column-11 {
  width: 550px;
}

.o-column-12 {
  width: 600px;
}/**
 * Generate classes for columns without gutter.
 */.no-gutter .o-column-1 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-2 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-3 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-4 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-5 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-6 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-7 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-8 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-9 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-10 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-11 {
  padding-left: 0;
  padding-right: 0;
}

.no-gutter .o-column-12 {
  padding-left: 0;
  padding-right: 0;
}/**
 * Generate `.is-first` and `.is-last` classes.
 */.o-column-1.is-first {
  padding-left: 0;
}

.o-column-1.is-last {
  padding-right: 0;
}

.o-column-2.is-first {
  padding-left: 0;
}

.o-column-2.is-last {
  padding-right: 0;
}

.o-column-3.is-first {
  padding-left: 0;
}

.o-column-3.is-last {
  padding-right: 0;
}

.o-column-4.is-first {
  padding-left: 0;
}

.o-column-4.is-last {
  padding-right: 0;
}

.o-column-5.is-first {
  padding-left: 0;
}

.o-column-5.is-last {
  padding-right: 0;
}

.o-column-6.is-first {
  padding-left: 0;
}

.o-column-6.is-last {
  padding-right: 0;
}

.o-column-7.is-first {
  padding-left: 0;
}

.o-column-7.is-last {
  padding-right: 0;
}

.o-column-8.is-first {
  padding-left: 0;
}

.o-column-8.is-last {
  padding-right: 0;
}

.o-column-9.is-first {
  padding-left: 0;
}

.o-column-9.is-last {
  padding-right: 0;
}

.o-column-10.is-first {
  padding-left: 0;
}

.o-column-10.is-last {
  padding-right: 0;
}

.o-column-11.is-first {
  padding-left: 0;
}

.o-column-11.is-last {
  padding-right: 0;
}

.o-column-12.is-first {
  padding-left: 0;
}

.o-column-12.is-last {
  padding-right: 0;
}/* =============================================================================
   LIST-RESET (objects/_list-reset.scss)
   ========================================================================== *//**
 * 1. Adding padding on list wrapper when used for Outlook fix.
 * 2. Removing padding on lists inside list wrapper when used for Outlook fix.
 */.o-list-reset {
  padding-left: 25px;
 /* 1 */;
}

.o-list-reset ul,.o-list-reset ol {
  padding: 0;
 /* 2 */;
}/* =============================================================================
   MAIN-WRAPPER (objects/_main-wrapper.scss)
   ========================================================================== *//**
 * The `.o-main-wrapper` object helps reset some email client specific
 * formatting while setting the canvas for you to work in.
 */.o-main-wrapper {
  margin: 0;
  padding: 0;
  width: 100% !important;
  height: 100% !important;
  line-height: 100% !important;
  background: #f1f1f1;
}/**
 * Adding spacing around main wrapper (optional).
 */.o-main-wrapper__inner {
  padding-top: 40px;
  padding-bottom: 40px;
}/* =============================================================================
   PREHEADER (objects/_preheader.scss)
   ========================================================================== *//**
 * 1. Hiding preheader.
 *    More info: https://litmus.com/blog/the-ultimate-guide-to-preview-text-support
 */.o-preheader td {
 /* 1 */
  display: none !important;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  mso-hide: all;
  font-size: 1px;
  line-height: 1px;
  max-height: 0px;
  max-width: 0px;
  color: #ffffff;
}/* Components
   ========================================================================== *//* =============================================================================
   BUTTONS (components/_buttons.scss)
   ========================================================================== *//* Settings
   ========================================================================== *//* General
   ========================================================================== */.c-btn td {
  text-align: center;
  line-height: 100%;
  background-color: #bbbbbb;
  padding-top: 15px;
  padding-right: 35px;
  padding-bottom: 15px;
  padding-left: 35px;
}

.c-btn a {
  color: #ffffff;
  text-decoration: none;
}/* Variations
   ========================================================================== *//**
 * Button that populates full width of its parent.
 */.c-btn--full-width {
  width: 100%;
}

.c-btn--full-width td {
  text-align: center;
}/**
 * Button with rounded edges.
 */.c-btn--rounded td {
  border-radius: 50px;
}/**
 * Color variations. To add new color variation you have to add new value in
 * `$button-colors` map on top of the file.
 */.c-btn--dark td {
  background-color: #2c3e50;
}

.c-btn--red td {
  background-color: #e74c3c;
}

.c-btn--green td {
  background-color: #2ecc71;
}

.c-btn--blue td {
  background-color: #2b7fff;
}/* =============================================================================
   HERO (components/_hero.scss)
   ========================================================================== */.c-hero {
  width: 600px;
  height: 350px;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
}/* Inner
   ========================================================================== */.c-hero__inner {
  height: 350px;
  vertical-align: middle;
}

.c-hero__inner > table {
  width: 520px;
  margin: 0 auto;
}/* Utilities
   ========================================================================== *//* =============================================================================
   BACKGROUNDS (utilities/_backgrounds.scss)
   ========================================================================== *//* Background colors
   ========================================================================== *//**
 * Utilities for controlling an element's background color.
 */.u-bg-white {background-color: #ffffff;}.u-bg-gray-100 {background-color: #f1f1f1;}.u-bg-gray-200 {background-color: #a5a5a5;}.u-bg-black {background-color: #000000;}.u-bg-dark {background-color: #2c3e50;}.u-bg-red {background-color: #e74c3c;}.u-bg-yellow {background-color: #f1c40f;}.u-bg-green {background-color: #2ecc71;}.u-bg-blue {background-color: #2b7fff;}.u-bg-dark-blue {background-color: #263950;}.u-bg-transparent {background-color: transparent;}/* =============================================================================
   BORDERS (utilties/_borders.scss)
   ========================================================================== *//* Border width
   ========================================================================== *//**
 * Utilities for controlling the width an element's borders.
 */.u-border-t-0 {
  border-top-width: 0;
  border-top-style: solid;
}

.u-border-t-1 {
  border-top-width: 1px;
  border-top-style: solid;
}

.u-border-t-2 {
  border-top-width: 2px;
  border-top-style: solid;
}

.u-border-r-0 {
  border-right-width: 0;
  border-right-style: solid;
}

.u-border-r-1 {
  border-right-width: 1px;
  border-right-style: solid;
}

.u-border-r-2 {
  border-right-width: 2px;
  border-right-style: solid;
}

.u-border-b-0 {
  border-bottom-width: 0;
  border-bottom-style: solid;
}

.u-border-b-1 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.u-border-b-2 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.u-border-l-0 {
  border-left-width: 0;
  border-left-style: solid;
}

.u-border-l-1 {
  border-left-width: 1px;
  border-left-style: solid;
}

.u-border-l-2 {
  border-left-width: 2px;
  border-left-style: solid;
}/* Border color
   ========================================================================== *//**
 * Utilities for controlling the color of an element's borders.
 */.u-border-white {border-color: #ffffff;}.u-border-gray-100 {border-color: #f1f1f1;}.u-border-gray-200 {border-color: #a5a5a5;}.u-border-black {border-color: #000000;}.u-border-dark {border-color: #2c3e50;}.u-border-red {border-color: #e74c3c;}.u-border-yellow {border-color: #f1c40f;}.u-border-green {border-color: #2ecc71;}.u-border-blue {border-color: #2b7fff;}.u-border-dark-blue {border-color: #263950;}.u-border-transparent {border-color: transparent;}/* =============================================================================
   DISPLAY (utilities/_display.scss)
   ========================================================================== *//**
 * Utilities for controlling the display box type of an element.
 */.u-block {display: block;}.u-table {display: table;}.u-table-row {display: table-row;}.u-table-cell {display: table-cell;}.u-hidden {display: none;}/* =============================================================================
   HEADINGS (utilities/_headings.scss)
   ========================================================================== *//**
 * 1. Reset margins.
 * 2. Base headings typography settings.
 */.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6 {margin: 0; /* 1 */}.u-h1 { /* 2 */font-size: 50px;line-height: 58px;}.u-h2 { /* 2 */font-size: 38px;line-height: 46px;}.u-h3 { /* 2 */font-size: 28px;line-height: 36px;}.u-h4 { /* 2 */font-size: 21px;line-height: 29px;}.u-h5 { /* 2 */font-size: 16px;line-height: 23px;}.u-h6 { /* 2 */font-size: 12px;line-height: 20px;}/* =============================================================================
   IMAGES (utilities/_images.scss)
   ========================================================================== *//* Reset
   ========================================================================== */.u-image-reset {font-size: 100%;line-height: 100%;}/* =============================================================================
   SPACING (utilities/_spacing.scss)
   ========================================================================== *//**
 * Utilities for controlling an element's padding.
 */.u-p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.u-pt-0 {
  padding-top: 0;
}

.u-pr-0 {
  padding-right: 0;
}

.u-pb-0 {
  padding-bottom: 0;
}

.u-pl-0 {
  padding-left: 0;
}

.u-px-0 {
  padding-right: 0;
  padding-left: 0;
}

.u-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.u-p-1 {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.u-pt-1 {
  padding-top: 5px;
}

.u-pr-1 {
  padding-right: 5px;
}

.u-pb-1 {
  padding-bottom: 5px;
}

.u-pl-1 {
  padding-left: 5px;
}

.u-px-1 {
  padding-right: 5px;
  padding-left: 5px;
}

.u-py-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.u-p-2 {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.u-pt-2 {
  padding-top: 10px;
}

.u-pr-2 {
  padding-right: 10px;
}

.u-pb-2 {
  padding-bottom: 10px;
}

.u-pl-2 {
  padding-left: 10px;
}

.u-px-2 {
  padding-right: 10px;
  padding-left: 10px;
}

.u-py-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.u-p-3 {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.u-pt-3 {
  padding-top: 15px;
}

.u-pr-3 {
  padding-right: 15px;
}

.u-pb-3 {
  padding-bottom: 15px;
}

.u-pl-3 {
  padding-left: 15px;
}

.u-px-3 {
  padding-right: 15px;
  padding-left: 15px;
}

.u-py-3 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.u-p-4 {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.u-pt-4 {
  padding-top: 20px;
}

.u-pr-4 {
  padding-right: 20px;
}

.u-pb-4 {
  padding-bottom: 20px;
}

.u-pl-4 {
  padding-left: 20px;
}

.u-px-4 {
  padding-right: 20px;
  padding-left: 20px;
}

.u-py-4 {
  padding-top: 20px;
  padding-bottom: 20px;
}/**
 * Utilities for controlling an element's margin.
 */.u-mx-auto {margin-right: auto;margin-left: auto;}.u-mx-0 {margin-right: 0;margin-left: 0;}.u-mx-1 {margin-right: 5px;margin-left: 5px;}.u-mx-2 {margin-right: 10px;margin-left: 10px;}.u-mx-3 {margin-right: 15px;margin-left: 15px;}.u-mx-4 {margin-right: 20px;margin-left: 20px;}/* =============================================================================
   TYPOGRAPHY (utilities/_typography.scss)
   ========================================================================== *//* Text color
   ========================================================================== *//**
 * Utilities for controlling the text color of an element.
 */.u-text-white {color: #ffffff;}.u-text-gray-100 {color: #f1f1f1;}.u-text-gray-200 {color: #a5a5a5;}.u-text-black {color: #000000;}.u-text-dark {color: #2c3e50;}.u-text-red {color: #e74c3c;}.u-text-yellow {color: #f1c40f;}.u-text-green {color: #2ecc71;}.u-text-blue {color: #2b7fff;}.u-text-dark-blue {color: #263950;}.u-text-transparent {color: transparent;}/* Font weight
   ========================================================================== *//**
 * Utilities for controlling the font weight of an element.
 */.u-font-normal {font-weight: normal;}.u-font-bold {font-weight: bold;}/* Text alignment
   ========================================================================== *//**
 * Utilities for controlling the alignment of text.
 */.u-text-left {text-align: left;}.u-text-center {text-align: center;}.u-text-right {text-align: right;}/* Style and decoration
   ========================================================================== *//**
 * Utilities for controlling the style of text.
 */.u-italic {font-style: italic;}.u-roman {font-style: normal;}.u-uppercase {text-transform: uppercase;}