@charset "UTF-8";
/* SASS and Global'ish Stuff */
@font-face {
  font-family: "Montserat";
  src: url("../../fonts/Montserrat/static/Montserrat-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserat";
  src: url("../../fonts/Montserrat/static/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../../fonts/Nunito/static/Nunito-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../../fonts/Nunito/static/Nunito-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../../fonts/Nunito/static/Nunito-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
.cyan {
  color: #0F2842;
}

/* Użycie czcionek */
body {
  font-family: "Montserat", sans-serif;
}

section {
  margin-bottom: 5rem;
}

h1, h2, h3 {
  font-family: "Montserat", sans-serif;
  font-weight: 900;
  color: #305b7a;
}

h2, h3, h4, h5 {
  /* Lorem ipsum dolor sit amet */
  color: #305b7a;
  font-weight: 700;
}

h6 {
  color: #305b7a;
}

h2 {
  font-weight: 800;
  font-size: 2.225rem;
  line-height: 2.65rem;
  margin-bottom: 0.9375rem;
}

.wysiwyg p, .wysiwyg ul, .wysiwyg ol {
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #305b7a;
}

.button-container {
  display: flex;
  align-items: center;
}

.mainbutton {
  display: inline-block;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #FFFFFF;
  padding: 1.25rem 2.5rem;
  background: #305b7a;
  border: 0.125rem solid #305b7a;
  transition: all 0.3s ease-in;
  border-radius: 0;
}
.mainbutton:hover {
  background: #FFFFFF;
  color: #305b7a;
  transition: all 0.3s ease-in;
}

.mainbutton-container .mainbutton {
  display: inline-block;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #FFFFFF !important;
  padding: 1.25rem 2.5rem;
  background: #305b7a !important;
  border: 0.125rem solid #305b7a !important;
  transition: all 0.3s ease-in;
  border-radius: 0;
}
.mainbutton-container .mainbutton:hover {
  background: #FFFFFF !important;
  color: #305b7a !important;
  transition: all 0.3s ease-in;
}

.altbutton {
  display: inline-block;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #305b7a;
  padding: 1.25rem 2.5rem;
  background: white;
  border: 0.125rem solid #305b7a;
  transition: all 0.3s ease-in;
  border-radius: 0;
}
.altbutton:hover {
  background: #305b7a;
  color: white;
  transition: all 0.3s ease-in;
}

.webbutton {
  display: inline-block;
  /* Rectangle 19895 */
  /* Zapisz się na wydarzenie */
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.75rem;
  color: #FFFFFF;
  padding: 1.25rem 2.5rem;
  background: #305b7a;
  border: 0.125rem solid #305b7a;
}
.webbutton:hover {
  background: #FFFFFF;
  color: #305b7a;
  transition: all 0.3s ease-in;
}

body {
  color: black;
}

a {
  font-size: inherit;
  color: inherit;
  text-decoration: none;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #305b7a;
}

.hover-underline-animation::before {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 0.125rem;
  bottom: 0;
  left: 0;
  background-color: #305b7a;
  transform-origin: bottom right;
  transition: transform 0.35s ease-out;
}

.hover-underline-animation:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.dropdown-toggle.show::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.hover-underline-animation-big {
  display: inline-block;
  position: relative;
  color: #305b7a;
}

.hover-underline-animation-big::before {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 0.25rem;
  bottom: 0;
  left: 0;
  background-color: #305b7a;
  transform-origin: bottom right;
  transition: transform 0.35s ease-out;
}

.hover-underline-animation-big:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.active.hover-underline-animation-big::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.navbar-nav .nav-link {
  font-size: 1.25rem;
  color: #305b7a;
}
.navbar-nav .dropdown-item {
  color: #305b7a;
}
.navbar-nav .dropdown-item:active {
  background: none;
}

.site-header__bar .navbar-collapse {
  flex-wrap: wrap;
}
.site-header__bar .navbar-brand img {
  max-height: 5.75rem;
}
.site-header__bar .ue-brand img {
  max-height: 5.75rem;
}
.site-header__bar .navbar-social-icons {
  width: 100%;
  justify-content: flex-end;
  gap: 10px;
  display: inline-flex;
}
.site-header__bar .navbar-social-icons .navbar-social-icons_link {
  font-size: 18px;
  transition: all 0.3s ease;
  color: #305b7a;
}
.site-header__bar .navbar-social-icons .navbar-social-icons_link:hover {
  transform: scale(1.2);
  transition: all 0.3s ease;
  color: #DEB0FF;
}

.site-header__bar--fixedtop {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.site-header__bar--fixedtop .navbar-brand img {
  max-height: 3.125rem;
}

.video-thumbnail {
  position: relative;
  width: 100%;
  max-width: 600px; /* Opcjonalnie dostosuj szerokość */
  margin: 0 auto;
  display: block;
}

.video-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 5px; /* Opcjonalne zaokrąglenie */
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); /* Szary filtr z alfą 40% */
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity 0.3s ease;
  border-radius: 5px; /* Dopasowanie zaokrąglenia */
}

.play-icon {
  font-size: 48px; /* Rozmiar ikony Font Awesome */
  color: #fff; /* Biały kolor ikony */
}

.creation {
  font-size: 0.75rem;
  margin-top: 1.25rem;
  display: block;
}
.creation a {
  color: #305b7a;
}

.slider .swiper-main {
  padding: 30px 60px 40px;
}
.slider .swiper-main .sider-wraper {
  height: 46.875rem;
  position: relative;
  background: white;
}
.slider .swiper-main .sider-wraper .sider-bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slider .swiper-main .sider-wraper .sider-bg img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.slider .swiper-main .sider-wraper .text-wraper {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
}
.slider .swiper-main .sider-wraper .text-wraper h1 {
  margin-bottom: 30px;
  color: white;
}
.slider .swiper-main .sider-wraper .text-wraper p {
  color: white;
  font-weight: 600;
}
.slider .swiper-main .sider-wraper .text-wraper .button-container {
  margin-top: 30px;
  margin-left: 0;
}

.boxes .wysiwyg {
  margin-bottom: 1.875rem;
}
.boxes .box {
  position: relative;
  background: white;
  padding: 40px 60px;
  padding: 0 30px;
}
.boxes .box .picture-contaniner {
  margin-bottom: 1.25rem;
  height: 300px;
}
.boxes .box .picture-contaniner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boxes .box .text-container {
  padding-left: 20px;
}
.boxes .box p {
  margin-bottom: 0;
}
.boxes .box .wysiwyg {
  margin-bottom: 0;
}

.film-strip {
  position: relative;
  border-left: 6px solid #000; /* Czarny pasek po lewej */
  border-right: 6px solid #000; /* Czarny pasek po prawej */
  overflow: hidden; /* Ukrycie nadmiaru */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Opcjonalny cień */
}

.film-strip::before,
.film-strip::after {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px; /* Wysokość tła */
  background: url("../../images/film.png") repeat-x; /* Powtarzające się tło */
  background-size: contain; /* Dopasowanie tła */
}

.film-strip::before {
  top: 0; /* Pozycjonowanie na górze */
}

.film-strip::after {
  bottom: 0; /* Pozycjonowanie na dole */
}

.film-strip .content {
  padding: 20px; /* Odstęp na treść */
  text-align: center; /* Wyśrodkowanie tekstu */
}

.film-strip-vertical {
  position: relative;
  border-top: 6px solid #000; /* Czarny pasek na górze */
  border-bottom: 6px solid #000; /* Czarny pasek na dole */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Opcjonalny cień */
}

.film-strip-vertical::before,
.film-strip-vertical::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 32px; /* Szerokość tła */
  background: url("../../images/film.png") repeat-y; /* Powtarzające się tło pionowe */
}

.film-strip-vertical::before {
  left: 0; /* Pozycjonowanie po lewej stronie */
}

.film-strip-vertical::after {
  right: 0; /* Pozycjonowanie po prawej stronie */
}

.film-strip-vertical .content {
  padding: 20px; /* Odstęp na treść */
  text-align: center; /* Wyśrodkowanie tekstu */
}

.parallax-section {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 500px; /* Dopasuj do swoich potrzeb */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}

.parallax-section .content {
  position: relative;
  z-index: 2; /* Aby treść była nad obrazem */
}

/* Ogólny kontener gry */
.drag-and-drop-game {
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
}
.drag-and-drop-game .drop-zone {
  display: inline-block !important;
}

/* Sekcja zdania z lukami */
.drop-sentence {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.4;
}

/* Strefy upuszczania */
.drop-zone {
  display: inline-block;
  min-width: 120px;
  min-height: 40px;
  margin: 0 10px;
  vertical-align: middle;
  border: 2px dashed #ccc;
  border-radius: 4px;
  text-align: center;
}

/* Kontener słów do przeciągania */
.drag-items {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Pojedyncze słowo do przeciągania */
.drag-item {
  background-color: #e9ecef;
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: move;
  white-space: nowrap;
}

/* Przyciski */
.game-buttons {
  margin-top: 20px;
}

#check-answers,
#clear-answers {
  padding: 10px 15px;
  margin-right: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#check-answers, .checkansw {
  background-color: #28a745;
  color: #fff;
}

#clear-answers, .clearansw {
  background-color: #dc3545;
  color: #fff;
}

