/*!
Theme Name: IT-news
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description1
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: it-news
*/
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --base-color: #212121;
  --brand-color: #49CCA4;
  --invert-color: #E4E8F0;
  --light-grey-1: #E4E8F0;
  --light-grey-2: #DEE3ED;
  --heading-color: #000;
  --white: #fff; }

body::-webkit-scrollbar {
  width: 8px; }

body::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1); }

body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--brand-color); }

body::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.3); }

::selection {
  color: var(--white);
  background: var(--brand-color); }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  scroll-behavior: smooth; }
  html.admin-bar {
    margin-top: 0 !important; }

body {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  color: var(--base-color);
  font-family: 'Rubik', sans-serif;
  padding-top: 16.8rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 1320px) {
    body {
      padding-top: 7rem;
      font-size: 1.4rem;
      line-height: 2.1rem; } }
  body.locked {
    overflow: hidden; }

h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color);
  letter-spacing: -0.01em; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: var(--heading-color);
    text-decoration: none; }
    h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {
      text-decoration: underline; }

h2 {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: 700; }

h3 {
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-weight: 700; }

h4 {
  font-size: 2rem;
  line-height: 2.7rem;
  font-weight: 700; }
  h4.lighter {
    font-weight: 600; }

h5 {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500; }
  h5.lighter {
    font-weight: 400; }
    @media (max-width: 1366px) {
      h5.lighter {
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 1.9rem; } }

input, textarea {
  font-family: 'Rubik', sans-serif; }

input[type="submit"], button {
  -webkit-appearance: none; }

img {
  max-width: 100%;
  height: auto; }

.label {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 2rem;
  text-transform: uppercase; }

.container {
  width: 100%;
  max-width: 1312px;
  margin-inline: auto;
  margin-bottom: 7.2rem;
  padding-inline: 1.6rem; }
  @media (max-width: 1366px) {
    .container {
      margin-bottom: 4rem; } }
  @media (min-width: 1440px) {
    .container {
      padding-inline: 0; } }
  .container--flex {
    display: flex;
    gap: 3.2rem; }
    @media (max-width: 1366px) {
      .container--flex {
        flex-direction: column; } }
  .container--two-columns {
    display: flex;
    gap: 1.6rem;
    flex-direction: column; }
    @media (min-width: 768px) {
      .container--two-columns {
        flex-direction: row; } }
    @media (min-width: 1320px) {
      .container--two-columns {
        gap: 3.2rem; } }
  .container--four-columns {
    flex-direction: column;
    display: flex;
    gap: 3.2rem; }
    @media (min-width: 564px) {
      .container--four-columns {
        flex-direction: row; } }
    @media (max-width: 768px) {
      .container--four-columns article {
        display: none; }
        .container--four-columns article:nth-child(1), .container--four-columns article:nth-child(2) {
          display: block; } }
    .container--four-columns > article {
      flex: 1; }

.persons {
  margin-inline: -1.6rem;
  margin-top: 2.4rem;
  margin-bottom: 4.8rem;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .persons {
      margin-inline: 0;
      display: flex;
      justify-content: flex-start;
      column-gap: 1.6rem;
      padding-top: 2.4rem; }
      .persons .person {
        flex-grow: 1;
        flex-basis: 0; } }
  @media screen and (min-width: 1366px) {
    .persons {
      column-gap: 7.2rem;
      padding-top: 6.2rem; } }

.title--primary, .title--secondary {
  position: relative; }
  .title--primary::after, .title--secondary::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--light-grey-2);
    height: 1px; }
  .title--primary span, .title--secondary span {
    z-index: 4;
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--brand-color); }
    @media (max-width: 1366px) {
      .title--primary span, .title--secondary span {
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 700; } }
.title--secondary {
  border-bottom: 0; }
  .title--secondary span {
    padding-bottom: 0.7rem; }
.title--v4 span {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--brand-color); }

.recommended {
  padding-top: 3.2rem; }
  .recommended__thumblink {
    height: 184px;
    overflow: hidden;
    display: block;
    margin-bottom: 1.2rem; }
    @media screen and (min-width: 564px) {
      .recommended__thumblink {
        height: 168px; } }
    @media screen and (min-width: 768px) {
      .recommended__thumblink {
        height: 146px; } }
    @media screen and (min-width: 1024px) {
      .recommended__thumblink {
        height: 152px; } }
    .recommended__thumblink img {
      display: block;
      width: 100%;
      height: 100%;
      object-position: center;
      object-fit: cover; }
  .recommended__cat-title {
    color: var(--brand-color);
    text-decoration: none;
    font-weight: bold;
    font-size: 1.3rem;
    text-transform: uppercase; }
    .recommended__cat-title:hover, .recommended__cat-title:focus {
      text-decoration: underline; }
  .recommended .title--v4 {
    margin-bottom: 2.4rem; }

.articles-promo-list {
  display: flex;
  gap: 1.6rem; }
  .articles-promo-list .article {
    margin-top: 4.8rem;
    padding-right: 4rem;
    flex: 1; }
    .articles-promo-list .article:not(:last-of-type) {
      border-right: 1px solid var(--light-grey-2); }

.articles-v4-container {
  padding-top: 4rem;
  border-bottom: 1px solid var(--light-grey-2); }
  @media (max-width: 1366px) {
    .articles-v4-container {
      padding-top: 2.4rem; }
      .articles-v4-container > article {
        display: none; }
        .articles-v4-container > article:nth-child(1) {
          display: block; } }
  .articles-v4-container__footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 2rem; }

.categories-news {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 3.2rem;
  max-width: 100%; }
  .categories-news .article {
    font-size: 0; }
  @media screen and (min-width: 768px) {
    .categories-news {
      grid-template-columns: repeat(3, 1fr);
      gap: 4rem 3.2rem; } }
  @media (min-width: 1025px) {
    .categories-news {
      grid-template-columns: repeat(3, 1fr);
      gap: 8rem 3.2rem; } }
  .categories-news .article__image-link {
    margin-bottom: 1.4rem; }
  .categories-news h4 {
    letter-spacing: -0.02em; }
    @media (max-width: 992px) {
      .categories-news h4 {
        font-size: 1.6rem;
        line-height: 2.1rem; } }
  .categories-news .offers-list {
    margin: 0; }
  .categories-news .categories-job {
    grid-column-start: 1;
    grid-column-end: 4; }
    @media (max-width: 992px) {
      .categories-news .categories-job {
        grid-column-start: 1;
        grid-column-end: 1; } }

.category-description {
  background-color: rgba(228, 232, 240, 0.35);
  padding: 6.4rem 6.8rem;
  margin-block: 12.8rem;
  max-width: 1000px;
  margin-inline: auto;
  border-radius: 6px; }
  @media (max-width: 992px) {
    .category-description {
      background-color: transparent;
      border-top: 1px solid #DEE3ED;
      margin-block: 4.2rem;
      max-width: 100%;
      padding: 4.2rem 0; } }
  .category-description h2 {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 1.2rem; }
    @media (min-width: 992px) {
      .category-description h2 {
        font-size: 2.3rem;
        line-height: 3.4rem;
        font-weight: 700; } }
  .category-description p {
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 400; }
    @media (min-width: 992px) {
      .category-description p {
        font-size: 1.6rem;
        line-height: 2.6rem; } }
    .category-description p:empty {
      display: none; }
  .category-description p + h2 {
    margin-top: 2rem; }
  .category-description a {
    color: inherit; }
    .category-description a:hover, .category-description a:focus {
      text-decoration: none; }

