:root {
  /* font-size-mobile */
  --font-size-mobile-header-page-title: 22px;
  --font-size-mobile-header-nav-link: 28px;
  --font-size-mobile-baner-h1: 24px;
  --font-size-mobile-life-at-wum-h2: 28px;
  --font-size-baner-content-h1: 36px;

  /* line-height-mobile */
  --line-height-mobile-life-at-wum-headers: 35px;
  --line-height-mobile-header-nav-link: 25px;
}

@media only screen and (max-width: 768px) {
  header#main-pages .page-title {
    padding-left: 25px;
    margin-top: 8px;
  }

  header#others-page .page-title {
    padding-left: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header#main-pages .nav-menu ul.menu li.menu-item,
  header#others-page .nav-menu ul.menu li.menu-item {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 991px) {

.display-desktop {
  display: none;
}

.display-mobile {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  line-height: var(--line-height-mobile-life-at-wum-headers);
}

.baner-content h1 {
  font-size: var(--font-size-baner-content-h1);
  font-family: var(--font-family-maecenas);
}

.baner-content h2 {
  font-family: var(--font-family-maecenas);
}

#education-page .baner-content h1 {
  margin-bottom: 25px;
}

#main-page .baner-content h1 {
  max-width: 275px;
}

.baner-content {
  min-height: 500px;
}

.change-opacity {
  opacity: 1 !important;
  display: block !important;
}

.change-height-full {
  height: 100% !important;
}

.change-height-zero {
  height: 0% !important;
}

.veggie-burger {
  background: url(/sites/all/themes/WUM/templates/images/veggie-burger-menu.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 25px;
  height: 25px;
}

.veggie-burger-navy-blue {
  background: url(/sites/all/themes/WUM/templates/images/veggie-burger-menu-navy-blue.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 25px;
  height: 25px;
}

.scrollup {
  right: 25px !important;
}

.border-right-grey {
  border-right: 0px !important;
}

header .page-title {
  margin-top: 15px;
}

/*header#main-pages .page-title a,
header#others-page .page-title a {
  font-size: var(--font-size-mobile-header-page-title);
  font-family: var(--font-family-maecenas);
  word-break: break-word;
}

header#main-pages .page-title .field--name-body,
header#others-page .page-title .field--name-body {
  width: 175px;
}*/

/*header#main-pages #myNav .page-title .field--name-body,
header#others-page #myNav .page-title .field--name-body {
  width: 93px;
}*/

header#main-pages .emblem-content div > svg,
header#others-page .emblem-content div > svg {
  display: none;
}

header#main-pages .emblem-content svg:last-child,
header#others-page .emblem-content svg:last-child {
  width: 80px;
  padding-top: 0px;
  margin-top: 6px;
}

header#main-pages .search form,
header#others-page .search form {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-right: 2px;
}

header#main-pages .languages ul,
header#others-page .languages ul {
  justify-content: flex-end;
  padding-top: 0px;
}

header#main-pages .mobile-menu-container span {
  font-size: 24px;
  color: var(--color-white);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  cursor: pointer;
}

header#others-page .mobile-menu-container span {
  font-size: 24px;
  color: var(--color-navy-blue);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  cursor: pointer;
}

header#main-pages .search i,
header#others-page .search i {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 2px;
}

header#main-pages .search #edit-keys,
header#others-page .search #edit-keys {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 135px;
  padding-left: 25px;
  color: var(--color-navy-blue);
  display: none;
}

header#others-page .search #edit-keys {
  border: 0px;
  background-color: var(--color-white);
}

header#main-pages .search input,
header#others-page .search input {
  border: 1px solid var(--color-navy-blue);
  background-color: #FFF;
}

header#main-pages .search input#edit-keys::-webkit-input-placeholder,
header#others-page .search input#edit-keys::-webkit-input-placeholder {
  font-family: var(--font-family-inter);
  color: var(--color-navy-blue);
  text-transform: uppercase;
}

header#main-pages .mobile-menu-container,
header#others-page .mobile-menu-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 2px;
  padding-right: 15px;
  padding-top: 4px;
}

header#main-pages .overlay,
header#others-page .overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: var(--color-navy-blue);
  overflow-y: hidden;
  transition: 0.5s;
  padding-left: 1em;
}

header#main-pages .overlay-content,
header#others-page .overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
}

header#main-pages .overlay .closebtn,
header#others-page .overlay .closebtn {
  position: absolute;
  top: 25px;
  right: 10px;
  font-size: 45px;
  cursor: pointer;
  color: var(--color-white);
}

header#main-pages .nav-emblem-title,
header#others-page .nav-emblem-title {
  display: grid;
  grid-template-columns: 13% 87%;
  padding-top: 25px;
}

header#main-pages .nav-emblem-title .emblem-content svg,
header#others-page .nav-emblem-title .emblem-content svg {
  width: 70px;
  margin-top: 10px;
  fill: var(--color-white);
}

header#main-pages .nav-emblem-title .page-title a,
header#others-page .nav-emblem-title .page-title a {
  /*font-size: 12px;
  line-height: 0px;*/
  color: var(--color-white);
}

header#main-pages .nav-menu ul.menu,
header#others-page .nav-menu ul.menu {
  display: flex;
  flex-direction: column;
  margin-top: 0px;
}

