@charset "UTF-8";
/*
    ======================================================================
    Imports
    ======================================================================
    All styles are imported here in a reasoned order.
*/
/*
    Globals & Modules
    ======================================================================
*/
/*
    ======================================================================
    Browser Resets
    ======================================================================
*/
/*
    Eric Meyer Reset
    ======================================================================
    Reset all elements on the page without default padding/margins, etc.
    http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
    Box Sizing Reset
    ======================================================================
    http://www.paulirish.com/2012/box-sizing-border-box-ftw/
    Apply a natural box layout model to all elements, but allowing
    components to change if needed (use sparingly)
*/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*
    ======================================================================
    Sass Variables
    ======================================================================
*/
/*
    Colors
    ======================================================================
    Blue, orange, and black are all Kindling brand colors. That's why
    the variable name is hard-coded to a color.
*/
/*
    Typography
    ======================================================================
    Typography is based on the following scale:
    12, 14, 16, 18, 20, 24, 36, 48

    Try to stick with using these sizes for consistency.
*/
/*
    Other
    ======================================================================
*/
/*
    Border Radius
    Should be used on all 'card' items, buttons, etc.
    Allows us to change border radius for items on a site-wide basis
*/
/*
    ======================================================================
    Sass Functions & Mixins
    ======================================================================
*/
/*
    Functions
    ======================================================================
*/
/*
    EM Calculator
    Rather than calculate em vals by hand, use this function

    @param int $px
        Target pixel value.
    @param int $context
        Pixel size of context, i.e. if you're setting the padding on a
        box whose parent has a font-size of 20px, you pass 20px as
        the context. Defaults to base font size.
    @return
        An em value matching the pixel size for the context.
*/
/*
    Image URL
    Resolve to the current images directory using this function

    @param str $file
        Target image
    @return
        CSS-compatible url to image in project assets
*/
/*
    Mixins
    ======================================================================
*/
/*
    Breakpoints
    Try to handle all breakpoints through these mixins
    If you need a custom break point size, that's ok but use sparingly
*/
/*
    Card Style Mixin
    All Items that appear as "cards" have this same style
*/
/*
    Responsive Video
    Mixin for giving iframe's a responsovie layout
*/
/*
    ======================================================================
    General Styles
    ======================================================================
    These should be styles that are applied site-wide and yet cannot be
    abstracted into their own file. Add styles here sparingly.

    Note: These are used on both the tour and the rest of the site.
*/
html {
  font-size: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #F3F3F3;
}

body {
  line-height: 1.3;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: underline;
}

.bold,
strong {
  font-weight: 900;
}

.middot {
  padding: 0 0.375em;
}

.clearfix:after, .mobile-nav .site-nav:after, .post__speakers:after, .pricing-table--header:after, .pricing-table--content:after, .pricing-table--content li:after, .ctas:after, .kindling-features ul:after, .home-quote:after {
  content: "";
  display: table;
  clear: both;
}

.video-thumbnail, .lets-talk-innovation .post__thumbnail {
  position: relative;
  display: block;
}

.video-thumbnail:before,
.lets-talk-innovation .post__thumbnail:before,
.video-thumbnail:after, .lets-talk-innovation .post__thumbnail:after {
  content: " ";
  position: absolute;
}

.video-thumbnail:before, .lets-talk-innovation .post__thumbnail:before {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid rgba(255, 255, 255, 0.9);
  right: 22px;
  top: 22px;
}

.video-thumbnail:after, .lets-talk-innovation .post__thumbnail:after {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.9);
  top: 10px;
  right: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.anchor {
  height: 3.125em;
}

@media (max-width: 600px) {
  .anchor {
    height: auto;
  }
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ahnfelt {
  color: #496778;
}

.ahnfelt-light {
  color: #DFE6F1;
}

.daaminno {
  color: #007C87;
}

.daaminno-light {
  color: #ECF7DB;
}

.emma {
  color: #2F4857;
}

.etsy {
  color: #D5641B;
}

.hired {
  color: #000000;
}

.imentor {
  color: #E46B16;
}

.imentor-light {
  color: #FFFAF3;
}

.michelman {
  color: #131131;
}

.nbcuniversal {
  color: #240056;
}

.nbcuniversal-light {
  color: #F6F2FA;
}

.sfx {
  color: #000000;
}

.tvi {
  color: #1984A2;
}

/*
    ======================================================================
    Forms
    ======================================================================
*/
.form input,
.form textarea,
.form select,
.form button {
  font-size: 1em;
}

.form label {
  display: block;
  margin-bottom: 0.1875em;
}

.form input[type="text"],
.form input[type="email"],
.form input[type="url"],
.form input[type="tel"],
.form select,
.form textarea {
  width: 100%;
  margin-bottom: 0.25em;
  padding: 0 0.625em;
  vertical-align: middle;
  border-radius: 3px;
  border: 1px solid #CCC;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.form input:not([type="checkbox"]):not([type="radio"]),
.form select,
.form button {
  line-height: 2.5625em;
  height: 2.75em;
}

.form textarea {
  min-height: 10em;
  padding: 0.625em;
}

.form input[type="submit"] {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-appearance: none;
  box-shadow: none;
  cursor: pointer;
}

/*
    Hubspot Forms
    ======================================================================
*/
main .field {
  margin-bottom: 0.625em;
}

.hs-form div {
  margin-bottom: 0 !important;
}

.hs-form > div {
  margin-bottom: 0.625em !important;
}

.hs-form-required {
  color: red;
  margin-left: 0.3125em;
}

.hs-form-booleancheckbox {
  margin: 0.625em 0 1.25em;
}

.hs-form-radio {
  margin: 0.375em 0;
}

div.hsformerror,
.hs-error-msgs label {
  background: #fdd2d0;
  box-shadow: none;
  margin-top: -2px;
  border-radius: 3px;
}

.hs-error-msgs {
  position: relative;
  font-size: 0.875em;
  padding: 0 !important;
  list-style: none !important;
}

.hs-error-msgs label {
  display: inline-block;
  padding: 5px 9px 2px !important;
  color: #333 !important;
}

.hs-error-msgs:before {
  content: "";
  border: 9px solid;
  border-color: transparent transparent #fdd2d0;
  position: absolute;
  top: -19px;
  left: 29px;
}

.submitted-message {
  color: green;
  background: transparent url(/assets/img/checkmark-green.svg) no-repeat 0 3px;
  padding-left: 1.25em;
  font-size: 1.5em;
}

.submitted-message a {
  text-decoration: underline;
}

/*
    Forms in pricing pages
    ======================================================================
*/
.form-section--left {
  float: left;
  width: 40%;
  margin-bottom: 0.625em;
}

@media (max-width: 600px) {
  .form-section--left {
    margin-bottom: 1.25em;
    float: none;
    width: initial;
  }
}

.form-section--title {
  font-size: 1.5em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 0.625em;
}

.form-section .form {
  margin-left: 45%;
}

@media (max-width: 600px) {
  .form-section .form {
    margin-left: 0;
  }
}

/*
    ======================================================================
    Buttons
    ======================================================================
    Button is solid black by default
    button - black button
    button--{blue|orange|contextual} specific color,
        contextual inherits section as defined in _tiers
    button--{outline|outline-white} outlined button
    button--large - larger than normal
    button--block
*/
.button {
  font-size: 1em;
  padding: 0.5625em 1em;
  margin-bottom: 0.3125em;
  font-weight: 800;
  border-radius: 3px;
  border: 2px solid #333;
  color: white;
  background-color: #333;
  white-space: nowrap;
}

.button--blue {
  background: #0088E0;
  border-color: #0088E0;
}

.button--white {
  background: white;
  border-color: white;
  color: #333;
}

.button--black {
  color: white !important;
}

.button--orange {
  background: #FF8800;
  border-color: #FF8800;
}

.button--outline {
  background: transparent;
}

.button--outline-white {
  color: white;
  border-color: white;
  background: rgba(255, 255, 255, 0.15);
}

.button--outline-black {
  color: black !important;
  border-color: black;
  background-color: white;
}

.button--outline-blue {
  border-color: #0088E0;
  background-color: white;
}

.button--large {
  padding: 0.9375em 1.25em;
}

.button--block {
  display: block;
  width: 100%;
  margin-bottom: 0.625em;
}

/*
    ======================================================================
    Layout
    ======================================================================
    Rules around general site scaffolding and layout
*/
/*
    Wrapper
    ==========================================================================
    Used to center anything within the main layout
*/
.wrapper {
  width: 95%;
  margin: 0 auto;
  max-width: 60em;
  clear: both;
}

.wrapper--main-content {
  margin-top: -3.125em;
}

@media (max-width: 900px) {
  .wrapper {
    width: 90%;
  }
}

@media (max-width: 600px) {
  .wrapper {
    width: 100%;
  }
}

/*
    Layout
    ==========================================================================
    Layout for left and right containers.

    Most of the time, this is l-content on the left and l-sidebar on the right
    However, there are a few occasions when this is reversed.
    For those cases when you need these swapped, apply the inverted
    modifier class

    Normal example:

    <main class="l-content"></main>
    <aside class="l-sidebar"></aside>

    Inverted example:

    <nav class="l-content l-content--inverted"></nav>
    <main class="l-sidebar l-sidebar--inverted"></main>

*/
.l-content {
  width: 74.332%;
  float: left;
}

.l-content--inverted {
  float: right;
}

.l-content--full {
  width: 100%;
  float: none;
}

@media (max-width: 900px) {
  .l-content {
    float: none !important;
    width: 100% !important;
    margin-bottom: 2.5em;
    padding-bottom: 2.5em;
    border-bottom: 1px solid #e9e9e9;
  }
}

.l-sidebar {
  width: 22.995%;
  float: right;
}

.l-sidebar--inverted {
  float: left;
}

@media (max-width: 900px) {
  .l-sidebar {
    float: none !important;
    width: 100% !important;
    padding-bottom: 2.5em;
  }
}

/*
    ======================================================================
    Body Classes
    ======================================================================
    Classes to apply:

        Rubric (required): these define the coloring of the sections.
        By default, a section is black, but if it gets a parent of
        resources or company it becomes orange or blue respectively.
            .parent-rubric-resources
            .parent-rubric-company
            .parent-rubric-product

        If it's an individual page, apply the page slug
            Let's Talk Innovation -> .lets-talk-innovation
            Privacy -> .privacy

        If it's a post in a collection,
        apply the slug prefixed by "parent-collection"
            Blog -> .parent-collection-blog
            Privacy -> .parent-collection-academy

    Examples:

    /privacy
        .privacy
        .parent-rubric-company
    /blog
        .blog
        .parent-rubric-company
    /blog/post-title-here
        .parent-collection-blog
        .parent-rubric-company
    /academy
        .academy
        .parent-rubric-resources
    /academy/topic-name
        .parent-collection-academy
        .parent-rubric-resources
*/
.page-header {
  background-color: #333;
}

.parent-rubric-product .page-header.in-default {
  -webkit-transition: background-color 0s linear;
          transition: background-color 0s linear;
  background-color: #333;
}

.parent-rubric-product .page-header.in-resources {
  -webkit-transition: background-color 0s linear;
          transition: background-color 0s linear;
  background-color: #FF8800;
}

.parent-rubric-product .page-header.in-company {
  -webkit-transition: background-color 0s linear;
          transition: background-color 0s linear;
  background-color: #0088E0;
}

.sticky-nav,
.mobile-nav {
  background-color: #2b2b2b;
  border-bottom: 1px solid #242424;
}

.sticky-nav.sticky-nav.in-default,
.mobile-nav.sticky-nav.in-default {
  -webkit-transition: background-color 0s linear;
          transition: background-color 0s linear;
  background-color: #2b2b2b;
  border-bottom: 1px solid #242424;
}

.sticky-nav.sticky-nav.in-resources,
.mobile-nav.sticky-nav.in-resources {
  -webkit-transition: background-color 0s linear;
          transition: background-color 0s linear;
  background-color: #f08000;
  border-bottom: 1px solid #e07800;
}

.sticky-nav.sticky-nav.in-company,
.mobile-nav.sticky-nav.in-company {
  -webkit-transition: background-color 0s linear;
          transition: background-color 0s linear;
  background-color: #007fd1;
  border-bottom: 1px solid #0075c1;
}

.sticky-nav a,
.mobile-nav a {
  color: #333;
}

.parent-rubric-company a {
  color: #0088E0;
}

.parent-rubric-company .page-header,
.parent-rubric-company .post__cat:before,
.parent-rubric-company .sidebar-module--tour:before {
  background-color: #0088E0;
}

.parent-rubric-company .sticky-nav,
.parent-rubric-company .mobile-nav {
  background-color: #007fd1;
  border-bottom: 1px solid #0075c1;
}

.parent-rubric-company .button--contextual {
  border-color: #0088E0;
  background: #0088E0;
}

.parent-rubric-company .button--contextual.button--outline {
  background: transparent;
  color: #0088E0;
}

.parent-rubric-resources a {
  color: #FF8800;
}

.parent-rubric-resources .page-header,
.parent-rubric-resources .post__cat:before,
.parent-rubric-resources .sidebar-module--tour:before {
  background-color: #FF8800;
}

.parent-rubric-resources .sticky-nav,
.parent-rubric-resources .mobile-nav {
  background-color: #f08000;
  border-bottom: 1px solid #e07800;
}

.parent-rubric-resources .button--contextual {
  border-color: #FF8800;
  background: #FF8800;
}

.parent-rubric-resources .button--contextual.button--outline {
  background: transparent;
  color: #FF8800;
}

.parent-rubric-product a {
  color: #333;
}

.parent-rubric-product .page-header,
.parent-rubric-product .post__cat:before,
.parent-rubric-product .sidebar-module--tour:before {
  background-color: #333;
}

.parent-rubric-product .sticky-nav,
.parent-rubric-product .mobile-nav {
  background-color: #2b2b2b;
  border-bottom: 1px solid #242424;
}

.parent-rubric-product .button--contextual {
  border-color: #333;
  background: #333;
}

.parent-rubric-product .button--contextual.button--outline {
  background: transparent;
  color: #333;
}

/*
    ======================================================================
    Navigation
    ======================================================================
    The navigation is in the <nav> element
    JS duplicates this element and creates a second <div class="nav-mobile">
    This element is shown/hidden for tablet and lower using JS
*/
/*
    Shared Styles
    ======================================================================
    Styles shared between sticky mobile nav elements
*/
.sticky-nav .button,
.mobile-nav .button {
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
  line-height: 1.4;
  font-size: 0.875em;
  margin-top: 0.35714em;
}

.sticky-nav .search-form,
.mobile-nav .search-form {
  position: relative;
}

.sticky-nav .search-form input,
.mobile-nav .search-form input {
  font-size: 0.875em;
  line-height: 2.42857em;
  height: 2.42857em;
  padding: 0 0.625em;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  border: 0;
  color: #333;
}

/*
    Sticky Nav
    ======================================================================
    Element is stick across all browser sizes
*/
.sticky-nav {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 3.125em;
  line-height: 3.125em;
  top: 0;
  z-index: 100;
}

@media (max-width: 900px) {
  .sticky-nav {
    position: relative;
  }
}

.sticky-nav .wrapper {
  position: relative;
}

.sticky-nav .button {
  display: inline-block;
  float: right;
}

@media (max-width: 600px) {
  .sticky-nav .button {
    display: none;
  }
}

.sticky-nav h1 {
  float: left;
  position: relative;
  left: -0.0625em;
  margin-right: 1.25em;
}

.sticky-nav h1 a {
  text-indent: -9999px;
  background: rgba(0, 0, 0, 0.5) url("../img/kindling-logo-white.png") 50% 65% no-repeat;
  background-image: url("../img/kindling-logo-white.svg"), none;
  width: 134px;
  height: 3.125em;
  display: block;
  padding: 6px 0;
  text-align: center;
}

.sticky-nav .search-form {
  float: left;
  margin-left: 0.625em;
}

.sticky-nav .search-form a {
  position: relative;
  top: 0.0625em;
  margin-left: 0.625em;
}

@media (max-width: 600px) {
  .sticky-nav .search-form a {
    display: none;
  }
}

.sticky-nav .search-form input {
  display: none;
  position: absolute;
  top: 0.57143em;
  left: 0;
}

.sticky-nav .site-nav {
  float: left;
}

@media (max-width: 600px) {
  .sticky-nav .site-nav {
    float: right;
    margin-right: 1.25em;
  }
}

.sticky-nav .site-nav__parent {
  display: inline-block;
  font-size: 0.875em;
  padding: 0 0.71429em;
  color: white;
  cursor: pointer;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  top: -0.07143em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 0.71429em;
  padding-right: 1.07143em;
}

.sticky-nav .site-nav__parent:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  top: 1.64286em;
  right: 0;
}

.sticky-nav .site-nav__parent--click {
  display: none;
}

@media (max-width: 900px) {
  .sticky-nav .site-nav__parent--click {
    display: inline-block;
  }
}

.sticky-nav .site-nav__parent--click.open:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 900px) {
  .sticky-nav .site-nav__parent--hover {
    display: none;
  }
}