.pagination {
  padding-top: 8rem; }
  .pagination .nav-links {
    display: flex;
    justify-content: center;
    gap: 0.6rem; }
  .pagination span:not(.arrow-label), .pagination a {
    padding: 0.8rem 1.6rem;
    text-decoration: none;
    color: var(--base-color);
    border-radius: 3px;
    font-size: 1.6rem;
    font-weight: normal;
    transition: colo 0.2s ease, background-color 0.2s ease;
    border: 1px solid transparent; }
    .pagination span:not(.arrow-label).current, .pagination a.current {
      font-weight: 500; }
    .pagination span:not(.arrow-label).current, .pagination span:not(.arrow-label):hover, .pagination span:not(.arrow-label):focus, .pagination a.current, .pagination a:hover, .pagination a:focus {
      background-color: var(--brand-color);
      color: var(--white); }
  .pagination a.next, .pagination a.prev {
    border-color: var(--brand-color);
    color: var(--brand-color);
    font-weight: 500; }
    .pagination a.next:hover, .pagination a.next:focus, .pagination a.prev:hover, .pagination a.prev:focus {
      color: var(--white); }
      .pagination a.next:hover svg path, .pagination a.next:focus svg path, .pagination a.prev:hover svg path, .pagination a.prev:focus svg path {
        stroke: var(--white);
        fill: var(--white); }
  .pagination a.next svg {
    margin-left: 0.5rem; }
  .pagination a.prev svg {
    margin-right: 0.5rem; }
  @media (max-width: 767px) {
    .pagination {
      padding-top: 3.2rem; }
      .pagination a.next svg {
        margin-left: 0; }
      .pagination a.prev svg {
        margin-right: 0; }
      .pagination a .arrow-label {
        display: none; } }

.related-section {
  padding-top: 9.6rem; }
  .related-section .title {
    margin-bottom: 4.8rem; }

.author-social {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 3.2rem;
  flex-wrap: wrap;
  justify-content: center; }
  .author-social a:hover svg path,
  .author-social a:focus svg path {
    fill: #fff; }
  @media (min-width: 768px) {
    .author-social {
      justify-content: flex-start; } }

.read-more {
  margin-top: 4.8rem; }
  .read-more + h2 {
    margin-top: 4.8rem !important; }
  .read-more__title span {
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 700; }
    @media screen and (max-width: 568px) {
      .read-more__title span {
        font-size: 2rem;
        line-height: 2.7rem; } }
  .read-more .article--v4 {
    margin-top: 2.4rem;
    padding-bottom: 2.4rem;
    margin-bottom: 4.8rem;
    border-bottom: 1px solid #DEE3ED; }
    @media screen and (max-width: 568px) {
      .read-more .article--v4 .column > a {
        font-size: 16px;
        line-height: 21px; } }
    @media screen and (min-width: 568px) {
      .read-more .article--v4 {
        flex-direction: row !important; }
        .read-more .article--v4 > a {
          width: 264px;
          min-width: 264px;
          margin-right: 2rem; } }
    @media screen and (min-width: 1366px) {
      .read-more .article--v4 {
        margin-right: 0; } }
    .read-more .article--v4 img {
      width: 100%;
      margin-bottom: 8px;
      object-fit: cover; }
    @media (max-width: 992px) {
      .read-more .article--v4 .column {
        margin-left: 0; } }

.comments {
  padding-bottom: 5rem;
  padding-top: 2.4rem; }
  .comments .comments-switcher {
    display: flex;
    justify-content: center; }
    .comments .comments-switcher.active {
      display: none; }
  .comments .comments-inner {
    display: none; }
    .comments .comments-inner.switched {
      display: block; }
    .comments .comments-inner #wpdevar_comment_1 > span:first-child {
      display: none; }

.author-bio h3 + p {
  margin-bottom: 3.2rem; }

.footer-social {
  display: flex;
  gap: 1.2rem;
  justify-content: flex-end; }
  .footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    margin-top: 3rem;
    transition: border-color 0.2s ease; }
    @media (max-width: 992px) {
      .footer-social a {
        width: 3.6rem;
        height: 3.6rem; } }
    .footer-social a:hover, .footer-social a:focus {
      border-color: #fff; }

.category-top-description {
  width: 100%; }
  @media screen and (min-width: 992px) {
    .category-top-description {
      flex: 1 1 auto; } }
  .category-top-description__more {
    display: none;
    color: var(--brand-color);
    text-decoration: none;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.3rem;
    letter-spacing: -0.02em;
    gap: 0.5rem;
    align-items: center; }
  .category-top-description h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    letter-spacing: -0.03em;
    margin-bottom: 2.4rem;
    padding-right: 3.8rem; }
    @media (max-width: 992px) {
      .category-top-description h1 {
        padding-right: 0;
        font-size: 2.9rem;
        line-height: 3.7rem;
        margin-bottom: 1.6rem; } }
  @media (max-width: 992px) {
    .category-top-description__content.more {
      max-height: 105px;
      overflow: hidden;
      position: relative; }
      .category-top-description__content.more::after {
        content: '';
        bottom: 0;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        right: 0;
        background-image: linear-gradient(transparent, var(--white)); }
      .category-top-description__content.more + a {
        display: inline-flex; } }

.itn-user-avatar {
  display: block;
  overflow: hidden;
  border-radius: 50%; }
  .itn-user-avatar .itn-user-avatar-inner {
    display: block;
    padding-bottom: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }

.author-bio {
  display: flex;
  align-items: center;
  padding-inline: 1.6rem;
  margin-bottom: 4rem;
  width: 100%;
  max-width: 1312px;
  margin-inline: auto; }
  @media screen and (min-width: 768px) {
    .author-bio {
      margin-bottom: 7.2rem;
      flex-direction: row;
      align-items: flex-start; } }
  @media screen and (min-width: 1366px) {
    .author-bio {
      align-items: center; } }
  .author-bio .itn-user-avatar {
    width: 304px;
    max-width: 100%; }
  .author-bio__desktop-av {
    width: 164px;
    min-width: 164px;
    display: none;
    justify-content: center; }
    @media (min-width: 768px) {
      .author-bio__desktop-av {
        display: flex;
        align-items: flex-start;
        margin-right: 3.2rem; } }
    @media (min-width: 1366px) {
      .author-bio__desktop-av {
        width: 416px;
        min-width: 416px; } }
  .author-bio__header {
    display: flex;
    gap: 1.6rem;
    align-items: center; }
    @media (max-width: 992px) {
      .author-bio__header {
        margin-bottom: 2.4rem; } }
    @media (max-width: 992px) {
      .author-bio__header p {
        margin-bottom: 0 !important; } }
    @media (max-width: 992px) {
      .author-bio__header h3 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 0.4rem; } }
    .author-bio__header h3 ~ p a {
      color: var(--base-color);
      text-decoration: none; }
      .author-bio__header h3 ~ p a:hover, .author-bio__header h3 ~ p a:focus {
        text-decoration: underline; }
    .author-bio__header .itn-user-avatar {
      width: 104px; }
      @media (min-width: 768px) {
        .author-bio__header .itn-user-avatar {
          display: none; } }

.container .owl-carousel {
  padding-left: 1.6rem; }
  @media (min-width: 1440px) {
    .container .owl-carousel {
      padding-left: 0; } }
  .container .owl-carousel .owl-item {
    width: 242px !important; }
    @media (min-width: 1440px) {
      .container .owl-carousel .owl-item {
        width: 304px !important; } }
  .container .owl-carousel .owl-nav button {
    width: 4.8rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-color);
    border-radius: 50%;
    border: 0;
    position: absolute;
    top: 61px; }
    .container .owl-carousel .owl-nav button.owl-prev {
      left: -2.4rem; }
    .container .owl-carousel .owl-nav button.owl-next {
      right: -2.4rem; }
    .container .owl-carousel .owl-nav button.disabled {
      visibility: hidden; }
  .container .owl-carousel .owl-dots {
    display: none; }

@media (max-width: 1360px) {
  .visible-desktop {
    display: none; } }

.mobile-home-reco {
  display: flex;
  flex-direction: column;
  gap: 1.6rem; }
  @media (min-width: 1361px) {
    .mobile-home-reco {
      display: none; } }

.mobile-reco-article {
  background-color: var(--base-color);
  border-radius: 0.6rem;
  overflow: hidden;
  position: relative; }
  .mobile-reco-article .label {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 0.02em;
    padding: 0.4rem 10rem;
    border-radius: 0.3rem;
    text-transform: uppercase;
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    left: auto;
    background-color: var(--white);
    color: var(--base-color); }
  .mobile-reco-article a {
    text-decoration: none;
    display: block; }
  .mobile-reco-article p {
    padding: 2.4rem 1.6rem;
    font-size: 2rem;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
    font-weight: 700;
    color: var(--white); }