header#main-pages .nav-menu ul.menu li.menu-item a,
header#others-page .nav-menu ul.menu li.menu-item a {
  font-size: var(--font-size-mobile-header-nav-link);
  font-family: var(--font-family-maecenas);
  font-weight: normal;
  line-height: var(--line-height-text);
  color: var(--color-white);
}

header#main-pages .nav-menu ul.menu li.menu-item,
header#others-page .nav-menu ul.menu li.menu-item {
  padding: 15px 0px;
}

main .aktualnosci-main .attachment {
  grid-template-columns: 100%;
  row-gap: 50px;
  grid-template-areas:
  "gallery"
  "archive-news"
  "other-news";
  grid-template-rows: auto;
  text-align: center;
}

main .view-aktualnosci .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li a:after,
main .view-aktualnosci-en .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li a:after {
  display: none;
}

main .view-aktualnosci .view-content .views-col,
main .view-aktualnosci-en .view-content .views-col,
main .view-nasze-sukcesy .view-content .views-col,
main .view-nasze-sukcesy-en .view-content .views-col {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas:
    "images"
    "data"
    "title"
    "desc";
  margin-bottom: 25px;
  border-bottom: 1px solid var(--color-grey);
  padding-bottom: 25px;
}

main .view-aktualnosci-en .view-content .views-col .views-field-created,
main .view-aktualnosci .view-content .views-col .views-field-created,
main .view-nasze-sukcesy .view-content .views-col .views-field-created,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-created {
  text-align: center;
  margin-bottom: 25px;
}

main .view-aktualnosci .view-content .views-col .views-field-title,
main .view-aktualnosci-en .view-content .views-col .views-field-title,
main .view-nasze-sukcesy .view-content .views-col .views-field-title,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-title {
  text-align: center;
  line-height: 25px;
}

main .view-aktualnosci .view-content .views-col .views-field-view-node,
main .view-aktualnosci-en .view-content .views-col .views-field-view-node,
main .view-nasze-sukcesy .view-content .views-col .views-field-view-node,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-view-node {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 15px;
  width: 100%;
}

main .view-aktualnosci .view-content .views-col .views-field-field-lead,
main .view-aktualnosci-en .view-content .views-col .views-field-field-lead,
main .view-nasze-sukcesy .view-content .views-col .views-field-field-lead,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-field-lead {
  margin: 25px 0px;
}

main .view-aktualnosci .view-content .views-col .views-field-field-galeria img,
main .view-aktualnosci-en .view-content .views-col .views-field-field-galeria img,
main .view-nasze-sukcesy .view-content .views-col .views-field-field-galeria img,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-field-galeria img {
  margin: 0 auto;
}

main .view-aktualnosci .view-content .views-col .views-field-field-galeria,
main .view-aktualnosci-en .view-content .views-col .views-field-field-galeria,
main .view-nasze-sukcesy .view-content .views-col .views-field-field-galeria,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-field-galeria {
  margin-right: 0px;
}

main .view-kalendarium-strona .view-content .views-col,
main .view-kalendarium-strona-en .view-content .views-col {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  column-gap: 20px;
  grid-template-areas:
          "date-month"
          "date-day"
          "cal-title"
          "cal-place"
          "cal-org";
  margin-bottom: 25px;
  border-bottom: 1px solid var(--color-grey);
  padding-bottom: 25px;
}

main .view-kalendarium-strona .views-field-field-event-date,
main .view-kalendarium-strona-en .views-field-field-event-date {
  grid-row-start: 2;
  grid-row-end: 2;
}

main .view-kalendarium-strona .views-field-title,
main .view-kalendarium-strona-en .views-field-title {
  margin-top: 10px;
  text-align: center;
}

main .view-kalendarium-strona .views-field-field-event-date-1,
main .view-kalendarium-strona-en .views-field-field-event-date-1 {
  width: 50%;
  margin: 0 auto;
}

main .view-kalendarium-strona .views-field-field-event-date,
main .view-kalendarium-strona-en .views-field-field-event-date {
  grid-row-start: 2;
  grid-row-end: 2;
  width: 50%;
  margin: 0 auto;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-others-aktualnosci .view-content .views-col .views-field-title a,
main .view-aktualnosci .attachment .views-element-container .archive-others-aktualnosci .view-content .views-col .views-field-title a {
  font-size: var(--font-size-views-content-title-main);
}

main .gallery-main .view-content .views-col .views-field-field-galeria-zdjec .field-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

main .view-aktualnosci .view-content .views-col .views-field-field-galeria-zdjec .field-content img:last-child,
main .view-nasze-sukcesy .view-content .views-col .views-field-field-galeria-zdjec .field-content img:last-child,
main .view-aktualnosci-en .view-content .views-col .views-field-field-galeria-zdjec .field-content img:last-child,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-field-galeria-zdjec .field-content img:last-child {
  display: none;
}

main .view-kalendarium-strona .views-field-field-miejsce,
main .view-kalendarium-strona-en .views-field-field-miejsce {
  display: grid;
  grid-template-columns: 25% 75%;
  justify-items: center;
  gap: 10px;
}

main .view-kalendarium-strona .views-field-field-organizator,
main .view-kalendarium-strona-en .views-field-field-organizator {
  display: grid;
  grid-template-columns: 25% 75%;
  justify-items: center;
  gap: 10px;
}

/* Strona Główna */

button {
  max-width: 275px;
}

#main-page {
  overflow: hidden;
}