.sticky-nav .site-nav__child {
  display: none;
  position: absolute;
  top: 3.125em;
  padding: 0.625em 0;
  width: 15.625em;
  margin-left: -7.8125em;
  left: 88%;
  text-align: left;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
  text-shadow: none;
}

@media (max-width: 900px) {
  .sticky-nav .site-nav__child {
    display: block;
    position: relative;
    top: initial;
    left: initial;
    margin: 0;
    box-shadow: none;
    padding: 0;
    width: 100%;
  }
}

.sticky-nav .site-nav__child li {
  display: block;
}

.sticky-nav .site-nav__child a {
  white-space: nowrap;
  display: block;
  line-height: 2.5;
  padding-left: 1.25em;
}

.sticky-nav .site-nav__child a:hover {
  cursor: pointer;
  background-color: #F3F3F3;
}

.sticky-nav .site-nav__child:before {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 50%;
}

/*
    Mobile Nav
    ======================================================================
    Element is created in js as a clone of the sticky nav
    Hidden/shown by js
*/
.mobile-nav {
  display: none;
  padding: 1.25em 0;
}

.mobile-nav .wrapper {
  padding: 0 1.25em;
}

.mobile-nav .button,
.mobile-nav .search-form {
  display: none;
}

@media (max-width: 600px) {
  .mobile-nav .button,
  .mobile-nav .search-form {
    display: block;
  }
}

@media (max-width: 600px) {
  .mobile-nav .button {
    width: 100%;
    text-align: center;
  }
}

.mobile-nav .search-form input {
  width: 100%;
  display: block;
}

.mobile-nav .site-nav {
  font-size: 0.9375em;
}

.mobile-nav .site-nav__parent {
  color: white;
  font-weight: bold;
  float: left;
  margin-right: 4em;
}

@media (max-width: 600px) {
  .mobile-nav .site-nav__parent {
    width: 100%;
    float: none;
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
  }
}

.mobile-nav .site-nav__parent--click {
  display: none;
}

.mobile-nav .site-nav__child {
  font-weight: normal;
  margin-top: 0.66667em;
}

.mobile-nav .site-nav__child a {
  display: block;
  padding: 0.33333em 0;
  color: white;
  text-decoration: underline;
}

/*
    ======================================================================
    Page Header
    ======================================================================
    Colors are defined in _rubric.scss
*/
.page-header {
  margin-top: 3.125em;
  padding: 1.25em 0 5em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 900px) {
  .page-header {
    margin-top: 0;
  }
}