.category-header {
  display: flex;
  align-items: center;
  flex-direction: column; }
  @media (min-width: 992px) {
    .category-header {
      flex-direction: row; } }
  .category-header__banner {
    display: none; }
    @media screen and (min-width: 992px) {
      .category-header__banner {
        display: block;
        min-width: 416px;
        width: 416px;
        max-width: 100%; } }

#reading-progress {
  position: fixed;
  width: 100%;
  height: 5px;
  z-index: 9999;
  top: 70px;
  left: 0; }
  @media (min-width: 1440px) {
    #reading-progress {
      top: 112px; } }
  @media (min-width: 1320px) {
    #reading-progress.scrolled {
      top: 90px; } }

#reading-progress-fill {
  height: 6px;
  width: 0;
  transition: width 100ms ease;
  background-color: var(--brand-color); }

.so-stop {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  z-index: 200;
  padding: 0 1.6rem; }
  .so-stop__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 768px;
    max-width: 100%; }
    .so-stop__content svg {
      display: inline-block;
      margin: auto; }
    .so-stop__content h2 {
      margin-bottom: 4.8rem; }
      @media (max-width: 767px) {
        .so-stop__content h2 {
          font-size: 2.6rem;
          line-height: 3.2rem; } }

.ez-toc-title {
  color: var(--heading-color);
  font-weight: 700;
  margin-bottom: 2.4rem !important;
  font-size: 2.9rem;
  line-height: 3.7rem;
  letter-spacing: -0.02em; }

.show_no_posts {
  display: none !important; }

.not-found-page {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
  align-items: center;
  text-align: center;
  min-height: 38vh;
  padding: 20px 20px 0; }

.fake-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  min-width: 1.6rem;
  border: 1px solid var(--base-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  transition: background-color 0.2s ease; }
  .fake-checkbox svg {
    opacity: 0;
    transition: opacity 0.2s ease; }

input[type=checkbox]:checked + .fake-checkbox {
  background-color: var(--base-color); }
  input[type=checkbox]:checked + .fake-checkbox svg {
    opacity: 1; }

.search-query {
  color: var(--brand-color); }

.search-categories {
  font-size: 1.6rem; }

.search-item a[rel^="category"] {
  font-size: 1.3rem;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
  color: var(--brand-color);
  font-weight: 700; }
  .search-item a[rel^="category"]:hover, .search-item a[rel^="category"]:focus {
    text-decoration: underline; }

.post-navigation {
  display: none !important; }

@media (max-width: 1366px) {
  .container-title {
    margin-bottom: 2.4rem !important; } }

@media screen and (min-width: 1366px) {
  .home__authors {
    flex: 1 1 auto; } }
.home__promo {
  width: 100%; }
  @media (min-width: 1366px) {
    .home__promo {
      width: 304px; } }
  @media (min-width: 578px) {
    .home__promo .recommended {
      display: flex;
      gap: 1.6rem; } }
  @media (min-width: 1366px) {
    .home__promo .recommended {
      flex-direction: column;
      gap: 0; } }
  .home__promo .recommended > div {
    display: none;
    margin-bottom: 0;
    flex: 1; }
    .home__promo .recommended > div:nth-child(1) {
      display: flex;
      flex-direction: column; }
    @media (min-width: 564px) {
      .home__promo .recommended > div:nth-child(2) {
        display: flex;
        flex-direction: column; } }
    @media (min-width: 768px) {
      .home__promo .recommended > div:nth-child(3) {
        display: flex;
        flex-direction: column; } }
    @media (min-width: 1024px) {
      .home__promo .recommended > div:nth-child(4) {
        display: flex;
        flex-direction: column; } }
    @media (min-width: 1366px) {
      .home__promo .recommended > div {
        display: block;
        margin-bottom: 2.4rem; } }
@media screen and (min-width: 768px) {
  .home__categories {
    width: 50%; } }

@media (min-width: 1367px) {
  .only-mobile {
    display: none; } }

@media (max-width: 1366px) {
  .only-desktop {
    display: none; } }

p:empty {
  display: none !important; }

.home-banner {
  min-height: 300px;
  padding: 4.8rem 2.4rem;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative; }
  .home-banner__overlay-link {
    position: absolute;
    inset: 0; }
  @media (min-width: 768px) {
    .home-banner--kolumny {
      flex-direction: row;
      padding-block: 9rem; }
      .home-banner--kolumny .home-banner__title {
        margin-bottom: 4rem !important; }
        .home-banner--kolumny .home-banner__title:last-child {
          margin-bottom: 0 !important; }
      .home-banner--kolumny .home-banner__title,
      .home-banner--kolumny .home-banner__content {
        text-align: left; }
      .home-banner--kolumny .home-banner__default-link {
        margin-top: 0; }
      .home-banner--kolumny > div {
        align-items: flex-start !important; } }
  @media (min-width: 1366px) {
    .home-banner--kolumny {
      padding-inline: 17.7rem; } }
  @media (min-width: 768px) {
    .home-banner--rzad {
      padding-block: 9.2rem; }
      .home-banner--rzad .home-banner__default-link,
      .home-banner--rzad .home-banner__image-link {
        margin-top: 7.2rem; } }
  .home-banner > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1; }
  .home-banner__title {
    font-size: 2.6rem !important;
    line-height: 3.2rem !important;
    letter-spacing: 0.01em;
    font-weight: 700;
    color: var(--white);
    text-align: center;
    margin-top: 0 !important;
    margin-bottom: 1.2rem !important; }
    .home-banner__title:last-child {
      margin-bottom: 0 !important; }
    @media (min-width: 768px) {
      .home-banner__title {
        font-size: 3.6rem !important;
        line-height: 4.8rem !important; } }
  .home-banner p {
    color: var(--white);
    font-size: 1.4rem !important;
    line-height: 2.1rem !important;
    text-align: center;
    margin-bottom: 0 !important;
    font-weight: 400; }
    @media (min-width: 768px) {
      .home-banner p {
        font-size: 1.6rem !important;
        line-height: 2.3rem !important; } }
  .home-banner__default-link, .home-banner__image-link {
    display: inline-block;
    margin-inline: auto;
    margin-top: 4.8rem; }
    @media (min-width: 768px) {
      .home-banner__default-link, .home-banner__image-link {
        margin-top: 0;
        display: flex;
        align-items: center; } }
  .home-banner__default-link {
    padding: 1.2rem 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white) !important;
    background-color: var(--brand-color);
    font-size: 1.6rem;
    font-weight: 600;
    border-radius: 0.6rem;
    line-height: 2.8rem;
    box-shadow: 0 12px 42px -10px rgba(73, 204, 164, 0.2);
    text-decoration: none; }

.slick-slide:not(.slick-active) {
  opacity: 0.2; }

pre {
  max-width: 100%;
  overflow: auto; }

hr {
  border: 0;
  border-bottom: 1px solid #DEE3ED;
  margin-bottom: 4.8rem; }

button {
  cursor: pointer; }

.button {
  font-size: 1.6rem;
  line-height: 2.8rem;
  display: inline-flex;
  padding: 1.6rem 4.6rem;
  border-radius: 0.6rem;
  border: 1px solid;
  color: var(--white);
  background-color: var(--brand-color);
  border-color: var(--brand-color);
  text-decoration: none;
  font-weight: 600;
  cursor: pointer; }
  @media (min-width: 1441px) {
    .button .mobile {
      display: none; } }
  @media (max-width: 1440px) {
    .button .desktop {
      display: none; } }
  .button--classic {
    transition: all 0.2s ease; }
    .button--classic:hover, .button--classic:focus {
      background-color: var(--base-color);
      box-shadow: 0 12px 42px -10px rgba(33, 33, 33, 0.2);
      border-color: var(--base-color); }
  .button--primary {
    background-color: transparent;
    color: var(--base-color);
    border-color: transparent;
    transition: color 0.2s ease; }
    .button--primary:hover, .button--primary:focus {
      color: var(--brand-color); }
  .button--secondary {
    color: var(--brand-color);
    background-color: transparent;
    transition: all 0.2s ease; }
    .button--secondary:hover, .button--secondary:focus {
      background-color: var(--brand-color);
      color: var(--white); }
  .button--with-icon {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem; }
  .button--with-arrow {
    color: var(--brand-color);
    border-color: transparent;
    background-color: transparent;
    font-weight: 500;
    align-items: center;
    text-decoration: none; }
    .button--with-arrow svg {
      margin-left: 0.5rem;
      text-decoration: none; }
    .button--with-arrow:hover {
      text-decoration: underline; }

