#block-views-block-infobar-block-1 {
  max-width: 1903px;
  margin: 0 0 40px 0; }
  #block-views-block-infobar-block-1 div .view-display-id-block_1 {
    position: relative;
    display: flex;
    height: 80px;
    background-color: #E8F2F6;
    box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2); }
    @media all and (max-width: 600px) {
      #block-views-block-infobar-block-1 div .view-display-id-block_1 {
        height: 60px; } }
    #block-views-block-infobar-block-1 div .view-display-id-block_1::before {
      content: '';
      position: absolute;
      width: 20px;
      height: 100%;
      background-color: #01A1DC; }
      @media all and (max-width: 600px) {
        #block-views-block-infobar-block-1 div .view-display-id-block_1::before {
          width: 10px; } }
    #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-header {
      display: flex;
      align-items: center;
      font-size: rem(22px);
      font-weight: 700;
      margin-left: 4vw;
      text-transform: uppercase;
      color: #D20F18; }
      @media all and (max-width: 460px) {
        #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-header {
          display: none; } }
      #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-header p {
        margin: 0; }
    #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content {
      overflow: hidden;
      margin: 0 120px 0 20px; }
      @media all and (max-width: 600px) {
        #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content {
          margin: 0 90px 0 20px; } }
      #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content > div > div {
        display: flex; }
      #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows {
        padding: 0 50px; }
        #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee {
          display: flex; }
          #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row {
            display: flex;
            justify-content: center;
            align-items: center; }
            #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-title .field-content {
              height: 80px;
              display: flex;
              align-items: center; }
              @media all and (max-width: 600px) {
                #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-title .field-content {
                  height: 60px; } }
              #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-title .field-content a {
                display: inline-block;
                margin: auto 30px;
                font-size: rem(18px);
                color: #211D50;
                font-weight: 700;
                text-decoration: underline transparent;
                transition: .3s; }
                @media all and (max-width: 600px) {
                  #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-title .field-content a {
                    font-size: rem(16px); } }
                #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-title .field-content a:hover {
                  text-decoration-color: #01A1DC;
                  color: #01A1DC; }
            #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-nothing .field-content {
              display: flex;
              flex-wrap: nowrap;
              justify-content: flex-start;
              align-items: center; }
              #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-nothing .field-content span.infobar-decor {
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                margin: 0 5px;
                background-color: #211D50; }
                @media all and (max-width: 460px) {
                  #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-nothing .field-content span.infobar-decor {
                    margin: 0 5px; } }
                #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-nothing .field-content span.infobar-decor.infobar-decor-2 {
                  background-color: #01A1DC; }
      #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .close-infobar {
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        display: block;
        position: absolute;
        border: none;
        padding: 10px 14px;
        background-color: #FFD000;
        border-radius: 50%; }
        @media all and (max-width: 600px) {
          #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .close-infobar {
            right: 15px; } }
        #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .close-infobar:hover {
          background-color: #000000; }
          #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .close-infobar:hover::before {
            color: #FFD000; }
        #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .close-infobar::before {
          font-family: "Font Awesome 5 Free";
          content: '\f00d';
          font-weight: 900;
          font-size: 20px;
          color: #000000; }
      #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .pause-infobar {
        background: none;
        border: none;
        position: absolute;
        right: 80px;
        top: 50%;
        transform: translateY(-50%); }
        @media all and (max-width: 600px) {
          #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .pause-infobar {
            right: 58px; } }
        #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .pause-infobar::before {
          font-family: "Font Awesome 5 Free";
          content: '\f04c';
          font-weight: 900;
          font-size: 15px;
          color: #211D50; }
      #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .resume-infobar {
        font-size: 0;
        background: none;
        border: none;
        position: absolute;
        right: 80px;
        top: 50%;
        transform: translateY(-50%); }
        @media all and (max-width: 600px) {
          #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .resume-infobar {
            right: 58px; } }
        #block-views-block-infobar-block-1 div .view-display-id-block_1 .view-content .resume-infobar::before {
          font-family: "Font Awesome 5 Free";
          content: '\f04b';
          font-weight: 900;
          font-size: 15px;
          color: #211D50; }

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