@media (max-width: 600px) {
  .page-header {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}

.page-header a {
  color: white;
}

.page-header__title,
.page-header__description {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.page-header__title {
  font-size: 3em;
  font-weight: 900;
  line-height: 1.1;
}

.page-header__description {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0.41667em;
  width: 74.332%;
}

@media (max-width: 900px) {
  .page-header__description {
    width: 100%;
  }
}

.page-header--home {
  text-align: center;
  padding-top: 2.5em;
  padding-bottom: 6.25em;
}

.page-header--home .page-header__description {
  margin: 0 auto;
  opacity: .5;
}

.page-header--home .page-header__thumbnail {
  margin: 0 auto 0.625em;
  max-width: 40em;
}

.page-header--home .page-header__thumbnail .embed-container {
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/*
    ======================================================================
    Avatars
    ======================================================================
    Avatars are sized at 50 pixels across the size.
    They are loaded in at 100px for retina screens, so make sure to resize
    appropriately with CSS.
*/
.avatar {
  width: 50px;
  height: 50px;
  border-radius: 3px;
}

.avatar--wrap {
  display: block;
  float: left;
  margin-right: 0.5625em;
}

.avatar--sm {
  width: 40px;
  height: 40px;
}

/*
    ==========================================================================
    Posts
    ==========================================================================
    Styles for post objects as well as groups of posts
*/
/*
    Posts
    ==========================================================================
    Example HTML:

    <article class="post post--featured">
        <div class="post__featured-asset">
            <iframe> or <img>
        </div>
        <div class="post__wrapper">
            <header class="post__header">
                <p class="post__cat"></p>
                <img class="avatar avatar--wrap">
                <h1 class="post__title"><a href=""></a></h1>
                <ul class="post__meta"></ul>
            </header>
            <div class="post__content"></div>
        </div>
    </article>
*/
.post {
  display: block;
  background-color: white;
  margin-bottom: 1em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.075);
  border-radius: 3px;
  border-color: 1px solid #e9e9e9 \9;
  /*
        Block Elements
        ========================================
    */
  /*
        Thumbnail is a link to the post
        Example HTML:

        <a>
            <img>
        </a>
    */
  /*
        Table of Contents
        Used on single academy pages
    */
  /*
        Modifiers
        ========================================
    */
}

@media (max-width: 600px) {
  .post {
    border-radius: 0;
  }
}

.post__wrapper {
  padding: 1.875em;
  overflow: hidden;
}

@media (max-width: 600px) {
  .post__wrapper {
    padding: 1.25em;
  }
}

.post__featured-asset-homepage {
  position: relative;
  margin-bottom: -0.625em;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  min-height: 6.25em;
  min-height: 3.125em;
  background: #fff url("../img/loading@2x.gif") 50% no-repeat;
  background-size: 24px;
  /*
            Blurred image background
            available on devices that support css filters
            (modernizr checks for this)
        */
}

@media (max-width: 600px) {
  .post__featured-asset-homepage {
    border-radius: 0;
  }
}

.post__featured-asset-homepage img {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 auto;
}

.post__featured-asset-homepage a {
  display: block;
}

.post__featured-asset-homepage span {
  display: none;
}

.cssfilters .post__featured-asset-homepage span {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-filter: blur(15px);
          filter: blur(15px);
  opacity: .9;
}

.post__featured-asset-single {
  margin: 0.625em 0;
}

.post__cat {
  margin-bottom: 0.1875em;
  font-size: 0.875em;
  color: #777;
  /*
            Search
            Modifications to post layout on /search
        */
}

.post__cat__highlight {
  background: #e6e6e6;
  color: #333;
  padding: 0.125em 0.375em;
  border-radius: 3px;
}

.post__cat li {
  display: inline;
}

.post__cat li:before {
  content: '· ';
  margin: 0 0.1875em;
}

.post__cat li:first-child:before {
  display: none;
}

.search .post__cat li:before {
  content: ' › ';
  margin: 0 0.1875em;
}

.post__title {
  font-size: 1.5em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
  line-height: 1.2;
}

.post__title a {
  color: #333;
  /*
                External links:
                1. Start with "http"
                2. But don't have to kindlingapp.com or kindlingtest.com in url
            */
}

.post__title a[href^="http"]:not([href*="kindlingapp.com"]):before,
.post__title a[href^="http"]:not([href*="kindlingtest.com"]):before {
  content: url("../img/external-link.svg");
  margin: 0 0.41667em 0 0.08333em;
}

.post__meta {
  font-size: 0.875em;
  color: #AAA;
  margin-top: 0.21429em;
}

.post__thumbnail {
  float: left;
  overflow: hidden;
  display: block;
  width: 230px;
  /*
            Adjacent siblings
            If there's a thumbnail, make all adjacent siblings have a
            right margin, so they offset
            Note: The 'speakers' module overrides this
        */
}

.post__thumbnail ~ * {
  margin-left: 260px;
}

@media (max-width: 600px) {
  .post__thumbnail {
    margin: 0 0 1.25em;
    float: none;
    width: 260px;
  }
  .post__thumbnail ~ * {
    margin-left: 0;
  }
}

.post__thumbnail img {
  display: block;
  border-radius: 3px;
  border: 1px solid #e9e9e9;
}

.post__speakers {
  clear: both;
  margin-top: 1.25em;
  margin-left: 0;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.post__speakers li {
  float: left;
  width: 50%;
  padding: 0.625em;
}

@media (max-width: 600px) {
  .post__speakers li {
    float: none;
    width: auto;
  }
}

.post__speakers li h3 {
  margin-left: 3.57143em;
  font-size: 0.875em;
  color: #777;
}

.post__speakers li h3 strong {
  color: #333;
}

.post__speakers li h3 span {
  display: block;
}

.post .avatar {
  margin-top: 0.1875em;
}

.post__toc {
  margin-top: 1.25em;
}

.post__toc li a {
  display: block;
  padding: 0.3125em 0 0.3125em 1.25em;
  position: relative;
}

.post__toc li a:before {
  content: '\2193';
  position: absolute;
  left: 0;
  top: 0.1875em;
}

.post--featured .post__cat:before {
  content: 'Featured';
  font-size: 0.75em;
  border-radius: 3px;
  padding: 0.25em 0.5em;
  margin-right: 0.625em;
  position: relative;
  top: -0.0625em;
  color: white;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.08333em;
}

/*
    Copy
    ========================================
    When it's an index page, add a slight bit of top separation.
    If it's a post index page that's part of a collection,
    add some additional spacing
*/
.post .copy {
  margin-top: 0.625em;
}

[class*="parent-collection-"] .post .copy {
  margin-top: 1.25em;
}

/*
    Group Posts
    ==========================================================================
    When grouping posts into modules, use this parent class on the post

    Example HTML:

    <div class="group-posts">
        <h3 class="group-posts__header">
        <div class="group-posts__wrapper"
*/
.group-posts {
  margin-top: 2.5em;
}

.group-posts__wrapper {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

@media (max-width: 600px) {
  .group-posts__wrapper {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.group-posts .post {
  display: inline-block;
  width: 100%;
}

.group-posts .post__title {
  margin-left: 0;
}

@media (max-width: 600px) {
  .group-posts .post {
    display: block;
  }
}

.group-posts .post .copy {
  margin-top: 0.625em;
}

.group-posts__header {
  color: #AAA;
  margin-bottom: 0.625em;
}

@media (max-width: 600px) {
  .group-posts__header {
    padding: 0 1.25em;
  }
}

.group-posts__list {
  margin-top: 0.625em;
}

.group-posts__list li {
  list-style-type: disc;
  margin-left: 1.25em;
}

.group-posts__list li a {
  display: block;
  padding: 0.1875em 0;
}

.parent-collection-blog .date-published {
  margin-right: 0.4375em;
}

.parent-collection-blog .share-button .button {
  display: inline-block;
  background: transparent url("../img/linkedin-blue.svg") no-repeat 7px 49%;
  color: #0077B5;
  border-color: #0077B5;
  font-size: 0.875em;
  padding: 0.375em 0.5625em 0.375em 2.875em;
}

.parent-collection-blog .share-button .button:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 25px;
  background-color: #0077B5;
  margin: -0.375em 0 0 -0.6875em;
}

#ltithumb {
  position: absolute;
}

/*
    ==========================================================================
    Pages
    ==========================================================================
    Styling for each page content area

    Example HTML:

    <div class="page">
        <div class="page__featured"></div>
        <div class="page__wrapper"></div>
    </div>
*/
.page {
  display: block;
  background-color: white;
  margin-bottom: 1em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.075);
  border-radius: 3px;
  border-color: 1px solid #e9e9e9 \9;
}

@media (max-width: 600px) {
  .page {
    border-radius: 0;
  }
}

.page__wrapper {
  padding: 3.125em;
}

@media (max-width: 900px) {
  .page__wrapper {
    padding: 1.875em;
  }
}

@media (max-width: 600px) {
  .page__wrapper {
    padding: 1.25em;
  }
}

.page__wrapper--bordered {
  border-bottom: 1px solid #e9e9e9;
}

/*
    ======================================================================
    Sidebar Modules
    ======================================================================
*/
@media (min-width: 600px) and (max-width: 900px) {
  .l-sidebar {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .l-sidebar .sidebar-module {
    display: inline-block;
    width: 100%;
  }
}

.sidebar-module {
  display: block;
  background-color: white;
  margin-bottom: 1em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.075);
  border-radius: 3px;
  border-color: 1px solid #e9e9e9 \9;
  padding: 1.42857em;
  font-size: 0.875em;
  /*
        Anything inside the <span> is meta info to the link
        As such, it has no hover interaction
    */
}

@media (max-width: 600px) {
  .sidebar-module {
    border-radius: 0;
  }
}

@media (max-width: 600px) {
  .sidebar-module {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}

.sidebar-module span.hs-form-required {
  display: none;
}

.sidebar-module__header {
  font-weight: bold;
  margin-bottom: 0.35714em;
  line-height: 1.1;
}

.sidebar-module__text {
  color: #777;
}

.sidebar-module__def-list {
  color: #777;
  margin-top: 0.625em;
}

.sidebar-module__def-list dt {
  font-weight: bold;
}

.sidebar-module__def-list dd {
  margin-bottom: 0.3125em;
}

.sidebar-module__def-list a {
  color: inherit;
}

.sidebar-module__list {
  /*
            Search Nav
            Module for filtering by section, used on search
        */
}

.sidebar-module__list li {
  display: block;
  padding: 0.28571em 0;
}

.sidebar-module__list li a {
  display: block;
}

.sidebar-module__list li img {
  display: block;
}

.sidebar-module__list li span {
  display: block;
  color: #777;
}

.sidebar-module__list--nav a {
  border-left: 3px solid #333;
  padding-left: 0.625em;
  color: #333;
}

.sidebar-module__list--nav .in-resources a {
  border-color: #FF8800;
  color: #FF8800;
}

.sidebar-module__list--nav .in-company a {
  border-color: #0088E0;
  color: #0088E0;
}

.sidebar-module__list--nav .is-active {
  background: #e6e6e6;
  font-weight: bold;
}

.sidebar-module__list--nav .is-active a:after {
  content: '\2713';
  float: right;
  margin-right: 0.4375em;
}

.sidebar-module__list--nav .is-active.in-resources {
  background: #ffecd6;
}

.sidebar-module__list--nav .is-active.in-resources a {
  color: #FF8800;
}

.sidebar-module__list--nav .is-active.in-company {
  background: #e0f3ff;
}

.sidebar-module__list--nav .is-active.in-company a {
  color: #0088E0;
}

.sidebar-module--tour:before,
.sidebar-module--client-quote:before {
  content: '';
  display: block;
  border-radius: 3px;
  margin-bottom: 0.71429em;
  height: 7.14286em;
  background-repeat: no-repeat;
  background-position: 50%;
}

.sidebar-module--tour:before {
  background-image: url("../img/sidebar/kindling-flame.png");
  background-image: url("../img/sidebar/kindling-flame.svg"), none;
}

.sidebar-module--client-quote:before {
  border: 1px solid #e9e9e9;
  background-image: url("../img/sidebar/michelman-logo.png");
  background-image: url("../img/sidebar/michelman-logo.svg"), none;
}

.sidebar-module--about-the-author img {
  margin-top: 0.3125em;
}

.sidebar-module--client-quote div {
  border: 1px solid #e9e9e9;
  text-align: center;
  padding: 2.4375em 1.25em;
  margin: 0.5625em 0;
}

.sidebar-module--client-quote blockquote {
  color: #777;
}

.sidebar-module--client-quote blockquote p {
  margin-top: 0;
  text-indent: -.375em;
}

.sidebar-module--client-quote cite {
  font-style: italic;
}

.sidebar-module--client-quote p {
  margin-top: 0.625em;
}

.sidebar-module--related-thumbnails a {
  color: #777;
}

/*
    ======================================================================
    Copy
    ======================================================================
    This class handles styling of output from markdown files
*/
.copy {
  line-height: 1.5;
  /*
        Headings
        ======================================================================
    */
  /*
        Block level elements
        ======================================================================
    */
  /*
        Lists
        ======================================================================
    */
  /*
        Prevent long urls from breaking container
        https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
    */
  /*
        Quotes
        ======================================================================
    */
  /*
        Inline elements
        ======================================================================
    */
  /*
        Code
        ======================================================================
    */
  /*
        Other
        ======================================================================
    */
}

.copy h1, .copy h2, .copy h3, .copy h4 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
}

.copy h1 {
  font-size: 1.5em;
  margin-bottom: 0.83333em;
}

.copy h2 {
  font-size: 1.25em;
  margin-bottom: 1em;
}

.copy h3 {
  font-size: 1.125em;
  margin-bottom: 1.11111em;
}

.copy p,
.copy ul,
.copy ol,
.copy blockquote,
.copy pre,
.copy div,
.copy iframe,
.copy .pro-tip {
  margin-bottom: 1.25em;
}

.copy ul ul,
.copy ol ol {
  margin: 0;
}

.copy ul,
.copy ol {
  padding-left: 3.125em;
}

@media screen and (max-width: 600px) {
  .copy ul,
  .copy ol {
    padding-left: 1.25em;
  }
}

.copy ul ul,
.copy ul ol,
.copy ol ul,
.copy ol ol {
  padding-left: 1.25em;
}

.copy ul {
  list-style: disc outside;
}

.copy ol {
  list-style: decimal outside;
}

.copy a {
  word-wrap: break-word;
}

.copy blockquote {
  border-left: 4px solid #e9e9e9;
  padding-left: 1em;
}

.copy .pull-quote {
  float: right;
  margin: 0.5em 1em 1em 2em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  width: 50%;
  line-height: 1.3;
  position: relative;
  text-align: left;
  font-style: italic;
}

.copy .pull-quote.left {
  float: left;
  text-align: right;
  margin: 1em 2em 1em 1em;
}

@media (max-width: 600px) {
  .copy .pull-quote {
    font-size: 1.25em;
  }
}

.copy .pro-tip {
  background: lightyellow;
  padding: 1.5em;
  margin-top: 1.25em;
}

.copy .pro-tip:before {
  content: 'Pro Tip: ';
  font-weight: bold;
}

.copy b,
.copy strong {
  font-weight: 700;
}

.copy i,
.copy em {
  font-style: italic;
}

.copy hr {
  border: 0;
  height: 1px;
  background-color: #e9e9e9;
  margin: 1.25em 0;
}

.copy code {
  font-family: monospace;
  padding: 0.125em 0.25em;
  background: #F3F3F3;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
}

.copy pre {
  line-height: 1em;
  background: #F3F3F3;
  border: 1px solid #e9e9e9;
  overflow-x: scroll;
  border-radius: 3px;
  padding: 1.25em;
  max-height: 18.75em;
}

.copy pre code {
  border: 0;
  background: transparent;
  border-radius: 3px;
}

.copy .img-caption {
  margin-top: spacing-calc(-3);
  display: block;
  margin-bottom: spacing-calc(3);
  text-align: center;
  font-size: 14;
  color: #777;
  font-style: italic;
}

.copy iframe {
  width: 100%;
}

.copy .overview {
  font-style: italic;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.125em;
  margin-bottom: 1.66667em;
  padding-bottom: 1.66667em;
  border-bottom: 1px solid #e9e9e9;
  color: #777;
  margin-top: -0.55556em;
}

.copy .overview:before {
  content: 'Overview: ';
}

.copy > *:last-child {
  margin-bottom: 0;
}

.copy > *:first-child {
  margin-bottom: 1.25em;
}

/*
    Modifications
    ======================================================================
    On Academy, all H2's get a horizontal divider.
    Additionally the headings are bumped up in size,
    H2 is H1 size, H3 is H2 size, etc
    H1 becomes 32pt, which is an exception to the scale.
*/
.parent-collection-academy .post h1 {
  font-size: 2em;
  margin-bottom: 0.625em;
}

.parent-collection-academy .copy h2 {
  font-size: 1.5em;
  margin-bottom: 0.83333em;
}

.parent-collection-academy .copy h3 {
  font-size: 1.25em;
  margin-bottom: 1em;
}

.parent-collection-academy .copy h2 {
  padding-top: 1.66667em;
  margin-top: 1.66667em;
  position: relative;
}

.parent-collection-academy .copy h2:before {
  content: '';
  position: absolute;
  top: 0;
  left: -3.125em;
  width: 150%;
  height: 1px;
  background-color: #CCC;
}

.parent-collection-academy .copy h2 + a {
  color: #AAA;
  display: block;
  margin: -1.42857em 0 1.42857em;
  font-size: 0.875em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.parent-collection-academy .copy img,
.parent-collection-academy .copy object {
  border: 3px solid #e6e6e6;
}

/*
    ======================================================================
    Buttons
    ======================================================================
    Button is solid black by default
    button - black button
    button--{blue|orange|contextual} specific color,
        contextual inherits section as defined in _tiers
    button--{outline|outline-white} outlined button
    button--large - larger than normal
    button--block
*/
.button {
  font-size: 1em;
  padding: 0.5625em 1em;
  margin-bottom: 0.3125em;
  font-weight: 800;
  border-radius: 3px;
  border: 2px solid #333;
  color: white;
  background-color: #333;
  white-space: nowrap;
}

.button--blue {
  background: #0088E0;
  border-color: #0088E0;
}

.button--white {
  background: white;
  border-color: white;
  color: #333;
}

.button--black {
  color: white !important;
}

.button--orange {
  background: #FF8800;
  border-color: #FF8800;
}

.button--outline {
  background: transparent;
}

.button--outline-white {
  color: white;
  border-color: white;
  background: rgba(255, 255, 255, 0.15);
}

.button--outline-black {
  color: black !important;
  border-color: black;
  background-color: white;
}

.button--outline-blue {
  border-color: #0088E0;
  background-color: white;
}

.button--large {
  padding: 0.9375em 1.25em;
}

.button--block {
  display: block;
  width: 100%;
  margin-bottom: 0.625em;
}

/*
    ==========================================================================
    Additional Resources
    ==========================================================================
    Module displaying additional resources across tiers on the website

    Example HTML:

    <ul class="additional-resources">
        <li class="additional-resources__{video text image}">
            <a>
                <div style="background-image(optional)">
                    <blockquote> (optional)
                </div>
                <h3></h3>
                <p></p>
            </a>
        </li>
    </ul>
*/
.additional-resources {
  padding-top: 3.75em;
  clear: both;
}

@media (max-width: 600px) {
  .additional-resources {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}

.additional-resources li {
  float: left;
  width: 31.66666%;
  margin-left: 2.5%;
  position: relative;
}

.additional-resources li:first-child {
  margin-left: 0;
}

@media (max-width: 900px) {
  .additional-resources li {
    width: 48%;
  }
  .additional-resources li:last-child {
    display: none;
  }
}

@media (max-width: 600px) {
  .additional-resources li {
    display: block;
    width: 100%;
    margin: 0 0 1.25em 0;
  }
  .additional-resources li:last-child {
    display: block;
  }
}

.additional-resources li a {
  display: block;
  min-height: 17.75%;
}

.additional-resources li a:hover {
  text-decoration: none;
  cursor: pointer;
}

.additional-resources li a:hover h3 {
  text-decoration: underline;
}

.additional-resources div {
  border: 1px solid #CCC;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  min-height: 10.375em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  padding: 1.25em;
}

.additional-resources h3,
.additional-resources p {
  font-size: 0.875em;
  color: #777;
}

.additional-resources h3 {
  margin: 0.35714em 0 0;
}

.additional-resources p {
  color: #AAA;
}

.additional-resources blockquote {
  font-size: 1.25em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  line-height: 1.2;
  position: relative;
}

.additional-resources blockquote:before {
  content: '“';
  position: absolute;
  left: -0.45em;
}

.additional-resources blockquote:after {
  content: '”';
}

/*
    ======================================================================
    Footer
    ======================================================================
*/
.footer {
  background-color: #DDD;
  padding-top: 3.125em;
  margin-top: 9.375em;
  color: #AAA;
}

.footer .button {
  color: white;
}

.footer .button--white {
  color: #333;
}

.footer > .wrapper {
  position: relative;
}

.footer > .wrapper:before {
  content: "";
  position: absolute;
  top: -178px;
  left: -50px;
  background-image: url("../img/nyc-skyline.png");
  background-image: url("../img/nyc-skyline.svg"), none;
  width: 360px;
  height: 130px;
}

@media (max-width: 600px) {
  .footer > .wrapper:before {
    margin-left: -180px;
    left: 50%;
    width: 340px;
  }
}

.footer__ctas {
  float: left;
  width: 25%;
  text-align: center;
}

.footer__ctas__logo {
  display: block;
  margin: 0.625em auto 3.125em;
  text-indent: -9999px;
  width: 100%;
  height: 3.4375em;
  background: url("../img/kindling-logo-black.png") 50% no-repeat;
  background-image: url("../img/kindling-logo-black.svg"), none;
}

@media (max-width: 900px) {
  .footer__ctas {
    width: 100%;
    float: none;
    margin-bottom: 1.25em;
  }
  .footer__ctas__logo {
    float: left;
    width: 157px;
    margin: 0;
  }
  .footer__ctas ul {
    margin-left: 207px;
    text-align: left;
  }
  .footer__ctas ul li {
    display: inline-block;
    margin-right: 1.875em;
  }
}

@media (max-width: 600px) {
  .footer__ctas {
    width: 100%;
    padding: 0 1.25em;
    float: none;
    margin-bottom: 1.25em;
  }
  .footer__ctas__logo {
    float: none;
    width: 100%;
    margin-bottom: 1.25em;
  }
  .footer__ctas ul {
    margin-left: 0;
    text-align: center;
  }
  .footer__ctas ul li {
    display: block;
    margin-right: 0;
  }
}

.footer .site-nav {
  float: right;
  width: 65%;
}

@media (max-width: 900px) {
  .footer .site-nav {
    float: none;
    width: 100%;
    padding: 0 1.25em;
  }
}

@media (max-width: 600px) {
  .footer .site-nav {
    padding: 0 1.25em;
  }
}

.footer .site-nav__parent {
  float: left;
  width: 33.333%;
  padding-bottom: 0.5em;
  color: #333;
  font-weight: 800;
}

.footer .site-nav__parent:first-child {
  width: 27%;
  margin-left: 0;
}

.footer .site-nav__parent--click {
  display: none;
}

@media (max-width: 600px) {
  .footer .site-nav__parent {
    float: none;
    width: 100%;
  }
}

.footer .site-nav__child {
  font-weight: normal;
}

.footer .site-nav__child li {
  margin: 0.375em 0;
}

.footer .site-nav__child li.social-links {
  margin-top: 0.625em;
}

.footer .site-nav__child li.social-links a {
  text-decoration: none;
  margin-right: 0.625em;
  -webkit-transition: .33s ease -webkit-transform;
          transition: .33s ease transform;
  display: block;
  float: left;
  padding: 0.3125em 0.3125em 0.3125em 0;
}

.footer .site-nav__child li.social-links a:nth-child(even):hover {
  -webkit-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
          transform: rotate(-8deg);
}

.footer .site-nav__child li.social-links a:nth-child(odd):hover {
  -webkit-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
          transform: rotate(8deg);
}

.footer .site-nav__child a {
  font-size: 1em;
  text-decoration: underline;
  color: #777;
}

.footer__quote {
  clear: both;
  text-align: center;
}

@media (max-width: 900px) {
  .footer__quote {
    padding: 0 1.25em;
  }
}

.footer__quote blockquote {
  padding: 1.875em 0;
}

.footer__quote blockquote p {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  max-width: 32em;
  line-height: 1.2;
  margin: 0 auto 0.41667em;
}

.footer__quote blockquote cite em {
  font-style: italic;
}

.footer__quote__divider {
  font-size: 0.875em;
  margin: 3.75em 0 1.25em;
  position: relative;
}

.footer__quote__divider span {
  position: relative;
  z-index: 9;
  padding: 0 1.25em;
  background-color: #DDD;
}

.footer__quote__divider:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6875em;
  width: 100%;
  border-top: 1px solid #CCC;
}

.footer__made-with-love {
  padding: 0.625em 0;
  text-align: center;
  font-size: 0.75em;
}

.footer__made-with-love a {
  white-space: nowrap;
  color: inherit;
}

/*
    ======================================================================
    Pagination
    ======================================================================
    <span> light gray elements
    <a> links
    <strong> bolded elements
*/
.pagination {
  margin-top: 1.25em;
  font-size: 0.875em;
}

.pagination span {
  color: #AAA;
}

.pagination a {
  font-weight: bold;
}

.pagination-preloader {
  background-image: url(/assets/img/loading@2x.gif);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  margin: auto;
  position: relative;
  top: 40px;
  width: 33px;
  height: 40px;
  text-align: center;
}

/*
    Pricing Table
    ========================================
*/
.pricing-table--header {
  padding-left: 60%;
  text-align: center;
  border-radius: 3px 3px 0 0;
  position: relative;
}

@media (max-width: 600px) {
  .pricing-table--header {
    display: none;
  }
}

.pricing-table--header li {
  font-size: 1.125em;
  float: left;
  width: 49.333%;
  padding: 0.77778em 0;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.pricing-table--header li.header-title {
  position: absolute;
  left: 0;
  text-align: left;
}

.pricing-table--header li.enterprise {
  border: 1px solid #e9e9e9;
  border-width: 0 1px;
}

.pricing-table--content li {
  border-top: 1px solid #e9e9e9;
  overflow: hidden;
}

@media (max-width: 600px) {
  .pricing-table--content li {
    padding: 0.625em 0;
    border-top-width: 0;
  }
}

.pricing-table--content li li {
  border-width: 0;
  width: 49.333%;
  position: absolute;
  padding: 1.14286em 0;
  font-size: 0.875em;
  color: #AAA;
}

.pricing-table--content li li:first-child {
  border-top-width: 0;
}

@media (max-width: 600px) {
  .pricing-table--content li li {
    position: relative;
    padding: 0.375em;
    position: relative;
    float: left;
    left: 0 !important;
    text-align: left;
  }
}

.pricing-table--content li li span {
  display: none;
  text-transform: capitalize;
  color: #078400;
}

@media (max-width: 600px) {
  .pricing-table--content li li span {
    display: inline;
  }
}

.pricing-table--content li li .icon-checkmark-inverted {
  display: inline-block;
  background-image: url(/assets/img/checkmark-green.svg);
  width: 20px;
  height: 20px;
}

.pricing-table--content li li .icon-checkmark {
  display: none;
}

@media (max-width: 600px) {
  .pricing-table--content li li .icon-checkmark {
    display: inline;
  }
}

.pricing-table--content li li.enterprise {
  left: 0;
  border: 1px solid #e9e9e9;
  border-width: 0 1px;
}

@media (max-width: 600px) {
  .pricing-table--content li li.enterprise {
    border-width: 0;
  }
}

.pricing-table--content li li.team {
  left: 49.333%;
}

.pricing-table--content h3 {
  float: left;
  width: 60%;
  padding: 1em 0;
}

@media (max-width: 600px) {
  .pricing-table--content h3 {
    float: none;
    width: 100%;
    padding: 0.5em;
    padding-bottom: 0;
    font-weight: bold;
    background: #fff;
  }
}

.pricing-table--content ul {
  float: right;
  width: 40%;
  position: relative;
  text-align: center;
}

@media (max-width: 600px) {
  .pricing-table--content ul {
    float: none;
    width: 100%;
  }
}

/*
    ======================================================================
    Calls to action

    - Take a Tour
    - Watch a Demo

    - Standalone
    ======================================================================
*/
.ctas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 600px) {
  .ctas {
    display: block;
  }
}

.ctas li {
  display: block;
  background-color: white;
  margin-bottom: 1em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.075);
  border-radius: 3px;
  border-color: 1px solid #e9e9e9 \9;
  padding: 2.5em 3.125em;
  width: 49%;
}

@media (max-width: 600px) {
  .ctas li {
    border-radius: 0;
  }
}

.ctas li:first-child {
  float: left;
  margin-right: 1%;
}

.ctas li:last-child {
  float: right;
  margin-left: 1%;
}

@media (max-width: 900px) {
  .ctas li {
    padding: 1.875em;
  }
}

@media (max-width: 600px) {
  .ctas li {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    padding: 1.25em;
  }
}

.ctas h3 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.41667em;
}

.ctas p {
  font-size: 1.125em;
}

.home .ctas h3 {
  font-size: 2.25em;
  margin-bottom: 0.27778em;
}

.home .ctas p {
  font-size: 1.25em;
}

.ctas--take-a-tour a {
  color: #FF8800;
}

.ctas--watch-a-demo a {
  color: #0088E0;
}

.ctas--standalone {
  text-align: center;
  padding: 1.25em 3.75em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.25em;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 900px) {
  .ctas--standalone {
    padding: 1.25em 1.875em;
    font-size: 1.5em;
  }
}

@media (max-width: 600px) {
  .ctas--standalone {
    padding: 0.625em;
  }
}

.ctas--standalone span {
  color: #FF8800;
}

.ctas--standalone a {
  text-decoration: underline;
}

.ctas--standalone--dark-bg {
  background-color: #333;
  color: white;
}

.ctas--standalone--dark-bg a {
  color: white;
}

/*
    ======================================================================
    Kindling Features
    ======================================================================
*/
.kindling-features--title {
  font-size: 1.5em;
  font-weight: 700;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.kindling-features--list {
  float: left;
  width: 47%;
  margin-top: 1.25em;
  padding-left: 2.5em;
  background-repeat: no-repeat;
  background-position-y: 0.125em;
}

@media (max-width: 600px) {
  .kindling-features--list {
    float: none;
    width: initial;
  }
}

.kindling-features--list:nth-child(odd) {
  margin-right: 4%;
}

.kindling-features--list.icon-network {
  background-image: url(/assets/img/network.svg);
}

.kindling-features--list.icon-heart {
  background-image: url(/assets/img/heart-lg.svg);
}

.kindling-features--list.icon-clipboard {
  background-image: url(/assets/img/clipboard.svg);
}

.kindling-features--list.icon-lock {
  background-image: url(/assets/img/lock.svg);
}

.kindling-features--list.icon-help {
  background-image: url(/assets/img/help.svg);
}

.kindling-features--list.icon-api {
  background-image: url(/assets/img/api.svg);
}

.kindling-features--list.icon-devices {
  background-image: url(/assets/img/devices.svg);
}

.kindling-features--list.icon-password {
  background-image: url(/assets/img/password.svg);
}

.kindling-features--list.icon-kindling-flame {
  background-image: url(/assets/img/kindling-flame.svg);
}

.kindling-features--list.icon-translate {
  background-image: url(/assets/img/translate.svg);
}

.kindling-features--list.icon-wand {
  background-image: url(/assets/img/wand.svg);
}

.kindling-features--list.icon-import {
  background-image: url(/assets/img/import.svg);
}

.kindling-features--list.icon-yammer {
  background-image: url(/assets/img/yammer.svg);
}

.kindling-features--list.icon-message-archive {
  background-image: url(/assets/img/message-archive.svg);
}

.kindling-features--list-title {
  font-weight: 600;
  margin-bottom: 0.3125em;
}

.kindling-enterprise .kindling-features .page__wrapper:first-child {
  padding-bottom: 0;
}

/*
    Individual page styles
    ======================================================================
*/
/*
    ======================================================================
    Jobs
    ======================================================================
*/
.jobs-about {
  float: left;
  width: 48%;
  margin-right: 4%;
  min-height: 34.375em;
}

@media (max-width: 600px) {
  .jobs-about {
    width: initial;
    margin-right: 0;
    margin-bottom: 2.5em;
    min-height: initial;
  }
}

.jobs-about__figure {
  position: relative;
  margin-bottom: 0.625em;
}

.jobs-about__figcaption {
  position: absolute;
  bottom: 0.25em;
  left: 0;
  padding: 0.5em 0.75em;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.125em;
}

@media (max-width: 900px) {
  .jobs-about__figcaption {
    font-size: 1em;
    padding: 0.375em 0.625em;
  }
}

@media (max-width: 600px) {
  .jobs-about__figcaption {
    padding: 0.25em 0.375em;
  }
}

.jobs-about.even {
  margin-right: 0;
}

.jobs-about:last-child {
  width: 100%;
  float: none;
  clear: both;
  min-height: auto;
}

.jobs-about:last-child .jobs-about__figcaption {
  bottom: auto;
  top: 0.375em;
}

@media (max-width: 600px) {
  .jobs-about:last-child .jobs-about__figcaption {
    top: -1.125em;
  }
}

.jobs-about p {
  margin-bottom: 1.25em;
}

.facebook-see-photos-blurb {
  display: block;
  text-align: right;
  font-size: 0.875em;
  margin-top: 0.25em;
}

@media (max-width: 600px) {
  .facebook-see-photos-blurb {
    text-align: left;
  }
}

.facebook-see-photos-blurb a {
  color: #4563C4;
  padding: 0.25em 1.75em 0.25em 0;
  background: transparent url(/assets/img/facebook.svg) no-repeat 100% 50%;
}

/*
    ======================================================================
    Partner's page
    ======================================================================
*/
.partners-subheader {
  position: relative;
  overflow: hidden;
  z-index: 3;
}

.partners-subheader:before {
  content: "";
  position: absolute;
  top: 3.125em;
  left: -6.25em;
  background-image: url(/partners/assets/arrows-img.jpg);
  width: 29.6875em;
  height: 17.3125em;
  z-index: -1;
}

@media (max-width: 900px) {
  .partners-subheader:before {
    left: -16.25em;
  }
}

@media (max-width: 600px) {
  .partners-subheader:before {
    top: -6.25em;
    right: -18.75em;
    left: auto;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    opacity: .5;
  }
}

.partners-subheader .copy {
  padding-left: 43%;
}

@media (max-width: 900px) {
  .partners-subheader .copy {
    padding-left: 32%;
  }
}

@media (max-width: 600px) {
  .partners-subheader .copy {
    padding-left: 0;
  }
}

.partners-subheader--title {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.partners-subheader p {
  font-size: 1.125em;
}

.partners-subheader--list {
  padding-left: 0 !important;
  list-style-type: none !important;
}

.partners-subheader--list li {
  font-size: 1.125em;
  padding-left: 1.5625em;
  background: transparent url(/assets/img/checkmark.svg) no-repeat 0 50%;
}

@media (max-width: 600px) {
  .partners-subheader--list li {
    background-position-y: 0.5em;
  }
}

/*
    Client quotes
    ========================================
*/
.partners-customer {
  background-color: #F3F3F3;
  text-align: center;
}

@media (max-width: 900px) {
  .partners-customer {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
}

.partners-customer--quote {
  margin: 1.25em auto 0.625em;
  width: 78%;
  font-size: 1.125em;
}

@media (max-width: 900px) {
  .partners-customer--quote {
    width: auto;
  }
}

.partners-customer p {
  margin-bottom: 0.5625em;
  line-height: 1.5;
}

.partners-customer cite {
  font-style: italic;
}

.partners-customer.ahnfelt {
  background-color: #DFE6F1;
}

.partners-customer.nbcuniversal {
  background-color: #F6F2FA;
}

.partners-customer.imentor {
  background-color: #FFFAF3;
}

.partners-customer.daaminno {
  background-color: #ECF7DB;
}

/*
    Partners types
    ========================================
*/
.partner--type {
  text-align: center;
}

.partner--type--list {
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
}

.partner--type--list:first-child {
  margin-right: 2.5em;
}

@media (max-width: 600px) {
  .partner--type--list:first-child {
    margin-right: 0;
    margin-bottom: 2.5em;
  }
}

@media (max-width: 900px) {
  .partner--type--list {
    width: 39%;
  }
}

@media (max-width: 600px) {
  .partner--type--list {
    display: block;
    width: initial;
  }
}

@media (max-width: 900px) {
  .partner--type--list img {
    width: 90%;
  }
}

@media (max-width: 600px) {
  .partner--type--list img {
    width: 75%;
  }
}

.partner--type--title {
  font-size: 1.5em;
  font-weight: 700;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0.3125em;
}

@media (max-width: 900px) {
  .partner--type--title {
    font-size: 1.125em;
  }
}

.partner--type--cta {
  margin: 3.125em 0 0.625em;
}

/*
    Speak to a Manager Form
    ========================================
*/
.form-section--speak-to-a-manager {
  background-color: #E9F2FF;
}

.form-section--speak-to-a-manager .form-columns-1 {
  margin-top: 0.625em;
}

.form-section--speak-to-a-manager .form-columns-1 .hs-input {
  width: 100% !important;
}

@media (max-width: 600px) {
  .form-section--speak-to-a-manager .form-columns-2 .hs-input {
    width: 100% !important;
  }
}

/*
    ======================================================================
    Mission
    ======================================================================
    Individual styles for the mission page
*/
.mission__header,
.mission .copy {
  width: 56%;
  float: left;
}

@media (max-width: 900px) {
  .mission__header,
  .mission .copy {
    float: none;
    width: 100%;
  }
}

.mission__signatures {
  width: 32%;
  float: right;
}

@media (max-width: 900px) {
  .mission__signatures {
    float: none;
    width: 100%;
  }
}

.mission__header {
  margin-bottom: 2.5em;
}

.mission__header h1 {
  font-size: 3em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mission .copy > :first-child {
  font-size: 1.25em;
}

.mission__signatures {
  font-size: 0.875em;
  color: #AAA;
}

@media (max-width: 900px) {
  .mission__signatures {
    margin-top: 3.57143em;
  }
}

.mission__signatures li {
  margin: 0.71429em 0 3.57143em;
}

.mission__signatures li:last-child {
  margin-bottom: 0;
}

.mission__signatures img {
  display: block;
}

/*
    ======================================================================
    Contact
    ======================================================================
*/
.contact__header {
  font-size: 1.5em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 0.41667em;
}

.contact dl {
  margin-bottom: 1.25em;
}

.contact dl dt,
.contact dl dd {
  padding: 0.1875em 0;
}

.contact dl dt {
  float: left;
  width: 30%;
}

@media (max-width: 600px) {
  .contact dl dt {
    float: none;
    width: 100%;
    padding-bottom: 0;
  }
}

.contact dl dd {
  margin-left: 30%;
}

@media (max-width: 600px) {
  .contact dl dd {
    margin-left: 0;
    padding-top: 0;
  }
}

.contact .form {
  max-width: 31.25em;
}

/*
    ======================================================================
    Thank you Page
    ======================================================================
*/
.thank-you .post__featured-asset,
.thank-you .post__cat:before {
  display: none;
}

.thank-you--image {
  background: transparent url(/thank-you/assets/checkmark.svg) no-repeat 0 0;
  padding: 0 6.25em;
  color: #333;
}

@media (max-width: 900px) {
  .thank-you--image {
    padding-right: 0;
  }
}

@media (max-width: 600px) {
  .thank-you--image {
    background-size: 50px;
    background-position: 0 0;
    padding: 0 0 0 3.75em;
  }
}

.thank-you--title {
  line-height: 1.1;
  margin-bottom: 0.3125em !important;
  font-size: 2.25em !important;
}

@media (max-width: 600px) {
  .thank-you--title {
    font-size: 1.5em !important;
    padding-top: 0;
    margin-left: 0;
  }
}

.thank-you--message {
  color: #777;
}

@media (max-width: 600px) {
  .thank-you--message {
    margin-left: 0;
  }
}

/*
    ======================================================================
    Subscribe
    ======================================================================
*/
.subscribe-page img {
  float: left;
}

@media (max-width: 600px) {
  .subscribe-page img {
    float: none;
  }
}

.subscribe-page--content {
  margin-left: 15.625em;
}

@media (max-width: 600px) {
  .subscribe-page--content {
    margin-left: 0;
  }
}

.subscribe-page--title {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 1.25em;
}

@media (max-width: 900px) {
  .subscribe-page--title {
    font-size: 1.25em;
  }
}

.subscribe-page .button--orange {
  color: white;
}

/*
    ======================================================================
    Subscribe
    ======================================================================
*/
.error404 {
  color: #333;
}

.error404 img {
  float: left;
}

@media (max-width: 600px) {
  .error404 img {
    float: none;
  }
}

.error404--content {
  margin-left: 15.625em;
  padding-top: 3.125em;
  padding-right: 12.5em;
}

@media (max-width: 600px) {
  .error404--content {
    margin-left: 0;
    padding: 0;
  }
}

.error404--message {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 900;
  line-height: 1.2;
}

.error404--message-contact {
  margin: 0.625em 0;
}

.error404--cta {
  margin-top: 2.5em;
}

.error404--cta a {
  color: white;
}

/*
    ======================================================================
    Pricing's page
    ======================================================================
*/
/*
    Pricing Plans
    ========================================
*/
.pricing-plans {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #F3F3F3;
}

/*
    Individual plans
    ==========================================================================
*/
.pricing-plan {
  text-align: center;
  padding: 3.125em;
}

@media (max-width: 900px) {
  .pricing-plan {
    padding: 1.875em;
  }
}

@media (max-width: 600px) {
  .pricing-plan {
    padding: 1.25em;
  }
}

.pricing-plan h2, .pricing-plan h4 {
  font-size: 2.25em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 900px) {
  .pricing-plan h2, .pricing-plan h4 {
    font-size: 1.5em;
  }
}

.pricing-plan h2 {
  font-weight: 600;
}

.pricing-plan ul {
  margin-top: 1.25em;
}

.pricing-plan ul p {
  border: 1px solid #CCC;
  color: #777;
  border-width: 1px 0;
  padding: 0.625em 0;
  width: 60%;
  margin: 0.625em auto;
}

@media (max-width: 900px) {
  .pricing-plan ul p {
    font-size: 0.875em;
    width: 80%;
  }
}

@media (max-width: 900px) {
  .pricing-plan strong {
    font-size: 0.875em;
  }
}

.pricing-plan--chart {
  margin-bottom: 2.5em;
}

.pricing-plan--chart li {
  display: inline-block;
  vertical-align: top;
  width: 23.6%;
}

.pricing-plan--chart h4 {
  color: #FF8800;
}

.pricing-plan--chart sup {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.5em;
  position: relative;
  top: -0.375em;
}

.pricing-plan--enterprise {
  width: 60%;
  float: left;
}

@media (max-width: 600px) {
  .pricing-plan--enterprise {
    float: none;
    width: initial;
  }
}

.pricing-plan--team {
  margin-left: 60%;
  background-color: white;
}

@media (max-width: 600px) {
  .pricing-plan--team {
    margin-left: 0;
  }
}

.pricing-plan--team p {
  padding: 0 1.25em;
}

.pricing-plan--team sub {
  color: #777;
  font-size: 0.875em;
}

.pricing-plan--team ul p {
  padding-left: 0;
  padding-right: 0;
  width: 25%;
}

.pricing-plan--team li {
  display: block;
  width: auto;
}

.pricing-plan .fine-print--free-trial,
.pricing-plan .fine-print--no-cc {
  font-weight: 600;
}

.pricing-plan .fine-print--free-trial {
  margin-top: 1.25em;
}

.pricing-plan .fine-print--no-cc {
  margin-bottom: 2.5em;
}

.pricing-plan .fine-print--pioneer {
  margin-top: 2.5em;
  font-size: 0.875em;
}

.pricing-plan .fine-print--pioneer a {
  text-decoration: underline;
}

.pricing-plan .fine-print--annual-contract {
  color: #777;
  margin-bottom: 2.5em;
}

/*
    Pricing page intro
    ========================================
*/
.pricing-intro li {
  padding: 3.125em;
  overflow: hidden;
}

@media (max-width: 600px) {
  .pricing-intro li {
    padding: 1.25em;
  }
}

.pricing-intro li:first-child div:first-child {
  float: left;
}

.pricing-intro li:first-child div:last-child {
  float: right;
}

.pricing-intro--text {
  float: right;
  width: 52%;
}

@media (max-width: 600px) {
  .pricing-intro--text {
    float: none !important;
    width: initial;
  }
}

.pricing-intro--img {
  float: left;
  width: 48%;
  text-align: center;
}

@media (max-width: 900px) {
  .pricing-intro--img {
    padding: 0 1.25em;
  }
}

@media (max-width: 600px) {
  .pricing-intro--img {
    display: none;
  }
}

.pricing-intro h3 {
  font-size: 1.5em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 0.3125em;
}

.pricing-intro p {
  margin-bottom: 1.25em;
}

.pricing-intro p:last-child {
  margin-bottom: 0;
}

/*
    Forms
    ========================================
*/
.form-section--pricing-team {
  background-color: #F3F3F3;
}

.form-section--pricing-team .form-section--title span {
  color: #FF8800;
}

.form-section--pricing-team p {
  margin-bottom: 0.625em;
}

.form-section--pricing-team a {
  text-decoration: underline;
}

.form-section--tabbed {
  background-color: #333;
  color: white;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.form-section--tabbed .pricing-plan {
  padding: 0;
}

.form-section--tabbed .pricing-plan ul p {
  color: #AAA;
  border-color: #AAA;
}

.form-section--tabbed .pricing-plan--chart {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 600px) {
  .form-section--tabbed .pricing-plan--chart {
    width: initial;
  }
}

.number-of-users {
  text-align: center;
  margin: 2.5em 0;
}

.number-of-users--form h3 {
  text-align: center;
  color: white;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  width: 75%;
  margin: 0 auto 1.25em;
}

@media (max-width: 600px) {
  .number-of-users--form h3 {
    width: initial;
  }
}

.number-of-users--form h3 span {
  color: #FF8800;
}

.number-of-users--form-section .form {
  width: 65%;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .number-of-users--form-section .form {
    width: 75%;
  }
}

@media (max-width: 600px) {
  .number-of-users--form-section .form {
    width: initial;
  }
}

.number-of-users li {
  display: inline-block;
  margin: 0 -0.1875em;
}

.number-of-users li:first-child a {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.number-of-users li:last-child a {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.number-of-users li.active a {
  background-color: #FF8800;
  color: white;
}

.number-of-users a {
  padding: 0.9375em 1.25em;
  display: block;
  border: 1px solid white;
  color: white;
}

/*
    Pioneer program page
    ========================================
*/
.pioneer .copy a {
  color: #0088E0;
}

/*
    Watch a Demo
    ========================================
*/
.watch-a-demo .copy {
  margin-top: 0.3125em;
}

.watch-a-demo .copy p {
  width: 75%;
}

@media (max-width: 900px) {
  .watch-a-demo .copy p {
    width: initial;
  }
}

.watch-a-demo .copy a {
  color: #0088E0;
}

.watch-a-demo .video-container {
  position: relative;
  padding-bottom: 52.74%;
  padding-top: 1.875em;
  margin-bottom: 1.875em;
  height: 0;
  overflow: hidden;
}

@media (max-width: 900px) {
  .watch-a-demo .video-container {
    padding-bottom: 51%;
  }
}

.watch-a-demo .video-container iframe,
.watch-a-demo .video-container object,
.watch-a-demo .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
    ======================================================================
    Home Page
    ======================================================================
*/
.home #schedule-a-demo h3 {
  float: left;
  font-size: 2.25em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
}

@media (max-width: 900px) {
  .home #schedule-a-demo h3 {
    float: none;
  }
}

.home .form {
  width: 60%;
  float: right;
}

@media (max-width: 900px) {
  .home .form {
    float: none;
    width: 100%;
    margin-top: 0.625em;
  }
}

.home .form form {
  position: relative;
}

.home .form .hs-form-required {
  display: none;
}

.home .form .hs-input {
  margin: 0;
  padding-right: 10.625em;
}

.home .form .hs-form-field {
  margin: 0;
}

.home .form .hs_submit {
  position: absolute;
  right: -0.0625em;
  top: 0;
}

@media (max-width: 600px) {
  .home .form .hs_submit {
    position: initial;
    margin-top: 0.625em;
  }
}

.home .form .button {
  border-radius: 0 3px 3px 0;
}

@media (max-width: 600px) {
  .home .form .button {
    border-radius: 3px;
  }
}

.home-quote img {
  margin-top: 3.125em;
  float: left;
}

@media (max-width: 900px) {
  .home-quote img {
    float: none;
    display: block;
    margin: 0.625em 0 1.25em;
  }
}

.home-quote blockquote {
  float: right;
  width: 60%;
  font-size: 1.25em;
  color: #3E0096;
  line-height: 1.4;
  text-indent: -.375em;
}

@media (max-width: 900px) {
  .home-quote blockquote {
    float: none;
    width: 100%;
  }
}

.home-quote blockquote cite {
  font-style: italic;
}

/*
    ======================================================================
    Customers
    ======================================================================
*/
/*
    Map
    ==========================================================================
*/
.customers-map {
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}

.customers-map img {
  display: block;
}

@media (max-width: 900px) {
  .customers-map {
    margin-bottom: 1.875em;
  }
  .customers-map__image {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  .customers-map:after {
    content: '\2190 Swipe to view \2192';
    text-align: center;
    position: absolute;
    width: 100%;
    color: #AAA;
  }
  .customers-map img {
    max-width: none;
    display: block;
  }
}

/*
    Videos
    ==========================================================================
*/
.customer-video-left {
  float: left;
  margin-right: 2.5em;
}

@media (max-width: 900px) {
  .customer-video-left {
    float: none;
    margin: 0 0 1.25em 0;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .customer-video-left iframe,
  .customer-video-left object,
  .customer-video-left embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.customer-video-right {
  float: right;
  margin-left: 2.5em;
}

@media (max-width: 900px) {
  .customer-video-right {
    float: none;
    margin: 0 0 1.25em 0;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .customer-video-right iframe,
  .customer-video-right object,
  .customer-video-right embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/*
    Customer Quote
    ==========================================================================
    <div class="customer">
        <img>
        <blockquote>
    </div>
*/
.customer blockquote {
  line-height: 1.5;
}

.customer blockquote p {
  text-indent: -.375em;
}

.customer cite {
  display: block;
  font-style: italic;
}

.customer img {
  margin-bottom: 1.25em;
}

@media (max-width: 600px) {
  .customer img {
    margin-bottom: 0.625em;
  }
}

.customer--med blockquote {
  font-size: 1.125em;
}

.customer--sm blockquote {
  font-size: 0.875em;
}

/*
    Customer Grids
    ==========================================================================
    Grids of three and two customers
    Along with a black and white grid used on customers and home
*/
.customer-grid-two .customer {
  width: 50%;
  float: left;
  padding: 3.125em 3.125em 3.125em 0;
}

.customer-grid-two .customer + .customer {
  float: right;
  padding: 3.125em 0 3.125em 3.125em;
}

@media (max-width: 900px) {
  .customer-grid-two .customer {
    padding: 1.875em 1.875em 1.875em 0;
  }
  .customer-grid-two .customer + .customer {
    padding: 1.875em 0 1.875em 1.875em;
  }
}

@media (max-width: 600px) {
  .customer-grid-two .customer {
    float: none !important;
    width: 100%;
    padding: 1.25em 0 !important;
  }
}

.customer-grid-two__row {
  position: relative;
}

.customer-grid-two__row:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  background-color: #e9e9e9;
}

@media (max-width: 600px) {
  .customer-grid-two__row:before {
    display: none;
  }
}

.customer-grid-two__row:first-child {
  border-bottom: 1px solid #e9e9e9;
}

@media (max-width: 600px) {
  .customer-grid-two__row:first-child {
    border: none;
  }
}

.customer-grid-three .customer {
  float: left;
  width: 33.333%;
  padding: 0 1.25em;
}

@media (max-width: 900px) {
  .customer-grid-three .customer {
    padding: 0 0.625em;
  }
}

@media (max-width: 600px) {
  .customer-grid-three .customer {
    float: none;
    width: 100%;
    padding: 1.25em 0;
  }
}

.customer-grid-bw li {
  float: left;
  width: 25%;
  text-align: center;
}

@media (max-width: 600px) {
  .customer-grid-bw li {
    width: 50%;
  }
}

.customer-grid-bw img {
  opacity: .3;
}

.customer-grid-bw-header {
  position: relative;
  text-align: center;
  margin: 3.125em 0 1.25em;
  color: #AAA;
}

@media (max-width: 600px) {
  .customer-grid-bw-header {
    text-align: left;
  }
}

.customer-grid-bw-header span {
  z-index: 1;
  display: inline-block;
  background: #fff;
  position: relative;
  padding: 0 0.64286em;
  font-size: 0.875em;
}

@media (max-width: 600px) {
  .customer-grid-bw-header span {
    padding: 0;
  }
}

.customer-grid-bw-header a {
  text-decoration: underline;
}

.customer-grid-bw-header:before {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #e9e9e9;
  position: absolute;
  top: 0.5625em;
  left: 0;
  z-index: 0;
}

/*
    ======================================================================
    Blank pages. Pages with no partial header/footer
    ======================================================================
*/
.blank-page .post {
  margin: 1.25em 0;
}

/*
    Try Kindling More Info
    ========================================
*/
.try-team-more-info {
  background-image: url("/try-team-more-info/assets/rocket-lunch-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  height: 100%;
}

.try-team-more-info body,
.try-team-more-info main,
.try-team-more-info #signup {
  height: 100%;
}

@media (max-width: 600px) {
  .try-team-more-info body,
  .try-team-more-info main,
  .try-team-more-info #signup {
    height: auto;
  }
}

@media (max-width: 900px) {
  .try-team-more-info {
    background-size: initial;
  }
}

.try-team-more-info body {
  background-color: rgba(0, 0, 0, 0.75);
}

.try-team-more-info main {
  text-align: center;
}

.try-team-more-info main .page__wrapper {
  position: relative;
}

.try-team-more-info main h1 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3em;
  font-weight: 300;
  color: white;
}

@media (max-width: 600px) {
  .try-team-more-info main h1 {
    font-size: 1.5em;
  }
}

.try-team-more-info #signup {
  padding: 6.25em 0 11.25em;
  background: transparent url("../img/kindling-logo-white.png") no-repeat 50% 40px;
  background-image: url("../img/kindling-logo-white.svg"), none;
}

@media (max-width: 600px) {
  .try-team-more-info #signup {
    padding: 6.25em 0 3.125em;
  }
}

.try-team-more-info #signup .hs-input {
  width: 100%;
  background-color: white;
}

.try-team-more-info #signup .hs-form {
  max-width: 800px;
  margin: 1.875em auto 0;
}

@media (max-width: 600px) {
  .try-team-more-info #signup .hs-form {
    max-width: initial;
    padding: 0;
  }
}

.try-team-more-info #signup .hs-form .hs-form-required {
  color: white;
}

.try-team-more-info #signup .hs-form label {
  color: white;
  font-weight: 400;
}

.try-team-more-info #signup .hs-form fieldset {
  max-width: 600px;
  margin: 0 auto 1em;
  text-align: left;
}

@media (max-width: 600px) {
  .try-team-more-info #signup .hs-form fieldset {
    max-width: initial;
  }
}

