/*modyfikacja artukułu kontakt*/


/* Twój obecny styl dla listy – możesz zostawić */
ul.contact li {
  position: relative;
  margin: 15px 0 0 0;
  list-style-type: none;
}

/* Ułóż w 2 kolumnach na szerokich ekranach */
.contact-wrap {
  display: flex;
  gap: 24px;             /* odstęp między kolumnami */
  align-items: flex-start;
}

/* Szerokości kolumn (dowolnie) */
.contact-info { flex: 1 1 50%; }
.contact-hours { flex: 1 1 50%; }

/* Na małych ekranach zrób układ pionowy i przenieś godziny pod spód */
@media (max-width: 768px) {
  .contact-wrap {
    flex-direction: column;
  }

  /* Jeśli chcesz mieć pewność, że "godziny" są poniżej: */
  .contact-info  { order: 1; }
  .contact-hours { order: 2; margin-top: 16px; }
}
.fa-solid, .fas {
    font-weight: 900;
    font-size: 20px;
    padding: 0 10px 0 0;
}


.t4-main-body {
    padding-top: 0.5rem; */
    padding-bottom: 2rem;
}

.item-page.layout-default.no-sidebar .top-article-info {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
    max-width: 1140px;
}

:root{
--color-primary:#0a58ca;
--color-secondary:#6c757d;
--color-success:#192f59;
--color-info:#FF8A19;
--color-warning:#fd7e14;
--color-danger:#dc3545;
--color-light:#f8f9fa;
--color-dark:#212529;
--color-white:#ffffff;
--color-black:#000000;
--body-bg-color:#ffffff;
--body-text-color:#495057;
--body-link-color:#0a58ca;
--body-link-hover-color:#084298;
--mainnav-text-color:#495057;
--mainnav-link-color:#495057;
--mainnav-link-hover-color:#0a58ca;
--mainnav-link-active-color:#0a58ca;
--footer-bg-color:#ffffff;
--footer-text-color:#495057;
--footer-link-color:#495057;
--footer-link-hover-color:#0a58ca;
}

.t4-section-inner.container-fluid .header-block, .t4-section-inner.container-sm .header-block, .t4-section-inner.container-md .header-block, .t4-section-inner.container-lg .header-block, .t4-section-inner.container-xl .header-block, .t4-section-inner.container-xxl .header-block {
        padding: 0.5rem 0;
}


.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link{
    text-transform: none;
    font-weight: bold;
    font-size: 17px;
}



.mod-dpcalendar-upcoming-default__event{
    padding-bottom: 20px;
}

.mod-dpcalendar-upcoming-default__information .dp-link {
    font-size: 1.2rem;
    font-weight: 700;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}


.topmenu_rekrutacja {
    background-color: #FF8A19;
    font-weight: bold;
    display: flex;            /* flexbox */
    align-items: center;      /* wyśrodkowanie pionowe */
    justify-content: center;  /* wyśrodkowanie poziome */
    height: 100%;             /* pełna wysokość paska menu */ 
    padding-bottom: 0.6666666667rem;   
    margin-bottom: -0.6666666667rem;
    padding-top: 0.6666666667rem;   
    margin-top: -0.6666666667rem;
    z-index: 1;
    position: relative;
}

.topmenu_rekrutacja a {
    color: #fff !important;
    text-decoration: none;
}


@media (max-width: 589.98px) {
  .topmenu_rekrutacja {
    height: auto;            /* usuń wymuszoną wysokość */
    margin: 0;               /* usuń negatywne marginesy */
    padding: 10px 0;         /* normalny padding */
    width: 100%;             /* pełna szerokość */
    display: flex;           /* zachowaj centrowanie */
    align-items: center;
    justify-content: center;
    padding-bottom: 0.6rem;   
    padding-top: 0.6rem;   
  }

.topmenu_rekrutacja a {
    font-size: 1.25rem !important; /* np. ~20px */
  }

}

@media (max-width: 589.98px) {
  
}




.topmenu .nav > li.active > a,
.topmenu .nav > li.active > a.nav-link,
.topmenu .nav > li.active:hover > a,
.topmenu .nav > li.active:hover > a.nav-link {
	color: #919bad;
}

.topmenu .nav > li a,
.topmenu .nav > li .nav-link {
	color: #919bad;
}

.topmenu .nav > li a:hover,
.topmenu .nav > li a:focus,
.topmenu .nav > li a:active,
.topmenu .nav > li .nav-link:hover,
.topmenu .nav > li .nav-link:focus,
.topmenu .nav > li .nav-link:active {
	color: #ffffff !important;
   
}