.newsletter {
  padding-top: 10rem;
  background: url("./images/bg_newsletter.webp") center no-repeat;
  margin-bottom: 12.8rem; }
  @media (max-width: 1366px) {
    .newsletter {
      padding-top: 6rem;
      margin-bottom: 6rem; } }
  @media (max-width: 1024px) {
    .newsletter {
      padding-top: 3rem;
      margin-bottom: 3rem; } }
  @media (max-width: 992px) {
    .newsletter {
      padding-top: 2rem; } }

.newsletter-wrapper h2, .newsletter-wrapper p {
  text-align: center; }
.newsletter-wrapper h2 {
  margin-top: 0 !important;
  margin-bottom: 1.2rem !important; }
  @media (max-width: 992px) {
    .newsletter-wrapper h2 {
      font-size: 2.6rem;
      line-height: 3.2rem; } }
.newsletter-wrapper p {
  margin: 0 !important;
  font-size: 1.6rem !important;
  line-height: 2.6rem !important;
  font-weight: 400 !important; }
  @media (max-width: 992px) {
    .newsletter-wrapper p {
      font-size: 1.4rem !important;
      line-height: 2.1rem !important; } }
.newsletter-wrapper .newsletter-form {
  padding-top: 3.6rem; }
  @media (min-width: 991px) {
    .newsletter-wrapper .newsletter-form {
      padding-top: 6.4rem; } }

.newsletter-form input[type=checkbox] {
  opacity: 0;
  position: absolute !important;
  left: 0; }
@media (max-width: 991px) {
  .newsletter-form .form__submit--desktop {
    display: none; } }
.newsletter-form .form__submit--mobile {
  margin-top: 2.4rem;
  width: 100%; }
  @media (min-width: 992px) {
    .newsletter-form .form__submit--mobile {
      display: none; } }
.newsletter-form .form__group {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
  margin-bottom: 3.2rem;
  max-width: 100%; }
  @media (max-width: 992px) {
    .newsletter-form .form__group {
      margin-bottom: 3.2rem;
      flex-direction: column; } }
.newsletter-form .form__privacy {
  width: 100%;
  max-width: 75rem;
  margin-inline: auto;
  position: relative;
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
  margin-bottom: 0.6rem; }
  .newsletter-form .form__privacy .fake-checkbox {
    position: relative;
    top: 3px; }
  .newsletter-form .form__privacy input {
    position: relative;
    top: 7px; }
  .newsletter-form .form__privacy label {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    position: relative;
    top: 1px;
    cursor: pointer; }
.newsletter-form button, .newsletter-form input[type=submit] {
  text-align: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 1.6rem;
  line-height: 2.8rem;
  display: inline-flex;
  border-radius: 0.6rem;
  border: 1px solid;
  color: var(--white);
  background-color: var(--brand-color);
  border-color: var(--brand-color);
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  padding: 1.2rem 4.6rem; }
  @media screen and (min-width: 992px) {
    .newsletter-form button, .newsletter-form input[type=submit] {
      width: 22rem;
      padding: 1.6rem 4.6rem; } }
  .newsletter-form button:hover, .newsletter-form button:focus, .newsletter-form input[type=submit]:hover, .newsletter-form input[type=submit]:focus {
    color: var(--white);
    background-color: var(--base-color);
    box-shadow: 0 12px 42px -10px rgba(33, 33, 33, 0.2);
    border-color: var(--base-color); }
.newsletter-form input[type=email] {
  border: 0;
  border-bottom: 1px solid var(--base-color);
  font-size: 1.6rem;
  outline: none;
  padding: 1.2rem 0;
  width: 100%; }
  @media (min-width: 992px) {
    .newsletter-form input[type=email] {
      width: 51.5rem; } }
  .newsletter-form input[type=email]:focus {
    border-bottom-color: var(--brand-color); }

.addtoany_list {
  gap: 1.2rem; }

.social, .addtoany_list > a {
  width: 3.6rem;
  height: 3.6rem;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--brand-color) !important;
  color: var(--brand-color);
  border-radius: 50%;
  transition: background-color 0.2s ease; }
  @media screen and (min-width: 1366px) {
    .social, .addtoany_list > a {
      width: 4.2rem;
      height: 4.2rem; } }
  .social.addtoany_share, .addtoany_list > a.addtoany_share {
    display: none !important; }
  .social svg path, .addtoany_list > a svg path {
    transition: fill 0.2s ease; }
  .social:hover, .social:focus, .addtoany_list > a:hover, .addtoany_list > a:focus {
    background-color: var(--brand-color) !important; }
    .social:hover img, .social:focus img, .addtoany_list > a:hover img, .addtoany_list > a:focus img {
      filter: brightness(0) invert(1);
      opacity: 1 !important; }

.mc4wp-form-success .newsletter-form {
  display: none; }

.mc4wp-response {
  margin-top: 1.2rem; }

.mc4wp-alert.mc4wp-success {
  color: var(--brand-color) !important;
  font-weight: bold;
  text-align: center; }
  .mc4wp-alert.mc4wp-success p {
    font-weight: inherit; }

#wpadminbar {
  display: none !important; }

.site-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid transparent;
  padding: 1.1rem 2rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--white);
  z-index: 999999;
  justify-content: space-between;
  transition: all 0.2s ease; }
  @media (min-width: 992px) {
    .site-header {
      border-bottom-color: #eceff5; } }
  @media (min-width: 1320px) {
    .site-header {
      padding: 3.2rem; } }
  @media (min-width: 1320px) {
    .site-header.scrolled {
      padding: 2.2rem 3.2rem; } }
  .site-header .menu-toggle {
    background: transparent;
    border: 0;
    margin-left: 2.8rem;
    min-width: 22px;
    display: flex;
    justify-content: center; }
    @media (min-width: 1320px) {
      .site-header .menu-toggle {
        display: none; } }
    .site-header .menu-toggle__close {
      display: none; }
    .site-header .menu-toggle.active .menu-toggle__open {
      display: none; }
    .site-header .menu-toggle.active .menu-toggle__close {
      display: inline-block; }
  .site-header .main-navigation {
    flex: 1 1 auto; }
    .site-header .main-navigation #primary-menu {
      display: none; }
      @media screen and (min-width: 1320px) {
        .site-header .main-navigation #primary-menu {
          display: flex; } }
  .site-header .site-branding {
    margin-right: 4rem; }
    @media (min-width: 1440px) {
      .site-header .site-branding {
        margin-right: 4.8rem; } }
    .site-header .site-branding .custom-logo-link {
      display: flex; }
      .site-header .site-branding .custom-logo-link img {
        width: 135px; }
        @media (min-width: 1440px) {
          .site-header .site-branding .custom-logo-link img {
            width: 160px; } }
        @media (min-width: 1660px) {
          .site-header .site-branding .custom-logo-link img {
            width: auto; } }
  .site-header #primary-menu {
    display: flex;
    gap: 2.4rem;
    list-style: none; }
    .site-header #primary-menu a {
      text-decoration: none;
      position: relative;
      color: var(--base-color);
      transition: color 0.2s ease;
      font-weight: 500; }
      .site-header #primary-menu a:hover, .site-header #primary-menu a:focus {
        color: var(--brand-color); }
      .site-header #primary-menu a:before {
        content: '//';
        color: var(--brand-color);
        font-size: 16px;
        margin-right: 0.3rem; }

.search-button {
  display: inline-flex;
  margin-left: 2.8rem;
  background-color: transparent;
  border: 0; }