@media (max-width: 600px) {
  .try-team-more-info #signup .hs-form fieldset .input {
    margin-right: 0;
  }
}

/*
    Try Kindling More Info
    ========================================
*/
.try-team-more-info-2 {
  background-image: url("/try-team-more-info-2/assets/rocket-lunch-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  height: 100%;
}

.try-team-more-info-2 body,
.try-team-more-info-2 main,
.try-team-more-info-2 #signup {
  height: 100%;
}

@media (max-width: 600px) {
  .try-team-more-info-2 body,
  .try-team-more-info-2 main,
  .try-team-more-info-2 #signup {
    height: auto;
  }
}

@media (max-width: 900px) {
  .try-team-more-info-2 {
    background-size: initial;
  }
}

.try-team-more-info-2 body {
  background-color: rgba(0, 0, 0, 0.75);
}

.try-team-more-info-2 main {
  text-align: center;
}

.try-team-more-info-2 main .page__wrapper {
  position: relative;
}

.try-team-more-info-2 main h1 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3em;
  font-weight: 300;
  color: white;
}

@media (max-width: 600px) {
  .try-team-more-info-2 main h1 {
    font-size: 1.5em;
  }
}

.try-team-more-info-2 #signup {
  padding: 6.25em 0 11.25em;
  background: transparent url("../img/kindling-logo-white.png") no-repeat 50% 40px;
  background-image: url("../img/kindling-logo-white.svg"), none;
}

