/**
 * Turns a list into a string using the separator between each list item
 * @param  {list} $list      a list of items
 * @param  {string} $separator a string separator to place between each item
 * @return {string}            the concatinated list
 */
/**
 * Grabs a colour value from the map
 * @param  {string} $colour_name name of a colour, must be a valid key in the colour maps
 * @return {string}              returns the colour value or a blank string if not found in map
 */
/**
 * Generate a transition based on the past styles to work with
 * @param  {list} $styles...   a list of element properties to apply transition to
 * @return {string}            transition style
 */
/**
 * Applys a breakpoint around the provided content
 * @param  {string} $size size of the breakpoint
 * @return {null}       nothing returned breakpoint code wrapped around content
 */
/**
 * Outputs two classes for each colour, one for text colour the other for background colour
 * @return {string} outputs css
 */
/**
 * Code for hiding stuff but letting screen readers
 * @return null
 */
.crush_banners_banner {
  border-radius: 0 !important; }
  .crush_banners_banner .title_box {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto; }
    .crush_banners_banner .title_box * {
      box-sizing: border-box; }
    .crush_banners_banner .title_box a, .crush_banners_banner .title_box div[data-linked=true] {
      display: block;
      text-decoration: none;
      color: #fff;
      transform: none;
      width: 100%;
      height: 100%;
      padding-top: 15px;
      text-decoration: none; }
    .crush_banners_banner .title_box.purple:before {
      background-color: #521d59; }
      @media only screen and (min-width: 690px) {
        .crush_banners_banner .title_box.purple:before {
          background-color: rgba(82, 29, 89, 0.8); } }
    .crush_banners_banner .title_box.blue:before {
      background-color: #00b2c9; }
      @media only screen and (min-width: 690px) {
        .crush_banners_banner .title_box.blue:before {
          background-color: rgba(0, 178, 201, 0.8); } }
    .crush_banners_banner .title_box .inner {
      width: 100%;
      height: 100%;
      position: relative;
      text-align: center;
      /*display: flex;*/
      align-items: center;
      padding: 30px;
      background-color: #622c6b;
      color: #fff;
      border-radius: 8px;
      margin: 30px 0; }
      @media only screen and (min-width: 690px) {
        .crush_banners_banner .title_box .inner {
          max-width: 40%;
          margin: 45px 0;
          padding: 70px 40px;
          text-align: left; } }
      .crush_banners_banner .title_box .inner.christmas-box {
        background-color: #00b2c8;
        position: relative;
        background-image: url("../../../img/snowflake-inside.png");
        background-position: right bottom;
        background-size: auto;
        background-repeat: no-repeat; }
        .crush_banners_banner .title_box .inner.christmas-box:before {
          content: url("../../../img/snowflake-before.png");
          position: absolute;
          left: -50px;
          bottom: -25px; }
        .crush_banners_banner .title_box .inner.christmas-box:after {
          content: url("../../../img/snowflake-after.png");
          position: absolute;
          top: -30px;
          right: -158px; }
          @media screen and (min-width: 560px) {
            .crush_banners_banner .title_box .inner.christmas-box:after {
              right: -95px; } }
        .crush_banners_banner .title_box .inner.christmas-box .title_line1 {
          color: #223571; }
      .crush_banners_banner .title_box .inner .title_line1 {
        display: block;
        font-size: 25px;
        font-weight: 300;
        font-family: 'Asap', sans-serif;
        color: #fff;
        width: 100%; }
        @media only screen and (min-width: 690px) {
          .crush_banners_banner .title_box .inner .title_line1 {
            font-size: 35px;
            margin-bottom: 0.6em; } }
      .crush_banners_banner .title_box .inner p {
        display: none; }
        @media only screen and (min-width: 690px) {
          .crush_banners_banner .title_box .inner p {
            display: block;
            font-size: 18px;
            color: #fff; } }
        .crush_banners_banner .title_box .inner p:nth-child(2) {
          line-height: 150%; }
        .crush_banners_banner .title_box .inner p:last-child {
          line-height: 120%; }
      .crush_banners_banner .title_box .inner:hover .bubble:before {
        transform: scale(1.2);
        transition: transform 0.3s ease-in,width 0.3s ease-out,height 0.35s ease,left 0.2s ease-out,right 0.3s ease-out; }
      @media only screen and (min-width: 690px) {
        .crush_banners_banner .title_box .inner:hover .bubble:before {
          -webkit-transform: scale(6);
          transform: scale(6); } }
  .crush_banners_banner .crush_banners_link_edit {
    left: auto !important;
    top: 21% !important;
    right: 5px; }
  .crush_banners_banner .crush_banners_style_selector {
    margin-top: 30px;
    margin-left: -58px;
    bottom: 5px;
    top: auto !important;
    color: #444; }

body.home.page .crush_banners_banner {
  min-width: 100%; }
  @media only screen and (min-width: 690px) {
    body.home.page .crush_banners_banner {
      min-width: 0; } }

/*# sourceMappingURL=style.css.map */