.social-nav {
  align-items: center;
  display: flex;
  min-height: 4.7rem; }
  @media (max-width: 1320px) {
    .social-nav a:nth-child(1), .social-nav a:nth-child(2) {
      display: none; } }
  @media (max-width: 1660px) {
    .social-nav a {
      padding-inline: 2.4rem; } }
  .social-nav .button {
    padding-block: 0.9rem;
    padding-inline: 2.8rem;
    line-height: 2.7rem; }

.mobile-menu {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: var(--white);
  z-index: 9999999;
  padding: 1.6rem 1.6rem 5rem 1.6rem; }
  .mobile-menu.active {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto; }
  .mobile-menu .menu {
    list-style: none;
    padding: 0;
    margin: 0 0 1.6rem; }
    .mobile-menu .menu li {
      border-bottom: 1px solid rgba(236, 239, 245, 0.8);
      padding: 0.9rem 0; }
    .mobile-menu .menu a {
      font-size: 1.6rem;
      line-height: 2.6rem;
      color: var(--base-color);
      text-decoration: none;
      font-weight: 500; }
      .mobile-menu .menu a::before {
        content: '//';
        color: var(--brand-color);
        margin-right: 0.5rem; }

.mobile-social-menu {
  display: flex;
  flex-direction: column;
  align-items: center; }

.search-bar {
  background-color: #F6F7FA;
  position: fixed;
  left: 0;
  right: 0;
  top: 70px;
  z-index: 999999999;
  padding-block: 1.6rem;
  display: none; }
  @media screen and (min-width: 1320px) {
    .search-bar {
      padding-block: 3rem; } }
  @media (min-width: 1320px) {
    .search-bar.scrolled {
      top: 90px; } }
  .search-bar.active {
    display: block; }
  .search-bar .container {
    margin-bottom: 0;
    justify-content: space-between;
    align-items: center; }
  @media (min-width: 1440px) {
    .search-bar {
      top: 112px; } }
  .search-bar__close-button {
    background-color: transparent;
    border: 0;
    display: flex; }
  .search-bar form {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex: 1 1 auto;
    width: 100%;
    padding-inline: 1.6rem; }
    .search-bar form > svg {
      display: none; }
      @media screen and (min-width: 992px) {
        .search-bar form > svg {
          display: inline-block; } }
  .search-bar #search {
    background-color: transparent;
    border: 0;
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    outline: none;
    flex: 1 1 auto; }
    .search-bar #search::placeholder {
      color: var(--base-color); }

.footer {
  margin-top: 12.8rem;
  background-color: var(--base-color);
  color: var(--invert-color);
  padding-block: 8rem; }
  @media (max-width: 1366px) {
    .footer {
      margin-top: 8rem; } }
  @media (max-width: 992px) {
    .footer {
      font-size: 1.4rem;
      padding-block: 4.2rem 3.2rem;
      line-height: 2rem; } }
  @media (max-width: 767px) {
    .footer {
      margin-top: 5.6rem; } }
  .footer__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0; }
    @media (max-width: 768px) {
      .footer__container > div:nth-child(1) {
        width: 100%;
        margin-bottom: 3.2rem; } }
    @media (max-width: 992px) {
      .footer__container {
        justify-content: flex-start;
        column-gap: 3.2rem; }
        .footer__container > div:nth-child(5) {
          width: 100%;
          margin-top: 2.4rem;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          padding-top: 2.4rem; }
          .footer__container > div:nth-child(5) p {
            text-align: left !important; } }
    @media (max-width: 599px) {
      .footer__container {
        column-gap: 4%; }
        .footer__container > div:nth-child(2), .footer__container > div:nth-child(3) {
          width: 48%; }
        .footer__container > div:nth-child(4) {
          width: 48%;
          margin-top: 0.8rem; } }
  .footer a {
    color: var(--invert-color);
    text-decoration: none;
    transition: color 0.2s ease; }
    .footer a:hover, .footer a:focus {
      text-decoration: underline;
      color: var(--brand-color); }
  .footer ul {
    list-style: none; }
    .footer ul li:not(:last-of-type) {
      margin-bottom: 0.8rem; }
  .footer .wp-block-social-links {
    margin-top: 3rem; }
  .footer .footer-social a {
    transition: background-color 0.2s ease, border-color 0.2s ease; }
    .footer .footer-social a svg path {
      transition: fill 0.2s ease; }
    .footer .footer-social a:hover, .footer .footer-social a:focus {
      background-color: var(--white); }
      .footer .footer-social a:hover svg path, .footer .footer-social a:focus svg path {
        fill: var(--base-color); }

.label {
  font-size: 1.2rem;
  text-transform: uppercase;
  border-radius: 0.3rem;
  padding: 0.4rem 1rem;
  z-index: 99999; }
  .label--white {
    color: var(--base-color);
    background-color: var(--white); }
  .label--black {
    color: var(--white);
    background-color: var(--base-color); }

.article--main {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1; }
  @media (max-width: 1366px) {
    .article--main .article__image-link {
      height: 170px;
      border-radius: 0.6rem 0.6rem 0 0;
      margin-bottom: 0; }
      .article--main .article__image-link + h3 {
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 700;
        padding: 2.4rem 1.6rem;
        background-color: var(--base-color);
        border-radius: 0 0 0.6rem 0.6rem;
        display: flex;
        flex: 1 1 auto; }
        .article--main .article__image-link + h3 a {
          color: var(--white);
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden; } }
.article__category {
  font-size: 1.3rem;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
  color: var(--brand-color);
  font-weight: 700; }
  .article__category:hover, .article__category:focus {
    text-decoration: underline; }
.article__image-link {
  position: relative;
  display: flex;
  text-decoration: none;
  margin-bottom: 1.6rem;
  overflow: hidden; }
  @media (max-width: 1366px) {
    .article__image-link {
      margin-bottom: 1.2rem; } }
  .article__image-link--main {
    height: 335px;
    overflow: hidden; }
  .article__image-link--category {
    height: 232px;
    overflow: hidden; }
    @media (min-width: 564px) {
      .article__image-link--category {
        height: 144px; } }
    @media (min-width: 1366px) {
      .article__image-link--category {
        height: 232px; } }
  .article__image-link--reco {
    height: 170px;
    overflow: hidden; }
    .article__image-link--reco img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .article__image-link--secondary {
    height: 170px;
    overflow: hidden; }
  .article__image-link img {
    transition: transform 0.5s ease;
    object-fit: cover;
    display: block;
    max-width: 100%;
    max-height: 100%;
    z-index: 0; }
  .article__image-link:hover img, .article__image-link:focus img {
    transform: scale(1.15); }
.article__image-link-more {
  position: absolute;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--white);
  background-color: rgba(18, 18, 18, 0.7);
  transition: opacity 0.2s ease;
  opacity: 0; }
  .article__image-link-more:hover, .article__image-link-more:focus {
    opacity: 1; }