#check-answers:hover {
  background-color: #218838;
}

#clear-answers:hover {
  background-color: #c82333;
}

#sort-sentences-game {
  max-width: 600px;
  margin: 0 auto;
}

#sentence-list {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#sentence-list li {
  background: #f8f9fa;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  cursor: move;
}

/* Usuń dolną kreskę dla ostatniego elementu */
#sentence-list li:last-child {
  border-bottom: none;
}

.game-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

#check-order,
#clear-order {
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#check-order {
  background-color: #28a745;
  color: #fff;
}

#check-order:hover {
  background-color: #218838;
}

#clear-order {
  background-color: #dc3545;
  color: #fff;
}

#clear-order:hover {
  background-color: #c82333;
}

#result-message {
  font-weight: bold;
  margin: 0;
  padding: 10px 0;
}

.fa-eraser {
  margin-right: 5px;
}

.open-question textarea {
  width: 100%;
  border-color: #305b7a;
}

#true-false-game {
  margin: 20px auto;
  font-family: sans-serif;
}

.tf-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.tf-table th,
.tf-table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: center;
}

.tf-table th {
  background-color: #f2f2f2;
}

.tf-buttons {
  margin-bottom: 10px;
}

#check-answers-tf,
#clear-answers-tf {
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 10px;
}

#check-answers-tf {
  background-color: #28a745;
  color: #fff;
}

#check-answers-tf:hover {
  background-color: #218838;
}

#clear-answers-tf {
  background-color: #dc3545;
  color: #fff;
}

#clear-answers-tf:hover {
  background-color: #c82333;
}

#result-message-tf {
  font-weight: bold;
  margin-top: 10px;
}

.fa-eraser {
  margin-right: 5px;
}

#answer-game {
  max-width: 600px;
  margin: 20px auto;
  font-family: sans-serif;
}

#user-answer {
  width: 100%;
  margin-bottom: 10px;
  font-family: inherit;
}

.game-buttons {
  margin-bottom: 10px;
}

.game-buttons button {
  padding: 8px 12px;
  margin-right: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#check-answer {
  background-color: #28a745;
  color: #fff;
}

#clear-answer {
  background-color: #dc3545;
  color: #fff;
}

#print-answer {
  background-color: #007bff;
  color: #fff;
}

#check-answer:hover {
  background-color: #218838;
}

#clear-answer:hover {
  background-color: #c82333;
}

#print-answer:hover {
  background-color: #0056b3;
}

#example-answer {
  background: #f8f9fa;
  padding: 10px;
  border: 1px solid #ddd;
  margin-top: 15px;
  border-radius: 4px;
}

#result-message {
  font-weight: bold;
  margin-top: 10px;
}

/* Tabela z jednym wierszem i dwiema kolumnami */
#pair-game-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  table-layout: fixed; /* aby kolumny nie rozszerzały się nierówno */
}

#pair-game-table th, #pair-game-table td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top; /* wydarzenia i strefy wyrównają się do góry */
}

/* W lewej kolumnie wydarzenia są w pionie */
.events-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px; /* odstępy między wydarzeniami */
  align-items: flex-start;
}

/* W prawej kolumnie drop-zones są w pionie */
.drop-zones-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px; /* odstępy między strefami */
  align-items: flex-start;
}

/* Każdy event (tekst) */
.event-name {
  padding: 4px 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* Strefa upuszczania (drop-zone) */
.drop-zone {
  min-height: 32px;
  border: 2px dashed #ccc;
  border-radius: 4px;
  width: 180px; /* Ustaw ewentualnie stałą szerokość, by były równe */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
}

/* Lista dat (do przeciągania) */
#dates-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.date-item {
  padding: 4px 10px; /* Zmniejszamy padding, by daty nie były „wyższe” */
  background: #e9ecef;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: move;
  text-align: center;
  display: inline-block;
  line-height: normal;
  min-width: 50px;
}

/* Przycisk i komunikaty */
.pair-game-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

#check-pairs,
#clear-pairs {
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#check-pairs {
  background-color: #28a745;
  color: #fff;
}

#check-pairs:hover {
  background-color: #218838;
}

#clear-pairs {
  background-color: #dc3545;
  color: #fff;
}

#clear-pairs:hover {
  background-color: #c82333;
}

#pair-game-message {
  font-weight: bold;
  margin: 0;
}

.banner .banner-wraper {
  position: relative;
  min-height: 500px;
}
.banner .banner-wraper .picture-container {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.banner .banner-wraper .picture-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .banner-wraper .text-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.61);
  min-height: 500px;
}
.banner .banner-wraper .text-container .text-wraper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 3.125rem;
}

.two-column-table {
  width: 100%;
  margin: 2.5rem auto;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.two-column-table .drop-zone {
  width: 100%;
}
.two-column-table table {
  width: 100%;
}

.two-column-table th,
.two-column-table td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
  text-align: center;
  width: 50%;
}

.drop-zone {
  min-height: 40px;
  border: 2px dashed #ccc;
  border-radius: 4px;
  padding: 5px;
  background: #fafafa;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

#draggable-items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.drag-item {
  background: #e9ecef;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 10px;
  cursor: move;
  text-align: center;
  min-width: 50px;
}

.two-column-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

#check-columns,
#clear-columns {
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#check-columns {
  background-color: #28a745;
  color: #fff;
}

#check-columns:hover {
  background-color: #218838;
}

#clear-columns {
  background-color: #dc3545;
  color: #fff;
}