/* ————— 590px–767.98px: TRZY kolumny (3–6–3) w jednym wierszu ————— */
@media (min-width: 590px) and (max-width: 945px) {
  .top_all .row {
    display: flex;
    flex-wrap: nowrap;     /* trzy obok siebie */
    --bs-gutter-x: 1rem;   /* odstęp poziomy między kolumnami */
  }


  /* Wymuś proporcje 4-6-2 */
  .top_all .row > *:nth-child(1) { flex: 0 0 25%; max-width: 25%;  }
  .top_all .row > *:nth-child(2) { flex: 0 0 50%;  max-width: 50%; }
  .top_all .row > *:nth-child(3) { flex: 0 0 25%; max-width: 25%; }

  /* Opcjonalnie: odchudź wnętrze, jeśli linki są „grube” */
  .top_all .row .nav,
  .top_all .row [class*="menu"],
  .top_all .row .nav-link {
    gap: 0.75rem;
    padding-left: 0; 
    padding-right: 0px;
    white-space: nowrap;
  }

  /* Usuń rozpychanie przez .ms-auto */
  .top_all .row .ms-auto { margin-left: 0 !important;  }
}



/* ————— < 590px: TYLKO 2 kolumny, trzecia ukryta, dwie schodzą jedna pod drugą ————— */
@media (max-width: 589.98px) {
  .top_all .row {
    display: flex;
    flex-wrap: wrap;       /* pozwól zawijanie */
    --bs-gutter-x: .5rem;
    --bs-gutter-y: .5rem;
  }


  /* Kolumna 1 i 2: pełna szerokość, jedna pod drugą */
  .top_all .row > *:nth-child(1),
  .top_all .row > *:nth-child(3) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Kolumna 3: ukryj */
  .top_all .row > *:nth-child(2) {
    display: none !important;
  }

  /* lżejsze odstępy wewnątrz */
  .top_all .row .nav,
  .top_all .row [class*="menu"],
  .top_all .row .nav-link {
    gap: .5rem;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
  }


/*brak padding gdy 2 kolumny*/
.top_all {
    padding-top: 0;
    padding-bottom: 0;
}

}


/* Kolumna 2 w topbarze: margines po prawej na każdym elemencie menu */
.top_all .row > *:nth-child(2) .nav > li,
.top_all .row > *:nth-child(2) .mod-menu .nav > li {
  margin-right: 0.5rem;   /* zmień np. na .4rem / .8rem / 1rem */
}

/* ... i większy margines po PRAWEJ dla ostatniego elementu */
.top_all .row > *:nth-child(2) .nav > li:last-child,
.top_all .row > *:nth-child(2) .mod-menu .nav > li:last-child {
  margin-right: 1rem;     /* ustaw wg potrzeb: 0.8rem / 1rem / 1.25rem */
}


/*mniejsze odstępy social icon media*/
@media (max-width: 660px) {
 .addtoany_list > a {
    display: inline-block;
    font-size: 16px;
    padding: 0 1px;
}
}








/* Ukryj wybrane pozycje menu na urządzeniach mobilnych */
@media (max-width: 590px) {
  /* Jeśli klasa jest na <a>, ukryj cały element menu */
  .navbar .nav-item .hide-mobile,
  .mod-menu .nav .hide-mobile {
    display: none !important;
  }
}










.mobilne_menu_ania {
  display: none;
}

@media (max-width: 590px) {
  .mobilne_menu_ania {
    display: flex;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #192f59;
    padding: 10px 0;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.2);
    z-index: 9999;
    animation: slideUp 0.4s ease;
  }

  .mobilne_menu_ania .menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    flex: 1;
    transition: color 0.3s;
    padding: 15px 1px;
  }

  .mobilne_menu_ania .menu-item i {
    font-size: 15px;
    margin-bottom: 4px;
  }

 
/* Centralny okrągły przycisk (FAB) */
  .mobilne_menu_ania .menu-fab {
    position: relative;
    justify-self: center;
    width: 65px; height: 65px;
    border-radius: 50%;
    background: #fff;          
    color: #000;
    box-shadow: 0 6px 14px rgba(0,0,0,0.24);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transform: translateY(-24px);  /* wynurzamy ponad pasek */
    z-index: 9999;                 /* nad paskiem */
    border: 3px solid #fff;        /* delikatna obwódka */
  }

  .mobilne_menu_ania .menu-fab i {
    font-size: 26px;
    line-height: 1;
  }

  .mobilne_menu_ania .menu-fab:active {
    transform: translateY(-24px) scale(0.97);
  }