#main-page .baner-content {
  padding-bottom: 40px;
}

#main-page .baner-content .field--name-field-odnosnik {
  padding: 5px 15px;
}

#main-page #news-content h2 {
  margin-top: 50px;
  margin-bottom: 50px;
}

#main-page #news-content .news-others div.row:nth-child(2) {
  display: none;
}

#main-page #news-content .news-others img {
  display: none;
}

#main-page #news-content .news-main .views-element-container .view-content,
#main-page #news-content .news-others .views-element-container .view-content {
  padding-bottom: 0px;
}

#main-page #news-content .news-main .views-field.views-field-created,
#main-page #news-content .news-others .views-field.views-field-created {
  font-family: var(--font-family-inter);
  text-align: center;
  margin: 15px 0px;
}

#main-page #news-content .news-others .views-field.views-field-title a {
  font-size: var(--font-size-views-content-title-main);
  font-family: var(--font-family-maecenas);
  color: var(--color-navy-blue);
  line-height: var(--line-height--views-conent-title);
}

#main-page #news-content .news-main .views-field.views-field-created:after,
#main-page #news-content .news-others .views-field.views-field-created:after {
  margin: 0 auto;
}

#main-page #news-content .news-main .views-field.views-field-title span a:after,
#main-page #news-content .news-others .views-field.views-field-title span a:after {
   display: none;
}

#main-page #news-content .news-main .views-field.views-field-title,
#main-page #news-content .news-others .views-field.views-field-title {
  height: auto;
  padding-bottom: 15px;
  text-align: center;
  min-height: inherit;
  margin-bottom: 5px;
}

#main-page #news-content .news-others .views-field.views-field-title {
  max-width: inherit;
}

#main-page #feuilleton .layout__region.layout__region--first {
  position: relative;
  left: 0px;
  order: 2;
  width: 90%;
  top: -100px;
  padding: 25px;
  max-width: inherit;
}

#main-page #feuilleton .layout--twocol-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#main-page #feuilleton {
  position: inherit;
  background-color: var(--color-navy-blue);
}

#main-page #feuilleton .field--name-field-tresc-mobilne {
  display: block;
}

#main-page .display-mobile#feuilleton h3 {
  font-size: var(--font-size-title-h3);
  font-family: var(--font-family-inter);
  background-color: var(--color-navy-blue);
  color: var(--color-white);
  text-align: center;
  text-transform: uppercase;
}

#main-page .display-mobile#feuilleton h2 {
  font-size: var(--font-size-title-h2);
  font-family: var(--font-family-maecenas);
  color: var(--color-white);
  text-align: center;
  margin: 0px 50px;
  line-height: var(--line-height-text);
}

#main-page .display-mobile#feuilleton p {
  font-size: var(--font-size-text);
  font-family: var(--font-family-inter);
  padding: 50px 25px 25px 25px;
  color: var(--color-white);
  margin: 0px;
  text-align: center;
}

#main-page .display-mobile#feuilleton img {
  margin: 25px 0px 0px 0px;
  padding: 0px;
  margin-bottom: -10px
}

#main-page .display-mobile#feuilleton .field--name-field-felieton-odnosnik {
  background-color: var(--color-navy-blue);
  padding: 25px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#main-page .display-mobile#feuilleton .field--name-field-felieton-odnosnik a {
  font-size: var(--font-size-button-read-more);
  font-family: var(--font-family-inter);
  color: var(--color-white);
  text-transform: uppercase;
  text-align: center;
  background-color: var(--color-orange);
  width: 200px;
  padding: 15px 0px;
}

#main-page #successes-calendar #successes > div:nth-child(3) > div {
  margin-top: 0px;
}

#main-page #successes-calendar #successes .view-content {
  flex-direction: column;
  margin-bottom: 0px;
  /* gap: 100px; */
}

#main-page #successes-calendar #successes .slick-dots {
  position: static;
  margin-top: 25px;
}

#main-page #successes-calendar #successes .slick-dots li button {
  background: transparent;
}

#main-page #successes-calendar #successes .slick-dots li.slick-active button:before {
  color: var(--color-navy-blue);
  opacity: 1;
  font-size: 1rem;
}

#main-page #successes-calendar #successes .slick-dots li button::before {
  color: var(--color-navy-blue);
  opacity: 1;
  font-size: 0.75rem;
}

#main-page #successes-calendar #successes .views-field.views-field-created {
  text-align: center;
  margin: 25px 0px;
}

#main-page #successes-calendar #successes .views-field.views-field-created:after {
  margin: 0 auto;
}

#main-page #successes-calendar #successes .view-content {
  flex-direction: column;
}

#main-page #successes-calendar #successes .view-content .views-row {
  background-color: var(--color-light-grey);
  padding: 0px;
  padding-bottom: 35px;
  height: 425px;
}

