div.block-views-blockinfobar-block-1 {
  width: 100%;
  max-width: 1903px;
  margin: 0 0 40px 0; }
  div.block-views-blockinfobar-block-1.infobar-hidden {
    max-height: 0; }
  div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 {
    position: relative;
    display: flex;
    height: 65px;
    background-color: #24304E; }
    @media all and (max-width: 600px) {
      div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 {
        height: 60px; } }
    div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1::before {
      content: url(/themes/contrib/zgkkaty/images/alert.png);
      position: absolute;
      top: 50%;
      left: 150px;
      transform: translateY(-50%); }
    div.block-views-blockinfobar-block-1 > div.content > 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) {
        div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-header {
          display: none; } }
      div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-header p {
        margin: 0; }
    div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content {
      overflow: hidden;
      margin: 0 500px 0 205px; }
      div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content > div > div {
        display: flex; }
      div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee {
        display: flex; }
        div.block-views-blockinfobar-block-1 > div.content > 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; }
          div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-field-publikowane-od .field-content {
            color: #fff;
            font-weight: 700; }
          div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-title {
            margin: 0 5px; }
            div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-title .field-content {
              height: 65px;
              display: flex;
              align-items: center;
              color: #fff; }
              @media all and (max-width: 600px) {
                div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-title .field-content {
                  height: 60px; } }
              div.block-views-blockinfobar-block-1 > div.content > 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: #fff;
                font-weight: 700;
                text-decoration: underline transparent;
                transition: .3s; }
                @media all and (max-width: 600px) {
                  div.block-views-blockinfobar-block-1 > div.content > 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); } }
                div.block-views-blockinfobar-block-1 > div.content > 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; }
          div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-view-node a {
            display: inline-block;
            color: #fff;
            font-weight: 700;
            transition: .3s; }
            div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .view-rows .js-marquee-wrapper .js-marquee .views-row .views-field-view-node a:hover {
              color: #00AEEF; }
          div.block-views-blockinfobar-block-1 > div.content > 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; }
            div.block-views-blockinfobar-block-1 > div.content > 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: 2px;
              height: 15px;
              margin: 0 20px;
              background-color: #fff; }
              div.block-views-blockinfobar-block-1 > div.content > 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; }
      div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content div.all-infobar {
        position: absolute;
        right: 250px;
        top: 50%;
        transform: translateY(-50%); }
        div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content div.all-infobar::after {
          content: '';
          display: block;
          width: 2px;
          height: 15px;
          background-color: #fff;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: -50px; }
        div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content div.all-infobar a {
          color: #fff;
          font-weight: 700;
          display: flex;
          align-items: center;
          transition: .3s; }
          div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content div.all-infobar a:hover {
            color: #00AEEF; }
          div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content div.all-infobar a::before {
            content: url(/themes/contrib/zgkkaty/images/bar.png);
            margin: 4px 15px 0 0; }
      div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .close-infobar {
        top: 50%;
        transform: translateY(-50%);
        right: 150px;
        display: block;
        position: absolute;
        border: none;
        background: none; }
        div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .close-infobar:hover::before {
          color: #00AEEF; }
        div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .close-infobar::before {
          font-family: "Font Awesome 5 Free";
          content: '\f00d';
          font-weight: 900;
          font-size: 22px;
          color: #fff;
          transition: .3s; }
      div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .pause-infobar {
        background: none;
        border: none;
        position: absolute;
        right: 190px;
        top: 50%;
        transform: translateY(-50%); }
        div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .pause-infobar::before {
          font-family: "Font Awesome 5 Free";
          content: '\f04c';
          font-weight: 900;
          font-size: 17px;
          color: #fff;
          transition: .3s; }
        div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .pause-infobar:hover::before {
          color: #00AEEF; }
      div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .resume-infobar {
        font-size: 0;
        background: none;
        border: none;
        position: absolute;
        right: 190px;
        top: 50%;
        transform: translateY(-50%); }
        div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .resume-infobar::before {
          font-family: "Font Awesome 5 Free";
          content: '\f04b';
          font-weight: 900;
          font-size: 17px;
          color: #fff;
          transition: .3s; }
        div.block-views-blockinfobar-block-1 > div.content > div .view-display-id-block_1 .view-content .resume-infobar:hover::before {
          color: #00AEEF; }

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