#clear-columns:hover {
  background-color: #c82333;
}

#two-column-message {
  font-weight: bold;
  margin: 0;
}

#quiz-container {
  margin-bottom: 20px;
}

.single-question {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
}

.single-question h3 {
  margin-top: 0;
}

.single-question ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.single-question li {
  margin-bottom: 8px;
}

.quiz-buttons {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
}

#quiz-result {
  font-weight: bold;
  margin: 0;
}

.category-card {
  display: block;
  text-align: center;
  color: #333;
  transition: transform 0.3s, box-shadow 0.3s;
}

.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  color: #0073aa;
}

.category-icon {
  font-size: 40px;
  color: #0073aa;
}

.category-name {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.swiper-pagination {
  bottom: -20px !important;
}

.swiper {
  padding-bottom: 70px;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 0;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #305b7a;
}

.swiper-pagination-bullet-active {
  background: #305b7a;
}

.gallery-container a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: transform 0.3s;
}

.gallery-container a img:hover {
  transform: scale(1.1);
}

.gallery-item {
  display: inline-block; /* Ustaw link jako blokowy element, aby span był poniżej */
  text-align: center; /* Wyśrodkowanie tekstu pod zdjęciem */
  width: 23%;
  height: 200px; /* Możesz dostosować szerokość galerii */
  margin-bottom: 15px; /* Odstęp między zdjęciami */
}

.page-content {
  margin-bottom: 3.875rem;
}

.gallery-item img {
  display: block; /* Obraz jako blokowy element */
  margin: 0 auto; /* Wyśrodkowanie zdjęcia w kontenerze */
}

.image-caption {
  display: block; /* Zapewnia, że tekst jest w nowej linii */
  margin-top: 5px; /* Odstęp między obrazkiem a podpisem */
  font-size: 14px; /* Rozmiar czcionki dla podpisu */
  color: #666; /* Kolor tekstu */
}