#main-page #successes-calendar #successes .views-field.views-field-title a {
  max-width: 425px;
  margin: 0 auto;
  text-align: center;
  font-size: var(--font-size-views-content-title-main);
  font-family: var(--font-family-maecenas);
  color: var(--color-navy-blue);
  line-height: var(--line-height--views-conent-title);
  margin-left: 35px;
  margin-right: 35px;
}

#main-page #successes-calendar #successes .views-field.views-field-title span a:after {
  display: none;
}

#main-page #successes-calendar h3 a {
  font-size: var(--font-size-title-h2-section);
}

.view-kalendarium-mobile,
.view-kalendarium-mobile-en {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.view-kalendarium-mobile li.slide__grid.grid.grid--1,
.view-kalendarium-mobile-en li.slide__grid.grid.grid--1 {
  padding: 0 0.625rem 1.25rem !important;
}

.view-kalendarium-mobile .slick--view--kalendarium-mobile,
.view-kalendarium-mobile-en .slick--view--kalendarium-mobile-en {
  max-width: 275px;
  margin-top: 25px;
}

.view-kalendarium-mobile .block-grid .grid__content .slide--0,
.view-kalendarium-mobile .block-grid .grid__content .slide--1,
.view-kalendarium-mobile-en .block-grid .grid__content .slide--0,
.view-kalendarium-mobile-en .block-grid .grid__content .slide--1 {
  background-color: var(--color-light-grey);
  padding: 15px;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.view-kalendarium-mobile .views-field-field-event-date,
.view-kalendarium-mobile-en .views-field-field-event-date {
  font-size: var(--font-size-calendar-event-day);
  font-weight: bold;
  color: var(--color-orange);
  text-align: center;
}

.view-kalendarium-mobile .views-field-field-event-date-1,
.view-kalendarium-mobile-en .views-field-field-event-date-1 {
  text-align: center;
  font-weight: bold;
  font-size: var(--font-size-calendar-event-month);
  text-transform: uppercase;
  margin: 15px 0px;
}

.view-kalendarium-mobile .views-field-title a,
.view-kalendarium-mobile-en .views-field-title a {
  color: var(--font_color_navy_blue);
  font-size: var(--font-size-calendar-event-title);
  font-family: var(--font-family-maecenas) !important;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-align: center;
  padding: 25px;
}

.view-kalendarium-mobile .slick--view--kalendarium-mobile .slick__arrow,
.view-kalendarium-mobile-en .slick--view--kalendarium-mobile-en .slick__arrow {
  top: 45%;
}

.view-kalendarium-mobile .slick--view--kalendarium-mobile .slick__arrow .slick-prev,
.view-kalendarium-mobile-en .slick--view--kalendarium-mobile-en .slick__arrow .slick-prev {
  left: -50px;
}

.view-kalendarium-mobile .slick--view--kalendarium-mobile .slick__arrow .slick-next,
.view-kalendarium-mobile-en .slick--view--kalendarium-mobile-en .slick__arrow .slick-next {
  right: -25px;
}

.view-kalendarium-mobile .slick--view--kalendarium-mobile .slick__arrow .slick-prev:before,
.view-kalendarium-mobile-en .slick--view--kalendarium-mobile-en .slick__arrow .slick-prev:before {
  position: absolute;
  top: 0;
  transform: rotate(225deg);
  border-style: solid;
  border-width: 2px 2px 0px 0px;
  height: 25px;
  width: 25px;
  content: "";
  color: var(--color-navy-blue);
  background: inherit;
  border-radius: 0px;
}

.view-kalendarium-mobile .slick--view--kalendarium-mobile .slick__arrow .slick-next:before,
.view-kalendarium-mobile-en .slick--view--kalendarium-mobile-en .slick__arrow .slick-next:before {
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  border-style: solid;
  border-width: 2px 2px 0px 0px;
  height: 25px;
  width: 25px;
  content: "";
  color: var(--color-navy-blue);
  background: inherit;
  border-radius: 0px;
}

#successes-calendar > div > div.col-lg-3.col-md-12.col-sm-12 > div:nth-child(2) > div > div.display-mobile > div:nth-child(2) {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#successes-calendar > div > div.col-lg-3.col-md-12.col-sm-12 > div:nth-child(2) > div > div.display-mobile > div:nth-child(2) button {
  margin-top: 0px;
  margin-bottom: 25px;
}

#main-page #life-at-wum {
  margin-bottom: -50px;
}

#main-page #life-at-wum .layout--twocol-section {
  display: flex;
  flex-direction: column;
}

#main-page #life-at-wum .layout__region.layout__region--first img {
  max-width: inherit;
  width: 100%;
  margin-top: 0px !important;
}

#main-page #life-at-wum .layout__region.layout__region--second {
  position: relative;
  top: -100px;
  max-width: inherit;
  width: 90%;
  margin: 0 auto;
  padding: 15px;
}

#main-page #banners-front > div > div > div > button.banners-slick-next.slick-arrow:before {
  right: 20px;
}

#main-page #banners-front > div > div > div > button.banners-slick-prev.slick-arrow:before {
  left: 20px;
}

#main-page #banners-front > div > div > div > div > div > div {
  border: 0px;
}

#main-page #successes-calendar > div > div.col-lg-3.col-md-12.col-sm-12 > div:nth-child(1) > div > h3 {
  text-align: center;
}