@media (max-width: 600px) {
  .try-team-more-info-2 #signup {
    padding: 6.25em 0 3.125em;
  }
}

.try-team-more-info-2 #signup .hs-input {
  width: 100%;
  background-color: white;
}

.try-team-more-info-2 #signup .hs-form {
  max-width: 800px;
  margin: 1.875em auto 0;
}

@media (max-width: 600px) {
  .try-team-more-info-2 #signup .hs-form {
    max-width: initial;
    padding: 0;
  }
}

.try-team-more-info-2 #signup .hs-form .hs-form-required {
  color: white;
}

.try-team-more-info-2 #signup .hs-form label {
  color: white;
  font-weight: 400;
}

.try-team-more-info-2 #signup .hs-form fieldset {
  max-width: 600px;
  margin: 0 auto 1em;
  text-align: left;
}

@media (max-width: 600px) {
  .try-team-more-info-2 #signup .hs-form fieldset {
    max-width: initial;
  }
}

@media (max-width: 600px) {
  .try-team-more-info-2 #signup .hs-form fieldset .input {
    margin-right: 0;
  }
}

/*
    ======================================================================
    Search's page
    ======================================================================
*/
.search-results .post__wrapper h2 span:last-child {
  font-weight: bold;
}

.search-results .post__wrapper h2 span:last-child:after {
  content: ".";
  font-weight: normal;
}