.article .label {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem; }
.article--v2 {
  display: flex;
  background-color: var(--base-color);
  margin-top: 2.4rem;
  flex-direction: column;
  border-radius: 0.6rem;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .article--v2 {
      flex-direction: row; } }
  @media screen and (min-width: 1366px) {
    .article--v2 {
      margin-top: 4.8rem; } }
  .article--v2 .article-content {
    flex: 1 1 auto;
    padding: 8.6rem 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
    @media (max-width: 1366px) {
      .article--v2 .article-content {
        padding: 2.4rem 1.6rem; } }
    @media (max-width: 1024px) {
      .article--v2 .article-content {
        padding: 2.4rem 1.6rem;
        text-align: left; }
        .article--v2 .article-content p, .article--v2 .article-content a.button--with-arrow {
          display: none; } }
    .article--v2 .article-content h2 a {
      color: var(--white); }
  .article--v2 .article-image-link {
    display: flex;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
    @media screen and (min-width: 768px) {
      .article--v2 .article-image-link {
        width: 50%;
        max-width: 640px;
        min-width: 50%; } }
    .article--v2 .article-image-link img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .article--v2 span > a {
    color: var(--brand-color);
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: none; }
    .article--v2 span > a:hover, .article--v2 span > a:focus {
      text-decoration: underline; }
    @media (max-width: 1366px) {
      .article--v2 span > a {
        margin-bottom: 0.8rem; } }
  .article--v2 h2 {
    color: var(--white);
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 2.5rem; }
    @media screen and (min-width: 768px) {
      .article--v2 h2 {
        margin-bottom: 2.4rem;
        font-size: 3.6rem;
        line-height: 4.8rem; } }
  .article--v2 p {
    color: var(--invert-color);
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 400;
    margin-bottom: 4.8rem;
    max-width: 45rem;
    margin-inline: auto;
    opacity: 0.9; }
.article--v3 .article-category {
  text-transform: uppercase;
  font-size: 13px;
  display: block;
  margin-bottom: 0.6rem;
  font-weight: 600;
  color: var(--brand-color);
  text-decoration: none; }
  .article--v3 .article-category:hover, .article--v3 .article-category:focus {
    text-decoration: underline; }
.article--v4 {
  display: flex;
  margin-bottom: 2.4rem; }
  @media (max-width: 1366px) {
    .article--v4 {
      flex-direction: column; } }
  .article--v4 > a {
    display: flex;
    position: relative;
    width: 304px;
    min-width: 304px; }
    @media (max-width: 1366px) {
      .article--v4 > a {
        width: 100%;
        min-width: 100%;
        margin-bottom: 1.2rem; } }
  .article--v4 .column-promo-link-with-thumbnail {
    height: 170px;
    overflow: hidden; }
    @media (max-width: 1366px) {
      .article--v4 .column-promo-link-with-thumbnail {
        height: 184px; } }
    .article--v4 .column-promo-link-with-thumbnail img {
      display: block;
      object-fit: cover;
      width: 100%; }
  .article--v4 h5 {
    display: flex;
    align-items: center;
    margin-left: 20px; }
    @media (max-width: 1366px) {
      .article--v4 h5 {
        margin-left: 0; } }
    .article--v4 h5 span {
      color: var(--brand-color);
      font-size: 1.3rem;
      line-height: 2rem;
      text-transform: uppercase;
      margin-bottom: 0.6rem; }
    .article--v4 h5.column {
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
  .article--v4 .column {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    margin-left: 20px;
    font-weight: 700; }
    .article--v4 .column a {
      font-size: 2rem;
      line-height: 2.7rem; }
    .article--v4 .column span {
      color: var(--brand-color);
      font-size: 1.3rem;
      line-height: 2rem;
      text-transform: uppercase;
      margin-bottom: 0.6rem; }

.person {
  padding-inline: 1rem; }
  .person > a {
    display: flex;
    justify-content: center; }
  @media (min-width: 1367px) {
    .person {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      max-width: 24.4rem; } }
  .person .itn-user-avatar {
    width: 186px;
    margin-bottom: 1.8rem; }
  .person__name {
    font-size: 1.6rem;
    line-height: 2.3rem;
    margin-bottom: 0.6rem; }
    .person__name a {
      color: var(--base-color);
      text-decoration: none; }
      .person__name a:hover, .person__name a:focus {
        text-decoration: underline; }
  .person h4, .person a {
    text-align: center; }

.breadcrumbs {
  display: flex;
  gap: 0.8rem;
  list-style: none;
  margin-bottom: 4rem;
  max-width: 100%;
  padding-left: 0 !important;
  flex-wrap: wrap; }
  @media (max-width: 992px) {
    .breadcrumbs {
      margin-bottom: 2.4rem; } }
  .breadcrumbs__link {
    display: inline-flex;
    padding: 0.4rem 1.2rem 0.3rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 22px;
    font-weight: 700;
    color: var(--brand-color);
    text-decoration: none;
    border-radius: 3px;
    transition: color 0.2s ease, background-color 0.2s ease; }
    .breadcrumbs__link--tag {
      border: 1px solid var(--brand-color); }
      .breadcrumbs__link--tag:hover, .breadcrumbs__link--tag:focus {
        text-decoration: none !important; }
    .breadcrumbs__link--current, .breadcrumbs__link:hover, .breadcrumbs__link:focus {
      color: var(--white);
      text-decoration: none !important;
      background-color: var(--brand-color); }

.offers-list {
  margin-block: 6.4rem;
  background-color: rgba(228, 232, 240, 0.35);
  border-radius: 6px;
  padding: 4.8rem 6.4rem 6.4rem;
  letter-spacing: -0.01em;
  list-style: none; }
  @media (max-width: 992px) {
    .offers-list {
      padding: 3.2rem 1.6rem; } }
  @media (min-width: 1366px) {
    .offers-list {
      margin-left: -7.2rem !important;
      margin-right: -7.2rem !important;
      width: calc(100% + 14.4rem) !important; } }
  .offers-list .offers-from {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.9rem;
    line-height: 3.7rem;
    font-weight: 300;
    margin-bottom: 3.2rem; }
    @media (max-width: 992px) {
      .offers-list .offers-from {
        display: block;
        margin-bottom: 2.4rem;
        font-size: 2.4rem;
        line-height: 3.6rem; } }
    .offers-list .offers-from b {
      display: inline-block;
      margin-left: 8px; }
      @media (max-width: 992px) {
        .offers-list .offers-from b {
          display: none; } }
    .offers-list .offers-from a {
      display: flex;
      margin-left: 1.6rem; }
      @media (max-width: 992px) {
        .offers-list .offers-from a {
          display: inline-block;
          vertical-align: middle;
          margin-left: 0; }
          .offers-list .offers-from a img {
            display: block; } }
    .offers-list .offers-from img {
      max-width: 140px; }
  .offers-list .offer-item {
    background-color: var(--white);
    border-radius: 0.6rem;
    box-shadow: 0 8px 50px -12px rgba(55, 66, 98, 0.08);
    padding: 1.6rem 2.4rem; }
    .offers-list .offer-item:not(:last-of-type) {
      margin-bottom: 1.2rem; }
    .offers-list .offer-item .item {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 2.4rem;
      text-decoration: none; }
      @media (max-width: 992px) {
        .offers-list .offer-item .item {
          gap: 1.8rem; } }
      .offers-list .offer-item .item .item-row {
        flex: 1 1 auto; }
      .offers-list .offer-item .item .primary-line,
      .offers-list .offer-item .item .secondary-line {
        display: flex;
        justify-content: space-between; }
      @media (max-width: 992px) {
        .offers-list .offer-item .item .secondary-line {
          display: none; } }
      .offers-list .offer-item .item .primary-line {
        color: var(--base-color);
        font-size: 16px;
        font-weight: 500;
        line-height: 2.3rem;
        text-decoration: none;
        margin-bottom: 0.9rem; }
        @media (max-width: 992px) {
          .offers-list .offer-item .item .primary-line {
            flex-direction: column; } }
      .offers-list .offer-item .item .salary {
        color: var(--brand-color);
        margin-right: 1.6rem;
        text-transform: uppercase; }
      .offers-list .offer-item .item .flex-right {
        display: flex;
        align-items: center; }
      .offers-list .offer-item .item .age {
        border-radius: 40px;
        color: var(--white);
        font-weight: 500;
        padding: 0 10px;
        height: 23px;
        font-size: 13px;
        line-height: 21px;
        display: inline-block;
        background-color: var(--brand-color);
        border: 1px solid var(--brand-color); }
        @media (max-width: 992px) {
          .offers-list .offer-item .item .age {
            display: none; } }
      .offers-list .offer-item .item .secondary-line {
        font-size: 13px;
        color: #979EAA; }
      .offers-list .offer-item .item .company-info {
        display: flex;
        gap: 1.6rem; }
        .offers-list .offer-item .item .company-info i {
          font-size: 14px; }
        .offers-list .offer-item .item .company-info > span {
          display: flex;
          align-items: center;
          gap: 4px;
          white-space: nowrap; }
      .offers-list .offer-item .item .tag {
        border-radius: 40px;
        color: #979EAA;
        padding: 0 10px;
        height: 23px;
        font-weight: 400;
        font-size: 13px;
        line-height: 21px;
        display: inline-block;
        border: 1px solid rgba(179, 184, 193, 0.25);
        margin-left: 0.4rem; }

.author-post-bio {
  margin-top: 6.4rem;
  border-top: 1px solid #DEE3ED;
  border-bottom: 1px solid #DEE3ED;
  margin-bottom: 2.4rem; }
  .author-post-bio p {
    font-size: 1.6rem !important;
    line-height: 2.3rem !important;
    font-weight: 400 !important; }
  .author-post-bio h4 {
    margin-bottom: 0.3rem; }
  .author-post-bio__header {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    padding-block: 2.4rem; }
    .author-post-bio__header h4 a {
      text-transform: capitalize;
      color: var(--base-color); }
    .author-post-bio__header p {
      margin-bottom: 0 !important; }
    .author-post-bio__header a {
      color: inherit; }
      .author-post-bio__header a:hover, .author-post-bio__header a:focus {
        text-decoration: none; }
    .author-post-bio__header .itn-user-avatar {
      width: 12rem; }

.single-post-wrapper .so-stop.disabled {
  display: none; }
  .single-post-wrapper .so-stop.disabled ~ .single-post {
    display: block; }
.single-post-wrapper .so-stop ~ .single-post {
  display: none; }

.single-post__header {
  text-align: center; }
  .single-post__header .post-categories {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    text-transform: uppercase; }
  @media (max-width: 992px) {
    .single-post__header {
      text-align: left; } }
.single-post__container {
  max-width: 864px;
  margin-inline: auto;
  display: block; }
.single-post__category, .single-post a[rel="category tag"] {
  color: var(--brand-color);
  line-height: 2.3rem;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase; }
  .single-post__category:hover, .single-post__category:focus, .single-post a[rel="category tag"]:hover, .single-post a[rel="category tag"]:focus {
    text-decoration: underline; }
.single-post__title {
  font-size: 4.6rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 6rem;
  margin-bottom: 2.4rem; }
  @media (max-width: 992px) {
    .single-post__title {
      font-size: 2.9rem;
      line-height: 3.7rem;
      margin-bottom: 1.6rem; } }
.single-post__meta {
  margin-bottom: 3.2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem; }
  @media (max-width: 992px) {
    .single-post__meta {
      justify-content: flex-start;
      margin-bottom: 2.4rem; } }
  .single-post__meta a {
    color: inherit;
    text-decoration: none; }
    .single-post__meta a:hover, .single-post__meta a:focus {
      text-decoration: underline; }
.single-post__main-image {
  overflow: hidden;
  height: 146px;
  margin-inline: -1.6rem; }
  @media screen and (min-width: 564px) {
    .single-post__main-image {
      height: 320px; } }
  @media screen and (min-width: 992px) {
    .single-post__main-image {
      height: 360px; } }
  @media screen and (min-width: 1366px) {
    .single-post__main-image {
      height: 530px; } }
  .single-post__main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
.single-post__image {
  display: block; }
  @media (max-width: 992px) {
    .single-post__image {
      margin-left: -1.6rem;
      margin-right: -1.6rem;
      max-width: calc(100% + 3.2rem); } }
.single-post__image-description {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
  display: block;
  text-align: center;
  margin-top: 1.6rem; }
  @media (max-width: 992px) {
    .single-post__image-description {
      text-align: left;
      margin-top: 8px; } }
.single-post__wrapper {
  display: flex;
  gap: 32px;
  margin-top: 1.6rem;
  justify-content: center; }
  @media (min-width: 1200px) {
    .single-post__wrapper {
      justify-content: flex-start;
      margin-top: 5.6rem;
      padding-inline: 0; } }
  .single-post__wrapper + h4 {
    margin-top: 6rem;
    margin-bottom: 4rem; }
.single-post__aside {
  width: 192px;
  justify-content: flex-start;
  display: none; }
  @media (min-width: 1200px) {
    .single-post__aside {
      display: flex; } }
  .single-post__aside .social {
    margin-bottom: 1.2rem; }
  .single-post__aside span {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 2rem; }
  .single-post__aside > div {
    height: 200px;
    top: 70px;
    position: sticky;
    display: flex;
    flex-direction: column;
    align-items: center; }
.single-post__introduction {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em; }
  @media (min-width: 1440px) {
    .single-post__introduction {
      font-size: 23px;
      line-height: 34px;
      letter-spacing: -0.02em; } }
.single-post__content {
  width: 100%; }
  @media (min-width: 934px) {
    .single-post__content {
      width: 864px; } }
  .single-post__content p {
    margin-bottom: 2.4rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3rem; }
    @media (max-width: 992px) {
      .single-post__content p {
        font-size: 1.6rem;
        line-height: 2.5rem; } }
  .single-post__content ul:not(.offers-list), .single-post__content ol {
    padding-left: 1.6rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3rem; }
    @media (max-width: 992px) {
      .single-post__content ul:not(.offers-list), .single-post__content ol {
        font-size: 1.6rem;
        line-height: 2.5rem; } }
    .single-post__content ul:not(.offers-list) + *, .single-post__content ol + * {
      margin-top: 2.4rem; }
  .single-post__content ul:not(.offers-list) li::marker {
    color: var(--brand-color); }
  .single-post__content a {
    color: var(--brand-color);
    text-decoration: none; }
    .single-post__content a:hover, .single-post__content a:focus {
      text-decoration: underline; }
  .single-post__content p:empty {
    display: none; }
  .single-post__content .quote, .single-post__content .wp-block-quote {
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 3.4rem;
    letter-spacing: -0.02em;
    margin-block: 6.4rem;
    position: relative; }
    @media (max-width: 992px) {
      .single-post__content .quote, .single-post__content .wp-block-quote {
        font-size: 1.8rem;
        line-height: 2.6rem; } }
    .single-post__content .quote::before, .single-post__content .wp-block-quote::before {
      left: -64px;
      top: -10px;
      display: block;
      position: absolute;
      width: 48px;
      height: 37px;
      content: '';
      background: url("./images/quote.svg") center no-repeat;
      background-size: contain; }
      @media (max-width: 992px) {
        .single-post__content .quote::before, .single-post__content .wp-block-quote::before {
          position: relative;
          top: unset;
          left: unset;
          width: 40px;
          height: 31px; } }
  .single-post__content h2, .single-post__content h3 {
    margin-top: 4rem;
    margin-bottom: 2.4rem;
    font-size: 2.6rem;
    line-height: 3.2rem; }
    @media screen and (min-width: 992px) {
      .single-post__content h2, .single-post__content h3 {
        margin-top: 6.4rem;
        font-size: 3.6rem;
        line-height: 4.8rem;
        margin-bottom: 3rem; } }
  .single-post__content h3 {
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.02em; }
    @media screen and (min-width: 992px) {
      .single-post__content h3 {
        font-size: 2.9rem;
        line-height: 3.7rem; } }
  .single-post__content h4 {
    margin-top: 3.2rem;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    line-height: 2.4rem; }
    @media screen and (min-width: 992px) {
      .single-post__content h4 {
        margin-top: 4rem;
        margin-bottom: 2.4rem;
        font-size: 2rem;
        line-height: 2.5rem; } }
  .single-post__content .alignleft, .single-post__content .alighright {
    margin-bottom: 2rem;
    clear: both; }
    .single-post__content .alignleft::after, .single-post__content .alighright::after {
      clear: both; }
  .single-post__content .alignleft {
    float: left;
    margin-right: 2rem; }
  .single-post__content .alighright {
    float: right;
    margin-left: 2rem; }
  .single-post__content .alignnone,
  .single-post__content .aligncenter {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem; }
    @media (max-width: 992px) {
      .single-post__content .alignnone,
      .single-post__content .aligncenter {
        margin-top: 4.8rem;
        margin-bottom: 4.8rem; } }
    @media (max-width: 767px) {
      .single-post__content .alignnone,
      .single-post__content .aligncenter {
        margin-top: 2.8rem;
        margin-bottom: 2.8rem; } }
  .single-post__content .aligncenter {
    margin-inline: auto;
    display: block;
    text-align: center; }
    .single-post__content .aligncenter figcaption {
      display: block; }
  .single-post__content .full, .single-post__content .wp-block-image .aligncenter {
    margin-block: 6.4rem;
    max-width: unset; }
    @media (max-width: 992px) {
      .single-post__content .full, .single-post__content .wp-block-image .aligncenter {
        margin-block: 2.8rem; } }
    @media (min-width: 1440px) {
      .single-post__content .full, .single-post__content .wp-block-image .aligncenter {
        width: calc(100% + 144px);
        margin-left: -72px; } }
    @media (max-width: 992px) {
      .single-post__content .full img, .single-post__content .wp-block-image .aligncenter img {
        margin-left: -1.6rem;
        max-width: calc(100% + 3.2rem); } }
  .single-post__content .wp-block-pullquote p {
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 3.4rem;
    letter-spacing: -0.02em;
    text-align: left; }
  .single-post__content .wp-caption {
    max-width: 100%; }
    .single-post__content .wp-caption .wp-caption-text {
      margin-top: 8px;
      font-size: 1.4rem;
      line-height: 2rem; }
  .single-post__content .video-embed {
    position: relative;
    height: 0;
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
    padding-bottom: 56.25%; }
    @media (max-width: 992px) {
      .single-post__content .video-embed {
        margin-top: 4.8rem;
        margin-bottom: 4.8rem; } }
    @media (max-width: 767px) {
      .single-post__content .video-embed {
        margin-top: 2.8rem;
        margin-bottom: 2.8rem; } }
    .single-post__content .video-embed iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
.single-post__tags p {
  font-size: 1.4rem !important;
  line-height: 2.0 !important;
  margin-bottom: 1.6rem !important; }
.single-post .newsletter-wrapper {
  margin-top: 2.8rem;
  margin-bottom: 2.8rem; }
  @media screen and (min-width: 768px) {
    .single-post .newsletter-wrapper {
      margin-top: 4.8rem;
      margin-bottom: 4.8rem; } }
  @media screen and (min-width: 1366px) {
    .single-post .newsletter-wrapper {
      margin-top: 6.4rem;
      margin-bottom: 6.4rem; } }

.counter-hierarchy {
  margin-top: 0 !important; }

.contents, .counter-hierarchy {
  background-color: rgba(228, 232, 240, 0.35) !important;
  border-radius: 0.6rem !important;
  padding: 4rem 6.8rem !important;
  margin-top: 5.6rem;
  margin-bottom: 5.6rem; }
  @media screen and (max-width: 992px) {
    .contents, .counter-hierarchy {
      padding: 2.8rem 2.4rem !important;
      margin-top: 2.4rem;
      margin-bottom: 2.4rem; } }
  @media (min-width: 1440px) {
    .contents, .counter-hierarchy {
      margin-left: -7.2rem;
      width: calc(100% + 14.4rem); } }
  .contents--bordered, .counter-hierarchy--bordered {
    border: 1px solid rgba(179, 184, 193, 0.35); }
  .contents__title, .contents .ez-toc-title, .counter-hierarchy__title, .counter-hierarchy .ez-toc-title {
    margin-top: 0 !important;
    margin-bottom: 1.6rem !important;
    letter-spacing: -0.02em !important;
    font-weight: 700 !important;
    display: block !important;
    font-size: 2rem !important;
    line-height: 2.5rem !important; }
    @media screen and (min-width: 992px) {
      .contents__title, .contents .ez-toc-title, .counter-hierarchy__title, .counter-hierarchy .ez-toc-title {
        font-size: 2.9rem !important;
        margin-bottom: 2.4rem !important;
        line-height: 3.7rem !important; } }
  .contents ul, .counter-hierarchy ul {
    list-style: none; }
    .contents ul li, .counter-hierarchy ul li {
      position: relative;
      padding-left: 1.6rem;
      line-height: 3rem;
      margin-bottom: 1.6rem; }
      .contents ul li::before, .counter-hierarchy ul li::before {
        content: '';
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
        background-color: var(--brand-color);
        display: block;
        position: absolute;
        left: -1.6rem;
        top: 50%;
        transform: translateY(-50%); }
    .contents ul a, .counter-hierarchy ul a {
      text-decoration: none;
      color: inherit;
      transition: color 0.2s ease; }
      .contents ul a:hover, .contents ul a:focus, .counter-hierarchy ul a:hover, .counter-hierarchy ul a:focus {
        text-decoration: underline;
        color: var(--brand-color); }
  .contents p:last-of-type, .counter-hierarchy p:last-of-type {
    margin-bottom: 0; }

.share-mobile {
  gap: 1.2rem;
  margin-bottom: 2.4rem; }
  @media screen and (min-width: 1200px) {
    .share-mobile {
      display: none; } }
  .share-mobile .addtoany_shortcode .addtoany_list {
    display: flex;
    flex-direction: row; }
  .share-mobile .social {
    width: 3.6rem;
    height: 3.6rem;
    margin-bottom: 2.4rem; }
  @media (min-width: 1440px) {
    .share-mobile {
      display: none; } }

.addtoany_shortcode .addtoany_share {
  display: none; }
.addtoany_shortcode .addtoany_list {
  display: flex;
  flex-direction: column; }

#ez-toc-container.ez-toc-transparent {
  background-color: rgba(228, 232, 240, 0.35) !important;
  border-radius: 0.6rem !important;
  border: 1px solid rgba(179, 184, 193, 0.35);
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
  padding: 2.8rem 2.4rem; }
  @media screen and (min-width: 768px) {
    #ez-toc-container.ez-toc-transparent {
      margin-block: 3.2rem;
      padding: 3.2rem 2.8rem;
      margin-top: 4.8rem;
      margin-bottom: 4.8rem; } }
  @media screen and (min-width: 1366px) {
    #ez-toc-container.ez-toc-transparent {
      margin-top: 48px !important;
      margin-bottom: 48px !important;
      padding: 4rem 6.8rem !important;
      margin-left: -7.2rem !important;
      margin-right: -7.2rem !important;
      width: calc(100% + 14.4rem) !important; } }
  #ez-toc-container.ez-toc-transparent .ez-toc-list {
    padding-left: 0 !important; }
  #ez-toc-container.ez-toc-transparent .ez-toc-list li {
    position: relative;
    padding-left: 1.6rem; }
    #ez-toc-container.ez-toc-transparent .ez-toc-list li::before {
      content: '';
      display: block;
      width: 0.6rem;
      height: 0.6rem;
      background-color: var(--brand-color);
      border-radius: 50%;
      position: absolute;
      top: 14px;
      left: 0; }
  #ez-toc-container.ez-toc-transparent .ez-toc-link {
    position: relative !important;
    font-size: 16px !important;
    line-height: 25px !important; }
    @media (min-width: 992px) {
      #ez-toc-container.ez-toc-transparent .ez-toc-link {
        line-height: 3rem !important;
        font-size: 1.8rem !important; } }
    #ez-toc-container.ez-toc-transparent .ez-toc-link:hover, #ez-toc-container.ez-toc-transparent .ez-toc-link:focus {
      color: var(--brand-color);
      text-decoration: underline; }