#main-page #successes-calendar > div > div.col-lg-3.col-md-12.col-sm-12 > div:nth-child(1) > div > h3 a:after {
  display: none;
}

#main-page #successes-calendar {
  margin-bottom: 25px;
}


/* Strona Główna END */

#science-page .page-title h2,
#education-page .page-title h2,
#about-university-page .page-title h2,
#life-at-wum-page .page-title h2 {
  text-align: center;
  line-height: var(--line-height-mobile-life-at-wum-headers);
}

/* Kształcenie */

#education-page .baner-content h2 .field--name-body {
  padding-bottom: 0px;
}

#education-page #recruitment-calculator .cal-form .cal-input {
  grid-template-columns: 75% 15%;
}

#education-page #recruitment-calculator .cal-form .cal-input .cal-input-radio {
  grid-template-columns: 70% 30%;
}

#education-page #recruitment-calculator .recruitment-calculator-main .degree-course select {
  max-width: 300px;
}

#recruitment-calculator > div:nth-child(1) > div > h2 {
  margin-top: 25px;
}

#education-page #recruitment .row:nth-child(4) > div {
  margin-top: -25px;
  margin-bottom: -25px;
}

#education-page .baner-content h2 {
  margin-top: 150px;
  margin-bottom: 25px;
}

#education-page .page-title h2 {
  display: none;
}

#education-page .page-title {
  margin-bottom: 0px;
}

#education-page .page-title-mobile {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#education-page .page-title-mobile h1 {
  font-family: var(--font-family-maecenas);
  font-size: var(--font-size-main-title);
  font-weight: normal;
  line-height: var(--line-height-main-title);
}

#education-page .baner-content-mobile {
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: center;
  align-items: center;
  margin: 25px 0px;
}

#education-page .baner-content-mobile ul.menu li.menu-item {
  border: 0px;
  padding: 5px 0px;
  position: relative;
  padding: 15px 0px;
  list-style-type: none;
  border-bottom: 1px solid var(--color-grey);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 300px;
}

#education-page .baner-content-mobile ul.menu li.menu-item {
  font-size: var(--font-size-nav-menu);
  color: var(--color-navy-blue);
  margin: 0px 15px;
}

#education-page .baner-content-mobile ul.menu li.menu-item a:after {
  background-image: url(../templates/images/Strzalka.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  right: 0px;
  background-size: 100%;
  width: 30px;
  height: 30px;
  content: "";
  transition: margin-right 0.5s;
}

#education-page .baner-content-mobile .field--name-field-ksztalcenie-odnosnik {
    background-color: var(--color-orange);
    margin: 25px 0px;
    border: 0px;
    width: 300px;
    text-align: center;
}

#education-page .baner-content-mobile .field--name-field-ksztalcenie-odnosnik a {
    font-size: var(--font-size-button-read-more);
    font-family: var(--font-family-inter);
    color: var(--color-white);
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    height: 5px;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

#education-page .baner-content div:nth-child(2),
#education-page .baner-content div:nth-child(3),
#education-page .baner-content div:nth-child(4) {
  display: none !important;
}

#science-page #science-under-header .layout__region.layout__region--second .field--name-field-nauka-kategoria-2 h3 {
  display: none;
}

#science-page #science-under-header {
  margin-top: 25px;
  margin-bottom: 25px;
}

#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(3) > ul {
  flex-direction: column;
  height: inherit;
}

#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(3) > ul li {
  width: 325px;
  padding: 10px 0px;
}

#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(3) > ul li a:after {
  position: inherit;
  display: inline-block;
  margin-left: 10px;
  margin-top: -5px;
}

#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(3) > ul > li:nth-child(1) > a,
#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(3) > ul > li:nth-child(2) > a,
#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(3) > ul > li:nth-child(3) > a,
#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(3) > ul > li:nth-child(4) > a,
#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(3) > ul > li:nth-child(5) > a {
  display: flex;
  flex-direction: row;
}

#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(3) > ul > li:nth-child(4) {
  margin-left: 0px;
}

#education-page #student-opinions .layout__region.layout__region--first {
  right: inherit;
  max-width: inherit;
}

#education-page > div.container-fluid.banner-background > div > div > div > div > div:nth-child(4) {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#education-page #why-us .why-us-slider-slick-next.slick-arrow:before {
  right: 25px;
}

#education-page #why-us .why-us-slider-slick-prev.slick-arrow:before {
  left: 25px;
}

#education-page #recruitment .row div .step_recruitment_first {
  display: none;
}

#education-page #why-us > div:nth-child(1) > div > h2 {
  margin-bottom: -35px;
}

#education-page #recruitment .row div .step_recruitment_second {
  display: none;
}

#education-page #recruitment .row div .step_recruitment_first {
  display: none;
}

#education-page #recruitment .row div .step_recruitment_second {
  display: none;
}

#education-page #student-opinions .slick-list.draggable {
  background-color: var(--color-light-grey);
}

#education-page #student-opinions .field--name-field-tytul {
  font-size: 24px;
  text-align: center;
  padding: 0px 35px;
}

#education-page #student-opinions .field--name-field-tytul::before {
  top: 10px;
  left: inherit;
}