/*
    Schedule a Demo
    ========================================
*/
.schedule-a-demo .copy h4 {
  border-top: 1px solid #e9e9e9;
  padding-top: 1.25em;
  margin-top: 1.25em;
}

.schedule-a-demo .copy a {
  text-decoration: underline;
}

/*
    ======================================================================
    Referral Program
    ======================================================================
*/
.referral-program .page h2 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 900;
  line-height: 1.1;
}

.referral-program .page p {
  margin-top: 1.25em;
}

.referral-program .page p b {
  font-weight: 600;
  color: #FF8800;
}

.referral-program .page__featured-asset {
  padding: 3.125em 3.125em 0;
  border-bottom: 1px solid #CCC;
}

@media (max-width: 600px) {
  .referral-program .page__featured-asset {
    padding: 2.5em 0 0;
  }
}

.referral-program .page__featured-asset img {
  vertical-align: bottom;
}

.referral-program--text {
  float: left;
  width: 43%;
}

@media (max-width: 600px) {
  .referral-program--text {
    width: auto;
    margin-bottom: 2.5em;
  }
}

.referral-program--text p {
  font-size: 1.125em;
}

.referral-program .form {
  margin-left: 50%;
  min-height: 39.375em;
}

@media (max-width: 600px) {
  .referral-program .form {
    margin-left: 0;
  }
}