.banner-responsive-article-wrapper {
  margin-top: 2.8rem;
  margin-bottom: 2.8rem; }
  .single-post__footer + .banner-responsive-article-wrapper {
    margin-bottom: 2.4rem; }
    @media screen and (min-width: 1366px) {
      .single-post__footer + .banner-responsive-article-wrapper {
        margin-bottom: 4rem; } }
  @media screen and (min-width: 768px) {
    .banner-responsive-article-wrapper {
      margin-top: 4.8rem;
      margin-bottom: 4.8rem; } }
  @media screen and (min-width: 1366px) {
    .banner-responsive-article-wrapper {
      margin-top: 6.4rem;
      margin-bottom: 6.4rem;
      margin-left: -7.2rem;
      margin-right: -7.2rem;
      width: calc(100% + 14.4rem); } }
  @media (min-width: 768px) {
    .banner-responsive-article-wrapper .home-banner--kolumny {
      padding-block: 7.2rem; } }
  @media (min-width: 1366px) {
    .banner-responsive-article-wrapper .home-banner--kolumny {
      padding-inline: 7.2rem; } }
  @media (min-width: 768px) {
    .banner-responsive-article-wrapper .home-banner--rzad {
      padding-block: 7.2rem; }
      .banner-responsive-article-wrapper .home-banner--rzad__default-link, .banner-responsive-article-wrapper .home-banner--rzad__image-link {
        margin-top: 5.6rem; } }