#education-page #student-opinions .field--name-field-podpis {
  text-align: center;
  margin-top: 25px;
  max-width: 325px;
  margin: 0 auto;
  padding: 25px 0px;
}

#education-page #student-opinions .layout__region.layout__region--second img {
  min-height: 450px;
}

#education-page #recruitment {
  margin-top: 0px;
}

#education-page #student-opinions {
  margin-top: 0px;
  margin-bottom: 0px;
}

#education-page #recruitment .step_recruitment_mobile {
  display: block !important;
}

#education-page #recruitment .step_recruitment_first > div, #education-page #recruitment .step_recruitment_second > div {
  width: 75%;
  margin: 15px auto;
  height: auto;
  padding: 25px;
}

#education-page #recruitment .step_recruitment_first > div:hover,
#education-page #recruitment .step_recruitment_second > div:hover {
  transform: initial;
}

#recruitment > div:nth-child(2) > div > div > div:nth-child(1):after,
#recruitment > div:nth-child(2) > div > div > div:nth-child(2):after,
#recruitment > div:nth-child(2) > div > div > div:nth-child(3):after,
#recruitment > div:nth-child(2) > div > div > div:nth-child(4):after,
#recruitment > div:nth-child(2) > div > div > div:nth-child(5):after {
  display: none;
}

#recruitment > div:nth-child(3) > div > div > div:nth-child(1):after,
#recruitment > div:nth-child(3) > div > div > div:nth-child(2):after,
#recruitment > div:nth-child(3) > div > div > div:nth-child(3):after,
#recruitment > div:nth-child(3) > div > div > div:nth-child(4):after {
  display: none;
}

#education-page #informant .informant-right-items .field--name-field-ksztalcenie-tytul {
  display: none;
}

#education-page #informant {
  margin-top: 25px;
  margin-bottom: 25px;
}

#education-page #informant .informant-left .informant-left-items a {
  text-align: center;
  word-break: break-word;
  line-height: var(--line-height-text);
}

#education-page #why-us {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Nauka */

#science-page {
  overflow: hidden;
}

#science-page .baner-content {
  padding-bottom: 25px;
}

#science-page #project-support .row div:nth-child(1) {
  order: 2;
  padding: 0px;
}

#science-page #project-support .row div:nth-child(2) {
  padding: 0px;
}

#science-page #academic-degrees .row div:nth-child(1) {
  padding: 0px;
}

#science-page #center-library-laboratory .row {
  gap: 25px;
}

#science-page #science-under-header .row div {
  padding: 0px;
}

#science-page #science-under-header .layout__region.layout__region--second {
  width: 90%;
  margin: 0 auto;
  margin-top: -100px;
  position: relative;
  max-width: initial;
}

#science-page #science-under-header .layout__region.layout__region--first img {
  margin-top: 0px;
  max-width: 100%;
}

#science-page #science-under-header .layout--twocol-section {
  display: block;
}

/* O Uczelni */

#about-university-page {
  overflow: hidden;
}

#about-university-page .baner-content {
  padding-bottom: 25px;
}

#about-university-page .baner-content h2 {
  display: none;
}

#about-university-page #mission-menu ul {
  flex-direction: column;
  margin: 0px;
}

#about-university-page #mission-menu ul li {
  border: 0px;
  padding: 5px 0px;
  position: relative;
  padding: 15px 0px;
  list-style-type: none;
  border-bottom: 1px solid var(--color-grey);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 300px;
}

#about-university-page #mission-menu ul li a {
  font-weight: normal;
}

#about-university-page #mission-menu ul li a:after {
  background-image: url('../templates/images/Strzalka.png');
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  right: 0px;
  background-size: 100%;
  width: 30px;
  height: 30px;
  content: "";
  transition: margin-right 0.5s;
}

#about-university-page #mission-menu ul li:first-child {
  border-left: 0px;
}

#about-university-page #mission-menu ul li:nth-child(2) {
  display: block;
}

#about-university-page #mission h2 {
  margin-bottom: 35px;
}

#about-university-page #wum-in-numbers .wum-in-numbers-menu ul li {
  width: 300px;
}

#about-university-page #wum-in-numbers .wum-in-numbers-content {
  padding-left: 0px;
  text-align: center;
}

#about-university-page #wum-in-numbers div.row > div:nth-child(1) {
  border-right: none;
  padding-right: 15px;
}

#about-university-page #wum-in-numbers .wum-in-numbers-menu ul {
  flex-direction: column;
}

#about-university-page #status-strategy {
  margin-bottom: 50px;
}

#about-university-page #status-strategy .status-strategy-content {
  width: initial;
  min-height: initial;
}

#about-university-page #status-strategy h2 {
  margin-bottom: 55px;
}

#about-university-page #status-strategy .status-strategy-content p {
  position: relative;
  padding: 50px;
}

#about-university-page #status-strategy .row:nth-child(2) {
  gap: 0px;
}

#about-university-page #status-strategy .row:nth-child(2) div:nth-child(1) {
  order: 2;
  padding: 0px;
  margin-top: -20px;
}

#about-university-page #status-strategy .row:nth-child(2) div:nth-child(2) {
  padding: 0px;
}

#about-university-page #bodies-university,
#about-university-page #bodies-authorities {
  padding: 0px;
}