.referral-program .hs-richtext {
  font-weight: 700;
  font-size: 1.125em;
  margin: 1.25em 0 0.9375em !important;
}

/*
    ======================================================================
    Academy
    ======================================================================
*/
.academy .post__toc {
  display: none;
}

/*
    Academy's sidebar modules
    ========================================
*/
.browse--container div {
  margin-bottom: 0.625em;
}

.browse--category {
  padding-left: 0.5em;
}

.browse--category li {
  padding: 0.25em 0;
}

.browse--category li a {
  padding-left: 0.625em;
  color: #333;
  display: block;
  border-left: 3px solid #e9e9e9;
}

.browse--category li.browse--category__active {
  background-color: #ffe7cc;
  position: relative;
}

.browse--category li.browse--category__active a {
  color: #FF8800;
  border-left: 3px solid #FF8800;
}

.browse--title {
  position: relative;
  font-weight: bold;
  padding-left: 1.25em;
  margin-bottom: 0.3125em;
  cursor: pointer;
}

.browse--title:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #333;
}

.browse--title__expand:before {
  left: 0.1875em;
  top: 0.5em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}

/*
    Featured Innovation Resources container
    ========================================
*/
.featured-container {
  border-bottom: 1px solid #DDD;
  margin: 1.875em 0;
  padding-bottom: 0.625em;
}

.featured-container--label {
  position: relative;
  margin-bottom: 0.625em;
}

.featured-container--label:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0.75em;
  left: 0;
  background-color: #DDD;
}

.featured-container--label span {
  font-size: 0.875em;
  color: #AAA;
  background-color: #F3F3F3;
  padding-right: 0.625em;
  position: relative;
  z-index: 9;
}

/*
    3 Pane cards
    Subscribe | Take a Tour | Twitter CTA
    ========================================
*/
.inline-cards {
  clear: both;
  padding-top: 3.75em;
}

.inline-cards .sidebar-module {
  display: inline-block;
  width: 32.333%;
  margin-left: 1%;
  vertical-align: top;
}

@media (max-width: 900px) {
  .inline-cards .sidebar-module {
    width: auto;
    display: block;
  }
}

.inline-cards .sidebar-module:first-child {
  margin-left: 0;
}

/*
    Release notes master narrative label styling
    ========================================
*/
h2#discover,
h2#discuss,
h2#evaluate,
h2#decide,
h2#bug-fixes {
  font-size: 1.125em;
  font-weight: 700;
  padding: 0.375em 0.5em;
  margin-top: 2.5em;
  color: white;
  border-radius: 3px;
}

h2#discover {
  background-color: #FF8800;
}

h2#discuss {
  background-color: #333;
}

h2#evaluate {
  background-color: #0088E0;
}

h2#decide {
  background-color: #319E64;
}

h2#bug-fixes {
  background-color: #9D0A0E;
}

.video-container {
  position: relative;
  padding-bottom: 52.74%;
  padding-top: 1.875em;
  height: 0;
  overflow: hidden;
}

@media (max-width: 900px) {
  .video-container {
    padding-bottom: 51%;
  }
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
    Try Kindling More Info
    ========================================
*/
.australia-innovates {
  background: transparent url(/australia-innovates/assets/map.svg) no-repeat 50% -450px;
}

@media (max-width: 600px) {
  .australia-innovates {
    background-size: 380px auto;
    background-position-y: -170px;
  }
}

.australia-innovates .landing-page p {
  font-size: 1.125em;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page p {
    font-size: 1em;
  }
}

.australia-innovates .landing-page .ctas li {
  padding: 1.875em 2.5em;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page .ctas li {
    padding: 1.25em;
  }
}

.australia-innovates .landing-page .wrapper {
  max-width: 50em;
}

.australia-innovates .landing-page .form-copy {
  float: left;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page .form-copy {
    float: none;
  }
}

@media (max-width: 600px) {
  .australia-innovates .landing-page .form {
    margin-top: 1.25em;
  }
}

.australia-innovates .landing-page .form .hs-form fieldset.form-columns-1 .hs-input,
.australia-innovates .landing-page .form .hs-form fieldset.form-columns-2 .hs-input {
  width: 100%;
}

.australia-innovates .landing-page .form .form-columns-1,
.australia-innovates .landing-page .form .hs_submit {
  margin-top: 0.625em;
}

.australia-innovates .landing-page--schedule-demo h3,
.australia-innovates .landing-page--subscribe h3 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 0.3125em;
}

.australia-innovates .landing-page--header {
  padding-top: 5em;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page--header {
    padding-top: 2.5em;
  }
}

.australia-innovates .landing-page--header h1, .australia-innovates .landing-page--header h2, .australia-innovates .landing-page--header p {
  width: 67%;
}

@media (max-width: 900px) {
  .australia-innovates .landing-page--header h1, .australia-innovates .landing-page--header h2, .australia-innovates .landing-page--header p {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .australia-innovates .landing-page--header h1, .australia-innovates .landing-page--header h2, .australia-innovates .landing-page--header p {
    width: auto;
  }
}

.australia-innovates .landing-page--header h1, .australia-innovates .landing-page--header h2 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0.625em;
}

.australia-innovates .landing-page--header h1 {
  font-size: 2.625em;
  line-height: 1.2;
  font-weight: 800;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page--header h1 {
    font-size: 1.6875em;
  }
}

.australia-innovates .landing-page--header h2 {
  font-style: italic;
  font-size: 1.5em;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page--header h2 {
    font-size: 1.25em;
  }
}

.australia-innovates .landing-page--header p {
  margin-bottom: 0.3125em;
}

.australia-innovates .landing-page--header a {
  color: #0088E0;
}

.australia-innovates .landing-page--schedule-demo {
  background-color: #0088E0;
}

.australia-innovates .landing-page--schedule-demo h3 {
  font-size: 2.25em;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page--schedule-demo h3 {
    font-size: 1.5em;
  }
}

.australia-innovates .landing-page--schedule-demo .form-copy,
.australia-innovates .landing-page--schedule-demo form {
  color: white;
}

.australia-innovates .landing-page--schedule-demo .form-copy {
  width: 40%;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page--schedule-demo .form-copy {
    width: auto;
  }
}

.australia-innovates .landing-page--schedule-demo .form {
  margin-left: 45%;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page--schedule-demo .form {
    margin-left: 0;
  }
}

.australia-innovates .landing-page--subscribe {
  background-color: #F3F3F3;
}

