/**
*   Compiled on hawkesburycadillac.com
*/
/**
* Main dependencies, order is important
* -------------------------------------------------------------------
*/
/*
  @mixin set-break

  Returns css wrapped in a given breakpoint ($breakpoints defined in _variables)

*/
/*
  @mixin color-overlay

  Returns css blocks wrapped with a vendor prefixed placeholder selector
 */
/*
  @mixin make-button

// Accepts color, border-color, background-color, params for each button state, in the order: Normal, Hover, Active, Focus
// use the @content property do add additional css (ie. button--invert)
 */
/*
  @mixin color-overlay

// Create a background overlay where:
// The background image container is set to position relative, with a new stacking context
// A full width/height :before psuedo is created at z-index -1 in this new context, with a $color applied to background
// Any content (ie. Text, buttons) will appear over the color by default (or if z-index is >= 0)
 */
/*
@mixin get-button

Accepts a single string which will return a matching system button
or a list of 9 colours for a customized button.

System buttons:
'button--filled'
'button--filled.invert'
'button--outline'
'button--outline.invert'
'button--outline.button--secondary'
'button--outline.button--secondary.invert'
'button--inner'
'button--inner.button--secondary'
*/
/**
* THEME SETTINGS
*
* Notes
* -------------------------------------------------------------------
* - sassdash (npm module) functions are being utilized to work with sass maps
*       _get($map, 'one.two.three') === map-get(map-get(map-get($map, 'one'), 'two'), 'three')
*       _has($map, $key) === map-has-keys($map, $key)
*       _merge($map_one, map_two) === map-merge($map_one, map_two)
*
* Table Of Contents
* -------------------------------------------------------------------
* colors - Brand colors and any custom colors used by the theme
* breakpoints - The foundation grid will use the breakpoints in this file when being compiled
* z-layers - Used by the "z()" function to return a predefined z-index value
* links - The default styling for <a> tags
* text - The default styling for body copy
* heading - The default styling for <hX> and type classes like .display-1
* spacing - Used by the "space()" function for returning a predefined spacer amount, typically used with padding or margin
* -------------------------------------------------------------------
*/
.wp {
  /*
  Button

  A standard button used for calls to action

  :hover              - Changes color/background color when hovering
  :disabled           - Dims when disabled
  :active             - Changes color, background color and border color when clicking/tapping
  .button--invert     - Swaps light/dark text and background colors
  .button--secondary  - Creates an outline version of the button
  .button-inline      - Creates a button with width:auto

   */ }
  .wp .button, .wp .button.button--filled {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0 16px;
    font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    border: 1px solid #000000;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.25s;
    color: #000000;
    font-size: 14px;
    font-size: 0.93rem;
    letter-spacing: 0.02rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 0px; }
    .wp .button > span, .wp .button.button--filled > span {
      padding-right: 10px; }
    .wp .button .svg-icon svg, .wp .button.button--filled .svg-icon svg {
      color: #000000;
      fill: #000000;
      transition: all 0.25s; }
    @media screen and (min-width: 768px) {
      .wp .button, .wp .button.button--filled {
        font-size: 14px;
        font-size: 0.7rem;
        line-height: 0.9rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .wp .button:hover, .wp .button.button--filled:hover {
        background-color: #000000;
        color: #FFFFFF;
        border-color: #000000;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button:hover svg, .wp .button.button--filled:hover svg {
          color: #FFFFFF;
          fill: #FFFFFF; } }

@-moz-document url-prefix() {
  .wp .button:hover, .wp .button.button--filled:hover {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #000000;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button:hover svg, .wp .button.button--filled:hover svg {
      color: #FFFFFF;
      fill: #FFFFFF; } }
    @media (hover: hover) {
      .wp .button:hover, .wp .button.button--filled:hover {
        background-color: #000000;
        color: #FFFFFF;
        border-color: #000000;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button:hover svg, .wp .button.button--filled:hover svg {
          color: #FFFFFF;
          fill: #FFFFFF; } }
    .wp .button:active, .wp .button.button--filled:active {
      background-color: #505050;
      color: #FFFFFF;
      border-color: #505050;
      transition: 0.25s all; }
      .wp .button:active svg, .wp .button.button--filled:active svg {
        color: #FFFFFF;
        fill: #FFFFFF; }
    .wp .button.invert, .wp .button.button--filled.invert {
      text-decoration: none;
      text-transform: uppercase;
      position: relative;
      margin: 0;
      width: 100%;
      padding: 0 16px;
      font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-align: center;
      border: 1px solid #FFFFFF;
      outline: none;
      background-color: transparent;
      cursor: pointer;
      transition: all 0.25s;
      color: #FFFFFF;
      font-size: 14px;
      font-size: 0.93rem;
      letter-spacing: 0.02rem;
      line-height: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 45px;
      border-radius: 0px; }
      .wp .button.invert > span, .wp .button.button--filled.invert > span {
        padding-right: 10px; }
      .wp .button.invert .svg-icon svg, .wp .button.button--filled.invert .svg-icon svg {
        color: #FFFFFF;
        fill: #FFFFFF;
        transition: all 0.25s; }
      @media screen and (min-width: 768px) {
        .wp .button.invert, .wp .button.button--filled.invert {
          font-size: 14px;
          font-size: 0.7rem;
          line-height: 0.9rem; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .wp .button.invert:hover, .wp .button.button--filled.invert:hover {
          background-color: #FFFFFF;
          color: #000000;
          border-color: #FFFFFF;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.invert:hover svg, .wp .button.button--filled.invert:hover svg {
            color: #000000;
            fill: #000000; } }

@-moz-document url-prefix() {
  .wp .button.invert:hover, .wp .button.button--filled.invert:hover {
    background-color: #FFFFFF;
    color: #000000;
    border-color: #FFFFFF;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.invert:hover svg, .wp .button.button--filled.invert:hover svg {
      color: #000000;
      fill: #000000; } }
      @media (hover: hover) {
        .wp .button.invert:hover, .wp .button.button--filled.invert:hover {
          background-color: #FFFFFF;
          color: #000000;
          border-color: #FFFFFF;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.invert:hover svg, .wp .button.button--filled.invert:hover svg {
            color: #000000;
            fill: #000000; } }
      .wp .button.invert:active, .wp .button.button--filled.invert:active {
        background-color: #D2D2D2;
        color: #000000;
        border-color: #D2D2D2;
        transition: 0.25s all; }
        .wp .button.invert:active svg, .wp .button.button--filled.invert:active svg {
          color: #000000;
          fill: #000000; }
  .wp .button.button--secondary {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0 16px;
    font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    border: 1px solid #505050;
    outline: none;
    background-color: #505050;
    cursor: pointer;
    transition: all 0.25s;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 0.93rem;
    letter-spacing: 0.02rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 0px; }
    .wp .button.button--secondary > span {
      padding-right: 10px; }
    .wp .button.button--secondary .svg-icon svg {
      color: #FFFFFF;
      fill: #FFFFFF;
      transition: all 0.25s; }
    @media screen and (min-width: 768px) {
      .wp .button.button--secondary {
        font-size: 14px;
        font-size: 0.7rem;
        line-height: 0.9rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .wp .button.button--secondary:hover {
        background-color: #000000;
        color: #FFFFFF;
        border-color: #000000;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button.button--secondary:hover svg {
          color: #FFFFFF;
          fill: #FFFFFF; } }

@-moz-document url-prefix() {
  .wp .button.button--secondary:hover {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #000000;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--secondary:hover svg {
      color: #FFFFFF;
      fill: #FFFFFF; } }
    @media (hover: hover) {
      .wp .button.button--secondary:hover {
        background-color: #000000;
        color: #FFFFFF;
        border-color: #000000;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button.button--secondary:hover svg {
          color: #FFFFFF;
          fill: #FFFFFF; } }
    .wp .button.button--secondary:active {
      background-color: transparent;
      color: #000000;
      border-color: #000000;
      transition: 0.25s all; }
      .wp .button.button--secondary:active svg {
        color: #000000;
        fill: #000000; }
    .wp .button.button--secondary.invert {
      text-decoration: none;
      text-transform: uppercase;
      position: relative;
      margin: 0;
      width: 100%;
      padding: 0 16px;
      font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-align: center;
      border: 1px solid #D2D2D2;
      outline: none;
      background-color: #D2D2D2;
      cursor: pointer;
      transition: all 0.25s;
      color: #000000;
      font-size: 14px;
      font-size: 0.93rem;
      letter-spacing: 0.02rem;
      line-height: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 45px;
      border-radius: 0px; }
      .wp .button.button--secondary.invert > span {
        padding-right: 10px; }
      .wp .button.button--secondary.invert .svg-icon svg {
        color: #000000;
        fill: #000000;
        transition: all 0.25s; }
      @media screen and (min-width: 768px) {
        .wp .button.button--secondary.invert {
          font-size: 14px;
          font-size: 0.7rem;
          line-height: 0.9rem; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .wp .button.button--secondary.invert:hover {
          background-color: #FFFFFF;
          color: #000000;
          border-color: #FFFFFF;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--secondary.invert:hover svg {
            color: #000000;
            fill: #000000; } }

@-moz-document url-prefix() {
  .wp .button.button--secondary.invert:hover {
    background-color: #FFFFFF;
    color: #000000;
    border-color: #FFFFFF;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--secondary.invert:hover svg {
      color: #000000;
      fill: #000000; } }
      @media (hover: hover) {
        .wp .button.button--secondary.invert:hover {
          background-color: #FFFFFF;
          color: #000000;
          border-color: #FFFFFF;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--secondary.invert:hover svg {
            color: #000000;
            fill: #000000; } }
      .wp .button.button--secondary.invert:active {
        background-color: transparent;
        color: #FFFFFF;
        border-color: #FFFFFF;
        transition: 0.25s all; }
        .wp .button.button--secondary.invert:active svg {
          color: #FFFFFF;
          fill: #FFFFFF; }
  .wp .button.button--outline {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0 16px;
    font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    border: 1px solid #000000;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.25s;
    color: #000000;
    font-size: 14px;
    font-size: 0.93rem;
    letter-spacing: 0.02rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 0px; }
    .wp .button.button--outline > span {
      padding-right: 10px; }
    .wp .button.button--outline .svg-icon svg {
      color: #000000;
      fill: #000000;
      transition: all 0.25s; }
    @media screen and (min-width: 768px) {
      .wp .button.button--outline {
        font-size: 14px;
        font-size: 0.7rem;
        line-height: 0.9rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .wp .button.button--outline:hover {
        background-color: #000000;
        color: #FFFFFF;
        border-color: #000000;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button.button--outline:hover svg {
          color: #FFFFFF;
          fill: #FFFFFF; } }

@-moz-document url-prefix() {
  .wp .button.button--outline:hover {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #000000;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--outline:hover svg {
      color: #FFFFFF;
      fill: #FFFFFF; } }
    @media (hover: hover) {
      .wp .button.button--outline:hover {
        background-color: #000000;
        color: #FFFFFF;
        border-color: #000000;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button.button--outline:hover svg {
          color: #FFFFFF;
          fill: #FFFFFF; } }
    .wp .button.button--outline:active {
      background-color: #505050;
      color: #FFFFFF;
      border-color: #505050;
      transition: 0.25s all; }
      .wp .button.button--outline:active svg {
        color: #FFFFFF;
        fill: #FFFFFF; }
    .wp .button.button--outline.invert {
      text-decoration: none;
      text-transform: uppercase;
      position: relative;
      margin: 0;
      width: 100%;
      padding: 0 16px;
      font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-align: center;
      border: 1px solid #FFFFFF;
      outline: none;
      background-color: transparent;
      cursor: pointer;
      transition: all 0.25s;
      color: #FFFFFF;
      font-size: 14px;
      font-size: 0.93rem;
      letter-spacing: 0.02rem;
      line-height: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 45px;
      border-radius: 0px; }
      .wp .button.button--outline.invert > span {
        padding-right: 10px; }
      .wp .button.button--outline.invert .svg-icon svg {
        color: #FFFFFF;
        fill: #FFFFFF;
        transition: all 0.25s; }
      @media screen and (min-width: 768px) {
        .wp .button.button--outline.invert {
          font-size: 14px;
          font-size: 0.7rem;
          line-height: 0.9rem; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .wp .button.button--outline.invert:hover {
          background-color: #FFFFFF;
          color: #000000;
          border-color: #FFFFFF;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--outline.invert:hover svg {
            color: #000000;
            fill: #000000; } }

@-moz-document url-prefix() {
  .wp .button.button--outline.invert:hover {
    background-color: #FFFFFF;
    color: #000000;
    border-color: #FFFFFF;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--outline.invert:hover svg {
      color: #000000;
      fill: #000000; } }
      @media (hover: hover) {
        .wp .button.button--outline.invert:hover {
          background-color: #FFFFFF;
          color: #000000;
          border-color: #FFFFFF;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--outline.invert:hover svg {
            color: #000000;
            fill: #000000; } }
      .wp .button.button--outline.invert:active {
        background-color: #D2D2D2;
        color: #000000;
        border-color: #D2D2D2;
        transition: 0.25s all; }
        .wp .button.button--outline.invert:active svg {
          color: #000000;
          fill: #000000; }
    .wp .button.button--outline.button--secondary {
      text-decoration: none;
      text-transform: uppercase;
      position: relative;
      margin: 0;
      width: 100%;
      padding: 0 16px;
      font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-align: center;
      border: 1px solid #000000;
      outline: none;
      background-color: transparent;
      cursor: pointer;
      transition: all 0.25s;
      color: #000000;
      font-size: 14px;
      font-size: 0.93rem;
      letter-spacing: 0.02rem;
      line-height: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 45px;
      border-radius: 0px; }
      .wp .button.button--outline.button--secondary > span {
        padding-right: 10px; }
      .wp .button.button--outline.button--secondary .svg-icon svg {
        color: #000000;
        fill: #000000;
        transition: all 0.25s; }
      @media screen and (min-width: 768px) {
        .wp .button.button--outline.button--secondary {
          font-size: 14px;
          font-size: 0.7rem;
          line-height: 0.9rem; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .wp .button.button--outline.button--secondary:hover {
          background-color: #000000;
          color: #FFFFFF;
          border-color: #000000;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--outline.button--secondary:hover svg {
            color: #FFFFFF;
            fill: #FFFFFF; } }

@-moz-document url-prefix() {
  .wp .button.button--outline.button--secondary:hover {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #000000;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--outline.button--secondary:hover svg {
      color: #FFFFFF;
      fill: #FFFFFF; } }
      @media (hover: hover) {
        .wp .button.button--outline.button--secondary:hover {
          background-color: #000000;
          color: #FFFFFF;
          border-color: #000000;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--outline.button--secondary:hover svg {
            color: #FFFFFF;
            fill: #FFFFFF; } }
      .wp .button.button--outline.button--secondary:active {
        background-color: #505050;
        color: #FFFFFF;
        border-color: #505050;
        transition: 0.25s all; }
        .wp .button.button--outline.button--secondary:active svg {
          color: #FFFFFF;
          fill: #FFFFFF; }
      .wp .button.button--outline.button--secondary.invert {
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
        margin: 0;
        width: 100%;
        padding: 0 16px;
        font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-align: center;
        border: 1px solid #FFFFFF;
        outline: none;
        background-color: transparent;
        cursor: pointer;
        transition: all 0.25s;
        color: #FFFFFF;
        font-size: 14px;
        font-size: 0.93rem;
        letter-spacing: 0.02rem;
        line-height: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 45px;
        border-radius: 0px; }
        .wp .button.button--outline.button--secondary.invert > span {
          padding-right: 10px; }
        .wp .button.button--outline.button--secondary.invert .svg-icon svg {
          color: #FFFFFF;
          fill: #FFFFFF;
          transition: all 0.25s; }
        @media screen and (min-width: 768px) {
          .wp .button.button--outline.button--secondary.invert {
            font-size: 14px;
            font-size: 0.7rem;
            line-height: 0.9rem; } }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .wp .button.button--outline.button--secondary.invert:hover {
            background-color: #FFFFFF;
            color: #000000;
            border-color: #FFFFFF;
            transition: background 0.25s, border 0.25s, color 0.25s; }
            .wp .button.button--outline.button--secondary.invert:hover svg {
              color: #000000;
              fill: #000000; } }

@-moz-document url-prefix() {
  .wp .button.button--outline.button--secondary.invert:hover {
    background-color: #FFFFFF;
    color: #000000;
    border-color: #FFFFFF;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--outline.button--secondary.invert:hover svg {
      color: #000000;
      fill: #000000; } }
        @media (hover: hover) {
          .wp .button.button--outline.button--secondary.invert:hover {
            background-color: #FFFFFF;
            color: #000000;
            border-color: #FFFFFF;
            transition: background 0.25s, border 0.25s, color 0.25s; }
            .wp .button.button--outline.button--secondary.invert:hover svg {
              color: #000000;
              fill: #000000; } }
        .wp .button.button--outline.button--secondary.invert:active {
          background-color: #D2D2D2;
          color: #000000;
          border-color: #D2D2D2;
          transition: 0.25s all; }
          .wp .button.button--outline.button--secondary.invert:active svg {
            color: #000000;
            fill: #000000; }
  .wp .button.button--inner {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0 16px;
    font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    border: 1px solid #000000;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.25s;
    color: #000000;
    font-size: 14px;
    font-size: 0.93rem;
    letter-spacing: 0.02rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 0px; }
    .wp .button.button--inner > span {
      padding-right: 10px; }
    .wp .button.button--inner .svg-icon svg {
      color: #000000;
      fill: #000000;
      transition: all 0.25s; }
    @media screen and (min-width: 768px) {
      .wp .button.button--inner {
        font-size: 14px;
        font-size: 0.7rem;
        line-height: 0.9rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .wp .button.button--inner:hover {
        background-color: #000000;
        color: #FFFFFF;
        border-color: #000000;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button.button--inner:hover svg {
          color: #FFFFFF;
          fill: #FFFFFF; } }

@-moz-document url-prefix() {
  .wp .button.button--inner:hover {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #000000;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--inner:hover svg {
      color: #FFFFFF;
      fill: #FFFFFF; } }
    @media (hover: hover) {
      .wp .button.button--inner:hover {
        background-color: #000000;
        color: #FFFFFF;
        border-color: #000000;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button.button--inner:hover svg {
          color: #FFFFFF;
          fill: #FFFFFF; } }
    .wp .button.button--inner:active {
      background-color: #505050;
      color: #FFFFFF;
      border-color: #505050;
      transition: 0.25s all; }
      .wp .button.button--inner:active svg {
        color: #FFFFFF;
        fill: #FFFFFF; }
    .wp .button.button--inner.button--secondary {
      text-decoration: none;
      text-transform: uppercase;
      position: relative;
      margin: 0;
      width: 100%;
      padding: 0 16px;
      font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-align: center;
      border: 1px solid #505050;
      outline: none;
      background-color: #505050;
      cursor: pointer;
      transition: all 0.25s;
      color: #FFFFFF;
      font-size: 14px;
      font-size: 0.93rem;
      letter-spacing: 0.02rem;
      line-height: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 45px;
      border-radius: 0px; }
      .wp .button.button--inner.button--secondary > span {
        padding-right: 10px; }
      .wp .button.button--inner.button--secondary .svg-icon svg {
        color: #FFFFFF;
        fill: #FFFFFF;
        transition: all 0.25s; }
      @media screen and (min-width: 768px) {
        .wp .button.button--inner.button--secondary {
          font-size: 14px;
          font-size: 0.7rem;
          line-height: 0.9rem; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .wp .button.button--inner.button--secondary:hover {
          background-color: #000000;
          color: #FFFFFF;
          border-color: #000000;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--inner.button--secondary:hover svg {
            color: #FFFFFF;
            fill: #FFFFFF; } }

@-moz-document url-prefix() {
  .wp .button.button--inner.button--secondary:hover {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #000000;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--inner.button--secondary:hover svg {
      color: #FFFFFF;
      fill: #FFFFFF; } }
      @media (hover: hover) {
        .wp .button.button--inner.button--secondary:hover {
          background-color: #000000;
          color: #FFFFFF;
          border-color: #000000;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--inner.button--secondary:hover svg {
            color: #FFFFFF;
            fill: #FFFFFF; } }
      .wp .button.button--inner.button--secondary:active {
        background-color: transparent;
        color: #000000;
        border-color: #000000;
        transition: 0.25s all; }
        .wp .button.button--inner.button--secondary:active svg {
          color: #000000;
          fill: #000000; }
  .wp .button.button--submit {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0 16px;
    font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    border: 1px solid #505050;
    outline: none;
    background-color: #505050;
    cursor: pointer;
    transition: all 0.25s;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 0.93rem;
    letter-spacing: 0.02rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 0px; }
    .wp .button.button--submit > span {
      padding-right: 10px; }
    .wp .button.button--submit .svg-icon svg {
      color: #FFFFFF;
      fill: #FFFFFF;
      transition: all 0.25s; }
    @media screen and (min-width: 768px) {
      .wp .button.button--submit {
        font-size: 14px;
        font-size: 0.7rem;
        line-height: 0.9rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .wp .button.button--submit:hover {
        background-color: transparent;
        color: #505050;
        border-color: #505050;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button.button--submit:hover svg {
          color: #505050;
          fill: #505050; } }

@-moz-document url-prefix() {
  .wp .button.button--submit:hover {
    background-color: transparent;
    color: #505050;
    border-color: #505050;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--submit:hover svg {
      color: #505050;
      fill: #505050; } }
    @media (hover: hover) {
      .wp .button.button--submit:hover {
        background-color: transparent;
        color: #505050;
        border-color: #505050;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .wp .button.button--submit:hover svg {
          color: #505050;
          fill: #505050; } }
    .wp .button.button--submit:active {
      background-color: #F3C846;
      color: #FFFFFF;
      border-color: #F3C846;
      transition: 0.25s all; }
      .wp .button.button--submit:active svg {
        color: #FFFFFF;
        fill: #FFFFFF; }
    .wp .button.button--submit.disabled {
      text-decoration: none;
      text-transform: uppercase;
      position: relative;
      margin: 0;
      width: 100%;
      padding: 0 16px;
      font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-align: center;
      border: 1px solid #D2D2D2;
      outline: none;
      background-color: transparent;
      cursor: pointer;
      transition: all 0.25s;
      color: #505050;
      font-size: 14px;
      font-size: 0.93rem;
      letter-spacing: 0.02rem;
      line-height: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 45px;
      border-radius: 0px; }
      .wp .button.button--submit.disabled > span {
        padding-right: 10px; }
      .wp .button.button--submit.disabled .svg-icon svg {
        color: #505050;
        fill: #505050;
        transition: all 0.25s; }
      @media screen and (min-width: 768px) {
        .wp .button.button--submit.disabled {
          font-size: 14px;
          font-size: 0.7rem;
          line-height: 0.9rem; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .wp .button.button--submit.disabled:hover {
          background-color: transparent;
          color: #505050;
          border-color: #D2D2D2;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--submit.disabled:hover svg {
            color: #505050;
            fill: #505050; } }

@-moz-document url-prefix() {
  .wp .button.button--submit.disabled:hover {
    background-color: transparent;
    color: #505050;
    border-color: #D2D2D2;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--submit.disabled:hover svg {
      color: #505050;
      fill: #505050; } }
      @media (hover: hover) {
        .wp .button.button--submit.disabled:hover {
          background-color: transparent;
          color: #505050;
          border-color: #D2D2D2;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--submit.disabled:hover svg {
            color: #505050;
            fill: #505050; } }
      .wp .button.button--submit.disabled:active {
        background-color: transparent;
        color: #505050;
        border-color: #D2D2D2;
        transition: 0.25s all; }
        .wp .button.button--submit.disabled:active svg {
          color: #505050;
          fill: #505050; }
      .wp .button.button--submit.disabled:hover {
        cursor: not-allowed; }
    .wp .button.button--submit.invert {
      text-decoration: none;
      text-transform: uppercase;
      position: relative;
      margin: 0;
      width: 100%;
      padding: 0 16px;
      font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      text-align: center;
      border: 1px solid #FFFFFF;
      outline: none;
      background-color: #FFFFFF;
      cursor: pointer;
      transition: all 0.25s;
      color: #505050;
      font-size: 14px;
      font-size: 0.93rem;
      letter-spacing: 0.02rem;
      line-height: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 45px;
      border-radius: 0px; }
      .wp .button.button--submit.invert > span {
        padding-right: 10px; }
      .wp .button.button--submit.invert .svg-icon svg {
        color: #505050;
        fill: #505050;
        transition: all 0.25s; }
      @media screen and (min-width: 768px) {
        .wp .button.button--submit.invert {
          font-size: 14px;
          font-size: 0.7rem;
          line-height: 0.9rem; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .wp .button.button--submit.invert:hover {
          background-color: transparent;
          color: #FFFFFF;
          border-color: #FFFFFF;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--submit.invert:hover svg {
            color: #FFFFFF;
            fill: #FFFFFF; } }

@-moz-document url-prefix() {
  .wp .button.button--submit.invert:hover {
    background-color: transparent;
    color: #FFFFFF;
    border-color: #FFFFFF;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--submit.invert:hover svg {
      color: #FFFFFF;
      fill: #FFFFFF; } }
      @media (hover: hover) {
        .wp .button.button--submit.invert:hover {
          background-color: transparent;
          color: #FFFFFF;
          border-color: #FFFFFF;
          transition: background 0.25s, border 0.25s, color 0.25s; }
          .wp .button.button--submit.invert:hover svg {
            color: #FFFFFF;
            fill: #FFFFFF; } }
      .wp .button.button--submit.invert:active {
        background-color: #D2D2D2;
        color: #505050;
        border-color: #D2D2D2;
        transition: 0.25s all; }
        .wp .button.button--submit.invert:active svg {
          color: #505050;
          fill: #505050; }
      .wp .button.button--submit.invert.disabled {
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
        margin: 0;
        width: 100%;
        padding: 0 16px;
        font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-align: center;
        border: 1px solid #787878;
        outline: none;
        background-color: transparent;
        cursor: pointer;
        transition: all 0.25s;
        color: #FFFFFF;
        font-size: 14px;
        font-size: 0.93rem;
        letter-spacing: 0.02rem;
        line-height: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 45px;
        border-radius: 0px; }
        .wp .button.button--submit.invert.disabled > span {
          padding-right: 10px; }
        .wp .button.button--submit.invert.disabled .svg-icon svg {
          color: #FFFFFF;
          fill: #FFFFFF;
          transition: all 0.25s; }
        @media screen and (min-width: 768px) {
          .wp .button.button--submit.invert.disabled {
            font-size: 14px;
            font-size: 0.7rem;
            line-height: 0.9rem; } }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .wp .button.button--submit.invert.disabled:hover {
            background-color: transparent;
            color: #FFFFFF;
            border-color: #787878;
            transition: background 0.25s, border 0.25s, color 0.25s; }
            .wp .button.button--submit.invert.disabled:hover svg {
              color: #FFFFFF;
              fill: #FFFFFF; } }

@-moz-document url-prefix() {
  .wp .button.button--submit.invert.disabled:hover {
    background-color: transparent;
    color: #FFFFFF;
    border-color: #787878;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .wp .button.button--submit.invert.disabled:hover svg {
      color: #FFFFFF;
      fill: #FFFFFF; } }
        @media (hover: hover) {
          .wp .button.button--submit.invert.disabled:hover {
            background-color: transparent;
            color: #FFFFFF;
            border-color: #787878;
            transition: background 0.25s, border 0.25s, color 0.25s; }
            .wp .button.button--submit.invert.disabled:hover svg {
              color: #FFFFFF;
              fill: #FFFFFF; } }
        .wp .button.button--submit.invert.disabled:active {
          background-color: transparent;
          color: #FFFFFF;
          border-color: #787878;
          transition: 0.25s all; }
          .wp .button.button--submit.invert.disabled:active svg {
            color: #FFFFFF;
            fill: #FFFFFF; }
        .wp .button.button--submit.invert.disabled:hover {
          cursor: not-allowed; }
  .wp .button:focus {
    outline: none; }
  .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner {
    display: inline-flex;
    color: #000000 !important;
    width: auto; }
    .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner:active, .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner:focus, .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner:hover {
      color: #FFFFFF !important; }
    .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner.full {
      width: 100%; }
    .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner.button--secondary {
      color: #FFFFFF !important; }
      .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner.button--secondary:focus, .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner.button--secondary:hover {
        color: #FFFFFF !important; }
      .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner.button--secondary:active {
        color: #000000 !important; }
    .wp .so-panel .so-widget-sow-button .ow-button-base a.button.button--inner > span {
      padding: 0; }

.page-template-page-cadillac-ev-live-hub .ctas.opt-12 .image-container {
  text-align: center;
  min-height: 300px;
  height: 100%; }

.page-template-page-cadillac-ev-live-hub .ctas.opt-12 .sect-1 {
  position: relative;
  background: linear-gradient(to right bottom, #f3c846, #ebbc3c, #e4b031, #dca426, #d4981b, #d39617, #d29413, #d1920e, #d79912, #dda116, #e2a81a, #e8b01e); }

.page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area {
  color: #000000;
  text-align: center;
  padding: 56px 19px; }
  .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area .title {
    display: block;
    padding-bottom: 19px;
    text-align: center; }
  .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area .description {
    margin: 0;
    padding-bottom: 19px; }
  .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area .button-container {
    justify-content: center; }
    .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area .button-container > .cell.min-8.medium-6 {
      width: auto; }

@media screen and (min-width: 768px) {
  .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .grid-x.pull-left .sect-1 {
    order: 2; }
  .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .grid-x.pull-left .sect-2 {
    order: 1; }
  .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area {
    padding: 75px 25px; }
    .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area .title,
    .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area .description {
      padding-bottom: 25px; }
    .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area .button-container > .cell.min-8.medium-6 .button {
      padding: 0 49px; } }

@media screen and (min-width: 1600px) {
  .page-template-page-cadillac-ev-live-hub .ctas.opt-12 .content-area {
    padding: 75px 0; } }

.page-template-page-cadillac-ev-live-hub .welcome.opt-3 {
  position: relative;
  background: linear-gradient(to right bottom, #2c28e8, #2824d1, #2421bb, #201da5, #1c198f, #201c8f, #242090, #282390, #342fa6, #403bbd, #4c47d5, #5754ed); }
  .page-template-page-cadillac-ev-live-hub .welcome.opt-3 > .grid-container {
    position: relative;
    z-index: 20; }
    .page-template-page-cadillac-ev-live-hub .welcome.opt-3 > .grid-container > .grid-x {
      padding: 90px 0; }
  .page-template-page-cadillac-ev-live-hub .welcome.opt-3 .image-cell {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .page-template-page-cadillac-ev-live-hub .welcome.opt-3 .content-cell {
    text-align: center;
    margin-bottom: 10px; }
    .page-template-page-cadillac-ev-live-hub .welcome.opt-3 .content-cell .display-2 {
      color: #FFFFFF;
      margin-bottom: 19px;
      display: block; }
    .page-template-page-cadillac-ev-live-hub .welcome.opt-3 .content-cell p {
      color: #FFFFFF;
      margin: 0;
      margin-bottom: 19px; }
  @media screen and (min-width: 768px) {
    .page-template-page-cadillac-ev-live-hub .welcome.opt-3 > .grid-container > .grid-x {
      padding: 120px 0; }
    .page-template-page-cadillac-ev-live-hub .welcome.opt-3 .content-cell {
      margin-bottom: 13px; }
      .page-template-page-cadillac-ev-live-hub .welcome.opt-3 .content-cell .display-2 {
        margin-bottom: 25px; }
      .page-template-page-cadillac-ev-live-hub .welcome.opt-3 .content-cell p {
        margin-bottom: 25px; } }

.page-template-page-cadillac-ev-live-hub main.wp .banner.opt-1 {
  position: relative;
  background-color: #000000; }
  .page-template-page-cadillac-ev-live-hub main.wp .banner.opt-1 .content-cell {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF; }
    .page-template-page-cadillac-ev-live-hub main.wp .banner.opt-1 .content-cell > .body-1 {
      padding-top: 25px; }

.page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .body-1 {
  padding-bottom: 25px; }

.page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information {
  color: #FFFFFF; }
  .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0 16px;
    font-family: "CadillacGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    border: 1px solid #FFFFFF;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.25s;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 0.93rem;
    letter-spacing: 0.02rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 0px; }
    .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button > span {
      padding-right: 10px; }
    .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button .svg-icon svg {
      color: #FFFFFF;
      fill: #FFFFFF;
      transition: all 0.25s; }
    @media screen and (min-width: 768px) {
      .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button {
        font-size: 14px;
        font-size: 0.7rem;
        line-height: 0.9rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button:hover {
        background-color: #FFFFFF;
        color: #000000;
        border-color: #FFFFFF;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button:hover svg {
          color: #000000;
          fill: #000000; } }

@-moz-document url-prefix() {
  .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button:hover {
    background-color: #FFFFFF;
    color: #000000;
    border-color: #FFFFFF;
    transition: background 0.25s, border 0.25s, color 0.25s; }
    .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button:hover svg {
      color: #000000;
      fill: #000000; } }
    @media (hover: hover) {
      .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button:hover {
        background-color: #FFFFFF;
        color: #000000;
        border-color: #FFFFFF;
        transition: background 0.25s, border 0.25s, color 0.25s; }
        .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button:hover svg {
          color: #000000;
          fill: #000000; } }
    .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button:active {
      background-color: #D2D2D2;
      color: #000000;
      border-color: #D2D2D2;
      transition: 0.25s all; }
      .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .information .button:active svg {
        color: #000000;
        fill: #000000; }

.page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .range {
  background: #000000; }

.page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .charging {
  background: linear-gradient(to right bottom, #fa0037, #e90033, #d8002e, #c7002a, #b60026, #b20025, #ae0024, #aa0023, #b10025, #b90027, #c00029, #c8002b); }

.page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .ev-benefits {
  background: linear-gradient(to right bottom, #2c28e8, #2824d1, #2421bb, #201da5, #1c198f, #201c8f, #242090, #282390, #342fa6, #403bbd, #4c47d5, #5754ed); }

.page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .live-tour {
  background: #FFFFFF; }

@media screen and (min-width: 1240px) {
  .page-template-page-cadillac-ev-live-hub main.wp .ctas.opt-12 .content-area {
    padding: 200px 0; } }

.page-template-page-cadillac-ev-live-hub main.wp .welcome.opt-3 {
  background: #000000; }
  .page-template-page-cadillac-ev-live-hub main.wp .welcome.opt-3 .headline-2 {
    color: #FFFFFF; }
  .page-template-page-cadillac-ev-live-hub main.wp .welcome.opt-3 p {
    padding-top: 13px; }


/*# sourceMappingURL=page-cadillac-ev-live-hub.css.map*/