#about-university-page #bodies-university {
  margin-top: 0px;
  margin-bottom: 25px;
}

#about-university-page #bodies-university .bodies-university-content {
  text-align: center;
  padding: 0px;
  min-height: inherit;
}

#about-university-page #bodies-authorities .row div:nth-child(1) {
  order: 2;
}

#about-university-page #bodies-authorities .bodies-authorities-content {
  margin: 15px 0px 0px 0px;
  min-height: initial;
}

#about-university-page #wum-authorities {
  margin-top: 50px;
  margin-bottom: 50px;
}

#about-university-page #wum-authorities ul {
  flex-direction: column;
  height: auto;
  gap: 25px;
}

#about-university-page #wum-authorities ul li a {
  padding: 50px;
}

#about-university-page #faculties-postgraduate .faculties-postgraduate-departments,
#about-university-page #faculties-postgraduate .faculties-postgraduate-education {
  text-align: center;
}

#about-university-page #faculties-postgraduate .faculties-postgraduate-departments {
  margin-top: 0px;
}

#about-university-page #faculties-postgraduate .faculties-postgraduate-education {
  margin-top: 25px;
}

#about-university-page #faculties-postgraduate ul li {
  width: initial;
}

#about-university-page #faculties-postgraduate ul li a {
  width: 215px;
}

#about-university-page #faculties-postgraduate ul li a:after {
  top: 25%;
}

#about-university-page #non-omnis-moriar .non-omnis-moriar-content h2 {
  font-size: var(--font-size-mobile-non-omnis-moriar-h2);
}

#about-university-page #non-omnis-moriar .non-omnis-moriar-content {
  background-image: none;
  height: 100%;
}

#about-university-page #non-omnis-moriar {
  min-height: 100px;
  display: flex;
}

/* Życie WUM */

#life-at-wum-page {
  overflow: hidden;
}

#life-at-wum-page .baner-content {
  padding-bottom: 25px;
}

#life-at-wum-page .baner-content h2 {
  display: none;
}

#life-at-wum-page #dormitories-canteens,
#life-at-wum-page #organizations-associations,
#life-at-wum-page #culture-art,
#life-at-wum-page #sport-recreation {
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 0px;
}

#life-at-wum-page #dormitories-canteens > .row div:nth-child(1),
#life-at-wum-page #culture-art > .row div:nth-child(1) {
  order: 2;
}

#life-at-wum-page #dormitories-canteens .dormitories-canteens-container,
#life-at-wum-page #culture-art .culture-art-container {
  position: relative;
  left: 0%;
  max-width: initial;
  width: 100%;
  padding: 15px 35px;
}


#life-at-wum-page #dormitories-canteens .dormitories-canteens-container .dormitories-canteens-content,
#life-at-wum-page #culture-art .culture-art-container .culture-art-content {
  position: relative;
  top: 0%;
  box-shadow: none;
  padding: 0px;
  border-bottom: 1px solid var(--color-grey);
}

#life-at-wum-page #organizations-associations .organizations-associations-container,
#life-at-wum-page #sport-recreation .sport-recreation-container {
  position: relative;
  right: 0%;
  max-width: initial;
  width: 100%;
  padding: 15px 35px;
}

#life-at-wum-page #organizations-associations .organizations-associations-container .organizations-associations-content,
#life-at-wum-page #sport-recreation .sport-recreation-container .sport-recreation-content {
  position: relative;
  top: 0%;
  box-shadow: none;
  padding: 0px;
  border-bottom: 1px solid var(--color-grey);
}

#life-at-wum-page #life-at-wum-three-columns .life-at-wum-three-columns .view-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

#life-at-wum-page #life-at-wum-three-columns .life-at-wum-three-columns .view-content img {
  max-width: initial;
}

#life-at-wum-page #life-at-wum-three-columns {
  margin-top: 35px;
  margin-bottom: 25px;
}

#life-at-wum-page #life-at-wum-three-columns .life-at-wum-three-columns .view-content > div {
  padding-bottom: 0px;
}

#life-at-wum-page #life-at-wum-three-columns .life-at-wum-three-columns .view-content .views-field-body h2 {
  height: inherit;
}

#life-at-wum-page #life-at-wum-three-columns .life-at-wum-three-columns .view-content .views-field-body .life-at-wum-three-columns-h2-desktop {
  display: none;
}

#life-at-wum-page #life-at-wum-three-columns .life-at-wum-three-columns .view-content .views-field-body .life-at-wum-three-columns-h2-mobile {
  display: block;
}

#life-at-wum-page #wum-healthy-lifestyle > div > div > div > h2 {
  font-size: var(--font-size-life-at-wum-h2);
}

#life-at-wum-page #wum-healthy-lifestyle-slider div.group-left,
#life-at-wum-page #wum-healthy-lifestyle-slider div.group-right {
  float: none;
  width: 100%;
}

#life-at-wum-page #wum-healthy-lifestyle-slider div.group-right {
  padding: 25px;
}

#life-at-wum-page #wum-healthy-lifestyle-slider .field--name-field-wum-healthy-lifestyle-odno {
  text-align: center;
}

#life-at-wum-page #part-of-warsaw {
  margin-top: 50px;
}

#life-at-wum-page #part-of-warsaw > div > div > div > h2 > a {
  font-size: var(--font-size-mobile-life-at-wum-h2);
}