.australia-innovates .landing-page--subscribe h3 {
  font-size: 1.5em;
}

@media (max-width: 900px) {
  .australia-innovates .landing-page--subscribe h3 {
    font-size: 1.25em;
  }
}

.australia-innovates .landing-page--subscribe .form-copy {
  width: 44%;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page--subscribe .form-copy {
    width: auto;
  }
}

.australia-innovates .landing-page--subscribe .form {
  margin-left: 51%;
}

@media (max-width: 600px) {
  .australia-innovates .landing-page--subscribe .form {
    margin-left: 0;
  }
}

.australia-innovates .landing-page--logo {
  text-align: center;
  padding: 5em 0;
}

/*
    Lets Talk Innovation Event Landing Page
    ========================================
*/
.lets-talk-innovation-les .wrapper {
  max-width: 40.625em;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les .form {
    margin-top: 1.25em;
  }
}

.lets-talk-innovation-les .form .hs-form fieldset.form-columns-1 .hs-input,
.lets-talk-innovation-les .form .hs-form fieldset.form-columns-2 .hs-input {
  width: 100%;
}

.lets-talk-innovation-les .form .form-columns-1,
.lets-talk-innovation-les .form .hs_submit {
  margin-top: 0.625em;
}

.lets-talk-innovation-les .submitted-message {
  color: white;
  background-image: url(/assets/img/heart-lg-white.svg);
  margin-bottom: 1.25em;
}

.lets-talk-innovation-les--header {
  padding: 6.875em 0;
  text-align: center;
  background: transparent url(/lets-talk-innovation-les/assets/header.jpg) no-repeat 50% 100%;
  background-size: cover;
  color: white;
}

.lets-talk-innovation-les--header .post__wrapper {
  position: relative;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les--header {
    padding: 1.875em 0;
  }
}

.lets-talk-innovation-les--header h1, .lets-talk-innovation-les--header h2, .lets-talk-innovation-les--header h3 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.lets-talk-innovation-les--header h1 {
  font-size: 3em;
  font-weight: 800;
  line-height: 1.2;
  margin: 0.3125em 0;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les--header h1 {
    font-size: 2.25em;
  }
}

.lets-talk-innovation-les--header h1 span {
  display: block;
}

.lets-talk-innovation-les--header h2 {
  font-size: 1.5em;
  font-weight: 300;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les--header h2 {
    font-size: 1.25em;
  }
}

.lets-talk-innovation-les--body .wrapper {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les--body .wrapper {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
  }
}

.lets-talk-innovation-les--body h3 {
  font-size: 1.5em;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les--body h3 {
    font-size: 1.25em;
  }
}

.lets-talk-innovation-les--body h3 span {
  color: #FF8800;
}

.lets-talk-innovation-les--body p {
  margin-top: 1.25em;
}

.lets-talk-innovation-les--body p:first-child {
  margin-top: 0;
}

.lets-talk-innovation-les--body p span {
  color: #FF8800;
}

.lets-talk-innovation-les--rsvp {
  background-color: #0088E0;
  color: white;
}

.lets-talk-innovation-les--rsvp h3 {
  font-size: 2.25em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 0.625em;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les--rsvp h3 {
    font-size: 1.5em;
  }
}

.lets-talk-innovation-les--note {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0.625em;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les--footer {
    text-align: center;
  }
}

.lets-talk-innovation-les--footer a {
  float: left;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les--footer a {
    float: none;
  }
}

.lets-talk-innovation-les--footer address {
  float: right;
  font-size: 0.875em;
  margin-top: 0.625em;
  color: #777;
}

@media (max-width: 600px) {
  .lets-talk-innovation-les--footer address {
    float: none;
  }
}

/*
    Try Kindling More Info
    ========================================
*/
.try-kindling-for-free {
  background-color: white;
}

.try-kindling-for-free h1, .try-kindling-for-free h2, .try-kindling-for-free h3 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.try-kindling-for-free h1 {
  font-weight: 800;
  font-size: 3em;
}

@media (max-width: 600px) {
  .try-kindling-for-free h1 {
    font-size: 2.25em;
    line-height: 1;
  }
}

.try-kindling-for-free .landing-page .ctas {
  margin-top: 1.25em;
}

.try-kindling-for-free .landing-page .ctas li {
  padding: 1.875em 2.5em;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page .ctas li {
    padding: 1.25em;
  }
}

.try-kindling-for-free .landing-page .ctas p {
  font-size: 1em;
}

.try-kindling-for-free .landing-page .section-title {
  font-weight: 800;
  text-align: center;
  margin-bottom: 0.3125em;
  font-size: 2em;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page .section-title {
    margin-bottom: 0.625em;
    font-size: 1.25em;
  }
}

.try-kindling-for-free .landing-page--header {
  background-color: #333;
  color: white;
  text-align: center;
  padding-top: 3.75em;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--header {
    padding-top: 1.875em;
  }
}

.try-kindling-for-free .landing-page--header h2 {
  font-weight: 200;
  font-size: 1.5em;
  margin-bottom: 1.25em;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--header h2 {
    font-size: 1.25em;
  }
}

.try-kindling-for-free .landing-page--header img {
  vertical-align: bottom;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--header img {
    max-width: 95%;
  }
}

.try-kindling-for-free .landing-page--header .form, .try-kindling-for-free .landing-page--kindling-team .form {
  text-align: center;
  margin-bottom: 1.25em;
}

.try-kindling-for-free .landing-page--header .form .hs-form-required, .try-kindling-for-free .landing-page--kindling-team .form .hs-form-required {
  display: none;
}

.try-kindling-for-free .landing-page--header .form .hs-form .hs_submit, .try-kindling-for-free .landing-page--kindling-team .form .hs-form .hs_submit {
  display: block;
}

.try-kindling-for-free .landing-page--header .form .hbspt-form form .hs-error-msgs, .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form .hs-error-msgs {
  text-align: left;
}

.try-kindling-for-free .landing-page--header .form .hbspt-form form .hs-error-msgs label, .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form .hs-error-msgs label {
  position: absolute;
}

.try-kindling-for-free .landing-page--header .form .hbspt-form form > div, .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form > div {
  display: inline-block;
  margin-bottom: 0 !important;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--header .form .hbspt-form form > div, .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form > div {
    display: block;
  }
}

.try-kindling-for-free .landing-page--header .form .hbspt-form form > div:nth-child(1), .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form > div:nth-child(1) {
  margin-right: 2%;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--header .form .hbspt-form form > div:nth-child(1), .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form > div:nth-child(1) {
    margin-right: 0;
  }
}

.try-kindling-for-free .landing-page--header .form .hbspt-form form > div:nth-child(1), .try-kindling-for-free .landing-page--header .form .hbspt-form form > div:nth-child(2), .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form > div:nth-child(1), .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form > div:nth-child(2) {
  width: 40%;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--header .form .hbspt-form form > div:nth-child(1), .try-kindling-for-free .landing-page--header .form .hbspt-form form > div:nth-child(2), .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form > div:nth-child(1), .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form > div:nth-child(2) {
    width: 95%;
    margin: 0 auto;
  }
}

.try-kindling-for-free .landing-page--header .form .hbspt-form form > div:nth-child(4), .try-kindling-for-free .landing-page--kindling-team .form .hbspt-form form > div:nth-child(4) {
  display: block;
}

.try-kindling-for-free .landing-page--header .form .hs_tos_pioneer .hs-error-msgs, .try-kindling-for-free .landing-page--kindling-team .form .hs_tos_pioneer .hs-error-msgs {
  width: 50%;
  margin: 0 auto;
}

.try-kindling-for-free .landing-page--what-is {
  text-align: center;
  background-color: #0088E0;
  color: white;
}

.try-kindling-for-free .landing-page--what-is h3 {
  font-size: 2.25em;
  font-weight: 700;
  margin-bottom: 0.3125em;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--what-is h3 {
    font-size: 1.5em;
  }
}

.try-kindling-for-free .landing-page--what-is h4 {
  font-size: 1.5em;
  font-weight: 200;
  width: 66%;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--what-is h4 {
    font-size: 1.25em;
    width: auto;
  }
}

.try-kindling-for-free .landing-page--what-is p {
  margin-bottom: 0.625em;
  font-size: 1.125em;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--what-is p {
    font-size: 1em;
  }
}

.try-kindling-for-free .landing-page--what-is .form-copy,
.try-kindling-for-free .landing-page--what-is form {
  color: white;
}

.try-kindling-for-free .landing-page--what-is .form-copy {
  width: 38%;
  float: left;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--what-is .form-copy {
    width: auto;
    float: none;
  }
}

.try-kindling-for-free .landing-page--how-it-works {
  position: relative;
}

.try-kindling-for-free .landing-page--how-it-works .section-title {
  text-align: left;
}

.try-kindling-for-free .landing-page--how-it-works h2, .try-kindling-for-free .landing-page--how-it-works p {
  margin-left: 50%;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--how-it-works h2, .try-kindling-for-free .landing-page--how-it-works p {
    margin-left: 0;
  }
}

.try-kindling-for-free .landing-page--how-it-works p {
  font-size: 1em;
  margin-top: 0.625em;
}

.try-kindling-for-free .landing-page--how-it-works .last-child {
  font-weight: 600;
}

.try-kindling-for-free .landing-page--how-it-works .last-child span {
  color: #FF8800;
}

.try-kindling-for-free .landing-page--how-it-works img {
  position: absolute;
  bottom: 0;
  width: 370px;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--how-it-works img {
    width: 75%;
    right: 1.25em;
    opacity: .5;
  }
}

.try-kindling-for-free .landing-page--who-uses-it {
  background-color: #F3F3F3;
}

.try-kindling-for-free .landing-page--who-uses-it h3 {
  font-size: 1.125em;
  font-weight: 800;
  line-height: 1.1;
  margin-top: 0.625em;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--who-uses-it h3 {
    margin-top: 0;
  }
}

.try-kindling-for-free .landing-page--who-uses-it ul {
  overflow: hidden;
}

.try-kindling-for-free .landing-page--who-uses-it li {
  text-align: center;
  float: left;
  width: 25%;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--who-uses-it li {
    float: none;
    width: auto;
    margin-bottom: 1.25em;
  }
}

.try-kindling-for-free .landing-page--who-uses-it li p {
  font-size: 1em;
  margin-top: 0.3125em;
}

@media (max-width: 900px) {
  .try-kindling-for-free .landing-page--who-uses-it li p {
    font-size: 0.875em;
  }
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--who-uses-it li img {
    width: 25%;
  }
}

.try-kindling-for-free .landing-page--kindling-team {
  background-color: #F3F3F3;
  text-align: center;
}

.try-kindling-for-free .landing-page--kindling-team h2, .try-kindling-for-free .landing-page--kindling-team h3 {
  font-size: 2.25em;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--kindling-team h2, .try-kindling-for-free .landing-page--kindling-team h3 {
    font-size: 1.5em;
  }
}

.try-kindling-for-free .landing-page--kindling-team h2 {
  font-weight: 800;
}

.try-kindling-for-free .landing-page--kindling-team h3 {
  font-weight: 200;
  margin: 0.3125em 0;
}

.try-kindling-for-free .landing-page--kindling-team h3 span {
  color: #FF8800;
}

.try-kindling-for-free .landing-page--kindling-team p {
  color: #777;
  margin-bottom: 1.25em;
}

.try-kindling-for-free .landing-page--kindling-team h4 {
  font-weight: 800;
  font-size: 1.5em;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--kindling-team h4 {
    font-size: 1.125em;
  }
}

.try-kindling-for-free .landing-page--kindling-team a {
  color: #0088E0;
}

.try-kindling-for-free .landing-page--footer {
  background-color: #F3F3F3;
  text-align: right;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--footer {
    text-align: center;
  }
}

.try-kindling-for-free .landing-page--footer .wrapper {
  position: relative;
}

.try-kindling-for-free .landing-page--footer a {
  position: absolute;
  left: 0;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--footer a {
    position: static;
  }
}

.try-kindling-for-free .landing-page--footer address {
  padding-top: 0.9375em;
  font-size: 0.875em;
  color: #777;
}

@media (max-width: 600px) {
  .try-kindling-for-free .landing-page--footer address {
    padding-top: 0;
  }
}

.try-kindling-for-free .landing-page .kindling-features--list {
  margin-top: 0;
  margin-bottom: 1.25em;
}