.social-share {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.social-share a,
.social-share span {
  font-size: 1.25rem;
  color: #305b7a;
}

.breadcrumb {
  /* Strona główna / Kategoria / Wpis */
  color: #305b7a;
  font-weight: 500;
}
.breadcrumb a {
  display: inline-block;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb span {
  display: inline-block;
}

/* Kafelki kategorii */
.category-card {
  display: block;
  height: 300px;
  border-radius: 8px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s;
}

.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.category-overlay {
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  text-align: center;
}

.category-name {
  display: block;
  width: 100%;
  padding: 8px;
  background: rgba(90, 90, 90, 0.733);
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}

.material-card {
  height: 18.75rem;
  display: block;
  border: 2px solid #305b7a;
}

.lesson-section .wysiwyg {
  margin: 2.5rem auto;
}

/* Kafelki wpisów */
.post-card {
  display: block;
  height: 18.75rem;
  border-radius: 8px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s;
}

.post-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.post-overlay {
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  text-align: center;
}

.post-title {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}

.card {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.card-title a {
  color: #0073aa;
  text-decoration: none;
}

.card-title a:hover {
  text-decoration: underline;
}

.card-img-top {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.icon-container {
  width: 100%;
  height: 100%;
}

.card-text small {
  display: block;
  margin-bottom: 10px;
  color: #666;
}

footer {
  width: 80%;
  margin: auto;
  padding: 80px 0;
}
footer .site-footer__spacer {
  height: 3px;
  background: black;
  margin: 40px auto;
  width: 100%;
}
footer .site-footer__container .navbar-brand img {
  max-width: 120px;
}
footer .site-footer__container .site-footer__menu-container {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}
footer .site-footer__container .site-footer__menu {
  display: flex;
  align-items: center;
  justify-content: end;
  list-style: none;
  gap: 10px;
}
footer .site-footer__container .navbar-social-icons {
  display: flex;
  gap: 12px;
}
footer .site-footer__container .navbar-social-icons .navbar-social-icons_link {
  font-size: 18px;
  transition: all 0.3s ease;
  color: #305b7a;
}
footer .site-footer__container .navbar-social-icons .navbar-social-icons_link:hover {
  transform: scale(1.2);
  transition: all 0.3s ease;
  color: #DEB0FF;
}

.counter h2 {
  text-align: center;
  margin-bottom: 60px;
}
.counter .conter__container {
  margin-top: 90px;
  display: flex;
  gap: 80px;
  justify-content: center;
}
.counter .conter__container .counter__single {
  min-width: 180px;
}
.counter .conter__container .counter__single div {
  font-weight: 500;
  font-size: 120px;
  line-height: 140px;
  /* identical to box height */
  color: #305b7a;
}
.counter .conter__container .counter__single span {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */
  text-align: center;
  text-transform: uppercase;
}
.counter .conter__container .wysiwyg p {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

.counter__single {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 1.2em;
  text-align: center;
  overflow: hidden;
  height: 150px;
}

.digit {
  display: block;
  position: absolute;
  width: 100%;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.digit.old {
  transform: translateY(0);
  opacity: 1;
}

.digit.old.fade-out {
  transform: translateY(100%);
  opacity: 0;
}

.digit.new {
  transform: translateY(-100%);
  opacity: 0;
}

.digit.new.fade-in {
  transform: translateY(0);
  opacity: 1;
}

.counter-small .conter__container {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.counter-small .conter__container .counter__single {
  min-width: 180px;
}
.counter-small .conter__container .counter__single div {
  font-weight: 500;
  font-size: 60px;
  line-height: 90px;
  /* identical to box height */
  color: #305b7a;
}
.counter-small .conter__container .counter__single span {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */
  text-align: center;
  text-transform: uppercase;
}
.counter-small .conter__container .wysiwyg p {
  font-size: 24px;
  font-weight: bold;
}

.gridboxes .gridboxes__text-container {
  position: absolute;
  z-index: 2;
  bottom: 0;
  background: #DEB0FF;
  display: flex;
  align-items: end;
  justify-content: center;
  height: auto;
  padding: 40px;
}
.gridboxes .gridboxes__text-container:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  background-image: url("../../images/kafelkiafter.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  min-height: 437px;
  max-height: 100%;
  max-width: 60%;
  width: 58%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.gridboxes .gridboxes__text-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../../images/kafelkibefore1.png");
  /* Ścieżka do obrazka */
  background-size: cover;
  /* Dopasowanie rozmiaru obrazka */
  background-repeat: no-repeat;
  /* Zapobieganie powtarzaniu obrazka */
  z-index: 1;
  min-height: 100%;
  width: 60%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.gridboxes .gridboxes__text-container > div {
  width: 60%;
  text-align: center;
  position: relative;
  z-index: 8;
}
.gridboxes .gridboxes__text-container > div h2 {
  margin-bottom: 30px;
}
.gridboxes .gridboxes__img-container {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
  height: 780px;
}
.gridboxes .gridboxes__img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.gridboxes .full-grid,
.gridboxes .part-grid,
.gridboxes .three-grid {
  position: relative;
  margin-bottom: 60px;
}
.gridboxes .part-grid:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 20%;
  background-image: url("../../images/kafelkiafter.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  min-height: 437px;
  max-height: 100%;
  max-width: 60%;
  width: 58%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.gridboxes .text-photo__bg-container {
  height: 100%;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: #DEB0FF;
}
.gridboxes .text-photo__bg-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../../images/kafelkibefore.png");
  /* Ścieżka do obrazka */
  background-size: cover;
  /* Dopasowanie rozmiaru obrazka */
  background-repeat: no-repeat;
  /* Zapobieganie powtarzaniu obrazka */
  z-index: 1;
  min-height: 100%;
  width: 60%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
}
.gridboxes .text-photo__text-container {
  position: relative;
}
.gridboxes .text-photo__text-wraper {
  height: 100%;
  padding: 60px;
  position: relative;
  z-index: 8;
}
.gridboxes .text-photo__text-wraper h2 {
  margin-bottom: 40px;
}
.gridboxes .text-photo__text-wraper .wysiwyg {
  margin-bottom: 40px;
}
.gridboxes .button-container {
  justify-content: start;
}
.gridboxes .button-container .mainbutton {
  margin-left: 0;
}
.gridboxes .text-photo__img-container {
  width: 100%;
  height: 100%;
}
.gridboxes .text-photo__img-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.gridboxes .reverse {
  position: relative;
}
.gridboxes .reverse:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  background-image: url("../../images/kafelkibefore2c.png");
  /* Ścieżka do obrazka */
  background-size: cover;
  /* Dopasowanie rozmiaru obrazka */
  background-repeat: no-repeat;
  /* Zapobieganie powtarzaniu obrazka */
  z-index: 1;
  min-height: 100%;
  width: 60%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.gridboxes .reverse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../../images/kafelkiafter2.png");
  /* Ścieżka do obrazka */
  background-size: cover;
  /* Dopasowanie rozmiaru obrazka */
  background-repeat: no-repeat;
  /* Zapobieganie powtarzaniu obrazka */
  z-index: 1;
  min-height: 100%;
  width: 60%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
}
.gridboxes .reverse .text-photo__bg-container {
  background: #B0F9FF;
}
.gridboxes .reverse .text-photo__bg-container::after, .gridboxes .reverse .text-photo__bg-container::before {
  display: none;
}
.gridboxes .reverse .text-photo__img-container {
  right: initial;
  left: 0;
}
.gridboxes .reverse .text-photo__img-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.gridboxes .three-grid h3 {
  font-size: 28px;
  margin-bottom: 30px;
}
.gridboxes .three-grid .three-grid__img-container {
  position: relative;
  width: 100%;
  z-index: -1;
}
.gridboxes .three-grid .three-grid__text-container {
  background: #DEB0FF;
  position: relative;
  z-index: 2;
  padding: 40px;
}
.gridboxes .three-grid .three-grid__text-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../../images/kafelki3beform.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
  min-height: 100%;
  width: 64%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.gridboxes .three-grid .three-grid__text-container:after {
  content: "";
  position: absolute;
  bottom: 38%;
  right: 0;
  background-image: url(../../images/kafelki3afterm.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  min-height: 100%;
  width: 72%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
}
.gridboxes .three-grid .three-grid__text-container .three-grid__text-wraper {
  position: relative;
  z-index: 8;
}
.gridboxes .three-grid.cyan .three-grid__text-container {
  background: #B0F9FF;
}
.gridboxes .three-grid.cyan .three-grid__text-container:after {
  background-image: url(../../images/kafelki3afterc.png);
}

.file_required__overloaded,
.file_required__success {
  display: none;
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  gap: 80px;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #f8f9fa;
  /* light background */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.altbutton {
  margin-right: 20px;
}

.form__status .column,
.form__version .column {
  background: #f0f0f0;
  padding: 0.625rem;
  display: block;
}
.form__status a,
.form__version a {
  color: #305b7a;
}
.form__status a:hover,
.form__version a:hover {
  text-decoration: underline;
}

.form__status span,
.form__status div,
.form__status p,
.form__status a {
  font-size: 1.0625rem;
}

.form__container form label {
  font-size: 18px;
}
.form__container .agreement-group p,
.form__container .agreement-group span,
.form__container .agreement-group label,
.form__container #agree-info p,
.form__container #agree-info span,
.form__container #agree-info label {
  font-size: 18px;
}
.form__container .agreement-group p a,
.form__container .agreement-group span a,
.form__container .agreement-group label a,
.form__container #agree-info p a,
.form__container #agree-info span a,
.form__container #agree-info label a {
  color: #305b7a;
}
.form__container .agreement-group p a:hover,
.form__container .agreement-group span a:hover,
.form__container .agreement-group label a:hover,
.form__container #agree-info p a:hover,
.form__container #agree-info span a:hover,
.form__container #agree-info label a:hover {
  text-decoration: underline;
}

.file_required {
  color: red;
  font-weight: 600;
}
.file_required .file_required__count {
  font-weight: 900;
}

.form__container {
  background: #f0f0f0;
  padding: 20px;
  margin-bottom: 80px;
}
.form__container h2 {
  font-size: 30.4px;
}

.form__header {
  margin-bottom: 15px;
}

.form__subheader {
  margin-bottom: 15px;
  font-size: 22px;
  text-align: left;
}

.form-group {
  margin-bottom: 30px;
}

.form-control,
.form-control-file,
textarea {
  margin-bottom: 10px;
}

.form__note {
  font-weight: bold;
  margin-bottom: 15px;
}

#valid_info {
  color: red;
  font-size: 18px;
  font-weight: 600;
}

.more-person__container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
}

.add-more {
  height: 100%;
  min-height: 100px;
  margin-bottom: 60px;
}
.add-more .add-more__button-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
.add-more .add-more__button-container .add-more__button {
  width: 68px;
  height: 68px;
  background-color: #305b7a;
  border: 3px solid #305b7a;
  border-radius: 50%;
  font-size: 30px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s, color 0.3s;
}
.add-more .add-more__button-container .add-more__button:hover {
  background-color: white;
  color: #305b7a;
}
.breadcrumb {
  /* Strona główna / Kategoria / Wpis */
  color: #305b7a;
  font-weight: 500;
}
.breadcrumb a {
  display: inline-block;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb span {
  display: inline-block;
}

.header-section {
  margin-bottom: 32px;
}

.text-section .featured-img__container {
  margin-bottom: 80px;
}
.text-section h2 {
  margin-bottom: 32px;
}

.area .area__wraper {
  display: flex;
  flex-wrap: wrap;
}
.area .area__wraper .area__tags-wraper {
  order: 3;
  margin-top: 40px;
}
.area .area__wraper .accordion-item,
.area .area__wraper .area__tags-tag,
.area .area__wraper .area__tags-title {
  display: none;
}
.area .area__container {
  margin-top: 32px;
  margin-bottom: 80px;
}
.area .area__link {
  display: block;
  background: #FFFFFF;
  box-shadow: 0.4375rem 0.4375rem 1.875rem rgba(0, 0, 0, 0.4);
  padding: 30px;
  border-radius: 30px;
  transition: all 0.3s ease-in;
  border: 0.125rem solid white;
  height: 100%;
}
.area .area__link:hover {
  box-shadow: 0.4375rem 0.4375rem 1.875rem rgb(64, 42, 81);
  transition: all 0.3s ease-in;
  border-color: #305b7a;
}
.area .area__link .area__link-title {
  font-size: 19.2px;
  text-align: center;
  margin-bottom: 15px;
  min-height: 48px;
}
.area .area__link .area__link-text {
  font-size: 15px;
  text-align: center;
}
.area .area__link .area__link-img {
  text-align: center;
  margin-bottom: 20px;
}
.area .area__link .area__link-img img {
  max-height: 140px;
}
.area .area__link--active {
  border-color: #305b7a;
}
.area h4 {
  font-size: 1.375rem;
  font-weight: 600;
}
.area .acf-field {
  margin-top: 30px;
}
.area .accordion-button {
  display: block;
  background: #DEB0FF;
  padding: 0.625rem;
}
.area .area__tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.area .area__tags h2 {
  margin-bottom: 32px;
}
.area .area__tags .area__tags-container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.area .area__tags .area__tags-tag {
  display: inline-block;
  background: #305b7a;
  color: white;
  border-radius: 20px;
  position: relative;
  padding: 2px 8px 2px 26px;
  font-size: 16px;
  font-weight: 600;
  text-transform: lowercase;
  border: 0.125rem solid #305b7a;
}
.area .area__tags .area__tags-tag::before {
  content: "";
  border-radius: 50%;
  background: white;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0.625rem;
  top: calc(50% - 0.3125rem);
  transition: all 0.3s ease-out;
}
.area .area__tags .area__tags-tag:hover {
  color: #305b7a;
  background: white;
  transition: all 0.3s ease-out;
}
.area .area__tags .area__tags-tag:hover::before {
  background: #305b7a;
}
.area .area__tags .area__tags-tag--active {
  color: #305b7a;
  background: white;
}
.area .tag__info {
  margin-top: 64px;
}
.area .links-list {
  width: 100%;
  margin-bottom: 0;
  margin-top: 48px;
  list-style: none;
  padding: 0;
}
.area .links-list .accordion-item {
  margin-bottom: 0.25rem;
}
.area .links-list .accordion-button {
  font-size: 1.25rem;
  font-weight: 600;
}
.area .links-list .accordion-body {
  padding: 20px 0;
}
.area .links-list .accordion-body a:hover {
  text-decoration: underline;
}
.area .links-list .accordion-body b,
.area .links-list .accordion-body strong {
  font-weight: normal;
}
.area .links-list h2 {
  line-height: 32px;
  font-size: 24px;
}

.team .col-md-4 {
  margin-bottom: 5rem;
  padding: 0 2.5rem;
}
.team .team__person-container {
  border-radius: 50px;
  box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.4);
  /* Zastąpienie drop-shadow */
  background: white;
  padding-bottom: 30px;
  position: relative;
}
.team .team__person-container .team__person-img {
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50px 50px 0 0;
}
.team .team__person-container .team__person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.team .team__person-container .team__person-text {
  padding: 30px 20px 0;
}
.team .team__person-container .team__person-text h3 {
  text-align: center;
  margin: auto;
  min-height: 60px;
  font-size: 22px;
}
.team .team__person-container .team__person-text-container {
  display: none;
  transition: all ease-in 0.3s;
  opacity: 0;
}
.team .team__person-container .divider-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  gap: 10px;
}
.team .team__person-container .divider {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 20px;
}
.team .team__person-container .divider::before, .team .team__person-container .divider::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: gray;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.team .team__person-container .divider::before {
  left: 0;
}
.team .team__person-container .divider::after {
  right: 0;
}
.team .team__person-container .divider .middle-dot {
  width: 20px;
  height: 20px;
  background-color: gray;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: calc(50% - 0.625rem);
}
.team .team__person-container:hover {
  box-shadow: 7px 7px 30px rgb(64, 42, 81);
  /* Zastąpienie drop-shadow */
}
.team .team__person-container:hover .team__person-text-container {
  display: block;
  position: absolute;
  width: 200%;
  z-index: 10;
  top: 50%;
  background: white;
  left: -50%;
  padding: 36px;
  border-radius: 50px;
  box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.4);
  /* Zastąpienie drop-shadow */
  transition: all ease-in 0.3s;
  opacity: 1;
}

.join-buttons {
  margin: 40px 0;
}
.join-buttons h3 {
  margin-bottom: 30px;
}
.join-buttons .col-md-4 {
  margin-bottom: 1.25rem;
}
.join-buttons .mainbutton {
  padding: 40px;
  width: 100%;
  display: block;
  text-align: center;
  margin: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.register-button {
  min-width: 500px;
  max-width: 80%;
  text-align: center;
  padding: 40px;
  font-size: 40px;
  max-width: 90%;
  animation: pulse 1.5s ease infinite;
}

.timeline {
  margin-top: -3rem;
}
.timeline a {
  font-weight: bold;
}
.timeline a:hover {
  text-decoration: underline;
}
.timeline .timeline-container {
  margin: 160px auto 30px;
  width: 400px;
  max-width: 80%;
}
.timeline .timeline-container .timeline__step {
  box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.4);
  border-radius: 80px;
  text-align: center;
  height: 150px;
  margin-bottom: 120px;
  position: relative;
  /* Konieczne do pozycjonowania tooltipów */
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* Tooltip jest domyślnie ukryty */
  /* Wyświetlenie tooltipa po najechaniu */
  /* Dla nieparzystych tooltipy po prawej */
  /* Dla parzystych tooltipy po lewej */
}
.timeline .timeline-container .timeline__step:nth-child(odd) {
  background-color: #DEB0FF;
  color: #305b7a;
}
.timeline .timeline-container .timeline__step:nth-child(odd):hover {
  background-color: #ffffff;
  color: #305b7a;
}
.timeline .timeline-container .timeline__step:nth-child(even) {
  background-color: #ffffff;
  color: #305b7a;
}
.timeline .timeline-container .timeline__step:nth-child(even):hover {
  background-color: #DEB0FF;
  color: #305b7a;
}
.timeline .timeline-container .timeline__step .timeline__step-desc {
  display: none;
  position: absolute;
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  background: #DEB0FF;
  color: #305b7a;
  z-index: 10;
  width: 100%;
  transition: opacity 0.3s ease;
  /* Dodanie przejścia */
  opacity: 0;
  /* Ukryty na początku */
  pointer-events: none;
  /* "Dziubek" tooltipa */
}
.timeline .timeline-container .timeline__step .timeline__step-desc::after {
  content: "";
  position: absolute;
  border-width: 1.25rem;
  /* Zwiększenie wielkości dziubka */
  border-style: solid;
}
.timeline .timeline-container .timeline__step:hover .timeline__step-desc {
  display: block;
  opacity: 1;
  /* Zmiana przezroczystości, aby tooltip się pojawił */
  pointer-events: auto;
}
.timeline .timeline-container .timeline__step:nth-child(odd) .timeline__step-desc {
  top: 50%;
  left: 110%;
  /* Pozycjonowanie tooltipa po prawej stronie */
  transform: translateY(-50%);
  margin-left: 0.625rem;
  /* Dystans od elementu */
}
.timeline .timeline-container .timeline__step:nth-child(odd) .timeline__step-desc::after {
  top: 50%;
  right: 100%;
  /* Dziubek wskazujący w lewo (w stronę elementu) */
  border-color: transparent #DEB0FF transparent transparent;
  transform: translateY(-50%);
}
.timeline .timeline-container .timeline__step:nth-child(even) .timeline__step-desc {
  top: 50%;
  right: 110%;
  /* Pozycjonowanie tooltipa po lewej stronie */
  transform: translateY(-50%);
  margin-right: 0.625rem;
  /* Dystans od elementu */
}
.timeline .timeline-container .timeline__step:nth-child(even) .timeline__step-desc::after {
  top: 50%;
  left: 100%;
  /* Dziubek wskazujący w prawo (w stronę elementu) */
  border-color: transparent transparent transparent #DEB0FF;
  transform: translateY(-50%);
}
.timeline .timeline-container .timeline__step .timeline__step-tilte {
  display: block;
  font-weight: bold;
  width: 100%;
}
.timeline .timeline-container .timeline__step {
  position: relative;
  /* Aby pseudoelementy mogły być pozycjonowane absolutnie */
}
.timeline .timeline-container .timeline__step:first-child::after {
  content: "";
  position: absolute;
  left: 43%;
  top: -76%;
  height: 220%;
  width: 104%;
  background-image: url("../../images/timestart.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.timeline .timeline-container .timeline__step:nth-child(odd):not(:first-child)::after {
  content: "";
  position: absolute;
  left: 49%;
  top: -42%;
  height: 190%;
  width: 100%;
  background-image: url("../../images/timeright.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.timeline .timeline-container .timeline__step:nth-child(even)::after {
  content: "";
  position: absolute;
  right: 6%;
  top: -50%;
  height: 209%;
  width: 100%;
  background-image: url("../../images/timeleft.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.big-text-bg-cyan {
  padding: 1.875rem;
  background: #B0F9FF;
  margin-bottom: 1.875rem;
}
.big-text-bg-cyan h3 {
  color: #0F2842;
}

.text-border-cyan {
  padding: 1.875rem;
  margin-bottom: 1.875rem;
}

.two-cols {
  margin-bottom: 1.875rem;
}
.two-cols .col-md-6 {
  padding-left: 1.875rem;
}
.two-cols ul {
  padding-left: 0.625rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

.big-text-bg-violet {
  margin-bottom: 1.875rem;
  background: #DEB0FF;
}
.big-text-bg-violet h3 {
  color: #305b7a;
}

.text-border-violet {
  padding: 1.875rem;
  margin-bottom: 1.875rem;
}

.shared-val {
  margin-top: 3.75rem;
}
.shared-val .col-md-6:nth-of-type(2) {
  border-right: 2px solid #d6d6d6;
}
.shared-val .col-md-6:nth-of-type(3) .img-col {
  padding-left: 2.5rem;
}
.shared-val .img-col {
  min-height: 15rem;
  display: flex;
  align-items: center;
}
.shared-val .text-col0 {
  padding-right: 2.5rem;
}
.shared-val .text-col1 {
  padding-left: 2.5rem;
}

.social-share {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.social-share a,
.social-share span {
  font-size: 1.25rem;
  color: #305b7a;
}

.list-flex {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

.oldinv__tags-tag {
  display: inline-block;
  background: #305b7a;
  color: white;
  border-radius: 20px;
  position: relative;
  padding: 2px 8px 2px 26px;
  font-size: 16px;
  font-weight: 600;
  text-transform: lowercase;
  border: 0.125rem solid #305b7a;
}
.oldinv__tags-tag::before {
  content: "";
  border-radius: 50%;
  background: white;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0.625rem;
  top: calc(50% - 0.3125rem);
  transition: all 0.3s ease-out;
}
.oldinv__tags-tag:hover {
  color: #305b7a;
  background: white;
  transition: all 0.3s ease-out;
}
.oldinv__tags-tag:hover::before {
  background: #305b7a;
}

.area__tags-tag--active {
  color: #305b7a;
  background: white;
}

.innovation-item h4,
.innovation-v1-item h4 {
  font-size: 22px;
  text-transform: uppercase;
}

.e_green {
  width: 100%;
  background: green;
  color: white;
  font-weight: 600;
  text-align: center;
  font-size: 1.875rem;
}

.e_red {
  text-align: center;
  width: 100%;
  background: red;
  color: white;
  font-weight: 600;
  font-size: 1.875rem;
}

.float-container {
  position: fixed;
  bottom: 45vh;
  right: 0;
  padding-right: 1%;
  z-index: 99;
}
.float-container .floatbutton {
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 50%;
  background: #305b7a;
  color: white;
  font-weight: bold;
  display: flex;
  justify-content: center;
  font-size: 1.25rem;
  align-items: center;
  border: 0.125rem solid #305b7a;
  transition: all ease-in 0.3s;
  animation: pulse 1.5s ease infinite;
}
.float-container .floatbutton:hover {
  background: white;
  color: #305b7a;
  transition: all ease-in 0.3s;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.start-quota {
  position: absolute;
  left: -51px;
  top: -32px;
  font-size: 40px;
  color: #305b7a;
}

.end-quota {
  position: absolute;
  right: -51px;
  bottom: -32px;
  font-size: 40px;
  color: #305b7a;
}

.delete-file {
  border: 0;
  background: transparent;
  color: red;
  padding-left: 0.625rem;
}

.download-place {
  background: white;
  padding: 4px 16px;
  align-items: center;
  border: 0.125rem solid #305b7a;
  margin-bottom: 19.2px;
}
.download-place p,
.download-place input {
  margin-bottom: 0;
}

.user-file-tab {
  width: 1000px;
  max-width: 90%;
  border: 0.0625rem solid #305b7a;
}
.user-file-tab th {
  background-color: #305b7a;
  color: white;
}
.user-file-tab tr {
  color: #305b7a;
}
.user-file-tab tr:nth-child(even) {
  background-color: #DEB0FF;
  color: #305b7a;
}
.user-file-tab td,
.user-file-tab th {
  padding: 0.25rem;
}
.user-file-tab .mainbutton,
.user-file-tab .altbutton {
  padding: 10px;
}

.wp-block-group__inner-container {
  padding: 20px 50px;
}

.dashboard .mainbutton {
  margin-left: 0;
}

.nf-form-cont {
  color: #305b7a;
}

.is-invalid,
.invalid {
  color: red;
  border-color: red;
}

.wp-caption {
  display: inline-block;
}

.forOfor {
  margin-top: 5rem;
}
.forOfor h1 {
  font-size: 6.25rem;
  margin-bottom: 40px;
}
.forOfor h3 {
  margin: 40px auto;
}

.wp-caption-text {
  min-height: 71px;
  display: flex;
}

.faq .accordion .accordion-button {
  line-height: 1.8rem;
  height: auto;
  background: #DEB0FF;
  color: #305b7a;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0.625rem;
  display: block;
}
.faq .accordion .accordion-button:after {
  display: none;
}

.accelerator .accel-innov .accinv-item {
  margin-bottom: 2.5rem;
}
.accelerator .accel-innov .accinv-item .img-container {
  margin-bottom: 1.25rem;
}
.accelerator .accel-innov .accinv-item .img-container img {
  max-width: 100%;
}
.accelerator .accel-innov .accinv-item a {
  font-weight: bold;
}
.accelerator h3 {
  margin-bottom: 1.875rem;
}
.accelerator .acc-item {
  margin-bottom: 1.25rem;
  padding: 0.5rem 3.75rem;
  background: #ffdeb0;
  text-align: center;
  height: 100%;
  display: flex;
  color: #8c2c22;
  justify-content: center;
  align-items: center;
}
.accelerator .acc-item p {
  color: #8c2c22;
}
.accelerator .acc-item h4 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #8c2c22;
}
.accelerator .timeline .timeline-container .timeline__step:nth-child(even):hover {
  background: #ffdeb0;
  color: #8c2c22;
}
.accelerator .timeline .timeline-container .timeline__step:nth-child(odd) .timeline__step-desc::after {
  border-color: transparent #ffdeb0 transparent transparent;
}
.accelerator .timeline .timeline-container .timeline__step:nth-child(even) .timeline__step-desc::after {
  border-color: transparent transparent transparent #ffdeb0;
}
.accelerator .timeline .timeline-container .timeline__step .timeline__step-desc {
  background: #ffdeb0;
  color: #8c2c22;
}
.accelerator .timeline .timeline-container .timeline__step:nth-child(odd) {
  background: #ffdeb0;
  color: #8c2c22;
}
.accelerator .timeline .timeline-container .timeline__step:nth-child(even) {
  color: #8c2c22;
}
.accelerator .title-container .title-container__title h1 {
  color: #8c2c22;
}
.accelerator .timeline .timeline-container .timeline__step:first-child::after,
.accelerator .timeline .timeline-container .timeline__step:nth-child(odd):not(:first-child)::after,
.accelerator .timeline .timeline-container .timeline__step:nth-child(even)::after {
  filter: invert(25%) sepia(12%) saturate(500%) hue-rotate(91deg) brightness(90%) contrast(100%);
}
.video-single {
  margin-bottom: 2.5rem;
}
.video-single h5 {
  color: #305b7a;
  margin-top: 0.625rem;
}
.video-single iframe {
  max-width: 100%;
}

.post-list .post-item {
  margin-bottom: 3.125rem;
}
.post-list .post-item .mainbutton {
  padding: 10px;
  margin-left: 0;
}
.post-list .post-item .post-date {
  font-weight: bold;
  color: #305b7a;
}

.swiper-button-prev, .swiper-button-next {
  display: none;
}

.glossary {
  font-size: 0.875rem;
  background-color: rgb(231, 231, 231);
  margin-bottom: 1.875rem;
}
.glossary p, .glossary ul, .glossary li, .glossary a {
  font-size: inherit;
}

.asw-buttons-green {
  background-color: #28a745;
  color: white;
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.asw-buttons-red {
  background-color: #dc3545;
  color: white;
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 10px;
}

.text-section .wysiwyg blockquote p {
  font-size: 14px;
  line-height: 18px;
}

.dropdown-item.active, .dropdown-item:active {
  background: none;
}

.storysite .post-thumbnail {
  height: 26.25rem;
  margin-bottom: 1.875rem;
}
.storysite .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.storysite .post-content {
  margin-top: 2.5rem;
}

.wp-block-quote {
  background-color: #f8f8f8; /* Bardzo jasno szary */
  padding: 1.25rem 1.25rem 1.25rem 3.95rem;
  position: relative;
}

.wp-block-quote::before {
  content: "\f10d"; /* Ikona dużego cudzysłowu */
  font-family: "Font Awesome 5 Free"; /* Upewnij się, że Font Awesome jest załadowany */
  font-weight: 900; /* Gruby font */
  font-size: 60px;
  color: #ccc; /* Kolor cudzysłowu */
  position: absolute;
  top: -10px;
  left: 8px;
}

.text-section .picture-container {
  height: 500px;
}
.text-section .picture-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.museum-logo {
  margin-left: 1.25rem;
}

.library-cards .img-container {
  width: 100%;
  height: 18.75rem;
}
.library-cards .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.library-cards h5 {
  color: #0F2842;
}
.library-cards h5 a {
  color: inherit;
}

.tax-history .post-title {
  margin-top: 20px;
  color: #0F2842;
  text-shadow: none;
}

.form__status .panelback {
  padding: 0.25rem;
  margin-left: 0;
  margin-bottom: 0.25rem;
  color: white;
  width: 100%;
  text-align: center;
}
.form__status .panelback:hover {
  color: #305b7a;
}

@media only screen and (max-width: 1500px) {
  .site-header__bar .ue-brand img {
    max-height: 4.75rem;
  }
  .main-slider .swiper .swiper-slide {
    min-height: 800px;
  }
  .tagline .tagline__header .tagline__header-desc {
    font-size: 2.5rem;
  }
  .tagline .tagline__header h1 {
    font-weight: 900;
    font-size: 80px;
    line-height: 108px;
  }
}
@media only screen and (max-width: 1400px) {
  .tagline .tagline__header h1 {
    font-size: 80px;
  }
  .tagline .tagline__header .tagline__header-desc {
    font-size: 40px;
    line-height: 68px;
  }
  .main-slider .slider__text-container:before {
    min-width: 70%;
    width: auto;
  }
  .main-slider .slider__text-container > div {
    width: 90%;
  }
  .gridboxes .three-grid .three-grid__text-container:before {
    width: 80%;
  }
  .gridboxes .three-grid .three-grid__text-container:after {
    width: 95%;
  }
}
.download-place {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 87.5rem) {
  .main-slider .swiper .swiper-slide {
    height: 95vh;
    min-height: 39.375rem;
  }
  .main-slider .slider__text-container > div h2 {
    font-size: 27.2px;
  }
  .area .area__link {
    padding: 0.9375rem;
  }
}
@media only screen and (max-width: 81.25rem) {
  .site-header__bar .ue-brand img {
    max-height: 3rem;
  }
  .area__link {
    height: 380px;
    overflow: hidden;
    margin-bottom: 40px;
  }
  h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .tagline .tagline__header h1 {
    font-size: 65px;
    line-height: 80px;
  }
  .tagline .tagline__header .tagline__header-desc {
    font-size: 40px;
    line-height: 68px;
  }
  .main-slider .slider__text-container:before {
    min-width: 87%;
    width: auto;
  }
  .main-slider .slider__text-container::after {
    min-height: 520px;
  }
  .text-photo .text-photo__text-wraper {
    position: relative;
    z-index: 8;
  }
  .slider .slider__text h3 {
    font-size: 34px;
    line-height: 42px;
  }
  .slider .slider__text .wysiwyg p {
    font-size: 28px;
    line-height: 32px;
  }
  .gridboxes .three-grid .three-grid__text-container:after {
    bottom: 30%;
  }
  footer {
    padding-top: 0;
  }
}
@media only screen and (max-width: 992px) {
  .embed-container a img {
    max-width: 100%;
    min-width: 0;
  }
  h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .wysiwyg p,
  .wysiwyg ol,
  .wysiwyg ul {
    font-size: 15px;
    line-height: 22px;
    font-size: 15px;
    line-height: 22px;
  }
  .wysiwyg p ol,
  .wysiwyg p ul,
  .wysiwyg ol ol,
  .wysiwyg ol ul,
  .wysiwyg ul ol,
  .wysiwyg ul ul {
    font-size: 15px;
    line-height: 22px;
  }
  .navbar-collapse {
    position: relative;
    z-index: 90;
    background: rgb(248, 249, 250);
    display: flex;
    justify-content: center !important;
    align-items: center;
    padding-bottom: 40px;
  }
  .tagline .tagline__header h1 {
    font-size: 40px;
  }
  .tagline .tagline__header .tagline__header-desc {
    font-size: 24px;
    line-height: 32px;
  }
  .counter .conter__container {
    gap: 40px;
  }
  .counter .conter__container .counter__single div {
    font-size: 90px;
  }
  .gridboxes .three-grid .three-grid__text-container:before {
    width: 110%;
  }
  .gridboxes .three-grid .three-grid__text-container:after {
    bottom: 18%;
  }
  .gridboxes .three-grid .three-grid__text-container {
    padding: 20px;
  }
  .gridboxes .three-grid .three-grid__text-container h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (min-width: 62.0625rem) and (-webkit-min-device-pixel-ratio: 1.2) {
  html {
    font-size: 1rem;
  }
}
@media (max-width: 87.5rem) and (-webkit-min-device-pixel-ratio: 1.2) {
  .navbar-nav .nav-link {
    font-size: 1.15rem;
  }
  .site-header__bar .navbar-brand img {
    max-height: 70px;
  }
  .site-header__bar .ue-brand img {
    max-height: 30px;
  }
  .tagline .slider__text h2 {
    font-size: 35.2px;
    line-height: 41.6px;
  }
  .tagline .slider__text h3 {
    font-size: 28.8px;
    line-height: 32px;
  }
  .tagline .slider__text .wysiwyg {
    margin: 24px auto;
  }
  .tagline .slider__text .wysiwyg p {
    font-size: 25.6px;
    line-height: 30.4px;
  }
  .tagline .tagline__header .tagline__header-desc {
    font-size: 33.6px;
    line-height: 56.8px;
  }
  .tagline .tagline__header .tagline__header-desc p {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .slider .swiper-main .sider-wraper .text-wraper {
    background: rgba(48, 91, 122, 0.4);
  }
  .slider .swiper-main .sider-wraper {
    padding-bottom: 40px;
  }
  .slider .swiper-main .sider-wraper .text-wraper {
    padding-bottom: 30px;
  }
  .pair-game .drop-zone {
    height: 150px;
  }
  .text-section .picture-container {
    margin: 20px auto;
  }
  .gallery-container a img {
    max-width: 40vw;
  }
  .gallery-item {
    width: 100%;
  }
  .social-share {
    margin-bottom: 20px;
  }
  .mainbutton {
    padding: 8px 12px;
    width: 100%;
    text-align: center;
  }
  .slider .swiper-main .sider-wraper .sider-bg {
    position: static;
    width: 100%;
  }
  .slider .swiper-main .sider-wraper .sider-bg img {
    position: static;
  }
  .boxes .box {
    margin-bottom: 10px;
  }
  .slider .swiper-main .sider-wraper {
    height: auto;
  }
  .slider .swiper-main {
    padding: 10px;
  }
  .video-single iframe {
    max-width: 100%;
    height: auto;
    min-height: 15rem;
  }
  .timeline {
    overflow: hidden;
  }
  .mainbutton {
    margin-left: 0;
  }
  .wysiwyg .mainbutton {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    text-align: center;
  }
  .float-container .button-container .floatbutton {
    width: 6.25rem;
    height: 6.25rem;
    text-align: center;
  }
  .main-slider .swiper .swiper-slide {
    height: auto;
  }
  .tagline .slider__text {
    align-items: flex-start;
    padding: 20px;
  }
  .tagline .slider__text h2 {
    font-size: 35.2px;
    line-height: 41.6px;
  }
  .tagline .slider__text h3 {
    font-size: 28.8px;
    line-height: 35.2px;
  }
  .team .teamrow {
    max-width: 80%;
    margin: auto;
  }
  .float-container {
    width: auto;
    background: none;
    bottom: 50px;
    width: auto;
    background: none;
  }
  .custom-navigation {
    display: none;
  }
  .tagline .tagline__container {
    padding: 30px;
  }
  .tagline .tagline__header h1 {
    font-size: 30px;
    line-height: 38px;
  }
  .tagline .tagline__header .tagline__header-desc {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .main-slider .slider__text-container > div {
    width: 100%;
  }
  .main-slider .slider__text-container:after {
    top: -32%;
  }
  .webbutton {
    font-size: 22px;
  }
  .text-photo .container:after {
    left: 0;
    width: 100%;
    max-width: 100%;
  }
  .slider .slider__text {
    padding: 20px;
  }
  .counter .conter__container {
    gap: 8px;
  }
  .counter .conter__container .counter__single {
    min-width: 0;
  }
  .counter .conter__container .counter__single div {
    font-size: 38px;
  }
  .slider .slider__text .wysiwyg p {
    font-size: 18px;
    line-height: 24px;
  }
  .gridboxes .gridboxes__img-container {
    height: auto;
  }
  .gridboxes .gridboxes__text-container {
    position: relative;
    padding: 20px;
  }
  .gridboxes .gridboxes__text-container div {
    width: 100%;
  }
  .gridboxes .gridboxes__text-container:before {
    width: 100%;
  }
  .gridboxes .gridboxes__text-container:after {
    width: 90%;
    max-width: 90%;
  }
  .gridboxes .text-photo__text-wraper {
    padding: 20px;
  }
  .gridboxes .part-grid:after {
    width: 90%;
    max-width: 90%;
  }
  .gridboxes .three-grid .three-grid__text-container:after {
    bottom: 31%;
    width: 100%;
    max-width: 100%;
    min-height: 242px;
  }
  .gridboxes .three-grid .three-grid__text-container:before {
    width: 64%;
    left: 0%;
  }
  footer .site-footer__project-text {
    width: 100%;
    max-width: 100%;
  }
  footer .site-footer__logo-container div {
    display: block;
    text-align: center;
  }
  footer .site-footer__logo-container div img {
    max-width: 100%;
  }
  footer .site-footer__container .site-footer__menu-container {
    align-items: flex-start;
  }
  footer .site-footer__container .site-footer__menu {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 30px;
  }
  footer .site-footer__social {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .site-footer__logo-container div {
    max-width: 100%;
    flex-wrap: wrap;
  }
  .slider .swiper-slide {
    min-height: 340px;
  }
  .main-slider .slider__text-container > div h2 {
    font-size: 24px;
  }
  .team .team__person-container:hover .team__person-text-container {
    left: 0;
    max-width: 100vw;
  }
  .innovation-item,
  .innovation-v1-item {
    text-align: center;
  }
  .timeline .timeline-container .timeline__step:nth-child(odd) .timeline__step-desc::after,
  .timeline .timeline-container .timeline__step:nth-child(even) .timeline__step-desc::after {
    display: none;
  }
  .timeline .timeline-container .timeline__step:nth-child(odd) .timeline__step-desc {
    top: 0;
    left: 0;
  }
  .timeline .timeline-container .timeline__step:nth-child(even) .timeline__step-desc {
    top: 0;
    left: 0;
  }
  .timeline .timeline-container .timeline__step:nth-child(even)::after {
    right: 9%;
  }
  .timeline .timeline-container .timeline__step:nth-child(odd):not(:first-child)::after {
    left: 50%;
  }
  .download-place {
    display: block;
  }
  .dashboard .mainbutton,
  .dashboard .altbutton {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .dashboard .user-file-tab {
    width: 100%;
    max-width: 100%;
  }
  .modal-backdrop {
    width: 100% !important;
  }
}
@media only screen and (max-width: 400px) {
  .timeline .timeline-container .timeline__step:nth-child(odd):not(:first-child)::after {
    content: "";
    position: absolute;
    left: 49%;
    top: -31%;
    height: 168%;
    width: 100%;
    left: 57%;
  }
  .timeline .timeline-container .timeline__step:first-child::after {
    content: "";
    position: absolute;
    left: 49%;
    top: -68%;
    height: 209%;
    width: 104%;
  }
}

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