/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.chat-banner-block {
  font-family: "futura-pt", "sans-serif";
  letter-spacing: 0.1rem;
  margin-top: 0.5rem; }
  .chat-banner-block__content {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    min-height: 100px;
    background-color: #032349;
    border-top: 15px solid #003f82;
    border-bottom: 15px solid #003f82;
    color: #fff; }
    .chat-banner-block__content .image-container .image-chat {
      position: absolute;
      width: 100%;
      bottom: -16px; }
      .chat-banner-block__content .image-container .image-chat img {
        margin: 0 auto;
        display: block; }
    .chat-banner-block__content .row {
      padding: 0;
      margin: 0; }
    .chat-banner-block__content > div {
      position: relative; }
    .chat-banner-block__content div:nth-of-type(1) {
      flex: 1; }
    .chat-banner-block__content div:nth-of-type(2) {
      flex-basis: 250px; }
    .chat-banner-block__content div:nth-of-type(3) {
      flex: 1; }
    .chat-banner-block__content--text-box-left {
      font-size: 1.8rem;
      min-height: 100px;
      display: flex;
      align-items: center; }
      .chat-banner-block__content--text-box-left .text {
        text-align: right;
        display: flex;
        align-items: center;
        padding-right: 0.5rem; }
        .chat-banner-block__content--text-box-left .text span {
          width: 100%; }
    .chat-banner-block__content--text-box-right {
      font-size: 1.8rem;
      min-height: 100px;
      display: flex;
      align-items: center; }
      .chat-banner-block__content--text-box-right .text {
        display: flex;
        align-items: center;
        text-align: left;
        padding-left: 0.5rem; }
        .chat-banner-block__content--text-box-right .text > span:nth-child(1) {
          width: auto;
          margin-right: 1.5rem; }

@media (max-width: 1199.98px) {
  .chat-banner-block .image-container {
    position: relative;
    z-index: -100; }
    .chat-banner-block .image-container .image-chat {
      position: absolute;
      width: 100%;
      bottom: 55px; }
      .chat-banner-block .image-container .image-chat img {
        height: 150px;
        margin: 0 auto;
        display: block;
        padding-right: 0; }
  .chat-banner-block__content {
    padding: 20px 0 40px 0; }
    .chat-banner-block__content > div:nth-of-type(1) {
      flex-basis: 100%; }
    .chat-banner-block__content div:nth-of-type(2) {
      flex-basis: 100%; }
    .chat-banner-block__content div:nth-of-type(3) {
      flex-basis: 100%; }
    .chat-banner-block__content--text-box-left {
      font-size: 2.5rem;
      min-height: 33.33333px; }
      .chat-banner-block__content--text-box-left .text {
        width: 100%;
        text-align: center;
        padding-right: 0; }
    .chat-banner-block__content--text-box-right {
      font-size: 2.5rem;
      min-height: 33.33333px; }
      .chat-banner-block__content--text-box-right .text {
        width: 100%;
        text-align: center;
        position: relative;
        padding-left: 0; }
        .chat-banner-block__content--text-box-right .text > span:nth-child(1) {
          width: 100%;
          margin-right: 0;
          padding-top: 1.25rem; }
        .chat-banner-block__content--text-box-right .text > span:nth-child(2) {
          position: absolute;
          bottom: -70px;
          left: 0;
          width: 100%; }
          .chat-banner-block__content--text-box-right .text > span:nth-child(2) > a {
            display: block;
            margin: 0 auto;
            width: 67%;
            min-height: 45px; } }