@charset "UTF-8";
/*
* Info
Sass obsługuje specjalny typ selektora o nazwie placeholders. 
Symbole zastępcze wyglądają jak klasy, z wyjątkiem tego, że kropka jest zamieniana na znak %. 
Charakterystyczną cechą symboli zastępczych Sass jest to, że nie są renderowane w arkuszu stylów wyników.

W rzeczywistości mogą one zostać rozszerzone za pomocą dyrektywy @extend.

Przykład:

%message {
    padding: 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.message-error {
    @extend %message;
    color: red;
}


*/
.section-hero {
  width: 100%;
  margin-bottom: calc(var(--bw__sizer) * 135); }
  @media (max-width: 1919px) {
    .section-hero {
      margin-bottom: calc(var(--bw__sizer) * 110); } }
  @media (max-width: 1599px) {
    .section-hero {
      margin-bottom: calc(var(--bw__sizer) * 90); } }
  @media (max-width: 1365px) {
    .section-hero {
      margin-bottom: calc(var(--bw__sizer) * 60); } }
  @media (max-width: 575px) {
    .section-hero {
      margin-bottom: calc(var(--bw__sizer) * 30); } }
  .section-hero .container-fluid {
    position: relative;
    overflow: hidden; }
  .section-hero__bg {
    width: 100%; }
    .section-hero__bg img {
      width: 100%;
      height: auto; }
  .section-hero__content {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 10; }
    @media (max-width: 767px) {
      .section-hero__content {
        width: 90%; } }
    @media (max-width: 467px) {
      .section-hero__content {
        width: 95%; } }
    @media (max-width: 359px) {
      .section-hero__content {
        width: 100%; } }
    .section-hero__content .content__logo {
      margin-left: calc(var(--bw__sizer) * 70);
      margin-bottom: calc(var(--bw__sizer) * 40); }
      @media (max-width: 1365px) {
        .section-hero__content .content__logo {
          margin-left: calc(var(--bw__sizer) * 50); } }
      @media (max-width: 991px) {
        .section-hero__content .content__logo {
          margin-bottom: calc(var(--bw__sizer) * 25); } }
      @media (max-width: 575px) {
        .section-hero__content .content__logo {
          margin-bottom: calc(var(--bw__sizer) * 20);
          margin-left: calc(var(--bw__sizer) * 30); } }
      @media (max-width: 467px) {
        .section-hero__content .content__logo {
          margin-bottom: calc(var(--bw__sizer) * 10);
          margin-left: calc(var(--bw__sizer) * 20); } }
      .section-hero__content .content__logo img {
        width: calc(var(--bw__sizer) * 795); }
        @media (max-width: 1599px) {
          .section-hero__content .content__logo img {
            width: calc(var(--bw__sizer) * 650); } }
        @media (max-width: 1365px) {
          .section-hero__content .content__logo img {
            width: calc(var(--bw__sizer) * 600); } }
        @media (max-width: 991px) {
          .section-hero__content .content__logo img {
            width: calc(var(--bw__sizer) * 500); } }
        @media (max-width: 575px) {
          .section-hero__content .content__logo img {
            width: calc(var(--bw__sizer) * 400); } }
        @media (max-width: 467px) {
          .section-hero__content .content__logo img {
            width: calc(var(--bw__sizer) * 300); } }
        @media (max-width: 359px) {
          .section-hero__content .content__logo img {
            width: calc(var(--bw__sizer) * 250); } }
    .section-hero__content .content__date {
      padding: 0 0 0 calc(var(--bw__sizer) * 70);
      background-color: #fff;
      width: calc(var(--bw__sizer) * 850);
      position: relative;
      display: flex;
      align-items: center;
      height: calc(var(--bw__sizer) * 95); }
      @media (max-width: 1599px) {
        .section-hero__content .content__date {
          width: calc(var(--bw__sizer) * 750); } }
      @media (max-width: 1365px) {
        .section-hero__content .content__date {
          width: calc(var(--bw__sizer) * 600);
          height: calc(var(--bw__sizer) * 80);
          padding: 0 0 0 calc(var(--bw__sizer) * 30); } }
      @media (max-width: 991px) {
        .section-hero__content .content__date {
          width: calc(var(--bw__sizer) * 540);
          height: calc(var(--bw__sizer) * 70); } }
      @media (max-width: 767px) {
        .section-hero__content .content__date {
          width: calc(var(--bw__sizer) * 500); } }
      @media (max-width: 575px) {
        .section-hero__content .content__date {
          width: calc(var(--bw__sizer) * 450);
          height: calc(var(--bw__sizer) * 60); } }
      @media (max-width: 467px) {
        .section-hero__content .content__date {
          width: calc(var(--bw__sizer) * 300);
          padding: 0 0 0 calc(var(--bw__sizer) * 20); } }
      @media (max-width: 359px) {
        .section-hero__content .content__date {
          width: calc(var(--bw__sizer) * 250);
          height: calc(var(--bw__sizer) * 50); } }
      .section-hero__content .content__date strong {
        font-weight: 700; }
      .section-hero__content .content__date:before {
        content: "";
        position: absolute;
        top: 0;
        right: calc(var(--bw__sizer) * -70);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: calc(var(--bw__sizer) * 95) calc(var(--bw__sizer) * 70) 0 0;
        border-color: #fff transparent transparent transparent; }
        @media (max-width: 1365px) {
          .section-hero__content .content__date:before {
            border-width: calc(var(--bw__sizer) * 80) calc(var(--bw__sizer) * 70) 0 0; } }
        @media (max-width: 991px) {
          .section-hero__content .content__date:before {
            border-width: calc(var(--bw__sizer) * 70) calc(var(--bw__sizer) * 70) 0 0; } }
        @media (max-width: 575px) {
          .section-hero__content .content__date:before {
            border-width: calc(var(--bw__sizer) * 60) calc(var(--bw__sizer) * 50) 0 0;
            right: calc(var(--bw__sizer) * -50); } }
        @media (max-width: 359px) {
          .section-hero__content .content__date:before {
            border-width: calc(var(--bw__sizer) * 50) calc(var(--bw__sizer) * 50) 0 0; } }
    .section-hero__content .content__register {
      padding: 0 0 0 calc(var(--bw__sizer) * 70);
      background-color: #0eb5dd;
      width: auto;
      padding-right: calc(var(--bw__sizer) * 60);
      position: relative;
      display: flex;
      align-items: center;
      height: calc(var(--bw__sizer) * 95);
      transition: all 0.3s ease-in-out; }
      @media (max-width: 1365px) {
        .section-hero__content .content__register {
          height: calc(var(--bw__sizer) * 80);
          padding: 0 calc(var(--bw__sizer) * 30) 0 calc(var(--bw__sizer) * 30); } }
      @media (max-width: 991px) {
        .section-hero__content .content__register {
          padding: 0 calc(var(--bw__sizer) * 15) 0 calc(var(--bw__sizer) * 30);
          height: calc(var(--bw__sizer) * 70); } }
      @media (max-width: 767px) {
        .section-hero__content .content__register {
          width: max-content; } }
      @media (max-width: 575px) {
        .section-hero__content .content__register {
          width: 70%;
          height: calc(var(--bw__sizer) * 60);
          line-height: 1.2em;
          padding: 0 calc(var(--bw__sizer) * 30) 0 calc(var(--bw__sizer) * 30); } }
      @media (max-width: 467px) {
        .section-hero__content .content__register {
          width: 90%;
          padding: 0 calc(var(--bw__sizer) * 20) 0 calc(var(--bw__sizer) * 20); } }
      @media (max-width: 359px) {
        .section-hero__content .content__register {
          width: 80%;
          height: calc(var(--bw__sizer) * 50); } }
      .section-hero__content .content__register:before {
        content: "";
        position: absolute;
        top: 0;
        right: calc(var(--bw__sizer) * -70);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: calc(var(--bw__sizer) * 95) calc(var(--bw__sizer) * 70) 0 0;
        border-color: #0eb5dd transparent transparent transparent; }
        @media (max-width: 1365px) {
          .section-hero__content .content__register:before {
            border-width: calc(var(--bw__sizer) * 80) calc(var(--bw__sizer) * 70) 0 0; } }
        @media (max-width: 991px) {
          .section-hero__content .content__register:before {
            border-width: calc(var(--bw__sizer) * 70) calc(var(--bw__sizer) * 70) 0 0; } }
        @media (max-width: 575px) {
          .section-hero__content .content__register:before {
            border-width: calc(var(--bw__sizer) * 60) calc(var(--bw__sizer) * 50) 0 0;
            right: calc(var(--bw__sizer) * -50); } }
        @media (max-width: 359px) {
          .section-hero__content .content__register:before {
            border-width: calc(var(--bw__sizer) * 50) calc(var(--bw__sizer) * 50) 0 0; } }
      .section-hero__content .content__register:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-image: linear-gradient(to right, #037ab0, #0eb5dd);
        transition: all 0.3s ease-in-out; }
      .section-hero__content .content__register:hover, .section-hero__content .content__register:focus-within {
        color: #fff; }
        .section-hero__content .content__register:hover::after, .section-hero__content .content__register:focus-within::after {
          opacity: 0.7;
          transform: translateX(calc(var(--bw__sizer) * -200)); }


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