#life-at-wum-page #part-of-warsaw > div > div > div > h2 > a:after {
  margin-top: 2px;
  margin-left: 5px;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#life-at-wum-page #part-of-warsaw > div > div > div > h2 > a:hover:after {
  margin-left: 10px;
}

#main-page #news-content,
#main-page #feuilleton,
#main-page #successes-calendar,
#main-page #life-at-wum {
  opacity: 1;
}

#education-page #why-us,
#education-page #student-opinions,
#education-page #recruitment,
#education-page #recruitment-calculator,
#education-page #informant {
  opacity: 1;
}

#science-page #science-under-header,
#science-page #project-support,
#science-page #academic-degrees,
#science-page #project-in-number,
#science-page #centers-institutions-content,
#science-page #libraries-content,
#science-page #laboratories-content {
  opacity: 1;
}

#about-university-page #mission-menu,
#about-university-page #mission,
#about-university-page #status-strategy,
#about-university-page #bodies-university,
#about-university-page #bodies-authorities,
#about-university-page #wum-authorities,
#about-university-page #faculties-postgraduate,
#about-university-page #wum-in-numbers .wum-in-numbers-video,
#about-university-page #wum-in-numbers .wum-in-numbers-content h2,
#about-university-page #wum-in-numbers .wum-in-numbers-content .field--name-body .wum-in-numbers-items:nth-child(1),
#about-university-page #wum-in-numbers .wum-in-numbers-content .field--name-body .wum-in-numbers-items:nth-child(2),
#about-university-page #wum-in-numbers .wum-in-numbers-content .field--name-body .wum-in-numbers-items:nth-child(3),
#about-university-page #wum-in-numbers .wum-in-numbers-content .field--name-body .wum-in-numbers-items:nth-child(4),
#about-university-page #wum-in-numbers .wum-in-numbers-content .field--name-body .wum-in-numbers-items:nth-child(5) {
  opacity: 1;
}

#life-at-wum-page #dormitories-canteens,
#life-at-wum-page #organizations-associations,
#life-at-wum-page #culture-art,
#life-at-wum-page #sport-recreation,
#life-at-wum-page #wum-healthy-lifestyle,
#life-at-wum-page #part-of-warsaw {
  opacity: 1;
}

/* Ostylowanie slajderów Życie WUM oraz Kształcenie dla wersji mobilnej */

#education-page #student-opinions .slick-dotted.slick-slider,
#life-at-wum-page #wum-healthy-lifestyle .slick-dotted.slick-slider {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}

#education-page #student-opinions .slick-dotted.slick-slider .slick-dots,
#life-at-wum-page #wum-healthy-lifestyle .slick-dotted.slick-slider .slick-dots {
  position: static;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 25px;
  margin-bottom: 15px;
}

#education-page #student-opinions .slick-dotted.slick-slider .slick-dots li.slick-active button:before,
#life-at-wum-page #wum-healthy-lifestyle .slick-dotted.slick-slider .slick-dots li.slick-active button:before {
  /* webkit-transform: scale(130%);
  -moz-transform: scale(130%);
  transform: scale(130%); */
  font-size: 42px;
  top: -1px;
}

#education-page #student-opinions .slick-dotted.slick-slider .slick-dots li button:before,
#life-at-wum-page #wum-healthy-lifestyle .slick-dotted.slick-slider .slick-dots li button:before {
  color: var(--color-navy-blue);
  opacity: 1;
  font-size: 32px;
}

#clinics-page .region.region-content {
  margin-bottom: 50px;
}

#clinics-page .baner-content {
  padding-bottom: 25px;
}

#clinics-page .banner-background {
  background-position: 35% 50%;
}

/* Footer */

.display-mobile .social-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 50px;
  margin-bottom: 25px;
}

.display-mobile .social-links ul li {
  list-style-type: none;
  margin-left: 0px;
}

.display-mobile .social-links ul {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 0px;
  margin: 0px;
  gap: 15px;
}

.display-mobile .social-links ul li a {
  color: var(--color-navy-blue);
  font-size: var(--font-size-social-links);
  border: 1px solid var(--color-navy-blue);
  display: flex;
  justify-content: center;
  border-radius: 100%;
  width: 30px;
  padding: 6px 8px;
  margin: 0 2px;
}

.display-mobile .social-links ul li a:hover {
  text-decoration: none;
}

footer#footer-background {
  text-align: center;
  padding-top: 25px;
}

footer#footer-background a {
  color: var(--color-white);
}

footer#footer-background p {
  color: var(--color-white);
}

footer ul.menu li.menu-item {
  text-align: center;
}

footer#footer-background:after {
  left: 0%;
}

footer .social-links ul {
  margin: 25px 0px;
  justify-content: center;
  gap: 20px;
}

footer .extra-links {
  justify-content: center;
}

footer .logotypes span.intranet {
  max-width: 130px;
  margin: 10px auto;
}

#footer-background > div > div:nth-child(1) > div:nth-child(3) {
  margin-top: 15px;
}

}

@media only screen and (max-width: 575px) {
  header#main-pages .mobile-menu-container,
  header#others-page .mobile-menu-container {
    padding-right: 0;

  }
}